
:root{
  --brown:#3d1c12;
  --green:#6aa434;
  --green2:#4f8529;
  --green-soft:#eef5e6;
  --cream:#f8f2e8;
  --cream2:#f3e4d1;
  --text:#1f1a17;
  --muted:#5e5953;
  --line:#e7ded3;
  --white:#fff;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.48}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.announcement{background:var(--brown);color:#fff;font-size:12px}
.announcement-inner{height:34px;display:flex;align-items:center;justify-content:center;gap:110px}
.header{height:92px;background:#fff;border-bottom:1px solid #efe9e2}
.nav{height:100%;display:flex;align-items:center}
.logo{width:215px;overflow:hidden}
.logo img{width:196px;height:68px;object-fit:cover;object-position:center}
.nav-links{margin-left:auto;display:flex;gap:48px;font-size:14px}
.nav-links a{height:92px;display:flex;align-items:center;position:relative}
.nav-links a:first-child{color:var(--green2)}
.nav-links a:first-child:after{content:"";position:absolute;left:0;right:0;bottom:22px;height:2px;background:var(--green)}
.mini-cart{margin-left:72px;font-size:25px;position:relative}
.mini-cart span{position:absolute;top:-5px;right:-10px;width:18px;height:18px;border-radius:50%;background:var(--green);color:#fff;font-size:10px;display:grid;place-items:center}
.hero{background:
  radial-gradient(circle at 90% 28%,rgba(94,135,50,.18),transparent 24%),
  linear-gradient(103deg,#fbf8f1 0%,#f1deca 58%,#e9c98d 100%);
  overflow:hidden}
.hero-inner{min-height:485px;display:grid;grid-template-columns:45% 55%;align-items:center}
.hero-copy{padding-left:26px}
.hero h1{font-size:58px;line-height:1.03;letter-spacing:-2px;color:#2a1610;margin:0 0 27px;font-weight:800}
.hero h1 span{display:block}
.green-rule{width:58px;height:3px;background:var(--green);margin:0 0 24px}
.hero p{max-width:420px;font-size:17px;color:#4c4945;margin:0}
.buttons{display:flex;gap:18px;margin-top:31px}
.btn{height:48px;padding:0 24px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:17px;font-weight:700;font-size:13px;border:1px solid var(--green);background:var(--green);color:#fff}
.btn.secondary{background:#fff;color:#1f1a17;border-color:#777}
.hero-product{height:485px;position:relative;display:flex;align-items:center;justify-content:center}
.hero-product:after{content:"";position:absolute;width:390px;height:88px;border-radius:50%;bottom:54px;background:rgba(91,57,21,.15);filter:blur(16px)}
.hero-product img{width:390px;position:relative;z-index:2;filter:drop-shadow(0 28px 19px rgba(71,42,13,.18))}
.trust-wrap{margin-top:-2px;background:linear-gradient(to bottom,transparent 0,transparent 50%,#fff 50%)}
.trust{position:relative;top:-24px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 15px 34px rgba(47,30,15,.08);display:grid;grid-template-columns:repeat(4,1fr);padding:25px 18px}
.trust-item{text-align:center;padding:0 18px;border-right:1px solid var(--line)}
.trust-item:last-child{border-right:none}
.icon{margin:0 auto 10px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green2);font-size:22px}
.trust-item b{display:block;font-size:14px;margin-bottom:6px}
.trust-item p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}
.section{padding:60px 0}
.about-grid{display:grid;grid-template-columns:42% 58%;align-items:center;gap:68px}
.eyebrow{font-size:11px;color:var(--green2);font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.about-copy h2,.feature-copy h2{font-size:40px;line-height:1.05;margin:10px 0 18px;letter-spacing:-1px}
.about-copy p,.feature-copy p{color:var(--muted);font-size:14px;max-width:420px}
.checks{display:grid;gap:9px;margin:20px 0 26px}
.check{font-size:13px;color:#4b4742}
.check:before{content:"✓";display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--green);color:#fff;margin-right:9px;font-size:10px}
.life{height:340px;border-radius:17px;overflow:hidden}
.life img{width:100%;height:100%;object-fit:cover}
.feature-section{background:#fbf8f3;padding:28px 0 24px}
.feature-grid{display:grid;grid-template-columns:35% 65%;align-items:center;gap:40px}
.feature-product{height:300px;display:flex;align-items:end;justify-content:center;position:relative}
.feature-product:before{content:"";position:absolute;bottom:28px;width:290px;height:68px;border-radius:50%;background:#d3c1a7;opacity:.5;filter:blur(5px)}
.feature-product img{width:255px;position:relative;z-index:2;filter:drop-shadow(0 20px 16px rgba(76,43,14,.15))}
.feature-copy h2{font-size:27px;margin:7px 0 18px}
.feature-copy p{max-width:630px}
.feature-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:25px 0 20px}
.feature-icon{display:flex;gap:10px;align-items:flex-start}
.feature-icon .small-icon{color:var(--green2);font-size:27px;line-height:1}
.feature-icon span{font-size:11px;color:#4b4742}
.disclaimer{font-size:10px!important;color:#777!important;max-width:700px!important;margin-top:14px!important}
.community{background:linear-gradient(90deg,#dce8c5 0,#f7f2e8 25%,#f7f2e8 100%);padding:22px 0}
.community-inner{display:flex;align-items:center;justify-content:center;gap:80px}
.community h3{font-size:23px;margin:0 0 3px}
.community p{font-size:12px;color:var(--muted);margin:0}
.community-badge{border:1px solid var(--green2);border-radius:30px;padding:12px 26px;color:var(--green2);font-weight:700;font-size:12px;background:#fff}
.footer{background:linear-gradient(90deg,#2a1711,#402018);color:#fff;padding:44px 0 18px}
.footer-main{display:grid;grid-template-columns:1.5fr .8fr .9fr 1.25fr;gap:52px}
.footer-logo-line{display:flex;align-items:center;gap:10px}.leaf-mark{font-size:38px;color:#8cbf48;font-style:italic}.footer-logo-line strong{font-size:25px;letter-spacing:.18em}.footer-brand small{display:block;color:#92be50;font-size:8px;letter-spacing:.12em;margin-left:50px}
.footer h4{margin:0 0 14px;font-size:12px}.footer a{display:block;font-size:11px;color:#eee2dc;margin:7px 0}.footer p{font-size:11px;color:#cfbbb2;line-height:1.6;margin:0}
.footer-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:30px;padding-top:17px;display:flex;justify-content:space-between;color:#bfa9a0;font-size:10px}
.product-page{background:linear-gradient(105deg,#fffaf2,#f2dfc8)}
.product-page-grid{min-height:540px;display:grid;grid-template-columns:48% 52%;align-items:center;gap:54px}
.product-card{height:430px;background:#fff;border:1px solid var(--line);border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 15px 35px rgba(48,29,11,.08)}
.product-card img{width:330px;filter:drop-shadow(0 23px 18px rgba(68,37,9,.15))}
.product-copy h1{font-size:55px;line-height:1.04;color:#2e1710;margin:9px 0 18px}
.product-copy p{font-size:16px;color:var(--muted)}
.note{background:#fff9e9;border:1px solid #ead8a8;border-radius:9px;padding:14px 16px;font-size:12px;color:#66552b;margin:20px 0}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.info-box{border:1px solid var(--line);border-radius:12px;padding:20px}.info-box h3{font-size:17px;margin:0 0 7px}.info-box p{font-size:12px;color:var(--muted);margin:0}
.legal{max-width:820px;padding:70px 0}.legal h1{font-size:46px}.legal h2{font-size:27px;margin-top:34px}.legal p{color:var(--muted)}
@media(max-width:850px){
 .announcement-inner{gap:25px}.announcement-inner span:nth-child(2){display:none}
 .nav-links{display:none}.mini-cart{margin-left:auto}
 .hero-inner,.about-grid,.feature-grid,.product-page-grid{grid-template-columns:1fr}
 .hero-inner{padding-top:55px}.hero-copy{padding:0}.hero-product{height:390px}
 .trust{grid-template-columns:1fr 1fr}.trust-item:nth-child(2){border-right:none}
 .about-grid{gap:30px}.life{height:300px}.feature-product{height:270px}
 .footer-main{grid-template-columns:1fr 1fr}.info-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
 .container{width:min(var(--max),calc(100% - 24px))}
 .announcement-inner span:nth-child(3){display:none}
 .header{height:74px}.nav-links{display:none}.nav{height:74px}.logo{width:160px}.logo img{width:155px;height:58px}.mini-cart{font-size:20px}
 .hero-inner{min-height:auto}.hero h1{font-size:43px}.hero-product{height:320px}.hero-product img{width:285px}
 .trust{grid-template-columns:1fr}.trust-item{border-right:none;border-bottom:1px solid var(--line);padding:18px}.trust-item:last-child{border-bottom:none}
 .about-copy h2,.feature-copy h2{font-size:32px}.feature-icons{grid-template-columns:1fr 1fr}.community-inner{flex-direction:column;gap:14px;text-align:center}
 .footer-main{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.info-grid{grid-template-columns:1fr}
}

.products-hero{background:linear-gradient(105deg,#fffaf4,#f3e6d8);padding:68px 0 54px}
.products-hero h1{font-size:52px;line-height:1.03;margin:10px 0 16px;color:#2c1710}
.products-hero p{max-width:700px;color:var(--muted);font-size:16px}
.catalogue{padding:64px 0 82px}
.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.catalogue-card{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 13px 30px rgba(47,30,15,.07)}
.catalogue-visual{height:330px;background:linear-gradient(145deg,#fbf7ee,#f1e0cc);display:flex;align-items:center;justify-content:center;padding:28px}
.catalogue-visual img{max-height:285px;max-width:82%;filter:drop-shadow(0 18px 16px rgba(68,37,9,.14))}
.catalogue-copy{padding:26px}
.catalogue-copy h2{font-size:27px;margin:7px 0 12px}
.catalogue-copy p{font-size:13px;color:var(--muted)}
.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.tag{font-size:10px;font-weight:700;background:var(--green-soft);color:var(--green2);padding:7px 10px;border-radius:999px}
.cellu-hero{background:linear-gradient(105deg,#f7fbfb,#e6f1ef 55%,#d8ece7)}
.cellu-panel{background:#fff;border:1px solid #dbe8e5;border-radius:20px;min-height:430px;display:flex;align-items:center;justify-content:center;box-shadow:0 15px 35px rgba(23,64,55,.08)}
.cellu-panel img{max-height:350px;width:auto;filter:drop-shadow(0 22px 18px rgba(34,62,55,.14))}
.cellu-accent{color:#5a9e96}
@media(max-width:700px){
  .product-grid{grid-template-columns:1fr}
  .products-hero h1{font-size:42px}
}
