/* ================================================================
   BAELFIZZ THEME v3.0 — WATERCOLOUR EDITION
   "Background is water" — liquid, organic, premium Indian beverage
   Palette: Deep Aqua · Teal · Coral-Orange · Sage · Warm White
   Fonts: Syne (headings) · DM Sans (body)
================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap');

/* ── Design Tokens ── */
:root {
  /* Water palette */
  --water-deep:   #0D4F5C;
  --water-mid:    #0E7490;
  --water-teal:   #0ABFBC;
  --water-light:  #67E8F9;
  --water-foam:   #E0F7FA;
  --water-pale:   #F0FDFE;

  /* Brand accents */
  --coral:        #E8621A;
  --coral-light:  #FF8B4D;
  --coral-dim:    rgba(232,98,26,.12);
  --sage:         #4CAF7A;
  --sage-dim:     rgba(76,175,122,.12);
  --amber:        #F5A623;
  --amber-dim:    rgba(245,166,35,.12);
  --gold:         #D4871A;

  /* Backgrounds — water layers */
  --bg:           #F0FDFE;
  --bg2:          rgba(255,255,255,.75);
  --bg3:          rgba(255,255,255,.55);
  --glass:        rgba(255,255,255,.72);
  --glass-strong: rgba(255,255,255,.92);
  --glass-border: rgba(10,191,188,.18);
  --glass-border2:rgba(10,191,188,.35);

  /* Text */
  --text:         #0C3D48;
  --text2:        #1B6070;
  --muted:        #5B8E9A;
  --white:        #FFFFFF;

  /* Effects */
  --r:            16px;
  --sh:           0 8px 32px rgba(13,79,92,.12), 0 2px 8px rgba(13,79,92,.08);
  --sh-lg:        0 20px 60px rgba(13,79,92,.18), 0 4px 16px rgba(13,79,92,.1);
  --sh-glow:      0 0 0 3px rgba(10,191,188,.25);
  --t:            .22s ease;
  --font-h:       'Syne', sans-serif;
  --font-b:       'DM Sans', sans-serif;
}

/* ── Reset ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; }
body {
  font-family: var(--font-b);
  background: var(--water-deep);
  color: var(--text);
  line-height: 1.65;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
h1,h2,h3,h4,h5 { font-family: var(--font-h); line-height: 1.15; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
ul, ol { list-style: none; padding: 0; margin: 0; }
button, input, select, textarea { font-family: var(--font-b); outline: none; }
section { padding: 90px 0; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }

/* ════════════════════════════
   ANIMATED WATER BACKGROUND
   The entire body is a water canvas
════════════════════════════ */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -2;
  background:
    radial-gradient(ellipse 80% 60% at 20% 30%, rgba(10,191,188,.28) 0%, transparent 65%),
    radial-gradient(ellipse 60% 70% at 85% 70%, rgba(103,232,249,.22) 0%, transparent 65%),
    radial-gradient(ellipse 50% 50% at 50% 50%, rgba(14,116,144,.35) 0%, transparent 70%),
    linear-gradient(170deg, #0D4F5C 0%, #0E7490 35%, #0D6177 60%, #0B4A57 100%);
  animation: water-bg-shift 18s ease-in-out infinite alternate;
}
@keyframes water-bg-shift {
  0%   { filter: hue-rotate(0deg) brightness(1); }
  50%  { filter: hue-rotate(8deg) brightness(1.08); }
  100% { filter: hue-rotate(-5deg) brightness(.96); }
}

/* Floating water caustic light effect */
body::after {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  background-image:
    radial-gradient(ellipse 3px 40px at 15% 20%, rgba(255,255,255,.06) 0%, transparent 100%),
    radial-gradient(ellipse 2px 30px at 45% 60%, rgba(255,255,255,.04) 0%, transparent 100%),
    radial-gradient(ellipse 4px 50px at 75% 35%, rgba(255,255,255,.05) 0%, transparent 100%),
    radial-gradient(ellipse 2px 25px at 90% 80%, rgba(255,255,255,.04) 0%, transparent 100%);
  animation: caustic 12s ease-in-out infinite alternate;
  pointer-events: none;
}
@keyframes caustic {
  0%   { transform: translateX(0) translateY(0) scaleX(1); }
  33%  { transform: translateX(4px) translateY(-6px) scaleX(1.04); }
  66%  { transform: translateX(-3px) translateY(4px) scaleX(.97); }
  100% { transform: translateX(6px) translateY(-3px) scaleX(1.02); }
}

/* Content sits on glass-frosted panels over the water */
section, .feature-strip, .site-footer {
  position: relative;
  z-index: 1;
}

/* ════════════════════════════
   GLASS MORPHISM UTILITY
════════════════════════════ */
.glass {
  background: var(--glass);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid var(--glass-border);
  border-radius: var(--r);
  box-shadow: var(--sh);
}
.glass-strong {
  background: var(--glass-strong);
  backdrop-filter: blur(28px);
  -webkit-backdrop-filter: blur(28px);
  border: 1px solid var(--glass-border2);
  border-radius: var(--r);
  box-shadow: var(--sh-lg);
}

/* ── Typography ── */
.tag { display:inline-block;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:5px 14px;border-radius:99px;margin-bottom:16px; }
.tag-teal   { background:rgba(10,191,188,.15);color:var(--water-mid);border:1px solid rgba(10,191,188,.35); }
.tag-green  { background:var(--sage-dim);color:#2a7a4f;border:1px solid rgba(76,175,122,.3); }
.tag-orange { background:var(--coral-dim);color:var(--coral);border:1px solid rgba(232,98,26,.25); }
.tag-amber  { background:var(--amber-dim);color:var(--gold);border:1px solid rgba(245,166,35,.3); }
.sec-title  { font-size:clamp(26px,4vw,44px);font-weight:800;color:var(--text);margin-bottom:14px; }
.sec-sub    { color:var(--muted);font-size:17px;max-width:600px;line-height:1.7; }

/* ── Buttons ── */
.btn { display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:99px;font-size:14px;font-weight:700;cursor:pointer;border:none;transition:all var(--t);text-decoration:none;font-family:var(--font-b);white-space:nowrap; }
.btn-teal   { background:linear-gradient(135deg,var(--water-mid),var(--water-teal));color:#fff;box-shadow:0 4px 16px rgba(10,191,188,.35); }
.btn-teal:hover { transform:translateY(-3px);box-shadow:0 8px 28px rgba(10,191,188,.5);color:#fff; }
.btn-outline { background:rgba(255,255,255,.85);color:var(--water-mid);border:1.5px solid rgba(10,191,188,.5);backdrop-filter:blur(8px); }
.btn-outline:hover { background:#fff;transform:translateY(-2px);border-color:var(--water-teal); }
.btn-coral  { background:linear-gradient(135deg,var(--coral),var(--coral-light));color:#fff;box-shadow:0 4px 16px rgba(232,98,26,.3); }
.btn-coral:hover { transform:translateY(-3px);box-shadow:0 8px 28px rgba(232,98,26,.45);color:#fff; }
.btn-amber  { background:linear-gradient(135deg,var(--gold),var(--amber));color:#fff;box-shadow:0 4px 16px rgba(245,166,35,.3); }
.btn-amber:hover { transform:translateY(-3px);box-shadow:0 8px 28px rgba(245,166,35,.45); }
.btn-sm { padding:9px 18px;font-size:13px; }
.btn-lg { padding:14px 32px;font-size:15px; }
.btn-white { background:#fff;color:var(--water-deep);font-weight:700; }
.btn-white:hover { background:var(--water-foam);transform:translateY(-2px);color:var(--water-deep); }

/* ════════════════════════════
   MARQUEE TICKER
════════════════════════════ */
.marquee-band { background:linear-gradient(90deg,rgba(13,79,92,.9),rgba(14,116,144,.95),rgba(10,191,188,.9),rgba(14,116,144,.95));padding:.6rem 0;overflow:hidden;white-space:nowrap;backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15); }
.marquee-track { display:inline-flex;animation:marquee-scroll 36s linear infinite; }
.marquee-track:hover { animation-play-state:paused; }
.marquee-item { font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.9);padding:0 2.4rem;white-space:nowrap; }
.marquee-dot  { opacity:.45;padding:0 .6rem; }
@keyframes marquee-scroll { from { transform:translateX(0); } to { transform:translateX(-50%); } }

/* ════════════════════════════
   NAV — HORIZONTAL SCROLLABLE + GLASS
════════════════════════════ */
/* ══════════════════════════════════════════════════
   NAV BAR — single authoritative definition
   Layout: [Logo 40px] [Scrollable links flex:1] [Cart + Hamburger]
   Height: 72px fixed
══════════════════════════════════════════════════ */
.site-nav {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1000;
  background: rgba(13,79,92,.88);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-bottom: 1px solid rgba(255,255,255,.12);
  transition: background .25s, box-shadow .25s;
}
.site-nav.scrolled {
  background: rgba(13,79,92,.97);
  box-shadow: 0 2px 20px rgba(0,0,0,.3);
}

/* Row container: 72px tall, flex row */
.nav-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
  height: 72px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0;
}

/* ── Logo ── */
.nav-logo {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 9px;
  height: 72px;            /* fills full nav height */
  flex-shrink: 0;
  text-decoration: none;
  margin-right: 8px;
}
.nav-logo-img {
  display: block;
  width: 40px;
  height: 40px;            /* (72-40)/2 = 16px top+bottom space — visually centred */
  object-fit: contain;
  object-position: center;
  flex-shrink: 0;
  border-radius: 8px;
}
.nav-logo-text {
  font-family: var(--font-h);
  font-size: 20px;
  font-weight: 800;
  color: #fff;
  letter-spacing: -.02em;
  line-height: 1;
  white-space: nowrap;
}
.nav-logo-text em { font-style: normal; color: var(--water-light); }
/* Emoji fallback when image is absent */
.nav-logo-icon {
  width: 40px; height: 40px;
  background: linear-gradient(135deg, rgba(255,255,255,.22), rgba(255,255,255,.1));
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
  transition: transform .3s;
}
.nav-logo:hover .nav-logo-icon { transform: rotate(-10deg) scale(1.1); }
.nav-logo-fallback { display: flex; align-items: center; gap: 9px; }

/* ── Scrollable nav links ── */
.nav-links-scroll {
  flex: 1;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  display: flex;
  align-items: center;
  -webkit-mask-image: linear-gradient(to right,
    transparent 0px, #000 14px,
    #000 calc(100% - 14px), transparent 100%);
  mask-image: linear-gradient(to right,
    transparent 0px, #000 14px,
    #000 calc(100% - 14px), transparent 100%);
}
.nav-links-scroll::-webkit-scrollbar { display: none; }

ul.nav-links {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: nowrap;
  gap: 2px;
  list-style: none;
  padding: 0 12px;
  margin: 0;
  min-width: max-content;
}
ul.nav-links li { list-style: none; flex-shrink: 0; }
ul.nav-links li a {
  font-family: var(--font-b);
  font-size: 13px;
  font-weight: 500;
  color: rgba(255,255,255,.72);
  height: 36px;
  padding: 0 11px;
  border-radius: 99px;
  transition: all .18s;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}
ul.nav-links li a:hover,
ul.nav-links li a.active,
ul.nav-links li.current-menu-item > a {
  color: #fff;
  background: rgba(255,255,255,.14);
}

/* ── Right section: cart + hamburger ── */
.nav-right {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  margin-left: 10px;
}

/* Cart button */
.cart-btn {
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  height: 38px;
  padding: 0 14px;
  background: rgba(255,255,255,.13);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 99px;
  color: #fff;
  font-family: var(--font-b);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all .18s;
  white-space: nowrap;
  flex-shrink: 0;
}
.cart-btn:hover { background: rgba(255,255,255,.22); transform: translateY(-1px); }
.cart-btn-label { display: inline; }
.cart-count {
  position: absolute;
  top: -5px; right: -5px;
  min-width: 18px; height: 18px;
  background: var(--amber);
  color: #fff;
  font-size: 10px; font-weight: 800;
  border-radius: 9px;
  display: flex; align-items: center; justify-content: center;
  padding: 0 4px;
  border: 2px solid rgba(13,79,92,.9);
  line-height: 1;
}

/* Hamburger (hidden on desktop, shown on mobile) */
.hamburger {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 40px; height: 40px;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 10px;
  cursor: pointer;
  flex-shrink: 0;
  padding: 0;
}
.hamburger span {
  display: block;
  width: 18px; height: 2px;
  background: #fff;
  border-radius: 2px;
  transition: all .25s;
  pointer-events: none;
}
.hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity: 0; width: 0; }
.hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* Push page content below fixed nav */
#main { padding-top: 72px; }

/* Mobile drawer */
.mobile-drawer {
  display: none;
  position: fixed;
  top: 72px; left: 0; right: 0;
  background: rgba(13,79,92,.97);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-bottom: 1px solid rgba(255,255,255,.12);
  z-index: 999;
  padding: 12px 16px 20px;
  flex-direction: column;
  gap: 4px;
}
.mobile-drawer.open { display: flex; }
.mobile-drawer a {
  display: flex; align-items: center; gap: 10px;
  padding: 12px 16px;
  border-radius: 12px;
  font-size: 15px; font-weight: 500;
  color: rgba(255,255,255,.85);
  transition: all .18s;
  border: 1px solid transparent;
}
.mobile-drawer a:hover, .mobile-drawer a.active {
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.18);
  color: #fff;
}
.mobile-drawer-footer {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.1);
  display: flex; gap: 8px; flex-direction: column;
}
.overlay { display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:998;backdrop-filter:blur(3px); }
.overlay.open { display:block; }

/* ════════════════════════════
   HERO — WATER WORLD
════════════════════════════ */
.hero-section {
  min-height: 100vh;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
/* Animated ripple rings */
.hero-ripple {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(10,191,188,.25);
  animation: ripple-expand 6s ease-out infinite;
  pointer-events: none;
}
.hero-ripple:nth-child(1) { width:300px;height:300px;top:20%;right:5%;animation-delay:0s; }
.hero-ripple:nth-child(2) { width:500px;height:500px;top:10%;right:-5%;animation-delay:1.5s; }
.hero-ripple:nth-child(3) { width:700px;height:700px;top:0%;right:-15%;animation-delay:3s; }
@keyframes ripple-expand {
  0%   { transform:scale(.5);opacity:.6; }
  100% { transform:scale(1.3);opacity:0; }
}
/* Floating bubbles */
.hero-bubbles { position:absolute;inset:0;pointer-events:none; }
.bubble {
  position: absolute;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.4), rgba(255,255,255,.05));
  border: 1px solid rgba(255,255,255,.2);
  animation: bubble-float linear infinite;
}
.bubble:nth-child(1)  { width:12px;height:12px;left:10%;animation-duration:8s;animation-delay:0s; }
.bubble:nth-child(2)  { width:8px;height:8px;left:25%;animation-duration:11s;animation-delay:2s; }
.bubble:nth-child(3)  { width:16px;height:16px;left:40%;animation-duration:9s;animation-delay:1s; }
.bubble:nth-child(4)  { width:6px;height:6px;left:55%;animation-duration:13s;animation-delay:3s; }
.bubble:nth-child(5)  { width:10px;height:10px;left:70%;animation-duration:10s;animation-delay:.5s; }
.bubble:nth-child(6)  { width:14px;height:14px;left:85%;animation-duration:7s;animation-delay:4s; }
@keyframes bubble-float {
  0%   { transform:translateY(110vh) scale(1); opacity:0; }
  10%  { opacity:.8; }
  90%  { opacity:.5; }
  100% { transform:translateY(-20px) scale(.6); opacity:0; }
}

.hero-layout { display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2; }
.hero-badge {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(255,255,255,.2);
  border: 1px solid rgba(255,255,255,.3);
  backdrop-filter: blur(8px);
  padding: 8px 16px; border-radius: 99px;
  font-size: 12px; color: #fff; margin-bottom: 24px; font-weight: 600;
}
.hero-badge::before { content:'';width:7px;height:7px;border-radius:50%;background:var(--water-light);animation:blink 2s ease-in-out infinite; }
@keyframes blink { 0%,100%{opacity:1}50%{opacity:.2} }
.hero-title { font-size:clamp(36px,5.5vw,64px);font-weight:800;color:#fff;line-height:1.06;margin-bottom:20px; }
.ht-aqua  { color:var(--water-light); }
.ht-coral { color:#FFB08A; }
.ht-sage  { color:#9BEBA0; }
.hero-sub { font-size:17px;color:rgba(255,255,255,.8);margin-bottom:28px;line-height:1.75;font-weight:300; }
.hero-pills { display:flex;flex-wrap:wrap;gap:9px;margin-bottom:28px; }
.pill {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 6px 14px; border-radius: 99px;
  font-size: 12px; font-weight: 500;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.2);
  color: rgba(255,255,255,.9);
  backdrop-filter: blur(4px);
  transition: all .2s;
}
.pill:hover { background:rgba(255,255,255,.25); }
.hero-actions { display:flex;gap:12px;flex-wrap:wrap; }
.hero-img-wrap { position:relative;display:flex;justify-content:center;align-items:center; }
.hero-img-ring {
  position: absolute;
  width: 440px; height: 440px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);
  animation: ring-pulse 5s ease-in-out infinite;
}
@keyframes ring-pulse { 0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.08);opacity:.4} }
.hero-product-img {
  width: 100%; max-width: 480px;
  border-radius: 28px;
  box-shadow: 0 30px 80px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.1);
  animation: hero-float 7s ease-in-out infinite;
}
@keyframes hero-float { 0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-14px) rotate(.5deg)} }
.hero-stats {
  display: flex; gap: 1.5rem; margin-top: 2rem; flex-wrap: wrap;
}
.h-stat { display:flex;flex-direction:column; }
.h-stat-num { font-family:var(--font-h);font-size:1.6rem;font-weight:800;color:#fff; }
.h-stat-label { font-size:.7rem;color:rgba(255,255,255,.6);letter-spacing:.08em;text-transform:uppercase; }
.hero-divider { width:1px;background:rgba(255,255,255,.2);align-self:stretch; }

/* ════════════════════════════
   FEATURE STRIP
════════════════════════════ */
.feature-strip { padding:0;backdrop-filter:blur(12px); }
.features-grid { display:grid;grid-template-columns:repeat(4,1fr); }
.feat-card {
  padding: 28px 22px;
  border-right: 1px solid rgba(255,255,255,.12);
  transition: background .2s;
  background: rgba(255,255,255,.06);
}
.feat-card:last-child { border-right:none; }
.feat-card:hover { background:rgba(255,255,255,.14); }
.feat-icon { width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:12px;transition:transform .3s;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2); }
.feat-card:hover .feat-icon { transform:scale(1.15) rotate(-5deg); }
.feat-card h4 { font-size:14px;font-weight:700;color:#fff;margin-bottom:5px; }
.feat-card p  { font-size:12px;color:rgba(255,255,255,.65);line-height:1.55; }

/* ════════════════════════════
   SECTION PANELS — GLASS OVER WATER
════════════════════════════ */
.section-panel {
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.section-panel-light {
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.section-panel-teal {
  background: rgba(13,79,92,.85);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-top: 1px solid rgba(255,255,255,.1);
  border-bottom: 1px solid rgba(255,255,255,.1);
}

/* ════════════════════════════
   PRODUCTS — FULL WORKING CARDS
════════════════════════════ */
.products-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px; }
.prod-card {
  background: #fff;
  border: 1px solid rgba(13,79,92,.1);
  border-radius: 20px;
  overflow: hidden;
  transition: all .3s;
  box-shadow: var(--sh);
}
.prod-card:hover { transform:translateY(-8px);box-shadow:var(--sh-lg);border-color:rgba(10,191,188,.3); }
.prod-visual { height:260px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden; }
.pv-classic { background:linear-gradient(145deg,#d4f1e0,#a8e6c3,#7dd8a8); }
.pv-mint    { background:linear-gradient(145deg,#ccf4f4,#99e8e8,#55d4d4); }
.pv-ginger  { background:linear-gradient(145deg,#fde8cc,#f8c888,#f0a845); }
.prod-img   { width:100%;height:100%;object-fit:cover;transition:transform .6s ease; }
.prod-card:hover .prod-img { transform:scale(1.08); }
.prod-badge-overlay { position:absolute;top:14px;left:14px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:99px;backdrop-filter:blur(6px); }
.pbo-classic { background:rgba(76,175,122,.2);color:#1a6b40;border:1px solid rgba(76,175,122,.4); }
.pbo-mint    { background:rgba(10,191,188,.15);color:#0a6b6b;border:1px solid rgba(10,191,188,.3); }
.pbo-ginger  { background:rgba(245,166,35,.2);color:#8a5a00;border:1px solid rgba(245,166,35,.4); }
.prod-body   { padding:22px; }
.prod-body h3 { font-size:19px;font-weight:800;color:var(--text);margin-bottom:4px; }
.prod-price-tag { font-family:var(--font-h);font-size:22px;font-weight:800;color:var(--coral);margin-bottom:8px; }
.prod-desc  { font-size:13px;color:var(--muted);margin-bottom:10px;line-height:1.6; }
.prod-benefit { font-size:12px;color:var(--water-mid);padding:7px 11px;background:rgba(10,191,188,.08);border-radius:8px;margin-bottom:16px;border:1px solid rgba(10,191,188,.15); }
.prod-buy, .prod-platforms { display:flex;gap:7px;flex-wrap:wrap; }
.prod-platforms { margin-top:7px; }

/* BUY BUTTONS — all working, full colour */
.buy-btn { flex:1;min-width:90px;padding:9px 10px;border-radius:10px;font-size:11.5px;font-weight:700;cursor:pointer;border:none;text-align:center;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:4px;text-decoration:none;font-family:var(--font-b); }
.buy-amazon    { background:#FF9900;color:#111; }
.buy-amazon:hover { background:#FFB020;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,153,0,.4); }
.buy-flipkart  { background:#2874F0;color:#fff; }
.buy-flipkart:hover { background:#3a88ff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(40,116,240,.4); }
.buy-bigbasket { background:#84C225;color:#111; }
.buy-bigbasket:hover { background:#96d42a;transform:translateY(-2px);box-shadow:0 4px 12px rgba(132,194,37,.4); }
.buy-zepto     { background:#8B2FC9;color:#fff; }
.buy-zepto:hover { background:#a035e8;transform:translateY(-2px);box-shadow:0 4px 12px rgba(139,47,201,.4); }
.buy-blinkit   { background:#F8C200;color:#111; }
.buy-blinkit:hover { background:#ffd420;transform:translateY(-2px);box-shadow:0 4px 12px rgba(248,194,0,.4); }
.buy-cart-btn { background:var(--water-foam);color:var(--water-mid);border:1.5px solid rgba(10,191,188,.3);flex:none;width:40px;min-width:unset;padding:9px; }
.buy-cart-btn:hover { background:rgba(10,191,188,.15);border-color:var(--water-teal);transform:translateY(-2px); }
.prod-note { text-align:center;margin-top:36px;padding:18px 28px;background:rgba(76,175,122,.08);border:1px solid rgba(76,175,122,.2);border-radius:16px;color:var(--muted);font-size:13px; }
.prod-note strong { color:var(--sage); }

/* ════════════════════════════
   BAELBOT
════════════════════════════ */
.baelbot-layout { display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:52px; }
.baelbot-imgs { display:grid;grid-template-columns:1fr 1fr;gap:14px; }
.bb-img-main { grid-column:1/-1;border-radius:20px;overflow:hidden;box-shadow:var(--sh-lg); }
.bb-img-main img { width:100%;height:260px;object-fit:cover;transition:transform .6s; }
.bb-img-main:hover img { transform:scale(1.04); }
.bb-img-sub { border-radius:16px;overflow:hidden;box-shadow:var(--sh); }
.bb-img-sub img { width:100%;height:150px;object-fit:cover;transition:transform .6s; }
.bb-img-sub:hover img { transform:scale(1.06); }
.steps-list { display:flex;flex-direction:column;gap:18px; }
.step-item { display:flex;gap:16px;align-items:flex-start;padding:16px;border-radius:14px;border:1px solid rgba(13,79,92,.08);transition:all .25s;background:rgba(255,255,255,.5); }
.step-item:hover { background:rgba(255,255,255,.95);border-color:rgba(10,191,188,.2);box-shadow:var(--sh);transform:translateX(4px); }
.step-num { width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--water-mid),var(--water-teal));display:flex;align-items:center;justify-content:center;font-family:var(--font-h);font-size:16px;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 4px 12px rgba(10,191,188,.3); }
.step-content h4 { font-size:15px;font-weight:700;color:var(--text);margin-bottom:4px; }
.step-content p  { font-size:13px;color:var(--muted);line-height:1.65; }
.baelbot-cta { margin-top:24px;padding:22px;background:rgba(255,255,255,.85);border:1px solid rgba(10,191,188,.2);border-radius:16px;border-left:4px solid var(--water-teal);backdrop-filter:blur(8px); }
.baelbot-cta h4 { font-size:16px;font-weight:700;color:var(--text);margin-bottom:7px; }
.baelbot-cta p  { font-size:13px;color:var(--muted);margin-bottom:14px; }

/* ════════════════════════════
   FULL-WIDTH IMAGES
════════════════════════════ */
.section-img-full { border-radius:24px;overflow:hidden;box-shadow:var(--sh-lg);margin-top:48px; }
.section-img-full img { width:100%;display:block;transition:transform .6s; }
.section-img-full:hover img { transform:scale(1.02); }

/* ════════════════════════════
   DASHBOARD / STATS
════════════════════════════ */
.dash-layout { display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center;margin-top:48px; }
.dash-img { border-radius:20px;overflow:hidden;box-shadow:var(--sh-lg); }
.dash-img img { width:100%;display:block; }
.dash-stats { display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px; }
.dash-stat { background:#fff;border:1px solid rgba(13,79,92,.1);border-radius:16px;padding:18px;text-align:center;transition:all .25s;box-shadow:var(--sh); }
.dash-stat:hover { transform:translateY(-3px);border-color:rgba(10,191,188,.3);box-shadow:var(--sh-lg); }
.ds-num { font-family:var(--font-h);font-size:28px;font-weight:800;color:var(--water-mid);margin-bottom:4px; }
.ds-label { font-size:12px;color:var(--muted);letter-spacing:.04em; }

/* ════════════════════════════
   SCIENCE
════════════════════════════ */
.science-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:52px; }
.sci-card { background:#fff;border:1px solid rgba(13,79,92,.08);border-radius:20px;padding:28px;position:relative;overflow:hidden;transition:all .28s;box-shadow:var(--sh); }
.sci-card::before { content:'';position:absolute;top:0;left:0;width:100%;height:4px;border-radius:20px 20px 0 0; }
.sci-card.ct::before { background:linear-gradient(90deg,var(--water-teal),var(--water-light)); }
.sci-card.cg::before { background:linear-gradient(90deg,var(--sage),#8be0a4); }
.sci-card.ca::before { background:linear-gradient(90deg,var(--amber),#ffd060); }
.sci-card.co::before { background:linear-gradient(90deg,var(--coral),var(--coral-light)); }
.sci-card:hover { transform:translateY(-5px);box-shadow:var(--sh-lg);border-color:rgba(10,191,188,.2); }
.sci-icon { font-size:30px;margin-bottom:14px; }
.sci-card h3 { font-size:18px;font-weight:700;color:var(--text);margin-bottom:9px; }
.sci-card p  { font-size:13px;color:var(--muted);line-height:1.7; }
.sci-stat { display:inline-flex;align-items:center;gap:6px;margin-top:13px;padding:6px 12px;background:rgba(10,191,188,.08);border:1px solid rgba(10,191,188,.18);border-radius:8px;font-size:12px;font-weight:600;color:var(--water-mid); }

/* ════════════════════════════
   ABOUT
════════════════════════════ */
.about-layout { display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:start;margin-top:52px; }
.mission-block { background:rgba(255,255,255,.9);border:1px solid rgba(76,175,122,.2);border-radius:20px;padding:28px;border-left:4px solid var(--sage);margin-bottom:20px;backdrop-filter:blur(8px); }
.mission-block p { font-size:16px;line-height:1.75;color:var(--text2);font-weight:300;font-style:italic; }
.founder-block { background:rgba(255,255,255,.9);border:1px solid rgba(13,79,92,.1);border-radius:20px;padding:28px;backdrop-filter:blur(8px);box-shadow:var(--sh); }
.founder-block h3 { font-size:20px;font-weight:800;color:var(--text);margin-bottom:10px; }
.founder-block p  { font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:14px; }
.loc-badges { display:flex;flex-wrap:wrap;gap:8px;margin-top:12px; }
.loc-badge { padding:4px 12px;background:rgba(13,79,92,.06);border:1px solid rgba(13,79,92,.12);border-radius:99px;font-size:11px;color:var(--text2); }
.about-cards { display:flex;flex-direction:column;gap:16px; }
.about-card { background:#fff;border:1px solid rgba(13,79,92,.08);border-radius:16px;padding:20px 22px;display:flex;gap:16px;align-items:flex-start;transition:all .25s;box-shadow:var(--sh); }
.about-card:hover { border-color:rgba(10,191,188,.25);transform:translateX(4px);box-shadow:var(--sh-lg); }
.ac-icon { width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0; }
.fi-g { background:rgba(76,175,122,.12);border:1px solid rgba(76,175,122,.25); }
.fi-t { background:rgba(10,191,188,.1);border:1px solid rgba(10,191,188,.22); }
.fi-a { background:rgba(245,166,35,.1);border:1px solid rgba(245,166,35,.22); }
.fi-o { background:rgba(232,98,26,.08);border:1px solid rgba(232,98,26,.2); }
.about-card h4 { font-size:14px;font-weight:700;color:var(--text);margin-bottom:4px; }
.about-card p  { font-size:12.5px;color:var(--muted);line-height:1.65; }

/* ════════════════════════════
   TESTIMONIALS
════════════════════════════ */
.testi-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px; }
.testi-card { background:#fff;border:1px solid rgba(13,79,92,.08);border-radius:20px;padding:24px;transition:all .28s;box-shadow:var(--sh); }
.testi-card:hover { transform:translateY(-5px);border-color:rgba(10,191,188,.2);box-shadow:var(--sh-lg); }
.testi-stars { color:var(--amber);font-size:14px;letter-spacing:2px;margin-bottom:12px; }
.testi-text  { font-size:13px;color:var(--text2);line-height:1.75;margin-bottom:16px;font-style:italic; }
.testi-author { display:flex;align-items:center;gap:10px; }
.testi-avatar { width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,rgba(10,191,188,.2),rgba(10,191,188,.08));border:2px solid rgba(10,191,188,.25);display:flex;align-items:center;justify-content:center;font-size:1.1rem; }
.testi-name { font-weight:700;font-size:13px;color:var(--text); }
.testi-loc  { font-size:11px;color:var(--muted); }

/* ════════════════════════════
   LOCATIONS
════════════════════════════ */
.locations-grid { display:grid;grid-template-columns:1fr 1fr;gap:28px; }
.loc-card { background:#fff;border:1px solid rgba(13,79,92,.1);border-radius:20px;overflow:hidden;box-shadow:var(--sh); }
.loc-header { padding:18px 22px;border-bottom:1px solid rgba(13,79,92,.08);display:flex;justify-content:space-between;align-items:center;background:rgba(13,79,92,.03); }
.loc-header h4 { font-size:15px;font-weight:700;color:var(--text); }
.loc-list { padding:8px 0; }
.loc-item { display:flex;align-items:center;gap:14px;padding:12px 22px;border-bottom:1px solid rgba(13,79,92,.06);transition:background .18s; }
.loc-item:last-child { border-bottom:none; }
.loc-item:hover { background:rgba(10,191,188,.04); }
.loc-dot { width:9px;height:9px;border-radius:50%;flex-shrink:0; }
.dot-live { background:var(--sage);box-shadow:0 0 8px rgba(76,175,122,.5); }
.dot-soon { background:var(--amber);box-shadow:0 0 8px rgba(245,166,35,.5); }
.dot-plan { background:rgba(13,79,92,.25); }
.loc-info { flex:1; }
.loc-info strong { font-size:13px;font-weight:600;color:var(--text);display:block; }
.loc-info span   { font-size:11px;color:var(--muted); }
.loc-status { font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:3px 9px;border-radius:99px; }
.ls-live { background:rgba(76,175,122,.12);color:#1a6b40; }
.ls-soon { background:rgba(245,166,35,.12);color:var(--gold); }
.ls-plan { background:rgba(13,79,92,.07);color:var(--muted); }
.notify-card { background:#fff;border:1px solid rgba(13,79,92,.1);border-radius:20px;padding:28px;box-shadow:var(--sh); }
.notify-card h3 { font-size:19px;font-weight:800;color:var(--text);margin-bottom:8px; }
.notify-card p  { font-size:13px;color:var(--muted);margin-bottom:22px; }
.form-field { margin-bottom:14px; }
.form-field label { display:block;font-size:11px;font-weight:600;color:var(--text2);margin-bottom:5px;letter-spacing:.05em;text-transform:uppercase; }
.form-field input,.form-field select,.form-field textarea { width:100%;background:#fff;border:1.5px solid rgba(13,79,92,.15);color:var(--text);padding:10px 13px;border-radius:10px;font-size:13px;transition:all .18s; }
.form-field input:focus,.form-field select:focus,.form-field textarea:focus { border-color:var(--water-teal);box-shadow:0 0 0 3px rgba(10,191,188,.12);outline:none; }
.form-field select { appearance:none;cursor:pointer; }
.form-field textarea { resize:vertical;min-height:90px; }
.form-row { display:grid;grid-template-columns:1fr 1fr;gap:12px; }

/* ════════════════════════════
   SHOP — FULLY WORKING
════════════════════════════ */
.shop-top { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;margin-bottom:36px; }
.shop-filters { display:flex;gap:7px;flex-wrap:wrap; }
.filter-btn { padding:7px 16px;border-radius:99px;font-size:12px;font-weight:600;background:#fff;border:1.5px solid rgba(13,79,92,.15);color:var(--muted);cursor:pointer;transition:all .18s;font-family:var(--font-b); }
.filter-btn.active,.filter-btn:hover { background:rgba(10,191,188,.1);border-color:rgba(10,191,188,.4);color:var(--water-mid); }
.shop-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:22px; }
.shop-card { background:#fff;border:1px solid rgba(13,79,92,.08);border-radius:20px;overflow:hidden;transition:all .28s;box-shadow:var(--sh); }
.shop-card:hover { transform:translateY(-6px);border-color:rgba(10,191,188,.25);box-shadow:var(--sh-lg); }
.shop-img { height:200px;overflow:hidden; }
.shop-img img { width:100%;height:100%;object-fit:cover;transition:transform .6s; }
.shop-card:hover .shop-img img { transform:scale(1.1); }
.shop-body { padding:18px 20px; }
.shop-body h3 { font-size:16px;font-weight:700;color:var(--text);margin-bottom:4px; }
.shop-desc { font-size:12px;color:var(--muted);margin-bottom:12px; }
.pack-options { display:flex;gap:5px;margin-bottom:12px; }
.pack-btn { padding:5px 11px;border-radius:8px;font-size:11px;font-weight:700;background:rgba(13,79,92,.05);border:1.5px solid rgba(13,79,92,.12);color:var(--muted);cursor:pointer;transition:all .18s;font-family:var(--font-b); }
.pack-btn.active,.pack-btn:hover { background:rgba(10,191,188,.1);border-color:rgba(10,191,188,.35);color:var(--water-mid); }
.price-row { display:flex;align-items:center;gap:8px;margin-bottom:12px; }
.price { font-family:var(--font-h);font-size:24px;font-weight:800;color:var(--coral); }
.price-orig { font-size:12px;color:var(--muted);text-decoration:line-through; }
.shop-actions { display:flex;gap:7px;flex-wrap:wrap; }
.shop-actions .buy-btn { flex:1;font-size:11px;padding:8px; }

/* Marketplace section */
.marketplace-section { margin-top:52px;padding:44px;background:rgba(255,255,255,.92);border:1px solid rgba(13,79,92,.1);border-radius:24px;text-align:center;backdrop-filter:blur(12px);box-shadow:var(--sh-lg); }
.marketplace-section h3 { font-size:22px;font-weight:800;color:var(--text);margin-bottom:8px; }
.marketplace-section p  { font-size:14px;color:var(--muted);margin-bottom:26px; }
.mp-btns { display:flex;gap:12px;justify-content:center;flex-wrap:wrap; }
.mp-btn { display:flex;align-items:center;gap:10px;padding:13px 24px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;border:none;transition:all .22s;text-decoration:none;font-family:var(--font-b);box-shadow:0 2px 8px rgba(0,0,0,.12); }
.mp-amazon    { background:#FF9900;color:#111; }.mp-amazon:hover    { transform:translateY(-3px);box-shadow:0 8px 24px rgba(255,153,0,.4); }
.mp-flipkart  { background:#2874F0;color:#fff; }.mp-flipkart:hover  { transform:translateY(-3px);box-shadow:0 8px 24px rgba(40,116,240,.4); }
.mp-bigbasket { background:#84C225;color:#111; }.mp-bigbasket:hover { transform:translateY(-3px);box-shadow:0 8px 24px rgba(132,194,37,.4); }
.mp-zepto     { background:#8B2FC9;color:#fff; }.mp-zepto:hover     { transform:translateY(-3px);box-shadow:0 8px 24px rgba(139,47,201,.4); }
.mp-blinkit   { background:#F8C200;color:#111; }.mp-blinkit:hover   { transform:translateY(-3px);box-shadow:0 8px 24px rgba(248,194,0,.4); }

/* ════════════════════════════
   CART PANEL
════════════════════════════ */
.cart-overlay { position:fixed;inset:0;background:rgba(13,79,92,.5);backdrop-filter:blur(5px);z-index:2000;opacity:0;pointer-events:none;transition:opacity .3s; }
.cart-overlay.open { opacity:1;pointer-events:all; }
.cart-panel { position:fixed;top:0;right:0;height:100%;width:400px;max-width:100vw;background:#fff;z-index:2001;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-8px 0 40px rgba(13,79,92,.2); }
.cart-panel.open { transform:translateX(0); }
.cart-header { padding:20px 22px;border-bottom:1px solid rgba(13,79,92,.1);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,rgba(13,79,92,.05),rgba(10,191,188,.05)); }
.cart-header h3 { font-size:17px;font-weight:800;color:var(--text); }
.cart-close { width:32px;height:32px;border-radius:8px;background:rgba(13,79,92,.07);border:1px solid rgba(13,79,92,.12);color:var(--muted);font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s; }
.cart-close:hover { color:var(--text);border-color:rgba(10,191,188,.3); }
.cart-body { flex:1;overflow-y:auto;padding:18px 22px; }
.cart-empty { text-align:center;padding:50px 0;color:var(--muted); }
.cart-empty-icon { font-size:44px;margin-bottom:12px; }
.cart-item { display:flex;gap:13px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(13,79,92,.08); }
.ci-img { width:50px;height:70px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;overflow:hidden; }
.ci-img img { width:100%;height:100%;object-fit:cover; }
.ci-info { flex:1; }
.ci-info strong { font-size:13px;color:var(--text);display:block;margin-bottom:2px;font-weight:700; }
.ci-info span   { font-size:11px;color:var(--muted); }
.ci-price { font-family:var(--font-h);font-weight:800;color:var(--coral);font-size:15px;white-space:nowrap; }
.cart-qty { display:flex;align-items:center;gap:7px;margin-top:7px; }
.qty-btn { width:26px;height:26px;border-radius:8px;background:rgba(13,79,92,.06);border:1.5px solid rgba(13,79,92,.12);color:var(--text);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s; }
.qty-btn:hover { border-color:rgba(10,191,188,.4);color:var(--water-mid);background:rgba(10,191,188,.08); }
.qty-num { font-size:13px;font-weight:700;min-width:18px;text-align:center;color:var(--text); }
.cart-footer { padding:18px 22px;border-top:1px solid rgba(13,79,92,.1); }
.cart-total { display:flex;justify-content:space-between;align-items:center;margin-bottom:14px; }
.cart-total span   { font-size:14px;color:var(--muted); }
.cart-total strong { font-family:var(--font-h);font-size:22px;color:var(--text); }
.checkout-opts { display:flex;flex-direction:column;gap:8px; }
.co-btn { width:100%;padding:12px;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;border:none;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font-family:var(--font-b); }
.co-teal    { background:linear-gradient(135deg,var(--water-mid),var(--water-teal));color:#fff; }
.co-teal:hover { opacity:.9; }
.co-amazon  { background:#FF9900;color:#111; }.co-amazon:hover { background:#FFB020; }
.co-flipkart{ background:#2874F0;color:#fff; }.co-flipkart:hover { background:#3a88ff; }

/* ════════════════════════════
   CONTACT
════════════════════════════ */
.contact-layout { display:grid;grid-template-columns:1fr 1.8fr;gap:48px;margin-top:52px; }
.contact-info h3 { font-size:19px;font-weight:800;color:var(--text);margin-bottom:22px; }
.cd { display:flex;gap:12px;align-items:flex-start;margin-bottom:18px; }
.cd-icon { width:38px;height:38px;border-radius:12px;background:rgba(10,191,188,.1);border:1px solid rgba(10,191,188,.2);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0; }
.cd-text strong { display:block;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px; }
.cd-text a,.cd-text span { font-size:13px;color:var(--text2); }
.ctabs { display:flex;gap:3px;background:rgba(13,79,92,.06);border:1px solid rgba(13,79,92,.1);border-radius:14px;padding:4px;margin-bottom:22px; }
.ctab { flex:1;padding:9px 12px;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--muted);transition:all .18s;text-align:center;font-family:var(--font-b); }
.ctab.active { background:#fff;color:var(--text);box-shadow:0 2px 8px rgba(13,79,92,.12); }
.ctab-content { display:none; }
.ctab-content.active { display:block; }

/* ════════════════════════════
   CTA BAND
════════════════════════════ */
.cta-band { padding:72px 0;position:relative;overflow:hidden;text-align:center; }
.cta-band-water { background:linear-gradient(135deg,rgba(13,79,92,.9),rgba(14,116,144,.95),rgba(10,191,188,.85));backdrop-filter:blur(20px); }
.cta-band-light { background:rgba(255,255,255,.88);backdrop-filter:blur(20px);border-top:1px solid rgba(10,191,188,.15);border-bottom:1px solid rgba(10,191,188,.15); }
.cta-band-glow { position:absolute;inset:0;background:radial-gradient(circle 600px at 50% 50%,rgba(255,255,255,.08),transparent 70%);pointer-events:none; }
.cta-band-water h2 { color:#fff;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;margin-bottom:.8rem;position:relative; }
.cta-band-light h2 { color:var(--text);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;margin-bottom:.8rem;position:relative; }
.cta-band-water p { color:rgba(255,255,255,.8);margin-bottom:2rem;position:relative; }
.cta-band-light p { color:var(--muted);margin-bottom:2rem;position:relative; }
.cta-band-actions { display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;position:relative; }

/* ════════════════════════════
   FOOTER
════════════════════════════ */
.site-footer { background:rgba(13,79,92,.95);backdrop-filter:blur(20px);padding:56px 0 28px;border-top:1px solid rgba(255,255,255,.1); }
.footer-grid { display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;margin-bottom:44px; }
.footer-brand .nav-logo { display:inline-flex;margin-bottom:14px;color:#fff; }
.footer-brand p { font-size:12px;color:rgba(255,255,255,.6);line-height:1.75;margin-bottom:18px;max-width:260px; }
.footer-social { display:flex;gap:7px;margin-bottom:16px; }
.soc-btn { width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:14px;color:rgba(255,255,255,.7);cursor:pointer;transition:all .18s;text-decoration:none; }
.soc-btn:hover { background:rgba(255,255,255,.2);color:#fff;transform:translateY(-2px); }
.footer-col h5 { font-size:11px;font-weight:700;color:rgba(255,255,255,.9);margin-bottom:14px;letter-spacing:.08em;text-transform:uppercase; }
.footer-col ul { list-style:none;display:flex;flex-direction:column;gap:9px; }
.footer-col ul li a { font-size:12px;color:rgba(255,255,255,.55);transition:color .18s;display:flex;align-items:center;gap:4px; }
.footer-col ul li a:hover { color:var(--water-light); }
.footer-newsletter label { display:block;font-size:11px;color:rgba(255,255,255,.5);margin-bottom:6px;letter-spacing:.04em; }
.footer-newsletter .fn-row { display:flex;gap:6px; }
.footer-newsletter input { flex:1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;padding:.55rem .85rem;border-radius:8px;font-size:.82rem;transition:border-color .18s; }
.footer-newsletter input:focus { border-color:var(--water-light);outline:none; }
.footer-newsletter input::placeholder { color:rgba(255,255,255,.35); }
.footer-bottom { padding-top:22px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px; }
.footer-bottom p { font-size:11px;color:rgba(255,255,255,.45); }
.fb-links { display:flex;gap:14px; }
.fb-links a { font-size:11px;color:rgba(255,255,255,.45); }
.fb-links a:hover { color:var(--water-light); }

/* ════════════════════════════
   TOAST
════════════════════════════ */
.bf-toast { position:fixed;bottom:26px;right:26px;background:#fff;border:1px solid rgba(10,191,188,.3);border-radius:14px;padding:13px 18px;display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text);z-index:9999;transform:translateY(80px);opacity:0;transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:var(--sh-lg);pointer-events:none; }
.bf-toast.show { transform:translateY(0);opacity:1; }

/* ════════════════════════════
   SCROLL REVEAL
════════════════════════════ */
.reveal { opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease; }
.reveal.visible { opacity:1;transform:translateY(0); }

/* ════════════════════════════
   WOOCOMMERCE — WATER STYLE
════════════════════════════ */
.bf-woo-wrap { padding:3rem 0 5rem; }
.wc-hero { padding:6rem 0 3rem;position:relative;overflow:hidden; }
.woocommerce ul.products { display:grid;grid-template-columns:repeat(3,1fr);gap:22px;list-style:none;padding:0; }
.woocommerce ul.products li.product { background:#fff;border:1px solid rgba(13,79,92,.08);border-radius:20px;overflow:hidden;transition:all .28s;list-style:none;box-shadow:var(--sh); }
.woocommerce ul.products li.product:hover { transform:translateY(-6px);border-color:rgba(10,191,188,.25);box-shadow:var(--sh-lg); }
.woocommerce ul.products li.product a img { width:100%;height:220px;object-fit:cover;transition:transform .5s; }
.woocommerce ul.products li.product:hover a img { transform:scale(1.06); }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-family:var(--font-h);font-size:16px;font-weight:700;color:var(--text);padding:1rem 1.2rem .3rem; }
.woocommerce ul.products li.product .price { color:var(--coral);font-family:var(--font-h);font-size:19px;font-weight:800;padding:0 1.2rem .5rem;display:block; }
.woocommerce ul.products li.product .button,
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button {
  background:linear-gradient(135deg,var(--water-mid),var(--water-teal));
  color:#fff;border:none;border-radius:99px;
  padding:.6rem 1.4rem;font-family:var(--font-b);font-size:.82rem;font-weight:700;
  cursor:pointer;transition:all .2s;margin:.5rem 1.2rem 1.2rem;
  box-shadow:0 4px 12px rgba(10,191,188,.3);
}
.woocommerce ul.products li.product .button:hover,.woocommerce a.button:hover { transform:translateY(-2px);box-shadow:0 8px 20px rgba(10,191,188,.45);color:#fff; }
.woocommerce div.product .product_title { font-family:var(--font-h);font-size:2rem;font-weight:800;color:var(--text);margin-bottom:.5rem; }
.woocommerce div.product p.price { color:var(--coral);font-family:var(--font-h);font-size:1.8rem;font-weight:800; }
.woocommerce div.product form.cart .single_add_to_cart_button { background:linear-gradient(135deg,var(--water-mid),var(--water-teal));color:#fff;border-radius:99px;padding:.9rem 2.5rem;font-size:1rem;font-weight:700;font-family:var(--font-b);border:none;cursor:pointer;transition:all .2s;box-shadow:0 6px 18px rgba(10,191,188,.35); }
.woocommerce div.product form.cart .single_add_to_cart_button:hover { transform:translateY(-2px);box-shadow:0 10px 28px rgba(10,191,188,.5);color:#fff; }
.woocommerce-message,.woocommerce-info { background:rgba(10,191,188,.08);border-top-color:var(--water-teal);color:var(--text2);font-size:.9rem; }
.woocommerce-error { border-top-color:var(--coral); }
.woocommerce .woocommerce-breadcrumb { font-size:.8rem;color:var(--muted);padding:1rem 0; }
.woocommerce .woocommerce-breadcrumb a { color:var(--water-mid); }
.woocommerce table.shop_table { border-radius:16px;overflow:hidden;border:1px solid rgba(13,79,92,.1);box-shadow:var(--sh); }
.woocommerce table.shop_table th { background:rgba(13,79,92,.04);color:var(--muted);font-size:.75rem;letter-spacing:.07em;text-transform:uppercase;padding:.85rem 1rem;font-family:var(--font-b);font-weight:700; }
.woocommerce table.shop_table td { padding:1rem;border-color:rgba(13,79,92,.08);color:var(--text); }
.woocommerce form .form-row input.input-text,.woocommerce form .form-row select,.woocommerce form .form-row textarea { background:#fff;border:1.5px solid rgba(13,79,92,.15);color:var(--text);border-radius:10px;padding:.75rem 1rem;font-size:.9rem; }
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row select:focus { border-color:var(--water-teal);box-shadow:0 0 0 3px rgba(10,191,188,.12); }
.woocommerce #payment #place_order { background:linear-gradient(135deg,var(--water-mid),var(--water-teal));color:#fff;border-radius:99px;padding:.95rem 2.5rem;font-size:1rem;font-weight:700;font-family:var(--font-b);border:none;cursor:pointer;box-shadow:0 6px 18px rgba(10,191,188,.35);transition:all .2s; }
.woocommerce #payment #place_order:hover { transform:translateY(-2px);box-shadow:0 10px 28px rgba(10,191,188,.5);color:#fff; }
.woocommerce-MyAccount-navigation ul { list-style:none;background:#fff;border-radius:16px;overflow:hidden;border:1px solid rgba(13,79,92,.1);box-shadow:var(--sh); }
.woocommerce-MyAccount-navigation li a { display:block;padding:.85rem 1.2rem;font-size:.88rem;color:var(--muted);border-bottom:1px solid rgba(13,79,92,.07);transition:all .18s; }
.woocommerce-MyAccount-navigation li.is-active a,.woocommerce-MyAccount-navigation li a:hover { background:linear-gradient(135deg,rgba(10,191,188,.1),rgba(10,191,188,.05));color:var(--water-mid);font-weight:600; }
.woocommerce-cart .cart-collaterals .cart_totals { background:#fff;border:1px solid rgba(13,79,92,.1);border-radius:16px;padding:1.5rem;box-shadow:var(--sh); }
.woocommerce-cart .cart-collaterals h2 { font-family:var(--font-h);font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:1rem; }
.woocommerce #payment { background:#fff;border-radius:16px;border:1px solid rgba(13,79,92,.1);box-shadow:var(--sh); }
.woocommerce #payment ul.payment_methods { padding:1.2rem;border-bottom:1px solid rgba(13,79,92,.08); }
.woocommerce #payment div.payment_box { background:rgba(10,191,188,.04);margin:.5rem;border-radius:8px;color:var(--muted);font-size:.85rem; }
.woocommerce-pagination ul { display:flex;gap:6px;list-style:none;justify-content:center;margin-top:2rem; }
.woocommerce-pagination ul li a,.woocommerce-pagination ul li span { display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#fff;border:1px solid rgba(13,79,92,.12);color:var(--muted);font-size:.85rem;transition:all .18s;box-shadow:var(--sh); }
.woocommerce-pagination ul li a:hover { border-color:rgba(10,191,188,.35);color:var(--water-mid); }
.woocommerce-pagination ul li span.current { background:linear-gradient(135deg,var(--water-mid),var(--water-teal));color:#fff;border-color:var(--water-teal);box-shadow:0 4px 12px rgba(10,191,188,.3); }

/* ════════════════════════════
   RESPONSIVE
════════════════════════════ */
@media (max-width:1024px) {
  .hero-layout,.baelbot-layout,.about-layout,.dash-layout { grid-template-columns:1fr; }
  .hero-img-wrap { display:none; }
  .features-grid { grid-template-columns:repeat(2,1fr); }
  .products-grid { grid-template-columns:1fr 1fr; }
  .science-grid { grid-template-columns:1fr; }
  .locations-grid { grid-template-columns:1fr; }
  .shop-grid { grid-template-columns:1fr 1fr; }
  .testi-grid { grid-template-columns:1fr 1fr; }
  .contact-layout { grid-template-columns:1fr; }
  .footer-grid { grid-template-columns:1fr 1fr;gap:24px; }
  .woocommerce ul.products { grid-template-columns:1fr 1fr; }
}
@media (max-width:640px) {
  ul.nav-links { display:none!important; }
  .hamburger { display:flex; }
  .products-grid,.shop-grid,.testi-grid { grid-template-columns:1fr; }
  .footer-grid { grid-template-columns:1fr; }
  .form-row { grid-template-columns:1fr; }
  .features-grid { grid-template-columns:1fr 1fr; }
  section { padding:60px 0; }
  .mp-btns { flex-direction:column;align-items:stretch; }
  .hero-title { font-size:clamp(28px,8vw,42px); }
  .hero-stats { gap:1rem; }
  .cart-panel { width:100vw; }
  .woocommerce ul.products { grid-template-columns:1fr; }
  .mp-btn { justify-content:center; }
  .cta-band-actions { flex-direction:column;align-items:center; }
  .ctabs { flex-wrap:wrap; }
  .ctab { flex:none;min-width:calc(50% - 3px); }
  .baelbot-imgs { grid-template-columns:1fr; }
  .bb-img-sub:last-child { display:none; }
}
@media (max-width:400px) {
  .nav-inner { padding:0 14px; }
  .container { padding:0 16px; }
}

/* second duplicate removed */

/* ════════════════════════════
   CART ENHANCEMENTS — Amazon-style
════════════════════════════ */
.cart-header {
  padding: 16px 20px;
  border-bottom: 1px solid rgba(13,79,92,.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(135deg,rgba(13,79,92,.05),rgba(10,191,188,.05));
}
.cart-header-left h3 { font-size:16px;font-weight:800;color:var(--text);margin-bottom:2px; }
.cart-header-count { font-size:11px;color:var(--muted); }
.cart-subscribe-banner {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  background: linear-gradient(135deg,rgba(76,175,122,.1),rgba(10,191,188,.08));
  border-bottom: 1px solid rgba(76,175,122,.2);
}
.csb-icon { font-size:20px;flex-shrink:0; }
.csb-text { flex:1; }
.csb-text strong { display:block;font-size:12.5px;color:var(--text);font-weight:700; }
.csb-text span   { font-size:11px;color:var(--muted); }
.csb-btn { background:var(--sage);color:#fff;border:none;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;font-family:var(--font-b);flex-shrink:0; }
.csb-btn:hover { background:#3a9a60;transform:translateY(-1px); }

/* Cart subscribe form inside panel */
.cart-sub-form {
  padding: 14px 20px;
  background: rgba(76,175,122,.06);
  border-bottom: 1px solid rgba(76,175,122,.15);
  animation: slideDown .25s ease;
}
@keyframes slideDown { from{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1} }
.csf-header { display:flex;justify-content:space-between;align-items:center;margin-bottom:10px; }
.csf-header strong { font-size:13px;color:var(--text); }
.csf-select { width:100%;background:#fff;border:1.5px solid rgba(13,79,92,.15);color:var(--text);padding:7px 11px;border-radius:9px;font-size:12.5px;margin-bottom:8px;appearance:none; }
.csf-row { display:grid;grid-template-columns:1fr 1fr;gap:6px; }
.csf-input { background:#fff;border:1.5px solid rgba(13,79,92,.15);color:var(--text);padding:7px 11px;border-radius:9px;font-size:12px;width:100%; }
.csf-input:focus { border-color:var(--water-teal);outline:none; }

/* Cart promo code */
.cart-promo-row { display:flex;gap:6px;margin-bottom:12px; }
.cart-promo-input { flex:1;background:#fff;border:1.5px solid rgba(13,79,92,.15);color:var(--text);padding:7px 12px;border-radius:9px;font-size:13px; }
.cart-promo-input:focus { border-color:var(--water-teal);outline:none; }
.cart-promo-btn { background:rgba(13,79,92,.08);border:1px solid rgba(13,79,92,.15);color:var(--text2);padding:7px 14px;border-radius:9px;font-size:12px;font-weight:700;cursor:pointer;font-family:var(--font-b);transition:all .18s; }
.cart-promo-btn:hover { background:rgba(10,191,188,.12);border-color:rgba(10,191,188,.3);color:var(--water-mid); }
.cart-empty-title { font-size:15px;font-weight:700;color:var(--text);margin-bottom:4px; }
.cart-empty-sub   { font-size:12px;color:var(--muted); }
.cart-free-ship   { font-size:11px;color:var(--sage);font-weight:600;margin-top:3px; }
.cart-total-label { font-size:14px;color:var(--muted); }

/* ════════════════════════════
   TOAST — WATER STYLE
════════════════════════════ */
.bf-toast {
  position: fixed;
  bottom: 90px; right: 24px;
  background: #fff;
  border: 1.5px solid rgba(10,191,188,.3);
  border-radius: 14px;
  padding: 12px 18px;
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
  z-index: 99999;
  transform: translateY(20px) scale(.96);
  opacity: 0;
  transition: all .35s cubic-bezier(.4,0,.2,1);
  box-shadow: 0 8px 28px rgba(13,79,92,.18), 0 2px 8px rgba(0,0,0,.08);
  pointer-events: none;
  max-width: 320px;
}
.bf-toast.show { transform: translateY(0) scale(1); opacity: 1; }
.bf-toast-icon { font-size: 18px; flex-shrink: 0; }

/* ════════════════════════════
   MOBILE DRAWER — POLISHED
════════════════════════════ */
.mobile-drawer {
  display: none;
  position: fixed;
  top: 72px;
  left: 0; right: 0;
  bottom: 0;
  background: rgba(13,79,92,.97);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  z-index: 999;
  flex-direction: column;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transform: translateY(-8px);
  opacity: 0;
  transition: all .25s cubic-bezier(.4,0,.2,1);
}
.mobile-drawer.open {
  display: flex;
  transform: translateY(0);
  opacity: 1;
}
.mobile-drawer-links {
  display: flex;
  flex-direction: column;
  padding: 12px 16px;
  gap: 4px;
  flex: 1;
}
.md-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 500;
  color: rgba(255,255,255,.85);
  transition: all .18s;
  text-decoration: none;
  border: 1px solid transparent;
}
.md-link:hover, .md-link.active {
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.15);
  color: #fff;
}
.md-link-icon { font-size: 18px; width: 28px; text-align: center; flex-shrink: 0; }
.md-badge { margin-left:auto;background:var(--coral);color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:99px; }
.mobile-drawer-social {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  border-top: 1px solid rgba(255,255,255,.1);
  flex-wrap: wrap;
}
.mobile-drawer-social span { font-size:12px;color:rgba(255,255,255,.5); }
.mobile-drawer-social a { color:rgba(255,255,255,.7);transition:color .18s; }
.mobile-drawer-social a:hover { color:#fff; }
.mobile-drawer-footer {
  padding: 12px 16px 24px;
  padding-bottom: max(24px, env(safe-area-inset-bottom));
  border-top: 1px solid rgba(255,255,255,.1);
}

/* ════════════════════════════
   FOOTER — SOCIAL GRID
════════════════════════════ */
.footer-logo-link {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  margin-bottom: 14px;
}
.footer-logo-text {
  font-family: var(--font-h);
  font-size: 22px;
  font-weight: 800;
  color: #fff;
  letter-spacing: -.02em;
}
.footer-logo-text em { font-style:normal;color:var(--water-light); }
.footer-social-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
}
.social-link {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: rgba(255,255,255,.85);
  text-decoration: none;
  transition: all .2s;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(4px);
}
.social-link:hover { transform:translateY(-2px);color:#fff; }
.social-link.instagram:hover { background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:transparent; }
.social-link.facebook:hover  { background:#1877F2;border-color:transparent; }
.social-link.whatsapp:hover  { background:#25D366;border-color:transparent;color:#fff; }
.social-link.youtube:hover   { background:#FF0000;border-color:transparent; }
.social-link.twitter:hover   { background:#000;border-color:transparent; }
.social-link.linkedin:hover  { background:#0A66C2;border-color:transparent; }
.social-link.telegram:hover  { background:#26A5E4;border-color:transparent; }
.social-link.pinterest:hover { background:#E60023;border-color:transparent; }

/* Footer subscribe section */
.footer-subscribe-section {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 20px;
  padding: 28px;
  margin-bottom: 48px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: flex-start;
}
.fss-left { display:flex;gap:14px;align-items:flex-start;flex:1;min-width:200px; }
.fss-icon { font-size:28px;flex-shrink:0; }
.fss-title { font-family:var(--font-h);font-size:17px;font-weight:800;color:#fff;margin-bottom:4px; }
.fss-sub   { font-size:12px;color:rgba(255,255,255,.6);line-height:1.5; }
.fss-plans { display:flex;gap:6px;flex-wrap:wrap;align-items:center; }
.fss-plan  { padding:7px 14px;border-radius:99px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.8);font-size:12px;font-weight:600;cursor:pointer;transition:all .18s;font-family:var(--font-b); }
.fss-plan.active,.fss-plan:hover { background:var(--water-teal);border-color:var(--water-teal);color:var(--water-deep); }
.fss-form  { display:flex;gap:8px;flex-wrap:wrap;align-items:center;flex:1;min-width:280px; }
.fss-input { flex:1;min-width:140px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.6rem 1rem;border-radius:10px;font-size:13px;transition:border-color .18s; }
.fss-input:focus { border-color:var(--water-light);outline:none;background:rgba(255,255,255,.15); }
.fss-input::placeholder { color:rgba(255,255,255,.4); }
.fss-btn   { flex-shrink:0; }
.fss-fine  { font-size:10px;color:rgba(255,255,255,.35);margin-top:6px;width:100%; }

/* Footer contact card */
.footer-contact-card {
  margin-top: 14px;
  padding: 10px 12px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px;
  font-size: 11.5px;
  color: rgba(255,255,255,.6);
  line-height: 1.8;
}

/* Trust badges */
.footer-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 20px 0;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(255,255,255,.08);
  margin-bottom: 22px;
}
.ft-badge {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 99px;
  font-size: 12px;
  color: rgba(255,255,255,.75);
  font-weight: 500;
}
.ft-badge span { font-size: 14px; }

/* ════════════════════════════
   MOBILE RESPONSIVE ADDITIONS
════════════════════════════ */
@media (max-width: 767px) {
  .footer-subscribe-section { flex-direction:column; }
  .fss-form { width:100%; }
  .footer-social-grid { gap:6px; }
  .social-link span { display:none; }
  .social-link { padding:8px; }
  .nav-logo-text { font-size:18px; }
  .footer-trust { justify-content:center; }
  .cart-panel { width:100vw;border-radius:20px 20px 0 0; }
  .bf-toast { bottom:80px;left:16px;right:16px;max-width:none; }
  .csf-row { grid-template-columns:1fr; }
}
@media (max-width: 400px) {
  .nav-logo-img { width:36px;height:36px; }
  .nav-logo-text { font-size:16px; }
}

/* Safe area insets for notch phones */
@supports (padding: max(0px)) {
  .mobile-drawer { padding-bottom: max(0px, env(safe-area-inset-bottom)); }
  .cart-panel { padding-bottom: max(0px, env(safe-area-inset-bottom)); }
  .site-nav { padding-top: max(0px, env(safe-area-inset-top)); }
}

/* ════════════════════════════
   CSS VARIABLE ALIASES
   Legacy variable names mapped to watercolour tokens
   Ensures inner pages using old variables still render correctly
════════════════════════════ */
:root {
  /* Legacy dark-theme vars → watercolour equivalents */
  --teal:       var(--water-teal);
  --teal-dark:  var(--water-mid);
  --teal-dim:   rgba(10,191,188,.1);
  --green:      var(--sage);
  --orange:     var(--coral);
  --amber:      #F5A623;
  --bg:         rgba(255,255,255,.96);
  --bg2:        rgba(255,255,255,.88);
  --bg3:        rgba(255,255,255,.75);
  --card:       #ffffff;
  --border:     rgba(13,79,92,.12);
  --text:       #0C3D48;
  --muted:      #5B8E9A;
  --white:      #FFFFFF;
  --r:          16px;
}

/* Inner page hero section — water glass style */
.page-hero {
  padding: 8rem 0 4rem;
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(13,79,92,.08);
}
.page-hero-inner {
  position: relative;
  z-index: 2;
  text-align: center;
}
/* Floating orbs on inner pages */
.hero-bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 60% 50% at 75% 50%, rgba(10,191,188,.12) 0%, transparent 70%),
    radial-gradient(ellipse 40% 50% at 20% 60%, rgba(76,175,122,.08) 0%, transparent 65%);
  pointer-events: none;
}
.hero-orbs { position:absolute;inset:0;pointer-events:none; }
.orb { position:absolute;border-radius:50%;filter:blur(60px);opacity:.2;animation:float-orb 9s ease-in-out infinite; }
.orb1 { width:280px;height:280px;background:var(--water-teal);top:10%;right:5%;animation-delay:0s; }
.orb2 { width:180px;height:180px;background:var(--sage);bottom:20%;right:25%;animation-delay:3s; }
@keyframes float-orb{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}

/* Feat-card on white/glass backgrounds */
.feat-card {
  background: rgba(255,255,255,.9);
  border: 1px solid rgba(13,79,92,.1);
}
.feat-icon.fi-t { background:rgba(10,191,188,.1);border:1px solid rgba(10,191,188,.22); }
.feat-icon.fi-g { background:rgba(76,175,122,.1);border:1px solid rgba(76,175,122,.22); }
.feat-icon.fi-a { background:rgba(245,166,35,.1);border:1px solid rgba(245,166,35,.22); }
.feat-icon.fi-o { background:rgba(232,98,26,.08);border:1px solid rgba(232,98,26,.2); }