/* ===================================================
   MALI ORGANICS - OVERRIDES & ENHANCEMENTS
   Mustard Gold + Organic Green theme
   =================================================== */

html, body { max-width:100%; overflow-x:hidden; }
*, *::before, *::after { box-sizing:border-box; }

/* ---------- MUSTARD / GOLD PALETTE VARS ---------- */
:root {
  --gold:        #F5A623;
  --gold-dark:   #D4860A;
  --gold-light:  #FFD369;
  --gold-bg:     #FFF8E1;
  --gold-pale:   #FFFDE7;
  --amber:       #FF8F00;
  --mustard:     #C8860A;
  --green-dark:  #1B5E20;
  --green-mid:   #2E7D32;
  --green-light: #4CAF50;
  --green-pale:  #E8F5E9;
  --shadow-gold: 0 4px 24px rgba(245,166,35,.25);
  --shadow-green:0 4px 24px rgba(27,94,32,.18);
  --radius:      14px;
  --transition:  0.32s cubic-bezier(.4,0,.2,1);
}

/* ANNOUNCEMENT BAR - gold shimmer */
.ann-bar {
  background: linear-gradient(90deg,#1B5E20,#2E7D32 35%,#C8860A 65%,#F5A623) !important;
  background-size: 200% 100% !important;
  animation: annGradShift 8s ease infinite !important;
}
@keyframes annGradShift {
  0%,100%{background-position:0% 50%} 50%{background-position:100% 50%}
}

/* LOGO hover */
.logo img,.ft-logo-link img {
  transition: transform var(--transition), filter var(--transition);
}
.logo img:hover { transform:scale(1.06); filter:drop-shadow(0 2px 8px var(--gold)); }

/* NAV underline gold */
.nav-ul > li > a { position:relative; transition:color var(--transition); }
.nav-ul > li > a::after {
  content:''; position:absolute; bottom:-3px; left:50%; right:50%;
  height:2px; background:var(--gold); border-radius:2px;
  transition: left var(--transition), right var(--transition);
}
.nav-ul > li > a:hover::after { left:0; right:0; }
.nav-ul > li > a:hover { color:var(--gold-dark) !important; }

/* HERO buttons gold */
.classic-hero .btn,.classic-hero [class*="btn-"] {
  background:linear-gradient(135deg,var(--gold),var(--amber)) !important;
  color:#fff !important; border:none !important;
  box-shadow:var(--shadow-gold) !important;
  transition: transform var(--transition), box-shadow var(--transition) !important;
}
.classic-hero .btn:hover,.classic-hero [class*="btn-"]:hover {
  transform:translateY(-2px) scale(1.03) !important;
  box-shadow:0 8px 32px rgba(245,166,35,.45) !important;
}

/* SECTION CHIPS */
.sh-chip {
  background:linear-gradient(135deg,var(--gold-bg),#FFE082) !important;
  color:var(--mustard) !important;
  border:1px solid rgba(245,166,35,.3) !important;
  box-shadow:0 2px 8px rgba(245,166,35,.15) !important;
  font-weight:700 !important; letter-spacing:2px !important;
  transition:transform var(--transition) !important;
}
.sh h2 {
  background:linear-gradient(135deg,var(--green-dark),var(--gold-dark));
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.sh-line {
  background:linear-gradient(90deg,var(--green-light),var(--gold),var(--green-light)) !important;
  height:3px !important; border-radius:3px !important;
  animation:shimmer 3s ease infinite !important; background-size:200% 100% !important;
}
@keyframes shimmer { 0%,100%{background-position:0%} 50%{background-position:100%} }

/* PRODUCT CARDS */
.pcard,[class*="pcard"] {
  border-radius:var(--radius) !important;
  transition:transform var(--transition),box-shadow var(--transition) !important;
  border:1.5px solid transparent !important;
}
.pcard:hover {
  transform:translateY(-6px) scale(1.015) !important;
  box-shadow:0 12px 40px rgba(245,166,35,.2),0 2px 12px rgba(27,94,32,.1) !important;
  border-color:rgba(245,166,35,.35) !important;
}
.pcard-now,.pnow,[data-card-price] { color:var(--mustard) !important; font-weight:700 !important; }
.pcard-cart {
  background:linear-gradient(135deg,var(--gold),var(--amber)) !important;
  color:#fff !important; border:none !important;
  transition:transform var(--transition),box-shadow var(--transition) !important;
}
.pcard-cart:hover { transform:scale(1.08) !important; box-shadow:0 4px 16px rgba(245,166,35,.5) !important; }
.pcard-buy {
  background:linear-gradient(135deg,var(--green-mid),var(--green-light)) !important;
  color:#fff !important; border:none !important;
  transition:transform var(--transition),box-shadow var(--transition) !important;
}
.pcard-buy:hover { transform:translateY(-2px) !important; box-shadow:var(--shadow-green) !important; }

/* BUTTONS */
.btn-primary,[class="btn btn--primary"] {
  background:linear-gradient(135deg,var(--gold),var(--amber)) !important;
  color:#fff !important; border:none !important; border-radius:50px !important;
  font-weight:700 !important; letter-spacing:.5px !important;
  box-shadow:var(--shadow-gold) !important;
  transition:transform var(--transition),box-shadow var(--transition),filter var(--transition) !important;
}
.btn-primary:hover {
  transform:translateY(-3px) scale(1.03) !important;
  box-shadow:0 10px 36px rgba(245,166,35,.45) !important;
  filter:brightness(1.07) !important;
}
.btn-secondary {
  background:transparent !important; border:2px solid var(--gold) !important;
  color:var(--gold-dark) !important; border-radius:50px !important;
  transition:background var(--transition),color var(--transition),transform var(--transition) !important;
}
.btn-secondary:hover {
  background:var(--gold) !important; color:#fff !important; transform:translateY(-2px) !important;
}

/* COLLECTION CARDS */
.cc {
  border-radius:var(--radius) !important;
  transition:transform var(--transition),box-shadow var(--transition) !important;
  border-top:3px solid transparent !important;
}
.cc:hover {
  transform:translateY(-5px) !important;
  box-shadow:0 16px 40px rgba(245,166,35,.18),0 4px 12px rgba(0,0,0,.08) !important;
  border-top-color:var(--gold) !important;
}
.cc-name { color:var(--green-dark) !important; font-weight:700 !important; }
.cc-count { color:var(--gold-dark) !important; font-weight:600 !important; }

/* REVIEWS */
.rvc {
  border-radius:var(--radius) !important; border-left:4px solid var(--gold) !important;
  transition:transform var(--transition),box-shadow var(--transition) !important;
}
.rvc:hover { transform:translateY(-4px) !important; box-shadow:0 12px 32px rgba(245,166,35,.15) !important; }
.rv-stars .fa-star { color:var(--gold) !important; }

/* BADGES */
.p-badge,.ft-badge {
  background:linear-gradient(135deg,var(--gold-bg),#FFE082) !important;
  color:var(--mustard) !important; border:1px solid rgba(245,166,35,.35) !important;
  border-radius:20px !important; font-weight:600 !important;
  transition:transform var(--transition),box-shadow var(--transition) !important;
}
.p-badge:hover,.ft-badge:hover {
  transform:scale(1.06) !important; box-shadow:0 2px 10px rgba(245,166,35,.3) !important;
}

/* CONTACT / STORE */
.contact-item {
  border-radius:var(--radius) !important; border-left:4px solid var(--gold) !important;
  transition:transform var(--transition),box-shadow var(--transition) !important;
}
.contact-item:hover { transform:translateX(4px) !important; box-shadow:0 4px 20px rgba(245,166,35,.18) !important; }
.contact-icon { color:var(--gold) !important; }
.store-card {
  border-radius:var(--radius) !important; border-top:4px solid var(--gold) !important;
  transition:transform var(--transition),box-shadow var(--transition) !important;
}
.store-card:hover { transform:translateY(-5px) !important; box-shadow:0 16px 40px rgba(245,166,35,.2) !important; }
.store-map-btn {
  background:linear-gradient(135deg,var(--gold),var(--amber)) !important;
  border-radius:50px !important;
  transition:transform var(--transition),box-shadow var(--transition) !important;
}
.store-map-btn:hover { transform:scale(1.04) !important; box-shadow:var(--shadow-gold) !important; }

/* FOOTER gold accents */
.ft-col h4 {
  color:var(--gold-light) !important;
  border-bottom:1px solid rgba(245,166,35,.25) !important; padding-bottom:8px !important;
}
.ft-col a:hover,.ct-line a:hover { color:var(--gold) !important; }
.ft-bottom { border-top:1px solid rgba(245,166,35,.2) !important; }

/* WHATSAPP BUTTON */
.wa-chat-btn {
  background:linear-gradient(135deg,#25D366,#128C7E) !important;
  box-shadow:0 4px 20px rgba(37,211,102,.35),0 0 0 3px rgba(245,166,35,.25) !important;
  transition:transform var(--transition),box-shadow var(--transition) !important;
}
.wa-chat-btn:hover {
  transform:scale(1.12) rotate(8deg) !important;
  box-shadow:0 8px 32px rgba(37,211,102,.5),0 0 0 5px rgba(245,166,35,.4) !important;
}

/* PRODUCT DETAIL */
.p-category { color:var(--gold-dark) !important; font-weight:700 !important; letter-spacing:1px !important; }
.price-now,[data-product-price] { color:var(--mustard) !important; font-size:2rem !important; font-weight:800 !important; }
.price-old,[data-product-compare-price] { color:#aaa !important; }
.price-save,[data-product-save] { color:var(--green-light) !important; font-weight:700 !important; }

.af-option-btn {
  border:2px solid rgba(245,166,35,.4) !important; border-radius:8px !important;
  transition:all var(--transition) !important;
}
.af-option-btn:hover { border-color:var(--gold) !important; background:var(--gold-bg) !important; }
.af-option-btn.is-active {
  background:linear-gradient(135deg,var(--gold),var(--amber)) !important;
  color:#fff !important; border-color:var(--amber) !important;
  box-shadow:0 3px 12px rgba(245,166,35,.4) !important;
}

/* SCROLL ANIMATIONS */
.fade-in {
  opacity:0; transform:translateY(28px);
  transition:opacity 0.6s cubic-bezier(.4,0,.2,1),transform 0.6s cubic-bezier(.4,0,.2,1);
}
.fade-in.visible { opacity:1; transform:translateY(0); }
.pgrid .pcard:nth-child(1),.rvg .rvc:nth-child(1){transition-delay:0s}
.pgrid .pcard:nth-child(2),.rvg .rvc:nth-child(2){transition-delay:.07s}
.pgrid .pcard:nth-child(3),.rvg .rvc:nth-child(3){transition-delay:.14s}
.pgrid .pcard:nth-child(4),.rvg .rvc:nth-child(4){transition-delay:.21s}
.pgrid .pcard:nth-child(5),.rvg .rvc:nth-child(5){transition-delay:.28s}
.pgrid .pcard:nth-child(6),.rvg .rvc:nth-child(6){transition-delay:.35s}

/* LOADER rings gold */
#loader { background:linear-gradient(135deg,#071a07 60%,#1a0f00) !important; }
.ld-ring:nth-child(1){border-top-color:var(--gold) !important}
.ld-ring:nth-child(2){border-right-color:rgba(245,166,35,.6) !important}
.ld-ring:nth-child(3){border-bottom-color:var(--green-light) !important}
.ld-ring:nth-child(4){border-left-color:rgba(245,166,35,.7) !important}

/* MOBILE NAV */
.mob-nav a.active,.mob-nav a:hover{color:var(--gold) !important}
.mob-side-contact a:nth-child(1){background:linear-gradient(135deg,var(--gold),var(--amber)) !important;color:#fff !important;}

/* SEARCH */
.search-form input:focus{border-color:var(--gold) !important;box-shadow:0 0 0 3px rgba(245,166,35,.2) !important;}

/* BREADCRUMB */
.p-breadcrumb a:hover{color:var(--gold-dark) !important;}

/* GOLD PULSE on primary CTAs */
@keyframes goldPulse {
  0%,100%{box-shadow:0 0 0 0 rgba(245,166,35,.5)}
  50%{box-shadow:0 0 0 10px rgba(245,166,35,0)}
}
.btn-primary,.pcard-cart,.store-map-btn {
  animation:goldPulse 3s ease infinite !important;
}
.btn-primary:hover,.pcard-cart:hover,.store-map-btn:hover { animation:none !important; }

/* MOBILE RESPONSIVE */
@media (max-width:768px) {
  .classic-hero,.classic-hero .classic-hero-inner,
  .classic-hero .classic-hero-copy,.classic-hero .classic-copy,
  .classic-hero .classic-hero-showcase,
  .hero-section,.hero-content,main,section {
    max-width:100% !important; min-width:0 !important;
  }
  .classic-hero .classic-hero-inner { grid-template-columns:1fr !important; overflow:hidden !important; }
  .classic-hero .classic-hero-copy,.classic-hero .classic-copy {
    width:100% !important; max-width:calc(100vw - 36px) !important;
  }
  .classic-hero .classic-hero-copy p,.classic-hero .classic-copy p,.classic-hero .classic-lead {
    width:100% !important; max-width:calc(100vw - 36px) !important;
    white-space:normal !important; overflow-wrap:break-word !important;
  }
  .classic-hero .classic-hero-showcase { width:100% !important; margin-left:0 !important; margin-right:0 !important; }
}
@media (max-width:480px) {
  .classic-hero .classic-hero-copy,.classic-hero .classic-copy,
  .classic-hero .classic-hero-copy p,.classic-hero .classic-copy p,.classic-hero .classic-lead {
    max-width:340px !important;
  }
}

/* ===================================================
   HERO TEXT READABILITY FIX
   =================================================== */

/* Force full-dark hero background - no light split */
.classic-hero.hero {
  background:
    radial-gradient(circle at 80% 20%, rgba(245,166,35,.12) 0, transparent 35%),
    radial-gradient(circle at 10% 80%, rgba(200,134,10,.10) 0, transparent 30%),
    linear-gradient(135deg, #071a07 0%, #0d2e10 55%, #122d14 100%) !important;
}

/* Dark overlay so text is always on dark */
.classic-hero::after {
  background:
    linear-gradient(100deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.25) 55%, transparent 80%) !important;
  z-index: 1 !important;
}
.classic-hero-inner { z-index: 2 !important; position: relative; }

/* Title - white with strong shadow */
.classic-title {
  color: #FFFFFF !important;
  text-shadow:
    0 2px 16px rgba(0,0,0,.7),
    0 1px 4px rgba(0,0,0,.9) !important;
}

/* Lead paragraph */
.classic-lead {
  color: rgba(255,255,255,.92) !important;
  text-shadow: 0 1px 8px rgba(0,0,0,.65) !important;
}

/* Kicker badge */
.classic-kicker {
  background: rgba(245,166,35,.2) !important;
  border-color: rgba(245,166,35,.45) !important;
  color: var(--gold-light) !important;
  text-shadow: 0 1px 4px rgba(0,0,0,.5) !important;
}

/* Trust row badges */
.classic-trust-row span {
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.25) !important;
  color: rgba(255,255,255,.92) !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.5) !important;
}

/* Primary hero button - gold */
.classic-btn-primary, .classic-btn.classic-btn-primary {
  background: linear-gradient(135deg, var(--gold), var(--amber)) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 20px rgba(245,166,35,.5) !important;
  font-weight: 700 !important;
}
.classic-btn-primary:hover {
  transform: translateY(-2px) scale(1.04) !important;
  box-shadow: 0 8px 32px rgba(245,166,35,.6) !important;
}

/* Secondary hero button - white outline */
.classic-btn-secondary, .classic-btn.classic-btn-secondary {
  background: transparent !important;
  border: 2px solid rgba(255,255,255,.6) !important;
  color: #fff !important;
}
.classic-btn-secondary:hover {
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.9) !important;
  transform: translateY(-2px) !important;
}

/* Product showcase card - keep readable on dark */
.classic-main-info span { color: var(--gold-light) !important; }
.classic-main-info strong { color: #fff !important; }
.classic-main-info em { color: var(--gold) !important; }

/* Mobile: stack layout keeps dark bg */
@media (max-width: 768px) {
  .classic-hero.hero {
    background: linear-gradient(180deg, #071a07 0%, #0d2e10 100%) !important;
  }
  .classic-hero-inner {
    grid-template-columns: 1fr !important;
    padding: 100px 20px 50px !important;
  }
  .classic-title { font-size: clamp(32px, 7vw, 52px) !important; }
}

/* ===================================================
   HEADER / CONTENT SPACING
   =================================================== */

:root {
  --site-header-gap: clamp(20px, 4vw, 42px);
}

#shopify-section-header {
  position: sticky;
  top: 0;
  z-index: 120;
}

#MainContent {
  padding-top: var(--site-header-gap);
}

#MainContent > .shopify-section:first-child,
#Ma
/* Collection page heading block (added for SEO heading structure) */
.coll-intro{max-width:1200px;margin:28px auto 4px;padding:0 20px}
.coll-intro .coll-h1{font-family:'Playfair Display',serif;font-size:clamp(1.6rem,3.2vw,2.4rem);line-height:1.2;color:#1B5E20;margin:0 0 8px}
.coll-intro .coll-sub{max-width:70ch;margin:0;color:#4a4a4a;font-size:.98rem;line-height:1.6}