/* ═══════════════════════════════════════════════════════════════
   GREEN MART — PREMIUM LAYER (loaded after page CSS)
   Direction: ice-cold reservoir light, deep water teal, one coral
   "gill" accent used only for small signals. Fine borders instead
   of heavy shadows, editorial type, no tilt / bubbles.
   ═══════════════════════════════════════════════════════════════ */
:root{
  --pine:#1B5E3A;
  --leaf:#2B8553;
  --foam:#F2F6F5;
  --ink:#0A2A27;
  --sand:#E7EFED;
  --aqua:#2B7F99;
  --gill:#D2493A;
  --line:#D3DEDB;
  --muted:#4A625D;
  --r-lg:20px;
  --r-md:14px;
  --radius:20px;
  --shadow:0 1px 0 rgba(10,42,39,.04),0 18px 40px -22px rgba(10,42,39,.28);
  --ease:cubic-bezier(.22,1,.36,1);
}
html{-webkit-text-size-adjust:100%}
body{background:var(--foam);color:var(--ink);font-feature-settings:"kern","liga";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
:focus-visible{outline:3px solid var(--aqua);outline-offset:3px;border-radius:6px}
.container{width:min(1200px,90%)}
section{padding:clamp(56px,6.5vw,92px) 0}
@media(max-width:760px){section{padding:56px 0}}

/* ── Type ── */
h1,h2,h3{font-weight:500;letter-spacing:-.018em;font-variation-settings:"opsz" 96}
.section-title,section h2{font-size:clamp(2rem,3.6vw,3.1rem);line-height:1.08;margin-bottom:.5em;max-width:22ch;text-wrap:balance}
@media(max-width:760px){h2{font-size:clamp(1.7rem,7vw,2rem)!important}}
section p.lead,section .sub,.p2p-lead{font-size:1.1rem;line-height:1.65;color:var(--muted);max-width:44rem}
section p{max-width:68ch}
.eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:none;letter-spacing:.005em;font-size:.95rem;font-weight:500;color:var(--pine);margin-bottom:16px}
.eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--gill);flex:none}
.hero .eyebrow,.certs .eyebrow,.spotlight .eyebrow{color:#BFE6CF}
.avail-label{text-transform:none;letter-spacing:0}

/* ── Buttons ── */
.btn{font-weight:600;letter-spacing:.005em;transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease),translate .2s var(--ease)}
.btn:hover{transform:none;box-shadow:none;translate:0 -2px}
.btn:active{transform:none;translate:0 0}
.btn-primary{background:var(--ink)}
.btn-primary:hover{background:var(--pine)}
.btn-ghost{border:1.5px solid var(--ink);color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:#fff}
.btn-wa{background:#1FA855}
.btn-wa:hover{background:#188a45}
.btn-ghost-hero{border-color:rgba(255,255,255,.55);color:#fff}
.btn-ghost-hero:hover{background:#fff;color:var(--ink)}

/* ── Nav ── */
nav{background:rgba(242,246,245,.86);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}
.logo{font-weight:600;color:var(--ink);letter-spacing:-.01em}
.nav-links a:hover,.nav-more-btn:hover{color:var(--pine)}
.nav-links > a::after{background:var(--gill)}
.nav-more-menu{border:1px solid var(--line);border-radius:var(--r-md);box-shadow:0 24px 48px -20px rgba(10,42,39,.35)}
.lang-btn{background-color:#fff;border-color:var(--line);color:var(--ink)}

/* ── Hero ── */
.hero{padding:clamp(72px,9vw,128px) 0 0}
.hero::before{background:linear-gradient(98deg,rgba(4,22,19,.92) 0%,rgba(4,25,21,.84) 34%,rgba(5,30,26,.5) 52%,rgba(6,35,30,.12) 72%,transparent 88%)}
[dir="rtl"] .hero::before{background:linear-gradient(262deg,rgba(4,22,19,.92) 0%,rgba(4,25,21,.84) 34%,rgba(5,30,26,.5) 52%,rgba(6,35,30,.12) 72%,transparent 88%)}
.hero h1{font-size:clamp(2.5rem,5.6vw,4.7rem);font-weight:500;letter-spacing:-.025em;line-height:1.04;max-width:15ch;text-wrap:balance;font-variation-settings:"opsz" 144}
.hero h1 em{color:inherit;font-style:italic;font-weight:400}
.hero p.lead{font-size:1.2rem;line-height:1.6;color:#DCEBE3;max-width:34rem}
.trust-strip{gap:8px 18px}
.badge{background:transparent;border:0;padding:0;backdrop-filter:none;font-weight:500;font-size:.92rem;color:#CFE6DA;gap:8px}
.badge svg{color:#8FE3AC}
.wave{display:none}

/* ── Cards (one family, hairline borders, no tilt) ── */
.card,.upcoming-card,.step,.cert,.quote,.testi-card,.cut-card,.cutguide-card,.p2p-step,.faq,.calc-box,.deliv-box,.ws-form,.rec{box-shadow:none;border:1px solid var(--line);border-radius:var(--r-lg);transform:none!important;transition:border-color .25s var(--ease),translate .25s var(--ease),background .25s var(--ease)}
.prod-grid{perspective:none}
.card{transform-style:flat;will-change:auto;background:#fff}
.card-head,.card h3,.card .tagline,.card .btn{transform:none}
.card::after{display:none}
.card:hover,.card:focus-within,.step:hover,.cert:hover,.quote:hover{translate:0 -4px;border-color:var(--pine);box-shadow:var(--shadow)}
.card h3{font-size:1.35rem}
.card .tagline{color:var(--pine);font-weight:500}
.card p{color:var(--muted)}
.bubbles,.bubble{display:none!important}
.tag-new{background:var(--ink);border-radius:999px;letter-spacing:0;font-weight:600;padding:5px 12px}

/* ── Section surfaces: calm alternation ── */
.rates,.deliv,.b2b,.recipes,.trace,.p2p,.harvest{background:#fff}
.flow,.calc,.mapsec,.gallery,.cuts,.coldchain,.upcoming,.social{background:var(--sand)}
.testi,.farm-video,.order,.about{background:var(--foam)}
.order{background:linear-gradient(180deg,var(--foam),var(--sand))}

/* ── Editorial list for B2B tiles ── */
.b2b-grid{gap:0 36px;margin-top:40px}
.b2b-card{background:transparent;border-left:0;border-top:1px solid var(--ink);border-radius:0;padding:20px 0 28px}
.b2b-card b{font-family:var(--display);font-weight:500;font-size:1.25rem;margin-bottom:8px}
.b2b-card span{color:var(--muted);line-height:1.6}
.b2b-photo{border-radius:var(--r-lg);box-shadow:none;aspect-ratio:21/9}

/* ── Rates ── */
.rates-scroll{box-shadow:none;border:1px solid var(--line);border-radius:var(--r-lg)}
.rates-table{background:#fff}
.rates-table th{background:var(--ink);font-weight:500;letter-spacing:.01em}
.rates-table td{border-top:1px solid var(--line)}
.rates-table tr td:last-child{color:var(--ink)}

/* ── Compact "what's next" ── */
.upcoming{padding:clamp(48px,6vw,80px) 0}
.upcoming-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:30px}
.upcoming-card{padding:18px 20px;gap:4px;background:#fff}
.upcoming-card .soon{background:transparent;border:1px solid var(--line);color:var(--muted);font-weight:500;letter-spacing:0;text-transform:none;font-size:.74rem;padding:2px 10px;border-radius:999px;order:3;margin-top:6px}
.upcoming-card p{font-size:.88rem;color:var(--muted)}
.up-ico{width:26px;height:26px;color:var(--pine)}

/* ── Trust (dark) section as a ledger ── */
.certs{background:radial-gradient(1200px 500px at 85% -10%,rgba(43,133,83,.28),transparent 60%),var(--ink);padding:clamp(72px,9vw,120px) 0}
.certs h2{max-width:20ch}
.cert{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-md)}
.cert:hover{border-color:#7FD09A;box-shadow:none}
.practice-h{font-weight:500;font-size:1.4rem}
.practice-h span{border-radius:999px;font-weight:500}
.docs-box{border-radius:var(--r-lg);background:rgba(255,255,255,.04)}
.docs-list .chip{font-weight:600}
.docs-list .chip.ok{background:#2B8553}

/* ── Forms ── */
form{border:1px solid var(--line);box-shadow:none;border-radius:var(--r-lg);padding:clamp(22px,3vw,36px)}
input,select,textarea{border:1.5px solid var(--line);border-radius:12px;background:#fff;transition:border-color .2s}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--pine);box-shadow:0 0 0 4px rgba(43,133,83,.16)}
label{font-weight:500;color:var(--ink)}
.qty-chip{border:1.5px solid var(--line);color:var(--ink);font-weight:500}
.qty-chip:hover,.qty-chip.is-selected{background:var(--ink);border-color:var(--ink)}
.order-info h2{max-width:14ch}

/* ── FAQ ── */
.faq-list{gap:0;border-top:1px solid var(--line);max-width:820px}
.faq{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0}
.faq:hover{translate:none;border-color:var(--line)}
.faq summary{padding:22px 4px;font-family:var(--display);font-weight:500;font-size:1.15rem}
.faq summary::after{color:var(--gill)}
.faq div{padding:0 4px 24px;color:var(--muted);font-size:1rem;max-width:62ch}

/* ── Spotlight / film / media ── */
.spotlight{background:radial-gradient(900px 480px at 90% 0%,rgba(43,133,83,.35),transparent 60%),var(--ink)}
.spotlight h2{max-width:18ch}
.spot-points li,.spot-benefit{border-radius:var(--r-md)}
.farm-video-wrap,.harvest-photo,.cc-photo,.img-slider,.about-photo{border-radius:var(--r-lg);box-shadow:none}
.farm-video-wrap{border:1px solid var(--line)}
.cut-photo,.p2p-photo{border-radius:0}
.p2p-step .num{background:var(--ink)}
.step::before{background:var(--ink)}
.gal-item{border-radius:var(--r-md);border:0}
.deliv-out,.calc-out{border-left-color:var(--gill);border-radius:var(--r-md)}
.zone-list li{background:#fff;border:1px solid var(--line)}
.stat b{color:var(--ink);font-weight:500}

/* ── Footer ── */
footer{background:var(--ink);padding:72px 0 34px}
footer h4{font-weight:500}

/* ── Floating WhatsApp: smaller, quieter ── */
.wa-float{width:54px;height:54px;background:#1FA855;box-shadow:0 12px 28px -8px rgba(10,42,39,.5)}
.mobile-bar{border-top:1px solid var(--line);box-shadow:none}

/* ── One orchestrated entrance only (hero) ── */
@media(prefers-reduced-motion:no-preference){
  .hero-grid > div:first-child > *{animation:gmRise .9s var(--ease) both}
  .hero-grid > div:first-child > *:nth-child(2){animation-delay:.08s}
  .hero-grid > div:first-child > *:nth-child(3){animation-delay:.16s}
  .hero-grid > div:first-child > *:nth-child(4){animation-delay:.24s}
  .hero-grid > div:first-child > *:nth-child(5){animation-delay:.32s}
  @keyframes gmRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
}
/* scatter-reveals off: content simply present */
.js-reveal .reveal,.js-reveal .reveal-stagger > *{opacity:1!important;transform:none!important;transition:none!important}

/* ── Cookie / consent banner ── */
.gm-consent{position:fixed;inset-inline:16px;bottom:16px;z-index:300;max-width:620px;margin-inline:auto;background:var(--ink);color:#E6F1EB;border-radius:var(--r-lg);padding:20px 22px;box-shadow:0 24px 60px -16px rgba(0,0,0,.55);display:none}
.gm-consent.show{display:block}
.gm-consent p{font-size:.92rem;line-height:1.55;margin:0 0 14px;max-width:none;color:#CFE3D8}
.gm-consent a{color:#8FE3AC;text-decoration:underline;text-underline-offset:3px}
.gm-consent .row{display:flex;gap:10px;flex-wrap:wrap}
.gm-consent button{font:600 .92rem var(--body);padding:11px 20px;border-radius:999px;border:1.5px solid rgba(255,255,255,.5);background:transparent;color:#fff;cursor:pointer;min-height:44px}
.gm-consent button.yes{background:#fff;color:var(--ink);border-color:#fff}
.gm-consent button:hover{background:#fff;color:var(--ink)}
@media(max-width:760px){.gm-consent{bottom:76px}}
.foot-consent{background:none;border:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer;padding:0}

/* ── Export (importer) page ── */
.ex-hero{background:radial-gradient(1000px 520px at 85% -20%,rgba(43,133,83,.4),transparent 60%),var(--ink);color:#EAF4EC;padding:clamp(72px,9vw,128px) 0 clamp(56px,7vw,96px)}
.ex-hero h1{color:#fff;font-size:clamp(2.4rem,5vw,4.2rem);max-width:17ch;line-height:1.05;margin-bottom:22px;text-wrap:balance}
.ex-hero p{font-size:1.15rem;color:#CFE3D8;max-width:40rem;margin-bottom:30px}
.ex-hero .eyebrow{color:#BFE6CF}
.ex-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 32px;margin-top:8px}
.ex-facts div{border-top:1px solid rgba(255,255,255,.28);padding:16px 0 4px}
.ex-facts b{display:block;font-family:var(--display);font-weight:500;font-size:1.35rem;color:#fff;margin-bottom:4px}
.ex-facts span{font-size:.92rem;color:#B9D6C8}
.ex-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:start}
@media(max-width:900px){.ex-grid{grid-template-columns:1fr}}
.ex-list{list-style:none;padding:0;margin:20px 0 0}
.ex-list li{display:flex;gap:14px;align-items:baseline;padding:14px 0;border-top:1px solid var(--line);font-size:1rem;line-height:1.5}
.ex-list li:last-child{border-bottom:1px solid var(--line)}
.ex-list .chip{flex:none;font-size:.74rem;font-weight:600;border-radius:999px;padding:3px 11px;white-space:nowrap}
.ex-list .chip.ok{background:#DDEFE4;color:#17583A}
.ex-list .chip.wip{background:#FBEFD2;color:#7A5410}
.ex-list .chip.ask{background:var(--sand);color:var(--muted)}
.ex-note{font-size:.88rem;color:var(--muted);margin-top:16px;line-height:1.6}
.legal-wrap{max-width:760px}
.legal-wrap h2{font-size:1.5rem;max-width:none;margin:2.2em 0 .5em}
.legal-wrap p,.legal-wrap li{color:var(--muted);line-height:1.7;margin-bottom:.8em}
.legal-wrap dl{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:0;border-top:1px solid var(--line);margin:1em 0}
.legal-wrap dt,.legal-wrap dd{padding:12px 0;border-bottom:1px solid var(--line);margin:0}
.legal-wrap dt{font-weight:600;color:var(--ink)}
@media(max-width:600px){.legal-wrap dl{grid-template-columns:1fr}.legal-wrap dt{border-bottom:0;padding-bottom:0}}

/* 6-item grids read as 3 + 3, never 4 + 2 */
.prod-grid,.sol-grid{grid-template-columns:1fr}
@media(min-width:620px){.prod-grid,.sol-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.prod-grid,.sol-grid{grid-template-columns:repeat(3,1fr)}}
.prod-grid,.sol-grid{gap:22px}

.testi-grid{grid-template-columns:1fr}
@media(min-width:640px){.testi-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.testi-grid{grid-template-columns:repeat(3,1fr)}}
.testi-card{background:#fff}
.testi-card blockquote{font-family:var(--display);font-size:1.12rem;line-height:1.55}
@media(min-width:1100px){.b2b-grid{grid-template-columns:repeat(5,1fr);gap:0 28px}}

/* ── Form basics for pages that don't carry the homepage's inline CSS ── */
.f-row{margin-bottom:16px}
label{display:block;margin-bottom:6px;font-size:.9rem}
input,select,textarea{width:100%;padding:12px 14px;font-family:var(--body);font-size:1rem;color:var(--ink)}
.f-split{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:560px){.f-split{grid-template-columns:1fr}input,select,textarea{font-size:16px}}
textarea{resize:vertical;min-height:90px}
.wa-note{font-size:.84rem;color:var(--muted);margin-top:12px}
input.invalid,select.invalid,textarea.invalid{border-color:#B03A2E!important;background:#FDF3F2}
form button.btn{justify-content:center}

/* ── Phones: long card grids become swipe rows, so the page stops being a scroll marathon ── */
@media(max-width:620px){
  .prod-grid,.sol-grid,.testi-grid,.upcoming-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-inline:-5vw;padding:4px 5vw 18px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .prod-grid::-webkit-scrollbar,.sol-grid::-webkit-scrollbar,.testi-grid::-webkit-scrollbar,.upcoming-grid::-webkit-scrollbar{display:none}
  .prod-grid>*,.sol-grid>*,.testi-grid>*,.upcoming-grid>*{flex:0 0 82%;scroll-snap-align:center}
  .upcoming-grid>*{flex-basis:70%}
}
.btn-block{width:100%;justify-content:center}
button{font-family:inherit}
.ex-list a{color:var(--pine);font-weight:600;text-decoration:underline;text-underline-offset:4px}
.ex-list a:hover{color:var(--ink)}