/* Хаб нового власника (3275), макет v4 (build-v4.py). Телефон спершу, гутер 16, ширина 1120.
   Токени CLAUDE.md: бурштин лише кнопки дії і смуга клубу; синій лише посилання і фокус; плашки = panel. */
.amg-nph-area{padding-left:0;padding-right:0}
.amg-nph{--ink:#190a03;--muted:#6b625c;--panel:#f5f5f5;--panel-line:#ebebeb;--amber-signal:#ffba00;--amber-hover:#ffc832;--amber-press:#d99c00;--state:#1c49c2;--state-deep:#143795;
  color:var(--ink);font-size:16px;line-height:1.4}
.amg-nph *{box-sizing:border-box}
.amg-nph img{max-width:100%;display:block}
.amg-nph h1,.amg-nph h2,.amg-nph h3,.amg-nph p{margin:0;color:var(--ink)}
.amg-nph a{color:inherit;text-decoration:none}
.amg-nph h1{font-size:clamp(28px,6.5vw,40px);font-weight:800;line-height:1.05;letter-spacing:-.01em}
.amg-nph h2{font-size:clamp(20px,4.4vw,26px);font-weight:800;line-height:1.15;text-wrap:balance}
.amg-nph .amg-nph-h3{font-size:17px;font-weight:800;line-height:1.2}
.amg-nph-wrap{max-width:1120px;margin:0 auto;padding-left:0;padding-right:0} /* гутер дає контейнер теми */
.amg-nph-sec{padding-block:22px}
.amg-nph-sec--tight{padding-top:0}
.amg-nph-sec--last{padding-bottom:40px}
@media(min-width:900px){.amg-nph-sec{padding-block:40px}.amg-nph-sec--tight{padding-top:0}}
.amg-nph-center{text-align:center}
.amg-nph [hidden]{display:none!important}
.amg-nph[data-state="pet"] [data-nph-only="guest"]{display:none!important}
/* 3275c: увійшов без молодняку = без «Зареєструйся»; обіцянку бонусу ховає скрипт (data-nph-bonus → hidden) */
.amg-nph[data-state="logged"] [data-nph-hide~="logged"]{display:none!important}
.amg-nph a:focus-visible,.amg-nph button:focus-visible{outline:3px solid var(--state);outline-offset:3px;border-radius:4px}

/* кнопки: бурштин = дія */
.amg-nph .amg-nph-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;background:var(--amber-signal);color:var(--ink);font-weight:800;font-size:16px;border:0;white-space:nowrap;box-shadow:0 3px 0 var(--amber-press);transition:background-color .15s}
.amg-nph .amg-nph-btn:hover{background:var(--amber-hover)}
.amg-nph .amg-nph-btn:active{background:var(--amber-press);box-shadow:none;transform:translateY(2px)}
.amg-nph .amg-nph-btn--line,.amg-nph .amg-nph-btn--line:hover{background:#fff;box-shadow:none;border:1.5px solid var(--ink)}
.amg-nph .amg-nph-btn--line:hover{background:var(--panel)}
.amg-nph .amg-nph-btn--line:active{background:var(--panel-line)}
@media(max-width:420px){.amg-nph .amg-nph-btn{white-space:normal;text-align:center;line-height:1.2;padding:8px 22px}}

/* 1. смуга клубу, крихти, герой */
.amg-nph-hero{padding-top:10px;padding-bottom:6px}
/* 3275b: смуга клубу = нейтральна плашка (бурштин лише на кнопках), посилання станом синім */
.amg-nph .amg-nph-promo{display:block;background:var(--panel);border:1px solid var(--panel-line);border-radius:12px;padding:11px 14px;text-align:center;font-weight:800;font-size:15px;margin-top:4px;color:var(--ink)}
.amg-nph .amg-nph-promo a{color:var(--state);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.amg-nph .amg-nph-promo a:hover{color:var(--state-deep)}
.amg-nph-crumb{font-size:13px;color:var(--muted);margin-top:10px}
.amg-nph-crumb a{color:var(--muted)}
.amg-nph-crumb a:hover{color:var(--state)}
.amg-nph-crumb b{color:var(--ink);font-weight:700}
.amg-nph-hero__card{display:flex;flex-direction:column-reverse;margin-top:10px}
.amg-nph-hero__card img{width:100%;aspect-ratio:2/1;height:auto;object-fit:cover;object-position:70% 35%;border-radius:16px}
.amg-nph-hero__txt{padding:12px 2px 0;display:flex;flex-direction:column;gap:6px;min-width:0}
.amg-nph-hero__txt p{font-weight:600;color:var(--muted);font-size:15px}
@media(min-width:900px){
  .amg-nph-hero__card{display:grid;grid-template-columns:42% 1fr;border-radius:16px;overflow:hidden;background:var(--panel);aspect-ratio:21/8}
  .amg-nph-hero__card img{height:100%;aspect-ratio:auto;border-radius:0;object-position:60% 40%;min-width:0}
  .amg-nph-hero__txt{padding:32px;justify-content:center;background:#fff6d6} /* 3275b: як у макеті v4 (--amber-tint) */
  .amg-nph-hero__txt p{font-size:16px}
}

/* 2. чекліст: плитка 140, фото на 70 %, контурна галочка */
.amg-nph-lead{color:var(--muted)!important;max-width:40em;margin:6px auto 0!important;font-size:15px;text-align:center}
.amg-nph-check{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}
@media(min-width:700px){.amg-nph-check{grid-template-columns:repeat(4,1fr);gap:14px}}
.amg-nph-ck{position:relative;display:block;min-width:0}
.amg-nph-ck__ph{position:relative;height:140px;border-radius:16px;background:#fff;border:1px solid var(--panel-line);display:grid;place-items:center;overflow:hidden;transition:border-color .15s}
.amg-nph-ck:hover .amg-nph-ck__ph{border-color:#d9e6f4}
.amg-nph-ck__ph img{width:70%;height:70%;object-fit:contain}
.amg-nph-ck__tick{position:absolute;left:10px;top:10px;width:24px;height:24px;border-radius:50%;border:2px solid var(--ink);background:#fff;display:grid;place-items:center}
.amg-nph-ck__tick::after{content:"";width:10px;height:6px;border-left:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);transform:translateY(-1px) rotate(-45deg)}
.amg-nph-ck b{display:block;text-align:center;margin-top:7px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.amg-nph-ck small{display:block;text-align:center;color:var(--muted);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.amg-nph-cta{text-align:center;margin-top:16px}

/* 3. смуга «Їж, пий і рости»: 6 кіл */
.amg-nph-band{background:var(--panel);border-radius:14px;padding:12px 14px;text-align:center}
.amg-nph-band--head{padding-bottom:12px}
.amg-nph .amg-nph-band h2{font-size:20px}
.amg-nph .amg-nph-band p{color:var(--muted);font-size:14px}
.amg-nph-tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:12px 0 0}
@media(max-width:480px){.amg-nph-tiles{grid-template-columns:repeat(3,1fr);gap:8px}}
.amg-nph-tile{display:block;text-align:center;min-width:0;font-size:13px;font-weight:700;line-height:1.2}
.amg-nph-tile__ph{width:76px;height:76px;margin:0 auto 6px;border-radius:50%;background:#fff;border:1px solid var(--panel-line);display:grid;place-items:center;overflow:hidden}
@media(min-width:900px){.amg-nph-tile__ph{width:104px;height:104px}}
.amg-nph-tile__ph img{width:70%;height:70%;object-fit:contain}
.amg-nph-tile__ph--art img{width:100%;height:100%;object-fit:cover}
.amg-nph-tile__l{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px}

/* 4. бестселери: стандартні картки каталогу */
.amg-nph-best{display:block;margin-top:12px}
amgv-cards.amg-nph-best:not(:defined){visibility:hidden;min-height:340px}

/* 5. здоровий старт: три фото з підписом */
.amg-nph-big{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:12px}
@media(min-width:700px){.amg-nph-big{gap:14px}}
.amg-nph-big a{position:relative;display:block;border-radius:14px;overflow:hidden;background:var(--panel);aspect-ratio:1}
@media(min-width:700px){.amg-nph-big a{aspect-ratio:4/3}}
.amg-nph-big[data-cnt="2"]{grid-template-columns:repeat(2,1fr)} /* 26.10: дві плитки здоров'я (Chewy: паразити · зуби) */
@media(min-width:700px){.amg-nph-big[data-cnt="2"] a{aspect-ratio:2/1}}
.amg-nph-big img{width:100%;height:100%;object-fit:cover}
.amg-nph-big b{position:absolute;left:0;right:0;bottom:0;padding:28px 10px 10px;font-size:14px;color:#fff;background:linear-gradient(to top,rgba(25,10,3,.8),rgba(25,10,3,0));line-height:1.15}
@media(min-width:700px){.amg-nph-big b{font-size:20px;padding:34px 14px 14px}}

/* 6. клуб: переваги ліворуч, картка праворуч */
.amg-nph-club{display:grid;gap:16px}
@media(min-width:900px){.amg-nph-club{grid-template-columns:1fr 1fr;gap:32px;align-items:center}}
.amg-nph[data-state="pet"] .amg-nph-club{grid-template-columns:1fr;justify-items:stretch} /* 3275b: картка на всю ширину */
.amg-nph-perks{display:grid;gap:12px;margin-top:12px}
.amg-nph-perks div{display:grid;gap:2px}
.amg-nph-perks b{font-size:18px;line-height:1.2}
.amg-nph-perks span{color:var(--muted);font-size:14px}
.amg-nph .amg-nph-perks a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px} /* 3275f: «Поради ветеринарів» = посилання на рубрику блогу */
.amg-nph .amg-nph-perks a:hover{color:var(--state)}
@media(max-width:699px){.amg-nph-perks{grid-template-columns:1fr 1fr;gap:10px}.amg-nph-perks b{font-size:16px}}
.amg-nph-cardc{background:var(--panel);border:1px solid var(--panel-line);border-radius:16px;padding:22px 18px;text-align:center;display:grid;gap:8px;justify-items:center}
.amg-nph[data-state="pet"] .amg-nph-cardc{width:100%;max-width:none;justify-items:start;text-align:left;padding:22px}
.amg-nph[data-state="pet"] .amg-nph-cardc__rows{max-width:none}
@media(min-width:900px){.amg-nph[data-state="pet"] .amg-nph-cardc{padding:28px 32px}.amg-nph[data-state="pet"] .amg-nph-cardc__rows{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}
.amg-nph-cardc__name{font-weight:800;font-size:22px;line-height:1.1}
.amg-nph-cardc__q{font-weight:800;font-size:16px;margin-top:4px}
.amg-nph-cardc__pill{background:#fff;border-radius:999px;padding:11px 16px;font-weight:800;font-size:15px;width:100%;max-width:420px}
.amg-nph-cardc__note{color:var(--muted);font-size:13px}
.amg-nph-cardc .amg-nph-btn{margin-top:6px}
.amg-nph-cardc__already{background:#fff;border:1px solid var(--panel-line);border-radius:12px;padding:12px 14px;width:100%;max-width:420px;display:grid;gap:3px;margin-top:8px;font-size:14px}
.amg-nph-cardc__already span{color:var(--muted)}
.amg-nph .amg-nph-cardc a:not(.amg-nph-btn){color:var(--state);font-weight:700}
.amg-nph .amg-nph-cardc a:not(.amg-nph-btn):hover{color:var(--state-deep);text-decoration:underline}
.amg-nph-cardc__rows{display:grid;gap:8px;width:100%;max-width:440px;text-align:left}
.amg-nph-cardc__rows>div{background:#fff;border-radius:12px;padding:11px 14px;font-weight:700;font-size:15px}
.amg-nph-cardc__rows>div>span{display:block;color:var(--muted);font-weight:600;font-size:13px}
.amg-nph-cardc__rows>div>span.amg-nph-cardc__until{display:inline;color:var(--ink);font-weight:700;font-size:15px}

/* 7. дієтолог: фото ліворуч, текст і кнопка праворуч */
.amg-nph-diet{border:1px solid var(--panel-line);border-radius:16px;overflow:hidden;display:grid}
@media(min-width:700px){.amg-nph-diet{grid-template-columns:5fr 7fr;align-items:center}}
.amg-nph-diet__ph{aspect-ratio:2/1;background:var(--panel)}
@media(min-width:700px){.amg-nph-diet__ph{aspect-ratio:4/3;height:100%}}
.amg-nph-diet__ph img{width:100%;height:100%;object-fit:cover}
.amg-nph-diet__tx{padding:16px;display:grid;gap:8px;justify-items:start}
@media(min-width:700px){.amg-nph-diet__tx{padding:28px}}
.amg-nph .amg-nph-diet__tx p{color:var(--muted);font-size:15px}

/* 8. рядки статей */
.amg-nph-row+.amg-nph-row{margin-top:16px}
.amg-nph-arts{display:flex;gap:10px;overflow-x:auto;padding:10px 0 2px;scroll-snap-type:x mandatory;scrollbar-width:none}
.amg-nph-arts::-webkit-scrollbar{display:none}
@media(min-width:900px){.amg-nph-arts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;overflow:visible}}
.amg-nph-art{flex:0 0 56%;scroll-snap-align:start;min-width:0;display:block}
.amg-nph-art__ph{display:block;aspect-ratio:3/2;border-radius:12px;overflow:hidden;background:var(--panel)}
.amg-nph-art__ph img{width:100%;height:100%;object-fit:cover}
.amg-nph-art b{display:block;padding:8px 2px 0;font-size:14px;line-height:1.25}
.amg-nph-art:hover b{color:var(--state)}
@media(min-width:900px){.amg-nph-art b{font-size:15px}}

/* 9. теми з обкладинками */
.amg-nph-more{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
@media(min-width:700px){.amg-nph-more{grid-template-columns:repeat(6,1fr);gap:12px}}
.amg-nph-more a{display:block;min-width:0}
.amg-nph-more__ph{display:block;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--panel)}
.amg-nph-more__ph img{width:100%;height:100%;object-fit:cover}
.amg-nph-more b{display:block;text-align:center;font-size:13px;margin-top:6px;line-height:1.2}
.amg-nph-more a:hover b{color:var(--state)}

/* 3275d (amg_nph_d): бестселери = hub-картки макета v4 (.pr у build-v4.py), стилі в shadow-CSS хоста (amg-newpet-hub.php) */
.amg-nph--d .amg-nph-best{margin-top:0}
.amg-nph--d amgv-cards.amg-nph-best:not(:defined){min-height:290px}
/* 3275d (amg_nph_d_amber): клуб і галочки як у макеті v4 (--amber-tint #fff6d6, --amber #ffba00, --amber-dk #e8a800).
   Відступ від токенів CLAUDE.md («amber ніколи не фон плашок і не бордер») за задачею координатора; рішення власника в DECISIONS. */
.amg-nph--amb .amg-nph-ck__tick{border-color:#ffba00}
.amg-nph--amb .amg-nph-ck__tick::after{border-color:#e8a800}
.amg-nph--amb .amg-nph-cardc{background:#fff6d6;border:1.5px solid #ffba00}
.amg-nph--amb .amg-nph-cardc__already{border:1.5px solid #ffba00}