/* ==========================================================================
   IGRU Farms — Theme Stylesheet
   Faithful CSS port of the original React/Tailwind design.
   ========================================================================== */

/* -------- Design tokens (mirrors src/index.css exactly) -------- */
:root{
  --background: 44 46% 97%;
  --foreground: 30 25% 14%;
  --card: 0 0% 100%;
  --card-foreground: 30 25% 14%;
  --popover: 0 0% 100%;
  --popover-foreground: 30 25% 14%;
  --primary: 128 32% 22%;
  --primary-foreground: 44 46% 97%;
  --secondary: 40 45% 90%;
  --secondary-foreground: 30 25% 14%;
  --muted: 40 30% 92%;
  --muted-foreground: 32 12% 40%;
  --accent: 38 88% 50%;
  --accent-foreground: 30 40% 12%;
  --destructive: 0 72% 48%;
  --destructive-foreground: 0 0% 98%;
  --border: 36 24% 84%;
  --input: 36 24% 84%;
  --ring: 128 32% 22%;
  --radius: 0.5rem;
  --honey: 38 88% 50%;
  --honey-deep: 32 80% 42%;
  --forest: 128 32% 22%;
  --bark: 26 34% 26%;
}

/* -------- Reset & base -------- */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body{
  margin:0;
  font-family:"DM Sans", system-ui, sans-serif;
  color:hsl(var(--foreground));
  background:hsl(var(--background));
  line-height:1.55;
  overflow-x:clip;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{ max-width:100%; height:auto; display:block; }
a{ color:inherit; text-decoration:none; }
button{ font:inherit; cursor:pointer; }
h1,h2,h3,h4,.font-display{ font-family:"Fraunces", Georgia, serif; letter-spacing:-0.01em; }
h1,h2,h3,h4{ margin:0; color:hsl(var(--foreground)); }
p{ margin:0; }
.text-balance{ text-wrap:balance; }

/* -------- Layout helpers -------- */
.container{ width:100%; margin-inline:auto; padding-inline:1.25rem; }
@media(min-width:1024px){ .container{ padding-inline:2rem; } }
.container-lg{ max-width:1440px; }
.container-md{ max-width:1152px; }
.container-sm{ max-width:896px; }

.section{ padding-block:5rem; }
@media(min-width:1024px){ .section{ padding-block:7rem; } }
.section-tight{ padding-block:4rem; }

/* -------- Utility colours -------- */
.forest-bg{ background:hsl(var(--forest)); color:#fff; }
.cream-bg{ background:hsl(var(--background)); }
.sand-bg{ background:hsl(var(--secondary) / 0.6); }
.card{ background:hsl(var(--card)); border:1px solid hsl(var(--border)); border-radius:1rem; }

.text-forest{ color:hsl(var(--forest)); }
.text-honey{ color:hsl(var(--honey)); }
.text-honey-deep{ color:hsl(var(--honey-deep)); }
.text-muted{ color:hsl(var(--muted-foreground)); }
.text-white{ color:#fff; }
.text-white-70{ color:rgba(255,255,255,0.7); }
.text-white-80{ color:rgba(255,255,255,0.8); }
.text-white-85{ color:rgba(255,255,255,0.85); }

.eyebrow{
  font-size:0.75rem; font-weight:700;
  letter-spacing:0.15em; text-transform:uppercase;
  color:hsl(var(--honey-deep));
}
.eyebrow-honey{ color:hsl(var(--honey)); }

.honey-underline{
  background-image:linear-gradient(hsl(var(--honey) / 0.45), hsl(var(--honey) / 0.45));
  background-repeat:no-repeat;
  background-position:0 88%;
  background-size:100% 0.35em;
}

/* -------- Animations -------- */
@keyframes fadeup{ from{opacity:0; transform:translateY(24px);} to{opacity:1; transform:translateY(0);} }
.animate-fadeup{ animation:fadeup 0.7s cubic-bezier(0.22,1,0.36,1) both; }
@keyframes marquee{ from{transform:translateX(0);} to{transform:translateX(-50%);} }
.animate-marquee{ animation:marquee 28s linear infinite; }
@media (prefers-reduced-motion: reduce){ .animate-fadeup,.animate-marquee{ animation:none; } }

/* -------- Buttons -------- */
.btn{ display:inline-flex; align-items:center; gap:0.5rem; border-radius:9999px;
  padding:0.85rem 1.5rem; font-size:0.875rem; font-weight:600;
  transition: all .2s ease; border:1px solid transparent; cursor:pointer; text-decoration:none;
}
.btn:active{ transform:scale(0.98); }
.btn-honey{ background:hsl(var(--honey)); color:hsl(var(--accent-foreground)); }
.btn-honey:hover{ filter:brightness(1.05); }
.btn-forest{ background:hsl(var(--forest)); color:#fff; }
.btn-forest:hover{ filter:brightness(1.1); }
.btn-outline-white{ border-color:rgba(255,255,255,0.4); background:rgba(255,255,255,0.05); color:#fff; backdrop-filter:blur(6px); }
.btn-outline-white:hover{ background:rgba(255,255,255,0.15); }
.btn-outline-forest{ border-color:hsl(var(--forest)); color:hsl(var(--forest)); background:transparent; }
.btn-outline-forest:hover{ background:hsl(var(--forest)); color:#fff; }
.btn-icon{ width:1rem; height:1rem; }

/* -------- Navbar -------- */
.site-header{
  position:fixed; inset:0 0 auto 0; z-index:50;
  transition: all .3s ease; background:transparent;
}
.site-header.is-scrolled{
  background:hsl(var(--background) / 0.95);
  backdrop-filter:blur(8px);
  border-bottom:1px solid hsl(var(--border));
  box-shadow:0 1px 2px rgba(0,0,0,0.04);
}
.nav-inner{
  max-width:1440px; margin-inline:auto; padding:0 1.25rem;
  height:64px; display:flex; align-items:center; justify-content:space-between;
}
@media(min-width:1024px){ .nav-inner{ height:80px; padding:0 2rem; } }
.brand{ display:flex; align-items:center; gap:0.625rem; }
.brand-mark{
  display:grid; place-items:center; height:40px; width:40px; border-radius:9999px;
  background:hsl(var(--forest)); color:hsl(var(--honey));
}
.brand-name{ line-height:1; }
.brand-name .primary{
  display:block; font-family:"Fraunces", serif; font-size:1.125rem; font-weight:700;
  letter-spacing:-0.01em; color:hsl(var(--forest));
}
.brand-name .sub{
  display:block; font-size:10px; text-transform:uppercase; letter-spacing:0.18em;
  color:hsl(var(--muted-foreground));
}
.nav-links{ display:none; align-items:center; gap:0.25rem; }
@media(min-width:1024px){ .nav-links{ display:flex; } }
.nav-links a{
  padding:0.5rem 0.875rem; font-size:0.875rem; font-weight:500;
  color:hsl(var(--foreground) / 0.7);
  border-radius:0.375rem; transition:all .2s ease;
}
.nav-links a:hover{ color:hsl(var(--forest)); background:hsl(var(--secondary)); }
.nav-links a.current-menu-item,
.nav-links a.current_page_item{ color:hsl(var(--forest)); }
.nav-cta{ margin-left:0.5rem; padding:0.5rem 1rem; }
.nav-toggle{
  display:inline-flex; align-items:center; justify-content:center;
  background:none; border:0; color:hsl(var(--forest));
  padding:0.5rem; margin-right:-0.5rem;
}
@media(min-width:1024px){ .nav-toggle{ display:none; } }
.mobile-menu{
  display:none; background:hsl(var(--background));
  border-bottom:1px solid hsl(var(--border));
  box-shadow:0 10px 20px rgba(0,0,0,0.06);
}
.mobile-menu.is-open{ display:block; }
.mobile-menu ul{ list-style:none; margin:0; padding:1rem 1.25rem; display:flex; flex-direction:column; gap:0.25rem; }
.mobile-menu a{ display:block; padding:0.75rem; border-radius:0.375rem; font-weight:500; color:hsl(var(--foreground) / 0.85); }
.mobile-menu a.current-menu-item,
.mobile-menu a.current_page_item{ background:hsl(var(--secondary)); color:hsl(var(--forest)); }
.mobile-menu .mobile-cta{
  margin:0.5rem 1.25rem 1rem; display:inline-flex; justify-content:center; align-items:center; gap:0.375rem;
  background:hsl(var(--honey)); color:hsl(var(--accent-foreground));
  padding:0.75rem 1rem; border-radius:9999px; font-weight:600;
}

/* -------- Page banner (matches PageHeader.jsx) -------- */
.page-banner{
  position:relative; padding-top:64px; overflow:hidden;
}
@media(min-width:1024px){ .page-banner{ padding-top:80px; } }
.page-banner-inner{
  position:relative; background:hsl(var(--forest)); overflow:hidden;
}
.page-banner-inner .bg{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0.25;
}
.page-banner-inner .overlay{
  position:absolute; inset:0;
  background:linear-gradient(to top, hsl(var(--forest)) 0%, hsl(var(--forest) / 0.7) 55%, transparent 100%);
}
.page-banner-content{
  position:relative; max-width:1152px; margin-inline:auto; padding:4rem 1.25rem;
  color:#fff;
}
@media(min-width:1024px){ .page-banner-content{ padding:6rem 2rem; } }
.page-banner-content h1{
  margin-top:0.75rem; font-family:"Fraunces", serif; font-size:2.25rem; line-height:1.1; font-weight:900;
  max-width:48rem; color:#fff;
}
@media(min-width:1024px){ .page-banner-content h1{ font-size:3rem; } }
.page-banner-content p{
  margin-top:1.25rem; font-size:1.125rem; color:rgba(255,255,255,0.8);
  max-width:42rem; line-height:1.65;
}

/* -------- Home HERO -------- */
.hero{
  position:relative; min-height:100dvh; display:flex; align-items:center; overflow:hidden;
}
.hero .bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.hero .scrim{ position:absolute; inset:0;
  background: linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0.55) 55%, rgba(0,0,0,0.2)); }
.hero-inner{ position:relative; width:100%; max-width:1440px; margin-inline:auto; padding:6rem 1.25rem 4rem; }
@media(min-width:1024px){ .hero-inner{ padding:6rem 2rem 4rem; } }
.hero-badge{
  display:inline-flex; align-items:center; gap:0.5rem;
  border-radius:9999px; padding:0.375rem 0.875rem;
  background:hsl(var(--honey) / 0.2); border:1px solid hsl(var(--honey) / 0.4);
  color:hsl(var(--honey)); font-size:0.75rem; font-weight:700;
  text-transform:uppercase; letter-spacing:0.15em;
}
.hero h1{
  margin-top:1.5rem; color:#fff; font-family:"Fraunces", serif;
  font-size:2.25rem; line-height:1.05; font-weight:900;
}
@media(min-width:640px){ .hero h1{ font-size:3rem; } }
@media(min-width:1024px){ .hero h1{ font-size:3.75rem; } }
.hero p{
  margin-top:1.5rem; max-width:36rem; color:rgba(255,255,255,0.85);
  font-size:1.125rem; line-height:1.65;
}
.hero-ctas{ margin-top:2.25rem; display:flex; flex-wrap:wrap; gap:0.75rem; }
.hero-retail{
  display:inline-flex; align-items:center; gap:0.375rem;
  margin-top:1.5rem; color:rgba(255,255,255,0.7); font-size:0.875rem;
  transition:color .2s ease;
}
.hero-retail:hover{ color:hsl(var(--honey)); }

/* -------- Stats band -------- */
.stats-band{ background:hsl(var(--forest)); color:#fff; }
.stats-band .grid{
  max-width:1440px; margin-inline:auto; padding:3rem 1.25rem;
  display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:2rem; text-align:center;
}
@media(min-width:1024px){ .stats-band .grid{ grid-template-columns:repeat(4, minmax(0,1fr)); padding-inline:2rem; } }
.stats-band .value{ font-family:"Fraunces", serif; font-weight:900;
  font-size:2.25rem; color:hsl(var(--honey)); }
@media(min-width:1024px){ .stats-band .value{ font-size:3rem; } }
.stats-band .label{ margin-top:0.5rem; font-size:0.875rem; color:rgba(255,255,255,0.7); }

/* -------- Who we are / About intro grid -------- */
.two-col{ display:grid; gap:3rem; align-items:center; }
@media(min-width:1024px){ .two-col{ grid-template-columns:1fr 1fr; } }
.two-col h2{
  margin-top:0.75rem; font-family:"Fraunces", serif; font-size:1.875rem;
  line-height:1.2; font-weight:700; color:hsl(var(--forest));
}
@media(min-width:1024px){ .two-col h2{ font-size:2.25rem; } }
.two-col p.body{ margin-top:1.25rem; color:hsl(var(--muted-foreground)); line-height:1.7; }

.feature-grid{ margin-top:2rem; display:grid; gap:1.25rem; }
@media(min-width:640px){ .feature-grid{ grid-template-columns:1fr 1fr; } }
.feature{ display:flex; gap:0.75rem; }
.feature .icon{
  display:grid; place-items:center; flex-shrink:0;
  height:2.5rem; width:2.5rem; border-radius:0.5rem;
  background:hsl(var(--honey) / 0.15); color:hsl(var(--honey-deep));
}
.feature h3{ font-size:1rem; font-weight:600; color:hsl(var(--foreground)); }
.feature p{ margin-top:0.125rem; font-size:0.875rem; color:hsl(var(--muted-foreground)); }

.two-col .image-stack{ position:relative; }
.two-col .image-stack .primary{ border-radius:1rem; width:100%; aspect-ratio:4/5; object-fit:cover; box-shadow:0 25px 50px rgba(0,0,0,0.15); }
.two-col .image-stack .inset{
  position:absolute; bottom:-2rem; left:-1.5rem; width:10rem; aspect-ratio:1/1;
  border-radius:0.75rem; border:4px solid hsl(var(--background));
  object-fit:cover; box-shadow:0 25px 50px rgba(0,0,0,0.25); display:none;
}
@media(min-width:640px){ .two-col .image-stack .inset{ display:block; } }
@media(min-width:1024px){ .two-col .image-stack .inset{ width:13rem; } }

/* Alternate About story layout (4/3 image) */
.about-story .primary{ aspect-ratio:4/3; }

/* -------- Quick links (cards) -------- */
.quick-links{ background:hsl(var(--secondary) / 0.6); padding-block:4rem; }
.quick-links .grid{
  max-width:1440px; margin-inline:auto; padding-inline:1.25rem;
  display:grid; gap:1.25rem; grid-template-columns:1fr;
}
@media(min-width:640px){ .quick-links .grid{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media(min-width:1024px){ .quick-links .grid{ grid-template-columns:repeat(4, minmax(0,1fr)); padding-inline:2rem; } }
.qcard{
  display:block; border-radius:1rem; background:hsl(var(--card));
  border:1px solid hsl(var(--border)); padding:1.75rem; transition:all .2s ease;
}
.qcard:hover{ border-color:hsl(var(--honey)); box-shadow:0 10px 25px rgba(0,0,0,0.06); }
.qcard .icon{ color:hsl(var(--forest)); width:2rem; height:2rem; }
.qcard h3{ margin-top:1.25rem; font-family:"Fraunces", serif; font-size:1.25rem; font-weight:700; color:hsl(var(--foreground)); }
.qcard p{ margin-top:0.25rem; font-size:0.875rem; color:hsl(var(--muted-foreground)); }
.qcard .cta{
  margin-top:1rem; display:inline-flex; align-items:center; gap:0.375rem;
  font-size:0.875rem; font-weight:600; color:hsl(var(--honey-deep));
  transition: gap .2s ease;
}
.qcard:hover .cta{ gap:0.625rem; }

/* -------- Trust badges -------- */
.badges{ display:flex; flex-wrap:wrap; justify-content:center; gap:1rem; margin-top:2.5rem; }
.badge{
  display:flex; align-items:center; gap:0.75rem;
  border-radius:0.75rem; border:1px solid hsl(var(--border));
  background:hsl(var(--card)); padding:0.875rem 1.25rem;
}
.badge .code{
  display:grid; place-items:center; height:2.75rem; width:2.75rem;
  border-radius:9999px;
  background:hsl(var(--forest) / 0.08);
  color:hsl(var(--forest));
  font-family:"Fraunces", serif; font-weight:700; font-size:0.875rem;
}
.badge .lbl{ font-size:0.875rem; color:hsl(var(--muted-foreground)); max-width:9rem; }

/* -------- About mission cards -------- */
.mv-grid{ display:grid; gap:1.5rem; }
@media(min-width:768px){ .mv-grid{ grid-template-columns:1fr 1fr; } }
.mv-card{ border-radius:1rem; background:hsl(var(--card)); border:1px solid hsl(var(--border)); padding:2rem; }
.mv-card .icon{ color:hsl(var(--honey-deep)); width:2rem; height:2rem; }
.mv-card h3{ margin-top:1rem; font-family:"Fraunces", serif; font-size:1.5rem; font-weight:700; color:hsl(var(--forest)); }
.mv-card p{ margin-top:0.75rem; color:hsl(var(--muted-foreground)); line-height:1.7; }

/* Values row */
.values-grid{ margin-top:2.5rem; display:grid; gap:1.5rem; }
@media(min-width:640px){ .values-grid{ grid-template-columns:repeat(3, minmax(0,1fr)); } }
.value{ text-align:center; padding-inline:1rem; }
.value .icon-wrap{
  display:inline-grid; place-items:center; height:3.5rem; width:3.5rem; border-radius:9999px;
  background:hsl(var(--honey) / 0.15); color:hsl(var(--honey-deep));
}
.value h3{ margin-top:1rem; font-weight:600; font-size:1.125rem; }
.value p{ margin-top:0.5rem; font-size:0.875rem; color:hsl(var(--muted-foreground)); }

/* Infra dark section */
.infra{ background:hsl(var(--forest)); color:#fff; padding-block:5rem; }
.infra h2{ text-align:center; color:#fff; font-family:"Fraunces", serif; font-size:1.875rem; font-weight:700; }
.infra-grid{ margin-top:2.5rem; display:grid; gap:1.5rem; }
@media(min-width:768px){ .infra-grid{ grid-template-columns:repeat(3, minmax(0,1fr)); } }
.infra-card{
  border-radius:1rem; background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.1); padding:1.75rem;
}
.infra-card .icon{ color:hsl(var(--honey)); width:2rem; height:2rem; }
.infra-card h3{ margin-top:1rem; color:#fff; font-weight:600; font-size:1.125rem; }
.infra-card p{ margin-top:0.5rem; font-size:0.875rem; color:rgba(255,255,255,0.7); }
.infra .full-img{ margin-top:2.5rem; border-radius:1rem; width:100%; aspect-ratio:21/9; object-fit:cover; }

/* Timeline */
.timeline{ position:relative; margin-top:2.5rem; padding-left:2rem; border-left:2px solid hsl(var(--honey) / 0.4);
  display:flex; flex-direction:column; gap:2rem; list-style:none; }
.timeline li{ position:relative; }
.timeline .dot{
  position:absolute; left:-41px; top:0.25rem;
  height:1.25rem; width:1.25rem; border-radius:9999px;
  background:hsl(var(--honey)); box-shadow:0 0 0 4px hsl(var(--secondary));
}
.timeline .year{ font-family:"Fraunces", serif; font-size:1.25rem; font-weight:700; color:hsl(var(--honey-deep)); }
.timeline p{ color:hsl(var(--muted-foreground)); }

/* -------- Leadership directors -------- */
.directors{ display:grid; gap:2rem; grid-template-columns:1fr; }
@media(min-width:640px){ .directors{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media(min-width:1024px){ .directors{ grid-template-columns:repeat(3, minmax(0,1fr)); } }
.director{ border-radius:1rem; background:hsl(var(--card)); border:1px solid hsl(var(--border)); overflow:hidden; transition:box-shadow .2s ease; }
.director:hover{ box-shadow:0 10px 25px rgba(0,0,0,0.08); }
.director .photo{
  aspect-ratio:4/5; background:hsl(var(--secondary));
  display:grid; place-items:center; color:hsl(var(--muted-foreground) / 0.5);
  font-size:0.75rem;
}
.director .photo .icon{ width:4rem; height:4rem; stroke-width:1.25; }
.director .body{ padding:1.5rem; }
.director h3{ font-family:"Fraunces", serif; font-size:1.25rem; font-weight:700; color:hsl(var(--forest)); }
.director .role{ font-size:0.875rem; font-weight:600; color:hsl(var(--honey-deep)); }
.director p{ margin-top:0.75rem; font-size:0.875rem; color:hsl(var(--muted-foreground)); line-height:1.7; }
.director .linkedin{
  margin-top:1rem; display:inline-flex; align-items:center; gap:0.375rem;
  font-size:0.875rem; font-weight:500; color:hsl(var(--forest));
}
.director .linkedin:hover{ text-decoration:underline; }

/* Registration card */
.reg-card{ border-radius:1rem; background:hsl(var(--card)); border:1px solid hsl(var(--border)); padding:2rem; }
.reg-card .head{ display:flex; align-items:center; gap:0.75rem; }
.reg-card .head svg{ color:hsl(var(--forest)); width:1.75rem; height:1.75rem; }
.reg-card h2{ font-family:"Fraunces", serif; font-size:1.5rem; font-weight:700; color:hsl(var(--forest)); }
.reg-grid{ margin-top:1.5rem; display:grid; gap:1rem 2rem; grid-template-columns:1fr; }
@media(min-width:640px){ .reg-grid{ grid-template-columns:1fr 1fr; } }
.reg-item{ border-bottom:1px solid hsl(var(--border) / 0.7); padding-bottom:0.75rem; }
.reg-item dt{ font-size:0.875rem; color:hsl(var(--muted-foreground)); }
.reg-item dd{ margin-left:0; margin-top:0.125rem; font-weight:500; color:hsl(var(--foreground)); font-size:0.875rem; }

/* -------- Products cards -------- */
.section-head{ display:flex; align-items:center; gap:1rem; }
.section-head h2{ font-family:"Fraunces", serif; font-size:1.875rem; font-weight:700; color:hsl(var(--forest)); }
.section-head .line{ flex:1; height:1px; background:hsl(var(--border)); }

.pgrid{ margin-top:2rem; display:grid; gap:1.5rem; grid-template-columns:1fr; }
@media(min-width:640px){ .pgrid{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media(min-width:1024px){ .pgrid-3{ grid-template-columns:repeat(3, minmax(0,1fr)); } .pgrid-4{ grid-template-columns:repeat(4, minmax(0,1fr)); } }
.product-card{
  border-radius:1rem; background:hsl(var(--card)); border:1px solid hsl(var(--border));
  padding:1.5rem; display:flex; flex-direction:column;
  transition:all .2s ease;
}
.product-card:hover{ box-shadow:0 10px 25px rgba(0,0,0,0.08); border-color:hsl(var(--honey)); }
.product-card .row{ display:flex; align-items:center; justify-content:space-between; }
.product-card h3{ font-family:"Fraunces", serif; font-size:1.25rem; font-weight:700; color:hsl(var(--forest)); }
.product-card .grade{
  border-radius:9999px; background:hsl(var(--honey) / 0.15);
  padding:0.25rem 0.625rem; font-size:0.75rem; font-weight:600;
  color:hsl(var(--honey-deep));
}
.product-card .desc{ margin-top:0.75rem; font-size:0.875rem; color:hsl(var(--muted-foreground)); line-height:1.65; flex:1; }
.product-card .cert-line{ margin-top:1rem; display:flex; align-items:center; gap:0.375rem;
  font-size:0.75rem; color:hsl(var(--muted-foreground)); }
.product-card .cert-line svg{ color:hsl(var(--forest)); width:0.875rem; height:0.875rem; }
.product-card .btn{ margin-top:1.25rem; justify-content:center; }

.retail-strip{
  margin-top:2rem;
  border-radius:0.75rem; background:hsl(var(--secondary) / 0.7);
  border:1px solid hsl(var(--border));
  padding:1rem 1.25rem;
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:0.75rem;
}
.retail-strip p{ font-size:0.875rem; color:hsl(var(--foreground)); }
.retail-strip a{
  display:inline-flex; align-items:center; gap:0.375rem;
  font-size:0.875rem; font-weight:600; color:hsl(var(--honey-deep));
}
.retail-strip a:hover{ text-decoration:underline; }

/* -------- Export page -------- */
.export-cards{ display:grid; gap:1.5rem; }
@media(min-width:768px){ .export-cards{ grid-template-columns:1fr 1fr; } }
.export-cards .card{ padding:2rem; }
.export-cards .icon{ color:hsl(var(--honey-deep)); width:2rem; height:2rem; }
.export-cards h2{ margin-top:1rem; font-family:"Fraunces", serif; font-size:1.5rem; font-weight:700; color:hsl(var(--forest)); }
.export-cards p{ margin-top:0.75rem; color:hsl(var(--muted-foreground)); line-height:1.7; }
.export-cards .foot{ margin-top:1.25rem; display:flex; align-items:center; gap:0.5rem; font-size:0.875rem; color:hsl(var(--muted-foreground)); }
.export-cards .foot svg{ color:hsl(var(--forest)); width:1rem; height:1rem; }

.harvest-markets{ display:grid; gap:2.5rem; }
@media(min-width:768px){ .harvest-markets{ grid-template-columns:1fr 1fr; } }
.harvest-markets h2{ font-family:"Fraunces", serif; font-size:1.5rem; font-weight:700; color:hsl(var(--forest)); }
.harvest-list{ margin-top:1.5rem; border-radius:0.75rem; background:hsl(var(--card));
  border:1px solid hsl(var(--border)); overflow:hidden; }
.harvest-list .row{ display:flex; align-items:center; justify-content:space-between; padding:1rem 1.25rem;
  border-top:1px solid hsl(var(--border)); }
.harvest-list .row:first-child{ border-top:0; }
.harvest-list .crop{ font-weight:500; }
.harvest-list .win{ font-size:0.875rem; color:hsl(var(--muted-foreground)); }
.market-tags{ margin-top:1.5rem; display:flex; flex-wrap:wrap; gap:0.625rem; }
.market-tag{
  display:inline-flex; align-items:center; gap:0.375rem;
  border-radius:9999px; background:hsl(var(--card));
  border:1px solid hsl(var(--border)); padding:0.5rem 0.875rem;
  font-size:0.875rem; color:hsl(var(--foreground));
}
.market-tag svg{ width:0.875rem; height:0.875rem; color:hsl(var(--honey-deep)); }
.cert-pills{ margin-top:1.5rem; display:flex; flex-wrap:wrap; gap:0.5rem; }
.cert-pill{
  border-radius:0.375rem; background:hsl(var(--forest) / 0.08);
  padding:0.375rem 0.75rem; font-size:0.75rem; font-weight:600; color:hsl(var(--forest));
}

/* -------- Forms -------- */
.field{ display:flex; flex-direction:column; gap:0.5rem; }
.field .lbl{ font-size:0.875rem; font-weight:500; color:hsl(var(--foreground)); }
.field .lbl .req{ color:hsl(var(--honey-deep)); }
.field input,.field select,.field textarea{
  width:100%; border-radius:0.375rem; border:1px solid hsl(var(--input));
  background:#fff; padding:0.625rem 0.875rem; font-size:0.875rem;
  color:hsl(var(--foreground));
  transition:border .15s ease, box-shadow .15s ease;
  font-family:inherit;
}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:none; border-color:hsl(var(--forest));
  box-shadow:0 0 0 3px hsl(var(--forest) / 0.15);
}
.field textarea{ min-height:120px; resize:vertical; }
.form-grid{ margin-top:2.5rem; display:grid; gap:1.25rem; grid-template-columns:1fr; }
@media(min-width:640px){ .form-grid{ grid-template-columns:1fr 1fr; } }
.form-grid .span-2{ grid-column:1/-1; }
.status{
  display:flex; align-items:center; gap:0.5rem;
  border-radius:0.375rem; padding:0.75rem 1rem; font-size:0.875rem;
}
.status.success{ background:hsl(var(--forest) / 0.1); border:1px solid hsl(var(--forest) / 0.25); color:hsl(var(--forest)); }
.status.error{ background:hsl(var(--destructive) / 0.1); border:1px solid hsl(var(--destructive) / 0.25); color:hsl(var(--destructive)); }
.submit{
  display:inline-flex; align-items:center; justify-content:center; align-self:flex-start;
  border-radius:9999px; background:hsl(var(--forest)); color:hsl(var(--primary-foreground));
  padding:0.75rem 1.75rem; font-size:0.875rem; font-weight:600; border:0;
}
.submit:hover{ filter:brightness(1.1); }
.submit:disabled{ opacity:0.6; cursor:not-allowed; }

/* Contact category chips */
.chip-row{ display:flex; flex-wrap:wrap; gap:0.625rem; margin-top:0.75rem; }
.chip{
  display:inline-flex; align-items:center; gap:0.5rem;
  border-radius:9999px; border:1px solid hsl(var(--border));
  background:hsl(var(--card)); color:hsl(var(--foreground));
  padding:0.625rem 1rem; font-size:0.875rem; font-weight:500;
  transition:all .2s ease;
}
.chip:hover{ border-color:hsl(var(--forest)); }
.chip.is-active{ background:hsl(var(--forest)); color:#fff; border-color:hsl(var(--forest)); }
.chip svg{ width:1rem; height:1rem; }

.contact-layout{ display:grid; gap:3rem; }
@media(min-width:1024px){ .contact-layout{ grid-template-columns:1.2fr 1fr; } }
.contact-info{ border-radius:1rem; background:hsl(var(--card)); border:1px solid hsl(var(--border)); padding:1.5rem; display:flex; flex-direction:column; gap:1rem; font-size:0.875rem; }
.contact-info .row{ display:flex; align-items:flex-start; gap:0.75rem; }
.contact-info .row svg{ color:hsl(var(--honey-deep)); width:1.25rem; height:1.25rem; flex-shrink:0; margin-top:0.15rem; }
.contact-info .row .k{ font-weight:600; color:hsl(var(--foreground)); }
.contact-info .row a,.contact-info .row p{ color:hsl(var(--muted-foreground)); margin:0; }
.contact-info .row a:hover{ color:hsl(var(--forest)); }
.contact-map{ border-radius:1rem; overflow:hidden; border:1px solid hsl(var(--border)); }
.contact-map iframe{ width:100%; height:16rem; border:0; display:block; }

/* -------- Careers openings -------- */
.jobs{ margin-top:2rem; display:grid; gap:1.25rem; grid-template-columns:1fr; }
@media(min-width:640px){ .jobs{ grid-template-columns:1fr 1fr; } }
.job{ border-radius:1rem; background:hsl(var(--card)); border:1px solid hsl(var(--border)); padding:1.5rem; transition:box-shadow .2s ease; }
.job:hover{ box-shadow:0 10px 25px rgba(0,0,0,0.08); }
.job .tag{ display:flex; align-items:center; gap:0.5rem; font-size:0.75rem; font-weight:600; color:hsl(var(--honey-deep)); text-transform:uppercase; letter-spacing:0.05em; }
.job h3{ margin-top:0.5rem; font-family:"Fraunces", serif; font-size:1.25rem; font-weight:700; color:hsl(var(--forest)); }
.job .meta{ margin-top:1rem; display:flex; flex-wrap:wrap; gap:1rem; font-size:0.875rem; color:hsl(var(--muted-foreground)); }
.job .meta span{ display:inline-flex; align-items:center; gap:0.375rem; }
.job button{ margin-top:1.25rem; padding:0.625rem 1.25rem; border-radius:9999px; background:hsl(var(--forest)); color:#fff; font-size:0.875rem; font-weight:600; border:0; }
.job button:hover{ filter:brightness(1.1); }
.no-jobs{
  margin-top:2rem; padding:2.5rem; text-align:center;
  border:1px dashed hsl(var(--border)); border-radius:1rem; background:hsl(var(--secondary) / 0.5);
}
.no-jobs p{ color:hsl(var(--muted-foreground)); }
.no-jobs .sub{ margin-top:0.25rem; font-size:0.875rem; }

/* -------- Footer -------- */
.site-footer{ background:hsl(var(--forest)); color:hsl(var(--primary-foreground)); }
.site-footer .top{
  max-width:1440px; margin-inline:auto; padding:3.5rem 1.25rem;
  display:grid; gap:2.5rem; grid-template-columns:1fr;
}
@media(min-width:768px){ .site-footer .top{ grid-template-columns:1fr 1fr; } }
@media(min-width:1024px){ .site-footer .top{ grid-template-columns:repeat(4, minmax(0,1fr)); padding-inline:2rem; } }
.site-footer .brand-block{ max-width:20rem; }
.site-footer .brand-block .brand-mark{ background:hsl(var(--honey)); color:hsl(var(--forest)); height:2.25rem; width:2.25rem; }
.site-footer .brand-block .title{ font-family:"Fraunces", serif; font-size:1.125rem; font-weight:700; color:#fff; }
.site-footer .brand-block p{ margin-top:1rem; font-size:0.875rem; color:rgba(255,255,255,0.7); line-height:1.65; }
.site-footer .shop-link{
  margin-top:1.25rem; display:inline-flex; align-items:center; gap:0.375rem;
  font-size:0.875rem; font-weight:600; color:hsl(var(--honey));
}
.site-footer .shop-link:hover{ text-decoration:underline; }
.site-footer h4{
  font-family:"Fraunces", serif; font-size:0.875rem; font-weight:600;
  text-transform:uppercase; letter-spacing:0.05em; color:hsl(var(--honey));
}
.site-footer ul{ list-style:none; padding:0; margin:1rem 0 0; display:flex; flex-direction:column; gap:0.625rem; font-size:0.875rem; color:rgba(255,255,255,0.75); }
.site-footer ul a{ transition:color .15s ease; }
.site-footer ul a:hover{ color:hsl(var(--honey)); }
.site-footer .contact-list li{ display:flex; align-items:flex-start; gap:0.625rem; }
.site-footer .contact-list svg{ width:1rem; height:1rem; margin-top:0.125rem; flex-shrink:0; color:hsl(var(--honey)); }
.site-footer .bottom{ border-top:1px solid rgba(255,255,255,0.1); }
.site-footer .bottom .inner{
  max-width:1440px; margin-inline:auto; padding:1.25rem 1.25rem;
  display:flex; flex-direction:column; gap:0.5rem; justify-content:space-between;
  font-size:0.75rem; color:rgba(255,255,255,0.55);
}
@media(min-width:640px){ .site-footer .bottom .inner{ flex-direction:row; padding-inline:2rem; } }

/* -------- Floating CTA buttons -------- */
.floating-cta{
  position:fixed; bottom:1.25rem; right:1.25rem; z-index:40;
  display:flex; flex-direction:column; gap:0.75rem;
}
.fcta{
  display:grid; place-items:center; height:3.5rem; width:3.5rem; border-radius:9999px;
  box-shadow:0 10px 20px rgba(0,0,0,0.2); transition:transform .2s ease;
}
.fcta:hover{ transform:scale(1.05); }
.fcta:active{ transform:scale(0.95); }
.fcta.wa{ background:#25D366; color:#fff; }
.fcta.wa svg{ width:1.75rem; height:1.75rem; }
.fcta.call{ background:hsl(var(--forest)); color:hsl(var(--honey)); }
.fcta.call svg{ width:1.5rem; height:1.5rem; }

/* -------- Blog / single / archive -------- */
.entry{ max-width:768px; margin-inline:auto; padding:6rem 1.25rem 4rem; }
.entry h1.entry-title{ font-size:2.25rem; margin-bottom:1rem; color:hsl(var(--forest)); }
.entry .entry-meta{ color:hsl(var(--muted-foreground)); font-size:0.875rem; margin-bottom:2rem; }
.entry .entry-content p{ margin-bottom:1.25rem; line-height:1.75; }
.entry .entry-content a{ color:hsl(var(--honey-deep)); text-decoration:underline; }
.error-404{ text-align:center; padding:8rem 1.25rem; }
.error-404 h1{ font-family:"Fraunces", serif; font-size:6rem; color:hsl(var(--honey-deep)); }
.error-404 p{ margin-top:1rem; color:hsl(var(--muted-foreground)); }

/* -------- Icon sizing helper -------- */
.i-sm{ width:0.875rem; height:0.875rem; }
.i-md{ width:1rem; height:1rem; }
.i-lg{ width:1.25rem; height:1.25rem; }
.i-xl{ width:1.5rem; height:1.5rem; }
.icon-inline{ display:inline-block; vertical-align:-2px; }

/* Common small helpers */
.flex{ display:flex; }
.items-center{ align-items:center; }
.gap-2{ gap:0.5rem; }
.mt-2{ margin-top:0.5rem; } .mt-3{ margin-top:0.75rem; } .mt-4{ margin-top:1rem; }
.mt-6{ margin-top:1.5rem; } .mt-8{ margin-top:2rem; } .mt-10{ margin-top:2.5rem; }
.text-center{ text-align:center; }
.text-sm{ font-size:0.875rem; }
.text-xs{ font-size:0.75rem; }
.font-semibold{ font-weight:600; }
.font-bold{ font-weight:700; }
.hidden-sm{ display:none; }
@media(min-width:640px){ .hidden-sm{ display:inline; } }

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  *{ transition:none !important; animation:none !important; }
}

/* ==========================================================================
   Elementor integration overrides — remove Elementor's wrapper padding/gutter
   so our widgets render at their designed full-bleed widths.
   ========================================================================== */
.elementor-widget-igru_hero,
.elementor-widget-igru_stats,
.elementor-widget-igru_quick_links,
.elementor-widget-igru_page_banner,
.elementor-widget-igru_infrastructure,
.elementor-widget-igru_mission_vision,
.elementor-widget-igru_harvest_markets,
.elementor-widget-igru_milestones,
.elementor-widget-igru_registration,
.elementor-widget-igru_careers_perks{
  margin-block:0;
}
.elementor-widget-igru_hero .elementor-widget-container,
.elementor-widget-igru_stats .elementor-widget-container,
.elementor-widget-igru_quick_links .elementor-widget-container,
.elementor-widget-igru_page_banner .elementor-widget-container,
.elementor-widget-igru_infrastructure .elementor-widget-container,
.elementor-widget-igru_mission_vision .elementor-widget-container,
.elementor-widget-igru_harvest_markets .elementor-widget-container,
.elementor-widget-igru_milestones .elementor-widget-container,
.elementor-widget-igru_registration .elementor-widget-container,
.elementor-widget-igru_careers_perks .elementor-widget-container{
  padding:0; margin:0;
}
/* Elementor's section/column padding must be reset for our full-bleed widgets */
.elementor .elementor-section.elementor-top-section:has(.elementor-widget-igru_hero),
.elementor .elementor-section.elementor-top-section:has(.elementor-widget-igru_stats),
.elementor .elementor-section.elementor-top-section:has(.elementor-widget-igru_quick_links),
.elementor .elementor-section.elementor-top-section:has(.elementor-widget-igru_page_banner),
.elementor .elementor-section.elementor-top-section:has(.elementor-widget-igru_infrastructure),
.elementor .elementor-section.elementor-top-section:has(.elementor-widget-igru_mission_vision),
.elementor .elementor-section.elementor-top-section:has(.elementor-widget-igru_harvest_markets),
.elementor .elementor-section.elementor-top-section:has(.elementor-widget-igru_milestones),
.elementor .elementor-section.elementor-top-section:has(.elementor-widget-igru_registration),
.elementor .elementor-section.elementor-top-section:has(.elementor-widget-igru_careers_perks){
  padding:0;
}
.elementor .elementor-section.elementor-top-section:has(.elementor-widget-igru_hero) > .elementor-container,
.elementor .elementor-section.elementor-top-section:has(.elementor-widget-igru_stats) > .elementor-container,
.elementor .elementor-section.elementor-top-section:has(.elementor-widget-igru_quick_links) > .elementor-container,
.elementor .elementor-section.elementor-top-section:has(.elementor-widget-igru_page_banner) > .elementor-container,
.elementor .elementor-section.elementor-top-section:has(.elementor-widget-igru_infrastructure) > .elementor-container,
.elementor .elementor-section.elementor-top-section:has(.elementor-widget-igru_mission_vision) > .elementor-container,
.elementor .elementor-section.elementor-top-section:has(.elementor-widget-igru_harvest_markets) > .elementor-container,
.elementor .elementor-section.elementor-top-section:has(.elementor-widget-igru_milestones) > .elementor-container,
.elementor .elementor-section.elementor-top-section:has(.elementor-widget-igru_registration) > .elementor-container,
.elementor .elementor-section.elementor-top-section:has(.elementor-widget-igru_careers_perks) > .elementor-container{
  max-width:none; padding:0;
}
.elementor .elementor-section.elementor-top-section:has(.elementor-widget-igru_hero) .elementor-column-wrap,
.elementor .elementor-section.elementor-top-section:has(.elementor-widget-igru_hero) .elementor-widget-wrap{
  padding:0;
}
/* Simpler catch-all: any of our widgets inside Elementor should not receive
   Elementor's default column padding. */
.elementor-widget[class*="elementor-widget-igru_"] > .elementor-widget-container{ padding:0; }
.elementor .elementor-section:has([class*="elementor-widget-igru_"]) > .elementor-container{ max-width:none; padding:0; }
.elementor .elementor-section:has([class*="elementor-widget-igru_"]) .elementor-column-wrap,
.elementor .elementor-section:has([class*="elementor-widget-igru_"]) .elementor-widget-wrap{
  padding:0;
}

/* Sticky nav should NOT sit behind hero — hero already accounts for h64/h80 via CSS */
body.elementor-page > main.site-main{ padding-top:0; }