/* 3541b amg-pw hslot: слот улюбленця в шапці ПК і телефона (ORCHESTRATION §2, §3.1 п. 8; DESIGN-SPEC §3а).
 * Підключає mu-plugins/amg-pet-hslot.php блокуючим <link> у head лише коли світ улюбленця активний (amg_pet_seg preview/all).
 * Класи на <html> ставить #amg-hs-head до першого кадру:
 *   amg-hs                     режим слота (акаунт = окрема проста іконка, html.amg-pet знято)
 *   amg-hs-on                  слот буде: резерв ширини ПК (::after колонки), зсув лого телефона
 *   amg-hs-species|seg|profile стан тексту; amg-hs-cl = підпис «Кошик» під кошиком телефона
 * Розмітку вставляє assets/js/amg-pet-seg/hslot.js: .amg-hslot.xts-header-el > a.amg-hslot__a > .amg-hslot__ava + текст.
 * Класи теми: лише .xts-header-el (обгортка) і .xts-header-el-label (підпис телефона). На ПК підпис НЕ .xts-header-el-label,
 * бо 66-dhead.css ховає його в групі display:none !important (підписи ПК зняті 18.09).
 * Без !important і @layer; токени з запасними значеннями.
 * Резерв ПК через ::after, а не ::before: ::before колонки .xts-end уже зайнятий резервом «Переглянутих» (66-dhead.css, html.amg-rv),
 * а ::after з order 1 стоїть рівно там, де стане слот (між «Обраним» і акаунтом), тож вставка нічого не зсуває. */

/* ================= ПК (≥ 1025) ================= */
@media (min-width: 1025px) {
  /* порядок у колонці: «Переглянуті» (-1) · «Обране» (0) · слот або резерв (1) · акаунт (2) · кошик (3) */
  html.amg-hs.amg-dhead .xts-top-bar .xts-header-col.xts-end.xts-desktop > .amg-hslot { order: 1; }
  html.amg-hs.amg-dhead .xts-top-bar .xts-header-col.xts-end.xts-desktop > .xts-header-my-account { order: 2; }
  html.amg-hs.amg-dhead .xts-top-bar .xts-header-col.xts-end.xts-desktop > .xts-header-cart { order: 3; }
  html.amg-hs-on.amg-dhead .xts-top-bar .xts-header-col.xts-end.xts-desktop:not(:has(> .amg-hslot))::after {
    content: '';
    display: block;
    order: 1;
    flex: 0 0 196px;
    width: 196px;
    height: 40px;
  }

  html.amg-hs.amg-dhead .xts-top-bar .xts-header-col.xts-end .amg-hslot.xts-header-el > a.amg-hslot__a {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 196px;
    border-radius: 20px;
    color: var(--ink, #190a03);
    text-decoration: none;
    font-family: inherit;
  }
  html.amg-hs.amg-dhead .xts-top-bar .xts-header-col.xts-end .amg-hslot.xts-header-el > a.amg-hslot__a:hover { background: transparent; }
  html.amg-hs.amg-dhead .xts-top-bar .xts-header-col.xts-end .amg-hslot.xts-header-el > a.amg-hslot__a:focus-visible {
    outline: 2px solid var(--state, #1c49c2);
    outline-offset: 2px;
  }
  html.amg-hs.amg-dhead .xts-top-bar .xts-header-col.xts-end .amg-hslot .amg-hslot__ava {
    display: block;
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    margin: 0 0 0 4px;
    border-radius: 50%;
    background: #fff center / cover no-repeat;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .9);
  }
  html.amg-hs.amg-dhead .xts-top-bar .xts-header-col.xts-end .amg-hslot .amg-hslot__ava.is-mascot { background-size: 24px; }
  /* бульбашка = той самий компонент, що репліка залогіненого в 66-dhead.css (148×30, хвостик, 12,5 px 700) */
  html.amg-hs.amg-dhead .xts-top-bar .xts-header-col.xts-end .amg-hslot .amg-hslot__say {
    position: relative;
    display: block;
    flex: 1 1 auto;
    box-sizing: border-box;
    max-width: 148px;
    height: 30px;
    margin: 0 0 0 8px;
    padding: 0 11px;
    border-radius: 15px;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(25, 10, 3, .06);
    color: var(--ink, #190a03);
    font-size: 12.5px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0;
    transition: background .15s ease, opacity .15s ease;
  }
  html.amg-hs.amg-dhead .xts-top-bar .xts-header-col.xts-end .amg-hslot.is-ready .amg-hslot__say { opacity: 1; }
  html.amg-hs.amg-dhead .xts-top-bar .xts-header-col.xts-end .amg-hslot .amg-hslot__say::before {
    content: '';
    position: absolute;
    left: -5px;
    top: 10px;
    border: 5px solid transparent;
    border-left: 0;
    border-right-color: #fff;
  }
  html.amg-hs.amg-dhead .xts-top-bar .xts-header-col.xts-end .amg-hslot > a.amg-hslot__a:hover .amg-hslot__say { background: #f5f5f5; }
  html.amg-hs.amg-dhead .xts-top-bar .xts-header-col.xts-end .amg-hslot > a.amg-hslot__a:hover .amg-hslot__say::before { border-right-color: #f5f5f5; }
  /* підказка при наведенні (як у сусідів) лише там, де бульбашки нема */
  html.amg-hs.amg-dhead .xts-top-bar .xts-header-col.xts-end .amg-hslot.xts-header-el[data-amg-tip]::after { content: none; }

  /* 1025–1399: лише кружок 40 (пошук на 1281 падав би до ~282 px з бульбашкою; заміри у звіті 3541b) */
  @media (max-width: 1399px) {
    html.amg-hs-on.amg-dhead .xts-top-bar .xts-header-col.xts-end.xts-desktop:not(:has(> .amg-hslot))::after { flex-basis: 40px; width: 40px; }
    html.amg-hs.amg-dhead .xts-top-bar .xts-header-col.xts-end .amg-hslot.xts-header-el > a.amg-hslot__a { width: 40px; justify-content: center; }
    html.amg-hs.amg-dhead .xts-top-bar .xts-header-col.xts-end .amg-hslot .amg-hslot__ava { width: 40px; height: 40px; margin: 0; box-shadow: none; }
    html.amg-hs.amg-dhead .xts-top-bar .xts-header-col.xts-end .amg-hslot .amg-hslot__ava.is-mascot { background-size: 28px; }
    html.amg-hs.amg-dhead .xts-top-bar .xts-header-col.xts-end .amg-hslot .amg-hslot__say { display: none; }
    html.amg-hs.amg-dhead .xts-top-bar .xts-header-col.xts-end .amg-hslot.xts-header-el[data-amg-tip]::after { content: attr(data-amg-tip); }
  }
}

/* ================= телефон (≤ 1024): рядок 1, праворуч від лого ================= */
@media (max-width: 1024px) {
  html.amg-hs.amg-mhead.amg-pdpv3 header.xts-header .xts-general-header .amg-hslot.xts-header-el {
    position: absolute;
    top: 6px;
    right: 54px;
    z-index: 6;
    width: 52px;
    height: 44px;
    margin: 0;
    padding: 0;
  }
  html.amg-hs.amg-mhead.amg-pdpv3 header.xts-header .xts-general-header .amg-hslot > a.amg-hslot__a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 0;
    color: var(--ink, #190a03);
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
  }
  html.amg-hs.amg-mhead.amg-pdpv3 header.xts-header .xts-general-header .amg-hslot > a.amg-hslot__a:focus-visible {
    outline: 2px solid var(--state, #1c49c2);
    outline-offset: 1px;
    border-radius: 8px;
  }
  html.amg-hs.amg-mhead.amg-pdpv3 header.xts-header .xts-general-header .amg-hslot .amg-hslot__ava {
    display: block;
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    margin: 0;
    border-radius: 50%;
    background: #fff center / cover no-repeat;
  }
  html.amg-hs.amg-mhead.amg-pdpv3 header.xts-header .xts-general-header .amg-hslot .amg-hslot__ava.is-mascot { background-size: 22px; }
  html.amg-hs.amg-mhead.amg-pdpv3 header.xts-header .xts-general-header .amg-hslot .amg-hslot__lbl,
  html.amg-hs-cl.amg-hs-on.amg-mhead.amg-pdpv3 header.xts-header:not(.amg-hdr-stuck) .xts-general-header .xts-header-cart > a::after {
    display: block;
    box-sizing: border-box;
    max-width: 100%;
    margin: 1px 0 0;
    padding: 0;
    color: var(--ink, #190a03);
    font-family: inherit;
    font-size: 11px;
    font-weight: 600;
    line-height: 13px;
    letter-spacing: normal;
    text-transform: none;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /* лого вліво на 10 px без зміни розміру, щоб між ним і слотом лишився проміжок (390: 270 → слот 284) */
  html.amg-hs-on.amg-mhead.amg-pdpv3 header.xts-header .xts-general-header.xts-hide-lg .xts-logo { transform: translateX(-10px); }

  /* підпис «Кошик» під кошиком рядка 1 (пара зі слотом); у липкому стані кошик їде в рядок пошуку без підпису */
  html.amg-hs-cl.amg-hs-on.amg-mhead.amg-pdpv3 header.xts-header:not(.amg-hdr-stuck) .xts-general-header .xts-header-cart > a { position: relative; }
  html.amg-hs-cl.amg-hs-on.amg-mhead.amg-pdpv3 header.xts-header:not(.amg-hdr-stuck) .xts-general-header .xts-header-cart > a::after {
    content: 'Кошик';
    position: absolute;
    top: 31px;
    left: 0;
    right: 0;
    margin: 0;
  }
  html[lang="ru"].amg-hs-cl.amg-hs-on.amg-mhead.amg-pdpv3 header.xts-header:not(.amg-hdr-stuck) .xts-general-header .xts-header-cart > a::after { content: 'Корзина'; }
  html.amg-hs-cl.amg-hs-on.amg-mhead.amg-pdpv3 header.xts-header:not(.amg-hdr-stuck) .xts-general-header .xts-header-cart .xts-header-el-icon { transform: translateY(-7px); }

  @media (max-width: 374px) {
    html.amg-hs.amg-mhead.amg-pdpv3 header.xts-header .xts-general-header .amg-hslot.xts-header-el { width: 44px; }
  }
  /* 3550: між підписом імені й «Кошик» не менше 8 px. Слот на 4 px лівіше (54 → 58), імʼя довше за 6 знаків обрізається на 8 px раніше */
  html.amg-hs-g8.amg-hs.amg-mhead.amg-pdpv3 header.xts-header .xts-general-header .amg-hslot.xts-header-el { right: 58px; }
  html.amg-hs-g8.amg-hs.amg-mhead.amg-pdpv3 header.xts-header .xts-general-header .amg-hslot .amg-hslot__lbl.is-long { max-width: calc(100% - 8px); }
  @media (max-width: 340px) {
    html.amg-hs.amg-mhead.amg-pdpv3 header.xts-header .xts-general-header .amg-hslot.xts-header-el { width: 34px; }
  }
}

/* ================= 3660: ПК ≥ 1025 за html.amg-hs-ico (кілсвіч amg_pet_hslot_ico = 0 повертає бульбашку) =================
 * Критик 3657: біла пілюля 147 px поруч із пошуком читалась як друге поле вводу. Як у Pets Deli («Mimi» під значком 50 px):
 * значок улюбленця 36 і підпис 12/600 під ним, без фону. Слот і резерв ширини 72, привітання улюбленцю = підказка (title, hslot.js). */
@media (min-width: 1025px) {
  html.amg-hs-on.amg-hs-ico.amg-dhead .xts-top-bar .xts-header-col.xts-end.xts-desktop:not(:has(> .amg-hslot))::after { flex-basis: 72px; width: 72px; height: 52px; }
  html.amg-hs.amg-hs-ico.amg-dhead .xts-top-bar .xts-header-col.xts-end .amg-hslot.xts-header-el > a.amg-hslot__a {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2px;
    width: 72px;
    height: 52px;
    padding: 0;
    border-radius: 8px;
  }
  html.amg-hs.amg-hs-ico.amg-dhead .xts-top-bar .xts-header-col.xts-end .amg-hslot .amg-hslot__ava { width: 36px; height: 36px; margin: 0; box-shadow: none; }
  html.amg-hs.amg-hs-ico.amg-dhead .xts-top-bar .xts-header-col.xts-end .amg-hslot .amg-hslot__ava.is-mascot { background-size: 26px; }
  html.amg-hs.amg-hs-ico.amg-dhead .xts-top-bar .xts-header-col.xts-end .amg-hslot .amg-hslot__say {
    display: block;
    flex: 0 0 auto;
    max-width: 72px;
    height: auto;
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    text-align: center;
  }
  html.amg-hs.amg-hs-ico.amg-dhead .xts-top-bar .xts-header-col.xts-end .amg-hslot .amg-hslot__say::before { content: none; }
  html.amg-hs.amg-hs-ico.amg-dhead .xts-top-bar .xts-header-col.xts-end .amg-hslot > a.amg-hslot__a:hover .amg-hslot__say { background: none; text-decoration: underline; text-underline-offset: 2px; }
  html.amg-hs.amg-hs-ico.amg-dhead .xts-top-bar .xts-header-col.xts-end .amg-hslot.xts-header-el[data-amg-tip]::after { content: none; }
}

/* ================= 3673: телефон ≤ 1024, рядок 1 рівно (аудит 3670 варіант С1, кілсвіч amg_pet_layout_v2 → body.amg-plv2) =================
 * Значки бургера, слота і кошика стоять по центру рядка 56 разом із лого (центр 28): без translateY(-7px) кошика, без притискання диска
 * догори і без зсуву лого −10 px. Диск слота 26 = іконка кошика. Підписи «Каталог», «Мурчик», «Кошик» 12/14 вагою 600 під значками (42…56).
 * Кнопки 44 по висоті стоять на 6…50, тому значок 26 починається з 9 px від верху кнопки, підпис з 36 px. ПК ≥ 1025 без змін. */
@media (max-width: 1024px) {
  html.amg-hs.amg-mhead.amg-pdpv3 body.amg-plv2 header.xts-header .xts-general-header .amg-hslot > a.amg-hslot__a { justify-content: flex-start; box-sizing: border-box; padding-top: 9px; }
  html.amg-hs.amg-mhead.amg-pdpv3 body.amg-plv2 header.xts-header .xts-general-header .amg-hslot .amg-hslot__ava { width: 26px; height: 26px; }
  html.amg-hs.amg-mhead.amg-pdpv3 body.amg-plv2 header.xts-header .xts-general-header .amg-hslot .amg-hslot__ava.is-mascot { background-size: 19px; }
  html.amg-hs.amg-mhead.amg-pdpv3 body.amg-plv2 header.xts-header .xts-general-header .amg-hslot .amg-hslot__lbl { flex: 0 0 auto; }
  /* прапор шрифту 3545 ставить підписам теми 500 рівнем двох id з !important: перебиваємо трьома, щоб усі три підписи мали 600 */
  html.amg-font-fixel:not(#_):not(#_):not(#_) body.amg-plv2 header.xts-header .xts-general-header :is(.amg-hslot__lbl, .xts-header-mobile-burger .xts-header-el-label) { font-weight: 600 !important; }
  html.amg-hs.amg-mhead.amg-pdpv3 body.amg-plv2 header.xts-header .xts-general-header .amg-hslot .amg-hslot__lbl,
  html.amg-hs-cl.amg-hs-on.amg-mhead.amg-pdpv3 body.amg-plv2 header.xts-header:not(.amg-hdr-stuck) .xts-general-header .xts-header-cart > a::after,
  html.amg-hs-cl.amg-hs-on.amg-mhead.amg-pdpv3 body.amg-plv2 header.xts-header:not(.amg-hdr-stuck) .xts-general-header .xts-header-mobile-burger .xts-header-el-label {
    margin: 0;
    color: var(--ink, #190a03);
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: normal;
    text-transform: none;
  }
  html.amg-hs.amg-mhead.amg-pdpv3 body.amg-plv2 header.xts-header .xts-general-header .amg-hslot .amg-hslot__lbl { margin-top: 1px; }
  html.amg-hs-on.amg-mhead.amg-pdpv3 body.amg-plv2 header.xts-header .xts-general-header.xts-hide-lg .xts-logo { transform: none; }
  /* 360–374: без зсуву лого торкалось диска слота (проміжок 2 px на 360), тому лого 150 замість 170, центр той самий */
  @media (max-width: 374px) {
    html.amg-hs-on.amg-mhead.amg-pdpv3 body.amg-plv2 header.xts-header .xts-general-header.xts-hide-lg .xts-logo img { width: 150px !important; max-width: 150px !important; height: auto !important; }
  }
  html.amg-hs-cl.amg-hs-on.amg-mhead.amg-pdpv3 body.amg-plv2 header.xts-header:not(.amg-hdr-stuck) .xts-general-header .xts-header-cart .xts-header-el-icon { transform: none; }
  html.amg-hs-cl.amg-hs-on.amg-mhead.amg-pdpv3 body.amg-plv2 header.xts-header:not(.amg-hdr-stuck) .xts-general-header .xts-header-cart > a::after { top: 36px; }
  /* «Каталог» під бургером: підпис теми є в розмітці, стиль «лише значок» його ховає */
  html.amg-hs-cl.amg-hs-on.amg-mhead.amg-pdpv3 body.amg-plv2 header.xts-header:not(.amg-hdr-stuck) .xts-general-header .xts-header-mobile-burger > a { position: relative; }
  html.amg-hs-cl.amg-hs-on.amg-mhead.amg-pdpv3 body.amg-plv2 header.xts-header:not(.amg-hdr-stuck) .xts-general-header .xts-header-mobile-burger .xts-header-el-label {
    display: block;
    position: absolute;
    top: 36px;
    left: -10px;
    right: -10px;
    padding: 0;
    text-align: center;
    white-space: nowrap;
    pointer-events: none;
  }
}