:root{--green:#123b32;--deep:#092921;--lime:#d7f04c;--mint:#dcebe2;--cream:#f4efe4;--paper:#fffdf8;--ink:#17231f;--muted:#63736d;--line:#d5ded9;--shadow:0 24px 65px rgba(10,42,34,.13);--radius:22px;--container:1220px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 Arial,sans-serif}
a{color:var(--green);text-underline-offset:4px}
h1,h2,h3{margin-top:0;line-height:1.1;letter-spacing:-.035em}
h1{font-size:clamp(2.4rem,6vw,5.5rem)}
h2{font-size:clamp(1.7rem,3.5vw,2.8rem)}
h3{font-size:1.3rem}
p{margin-top:0}
.container{width:min(calc(100% - 44px),var(--container));margin:auto}
.narrow{max-width:850px}
.skip{position:fixed;z-index:999;top:10px;left:10px;padding:10px;background:var(--lime);transform:translateY(-160%)}
.skip:focus{transform:none}
.topline{color:#dcebe5;background:var(--deep);font-size:.78rem}
.topline-row{min-height:35px;display:flex;align-items:center;justify-content:space-between}
.header{position:sticky;z-index:100;top:0;background:rgba(255,253,248,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.header-row{min-height:84px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}
.brand-mark{width:50px;height:50px;display:grid;place-items:center;color:var(--lime);background:var(--green);border-radius:50% 50% 10px 50%;font-size:1.5rem;font-weight:900}
.brand strong,.brand small{display:block}
.brand strong{font-size:1.3rem}
.brand small{color:var(--muted);font-size:.66rem;text-transform:uppercase}
.nav{margin-left:auto;display:flex;gap:21px}
.nav a{color:var(--ink);font-size:.9rem;font-weight:700;text-decoration:none}
.header-phone{display:flex;flex-direction:column;color:var(--ink);text-align:right;text-decoration:none}
.header-phone small{color:var(--muted);font-size:.67rem;text-transform:uppercase}
.hero{padding:90px 0;color:white;background:linear-gradient(115deg,rgba(9,41,33,.99),rgba(18,59,50,.94)),repeating-linear-gradient(45deg,transparent,transparent 25px,rgba(255,255,255,.05) 26px,rgba(255,255,255,.05) 27px)}
.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:70px}
.eyebrow{margin-bottom:12px;color:#56756a;font-size:.75rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.hero .eyebrow,.green .eyebrow,.dark-section .eyebrow,.mission .eyebrow{color:var(--lime)}
.lead{max-width:760px;color:#d7e5e0;font-size:1.2rem}
.dark-lead{color:var(--muted)}
.buttons{margin:30px 0;display:flex;flex-wrap:wrap;gap:12px}
.button{min-height:49px;padding:11px 21px;display:inline-flex;align-items:center;justify-content:center;border:2px solid transparent;border-radius:999px;font-weight:900;text-align:center;text-decoration:none}
.accent{color:var(--deep);background:var(--lime)}
.dark{color:white;background:var(--green)}
.light{color:var(--deep);background:white}
.outline{color:white;border-color:rgba(255,255,255,.45)}
.ghost{color:var(--green);border-color:var(--line)}
.full{width:100%}
.hero-facts{display:flex;flex-wrap:wrap;gap:10px}
.hero-facts span,.tags li{padding:7px 11px;background:rgba(255,255,255,.1);border-radius:999px;font-size:.78rem}
.hero-menu{padding:31px;color:var(--ink);background:var(--paper);border-radius:32px 9px;box-shadow:var(--shadow)}
.hero-menu h2{font-size:1.6rem}
.hero-menu a{padding:13px 0;display:flex;justify-content:space-between;color:var(--ink);border-top:1px solid var(--line);font-weight:800;text-decoration:none}
.advantages{color:white;background:var(--green)}
.advantages-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.advantages article{padding:25px;border-right:1px solid rgba(255,255,255,.15)}
.advantages p{margin:5px 0 0;color:#c8d9d3;font-size:.82rem}
.section{padding:82px 0;scroll-margin-top:125px}
.cream{background:var(--cream)}
.section-head{margin-bottom:38px;display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:45px}
.section-head h2{margin-bottom:0}
.section-head>p{margin:0;color:var(--muted)}
.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.category-grid article{min-height:235px;padding:28px;display:flex;flex-direction:column;background:var(--mint);border-radius:var(--radius)}
.category-grid article:nth-child(2n){background:var(--cream)}
.category-grid span{margin-bottom:35px;color:var(--green);font-weight:900}
.category-grid p{color:var(--muted)}
.category-grid a{margin-top:auto;font-weight:900}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}
.product-card{overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:18px;transition:.2s}
.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.product-image{min-height:145px;display:grid;place-items:center;color:var(--lime);background:repeating-linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.05) 8px,transparent 8px,transparent 20px),var(--green);text-decoration:none}
.product-image span{width:70px;height:70px;display:grid;place-items:center;border:2px solid var(--lime);border-radius:50%;font-size:1.6rem;font-weight:900}
.product-body{padding:23px}
.label{color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase}
.product-card h3 a{color:var(--ink);text-decoration:none}
.product-card p{color:var(--muted)}
.mini-meta{padding:12px 0;display:flex;flex-wrap:wrap;gap:5px 18px;color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.75rem;list-style:none}
.product-price{display:flex;align-items:end;justify-content:space-between;gap:12px}
.product-price small,.product-price strong{display:block}
.product-price small{color:var(--muted)}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:70px}
.text{font-size:1.04rem}
.text h2:not(:first-child),.text section:not(:first-child) h2{margin-top:45px}
.text h3{margin-top:28px}
.text li{margin-bottom:8px}
.order-card{padding:32px;background:var(--mint);border-radius:8px 34px}
.order-card .button+.button{margin-top:10px}
.sticky{position:sticky;top:120px}
.dark-section{color:white;background:var(--deep)}
.delivery-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
.dark-section p{color:#c7d8d2}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.steps article{padding:22px;border:1px solid rgba(255,255,255,.17);border-radius:15px}
.steps span{color:var(--lime);font-weight:900}
.steps h3{margin-top:25px}
.faq-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px}
details{margin-bottom:13px;padding:20px 23px;background:white;border:1px solid var(--line);border-radius:14px}
summary{cursor:pointer;font-weight:900}
details p{margin:15px 0 0;color:var(--muted)}
.breadcrumbs{padding:16px 0;display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:.82rem}
.breadcrumbs a{color:var(--muted)}
.page-hero{padding:68px 0;background:var(--mint)}
.page-hero.green{color:white;background:var(--green)}
.page-hero-grid{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:55px}
.page-hero h1{margin-bottom:0;font-size:clamp(2.3rem,5vw,4.4rem)}
.page-hero-grid>p{margin:0;color:var(--muted);font-size:1.08rem}
.green .page-hero-grid>p{color:#c8d9d3}
.category-nav{position:sticky;z-index:50;top:84px;background:var(--paper);border-bottom:1px solid var(--line)}
.category-nav .container{padding:14px 0;display:flex;gap:9px;overflow-x:auto}
.category-nav a{padding:8px 13px;flex-shrink:0;background:var(--mint);border-radius:999px;font-size:.8rem;font-weight:900;text-decoration:none}
.catalog-section:nth-of-type(even){background:var(--cream)}
.product-hero{padding:62px 0;background:var(--cream)}
.product-hero-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:65px}
.big-product-image{aspect-ratio:1/.75;padding:32px;display:flex;flex-direction:column;color:white;background:radial-gradient(circle at 75% 25%,rgba(215,240,76,.25),transparent 30%),var(--green);border-radius:42px 9px}
.big-product-image strong{margin:auto;align-self:center;color:var(--lime);font-size:5rem}
.big-product-image small{align-self:end}
.product-hero h1{font-size:clamp(2rem,4.5vw,4rem)}
.price-box{margin:25px 0;padding:17px 0;border-top:1px solid #cfd8d3;border-bottom:1px solid #cfd8d3}
.price-box small,.price-box strong,.price-box span{display:block}
.price-box strong{font-size:2rem}
.price-box small,.price-box span{color:var(--muted)}
.tags{padding:0;display:flex;flex-wrap:wrap;gap:8px;list-style:none}
.tags li{color:var(--green);background:var(--mint)}
.features{padding:0;list-style:none}
.features li{padding:11px 0 11px 27px;position:relative;border-bottom:1px solid var(--line)}
.features li:before{position:absolute;left:0;color:var(--green);content:"●"}
.side-links{margin-top:22px}
.side-links a{padding:9px 0;display:block;border-top:1px solid var(--line);font-weight:700}
.guide-grid{display:grid;grid-template-columns:260px minmax(0,1fr);align-items:start;gap:70px}
.guide-menu{position:sticky;top:120px;padding:24px;background:var(--cream);border-radius:14px}
.guide-menu h2{font-size:1.2rem}
.guide-menu a{padding:9px 0;display:block;border-top:1px solid var(--line);font-weight:700}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.service-grid article{padding:29px;border:1px solid var(--line);border-radius:var(--radius)}
.service-grid span{color:var(--green);font-weight:900}
.service-grid h2{margin-top:28px;font-size:1.4rem}
.service-grid p{color:var(--muted)}
.payment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.payment-grid article{min-height:230px;padding:33px;background:var(--mint);border-radius:var(--radius)}
.payment-grid article:nth-child(2){color:white;background:var(--green)}
.payment-grid h2{margin-top:60px;font-size:1.7rem}
.mission{padding:36px;color:white;background:var(--green);border-radius:42px 9px}
.mission li{margin-bottom:10px}
.contacts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:21px}
.contacts-grid article{min-height:205px;padding:30px;display:flex;flex-direction:column;background:var(--mint);border-radius:var(--radius)}
.contacts-grid article:nth-child(2),.contacts-grid article:nth-child(3){background:var(--cream)}
.contacts-grid>article>span{margin-bottom:auto;color:var(--muted);font-size:.74rem;font-weight:900;text-transform:uppercase}
.contacts-grid h2{margin:32px 0 9px;font-size:clamp(1.4rem,3vw,2.15rem)}
.contacts-grid h2 a{color:var(--ink);text-decoration:none}
blockquote{margin:27px 0;padding:24px 27px;background:var(--mint);border-left:6px solid var(--green);border-radius:0 14px 14px 0}
.footer{padding-top:65px;color:#cbdad4;background:var(--deep)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.25fr;gap:44px}
.footer-logo{color:var(--lime);font-size:2rem;font-weight:900;text-decoration:none}
.footer h2{color:white;font-size:1rem}
.footer ul{padding:0;list-style:none}
.footer li{margin-bottom:8px}
.footer a{color:#dce7e3}
.footer-bottom{margin-top:45px;padding:22px 0;display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.13);font-size:.8rem}
@media(max-width:1050px){.header-row{padding:13px 0;flex-wrap:wrap}.nav{width:100%;margin-left:0;order:3;overflow-x:auto}.nav a{flex-shrink:0}.header-phone{margin-left:auto}.hero-grid{grid-template-columns:1fr 360px;gap:40px}.product-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.hero-grid,.page-hero-grid,.content-grid,.delivery-grid,.faq-grid,.product-hero-grid,.guide-grid{grid-template-columns:1fr}.advantages-grid{grid-template-columns:repeat(2,1fr)}.section-head{grid-template-columns:1fr;gap:18px}.sticky,.guide-menu{position:static}.big-product-image{max-width:650px}.guide-menu{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}.guide-menu h2{grid-column:1/-1}}
@media(max-width:700px){.container{width:min(calc(100% - 28px),var(--container))}.topline-row span:last-child,.header-phone{display:none}.topline-row{justify-content:center}.section{padding:58px 0}.hero{padding:62px 0}.product-grid,.category-grid,.service-grid,.payment-grid,.contacts-grid{grid-template-columns:1fr}.advantages-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.category-nav{top:128px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}}
@media(max-width:480px){.brand small{display:none}.buttons,.buttons .button{width:100%}.hero-menu,.order-card,.mission{padding:23px}.product-body,.category-grid article{padding:22px}.product-price{align-items:flex-start;flex-direction:column}.guide-menu{grid-template-columns:1fr}.guide-menu h2{grid-column:auto}.footer-bottom{gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}