/* ============================================================
   LYMPH FLOW — Conversion Enhancement CSS
   ============================================================ */
:root {
  --lf-teal:      #0c7a74;
  --lf-teal-mid:  #128f88;
  --lf-teal-light:#e4f5f4;
  --lf-orange:    #e14b1d;
  --lf-gold:      #f59e0b;
  --lf-green:     #15803d;
  --lf-dark:      #1c1c2b;
  --lf-shadow:    0 6px 24px rgba(12,122,116,0.18);
  --lf-radius:    12px;
  --lf-ease:      all 0.3s cubic-bezier(0.4,0,0.2,1);
}

/* ── URGENCY BAR ── */
#lf-urgency-bar {
  position:fixed; top:0; left:0; right:0; z-index:10001;
  background:linear-gradient(90deg,#7c2d12,#dc2626 50%,#7c2d12);
  color:#fff; text-align:center;
  padding:9px 48px;
  font-size:.84rem; font-weight:600; letter-spacing:.03em;
  display:flex; align-items:center; justify-content:center; gap:10px;
  box-shadow:0 2px 14px rgba(220,38,38,.45);
}
.lf-countdown {
  background:rgba(255,255,255,.2); border-radius:6px;
  padding:2px 10px; font-variant-numeric:tabular-nums;
  font-size:.92rem; letter-spacing:.08em; min-width:62px;
}
.lf-ub-close {
  position:absolute; right:14px; top:50%; transform:translateY(-50%);
  cursor:pointer; font-size:1.1rem; opacity:.7;
  background:none; border:none; color:#fff; line-height:1; padding:4px;
}
.lf-ub-close:hover { opacity:1; }
body.lf-bar-visible { padding-top:42px; }
body.lf-bar-visible .navbar-fixed-top { top:42px !important; }

/* ── STICKY MOBILE CTA ── */
#lf-sticky-cta {
  display:none; position:fixed; bottom:0; left:0; right:0; z-index:9998;
  background:linear-gradient(90deg,var(--lf-teal),var(--lf-teal-mid));
  padding:10px 14px;
  box-shadow:0 -4px 20px rgba(12,122,116,.38);
}
#lf-sticky-cta a {
  display:block;
  background:linear-gradient(90deg,var(--lf-orange),#f54c18);
  color:#fff; font-weight:800; font-size:1rem; text-align:center;
  padding:13px; border-radius:10px; text-decoration:none;
  letter-spacing:.02em;
  box-shadow:0 4px 16px rgba(225,75,29,.4);
  animation:lf-pulse 2.2s infinite;
}
@media(max-width:768px){ #lf-sticky-cta{display:block;} body{padding-bottom:72px;} }

/* ── SOCIAL PROOF POPUP ── */
#lf-social-popup {
  position:fixed; bottom:90px; left:16px; z-index:9997;
  background:#fff; border:1px solid #cff0ee; border-radius:12px;
  padding:12px 16px; max-width:264px;
  box-shadow:0 8px 32px rgba(12,122,116,.18);
  font-size:.78rem; color:#333;
  display:flex; align-items:center; gap:10px;
  opacity:0; transform:translateX(-24px);
  transition:opacity .4s,transform .4s; pointer-events:none;
}
#lf-social-popup.lf-sp-show { opacity:1; transform:translateX(0); pointer-events:auto; }
.lf-sp-avatar {
  width:36px; height:36px; border-radius:50%; flex-shrink:0;
  background:linear-gradient(135deg,var(--lf-teal),var(--lf-green));
  display:flex; align-items:center; justify-content:center; font-size:1.1rem;
}
#lf-social-popup .lf-sp-text strong { display:block; color:var(--lf-dark); font-size:.79rem; }
#lf-social-popup .lf-sp-text span { color:#555; display:block; }
.lf-sp-time { font-size:.68rem; color:#aaa; }

/* ── NAVBAR SCROLL ── */
.navbar { transition:var(--lf-ease); }
.navbar.lf-scrolled {
  background:rgba(12,122,116,.97) !important;
  box-shadow:0 4px 24px rgba(0,0,0,.2) !important;
}

/* ── HERO SECTION ── */
#features7-hero {
  background:linear-gradient(145deg,#061f1e 0%,#0c4a45 55%,#0f6b63 100%) !important;
  position:relative; overflow:hidden;
}
#features7-hero::before {
  content:''; position:absolute; top:-40%; right:-10%;
  width:520px; height:520px;
  background:radial-gradient(circle,rgba(245,158,11,.1) 0%,transparent 70%);
  pointer-events:none;
}
#features7-hero .image-wrapper { transition:var(--lf-ease); }
#features7-hero .image-wrapper:hover { transform:translateY(-6px) scale(1.01); }

/* ── HERO STARS ── */
.lf-hero-stars {
  display:flex; align-items:center; gap:10px; margin:10px 0 14px; flex-wrap:wrap;
}
.stars { color:var(--lf-gold); font-size:1.25rem; letter-spacing:2px; }
.lf-review-count { color:rgba(255,255,255,.75); font-size:.82rem; }
.lf-badge {
  background:rgba(255,255,255,.15); color:#a7f3d0;
  border:1px solid rgba(255,255,255,.25); border-radius:20px;
  padding:2px 12px; font-size:.76rem; font-weight:600; letter-spacing:.06em;
}

/* ── HERO CHECKLIST ── */
.lf-hero-checks { list-style:none; padding:0; margin:14px 0 0; }
.lf-hero-checks li {
  color:rgba(255,255,255,.88); font-size:.9rem;
  padding:4px 0 4px 24px; position:relative;
}
.lf-hero-checks li::before {
  content:'✓'; position:absolute; left:0; color:#6be8d8; font-weight:700;
}

/* ── TRUST STRIP ── */
.lf-trust-strip {
  background:#f0fdfb; border-top:1px solid #99e6df; border-bottom:1px solid #99e6df;
  padding:14px 20px;
}
.lf-trust-items {
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center;
  gap:20px; max-width:960px; margin:0 auto;
}
.lf-trust-item {
  display:flex; align-items:center; gap:6px;
  font-size:.8rem; font-weight:600; color:#0c7a74; white-space:nowrap;
}

/* ── STEP NUMBER CIRCLES ── */
.step-number {
  background:linear-gradient(135deg,var(--lf-teal),var(--lf-teal-mid)) !important;
  color:#fff !important; border-radius:50% !important;
  width:44px !important; height:44px !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  font-weight:800 !important; font-size:1.1rem !important; flex-shrink:0;
  box-shadow:0 4px 14px rgba(12,122,116,.32) !important;
}

/* ── BENEFITS GRID ── */
.lf-benefits-grid {
  display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:16px; margin:20px 0;
}
.lf-benefit-card {
  background:#fff; border:1.5px solid #cff0ee; border-radius:var(--lf-radius);
  padding:20px 18px; transition:var(--lf-ease); position:relative; overflow:hidden;
}
.lf-benefit-card::before {
  content:''; position:absolute; top:0; left:0;
  width:4px; height:100%;
  background:linear-gradient(180deg,var(--lf-teal),var(--lf-gold));
  border-radius:4px 0 0 4px;
}
.lf-benefit-card:hover { transform:translateY(-4px); box-shadow:var(--lf-shadow); border-color:var(--lf-teal); }
.lf-bc-icon { font-size:1.6rem; margin-bottom:9px; display:block; }
.lf-benefit-card h4 { font-size:.92rem; font-weight:700; color:var(--lf-dark); margin:0 0 6px; }
.lf-benefit-card p { font-size:.82rem; color:#4a6665; line-height:1.6; margin:0; }

/* ── TESTIMONIAL CARDS ── */
.team2 .card {
  border:1.5px solid #cff0ee !important; border-radius:var(--lf-radius) !important;
  box-shadow:0 4px 20px rgba(12,122,116,.07) !important;
  transition:var(--lf-ease) !important; margin-bottom:20px;
}
.team2 .card:hover {
  transform:translateY(-3px);
  box-shadow:0 12px 36px rgba(12,122,116,.15) !important;
  border-color:var(--lf-teal) !important;
}
.team2 .image-wrapper img {
  border-radius:50% !important;
  border:3px solid var(--lf-gold) !important;
  box-shadow:0 4px 14px rgba(245,158,11,.28) !important;
}

/* ── INGREDIENT CARDS ── */
.features19 .item {
  background:#fff; border:1.5px solid #cff0ee; border-radius:var(--lf-radius);
  padding:18px 20px !important; margin-bottom:14px;
  transition:var(--lf-ease); align-items:flex-start;
}
.features19 .item:hover {
  border-color:var(--lf-teal); box-shadow:var(--lf-shadow); transform:translateX(4px);
}
.features19 .icon-title { color:var(--lf-teal) !important; }

/* ── GUARANTEE SECTION ── */
#features17-guarantee {
  background:linear-gradient(135deg,#f0fdfb,#d1fae5) !important;
  border-top:3px solid var(--lf-green); border-bottom:3px solid var(--lf-green);
}
#features17-guarantee .card-title { color:#14532d !important; }
#features17-guarantee .mbr-text { color:#166534 !important; }

/* ── SECURE ROW ── */
.lf-secure-row {
  display:flex; flex-wrap:wrap; gap:12px; margin:16px 0;
}
.lf-secure-item {
  display:flex; align-items:center; gap:6px;
  background:#f0fdfb; border:1px solid #99e6df;
  border-radius:8px; padding:6px 12px;
  font-size:.78rem; font-weight:600; color:#0c5e59;
}

/* ── LIVE COUNTER ── */
.lf-live-counter {
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(0,0,0,.18); color:#fff;
  border-radius:999px; padding:5px 16px;
  font-size:.8rem; font-weight:700; letter-spacing:.04em; margin:12px 0 0;
}
.lf-dot {
  width:8px; height:8px; background:#6be8d8; border-radius:50%;
  animation:lf-blink 1.2s infinite;
}
@keyframes lf-blink { 0%,100%{opacity:1;} 50%{opacity:.15;} }

/* ── STOCK BAR ── */
.lf-stock-label { font-size:.78rem; font-weight:600; color:#dc2626; margin-bottom:4px; }
.lf-stock-bar { height:8px; background:#fee2e2; border-radius:4px; overflow:hidden; }
.lf-stock-fill {
  height:100%; width:23%;
  background:linear-gradient(90deg,#dc2626,#f87171);
  border-radius:4px; animation:lf-stock 1.2s ease forwards;
}
@keyframes lf-stock { from{width:0;} to{width:23%;} }

/* ── BONUSES ── */
.lf-bonuses-wrap {
  display:flex; flex-wrap:wrap; gap:20px; justify-content:center; margin:24px 0;
}
.lf-bonus-card {
  background:#fff; border:1.5px solid #cff0ee; border-radius:var(--lf-radius);
  padding:20px; text-align:center; width:210px; transition:var(--lf-ease);
}
.lf-bonus-card:hover { transform:translateY(-4px); box-shadow:var(--lf-shadow); }
.lf-bonus-card img { width:130px; height:130px; object-fit:cover; border-radius:8px; margin-bottom:10px; }
.lf-bc-label { font-size:.7rem; text-transform:uppercase; letter-spacing:.1em; color:var(--lf-green); font-weight:700; }
.lf-bonus-card h5 { font-size:.85rem; font-weight:700; color:var(--lf-dark); margin:4px 0 2px; }
.lf-bc-value { font-size:.75rem; color:#888; text-decoration:line-through; }
.lf-bc-free { font-size:.8rem; font-weight:800; color:var(--lf-green); }

/* ── CTA BUTTONS PULSE ── */
@keyframes lf-pulse {
  0%,100%{box-shadow:0 0 0 0 rgba(225,75,29,.65);}
  70%{box-shadow:0 0 0 14px rgba(225,75,29,0);}
}
.btn-pulse { animation:lf-pulse 2.2s infinite; }

/* ── PRICING CARDS HOVER ── */
.team1 .card-wrap { transition:var(--lf-ease); }
.team1 .card-wrap:hover { transform:translateY(-6px); filter:drop-shadow(0 16px 38px rgba(12,122,116,.25)); }

/* ── FINAL CTA ── */
#features7-cta2 {
  background:linear-gradient(145deg,#061f1e 0%,#0c4a45 60%,#0f6b63 100%) !important;
}
#features7-cta2 .mbr-title { color:#fff !important; }
#features7-cta2 .currentcost { color:rgba(255,255,255,.7) !important; }
#features7-cta2 .oldcost { color:#fca5a5 !important; text-decoration:line-through; }

/* ── FOOTER ── */
#content13-footer { background:#0a1f1e !important; border-top:3px solid var(--lf-gold); }
#content13-footer a { color:#99e6df !important; transition:color .2s; }
#content13-footer a:hover { color:var(--lf-gold) !important; }

/* ── SCROLL REVEAL ── */
.lf-reveal { opacity:0; transform:translateY(24px); transition:opacity .65s,transform .65s; }
.lf-reveal.lf-visible { opacity:1; transform:translateY(0); }

/* ── FAQ ── */
.content17 .card { border:1.5px solid #cff0ee !important; border-radius:10px !important; transition:var(--lf-ease); }
.content17 .card:hover { border-color:var(--lf-teal) !important; box-shadow:0 4px 16px rgba(12,122,116,.1) !important; }
.content17 .card-header { background:#f0fdfb !important; border-bottom:1px solid #cff0ee !important; }

@media(max-width:480px){
  .lf-benefits-grid { grid-template-columns:1fr; }
  .lf-bonuses-wrap { gap:12px; }
  .lf-bonus-card { width:160px; padding:14px; }
}