/* 3585 amg-pw avatar: стрілка біля імені, модалка профілів, підказка, чипи порід у шторці.
 * Ізоляція ORCHESTRATION §3.1: корінь .amg-pw, без !important і @layer, запасні значення у var(). Шари: резерв шторки 100010–100019, підказка нижче за нього.
 * Шкала REWORK §1: текст 15, підписи 13–14. Кольори DESIGN-SPEC §13: текст #242424, кнопки і фокус #003566, обраний рядок нейтральний. */

/* ── імʼя + стрілка ── */
html body .amg-pw .amg-pa-nrow{display:inline-flex;align-items:center;justify-content:center;gap:2px;min-width:0;max-width:100%}
html body .amg-pw .amg-pa-nrow .amg-pw-prof__name{min-width:0;overflow-wrap:anywhere}
html body .amg-pw .amg-pa-arrow{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;margin:-4px 0;border-radius:50%;color:var(--c-ink,#242424);cursor:pointer}
html body .amg-pw .amg-pa-arrow[hidden]{display:none}
html body .amg-pw .amg-pa-arrow:hover{background:rgba(36,36,36,.08)}
html body .amg-pw .amg-pa-arrow:focus-visible{outline:2px solid var(--plum,#003566);outline-offset:1px}
html body .amg-pw .amg-pa-arrow.is-calm:focus-visible{outline:0;box-shadow:none} /* 3585f: фокус повернувся після тапу по підказці, кільце не потрібне */

/* на телефоні перемикання лише модалкою; на ПК чипи імен лишаються */
@media (max-width:1023px){html.amg-pa body .amg-pw .amg-pw-prof__switch{display:none}}

/* ── модалка: телефон = шторка знизу, ПК = діалог ── */
html.amg-pa-open,html.amg-pa-open body{overflow:hidden}
html.amg-pa-open body ul.xts-sticky-navbar,html.amg-pa-open body .amg-sticky-cta{visibility:hidden;pointer-events:none}
html body .amg-pw.amg-pa-m .amg-pa-m__scrim{position:fixed;inset:0;z-index:100013;background:rgba(0,0,0,.5)}
html body .amg-pw.amg-pa-m .amg-pa-m__scrim[hidden],html body .amg-pw.amg-pa-m .amg-pa-m__sheet[hidden]{display:none}
html body .amg-pw.amg-pa-m .amg-pa-m__sheet{position:fixed;z-index:100014;left:0;right:0;bottom:0;display:flex;flex-direction:column;max-height:calc(100% - 28px);padding:8px 0 calc(12px + env(safe-area-inset-bottom,0px));background:#fff;color:#242424;border-radius:16px 16px 0 0;outline:0}
html body .amg-pw.amg-pa-m .amg-pa-m__handle{flex:0 0 auto;width:56px;height:6px;margin:4px auto 16px;border-radius:999px;background:#d9d9d9}
html body .amg-pw.amg-pa-m .amg-pa-m__x{position:absolute;right:10px;top:6px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#242424;cursor:pointer}
html body .amg-pw.amg-pa-m .amg-pa-m__x:hover{background:#f0f0f0}
html body .amg-pw.amg-pa-m .amg-pa-m__list{margin:0;padding:12px 0 0;list-style:none;overflow-y:auto;overscroll-behavior:contain}
html body .amg-pw.amg-pa-m .amg-pa-m__list li{margin:0;padding:0;list-style:none}
html body .amg-pw.amg-pa-m .amg-pa-m__row{display:flex;align-items:center;gap:16px;width:100%;min-height:72px;padding:12px 16px;text-align:left;color:#242424;background:transparent;cursor:pointer}
html body .amg-pw.amg-pa-m .amg-pa-m__row:hover{background:#f7f7f7}
html body .amg-pw.amg-pa-m .amg-pa-m__row.is-on{background:#f0f2f4}
html body .amg-pw.amg-pa-m .amg-pa-m__row:focus-visible,html body .amg-pw.amg-pa-m .amg-pa-m__x:focus-visible{outline:2px solid var(--plum,#003566);outline-offset:-2px}
html body .amg-pw.amg-pa-m .amg-pa-m__ava{flex:0 0 48px;display:block;width:48px;height:48px;border-radius:50%;overflow:hidden;background:#fff}
html body .amg-pw.amg-pa-m .amg-pa-m__ava img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}
html body .amg-pw.amg-pa-m .amg-pa-m__t{flex:1 1 auto;display:grid;gap:2px;min-width:0}
html body .amg-pw.amg-pa-m .amg-pa-m__n{font-size:15px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
html body .amg-pw.amg-pa-m .amg-pa-m__s{font-size:14px;font-weight:400;line-height:1.35;color:#555}
html body .amg-pw.amg-pa-m .amg-pa-m__on{flex:0 0 auto;font-size:14px;font-weight:500;line-height:1.3;color:#555}
@media (min-width:1024px){
  html body .amg-pw.amg-pa-m .amg-pa-m__sheet{left:50%;right:auto;bottom:auto;top:50%;transform:translate(-50%,-50%);width:440px;max-height:min(80vh,640px);padding:44px 0 12px;border-radius:12px}
  html body .amg-pw.amg-pa-m .amg-pa-m__handle{display:none}
  html body .amg-pw.amg-pa-m .amg-pa-m__list{padding-top:0}
}

/* ── підказка: один раз при другому профілі ── */
html body .amg-pw.amg-pa-c .amg-pa-c__scrim{position:fixed;inset:0;z-index:100008;background:rgba(0,0,0,.35)}
html body .amg-pw.amg-pa-c .amg-pa-c__box{position:absolute;z-index:100009;display:grid;justify-items:center;gap:12px;width:min(300px,calc(100vw - 32px));padding:16px;background:#fff;color:#242424;border-radius:8px;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.18)}
html body .amg-pw.amg-pa-c .amg-pa-c__box::before{content:"";position:absolute;left:var(--amg-pa-tip,50%);top:-7px;width:14px;height:14px;margin-left:-7px;background:#fff;transform:rotate(45deg)}
html body .amg-pw.amg-pa-c .amg-pa-c__pic{display:flex;justify-content:center;gap:4px}
html body .amg-pw.amg-pa-c .amg-pa-c__pic img{display:block;width:64px;height:64px;object-fit:contain}
html body .amg-pw.amg-pa-c .amg-pa-c__t{margin:0;font-size:15px;font-weight:500;line-height:1.4;color:#242424}
html body .amg-pw.amg-pa-c .amg-pa-c__b{width:100%;min-height:44px;border-width:0;font-size:15px;font-weight:600}
/* 3585f: програмний фокус при появі без кільця (у Pets Deli його немає); кільце після Tab, клас ставить pet-avatar.js */
html body .amg-pw.amg-pa-c .amg-pa-c__b:focus-visible{outline:0;box-shadow:none}
html body .amg-pw.amg-pa-c.is-kb .amg-pa-c__b:focus{outline:2px solid var(--plum,#003566);outline-offset:2px;box-shadow:0 0 0 5px var(--plum-ring,#d9dbe0)}

/* ── шторка 3539: чипи порід з фото ── */
html body .amg-pw.amg-pq .amg-pa-breeds{display:flex;flex-wrap:wrap;gap:8px}
html body .amg-pw.amg-pq .amg-pq-chip.amg-pa-chip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 5px}
html body .amg-pw.amg-pq .amg-pq-chip.amg-pa-chip img{flex:0 0 30px;display:block;width:30px;height:30px;max-width:none;border-radius:50%;object-fit:cover}
html body .amg-pw.amg-pq .amg-pa-other{display:flex;align-items:center;gap:10px;min-height:44px;margin-top:8px;font-size:15px;line-height:1.4;color:#242424;cursor:pointer}
html body .amg-pw.amg-pq .amg-pa-other input{flex:0 0 20px;width:20px;height:20px;margin:0;accent-color:var(--plum,#003566)}
@media (prefers-reduced-motion:reduce){html body .amg-pw .amg-pa-arrow{transition:none}}