/* ══════════════════════════════════════════
   RESET & TOKENS
══════════════════════════════════════════ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --c-dark:       #404F1D;
  --c-darker:     #2a3512;
  --c-darkest:    #1c2509;
  --c-beige:      #F4EDE6;
  --c-beige2:     #e8ddd5;
  --c-green:      #A4C33A;
  --c-green-lt:   #C8DC7A;
  --c-white:      #FFFFFF;
  --c-muted:      rgba(244,237,230,0.55);
  --c-muted-d:    rgba(64,79,29,0.55);
  --r-sm:         0.5em;
  --r-md:         1em;
  --r-pill:       999px;
  --ease-out:     cubic-bezier(0.16,1,0.3,1);
  --ease-in-out:  cubic-bezier(0.77,0,0.175,1);
  --font:         'DM Sans', system-ui, sans-serif;
}

html {
  font-size: 0.96vw;
  scroll-behavior: smooth;
}
@media (max-width: 991px)  { html { font-size: 1.75vw; } }
@media (max-width: 479px)  { html { font-size: 4vw;    } }

body {
  font-family: var(--font);
  background: var(--c-beige);
  color: var(--c-dark);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overscroll-behavior: none;
}

/* lenis */
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth  { scroll-behavior: auto !important; }
.lenis.lenis-stopped { overflow: hidden; }

a { text-decoration: none; color: inherit; }
img, video { display: block; max-width: 100%; }
button { font-family: var(--font); cursor: pointer; border: none; background: none; }
ul { list-style: none; }

/* ══════════════════════════════════════════
   UTILITY CLASSES
══════════════════════════════════════════ */
.wrap {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 5em;
}
@media (max-width: 767px) { .wrap { padding: 0 1.5em; } }

.caps-sm {
  font-size: 0.78em;
  font-weight: 500;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.dot {
  width: 0.45em; height: 0.45em;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
}
.dot-green { background: var(--c-green); }

.eyebrow-row {
  display: flex;
  align-items: center;
  gap: 0.7em;
  margin-bottom: 1.6em;
}

.section-h2 {
  font-size: clamp(2rem, 4.2vw, 5em);
  font-weight: 300;
  line-height: 1.08;
  letter-spacing: -0.025em;
  margin-bottom: 1.8em;
}

.body-p {
  font-size: 1.05em;
  line-height: 1.72;
  margin-bottom: 1.6em;
}

/* text colours */
.dark       { color: var(--c-dark)   !important; }
.beige      { color: var(--c-beige)  !important; }
.accent     { color: var(--c-green)  !important; }
.accent-muted { color: rgba(164,195,58,0.8) !important; }
.muted      { color: var(--c-muted)           !important; }
.muted-dark { color: var(--c-muted-d)         !important; }
.beige-muted{ color: rgba(244,237,230,0.72)   !important; }
.dark-muted { color: rgba(64,79,29,0.7)       !important; }

/* bg */
.bg-beige   { background: var(--c-beige);   }
.bg-dark    { background: var(--c-dark);    }
.bg-darker  { background: var(--c-darker);  }
.bg-darkest { background: var(--c-darkest); }

/* layout helpers */
.center { text-align: center; }
.section { padding: 8em 0; }
@media (max-width: 767px) { .section { padding: 5em 0; } }

/* ══════════════════════════════════════════
   BUTTONS
══════════════════════════════════════════ */
.btn-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  padding: 0.9em 2em;
  border-radius: var(--r-pill);
  font-size: 0.78em;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  transition: transform 0.25s var(--ease-out),
              background 0.25s, border-color 0.25s, color 0.25s;
  white-space: nowrap;
}
.btn-pill:hover { transform: translateY(-2px); }

.btn-green  { background: transparent;  color: var(--c-dark); }
.btn-green:hover { background: rgba(244,237,230,0.4); }

.btn-dark   { background: var(--c-dark);  color: var(--c-beige); }
.btn-dark:hover { background: var(--c-darker); }

.btn-ghost  {
  border: 1px solid rgba(244,237,230,0.4);
  color: var(--c-beige);
}
.btn-ghost:hover { border-color: var(--c-beige); background: rgba(244,237,230,0.08); }

.btn-outline {
  border: 1px solid rgba(244,237,230,0.45);
  color: var(--c-beige);
}
.btn-outline:hover { border-color: var(--c-beige); background: rgba(244,237,230,0.1); }

/* ═══════════════════════════���══════════════
   NAVBAR
══════════════════════════════════════════ */
#navbar {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 900;
  padding: 1.8em 5em;
  transition: background 0.35s;
}
@media (max-width: 767px) { #navbar { padding: 1.4em 1.5em; } }

.nav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--c-beige);
  transition: color 0.35s;
}

/* toggle */
.menu-toggle {
  display: flex;
  align-items: center;
  gap: 0.7em;
  color: inherit;
}
.menu-toggle .bar {
  display: block;
  width: 22px; height: 1.5px;
  background: currentColor;
  border-radius: 2px;
  transition: transform 0.4s var(--ease-in-out), opacity 0.3s;
}
/* ── Hero Olive Overlay (transparent PNG on left cylinder) ── */
.hero-olive-overlay {
  position: absolute !important;
  left: 14.5vw !important;
  top: 17.5vw !important;
  width: 22vw !important;
  height: auto !important;
  z-index: 3 !important;
  pointer-events: none !important;
  object-fit: contain !important;
  transform: none !important;
  opacity: 1 !important;
}

@media screen and (max-width: 991px) {
  .hero-olive-overlay {
    display: none !important;
  }
}

/* stacked bars in a column wrapper */
.menu-toggle .bar { margin-bottom: 4px; }
.menu-toggle .bar:last-of-type { margin-bottom: 0; }

/* We animate them with a wrapper trick */
.menu-toggle-bars {
  display: flex; flex-direction: column; gap: 5px;
  width: 22px;
}

.menu-toggle.is-open .b1 { transform: translateY(6.5px) rotate(45deg); }
.menu-toggle.is-open .b2 { opacity: 0; }
.menu-toggle.is-open .b3 { transform: translateY(-6.5px) rotate(-45deg); }

.menu-label { font-size: 0.78em; font-weight: 500; letter-spacing: 0.13em; text-transform: uppercase; }

/* logo */
.nav-logo { display: flex; align-items: center; }
.nav-logo svg { width: 7.5em; height: auto; }
.nav-logo svg, .nav-logo { color: inherit; }

/* contact link */
.nav-contact {
  display: flex; flex-direction: column;
  align-items: flex-end; gap: 3px;
  color: inherit;
}
.nav-underline {
  height: 1px; width: 100%;
  background: currentColor;
  transform-origin: right;
  transition: transform 0.35s var(--ease-out);
}
.nav-contact:hover .nav-underline { transform: scaleX(0); }

/* ── Navbar colour-swap on light sections ── */
#navbar.nav-dark .nav-inner { color: var(--c-dark); }

/* ══════════════════════════════════════════
   SIDE MENU DRAWER
══════════════════════════════════════════ */
.side-menu {
  position: fixed;
  inset: 0 auto 0 0;
  width: min(520px, 100vw);
  background: var(--c-dark);
  z-index: 1100;
  transform: translateX(-100%);
  transition: transform 0.65s var(--ease-in-out);
  overflow-y: auto;
  display: flex; flex-direction: column;
}
.side-menu.is-open { transform: translateX(0); }

.side-menu-inner {
  padding: 2em 3em 3em;
  display: flex; flex-direction: column;
  min-height: 100%;
}

.side-menu-top {
  display: flex; align-items: center;
  justify-content: space-between;
  margin-bottom: 2em;
}
.side-logo { width: 9em; }
.side-close {
  color: var(--c-beige);
  cursor: pointer;
  transition: color 0.25s;
}
.side-close:hover { color: var(--c-green); }

.side-hr {
  border: none;
  border-top: 1px solid rgba(244,237,230,0.15);
  margin-bottom: 2.5em;
}

.side-nav { display: flex; flex-direction: column; flex: 1; }

.side-group {
  border-bottom: 1px solid rgba(244,237,230,0.08);
  padding: 0.2em 0;
}
.side-group.standalone { padding: 0.8em 0; }

.side-group-toggle {
  display: flex; align-items: center;
  justify-content: space-between;
  width: 100%; color: var(--c-beige);
  padding: 0.8em 0;
  cursor: pointer;
}
.side-group-title {
  font-size: 2.2em;
  font-weight: 300;
  color: var(--c-beige);
  line-height: 1;
  transition: color 0.25s;
  display: block;
}
.side-group-title:hover, .side-group-toggle:hover .side-group-title { color: var(--c-green); }

.side-arrow {
  font-size: 1.4em;
  color: rgba(244,237,230,0.4);
  transition: transform 0.3s, color 0.3s;
}
.side-group.is-expanded .side-arrow { transform: rotate(90deg); color: var(--c-green); }

.side-group-links {
  display: flex; flex-direction: column;
  gap: 0.4em;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.45s var(--ease-out), padding 0.3s;
  padding-left: 1em;
}
.side-group.is-expanded .side-group-links { max-height: 300px; padding-bottom: 1em; }

.side-link {
  font-size: 0.9em;
  color: rgba(244,237,230,0.6);
  transition: color 0.25s;
  padding: 0.25em 0;
}
.side-link:hover { color: var(--c-beige); }

.side-footer {
  display: flex; justify-content: space-between;
  align-items: flex-end;
  margin-top: 3em;
  padding-top: 2em;
  border-top: 1px solid rgba(244,237,230,0.1);
}
.side-footer-left { display: flex; flex-direction: column; gap: 0.4em; }
.accent-link {
  color: rgba(164,195,58,0.85);
  transition: color 0.25s;
}
.accent-link:hover { color: var(--c-green-lt); }

/* backdrop */
.menu-backdrop {
  position: fixed; inset: 0;
  background: rgba(0,0,0,0.55);
  z-index: 1050;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s;
}
.menu-backdrop.is-open { opacity: 1; pointer-events: all; }

/* ══════════════════════════════════════════
   APPLY PANEL
══════════════════════════════════════════ */
.apply-panel {
  position: fixed;
  inset: 0 0 0 auto;
  width: min(600px, 100vw);
  background: var(--c-darkest);
  z-index: 1200;
  transform: translateX(100%);
  transition: transform 0.65s var(--ease-in-out);
  overflow-y: auto;
}
.apply-panel.is-open { transform: translateX(0); }

#applyBackdrop { z-index: 1150; }

.apply-panel-inner {
  padding: 3.5em 3em;
  display: flex; flex-direction: column;
  gap: 2em;
  min-height: 100%;
}
.apply-header { padding-right: 3em; }
.apply-title {
  font-size: clamp(1.4rem, 2.5vw, 2.4em);
  font-weight: 300;
  color: var(--c-beige);
  line-height: 1.2;
  margin-bottom: 0.6em;
}

.apply-close {
  position: absolute; top: 2em; right: 2em;
  padding: 0.4em; cursor: pointer;
}
.apply-close img { width: 1.2em; filter: invert(1); opacity: 0.7; transition: opacity 0.2s; }
.apply-close:hover img { opacity: 1; }

/* form */
.apply-form { display: flex; flex-direction: column; gap: 0; }
.form-fields { display: flex; flex-direction: column; gap: 1.6em; margin-bottom: 2em; }
.field-wrap  { display: flex; flex-direction: column; gap: 0.5em; }
.field-label { color: rgba(244,237,230,0.45); }

.field-input {
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(244,237,230,0.2);
  padding: 0.6em 0;
  color: var(--c-beige);
  font-family: var(--font);
  font-size: 1em;
  outline: none;
  width: 100%;
  transition: border-color 0.3s;
}
.field-input::placeholder { color: rgba(244,237,230,0.3); }
.field-input:focus { border-color: var(--c-green); }
.field-select { appearance: none; cursor: pointer; }
.field-select option { background: var(--c-darkest); color: var(--c-beige); }

/* crop checkboxes */
.crop-checkboxes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5em 1em;
  margin-top: 0.5em;
}
.crop-check {
  display: flex; align-items: center; gap: 0.5em;
  font-size: 0.9em;
  color: rgba(244,237,230,0.7);
  cursor: pointer;
}
.crop-check input[type="checkbox"] {
  accent-color: var(--c-green);
  width: 1em; height: 1em;
}

.apply-submit {
  width: 100%; padding: 1.1em;
  background: var(--c-green);
  color: var(--c-dark);
  font-weight: 700; font-size: 0.78em;
  letter-spacing: 0.14em; text-transform: uppercase;
  border-radius: var(--r-sm);
  transition: background 0.25s, transform 0.2s;
}
.apply-submit:hover { background: var(--c-green-lt); transform: translateY(-1px); }

.apply-success {
  display: none; /* shown by JS */
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5em;
  flex: 1;
  text-align: center;
  color: var(--c-beige);
}
.success-icon {
  width: 4em; height: 4em;
  border-radius: 50%;
  background: rgba(164,195,58,0.15);
  border: 1px solid var(--c-green);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.8em;
  color: var(--c-green);
}

/* ══════════════════════════════════════════
   HERO
══════════════════════════════════════════ */
.hero {
  position: relative;
  height: 100svh !important;
  min-height: 600px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  background-color: #1f2509 !important;
}

.hero-img, .hero-img-mob {
  width: 100vw !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center top !important;
  position: absolute !important;
  top: 0 !important;
  bottom: auto !important;
  left: 0 !important;
  transform: none !important;
}

.hero-img-wrap {
  width: 100vw !important;
  height: 100% !important;
  position: absolute !important;
  inset: 0 !important;
  transform: none !important;
}

/* ── Turkish Font Fallback Override for headings ── */
.text-100-regular, .text-60-regular {
  font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
}
.text-60-regular {
  line-height: 1.25 !important;
}
.hero-description {
  row-gap: 1.0em !important;
  grid-row-gap: 1.0em !important;
}
.hero-heading-2 {
  row-gap: 0.8em !important;
  grid-row-gap: 0.8em !important;
}
.footer .container {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 48px !important;
}
@media screen and (max-width: 767px) {
  .footer .container {
    padding: 0 20px !important;
  }
}

/* ── Hero Olive Overlay (left cylinder) ── */
.hero-olive-overlay {
  position: absolute !important;
  left: 14.5vw !important;
  top: 17.5vw !important;
  width: 22vw !important;
  height: auto !important;
  z-index: 3 !important;
  pointer-events: none !important;
  object-fit: contain !important;
  transform: none !important;
  opacity: 1 !important;
}

/* ── Hero Olive Shadow ── */
.hero-olive-shadow {
  position: absolute !important;
  left: 21.5vw !important;
  top: 27.0vw !important;
  width: 11vw !important;
  height: 1.8vw !important;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 70%) !important;
  z-index: 2 !important;
  pointer-events: none !important;
  mix-blend-mode: multiply !important;
  display: block !important;
}

@media screen and (max-width: 991px) {
  .hero-olive-overlay, .hero-olive-shadow {
    display: none !important;
  }
}

@media screen and (min-width: 992px) {
  .hero {
    height: 56.25vw !important;
  }
  .hero-wrap {
    height: 56.25vw !important;
  }
  .capsule-item {
    grid-column: 2 / 3 !important;
    grid-row: 1 !important;
    margin-top: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding-top: 23em !important;
  }
  .tablet-img {
    height: 33em !important;
    width: auto !important;
    max-width: 100% !important;
    margin-top: -11.0em !important; /* adjusted to sit bottle exactly on podium */
    transform: scale(1.18) !important;
    display: block !important;
  }
  .hero-bottle-shadow {
    width: 7.2em !important;
    height: 0.9em !important;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 70%) !important;
    margin-top: 3.0em !important;
    z-index: 4 !important;
    pointer-events: none !important;
    mix-blend-mode: multiply !important;
    display: block !important;
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
  }
  .hero-heading-1 {
    position: absolute !important;
    left: 13.0vw !important;
    top: 28.5em !important;
    margin-top: 0 !important;
  }
  .hero-heading-2 {
    grid-column: 3 / 4 !important;
    grid-row: 1 !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    padding-top: 12.5em !important;
    padding-bottom: 0px !important;
  }
}

@media screen and (max-width: 991px) {
  .hero {
    height: 100svh !important;
  }
  .hero-wrap {
    width: 100vw !important;
    height: 216.78vw !important; /* Lock aspect ratio to mobile image ratio */
    position: relative !important;
  }
  .capsule-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin-top: 0 !important;
    padding-top: 96vw !important; /* visual sit on cylinder */
    width: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 2 !important;
  }
  .tablet-img {
    height: 61vw !important; /* scale bottle relative to width - larger size */
    width: auto !important;
    max-width: 100% !important;
    margin-top: 0 !important;
    transform: scale(1.18) !important;
    display: block !important;
  }
  .hero-bottle-shadow {
    width: 11.5vw !important;
    height: 1.4vw !important;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 70%) !important;
    margin-top: 5.3vw !important; /* aligned shadow bottom to bottle bottom */
    z-index: 4 !important;
    pointer-events: none !important;
    mix-blend-mode: multiply !important;
    display: block !important;
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
  }
  .hero-heading-1 {
    position: absolute !important;
    top: 24vw !important; /* lowered to prevent overlap with logo */
    left: 6vw !important;
    z-index: 5 !important;
    margin-top: 0 !important;
    width: auto !important;
  }
  .hero-heading-2 {
    position: absolute !important;
    bottom: 35vw !important;
    left: 6vw !important;
    z-index: 5 !important;
    padding-bottom: 0 !important;
    align-items: flex-start !important;
    width: 85vw !important; /* widened to prevent text truncation */
  }
  .text-60-regular {
    font-size: 1.45em !important; /* make mobile title smaller as requested */
  }
  .hero-description {
    width: 85vw !important;
    max-width: 85vw !important;
    font-size: 1.1em !important; /* smaller description text */
  }
  .nav-logo svg {
    width: 5.8em !important; /* smaller mobile logo */
  }
}

.hero-media {
  position: absolute; inset: 0;
  z-index: 0;
}
.hero-video {
  width: 100%; height: 100%;
  object-fit: cover;
}
.hero-scrim {
  position: absolute; inset: 0;
  background: linear-gradient(
    165deg,
    rgba(26,37,8,0.6) 0%,
    rgba(40,52,15,0.25) 40%,
    rgba(26,37,8,0.75) 100%
  );
}

.hero-content {
  position: relative; z-index: 1;
  padding-bottom: 5em;
  width: 100%;
}

.hero-badge-wrap { margin-bottom: 3em; }
.hero-badge { width: 7em; }

.hero-eyebrow { color: var(--c-green); margin-bottom: 1em; }

.hero-h1 {
  display: flex; flex-direction: column;
  font-size: clamp(2.8rem, 6.5vw, 7.5em);
  font-weight: 200;
  line-height: 1.02;
  color: var(--c-beige);
  letter-spacing: -0.03em;
  margin-bottom: 1.4em;
}
.h1-line { display: block; overflow: hidden; }
.h1-inner { display: block; } /* for split animation */

.hero-sub {
  font-size: 1.3em;
  font-weight: 300;
  color: rgba(244,237,230,0.8);
  line-height: 1.55;
  max-width: 520px;
  margin-bottom: 2em;
}

.hero-ctas { display: flex; gap: 1em; flex-wrap: wrap; }

/* scroll hint */
.hero-scroll-hint {
  position: absolute;
  bottom: 2.5em; right: 5em;
  display: flex; align-items: center; gap: 0.8em;
}
.scroll-line-wrap {
  width: 3em; height: 1px;
  background: rgba(244,237,230,0.2);
  overflow: hidden; position: relative;
}
.scroll-bar {
  position: absolute; top: 0; left: -100%;
  width: 100%; height: 100%;
  background: var(--c-green);
  animation: scrollPulse 2.4s ease-in-out infinite;
}
@keyframes scrollPulse {
  0%   { left: -100%; }
  50%  { left: 0%; }
  100% { left: 100%; }
}
.muted-light { color: rgba(244,237,230,0.45); }
@media (max-width: 767px) {
  .hero-scroll-hint { right: 1.5em; bottom: 2em; }
}

/* ══════════════════════════════════════════
   SECOND — THREE CARDS
══════════════════════════════════════════ */
.three-col {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 2em;
}
@media (max-width: 991px) { .three-col { grid-template-columns: 1fr 1fr; } }
@media (max-width: 550px)  { .three-col { grid-template-columns: 1fr; } }

.feature-card {
  border: 1px solid rgba(64,79,29,0.1);
  border-radius: 1.2em;
  padding: 2.5em 2em;
  display: flex; flex-direction: column;
  gap: 1em;
  transition: transform 0.35s var(--ease-out), box-shadow 0.35s;
}
.feature-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 24px 64px rgba(64,79,29,0.07);
}
.feature-icon { margin-bottom: 0.5em; }
.feature-title { font-size: 1.35em; font-weight: 400; }
.feature-body  { font-size: 0.95em; line-height: 1.7; color: rgba(64,79,29,0.65); }

/* ══════════════════════════════════════════
   NUMBERS
══════════════════════════════════════════ */
.numbers-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 0;
}
@media (max-width: 767px) { .numbers-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 420px)  { .numbers-grid { grid-template-columns: 1fr; } }

.num-item {
  padding: 2.5em 0;
  border-top: 1px solid rgba(244,237,230,0.15);
  padding-right: 2em;
}
.num-display {
  display: flex;
  align-items: baseline;
  gap: 0.1em;
  margin-bottom: 0.8em;
  line-height: 1;
}
.num-val, .num-unit {
  font-size: clamp(3rem, 5.5vw, 6.5em);
  font-weight: 200;
  color: var(--c-green);
  font-variant-numeric: tabular-nums;
}
.num-label {
  font-size: 0.85em;
  color: rgba(244,237,230,0.55);
  line-height: 1.5;
}

/* ══════════════════════════════════════════
   TWO-COL GRID
══════════════════════════════════════════ */
.two-col-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6em;
  align-items: center;
}
.two-col-grid.flip { direction: rtl; }
.two-col-grid.flip > * { direction: ltr; }
@media (max-width: 767px) {
  .two-col-grid { grid-template-columns: 1fr; gap: 3.5em; direction: ltr; }
  .two-col-grid.flip { direction: ltr; }
}

.better-text {
  display: flex; flex-direction: column;
  gap: 1.5em;
}

/* ══════════════════════════════════════════
   CANVAS CAPSULE
══════════════════════════════════════════ */
.capsule-wrap {
  position: relative;
  aspect-ratio: 1;
  border-radius: 1.5em;
  overflow: hidden;
  cursor: pointer;
  background: var(--c-darkest);
}
#hover-canvas {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  display: block;
  opacity: 0;
  transition: opacity 0.5s;
  z-index: 2;
}
.capsule-fallback {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  z-index: 1;
  transition: opacity 0.5s;
}
/* hide fallback once canvas is ready */
.capsule-ready .capsule-fallback { opacity: 0; }

/* ══════════════════════════════════════════
   CARBON STEPS
══════════════════════════════════════════ */
.steps-list {
  display: flex; flex-direction: column;
}
.step-row {
  display: grid;
  grid-template-columns: 3em 1fr 4em;
  gap: 2em;
  align-items: start;
  padding: 2.8em 0;
  border-bottom: 1px solid rgba(64,79,29,0.1);
  transition: background 0.3s;
}
.step-row:last-child { border-bottom: none; }
.step-row:hover { background: rgba(64,79,29,0.02); }
@media (max-width: 550px) { .step-row { grid-template-columns: 2.5em 1fr; } .step-icon { display: none; } }

.step-num { color: var(--c-green); padding-top: 0.3em; }
.step-title { font-size: 1.3em; font-weight: 400; margin-bottom: 0.6em; }
.step-desc  { font-size: 0.95em; line-height: 1.7; color: rgba(64,79,29,0.62); max-width: 55ch; }
.step-icon  { display: flex; align-items: center; justify-content: center; padding-top: 0.2em; opacity: 0.7; }

/* ══════════════════════════════════════════
   PRODUCTS
══════════════════════════════════════════ */
.products-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 2em;
  margin-top: 3.5em;
}
@media (max-width: 767px) { .products-grid { grid-template-columns: 1fr; } }

.product-card {
  border: 1px solid rgba(244,237,230,0.08);
  border-radius: 1.2em;
  overflow: hidden;
  display: flex; flex-direction: column;
  transition: transform 0.35s var(--ease-out), border-color 0.35s;
}
.product-card:hover {
  transform: translateY(-8px);
  border-color: rgba(164,195,58,0.35);
}

.product-media {
  position: relative;
  aspect-ratio: 4/3;
  overflow: hidden;
  background: rgba(42,53,18,0.6);
}
.product-img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s; }
.product-card:hover .product-img { transform: scale(1.05); }
.product-placeholder { width: 100%; height: 100%; }
.media-fallback-2 .product-placeholder { background: linear-gradient(135deg, #1c2509, #2a3a10); }
.media-fallback-3 .product-placeholder { background: linear-gradient(135deg, #2a3a10, #404F1D); }
.product-media-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(26,37,8,0.7) 0%, transparent 50%);
  display: flex; align-items: flex-end;
  padding: 1.2em;
}
.pm-label { color: rgba(244,237,230,0.6); }

.product-info {
  padding: 2em;
  display: flex; flex-direction: column;
  gap: 0.8em;
  flex: 1;
}
.product-tag {
  color: var(--c-green);
  border: 1px solid rgba(164,195,58,0.4);
  border-radius: var(--r-pill);
  padding: 0.25em 0.8em;
  width: fit-content;
}
.product-name { font-size: 1.5em; font-weight: 300; color: var(--c-beige); }
.product-desc { font-size: 0.88em; line-height: 1.7; color: rgba(244,237,230,0.58); flex: 1; }
.product-link {
  color: var(--c-green);
  display: inline-flex; align-items: center; gap: 0.4em;
  margin-top: 0.8em;
  transition: gap 0.25s, letter-spacing 0.25s;
}
.product-link:hover { gap: 0.8em; }

/* ══════════════════════════════════════════
   FIELD TRIALS
══════════════════════════════════════════ */
.trials-grid {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 5em;
  align-items: start;
  margin-top: 3em;
}
@media (max-width: 767px) { .trials-grid { grid-template-columns: 1fr; gap: 3em; } }

.trials-stats { display: flex; flex-direction: column; gap: 0; }
.trial-stat {
  border-top: 1px solid rgba(64,79,29,0.12);
  padding: 1.8em 0;
}
.trial-num  { font-size: clamp(2.5rem, 4vw, 4.5em); font-weight: 200; color: var(--c-dark); line-height: 1; margin-bottom: 0.3em; }
.trial-label{ font-size: 0.85em; color: rgba(64,79,29,0.55); line-height: 1.5; }

.trials-text { display: flex; flex-direction: column; gap: 1.5em; }

/* ══════════════════════════════════════════
   SUSTAINABILITY
══════════════════════════════════════════ */
.sustain-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3em 0;
}
.sustain-rings {
  position: relative;
  width: 24em; height: 24em;
  display: flex; align-items: center; justify-content: center;
}
.ring {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(164,195,58,0.3);
  animation: ringPulse 6s ease-in-out infinite;
}
.r1 { inset: 0;    animation-delay: 0s; }
.r2 { inset: 2.5em; animation-delay: 0.8s; border-color: rgba(164,195,58,0.5); }
.r3 { inset: 5em;   animation-delay: 1.6s; border-color: rgba(164,195,58,0.7); }
@keyframes ringPulse {
  0%, 100% { transform: scale(1); opacity: 0.7; }
  50%       { transform: scale(1.04); opacity: 1; }
}
.ring-core {
  position: relative; z-index: 1;
  width: 7em; height: 7em;
  border-radius: 50%;
  background: rgba(164,195,58,0.12);
  border: 1px solid var(--c-green);
  display: flex; align-items: center; justify-content: center;
}
.ring-label {
  font-size: 0.7em; font-weight: 600;
  letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--c-green); text-align: center;
  line-height: 1.4;
}

.sustain-list {
  display: flex; flex-direction: column; gap: 0.9em;
  margin-top: 0.5em;
}
.sustain-list li {
  display: flex; align-items: center; gap: 0.8em;
  font-size: 0.95em;
  color: rgba(244,237,230,0.75);
}

/* ══════════════════════════════════════════
   BLOG SLIDER
══════════════════════════════════��═══════ */
.blog-header-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 2.5em;
}
.link-arrow { color: var(--c-dark); transition: letter-spacing 0.25s; }
.link-arrow:hover { letter-spacing: 0.16em; }

.blog-card {
  border-radius: 1.2em;
  overflow: hidden;
  background: var(--c-white);
  display: flex; flex-direction: column;
  height: 100%;
  transition: transform 0.35s var(--ease-out), box-shadow 0.35s;
}
.blog-card:hover { transform: translateY(-8px); box-shadow: 0 24px 60px rgba(64,79,29,0.1); }
.blog-thumb {
  aspect-ratio: 16/9;
  transition: transform 0.6s;
}
.blog-card:hover .blog-thumb { transform: scale(1.04); }
.blog-body {
  padding: 2em;
  display: flex; flex-direction: column;
  gap: 0.75em;
  flex: 1;
}
.blog-tag   { color: var(--c-green); }
.blog-title { font-size: 1.1em; font-weight: 500; line-height: 1.35; }
.blog-excerpt { font-size: 0.88em; color: rgba(64,79,29,0.6); line-height: 1.65; flex: 1; }
.blog-foot  { display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 0.8em; }
.green-link { color: var(--c-dark); transition: color 0.25s, letter-spacing 0.25s; }
.green-link:hover { color: var(--c-green); letter-spacing: 0.13em; }

/* Splide overrides */
.splide--posts .splide__track { overflow: visible !important; }
.splide__arrow {
  background: var(--c-dark) !important;
  opacity: 1 !important;
  width: 3em !important; height: 3em !important;
}
.splide__arrow svg { fill: var(--c-beige) !important; }
.splide__arrow:hover { background: var(--c-darker) !important; }
.splide__pagination { display: none !important; }

/* ══════════════════════════════════════════
   CTA SECTION
══════════════════════════════════════════ */
.cta-section { text-align: center; }
.cta-wrap { display: flex; flex-direction: column; align-items: center; }
.cta-btns { display: flex; gap: 1em; flex-wrap: wrap; justify-content: center; }

/* ══════════════════════════════════════════
   FOOTER
══════════════════════════════════════════ */
.footer { padding: 6em 0 3em; }
.footer-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  gap: 3em;
  margin-bottom: 4em;
  padding-bottom: 4em;
  border-bottom: 1px solid rgba(244,237,230,0.08);
}
@media (max-width: 767px) { .footer-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 420px)  { .footer-grid { grid-template-columns: 1fr; } }

.footer-brand { display: flex; flex-direction: column; gap: 1.2em; }
.footer-logo  { width: 9em; opacity: 0.85; }
.footer-tagline { font-size: 0.88em; color: rgba(244,237,230,0.45); line-height: 1.6; max-width: 26ch; }
.footer-social { color: rgba(164,195,58,0.7); transition: color 0.25s; }
.footer-social:hover { color: var(--c-green); }

.footer-col { display: flex; flex-direction: column; gap: 0.9em; }
.footer-col-title { color: rgba(244,237,230,0.35); margin-bottom: 0.4em; }
.footer-link { font-size: 0.88em; color: rgba(244,237,230,0.55); transition: color 0.25s; }
.footer-link:hover { color: var(--c-green); }

.footer-bottom {
  display: flex; justify-content: space-between;
  align-items: center; flex-wrap: wrap; gap: 1em;
  margin-top: 2em;
  padding-bottom: 0.5em;
}
.footer-copy { color: rgba(244,237,230,0.28); }
.footer-legal { display: flex; gap: 2em; }

/* ══════════════════════════════════════════
   SCROLL ANIMATION STATES
══════════════════════════════════════════ */
[data-fade] {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.9s var(--ease-out), transform 0.9s var(--ease-out);
}
[data-fade].in-view {
  opacity: 1;
  transform: translateY(0);
}
[data-fade-delay="1"] { transition-delay: 0.12s; }
[data-fade-delay="2"] { transition-delay: 0.24s; }
[data-fade-delay="3"] { transition-delay: 0.36s; }

/* ── Stakarts Footer Credit Styles ── */
.footer-link.adelt {
  display: inline-flex !important;
  align-items: baseline !important;
}
.text-14-caps.green.xx.adelt-text {
  margin-top: 0 !important;
}
.stakarts-brand {
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  text-transform: none !important;
  color: #636f3d;
  display: inline-flex;
  align-items: baseline;
  margin-left: 0.4em;
  transition: transform 0.25s ease-out;
  transform-origin: left center;
}
.footer-link.adelt:hover .stakarts-brand {
  transform: scale(1.08);
}
.stakarts-blue-dot {
  color: #1d9bf0;
  margin-left: 0.1em;
  font-weight: 700;
}

/* ══════════════════════════════════════════
   CTA MOSAIC — Scroll-triggered stagger anim
══════════════════════════════════════════ */
.footer-cta-img-1,
.footer-cta-img-2,
.footer-cta-img-3,
.footer-cta-img-4,
.footer-cta-img-5,
.footer-cta-img-6 {
  opacity: 0;
  transform: scale(0.72) translateY(24px);
  transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}

.footer-cta-img-1.cta-revealed,
.footer-cta-img-2.cta-revealed,
.footer-cta-img-3.cta-revealed,
.footer-cta-img-4.cta-revealed,
.footer-cta-img-5.cta-revealed,
.footer-cta-img-6.cta-revealed {
  opacity: 1;
  transform: scale(1) translateY(0);
}

/* ── Second Section & Olive Branch Alignment Fixes ── */
.second-section {
  height: auto !important;
  min-height: 0 !important;
  padding-bottom: 0 !important;
  transform: none !important;
}
.second-section-wrap {
  height: auto !important;
  grid-template-columns: 1fr !important;
  width: 100% !important;
  max-width: none !important;
}
.second-section > .container,
.second-section > .w-container {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.up-to-70-wrap {
  display: none !important;
}
.adayag-branch-wrap {
  margin-top: 4em !important;
}
.corn-video-wrap-new {
  width: 100% !important;
  max-width: none !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  padding-top: 6em !important;
  padding-bottom: 6em !important;
}

/* Keep the green bars attached to the actual section boundaries. */
.section-divider-green {
  flex: 0 0 auto !important;
  inset: auto !important;
  transform: none !important;
}

.capsule {
  margin-top: 0 !important;
}
@media screen and (min-width: 992px) {
  .corn-video-wrap-new {
    width: 100% !important;
  max-width: none !important;
  padding-top: 12em !important;
    padding-bottom: 12em !important;
    height: auto !important;
    min-height: 100svh !important;
  }
}

.overlay-logos-bg {
  height: 500px !important;
}

/* Hero Title Text Size & Spacing Optimization */
.text-100-regular {
  font-size: 4.4em !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
}

@media screen and (max-width: 991px) {
  .text-100-regular {
    font-size: 3.8em !important;
    line-height: 1.08 !important;
  }
}

@media screen and (max-width: 479px) {
  .text-100-regular {
    font-size: 2.6em !important;
    line-height: 1.08 !important;
  }
}

/* Center Products Section Title */
.products-heading-wrap {
  justify-content: center !important;
  text-align: center !important;
}

.products-heading {
  width: 100% !important;
}

.products-heading h2 {
  text-align: center !important;
  width: 100% !important;
}

/* Custom Shopping Bag Icon Override */
.cart-svg-icon {
  stroke: #ffffff !important;
}


/* ── Blog Section Custom Alignment & Card Casing ── */
#blog {
  background-color: #5c693a !important;
  background-image: none !important;
}
#blog .splide__slide {
  width: 21em !important;
  height: 25em !important;
}
#blog .splide__item {
  width: 100% !important;
  height: 100% !important;
}
#blog .splide__content {
  background-color: #ffffff !important;
}
#blog .text-20-medium {
  color: #5c693a !important; /* light green title (swatch color) */
}
#blog .text-16-regular-desc {
  color: #000000 !important; /* black description text */
}

/* ── Footer CTA Spacing Optimization ── */
.cta-block-text {
  grid-row-gap: 2.5em !important;
  row-gap: 2.5em !important;
  align-items: flex-start !important;
}
.cta-block-heading {
  align-items: flex-start !important;
  text-align: left !important;
}
.h2-cta-heading, .cta-block-description {
  text-align: left !important;
}
.cta-btns {
  justify-content: flex-start !important;
}

/* ══════════════════════════════════════════
   FOOTER PROPER CASING (Turkish-safe)
   Removes CSS text-transform so translation
   values render with correct Turkish casing.
══════════════════════════════════════════ */
.footer .text-14-caps,
.footer .text-16-regular-caps,
.footer .link-2,
.footer [data-i18n],
.footer-hero-wrap [data-i18n] {
  text-transform: none !important;
}

/* ── Footer logo → green tint ─────────────────────────────── */
.farm-icon-green img {
  filter: brightness(0) saturate(100%)
          invert(24%) sepia(22%) saturate(900%)
          hue-rotate(53deg) brightness(92%) contrast(92%);
}

/* ══════════════════════════════════════════
   FOOTER ALIGNMENT FIX
   Ensures all footer columns share the same
   top-aligned flex layout with equal spacing.
══════════════════════���═══════════════════ */
.footer-links {
  align-items: flex-start !important;
  gap: 4em !important;
}

/* The bare footer-links-group (Blog + Contact) sits directly
   inside footer-links. Give it the same top padding as the
   wrapped columns so it lines up with the column headers. */
.footer-links > .footer-links-group {
  padding-top: 1.35em; /* matches approx. height of the opacity-60 header */
}

/* Keep footer-top using space-between so right section stays right */
.footer-top {
  align-items: flex-start !important;
  gap: 3em !important;
}

/* Footer bottom alignment */
.footer-bottom {
  align-items: center !important;
}

/* ── Blog "GENİ�?LET" button — green fill ─────────────────── */
#btn-more-blog {
  background-color: #404F1D !important;
  border-color: #404F1D !important;
  color: #ffffff !important;
  transition: background-color 0.25s ease, transform 0.2s ease !important;
}
#btn-more-blog:hover {
  background-color: #596A33 !important;
  border-color: #596A33 !important;
  transform: translateY(-2px) !important;
}
#btn-more-blog span {
  color: #ffffff !important;
}

/* ══ Turkish character fix — root cause ══════════════════════
   farm-minerals.css sets:
     .heading-77  { line-height: 90% }   �� clips Ü İ �? �?
     .nav-link    { line-height: 90% }
     .link-item_links { overflow: hidden } ← cuts overflowing diacritics
   Fix: override all three + switch to a font with precomposed
   Turkish glyphs (Inter via Google Fonts).
   ════════════════════════════════════════════════════════════ */

/* 1 — Remove the overflow clip from menu containers */
.link-item_links,
.menu-items,
.menu-items-wrap,
.menu-side-bar-inner {
  overflow: visible !important;
}

/* 2 — Fix line-height and font for the large heading */
.menu-side-bar .heading-77,
.menu-link-title .heading-77,
.link-item .heading-77 {
  font-family: 'Inter', 'Manrope', system-ui, -apple-system,
               BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  line-height: 1.15 !important;
  overflow: visible !important;
  text-rendering: geometricPrecision !important;
  -webkit-font-smoothing: antialiased !important;
  font-feature-settings: 'kern' 1, 'liga' 1 !important;
}

/* 3 — Fix line-height for sub-links */
.menu-side-bar .nav-link {
  font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
  line-height: 1.3 !important;
  overflow: visible !important;
  text-rendering: geometricPrecision !important;
}

/* 4 — Make sure link-item itself doesn't clip */
.link-item,
.menu-link-heading,
.menu-link-title {
  overflow: visible !important;
}

/* ── Capsule cards: icon top-right, text centered ─────────── */
.capsule-card-inner {
  position: relative !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 2.2em 1.4em 2em 1.4em !important;
  gap: 0 !important;
  height: auto !important;
  min-height: 15em !important;
}

/* Icon: absolute top-right corner */
.capsule-card-new .card-icon {
  position: absolute !important;
  top: 1.1em !important;
  right: 1.1em !important;
  width: 2.6em !important;
  height: 2.6em !important;
  stroke-width: 1.6px !important;
}

/* Description wrappers: centered */
.capsule-card-description,
.capsule-card-description-2,
.capsule-card-description-3 {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
  gap: 0.55em !important;
}

/* Title: slightly bigger and centered */
.capsule-card-inner .card-title {
  font-size: 2.1rem !important;
  text-align: center !important;
  margin-top: 0.2em !important;
  margin-bottom: 0.2em !important;
  line-height: 1.15 !important;
  width: 100% !important;
}

/* Description text: centered */
.capsule-card-description .text-14-caps,
.capsule-card-description-2 .text-14-caps,
.capsule-card-description-3 .text-14-caps {
  text-align: center !important;
  width: 100% !important;
}

/* Mobile adjustments */
@media screen and (max-width: 767px) {
  .capsule-card-new .card-icon {
    width: 2em !important;
    height: 2em !important;
  }
  .capsule-card-inner .card-title {
    font-size: 1.7rem !important;
  }
}



/* Disable uppercase text-transform for the menu text */
.menu-text,
.menu-contact-details .text-14-caps {
  text-transform: none !important;
}

/* Make menu leaf icon larger */
.icon-menu {
  width: 1.2em !important;
  height: 1.2em !important;
}

/* ── Footer Left Alignments ── */
.footer-right {
  align-items: flex-start !important;
  text-align: left !important;
}
.footer-right .align-right {
  text-align: left !important;
}
.footer-bottom-links {
  justify-content: flex-start !important;
}

@media screen and (min-width: 992px) {
  .footer-right {
    width: 33.33% !important;
  }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .footer-top {
    grid-template-columns: 1fr 1fr !important;
  }
}

/* ── Mobile Footer Links Horizontal Alignment ── */
@media screen and (max-width: 767px) {
  .footer-links-group {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 1.5em !important;
    justify-content: flex-start !important;
    align-items: center !important;
  }
  .div-block-3.mobile {
    display: contents !important;
  }
}

/* ── Contact Form Submit Button Styles ── */
.submit-btn {
  background-image: 
    radial-gradient(circle at center, #ffffff 0%, #ffffff 60%, transparent 60%),
    radial-gradient(circle at center, #ffffff 0%, #ffffff 60%, transparent 60%) !important;
  background-position: 14px center, calc(100% - 14px) center !important;
  background-size: 4px 4px, 4px 4px !important;
  background-repeat: no-repeat, no-repeat !important;
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: #ffffff !important;
  padding-left: 28px !important;
  padding-right: 28px !important;
  text-transform: none !important;
  font-family: inherit !important;
  font-weight: 500 !important;
  border-radius: 4px !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  box-shadow: none !important;
  transition: all 0.3s ease !important;
}
.submit-btn:hover {
  background-color: #ffffff !important;
  color: #404F1D !important;
  background-image: 
    radial-gradient(circle at center, #404F1D 0%, #404F1D 60%, transparent 60%),
    radial-gradient(circle at center, #404F1D 0%, #404F1D 60%, transparent 60%) !important;
  border-color: #ffffff !important;
}

/* ── Footer Spacing & Height Optimization ── */
.footer {
  display: block !important;
  height: auto !important;
  padding-top: 3.5em !important;
  padding-bottom: 2.0em !important;
}
.footer .container {
  height: auto !important;
  display: block !important;
}
.footer-wrap {
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  row-gap: 2.5em !important;
  grid-row-gap: 2.5em !important;
}

/* ── Form Fields Proper Casing Override ── */
.field-name,
.text-field,
.text-field-form,
.dropdown-form,
.text-field::placeholder,
.text-field-form::placeholder {
  text-transform: none !important;
}

/* Disable uppercase transform for the physical address */
[data-i18n="contact.address"] {
  text-transform: none !important;
}

/* ── Contact Page Overlay & Readability Enhancements ── */
.contact-page-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.28) !important;
  z-index: 1 !important;
  pointer-events: none;
}
.contact-bg {
  z-index: 0 !important;
}
.contact-left-wrap,
.contact-right {
  position: relative !important;
  z-index: 2 !important;
}
.contact-page-wrap .text-90-regular {
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.25) !important;
}
.contact-page-wrap .contact-description,
.contact-page-wrap .field-name,
.contact-page-wrap .phone-link,
.contact-page-wrap .link-2,
.contact-page-wrap .text-14-caps {
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.22) !important;
}
.contact-page-wrap .text-field,
.contact-page-wrap .text-field-form {
  background-color: rgba(0, 0, 0, 0.12) !important;
  border-bottom: 1.5px solid rgba(244, 237, 230, 0.6) !important;
  padding-left: 0.6em !important;
  padding-right: 0.6em !important;
  border-radius: 4px 4px 0 0 !important;
}
@media screen and (max-width: 767px) {
  .contact-page-wrap::before {
    background: rgba(0, 0, 0, 0.38) !important;
  }
}

/* ── Contact Details Row inside the Form ── */
.contact-details-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  margin-bottom: 3.0em !important;
  width: 100% !important;
}
.contact-detail-col {
  display: flex !important;
  flex-direction: column !important;
}
.contact-detail-col.left-col {
  align-items: flex-start !important;
  text-align: left !important;
}
.contact-detail-col.right-col {
  align-items: flex-end !important;
  text-align: right !important;
}
.contact-detail-col.right-col .text-14-caps {
  margin-top: 0.25em !important;
}

@media screen and (max-width: 767px) {
  .contact-details-row {
    flex-direction: column !important;
    row-gap: 1.5em !important;
    margin-bottom: 2.0em !important;
  }
  .contact-detail-col.right-col {
    align-items: flex-start !important;
    text-align: left !important;
  }
}

/* ── Global Language Selector & Nav Right Wrap Styles ── */
.nav-right-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 1.5em !important;
  justify-content: flex-end !important;
}
.lang-selector {
  display: flex !important;
  align-items: center !important;
  gap: 0.4em !important;
  font-family: inherit !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: var(--beige) !important; /* Default to white/beige on subpages */
}
.lang-btn {
  background: none !important;
  border: none !important;
  color: inherit !important;
  cursor: pointer !important;
  padding: 0 !important;
  font-weight: 500 !important;
  opacity: 0.5 !important;
  transition: opacity 0.2s, color 0.2s !important;
}
.lang-btn:hover {
  opacity: 0.8 !important;
}
.lang-btn.active {
  opacity: 1.0 !important;
  font-weight: 700 !important;
}
.lang-divider {
  opacity: 0.3 !important;
  color: inherit !important;
}
@media screen and (max-width: 991px) {
  .nav-right-wrap {
    gap: 0.8em !important;
  }
  .lang-selector {
    font-size: 12px !important;
  }
}


/* Override language selector color to green on homepage variant */
:where(.w-variant-1e4e48b0-d147-858b-bd02-9ab4d851e4d3) .lang-selector {
  color: var(--main-green) !important;
}

/* ── Expand Navbar Container Downward to Prevent Logo Cutoff ── */
.navbar {
  padding-bottom: 1.0em !important;
}

/* ── Navbar Alignment & Layout Fixes ── */
.nav-wrap {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  height: 100% !important;
  width: 100% !important;
}

.menu-btn-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: 100% !important;
}

.logo-header-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
}

.nav-right-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 1.5rem !important;
  height: 100% !important;
}

.contact-wrap {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 0.35rem !important;
}

.lang-selector {
  display: flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
}

/* Override language selector color to dark green on light background pages */
.navbar:not(.homepage) .lang-selector {
  color: #34451f !important;
}

.text-16-regular-desc {
  color: #f4ede6 !important; /* off-white description text */
}

/* ── Footer Sticky & Overlapping Fix ── */
.footer-hero-wrap {
  position: static !important;
  bottom: auto !important;
  z-index: 1 !important;
  height: auto !important;
  display: block !important;
}

.footer {
  position: static !important;
  height: auto !important;
  min-height: auto !important;
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
  display: block !important;
}

.footer-wrap {
  height: auto !important;
  min-height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 4rem !important;
}

.footer-top {
  height: auto !important;
  min-height: auto !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  flex-wrap: wrap !important;
  gap: 3rem !important;
}

.footer-bottom {
  height: auto !important;
  min-height: auto !important;
  margin-top: 2rem !important;
  align-items: center !important;
}

/* Refined compact hero card, anchored to the left */
html body .hero-heading-2 {
  position: absolute !important;
  left: 18px !important;
  right: auto !important;
  top: 50% !important;
  bottom: auto !important;
  width: min(380px, 34vw) !important;
  height: auto !important;
  padding: 0 !important;
  transform: translateY(-50%) !important;
  display: block !important;
}

html body .hero-glass-card {
  width: 100% !important;
  max-width: 380px !important;
  padding: 28px !important;
  border-radius: 32px !important;
  background: rgba(22, 29, 10, 0.07) !important;
  backdrop-filter: blur(8px) saturate(1.04) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.04) !important;
  box-shadow: 0 18px 46px rgba(8, 14, 3, 0.12) !important;
}

html body .hero-glass-card::before {
  border-color: rgba(255, 255, 255, 0.38) !important;
}

html body .hero-glass-card .text-60-regular {
  font-size: clamp(36px, 3.6vw, 50px) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.035em !important;
  margin: 0 0 12px !important;
}

html body .hero-glass-card .hero-description {
  width: 100% !important;
  max-width: none !important;
  gap: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

html body .hero-glass-card .text-16-regular-desc {
  width: 100% !important;
  max-width: none !important;
  font-size: 12.5px !important;
  line-height: 1.5 !important;
  color: rgba(255, 255, 255, 0.90) !important;
  text-wrap: pretty !important;
}

html body .hero-glass-card .hero-btns-wrap {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 8px !important;
  width: 100% !important;
  margin-top: 14px !important;
}

html body .hero-glass-card .hero-btns-wrap .btn-white.btn-hero {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 10px !important;
  margin: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.48) !important;
  background: rgba(255, 255, 255, 0.075) !important;
  box-shadow: none !important;
  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
}

html body .hero-glass-card .hero-btns-wrap .btn-white.btn-hero .text-14-caps {
  color: #fffaf0 !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  white-space: nowrap !important;
}

html body .hero-glass-card .hero-btns-wrap .dot-icon {
  width: 5px !important;
  height: 5px !important;
}

@media screen and (max-width: 991px) {
  html body .hero-heading-2 {
    left: 8px !important;
    right: auto !important;
    top: auto !important;
    bottom: 18px !important;
    width: min(292px, calc(100vw - 28px)) !important;
    transform: none !important;
  }

  html body .hero-glass-card {
    width: 100% !important;
    max-width: 292px !important;
    padding: 18px !important;
    border-radius: 22px !important;
    background: rgba(22, 29, 10, 0.055) !important;
    backdrop-filter: blur(6px) saturate(1.03) !important;
    -webkit-backdrop-filter: blur(6px) saturate(1.03) !important;
    box-shadow: 0 14px 36px rgba(8, 14, 3, 0.10) !important;
  }

  html body .hero-glass-card .text-60-regular {
    font-size: clamp(24px, 6.4vw, 29px) !important;
    line-height: 1.06 !important;
    margin-bottom: 10px !important;
  }

  html body .hero-glass-card .text-16-regular-desc {
    font-size: 12.5px !important;
    line-height: 1.44 !important;
  }

  html body .hero-glass-card .hero-btns-wrap {
    gap: 8px !important;
    margin-top: 14px !important;
  }

  html body .hero-glass-card .hero-btns-wrap .btn-white.btn-hero {
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 8px !important;
  }

  html body .hero-glass-card .hero-btns-wrap .btn-white.btn-hero .text-14-caps {
    font-size: 11.5px !important;
  }
}
/* Right-aligned, balanced copy over the first production video */
html body .corn-video-wrap-new {
  width: 100% !important;
  max-width: none !important;
  align-items: flex-end !important;
  padding-left: 20px !important;
  padding-right: 12px !important;
}

html body .corn-video-wrap-new .corn-text-wrap {
  width: min(440px, calc(100% - 48px)) !important;
  margin-left: auto !important;
  margin-right: clamp(24px, 5vw, 96px) !important;
  align-items: flex-end !important;
  text-align: right !important;
  gap: 14px !important;
  row-gap: 14px !important;
}

html body .corn-video-wrap-new .corn-text-wrap .h2-style {
  width: 100% !important;
  max-width: 440px !important;
  font-size: clamp(36px, 3.2vw, 42px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.025em !important;
  text-align: right !important;
  text-wrap: balance !important;
  margin: 0 !important;
}

html body .corn-video-wrap-new .corn-text-wrap .description-wrap,
html body .corn-video-wrap-new .corn-text-wrap .text-16-regular-desc {
  width: 100% !important;
  max-width: 400px !important;
  text-align: right !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}

html body .corn-video-wrap-new .corn-text-wrap .text-16-regular-desc {
  font-size: clamp(13px, 1vw, 14px) !important;
  line-height: 1.45 !important;
  text-wrap: pretty !important;
  opacity: 0.94 !important;
}

@media screen and (max-width: 991px) {
  html body .corn-video-wrap-new {
    width: 100% !important;
  max-width: none !important;
  padding-left: 16px !important;
    padding-right: 12px !important;
  }

  html body .corn-video-wrap-new .corn-text-wrap {
    width: min(390px, calc(100% - 40px)) !important;
    gap: 12px !important;
    row-gap: 12px !important;
  }

  html body .corn-video-wrap-new .corn-text-wrap .h2-style {
    max-width: 400px !important;
    font-size: clamp(30px, 6.4vw, 34px) !important;
  }

  html body .corn-video-wrap-new .corn-text-wrap .description-wrap,
  html body .corn-video-wrap-new .corn-text-wrap .text-16-regular-desc {
    max-width: 360px !important;
  }
}
/* Compact typography for the second fullscreen video */
html body .olive-fullscreen-content .olive-video-text-col {
  gap: clamp(14px, 1.8vw, 20px) !important;
}

html body .olive-fullscreen-content .olive-video-title {
  font-size: clamp(32px, 4.1vw, 52px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.025em !important;
  text-wrap: balance !important;
}

html body .olive-fullscreen-content .olive-video-desc {
  max-width: 680px !important;
  font-size: clamp(14px, 1.05vw, 16px) !important;
  line-height: 1.5 !important;
  text-wrap: pretty !important;
}

@media screen and (max-width: 991px) {
  html body .olive-fullscreen-content .olive-video-title {
    font-size: clamp(26px, 6.5vw, 34px) !important;
  }

  html body .olive-fullscreen-content .olive-video-desc {
    font-size: 14px !important;
    line-height: 1.48 !important;
  }
}
/* Keep the green capsule section limited to its video and three feature cards */
html body #olive-scroll-section {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  height: auto !important;
  min-height: 0 !important;
}

/* Keep the orchard video flush with both viewport edges. */
html body #olive-scroll-section .olive-fullscreen-slide,
html body #olive-scroll-section .olive-video-background,
html body #olive-scroll-section #olive-macro-video-new {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: 0 !important;
  right: 0 !important;
  transform: none !important;
}

html body .capsule {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding-bottom: 0 !important;
}

html body .capsule .capsule-cards-wrap {
  margin-bottom: 0 !important;
}
/* Balanced glass feature cards in the green capsule section */
html body .capsule .capsule-cards-wrap {
  width: 100% !important;
  max-width: 1200px !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: clamp(72px, 7vw, 96px) clamp(24px, 5vw, 60px) !important;
  box-sizing: border-box !important;
}

html body .capsule .capsule-cards-new {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: clamp(18px, 2vw, 24px) !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body .capsule .capsule-card-new {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 220px !important;
  height: auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, 0.075) !important;
  border: 1px solid rgba(255, 255, 255, 0.34) !important;
  border-radius: 28px !important;
  box-shadow: 0 18px 42px rgba(15, 25, 5, 0.16) !important;
  backdrop-filter: blur(8px) saturate(1.05) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.05) !important;
  transition: transform 0.3s ease, border-color 0.3s ease, background-color 0.3s ease !important;
}

html body .capsule .capsule-card-new:hover {
  transform: translateY(-4px) !important;
  background: rgba(255, 255, 255, 0.10) !important;
  border-color: rgba(255, 255, 255, 0.52) !important;
}

html body .capsule .capsule-card-inner {
  width: 100% !important;
  min-height: 220px !important;
  height: 100% !important;
  padding: 32px 26px 28px !important;
  box-sizing: border-box !important;
  justify-content: center !important;
}

html body .capsule .capsule-card-new .card-icon {
  top: 18px !important;
  right: 18px !important;
  width: 38px !important;
  height: 38px !important;
  stroke: #f4efe6 !important;
  opacity: 0.9 !important;
}

html body .capsule .capsule-card-new .card-title {
  color: #fffaf0 !important;
  font-size: clamp(25px, 2.1vw, 31px) !important;
  line-height: 1.14 !important;
  text-wrap: balance !important;
}

html body .capsule .capsule-card-description .text-14-caps,
html body .capsule .capsule-card-description-2 .text-14-caps,
html body .capsule .capsule-card-description-3 .text-14-caps {
  color: rgba(255, 250, 240, 0.84) !important;
  font-size: clamp(14px, 1.15vw, 16px) !important;
  line-height: 1.5 !important;
  text-transform: none !important;
  text-wrap: pretty !important;
}

@media screen and (max-width: 767px) {
  html body .capsule .capsule-cards-wrap {
    padding: 48px 20px !important;
  }

  html body .capsule .capsule-cards-new {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  html body .capsule .capsule-card-new,
  html body .capsule .capsule-card-inner {
    min-height: 190px !important;
  }

  html body .capsule .capsule-card-new {
    border-radius: 22px !important;
  }

  html body .capsule .capsule-card-inner {
    padding: 28px 22px 24px !important;
  }
}
/* Adaptive frosted navigation bar */
html body #navbar {
  top: 22px !important;
  left: 18px !important;
  right: 18px !important;
  width: auto !important;
  padding: 11px clamp(24px, 3.4vw, 46px) !important;
  background: rgba(19, 27, 8, 0.20) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 22px !important;
  box-shadow: 0 14px 38px rgba(10, 16, 4, 0.14) !important;
  backdrop-filter: blur(18px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
  transition: background-color 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important;
}

html body #navbar.nav-on-light {
  background: rgba(244, 237, 230, 0.68) !important;
  border-color: rgba(64, 79, 29, 0.20) !important;
  box-shadow: 0 14px 34px rgba(40, 51, 18, 0.10) !important;
}

html body #navbar .nav-wrap {
  width: 100% !important;
  height: 34px !important;
  min-height: 34px !important;
  align-items: center !important;
}

html body #navbar .menu-text,
html body #navbar .lang-selector,
html body #navbar .lang-btn,
html body #navbar .lang-divider,
html body #navbar .nav-cart-btn,
html body #navbar .contact-wrap,
html body #navbar .contact-wrap .text-14-caps {
  color: #ffffff !important;
  transition: color 0.3s ease !important;
}

html body #navbar.nav-on-light .menu-text,
html body #navbar.nav-on-light .lang-selector,
html body #navbar.nav-on-light .lang-btn,
html body #navbar.nav-on-light .lang-divider,
html body #navbar.nav-on-light .nav-cart-btn,
html body #navbar.nav-on-light .contact-wrap,
html body #navbar.nav-on-light .contact-wrap .text-14-caps {
  color: #404f1d !important;
}

html body #navbar .contact-wrap .underline {
  background-color: #ffffff !important;
}

html body #navbar.nav-on-light .contact-wrap .underline {
  background-color: #404f1d !important;
}

html body #navbar .logo-img.logo-light {
  display: block !important;
  filter: brightness(0) invert(1) !important;
  transition: filter 0.3s ease !important;
}

html body #navbar .logo-img.logo-dark {
  display: none !important;
}

html body #navbar.nav-on-light .logo-img.logo-light {
  filter: brightness(0) saturate(100%) invert(26%) sepia(35%) saturate(1487%) hue-rotate(46deg) brightness(96%) contrast(93%) !important;
}

html body #navbar .menu-btn-wrap > .icon-menu:not(.green),
html body #navbar .contact-wrap .icon-contact-light {
  display: block !important;
}

html body #navbar .menu-btn-wrap > .icon-menu.green,
html body #navbar .contact-wrap .icon-contact-dark {
  display: none !important;
}

html body #navbar.nav-on-light .menu-btn-wrap > .icon-menu:not(.green),
html body #navbar.nav-on-light .contact-wrap .icon-contact-light {
  display: none !important;
}

html body #navbar.nav-on-light .menu-btn-wrap > .icon-menu.green,
html body #navbar.nav-on-light .contact-wrap .icon-contact-dark {
  display: block !important;
}

html body #navbar .nav-cart-badge {
  background: #ffffff !important;
  color: #404f1d !important;
}

html body #navbar.nav-on-light .nav-cart-badge {
  background: #404f1d !important;
  color: #ffffff !important;
}

@media screen and (max-width: 767px) {
  html body #navbar {
    top: 14px !important;
    left: 8px !important;
    right: 8px !important;
    height: 56px !important;
    padding: 0 14px !important;
    border-radius: 18px !important;
  }

  html body #navbar .nav-wrap {
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 10px !important;
  }
}
/* Lower the hero video slightly to give the bottle breathing room below the nav */
html body .hero-img-wrap {
  overflow: hidden !important;
  background: #1f2509 !important;
}

html body .hero-img-wrap > video {
  transform: translateY(50px) scale(1.02) !important;
  transform-origin: center center !important;
  will-change: transform !important;
}

@media screen and (max-width: 767px) {
  html body .hero-img-wrap > video {
    transform: translateY(30px) scale(1.03) !important;
  }
}




/* Mobile experience polish */
@media screen and (max-width: 767px) {
  html, body { width:100%!important; max-width:100%!important; overflow-x:clip!important; }

  html body #navbar { top:12px!important; left:12px!important; right:12px!important; height:54px!important; padding:0 12px!important; border-radius:18px!important; }
  html body #navbar .nav-wrap { position:relative!important; display:flex!important; align-items:center!important; justify-content:space-between!important; width:100%!important; height:100%!important; padding:0!important; }
  html body #navbar .menu-btn-wrap { position:static!important; top:auto!important; left:auto!important; right:auto!important; transform:none!important; width:auto!important; height:100%!important; justify-self:auto!important; flex:0 0 auto!important; }
  html body #navbar .logo-header-wrap { position:absolute!important; top:50%!important; left:50%!important; width:72px!important; height:30px!important; transform:translate(-50%,-50%)!important; z-index:2!important; }
  html body #navbar .nav-right-wrap { position:static!important; top:auto!important; left:auto!important; right:auto!important; transform:none!important; width:auto!important; height:100%!important; margin-left:auto!important; gap:9px!important; justify-self:auto!important; flex:0 0 auto!important; }
  html body #navbar .contact-wrap { display:none!important; }
  html body #navbar .lang-selector { gap:3px!important; font-size:11px!important; }
  html body #navbar .nav-cart-btn { width:34px!important; height:34px!important; }

  html body .hero { height:100svh!important; min-height:700px!important; }
  html body .hero-wrap { width:100%!important; height:100%!important; }
  html body .hero-heading-1, html body .capsule-item { display:none!important; }
  html body .hero-img-wrap > video { object-position:50% 50%!important; transform:translateY(34px) scale(1.045)!important; }
  html body .hero-heading-2 { left:14px!important; right:14px!important; bottom:16px!important; width:auto!important; max-width:352px!important; }
  html body .hero-glass-card { width:100%!important; max-width:none!important; padding:20px!important; border-radius:24px!important; background:rgba(18,25,8,.24)!important; backdrop-filter:blur(12px) saturate(1.08)!important; -webkit-backdrop-filter:blur(12px) saturate(1.08)!important; box-shadow:0 18px 44px rgba(8,14,3,.2)!important; }
  html body .hero-glass-card .text-60-regular { max-width:10ch!important; font-size:clamp(29px,8.2vw,34px)!important; line-height:1.03!important; margin-bottom:12px!important; }
  html body .hero-glass-card .text-16-regular-desc { max-width:32ch!important; font-size:12.5px!important; line-height:1.48!important; }
  html body .hero-glass-card .hero-btns-wrap { gap:8px!important; margin-top:16px!important; }
  html body .hero-glass-card .hero-btns-wrap .btn-white.btn-hero { min-height:42px!important; height:42px!important; border-radius:999px!important; }
  html body .section-divider-green { height:24px!important; min-height:24px!important; }

  html body .second-section, html body .second-section-wrap { height:auto!important; min-height:0!important; }
  html body .second-section .most-fertilizers-mobile, html body .second-section .up-to-70-wrap { display:none!important; }
  html body .second-section .corn-video-wrap-new { width: 100% !important;
  max-width: none !important;
  position:relative!important; display:flex!important; min-height:680px!important; height:82svh!important; padding:104px 18px 38px!important; align-items:flex-end!important; justify-content:flex-end!important; overflow:hidden!important; }
  html body .second-section .corn-video-wrap-new::after { content:""!important; position:absolute!important; inset:0!important; z-index:1!important; pointer-events:none!important; background:linear-gradient(180deg,rgba(17,22,7,.05) 35%,rgba(17,22,7,.68) 100%)!important; }
  html body .second-section .corn-video-wrap-new > video { position:absolute!important; inset:0!important; width:100%!important; height:100%!important; object-fit:cover!important; }
  html body .second-section .corn-text-wrap { position:relative!important; z-index:2!important; display:flex!important; width:100%!important; max-width:340px!important; text-align:left!important; align-items:flex-start!important; margin:0!important; }
  html body .second-section .corn-text-wrap .h2-style, html body .second-section .corn-text-wrap .description-wrap, html body .second-section .corn-text-wrap .text-16-regular-desc { width:100%!important; max-width:none!important; text-align:left!important; margin-left:0!important; margin-right:0!important; }
  html body .second-section .corn-text-wrap .h2-style { font-size:clamp(30px,8.4vw,36px)!important; line-height:1.05!important; }
  html body .second-section .corn-text-wrap .text-16-regular-desc { font-size:13px!important; line-height:1.5!important; }

  html body .olive-fullscreen-slide { min-height:700px!important; height:88svh!important; }
  html body .olive-fullscreen-slide::after { content:""!important; position:absolute!important; inset:0!important; z-index:1!important; pointer-events:none!important; background:linear-gradient(180deg,rgba(18,24,8,.04) 30%,rgba(18,24,8,.72) 100%)!important; }
  html body .olive-fullscreen-content { position:relative!important; z-index:2!important; height:100%!important; padding:0 20px 42px!important; align-items:flex-end!important; }
  html body .olive-fullscreen-content .olive-video-title { font-size:clamp(30px,8.5vw,36px)!important; line-height:1.04!important; }
  html body .olive-fullscreen-content .olive-video-desc { max-width:34ch!important; font-size:13px!important; line-height:1.5!important; }

  html body .capsule .capsule-cards-wrap { padding:40px 16px!important; }
  html body .capsule .capsule-cards-new { gap:12px!important; }
  html body .capsule .capsule-card-new, html body .capsule .capsule-card-inner { min-height:168px!important; }
  html body .capsule .capsule-card-inner { padding:26px 20px 22px!important; }
  html body .capsule .capsule-card-new .card-title { font-size:24px!important; }

  html body .numbers-wrap { display:flex!important; flex-direction:column!important; height:auto!important; }
  html body .numbers-video { order:0!important; width:100%!important; height:240px!important; }
  html body .numbers-content { order:1!important; width:100%!important; height:auto!important; min-height:0!important; padding:52px 20px 58px!important; }
  html body .numbers-content .h2-style, html body .carbon-content .h2-style, html body .products-heading .h2-style, html body .cta-block .h2-style { font-size:clamp(31px,8.5vw,38px)!important; line-height:1.06!important; text-wrap:balance!important; }

  html body .carbon-cost-wrap { height:auto!important; min-height:0!important; gap:28px!important; padding:58px 20px 0!important; }
  html body .carbon-content { width:100%!important; height:auto!important; min-height:0!important; padding:0!important; }
  html body .potato-wrap { width:min(280px,82vw)!important; height:auto!important; min-height:0!important; margin:0 auto!important; }

  html body .products { padding-top:58px!important; padding-bottom:64px!important; }
  html body .products-items { gap:18px!important; }
  html body .products-items .product-item { min-height:0!important; height:520px!important; border-radius:24px!important; }

  html body .cta-block { height:auto!important; min-height:680px!important; padding-top:58px!important; padding-bottom:44px!important; }
  html body .footer { padding-top:54px!important; padding-bottom:34px!important; }
  html body .footer-wrap { gap:38px!important; }
  html body .footer-top { gap:34px!important; }
  html body .footer-bottom { margin-top:0!important; gap:22px!important; }
}

@media screen and (max-width:370px) {
  html body #navbar .menu-text { display:none!important; }
  html body #navbar .logo-header-wrap { width:66px!important; }
  html body .hero-heading-2 { left:10px!important; right:10px!important; }
  html body .hero-glass-card { padding:18px!important; }
  html body .hero-glass-card .hero-btns-wrap .btn-white.btn-hero .text-14-caps { font-size:10.5px!important; }
}
/* Precisely centered brand and balanced navigation controls */
@media screen and (min-width:768px) {
  html body #navbar .nav-wrap {
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
  }
  html body #navbar .logo-header-wrap {
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    width:96px!important;
    height:42px!important;
    transform:translate(-50%,-50%)!important;
    z-index:3!important;
  }
  html body #navbar .menu-btn-wrap,
  html body #navbar .nav-right-wrap {
    position:static!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;
    transform:none!important;
    height:34px!important;
    min-height:34px!important;
    align-items:center!important;
  }
  html body #navbar .menu-btn-wrap {
    gap:7px!important;
  }
  html body #navbar .nav-right-wrap {
    width:auto!important;
    margin-left:auto!important;
    gap:20px!important;
  }
  html body #navbar .menu-text,
  html body #navbar .lang-btn,
  html body #navbar .lang-divider,
  html body #navbar .contact-wrap .text-14-caps {
    font-family:'Inter',system-ui,sans-serif!important;
    font-size:14px!important;
    font-weight:600!important;
    line-height:1!important;
    letter-spacing:0!important;
    text-transform:none!important;
  }
  html body #navbar .lang-selector {
    height:34px!important;
    gap:5px!important;
    align-items:center!important;
  }
  html body #navbar .contact-wrap {
    height:34px!important;
    gap:7px!important;
    align-items:center!important;
  }
  html body #navbar .icon-menu,
  html body #navbar .icon-contact {
    width:16px!important;
    height:16px!important;
    flex:0 0 16px!important;
    margin:0!important;
    object-fit:contain!important;
  }
  html body #navbar .nav-cart-btn {
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    padding:7px!important;
  }
  html body #navbar .nav-cart-btn img,
  html body #navbar .nav-cart-btn svg {
    width:16px!important;
    height:16px!important;
  }
}

@media screen and (max-width:767px) {
  html body #navbar .menu-text,
  html body #navbar .lang-btn,
  html body #navbar .lang-divider {
    font-family:'Inter',system-ui,sans-serif!important;
    font-size:11.5px!important;
    font-weight:600!important;
    line-height:1!important;
    letter-spacing:0!important;
    text-transform:none!important;
  }
  html body #navbar .icon-menu {
    width:14px!important;
    height:14px!important;
    flex:0 0 14px!important;
  }
  html body #navbar .menu-btn-wrap { gap:5px!important; }
  html body #navbar .nav-cart-btn {
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    padding:6px!important;
  }
  html body #navbar .nav-cart-btn img,
  html body #navbar .nav-cart-btn svg {
    width:16px!important;
    height:16px!important;
  }
}
/* Slim, consistent green section separators */
html body .section-divider-green {
  height:clamp(16px,1.2vw,22px)!important;
  min-height:clamp(16px,1.2vw,22px)!important;
  max-height:22px!important;
}
@media screen and (max-width:767px) {
  html body .section-divider-green {
    height:14px!important;
    min-height:14px!important;
    max-height:14px!important;
  }
}
/* Unified pill button system */
html body .btn-white,
html body .btn-green,
html body .product-btn-buy,
html body .product-btn-cart {
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  min-height:48px!important;
  height:48px!important;
  padding:0 24px!important;
  border:1px solid currentColor!important;
  border-radius:999px!important;
  box-shadow:none!important;
  font-family:'Inter',system-ui,sans-serif!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:none!important;
  text-decoration:none!important;
  overflow:hidden!important;
  transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .25s ease!important;
}
html body .btn-white {
  color:#fffaf0!important;
  border-color:rgba(255,255,255,.62)!important;
  background:rgba(255,255,255,.045)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}
html body .btn-green,
html body .product-btn-buy,
html body .product-btn-cart {
  color:#404f1d!important;
  border-color:rgba(64,79,29,.58)!important;
  background:rgba(64,79,29,.025)!important;
}
html body .btn-white:hover { background:rgba(255,255,255,.16)!important; border-color:rgba(255,255,255,.88)!important; }
html body .btn-green:hover,
html body .product-btn-buy:hover,
html body .product-btn-cart:hover { background:rgba(64,79,29,.10)!important; border-color:#404f1d!important; color:#404f1d!important; }
html body .btn-white .btn-content,
html body .btn-green .btn-content {
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
}
html body .btn-white .btn-background,
html body .btn-green .btn-background { display:none!important; }
html body .btn-white .dot-icon,
html body .btn-green .dot-icon {
  display:block!important;
  flex:0 0 5px!important;
  width:5px!important;
  height:5px!important;
  margin:0!important;
}
html body .btn-white .text-14-caps,
html body .btn-white .text-16-regular-caps,
html body .btn-green .text-14-caps,
html body .btn-green .text-16-regular-caps {
  color:inherit!important;
  font-family:'Inter',system-ui,sans-serif!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:nowrap!important;
}
html body .product-btn-buy,
html body .product-btn-cart {
  gap:12px!important;
}
html body .product-btn-buy svg,
html body .product-btn-cart svg { display:none!important; }
html body .product-btn-buy::before,
html body .product-btn-buy::after,
html body .product-btn-cart::before,
html body .product-btn-cart::after {
  content:""!important;
  display:block!important;
  flex:0 0 5px!important;
  width:5px!important;
  height:5px!important;
  border-radius:50%!important;
  background:currentColor!important;
}
html body .product-btns {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
}
html body .product-btns .product-btn-buy,
html body .product-btns .product-btn-cart {
  width:100%!important;
  min-width:0!important;
  padding:0 14px!important;
}
@media screen and (max-width:767px) {
  html body .btn-white,
  html body .btn-green,
  html body .product-btn-buy,
  html body .product-btn-cart {
    min-height:44px!important;
    height:44px!important;
    padding:0 18px!important;
    font-size:12px!important;
  }
  html body .btn-white .text-14-caps,
  html body .btn-white .text-16-regular-caps,
  html body .btn-green .text-14-caps,
  html body .btn-green .text-16-regular-caps {
    font-size:12px!important;
  }
  html body .product-btns { gap:8px!important; }
  html body .product-btns .product-btn-buy,
  html body .product-btns .product-btn-cart { padding:0 10px!important; }
}
/* Product buttons: restore icons and use white treatment */
html body .product-btn-buy,
html body .product-btn-cart {
  color:#ffffff!important;
  border-color:rgba(255,255,255,.72)!important;
  background:rgba(255,255,255,.045)!important;
}
html body .product-btn-buy:hover,
html body .product-btn-cart:hover {
  color:#ffffff!important;
  border-color:#ffffff!important;
  background:rgba(255,255,255,.14)!important;
}
html body .product-btn-buy::before,
html body .product-btn-buy::after,
html body .product-btn-cart::before,
html body .product-btn-cart::after {
  display:none!important;
  content:none!important;
}
html body .product-btn-buy svg,
html body .product-btn-cart svg {
  display:block!important;
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  color:#ffffff!important;
  stroke:#ffffff!important;
}
html body .product-btn-buy span,
html body .product-btn-cart span {
  color:#ffffff!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1!important;
  white-space:nowrap!important;
}
@media screen and (max-width:767px) {
  html body .product-btn-buy span,
  html body .product-btn-cart span { font-size:12px!important; }
  html body .product-btn-buy svg,
  html body .product-btn-cart svg { width:14px!important; height:14px!important; flex-basis:14px!important; }
}
/* Page-wide whitespace optimization */
@media screen and (min-width:768px) {
  html body #s-carbon .carbon-content {
    justify-content:center!important;
    padding:clamp(48px,6vw,88px)!important;
  }
  html body #products {
    padding-top:clamp(60px,5.5vw,78px)!important;
    padding-bottom:clamp(64px,6vw,84px)!important;
  }
}
@media screen and (max-width:767px) {
  html body .field-trials-mobile-info {
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:48px 20px!important;
  }
  html body .field-trials-mobile-info--content {
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    justify-content:flex-start!important;
  }
}
/* Keep the mobile farm-location block compact and in normal page flow */
@media screen and (max-width:767px) {
  html body .field-trials-mobile-info {
    position:relative!important;
    inset:auto!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
  }
}@media screen and (max-width:767px) {
  html body .field-trials-mobile-info--content {
    position:relative!important;
    inset:auto!important;
    opacity:1!important;
    visibility:visible!important;
    translate:none!important;
    transform:none!important;
  }
}

/* ==========================================================
   ADAYAG DESIGN SYSTEM — shared colour, radius and typography
   ========================================================== */
:root {
  --brand-green: #404f1d;
  --brand-cream: #f4ede6;
  --radius-card: 28px;
  --font-ui: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --type-display: clamp(46px, 5.8vw, 82px);
  --type-h1: clamp(40px, 4.8vw, 68px);
  --type-h2: clamp(34px, 3.8vw, 52px);
  --type-h3: clamp(24px, 2vw, 30px);
  --type-lead: clamp(17px, 1.25vw, 19px);
  --type-body: clamp(15px, 1vw, 16px);
  --type-small: 13px;
}

html { font-size: 16px !important; }

html body,
html body button,
html body input,
html body textarea,
html body select {
  font-family: var(--font-ui) !important;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body p,
html body a,
html body span,
html body div {
  font-family: var(--font-ui) !important;
}

/* Display / page title */
html body .text-100-regular,
html body .heading-77 {
  font-size: var(--type-display) !important;
  font-weight: 400 !important;
  line-height: 1.02 !important;
  letter-spacing: -0.035em !important;
}

html body .text-71-medium,
html body .product-detail-title,
html body .article-hero-title {
  font-size: var(--type-h1) !important;
  font-weight: 400 !important;
  line-height: 1.06 !important;
  letter-spacing: -0.03em !important;
}

/* Section title */
html body .h2-style,
html body .section-h2,
html body .olive-video-title,
html body .text-58-regular,
html body .cta-block .h2-style,
html body .products-heading .h2-style {
  font-size: var(--type-h2) !important;
  font-weight: 400 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.025em !important;
  text-wrap: balance !important;
}

html body .hero-glass-card .text-60-regular {
  font-size: clamp(36px, 3.6vw, 50px) !important;
  font-weight: 400 !important;
  line-height: 1.06 !important;
  letter-spacing: -0.025em !important;
}

/* Card title */
html body .text-32-regular,
html body .card-title,
html body .info-card-title,
html body .parameter-card-title,
html body .blog-card-wrapper .text-20-medium {
  font-size: var(--type-h3) !important;
  font-weight: 500 !important;
  line-height: 1.16 !important;
  letter-spacing: -0.015em !important;
  text-wrap: balance !important;
}

/* Lead and body copy */
html body .text-20-regular,
html body .text-20-medium,
html body .text-18-regular,
html body .text-18-desc {
  font-size: var(--type-lead) !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body .text-16-regular,
html body .text-16-regular-desc,
html body .olive-video-desc,
html body .info-card-desc,
html body .parameter-card-desc,
html body .blog-card-wrapper .text-16-regular-desc,
html body #products .product-description .text-16-regular-desc {
  font-size: var(--type-body) !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body .text-14-caps,
html body .text-16-regular-caps,
html body .adayag-tech-label,
html body .product-tag {
  font-size: var(--type-small) !important;
  line-height: 1.35 !important;
  letter-spacing: 0.02em !important;
}

/* The product green now matches the main green used above it. */
html body #products .product-item {
  background-color: var(--brand-green) !important;
  background-image: none !important;
}

/* One radius for every card surface. Pills and the navigation bar are exempt. */
html body .hero-glass-card,
html body .capsule-card-new,
html body .product-item,
html body .blog-card-wrapper,
html body .blog-card,
html body .feature-card,
html body .article-highlight-card,
html body .checkout-card,
html body .comparison-card,
html body .cta-bottle-card,
html body .info-card,
html body .irrigation-visual-card,
html body .parameter-card,
html body .process-step-card,
html body .production-card,
html body .storage-card {
  border-radius: var(--radius-card) !important;
  overflow: hidden !important;
}

@media screen and (max-width: 767px) {
  :root {
    --type-display: clamp(38px, 12vw, 52px);
    --type-h1: clamp(34px, 10vw, 44px);
    --type-h2: clamp(30px, 8.5vw, 38px);
    --type-h3: clamp(22px, 6.5vw, 27px);
    --type-lead: 16px;
    --type-body: 14px;
  }

  html body .hero-glass-card .text-60-regular {
    font-size: clamp(29px, 8.2vw, 34px) !important;
  }
}

/* Product-card layout repair */
@media screen and (min-width: 992px) {
  html body #products .products-items {
    align-items: stretch !important;
    margin-top: 190px !important;
    gap: clamp(24px, 2.5vw, 38px) !important;
  }

  html body #products .product-item {
    position: relative !important;
    display: flex !important;
    width: 100% !important;
    height: 560px !important;
    min-height: 560px !important;
    padding: 190px 28px 28px !important;
    overflow: visible !important;
  }

  html body #products .product-item.product-1 .product-image {
    top: -80px !important;
    height: 250px !important;
  }

  html body #products .product-item.product-2 .product-image {
    top: -115px !important;
    height: 285px !important;
  }

  html body #products .product-item.product-3 .product-image {
    top: -165px !important;
    height: 335px !important;
  }

  html body #products .product-item .bottle-shadow-ellipse {
    top: 164px !important;
  }

  html body #products .product-description {
    width: 100% !important;
    height: 100% !important;
  }

  html body #products .product-description > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
  }

  html body #products .product-item .text-32-regular {
    min-height: 68px !important;
    margin: 0 !important;
    font-size: clamp(25px, 1.8vw, 29px) !important;
    line-height: 1.16 !important;
    text-align: center !important;
  }

  html body #products .product-btns {
    flex: 0 0 auto !important;
    width: 100% !important;
    margin: 20px 0 0 !important;
  }

  html body #products .product-description .text-16-regular-desc {
    width: 100% !important;
    max-width: 38ch !important;
    margin: auto auto 0 !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    text-align: center !important;
    text-wrap: pretty !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  html body #products .products-items {
    gap: 22px !important;
  }

  html body #products .product-item {
    min-height: 540px !important;
    padding: 32px 22px 24px !important;
  }

  html body #products .product-image.boxes {
    height: 230px !important;
    max-height: 230px !important;
    margin: 0 auto 12px !important;
  }
}

@media screen and (max-width: 767px) {
  html body #products .products-items {
    gap: 22px !important;
  }

  html body #products .product-item {
    width: min(100%, 430px) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 24px 18px 22px !important;
  }

  html body #products .product-image.boxes {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    height: 210px !important;
    max-height: 210px !important;
    margin: 0 auto 12px !important;
    transform: none !important;
  }

  html body #products .bottle-shadow-ellipse {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 112px !important;
    height: 10px !important;
    margin: -4px auto 14px !important;
    transform: none !important;
  }

  html body #products .product-description > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: none !important;
    gap: 0 !important;
  }

  html body #products .product-item .text-32-regular {
    min-height: 0 !important;
    margin: 0 !important;
    font-size: 24px !important;
    line-height: 1.16 !important;
  }

  html body #products .product-btns {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    margin: 18px 0 !important;
  }

  html body #products .product-description .text-16-regular-desc {
    max-width: 36ch !important;
    margin: 0 auto !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
  }
}

/* Compact product-card content spacing */
@media screen and (min-width: 992px) {
  html body #products .product-item {
    height: 480px !important;
    min-height: 480px !important;
  }

  html body #products .product-description,
  html body #products .product-description > div {
    height: auto !important;
  }

  html body #products .product-description .text-16-regular-desc {
    margin: 24px auto 0 !important;
  }
}

/* Blog cards aligned with the product-card scale */
html body #blog .container {
  width: 100% !important;
  max-width: 1376px !important;
  padding-left: 48px !important;
  padding-right: 48px !important;
}

html body #blog .blog-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(24px, 2.5vw, 38px) !important;
  width: 100% !important;
  max-width: 1280px !important;
}

html body #blog .blog-card-wrapper {
  width: 100% !important;
  height: 480px !important;
  min-height: 480px !important;
}

html body #blog .blog-card-wrapper .splide__item {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}

html body #blog .blog-card-wrapper .splide__content {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex: 0 0 180px !important;
  justify-content: center !important;
  width: 100% !important;
  height: 180px !important;
  padding: 26px 28px !important;
  background: var(--brand-green) !important;
}

html body #blog .blog-card-wrapper .splide__description {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  gap: 12px !important;
}

html body #blog .blog-card-wrapper .text-20-medium {
  display: block !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-size: clamp(23px, 1.65vw, 27px) !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.015em !important;
  text-wrap: balance !important;
}

html body #blog .blog-card-wrapper .text-16-regular-desc {
  display: block !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.86) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
  text-wrap: pretty !important;
}

html body #blog .blog-card-wrapper .splide__img {
  position: absolute !important;
  z-index: 1 !important;
  inset: 180px 0 0 !important;
  width: 100% !important;
  height: 300px !important;
  object-fit: cover !important;
  object-position: center !important;
  background: #f7f3ed !important;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  html body #blog .blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 900px !important;
  }
}

@media screen and (max-width: 767px) {
  html body #blog .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  html body #blog .blog-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 430px !important;
  }

  html body #blog .blog-card-wrapper {
    height: 430px !important;
    min-height: 430px !important;
  }

  html body #blog .blog-card-wrapper .splide__content {
    flex-basis: 165px !important;
    height: 165px !important;
    padding: 22px !important;
  }

  html body #blog .blog-card-wrapper .text-20-medium {
    font-size: 23px !important;
  }

  html body #blog .blog-card-wrapper .text-16-regular-desc {
    font-size: 14px !important;
  }

  html body #blog .blog-card-wrapper .splide__img {
    inset: 165px 0 0 !important;
    height: 265px !important;
  }
}

/* Edge-to-edge carbon media and checkout navbar treatment */
@media screen and (min-width: 768px) {
  html body #s-carbon > .container {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body #s-carbon .carbon-cost-wrap {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: stretch !important;
  }

  html body #s-carbon .carbon-content {
    width: 100% !important;
    min-width: 0 !important;
    padding: clamp(48px, 6vw, 88px) !important;
  }

  html body #s-carbon .potato-wrap {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 620px !important;
    margin: 0 !important;
    align-self: stretch !important;
    overflow: hidden !important;
  }

  html body #s-carbon .potato-wrap .potato-img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 620px !important;
    object-fit: cover !important;
    object-position: center !important;
  }
}

html body.checkout-page #navbar,
html body.checkout-page #navbar.nav-on-light {
  background: #404f1d !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
  box-shadow: 0 14px 38px rgba(31, 39, 14, 0.18) !important;
}

html body.checkout-page #navbar .menu-text,
html body.checkout-page #navbar .lang-selector,
html body.checkout-page #navbar .lang-btn,
html body.checkout-page #navbar .lang-divider,
html body.checkout-page #navbar .nav-cart-btn,
html body.checkout-page #navbar .contact-wrap,
html body.checkout-page #navbar .contact-wrap .text-14-caps {
  color: #ffffff !important;
}

html body.checkout-page #navbar .logo-img.logo-light,
html body.checkout-page #navbar.nav-on-light .logo-img.logo-light {
  display: block !important;
  filter: brightness(0) invert(1) !important;
}

html body.checkout-page #navbar .logo-img.logo-dark,
html body.checkout-page #navbar.nav-on-light .logo-img.logo-dark {
  display: none !important;
}

html body.checkout-page #navbar .menu-btn-wrap > .icon-menu:not(.green),
html body.checkout-page #navbar .contact-wrap .icon-contact-light,
html body.checkout-page #navbar.nav-on-light .menu-btn-wrap > .icon-menu:not(.green),
html body.checkout-page #navbar.nav-on-light .contact-wrap .icon-contact-light {
  display: block !important;
}

html body.checkout-page #navbar .menu-btn-wrap > .icon-menu.green,
html body.checkout-page #navbar .contact-wrap .icon-contact-dark,
html body.checkout-page #navbar.nav-on-light .menu-btn-wrap > .icon-menu.green,
html body.checkout-page #navbar.nav-on-light .contact-wrap .icon-contact-dark {
  display: none !important;
}

html body.checkout-page #navbar .contact-wrap .underline,
html body.checkout-page #navbar.nav-on-light .contact-wrap .underline {
  background-color: #ffffff !important;
}

html body.checkout-page #navbar .nav-cart-badge,
html body.checkout-page #navbar.nav-on-light .nav-cart-badge {
  background: #ffffff !important;
  color: #404f1d !important;
  border-color: #404f1d !important;
}
/* Zeytine Dair article navbar: green glass with white controls */
html body.article-page #navbar,
html body.article-page #navbar.nav-on-light {
  background: #404f1d !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
  box-shadow: 0 14px 38px rgba(31, 39, 14, 0.18) !important;
}

html body.article-page #navbar .menu-text,
html body.article-page #navbar .lang-selector,
html body.article-page #navbar .lang-btn,
html body.article-page #navbar .lang-divider,
html body.article-page #navbar .nav-cart-btn,
html body.article-page #navbar .contact-wrap,
html body.article-page #navbar .contact-wrap .text-14-caps {
  color: #ffffff !important;
}

html body.article-page #navbar .logo-img.logo-light,
html body.article-page #navbar.nav-on-light .logo-img.logo-light {
  display: block !important;
  filter: brightness(0) invert(1) !important;
}

html body.article-page #navbar .logo-img.logo-dark,
html body.article-page #navbar.nav-on-light .logo-img.logo-dark {
  display: none !important;
}

html body.article-page #navbar .menu-btn-wrap > .icon-menu:not(.green),
html body.article-page #navbar .contact-wrap .icon-contact-light,
html body.article-page #navbar.nav-on-light .menu-btn-wrap > .icon-menu:not(.green),
html body.article-page #navbar.nav-on-light .contact-wrap .icon-contact-light {
  display: block !important;
}

html body.article-page #navbar .menu-btn-wrap > .icon-menu.green,
html body.article-page #navbar .contact-wrap .icon-contact-dark,
html body.article-page #navbar.nav-on-light .menu-btn-wrap > .icon-menu.green,
html body.article-page #navbar.nav-on-light .contact-wrap .icon-contact-dark {
  display: none !important;
}

html body.article-page #navbar .contact-wrap .underline,
html body.article-page #navbar.nav-on-light .contact-wrap .underline {
  background-color: #ffffff !important;
}

html body.article-page #navbar .nav-cart-badge,
html body.article-page #navbar.nav-on-light .nav-cart-badge {
  background: #ffffff !important;
  color: #404f1d !important;
  border-color: #404f1d !important;
}
/* Mobile hero: keep the complete bottle visible and the copy compact. */
@media screen and (max-width: 767px) {
  html body .hero {
    background: #1f2509 !important;
  }

  html body .hero-img-wrap {
    inset: 0 0 auto 0 !important;
    width: 100% !important;
    height: 69% !important;
  }

  html body .hero-img-wrap > video {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 50% 48% !important;
    transform: translateY(10px) scale(1) !important;
  }

  html body .hero-heading-2 {
    left: 14px !important;
    right: 14px !important;
    bottom: 14px !important;
    width: auto !important;
    max-width: 380px !important;
  }

  html body .hero-glass-card {
    padding: 16px !important;
    border-radius: 24px !important;
    background: rgba(18, 25, 8, 0.34) !important;
    backdrop-filter: blur(11px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(11px) saturate(1.08) !important;
  }

  html body .hero-glass-card .text-60-regular {
    max-width: 10ch !important;
    font-size: clamp(27px, 7.6vw, 31px) !important;
    line-height: 1.02 !important;
    margin-bottom: 9px !important;
  }

  html body .hero-glass-card .text-16-regular-desc {
    max-width: 35ch !important;
    font-size: 12.5px !important;
    line-height: 1.42 !important;
  }

  html body .hero-glass-card .hero-btns-wrap {
    margin-top: 12px !important;
    gap: 8px !important;
  }

  html body .hero-glass-card .hero-btns-wrap .btn-white.btn-hero {
    min-height: 40px !important;
    height: 40px !important;
  }
}
/* Mobile olive video: reveal the focal olive and place copy in a calm reading zone. */
@media screen and (max-width: 767px) {
  html body #olive-scroll-section .olive-fullscreen-slide {
    height: 86svh !important;
    min-height: 680px !important;
    background: #172108 !important;
  }

  html body #olive-scroll-section .olive-video-background {
    inset: 0 0 auto 0 !important;
    width: 100% !important;
    height: 70% !important;
    overflow: hidden !important;
  }

  html body #olive-scroll-section #olive-macro-video-new {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 50% 45% !important;
    transform: none !important;
  }

  html body #olive-scroll-section .olive-fullscreen-slide::after {
    background: linear-gradient(180deg, rgba(18, 24, 8, 0.02) 32%, rgba(18, 24, 8, 0.42) 62%, #172108 76%) !important;
  }

  html body #olive-scroll-section .olive-fullscreen-content {
    height: 100% !important;
    padding: 0 22px 26px !important;
    align-items: flex-end !important;
  }

  html body #olive-scroll-section .olive-video-text-col {
    width: 100% !important;
    max-width: 390px !important;
    gap: 10px !important;
    margin: 0 !important;
  }

  html body #olive-scroll-section .olive-video-title {
    max-width: 12ch !important;
    margin: 0 !important;
    font-size: clamp(28px, 8vw, 33px) !important;
    line-height: 1.04 !important;
    text-align: left !important;
  }

  html body #olive-scroll-section .olive-video-desc {
    max-width: 36ch !important;
    margin: 0 !important;
    font-size: 12.5px !important;
    line-height: 1.45 !important;
    text-align: left !important;
  }
}
/* Mobile production video: full-bleed 16:9 frame with no image crop. */
@media screen and (max-width: 767px) {
  html body #s-numbers > .container,
  html body #s-numbers > .w-container {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body #s-numbers .numbers-wrap {
    width: 100% !important;
    max-width: none !important;
    gap: 0 !important;
  }

  html body #s-numbers .numbers-video {
    width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: #172108 !important;
    overflow: hidden !important;
  }

  html body #s-numbers .numbers-video .farmer-video {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: contain !important;
    object-position: center !important;
    border-radius: 0 !important;
    transform: none !important;
  }

  html body #s-numbers .numbers-content {
    padding-top: 44px !important;
  }
}