/* =========================================================
   MYHAAN NATURALS — RESPONSIVE STYLE.CSS
   Desktop styling preserved; mobile/tablet behavior improved.
   ========================================================= */

/* ============ TOKENS ============ */
:root {
  --green-dark: #163d2c;
  --green-deep: #0f2e20;
  --gold: #c8862f;
  --gold-light: #e0a555;
  --cream: #f8f4ea;
  --cream-dark: #efe8d8;
  --text-dark: #1c2620;
  --text-muted: #5c6660;
  --white: #ffffff;
  --border-soft: #e3ddcc;
  --radius: 10px;
  --shadow: 0 10px 30px rgba(22, 61, 44, 0.12);
  --font-display: Georgia, 'Times New Roman', serif;
  --font-body: 'Segoe UI', Arial, sans-serif;
}

html {
  zoom: 0.9;
  -webkit-text-size-adjust: 100%;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: var(--font-body);
  color: var(--text-dark);
  background: var(--cream);
  line-height: 1.5;
  overflow-x: hidden;
  min-width: 0;
}

a { text-decoration: none; color: inherit; }
ul { list-style: none; }
img { max-width: 100%; height: auto; display: block; }

button,
input,
select,
textarea {
  font: inherit;
  max-width: 100%;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 13px 24px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.5px;
  border-radius: 4px;
  border: 2px solid transparent;
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.2s ease;
  white-space: nowrap;
}
.btn:hover { transform: translateY(-2px); }

.btn-dark { background: var(--green-dark); color: var(--white); }
.btn-dark:hover { background: var(--green-deep); box-shadow: var(--shadow); }
.btn-outline { background: transparent; border-color: var(--green-dark); color: var(--green-dark); }
.btn-outline:hover { background: var(--green-dark); color: var(--white); }
.btn-ghost { background: var(--white); border-color: var(--gold); color: var(--gold); }
.btn-ghost:hover { background: var(--gold); color: var(--white); }
.btn-quote { background: var(--green-dark); color: var(--white); padding: 10px 16px; font-size: 12px; }
.btn-quote:hover { background: var(--green-deep); }
.btn-sm { padding: 9px 14px; font-size: 11.5px; width: 100%; justify-content: center; }
.btn-blk { padding: 9px 14px; font-size: 11.5px; width: 100%; justify-content: center; margin-top: 60px; }

/* ============ TOP BAR ============ */
.topbar { background: var(--green-deep); color: var(--white); font-size: 13px; }
.topbar-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 8px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.topbar-left { display: flex; gap: 24px; }
.topbar-left a, .topbar-center { display: flex; align-items: center; gap: 6px; opacity: 0.92; }
.topbar-right { display: flex; align-items: center; gap: 10px; }
.follow-label { font-size: 12.5px; opacity: 0.85; margin-right: 2px; }
.topbar-right a {
  width: 26px; height: 26px;
  border: 1px solid rgba(255,255,255,0.4);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 11px;
  text-transform: lowercase;
}
.icon { font-size: 13px; }

/* ============ NAVBAR ============ */
.navbar {
  background: var(--white);
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
  position: sticky;
  top: 0;
  z-index: 100;
}
.navbar-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 12px 24px;
  display: flex;
  align-items: center;
  gap: 24px;
}
.logo { display: flex; align-items: center; flex-shrink: 0; }
.logo-pic {
  height: 130px;
  width: auto;
  max-width: 230px;
  object-fit: contain;
  display: block;
}
.main-nav { flex: 1; display: flex; justify-content: center; }
.main-nav > ul { display: flex; gap: 16px; flex-wrap: wrap; align-items: center; }
.main-nav a {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.4px;
  color: var(--text-dark);
  padding: 6px 2px;
  position: relative;
}
.main-nav a.active { color: var(--gold); }
.main-nav a.active::after,
.main-nav a:hover::after {
  content: "";
  position: absolute;
  left: 0; bottom: -4px;
  width: 100%; height: 2px;
  background: var(--gold);
}
.caret { font-size: 9px; }
.has-dropdown { position: relative; display: flex; align-items: center; height: 100%; }
.caret-toggle {
  background: none;
  border: none;
  cursor: pointer;
  padding: 6px 2px;
  color: var(--text-dark);
  display: flex;
  align-items: center;
}
.dropdown {
  display: none;
  position: absolute;
  top: 100%; left: 0;
  background: var(--white);
  min-width: 220px;
  box-shadow: var(--shadow);
  border-radius: 6px;
  padding: 8px 0;
  margin-top: 12px;
  z-index: 999;
}
.has-dropdown.open .dropdown { display: block; }
.dropdown li a { display: block; padding: 9px 18px; font-weight: 600; }
.dropdown li a:hover { background: var(--cream); color: var(--gold); }
.dropdown li a::after { display: none; }
.hamburger {
  display: none;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
}
.hamburger span { width: 26px; height: 3px; background: var(--green-dark); border-radius: 2px; }

/* ============ HERO ============ */
.hero {
  background: linear-gradient(135deg, var(--cream) 0%, var(--cream-dark) 100%);
  padding: 45px 24px 90px;
}
.hero-inner {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 40px;
  align-items: flex-start;
}
.eyebrow { font-size: 12.5px; font-weight: 700; letter-spacing: 2px; color: var(--gold); padding: 5px 0; margin-bottom: 14px; }
.hero-text h1 { font-family: var(--font-display); font-size: 48px; line-height: 1.15; color: var(--green-dark); margin-bottom: 18px; }
.hero-text h1 .accent { color: var(--gold); }
.hero-desc { font-size: 17px; font-weight: 600; margin-bottom: 8px; }
.hero-desc-sub { font-size: 14.5px; color: var(--text-muted); max-width: 480px; margin-bottom: 30px; }
.hero-actions { display: flex; gap: 12px; flex-wrap: nowrap; }
.hero-visual { display: flex; justify-content: center; gap: 22px; align-items: flex-end; }
.pouch {
  width: 150px; min-height: 300px; border-radius: 18px 18px 10px 10px;
  padding: 18px 14px; display: flex; flex-direction: column; align-items: center;
  text-align: center; color: var(--white); box-shadow: var(--shadow); position: relative;
}
.pouch-green { background: linear-gradient(160deg, #2d6b46, #163d2c); }
.pouch-black { background: linear-gradient(160deg, #2b2b2b, #0d0d0d); margin-bottom: 26px; }
.pouch-cream { background: linear-gradient(160deg, #efe4d3, #d8c8a8); color: var(--text-dark); }
.pouch-tan { background: linear-gradient(160deg, #d9c6a3, #b89b6e); color: var(--text-dark); }
.pouch-logo { font-family: var(--font-display); font-size: 15px; font-weight: 700; margin-bottom: 10px; }
.pouch-title { font-size: 13px; font-weight: 800; letter-spacing: 1px; margin-bottom: 8px; }
.pouch-badge { font-size: 9.5px; font-weight: 700; opacity: 0.85; margin-bottom: auto; }
.pouch-icons { display: flex; flex-wrap: wrap; gap: 4px; justify-content: center; font-size: 7.5px; margin: 10px 0; opacity: 0.8; }
.pouch-icons span { border: 1px solid currentColor; border-radius: 50%; padding: 6px; width: 34px; height: 34px; display:flex; align-items:center; justify-content:center; }
.pouch-net { font-size: 9px; font-weight: 700; margin-top: 8px; }
.pouch-small { width: 110px; min-height: 150px; padding: 10px; margin-top: 14px; }

/* ============ FEATURE STRIP ============ */
.feature-strip { max-width: 1200px; margin: -46px auto 0; position: relative; z-index: 5; background: var(--white); border-radius: var(--radius); box-shadow: var(--shadow); }
.feature-strip-inner { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 24px 30px; gap: 20px; }
.feature-item { display: flex; align-items: center; gap: 12px; flex: 1 1 150px; min-width: 0; }
.feature-icon { width: 44px; height: 44px; border: 2px solid var(--green-dark); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; }
.feature-item strong { display: block; font-size: 13.5px; color: var(--text-dark); }
.feature-item small { font-size: 12px; color: var(--text-muted); }

/* ============ PRODUCTS SECTION ============ */
.products-section { max-width: 1280px; margin: 0 auto; padding: 70px 24px 90px; }
.section-title { text-align: center; font-family: var(--font-display); font-size: 26px; letter-spacing: 1px; color: var(--green-dark); margin-bottom: 36px; position: relative; }
.section-title::after { content: ""; display: block; width: 60px; height: 3px; background: var(--gold); margin: 12px auto 0; }
.products-layout { display: grid; grid-template-columns: 1fr 300px; gap: 28px; align-items: stretch; }
.products-carousel { display: flex; align-items: flex-start; gap: 18px; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; }
.products-carousel::-webkit-scrollbar { display: none; }
.product-card {
  background: var(--white); border: 1px solid var(--border-soft); border-radius: var(--radius);
  padding: 16px; text-align: center; transition: box-shadow 0.2s ease, transform 0.2s ease;
  flex: 0 0 220px; width: 220px; display: flex; flex-direction: column;
}
.product-card:hover { box-shadow: var(--shadow); transform: translateY(-4px); }
.product-label { font-size: 11.5px; font-weight: 700; letter-spacing: 0.5px; color: var(--text-dark); display: block; margin-bottom: 10px; text-align: left; }
.product-card .btn { margin-top: 8px; }
.product-img { width: 100%; height: 160px; border-radius: 8px; margin-bottom: 14px; background-size: cover; background-position: center; object-fit: cover; }
.gallery-main .product-img { width: 100%; height: 100%; background-size: contain; background-position: center; background-repeat: no-repeat; }
.product-card img.product-img { object-position: center 35%; }
.product-card-full#ashwagandha .product-img { object-position: center 44%; }

.product-img--moringa { background: url('images/moringa/moringa-powder.png') center top / cover no-repeat; background-color: #efe8d8; }
.product-img--moringa-leaf { background: url('images/moringa/moringa-leaves.png') center top / cover no-repeat; background-color: #efe8d8; }
.product-img--moringa-scoop { background: url('images/moringa/moringa-heap.png') center top / cover no-repeat; background-color: #efe8d8; }
.product-img--moringa-products { background: url('images/moringa/moringa-products.png') center top / cover no-repeat; background-color: #efe8d8; }
.product-img--moringa-process { background: url('images/moringa/moringa-process.png') center top / cover no-repeat; background-color: #efe8d8; }
.product-img--ashwagandha { background: url('images/ashwagandha/ashwagandha-powder.png') center top / cover no-repeat; background-color: #efe8d8; }
.product-img--ashwagandha-root { background: url('images/ashwagandha/ashwagandha-root.png') center top / cover no-repeat; background-color: #efe8d8; }
.product-img--ashwagandha-scoop { background: url('images/ashwagandha/ashwagandha-scoop.png') center top / cover no-repeat; background-color: #efe8d8; }
.product-img--ashwagandha-products { background: url('images/ashwagandha/ashwagandha-products.png') center top / cover no-repeat; background-color: #efe8d8; }
.product-img--ashwagandha-process { background: url('images/ashwagandha/ashwagandha-process.png') center top / cover no-repeat; background-color: #efe8d8; }
.product-img--amla { background: url('images/amla/amla-powder.png') center top / cover no-repeat; background-color: #efe8d8; }
.product-img--amla-root { background: url('images/amla/amla-root.png') center top / cover no-repeat; background-color: #efe8d8; }
.product-img--amla-scoop { background: url('images/amla/amla-scoop.png') center top / cover no-repeat; background-color: #efe8d8; }
.product-img--amla-products { background: url('images/amla/amla-products.png') center top / cover no-repeat; background-color: #efe8d8; }
.product-img--amla-process { background: url('images/amla/amla-process.png') center top / cover no-repeat; background-color: #efe8d8; }
.product-img--beetroot { background: url('images/beetroot/beetroot-powder.png') center top / cover no-repeat; background-color: #efe8d8; }
.product-img--beetroot-root { background: url('images/beetroot/beetroot-root.png') center top / cover no-repeat; background-color: #efe8d8; }
.product-img--beetroot-scoop { background: url('images/beetroot/beetroot-scoop.png') center top / cover no-repeat; background-color: #efe8d8; }
.product-img--beetroot-products { background: url('images/beetroot/beetroot-products.png') center top / cover no-repeat; background-color: #efe8d8; }
.product-img--beetroot-process { background: url('images/beetroot/beetroot-process.png') center top / cover no-repeat; background-color: #efe8d8; }
.product-img--turmeric { background: url('images/turmeric/turmeric-powder.png') center top / cover no-repeat; background-color: #efe8d8; }
.product-img--turmeric-root { background: url('images/turmeric/turmeric-root.png') center top / cover no-repeat; background-color: #efe8d8; }
.product-img--turmeric-scoop { background: url('images/turmeric/turmeric-scoop.png') center top / cover no-repeat; background-color: #efe8d8; }
.product-img--turmeric-products { background: url('images/turmeric/turmeric-products.png') center top / cover no-repeat; background-color: #efe8d8; }
.product-img--turmeric-process { background: url('images/turmeric/turmeric-process.png') center top / cover no-repeat; background-color: #efe8d8; }
.product-img--spices { background: url('images/spices/premium-spices-powder.png') center top / cover no-repeat; background-color: #efe8d8; }
.product-img--spices-powder { background: url('images/spices/premium-spices-root.png') center top / cover no-repeat; background-color: #efe8d8; }
.product-img--spices-scoop { background: url('images/spices/premium-spices-scoop.png') center top / cover no-repeat; background-color: #efe8d8; }
.product-img--spices-products { background: url('images/spices/premium-spices-products.png') center top / cover no-repeat; background-color: #efe8d8; }
.product-img--spices-process { background: url('images/spices/premium-spices-process.png') center top / cover no-repeat; background-color: #efe8d8; }

.private-label-card { background: var(--green-dark); color: var(--white); border-radius: var(--radius); padding: 26px 22px; display: flex; flex-direction: column; }
.private-label-card h3 { font-size: 15px; letter-spacing: 0.5px; margin-bottom: 12px; }
.private-label-card p { font-size: 13px; opacity: 0.85; margin-bottom: 14px; }
.private-label-card ul { margin-bottom: 18px; }
.private-label-card ul li { font-size: 13px; padding: 4px 0; opacity: 0.9; }
.private-label-card .btn-dark { background: var(--gold); }
.private-label-card .btn-dark:hover { background: var(--gold-light); }
.private-label-card .pouch-small { align-self: center; }
.carousel-dots { display: flex; justify-content: center; gap: 8px; margin-top: 30px; }
.carousel-dots span { width: 9px; height: 9px; border-radius: 50%; background: var(--border-soft); cursor: pointer; }
.carousel-dots span.active { background: var(--gold); }

/* ============ ABOUT HERO ============ */
.hero-line { content: ""; display: block; width: 320px; height: 3px; background: var(--gold); margin: 3px 63px; }
.hero-line-extend { content: ""; display: block; width: 400px; height: 3px; background: var(--gold); margin: 20px 63px; }
.hero-line-export { content: ""; display: block; width: 320px; height: 3px; background: var(--gold); margin: 48px 63px; }
.about-hero { background: linear-gradient(135deg, var(--cream) 0%, var(--cream-dark) 100%); padding: 45px 24px 70px; }
.about-hero-inner { max-width: 1280px; margin: 0 auto; }
.breadcrumb { text-align: right; font-size: 12.5px; color: var(--text-muted); margin-bottom: 16px; }
.breadcrumb a { color: var(--text-muted); }
.breadcrumb a:hover { color: var(--gold); }
.breadcrumb span:last-child { color: var(--green-dark); font-weight: 600; }
.about-hero-grid { display: grid; grid-template-columns: 1fr 1.15fr; gap: 40px; align-items: flex-start; }
.about-hero-text h1 { font-family: var(--font-display); font-size: 42px; line-height: 1.2; color: var(--green-dark); margin-bottom: 18px; }
.about-hero-text h1 .accent { color: var(--gold); }
.about-hero-desc { font-size: 14.5px; color: var(--text-muted); max-width: 480px; margin-bottom: 26px; }
.mini-feature-row { display: flex; flex-wrap: wrap; gap: 26px; margin-top: 60px; }
.mini-feature { display: flex; align-items: center; gap: 10px; min-width: 0; }
.mini-feature-icon { width: 38px; height: 38px; border: 2px solid var(--green-dark); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 15px; flex-shrink: 0; }
.mini-feature strong { display: block; font-size: 12.5px; }
.mini-feature small { font-size: 11px; color: var(--text-muted); }
.about-hero-visual { align-items: flex-end; }

/* ============ OUR STORY ============ */
.story-section { max-width: 1280px; margin: 0 auto; padding: 80px 24px; }
.story-inner {
  display: grid; grid-template-columns: 1fr 1.2fr 0.8fr; gap: 30px; align-items: stretch;
  background: linear-gradient(135deg, rgba(255,255,255,0.88), rgba(239,232,216,0.82));
  border: 1px solid rgba(22, 61, 44, 0.08); border-radius: 22px;
  box-shadow: 0 16px 38px rgba(22, 61, 44, 0.08); padding: 26px;
}
.story-img {
  border-radius: 16px; min-height: 320px; width: 100%; height: 100%; object-fit: cover; object-position: 75% center;
  background: radial-gradient(circle at 30% 18%, #f7efdb, #e2ce9b 62%, #cfb178 100%);
  border: 1px solid rgba(22, 61, 44, 0.08); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5);
  filter: saturate(0.96) contrast(1.02);
}
.story-text h2 { font-family: var(--font-display); font-size: 27px; color: var(--green-dark); margin: 10px 0 16px; line-height: 1.3; }
.story-text p { font-size: 14px; color: var(--text-muted); margin-bottom: 12px; }
.story-signature { font-style: italic; color: var(--green-dark) !important; font-weight: 600; }
.quote-card {
  background: linear-gradient(160deg, rgba(236,228,201,0.95), rgba(226,209,168,0.9));
  border: 1px solid rgba(22, 61, 44, 0.08); border-radius: var(--radius); padding: 30px 24px; text-align: center;
  display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
}
.quote-label { font-size: 12.5px; color: var(--text-muted); margin-bottom: 6px; }
.quote-names { font-family: var(--font-display); font-size: 22px; color: var(--green-dark); font-weight: 700; margin-bottom: 14px; }
.quote-divider { width: 40px; height: 2px; background: var(--gold); margin-bottom: 14px; }
.quote-line { font-size: 13.5px; color: var(--text-dark); margin-bottom: 4px; }
.quote-heart { margin-top: 14px; font-size: 18px; color: var(--green-dark); border: 1px solid var(--green-dark); border-radius: 50%; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; }

/* ============ VALUES ============ */
.values-section { max-width: 1280px; margin: 0 auto; padding: 0 24px 80px; }
.values-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px; }
.value-card { background: var(--white); border: 1px solid var(--border-soft); border-radius: var(--radius); padding: 26px 16px; text-align: center; }
.value-icon { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin: 0 auto 14px; border: 2px solid var(--gold); border-radius: 50%; font-size: 20px; }
.value-card strong { display: block; font-size: 12.5px; letter-spacing: 0.5px; color: var(--green-dark); margin-bottom: 8px; }
.value-card p { font-size: 12px; color: var(--text-muted); }

/* ============ MISSION / VISION ============ */
.mission-vision { max-width: 1280px; margin: 0 auto 80px; background: var(--cream-dark); border-radius: var(--radius); padding: 44px 40px; display: grid; grid-template-columns: 1fr auto 1fr; gap: 30px; align-items: center; }
.mv-item { display: flex; gap: 20px; align-items: flex-start; }
.mv-icon { width: 60px; height: 60px; border-radius: 50%; background: var(--green-dark); color: var(--white); display: flex; align-items: center; justify-content: center; font-size: 24px; flex-shrink: 0; }
.mv-item h3 { font-size: 15px; letter-spacing: 0.5px; color: var(--green-dark); margin-bottom: 8px; }
.mv-item p { font-size: 13.5px; color: var(--text-muted); }
.mv-divider { width: 56px; height: 56px; border-radius: 50%; background: var(--white); display: flex; align-items: center; justify-content: center; font-size: 22px; justify-self: center; }

/* ============ STATS STRIP ============ */
.stats-strip { background: linear-gradient(135deg, var(--green-dark), var(--green-deep)); max-width: 1280px; margin: 0 auto 80px; border-radius: var(--radius); padding: 36px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; box-shadow: var(--shadow); }
.stat-item { display: flex; align-items: center; gap: 12px; color: var(--white); flex: 1 1 auto; padding: 0 20px; position: relative; min-width: 0; }
.stat-item:not(:last-child)::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 60%; width: 1px; background: rgba(255,255,255,0.2); }
.stat-icon { width: 42px; height: 42px; border: 2px solid var(--gold); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; }
.stat-item strong { display: block; font-size: 20px; }
.stat-item small { font-size: 12px; opacity: 0.8; }

/* ============ FULL FOOTER ============ */
.site-footer-full { background: var(--cream-dark); color: var(--text-dark); border-top: 1px solid var(--border-soft); }
.footer-full-inner { max-width: 1180px; margin: 0 auto; padding: 60px 24px 40px; display: grid; grid-template-columns: 1.45fr 0.9fr 0.9fr 1.15fr; gap: 34px; justify-content: center; align-items: start; }
.footer-brand .logo { margin-bottom: 14px; justify-content: center; align-items: center; gap: 12px; }
.footer-brand .logo-mark { width: 44px; height: 44px; border-radius: 50%; background: radial-gradient(circle at 50% 35%, var(--gold-light), var(--green-dark) 70%); flex-shrink: 0; margin-right: 10px; }
.footer-brand .logo-text { display: flex; flex-direction: column; line-height: 1.1; align-items: center; text-align: center; }
.footer-brand .logo-name { font-family: var(--font-display); font-size: 18px; font-weight: 700; color: var(--green-dark); }
.footer-brand .logo-sub { font-size: 9px; letter-spacing: 2.5px; color: var(--gold); font-weight: 700; }
.footer-brand .logo-tagline { font-size: 10px; color: var(--text-muted); font-style: italic; margin-top: 2px; }
.footer-brand .logo-pic { height: 72px; max-width: 220px; width: auto; object-fit: contain; }
.footer-brand p { font-size: 13px; opacity: 0.75; margin-bottom: 18px; line-height: 1.6; max-width: 300px; }
.footer-brand, .footer-col { display: flex; flex-direction: column; align-items: center; text-align: center; }
.footer-social { display: flex; gap: 10px; justify-content: center; }
.footer-social a { width: 30px; height: 30px; border: 1px solid var(--border-soft); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; text-transform: lowercase; color: var(--text-dark); }
.footer-col h4 { font-size: 13.5px; letter-spacing: 1px; margin-bottom: 18px; color: var(--gold); }
.footer-col ul { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.footer-col ul li { margin-bottom: 0; font-size: 13px; opacity: 0.85; }
.footer-col ul li a:hover { color: var(--gold-light); }
.footer-contact li { display: flex; align-items: flex-start; justify-content: center; gap: 8px; }
.footer-download { margin-top: 16px; display: inline-flex; }
.footer-col p { font-size: 13px; opacity: 0.75; margin-bottom: 14px; }
.newsletter-form { display: flex; flex-direction: column; gap: 10px; width: 100%; }
.newsletter-form input { padding: 11px 14px; border-radius: 4px; border: 1px solid var(--border-soft); background: var(--white); color: var(--text-dark); font-size: 13px; width: 100%; }
.newsletter-form input::placeholder { color: var(--text-muted); }
.newsletter-form .btn-dark { background: var(--gold); }
.newsletter-form .btn-dark:hover { background: var(--gold-light); }
.footer-bottom { background: var(--green-deep); color: rgba(255,255,255,0.75); padding: 18px 24px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; font-size: 12.5px; }
.footer-bottom-inner { max-width: 1280px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; width: 100%; }
.footer-bottom-links { display: flex; gap: 20px; }

/* ============ PRODUCTS HERO ============ */
.products-hero { background: linear-gradient(135deg, var(--cream) 0%, var(--cream-dark) 100%); padding: 45px 24px 0; }
.products-hero-inner { max-width: 1280px; margin: 0 auto; padding-bottom: 40px; }
.products-hero-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 40px; align-items: flex-start; }
.products-hero-text h1 { font-family: var(--font-display); font-size: 40px; line-height: 1.2; color: var(--green-dark); margin-bottom: 16px; }
.products-hero-text h1 .accent { color: var(--gold); }
.products-hero-desc { font-size: 14.5px; color: var(--text-muted); max-width: 460px; }
.products-hero-img { border-radius: var(--radius); min-height: 220px; background: linear-gradient(120deg, #8fae55 0%, #d8b06a 35%, #b3324a 65%, #e0972e 100%); box-shadow: var(--shadow); }
.hero-feature-row { margin-top: 36px; background: var(--white); border-radius: var(--radius); box-shadow: var(--shadow); padding: 22px 28px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 18px; }
.hero-feature-item { display: flex; align-items: center; gap: 12px; flex: 1 1 180px; min-width: 0; }
.hero-feature-icon { width: 44px; height: 44px; border: 2px solid var(--green-dark); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; }
.hero-feature-item strong { display: block; font-size: 13.5px; }
.hero-feature-item small { font-size: 12px; color: var(--text-muted); }

/* ============ CATEGORY FILTERS ============ */
.category-filters { max-width: 1280px; margin: 0 auto; padding: 40px 24px 20px; }
.category-filters-inner { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; border-bottom: 1px solid var(--border-soft); padding-bottom: 20px; }
.filter-tabs { display: flex; flex-wrap: wrap; gap: 10px; }
.filter-tab { background: var(--white); border: 1px solid var(--border-soft); color: var(--text-dark); font-size: 12px; font-weight: 700; letter-spacing: 0.3px; padding: 10px 16px; border-radius: 30px; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease; }
.filter-tab:hover { border-color: var(--gold); color: var(--gold); }
.filter-tab.active { background: var(--green-dark); border-color: var(--green-dark); color: var(--white); }
.btn-catalogue { white-space: nowrap; }

/* ============ PRODUCTS GRID ============ */
.products-grid-section { max-width: 1280px; margin: 0 auto; padding: 40px 24px 20px; }
.products-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.product-card-full { background: var(--white); border: 1px solid var(--border-soft); border-radius: var(--radius); overflow: hidden; display: flex; flex-direction: column; transition: box-shadow 0.2s ease, transform 0.2s ease; min-width: 0; }
.product-card-full:hover { box-shadow: var(--shadow); transform: translateY(-4px); }
.product-card-full .product-img { height: 190px; border-radius: 0; margin-bottom: 0; display: block; }
.product-card-body h3 a { color: inherit; }
.product-card-body h3 a:hover { color: var(--gold); }
.product-card-body { padding: 20px 22px 24px; }
.product-card-body h3 { font-size: 15px; letter-spacing: 0.5px; color: var(--green-dark); margin-bottom: 12px; }
.product-card-body ul { margin-bottom: 18px; }
.product-card-body ul li { font-size: 12.5px; color: var(--text-muted); padding: 3px 0 3px 16px; position: relative; }
.product-card-body ul li::before { content: ""; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; border-radius: 50%; background: var(--gold); }
.product-card-actions { display: flex; gap: 10px; }
.product-card-actions .btn { flex: 1; }

/* ============ BOTTOM FEATURES + CTA ============ */
.bottom-features { max-width: 1280px; margin: 0 auto; padding: 30px 24px 90px; }
.bottom-features-inner { display: flex; flex-wrap: wrap; gap: 0; border: 1px solid var(--border-soft); border-radius: var(--radius); overflow: hidden; }
.bf-item { flex: 1 1 180px; display: flex; align-items: center; gap: 12px; padding: 22px 18px; border-right: 1px solid var(--border-soft); min-width: 0; }
.bf-icon { width: 40px; height: 40px; border: 2px solid var(--green-dark); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; flex-shrink: 0; }
.bf-item strong { display: block; font-size: 12.5px; margin-bottom: 2px; }
.bf-item small { font-size: 11px; color: var(--text-muted); line-height: 1.4; }
.bf-cta { flex: 1 1 260px; background: var(--green-dark); color: var(--white); display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 22px 24px; min-width: 0; }
.bf-cta p { font-size: 13.5px; font-weight: 600; line-height: 1.4; }
.btn-cta-white { background: var(--white); color: var(--green-dark); padding: 10px 16px; font-size: 11.5px; white-space: nowrap; }
.btn-cta-white:hover { background: var(--cream); }

/* ============ PRODUCT DETAIL ============ */
.product-detail { max-width: 1280px; margin: 0 auto; padding: 45px 24px 0; }
.product-detail-inner .breadcrumb { text-align: left; margin-bottom: 16px; }
.product-detail-inner .breadcrumb span:not(:last-child) { margin: 0 4px; }
.detail-top-grid { display: grid; grid-template-columns: 1.05fr 1.1fr 0.75fr; gap: 28px; align-items: start; margin-bottom: 40px; }
.product-gallery { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.gallery-main { position: relative; border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); background: var(--white); height: 250px; width: 385px; max-width: 100%; }
.gallery-main-img { height: 340px; border-radius: 0; margin: 0; background-size: cover; background-position: center top; background-repeat: no-repeat; }
.gallery-zoom { position: absolute; top: 14px; right: 14px; width: 34px; height: 34px; background: var(--white); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; box-shadow: var(--shadow); cursor: pointer; }
.gallery-thumbs-row { display: flex; align-items: center; gap: 10px; margin-top: 50px; justify-content: flex-start; margin-left: -30px; }
.gallery-thumbs { display: flex; gap: 10px; flex: 1; overflow-x: auto; min-width: 0; }
.gallery-thumb { width: 64px; height: 64px; border-radius: 8px; flex-shrink: 0; cursor: pointer; border: 2px solid transparent; opacity: 0.7; transition: opacity 0.2s ease, border-color 0.2s ease; object-fit: cover; }
.gallery-thumb:hover { opacity: 1; }
.gallery-thumb.active { opacity: 1; border-color: var(--gold); }
.gallery-arrow { width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--border-soft); background: var(--white); color: var(--text-dark); font-size: 12px; cursor: pointer; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.gallery-arrow:hover { border-color: var(--gold); color: var(--gold); }
.category-tag { display: inline-block; background: var(--cream-dark); color: var(--green-dark); font-size: 11.5px; font-weight: 700; letter-spacing: 0.5px; padding: 6px 14px; border-radius: 20px; margin-bottom: 14px; }
.product-title { font-family: var(--font-display); font-size: 40px; color: var(--green-dark); line-height: 1.1; margin-bottom: 4px; }
.product-subtitle { font-style: italic; color: var(--gold); font-size: 15px; margin-bottom: 16px; }
.product-desc { font-size: 14px; color: var(--text-muted); margin-bottom: 22px; }
.product-mini-features { display: flex; flex-wrap: wrap; gap: 20px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed var(--border-soft); }
.product-checklist { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 20px; background: var(--cream-dark); border-radius: var(--radius); padding: 20px; }
.checklist-item { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; color: var(--text-dark); }
.check-icon { color: var(--green-dark); font-weight: 700; flex-shrink: 0; }
.product-specs { background: var(--white); border: 1px solid var(--border-soft); border-radius: var(--radius); padding: 22px; min-width: 0; }
.product-specs h3 { font-size: 13.5px; letter-spacing: 0.5px; color: var(--green-dark); margin-bottom: 16px; }
.specs-table { width: 100%; border-collapse: collapse; }
.specs-table tr { border-bottom: 1px solid var(--border-soft); }
.specs-table tr:last-child { border-bottom: none; }
.specs-table td { padding: 10px 0; font-size: 12.5px; vertical-align: top; }
.specs-table td:first-child { color: var(--text-muted); width: 45%; }
.specs-table td:last-child { color: var(--text-dark); font-weight: 600; text-align: right; }
.detail-bottom-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding-bottom: 50px; }
.detail-card { background: var(--white); border: 1px solid var(--border-soft); border-radius: var(--radius); padding: 22px; min-width: 0; }
.detail-card h4 { font-size: 13px; letter-spacing: 0.5px; color: var(--green-dark); margin-bottom: 16px; }
.grades-card { display: flex; flex-direction: column; }
.applications-list li { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--text-dark); padding: 5px 0; }
.app-icon { color: var(--gold); font-size: 8px; }
.packaging-bag { width: 100%; height: 150px; border-radius: 8px; display: flex; align-items: center; justify-content: center; padding: 8px; margin-bottom: 14px; overflow: hidden; }
.packaging-bag img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.packaging-bag span { font-size: 11px; font-weight: 700; color: var(--text-muted); }
.packaging-info strong { display: block; font-size: 13.5px; color: var(--green-dark); margin-bottom: 6px; }
.packaging-info p { font-size: 12.5px; color: var(--text-dark); margin-bottom: 8px; }
.packaging-info small { font-size: 11.5px; color: var(--text-muted); line-height: 1.4; }
.checklist-simple li { display: flex; align-items: center; gap: 8px; font-size: 12.5px; padding: 5px 0; color: var(--text-dark); }
.grades-note { font-size: 11.5px; color: var(--gold); margin: 8px 0 16px; }
.grades-actions { display: flex; flex-direction: column; gap: 10px; margin-top: auto; padding-top: 12px; }
.cta-card { background: var(--green-dark); color: var(--white); text-align: center; position: relative; overflow: hidden; }
.cta-leaf-icon { width: 42px; height: 42px; border-radius: 50%; background: rgba(255,255,255,0.12); display: flex; align-items: center; justify-content: center; font-size: 18px; margin: 0 auto 14px; }
.cta-card p { font-size: 14px; font-weight: 700; margin-bottom: 8px; }
.cta-card small { font-size: 12px; opacity: 0.8; display: block; margin-bottom: 16px; }
.cta-card .btn-dark { background: var(--gold); }
.cta-card .btn-dark:hover { background: var(--gold-light); }

/* ============ PLACEHOLDER / FOOTER / WHATSAPP ============ */
.page-hero { background: linear-gradient(135deg, var(--cream) 0%, var(--cream-dark) 100%); padding: 100px 24px; text-align: center; min-height: 50vh; display: flex; align-items: center; }
.page-hero-inner { max-width: 640px; margin: 0 auto; }
.page-hero h1 { font-family: var(--font-display); font-size: 40px; color: var(--green-dark); margin-bottom: 16px; }
.page-hero-sub { color: var(--text-muted); font-size: 15px; margin-bottom: 28px; }
.hero, .about-hero, .products-hero, .pl-hero, .page-hero { padding-top: 70px; }
.site-footer { background: var(--green-deep); color: rgba(255,255,255,0.75); text-align: center; padding: 24px; font-size: 13px; }
.footer-inner p { opacity: 0.8; margin: 2px 0; }
.whatsapp-float { position: fixed; bottom: 22px; left: 22px; display: flex; align-items: center; justify-content: center; z-index: 200; }
.whatsapp-icon { width: 56px; height: 56px; object-fit: contain; }

/* ============ SHARED LEFT TITLE ============ */
.section-title-left { font-family: var(--font-display); font-size: 18px; letter-spacing: 0.5px; color: var(--green-dark); margin-bottom: 20px; }

/* ============ PL HERO ============ */
.pl-hero { background: linear-gradient(135deg, var(--cream) 0%, var(--cream-dark) 100%); padding: 45px 24px 70px; }
.pl-hero-inner { max-width: 1280px; margin: 0 auto; }
.pl-hero-grid { display: grid; grid-template-columns: 1fr 1.15fr; gap: 40px; align-items: center; margin-top: 16px; }
.pl-hero-text h1 { font-family: var(--font-display); font-size: 44px; line-height: 1.18; color: var(--green-dark); margin-bottom: 18px; }
.pl-hero-text h1 .accent { color: var(--gold); }
.pl-hero-desc { font-size: 14.5px; color: var(--text-muted); max-width: 480px; margin-bottom: 30px; }
.pl-mini-features { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin-top: 10px; }
.pl-mini-features .mini-feature { display: flex; align-items: center; gap: 10px; }
.pl-hero-visual { display: flex; align-items: center; justify-content: center; }
.pl-hero-visual img { width: 100%; height: auto; border-radius: var(--radius); }

/* ============ PROCESS ============ */
.process-section { max-width: 1280px; margin: 0 auto; padding: 20px 24px 60px; }
.process-inner { background: var(--white); border: 1px solid var(--border-soft); border-radius: var(--radius); padding: 22px 28px; width: 100%; display: flex; align-items: center; }
.process-steps { display: flex; align-items: center; gap: 8px; width: 100%; }
.process-step { flex: 1; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 0; }
.step-circle { position: relative; width: 60px; height: 60px; border-radius: 50%; background: var(--cream-dark); display: flex; align-items: center; justify-content: center; font-size: 20px; margin-bottom: 6px; }
.step-num { position: absolute; bottom: -6px; right: -6px; width: 22px; height: 22px; border-radius: 50%; background: var(--green-dark); color: var(--white); font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.process-step strong { font-size: 13px; color: var(--green-dark); line-height: 1.35; }
.process-step p { font-size: 12px; color: var(--text-muted); line-height: 1.4; max-width: 160px; }
.process-arrow { color: var(--gold); font-size: 18px; padding-top: 20px; flex-shrink: 0; margin: 0 2px; }

/* ============ PACKAGING OPTIONS ============ */
.packaging-section { max-width: 1280px; margin: 0 auto; padding: 0 24px 40px; }
.packaging-inner { display: grid; grid-template-columns: 1.35fr 0.9fr; gap: 18px; align-items: stretch; }
.packaging-left { background: var(--white); border: 1px solid var(--border-soft); border-radius: var(--radius); padding: 22px; min-width: 0; }
.packaging-row { display: flex; gap: 28px; align-items: flex-end; justify-content: center; flex-wrap: nowrap; }
.packaging-item { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.packaging-img-wrap { display: flex; align-items: flex-end; justify-content: center; }
.packaging-item:first-child .packaging-img-wrap { width: 160px; height: 240px; }
.packaging-item:nth-child(2) .packaging-img-wrap { width: 180px; height: 270px; }
.packaging-img { width: auto; height: 100%; max-width: 100%; object-fit: contain; }
.packaging-img--100g, .packaging-img--250g { width: auto; height: 100%; }
.packaging-size { font-size: 12.5px; font-weight: 700; color: var(--text-dark); }
.packaging-note { font-size: 11px; color: var(--text-muted); margin-top: 14px; }
.packaging-right { background: var(--white); border: 1px solid var(--border-soft); border-radius: var(--radius); padding: 22px 24px; display: flex; flex-direction: column; gap: 36px; justify-content: center; min-width: 0; }
.pl-benefit-item { display: flex; gap: 14px; align-items: flex-start; }
.pl-benefit-icon { width: 48px; height: 48px; border: 2px solid var(--green-dark); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 28px; flex-shrink: 0; }
.pl-benefit-item strong { display: block; font-size: 14px; color: var(--green-dark); margin-bottom: 6px; line-height: 1.3; }
.pl-benefit-item p { font-size: 12.5px; color: var(--text-muted); line-height: 1.5; }
.pl-features-strip { padding-top: 0; padding-bottom: 40px; }
.pl-features-inner .bf-item { flex: 1 1 160px; }
.pl-features-last { border-right: none; }

/* ============ CTA SPLIT ============ */
.pl-cta-section { max-width: 1280px; margin: 0 auto; padding: 0 24px 50px; }
.pl-cta-split { display: grid; grid-template-columns: 1.2fr 1fr; border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); }
.pl-cta-left { background: var(--green-dark); color: var(--white); padding: 30px 32px; display: flex; align-items: center; gap: 24px; flex-wrap: wrap; min-width: 0; }
.pl-cta-icon { width: 56px; height: 56px; border-radius: 50%; background: rgba(255,255,255,0.12); display: flex; align-items: center; justify-content: center; font-size: 24px; flex-shrink: 0; }
.pl-cta-left-text { flex: 1 1 220px; min-width: 0; }
.pl-cta-heading { font-family: var(--font-display); font-size: 20px; margin-bottom: 6px; }
.pl-cta-sub { font-size: 12.5px; opacity: 0.85; line-height: 1.4; max-width: 320px; }
.pl-cta-checklist { flex: 1 1 220px; }
.pl-cta-checklist li { display: flex; align-items: center; gap: 8px; font-size: 12.5px; padding: 4px 0; }
.pl-cta-checklist .check-icon { color: var(--gold-light); }
.pl-cta-right { background: var(--cream-dark); padding: 30px 32px; position: relative; overflow: hidden; min-width: 0; }
.pl-cta-right-title { font-size: 15px; font-weight: 700; color: var(--green-dark); margin-bottom: 4px; }
.pl-cta-right-sub { font-size: 12.5px; color: var(--text-muted); margin-bottom: 18px; }
.pl-cta-right-title-cert { font-size: 25px; color: var(--green-dark); margin-bottom: 6px; margin-top: -25%; }
.pl-cta-right-cert-sub { font-size: 15px; color: var(--text-muted); margin-bottom: 18px; margin-top: 10px; }
.pl-inquiry-form { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.pl-inquiry-form input { flex: 1 1 160px; min-width: 0; padding: 11px 14px; border-radius: 4px; border: 1px solid var(--border-soft); background: var(--white); color: var(--text-dark); font-size: 13px; }
.pl-inquiry-form input::placeholder { color: var(--text-muted); }
.pl-inquiry-form .btn-dark { flex: 0 0 auto; }
.pl-cta-leaf-deco { position: absolute; right: 18px; bottom: 8px; font-size: 60px; opacity: 0.08; pointer-events: none; }

/* ============ BADGES ============ */
.badges-strip { background: var(--green-deep); color: var(--white); padding: 16px 24px; }
.badges-strip-inner { max-width: 1280px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px; font-size: 12.5px; font-weight: 600; }
.badges-strip-inner span:not(.badge-sep) { display: flex; align-items: center; gap: 6px; opacity: 0.92; }
.badge-sep { opacity: 0.3; }
.badge-sep-strong { opacity: 0.5; }

/* ============ QUALITY PAGE ============ */
.accent-text { display: block; color: var(--gold); font-weight: 700; font-size: 17px; margin-bottom: 8px; }
.eyebrow-dash { color: var(--gold); font-weight: 400; margin: 0 6px; }
.quality-hero-img { background: radial-gradient(circle at 30% 25%, #a9cf7f 0%, #6d8a45 45%, #3f6b2c 100%); }
.testing-section { max-width: 1280px; margin: 0 auto; padding: 20px 24px 70px; }
.testing-grid { display: grid; grid-template-columns: 1fr 1.35fr; gap: 28px; align-items: stretch; }
.testing-left { background: var(--white); border: 1px solid var(--border-soft); border-radius: var(--radius); padding: 30px; display: flex; flex-direction: column; min-width: 0; }
.testing-left h3 { font-family: var(--font-display); font-size: 20px; color: var(--green-dark); margin-bottom: 6px; }
.testing-leaf { color: var(--gold); font-size: 13px; margin-bottom: 14px; display: block; }
.testing-left p.testing-desc { font-size: 13.5px; color: var(--text-muted); margin-bottom: 18px; }
.testing-checklist { margin-bottom: 22px; }
.testing-checklist li { display: flex; align-items: center; gap: 8px; font-size: 13px; padding: 5px 0; color: var(--text-dark); }
.testing-checklist .check-icon { color: var(--green-dark); font-weight: 700; }
.testing-img { width: 100%; flex: 1; min-height: 220px; border-radius: var(--radius); background: radial-gradient(circle at 35% 20%, #d8c8a8 0%, #b3324a 55%, #163d2c 100%); }
.testing-right { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; min-width: 0; }
.testing-item { background: var(--white); border: 1px solid var(--border-soft); border-radius: var(--radius); padding: 24px 18px; text-align: center; display: flex; flex-direction: column; align-items: center; min-width: 0; }
.testing-icon { width: 46px; height: 46px; border-radius: 50%; background: var(--cream-dark); display: flex; align-items: center; justify-content: center; font-size: 19px; margin-bottom: 12px; }
.testing-item strong { font-size: 15px; letter-spacing: 0.4px; color: var(--green-dark); margin-bottom: 50px; }
.testing-item p { font-size: 12.5px; color: var(--text-muted); line-height: 1.4; }
.commitment-banner { max-width: 1280px; margin: 0 auto 40px; background: var(--white); border: 1px solid var(--border-soft); border-radius: var(--radius); padding: 26px 34px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.commitment-left { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; min-width: 0; }
.commitment-deco { font-size: 30px; color: var(--gold); opacity: 0.7; flex-shrink: 0; }
.commitment-left h3 { font-size: 14px; letter-spacing: 1px; color: var(--green-dark); white-space: nowrap; }
.commitment-left p { font-size: 13px; color: var(--text-muted); max-width: 620px; }
.commitment-right { font-size: 30px; color: var(--green-dark); opacity: 0.5; flex-shrink: 0; }
.q-cta-icons { display: flex; gap: 22px; flex-wrap: wrap; }
.q-cta-icon-item { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; }
.q-cta-icon-circle { width: 42px; height: 42px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.4); display: flex; align-items: center; justify-content: center; font-size: 16px; }
.q-cta-icon-item span.label { font-size: 11px; font-weight: 600; opacity: 0.9; }

/* ============ CERTIFICATIONS PAGE ============ */
.cert-hero-grid { display: grid; grid-template-columns: 1fr 1fr auto; gap: 36px; align-items: center; }
.cert-divider { width: 46px; height: 2px; background: var(--gold); margin: 6px 0 18px; position: relative; }
.cert-hero-img { min-height: 300px; width: 100%; transform: translateX(100px); }
.cert-icon-list { display: flex; flex-direction: column; gap: 20px; min-width: 220px; }
.cert-icon-list .mini-feature strong { font-size: 13px; font-weight: 700; }
.cert-grid-section { max-width: 1280px; margin: 0 auto 40px; }
.cert-grid-inner { background: var(--white); border: 1px solid var(--border-soft); border-radius: var(--radius); padding: 34px; }
.cert-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px; }
.cert-card { border: 1px solid var(--border-soft); border-radius: var(--radius); padding: 20px 14px; text-align: center; display: flex; flex-direction: column; align-items: center; min-width: 0; }
.cert-logo { width: 100%; height: 54px; display: flex; align-items: center; justify-content: center; margin-bottom: 14px; font-size: 26px; }
.cert-card strong { font-size: 12.5px; letter-spacing: 0.3px; color: var(--text-dark); margin-bottom: 10px; line-height: 1.3; }
.cert-card p { font-size: 11.5px; color: var(--text-muted); line-height: 1.4; margin-bottom: 16px; flex: 1; }
.cert-status { width: 100%; padding: 9px 10px; border-radius: 4px; font-size: 11px; font-weight: 700; letter-spacing: 0.4px; display: flex; align-items: center; justify-content: center; gap: 6px; border: 2px solid transparent; }
.cert-status--applying { background: transparent; border-color: var(--green-dark); color: var(--green-dark); }
.cert-status--process { background: var(--gold); color: var(--white); }
.cert-status--planned { background: transparent; border-color: var(--gold); color: var(--gold); }
.cert-status--done { background: var(--green-dark); color: var(--white); }
.pl-cta-right--cert { display: flex; flex-direction: column; height: 100%; padding: 26px 32px; justify-content: center; }
.pl-cta-right--cert .btn-dark { margin-top: 100px; align-self: flex-start; }
.pl-cta-left--cert { padding: 34px 40px; }
.pl-cta-left--cert .doc-cta-left { position: relative; display: block; width: 100%; height: 100%; min-height: 300px; text-align: left; }
.pl-cta-left--cert .doc-cta-main { display: flex; flex-direction: row; align-items: center; gap: 16px; width: calc(100% - 190px); min-width: 0; text-align: left; transform: translateY(-8px); }
.pl-cta-left--cert .pl-cta-left-text { display: flex; flex-direction: column; align-items: flex-start; }
.pl-cta-left--cert .pl-cta-heading { font-size: 20px; line-height: 1.3; margin-bottom: 8px; margin-top: 10px; }
.pl-cta-left--cert .pl-cta-sub { max-width: 330px; line-height: 1.45; }
.pl-cta-left--cert .doc-cta-icons { display: flex; width: auto; flex: 0 0 auto; justify-content: flex-start; align-items: flex-start; gap: 18px; flex-wrap: nowrap; margin-top: 10px; }
.pl-cta-left--cert .doc-cta-icon-item { width: 68px; gap: 8px; }
.pl-cta-left--cert .doc-cta-icon-item .doc-cta-icon-circle { width: 44px; height: 44px; font-size: 16px; }
.pl-cta-left--cert .doc-cta-icon-item .label { font-size: 10.5px; line-height: 1.3; }
.pl-cta-left--cert .doc-cta-btn { position: absolute; right: 0; bottom: 8px; margin: 0; flex-shrink: 0; }
.pl-cta-right--cert { display: flex; flex-direction: column; justify-content: flex-start; height: 100%; padding: 40px 40px; }
.pl-cta-right--cert .pl-cta-right-title-cert { font-size: 25px; line-height: 1.2; margin: 0 0 8px; }
.pl-cta-right--cert .pl-cta-right-cert-sub { font-size: 15px; line-height: 1.5; margin: 0; max-width: 520px; }
.pl-cta-right--cert .btn-dark { margin-top: 110px; align-self: flex-start; }
.commitment-section { max-width: 1280px; margin: 0 auto 40px; position: relative; }
.commitment-section-inner { background: var(--white); border: 1px solid var(--border-soft); border-radius: var(--radius); padding: 34px; position: relative; overflow: hidden; }
.commitment-deco-corner { position: absolute; font-size: 70px; opacity: 0.08; color: var(--green-dark); pointer-events: none; }
.commitment-deco-corner.tl { top: -10px; left: 10px; }
.commitment-deco-corner.br { bottom: -10px; right: 10px; }
.export-card { background: var(--white); border: 1px solid var(--border-soft); border-radius: var(--radius); padding: 28px; display: flex; flex-direction: column; min-width: 0; }
.export-card h3 { font-family: var(--font-display); font-size: 18px; color: var(--green-dark); margin-bottom: 8px; }
.export-card > p { font-size: 13px; color: var(--text-muted); margin-bottom: 20px; max-width: 520px; }
.export-body { display: flex; gap: 24px; align-items: stretch; flex: 1; min-width: 0; }
.export-body .testing-checklist { flex: 1 1 55%; margin-bottom: 0; display: flex; flex-direction: column; justify-content: center; }
.export-img { flex: 1 1 45%; min-height: 190px; border-radius: var(--radius); height: 100%; margin-left: -100px; }
.export-faq-section { max-width: 1280px; margin: 0 auto 40px; }
.export-faq-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 24px; align-items: stretch; }
.faq-card { background: var(--white); border: 1px solid var(--border-soft); border-radius: var(--radius); padding: 28px; min-width: 0; }
.faq-card h3 { font-size: 16px; letter-spacing: 0.3px; color: var(--green-dark); margin-bottom: 16px; }
.faq-item { border-bottom: 1px solid var(--border-soft); padding: 14px 0; }
.faq-item:last-child { border-bottom: none; }
.faq-item summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 13.5px; font-weight: 600; color: var(--text-dark); }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item .faq-icon { flex-shrink: 0; width: 22px; height: 22px; border-radius: 50%; border: 1px solid var(--border-soft); display: flex; align-items: center; justify-content: center; font-size: 13px; color: var(--green-dark); transition: transform 0.2s ease; }
.faq-item[open] .faq-icon { transform: rotate(45deg); border-color: var(--gold); color: var(--gold); }
.faq-item p { font-size: 12.5px; color: var(--text-muted); margin-top: 10px; line-height: 1.5; }
.doc-cta-left { display: flex; justify-content: space-between; align-items: center; gap: 28px; flex-wrap: wrap; width: 100%; }
.doc-cta-main { display: flex; align-items: flex-start; gap: 16px; flex: 1 1 300px; min-width: 0; }
.doc-cta-icon { width: 52px; height: 52px; border-radius: 50%; background: var(--white); color: var(--green-dark); display: flex; align-items: center; justify-content: center; font-size: 21px; flex-shrink: 0; }
.doc-cta-btn { display: inline-flex; margin-top: 14px; padding: 11px 20px; border-radius: 4px; border: 2px solid var(--gold); color: var(--gold); background: transparent; font-size: 12px; font-weight: 700; letter-spacing: 0.4px; gap: 8px; align-items: center; }
.doc-cta-btn:hover { background: var(--gold); color: var(--white); }
.doc-cta-icons { display: flex; gap: 22px; flex-wrap: wrap; flex: 0 1 auto; }
.doc-cta-icon-item { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; width: 78px; }
.doc-cta-icon-circle { width: 44px; height: 44px; border-radius: 50%; background: var(--white); color: var(--green-dark); display: flex; align-items: center; justify-content: center; font-size: 17px; }
.doc-cta-icon-item span.label { font-size: 10.5px; font-weight: 600; opacity: 0.95; line-height: 1.3; }
.footer-links-cols { column-count: 2; column-gap: 20px; }
.footer-links-cols li { break-inside: avoid; }

/* ============ EXPORT PAGE ============ */
.export-hero-grid { display: grid; grid-template-columns: 1fr 1.35fr; gap: 20px; align-items: center; }
.export-hero-text h1 .accent { color: var(--gold); display: block; }
.export-hero-graphic { position: relative; min-height: 330px; background: transparent; box-shadow: none; border-radius: 0; overflow: visible; width: 100%; }
.export-hero-map { position: absolute; inset: 0; width: 100%; height: auto; display: block; transform: scale(1.15); transform-origin: center right; object-fit: contain; opacity: 0.85; mix-blend-mode: multiply; -webkit-mask-image: radial-gradient(ellipse 75% 75% at 55% 45%, black 45%, transparent 78%); mask-image: radial-gradient(ellipse 75% 75% at 55% 45%, black 45%, transparent 78%); pointer-events: none; max-width: none; margin-top: -10px; }
.export-ship-strip { display: none; }
.export-hero-graphic svg { display: block; width: 100%; height: 100%; }
.export-ship-strip { position: absolute; left: 0; right: 0; bottom: 0; height: 34%; background: linear-gradient(180deg, rgba(60,90,110,0.0), rgba(20,35,45,0.35)); }
.packaging-options-section { max-width: 1280px; margin: 0 auto 40px; }
.packaging-options-inner { background: var(--white); border: 1px solid var(--border-soft); border-radius: var(--radius); padding: 30px; display: grid; grid-template-columns: 1.5fr 1fr 0.85fr; gap: 26px; align-items: stretch; }
.packaging-pouches { display: flex; align-items: flex-end; gap: 8px; flex-wrap: nowrap; min-width: 0; }
.pouch-sm { width: 76px; min-height: 150px; padding: 10px 6px; flex-shrink: 0; }
.pouch-sm .pouch-logo { font-size: 9px; margin-bottom: 5px; }
.pouch-sm .pouch-title { font-size: 9px; }
.pouch-bag { width: 76px; min-height: 150px; border-radius: 10px 10px 4px 4px; background: linear-gradient(160deg, #efe8d8, #d9cfb5); display: flex; flex-direction: column; align-items: center; justify-content: flex-end; padding: 8px; text-align: center; box-shadow: var(--shadow); flex-shrink: 0; }
.pouch-bag strong { font-family: var(--font-display); font-size: 10px; color: var(--green-dark); }
.pouch-bag span { font-size: 8.5px; color: var(--text-muted); }
.packaging-checklist { display: flex; flex-direction: column; justify-content: center; gap: 4px; min-width: 0; }
.packaging-checklist li { display: flex; align-items: flex-start; gap: 8px; font-size: 12.5px; color: var(--text-dark); padding: 6px 0; }
.packaging-cta-card { background: var(--green-dark); color: var(--white); border-radius: var(--radius); padding: 24px 20px; display: flex; flex-direction: column; min-width: 0; }
.packaging-cta-icon { font-size: 20px; color: var(--gold-light); margin-bottom: 12px; }
.packaging-cta-card h3 { font-size: 14.5px; letter-spacing: 0.3px; margin-bottom: 10px; line-height: 1.35; }
.packaging-cta-card p { font-size: 12.5px; opacity: 0.85; line-height: 1.5; }
.export-info-section { max-width: 1280px; margin: 0 auto 40px; }
.export-info-grid { display: grid; grid-template-columns: 1.15fr 0.9fr 1fr; gap: 20px; align-items: stretch; }
.export-info-card { background: var(--white); border: 1px solid var(--border-soft); border-radius: var(--radius); padding: 26px; display: flex; flex-direction: column; min-width: 0; }
.export-info-card h3 { font-size: 15px; letter-spacing: 0.3px; color: var(--green-dark); margin-bottom: 10px; }
.export-info-card > p { font-size: 12.5px; color: var(--text-muted); margin-bottom: 16px; }
.export-doc-checklist { margin-bottom: 18px; }
.export-doc-checklist li { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--text-dark); padding: 3px 0; }
.export-doc-img { flex: 1 1 42%; margin-top: 0; min-height: 160px; border-radius: var(--radius); overflow: hidden; display: flex; align-items: center; justify-content: center; background: var(--cream-dark); }
.export-doc-img img { width: 100%; height: auto; object-fit: contain; object-position: center; border-radius: var(--radius); display: block; }
.shipping-item { display: flex; gap: 14px; align-items: flex-start; padding: 14px 0; margin-top: 10%; }
.shipping-item:not(:last-child) { border-bottom: 1px dashed var(--border-soft); }
.shipping-icon { width: 46px; height: 46px; border-radius: 50%; background: var(--cream-dark); display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; }
.shipping-item strong { display: block; font-size: 13px; color: var(--green-dark); margin-bottom: 4px; }
.shipping-item p { font-size: 12px; color: var(--text-muted); line-height: 1.4; }
.container-images { display: flex; gap: 10px; margin-bottom: 14px; }
.container-img { flex: 1; min-height: 140px; border-radius: 8px; }
.container-img.a { background: linear-gradient(160deg, #cfd6da, #4c6b7a); }
.container-img.b { background: linear-gradient(160deg, #e8dfc8, #b9a97e); }
.export-info-card .caption { font-size: 12px; color: var(--text-muted); line-height: 1.5; margin-top: auto; }
.export-mini-features { flex-wrap: nowrap; gap: 14px; margin-top: 26px !important; }
.export-mini-features .mini-feature { flex: 0 1 auto; gap: 8px; }
.export-mini-features .mini-feature-icon { width: 32px; height: 32px; font-size: 13px; }
.export-mini-features strong { font-size: 11px; white-space: nowrap; }
.export-mini-features small { font-size: 9.5px; white-space: nowrap; }
.export-doc-body { display: flex; gap: 16px; align-items: stretch; flex: 1; min-width: 0; }
.export-doc-body .export-doc-checklist { flex: 1 1 58%; margin-bottom: 0; }
.export-doc-body .export-doc-img { flex: 1 1 42%; margin-top: 0; min-height: 160px; }
.process-faq-section { max-width: 1280px; margin: 0 auto 40px; }
.process-faq-grid { display: grid; grid-template-columns: 1.3fr 1fr; gap: 24px; align-items: stretch; }
.export-form-row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 4px; }
.export-form-row input { flex: 1 1 140px; min-width: 0; padding: 11px 14px; border-radius: 4px; border: 1px solid var(--border-soft); background: var(--white); color: var(--text-dark); font-size: 13px; }
.export-form-row input::placeholder { color: var(--text-muted); }
.export-form-row .btn-dark { flex: 1 1 100%; justify-content: center; margin-top: 4px; }

/* ============ CONTACT PAGE ============ */
.contact-eyebrow { font-size: 12.5px; font-weight: 700; letter-spacing: 1.5px; color: var(--text-muted); margin-bottom: 14px; }
.contact-section { max-width: 1280px; margin: 0 auto 40px; }
.contact-grid { display: grid; grid-template-columns: 0.62fr 1fr; gap: 24px; align-items: start; }
.contact-info-list { display: flex; flex-direction: column; gap: 16px; }
.contact-info-card { background: var(--white); border: 1px solid var(--border-soft); border-radius: var(--radius); padding: 20px 22px; display: flex; gap: 16px; align-items: flex-start; min-width: 0; }
.contact-icon-circle { width: 48px; height: 48px; border-radius: 50%; background: var(--green-dark); color: var(--white); display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; }
.contact-info-card h4 { font-size: 11.5px; letter-spacing: 0.6px; color: var(--text-muted); font-weight: 700; margin-bottom: 8px; }
.contact-info-card .name-line { font-size: 14px; font-weight: 700; color: var(--text-dark); margin-bottom: 2px; }
.contact-info-card .sub-line { font-size: 12.5px; color: var(--text-muted); overflow-wrap: anywhere; }
.contact-divider-line { width: 100%; height: 1px; background: var(--border-soft); margin: 10px 0; }
.contact-form-card { background: var(--white); border: 1px solid var(--border-soft); border-radius: var(--radius); padding: 34px; min-width: 0; }
.contact-form-title { text-align: center; font-family: var(--font-display); font-size: 20px; color: var(--green-dark); margin-bottom: 6px; }
.contact-form-card .cert-divider { margin-left: auto; margin-right: auto; }
.contact-form-row { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 14px; }
.contact-form-row input, .contact-form-row select { flex: 1 1 200px; min-width: 0; padding: 13px 16px; border: 1px solid var(--border-soft); border-radius: 6px; font-size: 13px; color: var(--text-dark); background: var(--white); font-family: var(--font-body); }
.contact-form-row input::placeholder { color: var(--text-muted); }
textarea.contact-message { width: 100%; min-height: 110px; padding: 13px 16px; border: 1px solid var(--border-soft); border-radius: 6px; font-size: 13px; margin-bottom: 22px; font-family: var(--font-body); resize: vertical; color: var(--text-dark); }
textarea.contact-message::placeholder { color: var(--text-muted); }
.contact-mini-features { display: flex; justify-content: space-between; gap: 16px; margin-bottom: 26px; flex-wrap: wrap; }
.contact-mini-item { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; flex: 1 1 100px; min-width: 0; }
.contact-mini-icon { width: 44px; height: 44px; border-radius: 50%; background: var(--cream-dark); display: flex; align-items: center; justify-content: center; font-size: 18px; }
.contact-mini-item strong { font-size: 12px; color: var(--text-dark); }
.contact-mini-item small { font-size: 11px; color: var(--text-muted); }
.contact-submit-wrap { text-align: center; }
.help-map-section { max-width: 1280px; margin: 0 auto 40px; }
.help-map-grid { display: grid; grid-template-columns: 1fr 0.85fr; gap: 24px; align-items: stretch; }
.help-card { background: var(--white); border: 1px solid var(--border-soft); border-radius: var(--radius); padding: 28px; min-width: 0; }
.help-card h3 { font-size: 14.5px; letter-spacing: 0.5px; color: var(--green-dark); font-weight: 700; }
.help-card h3 .eyebrow-dash { margin-right: 8px; margin-left: 0; }
.help-items { display: flex; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin-top: 70px; }
.help-item { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; flex: 1 1 90px; min-width: 0; }
.help-icon { font-size: 26px; color: var(--green-dark); }
.help-item strong { font-size: 11.5px; color: var(--text-dark); line-height: 1.3; font-weight: 600; }
.contact-map-wrap { position: relative; overflow: hidden; border-radius: var(--radius); min-height: 320px; background: #e8eee8; }
.contact-map-img { width: 100%; height: 100%; min-height: 260px; background: linear-gradient(160deg, #dfe7d5, #b7c9d8); }
.contact-map-pin { position: absolute; top: 50%; left: 40%; transform: translate(-50%, -50%); font-size: 30px; color: var(--green-dark); }
.contact-google-map { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.contact-map-card { position: absolute; top: 18px; right: 18px; width: 220px; box-sizing: border-box; padding: 22px; background: rgba(255,255,255,0.96); border: 1px solid rgba(20,65,50,0.10); border-radius: 10px; text-decoration: none; color: inherit; box-shadow: 0 8px 24px rgba(20,50,40,0.10); transition: transform 0.2s ease, box-shadow 0.2s ease; }
.contact-map-card:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(20,50,40,0.16); }
.contact-map-card h4 { margin: 0 0 10px; font-size: 11px; letter-spacing: 0.7px; font-weight: 700; color: var(--green-dark); }
.contact-map-card .loc-name { margin: 0 0 10px; font-size: 16px; line-height: 1.35; font-weight: 700; color: var(--text-dark); }
.contact-map-card .loc-desc { margin: 0 0 14px; font-size: 11.5px; line-height: 1.5; color: var(--text-muted); }
.map-open-link { display: inline-block; font-size: 10.5px; font-weight: 700; letter-spacing: 0.4px; color: var(--gold); }
.partnership-banner { max-width: 1280px; margin: 0 auto 40px; background: var(--green-dark); border-radius: var(--radius); padding: 34px 40px; display: flex; align-items: center; justify-content: space-between; gap: 24px; position: relative; overflow: hidden; }
.partnership-leaf { font-size: 38px; color: var(--gold-light); opacity: 0.85; flex-shrink: 0; }
.partnership-text { flex: 1; color: var(--white); min-width: 0; }
.partnership-text h3 { font-family: var(--font-display); font-size: 22px; margin-bottom: 6px; }
.partnership-text p { font-size: 13px; opacity: 0.85; max-width: 480px; }

/* ============ QUOTE PAGE ============ */
.quote-field-label { display: block; font-size: 12px; font-weight: 700; color: var(--text-dark); margin-bottom: 6px; }
.contact-form-row input[type="date"] { color: var(--text-muted); }
.quote-form-section { max-width: 1280px; margin: 0 auto 40px; }
.quote-form-grid { display: grid; grid-template-columns: 1.35fr 1fr; gap: 24px; align-items: start; }
.quote-form-card { background: var(--white); border: 1px solid var(--border-soft); border-radius: var(--radius); padding: 34px; min-width: 0; }
.quote-form-card h3 { font-family: var(--font-display); font-size: 18px; color: var(--green-dark); margin-bottom: 10px; }
.quote-note { display: flex; align-items: center; gap: 8px; font-size: 11.5px; color: var(--text-muted); margin-top: 14px; }
.quote-products-card { background: var(--white); border: 1px solid var(--border-soft); border-radius: var(--radius); padding: 34px; min-width: 0; }
.quote-products-card h3 { font-family: var(--font-display); font-size: 16px; color: var(--green-dark); margin-bottom: 10px; }
.quote-products-list { display: flex; flex-direction: column; }
.quote-product-item { display: flex; align-items: center; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--border-soft); font-size: 13px; color: var(--text-dark); }
.quote-product-item:last-of-type { border-bottom: none; }
.quote-swatch { width: 26px; height: 26px; border-radius: 6px; flex-shrink: 0; }
.quote-product-item input[type="checkbox"] { width: 16px; height: 16px; accent-color: var(--green-dark); flex-shrink: 0; }
.quote-other-input { width: 100%; margin-top: 8px; padding: 10px 14px; border: 1px solid var(--border-soft); border-radius: 6px; font-size: 12.5px; color: var(--text-dark); background: var(--white); font-family: var(--font-body); }
.quote-other-input::placeholder { color: var(--text-muted); }
.quote-trust-card { background: var(--cream-dark); border-radius: var(--radius); padding: 20px; display: flex; gap: 14px; align-items: flex-start; margin-top: 22px; }
.quote-trust-icon { width: 44px; height: 44px; border-radius: 50%; background: var(--white); color: var(--green-dark); display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; }
.quote-trust-card h4 { font-size: 13px; color: var(--green-dark); margin-bottom: 6px; font-weight: 700; }
.quote-trust-card p { font-size: 12px; color: var(--text-muted); line-height: 1.4; }
.quote-features-row .bf-item:last-child { border-right: none; }
.quote-cta-banner .partnership-text h3 { font-size: 20px; }
.quote-seal { width: 78px; height: 78px; border-radius: 50%; border: 2px dashed var(--gold-light); display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--gold-light); font-size: 9px; font-weight: 700; text-align: center; line-height: 1.4; flex-shrink: 0; gap: 4px; }
.footer-download-item { display: flex; align-items: center; gap: 8px; font-size: 13px; opacity: 0.85; margin-bottom: 12px; color: inherit; }
.footer-download-item:hover { color: var(--gold-light); }

/* =========================================================
   CERTIFICATIONS CTA — FINAL COMPACT LAYOUT
   ========================================================= */
.pl-cta-split { display: grid; grid-template-columns: 1.2fr 1fr; border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); min-height: 0; height: 245px; }
.pl-cta-left--cert { position: relative; padding: 26px 32px; min-height: 0; height: 245px; box-sizing: border-box; }
.pl-cta-left--cert .doc-cta-left { position: relative; width: 100%; height: 100%; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: 1fr auto; column-gap: 20px; row-gap: 0; align-items: start; }
.pl-cta-left--cert .doc-cta-main { grid-column: 1; grid-row: 1; display: flex; align-items: flex-start; gap: 15px; width: auto; min-width: 0; text-align: left; transform: none; }
.pl-cta-left--cert .pl-cta-left-text { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.pl-cta-left--cert .pl-cta-heading { font-size: 20px; line-height: 1.25; margin-bottom: 7px; }
.pl-cta-left--cert .pl-cta-sub { max-width: 275px; font-size: 12.5px; line-height: 1.4; }
.pl-cta-left--cert .doc-cta-icons { grid-column: 2; grid-row: 1; display: flex; align-items: flex-start; justify-content: flex-end; gap: 12px; width: auto; flex: none; flex-wrap: nowrap; margin: 0; padding-top: 2px; }
.pl-cta-left--cert .doc-cta-icon-item { width: 58px; gap: 6px; }
.pl-cta-left--cert .doc-cta-icon-item .doc-cta-icon-circle { width: 42px; height: 42px; font-size: 15px; }
.pl-cta-left--cert .doc-cta-icon-item .label { font-size: 9.5px; line-height: 1.25; }
.pl-cta-left--cert .doc-cta-btn { position: absolute; left: 53%; bottom: 0; transform: translateX(-50%); width: auto !important; min-width: 0 !important; max-width: max-content !important; display: inline-flex !important; margin: 0 !important; padding: 10px 20px !important; white-space: nowrap; box-sizing: border-box; }
.pl-cta-right--cert { height: 245px; min-height: 0; box-sizing: border-box; padding: 28px 34px; display: flex; flex-direction: column; justify-content: flex-start; min-width: 0; }
.pl-cta-right--cert .pl-cta-right-title-cert { font-size: 25px; line-height: 1.2; margin: 0 0 8px; }
.pl-cta-right--cert .pl-cta-right-cert-sub { font-size: 15px; line-height: 1.5; margin: 0; max-width: 520px; }
.pl-cta-right--cert .btn-dark { margin-top: auto; margin-bottom: 0; align-self: flex-start; width: auto !important; min-width: 0 !important; padding: 10px 20px !important; }

/* =========================================================
   CONTACT HERO
   ========================================================= */
.about-hero:has(.contact-eyebrow) .about-hero-grid { grid-template-columns: 0.88fr 1.12fr; gap: 0; align-items: center; min-height: 360px; }
.about-hero:has(.contact-eyebrow) { padding-top: 58px; padding-bottom: 52px; }
.about-hero:has(.contact-eyebrow) .about-hero-text { position: relative; z-index: 2; padding-top: 0; }
.about-hero:has(.contact-eyebrow) .about-hero-visual { display: flex; align-items: center; justify-content: flex-start; width: 100%; margin-left: 5px; }
.about-hero:has(.contact-eyebrow) .about-hero-visual img { width: 88%; max-width: 650px; height: auto; margin: 0; object-fit: contain; }
.about-hero:has(.contact-eyebrow) .about-hero-text h1 { margin-bottom: 22px; }
.about-hero:has(.contact-eyebrow) .about-hero-text .about-hero-desc { max-width: 540px; }
.about-hero:has(.contact-eyebrow) + .contact-section { margin-top: 0; }

/* =========================================================
   TABLET
   ========================================================= */
@media (max-width: 1100px) {
  .navbar-inner { gap: 14px; }
  .main-nav > ul { gap: 10px; }
  .main-nav a { font-size: 13px; }

  .hero-inner,
  .about-hero-grid,
  .pl-hero-grid,
  .export-hero-grid { gap: 26px; }

  .detail-top-grid { grid-template-columns: 1fr 1fr; }
  .product-specs { grid-column: span 2; }

  .detail-bottom-grid { grid-template-columns: repeat(2, 1fr); }

  .cert-hero-grid { grid-template-columns: 1fr 1fr; }
  .cert-icon-list { grid-column: span 2; flex-direction: row; flex-wrap: wrap; justify-content: center; min-width: 0; }

  .cert-grid { grid-template-columns: repeat(3, 1fr); }

  .products-grid { grid-template-columns: repeat(2, 1fr); }

  .packaging-options-inner { grid-template-columns: 1fr; }
  .export-info-grid { grid-template-columns: 1fr; }
  .process-faq-grid { grid-template-columns: 1fr; }
}

/* =========================================================
   MOBILE — MAIN FIX
   ========================================================= */
@media (max-width: 900px) {
  html { zoom: 1; }

  .topbar-inner,
  .navbar-inner,
  .hero,
  .about-hero,
  .products-hero,
  .page-hero,
  .products-section,
  .bottom-features,
  .story-section,
  .values-section,
  .mission-vision,
  .product-detail,
  .category-filters,
  .products-grid-section,
  .quote-form-section,
  .help-map-section,
  .partnership-banner,
  .process-section,
  .packaging-section,
  .pl-cta-section,
  .testing-section,
  .commitment-banner,
  .cert-grid-section,
  .commitment-section,
  .export-faq-section,
  .packaging-options-section,
  .export-info-section,
  .process-faq-section,
  .contact-section {
    padding-left: 18px;
    padding-right: 18px;
  }

  .main-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    background: var(--white);
    box-shadow: var(--shadow);
    padding: 12px 18px 20px;
    max-height: calc(100vh - 70px);
    overflow-y: auto;
  }
  .main-nav.open { display: block; }
  .main-nav > ul { flex-direction: column; gap: 4px; align-items: stretch; }
  .main-nav li { width: 100%; }
  .main-nav a { display: block; padding: 10px 4px; }
  .main-nav a.active::after,
  .main-nav a:hover::after { display: none; }

  .has-dropdown { display: block; height: auto; }
  .caret-toggle { position: absolute; right: 0; top: 2px; height: 38px; padding: 6px 10px; }
  .dropdown {
    position: static;
    min-width: 0;
    width: 100%;
    box-shadow: none;
    border-radius: 0;
    margin: 0;
    padding: 0 0 4px 12px;
    background: var(--cream);
  }
  .dropdown li a { padding: 9px 12px; }
  .has-dropdown:hover .dropdown { display: none; }
  .has-dropdown.open .dropdown { display: block; }

  .hamburger { display: flex; margin-left: auto; }
  .btn-quote { display: none; }
  .topbar-center { display: none; }

  .hero-inner,
  .about-hero-grid,
  .products-hero-grid,
  .pl-hero-grid,
  .export-hero-grid,
  .testing-grid,
  .contact-grid,
  .help-map-grid,
  .quote-form-grid {
    grid-template-columns: 1fr;
  }

  .hero { padding-top: 42px; padding-bottom: 65px; }
  .hero-text h1 { font-size: clamp(32px, 7vw, 42px); }
  .hero-actions { flex-wrap: wrap; }
  .hero-actions .btn { flex: 1 1 180px; }

  .hero-visual { margin-top: 12px; flex-wrap: wrap; }
  .pouch { width: 135px; min-height: 270px; }

  .feature-strip {
    margin: -34px 18px 0;
  }
  .feature-strip-inner { padding: 16px; gap: 14px; }
  .feature-item { flex: 1 1 calc(50% - 14px); }

  .products-layout { grid-template-columns: 1fr; }
  .products-carousel { padding-bottom: 8px; }

  .story-inner { grid-template-columns: 1fr 1fr; }
  .quote-card { grid-column: span 2; }

  .values-grid { grid-template-columns: repeat(3, 1fr); }

  .mission-vision { grid-template-columns: 1fr; }
  .mv-divider { display: none; }

  .footer-full-inner { grid-template-columns: 1fr 1fr; }

  .products-grid { grid-template-columns: repeat(2, 1fr); }
  .category-filters-inner { flex-direction: column; align-items: stretch; }
  .filter-tabs { width: 100%; }
  .btn-catalogue { width: 100%; }

  .detail-top-grid { grid-template-columns: 1fr; }
  .product-specs { grid-column: auto; }
  .detail-bottom-grid { grid-template-columns: repeat(2, 1fr); }

  .gallery-main { width: 100%; height: 300px; }
  .gallery-main-img { height: 300px; }
  .gallery-thumbs-row { margin-left: 0; margin-top: 0; }

  .pl-mini-features { grid-template-columns: repeat(2, 1fr); }

  .process-steps { flex-wrap: wrap; justify-content: center; }
  .process-arrow { display: none; }
  .process-step { flex: 1 1 30%; }

  .packaging-inner { grid-template-columns: 1fr; }
  .packaging-row { flex-wrap: wrap; }
  .packaging-right { gap: 22px; }

  .pl-cta-split { grid-template-columns: 1fr; height: auto; }
  .pl-cta-left--cert,
  .pl-cta-right--cert { height: auto; min-height: 0; }
  .pl-cta-left--cert { padding: 28px 30px; }
  .pl-cta-left--cert .doc-cta-left {
    display: flex;
    flex-direction: column;
    height: auto;
    gap: 18px;
  }
  .pl-cta-left--cert .doc-cta-main { width: 100%; }
  .pl-cta-left--cert .doc-cta-icons { width: 100%; justify-content: center; flex-wrap: wrap; }
  .pl-cta-left--cert .doc-cta-btn { position: static; transform: none; align-self: center; margin-top: 4px !important; }
  .pl-cta-right--cert { padding: 28px 30px; }
  .pl-cta-right--cert .btn-dark { margin-top: 28px; }

  .testing-right { grid-template-columns: repeat(3, 1fr); }
  .commitment-banner { flex-direction: column; text-align: center; }
  .commitment-left { flex-direction: column; text-align: center; }

  .cert-hero-grid { grid-template-columns: 1fr; }
  .cert-icon-list { grid-column: auto; flex-direction: row; flex-wrap: wrap; min-width: 0; justify-content: flex-start; }
  .cert-hero-img { transform: none; min-height: 220px; }

  .cert-grid { grid-template-columns: repeat(3, 1fr); }

  .export-hero-graphic { margin-top: 10px; min-height: 260px; }
  .export-mini-features { flex-wrap: wrap; }
  .export-mini-features .mini-feature { flex: 1 1 calc(50% - 8px); }
  .export-doc-body { flex-direction: column; }
  .export-doc-body .export-doc-img { min-height: 180px; margin-left: 0; }
  .export-body { flex-direction: column; }
  .export-img { margin-left: 0; min-height: 180px; }
  .shipping-item { margin-top: 4%; }

  .contact-map-wrap { min-height: 320px; }
  .partnership-banner { flex-direction: column; text-align: center; }

  .quote-trust-card { align-items: flex-start; }

  .bf-item { border-right: none; border-bottom: 1px solid var(--border-soft); }
  .bf-item:last-child { border-bottom: none; }

  .footer-bottom-inner { justify-content: center; text-align: center; }
}

/* =========================================================
   SMALL MOBILE — 640PX
   ========================================================= */
@media (max-width: 640px) {
  html { zoom: 1; }

  body {
    width: 100%;
    min-width: 0;
    overflow-x: hidden;
  }

  .topbar {
    font-size: 11px;
  }
  .topbar-inner {
    padding: 7px 12px;
    justify-content: center;
    gap: 8px;
  }
  .topbar-left {
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px 14px;
  }
  .topbar-left a:nth-child(2) { display: none; }
  .topbar-right {
    width: 100%;
    justify-content: center;
    gap: 7px;
  }
  .topbar-right a { width: 24px; height: 24px; }
  .follow-label { font-size: 10.5px; }

  .navbar-inner {
    padding: 8px 14px;
    gap: 10px;
  }
  .logo-pic {
    height: 62px;
    max-width: 145px;
  }
  .hamburger span { width: 24px; height: 3px; }

  .main-nav {
    padding: 8px 14px 16px;
    max-height: calc(100vh - 70px);
  }

  .hero,
  .about-hero,
  .products-hero,
  .page-hero,
  .pl-hero {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero {
    padding-top: 34px;
    padding-bottom: 52px;
  }
  .hero-inner { gap: 28px; }
  .eyebrow { font-size: 10.5px; letter-spacing: 1.5px; margin-bottom: 10px; }
  .hero-text h1 { font-size: 30px; line-height: 1.12; margin-bottom: 14px; }
  .hero-desc { font-size: 14px; }
  .hero-desc-sub { font-size: 12.5px; margin-bottom: 20px; }
  .hero-actions { flex-direction: column; align-items: stretch; gap: 9px; }
  .hero-actions .btn { width: 100%; flex: none; }
  .hero-visual { gap: 10px; justify-content: center; }
  .pouch { width: calc(50% - 8px); max-width: 145px; min-height: 225px; padding: 13px 10px; }
  .pouch-black { margin-bottom: 14px; }
  .pouch-small { width: 92px; min-height: 125px; }
  .pouch-logo { font-size: 12px; }
  .pouch-title { font-size: 10px; }
  .pouch-icons span { width: 28px; height: 28px; padding: 4px; }
  .pouch-net { font-size: 8px; }

  .feature-strip {
    margin: -28px 10px 0;
  }
  .feature-strip-inner {
    padding: 10px 8px;
    gap: 8px 5px;
  }
  .feature-item {
    flex: 0 0 calc(50% - 3px);
    gap: 6px;
    min-width: 0;
  }
  .feature-icon {
    width: 27px;
    height: 27px;
    font-size: 11px;
    border-width: 1.5px;
  }
  .feature-item strong { font-size: 9.2px; line-height: 1.15; }
  .feature-item small { font-size: 7.8px; line-height: 1.15; }

  .products-section { padding-top: 48px; padding-bottom: 58px; }
  .section-title { font-size: 23px; margin-bottom: 26px; }
  .products-carousel { gap: 12px; }
  .product-card { flex-basis: 190px; width: 190px; padding: 12px; }
  .product-img { height: 140px; }

  .about-hero { padding-top: 38px; padding-bottom: 45px; }
  .about-hero-grid { gap: 24px; }
  .about-hero-text h1,
  .products-hero-text h1,
  .pl-hero-text h1 {
    font-size: 30px;
    line-height: 1.12;
  }
  .about-hero-desc,
  .products-hero-desc,
  .pl-hero-desc {
    font-size: 12.8px;
  }
  .mini-feature-row {
    gap: 14px;
    margin-top: 28px;
  }
  .mini-feature { gap: 7px; }
  .mini-feature-icon { width: 32px; height: 32px; font-size: 13px; }
  .mini-feature strong { font-size: 11px; }
  .mini-feature small { font-size: 9.5px; }

  .hero-line,
  .hero-line-extend,
  .hero-line-export {
    max-width: 75%;
    width: 220px;
    margin-left: 0;
  }
  .hero-line-extend { margin-top: 14px; margin-bottom: 14px; }
  .hero-line-export { margin-top: 26px; margin-bottom: 26px; }

  .story-section { padding-top: 45px; padding-bottom: 55px; }
  .story-inner {
    grid-template-columns: 1fr;
    padding: 14px;
    gap: 16px;
    border-radius: 16px;
  }
  .story-img { min-height: 230px; }
  .story-text h2 { font-size: 23px; }
  .story-text p { font-size: 12.8px; }
  .quote-card { grid-column: auto; padding: 24px 18px; }

  .values-section { padding-bottom: 50px; }
  .values-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .value-card { padding: 18px 10px; }
  .value-icon { width: 40px; height: 40px; font-size: 17px; }
  .value-card strong { font-size: 11px; }
  .value-card p { font-size: 10.5px; }

  .mission-vision {
    margin-bottom: 50px;
    padding: 26px 18px;
    gap: 24px;
  }
  .mv-item { flex-direction: column; align-items: center; text-align: center; gap: 10px; }
  .mv-icon { width: 50px; height: 50px; font-size: 20px; }
  .mv-item p { font-size: 12px; }

  .stats-strip {
    margin-bottom: 50px;
    padding: 24px 18px;
    gap: 18px;
  }
  .stat-item {
    width: 100%;
    padding: 0;
  }
  .stat-item:not(:last-child)::after { display: none; }
  .stat-item strong { font-size: 18px; }

  .footer-full-inner {
    grid-template-columns: 1fr;
    padding: 42px 18px 30px;
    gap: 28px;
  }
  .footer-brand p { max-width: 100%; }
  .footer-bottom {
    padding: 15px 14px;
    justify-content: center;
    text-align: center;
  }
  .footer-bottom-inner {
    flex-direction: column;
    align-items: center;
  }
  .footer-bottom-links { justify-content: center; flex-wrap: wrap; gap: 12px; }

  .products-hero {
    padding-top: 38px;
  }
  .products-hero-inner { padding-bottom: 24px; }
  .products-hero-grid { gap: 22px; }
  .products-hero-img { min-height: 160px; }
  .hero-feature-row { margin-top: 22px; padding: 14px; gap: 12px; }
  .hero-feature-item { flex: 1 1 calc(50% - 6px); gap: 7px; }
  .hero-feature-icon { width: 34px; height: 34px; font-size: 14px; }
  .hero-feature-item strong { font-size: 11px; }
  .hero-feature-item small { font-size: 9.5px; }

  .category-filters { padding-top: 24px; padding-bottom: 10px; }
  .category-filters-inner { padding-bottom: 14px; }
  .filter-tabs { gap: 7px; }
  .filter-tab { padding: 8px 12px; font-size: 10.5px; }

  .products-grid-section { padding-top: 24px; }
  .products-grid { grid-template-columns: 1fr; gap: 16px; }
  .product-card-full .product-img { height: 190px; }
  .product-card-body { padding: 16px; }
  .product-card-actions { flex-direction: column; }
  .product-card-actions .btn { width: 100%; }

  .bottom-features { padding-top: 18px; padding-bottom: 58px; }
  .bf-item { flex: 1 1 100%; padding: 16px 14px; }
  .bf-cta { flex-direction: column; align-items: flex-start; padding: 18px; }
  .bf-cta .btn { width: 100%; }

  .product-detail { padding-top: 30px; }
  .product-title { font-size: 32px; }
  .product-subtitle { font-size: 13px; }
  .product-desc { font-size: 12.8px; }
  .product-checklist { grid-template-columns: 1fr; padding: 15px; gap: 9px; }
  .gallery-main { height: 260px; }
  .gallery-main-img { height: 260px; }
  .gallery-thumbs-row { margin-top: 0; }
  .gallery-thumb { width: 56px; height: 56px; }
  .detail-bottom-grid { grid-template-columns: 1fr; gap: 14px; }
  .detail-card { padding: 18px; }

  .pl-hero { padding-top: 38px; padding-bottom: 45px; }
  .pl-hero-grid { gap: 24px; }
  .pl-mini-features { grid-template-columns: 1fr 1fr; gap: 12px; }
  .pl-mini-features .mini-feature { gap: 7px; }
  .pl-hero-visual { margin-top: 4px; }
  .process-section { padding-top: 14px; padding-bottom: 35px; }
  .process-inner { padding: 14px 10px; }
  .process-steps { gap: 8px; }
  .process-step { flex: 1 1 calc(33.333% - 8px); }
  .step-circle { width: 46px; height: 46px; font-size: 16px; }
  .step-num { width: 18px; height: 18px; font-size: 9px; right: -4px; bottom: -4px; }
  .process-step strong { font-size: 10.5px; }
  .process-step p { display: none; }

  .packaging-section { padding-bottom: 25px; }
  .packaging-left,
  .packaging-right { padding: 16px; }
  .packaging-row { gap: 14px; }
  .packaging-item { flex: 0 1 44%; }
  .packaging-item:first-child .packaging-img-wrap,
  .packaging-item:nth-child(2) .packaging-img-wrap {
    width: 100%;
    height: 190px;
  }
  .packaging-note { font-size: 10.5px; }
  .pl-benefit-item { gap: 10px; }
  .pl-benefit-icon { width: 40px; height: 40px; font-size: 21px; }
  .pl-benefit-item strong { font-size: 12.5px; }
  .pl-benefit-item p { font-size: 11.5px; }

  .pl-cta-section { padding-bottom: 32px; }
  .pl-cta-left,
  .pl-cta-right { padding: 22px 18px; }
  .pl-cta-heading { font-size: 19px; }
  .pl-cta-sub { font-size: 11.5px; }
  .pl-inquiry-form { flex-direction: column; align-items: stretch; }
  .pl-inquiry-form input,
  .pl-inquiry-form .btn-dark { width: 100%; flex: none; }

  .badges-strip { padding: 10px 14px; }
  .badges-strip-inner { flex-direction: column; gap: 5px; font-size: 10.5px; text-align: center; }
  .badge-sep { display: none; }

  .testing-section { padding-top: 14px; padding-bottom: 45px; }
  .testing-left { padding: 20px 16px; }
  .testing-right { grid-template-columns: 1fr 1fr; gap: 10px; }
  .testing-item { padding: 18px 10px; }
  .testing-item strong { font-size: 12.5px; margin-bottom: 18px; }
  .testing-item p { font-size: 10.8px; }
  .testing-icon { width: 40px; height: 40px; font-size: 16px; }

  .commitment-banner { margin-bottom: 25px; padding: 20px 16px; }
  .commitment-left h3 { white-space: normal; font-size: 12.5px; }
  .commitment-left p { font-size: 11.5px; }
  .commitment-right { display: none; }

  .cert-hero-grid { gap: 22px; }
  .cert-hero-img { min-height: 170px; }
  .cert-icon-list { gap: 12px; }
  .cert-grid-section { margin-bottom: 25px; }
  .cert-grid-inner { padding: 14px; }
  .cert-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .cert-card { padding: 14px 9px; }
  .cert-logo { height: 42px; font-size: 21px; margin-bottom: 9px; }
  .cert-card strong { font-size: 10.5px; }
  .cert-card p { font-size: 9.8px; }
  .cert-status { font-size: 9px; padding: 7px 5px; }

  .pl-cta-left--cert,
  .pl-cta-right--cert { padding: 22px 18px; }
  .pl-cta-left--cert .doc-cta-left { gap: 14px; }
  .pl-cta-left--cert .doc-cta-main { flex-direction: column; align-items: center; text-align: center; }
  .pl-cta-left--cert .pl-cta-left-text { align-items: center; }
  .pl-cta-left--cert .pl-cta-sub { max-width: 290px; }
  .pl-cta-left--cert .doc-cta-icons { gap: 9px; }
  .pl-cta-left--cert .doc-cta-icon-item { width: 58px; }
  .pl-cta-left--cert .doc-cta-btn { width: 100% !important; max-width: 100% !important; justify-content: center; }
  .pl-cta-right--cert { text-align: center; align-items: center; }
  .pl-cta-right--cert .pl-cta-right-title-cert { font-size: 22px; }
  .pl-cta-right--cert .pl-cta-right-cert-sub { font-size: 12.5px; }
  .pl-cta-right--cert .btn-dark { align-self: center; width: 100% !important; }

  .commitment-section-inner { padding: 20px 16px; }
  .export-card { padding: 20px 16px; }
  .export-body { gap: 14px; }
  .export-img { min-height: 150px; }
  .export-faq-grid { gap: 14px; }
  .faq-card { padding: 18px 14px; }
  .faq-item { padding: 10px 0; }
  .faq-item summary { font-size: 11.5px; }
  .faq-item p { font-size: 10.8px; }

  .export-hero-grid { gap: 16px; }
  .export-hero-text h1 { font-size: 28px; line-height: 1.1; margin-bottom: 8px; }
  .export-hero-text .eyebrow { font-size: 10px; }
  .export-hero-graphic { min-height: 190px; }
  .export-hero-map { transform: scale(1.02); margin-top: 0; }
  .export-mini-features { margin-top: 14px !important; gap: 8px; }
  .export-mini-features .mini-feature { flex: 1 1 calc(50% - 8px); }
  .export-mini-features strong,
  .export-mini-features small { white-space: normal; }
  .export-mini-features strong { font-size: 10px; }
  .export-mini-features small { font-size: 8.8px; }

  .packaging-options-section,
  .export-info-section,
  .commitment-section,
  .process-faq-section,
  .pl-cta-section { margin-bottom: 20px; }
  .packaging-options-inner { padding: 14px; gap: 12px; }
  .packaging-pouches { justify-content: center; flex-wrap: wrap; gap: 6px; }
  .pouch-sm,
  .pouch-bag { width: 58px; min-height: 116px; }
  .pouch-sm .pouch-logo { font-size: 8px; }
  .pouch-sm .pouch-title { font-size: 8px; }
  .pouch-bag strong { font-size: 9px; }
  .pouch-bag span { font-size: 7.8px; }
  .packaging-cta-card { padding: 16px; }
  .packaging-cta-card h3 { margin-bottom: 6px; font-size: 13px; }
  .packaging-cta-card p { font-size: 11.2px; line-height: 1.35; }
  .packaging-checklist li { font-size: 11.2px; padding: 3px 0; }

  .export-info-card { padding: 16px; }
  .export-info-card h3 { margin-bottom: 5px; font-size: 13px; }
  .export-info-card > p { margin-bottom: 8px; font-size: 11.2px; }
  .export-doc-body { gap: 10px; }
  .export-doc-checklist li { font-size: 10.8px; padding: 2px 0; }
  .export-doc-img { min-height: 110px; }
  .shipping-item { padding: 8px 0; gap: 10px; margin-top: 3%; }
  .shipping-icon { width: 36px; height: 36px; font-size: 15px; }
  .shipping-item strong { font-size: 11.5px; }
  .shipping-item p { font-size: 10.8px; line-height: 1.35; }
  .container-images { flex-direction: column; }
  .container-img { min-height: 100px; }
  .export-info-card .caption { font-size: 10.8px; line-height: 1.35; }

  .process-faq-grid { gap: 14px; }
  .process-inner { padding: 14px 8px; }
  .export-form-row { gap: 8px; }
  .export-form-row input { font-size: 11.5px; padding: 9px 11px; }
  .export-form-row .btn-dark { padding: 10px 12px; }

  .contact-grid,
  .help-map-grid { gap: 16px; }
  .contact-info-card { padding: 16px; gap: 11px; }
  .contact-icon-circle { width: 40px; height: 40px; font-size: 16px; }
  .contact-info-card h4 { font-size: 10.5px; margin-bottom: 5px; }
  .contact-info-card .name-line { font-size: 12.5px; }
  .contact-info-card .sub-line { font-size: 10.8px; }
  .contact-form-card { padding: 20px 16px; }
  .contact-form-title { font-size: 18px; }
  .contact-form-row { flex-direction: column; gap: 9px; margin-bottom: 9px; }
  .contact-form-row input,
  .contact-form-row select,
  .quote-other-input,
  textarea.contact-message { width: 100%; padding: 9px 11px; font-size: 11.5px; border-radius: 5px; }
  textarea.contact-message { min-height: 82px; margin-bottom: 16px; }
  .contact-mini-features { gap: 10px; margin-bottom: 18px; justify-content: center; }
  .contact-mini-item { flex: 0 1 28%; gap: 5px; }
  .contact-mini-icon { width: 38px; height: 38px; font-size: 15px; }
  .contact-mini-item strong { font-size: 10.5px; }
  .contact-mini-item small { font-size: 9px; }
  .help-card { padding: 18px 14px; }
  .help-items { margin-top: 30px; gap: 14px 8px; }
  .help-item { flex: 1 1 42%; }
  .help-icon { font-size: 22px; }
  .help-item strong { font-size: 10.5px; }
  .contact-map-wrap { min-height: 360px; }
  .contact-map-card { top: auto; right: 12px; left: 12px; bottom: 12px; width: auto; padding: 16px; }
  .contact-map-card .loc-name { font-size: 14px; }
  .partnership-banner { padding: 24px 18px; gap: 14px; }
  .partnership-text h3 { font-size: 20px; }
  .partnership-text p { font-size: 11.5px; }

  .quote-form-card,
  .quote-products-card { padding: 20px 16px; }
  .quote-form-grid { gap: 16px; }
  .quote-product-item { font-size: 11.5px; gap: 8px; }
  .quote-trust-card { flex-direction: column; align-items: center; text-align: center; padding: 16px; }
  .quote-cta-banner { flex-direction: column; text-align: center; }
  .quote-seal { width: 66px; height: 66px; }

  .whatsapp-float { bottom: 14px; left: 14px; }
  .whatsapp-icon { width: 48px; height: 48px; }

  .page-hero { min-height: 42vh; padding-top: 70px; padding-bottom: 70px; }
  .page-hero h1 { font-size: 30px; }
  .page-hero-sub { font-size: 12.5px; }
}

/* =========================================================
   VERY SMALL PHONES — 380PX
   ========================================================= */
@media (max-width: 380px) {
  .navbar-inner { padding-left: 10px; padding-right: 10px; }
  .logo-pic { height: 56px; max-width: 130px; }
  .hero-text h1,
  .about-hero-text h1,
  .products-hero-text h1,
  .pl-hero-text h1 { font-size: 27px; }

  .feature-strip { margin-left: 6px; margin-right: 6px; }
  .feature-item strong { font-size: 8.7px; }
  .feature-item small { font-size: 7.4px; }

  .values-grid,
  .cert-grid { gap: 7px; }

  .value-card { padding-left: 7px; padding-right: 7px; }
  .cert-card { padding-left: 6px; padding-right: 6px; }

  .pouch { min-height: 205px; }
  .product-card { flex-basis: 175px; width: 175px; }

  .pl-mini-features { gap: 8px; }
  .pl-mini-features .mini-feature-icon { width: 29px; height: 29px; }
  .pl-mini-features strong { font-size: 9.5px; }
  .pl-mini-features small { font-size: 8.5px; }

  .process-step strong { font-size: 9.5px; }

  .contact-mini-item { flex-basis: 30%; }
  .contact-mini-item strong { font-size: 9.5px; }
}

/* =========================================================
   MOBILE SAFETY OVERRIDES
   Prevent fixed desktop transforms/margins from causing overflow.
   ========================================================= */
@media (max-width: 900px) {
  .cert-hero-img,
  .export-img,
  .gallery-main,
  .gallery-thumbs-row,
  .contact-map-card,
  .about-hero:has(.contact-eyebrow) .about-hero-visual {
    max-width: 100%;
  }

  .cert-hero-img { transform: none; }
  .export-img { margin-left: 0; }
  .gallery-thumbs-row { margin-left: 0; }

  .about-hero:has(.contact-eyebrow) {
    padding-top: 42px;
    padding-bottom: 42px;
  }

  .about-hero:has(.contact-eyebrow) .about-hero-grid {
    min-height: 0;
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .about-hero:has(.contact-eyebrow) .about-hero-visual {
    margin-left: 0;
    justify-content: center;
  }

  .about-hero:has(.contact-eyebrow) .about-hero-visual img {
    width: min(100%, 620px);
  }

  .pl-cta-right-title-cert { margin-top: 0; }

  .footer-links-cols {
    column-count: 1;
  }
}


/* =========================================================
   MOBILE FINAL FIXES
   Private Label + Export Documentation
   ========================================================= */

@media (max-width: 640px) {

  /* ---------- PRIVATE LABEL: hero feature points ---------- */
  .pl-mini-features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    gap: 12px 10px;
    margin-top: 18px;
  }

  .pl-mini-features .mini-feature {
    min-width: 0;
    width: 100%;
    gap: 7px;
  }

  .pl-mini-features .mini-feature-icon {
    width: 32px;
    height: 32px;
    font-size: 13px;
    flex: 0 0 32px;
  }

  .pl-mini-features .mini-feature strong,
  .pl-mini-features .mini-feature small {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .pl-mini-features .mini-feature strong {
    font-size: 10.5px;
    line-height: 1.2;
  }

  .pl-mini-features .mini-feature small {
    font-size: 9.5px;
    line-height: 1.2;
  }


  /* ---------- PRIVATE LABEL: packaging sizes ---------- */
  .packaging-row {
    align-items: flex-end;
    gap: 12px;
  }

  .packaging-item {
    flex: 0 1 42%;
    min-width: 0;
  }

  .packaging-item:first-child .packaging-img-wrap {
    width: 105px;
    height: 155px;
  }

  .packaging-item:nth-child(2) .packaging-img-wrap {
    width: 135px;
    height: 195px;
  }

  .packaging-item:first-child .packaging-img,
  .packaging-item:nth-child(2) .packaging-img {
    width: auto;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
  }

  .packaging-size {
    font-size: 11.5px;
  }

  .packaging-note {
    font-size: 10.5px;
    line-height: 1.4;
  }


  /* ---------- EXPORT: documentation image/book ---------- */
  .export-doc-img {
    min-height: 0;
    height: 150px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .export-doc-img img {
    width: 72%;
    max-width: 72%;
    height: auto;
    max-height: 135px;
    object-fit: contain;
    object-position: center;
    transform: none;
  }

  .export-doc-body .export-doc-img {
    min-height: 0;
    height: 150px;
  }
}

/* Extra-small phones */
@media (max-width: 400px) {

  .pl-mini-features {
    gap: 10px 6px;
  }

  .pl-mini-features .mini-feature-icon {
    width: 29px;
    height: 29px;
    flex-basis: 29px;
    font-size: 12px;
  }

  .pl-mini-features .mini-feature strong {
    font-size: 9.8px;
  }

  .pl-mini-features .mini-feature small {
    font-size: 8.8px;
  }

  .packaging-item:first-child .packaging-img-wrap {
    width: 92px;
    height: 140px;
  }

  .packaging-item:nth-child(2) .packaging-img-wrap {
    width: 120px;
    height: 178px;
  }

  .export-doc-img,
  .export-doc-body .export-doc-img {
    height: 135px;
  }

  .export-doc-img img {
    width: 68%;
    max-width: 68%;
    max-height: 120px;
  }
}