/* Astra: accessible controls, consistent shop states and mobile finish. */
.hero{padding-top:48px;background:radial-gradient(circle at 1px 1px,#2b2a3312 1px,transparent 0) 0 0/22px 22px,#fff9ec}.hero-grid{display:block;position:relative;min-height:640px;padding:20px 0 50px}.hero-copy{width:52%;max-width:610px;margin:0;text-align:left;justify-items:start;gap:24px}.hero h1{font-size:clamp(52px,5.4vw,78px);max-width:11ch;letter-spacing:-.055em;line-height:1.04}.hero .lead{text-align:left;max-width:43ch;font-size:15px;line-height:1.75}.hero-cta{justify-content:flex-start;gap:14px}.hero-cta .btn{font-size:13px;min-height:52px}.hero-copy .kicker{background:#dfcdf4;border:2px solid #2b2a33;border-radius:8px;padding:7px 14px;transform:rotate(-3deg);box-shadow:3px 3px #2b2a33;font-size:11px}.hero-grid:before{content:'';position:absolute;right:-10px;top:40px;width:510px;height:510px;background:#f8d77d;border:3px solid #2b2a33;border-radius:50%;box-shadow:10px 10px 0 #2b2a33}.hero-grid:after{content:'Маленька турбота. Щодня.';position:absolute;right:36px;top:27px;background:#fff;border:2px solid #2b2a33;padding:14px 18px;border-radius:18px 18px 18px 0;transform:rotate(5deg);font-size:13px;font-weight:700;z-index:3}.hero-bottle{position:absolute;right:136px;top:115px;width:142px;max-height:370px;object-fit:contain}.pet{position:absolute;width:200px;z-index:2}.pet.cat{right:305px;bottom:65px}.pet.dog{right:-8px;bottom:53px;width:220px}.pet .st[fill="#fff"]{fill:#fff}.pet .st[fill="#ffd166"]{fill:#ffd166}.pet .st[fill="#f2a81d"]{fill:#f2a81d}.ground{margin-top:0}.trust{padding:24px 0 35px}.trust span{font-size:11px;border-width:2px;padding:9px 14px}.pcard{transition:transform .25s,box-shadow .25s}.pcard:hover{transform:translateY(-5px) rotate(-1deg)}.pcard .pimg{height:235px}.pcard .pct{font-size:40px}
@media(max-width:900px){.hero{padding-top:28px}.hero-grid{min-height:0;padding:0 0 310px}.hero-copy{width:100%;text-align:center;justify-items:center;gap:18px}.hero h1{font-size:46px;max-width:14ch}.hero .lead{text-align:center;font-size:13px;line-height:1.65;margin:0}.hero-cta{justify-content:center;gap:9px}.hero-cta .btn{font-size:11px;padding:0 15px;min-height:46px}.hero-grid:before{width:270px;height:270px;right:calc(50% - 135px);top:auto;bottom:12px;box-shadow:5px 5px #2b2a33}.hero-grid:after{font-size:10px;padding:8px 12px;right:6px;top:auto;bottom:242px}.hero-bottle{top:auto;bottom:39px;right:calc(50% - 45px);width:90px;margin:0;max-height:205px}.pet.cat{width:120px;right:auto;left:-3px;bottom:20px}.pet.dog{width:132px;right:-2px;bottom:17px}.trust{padding:20px 0 28px;gap:10px;display:grid;grid-template-columns:1fr 1fr}.trust span{font-size:10px;line-height:1.4;padding:8px 10px;border-radius:16px}.trust svg{flex-shrink:0;width:16px}.calc-in,.calc-out{padding:22px}.calc-rec{grid-template-columns:45px minmax(0,1fr);gap:10px}.coa{grid-template-columns:repeat(2,minmax(0,1fr))!important}.coa b{font-size:25px!important;overflow-wrap:anywhere}.coa>div{min-width:0;padding:16px 10px}}
.pcard .more{display:none}.pcard [data-add],.pcard a{position:relative;z-index:5}.calc-out .big{font-size:clamp(28px,3vw,44px)}
[hidden]{display:none!important}html{scroll-padding-top:90px}section[id]{scroll-margin-top:75px}
.sr:focus{position:fixed!important;clip:auto;width:auto;height:auto;white-space:normal}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #1b86bb;outline-offset:4px}
.cart-btn,.burger,.cart-close,.mclose,.qty button,.cart-remove{min-width:44px;min-height:44px}
.qty output{min-width:24px;text-align:center}.drawer{max-height:100dvh}.drawer>footer{flex-shrink:0;padding-bottom:max(20px,env(safe-area-inset-bottom))}
#cart:not(.open),#modal:not(.open){visibility:hidden;pointer-events:none}#menu:not(.open){visibility:hidden}#menu.open{visibility:visible;overflow-y:auto}
.pcard .row{flex-wrap:wrap;gap:12px}.pcard .btn{min-height:46px}.pcard .for{margin:4px 0}.pcard .pimg{object-fit:contain}
.ax-steps{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;letter-spacing:.06em;margin:18px 0 24px;color:var(--ink2,#53625e)}.ax-steps b{color:var(--ink,#173b32)}
.ax-edit{border:0;border-bottom:1px solid currentColor;padding:10px 0;background:none;font:inherit;font-size:14px;margin:8px 0 16px;color:inherit}
.ax-shipping-note{font-size:13px;line-height:1.6;color:var(--ink2,#53625e)}.co>*{min-width:0}.summary{align-self:start}.summary h2{line-height:1.15}
.input{font-size:16px;min-height:48px}.input:user-invalid{border-color:#b42626}.opt{min-width:0}.opt>div{min-width:0}.opt .lg{font-size:12px}
.art{transition:transform .2s,box-shadow .2s}.art:hover{transform:translateY(-4px);box-shadow:0 15px 35px #0000000c}.art small::after{content:' · Читати ↗'}
.ax-finder-note{font-size:14px;line-height:1.6;opacity:.85}.ax-product-tag{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.ax-product-tag::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
@media(max-width:760px){.summary{position:static}.co{gap:32px}.sub{padding-top:96px}.sub h1{font-size:clamp(30px,8vw,44px);overflow-wrap:anywhere}.drawer{width:min(100%,480px)}.cart-line-body{min-width:0}.cart-line-name{font-size:15px}.cart-line-meta{font-size:12px}.cart-line-row{flex-wrap:wrap}.cart-line-sum{font-size:16px}.drawer>footer{padding-top:16px}.mbody{padding:24px!important}.mgrid{grid-template-columns:1fr!important}.mimg img{max-height:230px;width:auto;margin:auto}.mimg{padding:24px!important}.mbody dl{font-size:13px}.mbody .row{flex-wrap:wrap}.opt{padding:13px;gap:9px}.opt b{font-size:14px}.opt span{font-size:12px}.ax-steps{gap:8px}.summary .sum-line{font-size:14px}.btn{white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}
.hero-copy .kicker{color:#2b2a33}.hero .lead{color:#58535f}