/* 3541a 3541af amg-pw seg: сторінка виду /pets/{cat|dog}/ (hero, речення-анкета, порожній стан, добірка amgv).
 * Ізоляція за ORCHESTRATION §3.1: корінь .amg-pw, правила html body .amg-pw .amg-pw-seg__*, без !important і @layer,
 * токени з запасними значеннями. Блокуючий <link> лише на сторінці виду (mu-plugins/amg-pet-seg.php), поза мініфікацією Rocket.
 * Спільний скид THEME-CONFLICTS §5.2 живе в css/amg-pw/base.css (задача 3549, handle amg-pw-base у deps цього файлу); копію прибрано в 3541af. */

/* ── контейнер теми лише на сторінці виду: hero на всю ширину, без відступів колонки ── */
/* .container теми тримає max-width 1300px з !important: не воюємо, а виводимо корінь на ширину main через container query */
html body.amg-ps-page .xts-site-content{padding-top:0}
html body.amg-ps-page #main-content{container-type:inline-size}
html body.amg-ps-page #main-content>.container>.row{margin-left:0;margin-right:0}
html body.amg-ps-page #main-content>.container>.row>.amg-ps-area{padding-left:0;padding-right:0}
@supports (width:100cqw){html body.amg-ps-page .amg-ps-area>.amg-pw.amg-pw-seg{width:100cqw;max-width:none;margin-left:calc(50% - 50cqw)}}

/* ── корінь і тон виду ── */
html body .amg-pw.amg-pw-seg{--seg-tint:var(--tint-cat,#e1ebf4);--seg-soft:var(--tint-cat-soft,#f0f5fa);--seg-plum:var(--plum,#003566);--seg-ink:var(--plum-ink,#242424);--seg-muted:var(--plum-muted,#6a6a6a);--seg-line:rgba(0,53,102,.2);color:var(--plum-ink,#242424)}
html body .amg-pw.amg-pw-seg--dog{--seg-tint:var(--tint-dog,#e2f4e4);--seg-soft:var(--tint-dog-soft,#f0f8f1)}
html body .amg-pw .amg-pw-seg__wrap{max-width:1360px;margin-left:auto;margin-right:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}

/* ── hero ── */
html body .amg-pw .amg-pw-seg__hero{display:block;background:var(--seg-tint);color:var(--seg-plum)}
html body .amg-pw .amg-pw-seg__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding-bottom:24px;position:relative}
html body .amg-pw .amg-pw-seg__pic{position:relative;height:clamp(200px,24vw,317px);border-radius:0 0 0 140px;overflow:hidden;background:var(--seg-soft)}
html body .amg-pw .amg-pw-seg__pic img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 40%}
html body .amg-pw .amg-pw-seg__txt{display:grid;gap:14px;align-content:start;padding:clamp(24px,3vw,40px) 0 8px;min-width:0}
html body .amg-pw .amg-pw-seg__h1{font-family:var(--font-display,"Fixel Display","Fixel Display Fallback",Nunito,Arial,sans-serif);font-weight:800;font-size:clamp(40px,4.2vw,56px);line-height:1.05;letter-spacing:-.015em;color:var(--seg-plum);text-transform:none;margin:0}
html body .amg-pw .amg-pw-seg__sub{max-width:672px;font-size:16px;font-weight:500;line-height:1.5;color:var(--seg-plum)}

/* ── речення ── */
html body .amg-pw .amg-pw-seg__ml{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:10px 8px;margin-top:6px;font-size:16px;font-weight:700;line-height:1.3;color:var(--seg-plum)}
html body .amg-pw .amg-pw-seg__g{display:inline-flex;align-items:center;gap:2px;max-width:100%;min-width:0}
html body .amg-pw .amg-pw-seg__sel{display:inline-flex;align-items:center;gap:6px;height:40px;max-width:100%;padding:0 10px;border:1px solid var(--seg-line);border-radius:4px;background:#fff;color:var(--seg-plum);font-size:16px;font-weight:600;line-height:1;white-space:nowrap}
html body .amg-pw .amg-pw-seg__sel.is-empty{color:var(--seg-muted);font-style:normal}
html body .amg-pw .amg-pw-seg__sel:hover{border-color:var(--seg-plum)}
html body .amg-pw .amg-pw-seg__sel[aria-expanded="true"]{border-color:var(--seg-plum);box-shadow:0 0 0 1px var(--seg-plum)}
html body .amg-pw .amg-pw-seg__selt{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100vw - 80px)}
html body .amg-pw .amg-pw-seg__chev{flex:0 0 auto;width:16px;height:16px}
html body .amg-pw .amg-pw-seg__hub{display:inline-flex;align-items:center;gap:6px;justify-self:start;font-size:16px;font-weight:700;color:var(--seg-plum);text-decoration:underline;text-underline-offset:3px}
html body .amg-pw .amg-pw-seg__hub[hidden]{display:none}
html body .amg-pw .amg-pw-seg__hub:hover{color:var(--plum-deep,#002447)}

/* ── випадний список (ПК: під кнопкою) ── */
html body .amg-pw .amg-pw-seg__dd{position:absolute;z-index:30;left:0;top:100%;min-width:220px;max-width:min(560px,92vw);background:#fff;color:var(--seg-ink);border-radius:12px;box-shadow:0 12px 40px rgba(25,10,3,.2);overflow:hidden;font-weight:400}
html body .amg-pw .amg-pw-seg__dd.is-multi{width:min(480px,92vw)}
html body .amg-pw .amg-pw-seg__list{display:block;max-height:300px;overflow:auto;padding:6px}
html body .amg-pw .amg-pw-seg__opt{display:block;width:100%;padding:10px 12px;border-radius:8px;font-size:15px;line-height:1.3;text-align:left;color:var(--seg-ink)}
html body .amg-pw .amg-pw-seg__opt:hover{background:var(--plum-wash,#e1ebf4)}
html body .amg-pw .amg-pw-seg__opt.is-on{background:var(--seg-soft);font-weight:700;color:var(--seg-plum)}
html body .amg-pw .amg-pw-seg__opt:focus-visible{outline-offset:-2px;box-shadow:none}
html body .amg-pw .amg-pw-seg__rows{display:block;max-height:360px;overflow:auto;padding:4px 16px}
html body .amg-pw .amg-pw-seg__row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--plum-ring,#d9dbe0)}
html body .amg-pw .amg-pw-seg__row:last-child{border-bottom:0}
html body .amg-pw .amg-pw-seg__rt{display:grid;gap:2px;min-width:0}
html body .amg-pw .amg-pw-seg__rn{font-size:15px;font-weight:700;line-height:1.3;color:var(--seg-plum)}
html body .amg-pw .amg-pw-seg__rh{font-size:13px;line-height:1.35;color:var(--seg-muted)}
html body .amg-pw .amg-pw-seg__tog{flex:0 0 auto;width:51px;height:31px;border-radius:999px;background:var(--plum-ring,#d9dbe0)}
html body .amg-pw .amg-pw-seg__tog i{position:absolute;left:2px;top:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 4px rgba(25,10,3,.25);transition:transform .15s}
html body .amg-pw .amg-pw-seg__tog[aria-checked="true"]{background:var(--seg-plum)}
html body .amg-pw .amg-pw-seg__tog[aria-checked="true"] i{transform:translateX(20px)}
html body .amg-pw .amg-pw-seg__foot{display:flex;justify-content:flex-end;gap:10px;padding:12px 16px;border-top:1px solid var(--plum-ring,#d9dbe0)}
html body .amg-pw .amg-pw-seg__btn{min-height:44px;padding:0 20px;border:1.5px solid var(--seg-plum);border-radius:999px;background:var(--seg-plum);color:#fff;font-size:16px;font-weight:700;line-height:1}
html body .amg-pw .amg-pw-seg__btn:hover{background:var(--plum-deep,#002447);border-color:var(--plum-deep,#002447)}
html body .amg-pw .amg-pw-seg__btn--ghost{background:#fff;color:var(--seg-plum)}
html body .amg-pw .amg-pw-seg__btn--ghost:hover{background:var(--plum-wash,#e1ebf4);border-color:var(--seg-plum)}
html body .amg-pw .amg-pw-seg__ddh{display:none}

/* ── телефон: список шторкою знизу (шари 100010–100019, нижнє меню сховане) ── */
html body .amg-pw .amg-pw-seg__back{position:fixed;inset:0;z-index:100010;background:rgba(25,10,3,.45)}
html body .amg-pw .amg-pw-seg__dd.is-sheet{position:fixed;z-index:100012;left:0;right:0;top:auto;bottom:0;width:auto;min-width:0;max-width:none;max-height:min(80vh,560px);display:flex;flex-direction:column;border-radius:16px 16px 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}
html body .amg-pw .amg-pw-seg__dd.is-sheet .amg-pw-seg__ddh{display:block;padding:16px 16px 8px;font-size:17px;font-weight:700;color:var(--seg-plum)}
html body .amg-pw .amg-pw-seg__dd.is-sheet .amg-pw-seg__list,html body .amg-pw .amg-pw-seg__dd.is-sheet .amg-pw-seg__rows{max-height:none;flex:1 1 auto;min-height:0;overflow:auto}
html body .amg-pw .amg-pw-seg__dd.is-sheet .amg-pw-seg__opt{padding:13px 12px;font-size:16px}
html body .amg-pw .amg-pw-seg__dd.is-sheet .amg-pw-seg__foot{flex:0 0 auto}
html body .amg-pw .amg-pw-seg__dd.is-sheet .amg-pw-seg__btn{flex:1 1 0}
/* нижнє меню під час шторки: visibility, бо amg-pdpv3 тримає display:flex з !important */
html.amg-pw-dd-open body ul.xts-sticky-navbar,html.amg-pw-dd-open body .amg-sticky-cta{visibility:hidden;pointer-events:none}

/* ── результат: порожній стан або добірка ── */
html body .amg-pw .amg-pw-seg__res{display:block;min-width:0}
html body .amg-pw .amg-pw-seg__empty{display:grid;justify-items:center;gap:10px;padding:12px 0 8px;text-align:center}
html body .amg-pw .amg-pw-seg__empty img{width:120px;height:120px}
html body .amg-pw .amg-pw-seg__empty p{font-size:14px;font-weight:500;line-height:1.45;color:var(--seg-plum);max-width:60ch}
html body .amg-pw .amg-pw-seg__picks{display:none;margin-top:8px}
html.amg-pw-seg-filled body .amg-pw .amg-pw-seg__empty{display:none}
html.amg-pw-seg-filled body .amg-pw .amg-pw-seg__picks{display:block}
html body .amg-pw .amg-pw-seg__ph{font-family:var(--font-display,"Fixel Display","Fixel Display Fallback",Nunito,Arial,sans-serif);font-weight:800;font-size:24px;line-height:1.2;letter-spacing:-.015em;color:var(--seg-plum);margin:0 0 12px;min-height:2.4em} /* N дописується після завантаження блоба: 2 рядки резерву на телефоні */
html body .amg-pw .amg-pw-seg__pn{font-weight:800;white-space:nowrap}
html body .amg-pw .amg-pw-seg__panel{display:grid;gap:16px;background:var(--seg-soft);border-radius:16px;padding:12px;min-width:0}
html body .amg-pw .amg-pw-seg__panel .amg-pb-mount:empty{display:none}
html body .amg-pw .amg-pw-seg__cards{display:block;min-width:0;min-height:427px}
/* 3550: чипи «Тип корму · Смак» над добіркою (макет gate-v2 #pet-profile .fpills); список = той самий .amg-pw-seg__dd речення */
html body .amg-pw .amg-pw-fpills{position:relative;display:flex;flex-wrap:wrap;gap:10px;min-width:0}
html body .amg-pw .amg-pw-fpill{display:inline-flex;align-items:center;gap:6px;height:40px;margin:0;padding:0 14px 0 16px;border:1px solid var(--seg-line);border-radius:999px;background:#fff;color:var(--seg-plum);font-family:inherit;font-size:14px;font-weight:600;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;box-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
html body .amg-pw .amg-pw-fpill:hover{border-color:var(--seg-plum)}
html body .amg-pw .amg-pw-fpill.is-set,html body .amg-pw .amg-pw-fpill[aria-expanded="true"]{border-color:var(--seg-plum);box-shadow:0 0 0 1px var(--seg-plum)}
html body .amg-pw .amg-pw-fpill__chev{flex:0 0 auto;width:14px;height:14px}
html body .amg-pw .amg-pw-fpill[aria-expanded="true"] .amg-pw-fpill__chev{transform:rotate(180deg)}
html body .amg-pw .amg-pw-fnote{margin:0;padding:0 4px;font-size:14px;line-height:1.4;color:var(--seg-ink)}
html body .amg-pw .amg-pw-fnote[hidden]{display:none} /* висота рейки amgv на 390 (замір 02.11), резерв проти зсуву */

@media (min-width:1024px){
  html body .amg-pw .amg-pw-seg__grid{grid-template-columns:minmax(0,1fr) 576px;gap:0 32px;padding-bottom:40px}
  html body .amg-pw .amg-pw-seg__pic{grid-column:2;grid-row:1}
  html body .amg-pw .amg-pw-seg__txt{grid-column:1;grid-row:1;padding-top:40px}
  html body .amg-pw .amg-pw-seg__res{grid-column:1/-1;margin-top:24px}
  html body .amg-pw .amg-pw-seg__selt{max-width:260px}
  html body .amg-pw .amg-pw-seg__ph{font-size:32px;min-height:0}
  html body .amg-pw .amg-pw-seg__cards{min-height:485px}
  html body .amg-pw .amg-pw-seg__panel{padding:16px}
}
@media (prefers-reduced-motion:reduce){html body .amg-pw .amg-pw-seg__tog i{transition:none}}

/* ── 3551t (03.11, власник: «чому всі тексти фіолетові, у нас чорний колір текстів»): увесь текст світу улюбленця чорний (--ink), сливовий лишається лише на кнопках, тумблерах, обраних чипах, посиланнях і фонах. Відкат: прибрати цей блок. ── */
html body .amg-pw.amg-pw-seg{color:var(--plum-ink,#242424)}
html body .amg-pw .amg-pw-seg__hero,html body .amg-pw .amg-pw-seg__h1,html body .amg-pw .amg-pw-seg__sub,html body .amg-pw .amg-pw-seg__ml,html body .amg-pw .amg-pw-seg__hub,html body .amg-pw .amg-pw-seg__rn,html body .amg-pw .amg-pw-seg__dd.is-sheet .amg-pw-seg__ddh,html body .amg-pw .amg-pw-seg__empty p,html body .amg-pw .amg-pw-seg__ph,html body .amg-pw .amg-pw-fnote{color:var(--plum-ink,#242424)}
html body .amg-pw .amg-pw-seg__rh{color:#666666}

/* ══ 3554 calm (03.11, власник: «занадто все акцентно… дивись на оригінал уважніше»; REWORK-SPECIES-2026-11-03.md §1–§2) ══
 * Лише під коренем .amg-pw-seg--calm (кілсвіч amg_pet_seg_calm = 0 прибирає клас і повертає шаблон template-v1.php).
 * Шкала: h1 36 Display 700, h2 24 Display 700, h3 18, текст 15, підписи 13–14; усі заголовки кольором тексту.
 * Сливовий лише кнопки дії і підкреслення активної вкладки; бузок лише hero і порадник; решта біла. */
html body .amg-pw.amg-pw-seg--calm{--c-ink:var(--plum-ink,#242424);--c-muted:#666666;--c-ctl:rgba(36,36,36,.08);--c-ctl-h:rgba(36,36,36,.14);--c-line:#ebebeb;--c-panel:#f5f5f5;font-size:15px}

/* hero: фото з мʼякою маскою в бузок праворуч (ПК), на всю ширину зверху (телефон); без скруглення і рамки */
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__hero{position:relative;overflow:hidden;background:var(--seg-tint);color:var(--c-ink)}
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__pic{position:relative;height:clamp(200px,54vw,340px);border-radius:0;overflow:hidden;background:var(--seg-tint)}
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__pic img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 38%;-webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent 100%);mask-image:linear-gradient(to bottom,#000 72%,transparent 100%)}
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__grid{display:block;position:relative;z-index:1;padding-top:4px;padding-bottom:28px}
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__txt{display:grid;gap:10px;align-content:start;padding:0;min-width:0}
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__h1{font-family:var(--font-display,"Fixel Display","Fixel Display Fallback",Nunito,Arial,sans-serif);font-weight:700;font-size:28px;line-height:1.15;letter-spacing:-.01em;color:var(--c-ink);margin:0}
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__sub{max-width:640px;font-size:15px;font-weight:400;line-height:1.45;color:var(--c-ink)}

/* речення: телефон = рядки «підпис + селект на всю ширину» */
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__ml{display:grid;gap:10px;margin-top:8px;font-size:15px;font-weight:500;line-height:1.3;color:var(--c-ink)}
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__r{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-width:0}
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__r--2{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr)}
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__r>.amg-pw-seg__w{white-space:nowrap}
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__g{display:flex;align-items:center;gap:2px;min-width:0}
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__g>.amg-pw-seg__sel{flex:1 1 auto}
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__cm{display:none}
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__sel{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;height:40px;max-width:100%;padding:0 12px;border:0;border-radius:6px;background:var(--c-ctl);box-shadow:none;color:var(--c-ink);font-size:15px;font-weight:500;line-height:1;white-space:nowrap}
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__sel.is-empty{color:#4f4f4f}
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__sel:hover{background:var(--c-ctl-h);border-color:transparent}
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__sel[aria-expanded="true"]{background:var(--c-ctl-h);box-shadow:inset 0 0 0 1px var(--c-ink);border-color:transparent}
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__selt{max-width:none}
/* 3587: форми потреб для речення довші за назви тумблерів: значення переноситься, а не обрізається крапками */
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__ml .amg-pw-seg__sel[data-sel="needs"]{height:auto;min-height:40px;padding-top:8px;padding-bottom:8px}
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__ml .amg-pw-seg__sel[data-sel="needs"] .amg-pw-seg__selt{white-space:normal;overflow:visible;max-width:420px;text-align:left}
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__hub{font-size:15px;font-weight:600;color:var(--c-ink)}

/* маскот і підказка всередині hero */
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__empty{display:flex;align-items:center;justify-content:flex-start;gap:14px;padding:6px 0 0;text-align:left}
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__empty img{flex:0 0 auto;width:96px;height:96px}
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__empty p{font-size:14px;font-weight:400;line-height:1.45;color:var(--c-ink);max-width:44ch}
html.amg-pw-seg-filled body .amg-pw.amg-pw-seg--calm .amg-pw-seg__empty{display:none}

/* добірка: білий фон, h2 24 кольором тексту, число звичайним 14 сірим */
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__res{display:block;background:#fff}
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__picks{display:none;margin:0;padding:28px 0 8px}
html.amg-pw-seg-filled body .amg-pw.amg-pw-seg--calm .amg-pw-seg__picks{display:block}
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__ph{display:block;font-family:var(--font-display,"Fixel Display","Fixel Display Fallback",Nunito,Arial,sans-serif);font-weight:700;font-size:24px;line-height:1.25;letter-spacing:-.01em;color:var(--c-ink);margin:0 0 14px;min-height:0}
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__pn{display:block;min-height:20px;margin-top:2px;font-family:var(--font-sans,Nunito,Arial,sans-serif);font-size:14px;font-weight:400;line-height:20px;letter-spacing:normal;color:var(--c-muted);white-space:nowrap}
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__panel{display:grid;gap:16px;background:none;border-radius:0;padding:0;margin-left:0;margin-right:0;min-width:0}
/* картки: на телефоні рейка виходить за правий край (видно частину третьої картки) */
html body .amg-pw.amg-pw-seg--calm :is(.amg-pw-seg__cards,.amg-pw-prof__cards,.amg-pw-needs__cards){display:block;min-width:0;min-height:330px;margin-right:-16px}

/* чипи «Тип корму · Смак»: сірі 32 px, без сливового */
html body .amg-pw.amg-pw-seg--calm .amg-pw-fpills{gap:8px}
html body .amg-pw.amg-pw-seg--calm .amg-pw-fpill{height:32px;padding:0 10px 0 12px;border:0;border-radius:999px;background:var(--c-panel);color:var(--c-ink);font-size:14px;font-weight:500;box-shadow:none}
html body .amg-pw.amg-pw-seg--calm .amg-pw-fpill:hover{background:var(--c-line);border-color:transparent}
html body .amg-pw.amg-pw-seg--calm .amg-pw-fpill.is-set{background:var(--c-line);font-weight:600;box-shadow:none}
html body .amg-pw.amg-pw-seg--calm .amg-pw-fpill[aria-expanded="true"]{box-shadow:inset 0 0 0 1px var(--c-ink)}
html body .amg-pw.amg-pw-seg--calm .amg-pw-fnote{font-size:14px;color:var(--c-muted)}

/* картка набору 3543: рамка як у карток сайту, заголовок 18 Text 600, одна сливова дія + текстове посилання (лише вигляд) */
html body .amg-pw.amg-pw-seg--calm :is(.amg-pw-seg__panel,.amg-pw-prof__panel) .amg-pb{border:1px solid var(--c-line);border-radius:12px;padding:16px;gap:10px;box-shadow:none;color:var(--c-ink)}
html body .amg-pw.amg-pw-seg--calm :is(.amg-pw-seg__panel,.amg-pw-prof__panel) .amg-pb h2.amg-pb__t{font-family:var(--font-sans,Nunito,Arial,sans-serif);font-size:18px;line-height:1.3;font-weight:600;letter-spacing:0;color:var(--c-ink)}
html body .amg-pw.amg-pw-seg--calm :is(.amg-pw-seg__panel,.amg-pw-prof__panel) .amg-pb .amg-pb__usp{font-size:13px;color:var(--c-ink)}
html body .amg-pw.amg-pw-seg--calm :is(.amg-pw-seg__panel,.amg-pw-prof__panel) .amg-pb .amg-pb__btn{min-height:40px;padding:0 18px;font-size:15px}
html body .amg-pw.amg-pw-seg--calm :is(.amg-pw-seg__panel,.amg-pw-prof__panel) .amg-pb .amg-pb__btn--ghost{background:none;border:0;box-shadow:none;color:var(--c-ink);padding:0 6px;text-decoration:underline;text-underline-offset:3px}
html body .amg-pw.amg-pw-seg--calm :is(.amg-pw-seg__panel,.amg-pw-prof__panel) .amg-pb .amg-pb__btn--ghost:hover{background:none;color:var(--c-ink);text-decoration-thickness:2px}

/* значки кількості «2X» у ланцюжку набору: нейтральні, не сливові (на екрані ≤ 2 сливових елементи) */
html body .amg-pw.amg-pw-seg--calm :is(.amg-pw-seg__panel,.amg-pw-prof__panel) .amg-pb .amg-pb__ci b{background:#fff;color:var(--c-ink);box-shadow:inset 0 0 0 1px var(--c-line)}
/* є профіль виду: добірку речення ховаємо разом з hero (картки малює profile.js у смузі профілю) */
html.amg-pw-prof-on body .amg-pw.amg-pw-seg--calm .amg-pw-seg__res{display:none}

/* «Усі N товарів»: розгортає решту добірки клієнтом (seg-page.js rail) */
html body .amg-pw.amg-pw-seg--calm .amg-pw-more{display:inline-flex;align-items:center;gap:6px;justify-self:start;min-height:40px;padding:0;font-size:15px;font-weight:600;color:var(--c-ink);text-decoration:underline;text-underline-offset:3px}
html body .amg-pw.amg-pw-seg--calm .amg-pw-more[hidden]{display:none}
html body .amg-pw.amg-pw-seg--calm .amg-pw-more:hover{text-decoration-thickness:2px}

/* посилання в категорію виду внизу */
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__all{padding-top:8px;padding-bottom:48px}
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__alla{display:inline-flex;align-items:center;gap:6px;min-height:40px;font-size:15px;font-weight:600;color:var(--c-ink);text-decoration:underline;text-underline-offset:3px}
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__alla:hover{text-decoration-thickness:2px}

@media (min-width:1024px){
  /* фото праворуч на всю висоту hero, лівий край розчиняється в бузок */
  html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__pic{position:absolute;top:0;right:0;bottom:0;width:36%;height:auto;grid-column:auto;grid-row:auto}
  html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__pic img{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 34%);mask-image:linear-gradient(to right,transparent 0,#000 34%)}
  html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__grid{display:block;min-height:280px;padding-top:36px;padding-bottom:28px}
  html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__txt{max-width:980px;padding:0}
  html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__h1{font-size:36px;line-height:1.2}
  html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__sub{font-size:15px;color:var(--c-ink)}
  /* речення одним рядком */
  html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__ml{display:flex;flex-wrap:wrap;align-items:center;gap:8px 6px;margin-top:10px}
  html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__r,html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__r--2{display:contents}
  html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__g{display:inline-flex}
  html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__cm{display:inline}
  html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__sel{display:inline-flex;width:auto;height:38px;padding:0 8px 0 10px}
  html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__selt{max-width:176px}
  /* 3556f: hero ≤ 380 (REWORK §4) разом із рядком-посиланням 3556: маскот 96, як на телефоні */
  html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__empty{padding-top:4px}
  html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__empty img{width:96px;height:96px}
  html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__res{margin-top:0}
  html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__picks{padding-top:40px}
  html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__ph{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:12px}
  html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__pn{display:inline;margin:0}
  html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__panel{padding:0}
  html body .amg-pw.amg-pw-seg--calm :is(.amg-pw-seg__cards,.amg-pw-prof__cards,.amg-pw-needs__cards){margin-right:0;min-height:376px}
  html body .amg-pw.amg-pw-seg--calm :is(.amg-pw-seg__panel,.amg-pw-prof__panel) .amg-pb{padding:16px 20px}
  html body .amg-pw.amg-pw-seg--calm :is(.amg-pw-seg__panel,.amg-pw-prof__panel) .amg-pb-mount.amg-pb-mount--wait:empty{min-height:175px} /* висота картки набору в calm (замір r1), резерв проти зсуву */
}
/* 3554: порожній лічильник «N товарів» тримає базову лінію (без зсуву, коли число дописує скрипт) */
html body .amg-pw.amg-pw-seg--calm :is(.amg-pw-seg__pn,.amg-pw-prof__pn):empty::before{content:"\200b"}

/* ══ 3554f (верифікація 3554v): кома впритул до селекта; речення на ПК = два свідомі рядки, як у Pets Deli
 * (1: «народився у [місяць] [рік], є [порода],», 2: «має [потреба] і … [корм]»), однаково для кота і пса: в один рядок до фото (≈ 840 px)
 * з найдовшими значеннями не вміщається жоден вид. Підказка під маскотом без висячого слова. Лише під .amg-pw-seg--calm (кілсвіч amg_pet_seg_calm). ══ */
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__g{gap:0}
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__cm{margin-left:1px}
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__empty p{text-wrap:balance}
@media (min-width:1024px){
  html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__grid{padding-top:24px;padding-bottom:24px}
  html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__ml{gap:8px 5px;max-width:840px}
  html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__r:has(>[data-sel="needs"])::before{content:"";flex:0 0 100%;height:0}
  html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__ml .amg-pw-seg__w,html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__cm{white-space:nowrap}
  html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__ml .amg-pw-seg__sel{gap:4px;padding:0 6px 0 10px}
  html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__ml .amg-pw-seg__selt{max-width:200px}
}

/* ══ 3555f (верифікація 3555v, блокер): на ПК і планшеті список речення виходить за нижній край hero. Обрізає лише фото (.amg-pw-seg__pic має власний overflow:hidden);
 * hero з відкритим списком стає над секціями нижче, інакше бейджі карток лягають на «Закрити» і «Зберегти». Телефон (< 768, шторка is-sheet) без змін. Під .amg-pw-seg--calm (кілсвіч amg_pet_seg_calm). ══ */
@media (min-width:768px){
  html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__hero{overflow:visible}
  html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__hero:has(.amg-pw-seg__sel[aria-expanded="true"]){z-index:40}
}

/* ══ 3556: рядок-посилання на сторінку профілю під реченням; напис вибирає html.amg-pw-prof-has до першого кадру ══ */
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__plink{display:inline-flex;align-items:center;gap:4px;justify-self:start;min-height:24px;font-size:14px;font-weight:500;line-height:20px;color:var(--c-ink);text-decoration:underline;text-underline-offset:3px}
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__plink:hover{text-decoration-thickness:2px}
html body .amg-pw.amg-pw-seg--calm .amg-pw-seg__plink-has{display:none}
html.amg-pw-prof-has body .amg-pw.amg-pw-seg--calm .amg-pw-seg__plink-has{display:inline}
html.amg-pw-prof-has body .amg-pw.amg-pw-seg--calm .amg-pw-seg__plink-new{display:none}

/* 3556m: вік з ?age= без дати: «Мій кіт [дорослий]»; клас ставить #amg-pw-sn-head до першого кадру, далі веде seg-page.js */
html.amg-pw-seg-age body .amg-pw .amg-pw-seg__wb,html.amg-pw-seg-age body .amg-pw .amg-pw-seg__sel[data-sel="month"]{display:none}
html.amg-pw-seg-age body .amg-pw.amg-pw-seg--calm .amg-pw-seg__r--2{grid-template-columns:auto minmax(0,1fr)}