@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap');
:root{--ink:#173629;--green:#194c34;--dark:#103322;--lime:#cfe970;--cream:#f5f3e7;--paper:#fffef9;--line:#dfe5dc;--muted:#68766d;--orange:#f2b866}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.top{background:var(--dark);color:#fff;text-align:center;padding:8px 20px;font-size:13px;letter-spacing:.03em}header{height:82px;padding:0 max(24px,calc((100% - 1200px)/2));display:flex;align-items:center;gap:42px;position:sticky;top:0;z-index:20;background:rgba(255,254,249,.95);backdrop-filter:blur(14px);border-bottom:1px solid #e5e9e3}.logo{display:flex;align-items:center;gap:10px;font:700 24px 'Fraunces',serif}.logo img{width:43px;height:43px;object-fit:contain}.logo span span{color:#78a625}nav{display:flex;gap:28px;font-weight:600;font-size:14px}nav a:hover{color:#6c9923}.cart{margin-left:auto;border:0;border-radius:999px;padding:11px 17px;background:var(--green);color:#fff;cursor:pointer}.cart b{background:var(--lime);color:var(--green);border-radius:50%;padding:2px 7px;margin-left:6px}.hero{min-height:670px;padding:90px max(24px,calc((100% - 1200px)/2));display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(9,48,30,.96),rgba(13,52,32,.68) 45%,transparent 75%),url('/assets/hero-microplante.png') center/cover}.hero>div{max-width:760px}.eyebrow{font-weight:800;letter-spacing:.15em;font-size:12px;color:var(--lime)}h1,h2{font-family:'Fraunces',serif;line-height:.95;letter-spacing:-.04em}.hero h1{font-size:clamp(55px,7vw,94px);margin:20px 0}.hero h1 em{color:var(--lime);font-style:normal}.hero p{font-size:19px;max-width:580px;color:#e2eee6}.actions{display:flex;gap:12px;margin-top:32px}.button{border:0;border-radius:999px;background:var(--lime);color:var(--dark);font-weight:800;padding:14px 21px;cursor:pointer;display:inline-flex;justify-content:center}.button:hover{transform:translateY(-2px);filter:brightness(1.04)}.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55)}.benefits{display:grid;grid-template-columns:repeat(4,1fr);max-width:1200px;margin:auto;padding:25px 24px;font-weight:700}.section{padding:95px max(24px,calc((100% - 1200px)/2))}.head{display:flex;justify-content:space-between;align-items:end;gap:30px}.head h2,.guide h2,.related h2{font-size:clamp(42px,5vw,68px);margin:13px 0}.head p{max-width:440px;color:var(--muted)}.green{color:#6c9528}.search{display:flex;align-items:center;border:1px solid var(--line);border-radius:16px;padding:0 16px;margin:28px 0;background:#fff}.search input{border:0;outline:0;padding:16px;width:100%;background:transparent}.search span{white-space:nowrap;color:var(--muted);font-size:14px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;transition:.22s}.product:hover{transform:translateY(-5px);box-shadow:0 18px 48px #16382719}.photo{height:195px;display:flex;align-items:end;padding:15px;background-image:url('/assets/hero-microplante.png');background-size:850px auto}.photo span{background:#fff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.crop-1{background-position:68% 35%}.crop-2{background-position:94% 55%}.crop-3{background-position:74% 68%}.crop-4{background-position:55% 60%}.crop-5{background-position:82% 35%}.crop-6{background-position:100% 30%}.product-copy{padding:18px}.product-copy small{color:#779328;font-weight:800;font-size:10px;letter-spacing:.08em}.product h3{font:700 22px 'Fraunces',serif;margin:7px 0}.product p{color:var(--muted);font-size:14px;min-height:43px}.buy{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.buy button{border:0;background:var(--green);color:#fff;width:40px;height:40px;border-radius:50%;font-size:22px;cursor:pointer}.dark{background:var(--green);color:#fff;padding:95px max(24px,calc((100% - 1200px)/2));display:grid;grid-template-columns:1fr 1fr;gap:80px}.dark h2{font-size:clamp(42px,5vw,68px);margin:18px 0}.dark p{color:#d5e2d9}.dark ol{list-style:none;margin:0;padding:0;display:grid;gap:14px}.dark li{display:flex;gap:17px;padding:20px;border-radius:18px;background:#ffffff12;border:1px solid #ffffff20}.dark li>b{width:50px;height:50px;background:var(--lime);color:var(--green);border-radius:50%;display:grid;place-items:center;font:700 19px 'Fraunces'}.dark li span{display:grid}.dark li small{color:#d5e2d9}.guide{background:var(--cream)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide article{background:#fff;border-radius:22px;padding:28px;border:1px solid var(--line)}.guide article>b{color:#719629}.guide article h3{font:700 25px 'Fraunces';margin:16px 0 8px}.guide article p{color:var(--muted)}.offer{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:85px max(24px,calc((100% - 1200px)/2));background:var(--orange)}.offer h2{font-size:clamp(42px,5vw,68px);margin:15px 0}.offer form{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#fff;border-radius:24px;padding:28px}.offer input,.offer select,.offer textarea{border:1px solid var(--line);border-radius:11px;padding:13px}.offer textarea,.offer button{grid-column:1/-1}.offer textarea{min-height:95px}footer{background:#0d2d1f;color:#fff;padding:60px max(24px,calc((100% - 1200px)/2));display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px}.foot{color:#fff}.foot img{width:48px}footer div{display:grid;align-content:start;gap:9px}footer p,footer a{color:#bdd0c3}.copy{background:#0d2d1f;color:#9eb2a5;text-align:center;padding:18px;border-top:1px solid #ffffff18;font-size:13px}.crumb{max-width:1200px;margin:35px auto 0;padding:0 24px;color:var(--muted);font-size:14px}.detail{max-width:1200px;margin:auto;padding:50px 24px 85px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.detail-photo{height:530px;border-radius:28px;background-image:url('/assets/hero-microplante.png');background-size:1200px auto;display:grid;place-items:center;overflow:hidden}.detail-photo img{width:140px;filter:drop-shadow(0 15px 18px #0004);opacity:.92}.detail h1{font-size:clamp(48px,6vw,78px);margin:17px 0}.lead{font-size:19px;color:var(--muted)}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:28px 0}.facts span{border:1px solid var(--line);padding:12px;border-radius:12px;font-weight:700}.facts small{display:block;font-size:10px;color:var(--muted);letter-spacing:.08em}.detail-buy{display:flex;align-items:center;gap:24px}.detail-buy>strong{font-size:24px}.content{max-width:1200px;margin:auto;padding:0 24px 85px;display:grid;grid-template-columns:1.6fr .7fr;gap:80px}.content h2{font-size:38px;margin:40px 0 12px}.content p{color:#506157}.content aside{background:var(--cream);border-radius:22px;padding:26px;height:max-content}.content dl{display:grid;gap:13px}.content dt{font-size:11px;font-weight:800;color:var(--muted)}.content dd{margin:0 0 7px}.content aside .button{width:100%;margin-top:15px}.related{background:var(--cream);padding:80px max(24px,calc((100% - 1200px)/2))}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.mini-grid a{background:#fff;padding:22px;border-radius:18px;display:grid;gap:7px}.mini-grid a span{font-size:11px;color:#789426;text-transform:uppercase;font-weight:800}.mini-grid a b{font:700 22px 'Fraunces'}.mini-grid a small{color:var(--muted)}.cart-panel{position:fixed;inset:0;background:#0b1e14aa;z-index:50;opacity:0;pointer-events:none;transition:.2s}.cart-panel.open{opacity:1;pointer-events:auto}.cart-box{margin-left:auto;width:min(440px,100%);height:100%;background:#fff;padding:30px;transform:translateX(100%);transition:.2s;overflow:auto}.open .cart-box{transform:none}.x{float:right;border:0;background:var(--cream);border-radius:50%;width:40px;height:40px}.line{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0}.line button{border:0;background:none;color:#a33;cursor:pointer}.total{display:flex;justify-content:space-between;font-weight:800;font-size:20px;margin:25px 0}.cart-box>.button{width:100%}@media(max-width:900px){nav{display:none}.grid{grid-template-columns:repeat(2,1fr)}.dark,.offer,.detail,.content{grid-template-columns:1fr}.hero{background-position:63% center}.benefits{grid-template-columns:1fr 1fr;gap:12px}.footer{grid-template-columns:1fr 1fr}.detail-photo{height:430px}.content{gap:10px}}@media(max-width:600px){header{height:68px;padding:0 15px}.logo{font-size:20px}.logo img{width:36px;height:36px}.hero{min-height:620px;align-items:end;padding-bottom:60px;background:linear-gradient(0deg,#0d3424ee,#0d342488 70%,transparent),url('/assets/hero-microplante.png') 69%/cover}.hero h1{font-size:53px}.actions{display:grid}.benefits{font-size:13px}.section{padding:70px 17px}.head{display:block}.grid{grid-template-columns:1fr}.photo{height:265px;background-size:1100px}.dark,.offer{padding:70px 18px;gap:40px}.guide-grid,.mini-grid{grid-template-columns:1fr}.offer form{grid-template-columns:1fr}.offer textarea,.offer button{grid-column:auto}footer{grid-template-columns:1fr;padding:50px 20px}.detail{padding:35px 17px 65px;gap:35px}.detail-photo{height:340px}.facts{grid-template-columns:1fr 1fr}.content{padding:0 17px 65px}.related{padding:65px 17px}.detail-buy{align-items:flex-start;flex-direction:column}}
