:root{
  --green:#063d32;--green2:#0b5142;--gold:#d6aa46;--cream:#f6f1e7;
  --ink:#0a2c25;--muted:#6d746f;--line:#e5dfd3;--white:#fff;
  --shadow:0 18px 60px rgba(6,61,50,.14)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Be Vietnam Pro",sans-serif;color:var(--ink);background:#fff}
button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
.topbar{height:74px;background:var(--green);color:white;display:flex;align-items:center;padding:0 7%;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.1)}
.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:800;letter-spacing:.5px}.brand-mark{color:var(--gold);font-size:28px}
nav{display:flex;gap:38px;margin:auto}nav a{font-size:14px;font-weight:600;padding:27px 0 23px;border-bottom:3px solid transparent}nav a:hover,nav a.active{color:var(--gold);border-color:var(--gold)}
.head-actions{display:flex;gap:10px}.icon-btn,.cart-btn,.menu-btn{border:0;background:transparent;color:white;font-size:21px}.cart-btn span{display:inline-grid;place-items:center;background:var(--gold);color:var(--green);font-weight:800;font-size:11px;min-width:19px;height:19px;border-radius:50%}.menu-btn{display:none}
.hero{min-height:560px;padding:62px 7%;display:grid;grid-template-columns:1fr 1.25fr;align-items:center;background:linear-gradient(110deg,#f7f2e8 0%,#faf8f2 58%,#f0ebe0 100%);overflow:hidden}
.hero-copy{max-width:600px;position:relative;z-index:2}.eyebrow{color:#9a762a;font-weight:800;font-size:12px;letter-spacing:1.6px}
.hero h1{font-size:68px;line-height:.98;margin:18px 0 22px;letter-spacing:-3.5px}.hero p{font-size:18px;line-height:1.7;color:#55645f;max-width:560px}
.hero-actions{display:flex;gap:14px;margin:28px 0}.btn{border-radius:7px;padding:14px 22px;border:1px solid var(--green);font-weight:700;display:inline-flex;align-items:center;justify-content:center}.btn.primary{background:var(--green);color:white}.btn.primary:hover{background:var(--green2)}.btn.secondary{background:white;color:var(--green)}.full{width:100%}
.trust-row{display:flex;flex-wrap:wrap;gap:18px;color:#61706a;font-size:12px}.hero-visual{position:relative;display:grid;place-items:center}.hero-visual img{width:min(700px,100%);border-radius:30px;mix-blend-mode:multiply;position:relative;z-index:2}.halo{position:absolute;width:520px;height:520px;background:radial-gradient(circle,#e9d7a9 0%,rgba(233,215,169,0) 68%)}
.section{padding:76px 7%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section h2{font-size:38px;letter-spacing:-1.5px;margin:8px 0}.text-link{border:0;background:none;font-weight:700;color:var(--green)}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:white;transition:.25s;position:relative}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.product-img{aspect-ratio:1.15/1;overflow:hidden;background:#f5f0e7}.product-img img{width:100%;height:100%;object-fit:cover;transition:.3s}.product-card:hover img{transform:scale(1.04)}
.product-info{padding:16px}.product-name{font-size:14px;font-weight:700;margin:0 0 9px}.product-bottom{display:flex;justify-content:space-between;align-items:center}.price{color:#b1842f;font-weight:800}.add-btn{width:37px;height:37px;border-radius:10px;border:1px solid var(--line);background:white}.add-btn:hover{background:var(--green);color:white}
.story{background:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.story-copy p{color:#5d6864;line-height:1.75}.story-copy strong,.story-copy small{display:block;margin-top:14px}.story-card{background:var(--green);padding:18px;border-radius:20px;box-shadow:var(--shadow)}.story-card img{width:100%;display:block;border-radius:12px}
.lookup{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.lookup p{color:var(--muted)}.lookup-form{display:flex;gap:10px}.lookup-form input{flex:1;padding:14px 16px;border:1px solid var(--line);border-radius:8px}.lookup-result{grid-column:1/-1;padding:0}.status-box{background:#f4f8f6;border:1px solid #dce9e4;border-radius:12px;padding:18px}.status-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.status-step{padding:10px;background:white;border-radius:8px;color:#8a918d}.status-step.active{background:var(--green);color:white}
footer{background:var(--green);color:white;padding:52px 7% 22px}.footer-grid{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:34px}.footer-brand{font-size:25px;font-weight:800;color:var(--gold)}footer h3{font-size:12px;letter-spacing:1.4px}footer p,footer a{font-size:13px;line-height:1.9;color:#d3e1dd;display:block}.socials{display:flex;flex-wrap:wrap;gap:8px}.socials a{border:1px solid rgba(214,170,70,.5);padding:8px 10px;border-radius:7px}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.12);margin-top:38px;padding-top:20px;font-size:12px;color:#aac2bb}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;place-items:center;padding:20px;z-index:100}.modal.open{display:grid}.modal-card{background:white;width:min(480px,100%);border-radius:18px;padding:28px;position:relative;box-shadow:var(--shadow);max-height:90vh;overflow:auto}.checkout-card{width:min(650px,100%)}.modal-close{border:0;background:none;font-size:30px;position:absolute;top:12px;right:16px}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:22px}.tab{flex:1;padding:12px;border:0;background:none;font-weight:700;border-bottom:3px solid transparent}.tab.active{color:var(--green);border-color:var(--gold)}.tab-pane{display:none}.tab-pane.active{display:block}.tab-pane h2{margin-top:0}.tab-pane label,#checkoutForm label{display:block;font-size:13px;font-weight:700;margin-bottom:14px}.tab-pane input,#checkoutForm input,#checkoutForm textarea{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:8px;padding:12px}.form-note{min-height:20px;font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkout-total{display:flex;justify-content:space-between;padding:16px 0;font-size:18px}
.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;z-index:80}.drawer-backdrop.open{display:block}.drawer{position:fixed;right:-430px;top:0;height:100%;width:min(420px,100%);background:white;z-index:90;transition:.3s;display:flex;flex-direction:column;box-shadow:var(--shadow)}.drawer.open{right:0}.drawer-head{padding:22px;border-bottom:1px solid var(--line);position:relative}.drawer-head h2{margin:0}.cart-items{padding:18px;overflow:auto;flex:1}.cart-row{display:grid;grid-template-columns:75px 1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.cart-row img{width:75px;height:70px;object-fit:cover;border-radius:8px}.qty{display:flex;gap:8px;align-items:center;margin-top:7px}.qty button{width:25px;height:25px;border:1px solid var(--line);background:white;border-radius:5px}.remove{border:0;background:none;color:#b34848}.cart-summary{padding:20px;border-top:1px solid var(--line)}.cart-summary>div{display:flex;justify-content:space-between;margin-bottom:16px}.empty{text-align:center;color:var(--muted);padding:60px 10px}.success-card{text-align:center}.success-icon{margin:auto;width:70px;height:70px;border-radius:50%;background:#e6f4ee;color:var(--green);display:grid;place-items:center;font-size:35px;font-weight:800}.order-code{background:var(--cream);padding:15px;border-radius:9px;margin:18px 0}
@media(max-width:1050px){.product-grid{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:56px}.footer-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.topbar{padding:0 18px}.menu-btn{display:block;margin-left:auto}.topbar nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--green);padding:12px 22px;flex-direction:column;gap:0}.topbar nav.open{display:flex}.topbar nav a{padding:14px 0}.head-actions{margin-left:8px}.hero{grid-template-columns:1fr;padding:55px 20px}.hero h1{font-size:49px}.hero-visual{margin-top:25px}.section{padding:58px 20px}.product-grid{grid-template-columns:repeat(2,1fr)}.story,.lookup{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.status-steps{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.brand{font-size:19px}.hero h1{font-size:42px}.hero-actions{flex-direction:column}.product-grid{grid-template-columns:1fr}.section-head{align-items:start;gap:14px}.section h2{font-size:31px}.lookup-form{flex-direction:column}.footer-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}}