:root{--primary:#24543b;--primary-dark:#173c2a;--accent:#d8a328;--bg:#fff;--surface:#f6f5f0;--text:#20251f;--muted:#626a62;--border:#e2e5de;--shadow:0 18px 45px rgba(23,60,42,.1);--radius:18px;--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}body.nav-open{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}.narrow{max-width:880px}.section{padding:96px 0}.surface{background:var(--surface)}.skip-link{position:fixed;z-index:1000;left:12px;top:-60px;padding:10px 16px;background:#fff;color:var(--primary-dark);border:2px solid var(--accent);border-radius:8px}.skip-link:focus{top:12px}.site-header{position:sticky;z-index:100;top:0;background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);backdrop-filter:blur(10px)}.nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;line-height:1.1;flex:0 0 auto}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--primary);color:#fff;font-size:24px;font-weight:850;box-shadow:inset -3px -3px 0 rgba(0,0,0,.12)}.brand b{display:block;font-size:20px;color:var(--primary-dark);letter-spacing:.08em}.brand small{display:block;margin-top:4px;color:var(--muted);font-size:11px}.primary-nav{display:flex;align-items:center;gap:19px;font-size:13px;font-weight:650}.primary-nav>a:not(.btn){padding:26px 0;white-space:nowrap}.primary-nav>a:not(.btn):hover{color:var(--primary)}.nav-toggle{display:none;padding:10px;border:0;background:transparent}.nav-toggle span{display:block;width:25px;height:2px;margin:5px;background:var(--primary-dark);transition:.2s}.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border:2px solid var(--primary);border-radius:10px;background:var(--primary);color:#fff;font-weight:760;line-height:1.2;cursor:pointer;transition:transform .18s,background-color .18s,border-color .18s}.btn:hover:not(.is-disabled){transform:translateY(-2px);background:var(--primary-dark);border-color:var(--primary-dark)}.btn-small{min-height:42px;padding:9px 14px}.btn-secondary{background:#fff;color:var(--primary)}.btn-ghost{background:transparent;color:var(--primary)}.is-disabled,.btn:disabled{opacity:.53;cursor:not-allowed;pointer-events:none}.hero{padding-top:54px;background:linear-gradient(90deg,#f7f5ee 0 47%,#fff 47%)}.hero-grid{display:grid;grid-template-columns:.93fr 1.07fr;align-items:center;gap:56px}.eyebrow{margin:0 0 10px;color:var(--accent);font-weight:820;font-size:13px;letter-spacing:.14em;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(40px,5.2vw,68px);line-height:1.04;letter-spacing:-.045em;color:var(--primary-dark)}.hero h1 span{display:block;margin-bottom:20px;color:var(--primary);font-size:16px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.lead{font-size:18px;color:#4f574f;max-width:630px}.actions,.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.wa-note{min-height:24px;margin:12px 0 0;color:var(--muted);font-size:13px}.trust-list{display:flex;flex-wrap:wrap;gap:12px 22px;margin:26px 0 0;padding:20px 0 0;border-top:1px solid var(--border);list-style:none;font-size:13px;font-weight:700;color:var(--primary-dark)}.trust-list li::before{content:"✓";margin-right:7px;color:var(--accent)}.hero-media{position:relative;margin:0}.hero-media img{width:100%;aspect-ratio:8/5;object-fit:cover;border-radius:24px;box-shadow:var(--shadow)}.hero-media figcaption{margin:8px 4px 0;text-align:right;color:var(--muted);font-size:11px}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.section h2{margin:0;color:var(--primary-dark);font-size:clamp(32px,4vw,48px);line-height:1.12;letter-spacing:-.035em}.lead-sm{margin-top:0;font-size:19px}.placeholder{padding:16px;border-left:4px solid var(--accent);background:var(--surface);color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-head>p{max-width:450px;margin:0;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-card{display:flex;flex-direction:column;padding:22px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);transition:transform .18s,box-shadow .18s}.category-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.category-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#edf3ec;color:var(--primary);font-size:22px}.category-card h3{margin:16px 0 5px;font-size:18px}.category-card p{margin:0 0 18px;color:var(--muted);font-size:14px}.text-link{margin-top:auto;color:var(--primary);font-weight:750;font-size:14px}.catalog-tools{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:24px;padding:20px;background:var(--surface);border-radius:var(--radius)}.search-label{display:grid;gap:6px;min-width:min(100%,340px);font-size:13px;font-weight:750}.search-label input{width:100%;padding:12px 14px;border:1px solid #bfc5bc;border-radius:9px;background:#fff;color:var(--text)}.filters{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{padding:8px 13px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--text);cursor:pointer;font-size:13px}.filter-btn[aria-pressed="true"]{background:var(--primary);border-color:var(--primary);color:#fff}.result-summary{color:var(--muted);font-size:14px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.product-card img{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--surface)}.product-content{display:flex;flex:1;flex-direction:column;padding:18px}.product-meta{display:flex;justify-content:space-between;gap:8px;align-items:center}.tag,.status{font-size:11px;font-weight:760}.tag{color:var(--primary)}.status{padding:4px 8px;border-radius:20px;background:#eaf3e8;color:#26602f}.status.unavailable{background:#f2eeee;color:#805150}.product-card h3{margin:13px 0 2px;font-size:18px;line-height:1.3}.product-card p{margin:0 0 16px;color:var(--muted);font-size:13px}.product-actions{display:flex;gap:8px;margin-top:auto}.product-actions .btn{flex:1;min-height:39px;padding:8px;font-size:12px}.empty-state{padding:40px;text-align:center;border:1px dashed #aeb5aa;border-radius:var(--radius);color:var(--muted)}.primary-section{background:var(--primary-dark);color:#e9efe9}.section-head.light h2{color:#fff}.section-head.light>p{color:#c3cec4}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14)}.benefit-grid article{padding:28px;background:var(--primary-dark)}.benefit-grid b{color:var(--accent)}.benefit-grid h3{margin:22px 0 8px;color:#fff}.benefit-grid p{margin:0;color:#bcc9be;font-size:14px}.promo{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:48px;border-radius:24px;background:#f4eacb}.promo h2{max-width:760px}.promo p:not(.eyebrow){color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:0;padding:0;list-style:none}.steps li{padding:25px;border-top:3px solid var(--accent);background:#fff}.steps span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;font-weight:800}.steps h3{margin:22px 0 4px}.steps p{margin:0;color:var(--muted)}.testimonial{padding:52px;text-align:center;border:1px solid var(--border);border-radius:24px}.testimonial blockquote{margin:22px auto;max-width:700px;color:var(--primary-dark);font-family:Georgia,serif;font-size:28px}.testimonial>p:last-child{color:var(--muted);font-size:13px}.faq-item{border-bottom:1px solid #d8dcd5}.faq-item h3{margin:0}.faq-item button{width:100%;display:flex;justify-content:space-between;gap:30px;padding:23px 0;border:0;background:transparent;color:var(--primary-dark);font-weight:760;text-align:left;cursor:pointer}.faq-item button span:last-child{font-size:23px;color:var(--accent);transition:transform .2s}.faq-item button[aria-expanded="true"] span:last-child{transform:rotate(45deg)}.faq-answer{padding:0 40px 22px 0;color:var(--muted)}.faq-answer p{margin:0}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.map-placeholder{display:grid;place-items:center;align-content:center;min-height:450px;padding:40px;border-radius:24px;background:var(--surface);text-align:center}.map-placeholder span{font-size:58px;color:var(--accent)}.map-placeholder h3{margin:10px 0 0;font-size:24px}.map-placeholder p{color:var(--muted)}.contact-card{padding:36px;border:1px solid var(--border);border-radius:24px}.contact-card h3{margin-top:0;font-size:26px;color:var(--primary-dark)}.contact-card dl{margin:0}.contact-card dl div{padding:13px 0;border-bottom:1px solid var(--border)}.contact-card dt{font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.contact-card dd{margin:3px 0 0;overflow-wrap:anywhere}.copy-status{min-height:24px;color:var(--primary);font-size:13px}.site-footer{padding:70px 0 24px;background:#102c1e;color:#c7d3c9}.footer-grid{display:grid;grid-template-columns:1.6fr .7fr 1fr 1fr;gap:50px}.footer-brand b{color:#fff}.footer-brand small{color:#aebdaf}.site-footer h2{margin:0 0 16px;color:#fff;font-size:15px}.site-footer a:not(.brand){display:block;margin:8px 0}.site-footer p{color:#aebdaf}.copyright{margin-top:45px;padding-top:22px;border-top:1px solid rgba(255,255,255,.13);font-size:13px}.noscript{position:fixed;z-index:200;bottom:0;left:0;right:0;padding:12px;background:#fff0c7;text-align:center}:focus-visible{outline:3px solid #e4ad2d;outline-offset:3px}
@media(max-width:1050px){.primary-nav{gap:12px}.primary-nav>a:not(.btn){font-size:12px}.category-grid,.product-grid{grid-template-columns:repeat(3,1fr)}.benefit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.section{padding:72px 0}.nav-toggle{display:block}.primary-nav{position:fixed;top:76px;right:0;bottom:0;width:min(86vw,380px);padding:24px;display:flex;align-items:stretch;flex-direction:column;gap:0;background:#fff;box-shadow:-15px 15px 35px rgba(0,0,0,.15);transform:translateX(105%);visibility:hidden;transition:transform .22s,visibility .22s;overflow-y:auto}.primary-nav.is-open{transform:none;visibility:visible}.primary-nav>a:not(.btn){padding:13px 4px;border-bottom:1px solid var(--border);font-size:15px}.primary-nav .btn{margin-top:18px}.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{background:var(--surface)}.hero-grid{grid-template-columns:1fr}.hero-copy{order:1}.hero-media{order:0}.hero-media img{max-height:430px}.split{grid-template-columns:1fr;gap:20px}.section-head{display:block}.section-head>p{margin-top:15px}.category-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.promo{align-items:flex-start;flex-direction:column}.location-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.container{width:min(calc(100% - 28px),var(--container))}.section{padding:58px 0}.brand small{display:none}.hero{padding-top:24px}.hero-grid{gap:28px}.hero h1{font-size:39px}.hero-media img{border-radius:16px}.actions .btn{width:100%}.category-grid,.product-grid,.benefit-grid,.steps{grid-template-columns:1fr}.catalog-tools{padding:14px}.filters{flex-wrap:nowrap;width:100%;overflow-x:auto;padding-bottom:5px}.filter-btn{flex:0 0 auto}.product-actions{flex-direction:column}.promo,.testimonial,.contact-card{padding:28px 22px}.testimonial blockquote{font-size:22px}.footer-grid{grid-template-columns:1fr;gap:28px}.contact-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
