/* Лендінг ветдієтолога v3 = макет mockup-v9 v23 (24.10.2026), класи з префіксом amc-. Правити лише через макет + transform.py. */

/* v9: 23.10 слово «лікар» замінено на «дієтолог»/«Валерія» (рішення власника). v8. Чистота як у Chewy: білий фон, одна гарнітура сайту (Nunito 400/600/800), один акцент бренду (#ffba00) на кнопках,
   радіус 16, фото або скрін у кожному другому блоці, абзаци з жирним початком. Тексти = документ рерайтерки. Хмарки = коментар рерайтерки. */
:root{--bg:#ffffff;--fg:#1e1e1e;--muted:#5c5c5c;--line:#e6e6e6;--tint:#f5f5f2;--tint-2:#ececea;--amber:#ffba00;--amber-dk:#e8a800;--dark:#1e1e1e;
  --font:"Nunito",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:16px;line-height:1.5;padding-bottom:84px}
@media(min-width:960px){body{padding-bottom:0}}
img{max-width:100%;display:block}p{margin:0}h1,h2,h3{margin:0;text-wrap:balance}
h1{font-size:clamp(28px,4.6vw,44px);font-weight:800;line-height:1.12}
h2{font-size:clamp(23px,3.2vw,32px);font-weight:800;line-height:1.18}
h2 .amc-lt{font-weight:400}
.amc-wrap{max-width:1120px;margin:0 auto;padding-inline:16px}
section{padding-block:40px}@media(min-width:960px){section{padding-block:72px}}
.amc-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 30px;border-radius:999px;background:var(--amber);color:var(--fg);font-weight:800;font-size:17px;letter-spacing:.01em;border:0;cursor:pointer;font-family:inherit;text-decoration:none;white-space:nowrap;box-shadow:0 3px 0 var(--amber-dk);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.amc-btn:hover{background:#ffc41f;transform:translateY(-2px);box-shadow:0 5px 0 var(--amber-dk)}
.amc-btn:active{transform:translateY(1px);box-shadow:0 1px 0 var(--amber-dk)}
.amc-btn.amc-js-open::after,.amc-btn.amc-js-open-2::after{content:"→";font-size:20px;line-height:1;transition:transform .15s}
.amc-btn.amc-js-open:hover::after,.amc-btn.amc-js-open-2:hover::after{transform:translateX(3px)}
.amc-hero .amc-btn{min-height:60px;font-size:18px;padding:0 34px}
@media(max-width:600px){.amc-hero .amc-btn,.amc-sky-cta .amc-btn{width:100%}}
.amc-btn--dark{background:var(--dark);color:#fff}.amc-btn--dark:hover{background:#333}
.amc-btn--line{background:#fff;color:var(--fg);border:1.5px solid var(--fg);box-shadow:none}.amc-btn--line:hover{background:var(--tint);transform:none;box-shadow:none;filter:none}
.amc-btn:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--fg);outline-offset:3px}
.amc-muted{color:var(--muted)}
.amc-lead p{margin-bottom:12px;color:var(--muted);max-width:40em}.amc-lead p b{color:var(--fg)}
.amc-photo{border-radius:16px;overflow:hidden;background:var(--tint)}
.amc-photo img{width:100%;height:auto;object-fit:cover}
.amc-ph{background:var(--tint);border-radius:16px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:13px;font-weight:600;padding:12px}
/* шапка */
.amc-top{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:#fff;border-bottom:1px solid var(--line)}
.amc-top .amc-bar{display:flex;align-items:center;justify-content:space-between;min-height:58px}
.amc-logo img{height:26px;width:auto}
.amc-top a.amc-lnk{color:var(--muted);font-size:14px;font-weight:600;text-decoration:none}
/* герой */
.amc-hero{padding-block:22px 40px}
.amc-hero .amc-g{display:grid;gap:22px;align-items:center}
@media(min-width:960px){.amc-hero{padding-block:56px 80px}.amc-hero .amc-g{grid-template-columns:1fr 1fr;gap:56px}}
.amc-hero .amc-sub{font-size:clamp(17px,2vw,20px);color:var(--muted);margin-top:12px;max-width:30em}
.amc-price{margin-top:16px;font-size:18px;font-weight:600}.amc-price b{font-size:24px;font-weight:800}
.amc-cta{margin-top:16px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.amc-guar{font-size:14px;color:var(--muted);max-width:30em;padding-left:18px;position:relative}
.amc-guar::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--amber)}
.amc-hero .amc-photo img{aspect-ratio:4/3}@media(min-width:960px){.amc-hero .amc-photo img{aspect-ratio:1/1}}
/* дієтолог */
.amc-doc{display:grid;gap:20px;align-items:start;grid-template-columns:1fr}.amc-doc>div{min-width:0}
@media(min-width:960px){.amc-doc{grid-template-columns:220px 1fr;gap:44px;align-items:start}}
.amc-doc .amc-shot{border-radius:16px;overflow:hidden;background:var(--tint);aspect-ratio:4/5;max-width:420px}
.amc-doc .amc-shot img{width:100%;height:100%;object-fit:cover;display:block}
@media(min-width:960px){.amc-doc{grid-template-columns:380px 1fr;gap:48px;align-items:center}.amc-doc .amc-shot{max-width:none}}
.amc-doc .amc-name{font-size:15px;font-weight:800;margin-top:10px}
.amc-doc .amc-tag{display:none}
.amc-certs{display:flex;gap:4px;margin:16px 0 18px;padding:6px 4px}
.amc-cert{flex:0 0 auto;width:64px;border:0;padding:0;background:none;cursor:pointer;font:inherit;font-family:inherit;transition:transform .2s}
.amc-cert img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.amc-cert:nth-child(1){transform:rotate(-5deg)}.amc-cert:nth-child(2){transform:rotate(3deg) translateY(4px)}.amc-cert:nth-child(3){transform:rotate(-2deg)}.amc-cert:nth-child(4){transform:rotate(4deg) translateY(3px)}.amc-cert:nth-child(5){transform:rotate(-3deg) translateY(1px)}
.amc-cert:hover{transform:rotate(0) scale(1.08);z-index:2;position:relative}
@media(min-width:960px){.amc-cert{width:88px}.amc-certs{gap:10px}}
.amc-lb{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.72);display:none;flex-direction:column;align-items:center;justify-content:safe center;padding:16px;overflow:auto}
.amc-lb.amc-open{display:flex}
.amc-lb img{display:block;width:auto;height:auto;max-width:min(820px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);object-fit:contain;margin:0 auto;border-radius:8px;background:#fff}
.amc-lb .amc-x{position:fixed;top:14px;right:14px;width:40px;height:40px;border-radius:50%;border:0;background:#fff;font-size:22px;cursor:pointer;font-family:inherit}
.amc-quote{font-size:17px;line-height:1.55;margin-top:14px;max-width:36em}
/* хмарки: білі картки різного розміру на світло-сірому полі */
.amc-sky{position:relative;background:var(--tint);border-radius:16px;padding:28px 18px 26px;margin-top:22px;display:flex;flex-direction:column;align-items:flex-start;gap:0;isolation:isolate}
.amc-cloud{position:relative;border:0;font:inherit;font-family:inherit;color:var(--fg);background:#fff;cursor:pointer;text-align:left;line-height:1.35;font-weight:600;border-radius:28px;padding:18px 20px;box-shadow:0 2px 6px rgba(0,0,0,.05),0 10px 24px rgba(0,0,0,.06);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,opacity .25s,background .25s;animation:bob 7s ease-in-out infinite;transform-origin:center}
.amc-cloud.amc-l{width:94%;font-size:19px;font-weight:800;padding:24px 26px;z-index:2}
.amc-cloud.amc-m{width:78%;font-size:15px;z-index:1}
.amc-cloud.amc-s{width:58%;font-size:14px;color:var(--muted);background:#fafaf8;box-shadow:0 1px 3px rgba(0,0,0,.05);opacity:.9;z-index:0;padding:14px 16px}
.amc-cloud.amc-c1{align-self:flex-start;transform:rotate(-1.2deg)}
.amc-cloud.amc-c2{align-self:flex-end;margin-top:-4px;animation-delay:-2s;transform:rotate(1.4deg)}
.amc-cloud.amc-c3{align-self:flex-start;margin-top:-2px;animation-delay:-4s;transform:rotate(-.8deg)}
.amc-cloud.amc-c4{align-self:flex-end;margin-top:-6px;animation-delay:-1s;transform:rotate(1.8deg)}
.amc-cloud.amc-c5{align-self:flex-start;margin-top:-4px;animation-delay:-3s;transform:rotate(-1.5deg)}
.amc-cloud.amc-c6{align-self:flex-end;margin-top:-6px;animation-delay:-5s;transform:rotate(1.2deg)}
.amc-cloud.amc-c7{align-self:center;margin-top:-4px;animation-delay:-2.5s;transform:rotate(-1deg)}
.amc-cloud.amc-c8{align-self:flex-end;margin-top:-2px;animation-delay:-6s;transform:rotate(.8deg)}
@media(min-width:960px){
  .amc-sky{flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:26px 20px;padding:48px 40px}
  .amc-cloud.amc-c4{order:9}
  .amc-cloud.amc-l{width:auto;flex:0 1 34%;font-size:19px;padding:26px 28px}
  .amc-cloud.amc-m{width:auto;flex:0 1 27%;font-size:16px}
  .amc-cloud.amc-s{width:auto;flex:0 1 20%;font-size:14px}
  .amc-cloud.amc-c1{transform:rotate(-1.5deg) translateY(6px)}.amc-cloud.amc-c2{transform:rotate(2deg) translateY(-10px);margin-top:0}.amc-cloud.amc-c3{transform:rotate(-1deg) translateY(8px);margin-top:0}.amc-cloud.amc-c4{transform:rotate(2.5deg) translateY(-4px);margin-top:0}
  .amc-cloud.amc-c5{transform:rotate(-2deg) translateY(10px);margin-top:0}.amc-cloud.amc-c6{transform:rotate(1.5deg) translateY(-8px);margin-top:0}.amc-cloud.amc-c7{transform:rotate(-1.5deg) translateY(4px);margin-top:0}.amc-cloud.amc-c8{transform:rotate(1.5deg) translateY(-6px);margin-top:0}
}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -9px}}
.amc-cloud.amc-c2,.amc-cloud.amc-c5,.amc-cloud.amc-c8{animation-duration:9s}.amc-cloud.amc-c3,.amc-cloud.amc-c6{animation-duration:6s}
.amc-cloud:hover{transform:scale(1.03)}
.amc-cloud.amc-s.amc-on{transform:scale(1.2) rotate(0);color:var(--fg)}
.amc-cloud.amc-on{transform:scale(1.1) rotate(0);z-index:6;background:var(--amber);color:var(--fg);opacity:1;box-shadow:0 16px 40px rgba(0,0,0,.14);animation:none}
.amc-sky.amc-has .amc-cloud:not(.amc-on){opacity:.6}
.amc-sky-cta{display:flex;justify-content:center;margin-top:24px}
/* кроки */
.amc-steps-g{display:grid;gap:26px;align-items:center}
@media(min-width:960px){.amc-steps-g{grid-template-columns:1fr 1fr;gap:56px}}
.amc-steps{display:grid;gap:18px;margin-top:20px}
.amc-step{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start}
.amc-step i{width:40px;height:40px;border-radius:50%;background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;font-size:17px}
.amc-step b{display:block;font-size:17px;font-weight:800;margin-bottom:2px}.amc-step p{color:var(--muted)}
.amc-steps-g .amc-photo img{aspect-ratio:4/3}
/* приклад */
.amc-phones{display:flex;gap:14px;overflow-x:auto;padding:22px 0 8px;margin-inline:-16px;padding-inline:16px;scrollbar-width:thin}
@media(min-width:960px){.amc-phones{justify-content:flex-start;gap:24px}.amc-phone{width:200px}}
.amc-phone{flex:0 0 auto;width:calc(50% - 7px);height:auto;aspect-ratio:1/2;border-radius:22px;background:#e4e4e0;padding:7px}
.amc-phone div{height:100%;border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;color:var(--muted);font-weight:600;padding:14px;line-height:1.3}
/* бронювання */
.amc-book-g{display:grid;gap:26px;align-items:start}
@media(min-width:960px){.amc-book-g{grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}}
.amc-book{background:#FFF4D6;padding-top:40px!important}@media(min-width:960px){.amc-book{padding-top:72px!important}}
.amc-book .amc-lede{font-size:17px;color:var(--muted);margin-top:8px}
.amc-form{margin-top:22px;background:#fff;border:1px solid #F1E3BC;border-radius:16px;padding:18px;display:grid;gap:16px}
@media(min-width:960px){.amc-form{padding:26px}}
.amc-form h3{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:800;margin-bottom:8px}
.amc-chips{display:flex;flex-wrap:wrap;gap:8px}
.amc-chip{border:0;border-radius:999px;padding:10px 15px;background:var(--tint);font:inherit;font-weight:600;font-size:15px;cursor:pointer;font-family:inherit;color:var(--fg);font-variant-numeric:tabular-nums}
.amc-chip[aria-pressed="true"]{background:var(--dark);color:#fff}
.amc-seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}.amc-seg .amc-chip{text-align:center;padding:13px;border-radius:12px;font-size:16px}
.amc-form input{font:inherit;font-size:16px;padding:13px 14px;border:1.5px solid var(--line);border-radius:12px;width:100%;font-family:inherit;color:var(--fg);background:#fff}
.amc-form .amc-btn{width:100%}
.amc-book-g .amc-photo img{aspect-ratio:4/3}.amc-photo--desk{display:none}@media(min-width:960px){.amc-photo--desk{display:block}}
/* відгуки */
.amc-rev{margin-top:18px}.amc-rev .amc-ph{min-height:72px}
/* FAQ */
.amc-faq{margin-top:18px;max-width:820px}.amc-faq details{border-bottom:1px solid var(--line)}
.amc-faq summary{list-style:none;cursor:pointer;padding:18px 4px;font-weight:600;font-size:17px;display:flex;justify-content:space-between;gap:16px;align-items:center}
.amc-faq summary::-webkit-details-marker{display:none}
.amc-faq summary::after{content:"+";flex:0 0 28px;font-size:26px;font-weight:600;line-height:1;text-align:center;transition:transform .2s}
.amc-faq details[open] summary::after{transform:rotate(45deg)}
.amc-faq details p{padding:0 4px 18px;color:var(--muted);max-width:62em}
/* низ */
.amc-foot{border-top:1px solid var(--line);padding:24px 16px calc(24px + env(safe-area-inset-bottom,0px))}
.amc-foot .amc-wrap{display:flex;justify-content:space-between;align-items:center}
.amc-foot{padding-inline:0}section{scroll-margin-top:64px}
.amc-foot a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:600}
.amc-sticky{position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(255,255,255,.96);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))}
.amc-sticky .amc-btn{width:100%}@media(min-width:960px){.amc-sticky{display:none}}
/* анкета */
.amc-ov{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.5);display:none;align-items:flex-end;justify-content:center}.amc-ov.amc-open{display:flex}
.amc-sheet{background:#fff;width:100%;max-width:560px;max-height:92vh;overflow:auto;border-radius:20px 20px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom,0px))}
@media(min-width:960px){.amc-ov{align-items:center}.amc-sheet{border-radius:20px;max-height:88vh;padding:26px}}
.amc-sheet header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.amc-sheet header b{font-size:13px;font-weight:600;color:var(--muted)}
.amc-sheet .amc-x{border:0;background:var(--tint);width:36px;height:36px;border-radius:50%;font-size:20px;cursor:pointer;font-family:inherit;color:var(--fg)}
.amc-prog{height:4px;background:var(--tint-2);border-radius:2px;overflow:hidden;margin-bottom:18px}.amc-prog i{display:block;height:100%;background:var(--amber);width:20%;transition:width .2s}
.amc-sheet h3{font-size:22px;font-weight:800;margin-bottom:14px}.amc-pane{display:none}.amc-pane.amc-on{display:block}
.amc-fr{display:grid;gap:10px;margin-bottom:12px}.amc-fr.amc-two{grid-template-columns:1fr 1fr}
label.amc-f{display:grid;gap:5px;font-size:13px;font-weight:600;color:var(--muted)}
label.amc-f input,label.amc-f textarea,label.amc-f select{font:inherit;font-size:16px;padding:12px 13px;border:1.5px solid var(--line);border-radius:12px;width:100%;min-width:0;background:#fff;color:var(--fg);font-family:inherit}
label.amc-f textarea{min-height:88px;resize:vertical}
.amc-opts{display:flex;flex-wrap:wrap;gap:8px}.amc-opts.amc-col{flex-direction:column}
.amc-opt{border:1.5px solid var(--line);border-radius:999px;padding:10px 15px;background:#fff;font:inherit;font-weight:600;cursor:pointer;font-family:inherit;color:var(--fg);text-align:left}
.amc-opts.amc-col .amc-opt{border-radius:12px;line-height:1.35}
.amc-opt[aria-pressed="true"]{background:var(--dark);color:#fff;border-color:var(--dark)}
.amc-opt.amc-big{flex:1 1 40%;padding:16px;font-size:17px;text-align:center;border-radius:12px}
.amc-sheet .amc-nav{display:flex;gap:10px;margin-top:18px;position:sticky;bottom:-18px;background:#fff;padding:10px 0 18px;margin-bottom:-18px}.amc-sheet .amc-nav .amc-btn{flex:1}.amc-sheet .amc-nav .amc-back{flex:0 0 auto}
.amc-done{display:none;text-align:center;padding:24px 0}.amc-done.amc-on{display:block}.amc-done b{display:block;font-size:20px;font-weight:800;margin-bottom:8px}.amc-done p{color:var(--muted)}

/* правки UX/UI-рецензії */
.amc-hero .amc-photo img{aspect-ratio:4/5;object-position:50% 22%}
@media(min-width:960px){.amc-hero .amc-photo img{aspect-ratio:4/5}}
.amc-doc{grid-template-columns:1fr}.amc-doc .amc-shot{width:96px;aspect-ratio:1;border-radius:50%;max-width:none}.amc-doc .amc-shot img{object-position:50% 18%}
@media(min-width:960px){.amc-doc{grid-template-columns:1fr;gap:20px}.amc-doc .amc-shot{width:128px;max-width:none}}
.amc-doc .amc-name,.amc-book .amc-lede{margin-top:8px}.amc-sky,.amc-steps,.amc-rev,.amc-faq{margin-top:20px}.amc-phones{padding-top:20px}
@media(min-width:960px){.amc-phones .amc-phone{width:200px}}
.amc-book+section{padding-top:40px!important}@media(min-width:960px){.amc-book+section{padding-top:72px!important}}
.amc-form h3,.amc-lbl{display:block;font-size:13px;letter-spacing:0;text-transform:none;font-weight:600;color:var(--muted);margin-bottom:8px}
.amc-form-price{margin-top:4px}.amc-form .amc-guar{margin-top:-4px}
.amc-sheet .amc-opt{border:0;background:var(--tint);box-shadow:none}.amc-sheet .amc-opt[aria-pressed="true"]{background:var(--dark);color:#fff}
.amc-cloud,.amc-cloud.amc-s,.amc-cloud.amc-l{padding-right:46px}
.amc-cloud::after{content:"+";position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;border:1.5px solid currentColor;display:grid;place-items:center;font-size:15px;line-height:1;font-weight:800;opacity:.5}
.amc-cloud.amc-on::after{content:"\2713";opacity:1;background:var(--fg);color:#fff;border-color:var(--fg)}
@media(max-width:959px){.amc-cloud.amc-c4{margin-top:14px}.amc-cloud.amc-on{transform:scale(1.03) rotate(0)}.amc-cloud.amc-s.amc-on{transform:scale(1.06) rotate(0)}}
.amc-hint{margin-top:6px;font-size:13.5px;color:#C62828;font-weight:600}
.amc-f.amc-err input,.amc-f.amc-err select,.amc-f.amc-err textarea,input.amc-err{border-color:#C62828}.amc-fr.amc-err .amc-opt,.amc-opts.amc-err .amc-opt{box-shadow:inset 0 0 0 1.5px #C62828}
.amc-sum{font-weight:800;font-size:16px;margin-bottom:10px}
.amc-btn.amc-is-loading{pointer-events:none;opacity:.7}.amc-btn.amc-is-loading::after{content:"";width:18px;height:18px;border:2.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* v9 крок 2: приклад розбору = історія Соні в 5 кадрах, тап збільшує */
.amc-case-sub{margin-top:8px;font-size:17px;color:var(--muted)}
.amc-case{display:flex;align-items:flex-start;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;margin-inline:-16px;padding:20px 16px 14px;scrollbar-width:thin}
.amc-ex{flex:0 0 78%;max-width:300px;scroll-snap-align:start;display:flex;flex-direction:column;gap:12px;border:0;padding:0;background:none;font:inherit;font-family:inherit;color:var(--fg);text-align:left;cursor:zoom-in}
.amc-ex .amc-cap{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;min-height:42px;font-size:15px;font-weight:700;line-height:1.35}
.amc-ex .amc-cap i{width:28px;height:28px;border-radius:50%;background:var(--dark);color:#fff;display:grid;place-items:center;font-style:normal;font-size:14px;font-weight:800}
.amc-ex .amc-pic{display:block;height:380px;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#fff;transition:transform .2s ease,box-shadow .2s ease}
.amc-ex .amc-pic img{width:100%;height:100%;object-fit:cover;object-position:top center}
.amc-ex.amc-chat .amc-pic img{-webkit-mask-image:linear-gradient(#0000 0,#000 32px);mask-image:linear-gradient(#0000 0,#000 32px)}
.amc-ex.amc-paper .amc-pic{background:#fcf7ea}.amc-ex.amc-paper .amc-pic img{object-fit:contain;object-position:top center}
.amc-ex.amc-rev .amc-pic{background:#78c5e3}.amc-ex.amc-rev .amc-pic img{object-fit:contain;object-position:center}
.amc-ex:hover .amc-pic{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.08)}
.amc-ex:focus-visible{outline:3px solid var(--fg);outline-offset:4px;border-radius:16px}
.amc-case-note{margin-top:6px;font-size:14px;color:var(--muted)}
@media(min-width:960px){.amc-case{overflow:visible;margin-inline:0;padding-inline:0}.amc-ex{flex:1 1 0;min-width:0;max-width:none}.amc-ex .amc-pic{height:440px}}

/* v9 крок 3: відгуки = скріни бульбашок з підписом; телефон 3 + «Показати ще», ПК 3 колонки */
.amc-rev{display:grid;gap:18px}
.amc-rv{margin:0;display:grid;gap:8px}
.amc-rv img{width:100%;height:auto;border-radius:16px;border:1px solid var(--line)}
.amc-rv figcaption{font-size:14px;font-weight:700;color:var(--muted)}
.amc-rv:nth-child(n+4){display:none}.amc-rev.amc-all .amc-rv{display:grid}
.amc-rev-more{margin-top:18px;width:100%}.amc-rev.amc-all~.amc-rev-more{display:none}
@media(min-width:960px){.amc-rev{display:block;columns:3;column-gap:20px}.amc-rv,.amc-rv:nth-child(n+4){display:grid;break-inside:avoid;margin-bottom:20px}.amc-rev-more{display:none}}

/* v9 крок 2–3, ред. 2 (23.10): як у референсах. Приклад = NieNaŻarty «Tak wygląda Twoja dieta»: телефон + розділи-акордеон.
   Відгуки = Rozmova: картки з аватаром-літерою, тегами, «Читати далі», посилання на оригінал, стрілки й крапки; плашка результату як у NieNaŻarty. */
.amc-tour{display:grid;gap:14px;margin-top:22px}
.amc-tour-phone{display:none}
.amc-zoom{border:0;padding:0;background:none;cursor:zoom-in;font:inherit;color:inherit}
.amc-phone-frame{position:relative;display:block;width:250px;aspect-ratio:780/1690;max-width:100%;border-radius:36px;background:#1c1c1e;padding:9px;box-shadow:0 18px 44px rgba(0,0,0,.16),inset 0 0 0 2px #3b3b3d}
.amc-phone-frame::before{content:"";position:absolute;top:17px;left:50%;width:11px;height:11px;margin-left:-5.5px;border-radius:50%;background:#0b0b0c;z-index:2}
.amc-phone-screen{display:block;width:100%;height:100%;border-radius:28px;overflow:hidden;background:#fff}
.amc-phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:opacity .18s ease}
.amc-phone-screen img.amc-swap{opacity:0}
.amc-ti{border:1px solid var(--line);border-radius:14px;background:#fff}
.amc-ti-head{display:grid;grid-template-columns:40px 1fr 24px;align-items:center;gap:14px;width:100%;padding:14px 16px;border:0;background:none;font:inherit;font-family:inherit;color:var(--fg);text-align:left;cursor:pointer;min-height:64px}
.amc-ti-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#FFF4D6}
.amc-ti-t{font-size:17px;font-weight:700;line-height:1.3}
.amc-ti-chev{width:12px;height:12px;border-right:2px solid var(--fg);border-bottom:2px solid var(--fg);transform:rotate(45deg) translate(-3px,-3px);transition:transform .2s ease;justify-self:center}
.amc-ti.amc-open .amc-ti-chev{transform:rotate(-135deg) translate(-2px,-2px)}
.amc-ti-body{display:none;padding:0 16px 18px 70px}
.amc-ti.amc-open .amc-ti-body{display:block}
.amc-ti-body p{color:var(--muted);font-size:15px;line-height:1.45}
.amc-ti-phone{display:flex;justify-content:center;margin:18px 0 4px -54px;width:calc(100% + 54px)}
@media(min-width:960px){
  .amc-tour{grid-template-columns:400px 1fr;gap:48px;align-items:start;margin-top:28px}
  .amc-tour-phone{display:flex;justify-content:center;position:sticky;top:84px}
  .amc-tour-phone .amc-phone-frame{width:300px}
  .amc-ti-phone{display:none}
  .amc-tour-list{display:grid;gap:12px;max-width:600px}
  .amc-ti-head:hover{background:var(--tint);border-radius:14px}
}
.amc-tour-list{display:grid;gap:10px}
.amc-rvw-sec{background:var(--tint)}
.amc-rvw{margin-top:22px}
.amc-rvw-track{position:relative;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-16px;padding:4px 16px 8px;scroll-padding-inline:16px;scrollbar-width:none}
.amc-rvw-track::-webkit-scrollbar{display:none}
.amc-rc{flex:0 0 86%;scroll-snap-align:start;display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}
.amc-rc-h{display:flex;align-items:center;gap:12px}
.amc-rc-av{flex:0 0 44px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:18px;background:#FFF1C7;color:#7A5200}
.amc-rc[data-c="1"] .amc-rc-av{background:#E5EFFB;color:#1F4E8C}.amc-rc[data-c="2"] .amc-rc-av{background:#FBE7EE;color:#8C2F52}
.amc-rc-who{display:grid;line-height:1.3}.amc-rc-who b{font-size:17px}.amc-rc-who span{font-size:14px;color:var(--muted)}
.amc-rc-tags{display:flex;flex-wrap:wrap;gap:8px}
.amc-rc-tag{padding:6px 12px;border-radius:999px;background:var(--tint);font-size:13.5px;font-weight:600;color:#3f3f3f}
.amc-rc-tag--res{background:var(--amber);color:var(--fg);font-weight:800}
.amc-rc-txt{font-size:15.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.amc-rc.amc-full .amc-rc-txt{display:block;-webkit-line-clamp:unset}
.amc-rc-more{align-self:flex-start;border:0;background:none;padding:0;margin-top:-8px;font:inherit;font-weight:700;font-size:15px;color:#1F4E8C;cursor:pointer}
.amc-rc.amc-full .amc-rc-more{display:none}
.amc-rc-orig{margin-top:auto;align-self:center;display:inline-flex;align-items:center;gap:8px;padding:10px 4px 0;font-weight:700;font-size:15px;color:#1F4E8C;cursor:pointer}
.amc-rvw-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:18px}
.amc-rvw-arr{width:44px;height:44px;border-radius:50%;border:1.5px solid #1F4E8C;background:#fff;color:#1F4E8C;display:grid;place-items:center;cursor:pointer}
.amc-rvw-arr:disabled{border-color:var(--line);color:#b9b9b9;cursor:default}
.amc-rvw-dots{display:flex;gap:8px}
.amc-rvw-dot{width:8px;height:8px;border-radius:50%;border:0;padding:0;background:#d4d4cf;cursor:pointer}
.amc-rvw-dot.amc-on{background:#1F4E8C}
@media(min-width:960px){.amc-rc{flex-basis:calc((100% - 32px)/3)}.amc-rvw-track{margin-inline:0;padding-inline:0;scroll-padding-inline:0}}
.amc-lb.amc-tall{justify-content:flex-start}.amc-lb.amc-tall img{max-height:none;width:min(560px,100%)}

/* ред. 3 (23.10): точніше за референсами. Відгуки = Rozmova без вигаданих елементів; приклад = NieNaŻarty. */
.amc-rvw-h{text-align:center}
.amc-rc{gap:16px;padding:20px 20px 22px}
.amc-rc-av{flex-basis:40px;width:40px;height:40px;font-size:17px;font-weight:600;background:#EAF0FD;color:#3B5BDB}
.amc-rc[data-c="1"] .amc-rc-av{background:#FDEBF1;color:#C2255C}.amc-rc[data-c="2"] .amc-rc-av{background:#EFEDFB;color:#5F3DC4}
.amc-rc-who b{font-weight:500;font-size:17px;color:#333}.amc-rc-who span{font-size:14px;font-weight:600;color:#8a8a8a}
.amc-rc-tag{background:#F3F6FB;color:#5b5b5b;font-weight:500;font-size:14px;padding:7px 14px}
.amc-rc-txt{color:#4a4a4a;font-size:15.5px;line-height:1.65;-webkit-line-clamp:8}
.amc-rc-more{color:#3B5BDB;font-weight:700}
.amc-rvw-arr{border-color:#3B5BDB;color:#3B5BDB}.amc-rvw-dot.amc-on{background:#3B5BDB}
.amc-ti{border-color:#e6e6e6;border-radius:12px}
.amc-ti-head{grid-template-columns:52px 1fr 24px;gap:16px;padding:16px 20px;min-height:76px}
.amc-ti-ic{width:52px;height:52px;border-radius:0;background:none}
.amc-ti-ic svg{width:46px;height:46px;stroke-width:1.3}
.amc-ti-t{font-weight:600}
.amc-ti-body{padding:0 20px 20px}
.amc-ti-body p{color:var(--fg);font-size:16px;line-height:1.55}
.amc-ti-phone{margin:22px 0 6px;width:100%}
.amc-phone-frame{padding:7px;border-radius:34px;width:262px}
.amc-phone-frame::after{content:"";position:absolute;right:-3px;top:22%;width:3px;height:56px;border-radius:0 2px 2px 0;background:#2b2b2d;box-shadow:0 74px 0 #2b2b2d}
.amc-phone-screen{border-radius:28px}
@media(min-width:960px){.amc-tour-phone .amc-phone-frame{width:300px}.amc-ti-head:hover{background:none}}

/* ред. 4 (23.10): оболонка картки Rozmova + справжній скрін бульбашки замість набраного тексту */
.amc-rc-shot{position:relative;display:block;width:100%;max-height:280px;overflow:hidden;border:0;padding:0;background:none;border-radius:12px;cursor:zoom-in}
.amc-rc-shot img{display:block;width:100%;height:auto;border-radius:12px}
.amc-rc-shot.amc-cut::after{content:"";position:absolute;left:0;right:0;bottom:0;height:64px;background:linear-gradient(rgba(255,255,255,0),#fff 92%)}
.amc-rc.amc-full .amc-rc-shot{max-height:none}.amc-rc.amc-full .amc-rc-shot::after{display:none}
.amc-rc-more{margin-top:-10px}
.amc-rvw-track{align-items:flex-start}
.amc-rc-shot{max-height:240px}@media(min-width:960px){.amc-rc-shot{max-height:252px}}

/* ред. 5 (23.10): усі скріни з Drive. Розмова про Барні = 3 екрани з гортанням у телефоні; Мандрагора в «Як це працює» замість стокового кота */
.amc-pbox{display:flex;flex-direction:column;align-items:center}
.amc-phone-screen{transition:opacity .18s ease}.amc-phone-screen.amc-swap{opacity:0}
.amc-pscr{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.amc-pscr::-webkit-scrollbar{display:none}
.amc-pscr-i{flex:0 0 100%;height:100%;scroll-snap-align:start;border:0;padding:0;background:#fff;cursor:zoom-in}
.amc-pscr-i img{width:100%;height:100%;object-fit:cover;object-position:top center}
.amc-pnav{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px}.amc-pnav[hidden]{display:none}
.amc-pnav-a{width:36px;height:36px;border-radius:50%;border:1.5px solid #3B5BDB;background:#fff;color:#3B5BDB;display:grid;place-items:center;cursor:pointer}
.amc-pnav-a:disabled{border-color:var(--line);color:#bdbdbd;cursor:default}
.amc-pdots{display:flex;gap:7px}.amc-pdots i{width:7px;height:7px;border-radius:50%;background:#d4d4cf}.amc-pdots i.amc-on{background:#3B5BDB}
.amc-how-phone{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px}
.amc-how-phone figcaption{font-size:14px;color:var(--muted);text-align:center}
@media(min-width:960px){.amc-how-phone .amc-phone-frame{width:280px}}
@media(min-width:960px){.amc-ti-body .amc-ti-phone{display:none}}
@media(max-width:959px){.amc-tour .amc-tour-phone{display:none}}

/* крок 4 (23.10): портрет один раз. Ім'я на фото героя (Chewy Vet Care: фахівець з твариною + підпис), «Знайомся» без аватара, на ПК 2 колонки */
.amc-hero-ph{position:relative;margin:0}
.amc-hero-tag{position:absolute;left:12px;bottom:12px;display:grid;gap:1px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 4px 14px rgba(0,0,0,.12);line-height:1.25;max-width:calc(100% - 24px)}
.amc-hero-tag b{font-size:15px;font-weight:800}.amc-hero-tag span{font-size:13px;color:var(--muted);font-weight:600}
.amc-meet{padding-top:0}
.amc-meet-g{display:grid;gap:4px}
.amc-meet .amc-name{font-size:15px;font-weight:800;margin-top:10px}
.amc-meet .amc-certs{margin:16px 0 14px}
@media(min-width:960px){
  .amc-hero-tag{left:18px;bottom:18px;padding:12px 16px}.amc-hero-tag b{font-size:16px}
  .amc-meet-g{grid-template-columns:5fr 7fr;gap:64px;align-items:start}
  .amc-meet-h h2{font-size:34px}
  .amc-meet .amc-certs{margin-top:0}
  .amc-meet .amc-quote{font-size:19px;line-height:1.6;max-width:none}
}

/* iPhone 16 Pro (23.10, прохання власника): титанова рамка, тонка чорна рамка екрана, Dynamic Island, кнопки: дія + гучність зліва, живлення справа */
.amc-phone-frame{width:262px;aspect-ratio:780/1690;padding:6px;border-radius:46px;background:#0b0b0c;
  box-shadow:0 0 0 1.5px #5d5b58,0 0 0 3px #b8b4ad,0 0 0 4px #77746f,0 22px 48px rgba(0,0,0,.22)}
.amc-phone-frame::before,.amc-phone-frame::after{content:none}
.amc-phone-screen{border-radius:40px}
.amc-ip-island{position:absolute;z-index:3;top:calc(6px + 2.1%);left:50%;width:31%;height:3.9%;transform:translateX(-50%);border-radius:999px;background:#000}
.amc-ip-btn{position:absolute;width:3px;border-radius:2px;background:linear-gradient(90deg,#8f8b85,#c9c5be 60%,#8f8b85)}
.amc-ip-l{left:-6px;top:17%;height:25%;border-radius:0;background:linear-gradient(180deg,#aaa69f 0 16%,transparent 16% 36%,#aaa69f 36% 64%,transparent 64% 72%,#aaa69f 72% 100%)}
.amc-ip-r{right:-6px;top:27%;height:11%}
.amc-tour-phone .amc-phone-frame{width:300px}
@media(min-width:960px){.amc-how-phone .amc-phone-frame{width:280px}}

/* крок 6 (23.10): хмара запитів як у Rozmova «Допоможемо вам з актуальними темами»: однакові сірі пігулки, синій текст, по центру, остання = обведена кнопка зі стрілкою; тап = анкета з цим запитом */
.amc-topics-h{text-align:center}
.amc-topics{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:22px auto 0;max-width:920px}
.amc-topic{border:0;border-radius:24px;padding:10px 16px;background:#F3F4F6;color:#3B5BDB;font:inherit;font-family:inherit;font-size:16px;font-weight:500;line-height:1.35;text-align:center;cursor:pointer;transition:background .15s}
.amc-topic:hover{background:#E9ECF5}
.amc-topic-cta{display:inline-flex;align-items:center;gap:10px;border:1.5px solid #3B5BDB;border-radius:24px;padding:9px 18px;background:#fff;color:#3B5BDB;font:inherit;font-family:inherit;font-size:16px;font-weight:700;line-height:1.35;cursor:pointer}
.amc-topic-cta svg{flex:0 0 auto}
@media(min-width:960px){.amc-topics{gap:12px}.amc-topic,.amc-topic-cta{font-size:17px;padding:11px 20px}}

/* крок 6 ред. 2: як у Rozmova — коротко, в один рядок, середня вага, без крапок */
.amc-topics{gap:10px 8px;max-width:760px}
.amc-topic{white-space:nowrap;border-radius:999px;padding:9px 16px;background:#F4F5F8;color:#3B5BDB;font-size:16px;font-weight:500;line-height:1.3}
.amc-topic-cta{border-radius:999px;padding:8px 18px;font-weight:600;line-height:1.3}
@media(max-width:400px){.amc-topic,.amc-topic-cta{font-size:15px;padding:9px 14px}}
.amc-topic{font-weight:600}.amc-topic-cta{font-weight:700}
@media(min-width:960px){.amc-topic,.amc-topic-cta{font-size:17px;padding:11px 20px}.amc-topics{gap:12px 10px}}

/* крок 7 (23.10): стокове кошеня прибрано, форма по центру; заголовок по центру, як «Відгуки» і «Запити» */
.amc-book-one{grid-template-columns:1fr!important;max-width:620px;margin-inline:auto}
.amc-book-one h2,.amc-book-one .amc-lede{text-align:center}

/* крок 8 (23.10): анкета 5 екранів = лічильник 1/5…5/5; «Запит» і «Годування» на одному екрані; «Анкета заповнена» лише після «До оплати» */
.amc-sheet h3.amc-sub-h{font-size:18px;margin:22px 0 12px}

/* 23.10, прохання власника: шапка й кнопки «а-ля Apple». Скляна шапка, «На сайт» = пігулка з шевроном;
   кнопки = пігулки з м'яким об'ємом без «ігрової» тіні; «Бронюй розбір» левітує внизу і на телефоні, і на ПК */
body{padding-bottom:104px}
@media(min-width:960px){body{padding-bottom:110px}}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:41;background:rgba(255,255,255,.86)}
.amc-top{background:rgba(255,255,255,.78);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.07)}
.amc-top .amc-bar{min-height:56px}
.amc-logo{display:inline-flex;align-items:center}
.amc-logo img{height:24px}
.amc-top a.amc-lnk,.amc-foot a.amc-lnk{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 14px 0 10px;border-radius:999px;background:rgba(0,0,0,.05);color:var(--fg);font-size:14px;font-weight:700;text-decoration:none;transition:background .2s}
.amc-top a.amc-lnk:hover,.amc-foot a.amc-lnk:hover{background:rgba(0,0,0,.09)}
.amc-top a.amc-lnk:focus-visible,.amc-foot a.amc-lnk:focus-visible{outline:3px solid var(--fg);outline-offset:2px}
@media(min-width:960px){.amc-top .amc-bar{min-height:64px}.amc-logo img{height:28px}.amc-top a.amc-lnk{height:40px;font-size:15px;padding:0 16px 0 12px}}

.amc-btn{background:linear-gradient(180deg,#FFC93A 0%,#FFB800 100%);color:#1A1A1A;font-weight:700;letter-spacing:0;border:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 1px 2px rgba(0,0,0,.08),0 8px 20px -6px rgba(214,150,0,.55);
  transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,filter .2s ease}
.amc-btn:hover{background:linear-gradient(180deg,#FFCF4D 0%,#FFBE14 100%);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 2px 4px rgba(0,0,0,.08),0 14px 28px -8px rgba(214,150,0,.6)}
.amc-btn:active{transform:scale(.97);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 1px 2px rgba(0,0,0,.1),0 4px 10px -4px rgba(214,150,0,.5)}
.amc-btn.amc-js-open::after,.amc-btn.amc-js-open-2::after{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.amc-btn.amc-js-open:hover::after,.amc-btn.amc-js-open-2:hover::after{transform:translateX(3px)}
.amc-btn--line{background:#F1F1F3;color:var(--fg);border:0;box-shadow:none}
.amc-btn--line:hover{background:#E8E8EB;transform:none;box-shadow:none}
.amc-btn--line:active{transform:scale(.97)}
.amc-btn.amc-is-loading{filter:saturate(.8)}

.amc-sticky{position:fixed;z-index:50;left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));
  max-width:440px;margin-inline:auto;padding:6px;border:0;border-radius:999px;background:rgba(255,255,255,.62);
  -webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);
  box-shadow:0 0 0 1px rgba(0,0,0,.06),inset 0 0 0 1px rgba(255,255,255,.7),0 18px 40px -12px rgba(0,0,0,.28),0 4px 12px rgba(0,0,0,.06);
  transition:transform .45s cubic-bezier(.2,.9,.25,1.1),opacity .3s ease}
.amc-sticky.amc-off{transform:translateY(calc(100% + 40px));opacity:0;pointer-events:none}
.amc-sticky .amc-btn{width:100%;min-height:54px;font-size:17px}
@media(min-width:960px){.amc-sticky{display:block;width:fit-content;max-width:none;bottom:28px}.amc-sticky .amc-btn{width:auto;min-height:56px;padding:0 40px}}
@media(prefers-reduced-motion:reduce){.amc-sticky{transition:opacity .2s}.amc-sticky.amc-off{transform:none}}

/* календар як у Rozmova */
.amc-cal{display:grid;gap:14px;min-width:0}
.amc-cal.amc-err .amc-cal-slots .amc-cal-slot{box-shadow:inset 0 0 0 1.5px #C62828}
.amc-cal-weeks{display:flex;gap:8px}
.amc-cal-wk{flex:1 1 0;min-width:0;height:38px;padding:0 8px;border:1px solid #E3E5EA;border-radius:10px;background:#fff;color:#8A8F99;font:inherit;font-family:inherit;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer}
.amc-cal-wk.amc-on{border-color:#1E1E1E;color:#1E1E1E}
.amc-cal-days-wrap{display:flex;align-items:center;gap:2px;min-width:0}
.amc-cal-days{flex:1;min-width:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.amc-cal-days::-webkit-scrollbar{display:none}
.amc-cal-day{flex:0 0 33.333%;scroll-snap-align:start;display:grid;gap:1px;justify-items:center;padding:6px 2px 10px;border:0;border-bottom:2px solid #E6E8EC;background:none;font:inherit;font-family:inherit;font-size:15px;line-height:1.3;color:#9AA0A6;cursor:pointer}
.amc-cal-day b{font-weight:600}
.amc-cal-day.amc-on{color:#1E1E1E;border-bottom:3px solid #3B5BDB;padding-bottom:9px}.amc-cal-day.amc-on b{font-weight:700}
.amc-cal-next{flex:0 0 28px;height:44px;display:grid;place-items:center;border:0;background:none;color:#3B5BDB;cursor:pointer;padding:0}
.amc-cal-gl{display:block;margin-bottom:8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6B7078}
.amc-cal-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.amc-cal-slot{height:46px;border:0;border-radius:12px;background:#EBF0FD;color:#1E1E1E;font:inherit;font-family:inherit;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;transition:background .15s}
@media(hover:hover){.amc-cal-slot:hover{background:#DDE5FB}}
.amc-cal-slot.amc-on{background:#3B5BDB;color:#fff}
.amc-cal-sum{text-align:center;font-size:16px;font-weight:700}
@media(min-width:600px){.amc-cal-day{flex-basis:25%}.amc-cal-slots{grid-template-columns:repeat(4,1fr)}}

/* анкета: правки після прогону 23.10 */
[hidden]{display:none!important}
.amc-fr.amc-two{align-items:end}

/* анкета ред. 3 (23.10) як у Rozmova */
.amc-ov{align-items:stretch}
.amc-sheet.amc-q{position:fixed;inset:0;width:100%;max-width:none;max-height:none;height:100%;border-radius:0;padding:0;display:flex;flex-direction:column;overflow:hidden;background:#fff}
.amc-q-top{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;min-height:56px;padding:env(safe-area-inset-top,0px) max(8px,env(safe-area-inset-right,0px)) 0 max(8px,env(safe-area-inset-left,0px))}
.amc-q-top b{text-align:center;font-size:15px;font-weight:700;color:#5c5c5c}
.amc-q-back{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:none;color:var(--fg);cursor:pointer}
.amc-q-back:hover{background:rgba(0,0,0,.05)}
.amc-q-prog{height:4px;margin:0 16px;border-radius:2px;background:#ECEDEF;overflow:hidden}
.amc-q-prog i{display:block;height:100%;background:var(--amber);border-radius:2px;transition:width .3s cubic-bezier(.2,.8,.2,1)}
.amc-q-body{flex:1;min-height:0;overflow:auto;padding:28px 16px 24px}
.amc-q-body .amc-pane{display:none;max-width:520px;margin:0 auto}.amc-q-body .amc-pane.amc-on{display:block}
.amc-q-h{font-size:30px;font-weight:800;line-height:1.15;text-align:center;margin:0 0 26px;letter-spacing:-.01em}
.amc-q-sub{text-align:center;color:#6B7078;font-size:15px;margin:-16px 0 20px}
.amc-q-list{display:grid;gap:12px}
.amc-q-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px;padding:0 20px;border:2px solid transparent;border-radius:18px;background:#F4F5F8;color:var(--fg);font:inherit;font-family:inherit;font-size:19px;font-weight:700;text-align:left;cursor:pointer;transition:background .15s,border-color .15s}
.amc-q-radio{flex:0 0 24px;height:24px;border-radius:50%;border:2px solid #C5CAD3;background:#fff}
.amc-q-row.amc-on{border-color:#3B5BDB;background:#EEF2FE}.amc-q-row.amc-on .amc-q-radio{border-color:#3B5BDB;background:#3B5BDB;box-shadow:inset 0 0 0 5px #fff}
@media(hover:hover){.amc-q-row:hover{background:#ECEEF3}}
.amc-q-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 8px;margin-bottom:22px}
.amc-q-chip{border:0;border-radius:999px;padding:10px 16px;background:#F4F5F8;color:#3B5BDB;font:inherit;font-family:inherit;font-size:16px;font-weight:600;line-height:1.3;cursor:pointer;transition:background .15s,color .15s}
.amc-q-chip.amc-on{background:#3B5BDB;color:#fff}
.amc-q-in{display:block;width:100%;border:2px solid transparent;border-radius:16px;background:#F4F5F8;padding:16px 18px;font:inherit;font-family:inherit;font-size:17px;color:var(--fg)}
.amc-q-in::placeholder{color:#8A8F99}
.amc-q-in:focus{outline:none;border-color:#3B5BDB;background:#fff}
.amc-q-ta{min-height:150px;resize:vertical}
.amc-q-two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.amc-q-nick{margin-top:10px}
.amc-q-sum{display:grid;gap:12px;padding:20px;border-radius:18px;background:#F4F5F8}
.amc-q-sum .amc-sum{font-size:18px;margin:0}.amc-q-sum .amc-price{margin:0}
.amc-q-foot{padding:12px max(16px,env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.amc-q-foot .amc-q-next{display:flex;width:100%;max-width:520px;margin:0 auto;min-height:56px}
.amc-q-next.amc-is-off{opacity:.38;box-shadow:none;cursor:default}
.amc-q-next.amc-is-off:hover{transform:none}
.amc-q-body .amc-done{display:none;text-align:center;padding:40px 0}.amc-q-body .amc-done.amc-on{display:block}
@media(min-width:960px){
  .amc-ov{align-items:center}
  .amc-sheet.amc-q{position:relative;inset:auto;width:560px;height:min(780px,90vh);border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.25)}
}

/* анкета ред. 3: правки після власного прогону */
.amc-sheet .amc-q-h{font-size:30px;font-weight:800;line-height:1.15;margin:0 0 24px}
.amc-q-body{padding-top:32px}
.amc-q-two{grid-template-columns:1fr}
@media(min-width:960px){.amc-sheet.amc-q{height:auto;max-height:90vh}.amc-q-body{flex:0 1 auto;padding:36px 32px 28px}.amc-q-foot{padding:8px 32px 28px}}

.amc-sheet .amc-q-top{display:grid;grid-template-columns:48px 1fr 48px;margin:0}
.amc-q-body .amc-pane{padding:0;scroll-margin:0}

/* правки за звітом критика (23.10) */
.amc-cal-days{position:relative}
.amc-cal-prev{flex:0 0 28px;height:44px;display:grid;place-items:center;border:0;background:none;color:#3B5BDB;cursor:pointer;padding:0;transform:scaleX(-1)}
.amc-cal-prev.amc-off,.amc-cal-next.amc-off{visibility:hidden}
.amc-q-x{justify-self:end}
.amc-q-need{animation:qneed .5s ease}
.amc-q-in.amc-q-need{border-color:#C62828!important}
.amc-cal-slots.amc-q-need .amc-cal-slot{box-shadow:inset 0 0 0 2px #C62828}
@keyframes qneed{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}
@media(prefers-reduced-motion:reduce){.amc-q-need{animation:none}}
.amc-chip[aria-pressed="true"],.amc-seg .amc-chip[aria-pressed="true"]{background:#3B5BDB;color:#fff}
.amc-rvw-track{align-items:stretch}
.amc-rvw-sec+section{padding-top:56px!important}
@media(min-width:960px){.amc-rvw-sec+section{padding-top:80px!important}}

/* критик, прогін 16:28: стала висота вікна на ПК (кнопка не стрибає), пігулки запитів в один рядок */
@media(min-width:960px){.amc-sheet.amc-q{height:min(760px,90vh);max-height:none}.amc-q-body{flex:1 1 auto}}
.amc-q-chip{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
@media(max-width:400px){.amc-q-chip{font-size:15px;padding:10px 14px}}

/* акаунт з улюбленцями (23.10) */
.amc-demo-bar{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:8px max(16px,env(safe-area-inset-right,0px)) 8px max(16px,env(safe-area-inset-left,0px));background:#FFF8E1;border-bottom:1px dashed #E0B84A;font-size:13px;color:#6b5a1e}
.amc-demo-bar span{font-weight:700}
.amc-demo-b{border:1px solid #E0B84A;background:#fff;border-radius:999px;padding:5px 12px;font:inherit;font-family:inherit;font-size:13px;font-weight:600;color:#6b5a1e;cursor:pointer}
.amc-demo-b.amc-on{background:#1E1E1E;border-color:#1E1E1E;color:#fff}
.amc-acc-av{flex:0 0 44px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:18px;background:#FFF1C7;color:#7A5200}
.amc-acc-av[data-c="1"]{background:#E5EFFB;color:#1F4E8C}.amc-acc-av[data-c="2"]{background:#FBE7EE;color:#8C2F52}
.amc-acc-plus{background:#fff;border:1.5px dashed #B9BEC8;color:#6B7078;font-weight:600}
.amc-acc-chips{display:grid;gap:10px}
.amc-acc-chip{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;border:2px solid transparent;border-radius:16px;background:var(--tint);font:inherit;font-family:inherit;color:var(--fg);text-align:left;cursor:pointer}
.amc-acc-chip b{display:block;font-size:16px;font-weight:700}.amc-acc-chip small{display:block;font-size:13.5px;color:#6B7078}
.amc-acc-chip.amc-on{border-color:#3B5BDB;background:#EEF2FE}
.amc-q-accrow{justify-content:flex-start;gap:14px;min-height:76px;padding:12px 18px}
.amc-q-accrow .amc-q-radio{margin-left:auto}
.amc-q-acct{display:grid;line-height:1.3}.amc-q-acct b{font-size:18px;font-weight:700}.amc-q-acct small{font-size:14px;font-weight:500;color:#6B7078}
#qAcc+#qSpecies:not([hidden]){margin-top:12px}

/* стерилізація на екрані «Кличка» (23.10) */
.amc-q-ster{display:grid;gap:10px;margin-top:0;padding:14px 18px 16px;border-radius:16px;background:#F4F5F8}
.amc-q-ster>span{font-size:17px;color:#8A8F99}
.amc-q-ster-b{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.amc-q-sb{height:44px;border:2px solid transparent;border-radius:12px;background:#fff;color:var(--fg);font:inherit;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer}
.amc-q-sb[aria-pressed="true"]{border-color:#3B5BDB;background:#EEF2FE;color:#1E1E1E}

/* плаваючий підпис: після введення підпис лишається дрібно над значенням */
.amc-q-fl{position:relative;display:block}
.amc-q-fl .amc-q-in{padding-top:24px;padding-bottom:8px}
.amc-q-fl span{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:17px;color:#8A8F99;pointer-events:none;transition:top .15s,font-size .15s,transform .15s}
.amc-q-fl .amc-q-in:focus+span,.amc-q-fl .amc-q-in:not(:placeholder-shown)+span{top:9px;transform:none;font-size:12.5px;font-weight:600}
.amc-q-nick{margin-top:10px}

/* 24.10 фікси перед релізом (аналіз + прохід користувача): M3–M7, M9, M10 */
/* M4: на ПК капсули внизу немає, кнопка в шапці праворуч, з'являється, коли кнопка героя пішла з екрана */
.amc-top .amc-acts{display:flex;align-items:center;gap:10px}
.amc-top .amc-btn.amc-top-cta{display:none}
@media(min-width:960px){
  body{padding-bottom:0}
  .amc-sticky{display:none!important}
  .amc-top .amc-btn.amc-top-cta{display:inline-flex;min-height:40px;font-size:15px;padding:0 20px;gap:8px;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}
  .amc-top .amc-btn.amc-top-cta::after{width:16px;height:16px}
  .amc-top.amc-cta-on .amc-btn.amc-top-cta{opacity:1;transform:none;pointer-events:auto}
}
/* M5: на телефоні видно одну картку, тож картки за висотою вмісту (порожнього низу в «подяці» нема) */
@media(max-width:959px){.amc-rvw-track{align-items:flex-start}}
/* M6: 320 px: хмарки переносяться, ціна не рветься */
.amc-price b{white-space:nowrap}
@media(max-width:420px){.amc-topic{white-space:normal}}  /* на 390 усі пігулки й так в один рядок (макс. 351 px), на 320 переносяться */
/* M6b: на 320 px стрічка сертифікатів (5×64 + відступи = 344 px) не вміщалась і розтягувала сторінку до 360 */
.amc-cert{flex:1 1 0;min-width:0;max-width:64px;width:auto}@media(min-width:960px){.amc-cert{max-width:88px}}
/* тижні календаря: на сайті їх 4–5 (горизонт 28 днів), тому рядок переноситься по 2 (з двома тижнями вигляд той самий) */
.amc-cal-weeks{flex-wrap:wrap}.amc-cal-wk{flex:1 1 calc(50% - 4px);padding:0 6px}  /* по 2 в ряд на всіх ширинах: «26 жовт - 30 жовт» = 120 px, у 4 в ряд не вміщається ні на 320, ні в модалці 520 */
@media(max-width:359px){.amc-cal-wk{font-size:13px;padding:0 4px}}
/* після звіту критика (25.10): ручка ресайзу textarea стирчала за округлим кутом; «Кличка» впритул до Кіт/Собака;
   заголовок акордеона лишається під шапкою після перемикання; схована кнопка шапки на ПК не в tab-порядку */
.amc-q-ta{resize:none}
.amc-guest-pet{display:grid;gap:10px}
.amc-ti{scroll-margin-top:72px}
@media(min-width:960px){.amc-top .amc-btn.amc-top-cta{visibility:hidden;transition:opacity .25s ease,transform .25s ease,visibility 0s .25s}.amc-top.amc-cta-on .amc-btn.amc-top-cta{visibility:visible;transition-delay:0s}}
/* M7: хіт-зони ≥ 44 px без зміни вигляду */
.amc-topic,.amc-topic-cta,.amc-cal-wk,.amc-cal-prev,.amc-cal-next,.amc-pnav-a,.amc-rc-more,.amc-rvw-dot,.amc-top a.amc-lnk,.amc-foot a.amc-lnk,.amc-logo{position:relative}
.amc-topic::before,.amc-topic-cta::before,.amc-cal-wk::before,.amc-top a.amc-lnk::before,.amc-foot a.amc-lnk::before{content:"";position:absolute;inset:-4px 0}
.amc-cal-prev::before,.amc-cal-next::before{content:"";position:absolute;inset:0 -8px}
.amc-pnav-a::before{content:"";position:absolute;inset:-4px}
.amc-rc-more::before{content:"";position:absolute;inset:-10px -6px}
.amc-rvw-dot::before{content:"";position:absolute;inset:-14px -3px}
.amc-logo::before{content:"";position:absolute;inset:-10px 0}
/* M9: планшет 640–959: герой і кроки у дві колонки, відгуки по дві картки */
@media(min-width:640px) and (max-width:959px){
  .amc-hero .amc-g{grid-template-columns:1fr 1fr;gap:32px;align-items:center}
  .amc-steps-g{grid-template-columns:1fr 1fr;gap:32px;align-items:center}
  .amc-rc{flex-basis:calc(50% - 8px)}
  .amc-how-phone .amc-phone-frame{width:240px}
}
.amc-cal-day.amc-off{opacity:.38;cursor:default}

.amc-q-err{max-width:520px;margin:0 auto 10px;text-align:center;color:#C62828;font-weight:600;font-size:15px}
.amc-acc-av.amc-acc-ph{overflow:hidden;background:#EAF0FD}.amc-acc-av.amc-acc-ph img{width:100%;height:100%;object-fit:cover;display:block}
