/* Astra: accessible controls, consistent shop states and mobile finish. */
:root{--bg:#e9eeeb;--r:30px;--gap:16px}.bento{margin-top:18px}.tile.hero{background:#174d44;color:#fff;min-height:570px;padding:38px;isolation:isolate}.tile.hero:before{content:'';position:absolute;right:-90px;top:90px;width:400px;height:400px;border:1px solid #cae8bc4a;border-radius:50%;box-shadow:0 0 0 50px #b0d2a516,0 0 0 100px #b0d2a50b;z-index:-1}.tile.hero h1{font-size:clamp(48px,5vw,72px);line-height:1.01;letter-spacing:-.065em;max-width:10ch}.tile.hero .lead{font-size:14px;line-height:1.7;color:#d3e3dc;max-width:40ch}.tile.hero>div{z-index:2}.tile.hero>div:nth-child(2){gap:24px!important;max-width:61%!important}.tile.hero .tag{background:#ddf4b5;color:#183e31;border:0;font-size:10px;letter-spacing:.08em;padding:8px 12px}.hero-img{height:470px;max-height:none;right:3%;bottom:25px;transform:rotate(8deg);filter:drop-shadow(10px 25px 25px #05281d66)}.hero-cta .btn-dark{background:#ddf4b5;color:#173d31}.hero-cta .btn-ghost{color:#fff;border-color:#ffffff40}.hero-cta .btn{font-size:12px;min-height:48px;padding:0 18px}.photo-tile.s4:not(.r2){min-height:280px}.tile.dark.stat.s4{background:#202b27;min-height:274px}.tile.dark.stat.s4 b{font-size:60px;letter-spacing:-.05em}.tile.stat.s3{min-height:155px;padding:26px}.tile.lime{background:#ddf4b5}.stat span{font-size:12px}.tile.stat.s3 b{font-size:46px}.ptile{border:1px solid #d7e1da;background:linear-gradient(150deg,#fff,#f4f8f1)}.ptile .pimg{height:230px}.ptile .more{display:none}.ptile a,.ptile button{position:relative;z-index:2}.ptile .pct{font-size:42px}.sec-title{padding-top:55px}.sec-title h2{letter-spacing:-.055em}.tile.hover:hover{box-shadow:0 14px 28px #213a2020}
@media(max-width:600px){.bento{gap:12px;margin-top:8px}.tile.hero{padding:24px 22px 244px;gap:28px;min-height:0}.tile.hero>div:nth-child(2){max-width:100%!important;gap:18px!important}.tile.hero h1{font-size:45px;max-width:12ch;line-height:1.02}.tile.hero .lead{font-size:13px}.hero-img{height:218px;bottom:10px;right:25%;transform:rotate(9deg)}.hero-cta{gap:7px}.hero-cta .btn{font-size:11px;padding:0 14px;min-height:44px}.tile.hero:before{width:270px;height:270px;right:-20px;top:auto;bottom:-50px}.tile.dark.stat.s4{min-height:180px}.tile.stat.s3{min-height:140px;padding:22px}.tile.stat.s3 b{font-size:38px}.stat b{font-size:30px}.tile.stat span{font-size:12px}.tile.stat{padding:20px}.calc-rec{grid-template-columns:45px minmax(0,1fr);gap:10px;padding:12px}.calc-out .big{font-size:30px}.tile{border-radius:24px}.photo-tile.s4:not(.r2){min-height:245px}}
.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-cta .btn-ghost{background:transparent;color:#fff}.hero-cta .btn-ghost:hover{background:#ffffff15}