/** Shopify CDN: Minification failed

Line 7:0 All "@import" rules must come first

**/
:root{--paw-cream:#F7F2EA;--paw-cream-2:#F0E9DA;--paw-taupe:#E6DDD0;--paw-sage:#D8DDD3;--paw-sage-deep:#B8C2B5;--paw-ink:#1B2620;--paw-ink-soft:#35403A;--paw-ink-mute:#667370;--paw-line:#D4CDB8;--paw-line-soft:#E2DACC;--paw-cta:#1C6B47;--paw-cta-hover:#165B3C;--paw-cta-soft:#D2ECDE;--paw-warn:#C86E34;--paw-gold:#C49A3C;--paw-dark-bg:#161E18;--paw-dark-bg-2:#1E2921;--paw-dark-text:#EBE5D8;--paw-dark-mute:#94A19C;--paw-serif:"Newsreader",ui-serif,Georgia,serif;--paw-sans:"Inter Tight",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--paw-mono:"JetBrains Mono",ui-monospace,"SF Mono",Consolas,monospace;--paw-r-sm:8px;--paw-r-md:14px;--paw-r-lg:22px;--paw-r-xl:32px;--paw-shadow-sm:0 1px 3px rgba(27,38,32,.09),0 1px 2px rgba(27,38,32,.06);--paw-shadow-md:0 4px 18px rgba(27,38,32,.11),0 2px 6px rgba(27,38,32,.07);--paw-shadow-lg:0 20px 50px rgba(27,38,32,.13),0 6px 16px rgba(27,38,32,.07);--paw-shadow-xl:0 32px 64px rgba(27,38,32,.17),0 8px 22px rgba(27,38,32,.09);--paw-btn-grad:linear-gradient(180deg,#228252 0%,#1C6B47 45%,#175A3C 100%);--paw-btn-grad-h:linear-gradient(180deg,#1E7949 0%,#165A3C 100%);--paw-focus-ring:0 0 0 3px rgba(28,107,71,.30)}
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Newsreader:ital,wght@0,400;0,500;0,600;1,400&display=swap');
.paw-page{font-family:var(--paw-sans);color:var(--paw-ink);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.paw-page *{box-sizing:border-box}
.paw-page img,.paw-page svg{display:block;max-width:100%}
.paw-page button{font:inherit;cursor:pointer;border:0;background:none;color:inherit;padding:0}
.paw-page h1,.paw-page h2,.paw-page h3,.paw-page h4{font-family:var(--paw-serif);font-weight:500;letter-spacing:-0.01em;line-height:1.1;margin:0;color:var(--paw-ink);text-wrap:balance}
.paw-page h1{font-size:clamp(34px,5.2vw,60px);letter-spacing:-0.02em}
.paw-page h2{font-size:clamp(28px,3.6vw,44px);letter-spacing:-0.015em}
.paw-page h3{font-size:clamp(20px,2.2vw,26px)}
.paw-page p{margin:0;text-wrap:pretty}
.paw-eyebrow{font-family:var(--paw-sans);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.16em;color:var(--paw-ink-mute)}
.paw-wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}
.paw-section{padding:80px 0}
.paw-section--sm{padding:48px 0}
@media(max-width:720px){.paw-section{padding:56px 0}.paw-section--sm{padding:36px 0}}
.paw-bg-cream{background:var(--paw-cream)}
.paw-bg-cream-2{background:var(--paw-cream-2)}
.paw-bg-taupe{background:var(--paw-taupe)}
.paw-bg-sage{background:var(--paw-sage)}
.paw-bg-dark{background:var(--paw-dark-bg);color:var(--paw-dark-text)}
.paw-bg-dark h1,.paw-bg-dark h2,.paw-bg-dark h3{color:var(--paw-dark-text)}
.paw-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 26px;border-radius:999px;background:var(--paw-cta);color:#fff;font-weight:600;font-size:16px;letter-spacing:0.01em;text-decoration:none;transition:background .15s ease,transform .15s ease;box-shadow:0 1px 0 rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.08);width:100%;border:0;cursor:pointer}
.paw-btn:hover{background:var(--paw-cta-hover);color:#fff}
.paw-btn:active{transform:translateY(1px)}
.paw-btn[disabled]{opacity:.55;cursor:not-allowed}
.paw-btn--ghost{background:transparent;color:var(--paw-ink);border:1.5px solid var(--paw-ink);box-shadow:none}
.paw-btn--ghost:hover{background:var(--paw-ink);color:var(--paw-cream)}
.paw-btn--sm{height:44px;font-size:14px;padding:0 18px;width:auto}
.paw-btn--auto{width:auto;padding:0 32px}
.paw-card{background:#fff;border:1px solid var(--paw-line-soft);border-radius:var(--paw-r-lg);padding:24px}
.paw-card--soft{background:rgba(255,255,255,0.7)}
.paw-pill{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:0.02em;background:var(--paw-cta-soft);color:var(--paw-cta)}
.paw-pill--gold{background:#F1E5C9;color:#7A5A1A}
.paw-pill--verify{background:#E4ECE5;color:var(--paw-cta)}
.paw-pill--ghost{background:transparent;border:1px solid var(--paw-line);color:var(--paw-ink-soft)}
.paw-stars{display:inline-flex;gap:2px;color:#C9962B}
.paw-stars svg{width:14px;height:14px}
.paw-ph{position:relative;background:repeating-linear-gradient(135deg,#E8E0D2 0 12px,#DED2BB 12px 24px);border-radius:var(--paw-r-md);overflow:hidden;color:var(--paw-ink-soft);display:flex;align-items:center;justify-content:center;font-family:var(--paw-mono);font-size:11px;letter-spacing:0.04em;text-align:center;padding:12px;min-height:100%}
.paw-ph::after{content:"";position:absolute;inset:8px;border:1px dashed rgba(31,42,35,0.18);border-radius:calc(var(--paw-r-md) - 4px);pointer-events:none}
.paw-ph--dark{background:repeating-linear-gradient(135deg,#2A352D 0 12px,#1F2A23 12px 24px);color:var(--paw-dark-mute)}
.paw-ph--dark::after{border-color:rgba(232,224,210,0.16)}
.paw-ph__label{background:rgba(245,240,232,0.92);border-radius:4px;padding:4px 8px;z-index:1;max-width:80%;white-space:pre-line}
.paw-ph--dark .paw-ph__label{background:rgba(24,33,28,0.85);color:var(--paw-dark-text)}
.paw-section-head{max-width:720px;margin:0 auto 48px;text-align:center}
.paw-section-head--left{text-align:left;margin:0 0 48px}
.paw-section-head .paw-eyebrow{display:block;margin-bottom:14px}
.paw-section-head p{margin-top:14px;color:var(--paw-ink-soft);font-size:17px;line-height:1.55}
.paw-hide-mobile{display:initial}
.paw-show-mobile{display:none}
@media(max-width:880px){.paw-hide-mobile{display:none!important}.paw-show-mobile{display:initial}}
.paw-announce{background:var(--paw-ink);color:var(--paw-cream);font-size:13px;letter-spacing:.02em}
.paw-announce__inner{height:38px;display:flex;align-items:center;justify-content:center;gap:18px}
.paw-announce__dot{opacity:.6;font-family:var(--paw-mono);font-size:11px}
.paw-announce__rotator{position:relative;min-width:260px;height:38px;display:flex;align-items:center;justify-content:center}
.paw-announce__msg{position:absolute;opacity:0;transition:opacity .4s ease;text-align:center}
.paw-announce__msg.is-active{opacity:1}
.paw-hero{background:var(--paw-cream);padding:32px 0 60px}
.paw-hero__grid{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:start}
.paw-hero__media{position:sticky;top:88px}
.paw-hero__main{aspect-ratio:4/5;border-radius:var(--paw-r-lg);overflow:hidden;position:relative;background:var(--paw-taupe)}
.paw-hero__main img,.paw-hero__main video{width:100%;height:100%;object-fit:cover}
.paw-hero__main .paw-ph{width:100%;height:100%}
.paw-hero__badges{position:absolute;left:16px;top:16px;display:flex;gap:8px;flex-wrap:wrap;z-index:2}
.paw-hero__thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:10px}
.paw-hero__thumb{padding:0;border-radius:10px;overflow:hidden;border:1px solid var(--paw-line);aspect-ratio:1;background:var(--paw-taupe);cursor:pointer}
.paw-hero__thumb img{width:100%;height:100%;object-fit:cover}
.paw-hero__thumb.is-active{border:2px solid var(--paw-ink)}
.paw-hero__rating{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.paw-hero__rating-text{font-size:13px;color:var(--paw-ink-soft)}
.paw-hero__title{font-size:clamp(30px,4.2vw,46px);margin-bottom:10px}
.paw-hero__sub{color:var(--paw-ink-soft);font-size:17px;margin-bottom:18px}
.paw-hero__bullets{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:10px}
.paw-hero__bullets li{display:flex;gap:10px;align-items:flex-start;font-size:15px}
.paw-hero__bullets svg{color:var(--paw-cta);margin-top:2px;flex:0 0 auto}
.paw-hero__price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:18px;flex-wrap:wrap}
.paw-hero__price{font-family:var(--paw-serif);font-size:34px;font-weight:500}
.paw-hero__compare{color:var(--paw-ink-mute);text-decoration:line-through;font-size:16px}
.paw-hero__price-note{margin-left:auto;font-size:12px;color:var(--paw-ink-mute)}
.paw-opt{margin-bottom:18px}
.paw-opt__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.paw-opt__label{font-weight:600;font-size:14px}
.paw-opt__hint{color:var(--paw-ink-mute);font-weight:400}
.paw-opt__grid{display:grid;gap:8px}
.paw-opt__grid--2{grid-template-columns:repeat(2,1fr)}
.paw-opt__grid--3{grid-template-columns:repeat(3,1fr)}
.paw-opt__btn{text-align:left;padding:12px 14px;border-radius:12px;border:1px solid var(--paw-line);background:transparent;position:relative;cursor:pointer;display:block;width:100%}
.paw-opt__btn input{position:absolute;opacity:0;pointer-events:none}
.paw-opt__btn.is-active{border:2px solid var(--paw-ink);background:#fff;padding:11px 13px}
.paw-opt__btn-row{display:flex;justify-content:space-between;align-items:center}
.paw-opt__btn-name{font-weight:600;font-size:14px}
.paw-opt__btn-meta{font-size:11px;color:var(--paw-ink-mute);margin-top:2px;font-family:var(--paw-mono)}
.paw-opt__badge{position:absolute;top:-8px;right:10px;font-size:10px;background:var(--paw-cta);color:#fff;padding:2px 8px;border-radius:999px;white-space:nowrap}
.paw-opt__btn[disabled]{opacity:0.45;cursor:not-allowed}
.paw-opt__btn--center{text-align:center}
.paw-qty-cta{display:flex;gap:10px;margin-bottom:14px}
.paw-qty{display:flex;align-items:center;border:1px solid var(--paw-line);border-radius:999px;padding:0 6px;flex:0 0 auto}
.paw-qty button{padding:10px;display:grid;place-items:center}
.paw-qty input{width:36px;text-align:center;font-weight:600;border:0;background:transparent;padding:0;font-size:15px}
.paw-bump{display:flex;gap:12px;align-items:flex-start;padding:14px;background:var(--paw-cream-2);border-radius:14px;border:1px dashed var(--paw-line);margin-bottom:14px;cursor:pointer}
.paw-bump input{margin-top:3px;flex:0 0 auto}
.paw-bump__title{font-weight:600;font-size:14px}
.paw-bump__title del{color:var(--paw-ink-mute);font-weight:400;font-size:13px}
.paw-bump__title .paw-bump__price{color:var(--paw-cta)}
.paw-bump__sub{display:block;font-size:12px;color:var(--paw-ink-soft);margin-top:2px}
.paw-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:16px;border-top:1px solid var(--paw-line-soft)}
.paw-trust__item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}
.paw-trust__item svg{color:var(--paw-cta)}
.paw-trust__label{font-weight:600;font-size:13px}
.paw-trust__sub{font-size:11px;color:var(--paw-ink-mute)}
.paw-pay{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:16px;opacity:.7;flex-wrap:wrap}
.paw-pay__label{font-size:11px;color:var(--paw-ink-mute);letter-spacing:.06em}
.paw-pay__chip{font-family:var(--paw-mono);font-size:9px;padding:4px 6px;border:1px solid var(--paw-line);border-radius:4px}
@media(max-width:880px){.paw-hero__grid{grid-template-columns:1fr;gap:24px}.paw-hero__media{position:static}}
.paw-proof{border-top:1px solid var(--paw-line-soft);border-bottom:1px solid var(--paw-line-soft)}
.paw-proof__head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px;gap:16px;flex-wrap:wrap}
.paw-proof__title{margin-top:10px;font-size:clamp(22px,2.6vw,30px)}
.paw-proof__rating{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--paw-ink-soft)}
.paw-proof__rating strong{color:var(--paw-ink)}
.paw-proof__arrows{display:flex;gap:6px}
.paw-proof__arrow{width:38px;height:38px;border-radius:999px;border:1px solid var(--paw-line);background:#fff;display:grid;place-items:center;cursor:pointer}
.paw-proof__track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
.paw-proof__track::-webkit-scrollbar{height:6px}
.paw-proof__track::-webkit-scrollbar-thumb{background:var(--paw-line);border-radius:999px}
.paw-proof__card{scroll-snap-align:start;position:relative;border-radius:18px;overflow:hidden;aspect-ratio:3/4;background:#000;box-shadow:var(--paw-shadow-sm)}
.paw-proof__card img,.paw-proof__card .paw-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.paw-proof__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(24,33,28,0.78) 0%,rgba(24,33,28,0.0) 45%,rgba(24,33,28,0.0) 60%,rgba(24,33,28,0.4) 100%);pointer-events:none}
.paw-proof__topbar{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;z-index:2}
.paw-proof__chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:999px;background:rgba(245,240,232,0.95);color:var(--paw-ink);font-size:11px;font-weight:600}
.paw-proof__caption{position:absolute;left:14px;right:14px;bottom:14px;color:#fff;z-index:2}
.paw-proof__quote{font-family:var(--paw-serif);font-size:16px;line-height:1.25;margin:6px 0 8px;color:#fff}
.paw-proof__meta{font-size:11px;opacity:0.92}
.paw-proof__meta b{font-weight:600}
.paw-proof__footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:12px;color:var(--paw-ink-mute);flex-wrap:wrap;gap:8px}
.paw-problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.paw-problem-card{background:#fff;padding:24px;border-radius:var(--paw-r-lg);border:1px solid var(--paw-line-soft)}
.paw-problem-card svg{color:var(--paw-cta);margin-bottom:14px}
.paw-problem-card h3{font-size:19px;margin-bottom:8px}
.paw-problem-card p{font-size:14px;color:var(--paw-ink-soft);line-height:1.55}
@media(max-width:880px){.paw-problem-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.paw-problem-grid{grid-template-columns:1fr}}
.paw-fail-head{max-width:760px;margin:0 auto 56px;text-align:center}
.paw-fail-head h2{color:var(--paw-dark-text);margin-top:14px}
.paw-fail-head p{color:var(--paw-dark-mute);font-size:17px;margin-top:14px}
.paw-fail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.paw-fail-card{background:var(--paw-dark-bg-2);border-radius:18px;padding:22px;border:1px solid rgba(232,224,210,0.08)}
.paw-fail-card__label{font-family:var(--paw-mono);font-size:10px;letter-spacing:0.12em;color:var(--paw-dark-mute);background:rgba(255,255,255,0.04);padding:4px 8px;border-radius:999px;text-transform:uppercase}
.paw-fail-card h3{font-size:18px;margin:14px 0 8px;color:var(--paw-dark-text)}
.paw-fail-card p{font-size:13px;color:var(--paw-dark-mute);line-height:1.6}
.paw-fail-compare{margin-top:56px;background:var(--paw-dark-bg-2);border-radius:22px;padding:32px;border:1px solid rgba(232,224,210,0.08)}
.paw-fail-compare__grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.paw-fail-compare h3{margin-top:10px;color:var(--paw-dark-text);font-size:26px}
.paw-fail-compare p{margin-top:12px;color:var(--paw-dark-mute);font-size:14px;line-height:1.6}
.paw-fail-stats{display:flex;gap:24px;margin-top:18px}
.paw-fail-stat__n{font-family:var(--paw-serif);font-size:32px;color:var(--paw-dark-text);line-height:1}
.paw-fail-stat__l{font-size:11px;color:var(--paw-dark-mute);margin-top:4px;text-transform:uppercase;letter-spacing:.08em}
.paw-fail-diagrams{display:grid;grid-template-rows:1fr 1fr;gap:12px}
.paw-fail-diagram{display:flex;align-items:center;gap:14px;background:rgba(0,0,0,0.25);border-radius:14px;padding:14px 18px}
.paw-fail-diagram__tag{font-family:var(--paw-mono);font-size:10px;white-space:nowrap;letter-spacing:.06em}
.paw-fail-diagram--bad .paw-fail-diagram__tag{color:#D88A6A}
.paw-fail-diagram--good .paw-fail-diagram__tag{color:#8FB89A}
.paw-fail-diagram svg{flex:1;height:60px}
@media(max-width:880px){.paw-fail-grid{grid-template-columns:1fr}.paw-fail-compare__grid{grid-template-columns:1fr}}
.paw-mech-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center}
.paw-mech-diagram{aspect-ratio:1/1;border-radius:22px;overflow:hidden;background:var(--paw-taupe);position:relative}
.paw-mech-diagram svg{width:100%;height:100%;display:block}
.paw-mech-list{display:grid;gap:10px}
.paw-mech-item{text-align:left;background:transparent;border:1px solid transparent;border-left:3px solid transparent;padding:16px 18px;border-radius:12px;transition:all .15s ease;display:flex;gap:14px;align-items:flex-start;width:100%;cursor:pointer}
.paw-mech-item:hover,.paw-mech-item.is-active{background:#fff;border:1px solid var(--paw-line);border-left:3px solid var(--paw-cta)}
.paw-mech-item__num{flex:0 0 28px;height:28px;border-radius:999px;display:grid;place-items:center;background:var(--paw-taupe);color:var(--paw-ink-soft);font-weight:700;font-size:13px;font-family:var(--paw-mono)}
.paw-mech-item:hover .paw-mech-item__num,.paw-mech-item.is-active .paw-mech-item__num{background:var(--paw-cta);color:#fff}
.paw-mech-item__title{font-weight:600;font-size:16px;margin-bottom:2px}
.paw-mech-item__text{font-size:13px;color:var(--paw-ink-soft);line-height:1.55}
@media(max-width:880px){.paw-mech-grid{grid-template-columns:1fr;gap:24px}}
.paw-ben-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.paw-ben-card{background:#FAF6EE;border-radius:18px;padding:26px;border:1px solid var(--paw-line-soft)}
.paw-ben-card__icon{display:inline-flex;width:46px;height:46px;border-radius:12px;background:var(--paw-cta-soft);color:var(--paw-cta);align-items:center;justify-content:center;margin-bottom:14px}
.paw-ben-card h3{font-size:19px;margin-bottom:6px}
.paw-ben-card p{font-size:14px;color:var(--paw-ink-soft);line-height:1.55}
@media(max-width:880px){.paw-ben-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.paw-ben-grid{grid-template-columns:1fr}}
.paw-gal-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:180px;gap:12px}
.paw-gal-tile{border-radius:var(--paw-r-md);overflow:hidden;position:relative}
.paw-gal-tile img,.paw-gal-tile .paw-ph{width:100%;height:100%;object-fit:cover}
.paw-gal-tile--tall{grid-row:span 2}
.paw-gal-tile--wide{grid-column:span 2}
@media(max-width:880px){.paw-gal-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:140px}}
.paw-comp{background:#fff;border-radius:22px;border:1px solid var(--paw-line-soft);overflow:hidden;box-shadow:var(--paw-shadow-md)}
.paw-comp__row{display:grid;grid-template-columns:1.3fr 1fr 1.1fr}
.paw-comp__cell{padding:18px 22px}
.paw-comp__row--head .paw-comp__cell{padding:20px 22px}
.paw-comp__cell--feat{font-weight:600;font-size:14px}
.paw-comp__cell--gen,.paw-comp__cell--paw{border-left:1px solid var(--paw-line-soft);font-size:14px;display:flex;align-items:center;gap:10px}
.paw-comp__cell--gen{color:var(--paw-ink-mute)}
.paw-comp__cell--gen svg{color:var(--paw-warn);flex:0 0 auto}
.paw-comp__cell--paw{background:rgba(45,82,64,0.04);font-weight:500}
.paw-comp__cell--paw svg{color:var(--paw-cta);flex:0 0 auto}
.paw-comp__row:not(.paw-comp__row--head){border-top:1px solid var(--paw-line-soft)}
.paw-comp__head-gen,.paw-comp__head-paw{text-align:center}
.paw-comp__head-gen{background:var(--paw-cream-2)}
.paw-comp__head-paw{background:var(--paw-cta);color:#fff}
.paw-comp__head-empty{background:var(--paw-cream-2)}
.paw-comp__head-tag{font-family:var(--paw-mono);font-size:10px;letter-spacing:.12em;color:var(--paw-ink-mute)}
.paw-comp__head-paw .paw-comp__head-tag{color:rgba(255,255,255,0.7)}
.paw-comp__head-name{font-weight:600;margin-top:4px}
.paw-comp__head-gen .paw-comp__head-name{color:var(--paw-ink-soft)}
@media(max-width:720px){.paw-comp__row{grid-template-columns:1.2fr 1fr 1.1fr;font-size:12px}.paw-comp__cell{padding:12px 10px}}
.paw-faq-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:48px}
.paw-faq-side h2{margin:14px 0 16px}
.paw-faq-side p{color:var(--paw-ink-soft);font-size:16px;margin-bottom:18px}
.paw-faq-side a{font-size:14px;color:var(--paw-cta);font-weight:600;text-decoration:underline}
.paw-faq-item{border-bottom:1px solid var(--paw-line-soft)}
.paw-faq-item summary{list-style:none;cursor:pointer}
.paw-faq-item summary::-webkit-details-marker{display:none}
.paw-faq-trigger{width:100%;padding:20px 0;display:flex;justify-content:space-between;align-items:center;text-align:left;gap:16px}
.paw-faq-q{font-family:var(--paw-serif);font-size:19px;font-weight:500}
.paw-faq-icon{flex:0 0 auto;color:var(--paw-ink-soft);transition:transform .15s ease}
.paw-faq-item[open] .paw-faq-icon{transform:rotate(45deg)}
.paw-faq-a{padding:0 32px 22px 0;font-size:15px;color:var(--paw-ink-soft);line-height:1.6}
@media(max-width:880px){.paw-faq-grid{grid-template-columns:1fr;gap:24px}}
.paw-rev-summary{display:grid;grid-template-columns:1.1fr 1.4fr;gap:32px;align-items:center;margin-bottom:28px;background:#fff;padding:28px;border-radius:22px;border:1px solid var(--paw-line-soft)}
.paw-rev-summary__big{display:flex;align-items:baseline;gap:14px}
.paw-rev-summary__num{font-family:var(--paw-serif);font-size:64px;line-height:1;font-weight:500}
.paw-rev-summary__note{font-size:13px;color:var(--paw-ink-mute);margin-top:4px}
.paw-rev-bars{display:grid;gap:6px}
.paw-rev-bar{display:grid;grid-template-columns:60px 1fr 40px;align-items:center;gap:10px;font-size:12px}
.paw-rev-bar__star{display:flex;align-items:center;gap:4px;color:var(--paw-ink-soft)}
.paw-rev-bar__track{height:8px;background:var(--paw-cream-2);border-radius:999px;overflow:hidden}
.paw-rev-bar__fill{display:block;height:100%;background:var(--paw-cta);border-radius:999px}
.paw-rev-bar__pct{color:var(--paw-ink-mute);font-family:var(--paw-mono);font-size:11px;text-align:right}
.paw-rev-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.paw-rev-filter{padding:8px 14px;border-radius:999px;border:1px solid var(--paw-line);background:transparent;color:var(--paw-ink-soft);font-size:13px;font-weight:500;cursor:pointer}
.paw-rev-filter.is-active{background:var(--paw-ink);color:var(--paw-cream);border-color:var(--paw-ink)}
.paw-rev-photos{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:24px}
.paw-rev-photos>*{aspect-ratio:1;border-radius:12px;overflow:hidden}
.paw-rev-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.paw-rev-card{background:#fff;border-radius:18px;padding:22px;border:1px solid var(--paw-line-soft)}
.paw-rev-card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}
.paw-rev-card h3{font-size:17px;margin-bottom:8px}
.paw-rev-card__text{font-size:14px;color:var(--paw-ink-soft);line-height:1.55;margin-bottom:14px}
.paw-rev-card__photos{display:flex;gap:8px;margin-bottom:14px}
.paw-rev-card__photos>*{width:80px;height:80px;border-radius:10px;overflow:hidden}
.paw-rev-card__foot{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--paw-line-soft);gap:8px;flex-wrap:wrap}
.paw-rev-card__name{font-weight:600;font-size:13px}
.paw-rev-card__loc{color:var(--paw-ink-mute);font-weight:400}
.paw-rev-card__dog{font-size:11px;color:var(--paw-ink-mute);font-family:var(--paw-mono);margin-top:2px}
@media(max-width:880px){.paw-rev-cards{grid-template-columns:1fr}.paw-rev-summary{grid-template-columns:1fr}.paw-rev-photos{grid-template-columns:repeat(3,1fr)}}
.paw-offer{max-width:760px;margin:0 auto;background:#fff;border-radius:26px;border:1px solid var(--paw-line-soft);box-shadow:var(--paw-shadow-lg);padding:36px}
.paw-offer__head{text-align:center;margin-bottom:24px}
.paw-offer__head h2{margin-top:12px;font-size:clamp(26px,3.2vw,38px)}
.paw-offer__rows{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}
.paw-offer__rows svg{color:var(--paw-cta)}
.paw-offer__row-text{font-size:15px;font-weight:500}
.paw-offer__row-val{font-family:var(--paw-mono);font-size:12px;color:var(--paw-ink-mute);text-align:right}
.paw-offer__divider{height:1px;background:var(--paw-line-soft);margin:24px 0}
.paw-offer__foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.paw-offer__price-lbl{font-size:12px;color:var(--paw-ink-mute);letter-spacing:.06em;text-transform:uppercase}
.paw-offer__price{font-family:var(--paw-serif);font-size:38px;font-weight:500;line-height:1}
.paw-offer__price-sub{font-size:13px;color:var(--paw-ink-soft);margin-top:4px}
.paw-guar-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;align-items:center}
.paw-guar-side__icon{display:inline-grid;place-items:center;width:72px;height:72px;border-radius:20px;background:var(--paw-cta);color:#fff;margin-bottom:18px}
.paw-guar-side h2{margin-bottom:14px}
.paw-guar-side p{color:var(--paw-ink-soft);font-size:16px;margin-bottom:20px}
.paw-guar-side a{font-size:14px;color:var(--paw-ink);font-weight:600;text-decoration:underline}
.paw-guar-steps{display:grid;gap:14px}
.paw-guar-step{background:rgba(255,255,255,0.7);border-radius:16px;padding:22px;display:flex;gap:18px;align-items:flex-start;border:1px solid rgba(31,42,35,0.06)}
.paw-guar-step__n{font-family:var(--paw-mono);font-size:13px;color:var(--paw-cta);font-weight:600;margin-top:2px}
.paw-guar-step__t{font-weight:600;font-size:17px;margin-bottom:4px}
.paw-guar-step__d{font-size:14px;color:var(--paw-ink-soft)}
@media(max-width:880px){.paw-guar-grid{grid-template-columns:1fr}}
.paw-ship{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;background:#fff;border-radius:18px;padding:24px;border:1px solid var(--paw-line-soft)}
.paw-ship__cell{display:flex;gap:14px;align-items:flex-start;padding:8px}
.paw-ship__cell+.paw-ship__cell{border-left:1px solid var(--paw-line-soft);padding-left:20px}
.paw-ship__cell svg{color:var(--paw-cta);flex:0 0 auto}
.paw-ship__t{font-size:12px;color:var(--paw-ink-mute);letter-spacing:.06em;text-transform:uppercase}
.paw-ship__d{font-weight:600;font-size:14px;margin-top:2px}
@media(max-width:880px){.paw-ship{grid-template-columns:1fr 1fr}.paw-ship__cell+.paw-ship__cell{border-left:0;padding-left:8px}}
@media(max-width:520px){.paw-ship{grid-template-columns:1fr}}
.paw-final{position:relative;overflow:hidden}
.paw-final__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.paw-final h2{margin-top:14px;color:var(--paw-dark-text);font-size:clamp(32px,4.4vw,52px)}
.paw-final p{color:var(--paw-dark-mute);font-size:17px;margin:18px 0 26px;max-width:520px}
.paw-final__cta{display:flex;gap:12px;flex-wrap:wrap}
.paw-final__cta .paw-btn:not(.paw-btn--ghost){background:var(--paw-cream);color:var(--paw-ink)}
.paw-final__cta .paw-btn:not(.paw-btn--ghost):hover{background:#fff;color:var(--paw-ink)}
.paw-final__cta .paw-btn--ghost{background:transparent;color:var(--paw-dark-text);border-color:var(--paw-dark-mute)}
.paw-final__cta .paw-btn--ghost:hover{background:var(--paw-dark-text);color:var(--paw-ink)}
.paw-final__trust{display:flex;gap:20px;margin-top:28px;flex-wrap:wrap;color:var(--paw-dark-mute);font-size:13px}
.paw-final__trust span{display:flex;align-items:center;gap:6px}
.paw-final__media{aspect-ratio:1;border-radius:22px;overflow:hidden;background:var(--paw-dark-bg-2)}
.paw-final__media img,.paw-final__media .paw-ph{width:100%;height:100%;object-fit:cover}
@media(max-width:880px){.paw-final__grid{grid-template-columns:1fr}}
.paw-sticky{position:fixed;bottom:0;left:0;right:0;z-index:50;background:rgba(245,240,232,0.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--paw-line);padding:10px 16px 14px;display:none;gap:10px;align-items:center;transform:translateY(100%);transition:transform .25s ease}
.paw-sticky.is-visible{transform:translateY(0)}
.paw-sticky__img{width:48px;height:48px;border-radius:10px;flex:0 0 auto;overflow:hidden;background:var(--paw-taupe)}
.paw-sticky__img img{width:100%;height:100%;object-fit:cover}
.paw-sticky__body{flex:1;min-width:0}
.paw-sticky__title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.paw-sticky__sub{font-size:11px;color:var(--paw-ink-mute)}
.paw-sticky .paw-btn{width:auto;height:48px;padding:0 20px;font-size:14px}
.paw-sticky-spacer{height:0}
@media(max-width:880px){.paw-sticky{display:flex}.paw-sticky-spacer{height:88px}}
.paw-section--off{display:none!important}


/* ── merged from paw-redesign.css ── */


/* ── 2. Buttons ─────────────────────────────────────────────── */
/* .paw-page .paw-btn = 0,2,0 beats .paw-page button{background:none} at 0,1,1 */
.paw-page .paw-btn {
  background: var(--paw-btn-grad);
  box-shadow:
    0 1px 0 rgba(0,0,0,.18),
    0 3px 14px rgba(28,107,71,.28),
    inset 0 1px 0 rgba(255,255,255,.13);
  transition: background .18s ease, transform .15s ease, box-shadow .18s ease;
  letter-spacing: 0.025em;
}
.paw-page .paw-btn:hover {
  background: var(--paw-btn-grad-h);
  color: #fff;
  transform: translateY(-1px);
  box-shadow:
    0 2px 0 rgba(0,0,0,.16),
    0 6px 22px rgba(28,107,71,.30),
    inset 0 1px 0 rgba(255,255,255,.10);
}
.paw-page .paw-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 0 rgba(0,0,0,.16), 0 2px 6px rgba(28,107,71,.18);
}
.paw-page .paw-btn:focus-visible {
  outline: none;
  box-shadow: var(--paw-focus-ring);
}
.paw-page .paw-btn[disabled] { transform: none; }

/* Ghost variant */
.paw-page .paw-btn--ghost { border-color: var(--paw-line); }
.paw-page .paw-btn--ghost:hover { transform: translateY(-1px); }

/* Final-CTA inverted button */
.paw-final__cta .paw-btn:not(.paw-btn--ghost) {
  background: var(--paw-cream);
  color: var(--paw-ink);
  box-shadow: 0 1px 0 rgba(0,0,0,.10), 0 4px 14px rgba(0,0,0,.18);
}
.paw-final__cta .paw-btn:not(.paw-btn--ghost):hover {
  background: #fff;
  transform: translateY(-1px);
  box-shadow: 0 2px 0 rgba(0,0,0,.08), 0 6px 20px rgba(0,0,0,.20);
}


/* ── 3. Announcement Bar ────────────────────────────────────── */
.paw-announce {
  background: linear-gradient(135deg, #1A6040 0%, #1B2620 50%, #1A6040 100%);
  background-size: 200% 100%;
}
.paw-announce__inner { height: 40px; }
.paw-announce__msg { font-size: 13px; font-weight: 500; letter-spacing: .025em; }


/* ── 4. Header ──────────────────────────────────────────────── */
.paw-header {
  background: rgba(247, 242, 234, .93);
  backdrop-filter: saturate(160%) blur(12px);
  -webkit-backdrop-filter: saturate(160%) blur(12px);
  border-bottom: 1px solid rgba(212, 205, 184, .55);
  box-shadow: 0 1px 8px rgba(27,38,32,.06);
}
.paw-header__logo-mark {
  background: var(--paw-cta);
  border-radius: 10px;
  box-shadow: 0 1px 4px rgba(28,107,71,.30);
}
.paw-header__logo-text { letter-spacing: -0.025em; }
.paw-header__nav a { font-size: 14px; font-weight: 500; }
.paw-header__nav a:hover { color: var(--paw-cta); }

/* Cart count badge */
.paw-header__cart-count {
  background: var(--paw-cta);
  box-shadow: 0 0 0 2px var(--paw-cream);
}


/* ── 5. Pills & Badges ──────────────────────────────────────── */
.paw-pill {
  background: var(--paw-cta-soft);
  color: var(--paw-cta);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.03em;
  padding: 0 11px;
}
.paw-pill--gold {
  background: #F3E8C8;
  color: #7A5618;
  box-shadow: inset 0 0 0 1px rgba(196,154,60,.25);
}
.paw-pill--verify {
  background: #DDF2E7;
  color: var(--paw-cta);
}


/* ── 6. Hero Section ────────────────────────────────────────── */
.paw-hero {
  background: var(--paw-cream);
  padding: 36px 0 68px;
}
.paw-hero__main {
  border-radius: var(--paw-r-xl);
  box-shadow: var(--paw-shadow-lg);
}
.paw-hero__title { font-size: clamp(32px, 4.4vw, 48px); letter-spacing: -0.025em; }
.paw-hero__sub { font-size: 16.5px; line-height: 1.6; }
.paw-hero__thumb {
  border-radius: 12px;
  border: 1.5px solid var(--paw-line-soft);
  transition: border-color .15s ease, box-shadow .15s ease;
}
.paw-hero__thumb:hover { border-color: var(--paw-ink-soft); }
.paw-hero__thumb.is-active {
  border: 2.5px solid var(--paw-ink);
  box-shadow: 0 0 0 3px rgba(27,38,32,.08);
}
.paw-hero__price { font-size: 36px; letter-spacing: -0.02em; }

/* Size-option buttons */
.paw-opt__btn {
  border-radius: 14px;
  border: 1.5px solid var(--paw-line);
  transition: border-color .12s ease, background .12s ease, box-shadow .12s ease;
}
.paw-opt__btn:hover { border-color: var(--paw-ink-soft); }
.paw-opt__btn.is-active {
  border: 2px solid #1C6B47;
  background: #EBF5EE;
  box-shadow: none;
}

/* Trust strip */
.paw-trust {
  background: var(--paw-cream-2);
  border-radius: 14px;
  padding: 16px;
  border: 1px solid var(--paw-line-soft);
  margin-top: 20px;
}

/* Bump upsell */
.paw-bump {
  background: var(--paw-cream);
  border: 1.5px dashed var(--paw-cta-soft);
  border-radius: 16px;
  transition: border-color .15s ease, background .15s ease;
}
.paw-bump:hover { border-color: var(--paw-cta); background: #fff; }


/* ── 7. Proof Strip ─────────────────────────────────────────── */
.paw-proof { background: var(--paw-cream-2); }
.paw-proof__card {
  border-radius: 20px;
  box-shadow: var(--paw-shadow-md);
  transition: transform .2s ease, box-shadow .2s ease;
}
.paw-proof__card:hover {
  transform: translateY(-3px);
  box-shadow: var(--paw-shadow-lg);
}
.paw-proof__arrow {
  background: rgba(247,242,234,.85);
  border-color: var(--paw-line);
  transition: background .15s ease, border-color .15s ease;
}
.paw-proof__arrow:hover {
  background: #fff;
  border-color: var(--paw-ink-soft);
}


/* ── 8. Problem Section ─────────────────────────────────────── */
.paw-problem-card {
  background: #fff;
  border: 1px solid var(--paw-line-soft);
  border-radius: var(--paw-r-lg);
  box-shadow: var(--paw-shadow-sm);
  transition: box-shadow .2s ease, transform .2s ease;
}
.paw-problem-card:hover {
  box-shadow: var(--paw-shadow-md);
  transform: translateY(-2px);
}
.paw-problem-card svg { color: var(--paw-cta); }


/* ── 9. Failure Section (dark) ──────────────────────────────── */
.paw-fail-card {
  background: var(--paw-dark-bg-2);
  border: 1px solid rgba(235,229,216,.09);
  border-radius: 20px;
  transition: border-color .18s ease;
}
.paw-fail-card:hover { border-color: rgba(235,229,216,.22); }
.paw-fail-card__label {
  background: rgba(255,255,255,.06);
  border-radius: 999px;
  letter-spacing: 0.14em;
}
.paw-fail-compare {
  background: var(--paw-dark-bg-2);
  border: 1px solid rgba(235,229,216,.09);
  border-radius: 24px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.paw-fail-stat__n { font-size: 36px; color: var(--paw-dark-text); }
.paw-fail-diagram { border-radius: 16px; }


/* ── 10. Mechanism Section ──────────────────────────────────── */
.paw-mech-diagram {
  border-radius: 24px;
  box-shadow: var(--paw-shadow-lg);
}
.paw-mech-item {
  border-radius: 14px;
  transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.paw-mech-item:hover,
.paw-mech-item.is-active {
  background: #fff;
  border: 1.5px solid var(--paw-line);
  border-left: 3px solid var(--paw-cta);
  box-shadow: var(--paw-shadow-sm);
}
.paw-mech-item__num {
  background: var(--paw-cream-2);
  border: 1px solid var(--paw-line-soft);
  font-size: 12px;
}
.paw-mech-item:hover .paw-mech-item__num,
.paw-mech-item.is-active .paw-mech-item__num {
  background: var(--paw-cta);
  border-color: var(--paw-cta);
  color: #fff;
}


/* ── 11. Benefits Grid ──────────────────────────────────────── */
.paw-ben-card {
  background: #fff;
  border: 1px solid rgba(27,38,32,.07);
  border-radius: 20px;
  box-shadow: 0 2px 8px rgba(27,38,32,.06), 0 1px 2px rgba(27,38,32,.04);
  transition: box-shadow .22s ease, transform .22s ease;
}
.paw-ben-card:hover {
  box-shadow: 0 8px 28px rgba(27,38,32,.11), 0 2px 8px rgba(27,38,32,.06);
  transform: translateY(-2px);
}
.paw-ben-card__icon {
  width: 50px;
  height: 50px;
  border-radius: 14px;
  background: var(--paw-cta-soft);
  color: var(--paw-cta);
  box-shadow: inset 0 0 0 1px rgba(28,107,71,.12);
}
.paw-ben-card h3 { font-size: 18px; letter-spacing: -0.01em; }


/* ── 12. Comparison Table ───────────────────────────────────── */
.paw-comp {
  border-radius: 24px;
  border: 1px solid var(--paw-line-soft);
  box-shadow: var(--paw-shadow-lg);
  overflow: hidden;
}
.paw-comp__head-paw {
  background: linear-gradient(180deg, #228252 0%, var(--paw-cta) 100%);
}
.paw-comp__head-gen { background: var(--paw-cream-2); }
.paw-comp__head-empty { background: var(--paw-cream-2); }
.paw-comp__cell--paw { background: rgba(28, 107, 71, .04); }
.paw-comp__row:hover .paw-comp__cell { background: rgba(27,38,32,.025); }
.paw-comp__row:hover .paw-comp__cell--paw { background: rgba(28,107,71,.07); }


/* ── 13. FAQ Section ────────────────────────────────────────── */
.paw-faq-item { border-bottom: 1px solid var(--paw-line-soft); }
.paw-faq-q { font-size: 18.5px; letter-spacing: -0.01em; }
.paw-faq-icon {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: var(--paw-cream-2);
  border: 1px solid var(--paw-line);
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  transition: background .15s ease, border-color .15s ease, transform .2s ease;
}
.paw-faq-item[open] .paw-faq-icon {
  background: var(--paw-ink);
  border-color: var(--paw-ink);
  color: var(--paw-cream);
  transform: rotate(45deg);
}
.paw-faq-a { font-size: 15.5px; line-height: 1.65; color: var(--paw-ink-soft); }


/* ── 14. Offer Stack ────────────────────────────────────────── */
.paw-offer {
  border-radius: 28px;
  border: 1px solid var(--paw-line-soft);
  box-shadow: var(--paw-shadow-xl);
  background: #fff;
}
.paw-offer__head h2 { font-size: clamp(26px, 3.2vw, 38px); letter-spacing: -0.02em; }
.paw-offer__rows svg { color: var(--paw-cta); }
.paw-offer__price { font-size: 40px; letter-spacing: -0.03em; }


/* ── 15. Guarantee Section ──────────────────────────────────── */
.paw-guar-side__icon {
  border-radius: 22px;
  background: linear-gradient(145deg, #228252 0%, var(--paw-cta) 100%);
  box-shadow: 0 6px 20px rgba(28,107,71,.30);
}
.paw-guar-step {
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(27,38,32,.07);
  border-radius: 18px;
  backdrop-filter: blur(4px);
  transition: box-shadow .2s ease, transform .2s ease;
}
.paw-guar-step:hover {
  box-shadow: var(--paw-shadow-md);
  transform: translateY(-2px);
}
.paw-guar-step__n { color: var(--paw-cta); font-size: 12px; letter-spacing: .08em; }


/* ── 16. Shipping Clarity ───────────────────────────────────── */
.paw-ship {
  background: #fff;
  border-radius: 20px;
  border: 1px solid var(--paw-line-soft);
  box-shadow: var(--paw-shadow-sm);
}
.paw-ship__cell svg { color: var(--paw-cta); }
.paw-ship__d { font-size: 14.5px; }


/* ── 17. Final CTA ──────────────────────────────────────────── */
.paw-final { background: var(--paw-dark-bg); }
.paw-final h2 { letter-spacing: -0.025em; }
.paw-final__media {
  border-radius: 26px;
  box-shadow: var(--paw-shadow-xl);
}
.paw-final__trust { color: var(--paw-dark-mute); }
.paw-final__trust span { gap: 8px; }


/* ── 18. Sticky ATC ─────────────────────────────────────────── */
.paw-sticky {
  background: rgba(247,242,234,.97);
  border-top: 1px solid var(--paw-line-soft);
  box-shadow: 0 -4px 24px rgba(27,38,32,.10);
}


/* ── 19. Cart Drawer ────────────────────────────────────────── */
.paw-cart-drawer { background: var(--paw-cream); }
.paw-cart-drawer__title { letter-spacing: -0.02em; }
.paw-cart-item__title:hover { color: var(--paw-cta); }
.paw-cart-drawer__foot {
  background: rgba(255,255,255,.55);
  backdrop-filter: blur(6px);
}
.paw-cart-overlay { background: rgba(22,30,24,.5); }


/* ── 20. Footer ─────────────────────────────────────────────── */
.paw-footer { background: var(--paw-ink); }
.paw-footer__logo-mark {
  background: var(--paw-cream);
  color: var(--paw-ink);
  border-radius: 12px;
  box-shadow: 0 1px 4px rgba(0,0,0,.15);
}
.paw-footer__links a { font-size: 14.5px; }
.paw-footer__social a {
  border-radius: 10px;
  transition: all .15s ease;
}
.paw-footer__social a:hover {
  border-color: var(--paw-dark-text);
  color: var(--paw-dark-text);
  background: rgba(255,255,255,.06);
}
.paw-footer__bottom { border-top: 1px solid rgba(235,229,216,.10); }


/* ── 21. Section Headings ───────────────────────────────────── */
.paw-section-head h2 { letter-spacing: -0.02em; }
.paw-section-head p { font-size: 17px; line-height: 1.6; }
.paw-eyebrow { font-size: 11.5px; letter-spacing: 0.18em; }


/* ── 22. Scrollbar ──────────────────────────────────────────── */
.paw-proof__track::-webkit-scrollbar { height: 5px; }
.paw-proof__track::-webkit-scrollbar-track { background: transparent; }
.paw-proof__track::-webkit-scrollbar-thumb {
  background: var(--paw-line);
  border-radius: 999px;
}


/* ── 23. Selection ──────────────────────────────────────────── */
.paw-page ::selection {
  background: rgba(28,107,71,.18);
  color: var(--paw-ink);
}


/* ── 24. Focus States (Accessibility) ──────────────────────── */
.paw-page a:focus-visible,
.paw-page button:focus-visible,
.paw-page input:focus-visible,
.paw-page select:focus-visible {
  outline: none;
  box-shadow: var(--paw-focus-ring);
  border-radius: 4px;
}
.paw-opt__btn:focus-visible { box-shadow: var(--paw-focus-ring); }
.paw-hero__thumb:focus-visible { box-shadow: var(--paw-focus-ring); }


/* ── 25. Motion Preference ──────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  .paw-btn,
  .paw-proof__card,
  .paw-problem-card,
  .paw-ben-card,
  .paw-guar-step,
  .paw-mech-item { transition: none !important; transform: none !important; }
}


/* ═══════════════════════════════════════════════════════════════
   HERO GALLERY — Arrows + Carousel
   ═══════════════════════════════════════════════════════════════ */

/* Allow arrows to overflow the clipped image area */
.paw-hero__main { overflow: visible !important; }

/* Re-clip just the media, not the absolute arrows */
.paw-hero__main > img,
.paw-hero__main > video,
.paw-hero__main > .paw-ph {
  border-radius: var(--paw-r-lg);
  overflow: hidden;
}

/* Arrow buttons */
.paw-gallery__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(247,242,234,.92); /* cream glass */
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  color: var(--paw-ink);
  display: grid;
  place-items: center;
  cursor: pointer;
  border: 1px solid rgba(27,38,32,.10);
  box-shadow: 0 2px 8px rgba(0,0,0,.12);
  transition: background .13s, box-shadow .13s, transform .13s;
}
.paw-gallery__arrow:hover {
  background: rgba(255,255,255,.98);
  box-shadow: 0 3px 12px rgba(0,0,0,.18);
  transform: translateY(-50%) scale(1.04);
}
.paw-gallery__arrow:active {
  transform: translateY(-50%) scale(0.97);
  box-shadow: 0 1px 4px rgba(0,0,0,.10);
}
.paw-gallery__arrow--prev { left: 10px; }
.paw-gallery__arrow--next { right: 10px; }

/* On very small screens, shrink arrows slightly */
@media (max-width: 400px) {
  .paw-gallery__arrow { width: 30px; height: 30px; }
}


/* ═══════════════════════════════════════════════════════════════
   BUY BOX — Premium Redesign v2
   ═══════════════════════════════════════════════════════════════ */

/* ── Price Row ──────────────────────────────────────────────── */
.paw-hero__price-row {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px 10px;
  margin-bottom: 22px;
}
.paw-hero__price {
  font-family: var(--paw-serif);
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -0.025em;
  color: var(--paw-ink);
  line-height: 1;
}
.paw-hero__compare {
  font-size: 17px;
  font-weight: 400;
  color: var(--paw-ink-mute);
  text-decoration: line-through;
  opacity: .7;
}
.paw-hero__price-note {
  flex-basis: 100%;
  margin-left: 0;    /* override base margin-left:auto that right-aligns it */
  font-size: 11.5px;
  color: var(--paw-ink-mute);
  letter-spacing: .01em;
  margin-top: 2px;
}


/* ── Option spacing ─────────────────────────────────────────── */
.paw-opt { margin-bottom: 20px; }
.paw-opt__head { margin-bottom: 8px; }


/* ── Option Labels ──────────────────────────────────────────── */
.paw-opt__label {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.11em;
  color: var(--paw-ink-mute);
}
.paw-opt__hint {
  font-size: 10px;
  letter-spacing: .02em;
  font-weight: 400;
  text-transform: none;
}
.paw-opt__guide-link {
  font-size: 10.5px;
  color: var(--paw-cta);
  font-weight: 600;
  text-decoration: none;
  letter-spacing: .04em;
  opacity: .85;
}
.paw-opt__guide-link:hover { opacity: 1; }


/* ── A. Option Button Base ──────────────────────────────────── */
.paw-page .paw-opt__btn {
  border: 1.5px solid rgba(27,38,32,.15) !important;
  background: #fff !important;
  border-radius: 10px;
  box-shadow: none !important;
  transition: border-color .14s, background .14s;
  cursor: pointer;
}
.paw-page .paw-opt__btn:hover:not(.is-active) {
  border-color: rgba(27,38,32,.30) !important;
}
/* Selected — solid green border + unmistakable light-green fill */
.paw-page .paw-opt__btn.is-active {
  border: 2px solid #1C6B47 !important;
  background: #EBF5EE !important;   /* clearly different from white/cream */
  box-shadow: none !important;
}
.paw-page .paw-opt__btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(28,107,71,.22) !important;
}


/* ── B. Color Chips — Centered dot + label ──────────────────── */
.paw-opt__grid--pills {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 7px;
}
.paw-page .paw-opt__btn--swatch {
  display: inline-flex !important;
  width: auto !important;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;      /* ← centers dot + label horizontally */
  gap: 8px;
  height: 42px;
  padding: 0 18px;              /* equal padding left & right */
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  color: var(--paw-ink);
}
.paw-page .paw-opt__btn--swatch.is-active {
  border: 2px solid #1C6B47 !important;
  background: #EBF5EE !important;
}
.paw-page .paw-opt__btn--swatch.is-active .paw-opt__btn-name {
  color: #1C6B47;
  font-weight: 600;
}
.paw-swatch-dot {
  display: block;
  width: 13px;
  height: 13px;
  min-width: 13px;
  min-height: 13px;
  border-radius: 50%;
  flex-shrink: 0;
  border: 1px solid rgba(0,0,0,.12);
}
.paw-swatch-check { display: none; }


/* ── C. Size Cards — Clean compact grid ─────────────────────── */
.paw-page .paw-opt__btn--size {
  display: block !important;
  width: 100% !important;
  text-align: center;
  padding: 14px 8px 12px !important;
}
.paw-page .paw-opt__btn--size.is-active {
  border: 2px solid #1C6B47 !important;
  background: #EBF5EE !important;
}
.paw-size-label {
  display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.01em;
  color: var(--paw-ink);
  margin-bottom: 5px;
}
.paw-page .paw-opt__btn--size.is-active .paw-size-label {
  color: #1C6B47;
}
.paw-size-weight {
  display: block;
  font-size: 10.5px;
  line-height: 1.3;
  color: var(--paw-ink-mute);
  font-weight: 400;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
.paw-page .paw-opt__btn--size.is-active .paw-size-weight {
  color: #1C6B47;
  opacity: .8;
}
.paw-size-breeds {
  display: block;
  font-size: 9px;
  color: var(--paw-ink-mute);
  line-height: 1.3;
  margin-top: 4px;
  opacity: .55;
}
.paw-page .paw-opt__btn--size.is-active .paw-size-breeds {
  color: #1C6B47;
  opacity: .55;
}


/* ── D. Save Pill ───────────────────────────────────────────── */
.paw-bf-save-pill {
  display: inline-flex;
  align-items: center;
  height: 18px;
  padding: 0 6px;
  border-radius: 4px;
  background: #FEF3C7;
  color: #92400E;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .03em;
  border: none;
  vertical-align: middle;
}


/* ── E. Quantity stepper redesign ────────────────────────────── */

/*
 * paw-design.css sets .paw-qty { flex: 0 0 auto; border-radius: 999px }
 * which works when .paw-qty is inside a flex parent (.paw-qty-cta).
 * Now it's inside .paw-qty-row (block), so we:
 *   1. Make .paw-qty-row a flex container → restores auto-width shrink
 *   2. Override only the pill radius → 8px
 *   3. Clean up height and spacing
 */

.paw-qty-row {
  display: flex;            /* makes .paw-qty flex-item → shrinks to content */
  align-items: center;
  margin-bottom: 16px;
  line-height: normal;      /* undo previous line-height: 0 */
}

.paw-qty {
  border-radius: 8px !important;   /* beat 999px from paw-design.css */
  height: 48px;
  background: #fff;
  border-color: rgba(27,38,32,.14) !important;
}

/* Buttons: keep grid/place-items from paw-design.css, just size cleanly */
.paw-page .paw-qty button {
  padding: 0 14px;
  color: var(--paw-ink-mute);
  transition: color .12s;
}
.paw-page .paw-qty button:hover { color: var(--paw-ink); }

/* Number input */
.paw-qty input {
  width: 34px;
  font-size: 15px;
  font-weight: 600;
  color: var(--paw-ink);
}

/* CTA — flat premium, less rounded */
.paw-qty-cta .paw-btn,
.paw-qty-cta .paw-page .paw-btn {
  flex: 1;
  height: 52px;
  min-height: 52px;
  border-radius: 10px !important;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .01em;
  box-shadow:
    0 1px 0 rgba(0,0,0,.14),
    0 2px 8px rgba(28,107,71,.20);
}
.paw-qty-cta .paw-btn:hover {
  box-shadow:
    0 1px 0 rgba(0,0,0,.12),
    0 4px 14px rgba(28,107,71,.24);
  transform: none;
}
.paw-qty-cta .paw-btn:active {
  transform: none;
  box-shadow: 0 1px 0 rgba(0,0,0,.12), 0 1px 4px rgba(28,107,71,.18);
}


/* ── F. Remove Shop Pay entirely ────────────────────────────── */
.paw-dynamic-checkout { display: none !important; }


/* ── G. Trust Strip — Inline ✓ Row ─────────────────────────── */
.paw-trust {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 0;
  padding: 11px 0 0;
  margin-top: 10px;
  border: none;
  border-top: 1px solid rgba(27,38,32,.08);
  background: none;
  border-radius: 0;
  overflow: visible;
}
.paw-trust__item {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 0 6px;
}
.paw-trust__item + .paw-trust__item {
  border-top: none;
  border-left: 1px solid rgba(27,38,32,.08);
}
/* Hide SVG icon — replaced by CSS checkmark on label */
.paw-trust__icon-wrap { display: none; }
.paw-trust__body {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0;
}
.paw-trust__label {
  font-size: 10.5px;
  font-weight: 500;
  color: var(--paw-ink);
  letter-spacing: .005em;
  white-space: nowrap;
  line-height: 1.3;
}
.paw-trust__label::before {
  content: '✓\00a0';
  color: var(--paw-cta);
  font-weight: 700;
  font-size: 11px;
}
/* Hide sub-labels for clean single-line row */
.paw-trust__sub { display: none; }


/* ── H. Secure Checkout + Payment Badges ───────────────────── */
.paw-pay {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 10px;
  flex-wrap: wrap;
  justify-content: center;
  opacity: .50;
}
.paw-pay__secure {
  color: var(--paw-ink-mute);
  display: grid;
  place-items: center;
  flex: 0 0 auto;
}
.paw-pay__label {
  font-size: 9.5px;
  font-weight: 500;
  color: var(--paw-ink-mute);
  letter-spacing: .06em;
  text-transform: uppercase;
  flex: 0 0 auto;
}
.paw-pay__sep { width: 1px; height: 10px; background: var(--paw-line); flex: 0 0 auto; }
.paw-pay__cards { display: flex; gap: 3px; align-items: center; flex-wrap: wrap; }
.paw-pay__card {
  display: block;
  line-height: 0;
  border-radius: 2px;
  overflow: hidden;
}
.paw-pay__card svg { display: block; }


/* ═══════════════════════════════════════════════════════════════
   MOBILE FIXES — v3 (alignment, UGC, Shop Pay, color chips)
   ═══════════════════════════════════════════════════════════════ */

/* ── 1. Color chips: double-class (0,2,0) beats base grid (0,1,0) ── */
.paw-opt__grid.paw-opt__grid--pills {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 7px;
}

/* ── 2. Shop Pay — nuclear removal (all Shopify variants) ────────── */
.shopify-payment-button,
.shopify-payment-button__button,
.shopify-payment-button__button--unbranded,
[data-shopify="payment-button"],
.paw-dynamic-checkout,
[id^="shopify-payment-button"] { display: none !important; }

/* ── 3. UGC proof strip — mobile card sizing ─────────────────────── */
@media (max-width: 880px) {
  .paw-proof__track {
    grid-auto-columns: 80vw;
    /* bleed to full viewport width for horizontal scroll feel */
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -20px;
    margin-right: -20px;
    /* ensure cards don't overstretch */
    width: calc(100% + 40px);
  }
}

/* ── 4. Buy box mobile alignment fixes ───────────────────────────── */
@media (max-width: 880px) {
  /* Tighten hero on mobile */
  .paw-hero { padding: 20px 0 40px; }

  /* Prevent any horizontal overflow in buy column */
  .paw-hero__buy { min-width: 0; overflow: hidden; }

  /* Qty stepper: stays compact on mobile too */
  .paw-qty { margin-bottom: 0; }

  /* Thumbnail strip: reduce to 5-col max on small screens */
  .paw-hero__thumbs { grid-template-columns: repeat(5, 1fr); }

  /* Trust items: tighten font on small screens */
  .paw-trust__label { font-size: 9.5px; }
  .paw-trust__item { padding: 0 4px; }
}

/* Very small screens (< 380px) */
@media (max-width: 380px) {
  .paw-hero__thumbs { grid-template-columns: repeat(4, 1fr); }
  /* Size grid stays 2-col but tighter padding */
  .paw-page .paw-opt__btn--size { padding: 12px 6px 10px !important; }
  .paw-trust__label { font-size: 8.5px; }
  /* Price row wraps cleanly */
  .paw-hero__price { font-size: 30px; }
}


/* ═══════════════════════════════════════════════════════════════
   CTA BUTTON — Two-line full-width + guarantee line
   Spec: #1c3a2a bg, 64px min-height, 8px radius, no hover anim
   ═══════════════════════════════════════════════════════════════ */

/* .paw-qty-row defined below in section E */

/* ── Wrapper: button + guarantee line ───────────────────────── */
.paw-cta-block {
  margin: 16px 0 24px;
}
@media (min-width: 640px) {
  .paw-cta-block {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ── The button ─────────────────────────────────────────────── */
.paw-cta-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;                              /* up from 4px — visible separation */
  width: 100%;
  min-height: 72px !important;           /* up from 64 — still ≥ 64 floor */
  padding: 20px 24px !important;         /* paw-form button reset zeros this */
  background: #1c3a2a !important;
  border: none !important;
  border-radius: 8px !important;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  box-shadow: none !important;
}
.paw-cta-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ── Line 1: primary CTA copy ───────────────────────────────── */
.paw-cta-btn__primary {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 500;
  color: #f5f0e8 !important;
  line-height: 1.35;           /* slightly looser — air around descenders */
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
}

/* ── Line 2: price + offer ──────────────────────────────────── */
.paw-cta-btn__sub {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #7aaa85 !important;
  line-height: 1.35;
  text-align: center;
  letter-spacing: 0.01em;      /* tiny tracking lift on supporting line */
  text-transform: none;
  opacity: 0.92;               /* very subtle softening — still WCAG AA */
}

/* ── Mobile — slightly tighter sides, more vertical air ─────── */
@media (max-width: 640px) {
  .paw-cta-btn {
    padding: 22px 20px !important;
    min-height: 76px !important;
    gap: 9px;
  }
}

/* ── Guarantee line ─────────────────────────────────────────── */
.paw-cta-guarantee {
  margin: 12px 0 0 !important;   /* beats .paw-form p { margin: 0 } */
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #888780 !important;
  text-align: center;
  line-height: 1.45;
  background: none;
  border: none;
}