/* Геловін /halloween/ (3176b за макетом 3176a v5; 3176d: плитки й смуга фільтрів за макетом v6 = канон). Брейкпоінти: ≤1024 телефон/планшет, ≥1025 ПК.
   Палітра: помаранч арту власника (#a74a0d #d5590e #e17b1d #fa991f), «дошка» #2f2d2f, фіолет #48204f,
   бренд: #ffba00 (дія), #1c49c2 (обране), #190a03 (текст), #f5f5f5 (плашки). Шрифт теми Nunito. */
.amg-hw-page .woocommerce-products-header,.amg-hw-page .amg-qf-desktop,.amg-hw-page .amg-h1-cnt,.amg-hw-page .woocommerce-result-count{display:none}
.amg-hw-page .xts-shop-head-nav{margin:0}
.amg-hw-page #amgFiboMobBar,.amg-hw-page .amg-qf-mobile,.amg-hw-page #amgFiboRail,.amg-hw-page .amg-fibo-sheet{display:none!important}
/* ---------- hero (full-bleed: прямий нащадок main) ---------- */
.amg-hw{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"cat dog" "mid mid";margin:-30px 0 0;overflow:hidden;
  background:linear-gradient(100deg,#a74a0d 0%,#d5590e 45%,#e17b1d 100%);color:#fff}
.amg-hw__art{position:relative;grid-area:cat;height:236px;overflow:hidden}
.amg-hw__art--dog{grid-area:dog}
.amg-hw__art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.amg-hw__art--cat img{object-position:50% 22%}
html.amg-sv-cat .amg-hw__art--dog,html.amg-sv-dog .amg-hw__art--cat{display:none}
html.amg-sv-cat .amg-hw__art--cat,html.amg-sv-dog .amg-hw__art--dog{grid-column:1 / -1;height:340px}
html.amg-sv-cat .amg-hw__art--cat img,html.amg-sv-dog .amg-hw__art--dog img{object-position:50% 42%}
.amg-hw__mid{position:relative;grid-area:mid;padding:0 12px 18px}
.amg-hw__plate{position:relative;z-index:1;margin:-28px 0 0;padding:18px 16px 16px;border-radius:18px;background:#2f2d2f;
  box-shadow:0 10px 30px rgba(60,20,0,.35)}
.amg-hw__kick{margin:0;font:800 34px/1 Nunito,Arial,sans-serif;letter-spacing:-.01em;color:#fa991f;text-transform:none}
.amg-hw__kick span{display:none}
.amg-hw__kick [data-v="all"]{display:inline}
html.amg-sv-cat .amg-hw__kick [data-v="all"],html.amg-sv-dog .amg-hw__kick [data-v="all"]{display:none}
html.amg-sv-cat .amg-hw__kick [data-v="cat"],html.amg-sv-dog .amg-hw__kick [data-v="dog"]{display:inline}
.amg-hw__h1{margin:8px 0 0;font:700 20px/1.25 Nunito,Arial,sans-serif;color:#fff;text-transform:none;letter-spacing:0}
.amg-hw__sub{margin:8px 0 0;font:600 15px/1.4 Nunito,Arial,sans-serif;color:rgba(255,255,255,.92)}
.amg-hw__seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:14px 0 0;padding:4px;border-radius:999px;background:rgba(255,255,255,.14)}
.amg-hw__seg .amg-sp{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:42px;margin:0;padding:0 6px;border:1.5px solid transparent;border-radius:999px;
  background:transparent;color:#fff;font:700 15px/1 Nunito,Arial,sans-serif;cursor:pointer;white-space:nowrap}
.amg-hw__seg .amg-sp__c{font:600 13px/1 Nunito,Arial,sans-serif;color:rgba(255,255,255,.75)}
html.amg-sv-all .amg-hw__seg .amg-sp--all,html.amg-sv-dog .amg-hw__seg .amg-sp--dog,html.amg-sv-cat .amg-hw__seg .amg-sp--cat{background:#fff;border-color:#1c49c2;color:#143795}
html.amg-sv-all .amg-hw__seg .amg-sp--all .amg-sp__c,html.amg-sv-dog .amg-hw__seg .amg-sp--dog .amg-sp__c,html.amg-sv-cat .amg-hw__seg .amg-sp--cat .amg-sp__c{color:#143795}
.amg-hw__seg .amg-sp:focus-visible{outline:2px solid #fff;outline-offset:2px}
/* декор: павутина в куті, кажани на нитках */
.amg-hw__web{position:absolute;left:0;top:0;width:110px;height:110px;color:#fff;opacity:.55;pointer-events:none}
.amg-hw__bat{position:absolute;top:0;width:44px;pointer-events:none;color:#2f1a0c;transform-origin:50% 0}
.amg-hw__bat svg{display:block;width:100%;height:auto;margin-top:var(--l,40px)}
.amg-hw__bat::before{content:"";position:absolute;left:50%;top:0;width:1px;height:var(--l,40px);background:rgba(47,26,12,.6)}
.amg-hw__bat--1{right:14%;--l:26px}
.amg-hw__bat--2{right:4%;width:30px;--l:58px}
.amg-hw__bat--3{left:36%;width:34px;--l:14px}
@media (prefers-reduced-motion:no-preference){
  .amg-hw__bat{animation:amgHwSway 5s ease-in-out infinite}
  .amg-hw__bat--2{animation-duration:6.5s;animation-delay:-2s}
  .amg-hw__bat--3{animation-duration:7s;animation-delay:-4s}
  @keyframes amgHwSway{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
}
/* ---------- лічильники за видом (без JS до першого кадру) ---------- */
.amg-hw-page [data-v]{display:none}
html.amg-sv-all .amg-hw-page [data-v="all"],html.amg-sv-cat .amg-hw-page [data-v="cat"],html.amg-sv-dog .amg-hw-page [data-v="dog"],html:not([data-sale-view]) .amg-hw-page [data-v="all"]{display:inline}
/* ---------- потреби (3176d: плитки на «дошці» як у hero, фото в білому колі, один заголовок, лічильник бейджем) ---------- */
.amg-hw-sec{margin:24px 0 0}
.amg-hw-sec__h{margin:0;font:800 22px/1.2 Nunito,Arial,sans-serif;color:#190a03;text-transform:none;letter-spacing:0}
.amg-hw-sec__h3{margin:22px 0 0;font:800 19px/1.2 Nunito,Arial,sans-serif;color:#190a03;text-transform:none;letter-spacing:0}
.amg-hw-sec__p{margin:4px 0 0;font:600 14.5px/1.4 Nunito,Arial,sans-serif;color:#555}
.amg-hw-needs{display:flex;gap:10px;margin:12px -15px 0;padding:0 15px 4px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-padding:0 15px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.amg-hw-needs::-webkit-scrollbar{display:none}
/* ширина = (контент − 52) / 2: дві плитки + хвіст третьої 32 px як натяк на скрол */
.amg-hw-need{position:relative;flex:0 0 calc(50% - 26px);scroll-snap-align:start;display:grid;grid-template-rows:auto 36px;justify-items:center;align-content:start;gap:8px;margin:0;padding:16px 10px 12px;border:0;border-radius:16px;background:#2f2d2f;color:#fff;text-align:center;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent}
.amg-hw-need__ph{display:grid;place-items:center;width:104px;height:104px;border-radius:50%;background:#fff;overflow:hidden}
.amg-hw-need__ph img{width:82%;height:82%;object-fit:contain;mix-blend-mode:multiply}
.amg-hw-need__t{display:block;align-self:start;margin:0;padding:0;font:800 15px/1.2 Nunito,Arial,sans-serif;color:#fff}
.amg-hw-need__s{display:none}
.amg-hw-need__n{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:24px;padding:0 8px;border-radius:999px;background:rgba(255,255,255,.14);font:700 13px/1 Nunito,Arial,sans-serif;color:#fa991f}
.amg-hw-need:hover,.amg-hw-need:active{background:#3b3839;color:#fff}
.amg-hw-need[aria-pressed="true"],.amg-hw-need[aria-pressed="true"]:hover{background:#1c49c2;color:#fff}
.amg-hw-need[aria-pressed="true"] .amg-hw-need__t{color:#fff}
.amg-hw-need[aria-pressed="true"] .amg-hw-need__n{background:rgba(255,255,255,.2);color:#fff}
.amg-hw-need:focus-visible{outline:2px solid #1c49c2;outline-offset:2px}
/* ---------- чипи та сортування (3176d: пілюлі 40 px, активна суцільна синя, маска-натяк на скрол, сортування пілюлею) ---------- */
.amg-hw-bar{position:sticky;top:var(--amg-hw-top,0px);z-index:5;margin:24px -15px 0;padding:8px 15px 10px;background:#fff;transition:box-shadow .2s}
.amg-hw-bar.is-stuck{box-shadow:0 8px 16px -10px rgba(25,10,3,.3)}
.amg-hw-chips{display:flex;gap:8px;margin:0 -15px;padding:2px 15px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding:0 15px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
  -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent)}
.amg-hw-chips.is-mid{-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 48px),transparent)}
.amg-hw-chips.is-end{-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px);mask-image:linear-gradient(90deg,transparent,#000 24px)}
.amg-hw-chips.is-all{-webkit-mask-image:none;mask-image:none}
.amg-hw-chips::-webkit-scrollbar{display:none}
.amg-hw-chip{appearance:none;flex:0 0 auto;scroll-snap-align:start;display:inline-flex;align-items:center;gap:6px;height:44px;min-height:44px;margin:0;padding:0 15px;border:1px solid #e2ddd4;border-radius:999px;background:#fff;
  color:#190a03;font:700 14px/1 Nunito,Arial,sans-serif;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}
.amg-hw-chip svg{width:18px;height:18px;flex:none;margin-left:-3px;color:#d5590e}
.amg-hw-chip .amg-hw-chip__n{font-weight:600;color:#6b6762}
.amg-hw-chip:hover{border-color:#d9e6f4;background:#f0f6fc;color:#190a03}
.amg-hw-chip[aria-pressed="true"],.amg-hw-chip[aria-pressed="true"]:hover{border-color:#1c49c2;background:#1c49c2;color:#fff}
.amg-hw-chip[aria-pressed="true"] svg{color:#fff}
.amg-hw-chip[aria-pressed="true"] .amg-hw-chip__n{color:rgba(255,255,255,.82)}
.amg-hw-chip:focus-visible{outline:2px solid #1c49c2;outline-offset:2px}
.amg-hw-sort{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 0}
.amg-hw-sort__n{display:block;margin:0;padding:0;font:600 14px/1.2 Nunito,Arial,sans-serif;color:#555;white-space:nowrap} /* 3176e: тема дає label margin 0 0 15px 15px → підпис їхав угору на 7,5 px і вправо на 15 px */
.amg-hw-sort__w{position:relative;display:inline-flex;flex:0 1 auto;min-width:0}
.amg-hw-sort select{appearance:none;-webkit-appearance:none;height:38px;max-width:100%;min-width:0;margin:0;padding:0 36px 0 14px;border:1px solid #e2ddd4;border-radius:999px;background:#fff none;box-shadow:none;font:700 14px/1 Nunito,Arial,sans-serif;color:#190a03;cursor:pointer;text-overflow:ellipsis}
.amg-hw-sort__w svg{position:absolute;right:13px;top:50%;width:16px;height:16px;margin-top:-8px;color:#190a03;pointer-events:none}
.amg-hw-sort select:focus-visible{outline:2px solid #1c49c2;outline-offset:2px}
/* ---------- сітка (стандартні картки каталогу) ---------- */
.amg-hw-grid{margin-top:16px}
.amg-hw-grid .amgv-card[hidden]{display:none}
html.amg-sv-cat .amg-hw-grid .amgv-card:not([data-pet~="cat"]),html.amg-sv-dog .amg-hw-grid .amgv-card:not([data-pet~="dog"]){display:none}
.amg-hw-grid[data-first="cat"] .amgv-card[data-pet="dog"]{order:2}
.amg-hw-grid[data-first="dog"] .amgv-card[data-pet="cat"]{order:2}
.amg-hw-empty{margin:24px 0;padding:18px;border-radius:14px;background:#f5f5f5;border:1px solid #ebebeb;font:600 15px/1.4 Nunito,Arial,sans-serif;color:#190a03}
/* ---------- «Страшно вигідно» ---------- */
.amg-hw-steals{position:relative;margin:30px 0 0;padding:26px 15px 28px;color:#fff;background:#48204f;
  box-shadow:0 0 0 100vmax #48204f;clip-path:inset(0 -100vmax)}
.amg-hw-steals::before{content:"";position:absolute;inset:0;opacity:.14;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='64' viewBox='0 0 96 64'%3E%3Cg fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 18a4 4 0 1 1 6-3l14 0a4 4 0 1 1 6 3a4 4 0 1 1-6 3l-14 0a4 4 0 1 1-6-3z'/%3E%3Cpath d='M56 46a4 4 0 1 1 6-3l14 0a4 4 0 1 1 6 3a4 4 0 1 1-6 3l-14 0a4 4 0 1 1-6-3z'/%3E%3Ccircle cx='70' cy='14' r='7'/%3E%3Cpath d='M66 21v4h8v-4M67 13h1M72 13h1'/%3E%3C/g%3E%3C/svg%3E") 0 0/96px 64px}
.amg-hw-steals>*{position:relative}
.amg-hw-steals__h{margin:0;font:800 26px/1.1 Nunito,Arial,sans-serif;color:#ffc832;letter-spacing:-.01em;text-transform:none}
.amg-hw-steals__p{margin:6px 0 0;font:600 15px/1.4 Nunito,Arial,sans-serif;color:#fff}
.amg-hw-steals__row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 0}
.amg-hw-steals__b{appearance:none;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 14px 12px;border:0;border-radius:14px;background:#fff;color:#190a03;text-align:left;cursor:pointer;font-family:inherit}
.amg-hw-steals__b strong{font:800 22px/1 Nunito,Arial,sans-serif;color:#190a03}
.amg-hw-steals__b span{font:600 13px/1.2 Nunito,Arial,sans-serif;color:#555}
.amg-hw-steals__b[aria-pressed="true"]{box-shadow:0 0 0 2px #1c49c2}
/* ---------- розіграш (арт власника) ---------- */
.amg-hw-give{display:grid;grid-template-columns:1fr;margin:26px 0 0;border-radius:18px;overflow:hidden;background:linear-gradient(160deg,#e1690f 0%,#f59526 100%);color:#fff}
.amg-hw-give__art{height:260px;overflow:hidden}
.amg-hw-give__art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 38%}
.amg-hw-give__tx{padding:18px 16px 20px}
.amg-hw-give__h{margin:0;font:800 24px/1.1 Nunito,Arial,sans-serif;color:#fff;text-transform:none;letter-spacing:0}
.amg-hw-give__p{margin:6px 0 0;font:800 19px/1.3 Nunito,Arial,sans-serif;color:#fff}
.amg-hw-give__a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin:14px 0 0;padding:0 20px;border-radius:12px;background:#ffba00;color:#190a03;font:800 15px/1 Nunito,Arial,sans-serif;text-decoration:none}
.amg-hw-give__a:hover{background:#ffc832;color:#190a03}
/* ---------- поради ---------- */
.amg-hw-tips{display:grid;gap:10px;margin:14px 0 0}
.amg-hw-tip{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:14px;border-radius:14px;background:#f5f5f5;border:1px solid #ebebeb}
.amg-hw-tip__i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;color:#e8762d}
.amg-hw-tip__i svg{width:22px;height:22px}
.amg-hw-tip__t{margin:0;font:800 15px/1.25 Nunito,Arial,sans-serif;color:#190a03}
.amg-hw-tip__p{margin:4px 0 0;font:600 14px/1.4 Nunito,Arial,sans-serif;color:#333}
.amg-hw-read{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:0;border-top:1px solid #ebebeb}
.amg-hw-read li{border-bottom:1px solid #ebebeb}
.amg-hw-read a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:10px 0;color:#190a03;font:700 15px/1.3 Nunito,Arial,sans-serif;text-decoration:none}
.amg-hw-read a svg{flex:none;width:18px;height:18px;color:#6b6762}
.amg-hw-read a:hover{color:#143795}
.amg-hw-seo{margin:24px 0 10px;font:600 14.5px/1.5 Nunito,Arial,sans-serif;color:#333}
.amg-hw-seo p{margin:0 0 8px;font:inherit;color:inherit}
/* ---------- ПК ---------- */
@media (min-width:1025px){
  .amg-hw{grid-template-columns:minmax(300px,420px) minmax(0,1fr) minmax(300px,420px);grid-template-areas:"cat mid dog";min-height:470px;margin-top:-30px}
  .amg-hw__art{height:auto}
  .amg-hw__art img{object-position:50% 25%}
  html.amg-sv-cat .amg-hw__art--cat,html.amg-sv-dog .amg-hw__art--dog{grid-column:auto;height:auto}
  html.amg-sv-cat .amg-hw__art--dog,html.amg-sv-dog .amg-hw__art--cat{display:block}
  .amg-hw__mid{display:grid;align-items:center;padding:34px 28px}
  .amg-hw__plate{margin:0;padding:26px 28px 24px}
  .amg-hw__kick{font-size:48px}
  .amg-hw__h1{font-size:24px;margin-top:10px}
  .amg-hw__sub{font-size:16px;max-width:520px}
  .amg-hw__seg{max-width:460px}
  .amg-hw__bat--1{right:6%;--l:36px;width:52px}
  .amg-hw__bat--2{right:1.5%;--l:90px}
  .amg-hw__bat--3{left:2%;--l:22px;width:40px}
  .amg-hw-sec{margin-top:32px}
  .amg-hw-sec__h{font-size:26px}
  .amg-hw-needs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:16px 0 0;padding:0;overflow:visible}
  .amg-hw-need{flex:none;grid-template-rows:auto auto 1fr;gap:10px;padding:22px 16px 18px}
  .amg-hw-need__n{top:10px;right:10px}
  .amg-hw-need__ph{width:120px;height:120px}
  .amg-hw-need__t{font-size:17px}
  .amg-hw-need__s{display:block;margin:-4px 0 0;padding:0;font:600 13.5px/1.35 Nunito,Arial,sans-serif;color:rgba(255,255,255,.8)}
  .amg-hw-need[aria-pressed="true"] .amg-hw-need__s{color:rgba(255,255,255,.88)}
  .amg-hw-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;top:var(--amg-hw-top,0px);margin:24px 0 0;padding:10px 0} /* 3176c: top зі змінної (шапка ПК sticky 62 px), не 0 */
  .amg-hw-chips{flex:1 1 auto;flex-wrap:wrap;margin:0;padding:0;overflow:visible;-webkit-mask-image:none!important;mask-image:none!important}
  .amg-hw-sort{margin:0;flex:none}
  .amg-hw-sort select{max-width:none}
  .amg-hw-grid{margin-top:22px}
  .amg-hw-steals{display:grid;grid-template-columns:minmax(0,1fr) 440px;align-items:center;gap:30px;padding:30px 0}
  .amg-hw-steals__h{font-size:32px}
  .amg-hw-steals__row{margin:0}
  .amg-hw-give{grid-template-columns:320px minmax(0,1fr);align-items:stretch;margin-top:32px}
  .amg-hw-give__art{height:400px}
  .amg-hw-give__art img{object-position:50% 12%}
  .amg-hw-give__tx{padding:28px 32px}
  .amg-hw-give__h{font-size:30px}
  .amg-hw-give__p{font-size:19px}
  .amg-hw-tips{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
  .amg-hw-tip{grid-template-columns:1fr;gap:10px;padding:18px}
  .amg-hw-read{grid-template-columns:1fr 1fr;column-gap:32px}
  .amg-hw-seo{max-width:860px}
}

/* ---------- правки 19.10 23:10 (кадри телефона куратора) ---------- */
.amg-hw-catalog{position:relative} /* липка смуга чипів живе лише над сіткою, не їде на смугу, розіграш і поради */
html.amg-sv-cat .amg-hw-chip[data-n-cat="0"],html.amg-sv-dog .amg-hw-chip[data-n-dog="0"],html.amg-sv-all .amg-hw-chip[data-n-all="0"],
html.amg-sv-cat .amg-hw-need[data-n-cat="0"],html.amg-sv-dog .amg-hw-need[data-n-dog="0"],html.amg-sv-all .amg-hw-need[data-n-all="0"]{display:none}
@media (max-width:768px){
  /* хлібні крихти: сайтова маска 28 px для скролу з'їдала кінець короткого «Головна / Геловін» */
  body.archive.term-9196 .woocommerce-breadcrumb.xts-breadcrumbs{width:100%;max-width:100%;flex:1 1 100%;-webkit-mask-image:none;mask-image:none}
}