/* TerrAgrox global — Site styles (no frameworks beyond Bootstrap grid/components) */

:root{
  --primary:#1b5e20;
  --primary-light:#2e7d32;
  --primary-dark:#0a2e0f;
  --accent:#b8860b;
  --accent-light:#d4a017;
  --accent-bright:#f5c842;
  --text-dark:#1a1a1a;
  --text-muted:#666666;
  --bg-light:#f7f5f0;
  --bg-cream:#fdf9f3;
  --white:#ffffff;
  --card-shadow:0 4px 30px rgba(0,0,0,0.08);
  --radius:14px;
  --transition:all 0.35s ease;
  --gradient-main:linear-gradient(135deg, #0a2e0f 0%, #1b5e20 60%, #b8860b 100%);
  --gradient-gold:linear-gradient(135deg, #b8860b, #f5c842);
  --gradient-hero:linear-gradient(135deg, #0a2e0f, #1b5e20);
  --gradient-nav:linear-gradient(120deg, #061f0a 0%, #0d3d14 28%, #1b5e20 52%, #2e7d32 68%, #8b6914 88%, #d4a017 100%);
  --nav-glow-gold:rgba(245, 200, 66, 0.55);
  --nav-glow-green:rgba(76, 175, 80, 0.35);
  --font-serif:"Libre Baskerville", Georgia, "Times New Roman", serif;
}

html{ scroll-behavior:smooth; }
body{
  font-family:"DM Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--text-dark);
  background:var(--bg-cream);
}

h1,h2,h3,h4,h5{
  font-family:var(--font-serif);
  font-weight:700;
  line-height:1.2;
}

.section{ padding:84px 0; }
.section.bg-light{ background:var(--bg-light) !important; }

.section-label{
  font-size:.7rem;
  font-weight:600;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:transparent;
  background:var(--gradient-gold);
  -webkit-background-clip:text;
  background-clip:text;
  margin-bottom:.4rem;
}
.section-title{
  font-family:var(--font-serif);
  font-size:clamp(1.6rem, 3vw, 2.2rem);
  font-weight:700;
  color:var(--primary-dark);
  letter-spacing:0;
  line-height:1.2;
}
.section-title.section-title-lg{
  font-size:clamp(2rem, 4vw, 2.75rem);
  line-height:1.15;
}
.muted{ color:var(--text-muted); }

/* ---------------- Navbar ---------------- */
.tg-navbar{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:1030;
  isolation:isolate;
  transition:background .4s ease, box-shadow .4s ease, padding .35s ease;
  padding:4px 0;
  background:transparent;
}
.tg-navbar::before,
.tg-navbar::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  transition:opacity .45s ease;
  z-index:-1;
}
/* Gold radiance — top-right */
.tg-navbar::before{
  background:
    radial-gradient(ellipse 95% 180% at 100% -20%, var(--nav-glow-gold) 0%, transparent 58%),
    radial-gradient(ellipse 70% 140% at 72% 50%, rgba(212, 160, 23, 0.28) 0%, transparent 62%);
}
/* Green depth — left & center */
.tg-navbar::after{
  background:
    radial-gradient(ellipse 80% 160% at 0% 110%, var(--nav-glow-green) 0%, transparent 55%),
    radial-gradient(ellipse 55% 120% at 35% 0%, rgba(27, 94, 32, 0.5) 0%, transparent 50%);
}
.tg-navbar.scrolled{
  background:var(--gradient-nav) !important;
  border-bottom:1px solid rgba(245, 200, 66, 0.45);
  box-shadow:
    0 4px 28px rgba(10, 46, 15, 0.45),
    0 8px 32px rgba(184, 134, 11, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
  padding:4px 0;
}
.tg-navbar.scrolled::before,
.tg-navbar.scrolled::after{
  opacity:1;
}
.tg-navbar.scrolled .nav-link:hover,
.tg-navbar.scrolled .lang-dropdown .dropdown-toggle:hover{
  color:#0a2e0f !important;
}
.tg-navbar.scrolled .nav-link.active{
  color:var(--accent) !important;
}
.tg-navbar.scrolled .navbar-toggler{
  border-color:rgba(27, 94, 15, .35);
}
.tg-navbar.scrolled .navbar-toggler-icon{
  filter:invert(0);
}
/* Shimmer line along bottom edge */
.tg-navbar.scrolled .container::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-10px;
  height:2px;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(245, 200, 66, 0.15) 15%,
    rgba(245, 200, 66, 0.85) 50%,
    rgba(245, 200, 66, 0.15) 85%,
    transparent 100%
  );
  background-size:200% 100%;
  animation:nav-shimmer 4s ease-in-out infinite;
  pointer-events:none;
}
@keyframes nav-shimmer{
  0%, 100%{ background-position:100% 0; opacity:.7; }
  50%{ background-position:0% 0; opacity:1; }
}
.tg-navbar .container{
  position:relative;
  z-index:1;
}
.tg-navbar .nav-link,
.tg-navbar .navbar-brand{
  color:#fff !important;
  font-weight:500;
}
.tg-navbar .nav-link.active{ color:var(--accent-light) !important; }
.tg-navbar .dropdown-menu{
  border:0;
  border-radius:18px;
  box-shadow:var(--card-shadow);
  padding:.55rem;
}
.tg-navbar .dropdown-item{
  border-radius:12px;
  padding:.6rem .75rem;
  font-weight:600;
}
.tg-navbar .dropdown-item:hover{ background:rgba(212,160,23,.18); }
.tg-navbar .lang-dropdown .dropdown-toggle{
  border:0;
  background:transparent;
  color:#fff !important;
}
.tg-navbar .lang-dropdown .dropdown-toggle::after{ margin-left:.35rem; }
.tg-navbar .lang-menu .dropdown-item{ font-weight:600; }
.tg-navbar .lang-menu .dropdown-item.active,
.tg-navbar .lang-menu .dropdown-item:hover{
  background:linear-gradient(135deg, #b8860b, #f5c842);
  color:#0a2e0f;
}
.tg-navbar .lang-menu{
  max-height:min(70vh, 420px);
  overflow-y:auto;
}
.tg-navbar .navbar-toggler{ border-color:rgba(255,255,255,.35); }
.tg-navbar .navbar-toggler-icon{ filter:invert(1); }
@media (max-width: 991.98px){
  .tg-navbar .navbar-collapse{
    margin-top:.75rem;
    padding:1rem;
    border-radius:var(--radius);
    background:linear-gradient(145deg, rgba(10, 46, 15, 0.97) 0%, rgba(27, 94, 32, 0.95) 55%, rgba(139, 105, 20, 0.92) 100%);
    box-shadow:inset 0 0 40px rgba(245, 200, 66, 0.12);
    border:1px solid rgba(245, 200, 66, 0.25);
  }
  .tg-navbar .navbar-collapse .navbar-nav{
    align-items:stretch !important;
    gap:0 !important;
  }
  .tg-navbar .navbar-collapse .nav-link{
    padding:.75rem .5rem;
    border-radius:10px;
  }
  .tg-navbar .navbar-collapse .nav-item.ms-lg-3{
    margin-left:0 !important;
    margin-top:.5rem;
  }
  .tg-navbar .navbar-collapse .btn-whatsapp{
    width:100%;
    justify-content:center;
    padding:.75rem 1rem;
  }
  .tg-navbar .navbar-collapse .dropdown-menu{
    position:static !important;
    float:none;
    width:100%;
    margin:.25rem 0 .5rem;
    border:0;
    background:rgba(0,0,0,.15);
  }
}

/* Nested dropdown */
.dropdown-submenu{ position:relative; }
.dropdown-submenu > .dropdown-menu{ top:0; left:100%; margin-left:.25rem; }
@media (max-width: 991.98px){
  .dropdown-submenu > .dropdown-menu{ position:static; margin-left:0; box-shadow:none; padding-left:0; }
}

.brand{
  font-family:var(--font-serif);
  font-weight:700;
  letter-spacing:.2px;
  font-size:1.45rem;
}
.brand .accent{ color:var(--accent-light); }
.navbar-brand.brand-logo{
  display:inline-flex;
  align-items:flex-start;
  align-self:flex-start;
  flex-shrink:0;
  margin-top:-4px;
  margin-left:calc(50% - 50vw + 16px);
  margin-right:1rem;
  padding:0;
  line-height:1;
}
.navbar-brand.brand-logo::first-letter{ font-size:inherit; }
/* Navbar only — uses logo-nav.png (icon + name, no tagline) */
.navbar-brand.brand-logo img{
  height:clamp(80px, 10vmin, 110px);
  width:auto;
  max-width:min(280px, 40vw);
  object-fit:contain;
  object-position:left center;
  display:block;
  background:transparent !important;
  border:0;
  border-radius:0;
  padding:0;
  box-shadow:none;
  image-rendering:auto;
  filter:drop-shadow(0 2px 10px rgba(0, 0, 0, 0.55));
}
.tg-navbar.scrolled .navbar-brand.brand-logo img{
  height:clamp(65px, 8vmin, 90px);
  filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.5));
}
.brand-logo{
  display:inline-flex;
  align-items:center;
}

@media (max-width: 991.98px){
  .tg-navbar .container{
    flex-wrap:wrap;
    align-items:center;
  }
  .navbar-brand.brand-logo{
    max-width:calc(100% - 56px);
    margin-left:calc(50% - 50vw + 12px);
    margin-right:.5rem;
  }
  .navbar-brand.brand-logo img{
    height:75px;
    max-width:min(200px, 48vw);
  }
  .tg-navbar.scrolled .navbar-brand.brand-logo img{
    height:62px;
  }
}

@media (max-width: 575.98px){
  .navbar-brand.brand-logo{
    max-width:calc(100% - 52px);
    margin-left:calc(50% - 50vw + 10px);
    margin-right:.35rem;
  }
  .navbar-brand.brand-logo img{
    height:90px;
    max-width:min(220px, 52vw);
  }
  .tg-navbar.scrolled .navbar-brand.brand-logo img{
    height:78px;
  }
}
.footer-logo{
  width:clamp(110px, 13vw, 150px);
  height:auto;
  max-height:clamp(65px, 8vw, 90px);
  display:block;
  object-fit:contain;
  object-position:left center;
  background:transparent !important;
  border:0;
  border-radius:0;
  padding:0;
  image-rendering:auto;
  filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.35));
}
@media (max-width: 991.98px){
  .footer-logo{
    width:min(130px, 32vw);
    max-height:none;
    margin:0 auto;
    object-position:center center;
  }
}
@media (max-width: 575.98px){
  .footer-logo{
    width:min(150px, 38vw);
  }
}
@media (min-width: 992px){
  .footer .top .row > .col-lg-4:first-child{
    margin-left:calc(50% - 50vw + 16px);
  }
}

.btn-whatsapp{
  background:#1fbf5b;
  color:#fff;
  border:0;
  border-radius:999px;
  padding:.6rem .95rem;
  font-weight:700;
  box-shadow:0 10px 22px rgba(31,191,91,.18);
}
.btn-whatsapp:hover{ background:#20cc61; color:#fff; }

/* ---------------- Hero ---------------- */
.hero{
  min-height:100vh;
}
.hero .carousel,
.hero .carousel-inner,
.hero .carousel-item{
  height:100vh;
}
.hero .carousel-item{
  position:relative;
  background-size:cover;
  background-position:center;
}
.hero .carousel-item::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    to bottom,
    rgba(0,0,0,0.10) 0%,
    rgba(0,0,0,0.35) 100%
  );
}
.hero .container{
  position:relative;
  z-index:2;
  padding-top:140px;
  padding-bottom:90px;
}
.hero .carousel-item .text-center{
  text-shadow:0 2px 12px rgba(0,0,0,.55), 0 8px 32px rgba(0,0,0,.40);
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.hero .carousel-control-prev,
.hero .carousel-control-next{
  width:10%;
}
.hero .carousel-control-prev-icon,
.hero .carousel-control-next-icon{
  filter:invert(1);
  opacity:.9;
}
.hero .carousel-indicators [data-bs-target]{
  width:9px;
  height:9px;
  border-radius:50%;
}
.hero .hero-label{
  display:inline-flex;
  gap:.5rem;
  align-items:center;
  color:#fff;
  opacity:.9;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.78rem;
}
.hero h1{
  color:#fff;
  font-weight:700;
  font-size:clamp(2.2rem, 4.5vw, 4rem);
  line-height:1.05;
  margin-top:.75rem;
  word-break:keep-all;
  hyphens:none;
}
.hero p{
  color:rgba(255,255,255,.86);
  font-size:1.05rem;
  max-width:720px;
  margin:1rem auto 0;
  text-align:center;
  display:inline-block;
}
.hero .btn{
  border-radius:999px;
  padding:.75rem 1.05rem;
  font-weight:800;
}
.btn-accent{
  background:var(--accent);
  color:#1b1b1b;
  border:0;
}
.btn-accent:hover{
  background:var(--gradient-gold);
  color:#0a2e0f;
}
.btn-outline-cream{
  border:2px solid rgba(255,255,255,.70);
  color:#fff;
  background:transparent;
}
.btn-outline-cream:hover{ background:rgba(255,255,255,.12); color:#fff; }

/* slide text animation */
.hero-animate .anim{
  opacity:0;
  transform:translateY(18px);
  animation:fadeUp .8s ease forwards;
}
.hero-animate .anim.d1{ animation-delay:.08s; }
.hero-animate .anim.d2{ animation-delay:.20s; }
.hero-animate .anim.d3{ animation-delay:.32s; }
.hero-animate .anim.d4{ animation-delay:.44s; }
@keyframes fadeUp{
  to{ opacity:1; transform:translateY(0); }
}

/* ---------------- Stats strip ---------------- */
.stats{
  background:var(--primary-dark);
  color:#fff;
  padding:34px 0;
}
.stat{
  display:flex;
  gap:12px;
  align-items:center;
}
.stat i{
  width:46px;
  height:46px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.08);
}
.stat .value{
  font-weight:800;
  font-size:1.7rem;
  line-height:1;
}
.stat .label{
  opacity:.85;
  font-weight:600;
}

/* Homepage categories (icon grid) */
.home-cats{
  background:#fff;
}
.home-cats-section{ background:var(--white); }

.cat-tile{ text-decoration:none; display:block; }

.cat-tile-ico{
  width:160px;
  height:160px;
  border-radius:50%;
  overflow:hidden;
  background:rgba(26,92,42,.06);
  box-shadow:0 10px 30px rgba(0,0,0,.10);
  transition:transform .35s ease, box-shadow .35s ease;
}
.cat-tile-ico img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .4s ease;
}
.cat-tile:hover .cat-tile-ico{
  transform:translateY(-6px);
  box-shadow:0 18px 40px rgba(27,94,32,.18);
}
.cat-tile:hover .cat-tile-ico img{ transform:scale(1.06); }
.cat-tile-ico img.cat-zoom{ transform:scale(1.45); }
.cat-tile:hover .cat-tile-ico img.cat-zoom{ transform:scale(1.52); }

.cat-tile-label{
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
  font-size:.85rem;
  color:var(--text-dark);
  margin-top:.5rem;
}
.cat-tile:hover .cat-tile-label{ color:var(--primary); }

/* Legacy ico class kept for any other uses */
.cat-tile .ico{
  width:92px;
  height:92px;
  margin:0 auto 10px;
  border-radius:999px;
  background:rgba(26,92,42,.06);
  box-shadow:0 10px 26px rgba(0,0,0,.06);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.cat-tile .ico img{
  width:72px;
  height:72px;
  object-fit:cover;
  border-radius:999px;
}
.cat-tile .label{
  text-align:center;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.82rem;
  color:var(--text-dark);
}
.cat-tile:hover .label{ color:var(--primary); }

/* ---------------- Cards / badges ---------------- */
.card-soft{
  background:var(--white);
  border:0;
  border-radius:var(--radius);
  box-shadow:var(--card-shadow);
}
.pill{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  border-radius:999px;
  padding:.3rem .7rem;
  font-weight:700;
  font-size:.78rem;
  letter-spacing:.02em;
}
.pill.cat{
  background:rgba(15,58,26,.08);
  color:var(--primary-dark);
}
.pill.best{
  background:rgba(201,146,42,.16);
  color:var(--primary-dark);
  border:1px solid rgba(201,146,42,.35);
}

/* Product card (export catalogue) */
@keyframes zoomOut{
  from{ opacity:0; transform:scale(1.08); }
  to{ opacity:1; transform:scale(1); }
}
.products-grid .product-card{
  animation:zoomOut .55s ease forwards;
  animation-play-state:paused;
  opacity:0;
}
.products-grid.is-visible .product-card{
  animation-play-state:running;
}
.products-grid > *:nth-child(1) .product-card{ animation-delay:.05s; }
.products-grid > *:nth-child(2) .product-card{ animation-delay:.12s; }
.products-grid > *:nth-child(3) .product-card{ animation-delay:.19s; }
.products-grid > *:nth-child(4) .product-card{ animation-delay:.26s; }
.products-grid > *:nth-child(5) .product-card{ animation-delay:.33s; }
.products-grid > *:nth-child(6) .product-card{ animation-delay:.40s; }
.products-grid > *:nth-child(7) .product-card{ animation-delay:.47s; }
.products-grid > *:nth-child(8) .product-card{ animation-delay:.54s; }
.products-grid > *:nth-child(9) .product-card{ animation-delay:.61s; }
.products-grid > *:nth-child(10) .product-card{ animation-delay:.68s; }
.products-grid > *:nth-child(11) .product-card{ animation-delay:.75s; }
.products-grid > *:nth-child(12) .product-card{ animation-delay:.82s; }
.products-grid > *:nth-child(13) .product-card{ animation-delay:.89s; }
.products-grid > *:nth-child(14) .product-card{ animation-delay:.96s; }
.products-grid > *:nth-child(15) .product-card{ animation-delay:1.03s; }

.product-card{
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 4px 24px rgba(0,0,0,0.08);
  background:var(--white);
  transition:transform .4s ease, box-shadow .4s ease;
  position:relative;
  border:0;
  cursor:default;
}
.product-card:hover{
  transform:scale(0.97) translateY(-6px);
  box-shadow:0 16px 48px rgba(0,0,0,0.14);
}
.product-card.has-spec:hover{
  transform:none;
  box-shadow:0 16px 48px rgba(0,0,0,0.18);
}
.product-media{
  position:relative;
  height:230px;
  overflow:hidden;
}
.product-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .5s ease;
  display:block;
}
.product-card:hover .product-media img{ transform:scale(1.04); }
.product-cat-badge{
  position:absolute;
  top:0;
  left:0;
  z-index:2;
  background:var(--primary);
  color:#fff;
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  padding:.3rem .8rem;
  border-radius:0 0 8px 0;
  font-family:"DM Sans",sans-serif;
}
.product-best-badge{
  position:absolute;
  top:0;
  right:0;
  z-index:2;
  background:var(--accent);
  color:#fff;
  font-size:.68rem;
  font-weight:700;
  padding:.3rem .7rem;
  border-radius:0 0 0 8px;
  font-family:"DM Sans",sans-serif;
}
.product-card-body{
  padding:1.3rem 1.4rem 1.5rem;
  border-top:2px solid #f0f0f0;
}
.product-card-body h5{
  font-family:var(--font-serif),Georgia,serif;
  font-size:1.25rem;
  font-weight:600;
  color:var(--primary-dark);
  margin-bottom:.4rem;
}
.product-card-body .product-card-desc{
  font-size:.83rem;
  color:var(--text-muted);
  line-height:1.65;
  margin-bottom:1rem;
}
.btn-product-wa{
  width:100%;
  background:var(--primary);
  color:#fff !important;
  border:none;
  border-radius:8px;
  padding:.65rem;
  font-size:.85rem;
  font-weight:600;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-decoration:none;
  transition:background .3s;
  font-family:"DM Sans",sans-serif;
}
.btn-product-wa:hover{
  background:#25d366;
  color:#fff !important;
}
.product-card .product-overlay{ display:none; }
.product-media::after{ display:none; }

/* ---- Product spec hover panel ---- */
.product-spec-panel{
  position:absolute;
  inset:0;
  background:#fff;
  padding:1.1rem 1.2rem 1rem;
  opacity:0;
  visibility:hidden;
  transition:opacity .28s ease, visibility .28s ease;
  overflow-y:auto;
  display:flex;
  flex-direction:column;
  gap:.35rem;
  z-index:8;
  border-radius:16px;
}
.product-card:hover .product-spec-panel,
.product-spec-panel.active{
  opacity:1;
  visibility:visible;
}
.spec-cat-label{
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--primary);
}
.spec-product-name{
  font-family:var(--font-serif);
  font-size:.9rem;
  font-weight:700;
  color:var(--primary-dark);
  margin:0 0 .3rem;
  line-height:1.2;
}
.spec-rows{ flex:1; border-top:1px solid rgba(0,0,0,.06); padding-top:.3rem; }
.spec-row{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  padding:.22rem 0;
  font-size:.72rem;
  border-bottom:1px solid rgba(0,0,0,.05);
  gap:.4rem;
}
.spec-row:last-child{ border-bottom:0; }
.spec-row-label{ color:var(--text-muted); flex-shrink:0; font-weight:500; }
.spec-row-val{ font-weight:700; color:var(--text-dark); text-align:right; font-size:.7rem; }
.spec-applications{
  font-size:.68rem;
  color:var(--text-muted);
  line-height:1.45;
  padding:.3rem 0 .4rem;
  border-top:1px solid rgba(0,0,0,.06);
}
.spec-applications strong{ color:var(--primary-dark); display:block; margin-bottom:.15rem; font-size:.68rem; }
.spec-enquire-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  background:var(--primary);
  color:#fff !important;
  border-radius:8px;
  padding:.5rem;
  font-size:.8rem;
  font-weight:700;
  text-decoration:none;
  margin-top:auto;
  transition:background .25s;
}
.spec-enquire-btn:hover{ background:#25d366; color:#fff !important; }

/* Products page sidebar + intro */

.product-intro{
  background:var(--white);
  border-radius:calc(var(--radius) + 8px);
  box-shadow:var(--card-shadow);
  padding:16px;
}
.product-intro-media{
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 16px 34px rgba(0,0,0,.12);
}
.product-intro-media img{
  width:100%;
  height:220px;
  object-fit:cover;
  display:block;
}
.product-intro-title{
  font-family:var(--font-serif), Georgia, serif;
  font-weight:700;
  color:var(--primary-dark);
  font-size:clamp(1.6rem, 2.2vw, 2.1rem);
}
.product-highlight-card{
  border-radius:20px;
  overflow:hidden;
  background:var(--white);
  box-shadow:0 8px 40px rgba(0,0,0,.08);
  border:1px solid rgba(27,94,32,.07);
}
.product-highlight-img{
  height:240px;
  overflow:hidden;
  border-radius:14px;
  margin:14px;
}
.product-highlight-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:14px;
}
.product-highlight-body{
  padding:2.25rem 2.5rem 2.25rem 1.5rem;
}
.product-highlight-body h2{
  font-family:var(--font-serif), Georgia, serif;
  font-size:clamp(1.75rem, 2.5vw, 2.4rem);
  color:var(--primary-dark);
  margin-bottom:.75rem;
}
.product-highlight-body p{
  font-size:1rem;
  line-height:1.75;
  color:var(--text-muted);
  max-width:600px;
  margin:0;
}
@media (max-width:767.98px){
  .product-highlight-img{ height:200px; margin:10px; }
  .product-highlight-body{ padding:1.5rem 1.25rem; }
}

/* ---- Why Choose section (two-tone feature strip) ---- */
.why-choose-section{ overflow:hidden; }
.why-choose-inner{
  display:flex;
  align-items:stretch;
  min-height:240px;
}
.why-choose-left{
  flex:1 1 0;
  background:#a9cf8e;
  padding:3rem 3.5rem 3rem clamp(1.5rem, 5vw, 4rem);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.why-choose-right{
  flex:1 1 0;
  background:#ecca6e;
  padding:3rem clamp(1.5rem, 5vw, 4rem) 3rem 3.5rem;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.why-choose-center{
  flex:0 0 200px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  z-index:5;
}
.why-center-img{
  width:176px;
  height:176px;
  border-radius:50%;
  border:5px solid #fff;
  box-shadow:0 10px 40px rgba(0,0,0,.20);
  overflow:hidden;
  background:var(--bg-cream);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:var(--text-muted);
  font-size:.75rem;
  font-weight:600;
  line-height:1.55;
  padding:1rem;
}
.why-center-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.why-feature{
  display:flex;
  align-items:flex-start;
  gap:1rem;
  padding:.85rem 0;
}
.why-choose-left .why-feature:not(:last-child){ border-bottom:1px solid rgba(0,0,0,.14); }
.why-choose-right .why-feature:not(:last-child){ border-bottom:1px solid rgba(0,0,0,.14); }
.why-feature-icon{
  width:44px;
  height:44px;
  border-radius:50%;
  background:rgba(255,255,255,.55);
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 44px;
  box-shadow:0 2px 8px rgba(0,0,0,.10);
}
.why-choose-left .why-feature-icon i{ color:#1b5e20; }
.why-choose-right .why-feature-icon i{ color:#0a2e0f; }
.why-feature-text h6{
  font-family:var(--font-serif), Georgia, serif;
  font-weight:700;
  color:#15330f;
  margin-bottom:.12rem;
  font-size:.95rem;
}
.why-choose-right .why-feature-text h6{ color:#0a2e0f; }
.why-feature-text p{
  color:rgba(21,51,15,.78);
  font-size:.83rem;
  margin:0;
  line-height:1.5;
}
.why-choose-right .why-feature-text p{ color:rgba(10,46,15,.80); }

@media (max-width:991.98px){
  .why-choose-inner{ flex-direction:column; }
  .why-choose-center{
    order:-1;
    flex:0 0 auto;
    width:100%;
    padding:2rem 0;
    background:linear-gradient(to bottom, #a9cf8e 50%, #ecca6e 50%);
  }
  .why-choose-left,.why-choose-right{
    width:100%;
    padding:1.75rem 1.5rem;
  }
}
@media (max-width: 991.98px){
  .product-sidebar{ position:static; top:auto; }
}

/* Filter tabs */
.filter-tabs .btn{
  border-radius:999px;
  font-weight:800;
  padding:.55rem .9rem;
}
.btn-filter{
  border:2px solid var(--primary);
  color:var(--primary);
  background:transparent;
}
.btn-filter.active{
  background:var(--gradient-gold);
  color:#0a2e0f;
  border-color:transparent;
}

/* Certifications strip */
.cert-strip{
  overflow:hidden;
  mask-image:linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
}
.cert-track{
  display:flex;
  gap:14px;
  width:max-content;
  animation:certScroll 22s linear infinite;
}
.cert-pill{
  white-space:nowrap;
  border:2px solid var(--accent);
  color:var(--primary-dark);
  background:var(--white);
  padding:.5rem 1.2rem;
  border-radius:50px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  gap:.55rem;
}
.cert-pill i{
  color:var(--primary);
  font-size:1rem;
}
@keyframes certScroll{
  from{ transform:translateX(0); }
  to{ transform:translateX(-50%); }
}
@keyframes certMarqueeScroll{
  from{ transform:translateX(0); }
  to{ transform:translateX(-50%); }
}

/* Certifications marquee — one row, seamless loop at exactly 50% */
.cert-marquee{
  position:relative;
  overflow:hidden;
  width:100%;
  padding:36px 0 44px;
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent);
  mask-image:linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent);
}
.cert-marquee-track{
  display:flex;
  width:max-content;
  animation:certMarqueeScroll 42s linear infinite;
  will-change:transform;
}
.cert-marquee-list{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:center;
  gap:5rem;
  margin:0;
  padding:0;
  list-style:none;
}
.cert-marquee-list li{
  flex:0 0 auto;
}
.cert-marquee-list img{
  display:block;
  height:clamp(150px, 16vw, 175px);
  width:auto;
  min-width:200px;
  max-width:320px;
  object-fit:contain;
  filter:brightness(1.12) contrast(1.06);
  padding:22px 36px;
  background:#fff;
  border-radius:18px;
  border:1px solid rgba(212, 160, 23, 0.5);
  box-shadow:0 10px 32px rgba(27, 94, 32, 0.14), 0 14px 40px rgba(184, 134, 11, 0.2);
}
@media (max-width: 991.98px){
  .cert-marquee-list{ gap:3.5rem; }
  .cert-marquee-list img{
    height:130px;
    min-width:170px;
    max-width:260px;
    padding:18px 26px;
  }
  .cert-marquee-track{ animation-duration:36s; }
}
@media (max-width: 575.98px){
  .cert-marquee-list{ gap:2rem; }
  .cert-marquee-list img{
    height:100px;
    min-width:140px;
    max-width:200px;
    padding:14px 18px;
  }
  .cert-marquee-track{ animation-duration:30s; }
}
@media (prefers-reduced-motion: reduce){
  .cert-marquee-track{ animation-duration:55s; }
}

/* Certifications homepage */
.certs-section{
  padding:clamp(4rem, 8vw, 6.5rem) 0;
  background:linear-gradient(180deg, #f4faf5 0%, #eef8f0 45%, #faf6eb 100%);
  border-top:1px solid rgba(27, 94, 32, 0.08);
  border-bottom:1px solid rgba(212, 160, 23, 0.15);
  opacity:1;
}
.certs-section .section-title{
  font-size:clamp(1.85rem, 3.5vw, 2.5rem);
}
.certs-section .text-center.mb-4{
  margin-bottom:2.25rem !important;
}

/* CTA */
.cta{
  background:var(--gradient-main);
  border-radius:calc(var(--radius) + 6px);
  padding:34px 26px;
  color:#fff;
  box-shadow:var(--card-shadow);
}
.cta p{ color:rgba(255,255,255,.85); }

/* Why cards */
.why-card{
  background:var(--white);
  border-radius:var(--radius);
  box-shadow:var(--card-shadow);
  padding:18px 18px;
  border-left:4px solid var(--accent);
}
.checklist{
  list-style:none;
  padding-left:0;
  margin:0;
}
.checklist li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin:.55rem 0;
  color:var(--text-muted);
  font-weight:600;
}
.checklist i{ color:var(--primary-light); margin-top:2px; }

/* Testimonials */
.testimonials-section{
  padding:84px 0;
  background:linear-gradient(165deg, #e8f0e4 0%, #f3efe6 42%, #faf6ef 100%);
  position:relative;
  overflow:visible;
}
.testimonials-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse 70% 50% at 10% 20%, rgba(27, 94, 32, 0.08), transparent 55%),
    radial-gradient(ellipse 60% 45% at 90% 80%, rgba(184, 134, 11, 0.1), transparent 50%);
  pointer-events:none;
}
.testimonials-section > .container{ position:relative; z-index:1; }
.testimonials-section .section-title{ color:var(--primary-dark); }
.testimonials-marquee-outer{
  position:relative;
  z-index:1;
  padding:.5rem 0 1rem;
}
.testimonials-marquee{
  overflow:hidden;
  width:100%;
  mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.testimonials-marquee-track{
  display:flex;
  width:max-content;
  will-change:transform;
  animation:tg-testimonial-marquee var(--marquee-duration, 55s) linear infinite;
}
.testimonials-marquee:hover .testimonials-marquee-track,
.testimonials-marquee:focus-within .testimonials-marquee-track{
  animation-play-state:paused;
}
.testimonials-marquee-set{
  display:flex;
  flex-shrink:0;
  gap:1.25rem;
  padding:0 0.625rem;
}
.testimonials-marquee-set .testimonial-card{
  flex:0 0 360px;
  width:360px;
  max-width:min(360px, 78vw);
  display:flex;
  flex-direction:column;
}
.testimonials-marquee-set .review-profile{ margin-top:auto; }
@keyframes tg-testimonial-marquee{
  from{ transform:translateX(0); }
  to{ transform:translateX(-50%); }
}
@media (prefers-reduced-motion:reduce){
  .testimonials-marquee-track{
    animation:none;
    flex-wrap:wrap;
    width:100%;
    justify-content:center;
    gap:1.25rem;
  }
  .testimonials-marquee-set--clone{ display:none; }
  .testimonials-marquee{
    overflow:visible;
    mask-image:none;
    -webkit-mask-image:none;
  }
}
.testimonial-card{
  position:relative;
  padding:1.5rem 1.75rem 1.5rem;
  background:var(--white);
  border-radius:20px;
  box-shadow:0 12px 40px rgba(10, 46, 15, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
  border:1px solid rgba(27, 94, 32, 0.08);
  border-left:4px solid var(--accent);
}
.testimonial-card{
  position:relative;
  padding:1.5rem 1.75rem 1.5rem;
  background:var(--white);
  border-radius:20px;
  box-shadow:0 12px 40px rgba(10, 46, 15, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
  border:1px solid rgba(27, 94, 32, 0.08);
  border-left:4px solid var(--accent);
}
.testimonial-quote{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.5rem;
  height:2.5rem;
  margin-bottom:.85rem;
  border-radius:12px;
  background:linear-gradient(135deg, rgba(184, 134, 11, 0.15), rgba(245, 200, 66, 0.25));
  color:var(--accent);
  font-size:1rem;
}
.testimonial-card .review-text{
  color:var(--text-dark);
  font-size:1rem;
  line-height:1.6;
  margin:0 0 1.25rem;
}
.review-profile{
  display:flex;
  align-items:center;
  gap:1rem;
  padding-top:1rem;
  border-top:1px solid rgba(27, 94, 32, 0.1);
  margin:0;
}
.review-avatar{
  flex-shrink:0;
  width:64px;
  height:64px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  font-size:1.1rem;
  letter-spacing:.04em;
  color:#fff;
  border:3px solid var(--white);
  box-shadow:0 0 0 2px var(--accent-light), 0 6px 18px rgba(10, 46, 15, 0.15);
}
.review-avatar--1{ background:linear-gradient(145deg, #1b5e20, #2e7d32); }
.review-avatar--2{ background:linear-gradient(145deg, #b8860b, #d4a017); }
.review-avatar--3{ background:linear-gradient(145deg, #0a2e0f, #1b5e20); }
.review-avatar--4{ background:linear-gradient(145deg, #5d4037, #8d6e63); }
.review-avatar--5{ background:linear-gradient(145deg, #1565c0, #42a5f5); }
.review-profile-info{ min-width:0; }
.testimonial-card .author-name{
  font-family:var(--font-serif), Georgia, serif;
  color:var(--primary-dark);
  font-weight:700;
  font-size:1.12rem;
  line-height:1.3;
}
.testimonial-card .author-role{
  color:var(--primary);
  font-size:.82rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.06em;
  margin-top:.15rem;
}
.testimonial-card .author-meta{
  color:var(--text-muted);
  font-size:.88rem;
  margin-top:.25rem;
}
.testimonial-card .author-meta i{
  color:var(--accent);
  margin-right:.25rem;
  font-size:.75rem;
}
.testimonial-card .stars{
  margin-top:.45rem;
  color:var(--accent);
  font-size:.8rem;
  display:flex;
  gap:.2rem;
}

/* Footer */
.footer{
  background:var(--gradient-main);
  color:rgba(255,255,255,.86);
}
.footer a{ color:rgba(255,255,255,.86); text-decoration:none; }
.footer a:hover{ color:#fff; text-decoration:underline; }
.footer .top{ padding:62px 0 26px; }
.footer .bottom{
  border-top:1px solid rgba(255,255,255,.12);
  padding:14px 0;
  color:rgba(255,255,255,.70);
  font-size:.92rem;
}
.social a{
  width:40px; height:40px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.08);
  margin-right:8px;
  transition:transform .15s ease, background .15s ease;
}
.social a:hover{
  background:rgba(201,146,42,.20);
  transform:translateY(-2px);
}

/* Footer text */
.footer-desc{ color:rgba(255,255,255,.75); }

/* Page hero */
.page-hero{
  padding:132px 0 70px;
  color:#fff;
  position:relative;
  background:var(--gradient-main);
}
.page-hero::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.20;
  background-size:cover;
  background-position:center;
}
.page-hero .container{ position:relative; z-index:2; }
.breadcrumb .breadcrumb-item a{ color:rgba(255,255,255,.70); }
.breadcrumb .breadcrumb-item.active{ color:#fff; }

/* Sliding hero (inner pages) */
.page-hero.page-hero-slider{
  padding:0;
  background:transparent;
  overflow:hidden;
}
.page-hero-slider .carousel,
.page-hero-slider .carousel-inner,
.page-hero-slider .carousel-item{
  height:360px;
}
@media (max-width: 767.98px){
  .page-hero-slider .carousel,
  .page-hero-slider .carousel-inner,
  .page-hero-slider .carousel-item{
    height:300px;
  }
}
.page-hero-slider .carousel-item{
  background-size:cover;
  background-position:center;
  position:relative;
}
.page-hero-slider .carousel-item::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    135deg,
    rgba(6, 31, 10, 0.88) 0%,
    rgba(27, 94, 32, 0.75) 50%,
    rgba(10, 46, 15, 0.85) 100%
  );
}
.page-hero-slider .hero-caption{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:0 12px;
}
.page-hero-slider .hero-caption .inner{
  position:relative;
  z-index:2;
  max-width:980px;
}
.page-hero-slider h1{
  font-size:clamp(2.1rem, 4vw, 3.4rem);
  margin:0;
  word-break: keep-all;
  hyphens: none;
}
.page-hero-slider .hero-caption .inner p{
  margin-left:auto;
  margin-right:auto;
}
.page-hero-slider .breadcrumb{
  justify-content:center;
  margin-top:.35rem;
  margin-bottom:0;
}

/* Forms */
.form-control, .form-select{
  border-radius:var(--radius);
  padding:.85rem .95rem;
  border-color:rgba(0,0,0,.12);
}
.form-control:focus, .form-select:focus{
  border-color:rgba(26,92,42,.35);
  box-shadow:0 0 0 .25rem rgba(26,92,42,.14);
}
.invalid-feedback{ font-weight:600; }

/* Contact page layout */
.contact-card{
  display:flex;
  gap:16px;
  align-items:center;
  padding:18px 18px;
}
.contact-ico{
  width:60px;
  height:60px;
  border-radius:18px;
  background:rgba(26,92,42,.10);
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.contact-ico i{ color:var(--primary); font-size:1.4rem; }
.contact-card h6{ margin:0; font-weight:800; letter-spacing:.02em; }
.contact-card p{ margin:.25rem 0 0 0; color:var(--text-muted); font-weight:600; }
.contact-card a{ color:var(--text-dark) !important; text-decoration:none; }
.contact-card a:hover{ color:var(--primary) !important; text-decoration:underline; }
.contact-form-title{ font-size:clamp(2rem, 3.2vw, 2.8rem); }
.btn-submit{
  background:var(--primary);
  color:#fff;
  border:0;
  border-radius:10px;
  font-weight:800;
  padding:.7rem 1.2rem;
}
.btn-submit:hover{ background:var(--primary-dark); color:#fff; }

/* Founder page */
.founder-name{
  font-size:clamp(2.1rem, 3.4vw, 3rem);
}
.text-primary-2{ color:var(--primary) !important; }

/* About page blocks */
.about-media{
  border-radius:22px;
  overflow:hidden;
  box-shadow:var(--card-shadow);
  background:#fff;
}
.about-media img{
  width:100%;
  height:auto;
  display:block;
  object-fit:cover;
}
.ribbon-card{
  position:relative;
  padding:22px 20px 18px;
}
.ribbon-title{
  display:inline-flex;
  align-items:center;
  background:var(--primary);
  color:#fff;
  padding:.45rem .9rem;
  border-radius:10px;
  font-weight:800;
  font-size:.95rem;
  margin-bottom:.75rem;
}
.ribbon-icon{
  position:absolute;
  right:16px;
  top:14px;
  font-size:2.4rem;
  color:rgba(26,92,42,.14);
}

/* Floating buttons */
.back-to-top{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:1050;
  width:48px;
  height:48px;
  border-radius:16px;
  border:0;
  background:var(--primary-dark);
  color:#fff;
  box-shadow:0 10px 26px rgba(0,0,0,.22);
  display:none;
  align-items:center;
  justify-content:center;
}
.back-to-top.show{ display:inline-flex; }
.whatsapp-float{
  position:fixed;
  bottom:5.5rem;
  right:1.5rem;
  width:54px;
  height:54px;
  background:#25d366;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff !important;
  font-size:1.6rem;
  text-decoration:none;
  z-index:9999;
  box-shadow:0 4px 20px rgba(37,211,102,0.5);
  transition:transform .2s ease, box-shadow .2s ease;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.whatsapp-float:hover,
.whatsapp-float:active{
  transform:scale(1.08);
  color:#fff !important;
  box-shadow:0 6px 25px rgba(37,211,102,0.65);
}

/* Utility */
.rounded-soft{ border-radius:var(--radius) !important; }
.shadow-soft{ box-shadow:var(--card-shadow) !important; }

.page-hero-static h1{ color:#fff; }
.page-hero-static .breadcrumb-item a{ color:rgba(255,255,255,.75); }
.page-hero-static .breadcrumb-item.active{ color:#fff; }

.icon-accent{ color:var(--accent) !important; }
.icon-lg{ font-size:1.6rem !important; }
.section-title-sm{ font-size:2.2rem !important; }
.section-title-lg{
  font-size:clamp(2.2rem, 4vw, 3.2rem) !important;
}
.stars{ color:var(--accent-bright); letter-spacing:1px; }

/* Services page cards */
.services-grid-section{
  padding-top:0;
}
.service-card{
  background:#fff;
  border-radius:var(--radius);
  padding:1.75rem 1.5rem;
  box-shadow:var(--card-shadow);
  border-top:4px solid var(--accent);
  height:100%;
  transition:transform .35s ease, box-shadow .35s ease;
}
.service-card:hover{
  transform:translateY(-5px);
  box-shadow:0 14px 40px rgba(0,0,0,.12);
}
.service-card-ico{
  width:52px;
  height:52px;
  border-radius:50%;
  background:linear-gradient(135deg, var(--primary-dark), var(--primary-light));
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.25rem;
  margin-bottom:1rem;
}
.service-card h3{
  font-family:var(--font-serif);
  color:var(--primary-dark);
  margin-bottom:.65rem;
}

.service-card-img-wrapper{
  position:relative;
  overflow:hidden;
  border-radius:calc(var(--radius) - .25rem);
  background:#f5f5f5;
}

.service-card-img-wrapper img{
  display:block;
  width:100%;
  height:260px;
  object-fit:cover;
}

.service-card-label{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  background:var(--accent);
  color:#fff;
  text-align:center;
  padding:.9rem 1rem;
  font-weight:700;
  font-size:1rem;
}

/* Why choose — feature grid */
.why-section{ padding:84px 0; background:var(--bg-cream); }
.why-feature-card{
  background:#fff;
  border-radius:14px;
  padding:2rem 1.5rem;
  border-top:3px solid var(--accent);
  box-shadow:var(--card-shadow);
  height:100%;
  transition:transform .35s ease, box-shadow .35s ease;
}
.why-feature-card:hover{
  transform:translateY(-5px);
  box-shadow:0 12px 40px rgba(0,0,0,0.12);
}
.why-feature-card .why-ico{
  width:48px;
  height:48px;
  border-radius:50%;
  background:var(--primary);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.4rem;
  margin-bottom:1rem;
}
.why-feature-card h5{
  font-family:var(--font-serif),Georgia,serif;
  font-size:1.2rem;
  color:var(--primary-dark);
  font-weight:700;
}
.why-feature-card p{
  font-size:.87rem;
  color:var(--text-muted);
  line-height:1.7;
  margin:0;
}

/* Global export markets — footprint cards */
.export-markets-section{
  position:relative;
  padding:clamp(4rem, 8vw, 5.5rem) 0 clamp(4.5rem, 9vw, 6rem);
  overflow:hidden;
}
.export-markets-bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(6, 31, 10, 0.88) 0%, rgba(27, 94, 32, 0.8) 100%),
    url("../mapsterra.jpeg") center/cover no-repeat;
  z-index:0;
}
.export-markets-inner{
  position:relative;
  z-index:1;
}
.export-markets-title{
  font-family:var(--font-serif);
  font-size:clamp(1.75rem, 4vw, 2.75rem);
  font-weight:700;
  color:#fff;
  line-height:1.15;
  margin-bottom:1rem;
}
.export-markets-lead{
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
  color:rgba(255,255,255,.88);
  font-size:clamp(.95rem, 2vw, 1.05rem);
  line-height:1.75;
}
.export-market-card{
  background:rgba(10, 46, 15, 0.94);
  border:1px solid rgba(212, 160, 23, 0.22);
  border-radius:28px 0 28px 0;
  padding:1.15rem 1rem 1.25rem;
  color:#fff;
  box-shadow:0 12px 32px rgba(0, 0, 0, 0.28);
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.export-market-card:hover{
  transform:translateY(-4px);
  border-color:rgba(245, 200, 66, 0.45);
  box-shadow:0 18px 40px rgba(0, 0, 0, 0.35);
}
.export-market-flag{
  display:block;
  font-size:1.35rem;
  line-height:1;
  margin-bottom:.5rem;
}
.export-market-name{
  font-family:var(--font-serif);
  font-size:clamp(1rem, 2.2vw, 1.15rem);
  font-weight:700;
  margin:0 0 .4rem;
  color:#fff;
}
.export-market-products{
  font-size:.85rem;
  line-height:1.5;
  color:rgba(255,255,255,.82);
  margin:0;
}

/* Global export journey — timeline cards */
.export-journey-section{
  padding:clamp(4rem, 8vw, 5.5rem) 0;
  background:var(--bg-cream);
}
.export-journey-lead{
  max-width:720px;
}
.export-journey-track{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:clamp(.75rem, 2vw, 1.25rem);
  position:relative;
  padding-top:.25rem;
}
.export-journey-track::before{
  content:"";
  position:absolute;
  top:28px;
  left:8%;
  right:8%;
  height:2px;
  background:linear-gradient(90deg, transparent, #c5c5c5 8%, #c5c5c5 92%, transparent);
  z-index:0;
}
.export-journey-step{
  flex:1 1 0;
  min-width:0;
  text-align:center;
  position:relative;
  z-index:1;
}
.export-journey-num{
  width:56px;
  height:56px;
  margin:0 auto 1rem;
  border-radius:50%;
  background:var(--primary-dark);
  border:3px solid var(--accent-light);
  color:#fff;
  font-family:var(--font-serif);
  font-size:1.35rem;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 4px 14px rgba(10, 46, 15, 0.2);
}
.export-journey-title{
  font-family:var(--font-serif);
  font-size:clamp(.95rem, 1.8vw, 1.12rem);
  font-weight:700;
  color:var(--primary-dark);
  margin:0 0 .35rem;
  line-height:1.25;
}
.export-journey-desc{
  font-size:clamp(.8rem, 1.5vw, .9rem);
  color:var(--text-muted);
  margin:0;
  line-height:1.45;
}

/* Legacy export process (other pages) */
.export-process-section{
  padding:84px 0;
  background:var(--bg-cream);
}
.export-step-card{
  background:#fff;
  border-radius:16px;
  padding:1.75rem 1.25rem;
  text-align:center;
  box-shadow:var(--card-shadow);
  height:100%;
  position:relative;
}
.export-step-num{
  width:40px;
  height:40px;
  border-radius:50%;
  background:var(--primary);
  color:#fff;
  font-weight:800;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto .75rem;
}
.export-step-card .step-ico{
  font-size:2rem;
  color:var(--primary);
  margin-bottom:.5rem;
}
@media (min-width: 992px){
  .export-step-wrap{
    position:relative;
  }
  .export-step-wrap:not(:last-child)::after{
    content:"";
    position:absolute;
    top:50%;
    right:-12px;
    width:40px;
    border-top:2px dashed var(--accent-light);
    transform:translateY(-50%);
    z-index:0;
  }
}

/* FAQ accordion */
.faq-section{
  padding:84px 0;
  background:var(--bg-cream);
}
.faq-section .accordion-button:not(.collapsed){
  background:var(--primary);
  color:#fff;
  box-shadow:none;
}
.faq-section .accordion-button{
  font-family:"DM Sans",sans-serif;
  font-weight:600;
  font-size:.95rem;
  color:var(--primary-dark);
}
.faq-section .accordion-body{
  font-size:.88rem;
  color:var(--text-muted);
  line-height:1.8;
  border-top:1px solid rgba(27,94,32,0.1);
}
.faq-section .accordion-item{
  border:1px solid rgba(27,94,32,0.12);
  border-radius:10px !important;
  margin-bottom:.6rem;
  overflow:hidden;
}

/* Animated checklist */
.animated-list li{
  opacity:0;
  transform:translateX(-15px);
  transition:opacity .4s ease, transform .4s ease;
}
.animated-list.in-view li:nth-child(1){ transition-delay:.1s; opacity:1; transform:none; }
.animated-list.in-view li:nth-child(2){ transition-delay:.2s; opacity:1; transform:none; }
.animated-list.in-view li:nth-child(3){ transition-delay:.3s; opacity:1; transform:none; }
.animated-list.in-view li:nth-child(4){ transition-delay:.4s; opacity:1; transform:none; }
.animated-list.in-view li:nth-child(5){ transition-delay:.5s; opacity:1; transform:none; }
.animated-list.in-view li:nth-child(6){ transition-delay:.6s; opacity:1; transform:none; }

/* About page — hero with image */
.page-hero-static{
  padding:140px 0 80px;
  position:relative;
  color:#fff;
  background-size:cover;
  background-position:center;
}
.page-hero-static::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    135deg,
    rgba(6, 31, 10, 0.88) 0%,
    rgba(27, 94, 32, 0.72) 50%,
    rgba(10, 46, 15, 0.86) 100%
  );
}
.page-hero-static .container{ position:relative; z-index:2; }
.page-hero-about{
  background-image:url("../herbal-hero.jpeg");
  background-size:cover;
  background-position:center;
}
.about-story-text{
  position:relative;
  z-index:1;
}
.about-story-text::before{
  content:"\f06c";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  position:absolute;
  left:-24px;
  top:0;
  font-size:2.75rem;
  color:rgba(27,94,32,0.06);
  z-index:-1;
  line-height:1;
  pointer-events:none;
}
.about-highlight-img{
  border-radius:16px;
  box-shadow:0 20px 60px rgba(27,94,32,0.25);
  overflow:hidden;
}
.mission-card,
.vision-card{
  position:relative;
  color:#fff;
  border-radius:18px;
  padding:2.75rem 2.5rem;
  min-height:360px;
  height:100%;
  display:flex;
  flex-direction:column;
  box-shadow:0 16px 48px rgba(0, 0, 0, 0.12);
}
.mission-card{
  background:linear-gradient(145deg, #061f0a 0%, #0a2e0f 40%, #1b5e20 100%);
}
.vision-card{
  background:linear-gradient(145deg, #8b6914 0%, #b8860b 45%, #d4a017 100%);
}
.mv-card-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  border-radius:14px;
  background:rgba(255, 255, 255, 0.15);
  margin-bottom:1.25rem;
  font-size:1.35rem;
}
.mv-card-lead{
  color:rgba(255, 255, 255, 0.92);
  font-size:1.05rem;
  line-height:1.65;
  margin-bottom:1.35rem;
}
.mv-card-list{
  margin:0;
  padding:0;
  list-style:none;
  flex:1;
}
.mv-card-list li{
  position:relative;
  padding-left:1.5rem;
  margin-bottom:.85rem;
  color:rgba(255, 255, 255, 0.88);
  font-size:.98rem;
  line-height:1.55;
}
.mv-card-list li:last-child{ margin-bottom:0; }
.mv-card-list li::before{
  content:"\f00c";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  position:absolute;
  left:0;
  top:.15rem;
  font-size:.75rem;
  color:var(--accent-bright);
}
.vision-card .mv-card-list li::before{
  color:#0a2e0f;
}
.core-values-section{
  background:#f0f7f1;
  padding:84px 0;
}
.value-pill-card{
  background:#fff;
  border-radius:14px;
  padding:1.75rem;
  border-top:3px solid var(--primary);
  box-shadow:var(--card-shadow);
  transition:background .3s ease, color .3s ease, transform .25s ease;
  height:100%;
}
.value-pill-card:hover{
  background:var(--primary);
  color:#fff;
  transform:translateY(-4px);
}
.value-pill-card:hover h5,
.value-pill-card:hover p{ color:#fff !important; }
.value-pill-card h5{
  font-family:var(--font-serif),Georgia,serif;
  color:var(--primary-dark);
}

/* Founder layout */
.founder-profile-img{
  border-radius:16px;
  box-shadow:0 25px 70px rgba(0,0,0,0.15);
  border:4px solid var(--accent-light);
  width:100%;
  display:block;
}
.founder-name-card{
  background:var(--gradient-main);
  color:#fff;
  border-radius:0 0 16px 16px;
  padding:1.5rem;
  text-align:center;
}
.founder-name-card .fn{ font-family:var(--font-serif),Georgia,serif; font-size:1.5rem; font-weight:700; }
.founder-name-card .ft{ opacity:.95; font-weight:600; }
.founder-gold-rule{
  width:56px;
  height:4px;
  background:var(--accent);
  border-radius:4px;
  margin-bottom:1rem;
}
.qualification-block{ margin-bottom:1.5rem; }
.qualification-title{
  font-weight:700;
  color:var(--text-dark);
  font-size:1.1rem;
  margin-bottom:1rem;
}
.qualification-list{
  list-style:none;
  padding:0;
  margin:0;
}
.qualification-list li{
  display:flex;
  align-items:center;
  gap:.85rem;
  padding:.6rem 0;
  font-weight:600;
  font-size:1rem;
  color:var(--text-muted);
}
.qual-check{
  width:28px;
  height:28px;
  border-radius:50%;
  background:var(--primary);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 28px;
  font-size:.72rem;
}
.founder-stat-inline{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-top:1.5rem;
}
.founder-stat-pill{
  flex:1 1 140px;
  background:var(--primary);
  color:#fff;
  border-radius:12px;
  padding:.85rem 1rem;
  text-align:center;
  font-size:.82rem;
  font-weight:600;
}
.founder-stat-pill span{ display:block; font-size:1.05rem; font-weight:800; }

/* Contact */
.map-embed-wrap{
  border-radius:12px;
  overflow:hidden;
  box-shadow:var(--card-shadow);
}
.map-embed-wrap iframe{
  display:block;
  width:100%;
  height:380px;
  border:0;
}
.form-floating > label{ transition:all .25s ease; }
.btn-submit{
  position:relative;
  overflow:hidden;
  transition:transform .2s ease, box-shadow .2s ease;
}
.btn-submit:hover{
  transform:scale(1.02);
  background:var(--primary-dark);
}
@keyframes btnRipple{
  to{ transform:scale(4); opacity:0; }
}
.btn-submit::after{
  content:"";
  position:absolute;
  inset:0;
  margin:auto;
  width:12px;
  height:12px;
  border-radius:50%;
  background:rgba(255,255,255,0.45);
  opacity:0;
  pointer-events:none;
}
.btn-submit:active::after{
  animation:btnRipple .5s ease-out forwards;
}
@keyframes slideDown{
  from{ opacity:0; transform:translateY(-10px); }
  to{ opacity:1; transform:translateY(0); }
}
.success-msg{
  animation:slideDown .4s ease forwards;
}

html[dir="rtl"] body{ text-align: right; }
html[dir="rtl"] .navbar-nav{ margin-right: auto !important; margin-left: 0 !important; }
html[dir="rtl"] .tg-navbar .dropdown-menu{ text-align: right; }
html[dir="rtl"] .checklist li,
html[dir="rtl"] .footer ul li{ text-align: right; }
html[dir="rtl"] .about-story-text::before{
  left:auto;
  right:-8px;
}

/* ==================== Mobile & tablet responsiveness ==================== */
html{
  overflow-x:hidden;
  -webkit-text-size-adjust:100%;
}
body{
  overflow-x:hidden;
  max-width:100%;
}

img,
video,
iframe,
svg{
  max-width:100%;
  height:auto;
}

@media (max-width: 991.98px){
  .section,
  .why-section,
  .export-process-section,
  .faq-section,
  .certs-section{
    padding:clamp(2.75rem, 8vw, 4rem) 0;
  }

  .container{
    padding-left:max(1rem, env(safe-area-inset-left));
    padding-right:max(1rem, env(safe-area-inset-right));
  }

  .hero,
  .hero .carousel,
  .hero .carousel-inner,
  .hero .carousel-item{
    min-height:100svh;
    height:100svh;
  }
  .hero .container{
    padding-top:clamp(5.5rem, 18vw, 7rem);
    padding-bottom:3rem;
  }
  .hero h1{
    font-size:clamp(1.65rem, 7.5vw, 2.35rem);
    line-height:1.12;
  }
  .hero p{
    font-size:.95rem;
    margin-left:auto;
    margin-right:auto;
  }
  .hero .d-flex.flex-wrap.gap-2{
    flex-direction:column;
    align-items:stretch !important;
  }
  .hero .d-flex.flex-wrap.gap-2 .btn{
    width:100%;
    text-align:center;
  }

  .page-hero-static{
    padding:clamp(5.5rem, 16vw, 6.5rem) 0 clamp(2.5rem, 6vw, 3rem);
  }
  .page-hero-static h1{
    font-size:clamp(1.65rem, 6.5vw, 2.25rem);
  }

  .page-hero-slider .carousel,
  .page-hero-slider .carousel-inner,
  .page-hero-slider .carousel-item{
    height:clamp(240px, 42vw, 300px);
  }
  .page-hero-slider h1{
    font-size:clamp(1.5rem, 6vw, 2rem);
    line-height:1.15;
  }
  .page-hero-slider .hero-subtitle{
    font-size:.9rem;
  }
  .page-hero-slider .breadcrumb{
    font-size:.85rem;
    flex-wrap:wrap;
  }

  .stats{ padding:1.5rem 0; }
  .stat{
    justify-content:center;
    text-align:center;
    flex-direction:column;
    align-items:center;
  }

  .cat-tile .ico{
    width:76px;
    height:76px;
  }
  .cat-tile .ico img{
    width:58px;
    height:58px;
  }

  .product-sidebar .list-group{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    gap:.5rem;
  }
  .product-sidebar .list-group-item{
    flex:1 1 auto;
    border-radius:999px !important;
    border:1px solid rgba(27,94,32,.15) !important;
    text-align:center;
    padding:.55rem .85rem;
    font-size:.85rem;
  }
  .product-sidebar .sidebar-title{
    width:100%;
    margin-bottom:.75rem;
  }

  .product-intro{ padding:14px; }
  .product-intro-media img{ height:180px; }

  .filter-tabs{
    gap:.5rem !important;
  }
  .filter-tabs .btn{
    flex:1 1 calc(50% - .5rem);
    min-width:0;
    font-size:.8rem;
    padding:.5rem .65rem;
  }

  .cert-marquee{
    padding:24px 0 32px;
    -webkit-mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
    mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  }
  .cert-marquee-list img{
    min-width:0;
    width:clamp(120px, 38vw, 180px);
    height:clamp(80px, 22vw, 110px);
    padding:12px 16px;
  }

  .cta{
    padding:1.5rem 1.25rem;
    text-align:center;
  }
  .cta .col-lg-4,
  .cta .col-lg-8{
    text-align:center !important;
  }
  .cta .d-flex.flex-wrap.gap-2{
    justify-content:center !important;
  }
  .cta .btn{
    width:100%;
    max-width:320px;
  }

  .testimonial-card{ padding:1.5rem 1.25rem 1.35rem; }
  .testimonials-marquee-set .testimonial-card{
    flex:0 0 min(300px, 85vw);
    width:min(300px, 85vw);
  }
  .review-avatar{ width:52px; height:52px; font-size:.95rem; }

  .footer .top{ padding:2.5rem 0 1.5rem; }
  .footer .row > [class*="col-"]{
    text-align:center;
  }
  .footer-logo{
    margin-left:auto;
    margin-right:auto;
    object-position:center center;
  }
  .footer .social{
    justify-content:center;
    display:flex;
    flex-wrap:wrap;
  }
  .footer ul{
    padding-left:0;
  }

  .founder-stat-inline{
    flex-direction:column;
    align-items:stretch;
  }
  .founder-stat-pill{
    text-align:center;
  }
  .founder-profile-img{
    max-height:360px;
    object-fit:cover;
    width:100%;
  }

  .contact-card{
    flex-direction:column;
    text-align:center;
    align-items:center;
  }

  .map-embed-wrap iframe{
    height:260px !important;
    min-height:220px;
  }

  .whatsapp-float{
    bottom:max(1rem, env(safe-area-inset-bottom));
    right:max(1rem, env(safe-area-inset-right));
    width:50px;
    height:50px;
    font-size:1.45rem;
  }
  .back-to-top{
    bottom:max(1rem, env(safe-area-inset-bottom));
    right:max(4.5rem, calc(1rem + env(safe-area-inset-right) + 50px));
  }

  .why-feature-card{ padding:1.35rem 1.15rem; }
  .mission-card,
  .vision-card{ padding:1.5rem 1.25rem; }
  .about-highlight-img img{
    width:100%;
    max-height:320px;
    object-fit:cover;
  }
  .about-story-text::before{ display:none; }

  .reach-section .row.align-items-center{
    text-align:center;
  }

  .export-journey-track{
    flex-direction:column;
    align-items:stretch;
    gap:1rem;
    padding-left:0;
  }
  .export-journey-track::before{
    display:none;
  }
  .export-journey-step{
    display:grid;
    grid-template-columns:48px 1fr;
    column-gap:.85rem;
    row-gap:.15rem;
    text-align:left;
    align-items:center;
    background:#fff;
    border-radius:var(--radius);
    padding:1rem 1.15rem;
    box-shadow:var(--card-shadow);
  }
  .export-journey-num{
    margin:0;
    grid-row:1 / span 2;
    width:48px;
    height:48px;
    font-size:1.15rem;
  }
  .export-journey-title{
    margin-bottom:0;
    align-self:end;
  }
  .export-journey-desc{
    align-self:start;
  }

  .export-markets-title{
    font-size:clamp(1.45rem, 6vw, 1.85rem);
  }
  .export-market-card{
    padding:1rem .85rem;
  }
}

@media (max-width: 575.98px){
  .section-title.section-title-lg{
    font-size:clamp(1.45rem, 7vw, 1.85rem);
  }
  .section-title{
    font-size:clamp(1.35rem, 6vw, 1.65rem);
  }

  .hero .carousel-control-prev,
  .hero .carousel-control-next{
    display:none;
  }

  .filter-tabs .btn{
    flex:1 1 100%;
  }

  .product-sidebar .list-group-item{
    flex:1 1 100%;
  }

  .btn-product-wa,
  .btn-enquire{
    width:100%;
    justify-content:center;
  }

  .export-step-card{ padding:1.25rem 1rem; }

  .footer .bottom{
    text-align:center;
    font-size:.85rem;
  }
}

@media (max-width: 380px){
  .navbar-brand.brand-logo img{
    height:42px;
    max-width:140px;
  }
}