:root{--green:#153f2b;--green2:#1f6243;--gold:#c99a3e;--cream:#f8f5ed;--ink:#1d2a24;--muted:#647169}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.7}.navbar{background:rgba(255,255,255,.96);backdrop-filter:blur(12px);box-shadow:0 4px 20px rgba(0,0,0,.06)}.brand-logo{width:48px;height:48px;object-fit:contain;border-radius:50%}.brand{font-weight:800;letter-spacing:.2px;color:var(--green)}.nav-link{font-weight:600;color:#31443a!important}.nav-link:hover,.nav-link.active{color:var(--gold)!important}.btn-gold{background:var(--gold);border-color:var(--gold);color:#fff;font-weight:700}.btn-gold:hover{background:#aa7d27;border-color:#aa7d27;color:#fff}.btn-green{background:var(--green);border-color:var(--green);color:#fff;font-weight:700}.btn-green:hover{background:#0d2f20;color:#fff}.hero{min-height:82vh;background:linear-gradient(90deg,rgba(11,42,27,.9),rgba(11,42,27,.38)),url('../images/Meeting2.jpeg') center top/cover no-repeat;display:flex;align-items:center;color:#fff}.hero h1{font-size:clamp(2.7rem,6vw,5.4rem);line-height:1.05;font-weight:800}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:3px;font-weight:800;font-size:.8rem}.section{padding:90px 0}.section-cream{background:var(--cream)}.section-title{font-weight:800;color:var(--green);font-size:clamp(2rem,4vw,3rem);line-height:1.15}.lead{color:var(--muted)}.feature-card,.product-card,.info-card{border:0;border-radius:20px;background:#fff;box-shadow:0 12px 40px rgba(21,63,43,.08);height:100%;overflow:hidden}.feature-icon{width:54px;height:54px;border-radius:15px;background:#edf4ef;color:var(--green);display:grid;place-items:center;font-size:1.4rem}.product-card img{height:270px;width:100%;object-fit:cover}.product-body{padding:26px}.product-tag{display:inline-block;background:#f5ecd9;color:#8a681f;border-radius:50px;padding:5px 12px;font-size:.75rem;font-weight:800}.about-img{height:560px;object-fit:cover;border-radius:24px;box-shadow:0 20px 50px rgba(0,0,0,.12)}.page-hero{padding:150px 0 90px;background:linear-gradient(90deg,rgba(13,47,32,.9),rgba(13,47,32,.55)),url('../images/VetiverOil3.jpeg') center 31%/cover no-repeat;color:#fff}.contact-box{background:var(--green);color:#fff;border-radius:24px;padding:45px}.form-control{padding:.85rem 1rem;border-radius:12px;border:1px solid #dfe6e1}.form-control:focus{border-color:var(--green2);box-shadow:0 0 0 .2rem rgba(31,98,67,.1)}footer{background:#0d2b1d;color:#dce7e0;padding:55px 0 25px}.footer-link{color:#dce7e0;text-decoration:none}.footer-link:hover{color:#fff}.whatsapp{position:fixed;right:22px;bottom:22px;z-index:1000;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;font-size:28px;text-decoration:none;box-shadow:0 8px 25px rgba(0,0,0,.2)}.stat{font-size:2.2rem;font-weight:800;color:var(--green)}.quote{border-left:4px solid var(--gold);padding-left:20px;font-size:1.15rem;font-weight:600}.small-muted{font-size:.9rem;color:var(--muted)}@media(max-width:767px){.section{padding:65px 0}.hero{min-height:78vh}.about-img{height:400px}.page-hero{padding:125px 0 70px}}


/* Buyer-focused product information */
.spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.spec-item{background:#f8faf8;border:1px solid #e5ece7;border-radius:14px;padding:15px 16px}.spec-item strong{display:block;color:var(--green);font-size:.82rem;text-transform:uppercase;letter-spacing:.7px}.spec-item span{display:block;margin-top:4px;color:var(--muted)}.trust-card{height:100%;border:1px solid #e5ece7;border-radius:18px;padding:24px;background:#fff}.market-pill{display:inline-flex;align-items:center;border:1px solid #dfe8e2;border-radius:999px;padding:9px 14px;margin:5px;color:var(--green);font-weight:700;background:#fff}.product-detail{border-radius:24px;overflow:hidden;box-shadow:0 15px 45px rgba(21,63,43,.09);background:#fff}.product-detail .product-visual{width:100%;height:auto;aspect-ratio:1 / 1;min-height:0;object-fit:cover;display:block}.product-detail-body{padding:34px}.mini-label{font-size:.78rem;letter-spacing:1.5px;text-transform:uppercase;font-weight:800;color:var(--gold)}@media(max-width:767px){.spec-grid{grid-template-columns:1fr}.product-detail .product-visual{min-height:0;aspect-ratio:1 / 1}}

/* Redesigned product page */
.products-page-hero{min-height:390px;padding:145px 0 80px;background:linear-gradient(90deg,rgba(13,47,32,.93),rgba(13,47,32,.58)),url('../images/VetiverOil3.jpeg') center 31%/cover no-repeat;color:#fff}
.products-section{padding-top:82px;padding-bottom:55px}
.section-product-vetiver{padding-top:45px;padding-bottom:82px}
.product-showcase{display:grid;grid-template-columns:minmax(300px, .82fr) minmax(0,1.18fr);background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 18px 55px rgba(21,63,43,.10);border:1px solid #edf1ee}
.product-showcase-reverse{grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr)}
.product-showcase-reverse .product-media-panel{order:2}
.product-showcase-reverse .product-info-panel{order:1}
.product-media-panel{padding:22px;background:#f5f8f5;display:flex;flex-direction:column;align-self:stretch}
.product-image-wrap{position:relative;border-radius:20px;overflow:hidden;background:#e9efeb}
.product-visual{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}
.image-badge{position:absolute;left:16px;bottom:16px;background:rgba(13,47,32,.92);color:#fff;border-radius:999px;padding:8px 13px;font-size:.78rem;font-weight:700;letter-spacing:.2px}
.buyer-snapshot{margin-top:16px;background:#fff;border:1px solid #e3eae5;border-radius:18px;padding:17px}
.snapshot-title{color:var(--green);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:1.1px;margin-bottom:12px}
.snapshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.snapshot-grid>div{background:#f8faf8;border-radius:12px;padding:11px 12px;min-width:0}
.snapshot-grid span{display:block;color:#74847a;font-size:.72rem;text-transform:uppercase;letter-spacing:.6px;margin-bottom:3px}
.snapshot-grid strong{display:block;color:#183f2e;font-size:.88rem;line-height:1.25}
.product-info-panel{padding:32px 34px 30px;min-width:0}
.product-intro{font-size:.98rem;line-height:1.7;margin-bottom:22px}
.spec-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;border-bottom:1px solid #e5ece7;padding-bottom:10px;margin-bottom:13px}
.spec-heading span{font-weight:800;color:var(--green);font-size:1rem}
.spec-heading small{color:#7a8980;font-size:.78rem;text-align:right}
.product-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.product-spec-grid .spec-item{padding:13px 14px;border-radius:12px}
.product-spec-grid .spec-item strong{font-size:.70rem;letter-spacing:.75px}
.product-spec-grid .spec-item span{font-size:.86rem;line-height:1.45;margin-top:5px}
.product-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.product-actions .btn{font-size:.88rem;padding:.7rem 1.15rem}
.product-cta{padding-top:72px;padding-bottom:72px}
@media(max-width:991px){
    .products-page-hero{min-height:350px}
    .product-showcase,.product-showcase-reverse{grid-template-columns:1fr}
    .product-showcase-reverse .product-media-panel{order:1}
    .product-showcase-reverse .product-info-panel{order:2}
    .product-media-panel{padding:18px}
    .product-visual{aspect-ratio:16 / 10}
    .product-info-panel{padding:28px}
}
@media(max-width:767px){
    .products-page-hero{min-height:330px;padding:125px 0 60px}
    .products-page-hero h1{font-size:2.35rem}
    .products-section{padding-top:55px;padding-bottom:35px}
    .section-product-vetiver{padding-top:35px;padding-bottom:55px}
    .product-showcase{border-radius:20px}
    .product-media-panel{padding:12px}
    .product-image-wrap{border-radius:15px}
    .product-visual{aspect-ratio:4 / 3}
    .buyer-snapshot{padding:14px;margin-top:12px}
    .snapshot-grid{gap:8px}
    .snapshot-grid strong{font-size:.82rem}
    .product-info-panel{padding:24px 20px}
    .product-spec-grid{grid-template-columns:1fr}
    .spec-heading{display:block}
    .spec-heading small{display:block;text-align:left;margin-top:4px}
    .product-intro{font-size:.94rem}
    .product-actions .btn{width:100%;justify-content:center}
}