/* ============================================================
   DISGUISED RESEARCH — Design System
   Inspired by: AminoClub structure + Vylix darkness + DR pink
============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Anton&display=swap');

:root {
  /* Surfaces */
  --bg-dark: #18004c;
  --bg-deep: #0e0030;
  --bg-light: #FFFFFF;
  --bg-soft: #FAFAFB;
  --bg-gray: #F3F3F5;
  --bg-gray-2: #E9E9EC;

  /* Brand */
  --accent: #0096d6;
  --accent-dark: #0077b6;
  --accent-soft: rgba(0,150,214, 0.08);
  --accent-glow: rgba(0,150,214, 0.35);

  /* Text */
  --ink: #18004c;
  --ink-2: rgba(24,0,76, 0.72);
  --ink-3: rgba(24,0,76, 0.52);
  --ink-4: rgba(24,0,76, 0.32);
  --inv: #FFFFFF;
  --inv-2: rgba(255, 255, 255, 0.72);
  --inv-3: rgba(255, 255, 255, 0.50);
  --inv-4: rgba(255, 255, 255, 0.30);

  /* Borders */
  --line: rgba(24,0,76, 0.08);
  --line-2: rgba(24,0,76, 0.16);
  --line-inv: rgba(255, 255, 255, 0.12);
  --line-inv-2: rgba(255, 255, 255, 0.22);

  /* Shadows */
  --shadow-sm: 0 4px 14px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 12px 36px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 28px 80px rgba(0, 0, 0, 0.12);
  --shadow-glow: 0 0 40px rgba(0,150,214, 0.30);

  /* Radii */
  --r-xs: 8px;
  --r-sm: 12px;
  --r-md: 16px;
  --r-lg: 22px;
  --r-xl: 28px;
  --r-pill: 999px;

  /* Type */
  --font-display: 'Anton', 'Inter', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;

  /* Layout */
  --max: 1240px;
  --pad: clamp(16px, 4vw, 32px);
}

/* ===== Reset / base ===== */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
html {
  scroll-behavior: smooth;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;  /* hard guarantee no horizontal scroll on any viewport */
}
body {
  font-family: var(--font-body);
  font-feature-settings: 'ss01', 'cv11', 'kern', 'liga';
  background: var(--bg-light);
  color: var(--ink);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  max-width: 100vw;
  overflow-x: hidden;
}
img, svg {
  display: block;
  max-width: 100%;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}
/* Restore smooth rendering for product photography (above is for icons/graphics) */
.pcard__media img,
.hero__fan-vial img,
.brand-logo {
  image-rendering: auto;
  image-rendering: high-quality;
}
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; border: none; background: none; color: inherit; }
input, textarea, select { font: inherit; color: inherit; }

/* ===== Layout ===== */
.wrap { max-width: var(--max); margin: 0 auto; padding: 0 var(--pad); }
.section { padding: clamp(56px, 9vw, 120px) 0; }
.section--tight { padding: clamp(40px, 6vw, 72px) 0; }
.section--dark { background: var(--bg-dark); color: var(--inv); }
.section--deep { background: var(--bg-deep); color: var(--inv); }
.section--soft { background: var(--bg-soft); }

/* ===== Promo bar (marquee) ===== */
.promo-bar {
  background: var(--bg-deep);
  color: var(--inv);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 10px 0;
  border-bottom: 1px solid var(--line-inv);
  overflow: hidden;
  position: relative;
}
.promo-bar::before, .promo-bar::after {
  content: ''; position: absolute; top: 0; bottom: 0; width: 80px; z-index: 2; pointer-events: none;
}
.promo-bar::before { left: 0; background: linear-gradient(90deg, var(--bg-deep), transparent); }
.promo-bar::after { right: 0; background: linear-gradient(270deg, var(--bg-deep), transparent); }
.promo-bar__track {
  display: inline-flex; gap: 56px; white-space: nowrap;
  animation: marquee 32s linear infinite;
  padding-left: 56px;
}
.promo-bar:hover .promo-bar__track { animation-play-state: paused; }
.promo-bar__item { display: inline-flex; align-items: center; gap: 56px; }
.promo-bar__item::after { content: '◆'; color: var(--accent); font-size: 8px; }
.promo-bar strong { color: var(--accent); font-weight: 800; }
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  .promo-bar__track { animation: none; }
}

/* ===== Nav ===== */
.nav {
  position: sticky; top: 0; z-index: 50;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: saturate(180%) blur(14px);
  -webkit-backdrop-filter: saturate(180%) blur(14px);
  border-bottom: 1px solid var(--line);
}
.nav__inner {
  max-width: var(--max); margin: 0 auto; padding: 14px var(--pad);
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px;
}
.nav__brand   { justify-self: start; }
.nav__menu    { justify-self: center; }
.nav__actions { justify-self: end; }
/* Reserve scrollbar gutter so nav doesn't shift between pages with/without scroll */
html { scrollbar-gutter: stable; }
.nav__brand { display: flex; align-items: center; gap: 10px; }
.nav__brand svg { height: 28px; width: auto; }
.nav__menu {
  display: flex; align-items: center; gap: 28px;
  font-size: 13px; font-weight: 600; letter-spacing: 0.02em;
  text-transform: uppercase;
}
.nav__menu a { color: var(--ink); transition: color .15s ease; }
.nav__menu a:hover { color: var(--accent); }
.nav__menu a.is-active { color: var(--accent); }
.nav__actions { display: flex; align-items: center; gap: 16px; }
.nav__icon {
  width: 38px; height: 38px; border-radius: var(--r-pill);
  border: 1px solid var(--line); display: inline-flex; align-items: center; justify-content: center;
  transition: border-color .15s, background .15s;
}
.nav__icon:hover { border-color: var(--accent); background: var(--accent-soft); }
.nav__cart { position: relative; }
.nav__cart-count {
  position: absolute; top: -6px; right: -6px;
  background: var(--accent); color: var(--inv);
  font-size: 10px; font-weight: 800;
  width: 18px; height: 18px; border-radius: var(--r-pill);
  display: inline-flex; align-items: center; justify-content: center;
}
.nav__burger { display: none; }

/* Checkout-mode header (no main nav, padlock badge + back button) */
.nav--checkout .nav__inner { gap: 12px; }
.nav__menu--checkout { display: flex !important; gap: 0; }
.nav__checkout-badge {
  display: inline-flex; align-items: center; gap: 8px;
  color: var(--ink-3); letter-spacing: .14em;
  white-space: nowrap;
}
.nav__checkout-badge svg { color: var(--accent); flex-shrink: 0; }
.nav__checkout-badge-short { display: none; }
@media (max-width: 720px) {
  .nav__menu--checkout { flex: 0 1 auto; }
  .nav__checkout-badge { letter-spacing: .08em; font-size: 10px; }
  .nav__checkout-badge-full { display: none; }
  .nav__checkout-badge-short { display: inline; }
  .nav__checkout-back-label { display: none; }
  .nav__checkout-back { padding: 8px 12px; font-size: 14px; }
}
@media (max-width: 480px) {
  .nav__checkout-badge { display: none; }
}

@media (max-width: 880px) {
  /* Mobile menu pattern: burger pinned to far LEFT (outside nav__actions
     visually via absolute positioning), brand centered, cart on right.
     Dropdown drops full-width below the header. */
  .nav { position: relative; }
  .nav__inner { padding-left: calc(var(--pad) + 50px) !important; }
  .nav__menu { display: none; }
  .nav__burger {
    display: inline-flex; width: 38px; height: 38px; border-radius: var(--r-pill);
    border: 1px solid var(--line); align-items: center; justify-content: center;
    position: absolute !important;
    left: var(--pad);
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    background: transparent;
  }
  .nav__menu.is-open {
    display: flex; flex-direction: column; gap: 0;
    position: absolute; top: 100%; left: 0; right: 0; width: 100%;
    background: var(--bg-light);
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.10);
    padding: 0;
    z-index: 100;
    margin: 0;
  }
  .nav__menu.is-open a {
    padding: 16px var(--pad);
    border-bottom: 1px solid var(--line);
    width: 100%;
    text-align: left;
    font-size: 14px;
  }
  .nav__menu.is-open a:last-child { border-bottom: none; }
}

/* ===== Buttons ===== */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  padding: 14px 22px; border-radius: var(--r-pill);
  font-weight: 700; font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase;
  transition: transform .12s ease, box-shadow .15s ease, background .15s, color .15s;
  white-space: nowrap; cursor: pointer; border: 1px solid transparent;
}
.btn:hover { transform: translateY(-1px); }
.btn--primary { background: var(--ink); color: var(--inv); }
.btn--primary:hover { background: var(--accent); box-shadow: var(--shadow-glow); }
.btn--accent { background: var(--accent); color: var(--inv); box-shadow: 0 14px 32px var(--accent-glow); }
.btn--accent:hover { background: var(--accent-dark); }
.btn--light { background: var(--inv); color: var(--ink); }
.btn--light:hover { background: var(--accent); color: var(--inv); }
.btn--ghost { background: transparent; color: var(--ink); border-color: var(--line-2); }
.btn--ghost:hover { border-color: var(--accent); color: var(--accent); }
.btn--ghost-inv { background: transparent; color: var(--inv); border-color: var(--line-inv-2); }
.btn--ghost-inv:hover { border-color: var(--accent); color: var(--accent); }
.btn--sm { padding: 10px 16px; font-size: 11px; }
.btn--lg { padding: 18px 28px; font-size: 14px; }
.btn--block { display: flex; width: 100%; }
.btn .arr { transition: transform .15s ease; }
.btn:hover .arr { transform: translateX(3px); }

/* ===== Eyebrow / kicker ===== */
.kicker {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 11px; font-weight: 700; letter-spacing: 0.18em;
  text-transform: uppercase; color: var(--accent);
}
.kicker::before {
  content: ''; width: 8px; height: 8px; border-radius: 50%;
  background: var(--accent); box-shadow: 0 0 0 4px var(--accent-soft);
}
.kicker--inv { color: var(--inv); }
.kicker--inv::before { background: var(--accent); box-shadow: 0 0 0 4px rgba(0,150,214, 0.20); }

/* ===== Display type ===== */
.h-display {
  font-family: var(--font-display);
  font-weight: 400; /* Anton has only 400 */
  font-size: clamp(56px, 11vw, 168px);
  line-height: 0.92;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  margin: 0;
}
.h-hero {
  font-family: var(--font-body);
  font-weight: 900;
  font-size: clamp(44px, 6.4vw, 96px);
  line-height: 0.98;
  letter-spacing: -0.035em;
  margin: 0;
}
.h-section {
  font-weight: 900;
  font-size: clamp(34px, 4.4vw, 64px);
  line-height: 1.02;
  letter-spacing: -0.03em;
  margin: 0;
}
.h-block {
  font-weight: 900;
  font-size: clamp(24px, 2.6vw, 36px);
  line-height: 1.1;
  letter-spacing: -0.025em;
  margin: 0;
}
.lede {
  font-size: clamp(15px, 1.4vw, 18px);
  color: var(--ink-2);
  font-weight: 500;
  line-height: 1.55;
  /* max-width: 64ch; */
  margin: 18px 0 0;
}
.lede--inv { color: var(--inv-2); }

/* ===== Hero (Vylix-style dark dramatic) ===== */
.hero {
  position: relative;
  background: var(--bg-deep);
  color: var(--inv);
  overflow: hidden;
  padding: clamp(32px, 4vw, 56px) 0 clamp(56px, 6vw, 88px);
  margin-bottom: -1px;
  isolation: isolate;
}
/* Animated gradient bg layer */
.hero::before { animation: heroGradient 14s ease infinite; background-size: 200% 200%; }
@keyframes heroGradient {
  0%, 100% { background-position: 0% 0%; }
  50% { background-position: 100% 100%; }
}
/* Subtle film grain overlay for premium feel */
.hero__grain {
  position: absolute; inset: 0; z-index: 1; pointer-events: none;
  opacity: 0.08; mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
/* Light sweep removed — the moving band's leading/trailing edges showed as visible lines across the vials */
/* Headline reveal */
.hero__title-1, .hero__title-2 {
  animation: heroReveal 1.2s cubic-bezier(.2,.8,.2,1) backwards;
}
.hero__title-1 { animation-delay: 0.1s; }
.hero__title-2 { animation-delay: 0.25s; }
.hero .kicker { animation: heroReveal 1s cubic-bezier(.2,.8,.2,1) backwards; }
.hero .lede { animation: heroReveal 1s cubic-bezier(.2,.8,.2,1) backwards; animation-delay: 0.4s; }
.hero__cta-row { animation: heroReveal 1s cubic-bezier(.2,.8,.2,1) backwards; animation-delay: 0.55s; }
.hero__stat-strip { animation: heroReveal 1s cubic-bezier(.2,.8,.2,1) backwards; animation-delay: 0.7s; }
@keyframes heroReveal {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
/* Scroll cue */
.hero__scroll-cue {
  position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%);
  z-index: 2;
  font-size: 9px; font-weight: 800; letter-spacing: 0.3em; text-transform: uppercase;
  color: rgba(255, 255, 255, 0.40);
  display: flex; flex-direction: column; align-items: center; gap: 8px;
  animation: heroReveal 1s cubic-bezier(.2,.8,.2,1) backwards; animation-delay: 0.85s;
}
.hero__scroll-cue::after {
  content: ''; width: 1px; height: 28px;
  background: linear-gradient(180deg, var(--accent), transparent);
  animation: scrollPulse 2s ease-in-out infinite;
}
@keyframes scrollPulse {
  0%, 100% { transform: scaleY(0.6); opacity: 0.4; }
  50% { transform: scaleY(1); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .hero__title-1, .hero__title-2, .hero .kicker, .hero .lede,
  .hero__cta-row, .hero__stat-strip, .hero__scroll-cue {
    animation: none;
  }
  .hero__visual::before { animation: none; opacity: 0; }
  .hero::before { animation: none; }
}
/* Glaze: extends well past viewport edges with no transparent stops — no visible boundary anywhere */
.hero::before {
  content: '';
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 1400px 1200px at 70% 50%,
      rgba(0,150,214, 0.50) 0%,
      rgba(0,150,214, 0.32) 18%,
      rgba(0,150,214, 0.18) 35%,
      rgba(0,150,214, 0.08) 55%,
      rgba(0,150,214, 0.03) 75%,
      rgba(0,150,214, 0.005) 100%
    ),
    radial-gradient(ellipse 1200px 900px at 25% 45%,
      rgba(0,150,214, 0.18) 0%,
      rgba(0,150,214, 0.06) 45%,
      rgba(0,150,214, 0.005) 100%
    );
  pointer-events: none;
}
.hero::after {
  content: '';
  position: absolute; inset: -5%;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(ellipse 80% 80% at center, black 20%, transparent 95%);
  -webkit-mask-image: radial-gradient(ellipse 80% 80% at center, black 20%, transparent 95%);
  pointer-events: none;
}
/* (removed: previous bottom fade + trust::before band — they created a visible black bar) */
.hero__fade { display: none; }
.hero__inner {
  position: relative; z-index: 1;
  max-width: var(--max); margin: 0 auto; padding: 0 var(--pad);
  display: grid; grid-template-columns: 1.15fr 1fr; gap: 56px; align-items: center;
}
@media (max-width: 980px) { .hero__inner { grid-template-columns: 1fr; gap: 24px; } }
.hero__title-1 {
  font-family: var(--font-display);
  font-size: clamp(36px, 5.5vw, 76px);
  line-height: 0.92;
  letter-spacing: -0.005em;
  text-transform: uppercase;
  margin: 12px 0 0;
}
.hero__title-2 {
  font-family: var(--font-display);
  font-size: clamp(36px, 5.5vw, 76px);
  line-height: 0.92;
  letter-spacing: -0.005em;
  text-transform: uppercase;
  margin: 0;
  color: transparent;
  -webkit-text-stroke: 1.5px var(--inv-3);
}
.hero__cta-row { margin-top: 22px; display: flex; flex-wrap: wrap; gap: 12px; }
.hero__stat-strip {
  margin-top: 24px;
  display: inline-flex; align-items: stretch; gap: 0;
  border: 1px solid var(--line-inv); border-radius: var(--r-pill);
  padding: 4px; background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(8px);
}
.hero__stat {
  padding: 12px 22px;
  display: flex; flex-direction: column; gap: 2px;
  border-right: 1px solid var(--line-inv);
}
.hero__stat:last-child { border-right: none; }
.hero__stat-num { font-weight: 900; font-size: 18px; letter-spacing: -0.02em; }
.hero__stat-num span { color: var(--accent); }
.hero__stat-lbl { font-size: 9px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: var(--inv-3); }

.hero__visual {
  position: relative;
  aspect-ratio: 1 / 0.95;
  display: flex; align-items: center; justify-content: center;
  perspective: 1200px;
}
.hero__fan {
  position: relative; width: 100%; height: 100%;
  transform-style: preserve-3d;
}
.hero__fan-vial {
  position: absolute;
  width: 36%;
  display: flex; align-items: flex-end; justify-content: center;
  transition: transform .55s cubic-bezier(.2,.8,.2,1);
  will-change: transform;
}
.hero__fan-vial img {
  width: 100%; height: auto; max-height: 100%;
  filter: drop-shadow(0 30px 40px rgba(0, 0, 0, 0.65)) drop-shadow(0 0 60px rgba(0,150,214, 0.30));
  transition: transform .55s cubic-bezier(.2,.8,.2,1), filter .35s ease;
}
.hero__fan-vial:hover img { filter: drop-shadow(0 30px 40px rgba(0, 0, 0, 0.65)) drop-shadow(0 0 80px rgba(0,150,214, 0.55)); }
.hero__fan-vial--1 {
  left: 0; bottom: 0;
  transform: rotate(-12deg) translateZ(0);
  z-index: 1; opacity: 0.92;
  animation: vialFloat1 6.5s ease-in-out infinite;
}
.hero__fan-vial--2 {
  left: 32%; bottom: 4%;
  transform: rotate(0deg) translateZ(40px) scale(1.10);
  z-index: 3;
  animation: vialFloat2 5.5s ease-in-out infinite;
}
.hero__fan-vial--3 {
  right: 0; bottom: 0;
  transform: rotate(12deg) translateZ(0);
  z-index: 2; opacity: 0.92;
  animation: vialFloat3 6s ease-in-out infinite;
}
.hero:hover .hero__fan-vial--1 { transform: rotate(-15deg) translateY(-6px) translateZ(20px); }
.hero:hover .hero__fan-vial--2 { transform: rotate(0deg) translateY(-12px) translateZ(60px) scale(1.08); }
.hero:hover .hero__fan-vial--3 { transform: rotate(15deg) translateY(-6px) translateZ(20px); }

@keyframes vialFloat1 {
  0%, 100% { transform: rotate(-12deg) translateZ(0) translateY(0); }
  50% { transform: rotate(-12deg) translateZ(0) translateY(-12px); }
}
@keyframes vialFloat2 {
  0%, 100% { transform: rotate(0deg) translateZ(40px) scale(1.10) translateY(0); }
  50% { transform: rotate(0deg) translateZ(40px) scale(1.10) translateY(-14px); }
}
@keyframes vialFloat3 {
  0%, 100% { transform: rotate(12deg) translateZ(0) translateY(0); }
  50% { transform: rotate(12deg) translateZ(0) translateY(-10px); }
}

.hero__fan-bg {
  position: absolute; inset: 5% -10%; z-index: 0;
  background:
    radial-gradient(40% 50% at 50% 55%, rgba(0,150,214, 0.40) 0%, transparent 70%),
    radial-gradient(60% 60% at 30% 80%, rgba(0,150,214, 0.18) 0%, transparent 70%),
    radial-gradient(60% 60% at 70% 80%, rgba(0,150,214, 0.18) 0%, transparent 70%);
  filter: blur(22px);
  pointer-events: none;
  /* Start invisible — JS adds .is-ready to .hero__visual once all vials are decoded.
     This prevents the glow rectangle from flashing alone before the vials paint
     (most noticeable on mobile where image decode lags the first paint). */
  opacity: 0;
  transition: opacity 0.5s ease;
}
.hero__visual.is-ready .hero__fan-bg {
  animation: glowPulse 4s ease-in-out infinite;
}
.hero__fan-vial {
  /* Same gating — vials start hidden so they appear together with the glow */
  opacity: 0;
  transition: opacity 0.45s ease;
}
.hero__visual.is-ready .hero__fan-vial { opacity: 1; }
.hero__visual.is-ready .hero__fan-vial--1 { opacity: 0.92; }
.hero__visual.is-ready .hero__fan-vial--3 { opacity: 0.92; }
@keyframes glowPulse {
  0%, 100% { opacity: 0.85; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.05); }
}
/* Reflection plate under vials */
.hero__fan::after {
  content: '';
  position: absolute;
  bottom: -2%; left: 5%; right: 5%;
  height: 25%;
  background: radial-gradient(ellipse at center, rgba(0,0,0,0.45) 0%, transparent 70%);
  filter: blur(18px);
  z-index: 0;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  .hero__fan-vial { animation: none !important; }
  .hero__fan-bg { animation: none !important; }
}

/* Mobile hero overrides — placed AFTER all hero rules so they cascade properly */
@media (max-width: 980px) {
  .hero { padding: clamp(20px, 5vw, 40px) 0 clamp(28px, 6vw, 48px); }
  .hero__visual { aspect-ratio: 1 / 0.55; max-height: 240px; order: 2; }
  .hero__copy { order: 1; }
  .hero__title-1, .hero__title-2 { font-size: clamp(34px, 9vw, 56px); }
  .hero__stat-strip {
    /* Stack as 2×2 grid on mobile so nothing gets clipped at the edge */
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    border-radius: var(--r-md);
    width: 100%; max-width: 100%;
    padding: 0;
  }
  .hero__stat {
    padding: 12px 14px; flex-shrink: 0;
    border-right: 1px solid var(--line-inv);
    border-bottom: 1px solid var(--line-inv);
  }
  .hero__stat:nth-child(2n) { border-right: none; }
  .hero__stat:nth-last-child(-n+2) { border-bottom: none; }
  .hero__stat-num { font-size: 14px; }
  .hero__stat-lbl { font-size: 8px; letter-spacing: 0.16em; }
  .hero__scroll-cue { display: none; }
  /* Buttons should wrap as separate flex items on mobile */
  .hero__cta-row { width: 100%; }
  .hero__cta-row .btn { width: 100%; }
  /* Vials slightly smaller on mobile */
  .hero__fan-vial { width: 32%; }
  .hero__fan-vial--2 { transform: rotate(0deg) translateZ(40px) scale(1.05); animation-name: vialFloat2Mobile; }
}
@keyframes vialFloat2Mobile {
  0%, 100% { transform: rotate(0deg) translateZ(40px) scale(1.05) translateY(0); }
  50% { transform: rotate(0deg) translateZ(40px) scale(1.05) translateY(-10px); }
}

/* ===== Trust pillars ===== */
.trust {
  background: var(--bg-light);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 28px 0;
}
.trust__row {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;
  align-items: center;
}
@media (max-width: 880px) { .trust__row { grid-template-columns: repeat(2, 1fr); gap: 16px; } }
.trust__item {
  display: flex; align-items: center; gap: 14px;
}
.trust__icon {
  width: 44px; height: 44px; border-radius: var(--r-md);
  background: var(--accent-soft); color: var(--accent);
  display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 auto;
}
.trust__icon svg { width: 22px; height: 22px; }
.trust__title { font-weight: 800; font-size: 14px; letter-spacing: -0.01em; }
.trust__sub { font-size: 12px; color: var(--ink-3); margin-top: 2px; }

/* ===== Section heading row ===== */
.shead { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; flex-wrap: wrap; position: relative; }
.shead__lead { max-width: 60ch; }
.shead__num {
  font-family: var(--font-display);
  font-size: clamp(80px, 10vw, 160px);
  line-height: 0.85;
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(0,150,214, 0.18);
  position: absolute;
  right: 0; top: -30%;
  pointer-events: none;
  z-index: 0;
  user-select: none;
}
.section--soft .shead__num { -webkit-text-stroke-color: rgba(24,0,76, 0.06); }
.section--dark .shead__num, .section--deep .shead__num { -webkit-text-stroke-color: rgba(255, 255, 255, 0.08); }
.shead > * { position: relative; z-index: 1; }

/* ===== Custom section divider — pink dot trail ===== */
.divider-trail {
  display: flex; justify-content: center; align-items: center; gap: 14px;
  padding: 24px 0; opacity: 0.6;
}
.divider-trail span {
  width: 6px; height: 6px; border-radius: 50%; background: var(--accent);
  animation: trailPulse 1.6s ease-in-out infinite;
}
.divider-trail span:nth-child(1) { animation-delay: 0s; }
.divider-trail span:nth-child(2) { animation-delay: .15s; }
.divider-trail span:nth-child(3) { animation-delay: .3s; }
.divider-trail span:nth-child(4) { animation-delay: .45s; }
.divider-trail span:nth-child(5) { animation-delay: .6s; }
@keyframes trailPulse {
  0%, 100% { opacity: 0.3; transform: scale(0.8); }
  50% { opacity: 1; transform: scale(1.2); }
}

/* ===== Decorative molecule pattern (background) ===== */
.section--molecules { position: relative; overflow: hidden; }
.section--molecules::before {
  content: ''; position: absolute; inset: 0; pointer-events: none; z-index: 0;
  opacity: 0.04;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%2300E5E0' stroke-width='1.5'%3E%3Ccircle cx='40' cy='40' r='4' fill='%2300E5E0'/%3E%3Ccircle cx='100' cy='80' r='4' fill='%2300E5E0'/%3E%3Ccircle cx='160' cy='40' r='4' fill='%2300E5E0'/%3E%3Ccircle cx='60' cy='140' r='4' fill='%2300E5E0'/%3E%3Ccircle cx='140' cy='160' r='4' fill='%2300E5E0'/%3E%3Cline x1='40' y1='40' x2='100' y2='80'/%3E%3Cline x1='100' y1='80' x2='160' y2='40'/%3E%3Cline x1='100' y1='80' x2='60' y2='140'/%3E%3Cline x1='100' y1='80' x2='140' y2='160'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 280px 280px;
}
.section--molecules > * { position: relative; z-index: 1; }

/* ===== Section eyebrow rule (replaces standard divider) ===== */
.eyebrow-rule {
  display: flex; align-items: center; gap: 14px;
  margin-bottom: 18px;
}
.eyebrow-rule::before {
  content: ''; width: 32px; height: 1px; background: var(--accent);
}

/* ===== Category cards ===== */
.cat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 44px; }
@media (max-width: 880px) { .cat-grid { grid-template-columns: 1fr; } }
.cat-card {
  position: relative; border-radius: var(--r-xl); overflow: hidden;
  background: var(--bg-light); border: 1px solid var(--line);
  padding: 32px; display: flex; flex-direction: column; gap: 16px;
  min-height: 320px; transition: transform .18s ease, box-shadow .18s ease, border-color .18s;
}
.cat-card:hover { transform: translateY(-4px); border-color: var(--accent); box-shadow: var(--shadow-md); }
.cat-card__tag {
  align-self: flex-start; font-size: 10px; font-weight: 800; letter-spacing: 0.2em; text-transform: uppercase;
  background: var(--accent-soft); color: var(--accent);
  padding: 6px 10px; border-radius: var(--r-pill);
}
.cat-card__title { font-weight: 900; font-size: 28px; letter-spacing: -0.025em; line-height: 1.1; }
.cat-card__desc { color: var(--ink-2); font-size: 14px; flex-grow: 1; }
.cat-card__cta {
  font-weight: 700; font-size: 13px; letter-spacing: 0.04em; text-transform: uppercase;
  display: inline-flex; align-items: center; gap: 8px; color: var(--accent);
}
.cat-card__cta .arr { transition: transform .15s; }
.cat-card:hover .cat-card__cta .arr { transform: translateX(4px); }
.cat-card--featured { background: var(--bg-dark); color: var(--inv); border-color: var(--bg-dark); }
.cat-card--featured .cat-card__desc { color: var(--inv-2); }
.cat-card--featured .cat-card__tag { background: rgba(0,150,214, 0.20); }

/* ===== Product grid (AminoClub-style pastel cards) ===== */
.prod-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; margin-top: 44px;
  /* perf: skip layout/paint for off-screen rows entirely */
  content-visibility: auto;
  contain-intrinsic-size: 1px 420px;
}
@media (max-width: 1080px) { .prod-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 720px) { .prod-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; } }
/* Pause float animations on cards not in viewport (perf) */
.pcard { contain: layout paint; }
.pcard:not(.is-onscreen) .pcard__media img,
.pcard:not(.is-onscreen) .pcard__media::after {
  animation-play-state: paused;
}

.pcard {
  background: var(--bg-light);
  border-radius: var(--r-xl);
  border: 1px solid var(--line);
  overflow: hidden;
  display: flex; flex-direction: column;
  transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease, border-color .25s;
  position: relative;
  transform-style: preserve-3d;
  will-change: transform;
}
.pcard::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  border-radius: var(--r-xl);
  box-shadow: inset 0 0 0 0 rgba(0,150,214, 0);
  transition: box-shadow .35s ease;
}
.pcard:hover {
  transform: translateY(-8px) scale(1.012);
  border-color: rgba(0,150,214, 0.45);
  box-shadow:
    0 32px 60px -16px rgba(0,150,214, 0.30),
    0 18px 40px -12px rgba(0, 0, 0, 0.10),
    0 0 0 1px rgba(0,150,214, 0.18);
}
.pcard:hover::after {
  box-shadow: inset 0 0 0 1px rgba(0,150,214, 0.20);
}
/* Dark variant removed — all cards use unified pink media background */
.pcard--dark { background: var(--bg-light); }

/* Scroll-triggered reveal (IntersectionObserver-driven) */
.reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .65s cubic-bezier(.2,.8,.2,1), transform .65s cubic-bezier(.2,.8,.2,1);
  transition-delay: calc(var(--reveal-i, 0) * 50ms);
}
.reveal.in-view {
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
}
.pcard__media {
  aspect-ratio: 1; padding: 22px 22px 18px;
  display: flex; align-items: flex-end; justify-content: center;
  background:
    radial-gradient(75% 65% at 50% 30%, rgba(255, 255, 255, 0.55) 0%, transparent 75%),
    linear-gradient(180deg, #f0fbff 0%, #d9f6ff 100%);
  position: relative;
  overflow: hidden;
}
.pcard__media::after {
  content: '';
  position: absolute; left: 25%; right: 25%; bottom: 8%; height: 8px;
  background: radial-gradient(ellipse at center, rgba(0,0,0,0.22), transparent 75%);
  filter: blur(6px); pointer-events: none;
  z-index: 0;
}
.pcard__media img {
  position: relative; z-index: 1;
  max-width: 86%; max-height: 96%; object-fit: contain;
  filter: drop-shadow(0 18px 30px rgba(0, 0, 0, 0.20));
  transition: transform .4s cubic-bezier(.2,.8,.2,1), filter .4s ease;
  animation: vialFloat 4.5s ease-in-out infinite;
  animation-delay: calc(var(--reveal-i, 0) * 0.45s);
  will-change: transform;
}
@keyframes vialFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-14px); }
}
/* Soft pink glow that pulses with the float */
.pcard__media::after {
  animation: shadowPulse 4.5s ease-in-out infinite;
  animation-delay: calc(var(--reveal-i, 0) * 0.45s);
}
@keyframes shadowPulse {
  0%, 100% { opacity: 1; transform: scaleX(1); }
  50% { opacity: 0.55; transform: scaleX(0.78); }
}
.pcard:hover .pcard__media img {
  transform: translateY(-18px) scale(1.05);
  filter: drop-shadow(0 28px 40px rgba(0,150,214, 0.30)) drop-shadow(0 18px 30px rgba(0, 0, 0, 0.18));
  animation-play-state: paused;
}
@media (prefers-reduced-motion: reduce) {
  .pcard__media img, .pcard__media::after { animation: none; }
}
.pcard__vial {
  width: 38%; aspect-ratio: 1 / 2.5;
  border-radius: 14% 14% 18% 18% / 6% 6% 6% 6%;
  background: linear-gradient(180deg, #fff 0%, #fafafa 100%);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.10), inset 0 0 0 1px rgba(0, 0, 0, 0.04);
  position: relative;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
}
.pcard__vial::before {
  content: ''; position: absolute; top: -8%; left: 50%; transform: translateX(-50%);
  width: 56%; height: 12%;
  background: linear-gradient(180deg, #e4e4e7 0%, #a1a1aa 100%);
  border-radius: 6px 6px 4px 4px;
}
.pcard__vial-name {
  font-family: var(--font-display);
  font-size: clamp(11px, 1.3vw, 16px);
  text-transform: uppercase; letter-spacing: 0.02em; color: var(--ink);
}
.pcard__vial-mg { font-size: 8px; font-weight: 800; letter-spacing: 0.2em; color: var(--accent); margin-top: 2px; }
.pcard__badge {
  position: absolute; top: 10px; left: 10px; z-index: 4;
  background: var(--ink); color: var(--inv);
  font-size: 9px; font-weight: 900; letter-spacing: 0.12em; text-transform: uppercase;
  padding: 4px 8px; border-radius: var(--r-pill);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
  line-height: 1.1;
  white-space: nowrap;
}
.pcard__badge--sale {
  background: linear-gradient(135deg, var(--accent) 0%, #0077b6 100%);
  box-shadow: 0 3px 12px rgba(0,150,214, 0.40);
  display: inline-flex; align-items: center; gap: 4px;
}
.pcard__badge--sale::before {
  content: '★'; font-size: 9px;
}
.pcard__badge--oos { background: #525762; }
.pcard__badge--soon { background: #f59e0b; color: #1c1917; }

/* Variant-grouped cards: a single rep card stands in for the whole group, the
   non-rep variants are hidden in the catalog grid (still reachable via direct
   product URL). Rep card shows a price range + "View Options" CTA. */
.pcard--variant-hidden { display: none !important; }
.pcard--has-variants .pcard__cta--options {
  background: var(--accent); color: #fff;
  border-color: var(--accent);
}
.pcard--has-variants .pcard__cta--options:hover {
  background: var(--accent); filter: brightness(1.06);
  box-shadow: 0 8px 22px rgba(0,150,214, 0.45);
}
.pcard--has-variants .pcard__price .pcard__range {
  font-weight: 900; letter-spacing: -0.01em;
}
/* "Sizes" pill — ONLY shown on cards that have actual size variants
   (GLP-1, GLP-2, GLP-3 reps). Sits in the BOTTOM-RIGHT of the media area
   so it never collides with a SALE badge in the top-left. */
.pcard--multi-variant .pcard__media::before {
  content: 'Sizes';
  position: absolute; bottom: 8px; right: 8px; z-index: 4;
  background: var(--accent); color: #fff;
  font-weight: 900; font-size: 8px;
  letter-spacing: 0.10em; text-transform: uppercase;
  padding: 3px 8px; border-radius: var(--r-pill);
  line-height: 1.4;
}

/* Out-of-stock and coming-soon visual treatment (RUO-style frosted overlay).
   Add .pcard--oos or .pcard--soon to the .pcard root. */
.pcard--oos .pcard__media img,
.pcard--soon .pcard__media img {
  filter: blur(8px) saturate(0.55) brightness(0.92);
  opacity: 0.65;
}
.pcard--oos .pcard__media::before,
.pcard--soon .pcard__media::before {
  content: attr(data-state-label);
  position: absolute;
  inset: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: 14px; font-weight: 900; letter-spacing: 0.18em;
  text-transform: uppercase; color: var(--ink);
  background: rgba(255, 255, 255, 0.45);
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  z-index: 3;
  pointer-events: none;
}
.pcard--oos .pcard__media::before { content: 'Sold Out'; }
.pcard--soon .pcard__media::before { content: 'Coming Soon'; color: #5b3d00; }
.pcard--soon .pcard__media::before { background: rgba(255, 224, 153, 0.55); }
.pcard--oos .pcard__cta,
.pcard--soon .pcard__cta {
  background: transparent;
  color: var(--ink-3); border-color: var(--line-2);
  pointer-events: none; opacity: 0.65;
}
.pcard--oos .pcard__cta::before { content: 'Out of stock'; }
.pcard--soon .pcard__cta::before { content: 'Notify me'; }
.pcard--oos .pcard__cta > *,
.pcard--soon .pcard__cta > * { display: none; }
/* Hide the original CTA text by neutralizing the button label spans;
   the ::before above serves as the label. */
.pcard--oos .pcard__cta,
.pcard--soon .pcard__cta { font-size: 0; }
.pcard--oos .pcard__cta::before,
.pcard--soon .pcard__cta::before {
  font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 800;
}
.pcard__price s { display: block; color: var(--ink-3); font-weight: inherit; font-size: inherit; text-decoration: line-through; }
.pcard__body {
  padding: 20px 18px 22px;
  display: flex; flex-direction: column; gap: 6px;
  background: var(--bg-light);
  /* Take all leftover height in the card so .pcard__cta can pin to bottom
     and align across the row regardless of title length. */
  flex: 1; min-height: 0;
}
.pcard__cat {
  font-size: 10px; font-weight: 800; letter-spacing: 0.22em;
  text-transform: uppercase; color: var(--accent);
}
.pcard__name {
  font-weight: 800; font-size: 16px; letter-spacing: -0.015em; line-height: 1.25;
  color: var(--ink);
}
.pcard__price {
  font-weight: 900; font-size: 18px; color: var(--ink); margin-top: 4px;
  letter-spacing: -0.01em;
}
.pcard__price s {
  display: block; color: var(--ink-3); font-weight: inherit;
  text-decoration: line-through; font-size: inherit;
}
.pcard__per { font-weight: 600; font-size: 12px; color: var(--ink-3); }
.pcard__cta {
  /* margin-top: auto pushes the CTA to the bottom of .pcard__body so every
     "Add to cart" button aligns across the row, regardless of title wrap. */
  margin-top: auto;
  padding: 12px 14px; border-radius: var(--r-pill);
  background: var(--ink); color: var(--inv);
  border: 1px solid var(--ink);
  font-weight: 800; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;
  display: flex; align-items: center; justify-content: center; gap: 8px;
  /* Tight, soft pink halo at rest — hugs the button rather than bleeding
     into the card. Hover deepens the glow. */
  box-shadow: 0 0 10px 1px rgba(0,150,214, 0.55), 0 3px 10px rgba(0,150,214, 0.25);
  transition: background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
}
.pcard:hover .pcard__cta {
  background: var(--accent); border-color: var(--accent);
  box-shadow: 0 0 14px 2px rgba(0,150,214, 0.70), 0 5px 14px rgba(0,150,214, 0.40);
}
.pcard__cta--soon { background: transparent; color: var(--ink); border: 1px solid var(--line-2); }
.pcard:hover .pcard__cta--soon { background: var(--ink); color: var(--inv); border-color: var(--ink); }

/* ===== Info card grid (AminoClub-style) ===== */
.info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 36px; }
@media (max-width: 880px) {
  .info-grid,
  .info-grid[style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  .info-card--span2 { grid-column: span 1 !important; }
}
.info-card {
  background: var(--bg-light); border: 1px solid var(--line); border-radius: var(--r-xl);
  padding: 28px; display: flex; gap: 18px; align-items: flex-start;
  transition: border-color .18s, transform .18s;
}
.info-card:hover { border-color: var(--accent); transform: translateY(-2px); }
.info-card__icon {
  width: 56px; height: 56px; border-radius: var(--r-md);
  background: var(--accent-soft); color: var(--accent);
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
}
.info-card__icon svg { width: 28px; height: 28px; }
.info-card__title { font-weight: 800; font-size: 18px; letter-spacing: -0.02em; }
.info-card__desc { color: var(--ink-2); font-size: 14px; line-height: 1.55; margin-top: 6px; }
.info-card--span2 { grid-column: span 2; }
@media (max-width: 880px) { .info-card--span2 { grid-column: span 1; } }
.info-card--dark {
  background: var(--bg-dark); color: var(--inv); border-color: var(--bg-dark);
}
.info-card--dark .info-card__desc { color: var(--inv-2); }
.info-card--dark .info-card__icon { background: rgba(0,150,214, 0.18); }

/* ===== Big quote / pull ===== */
.pull {
  background: var(--bg-deep); color: var(--inv);
  padding: clamp(56px, 9vw, 120px) 0;
  text-align: center;
}
.pull__txt {
  font-family: var(--font-display);
  font-size: clamp(36px, 5.5vw, 80px);
  line-height: 1.05;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  max-width: 22ch; margin: 0 auto;
}
.pull__txt em { color: var(--accent); font-style: normal; }

/* ===== Process steps ===== */
.steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 44px; }
@media (max-width: 980px) { .steps { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .steps { grid-template-columns: 1fr; } }
.step {
  background: var(--bg-light); border: 1px solid var(--line); border-radius: var(--r-xl);
  padding: 28px; position: relative;
}
.step__num {
  font-family: var(--font-display);
  font-size: 64px; line-height: 1; color: var(--accent); opacity: 0.85;
}
.step__title { font-weight: 900; font-size: 18px; letter-spacing: -0.02em; margin-top: 14px; }
.step__desc { color: var(--ink-2); font-size: 13px; line-height: 1.55; margin-top: 8px; }

/* ===== FAQ ===== */
.faq { display: flex; flex-direction: column; gap: 12px; margin-top: 36px; }
.faq__item { border: 1px solid var(--line); border-radius: var(--r-md); background: var(--bg-light); overflow: hidden; }
.faq__q {
  padding: 22px 24px; font-weight: 800; font-size: 16px; letter-spacing: -0.015em;
  display: flex; align-items: center; justify-content: space-between; gap: 16px; cursor: pointer; width: 100%;
}
.faq__q::after {
  content: '+'; font-size: 22px; font-weight: 600; color: var(--accent); transition: transform .15s;
}
.faq__item.is-open .faq__q::after { content: '−'; }
.faq__a {
  display: none; padding: 0 24px 22px; color: var(--ink-2); font-size: 14px; line-height: 1.65;
}
.faq__item.is-open .faq__a { display: block; }

/* ===== Footer ===== */
.foot {
  background: var(--bg-deep); color: var(--inv);
  padding: clamp(56px, 8vw, 96px) 0 32px;
}
.foot__top { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr; gap: 40px; }
/* !important needed because every template's `<div class="foot__top">` carries
   an inline `style="grid-template-columns:repeat(4,1fr)"` that would otherwise
   keep 4 too-narrow columns on mobile and cause horizontal overflow. */
@media (max-width: 880px) { .foot__top { grid-template-columns: 1fr 1fr !important; gap: 24px !important; } }
@media (max-width: 480px) { .foot__top { grid-template-columns: 1fr !important; } }
.foot__brand p { color: var(--inv-3); font-size: 13px; margin-top: 16px; line-height: 1.6; max-width: 36ch; }
.foot__col h4 {
  font-size: 11px; font-weight: 800; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--inv); margin: 0 0 16px;
}
.foot__col ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
.foot__col a { color: var(--inv-3); font-size: 13px; transition: color .15s; }
.foot__col a:hover { color: var(--accent); }
.foot__bottom {
  margin-top: 56px; padding-top: 24px; border-top: 1px solid var(--line-inv);
  display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
  font-size: 11px; color: var(--inv-3); letter-spacing: 0.04em; text-transform: uppercase;
}

/* Footer accepted-payments strip — small badges of every accepted method */
.foot__pay {
  margin-top: 36px; padding: 18px 20px;
  border: 1px solid var(--line-inv); border-radius: var(--r-md);
  background: rgba(255, 255, 255, 0.04);
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
}
.foot__pay-label {
  font-size: 10px; font-weight: 800; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--inv-3); margin-right: 4px;
}
.foot__pay-icon {
  display: inline-flex; align-items: center; justify-content: center;
  height: 28px; min-width: 50px;
  font-weight: 900; font-size: 11px; letter-spacing: 0.04em;
  background: #fff; color: var(--ink); border-radius: 5px;
  padding: 0 8px;
}
.foot__pay-icon[data-method="visa"] { color: #1A1F71; }
.foot__pay-icon[data-method="amex"] { color: #fff; background: #2E77BC; }
.foot__pay-icon[data-method="discover"] { color: #fff; background: #FF6000; font-size: 10px; }
.foot__pay-icon[data-method="affirm"] { color: #0FA0EA; font-style: italic; }
.foot__pay-icon[data-method="zelle"] { color: #6D1ED4; }
.foot__pay-icon[data-method="chime"] { color: #1EC677; }
.foot__pay-icon[data-method="crypto"] { color: #F7931A; font-size: 10px; }
.foot__pay-icon[data-method="ach"] { color: var(--ink); }
.foot__bottom a { color: var(--inv-3); }
.foot__bottom a:hover { color: var(--accent); }
.foot__ruo {
  background: rgba(0,150,214, 0.10); border: 1px solid rgba(0,150,214, 0.30);
  border-radius: var(--r-md); padding: 14px 18px; margin-top: 36px;
  font-size: 12px; color: var(--inv-2); line-height: 1.6;
}
.foot__ruo strong { color: var(--accent); font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; }

/* ===== Logo image ===== */
.brand-logo { height: 52px; width: auto; display: block; }
.brand-logo--inv { filter: brightness(0) invert(1); height: 52px; }
@media (max-width: 560px) { .brand-logo { height: 40px; } }

/* ===== Logo (wordmark) ===== */
.logo-wm { display: flex; align-items: baseline; gap: 4px; line-height: 1; }
.logo-wm__main {
  font-family: var(--font-display);
  font-size: 22px; line-height: 1; letter-spacing: 0.01em;
  text-transform: uppercase; color: var(--ink);
}
.logo-wm__sub {
  font-family: var(--font-body);
  font-size: 9px; font-weight: 800; letter-spacing: 0.22em;
  text-transform: uppercase; color: var(--ink-3);
}
.logo-wm__dot {
  width: 7px; height: 7px; border-radius: 50%; background: var(--accent);
  display: inline-block; margin-left: 2px; align-self: flex-end; margin-bottom: 3px;
}
.logo-wm--inv .logo-wm__main { color: var(--inv); }
.logo-wm--inv .logo-wm__sub { color: var(--inv-3); }

/* ===== Page header (interior pages) ===== */
.page-hd {
  background: var(--bg-deep); color: var(--inv);
  padding: clamp(72px, 10vw, 140px) 0 clamp(48px, 6vw, 80px);
  position: relative; overflow: hidden;
}
.page-hd::before {
  content: ''; position: absolute; inset: 0;
  background: radial-gradient(60% 60% at 70% 30%, rgba(0,150,214, 0.18), transparent 60%);
  pointer-events: none;
}
.page-hd__inner { position: relative; z-index: 1; max-width: var(--max); margin: 0 auto; padding: 0 var(--pad); }
.page-hd .lede { color: var(--inv-2); }
.crumbs { font-size: 11px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--inv-3); }
.crumbs a { color: var(--inv-3); }
.crumbs a:hover { color: var(--accent); }

/* ===== Shop layout ===== */
.shop-grid { display: grid; grid-template-columns: 260px 1fr; gap: 40px; }
@media (max-width: 880px) {
  .shop-grid { grid-template-columns: 1fr; gap: 16px; }
  /* Collapse filters into a button on mobile */
  .filter {
    background: var(--bg-soft); border: 1px solid var(--line); border-radius: var(--r-md);
    padding: 14px 18px;
    max-height: 56px; overflow: hidden;
    position: relative;
    transition: max-height .35s ease;
  }
  .filter::before {
    content: 'FILTER & SORT';
    display: block; padding-top: 6px;
    font-size: 12px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase;
    color: var(--ink);
  }
  .filter::after {
    content: '+'; position: absolute; top: 14px; right: 18px;
    font-size: 22px; line-height: 1; color: var(--accent); font-weight: 600;
  }
  .filter.is-open { max-height: 1000px; padding-bottom: 18px; }
  .filter.is-open::after { content: '−'; }
  /* Hide all filter content when collapsed; show only when open */
  .filter:not(.is-open) > h4,
  .filter:not(.is-open) > ul { display: none; }
}
.filter h4 {
  font-size: 11px; font-weight: 800; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--ink); margin: 24px 0 12px;
}
.filter h4:first-child { margin-top: 0; }
.filter ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }
.filter li label { display: flex; align-items: center; gap: 10px; cursor: pointer; font-size: 14px; color: var(--ink-2); }
.filter li label:hover { color: var(--accent); }
.filter input[type="checkbox"] { accent-color: var(--accent); }

/* ===== Product detail ===== */
.pdp { display: grid; grid-template-columns: 1.1fr 1fr; gap: 56px; align-items: flex-start; }
@media (max-width: 880px) { .pdp { grid-template-columns: 1fr; } }

/* iPhone-home-screen-style swipe carousel: product image ↔ COA */
.pdp__stage { position: sticky; top: 24px; }
@media (max-width: 880px) { .pdp__stage { position: static; } }

.pdp__carousel {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.pdp__slides {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  border-radius: var(--r-xl);
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  /* Hide scroll shadows/clip slide content cleanly */
}
.pdp__slides::-webkit-scrollbar { display: none; height: 0; width: 0; }

.pdp__slide {
  flex: 0 0 100%;
  width: 100%;
  scroll-snap-align: center;
  scroll-snap-stop: always;
  /* US Letter aspect (8.5 × 11) so the COA renders the full page without clipping */
  aspect-ratio: 8.5 / 11;
  border-radius: var(--r-xl);
  position: relative;
  overflow: hidden;
}

/* Slide 1 — product image (keeps the original pink gradient + float) */
.pdp__slide--image {
  background:
    radial-gradient(75% 65% at 50% 30%, rgba(255, 255, 255, 0.55) 0%, transparent 75%),
    linear-gradient(180deg, #f0fbff 0%, #d9f6ff 100%);
  display: flex; align-items: center; justify-content: center;
  padding: 24px;
}
.pdp__slide--image img {
  max-width: 60%; max-height: 92%; object-fit: contain;
  filter: drop-shadow(0 24px 40px rgba(0, 0, 0, 0.18));
  animation: vialFloat 4.5s ease-in-out infinite;
  will-change: transform;
  position: relative; z-index: 1;
}
.pdp__slide--image::after {
  content: '';
  position: absolute; left: 28%; right: 28%; bottom: 6%; height: 10px;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.22), transparent 75%);
  filter: blur(8px); pointer-events: none; z-index: 0;
  animation: shadowPulse 4.5s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .pdp__slide--image img, .pdp__slide--image::after { animation: none; }
}

/* Swipe hint chip pulses on the first slide so people know they can swipe */
.pdp__swipe-hint {
  position: absolute;
  bottom: 14px; right: 14px;
  display: inline-flex; align-items: center; gap: 6px;
  background: rgba(24,0,76, 0.85);
  color: #fff;
  font-size: 11px; font-weight: 800;
  letter-spacing: 0.08em; text-transform: uppercase;
  padding: 8px 12px;
  border-radius: var(--r-pill);
  backdrop-filter: blur(6px);
  z-index: 3;
  animation: pdpHintNudge 2.4s ease-in-out infinite;
  pointer-events: none;
}
.pdp__swipe-hint svg { display: block; }
.pdp__carousel.is-on-coa .pdp__swipe-hint { opacity: 0; visibility: hidden; }
@keyframes pdpHintNudge {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(6px); }
}
@media (prefers-reduced-motion: reduce) {
  .pdp__swipe-hint { animation: none; }
}

/* Slide 2 — COA viewer */
.pdp__slide--coa {
  background: var(--bg-soft);
  border: 1px solid var(--line);
}
.pdp__slide--coa iframe {
  width: 100%; height: 100%;
  border: none; display: block;
  background: var(--bg-light);
}
.pdp__slide-chip {
  position: absolute;
  bottom: 14px; left: 50%;
  transform: translateX(-50%);
  display: inline-flex; align-items: center; gap: 10px;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(8px);
  padding: 8px 8px 8px 14px;
  border-radius: var(--r-pill);
  border: 1px solid var(--line);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.10);
  z-index: 3;
  white-space: nowrap;
}
.pdp__slide-chip-label {
  font-size: 11px; font-weight: 800;
  letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--ink-1);
}
.pdp__slide-chip-btn {
  font-size: 12px; font-weight: 800;
  color: #fff; background: var(--accent);
  padding: 6px 12px;
  border-radius: var(--r-pill);
  text-decoration: none;
  transition: filter .15s;
}
.pdp__slide-chip-btn:hover { filter: brightness(1.05); }

/* Show discount row as flex when not [hidden] */
#cartDiscountRow:not([hidden]) { display: flex; }

/* "COA available on request" placeholder for products without a real COA on file */
.pdp__coa-empty {
  position: absolute; inset: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; padding: 32px;
  background: var(--bg-soft);
  color: var(--ink-2);
}
.pdp__coa-empty svg {
  width: 56px; height: 56px;
  color: var(--accent);
  margin-bottom: 18px;
}
.pdp__coa-empty h4 {
  font-size: 18px; font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--ink-1);
  margin: 0 0 10px;
}
.pdp__coa-empty p {
  font-size: 13px; line-height: 1.55;
  max-width: 280px;
  margin: 0;
}
.pdp__coa-empty a { color: var(--accent); font-weight: 700; text-decoration: none; }
.pdp__coa-empty a:hover { text-decoration: underline; }

/* Page-indicator dots (iPhone home-screen style) */
.pdp__dots {
  display: flex; align-items: center; justify-content: center;
  gap: 8px;
  padding-top: 4px;
}
.pdp__dot {
  width: 8px; height: 8px;
  border-radius: 50%;
  border: none;
  background: var(--line-2);
  cursor: pointer;
  padding: 0;
  transition: background .25s ease, width .25s ease;
}
.pdp__dot:hover { background: var(--ink-3); }
.pdp__dot.is-active {
  background: var(--accent);
  width: 24px;
  border-radius: 4px;
}
.pdp__cat { font-size: 11px; font-weight: 800; letter-spacing: 0.2em; text-transform: uppercase; color: var(--accent); }
.pdp__title { font-weight: 900; font-size: clamp(34px, 4vw, 56px); letter-spacing: -0.03em; line-height: 1.05; margin: 12px 0 6px; }
.pdp__price-row { display: flex; align-items: baseline; gap: 14px; margin: 18px 0 10px; }
.pdp__price { font-weight: 900; font-size: 32px; letter-spacing: -0.02em; }
.pdp__per { color: var(--ink-3); font-size: 14px; font-weight: 600; }
.pdp__desc { color: var(--ink-2); font-size: 15px; line-height: 1.65; margin: 16px 0 28px; }
.pdp__opts { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 24px; }
.pdp__opt {
  border: 1px solid var(--line-2); border-radius: var(--r-md); padding: 14px; cursor: pointer;
  display: flex; flex-direction: column; gap: 4px; transition: border-color .15s, background .15s;
}
.pdp__opt:hover, .pdp__opt.is-active { border-color: var(--accent); background: var(--accent-soft); }
.pdp__opt-label { font-weight: 800; font-size: 14px; }
.pdp__opt-price { font-size: 12px; color: var(--ink-3); }
.pdp__qty {
  display: inline-flex; align-items: center; border: 1px solid var(--line-2); border-radius: var(--r-pill);
  overflow: hidden; margin-right: 10px;
}
.pdp__qty button { width: 38px; height: 44px; font-size: 18px; }
.pdp__qty input { width: 44px; height: 44px; text-align: center; border: none; outline: none; font-weight: 800; }
.pdp__add { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }

.pdp__specs {
  margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--line);
  display: grid; grid-template-columns: 1fr 1fr; gap: 12px 24px;
}
.pdp__spec { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--line); font-size: 13px; }
.pdp__spec dt { color: var(--ink-3); font-weight: 600; }
.pdp__spec dd { margin: 0; font-weight: 700; }

/* PDP mobile (≤720px) — tighten layout, retake image real-estate, stack CTAs.
   The 880px rule above only swaps the column count; everything else still
   uses desktop sizing which crams + overflows on phones. */
@media (max-width: 720px) {
  .pdp { gap: 28px; }
  .pdp__slide { aspect-ratio: 1 / 1; }
  .pdp__slide--image { padding: 18px; }
  .pdp__slide--image img { max-width: 78%; max-height: 88%; }
  .pdp__slide--coa { aspect-ratio: 8.5 / 11; }
  .pdp__title { font-size: 30px; line-height: 1.08; margin: 8px 0 4px; }
  .pdp__price-row { margin: 12px 0 8px; gap: 10px; flex-wrap: wrap; }
  .pdp__price { font-size: 28px; }
  .pdp__per { font-size: 13px; }
  .pdp__desc { font-size: 14px; line-height: 1.6; margin: 12px 0 20px; }
  .pdp__opts { gap: 10px; margin-bottom: 18px; }
  .pdp__opt { padding: 12px; }
  .pdp__opt-label { font-size: 13px; }
  .pdp__opt-price { font-size: 11px; }
  .pdp__add { gap: 10px; }
  .pdp__add .btn--lg { flex: 1 1 100%; padding: 16px 20px; font-size: 14px; }
  .pdp__qty { margin-right: 0; flex: 0 0 auto; }
  .pdp__specs { margin-top: 24px; padding-top: 18px; gap: 8px 16px; }
  .pdp__slide-chip { bottom: 10px; padding: 6px 6px 6px 12px; }
  .pdp__slide-chip-label { font-size: 10px; }
  .pdp__slide-chip-btn { padding: 5px 10px; font-size: 11px; }
  .pdp__swipe-hint { bottom: 10px; right: 10px; padding: 6px 10px; font-size: 10px; }
  .crumbs { font-size: 12px; margin-bottom: 18px !important; }
}
@media (max-width: 480px) {
  .pdp__title { font-size: 26px; }
  .pdp__opts { grid-template-columns: 1fr 1fr; gap: 8px; }
  .pdp__specs { grid-template-columns: 1fr; gap: 0; }
  .pdp__price { font-size: 26px; }
}

/* ===== Cart ===== */
.cart-grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: 40px; align-items: flex-start; }
@media (max-width: 880px) { .cart-grid { grid-template-columns: 1fr; } }
.cart-row {
  display: grid; grid-template-columns: 100px 1fr auto auto; gap: 18px; align-items: center;
  padding: 20px 0; border-bottom: 1px solid var(--line);
}
@media (max-width: 720px) {
  .cart-row {
    grid-template-columns: 80px 1fr;
    grid-template-areas: "media info" "qty price";
    gap: 12px 14px; align-items: start;
  }
  .cart-row__media { grid-area: media; width: 80px; }
  .cart-row > div:nth-child(2) { grid-area: info; }
  .cart-row__qty { grid-area: qty; justify-self: start; align-self: center; grid-column: span 1; margin-top: 8px; }
  .cart-row__price { grid-area: price; justify-self: end; align-self: center; }
}
.cart-row__media {
  width: 100px; aspect-ratio: 1; border-radius: var(--r-md);
  background:
    radial-gradient(75% 65% at 50% 30%, rgba(255, 255, 255, 0.55) 0%, transparent 75%),
    linear-gradient(180deg, #f0fbff 0%, #d9f6ff 100%);
  display: flex; align-items: center; justify-content: center;
  overflow: hidden; padding: 8px;
}
.cart-row__media img {
  max-width: 65%; max-height: 92%; object-fit: contain;
  filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.18));
}
.cart-row__name { font-weight: 800; font-size: 15px; letter-spacing: -0.01em; }
.cart-row__cat { font-size: 11px; color: var(--ink-3); letter-spacing: 0.16em; text-transform: uppercase; margin-bottom: 6px; }
.cart-row__qty { display: inline-flex; align-items: center; border: 1px solid var(--line-2); border-radius: var(--r-pill); overflow: hidden; }
.cart-row__qty button { width: 32px; height: 36px; font-size: 16px; }
.cart-row__qty input { width: 36px; height: 36px; text-align: center; border: none; font-weight: 800; }
.cart-row__price { font-weight: 900; font-size: 16px; min-width: 80px; text-align: right; }

.summary {
  background: var(--bg-soft); border: 1px solid var(--line); border-radius: var(--r-xl);
  padding: 28px; position: sticky; top: 100px;
}
.summary h3 { font-weight: 900; font-size: 22px; letter-spacing: -0.02em; margin: 0 0 18px; }
.summary__row { display: flex; justify-content: space-between; padding: 10px 0; font-size: 14px; }
.summary__row[hidden] { display: none !important; }
.summary__row--total { padding-top: 16px; border-top: 1px solid var(--line); font-weight: 900; font-size: 18px; }
.summary__note { font-size: 12px; color: var(--ink-3); margin-top: 10px; line-height: 1.5; }

/* ===== Checkout ===== */
.co-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 40px; align-items: flex-start; }
@media (max-width: 880px) { .co-grid { grid-template-columns: 1fr; } }
.co-card {
  background: var(--bg-light); border: 1px solid var(--line); border-radius: var(--r-xl);
  padding: 28px; margin-bottom: 18px;
}
.co-card h3 {
  font-weight: 900; font-size: 18px; letter-spacing: -0.02em; margin: 0 0 16px;
  display: flex; align-items: center; gap: 12px;
}
.co-card h3 .step-n {
  width: 28px; height: 28px; border-radius: 50%; background: var(--accent); color: var(--inv);
  font-size: 14px; font-weight: 900; display: inline-flex; align-items: center; justify-content: center;
}
.co-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 560px) { .co-grid2 { grid-template-columns: 1fr; } }
.field { display: flex; flex-direction: column; gap: 6px; }
.field label { font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-3); }
.field input, .field select, .field textarea {
  border: 1px solid var(--line-2); border-radius: var(--r-md); padding: 12px 14px;
  background: var(--bg-light); transition: border-color .15s; outline: none;
}
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--accent); }

.ship-options { display: flex; flex-direction: column; gap: 10px; }
.ship-opt {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 16px; border: 1px solid var(--line-2); border-radius: var(--r-md); cursor: pointer;
  transition: border-color .15s, background .15s;
}
.ship-opt:hover, .ship-opt.is-active { border-color: var(--accent); background: var(--accent-soft); }
.ship-opt__l { font-weight: 800; font-size: 14px; }
.ship-opt__sub { font-size: 12px; color: var(--ink-3); margin-top: 2px; }
.ship-opt__price { font-weight: 800; }

.po-warn {
  background: #FEF3C7; border: 1px solid #FDE68A; border-radius: var(--r-md);
  padding: 12px 14px; font-size: 13px; color: #78350F; margin-top: 12px;
  display: none;
}
.po-warn.is-on { display: block; }

/* Signature pad */
.sig-wrap { border: 2px dashed var(--line-2); border-radius: var(--r-md); background: var(--bg-soft); padding: 12px; position: relative; }
#sigPad { display: block; width: 100%; height: 160px; background: var(--bg-light); border-radius: var(--r-sm); cursor: crosshair; touch-action: none; }
.sig-hint { font-size: 12px; color: var(--ink-3); margin-top: 8px; display: flex; justify-content: space-between; }
.sig-hint button { color: var(--accent); font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; font-size: 11px; }

/* Lock the signature pad until the agreement checkbox is checked. */
.sig-block.is-locked .sig-wrap #sigPad { pointer-events: none; }
.sig-lock-overlay {
  position: absolute; inset: 12px;
  display: none; align-items: center; justify-content: center;
  text-align: center; padding: 12px;
  background: rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);
  border-radius: var(--r-sm);
  font-size: 12px; font-weight: 700; color: var(--ink-3);
  letter-spacing: 0.04em;
  z-index: 2;
}
.sig-block.is-locked .sig-lock-overlay { display: flex; }
.ruo-name-hint {
  font-size: 12px; color: var(--accent); font-weight: 700;
  margin: 8px 0 0;
}

.ruo-agree {
  background: var(--bg-soft); border: 1px solid var(--line); border-radius: var(--r-md);
  padding: 16px; margin-top: 12px; font-size: 13px; line-height: 1.6; color: var(--ink-2);
  max-height: 220px; overflow-y: auto;
}
.ruo-agree strong { color: var(--ink); }
.ruo-check {
  display: flex; align-items: flex-start; gap: 10px; margin-top: 12px;
  font-size: 13px; color: var(--ink-2); cursor: pointer;
}
.ruo-check input { accent-color: var(--accent); margin-top: 3px; }

.pdf-list { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }
.pdf-row {
  display: flex; align-items: center; gap: 12px;
  padding: 12px 14px; background: var(--bg-soft); border: 1px solid var(--line); border-radius: var(--r-md);
  font-size: 13px;
}
.pdf-row svg { color: var(--accent); flex-shrink: 0; }
.pdf-row__name { font-weight: 700; }
.pdf-row__sub { color: var(--ink-3); font-size: 11px; }

/* ===== Age gate ===== */
.gate {
  position: fixed; inset: 0; background: var(--bg-deep); color: var(--inv); z-index: 200;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: var(--pad); text-align: center;
}
.gate__inner { max-width: 520px; width: 100%; }
.gate__brand { margin-bottom: 32px; }
.gate__brand .logo-wm__main { color: var(--inv); font-size: 38px; }
.gate__brand .logo-wm__sub { color: var(--inv-3); font-size: 11px; }
.gate__card {
  background: rgba(255, 255, 255, 0.04); border: 1px solid var(--line-inv);
  border-radius: var(--r-xl); padding: 32px;
}
.gate__warn {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(0,150,214, 0.12); color: var(--accent);
  font-size: 11px; font-weight: 800; letter-spacing: 0.18em; text-transform: uppercase;
  border-radius: var(--r-pill); padding: 8px 14px; border: 1px solid rgba(0,150,214, 0.40);
}
.gate__title {
  font-family: var(--font-display); font-size: clamp(28px, 4vw, 42px);
  letter-spacing: -0.005em; line-height: 1.05; text-transform: uppercase;
  margin: 18px 0 10px;
}
.gate__copy { color: var(--inv-3); font-size: 14px; line-height: 1.55; max-width: 36ch; margin: 0 auto; }
.gate__pill-row {
  display: flex; justify-content: center; gap: 0;
  border: 1px solid var(--line-inv); border-radius: var(--r-pill); margin: 22px auto;
  width: fit-content; overflow: hidden;
}
.gate__pill { padding: 12px 18px; font-size: 12px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; border-right: 1px solid var(--line-inv); }
.gate__pill:last-child { border-right: none; }
.gate__pill em { color: var(--accent); font-style: normal; }
.gate__cta-row { display: flex; justify-content: center; gap: 12px; margin-top: 24px; flex-wrap: wrap; }
.gate__remember {
  display: inline-flex; align-items: center; gap: 8px; font-size: 12px; color: var(--inv-3);
  margin-top: 16px; cursor: pointer;
}
.gate__remember input { accent-color: var(--accent); }
.gate__legal { font-size: 11px; color: var(--inv-4); margin-top: 22px; line-height: 1.55; }

/* ===== COA Portal table + stats ===== */
.coa-tbl-wrap {
  border: 1px solid var(--line); border-radius: var(--r-xl); overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  background: var(--bg-light);
}
.coa-tbl {
  width: 100%; border-collapse: separate; border-spacing: 0;
  background: var(--bg-light);
  min-width: 880px; /* keeps columns readable; wraps in scroll on mobile */
}
.coa-tbl th, .coa-tbl td {
  padding: 14px 18px; text-align: left; font-size: 13px;
  border-bottom: 1px solid var(--line);
}
.coa-tbl th {
  font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;
  color: var(--ink-3); background: var(--bg-soft);
}
.coa-tbl tr:last-child td { border-bottom: none; }
.coa-tbl tr:hover td { background: var(--accent-soft); }
.coa-tbl .sku { font-family: ui-monospace, monospace; font-weight: 700; font-size: 12px; }
.coa-tbl .pass { color: #047857; font-weight: 800; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.coa-tbl .ico { color: var(--accent); font-weight: 700; }
.coa-search { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 24px; }
.coa-search input {
  flex: 1; min-width: 240px;
  padding: 14px 18px; border: 1px solid var(--line-2); border-radius: var(--r-pill);
  outline: none; font-size: 14px;
}
.coa-search input:focus { border-color: var(--accent); }
.coa-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 24px; }
@media (max-width: 720px) { .coa-stats { grid-template-columns: repeat(2, 1fr); } }
.coa-stat {
  background: var(--bg-light); border: 1px solid var(--line); border-radius: var(--r-md);
  padding: 16px 18px;
  min-width: 0;
}
.coa-stat-num {
  font-family: var(--font-display);
  font-size: clamp(22px, 4vw, 32px); line-height: 1; color: var(--accent);
}
.coa-stat-lbl {
  font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
  color: var(--ink-3); margin-top: 6px;
}
@media (max-width: 880px) {
  .coa-search { flex-direction: column; }
  .coa-search input { width: 100%; min-width: 0; }
  .coa-search .btn { width: 100%; }
  .coa-tbl th, .coa-tbl td { padding: 12px 14px; font-size: 12px; }
}

/* ===== Unified payment-method badges (checkout right column) ===== */
.ship-opt__icons {
  display: inline-flex; align-items: center; gap: 6px;
  flex-shrink: 0;
}
.pay-badge {
  display: inline-flex; align-items: center; justify-content: center;
  height: 26px; min-width: 44px;
  padding: 0 8px;
  font-weight: 900; font-size: 11px; letter-spacing: 0.04em;
  background: #fff; color: var(--ink);
  border: 1px solid var(--line-2);
  border-radius: 5px;
  white-space: nowrap;
}
.pay-badge svg { display: block; }
.pay-badge[data-method="visa"]     { color: #1A1F71; }
.pay-badge[data-method="mc"]       { color: #fff; background: linear-gradient(90deg, #EB001B 50%, #F79E1B 50%); border-color: transparent; font-size: 10px; }
.pay-badge[data-method="amex"]     { color: #fff; background: #2E77BC; border-color: #2E77BC; }
.pay-badge[data-method="discover"] { color: #fff; background: #FF6000; border-color: #FF6000; font-size: 10px; }
.pay-badge[data-method="affirm"]   { color: #0FA0EA; font-style: italic; }
.pay-badge[data-method="zelle"]    { color: #6D1ED4; }
.pay-badge[data-method="chime"]    { color: #1EC677; }
.pay-badge[data-method="crypto"]   { color: #F7931A; font-size: 11px; }
.pay-badge[data-method="ach"]      { color: var(--ink); }
.pay-discount-pill {
  display: inline-flex; align-items: center; justify-content: center;
  height: 26px; padding: 0 10px;
  background: var(--accent); color: #fff;
  font-weight: 900; font-size: 11px; letter-spacing: 0.04em;
  border-radius: 5px;
  white-space: nowrap;
}
@media (max-width: 600px) {
  .ship-opt__icons { gap: 4px; }
  .pay-badge { height: 22px; min-width: 36px; font-size: 10px; padding: 0 6px; }
  .pay-discount-pill { height: 22px; font-size: 10px; padding: 0 8px; }
}

/* ===== Military / first responder discount banner ===== */
.mfr-banner { padding: 28px 0; }
.mfr-banner__inner {
  display: grid; grid-template-columns: auto 1fr auto; gap: 24px;
  align-items: center;
  background: linear-gradient(135deg, #18004c 0%, #1B1F2A 100%);
  color: #fff;
  border-radius: var(--r-xl);
  padding: 24px 32px;
  border: 1px solid rgba(0,150,214, 0.40);
  box-shadow: 0 12px 40px -12px rgba(0,150,214, 0.40);
}
.mfr-banner__icon {
  width: 56px; height: 56px;
  background: rgba(0,150,214, 0.18);
  color: var(--accent);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
}
.mfr-banner__icon svg { width: 28px; height: 28px; }
.mfr-banner__tag {
  display: inline-block;
  font-size: 10px; font-weight: 800; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 6px;
}
.mfr-banner__title {
  font-weight: 900; font-size: clamp(18px, 2.2vw, 22px);
  letter-spacing: -0.01em; line-height: 1.2;
  margin: 0 0 4px;
}
.mfr-banner__sub { font-size: 13px; color: var(--inv-2); margin: 0; line-height: 1.55; }
.mfr-banner__cta { white-space: nowrap; }
@media (max-width: 720px) {
  .mfr-banner__inner { grid-template-columns: 1fr; text-align: center; padding: 24px; gap: 16px; }
  .mfr-banner__icon { margin: 0 auto; }
  .mfr-banner__cta { width: 100%; }
}

/* ===== Accepted payment methods strip ===== */
.pay-methods__inner {
  background: var(--bg-light); border: 1px solid var(--line);
  border-radius: var(--r-xl);
  padding: clamp(28px, 4vw, 48px) clamp(20px, 4vw, 56px);
  display: flex; flex-direction: column; gap: 28px;
}
.pay-methods__header { text-align: center; }
.pay-methods__header .kicker { color: var(--accent); justify-content: center; }
.pay-methods__header strong { color: var(--accent); font-weight: 900; }
/* Force every block inside the header to actually center within the parent.
   .lede has max-width: 64ch with margin: 18px 0 0 by default, which leaves it
   left-aligned even when text-align is center on the parent. */
.pay-methods__header .lede,
.pay-methods__header > * {
  margin-left: auto;
  margin-right: auto;
}
.pay-methods__grid {
  list-style: none; padding: 0; margin: 0;
  display: grid; grid-template-columns: repeat(9, 1fr); gap: 12px;
}
@media (max-width: 1180px) { .pay-methods__grid { grid-template-columns: repeat(5, 1fr); } }
@media (max-width: 880px)  { .pay-methods__grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 480px)  { .pay-methods__grid { grid-template-columns: repeat(2, 1fr); } }
.pay-methods__item {
  display: flex; flex-direction: column; align-items: center; gap: 10px;
  padding: 18px 12px;
  background: var(--bg-light); border: 1px solid var(--line);
  border-radius: var(--r-md);
  position: relative;
  overflow: hidden;
  transition: border-color .18s, transform .18s, box-shadow .18s;
}
.pay-methods__item:hover { border-color: var(--accent); transform: translateY(-2px); }
.pay-methods__item--discount {
  border-color: var(--accent);
  background: var(--accent-soft);
  box-shadow: 0 4px 14px rgba(0,150,214, 0.15);
}
/* Discount cards get a corner ribbon (top-right) so the −5% reads as a tag ON the box */
.pay-methods__item--discount::after {
  content: 'SAVE 5%';
  position: absolute;
  top: 8px; right: -28px;
  transform: rotate(35deg);
  background: var(--accent); color: #fff;
  font-weight: 900; font-size: 9px; letter-spacing: 0.08em;
  padding: 3px 32px; line-height: 1.4;
  box-shadow: 0 2px 6px rgba(0,150,214, 0.45);
}
/* Hide the inline −5% pill since the ribbon now carries the message */
.pay-methods__item--discount .pay-methods__save { display: none; }
.pay-methods__icon {
  display: flex; align-items: center; justify-content: center;
  width: 56px; height: 32px;
  font-weight: 900; font-size: 13px; letter-spacing: 0.04em;
  color: var(--ink); background: #fff; border: 1px solid var(--line-2);
  border-radius: 6px;
}
.pay-methods__icon[data-method="visa"] { color: #1A1F71; letter-spacing: 0.05em; }
.pay-methods__icon[data-method="amex"] { color: #fff; background: #2E77BC; border-color: #2E77BC; }
.pay-methods__icon[data-method="discover"] { color: #fff; background: #FF6000; border-color: #FF6000; font-size: 11px; }
.pay-methods__icon[data-method="affirm"] { color: #0FA0EA; font-style: italic; }
.pay-methods__icon[data-method="zelle"] { color: #6D1ED4; }
.pay-methods__icon[data-method="chime"] { color: #1EC677; }
.pay-methods__icon[data-method="crypto"] { color: #F7931A; font-size: 12px; }
.pay-methods__icon[data-method="ach"] { color: var(--ink); }
.pay-methods__label {
  font-size: 11px; font-weight: 700; letter-spacing: 0.04em;
  color: var(--ink-2); text-align: center;
  display: inline-flex; gap: 6px; align-items: center;
}
.pay-methods__save {
  display: inline-block;
  background: var(--accent); color: #fff;
  font-size: 9px; font-weight: 900; letter-spacing: 0.04em;
  padding: 2px 6px; border-radius: var(--r-pill);
}
.pay-methods__fineprint {
  text-align: center; color: var(--ink-3); font-size: 12px;
  margin: 0 auto;
  max-width: 520px;
  line-height: 1.6;
  text-wrap: balance;
}

/* ===== Misc utility ===== */
.divider { height: 1px; background: var(--line); border: none; margin: 24px 0; }
.tag-pill {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 10px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase;
  padding: 6px 10px; border-radius: var(--r-pill);
  background: var(--accent-soft); color: var(--accent);
}

/* shop filters (2026-05-06) */
.pcard.is-filter-hidden{display:none!important}
.filter__c{color:rgba(255,255,255,0.5);font-weight:400;margin-left:4px;font-size:13px}


/* ===== Mobile nav fixes (2026-05-15) ===== */
@media (max-width: 880px) {
  /* The base grid is 1fr/auto/1fr. On mobile that makes the two side
     columns equal narrow widths, so .nav__actions overflows its column
     and ends up bunched left of the viewport instead of pinned right.
     Use auto/1fr/auto so each side fits its content and the empty
     middle eats the leftover space. */
  .nav__inner {
    grid-template-columns: auto 1fr auto !important;
  }
  .nav__actions {
    justify-self: end !important;
    margin-left: auto !important;
  }
  /* Brand logo is 1064x484 (2.2:1). At h=40 it needs ~88px width to
     keep its aspect; the grid was clamping it to the narrow column. */
  .nav__brand img,
  .nav__brand .brand-logo {
    width: auto !important;
    height: 40px !important;
    min-width: 88px !important;
    max-width: none !important;
    flex-shrink: 0 !important;
    object-fit: contain !important;
    aspect-ratio: 1064 / 484 !important;
  }
  .nav__brand { flex-shrink: 0 !important; min-width: 88px !important; }
}

.nav__inner{
  padding-top:0;
  padding-bottom:0;
}
.nav__menu{
  gap:0;
}
.nav__menu ul{
  display: flex;
  align-items: center;
  gap:28px;
  margin:0;
}
.nav__menu ul li{
  list-style: none;
  position: relative;
  line-height:80px;
}
.nav__menu ul li a{}
.nav__menu ul li >ul{
  position: absolute;
  top:100%;
  left:0;
  background-color: #fff;
  width:max-content;
  padding:15px;
  border:1px solid #0e0030;
  border-radius: 10px;
  display:none;
}
.nav__menu ul li:hover > ul{
  display:block;
}
.nav__menu ul li:hover > ul li{
  line-height: 28px;
}
.sp-fbt-add-to-cart:disabled {
    opacity: .5;
    cursor: not-allowed;
    background: #ccc !important;
    color:#0e0030 !important;
}
.sp-fbt-add-to-cart:disabled:hover{
  color:#0e0030 !important;
}

.sp-batch-box{
  display:flex;
  align-items: center;
  justify-content: space-between;
  padding:10px 15px;
  border:1px solid #0096d6;
  border-radius: 8px;
  background-color:#f4fcff;
}
.sp-batch-box .batch-left-img{
  width:60px;
  height:60px;
  border-radius: 50%;
  padding:8px 12px 12px;
  margin-right:10px;
  background-color:#fff;
  border:1px solid #0096d6;
}
.sp-batch-box .batch-left-img img{
  width:100%;
  height:100%;
  object-fit: cover;
}
.sp-batch-box .batch-right-img{
  width:60px;
  height:60px;
  padding:12px;
  border-radius: 50%;
  margin-left:10px;
  background-color:#e2f6fd;
}
.sp-batch-box .batch-right-img img{
   width:100%;
  height:100%;
  object-fit: cover;
}
.sp-batch-box .batch-center{
  flex:1 ;
  display:flex;
  flex-direction: column;
  justify-content: space-between;
}
.sp-batch-box .batch-center span{
  font-size:14px;
}
.sp-batch-box .batch-center strong{
  color:#0096d6;
  font-size:40px;
  line-height:40px;
}
.sp-batch-box .batch-center span:last-child{
  color:#0b0f1780;
  font-size:11px;
}

@media screen and (max-width:900px){
  .nav__menu ul{
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding-left: 0;
    gap:0;
  }
  .nav__menu ul li{
    line-height:normal;
    width:100%;
    border-bottom:1px solid var(--line);
  }
  .nav__menu ul li a{
    display:block;
  }
}
.promo-bar.sp-promo-bar{
  height:48px;
}

@media screen and (max-width:880px){
  .nav__menu.is-open > ul > li > ul {
        display: none;
    }

    .nav__menu.is-open > ul > li.has-dropdown > a {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.nav__menu.is-open > ul > li.has-dropdown > ul {
  display: none !important;
}
    .nav__menu.is-open > ul > li.has-dropdown.open > ul {
        display: block !important;
        width:100%;
        position:relative !important;
        left:0;
        border:0 none;
        box-shadow:0 0 0 transparent;
    }
}

@media screen and (max-width:480px){
  .promo-bar.sp-promo-bar{
    padding:5px 0 !important;
  }
  .promo-bar.sp-promo-bar .sp-promo-bar__item{
    font-size:10px !important;
  }
 
  header.nav{
    padding:10px 0;
    height:60px;
  }
  .promo-bar.sp-promo-bar{
    height:35px;
  }
  .promo-bar + header.nav{
    top:35px !important;
  }
  .nav .brand-logo, header.nav .nav__brand img, .single-product.dr-single-product .nav .brand-logo{
    height:40px !important;
  }

}

.da-newcart-body.da-prmo-ready{
  padding-top:0 !important;
}
.woocommerce-table--order-details .woocommerce-table__product-name ul.wc-item-meta{
  padding-left:0;
}


/* ===== page-level blocks (merged from reference inline styles) ===== */
/* from about,cart,coa,contact,faq,home,how-to-save,membership,military-discount,product_retatrutide,referral-program,shop */
.promo-bar__track{visibility:hidden}body.da-promo-ready .promo-bar__track{visibility:visible}.sp-promo-bar__item > strong,.promo-bar__item > strong{margin:0 .32em}.sp-promo-bar,.promo-bar{-webkit-mask-image:linear-gradient(90deg,transparent 0,#0e0030 34px,#0e0030 calc(100% - 34px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#0e0030 34px,#0e0030 calc(100% - 34px),transparent 100%)}.pcard__media img{animation-play-state:running!important}


/* from about,cart,coa,contact,faq,home,how-to-save,membership,military-discount,product_retatrutide,referral-program,shop */

		/* Hide About link from main header nav (footer link untouched). */
		header.nav .nav__menu a[href$="/about/"],
		header.nav .nav__menu a[href$="/about"],
		.nav .nav__menu a[href$="/about/"],
		.nav .nav__menu a[href$="/about"] { display: none !important; }

		/* === MOBILE TAP FIX === */
		#sp-cart-drawer-overlay,
		.sp-cart-drawer-overlay { pointer-events: none !important; }
		#sp-cart-drawer-overlay.is-open,
		#sp-cart-drawer-overlay.open,
		.sp-cart-drawer-overlay.is-open,
		.sp-cart-drawer-overlay.open,
		#sp-cart-drawer-overlay[aria-hidden="false"],
		.sp-cart-drawer-overlay[aria-hidden="false"] { pointer-events: auto !important; }

		/* Hide the standalone military strip — folded into the promo marquee. */
		#sp-mil-bar,
		.sp-mil-bar { display: none !important; }

		/* === PROMO BAR POLISH ===================================
		   Magenta-tinted <strong> tags so codes/keywords pop, soft
		   dot separators between items, refined typography.
		   ======================================================== */
		.promo-bar { border-bottom: 1px solid rgba(255,255,255,0.06); }
		.promo-bar__item {
			color: rgba(255,255,255,0.78) !important;
			letter-spacing: 0.85px !important;
			font-weight: 600 !important;
		}
		.promo-bar__item strong {
			color: #0096d6 !important;
			font-weight: 800 !important;
			letter-spacing: 0.7px;
		}
		/* Dot separators between non-military items */
		.promo-bar__item:not(.is-military) + .promo-bar__item:not(.is-military)::before {
			content: '·';
			color: rgba(255,255,255,0.22);
			margin-right: 28px;
			margin-left: -28px;
			font-weight: 700;
		}

		/* === MILITARY PILL inside the promo marquee === */
		.promo-bar__item.is-military {
			display: inline-flex !important;
			align-items: center;
			gap: 6px;
		}
		.promo-bar__item.is-military a {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			padding: 6px 16px;
			border-radius: 999px;
			background: linear-gradient(135deg, #0096d6, #0077b6);
			color: #FFF !important;
			font-size: 11.5px;
			font-weight: 800;
			text-decoration: none;
			letter-spacing: 0.6px;
			text-transform: uppercase;
			box-shadow: 0 2px 10px rgba(0,150,214, 0.30);
			transition: transform .15s ease, box-shadow .15s ease;
		}
		.promo-bar__item.is-military a:hover {
			transform: translateY(-1px);
			box-shadow: 0 8px 22px rgba(0,150,214, 0.55);
			text-decoration: none;
		}

		/* === SEARCH BUTTON in nav === */
		.drnc-search-btn {
			width: 38px; height: 38px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			border-radius: 999px;
			background: transparent;
			border: 1px solid var(--line, rgba(24,0,76,0.08));
			color: inherit;
			cursor: pointer;
			padding: 0;
			margin-right: 6px;
			transition: background .15s, border-color .15s, transform .15s;
		}
		.drnc-search-btn:hover {
			background: var(--bg-soft, #FAFAFB);
			border-color: var(--line-2, rgba(24,0,76,0.16));
			transform: translateY(-1px);
		}
		.drnc-search-btn svg { width: 16px; height: 16px; }

		/* === SEARCH PANEL (slide-down overlay with live results) === */
		.drnc-search-panel {
			position: fixed;
			top: 0; left: 0; right: 0; bottom: 0;
			z-index: 9999;
			background: rgba(24,0,76, 0.92);
			-webkit-backdrop-filter: blur(20px) saturate(140%);
			backdrop-filter: blur(20px) saturate(140%);
			padding: 90px 24px 36px;
			opacity: 0;
			visibility: hidden;
			transition: opacity .35s ease, visibility .35s ease;
			overflow-y: auto;
			-webkit-overflow-scrolling: touch;
		}
		.drnc-search-panel.is-open { opacity: 1; visibility: visible; }
		.drnc-search-panel__inner {
			max-width: 760px;
			margin: 0 auto;
		}
		/* Use !important across the board so theme/plugin input rules can't win.
		   Tripling letter/word spacing from earlier values + bigger padding +
		   monospaced-leaning weight (500) so each character has room to breathe. */
		.drnc-search-panel input[type="search"],
		.drnc-search-panel input.drnc-search-input {
			width: 100% !important;
			box-sizing: border-box !important;
			-webkit-appearance: none !important;
			appearance: none !important;
			background: rgba(255,255,255,0.06) !important;
			border: 1px solid rgba(255,255,255,0.12) !important;
			border-radius: 18px !important;
			padding: 28px 32px !important;
			margin: 0 !important;
			font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
			font-size: 22px !important;
			font-weight: 500 !important;
			line-height: 1.4 !important;
			letter-spacing: 1.4px !important;
			word-spacing: 4px !important;
			color: #FFF !important;
			outline: none !important;
			text-indent: 4px !important;
			transition: border .15s, background .15s, box-shadow .15s !important;
		}
		.drnc-search-panel input[type="search"]::placeholder,
		.drnc-search-panel input.drnc-search-input::placeholder {
			color: rgba(255,255,255,0.42) !important;
			letter-spacing: 1.4px !important;
			word-spacing: 4px !important;
			font-weight: 500 !important;
		}
		.drnc-search-panel input[type="search"]::-webkit-input-placeholder,
		.drnc-search-panel input.drnc-search-input::-webkit-input-placeholder {
			letter-spacing: 1.4px !important;
			word-spacing: 4px !important;
		}
		.drnc-search-panel input[type="search"]:focus {
			border-color: #0096d6;
			background: rgba(255,255,255,0.10);
			box-shadow: 0 0 0 4px rgba(0,150,214,0.18);
		}
		.drnc-search-close {
			position: absolute;
			top: 18px; right: 24px;
			width: 38px; height: 38px;
			border-radius: 999px;
			background: rgba(255,255,255,0.08);
			border: 1px solid rgba(255,255,255,0.12);
			color: rgba(255,255,255,0.7);
			cursor: pointer;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			transition: all .15s;
		}
		.drnc-search-close:hover { background: rgba(255,255,255,0.16); color: #FFF; }
		.drnc-search-close svg { width: 14px; height: 14px; }
		.drnc-search-meta {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 12px 4px;
			font-size: 11.5px;
			letter-spacing: 1.4px;
			text-transform: uppercase;
			font-weight: 700;
			color: rgba(255,255,255,0.50);
		}
		.drnc-search-meta kbd {
			padding: 2px 6px;
			background: rgba(255,255,255,0.10);
			border: 1px solid rgba(255,255,255,0.14);
			border-radius: 4px;
			font-family: 'SF Mono', Monaco, monospace;
			font-size: 11px;
			color: rgba(255,255,255,0.7);
		}
		.drnc-search-results {
			display: grid;
			gap: 8px;
		}
		.drnc-search-section {
			display: grid;
			gap: 8px;
		}
		.drnc-search-section + .drnc-search-section {
			margin-top: 14px;
		}
		.drnc-search-section__label {
			font-size: 11px;
			font-weight: 700;
			letter-spacing: 2px;
			text-transform: uppercase;
			color: rgba(255,255,255,0.45);
			padding: 4px 4px 2px;
		}
		.drnc-search-result--cat {
			grid-template-columns: 56px 1fr auto;
		}
		.drnc-search-result--cat .drnc-search-result__img {
			display: flex;
			align-items: center;
			justify-content: center;
			color: #0096d6;
			background: rgba(0,150,214,0.10);
		}
		.drnc-search-result--cat .drnc-search-result__img svg {
			width: 28px; height: 28px;
		}
		.drnc-search-result--cat .drnc-search-result__price {
			font-family: 'Inter', sans-serif;
			font-size: 12px;
			color: rgba(255,255,255,0.55);
			border-left: 1px solid rgba(255,255,255,0.10);
			text-transform: uppercase;
			letter-spacing: 1px;
		}
		.drnc-search-result {
			display: grid;
			grid-template-columns: 56px 1fr auto;
			gap: 14px;
			align-items: center;
			padding: 12px 14px;
			background: rgba(255,255,255,0.04);
			border: 1px solid rgba(255,255,255,0.06);
			border-radius: 14px;
			color: #FFF;
			text-decoration: none;
			transition: background .12s ease, border-color .12s ease, transform .12s ease;
		}
		.drnc-search-result:hover,
		.drnc-search-result.is-selected {
			background: rgba(0,150,214,0.12);
			border-color: rgba(0,150,214,0.35);
			transform: translateY(-1px);
			text-decoration: none;
		}
		.drnc-search-result__img {
			width: 56px; height: 56px;
			border-radius: 10px;
			background: rgba(255,255,255,0.04);
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
		}
		.drnc-search-result__name {
			font-weight: 700;
			font-size: 15px;
			line-height: 1.2;
			color: #FFF;
		}
		.drnc-search-result__meta {
			font-size: 12px;
			letter-spacing: 0.3px;
			color: rgba(255,255,255,0.55);
			margin-top: 3px;
		}
		.drnc-search-result__cat {
			color: #0096d6;
			font-weight: 700;
			text-transform: uppercase;
			letter-spacing: 1px;
			font-size: 10.5px;
		}
		.drnc-search-result__price {
			font-family: 'Anton', 'Inter', sans-serif;
			font-size: 22px;
			color: #FFF;
			letter-spacing: 0.4px;
			padding-left: 12px;
			border-left: 1px solid rgba(255,255,255,0.10);
		}
		.drnc-search-empty {
			padding: 36px 16px;
			text-align: center;
			color: rgba(255,255,255,0.55);
			font-size: 14.5px;
		}
		.drnc-search-empty strong {
			display: block;
			font-size: 17px;
			font-weight: 700;
			color: #FFF;
			margin-bottom: 6px;
		}
		.drnc-search-empty a {
			color: #0096d6;
			text-decoration: none;
			font-weight: 700;
		}
		.drnc-search-suggest {
			display: flex;
			gap: 8px;
			flex-wrap: wrap;
			padding: 14px 4px;
		}
		.drnc-search-suggest button {
			background: rgba(255,255,255,0.06);
			border: 1px solid rgba(255,255,255,0.12);
			color: rgba(255,255,255,0.85);
			padding: 7px 14px;
			border-radius: 999px;
			font: 600 12.5px 'Inter', system-ui, sans-serif;
			cursor: pointer;
			transition: background .12s, border-color .12s;
		}
		.drnc-search-suggest button:hover {
			background: rgba(0,150,214,0.18);
			border-color: rgba(0,150,214,0.4);
			color: #FFF;
		}
		@media (max-width: 520px) {
			.drnc-search-result__price { font-size: 18px; }
		}

		/* ====================================================
		   SITE-WIDE POLISH LAYER — small global tweaks that
		   make the whole site feel more premium without
		   touching the theme files.
		   ==================================================== */

		/* Smooth scrolling everywhere (respects user motion preferences) */
		@media (prefers-reduced-motion: no-preference) {
			html { scroll-behavior: smooth; }
		}

		/* Brand-tinted text selection */
		::selection      { background: rgba(0,150,214, 0.30); color: #FFF; }
		::-moz-selection { background: rgba(0,150,214, 0.30); color: #FFF; }

		/* Accessible focus rings (keyboard users only) */
		a:focus-visible,
		button:focus-visible,
		input:focus-visible,
		textarea:focus-visible,
		select:focus-visible,
		[role="button"]:focus-visible {
			outline: 2px solid #0096d6 !important;
			outline-offset: 3px !important;
			border-radius: 6px;
		}

		/* Custom scrollbar (WebKit only — graceful no-op elsewhere) */
		::-webkit-scrollbar { width: 12px; height: 12px; }
		::-webkit-scrollbar-track { background: rgba(24,0,76,0.04); }
		::-webkit-scrollbar-thumb {
			background: rgba(24,0,76,0.18);
			border-radius: 999px;
			border: 3px solid transparent;
			background-clip: padding-box;
		}
		::-webkit-scrollbar-thumb:hover {
			background: rgba(0,150,214, 0.55);
			background-clip: padding-box;
		}

		/* Hover-lift on cards site-wide */
		.product-card, .product-tile, .info-card,
		.coa-card,    .cat-card,      .stat-card, .research-card {
			transition: transform .28s cubic-bezier(0.22, 1, 0.36, 1),
			            box-shadow .28s cubic-bezier(0.22, 1, 0.36, 1),
			            border-color .28s ease;
			will-change: transform;
		}
		.product-card:hover, .product-tile:hover, .info-card:hover,
		.coa-card:hover,     .cat-card:hover,     .stat-card:hover,
		.research-card:hover {
			transform: translateY(-3px);
			box-shadow: 0 18px 44px rgba(24,0,76, 0.10),
			            0 2px 6px  rgba(24,0,76, 0.05);
		}

		/* Subtle image zoom on product/category tiles */
		.product-card img, .product-tile img, .cat-card img {
			transition: transform .55s cubic-bezier(0.22, 1, 0.36, 1);
		}
		.product-card:hover img,
		.product-tile:hover img,
		.cat-card:hover img { transform: scale(1.05); }

		/* Better button feel */
		.btn, button.btn, a.btn {
			transition: transform .15s cubic-bezier(0.22, 1, 0.36, 1),
			            box-shadow .25s ease,
			            background-color .15s ease,
			            border-color .15s ease,
			            color .15s ease;
		}
		.btn:hover  { transform: translateY(-1px); }
		.btn:active { transform: translateY(0); }
		.btn--primary:hover,
		.btn--accent:hover { box-shadow: 0 10px 26px rgba(0,150,214, 0.35); }

		/* Crisp links — refined underline offset */
		a:not(.btn):not(.nav__brand):not(.nav__icon) {
			text-underline-offset: 3px;
			text-decoration-thickness: 1px;
		}

		/* Retina-crisp images */
		img { image-rendering: -webkit-optimize-contrast; }

		/* Mobile spacing tighten */
		@media (max-width: 720px) {
			.section   { padding-block: clamp(40px, 8vw, 64px) !important; }
			.wrap      { padding-inline: 18px !important; }
			.h-display { letter-spacing: -1px !important; }
		}

		/* Print stylesheet — clean COA / order printouts */
		@media print {
			.promo-bar, .nav, .foot, .drnc-search-panel,
			#sp-cart-drawer-overlay, .sp-mil-bar { display: none !important; }
			body { color: #0e0030; background: #FFF; }
		}

		/* Honor user motion preferences */
		@media (prefers-reduced-motion: reduce) {
			*, *::before, *::after {
				animation-duration: 0.01ms !important;
				animation-iteration-count: 1 !important;
				transition-duration: 0.01ms !important;
				scroll-behavior: auto !important;
			}
		}
	


/* from about,cart,coa,contact,faq,home,how-to-save,membership,military-discount,product_retatrutide,referral-program,shop */

.promo-bar.sp-promo-bar{ position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 60 !important; }
header.nav{ position: fixed !important; top: var(--da-sticky-nav-top, 47px) !important; left: 0 !important; right: 0 !important; z-index: 50 !important; box-shadow: 0 2px 8px rgba(0,0,0,.12) !important; }
body{ padding-top: var(--da-header-offset, 128px) !important; }
@media (max-width: 768px){ body{ padding-top: var(--da-header-offset, 96px) !important; } }



/* from about,cart,coa,contact,faq,home,how-to-save,membership,military-discount,product_retatrutide,referral-program,shop */

.da-ship-meter{
  margin:0 0 24px;
  padding:18px 20px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(17,17,17,.08);
  box-shadow:0 12px 34px rgba(17,17,17,.06);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif;
}

.da-ship-meter-top{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
  font-size:14px;
  color:#555;
}

.da-ship-meter-top span:first-child{
  color:#160a3d;
  font-weight:800;
}

.da-ship-meter strong{
  color:#0096d6;
}

.da-ship-meter-bar{
  height:10px;
  background:#f3f3f3;
  border-radius:999px;
  overflow:hidden;
}

.da-ship-meter-bar div{
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#0096d6,#66d8f2);
}

@media(max-width:700px){
  .da-ship-meter-top{
    flex-direction:column;
  }
}



/* from about,cart,coa,contact,faq,home,how-to-save,membership,military-discount,product_retatrutide,referral-program,shop */

        .da-research-shop-wrap {
            margin: 0 0 34px;
            padding: 24px;
            border-radius: 24px;
            background: linear-gradient(135deg, #ffffff 0%, #f8f7ff 100%);
            border: 1px solid rgba(34,19,145,.12);
            box-shadow: 0 18px 45px rgba(34,19,145,.08);
        }

        .da-research-shop-header {
            text-align: center;
            margin-bottom: 22px;
        }

        .da-research-shop-header span {
            display: inline-block;
            font-size: 12px;
            font-weight: 800;
            letter-spacing: .08em;
            text-transform: uppercase;
            color: #0096d6;
            margin-bottom: 8px;
        }

        .da-research-shop-header h2 {
            margin: 0;
            font-size: 30px;
            font-weight: 900;
            color: #160a3d;
        }

        .da-research-shop-header p {
            margin: 8px auto 0;
            max-width: 680px;
            font-size: 15px;
            color: #555;
        }

        .da-research-category-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 14px;
        }

        .da-research-card {
            display: block;
            padding: 18px;
            border-radius: 18px;
            background: #fff;
            border: 1px solid rgba(34,19,145,.10);
            box-shadow: 0 8px 24px rgba(0,0,0,.05);
            text-decoration: none !important;
            transition: all .22s ease;
        }

        .da-research-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 14px 34px rgba(34,19,145,.12);
            border-color: rgba(0,150,214,.35);
        }

        .da-research-card h3 {
            margin: 0 0 7px;
            font-size: 16px;
            font-weight: 900;
            color: #221391;
        }

        .da-research-card p {
            margin: 0 0 12px;
            font-size: 13px;
            line-height: 1.45;
            color: #555;
        }

        .da-research-card span {
            font-size: 13px;
            font-weight: 900;
            color: #0096d6;
        }

        @media(max-width: 1024px) {
            .da-research-category-grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
        }

        @media(max-width: 768px) {
            .da-research-shop-wrap {
                padding: 18px;
                border-radius: 18px;
            }

            .da-research-shop-header h2 {
                font-size: 24px;
            }

            .da-research-category-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 10px;
            }

            .da-research-card {
                padding: 14px;
            }

            .da-research-card h3 {
                font-size: 14px;
            }

            .da-research-card p {
                font-size: 12px;
            }
        }

        @media(max-width: 480px) {
            .da-research-category-grid {
                grid-template-columns: 1fr;
            }
        }
    


/* from about,cart,coa,contact,faq,home,how-to-save,membership,military-discount,product_retatrutide,referral-program,shop */

.drup-flag{position:fixed;left:12px;bottom:12px;z-index:99999;background:#18004c;color:#fff;
  font:700 11px/1.4 Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;
  padding:9px 13px;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.28)}
.drup-flag b{color:#0096d6}

/* ---- shared notice ---- */
.drup-note{margin:16px 0;padding:15px 17px;border:1px solid rgba(24,0,76,.1);border-radius:16px;
  background:#fafafb;font-family:Inter,system-ui,sans-serif}
.drup-note--warn{background:#f6fdff;border-color:rgba(0,150,214,.3)}
.drup-note__h{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:800;
  letter-spacing:-.01em;color:#18004c;margin-bottom:5px}
.drup-note__h svg{width:18px;height:18px;stroke:#0096d6;fill:none;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.drup-note p{margin:0;font-size:13.5px;line-height:1.58;color:rgba(24,0,76,.72)}

/* ---- bulk ---- */
.drup-bulk{margin:18px 0;font-family:Inter,system-ui,sans-serif}
.drup-bulk__top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  margin-bottom:10px}
.drup-bulk__t{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:#18004c}
.drup-bulk__s{font-size:12.5px;color:rgba(24,0,76,.52)}
.drup-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding-top:9px}
/* the theme skins every <button> with !important, so tiles are also forced inline in JS */
.drup-t{position:relative;display:block;text-align:left;cursor:pointer;
  transition:border-color .15s,box-shadow .15s}
.drup-t__q{display:block;font-size:12px;font-weight:800;color:rgba(24,0,76,.5);
  letter-spacing:.04em}
.drup-t__p{display:block;font-family:Sora,Inter,sans-serif;font-weight:800;font-size:20px;
  letter-spacing:-.025em;margin-top:4px;color:#18004c;line-height:1.1}
.drup-t__e{display:block;font-size:11.5px;color:rgba(24,0,76,.5);margin-top:2px}
.drup-t__s{display:block;margin-top:9px;padding:4px 0 0;border-top:1px solid rgba(24,0,76,.08);
  font-size:11.5px;font-weight:800;color:#0096d6}
.drup-t__best{position:absolute;top:-9px;left:11px;padding:3px 8px;border-radius:999px;
  background:#0096d6;color:#fff;font-size:9px;font-weight:800;letter-spacing:.1em;
  text-transform:uppercase;line-height:1;white-space:nowrap}
.drup-bulk__sum{margin-top:11px;padding:12px 15px;border-radius:14px;background:#fafafb;
  border:1px solid rgba(24,0,76,.08);display:flex;align-items:baseline;
  justify-content:space-between;gap:12px;font-size:13.5px}
.drup-bulk__sum b{font-family:Sora,Inter,sans-serif;font-weight:800;font-size:16px;
  letter-spacing:-.02em;white-space:nowrap}
.drup-bulk__sum em{font-style:normal;color:#0096d6;font-weight:800}
@media(max-width:640px){
  .drup-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .drup-t__p{font-size:18px}
  .drup-bulk__sum{flex-direction:column;align-items:flex-start;gap:4px}
}

/* ---- cart attach ---- */
.drup-attach{margin:16px 0;border:.67px solid rgba(24,0,76,.08);border-radius:28px;overflow:hidden;
  font-family:Inter,system-ui,sans-serif;background:#fff}
.drup-attach__r{display:flex;align-items:center;gap:12px;padding:12px 16px;
  border-bottom:1px solid rgba(24,0,76,.06)}
.drup-attach__r:last-child{border-bottom:0}
.drup-attach__t{flex:0 0 auto;width:42px;height:42px;border-radius:10px;background:#fafafb;
  object-fit:contain}
.drup-attach__n{flex:1 1 auto;min-width:0}
.drup-attach__n b{display:block;font-size:13.5px;font-weight:700;line-height:1.3}
.drup-attach__n span{display:block;font-size:12px;color:rgba(24,0,76,.52);margin-top:1px}
.drup-attach__p{font-family:Sora,Inter,sans-serif;font-weight:700;font-size:14px;white-space:nowrap}
.drup-attach__b{flex:0 0 auto;padding:10px 16px;border-radius:999px;border:0;
  background:#0096d6;color:#fff;font:800 11.5px/1 Inter,sans-serif;letter-spacing:.07em;
  text-transform:uppercase;cursor:pointer;text-decoration:none;white-space:nowrap}
.drup-attach__b:hover{background:#1ab6e6}

/* the drawer renders WooCommerce del/ins raw; the struck list price must never
   render larger than the price actually charged */
#sp-cart-drawer del,#sp-cart-drawer del *,.sp-cart-drawer del,.sp-cart-drawer del *{
  font-size:12.5px !important;font-weight:500 !important;color:rgba(24,0,76,.45) !important;
  text-decoration:line-through !important;line-height:1.3 !important}
#sp-cart-drawer ins,#sp-cart-drawer ins *,.sp-cart-drawer ins,.sp-cart-drawer ins *{
  font-size:15px !important;font-weight:800 !important;text-decoration:none !important;
  color:#18004c !important}

/* ---- subscribe (ADMIN PREVIEW ONLY until billing exists) ---- */
.drup-sub{margin:16px 0;font-family:Inter,system-ui,sans-serif}
.drup-sub__l{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:#18004c;margin-bottom:10px}
.drup-so{position:relative;display:flex;align-items:flex-start;gap:12px;padding:15px 16px;
  border-radius:16px;border:1px solid rgba(24,0,76,.12);background:#fff;cursor:pointer;
  margin-bottom:9px}
.drup-so.is-on{border-color:#0096d6;box-shadow:0 0 0 1px #0096d6;background:#f8fdff}
.drup-so__d{flex:0 0 auto;width:20px;height:20px;border-radius:50%;
  border:1.5px solid rgba(24,0,76,.24);margin-top:1px;display:flex;align-items:center;
  justify-content:center;background:#fff}
.drup-so.is-on .drup-so__d{border-color:#0096d6}
.drup-so.is-on .drup-so__d:after{content:"";width:10px;height:10px;border-radius:50%;
  background:#0096d6}
.drup-so__m{flex:1 1 auto;min-width:0}
.drup-so__t{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:700;
  flex-wrap:wrap}
.drup-so__save{padding:3px 8px;border-radius:6px;background:#0096d6;color:#fff;
  font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.drup-so__sub{font-size:12.5px;color:rgba(24,0,76,.55);margin-top:4px;line-height:1.5}
.drup-so__right{flex:0 0 auto;text-align:right}
.drup-so__price{font-family:Sora,Inter,sans-serif;font-weight:800;font-size:16.5px;
  white-space:nowrap;letter-spacing:-.02em}
.drup-so__was{display:block;font-size:12px;color:rgba(24,0,76,.45);
  text-decoration:line-through;margin-top:1px}
.drup-perks{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.drup-perks li{display:flex;gap:8px;font-size:12.5px;color:rgba(24,0,76,.62);line-height:1.45}
.drup-perks li:before{flex:0 0 auto;width:14px;height:14px;margin-top:2px;
  border-radius:50%;background:#e3f8ff;color:#0096d6;font-size:9px;font-weight:800;
  line-height:14px;text-align:center;content:"\2713"}
.drup-freq{margin-top:11px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.drup-freq span{font-size:12.5px;color:rgba(24,0,76,.55)}
.drup-freq select{padding:10px 12px;border-radius:12px;border:1px solid rgba(17,17,17,.12);
  font:inherit;font-size:14px;background:#fff;min-height:44px}

/* ---- sticky mobile category bar ---- */
.drup-nav{display:none}
@media(max-width:900px){
  .drup-nav{display:block;position:sticky;top:0;z-index:900;background:#fff;
    border-bottom:1px solid rgba(24,0,76,.08)}
  .drup-nav__w{position:relative}
  .drup-nav__w:after{content:"";position:absolute;top:0;right:0;bottom:0;width:34px;
    pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),#fff)}
  .drup-nav__s{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;
    padding:9px 14px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .drup-nav__s::-webkit-scrollbar{display:none}
  .drup-nav a{flex:0 0 auto;scroll-snap-align:start;padding:0 15px;height:38px;
    display:inline-flex;align-items:center;border-radius:999px;
    border:1px solid rgba(24,0,76,.12);background:#fff;text-decoration:none;color:#18004c;
    font:600 13.5px/1 Inter,system-ui,sans-serif;white-space:nowrap}
  .drup-nav a.is-here{background:#18004c;border-color:#18004c;color:#fff}
  .drup-nav a small{margin-left:6px;font-size:11px;opacity:.5;font-weight:700}
}



/* from about,cart,coa,contact,faq,home,how-to-save,membership,military-discount,product_retatrutide,referral-program,shop */

.hero h1 .stroke,.hero .is-stroked,h1 .stroke{-webkit-text-stroke:0!important;color:#0096d6!important;-webkit-text-fill-color:#0096d6!important}
.spbd-tier-wrap .is-popular,.spbd-tiers .is-popular,[data-tier].is-popular{background:rgba(0,150,214,.07)!important;border:1px solid rgba(0,150,214,.45)!important;border-radius:14px!important}
.pcard img,.woocommerce-product-gallery img{filter:saturate(1.14) contrast(1.06) brightness(1.04)}
.woocommerce-product-gallery__image,.woocommerce-product-gallery{filter:drop-shadow(0 18px 44px rgba(0,150,214,.20))}
.dr-crw,.commonly-researched,[class*='commonly-researched']{order:-1!important;margin-top:22px!important}
.dacx-tier{display:inline-block;background:rgba(0,150,214,.10);border:1px solid rgba(0,150,214,.42);
  color:#18004c;border-radius:100px;padding:5px 14px;font:700 12px/1 Inter,sans-serif;letter-spacing:.5px;margin:10px 0}
.dacx-pay{display:flex;gap:8px;align-items:center;margin:12px 0;font:600 11px/1 Inter,sans-serif;
  letter-spacing:.8px;text-transform:uppercase;color:rgba(24,0,76,.55)}
.dacx-pay b{background:#18004c;color:#fff;border-radius:5px;padding:4px 8px;font-weight:800;letter-spacing:.4px}
.dacx-badge{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;
  width:104px;height:104px;border-radius:50%;background:#fff;color:#18004c;text-align:center;
  box-shadow:0 10px 30px rgba(0,0,0,.22)}
.dacx-badge b{font:800 25px/1 Sora,Inter,sans-serif;letter-spacing:-.02em}
.dacx-badge i{font:700 8.5px/1 Inter,sans-serif;letter-spacing:1.5px;font-style:normal;margin-top:5px;
  color:rgba(24,0,76,.62)}
.dacx-rank{display:inline-block;margin:14px 0 0;padding:7px 16px;border-radius:100px;
  background:rgba(0,150,214,.14);border:1px solid rgba(0,150,214,.5);color:#fff;
  font:800 12px/1 Inter,sans-serif;letter-spacing:1.1px;text-transform:uppercase}
/* client: payment methods sit left on every product, not pushed right */
.pay{margin-left:12px!important;text-align:left!important}
/* removed: document-wide universal selector, and a no-op on its only target */
/* The RUO line is injected at runtime as .pdpx-ruoline, so it can only be
   removed client-side. Server-side text replacement hits the JS source. */
.pdpx-ruoline{display:none!important}
/* Contact page: heading overflowed its card, dark-on-dark stacked, and a
   personal gmail was published. Tighten and rebalance. */
.da-contact-hero-inner,.page-id-3788 .card,.page-id-3788 [class*='contact']{
  border-radius:28px}
.page-id-3788 h2,.da-contact-hero-inner h2{font-size:clamp(28px,4vw,44px)!important;
  line-height:1.08!important;letter-spacing:-.02em!important;overflow-wrap:break-word;hyphens:auto}
.page-id-3788 .dacx-ops{display:none!important}
/* The hero's outlined word is .da25-out (transparent fill + 1.5px stroke),
   which is what the client called hard to read. Fill it solid. */
.da25-out{-webkit-text-stroke:0!important;color:#0096d6!important;
 -webkit-text-fill-color:#0096d6!important}
.dacx-badge,.da25-badge{display:none!important}/* badge removed at client request; markup now lives in the theme */



/* from about,cart,coa,contact,faq,home,how-to-save,membership,military-discount,product_retatrutide,referral-program,shop */

/* injected sale price + code pill: never shown on a product page */
#daPrice .daw20-pdp-newp,
#daPrice .daw20-newp,
#daPrice .daw20-cpill { display: none !important; }

/* the real price is only restyled by 278 - put it back to normal */
#daPrice .pdp__price-now {
	opacity: 1 !important;
	text-decoration: none !important;
}

/* 278 hides the theme's own compare-at lines during the sale - restore them */
#daPrice .pdp__price-was,
#daPrice .pdp__price-save { display: block !important; }



/* from about,cart,coa,contact,faq,home,how-to-save,membership,military-discount,product_retatrutide,referral-program,shop */

body.da-newcart-body{border-top:46px solid #0e0030}
body.da-newcart-body .da-trust{display:none}
body.da-newcart-body .da-foot{display:none}



/* from about,cart,coa,contact,faq,home,how-to-save,membership,military-discount,product_retatrutide,referral-program,shop */
.promo-bar,.sp-promo-bar{position:fixed !important;top:0 !important}.sp-promo-bar__track,.promo-bar__track{visibility:visible !important}@media (min-width:881px){html body{padding-top:128px !important}header.nav{position:fixed !important;top:47px !important}}@media (max-width:880px){html body{padding-top:96px !important}header.nav{position:fixed !important;top:35px !important}}@media (max-width:1023px){.da25-kv img.da25-mob,.da25-kv video.da25-mob{transform:scale(1.15);transform-origin:center center}}.da-newcart-body.da-promo-ready{padding-top:0 !important;} 


/* from about,cart,coa,contact,faq,home,how-to-save,membership,military-discount,product_retatrutide,referral-program,shop */

/* hide old text payment labels to prevent flash before icons render */
.foot__pay .foot__pay-icon{ display:none !important; }
.foot__pay{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
span.dr-card{ display:inline-flex; align-items:center; justify-content:center; width:40px; height:26px; border-radius:5px; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.20); overflow:hidden; }
span.dr-card svg{ display:block; }
.dr-alt{ display:inline-flex; align-items:center; height:26px; padding:0 9px; border-radius:5px; background:rgba(255,255,255,.08); color:#fff; font:700 10px/1 'Inter',sans-serif; letter-spacing:.6px; text-transform:uppercase; border:1px solid rgba(255,255,255,.16); }
.foot__fda{ margin-top:12px; font-size:11px; line-height:1.55; color:rgba(255,255,255,.55); max-width:900px; }
.foot__fda strong{ color:rgba(255,255,255,.72); }



/* from about,cart,coa,contact,faq,home,how-to-save,membership,military-discount,product_retatrutide,referral-program,shop */
.pay-methods__grid{display:flex !important;flex-wrap:wrap;justify-content:center;}.pay-methods__grid > li{flex:0 0 auto;}


/* from about,cart,coa,contact,faq,home,how-to-save,membership,military-discount,product_retatrutide,referral-program,shop */

.da25-hero{position:relative;background:#12003a;height:645px;overflow:hidden;display:flex;align-items:center;font-family:'Sora',system-ui,sans-serif}
.da25-kv{position:absolute;top:0;right:0;bottom:0;width:66%;overflow:hidden;background:radial-gradient(130% 120% at 72% 28%,rgba(0,150,214,.16),rgba(0,150,214,0) 55%),#12003a}
.da25-kv img{width:100%;height:100%;object-fit:cover;object-position:62% center;display:block}
.da25-kv video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center;opacity:0;transition:opacity .35s ease}
.da25-kv video.da25-live{opacity:1}
.da25-mob{display:none}
.da25-kv img.da25-mob{display:none}
.da25-kv:before{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#12003a 0%,rgba(24,0,76,.55) 22%,transparent 46%)}
.da25-copy{position:relative;z-index:5;padding:40px 56px;margin-left:9vw;max-width:760px}
.da25-eyebrow{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.da25-h1{margin:20px 0 0;font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(42px,4.2vw,62px);line-height:1.04;letter-spacing:-.03em;color:#fff;text-transform:none}
.da25-h1 .da25-out{color:transparent;-webkit-text-stroke:1.5px #0096d6}
.da25-sub{margin:18px 0 0;font-size:16.5px;line-height:1.62;color:rgba(255,255,255,.84);max-width:47ch}
.da25-ctas{margin-top:26px;display:flex;gap:14px;flex-wrap:wrap}
.da25-btn{font-family:'Sora',sans-serif;font-size:15px;font-weight:600;padding:16px 32px;display:inline-flex;align-items:center;gap:10px;text-decoration:none;border-radius:999px;transition:background .25s,color .25s,border-color .25s,box-shadow .25s}
.da25-btn-solid{background:#0096d6;color:#fff;box-shadow:0 0 0 1px rgba(0,150,214,.3),0 6px 26px rgba(0,150,214,.3)}
.da25-btn-solid:hover{background:#1ab6e6;box-shadow:0 0 0 1px rgba(0,150,214,.5),0 8px 34px rgba(0,150,214,.45)}
.da25-btn-ghost{border:1px solid rgba(255,255,255,.35);color:#fff}
.da25-btn-ghost:hover{border-color:#fff;color:#fff}
.da25-rule{margin-top:30px;height:1px;width:min(560px,100%);background:rgba(255,255,255,.14)}
.da25-stats{margin-top:20px;display:flex;gap:56px;flex-wrap:wrap}
.da25-stat b{display:block;font-family:'Sora',sans-serif;font-weight:700;font-size:24px;color:#fff}
.da25-stat span{display:block;margin-top:4px;font-size:13px;color:rgba(255,255,255,.55)}
.da25-badge{position:absolute;z-index:6;top:34px;right:40px;width:104px;height:auto;filter:drop-shadow(0 6px 24px rgba(0,0,0,.5))}
@media (max-width:1023px){
  /* Onyx-style COMPACT hero: copy in normal flow sets a short (~Onyx 462px) hero height,
     the portrait video/still fills that height behind the copy as a subdued background,
     stats sit right after the buttons (Onyx rhythm). */
  .da25-hero{display:block;position:relative;height:auto;min-height:0;align-items:stretch}
  .da25-kv{position:absolute;inset:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;background:#12003a}
  .da25-kv video,.da25-kv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%;display:block}
  .da25-desk{display:none}
  .da25-mob{display:block}
  .da25-kv img.da25-mob{display:block}
  .da25-kv img.da25-desk{display:none}
  .da25-kv video.da25-mob{display:block}
  /* overall scrim: dark top/bottom for text, dips mid so the vial reads as a subdued background */
  .da25-kv:before{background:linear-gradient(180deg,rgba(24,0,76,.86) 0%,rgba(24,0,76,.6) 34%,rgba(24,0,76,.48) 58%,rgba(24,0,76,.5) 74%,rgba(24,0,76,.7) 90%,rgba(24,0,76,.8) 100%)}
  .da25-copy{position:relative;z-index:5;display:block;box-sizing:border-box;padding:38px 22px 38px;margin-left:0;max-width:none;text-align:left}
  .da25-eyebrow{font-size:12px;letter-spacing:.22em;line-height:1.5;padding-right:78px}
  .da25-h1{margin-top:18px;font-size:clamp(29px,7.9vw,34px);line-height:1.08}
  .da25-sub{margin-top:16px;font-size:14.5px;line-height:1.6;max-width:38ch;color:rgba(255,255,255,.92);text-shadow:0 1px 10px rgba(0,0,0,.7)}
  .da25-ctas{margin-top:24px;display:flex;flex-direction:row;gap:10px;flex-wrap:nowrap}
  .da25-btn{flex:1 1 0;min-width:0;width:auto;justify-content:center;gap:6px;padding:14px 14px;font-size:13.5px;white-space:nowrap;border-radius:999px}
  .da25-rule{margin-top:28px;margin-bottom:18px;width:100%}
  /* stats clustered left with an even gap (like Onyx), not spread edge-to-edge with space-between */
  .da25-stats{gap:26px;justify-content:flex-start}
  .da25-stat b{font-size:20px;text-shadow:0 1px 10px rgba(0,0,0,.7)}
  .da25-stat span{font-size:11px;color:rgba(255,255,255,.72)}
  .da25-badge{top:14px;bottom:auto;right:14px;width:56px;z-index:6}
}
@media (max-width:360px){
  .da25-copy{padding-left:18px;padding-right:18px}
  .da25-btn{font-size:12.5px;padding:13px 10px}
  .da25-h1{font-size:27px}
  .da25-stats{gap:16px}
  .da25-stat b{font-size:17px}
  .da25-stat span{font-size:10px}
}
@media (prefers-reduced-motion:reduce){.da25-kv video{display:none}}
/* Promo ticker load-glitch fix: the site gates .promo-bar__track behind body.da-promo-ready
   but the renamed .sp-promo-bar__track never got the same gate, so the ticker flashes and
   jumps while its script clones items on load. Mirror the site's own gate. */
.sp-promo-bar__track{visibility:hidden}
body.da-promo-ready .sp-promo-bar__track{visibility:visible}
/* MAIN load glitch: the theme's .reveal elements (trust strip, category cards, sections)
   start at opacity:0 + translateY(18px) and animate in over 0.65s. 7 of them sit ABOVE the
   fold, so on every load the whole page below the hero fades and slides into place. Show
   them immediately for a stable, glitch-free load. */
.reveal{opacity:1 !important;transform:none !important}



/* from about,cart,coa,contact,faq,home,how-to-save,membership,military-discount,product_retatrutide,referral-program,shop */
.pcard__price{margin-bottom:14px}.nav__menu{gap:28px}.promo-bar,.sp-promo-bar{-webkit-mask-image:none !important;mask-image:none !important}@media (hover:none){.pcard:hover{transform:none !important}.pcard:hover .pcard__media img{transform:none !important}.da-store .scard:hover{transform:none !important}.pcard:hover .pcard__media::after{transform:none !important}}


/* from about,cart,coa,contact,faq,home,how-to-save,membership,military-discount,product_retatrutide,referral-program,shop */
.dacx-rank{display:none !important;}


/* from about,cart,coa,contact,faq,home,how-to-save,membership,military-discount,product_retatrutide,referral-program,shop */

.hero__stat:has(img[src*="country_flags"]){display:none!important}
.hero__stat img[src*="country_flags"]{display:none!important}



/* from about,cart,coa,contact,faq,home,how-to-save,membership,military-discount,product_retatrutide,referral-program,shop */

.sp-cart-drawer-overlay { z-index: 1000001 !important; }
.sp-cart-drawer         { z-index: 1000002 !important; }



/* from about,cart,coa,contact,faq,home,how-to-save,membership,military-discount,product_retatrutide,referral-program,shop */

/* Repaint sp-coa-portal CSS variables — flips active button + hover */
.coa-portal { --navy: #0096d6 !important; --red: #0077b6 !important; }
/* Modal download link hardcoded fallbacks */
.coa-modal a.coa-modal-dl       { color: #0096d6 !important; }
.coa-modal a.coa-modal-dl:hover { color: #0077b6 !important; }



/* from about,cart,coa,contact,faq,home,how-to-save,membership,military-discount,product_retatrutide,referral-program,shop */

/* === Backdrop polish === */
#sp-ruo-stage1-overlay {
  align-items: center !important;
  padding: 24px !important;
  background: rgba(8, 10, 16, 0.88) !important;
  -webkit-backdrop-filter: blur(8px) saturate(140%) !important;
  backdrop-filter: blur(8px) saturate(140%) !important;
}

/* === Modal shell === */
#sp-ruo-stage1-modal {
  background: linear-gradient(180deg, #16083f 0%, #1a0b4f 100%) !important;
  color: #F5F5F5 !important;
  border-radius: 24px !important;
  border: 1px solid rgba(0,150,214, 0.22) !important;
  box-shadow: 0 40px 100px rgba(0,0,0,0.6),
              0 0 60px rgba(0,150,214, 0.18) !important;
  max-width: 520px !important;
  width: 100% !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
}

/* === Replace the navy/red strip with pink === */
#sp-ruo-stage1-modal > div:first-child[style*="linear-gradient(135deg, #002868"] {
  background: linear-gradient(135deg, #0096d6 0%, #0077b6 100%) !important;
  height: 4px !important;
}

/* === Inner content padding === */
#sp-ruo-stage1-modal .sp-ruo-gate-content {
  padding: 28px 32px 24px !important;
}

/* === Logo block tighter === */
#sp-ruo-stage1-modal .sp-ruo-gate-content > div:first-child[style*="text-align: center"] {
  margin-bottom: 14px !important;
}
#sp-ruo-stage1-modal .sp-ruo-gate-content > div:first-child img {
  max-width: 140px !important;
  filter: brightness(1.1) !important;
}

/* === "AGE VERIFICATION REQUIRED" pill above heading === */
#sp-ruo-gate-heading::before {
  content: '⚠ AGE VERIFICATION REQUIRED';
  display: inline-block;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: #0096d6;
  background: rgba(0,150,214, 0.10);
  border: 1px solid rgba(0,150,214, 0.28);
  padding: 7px 14px;
  border-radius: 999px;
  margin-bottom: 14px;
  text-transform: uppercase;
}

/* === Heading: Anton condensed display === */
#sp-ruo-gate-heading {
  font-family: 'Anton', sans-serif !important;
  font-size: 32px !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
  letter-spacing: 0.005em !important;
  text-transform: uppercase !important;
  color: #FFFFFF !important;
  text-align: center !important;
  margin: 0 0 8px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0 !important;
}

/* === Subtitle === */
#sp-ruo-stage1-modal .sp-ruo-gate-content > p[style*="color: #64748B"] {
  color: rgba(245, 245, 245, 0.55) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  margin: 0 0 18px !important;
  text-align: center !important;
  max-width: 36ch !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* === Sections: tight glass cards === */
#sp-ruo-stage1-modal .sp-ruo-gate-section {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  margin-bottom: 10px !important;
}
#sp-ruo-stage1-modal .sp-ruo-gate-section[style*="margin-top"] {
  margin-top: 10px !important;
}

/* === Section labels === */
#sp-ruo-stage1-modal .sp-ruo-gate-section label,
#sp-ruo-stage1-modal .sp-ruo-gate-section label strong,
#sp-ruo-stage1-modal .sp-ruo-gate-section span,
#sp-ruo-stage1-modal .sp-ruo-gate-section p {
  color: rgba(245, 245, 245, 0.85) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
}

/* === RUO terms scroll box: dark glass, smaller === */
#sp-ruo-stage1-modal .sp-ruo-gate-section [style*="background"][style*="border-left"],
#sp-ruo-stage1-modal .sp-ruo-gate-section [style*="overflow-y"] {
  background: rgba(0, 0, 0, 0.30) !important;
  border-left-color: #0096d6 !important;
  color: rgba(245, 245, 245, 0.7) !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  max-height: 110px !important;
  padding: 12px 14px !important;
}

/* === Pink accent on checkboxes === */
#sp-ruo-stage1-modal input[type="checkbox"] {
  accent-color: #0096d6 !important;
  width: 16px !important;
  height: 16px !important;
  margin-right: 8px !important;
}

/* === Birthday inputs (if used) === */
#sp-ruo-stage1-modal input[type="text"][inputmode="numeric"] {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #FFFFFF !important;
  border-radius: 8px !important;
  padding: 10px !important;
}

/* === Continue Browsing button === */
#sp-ruo-stage1-modal button,
#sp-ruo-stage1-modal #sp-ruo-continue-btn,
#sp-ruo-stage1-modal input[type="submit"],
#sp-ruo-stage1-modal button[type="button"] {
  background: linear-gradient(135deg, #0096d6 0%, #0077b6 100%) !important;
  color: #FFFFFF !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 13px 24px !important;
  width: 100% !important;
  margin-top: 6px !important;
  cursor: pointer !important;
  box-shadow: 0 14px 32px rgba(0,150,214, 0.35) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}
#sp-ruo-stage1-modal button:hover,
#sp-ruo-stage1-modal #sp-ruo-continue-btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 18px 40px rgba(0,150,214, 0.45) !important;
}
#sp-ruo-stage1-modal button:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
}

/* === Footer / "Powered by" line === */
#sp-ruo-stage1-modal .sp-ruo-powered-by,
#sp-ruo-stage1-modal a[href*="sterlingpathllc"] {
  color: rgba(245, 245, 245, 0.35) !important;
  font-size: 11px !important;
}

/* === Mobile === */
@media (max-width: 520px) {
  #sp-ruo-stage1-modal { border-radius: 18px !important; }
  #sp-ruo-stage1-modal .sp-ruo-gate-content { padding: 22px 20px 18px !important; }
  #sp-ruo-gate-heading { font-size: 26px !important; }
}



/* from about,cart,coa,contact,faq,home,how-to-save,membership,military-discount,product_retatrutide,referral-program,shop */

/* Specificity (0,3,1) — must beat `body.woocommerce-checkout .da-pay-badge`
   (0,2,1) which sets box-shadow:none !important LATER in document order. The
   takeover body carries both spsc-active/spco-active AND woocommerce-checkout, so
   chaining them wins on specificity regardless of source order. */
body.spsc-active.woocommerce-checkout .da-pay-badge,
body.spco-active.woocommerce-checkout .da-pay-badge,
body.spsc-active.woocommerce-checkout .wc_payment_method span[class*="badge"] {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.20) !important;
}



/* from about,coa,contact,faq,home,how-to-save,membership,military-discount,product_retatrutide,referral-program,shop */
.sp-promo-bar__track{gap:120px!important}.sp-promo-bar__item{position:relative}.sp-promo-bar__item::after{content:"";position:absolute;right:-63px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:#0096d6}@media (max-width:900px){.sp-promo-bar__track{gap:80px!important}.sp-promo-bar__item::after{right:-43px}}


/* from about,cart,coa,contact,faq,home,how-to-save,membership,military-discount,product_retatrutide,referral-program,research,shop */
header.nav .nav__brand img,.brand-logo{height:52px!important;width:auto!important}.da-logo{height:52px!important;width:auto!important}@media(max-width:880px){header.nav .nav__brand img,.brand-logo,.da-logo{height:40px!important}}


/* from about,cart,coa,contact,faq,home,how-to-save,membership,military-discount,product_retatrutide,referral-program,shop */

/* Only the shop section widens. Every other .wrap on the site keeps its 1240px cap. */
@media (min-width:1400px){
  .da-store .wrap{max-width:1640px!important}
}
@media (min-width:1700px){
  .da-store .wrap{max-width:1780px!important}
}
/* Let the grid reflow into the reclaimed width instead of stretching 3 columns. */
@media (min-width:1400px){
  .da-store-grid.prod-grid{grid-template-columns:repeat(auto-fill,minmax(228px,1fr))!important}
}
/* Widening the shop left the nav capped at 1240px, so the logo sat 276px inside
   the content edge. Match the nav to the same width, on the same breakpoints, and
   only on pages that actually contain the widened shop section. */
@media (min-width:1400px){
  body:has(.da-store) .nav__inner{max-width:1640px!important}
}
@media (min-width:1700px){
  body:has(.da-store) .nav__inner{max-width:1780px!important}
}



/* from about,coa,contact,faq,how-to-save,membership,military-discount,referral-program */
#sp-cart-toast{
    position:fixed;
    top:25px;
    right:25px;
    background:#fff;
    border-radius:10px;
    box-shadow:0 10px 35px rgba(0,0,0,.18);
    padding:16px 18px;
    z-index:999999;
    opacity:0;
    transform:translateY(-20px);
    pointer-events:none;
    transition:.35s;
    min-width:260px;
}

#sp-cart-toast.show{
    opacity:1;
    transform:translateY(0);
}
.sp-cart-toast-content{
    display:flex;
    flex-wrap:wrap;
}
.sp-cart-toast-content > div{
    margin-right:5px;
    color:#0096d6;
}
.sp-cart-toast-content > span{}
/* from cart */

.da-newcart-body *{box-sizing:border-box;margin:0;padding:0}
.da-newcart-body{background:#fff;color:#18004c;font-family:'Inter',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.da-newcart-body a:not([class*="dr-us"]){color:inherit;text-decoration:none}
.da-newcart-body .cap{font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase}
.da-prev-bar{background:#18004c;color:#fff;text-align:center;font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:7px 14px}
.da-prev-bar b{color:#FFD23A}
.da-trust{background:#18004c;color:#fff}
.da-trust__in{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;gap:6px 24px;justify-content:center;padding:9px 20px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#c7cdda}
.da-trust b{color:#FFD23A}.da-trust .dot{color:#0096d6}
.da-head{border-bottom:1px solid rgba(24,0,76,.08);background:#fff}
.da-head__in{max-width:1180px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.da-logo{height:34px;width:auto;display:block}
.da-nav{display:flex;gap:18px}.da-nav a{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;opacity:.78;color:#18004c;white-space:nowrap}.da-nav a:hover{opacity:1;color:#0096d6}
@media(max-width:760px){.da-nav{display:none}}
.da-cartchip{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;border:1px solid rgba(24,0,76,.08);padding:8px 13px;border-radius:999px}
.da-cartchip b{background:#0096d6;color:#fff;border-radius:999px;min-width:18px;height:18px;display:inline-grid;place-items:center;font-size:11px}
.da-hero{position:relative;overflow:hidden;background:radial-gradient(120% 130% at 88% 10%,rgba(0,150,214,.32),transparent 55%),linear-gradient(180deg,#18004c,#1a0b4f)}
.da-hero__in{position:relative;max-width:1180px;margin:0 auto;padding:32px 20px 28px}
.da-hero .cap{color:#4fd0ef;margin-bottom:10px;display:block}
.da-hero h1{color:#fff;font-weight:900;font-size:clamp(34px,6vw,52px);letter-spacing:-1.5px;line-height:1}
.da-hero h1 i{color:#0096d6;font-style:normal}
.da-hero p{color:rgba(255,255,255,.6);font-size:14px;font-weight:500;margin-top:10px}
.da-wrap{max-width:1180px;margin:0 auto;padding:22px 20px 120px;display:grid;grid-template-columns:1fr 372px;gap:20px;align-items:start}
@media(max-width:900px){.da-wrap{grid-template-columns:1fr}}
.da-newcart-body .card{background:#fff;border:1px solid rgba(24,0,76,.08);border-radius:28px;padding:22px}
.da-newcart-body .card+.card{margin-top:16px}
.h-eyebrow{color:#0096d6;margin-bottom:14px;display:block}
.da-ship__top{display:flex;align-items:center;gap:11px;font-weight:800;font-size:14px;letter-spacing:-.2px;margin-bottom:12px}
.da-ship__top .truck{width:32px;height:32px;border-radius:10px;background:rgba(0,150,214,.10);display:grid;place-items:center;font-size:16px}
.da-bar{height:11px;border-radius:999px;background:#EEF0F4;overflow:hidden}
.da-bar__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#0096d6,#FFD23A);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.da-pimg{width:auto;height:auto;max-width:86%;object-fit:contain;display:block;filter:drop-shadow(0 8px 12px rgba(0,0,0,.12))}
.da-item__media .da-pimg{max-height:70px}.da-up__media .da-pimg{max-height:74px}.da-bump__media .da-pimg{max-height:44px}
.float{animation:daFloat 4.6s ease-in-out infinite}
@keyframes daFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.da-item{display:grid;grid-template-columns:84px 1fr auto 24px;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid rgba(24,0,76,.08)}
.da-item:last-child{border-bottom:0}
.da-item__media{width:84px;height:84px;border-radius:20px;background:radial-gradient(circle at 50% 32%,rgba(0,150,214,.13),rgba(0,150,214,.02) 72%);display:grid;place-items:center;overflow:visible}
.da-item__media img{max-height:70px;width:auto;max-width:86%}
.da-tag{font-size:10px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:#6A7180}
.da-item__name{font-size:16px;font-weight:800;letter-spacing:-.3px;margin:3px 0 4px;line-height:1.15}
.da-item__unit{font-size:13px;color:#6A7180;font-weight:600}.da-item__unit em{font-style:normal;opacity:.65}
.da-item__unit .woocommerce-Price-amount{font-weight:600}
.da-item__controls{display:flex;align-items:center;gap:18px}
.da-stepper{display:inline-flex;align-items:center;border:1px solid rgba(24,0,76,.08);border-radius:999px;overflow:hidden}
.da-step{width:34px;height:34px;border:0;background:#fff;font-size:18px;font-weight:600;cursor:pointer;color:#18004c;line-height:1}
.da-step:hover{background:#e9f7fb;color:#0096d6}
.da-qty{min-width:28px;text-align:center;font-weight:800;font-size:15px}
.da-item__line{font-weight:900;font-size:18px;letter-spacing:-.5px;min-width:78px;text-align:right}
.da-item__line .woocommerce-Price-amount{font-weight:900}
.da-remove{border:0;background:none;color:#c2c7d2;font-size:20px;cursor:pointer;line-height:1}.da-remove:hover{color:#0096d6}
.da-empty{padding:30px 6px;color:#6A7180;font-weight:600}.da-empty a{color:#0096d6;font-weight:800}
.da-bump{display:grid;grid-template-columns:24px 54px 1fr auto;gap:14px;align-items:center;cursor:pointer;border:2px dashed rgba(0,150,214,.4);border-radius:22px;padding:16px}
.da-bump.on{border-style:solid;border-color:#0096d6;background:rgba(0,150,214,.045)}
.da-bump__box{width:24px;height:24px;border-radius:8px;border:2px solid #0096d6;display:grid;place-items:center}
.da-bump.on .da-bump__box{background:#0096d6}.da-bump.on .da-bump__box::after{content:"\2713";color:#fff;font-size:13px;font-weight:900}
.da-bump__media{width:54px;height:54px;border-radius:14px;background:radial-gradient(circle at 50% 32%,rgba(0,150,214,.11),transparent 72%);display:grid;place-items:center}
.da-bump__media img{max-height:44px;width:auto;max-width:86%}
.da-bump__txt{display:flex;flex-direction:column;min-width:0}
.da-bump__txt strong{font-size:14px;font-weight:800;letter-spacing:-.2px}
.da-bump__desc{font-size:12.5px;color:#6A7180;margin-top:2px;font-weight:500}
.da-bump__price{font-size:14px;font-weight:800;color:#18004c;margin-top:3px}
.da-bump__price,.da-bump__price *{white-space:nowrap !important}
.da-bump__add{background:#18004c;color:#fff;font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:11px 16px;border-radius:999px}
.da-bump.on .da-bump__add{background:#0096d6;box-shadow:0 0 10px 1px rgba(0,150,214,.55)}
.da-shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
@media(max-width:780px){.da-shelf{grid-template-columns:repeat(2,1fr)}}
.da-up{border:1px solid rgba(24,0,76,.08);border-radius:20px;padding:13px;transition:.2s}
.da-up:hover{border-color:rgba(0,150,214,.45);transform:translateY(-2px)}
.da-up__media{height:88px;border-radius:14px;background:radial-gradient(circle at 50% 36%,rgba(0,150,214,.11),transparent 72%);display:grid;place-items:center;margin-bottom:10px}
.da-up__media img{max-height:74px;width:auto;max-width:86%}
.da-up__name{font-size:12.5px;font-weight:800;letter-spacing:-.2px;margin:5px 0 9px;line-height:1.22;min-height:30px}
.da-up__row{display:flex;align-items:center;justify-content:space-between}
.da-up__price{font-weight:900;font-size:15px;letter-spacing:-.4px}
.da-up__add{border:1px solid #18004c;background:#fff;border-radius:999px;font-weight:800;font-size:11px;letter-spacing:.6px;text-transform:uppercase;padding:8px 12px;cursor:pointer}
.da-up__add:hover{background:#18004c;color:#fff}
.da-sum{position:sticky;top:16px}
.da-coupon{display:flex;gap:8px;margin-bottom:8px}
.da-coupon input{flex:1;min-width:0;border:1px solid rgba(24,0,76,.08);border-radius:13px;padding:13px 14px;font-weight:800;font-family:inherit;letter-spacing:1.5px;text-transform:uppercase;color:#18004c}
.da-coupon button{background:#18004c;color:#fff;border:0;border-radius:13px;padding:0 18px;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;cursor:pointer}
.da-okline{color:#1a9d5a;font-size:11.5px;font-weight:800;display:block;margin:0 0 16px}
.da-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;font-weight:600}
.da-row .woocommerce-Price-amount{font-weight:700}
.da-row.disc{color:#0096d6;font-weight:800}.da-row.disc .woocommerce-Price-amount{font-weight:800}
.da-row.muted{color:#6A7180;font-size:13px}
.da-hr{height:1px;background:rgba(24,0,76,.08);margin:9px 0}
.da-total{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0 14px}
.da-total .lbl{font-weight:800;letter-spacing:.4px;text-transform:uppercase;font-size:12px}
.da-total .val{font-weight:900;font-size:28px;letter-spacing:-1.2px}
.da-total .val .woocommerce-Price-amount{font-weight:900}
.da-save{background:rgba(0,150,214,.07);color:#0077b6;font-weight:800;font-size:12.5px;text-align:center;padding:11px;border-radius:13px;margin:2px 0 14px}
.da-checkout{display:block;width:100%;text-align:center;background:#0096d6;color:#fff;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;font-size:13px;padding:17px;border:0;border-radius:14px;cursor:pointer;box-shadow:0 0 14px 1px rgba(0,150,214,.5),0 12px 26px rgba(0,150,214,.28)}
.da-checkout:hover{background:#0077b6;color:#fff}
.da-pay{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:14px 0 4px}
.da-pay span{font-size:9px;font-weight:800;letter-spacing:.5px;color:#959cab;border:1px solid rgba(24,0,76,.08);border-radius:6px;padding:5px 7px}
.da-microtrust{display:grid;gap:7px;margin-top:14px;font-size:12px;color:#6A7180;font-weight:600}
.da-microtrust div::before{content:"\2713";color:#0096d6;font-weight:900;margin-right:7px}
.da-ref{background:linear-gradient(135deg,rgba(0,150,214,.06),rgba(255,210,58,.06));border:1px solid rgba(0,150,214,.22)}
.da-ref h4{font-weight:900;font-size:18px;letter-spacing:-.4px;margin-bottom:5px}
.da-ref p{font-size:13px;color:#6A7180;margin-bottom:12px;font-weight:500}
.da-ref a{display:inline-block;font-weight:800;font-size:12.5px;color:#0096d6;border-bottom:2px solid #0096d6;padding-bottom:1px}
.da-mcta{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;background:#fff;border-top:1px solid rgba(24,0,76,.08);padding:12px 16px;align-items:center;justify-content:space-between;box-shadow:0 -10px 30px rgba(0,0,0,.07)}
.da-mcta .t{font-weight:900;font-size:20px;letter-spacing:-1px}
.da-mcta .t .woocommerce-Price-amount{font-weight:900}
.da-mcta a{background:#0096d6;color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:1px;font-size:12px;padding:13px 22px;border-radius:999px}
@media(max-width:900px){.da-mcta{display:flex}}
.da-foot{max-width:1180px;margin:0 auto;padding:8px 20px 40px;font-size:11.5px;color:#9aa1af;text-align:center}
@media(max-width:560px){
.da-item{grid-template-columns:60px 1fr 22px;grid-template-areas:"media info remove" "controls controls controls";gap:8px 12px}
.da-item__media{grid-area:media;width:60px;height:60px;border-radius:16px}
.da-item__info{grid-area:info}.da-remove{grid-area:remove}
.da-item__controls{grid-area:controls;justify-content:space-between;margin-top:2px}
.da-bump{grid-template-columns:24px 44px 1fr;gap:12px}.da-bump__add{display:none}
}



/* from cart,home,product_retatrutide,shop */
#sp-cart-toast{
    position:fixed;
    top:25px;
    right:25px;
    background:#fff;
    border-radius:10px;
    box-shadow:0 10px 35px rgba(0,0,0,.18);
    padding:16px 18px;
    z-index:999999;
    opacity:0;
    transform:translateY(-20px);
    pointer-events:none;
    transition:.35s;
    min-width:260px;
}

#sp-cart-toast.show{
    opacity:1;
    transform:translateY(0);
}
.sp-cart-toast-content{
    display:flex;
    flex-wrap:wrap;
}
.sp-cart-toast-content > div{
    margin-right:5px;
    color:#0096d6;
}
.sp-cart-toast-content > span{}


/* from cart */

.da-coa-badge{display:inline-flex;align-items:center;gap:4px;margin-top:13px;font-size:11px;font-weight:800;letter-spacing:.3px;color:#16a34a;text-decoration:none;background:rgba(22,163,74,.08);border:1px solid rgba(22,163,74,.22);border-radius:999px;padding:3px 10px;width:-moz-fit-content;width:fit-content}
.da-coa-badge:hover{background:rgba(22,163,74,.15)}

/* from coa */

.da-coa .coa-card-thumb{
  background: linear-gradient(180deg, #eafaff 0%, #d1f4ff 100%) !important;
  border-radius: 14px 14px 0 0 !important;
  position: relative !important;
  overflow: hidden !important;
}
.da-coa .coa-card-thumb img{
  background: transparent !important;
  mix-blend-mode: normal;
  object-fit: contain !important;
  /* FOOC fix — hide images by default; reveal once JS has confirmed the right */
  /* source is loaded. Pink card background fills the void during preload.     */
  opacity: 0;
  transition: opacity .3s ease;
  /* Continuous gentle float — each card gets a staggered delay via nth-child */
  animation: drCoaFloat 4.6s ease-in-out infinite;
  will-change: transform;
}
.da-coa .coa-card-thumb img[data-synced="1"]{
  opacity: 1;
  background: transparent !important;
}

/* ============ MOTION — float + hover lift, matching catalog vibe ============ */
@keyframes drCoaFloat{
  0%   { transform: translateY(0)    }
  50%  { transform: translateY(-6px) }
  100% { transform: translateY(0)    }
}
/* Stagger so the grid doesn't bob in unison (3-per-row rhythm) */
.da-coa .coa-card:nth-child(3n+1) .coa-card-thumb img{ animation-delay: 0s   }
.da-coa .coa-card:nth-child(3n+2) .coa-card-thumb img{ animation-delay: .8s  }
.da-coa .coa-card:nth-child(3n)   .coa-card-thumb img{ animation-delay: 1.6s }

.da-coa .coa-card{
  transition: transform .35s cubic-bezier(.2,.7,.2,1),
              box-shadow .35s cubic-bezier(.2,.7,.2,1) !important;
  will-change: transform;
}
.da-coa .coa-card:hover{
  transform: translateY(-8px) !important;
  box-shadow: 0 22px 44px rgba(255, 22, 136, .22),
              0 4px 10px rgba(255, 22, 136, .12) !important;
}
.da-coa .coa-card:hover .coa-card-thumb img{
  /* Pause the float and pop the vial slightly on hover */
  animation-play-state: paused;
  transform: translateY(-2px) scale(1.04);
  transition: transform .35s cubic-bezier(.2,.7,.2,1);
}

/* Respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce){
  .da-coa .coa-card-thumb img,
  .da-coa .coa-card,
  .da-coa .coa-card:hover .coa-card-thumb img{
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}



/* from coa,contact */

.promo-bar__track{visibility:hidden}body.da-promo-ready .promo-bar__track{visibility:visible}.sp-promo-bar__item > strong,.promo-bar__item > strong{margin:0 .32em}.sp-promo-bar,.promo-bar{-webkit-mask-image:linear-gradient(90deg,transparent 0,#0e0030 34px,#0e0030 calc(100% - 34px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#0e0030 34px,#0e0030 calc(100% - 34px),transparent 100%)}.pcard__media img{animation-play-state:running!important}

.sp-promo-bar{background:#0e0030 !important;color:rgba(255,255,255,0.78) !important;font-family:inherit;font-size:12px !important;font-weight:600 !important;letter-spacing:0.06em;text-transform:uppercase;padding:10px 0 !important;overflow:hidden !important;position:relative;width:100%;line-height:1.2;}
.sp-promo-bar__track{display:inline-flex !important;gap:56px;white-space:nowrap;animation:sp-promo-marquee 45s linear infinite;padding-left:56px;backface-visibility:hidden;-webkit-backface-visibility:hidden;}
.sp-promo-bar:hover .sp-promo-bar__track{animation-play-state:paused;}
.sp-promo-bar__item{display:inline-flex !important;align-items:center;text-decoration:none !important;color:inherit !important;transition:none !important;}
.sp-promo-bar__item a{color:inherit !important;text-decoration:none !important;transition:none !important;}
.sp-promo-bar__item *{color:inherit !important;}
.sp-promo-bar__item strong,.sp-promo-bar__item b{color:#0096d6 !important;font-weight:800 !important;}
.sp-promo-bar__item:hover,.sp-promo-bar__item *:hover,.sp-promo-bar__item a:hover{font-weight:inherit !important;font-style:inherit !important;font-size:inherit !important;letter-spacing:inherit !important;text-decoration:none !important;}
.sp-promo-bar::before,.sp-promo-bar::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none;}
.sp-promo-bar::before{left:0;background:linear-gradient(90deg,#0e0030,transparent);}
.sp-promo-bar::after{right:0;background:linear-gradient(270deg,#0e0030,transparent);}
@keyframes sp-promo-marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media (prefers-reduced-motion: reduce){.sp-promo-bar__track{animation:none;}}

.promo-bar.sp-promo-bar{ position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 60 !important; }
header.nav{ position: fixed !important; top: var(--da-sticky-nav-top, 47px) !important; left: 0 !important; right: 0 !important; z-index: 50 !important; box-shadow: 0 2px 8px rgba(0,0,0,.12) !important; }
body{ padding-top: var(--da-header-offset, 128px) !important; }
@media (max-width: 768px){ body{ padding-top: var(--da-header-offset, 96px) !important; } }

/* ============================================================
   DISGUISED ALPHA - Header "INFO" dropdown
   Paste into: Appearance → Customize → Additional CSS → Publish

   Overrides two theme rules in styles.css:
     .nav__menu ul li > ul        (line ~1898)
     .nav__menu ul li:hover > ul  (line ~1909)

   The theme toggles display:none → display:block, which can't be
   animated. Below, the panel is always display:block and is shown
   with opacity / visibility / transform instead, so it can fade
   and lift. Keyboard users get it via :focus-within.
   ============================================================ */

:root {
  --nav-pink:  #0096d6;
  --nav-ink:   #18004c;
  --nav-line:  rgba(24,0,76, .07);
  --nav-tint:  rgba(0,150,214, .07);
}

/* ---------- Parent item: anchor the panel, add a caret ---------- */

header.nav .nav__menu > ul > li {
  position: relative;
}

/* Caret next to INFO - rotates when the panel is open */
header.nav .nav__menu > ul > li:has(> ul) > a::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 7px;
  vertical-align: 2px;
  border-right: 1.8px solid currentColor;
  border-bottom: 1.8px solid currentColor;
  transform: rotate(45deg) translateY(-1px);
  transform-origin: center;
  opacity: .55;
  transition: transform .22s cubic-bezier(.22, 1, .36, 1), opacity .18s ease;
}

header.nav .nav__menu > ul > li:has(> ul):hover > a::after,
header.nav .nav__menu > ul > li:has(> ul):focus-within > a::after {
  transform: rotate(225deg) translateY(-2px);
  opacity: 1;
}

/* ---------- The panel ---------- */

header.nav .nav__menu > ul > li > ul {
  display: block !important;          /* animate instead of display-toggling */
  position: absolute;
  top: calc(100% + 12px);
  left: 50%;
  z-index: 1000;

  margin: 0;
  padding: 8px;
  min-width: 190px;
  width: max-content;
  list-style: none;

  background: #fff;
  border: 1px solid var(--nav-line);
  border-radius: 14px;
  box-shadow:
    0 24px 48px -18px rgba(24,0,76, .28),
    0 4px 12px      -4px rgba(24,0,76, .10),
    0 0 0 4px        rgba(0,150,214, .04);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(-50%, -8px) scale(.97);
  transform-origin: top center;
  transition:
    opacity    .18s ease,
    transform  .24s cubic-bezier(.22, 1, .36, 1),
    visibility .24s;
}

/* Invisible bridge across the 12px gap so the pointer can travel
   from INFO down into the panel without it closing. */
header.nav .nav__menu > ul > li > ul::before {
  content: "";
  position: absolute;
  inset: -14px 0 auto 0;
  height: 14px;
}

/* Pointer notch aimed at INFO */
header.nav .nav__menu > ul > li > ul::after {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  width: 11px;
  height: 11px;
  background: #fff;
  border-left: 1px solid var(--nav-line);
  border-top:  1px solid var(--nav-line);
  border-radius: 2px 0 0 0;
  transform: translateX(-50%) rotate(45deg);
}

/* ---------- Open state (hover + keyboard) ---------- */

header.nav .nav__menu > ul > li:hover > ul,
header.nav .nav__menu > ul > li:focus-within > ul {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, 0) scale(1);
}

/* ---------- Links inside the panel ---------- */

header.nav .nav__menu > ul > li > ul li {
  margin: 0;
  list-style: none;
}

header.nav .nav__menu > ul > li > ul li a {
  position: relative;
  display: block;
  padding: 11px 16px 11px 18px;
  border-radius: 9px;

  color: var(--nav-ink);
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;

  transition:
    background-color .16s ease,
    color            .16s ease,
    padding-left     .18s cubic-bezier(.22, 1, .36, 1);
}

/* Pink rail slides in from the left on hover */
header.nav .nav__menu > ul > li > ul li a::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 50%;
  width: 3px;
  height: 0;
  border-radius: 999px;
  background: var(--nav-pink);
  transform: translateY(-50%);
  transition: height .2s cubic-bezier(.22, 1, .36, 1);
}

header.nav .nav__menu > ul > li > ul li a:hover,
header.nav .nav__menu > ul > li > ul li a:focus-visible {
  background: var(--nav-tint);
  color: var(--nav-pink);
  padding-left: 22px;
}

header.nav .nav__menu > ul > li > ul li a:hover::before,
header.nav .nav__menu > ul > li > ul li a:focus-visible::before {
  height: 16px;
}

/* Hairline between items, not around them */
header.nav .nav__menu > ul > li > ul li + li {
  border-top: 1px solid rgba(24,0,76, .05);
}

/* ---------- Quality floor ---------- */

header.nav .nav__menu > ul > li > ul li a:focus-visible {
  outline: 2px solid var(--nav-pink);
  outline-offset: -2px;
}

/* Below the burger breakpoint the panel stacks in flow instead of
   floating, so it can't run off-screen. */
@media (max-width: 900px) {
  header.nav .nav__menu > ul > li > ul {
/*     position: static;
    transform: none;
    min-width: 0;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    padding: 2px 0 2px 12px; */
  }
  header.nav .nav__menu > ul > li > ul::before,
  header.nav .nav__menu > ul > li > ul::after {
    display: none;
  }
  header.nav .nav__menu > ul > li:hover > ul,
  header.nav .nav__menu > ul > li:focus-within > ul {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  header.nav .nav__menu > ul > li > ul,
  header.nav .nav__menu > ul > li > ul li a,
  header.nav .nav__menu > ul > li > ul li a::before,
  header.nav .nav__menu > ul > li:has(> ul) > a::after {
    transition: none !important;
  }}

.promo-bar,.sp-promo-bar{position:fixed !important;top:0 !important}.sp-promo-bar__track,.promo-bar__track{visibility:visible !important}@media (min-width:881px){html body{padding-top:128px !important}header.nav{position:fixed !important;top:47px !important}}@media (max-width:880px){html body{padding-top:96px !important}header.nav{position:fixed !important;top:35px !important}}@media (max-width:1023px){.da25-kv img.da25-mob,.da25-kv video.da25-mob{transform:scale(1.15);transform-origin:center center}}.da-newcart-body.da-promo-ready{padding-top:0 !important;}

.pcard__price{margin-bottom:14px}.nav__menu{gap:28px}.promo-bar,.sp-promo-bar{-webkit-mask-image:none !important;mask-image:none !important}@media (hover:none){.pcard:hover{transform:none !important}.pcard:hover .pcard__media img{transform:none !important}.da-store .scard:hover{transform:none !important}.pcard:hover .pcard__media::after{transform:none !important}}

.sp-promo-bar__track{gap:120px!important}.sp-promo-bar__item{position:relative}.sp-promo-bar__item::after{content:"";position:absolute;right:-63px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:#0096d6}@media (max-width:900px){.sp-promo-bar__track{gap:80px!important}.sp-promo-bar__item::after{right:-43px}}

/* ==========================================================================
   Nav corrections. Inlined after the theme stylesheet, so these win.
   ========================================================================== */

/* The brand column is the only flexible track in .nav__inner, so the logo absorbs every pixel of
   shortfall and collapses to 0 before the burger ever appears. Give it a floor. */
header.nav .brand-logo{ min-width:114px !important; object-fit:contain !important; }

/* Go straight from the full bar to the drawer. The theme switches at 880px, which leaves 881-1023
   rendering a bar too wide for its container: the menu wraps to two and then three lines and the
   header grows to ~300px tall. */
@media (max-width:1023px){
  header.nav .nav__menu{ display:none; }
  header.nav .nav__burger{ display:inline-flex !important; }
  header.nav .nav__menu.is-open{ display:block; }
}
@media (min-width:1024px){
  header.nav .nav__burger{ display:none !important; }
  header.nav .nav__menu{ display:block; }
}

/* Panel rows inherit the 80px line-height of the bar, which makes each row 102px tall and the
   three-link panel 326px. */
header.nav .nav__menu > ul > li > ul li a{ line-height:normal !important; }

/* Touch has no hover, so the panels were permanently opacity:0 / pointer-events:none inside the
   drawer. Drive them from the class the burger script already toggles. */
@media (max-width:1023px){
  header.nav .nav__menu.is-open > ul > li > ul{
    position:static !important; transform:none !important; opacity:1 !important;
    visibility:visible !important; pointer-events:auto !important;
    box-shadow:none !important; border:0 !important; border-radius:0 !important;
    min-width:0 !important; padding:2px 0 2px 14px !important; display:none !important;
  }
  header.nav .nav__menu.is-open > ul > li.open > ul{ display:block !important; }
  header.nav .nav__menu.is-open > ul > li > ul::before,
  header.nav .nav__menu.is-open > ul > li > ul::after{ display:none !important; }
  /* 44px tap targets in the drawer */
  header.nav .nav__menu.is-open a{ min-height:44px; display:flex; align-items:center; }
}




/* from coa */

:root{
  --max:min(1680px,95vw);
  --ink:#18004c; --mut:#5b5566; --dim:#9a94a3; --line:#ececf2; --soft:#f7f7fa;
  --mag:#0096d6; --mag2:#0077b6; --pink:#f2fafd; --pinkb:rgba(0,150,214,.28);
  --ok:#0a9d5c; --ok-tint:#e9f8f0;
  --sora:'Sora',system-ui,sans-serif; --inter:'Inter',system-ui,sans-serif;
}
.da-coa *{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--inter);font-size:15.5px;line-height:1.6;-webkit-font-smoothing:antialiased}
.da-coa img{max-width:100%;display:block}
.da-coa main.wrap{max-width:var(--max,1444px);margin:0 auto;padding:0 var(--pad,16px)}
.da-coa a{color:inherit}
.da-coa button{font-family:var(--inter)}

/* hero */
.da-coa .cohero{padding:44px 0 26px}
.da-coa .eb{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mag2);font-weight:800;margin-bottom:12px}
.da-coa .cohero h1{font-family:var(--sora);font-size:38px;font-weight:800;letter-spacing:-.02em;line-height:1.03;margin:0 0 14px}
@media(min-width:1024px){.da-coa .cohero h1{font-size:56px}}
.da-coa .cohero h1 em{font-style:normal;color:var(--mag2)}
.da-coa .cohero p{font-size:15.5px;color:var(--mut);max-width:64ch;margin:0;line-height:1.75}
.da-coa .stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:26px}
@media(min-width:900px){.da-coa .stats{grid-template-columns:repeat(4,1fr)}}
.da-coa .stat{border:1px solid var(--line);border-radius:16px;padding:16px 20px;background:#fff}
.da-coa .stat .n{font-family:var(--sora);font-size:27px;font-weight:800;line-height:1.1}
.da-coa .stat .n em{font-style:normal;color:var(--mag2)}
.da-coa .stat .l{font-size:12px;color:var(--dim);margin-top:3px;letter-spacing:.04em;text-transform:uppercase;font-weight:600}

/* featured + verify */
.da-coa .feat{display:grid;grid-template-columns:1fr;gap:22px;padding:26px 0 8px}
@media(min-width:1024px){.da-coa .feat{grid-template-columns:1.08fr .92fr}}
.da-coa .cert{color:#fff;border-radius:22px;padding:28px;position:relative;overflow:hidden;
  border:1px solid rgba(255,255,255,.07);
  background-image:radial-gradient(120% 120% at 50% 30%,#1a0b4f 0%,#0e0030 85%);
  box-shadow:rgba(10,10,25,.55) 0 30px 64px -34px;display:flex;flex-direction:column}
@media(min-width:1024px){.da-coa .cert{padding:32px 34px}}
.da-coa .cert::after{content:"";position:absolute;inset:60% 0 0 0;pointer-events:none;
  background-image:radial-gradient(60% 100% at 50% 100%,rgba(0,150,214,.18),rgba(0,0,0,0) 72%)}
.da-coa .cert .lab{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.da-coa .cert .sq{width:42px;height:42px;border-radius:12px;background:#fff;color:#18004c;font-family:var(--sora);font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center}
.da-coa .cert .nm{font-family:var(--sora);font-weight:700;font-size:15.5px}
.da-coa .cert .sb{font-size:11.5px;color:#8f8a9c}
.da-coa .cert .passchip{margin-left:auto;background:#123a28;color:#3ddc8b;border:1px solid rgba(61,220,139,.35);border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.08em;padding:5px 13px}
.da-coa .cert .cl{font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:#8f8a9c;font-weight:700}
.da-coa .cert .cl b{color:#cfc9da;letter-spacing:.08em}
.da-coa .cert .row{display:flex;align-items:flex-end;gap:22px;flex-wrap:wrap;margin:8px 0 18px}
.da-coa .cert .big{font-family:var(--sora);font-size:56px;font-weight:800;line-height:1}
.da-coa .cert .big em{font-style:normal;color:var(--mag);font-size:30px;vertical-align:super}
.da-coa .cert .sub2{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#8f8a9c;font-weight:600;margin-top:6px}
.da-coa .cert .kv{display:grid;grid-template-columns:repeat(2,auto);gap:10px 26px}
.da-coa .cert .kv .k{font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:#8f8a9c;font-weight:700}
.da-coa .cert .kv .v{font-family:var(--sora);font-size:14.5px;font-weight:700;margin-top:2px}
.da-coa .cert .kv .v.gr{color:#3ddc8b}
.da-coa .cert .meta{border-top:1px solid rgba(255,255,255,.1);padding-top:14px;margin-bottom:18px;display:flex;gap:16px;align-items:center;justify-content:space-between}
.da-coa .cert .meta .txt{font-size:12px;color:#a49eb2;line-height:1.7}
.da-coa .cert .meta .txt b{color:#cfc9da;font-weight:700}
.da-coa .certthumb{flex:0 0 auto;display:block;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.22);transform:rotate(2deg);box-shadow:0 10px 26px -10px rgba(0,0,0,.6)}
.da-coa .certthumb img{width:82px;display:block}
.da-coa .wpill{margin-top:auto;background:var(--mag);color:#fff;border:0;border-radius:999px;height:48px;font-family:var(--sora);font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;position:relative;z-index:1}
.da-coa .wpill:hover{background:var(--mag2)}
.da-coa .howto{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px}
.da-coa .howto .k{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--mag2);font-weight:800;margin-bottom:8px}
.da-coa .howto h3{font-family:var(--sora);font-size:20px;font-weight:700;margin:0 0 16px}
.da-coa .step{display:flex;gap:14px;padding:13px 0;border-top:1px solid var(--line)}
.da-coa .step .no{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--pink);border:1px solid var(--pinkb);color:var(--mag2);font-family:var(--sora);font-size:12.5px;font-weight:800;display:flex;align-items:center;justify-content:center}
.da-coa .step .t{font-size:14px;font-weight:600}
.da-coa .step .d{font-size:12.5px;color:var(--mut);margin-top:2px;line-height:1.65}
.da-coa .howto .hfoot{margin-top:14px;font-size:12px;color:var(--dim);line-height:1.65}

/* toolbar */
.da-coa .toolbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);margin-top:26px}
.da-coa .toolbar .in{max-width:var(--max,1444px);margin:0 auto;padding:14px var(--pad,16px);display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.da-coa .search{flex:1 1 300px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:999px;padding:0 18px;height:48px;background:#fff}
.da-coa .search svg{color:var(--dim);flex:0 0 auto}
.da-coa .search input{border:0;outline:0;flex:1;font-family:var(--inter);font-size:14.5px;color:var(--ink);background:none}
.da-coa .search input::placeholder{color:var(--dim)}
.da-coa .count{font-size:12.5px;color:var(--dim);white-space:nowrap;font-weight:600}
.da-coa .pills{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 14px}
.da-coa .toolbar .pillwrap{max-width:var(--max,1444px);margin:0 auto;padding:0 var(--pad,16px)}
.da-coa .pill{border:1px solid var(--line);background:#fff;color:var(--mut);border-radius:999px;font-size:12px;font-weight:600;padding:7px 14px;cursor:pointer;transition:all .13s;white-space:nowrap}
.da-coa .pill:hover{border-color:var(--mag);color:var(--ink)}
.da-coa .pill[aria-pressed="true"]{background:var(--mag);border-color:var(--mag);color:#fff}
.da-coa .pill .c{opacity:.65;font-weight:500;margin-left:4px;font-size:11px}

/* grid */
.da-coa .gridwrap{padding:26px 0 10px}
.da-coa .cgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(min-width:760px){.da-coa .cgrid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1100px){.da-coa .cgrid{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1360px){.da-coa .cgrid{grid-template-columns:repeat(5,1fr)}}
.da-coa .ccard{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;text-align:left;padding:0}
.da-coa .ccard:hover{border-color:var(--mag);box-shadow:0 18px 40px -24px rgba(24,0,76,.25);transform:translateY(-2px)}
.da-coa .ccard .tile{background:var(--pink);display:grid;place-items:center;height:150px;padding:14px;position:relative}
.da-coa .ccard .tile img{max-height:120px;width:auto;object-fit:contain}
.da-coa .ccard .tile .lotn{position:absolute;top:10px;right:10px;background:#fff;border:1px solid var(--pinkb);color:var(--mag2);font-size:9px;font-weight:800;letter-spacing:.06em;border-radius:999px;padding:3px 9px}
.da-coa .ccard .bd{padding:13px 15px 15px;display:flex;flex-direction:column;gap:6px;flex:1}
.da-coa .ccard .cat{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-weight:700}
.da-coa .ccard .nm{font-family:var(--sora);font-size:14px;font-weight:700;line-height:1.3;color:var(--ink)}
.da-coa .ccard .lots{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto}
.da-coa .ccard .lot{font-size:9.5px;font-weight:700;letter-spacing:.04em;color:var(--mut);background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:2px 7px;text-transform:uppercase}
.da-coa .ccard .go{margin-top:9px;font-size:12.5px;font-weight:700;color:var(--mag2);display:flex;align-items:center;gap:6px}
.da-coa .empty{padding:60px 0;text-align:center;color:var(--dim);display:none}
.da-coa .empty b{color:var(--ink)}

/* modal */
.da-coa .modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:20px}
.da-coa .modal.open{display:flex}
.da-coa .modal .bg{position:absolute;inset:0;background:rgba(10,8,15,.78);backdrop-filter:blur(6px)}
.da-coa .modal .box{position:relative;background:#fff;border-radius:20px;max-width:min(860px,94vw);max-height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 40px 90px -30px rgba(0,0,0,.5)}
.da-coa .modal .hd{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line)}
.da-coa .modal .hd .t{font-family:var(--sora);font-size:15px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.da-coa .modal .hd .lots{font-size:11px;color:var(--dim);font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.da-coa .modal .hd a{margin-left:auto;font-size:12.5px;font-weight:700;color:var(--mag2);text-decoration:none;white-space:nowrap}
.da-coa .modal .hd a:hover{text-decoration:underline}
.da-coa .modal .hd button{border:0;background:var(--soft);width:34px;height:34px;border-radius:50%;cursor:pointer;color:var(--mut);font-size:16px;flex:0 0 auto}
.da-coa .modal .hd button:hover{background:var(--pink);color:var(--mag2)}
.da-coa .modal .body{overflow:auto;background:var(--soft);padding:18px;display:grid;place-items:start center}
.da-coa .modal .body img{max-width:100%;border-radius:10px;box-shadow:0 14px 40px -18px rgba(0,0,0,.3)}

/* assays */
.da-coa .assay{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:760px){.da-coa .assay{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1200px){.da-coa .assay{grid-template-columns:repeat(3,1fr)}}
.da-coa .acard{border:1px solid var(--line);border-radius:18px;background:#fff;padding:20px 22px}
.da-coa .acard .m{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mag2);font-weight:800;margin-bottom:7px}
.da-coa .acard h4{font-family:var(--sora);font-size:16px;font-weight:700;margin:0 0 6px}
.da-coa .acard p{margin:0;font-size:13px;color:var(--mut);line-height:1.65}
.da-coa .lhead2{margin:52px 0 22px}
.da-coa .lhead2 .eb{margin-bottom:10px}
.da-coa .lhead2 h2{font-family:var(--sora);font-size:28px;font-weight:800;letter-spacing:-.02em;margin:0;color:var(--ink)}
@media(min-width:1024px){.da-coa .lhead2 h2{font-size:36px}}
.da-coa .lhead2 p{font-size:14px;color:var(--mut);margin:10px 0 0}
/* faq */
.da-coa .faq{border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden}
.da-coa .faq details{border-bottom:1px solid var(--line)}
.da-coa .faq details:last-child{border-bottom:0}
.da-coa .faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px 24px;font-family:var(--sora);font-size:15px;font-weight:700}
.da-coa .faq summary::-webkit-details-marker{display:none}
.da-coa .faq summary i{font-style:normal;color:var(--mag2);font-size:18px;transition:transform .15s;flex:0 0 auto}
.da-coa .faq details[open] summary i{transform:rotate(45deg)}
.da-coa .faq .a{padding:0 24px 18px;font-size:13.5px;color:var(--mut);line-height:1.75;max-width:90ch}

/* notice */
.da-coa .notice{border:1px dashed #d9d4e0;background:#fbfbfd;border-radius:14px;padding:20px 24px;margin:34px 0 0}
.da-coa .notice .k{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--mag2);font-weight:800;margin-bottom:8px}
.da-coa .notice p{margin:0;font-size:13px;line-height:1.75;color:var(--mut)}
.da-coa .notice b{color:var(--ink)}
.da-coa .pfoot{padding:16px 0 60px;color:var(--dim);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
@media(prefers-reduced-motion:reduce){.da-coa *{transition:none!important}}



/* from coa */
html,body{overflow-x:clip}.da-coa .toolbar{top:var(--da-header-offset,128px);margin-top:10px}@media(max-width:880px){.da-coa .toolbar{top:96px}}


/* from coa,contact */
.foot__fda{margin-top:12px;font-size:11px;line-height:1.55;color:rgba(255,255,255,.55);max-width:900px}.foot__fda strong{color:rgba(255,255,255,.72)}.foot__pay{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.foot__pay-icon{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:5px;background:rgba(255,255,255,.10);color:rgba(255,255,255,.78);font-size:11px;font-weight:600}.foot__pay-icon svg{display:block}


/* from contact */

:root{
  --max:1500px;
  --ink:#18004c; --mut:#5b5566; --dim:#9a94a3; --line:#ececf2; --soft:#f7f7fa;
  --mag:#0096d6; --mag2:#0077b6; --pink:#f2fafd; --pinkb:rgba(0,150,214,.28);
  --ok:#0a9d5c; --ok-tint:#e9f8f0;
  --sora:'Sora',system-ui,sans-serif; --inter:'Inter',system-ui,sans-serif;
}
.da-contact *{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--inter);font-size:15.5px;line-height:1.6;-webkit-font-smoothing:antialiased}
.da-contact img{max-width:100%;display:block}
.da-contact main.wrap{max-width:var(--max,1500px);margin:0 auto;padding:0 var(--pad,16px)}
.da-contact a{color:inherit}
.da-contact button,.da-contact input,.da-contact textarea{font-family:var(--inter)}

/* full-bleed dark hero (house pattern: dark hero, white body) */
.da-contact .heroband{background:#12003a;background-image:radial-gradient(130% 130% at 78% 18%,rgba(0,150,214,.17),rgba(0,150,214,0) 55%),radial-gradient(90% 120% at 12% 100%,rgba(0,150,214,.08),rgba(0,0,0,0) 60%);color:#fff;padding:64px 0 150px;position:relative;overflow:hidden}
@media(min-width:1024px){.da-contact .heroband{padding:88px 0 190px}}
.da-contact .heroband::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(255,255,255,.08)}
.da-contact .pv-hero{max-width:var(--max,1500px);margin:0 auto;padding:0 var(--pad,16px);position:relative;z-index:1}
.da-contact .pv-kicker{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mag);font-weight:700;margin:0 0 16px}
.da-contact .pv-kicker::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mag)}
.da-contact h1{font-family:var(--inter);font-size:clamp(40px,4.6vw,64px);font-weight:900;line-height:1.03;letter-spacing:-.03em;margin:0 0 16px;color:#fff}
.da-contact h1 em{font-style:normal;color:var(--mag)}
.lede{font-size:16.5px;color:rgba(255,255,255,.84);line-height:1.65;margin:0 0 24px;max-width:56ch}
.da-contact .hchips{display:flex;flex-wrap:wrap;gap:9px}
.da-contact .hchip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid rgba(255,255,255,.16);border-radius:999px;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.82);background:rgba(255,255,255,.05);backdrop-filter:blur(4px);font-weight:600}
.da-contact .hchip i{width:7px;height:7px;border-radius:50%;background:#3ddc8b;display:inline-block;flex:0 0 auto}
.da-contact .hchip b{color:#fff;font-weight:700}

/* main grid overlaps the hero seam */
.da-contact .cgrid{display:grid;grid-template-columns:1fr;gap:22px;padding:0 0 26px;margin-top:-104px;position:relative;z-index:2}
@media(min-width:1024px){.da-contact .cgrid{grid-template-columns:1.16fr .84fr;gap:28px;margin-top:-136px}}

/* form card */
.da-contact .fcard{border:1px solid rgba(17,17,17,.09);border-radius:20px;padding:24px;background:#fff;box-shadow:0 18px 40px -30px rgba(17,17,17,.25),0 32px 80px -40px rgba(24,0,76,.25)}
@media(min-width:640px){.da-contact .fcard{padding:32px}}
.da-contact .fcard .ft{font-family:var(--inter);font-size:22px;font-weight:900;letter-spacing:-.02em;margin:0 0 4px}
.da-contact .fcard .fs{font-size:13.5px;color:var(--dim);margin:0 0 18px}
.da-contact .topics{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.da-contact .topic{padding:8px 16px;border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:600;color:var(--mut);background:#fff;cursor:pointer;transition:all .15s}
.da-contact .topic:hover{border-color:var(--mag);color:var(--ink)}
.da-contact .topic[aria-pressed="true"]{border-color:var(--mag);background:var(--pink);color:var(--mag2);box-shadow:inset 0 0 0 1px var(--mag)}
.da-contact .frow{margin-bottom:16px}
.da-contact .frow label{display:block;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--dim);font-weight:700;margin-bottom:7px}
.da-contact .frow input,.da-contact .frow textarea{width:100%;border:1px solid var(--line);border-radius:13px;background:#fff;padding:13px 16px;font-size:15px;color:var(--ink);transition:border-color .15s,box-shadow .15s;outline:none}
.da-contact .frow input:focus,.da-contact .frow textarea:focus{border-color:var(--mag);box-shadow:0 0 0 3px rgba(0,150,214,.12)}
.da-contact .frow textarea{resize:vertical;min-height:150px}
.da-contact .f2{display:grid;grid-template-columns:1fr;gap:0 16px}
@media(min-width:640px){.da-contact .f2{grid-template-columns:1fr 1fr}}
.da-contact .hp{position:absolute;left:-9999px;top:-9999px;height:1px;width:1px;overflow:hidden}
.da-contact .sendrow{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:4px}
.da-contact .sendbtn{height:52px;padding:0 34px;border:0;border-radius:999px;font-family:var(--inter);font-size:15px;font-weight:700;background:var(--mag);color:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:background .15s;box-shadow:0 16px 38px -14px rgba(0,150,214,.5)}
.da-contact .sendbtn:hover{background:var(--mag2)}
.da-contact .sendbtn:focus-visible{outline:2px solid var(--mag);outline-offset:3px}
.da-contact .sendnote{font-size:12.5px;color:var(--dim)}

/* rail */
.da-contact .rail{display:grid;gap:14px;align-content:start}
.da-contact .rcard{border:1px solid rgba(17,17,17,.09);border-radius:20px;padding:24px;background:#fff;display:flex;gap:16px;align-items:flex-start;transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:0 18px 40px -30px rgba(17,17,17,.25);position:relative}
.da-contact .rcard::after{content:"\2192";position:absolute;right:20px;top:22px;color:var(--dim);font-size:15px;transition:all .15s}
.da-contact .rcard:hover::after{color:var(--mag2);transform:translateX(3px)}
.da-contact .rcard:hover{transform:translateY(-3px);border-color:rgba(0,150,214,.35);box-shadow:0 24px 50px -30px rgba(226,23,140,.35)}
.da-contact .rico{width:42px;height:42px;border-radius:13px;background:rgba(0,150,214,.08);border:1px solid rgba(0,150,214,.18);color:var(--mag);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.da-contact .rcard .rt{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8a8a92}
.da-contact .rcard .rv{font-size:18px;color:var(--ink);font-weight:800;letter-spacing:-.01em;margin-top:6px}
.da-contact .rcard .rv a{text-decoration:none;color:var(--mag2)}
.da-contact .rcard .rv a:hover{text-decoration:underline}
.da-contact .rcard .rd{font-size:12.5px;color:#8a8a92;margin-top:8px;line-height:1.5}
.da-contact .hourscard{border-radius:20px;padding:20px 24px;background:linear-gradient(135deg,var(--pink),#fff 60%);border:1px solid var(--pinkb);display:flex;align-items:center;gap:14px}
.da-contact .hourscard .dot{width:9px;height:9px;border-radius:50%;background:var(--ok);flex:0 0 auto;box-shadow:0 0 0 4px var(--ok-tint)}
.da-contact .hourscard .ht{font-size:14.5px;font-weight:800;letter-spacing:-.01em}
.da-contact .hourscard .hd{font-size:12.5px;color:var(--mut);margin-top:1px}
.da-contact .copychip{display:inline-block;border:1px dashed var(--pinkb);background:var(--pink);color:var(--mag2);font-weight:700;font-size:12px;border-radius:8px;padding:2px 9px;cursor:pointer;user-select:none;margin-left:8px}
.da-contact .copychip:hover{border-color:var(--mag)}

/* self-service dark band */
.da-contact section.sec{padding:34px 0}
@media(min-width:1024px){.da-contact section.sec{padding:48px 0}}
.da-contact .softband{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:52px 0}
@media(min-width:1024px){.da-contact .softband{padding:68px 0}}
.da-contact .softband .in{max-width:var(--max,1500px);margin:0 auto;padding:0 var(--pad,16px)}
.da-contact .softband .dk{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mag);font-weight:700;margin-bottom:14px}
.da-contact .softband .dk::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mag)}
.da-contact .softband h2{font-family:var(--inter);font-size:clamp(30px,3.6vw,46px);font-weight:900;letter-spacing:-.03em;line-height:1.03;margin:0 0 8px;color:var(--ink)}
.da-contact .softband h2 em{font-style:normal;color:var(--mag)}
.da-contact .softband .dl{font-size:14.5px;color:var(--mut);margin:0 0 28px;max-width:60ch}
.da-contact .wtiles{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:800px){.da-contact .wtiles{grid-template-columns:repeat(3,1fr)}}
.da-contact .wtile{border:1px solid rgba(17,17,17,.09);border-radius:20px;padding:26px 24px 24px;background:#fff;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:block;box-shadow:0 18px 40px -30px rgba(17,17,17,.25)}
.da-contact .wtile:hover{transform:translateY(-3px);border-color:rgba(0,150,214,.35);box-shadow:0 24px 50px -30px rgba(226,23,140,.35)}
.da-contact .wtile .ti{width:42px;height:42px;border-radius:13px;background:rgba(0,150,214,.08);border:1px solid rgba(0,150,214,.18);color:var(--mag);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.da-contact .wtile .tt{display:block;font-family:var(--inter);font-size:18px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}
.da-contact .wtile .td{display:block;font-size:13px;color:var(--mut);margin-top:6px;line-height:1.65}
.da-contact .wtile .ta{font-size:13.5px;font-weight:700;color:var(--mag2);margin-top:14px;display:inline-block}
.da-contact .dark{color:#fff;border-radius:24px;padding:30px;position:relative;overflow:hidden;
  border:1px solid rgba(255,255,255,.07);
  background-image:radial-gradient(120% 120% at 50% 30%,#1a0b4f 0%,#0e0030 85%);
  box-shadow:rgba(10,10,25,.55) 0 30px 64px -34px}
@media(min-width:1024px){.da-contact .dark{padding:44px 48px}}
.da-contact .dark::after{content:"";position:absolute;inset:55% 0 0 0;pointer-events:none;
  background-image:radial-gradient(60% 100% at 50% 100%,rgba(0,150,214,.18),rgba(0,0,0,0) 72%)}
.da-contact .dark .dk{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:#8f8a9c;font-weight:800;margin-bottom:10px}
.da-contact .dark h2{font-family:var(--sora);font-size:26px;font-weight:800;letter-spacing:-.02em;margin:0 0 6px}
@media(min-width:1024px){.da-contact .dark h2{font-size:34px}}
.da-contact .dark .dl{font-size:14.5px;color:#a49eb2;margin:0 0 26px;max-width:60ch}
.da-contact .tiles{display:grid;grid-template-columns:1fr;gap:14px;position:relative;z-index:1}
@media(min-width:800px){.da-contact .tiles{grid-template-columns:repeat(3,1fr)}}
.da-contact .tile{border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:22px;background:rgba(255,255,255,.04);text-decoration:none;transition:all .15s;display:block}
.da-contact .tile:hover{border-color:var(--mag);background:rgba(0,150,214,.07)}
.da-contact .tile .ti{width:40px;height:40px;border-radius:12px;background:rgba(0,150,214,.14);border:1px solid rgba(0,150,214,.3);color:var(--mag);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.da-contact .tile .tt{display:block;font-family:var(--sora);font-size:16px;font-weight:700;color:#fff}
.da-contact .tile .td{display:block;font-size:12.5px;color:#a49eb2;margin-top:5px;line-height:1.6}
.da-contact .tile .ta{font-size:13px;font-weight:700;color:var(--mag);margin-top:12px;display:inline-block}

/* FAQ */
.da-contact .faqgrid{display:grid;grid-template-columns:1fr;gap:26px}
@media(min-width:1024px){.da-contact .faqgrid{grid-template-columns:.58fr 1.42fr;gap:44px}}
.da-contact .faqcols{display:grid;grid-template-columns:1fr;gap:16px;align-content:start}
@media(min-width:1200px){.da-contact .faqcols{grid-template-columns:1fr 1fr}}
.da-contact .faqcols .faq{align-self:start}
.da-contact .faqleft .eb{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mag);font-weight:700;margin-bottom:14px}
.da-contact .faqleft .eb::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mag)}
.da-contact .faqleft h2{font-family:var(--inter);font-size:clamp(30px,3.6vw,46px);font-weight:900;letter-spacing:-.03em;line-height:1.03;margin:0 0 12px;color:var(--ink)}
.da-contact .faqleft h2 em{font-style:normal;color:var(--mag)}
.da-contact .faqleft p{font-size:14.5px;color:var(--mut);line-height:1.7;margin:0 0 20px;max-width:44ch}
.da-contact .faqbtn{display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 24px;border:1px solid var(--line);border-radius:999px;font-size:14px;font-weight:600;color:var(--ink);text-decoration:none;transition:border-color .15s}
.da-contact .faqbtn:hover{border-color:var(--mag)}
.da-contact .lhead{margin-bottom:24px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.da-contact .eb{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mag2);font-weight:800;margin-bottom:10px}
.da-contact .lhead h2{font-family:var(--sora);font-size:27px;font-weight:800;letter-spacing:-.02em;margin:0;color:var(--ink)}
@media(min-width:1024px){.da-contact .lhead h2{font-size:34px}}
.da-contact .lhead a{font-size:13.5px;font-weight:600;color:var(--mag2);text-decoration:none;white-space:nowrap}
.da-contact .lhead a:hover{text-decoration:underline}
.da-contact .faq{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.da-contact .faq details{border-bottom:1px solid var(--line)}
.da-contact .faq details:last-child{border-bottom:0}
.da-contact .faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:19px 26px;font-family:var(--inter);font-size:15.5px;font-weight:700;color:var(--ink);transition:background .12s}
.da-contact .faq summary::-webkit-details-marker{display:none}
.da-contact .faq summary:hover{background:var(--pink)}
.da-contact .faq summary .pm{flex:0 0 auto;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);color:var(--mut);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;transition:all .15s}
.da-contact .faq details[open] summary .pm{background:var(--mag);border-color:var(--mag);color:#fff;transform:rotate(45deg)}
.da-contact .faq .ans{padding:0 26px 20px;font-size:14px;color:var(--mut);line-height:1.75;max-width:90ch}

/* notice */
.da-contact .notice{border:1px dashed #d9d4e0;background:#fbfbfd;border-radius:14px;padding:18px 24px;font-size:12.5px;color:var(--mut);line-height:1.7}
.da-contact .notice b{color:var(--ink)}
.da-contact .pfoot{padding:14px 0 60px;color:var(--dim);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
@media(prefers-reduced-motion:reduce){.da-contact *{transition:none!important}}



/* from home */
@media (min-width:901px){section.section{padding-top:88px;padding-bottom:88px}section.section--tight{padding-top:72px;padding-bottom:72px}.pull{padding-top:88px;padding-bottom:88px}#da-shipto + section.section{padding-top:88px!important}.mfr-banner{padding-top:28px;padding-bottom:116px}.mfr-banner + section{padding-top:60px}}


/* from home */

  .hero__seal {
  position: absolute;
  top: 28px;
  right: 28px;
  z-index: 3;
  width: 96px;
  height: 96px;
  opacity: 0.92;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.35));
  transition: opacity .2s ease, transform .2s ease;
  pointer-events: none;          /* won't block CTA clicks */
}
.hero__seal img { width: 100%; height: 100%; object-fit: contain; display: block; }

@media (max-width: 900px) {
  .hero__seal { width: 72px; height: 72px; top: 50px; right: 16px; }
}
@media (max-width: 560px) {
  .hero__seal { width: 56px; height: 56px; top: 50px; right: 12px; }
}



/* from home */

.dr-tp{display:none!important}
#dafp-band{background:#fff;padding:88px 0;overflow:hidden}
#dafp-band .dafp3-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
#dafp-band .dafp3-rule{width:64px;height:4px;background:linear-gradient(90deg,#0096d6,#33c6ec);border-radius:2px;margin:0 auto 18px}
#dafp-band .dafp3-eyebrow{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:#0077b6;text-align:center;margin-bottom:14px}
#dafp-band .dafp3-h{font-family:Anton,sans-serif;font-weight:400;font-size:clamp(44px,6vw,84px);line-height:.98;letter-spacing:.01em;text-transform:uppercase;color:#160a3d;text-align:center;margin:0 0 14px}
#dafp-band .dafp3-lede{font-size:15.5px;line-height:1.6;color:#555;text-align:center;max-width:600px;margin:0 auto 56px}
#dafp-band .dafp3-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:stretch}
#dafp-band .dafp3-item{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(17,17,17,.08);border-radius:26px;overflow:hidden;box-shadow:0 24px 60px -34px rgba(17,17,17,.22);transition:transform .18s ease,box-shadow .18s ease;min-width:0}
#dafp-band .dafp3-item:hover{transform:translateY(-5px);box-shadow:0 34px 70px -34px rgba(226,23,140,.30)}
#dafp-band .dafp3-media{position:relative;display:flex;align-items:center;justify-content:center;height:300px;background:radial-gradient(120% 120% at 50% 0,#e4f8ff,#fff 64%);border-bottom:1px solid rgba(17,17,17,.06);text-decoration:none}
#dafp-band .dafp3-media img{max-width:80%;max-height:256px;object-fit:contain;filter:drop-shadow(0 18px 26px rgba(17,17,17,.18));animation:none!important;transform:none!important;transition:none!important}
#dafp-band .dafp3-badge{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,#0096d6,#33c6ec);color:#fff;font-size:12px;font-weight:900;letter-spacing:.08em;padding:6px 13px;border-radius:999px;box-shadow:0 6px 16px rgba(0,150,214,.35);z-index:2}
#dafp-band .dafp3-body{display:flex;flex-direction:column;flex:1;padding:24px 24px 26px;text-align:left}
#dafp-band .dafp3-name{font-family:Anton,sans-serif;font-weight:400;font-size:27px;letter-spacing:.02em;text-transform:uppercase;color:#160a3d;margin:0 0 5px;line-height:1.05}
#dafp-band .dafp3-sub{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#8a8a92;margin-bottom:16px}
#dafp-band .dafp3-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}
#dafp-band .dafp3-chips span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#0077b6;background:rgba(0,150,214,.06);border:1px solid rgba(0,150,214,.22);border-radius:999px;padding:6px 12px;white-space:nowrap}
#dafp-band .dafp3-pricerow{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:auto}
#dafp-band .dafp3-price{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
#dafp-band .dafp3-from{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#9a9aa2}
#dafp-band .dafp3-amt{font-size:31px;font-weight:900;color:#160a3d;letter-spacing:-.01em}
#dafp-band .dafp3-amt s{color:#a7a7af;font-weight:700;font-size:17px;margin-right:7px;text-decoration-thickness:2px}
#dafp-band .dafp3-amt .dafp3-now{color:#0096d6}
#dafp-band .dafp3-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#0077b6;border:1px dashed rgba(226,23,140,.5);border-radius:999px;padding:3px 9px;align-self:center;white-space:nowrap}
#dafp-band .dafp3-stock{display:flex;align-items:center;gap:6px;font-size:12px;color:#2e8c44;font-weight:700;white-space:nowrap}
#dafp-band .dafp3-stock i{width:8px;height:8px;border-radius:50%;background:#3fbf62;box-shadow:0 0 0 3px rgba(63,191,98,.16)}
#dafp-band .dafp3-stock--out{color:#a05656}
#dafp-band .dafp3-stock--out i{background:#c96a6a;box-shadow:0 0 0 3px rgba(201,106,106,.16)}
#dafp-band .dafp3-bulk{font-size:12px;color:#8a8a92;margin:5px 0 16px}
#dafp-band .dafp3-bulk--ghost{visibility:hidden}
#dafp-band .dafp3-cta{display:flex;align-items:center;justify-content:center;width:100%;background:linear-gradient(135deg,#0096d6,#33c6ec);color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;padding:16px 20px;border-radius:999px;transition:transform .15s,box-shadow .15s,filter .15s}
#dafp-band .dafp3-cta:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(0,150,214,.4);filter:saturate(1.08)}
#dafp-band .dafp3-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 30px;margin-top:52px}
#dafp-band .dafp3-trust span{position:relative;padding-left:21px;font-size:13px;color:#333;font-weight:600}
#dafp-band .dafp3-trust span::before{content:"\2713";position:absolute;left:0;top:50%;transform:translateY(-50%);color:#0096d6;font-weight:900;font-size:13px}
#dafp-band .dafp3-ruo{text-align:center;font-size:11.5px;color:#9a9aa2;margin-top:16px}
@media (max-width:1024px){#dafp-band .dafp3-grid{gap:18px}#dafp-band .dafp3-media{height:250px}#dafp-band .dafp3-media img{max-height:212px}#dafp-band .dafp3-body{padding:20px 18px 22px}#dafp-band .dafp3-name{font-size:23px}}
@media (max-width:900px){#dafp-band{padding:80px 0 72px}#dafp-band .dafp3-wrap{padding:0}#dafp-band .dafp3-head{padding:0 24px}#dafp-band .dafp3-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:80%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 24px 26px;scrollbar-width:none;-webkit-overflow-scrolling:touch}#dafp-band .dafp3-grid::-webkit-scrollbar{display:none}#dafp-band .dafp3-item{scroll-snap-align:center}#dafp-band .dafp3-media{height:250px}#dafp-band .dafp3-media img{max-height:220px}#dafp-band .dafp3-lede{margin-bottom:34px}#dafp-band .dafp3-trust{margin-top:36px;padding:0 24px}#dafp-band .dafp3-ruo{padding:0 24px}}



/* from home */

    /* ===== Highlight + "NEW" badge for freshly-launched products ===== */
    .pcard--new{position:relative;border:1.5px solid rgba(255,42,163,.55) !important;border-radius:18px;
      box-shadow:0 18px 40px -18px rgba(255,42,163,.5),0 0 0 4px rgba(255,42,163,.06) !important;
      transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease !important}
    .pcard--new:hover{transform:translateY(-4px);
      box-shadow:0 26px 54px -18px rgba(255,42,163,.62),0 0 0 4px rgba(255,42,163,.1) !important}
    .pcard--new .pcard__media{position:relative;
      background:radial-gradient(120% 120% at 50% 0,rgba(255,42,163,.16),#fff 62%);
      background:radial-gradient(120% 120% at 50% 0,rgba(0,150,214,.12),#fff 64%);}
      .pcard__media{
        background:radial-gradient(120% 120% at 50% 0,rgba(0,150,214,.12),#fff 64%);
      }

    /* NEW badge   a real span on the card (NOT via ::after, which the theme uses
       for the card glow; NOT inside .pcard__media, which the sale script rewrites). */
    .pcard__newtag{position:absolute;top:12px;right:12px;left:auto;bottom:auto;z-index:20;pointer-events:none;
      display:inline-flex;align-items:center;gap:5px;width:auto;height:auto;
      color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
      padding:6px 12px 6px 11px;border-radius:999px;line-height:1;
      background:linear-gradient(135deg,#1ab6e6 0%,#0096d6 55%,#0096d6 100%);
      box-shadow:0 6px 16px -4px rgba(255,42,163,.7),inset 0 1px 0 rgba(255,255,255,.35);
      animation:spbNewPulse 2.4s ease-in-out infinite}
    /* little sparkle before the text */
    .pcard__newtag::before{content:"\2726";font-size:10px;line-height:1;margin-top:-1px;
      filter:drop-shadow(0 0 3px rgba(255,255,255,.6))}
      .pcard__starting{
        font-size:14px;
      }
      .pcard__body{
        justify-content:space-between;
      }
      .pcard__up_price{
        margin-bottom:10px;
      }
      .pcard__hf{
        display:flex;
        flex-direction:column;
      }
    /* soft glow ring that breathes */
    @keyframes spbNewPulse{
      0%,100%{box-shadow:0 6px 16px -4px rgba(255,42,163,.7),0 0 0 0 rgba(255,42,163,.35),inset 0 1px 0 rgba(255,255,255,.35)}
      50%    {box-shadow:0 6px 16px -4px rgba(255,42,163,.7),0 0 0 7px rgba(255,42,163,0),inset 0 1px 0 rgba(255,255,255,.35)}
    }
    @media (prefers-reduced-motion: reduce){ .pcard__newtag{animation:none} }

    /* Stop the vial image from bouncing/floating up & down */
    .prod-grid .pcard__media img,
    .prod-grid .pcard__media{
      animation:none !important;
      transform:none !important;
    }
    


/* from home */
#da-shipto{background:#fff;padding:88px 24px}#da-shipto .dsw-panel{position:relative;max-width:1200px;margin:0 auto;background:radial-gradient(85% 140% at 90% -25%,#20125a 0%,#18004c 60%);border:1px solid rgba(255,255,255,.07);border-radius:28px;overflow:hidden}#da-shipto .dsw-panel::after{content:"";position:absolute;top:-130px;right:-120px;width:340px;height:340px;border-radius:50%;background:rgba(0,150,214,.14);filter:blur(70px);pointer-events:none}#da-shipto .dsw-in{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr 1.55fr;gap:26px 56px;align-items:center;padding:60px 56px}#da-shipto .dsw-eyebrow{display:flex;align-items:center;gap:8px;font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#0096d6;margin-bottom:14px}#da-shipto .dsw-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:#0096d6}#da-shipto .dsw-h{font-weight:900;font-size:clamp(38px,4.3vw,58px);line-height:1.02;letter-spacing:-.03em;color:#fff;margin:0 0 18px}#da-shipto .dsw-h .dsw-accent{color:#0096d6}#da-shipto .dsw-note{font-size:14.5px;line-height:1.7;color:rgba(255,255,255,.62);max-width:340px}#da-shipto .dsw-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}#da-shipto .dsw-tile{display:flex;align-items:center;gap:15px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:19px 20px;min-width:0;transition:border-color .18s,background .18s,transform .18s}#da-shipto .dsw-tile:hover{border-color:rgba(0,150,214,.4);background:rgba(255,255,255,.075);transform:translateY(-2px)}#da-shipto .dsw-tile img{width:38px;height:38px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px rgba(255,255,255,.2),0 10px 22px rgba(0,0,0,.45);flex:none}#da-shipto .dsw-tile strong{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:15px;font-weight:800;color:#fff;letter-spacing:-.01em;line-height:1.2}#da-shipto .dsw-tile small{display:block;margin-top:3px;font-size:12px;line-height:1.45;color:rgba(255,255,255,.55)}#da-shipto .dsw-tile--ghost{border-style:dashed;border-color:rgba(255,255,255,.15);background:transparent}#da-shipto .dsw-tile--ghost:hover{transform:none;border-color:rgba(255,255,255,.15);background:transparent}#da-shipto .dsw-tile--ghost .dsw-dot{width:38px;height:38px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.28);display:flex;align-items:center;justify-content:center;color:#0096d6;font-size:18px;font-weight:800;flex:none}#da-shipto .dsw-tile--ghost strong{color:rgba(255,255,255,.75)}#da-shipto .dsw-new{font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:#0096d6;border-radius:999px;padding:3px 8px}@media (max-width:980px){#da-shipto{padding:0 24px 96px}#da-shipto .dsw-in{grid-template-columns:1fr;gap:32px;padding:44px 36px 40px}#da-shipto .dsw-note{max-width:none}}@media (max-width:560px){#da-shipto{padding:0 16px 72px}#da-shipto .dsw-in{padding:32px 20px 26px}#da-shipto .dsw-panel{border-radius:22px}#da-shipto .dsw-grid{grid-template-columns:1fr 1fr;gap:10px}#da-shipto .dsw-tile{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 14px 13px}#da-shipto .dsw-tile img{width:30px;height:30px}#da-shipto .dsw-tile strong{font-size:13px}#da-shipto .dsw-tile small{font-size:10.5px;margin-top:2px}#da-shipto .dsw-tile--ghost .dsw-dot{width:30px;height:30px;font-size:15px}}


/* from home */
#da-help .dah-wrap{max-width:1200px;margin:0 auto;padding:0 24px}#da-help .dah-kicker{display:flex;align-items:center;gap:8px;font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#0096d6;margin-bottom:14px}#da-help .dah-kicker::before{content:"";width:6px;height:6px;border-radius:50%;background:#0096d6}#da-help .dah-h{font-weight:900;font-size:clamp(34px,4.2vw,54px);line-height:1.03;letter-spacing:-.03em;color:#18004c;margin:0 0 14px}#da-help .dah-h .dah-accent{color:#0096d6}#da-help .dah-lede{font-size:15.5px;line-height:1.65;color:#555;max-width:560px;margin:0 0 38px}#da-help .dah-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}#da-help .dah-card{display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid rgba(17,17,17,.09);border-radius:20px;padding:26px 24px 24px;text-decoration:none!important;box-shadow:0 18px 40px -30px rgba(17,17,17,.25);transition:transform .18s,box-shadow .18s,border-color .18s}#da-help .dah-card:hover{transform:translateY(-3px);border-color:rgba(0,150,214,.35);box-shadow:0 24px 50px -30px rgba(226,23,140,.35)}#da-help .dah-ico{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;background:rgba(0,150,214,.08);border:1px solid rgba(0,150,214,.18);color:#0096d6;margin-bottom:16px}#da-help .dah-ico svg{width:19px;height:19px}#da-help .dah-card strong{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8a8a92;margin-bottom:7px}#da-help .dah-val{font-size:18px;font-weight:800;color:#18004c;letter-spacing:-.01em;line-height:1.25;word-break:break-word}#da-help .dah-card small{font-size:12.5px;line-height:1.5;color:#8a8a92;margin-top:8px}#da-help .dah-foot{font-size:14px;color:#555;margin:26px 0 0}#da-help .dah-foot a{color:#0077b6;font-weight:700;text-decoration:none}#da-help .dah-foot a:hover{text-decoration:underline}@media (max-width:900px){#da-help .dah-grid{grid-template-columns:1fr;gap:12px}#da-help .dah-lede{margin-bottom:28px}#da-help .dah-card{padding:22px 20px 20px}}


/* from home */

#da-totop{position:fixed;right:16px;bottom:calc(18px + env(safe-area-inset-bottom));width:46px;height:46px;border-radius:50%;background:#18004c;color:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 26px rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:60;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s,transform .2s;cursor:pointer;padding:0}
#da-totop.is-on{opacity:1;pointer-events:auto;transform:none}
#da-totop svg{width:18px;height:18px}
body.daw20-on #da-totop{display:none}
@media (min-width:901px){#da-totop{display:none}}

/* from how-to-save */

.dr-save-page { background: linear-gradient(180deg, #ffffff 0%, #f5fdff 100%); padding: 80px 20px; font-family: 'Inter', Arial, Helvetica, sans-serif; color: #160a3d; }
.dr-save-wrap { max-width: 1150px; margin: 0 auto; }
.dr-save-hero { text-align: center; margin-bottom: 44px; }
.dr-save-badge {
  display: inline-block; padding: 9px 18px; border-radius: 999px;
  background: rgba(0,150,214, 0.08); border: 1px solid rgba(0,150,214, 0.18);
  color: #0096d6; font-size: 12px; font-weight: 800; letter-spacing: 1px; margin-bottom: 18px;
}
.dr-save-hero h1 {
  font-size: clamp(38px, 6vw, 70px); line-height: 1; margin: 0 0 18px;
  font-weight: 900; color: #160a3d;
}
.dr-save-hero p {
  max-width: 760px; margin: 0 auto; font-size: 18px; line-height: 1.7; color: #555;
}
.dr-save-hero strong { color: #0096d6; }

/* Program grid: parallel options, not a sequence -> savings figure leads each card */
.dr-save-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-bottom: 36px;
}
.dr-save-card {
  position: relative; display: flex; flex-direction: column;
  background: #fff; border: 1px solid rgba(0,150,214, 0.14);
  border-radius: 26px; padding: 30px 28px;
  box-shadow: 0 22px 60px rgba(17, 17, 17, 0.06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.dr-save-card:hover {
  transform: translateY(-4px);
  border-color: rgba(0,150,214, 0.35);
  box-shadow: 0 30px 70px rgba(0,150,214, 0.14);
}
.dr-save-figure {
  display: inline-flex; align-items: baseline; gap: 4px;
  font-weight: 900; color: #0096d6; line-height: 1;
  font-size: 40px; margin-bottom: 6px;
}
.dr-save-figure small { font-size: 15px; font-weight: 800; color: #0096d6; opacity: .85; letter-spacing: .3px; }
.dr-save-card h3 { margin: 10px 0 10px; font-size: 21px; color: #160a3d; line-height: 1.25; }
.dr-save-card p { color: #666; line-height: 1.65; margin: 0 0 18px; font-size: 15px; }
.dr-save-card p:last-of-type { margin-bottom: 0; }
.dr-save-tag {
  align-self: flex-start; margin-top: auto;
  display: inline-block; padding: 7px 14px; border-radius: 999px;
  background: rgba(0,150,214, 0.07); border: 1px solid rgba(0,150,214, 0.16);
  color: #0096d6; font-size: 12px; font-weight: 800; letter-spacing: .4px;
}

.dr-save-note-box {
  background: #fff; border: 1px solid rgba(0,150,214, 0.14);
  border-radius: 30px; padding: 34px 36px;
  box-shadow: 0 22px 60px rgba(17, 17, 17, 0.06);
}
.dr-save-note-box h2 { text-align: center; font-size: 26px; margin: 0 0 18px; color: #160a3d; }
.dr-save-note {
  text-align: center; color: #666; font-size: 14px; line-height: 1.7;
  max-width: 850px; margin: 0 auto;
}
.dr-save-note strong { color: #0096d6; }

@media (max-width: 980px) {
  .dr-save-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 620px) {
  .dr-save-grid { grid-template-columns: 1fr; }
  .dr-save-card { padding: 26px 22px; }
  .dr-save-note-box { padding: 26px 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .dr-save-card { transition: none; }
  .dr-save-card:hover { transform: none; }
}
.mt-4
{
  margin-top: 1rem !important;
}



/* from membership */

/* Leaderboard Container */
.wcusage-leaderboard-ajax {
    margin: 30px 0;
    overflow-x: auto;
}

/* Table */
.wcusage-leaderboard {
    width: 100% !important;
    border-collapse: separate;
    border-spacing: 0;
    background: #111827;
    border: 1px solid #2a3342;
    border-radius: 14px;
    overflow: hidden;
    color: #f3f4f6;
    font-size: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,.15);
}

/* Header */
.wcusage-leaderboard thead {
    background: linear-gradient(135deg,#2563eb,#1d4ed8);
}

.wcusage-leaderboard th {
    padding: 16px 20px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #fff;
    border: none;
}

/* Body */
.wcusage-leaderboard td {
    padding: 15px 20px;
    border-bottom: 1px solid #263041;
    transition: .25s;
}

/* Zebra Rows */
.wcusage-leaderboard tbody tr:nth-child(even) {
    background: #182231;
}

.wcusage-leaderboard tbody tr:nth-child(odd) {
    background: #111827;
}

/* Hover */
.wcusage-leaderboard tbody tr:hover {
    background: #22324a;
}

/* Remove last border */
.wcusage-leaderboard tbody tr:last-child td {
    border-bottom: none;
}

/* Rank */
.wcusage-leaderboard td:first-child {
    width: 80px;
    text-align: center;
    font-weight: 700;
    color: #60a5fa;
}

/* Affiliate */
.wcusage-leaderboard td:nth-child(2) {
    font-weight: 600;
}

/* Referrals */
.wcusage-leaderboard td:last-child {
    text-align: center;
    font-weight: 700;
    color: #22c55e;
}

/* Top 3 Highlight */
.wcusage-leaderboard tbody tr:nth-child(1) {
    background: rgba(255,215,0,.12);
}

.wcusage-leaderboard tbody tr:nth-child(2) {
    background: rgba(192,192,192,.10);
}

.wcusage-leaderboard tbody tr:nth-child(3) {
    background: rgba(205,127,50,.10);
}

/* Rounded Corners */
.wcusage-leaderboard thead th:first-child {
    border-top-left-radius: 14px;
}

.wcusage-leaderboard thead th:last-child {
    border-top-right-radius: 14px;
}

/* Mobile */
@media (max-width:768px){

    .wcusage-leaderboard{
        font-size:14px;
    }

    .wcusage-leaderboard th,
    .wcusage-leaderboard td{
        padding:12px 10px;
    }

}
.wcusage-leaderboard tbody tr:nth-child(1) td:first-child::before{
    content:"🥇 ";
}

.wcusage-leaderboard tbody tr:nth-child(2) td:first-child::before{
    content:"🥈 ";
}

.wcusage-leaderboard tbody tr:nth-child(3) td:first-child::before{
    content:"🥉 ";
}



/* from membership */

.da-mem{
    --ink: #14053c;
    --bg-dark: #0e0030;
    --magenta: #0096d6;
    --line: rgba(189,197,204,0.4);
    --muted: rgba(19,19,21,0.55);
    --struck: rgba(19,19,21,0.45);
    --blush: #edfbff;
    --lilac: #F3EFFF;
    --mint: #EAF9F1;
  }
.da-mem *{ margin:0; padding:0; box-sizing:border-box; }
.da-mem{ background:#fff; font-family:'Inter',system-ui,sans-serif; color:var(--ink); -webkit-font-smoothing:antialiased; overflow-x:hidden; }
.da-mem a{ text-decoration:none; color:inherit; }
.da-mem img{ max-width:100%; display:block; }
.da-mem .mono{ font-family:'IBM Plex Mono',monospace; letter-spacing:0.16em; text-transform:uppercase; }
.da-mem .anton{ font-family:'Anton',sans-serif; font-weight:400; text-transform:uppercase; letter-spacing:0.01em; }
.da-mem .wrap{ max-width:1152px; margin:0 auto; padding:0 24px; }
.da-mem .rv{ opacity:0; transform:translateY(20px); transition:opacity 0.7s ease, transform 0.7s cubic-bezier(0.2,0.8,0.2,1); }
.da-mem .rv.in{ opacity:1; transform:translateY(0); }
.da-mem .rv.d1{ transition-delay:0.08s; }
.da-mem .rv.d2{ transition-delay:0.16s; }
.da-mem .rv.d3{ transition-delay:0.24s; }
.da-mem /* ============ SITE CHROME ============ */
  .announce{ min-height:36px; background:#0e0030; display:flex; align-items:center; justify-content:center; gap:10px; font-size:11px; font-weight:600; letter-spacing:0.14em; text-transform:uppercase; color:rgba(255,255,255,0.85); padding:4px 16px; text-align:center; }
.da-mem .announce .sep{ color:var(--magenta); }
.da-mem .announce b{ color:var(--magenta); font-weight:700; }
.da-mem .nav{ background:#fff; height:76px; display:flex; align-items:center; padding:0 48px; gap:36px; position:relative; z-index:50; border-bottom:1px solid #F0F0F3; }
.da-mem .nav-logo img{ height:44px; width:auto; }
.da-mem .nav-links{ display:flex; gap:26px; flex:1; justify-content:center; }
.da-mem .nav-links a{ font-size:13px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; color:#140340; }
.da-mem .nav-links a.active, .da-mem .nav-links a:hover{ color:var(--magenta); }
.da-mem .nav-icons{ display:flex; gap:14px; align-items:center; }
.da-mem .nav-icons span{ width:38px; height:38px; border-radius:50%; background:#F2F2F5; display:inline-flex; align-items:center; justify-content:center; }
.da-mem .nav-icons svg{ width:17px; height:17px; stroke:#140340; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.da-mem /* ============ DARK HERO BAND ============ */
  .hero{ position:relative; background:var(--bg-dark); color:#fff; padding:72px 24px 58px; overflow:hidden; }
.da-mem .hero .smoke{
    position:absolute; inset:0; pointer-events:none;
    background:radial-gradient(ellipse 80% 62% at 18% 100%, rgba(0,150,214,0.34), rgba(122,10,66,0.16) 48%, transparent 74%), radial-gradient(ellipse 70% 55% at 86% 96%, rgba(0,150,214,0.26), rgba(90,8,50,0.12) 50%, transparent 76%), radial-gradient(ellipse 100% 40% at 50% 100%, rgba(0,150,214,0.14), transparent 70%); opacity:0.85;
    -webkit-mask-image:linear-gradient(180deg, transparent 0%, #0e0030 30%, #0e0030 82%, transparent 100%);
    mask-image:linear-gradient(180deg, transparent 0%, #0e0030 30%, #0e0030 82%, transparent 100%);
    animation:smokedrift 26s ease-in-out infinite alternate;
  }
  @keyframes smokedrift { from{transform:translateX(-1.2%) scale(1.03);} to{transform:translateX(1.2%) scale(1.03);} }
.da-mem .hero::after{ content:''; position:absolute; inset:0; background:radial-gradient(ellipse 72% 60% at 50% 38%, rgba(5,5,5,0.74), transparent 76%); pointer-events:none; }
.da-mem .hero-inner{ position:relative; z-index:5; max-width:1152px; margin:0 auto; text-align:center; }
.da-mem .eyebrow{ display:inline-flex; align-items:center; gap:10px; font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:0.22em; text-transform:uppercase; color:rgba(255,255,255,0.68); }
.da-mem .eyebrow i{ width:22px; height:1px; background:var(--magenta); }
.da-mem .eyebrow b{ color:var(--magenta); font-weight:500; }
.da-mem .h1{ margin-top:18px; font-size:clamp(48px, 5.8vw, 92px); line-height:0.95; color:#fff; }
.da-mem .h1 .line{ display:block; overflow:hidden; }
.da-mem .h1 .line > span{ display:block; transform:translateY(108%); animation:rise 0.8s cubic-bezier(0.16,1,0.3,1) forwards; }
.da-mem .h1 .line:nth-child(1) > span{ animation-delay:0.12s; }
.da-mem .h1 .line:nth-child(2) > span{ animation-delay:0.26s; }
  @keyframes rise { to{transform:translateY(0);} }
.da-mem .h1 .period{ color:var(--magenta); }
.da-mem .hero .sub{ margin:20px auto 0; font-size:16.5px; line-height:1.65; color:#C7C7CE; max-width:54ch; opacity:0; animation:fade 0.9s ease 0.5s forwards; }
  @keyframes fade { to{opacity:1;} }
.da-mem .hero .free-note{ margin-top:18px; font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:0.18em; text-transform:uppercase; color:rgba(255,255,255,0.55); opacity:0; animation:fade 0.9s ease 0.7s forwards; }
.da-mem .hero .free-note b{ color:var(--magenta); font-weight:500; }
.da-mem .rail{ position:relative; max-width:880px; margin:52px auto 0; }
.da-mem .rail .bar{ position:absolute; left:0; right:0; top:7px; height:2px; background:rgba(255,255,255,0.1); }
.da-mem .rail .bar i{ position:absolute; left:0; top:0; bottom:0; width:100%; background:linear-gradient(90deg, rgba(0,150,214,0.95), rgba(0,150,214,0.3)); transform-origin:left; transform:scaleX(0); transition:transform 1.5s cubic-bezier(0.2,0.8,0.2,1) 0.3s; }
.da-mem .rail.in .bar i{ transform:scaleX(1); }
.da-mem .rail .nodes{ display:flex; justify-content:space-between; position:relative; }
.da-mem .rail .node{ display:flex; flex-direction:column; align-items:center; gap:10px; width:25%; }
.da-mem .rail .dot{ width:15px; height:15px; border-radius:50%; border:2px solid var(--magenta); background:var(--bg-dark); position:relative; z-index:2; transition:background 0.3s, box-shadow 0.3s; }
.da-mem .rail .node.lit .dot{ background:var(--magenta); box-shadow:0 0 15px rgba(0,150,214,0.65); }
.da-mem .rail .npts{ font-family:'IBM Plex Mono',monospace; font-size:9.5px; letter-spacing:0.13em; text-transform:uppercase; color:rgba(255,255,255,0.5); }
.da-mem .rail .nname{ font-family:'Anton',sans-serif; font-size:16px; text-transform:uppercase; letter-spacing:0.03em; color:#fff; transition:color 0.3s; }
.da-mem .rail .node.lit .nname{ color:var(--magenta); }
.da-mem /* ============ CARDS (Amino skeleton) ============ */
  .plans{ padding:84px 0 10px; }
.da-mem .sec-kicker{ font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:0.22em; text-transform:uppercase; color:var(--muted); text-align:center; }
.da-mem .sec-title{ margin-top:10px; font-size:clamp(30px, 3vw, 40px); font-weight:700; letter-spacing:-0.025em; text-align:center; }
.da-mem .sec-title .mag{ color:var(--magenta); }
.da-mem .sec-sub{ margin:12px auto 0; font-size:15.5px; line-height:1.6; color:var(--muted); max-width:56ch; text-align:center; }
.da-mem .grid{ margin-top:52px; display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:24px; align-items:stretch; }
.da-mem .card{ position:relative; background:#fff; border:1px solid var(--line); border-radius:24px; padding:28px 26px 26px; display:flex; flex-direction:column; transition:transform 0.25s, box-shadow 0.25s, border-color 0.25s; }
.da-mem .card:hover{ transform:translateY(-4px); box-shadow:0 18px 44px -18px rgba(19,19,21,0.18); }
.da-mem .card .chip{ position:absolute; top:-12px; left:50%; transform:translateX(-50%); border-radius:9999px; padding:5px 13px; font-size:10px; font-weight:600; letter-spacing:0.18em; text-transform:uppercase; white-space:nowrap; }
.da-mem .card .chip.grey{ background:#F1F2F5; color:var(--ink); }
.da-mem .card .chip.blush{ background:var(--blush); color:var(--ink); }
.da-mem .card .chip.mag{ background:var(--magenta); color:#fff; }
.da-mem .card h3{ font-size:24px; font-weight:700; letter-spacing:-0.025em; }
.da-mem .card .desc{ margin-top:6px; font-size:13.5px; line-height:1.5; color:var(--muted); min-height:41px; }
.da-mem .card .price{ margin-top:16px; }
.da-mem .card .price .pts{ font-family:'Anton',sans-serif; font-size:40px; line-height:1; text-transform:uppercase; }
.da-mem .card .price .pts small{ font-size:15px; color:var(--muted); letter-spacing:0.04em; margin-left:5px; }
.da-mem .card .price .forever{ margin-top:7px; font-family:'IBM Plex Mono',monospace; font-size:9.5px; letter-spacing:0.15em; text-transform:uppercase; color:var(--magenta); }
.da-mem .card hr{ border:none; border-top:1px solid #EDEEF1; margin:18px 0 16px; }
.da-mem .card ul{ list-style:none; display:flex; flex-direction:column; gap:12px; flex:1; }
.da-mem .card li{ display:flex; align-items:flex-start; gap:11px; font-size:14px; line-height:1.45; }
.da-mem .card li .ck{ flex:0 0 19px; width:19px; height:19px; border-radius:50%; background:var(--ink); color:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:10px; font-weight:800; margin-top:1px; }
.da-mem .card li.hot .ck{ background:var(--magenta); }
.da-mem .card li.hot{ font-weight:600; }
.da-mem .card li.strike{ color:var(--struck); }
.da-mem .card li.strike .txt{ text-decoration:line-through; }
.da-mem .card li.strike .ck{ background:#F1F2F5; color:#B9BDC4; font-weight:600; }
.da-mem .card .cbtn{ margin-top:22px; height:48px; border-radius:9999px; display:inline-flex; align-items:center; justify-content:center; gap:8px; font-size:14px; font-weight:600; transition:transform 0.2s, box-shadow 0.2s, background 0.2s; }
.da-mem .card .cbtn.mag{ background:var(--magenta); color:#fff; box-shadow:0 6px 22px rgba(0,150,214,0.35); }
.da-mem .card .cbtn.mag:hover{ transform:translateY(-2px); box-shadow:0 10px 30px rgba(0,150,214,0.45); }
.da-mem .card .cbtn.dark{ background:var(--ink); color:#fff; }
.da-mem .card .cbtn.dark:hover{ transform:translateY(-2px); box-shadow:0 10px 26px rgba(19,19,21,0.3); }
.da-mem /* dark top-tier card (their Founder trick, .da-mem DA-ified) */
  .card.elite{ background:linear-gradient(180deg, #1a0b4f, #14053c 62%); border-color:rgba(0,150,214,0.5); color:#fff; box-shadow:0 15px 50px -20px rgba(0,0,0,0.55), 0 0 0 1px rgba(0,150,214,0.18); }
.da-mem .card.elite .desc{ color:rgba(255,255,255,0.6); }
.da-mem .card.elite h3{ color:var(--magenta); }
.da-mem .card.elite .price .pts small{ color:rgba(255,255,255,0.55); }
.da-mem .card.elite hr{ border-top-color:rgba(255,255,255,0.12); }
.da-mem .card.elite li .ck{ background:var(--magenta); color:#fff; }
.da-mem .card.elite .cbtn{ background:var(--magenta); color:#fff; box-shadow:0 6px 22px rgba(0,150,214,0.4); }
.da-mem .card .rate-row{ display:flex; align-items:center; gap:8px; }
.da-mem .card .rate-row .big{ font-weight:800; }
.da-mem /* under-cards note */
  .plans .note{ margin-top:26px; text-align:center; font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:0.16em; text-transform:uppercase; color:var(--muted); }
.da-mem .plans .note b{ color:var(--magenta); font-weight:600; }
.da-mem /* ============ FIND YOUR TIER (light) ============ */
  .finder{ padding:76px 0 10px; }
.da-mem .finder .panel{ margin:40px auto 0; max-width:820px; background:#fff; border:1px solid var(--line); border-radius:24px; padding:38px 40px 34px; }
.da-mem .finder .readout{ display:flex; align-items:baseline; justify-content:center; gap:16px; flex-wrap:wrap; }
.da-mem .finder .rpts{ font-family:'Anton',sans-serif; font-size:46px; line-height:1; }
.da-mem .finder .rpts small{ font-size:18px; color:var(--muted); letter-spacing:0.03em; }
.da-mem .finder .makes{ font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:0.16em; text-transform:uppercase; color:var(--muted); align-self:center; }
.da-mem .finder .rtier{ font-family:'Anton',sans-serif; font-size:46px; line-height:1; color:var(--magenta); text-transform:uppercase; }
.da-mem .finder input[type=range]{ -webkit-appearance:none; appearance:none; width:100%; margin-top:28px; height:6px; border-radius:9999px; background:linear-gradient(90deg, var(--magenta) var(--fill,12%), #EDEEF1 var(--fill,12%)); outline:none; cursor:pointer; }
.da-mem .finder input[type=range]::-webkit-slider-thumb{ -webkit-appearance:none; width:26px; height:26px; border-radius:50%; background:var(--magenta); border:4px solid #fff; box-shadow:0 3px 14px rgba(0,150,214,0.55), 0 0 0 1px var(--line); cursor:grab; }
.da-mem .finder input[type=range]::-moz-range-thumb{ width:22px; height:22px; border-radius:50%; background:var(--magenta); border:4px solid #fff; box-shadow:0 3px 14px rgba(0,150,214,0.55); cursor:grab; }
.da-mem /* proportional scale: ticks sit at their true positions on the linear track */
  .finder .scale{ margin-top:6px; position:relative; height:24px; font-family:'IBM Plex Mono',monospace; font-size:9px; letter-spacing:0.1em; color:rgba(19,19,21,0.4); }
.da-mem .finder .scale span{ position:absolute; top:8px; transform:translateX(-50%); white-space:nowrap; }
.da-mem .finder .scale span::before{ content:''; position:absolute; left:50%; top:-7px; width:1px; height:5px; background:rgba(19,19,21,0.25); }
.da-mem .finder .scale span:first-child{ transform:none; }
.da-mem .finder .scale span:first-child::before{ left:2px; }
.da-mem .finder .scale span:last-child{ transform:none; right:0; }
.da-mem .finder .scale span:last-child::before{ left:auto; right:2px; }
.da-mem .finder .rnext{ margin-top:22px; text-align:center; font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:0.15em; text-transform:uppercase; color:var(--muted); }
.da-mem .finder .rnext b{ color:var(--magenta); font-weight:600; }
.da-mem .finder .runlock{ margin:12px auto 0; text-align:center; font-size:13.5px; line-height:1.6; color:rgba(19,19,21,0.7); max-width:52ch; }
.da-mem .finder .fjoin{ display:block; width:fit-content; margin:20px auto 0; font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:0.16em; text-transform:uppercase; color:var(--magenta); font-weight:600; border-bottom:1px solid rgba(0,150,214,0.4); padding-bottom:3px; transition:border-color 0.25s; }
.da-mem .finder .fjoin:hover{ border-color:var(--magenta); }
.da-mem /* ============ SIGN UP WIDGET (their mirror) ============ */
  .signup{ padding:76px 0 10px; }
.da-mem .signup .box{ margin:38px auto 0; max-width:620px; background:#F6F7F9; border-radius:24px; padding:18px; }
.da-mem .signup .planrow{ background:#fff; border:1px solid var(--line); border-radius:16px; padding:18px 22px; display:flex; align-items:center; justify-content:space-between; gap:14px; }
.da-mem .signup .planrow .pl{ font-family:'IBM Plex Mono',monospace; font-size:9.5px; letter-spacing:0.18em; text-transform:uppercase; color:var(--muted); }
.da-mem .signup .planrow .pn{ margin-top:4px; font-size:15px; font-weight:700; }
.da-mem .signup .planrow .pp{ font-family:'Anton',sans-serif; font-size:26px; }
.da-mem .signup .inner{ margin-top:14px; background:#fff; border:1px solid var(--line); border-radius:16px; padding:26px 22px; text-align:center; }
.da-mem .signup .inner p{ font-size:14.5px; color:rgba(19,19,21,0.7); }
.da-mem .signup .go{ margin:16px auto 0; max-width:420px; height:52px; border-radius:9999px; background:var(--magenta); color:#fff; font-size:15px; font-weight:600; display:flex; align-items:center; justify-content:center; gap:8px; box-shadow:0 6px 22px rgba(0,150,214,0.35); transition:transform 0.2s, box-shadow 0.2s; }
.da-mem .signup .go:hover{ transform:translateY(-2px); box-shadow:0 10px 30px rgba(0,150,214,0.45); }
.da-mem .signup .micro{ margin-top:12px; font-size:12px; color:var(--muted); }
.da-mem .signup .micro b{ color:var(--magenta); font-weight:600; }
.da-mem /* ============ POINTS TILES (their pastels) ============ */
  .how{ padding:80px 0 10px; }
.da-mem .tiles{ margin-top:44px; display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:24px; }
.da-mem .tile{ border-radius:24px; padding:32px; }
.da-mem .tile.blush{ background:var(--blush); }
.da-mem .tile.lilac{ background:var(--lilac); }
.da-mem .tile.mint{ background:var(--mint); }
.da-mem .tile .tk{ font-family:'IBM Plex Mono',monospace; font-size:10px; letter-spacing:0.2em; text-transform:uppercase; color:rgba(19,19,21,0.55); }
.da-mem .tile h3{ margin-top:10px; font-size:20px; font-weight:800; letter-spacing:-0.02em; }
.da-mem .tile p{ margin-top:10px; font-size:14px; line-height:1.62; color:rgba(19,19,21,0.68); }
.da-mem .tile b{ color:var(--ink); }
.da-mem /* ============ FAQ (light) ============ */
  .faq{ padding:80px 24px 20px; max-width:808px; margin:0 auto; }
.da-mem .qa{ margin-top:38px; border-top:1px solid #EDEEF1; }
.da-mem details{ border-bottom:1px solid #EDEEF1; }
.da-mem summary{ cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:20px; padding:20px 4px; font-size:15.5px; font-weight:700; }
.da-mem summary::-webkit-details-marker{ display:none; }
.da-mem summary .pm{ color:var(--magenta); font-family:'IBM Plex Mono',monospace; font-size:16px; flex:0 0 auto; transition:transform 0.25s; }
.da-mem details[open] summary .pm{ transform:rotate(45deg); }
.da-mem details p{ padding:0 4px 20px; font-size:14px; line-height:1.7; color:rgba(19,19,21,0.65); max-width:66ch; }
.da-mem /* ============ FINAL DARK BAND ============ */
  .final{ margin-top:64px; position:relative; background:var(--bg-dark); color:#fff; padding:72px 24px 84px; text-align:center; overflow:hidden; }
.da-mem .final .smoke{ position:absolute; inset:0; background:radial-gradient(ellipse 85% 70% at 30% 100%, rgba(0,150,214,0.28), transparent 70%), radial-gradient(ellipse 70% 55% at 80% 100%, rgba(0,150,214,0.2), transparent 72%); opacity:0.8; pointer-events:none; -webkit-mask-image:linear-gradient(180deg, transparent, #0e0030 45%); mask-image:linear-gradient(180deg, transparent, #0e0030 45%); }
.da-mem .final h2{ position:relative; font-size:clamp(36px, 4.4vw, 62px); color:#fff; }
.da-mem .final h2 .period{ color:var(--magenta); }
.da-mem .final p{ position:relative; margin:14px auto 0; font-size:15px; line-height:1.65; color:#C7C7CE; max-width:52ch; }
.da-mem .final .go{ position:relative; margin:26px auto 0; display:inline-flex; height:56px; padding:0 44px; border-radius:9999px; background:var(--magenta); color:#fff; font-size:15px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; align-items:center; gap:10px; box-shadow:0 0 0 1px rgba(0,150,214,0.35), 0 6px 30px rgba(0,150,214,0.4); transition:transform 0.2s, box-shadow 0.2s; }
.da-mem .final .go:hover{ transform:translateY(-2px); box-shadow:0 0 0 1px rgba(0,150,214,0.5), 0 10px 44px rgba(0,150,214,0.5); }
.da-mem .final .ruo{ position:relative; margin-top:46px; font-family:'IBM Plex Mono',monospace; font-size:9.5px; letter-spacing:0.16em; text-transform:uppercase; color:rgba(255,255,255,0.4); line-height:2; }

  @media (prefers-reduced-motion: reduce) {
.da-mem *, .da-mem *::before, .da-mem *::after{ animation:none !important; transition:none !important; }
.da-mem .h1 .line > span{ transform:none; }
.da-mem .hero .sub, .da-mem .hero .free-note{ opacity:1; }
.da-mem .rv{ opacity:1; transform:none; }
.da-mem .rail .bar i{ transform:scaleX(1); }
  }

  /* ============ RESPONSIVE ============ */
  @media (max-width: 1120px) {
.da-mem .grid{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
  @media (max-width: 1023px) {
.da-mem .nav{ padding:0 20px; gap:16px; height:64px; }
.da-mem .nav-links{ display:none; }
.da-mem .nav-logo img{ height:36px; }
.da-mem .announce{ font-size:9px; }
.da-mem .hero{ padding:48px 20px 44px; }
.da-mem .h1{ font-size:clamp(42px, 10.4vw, 56px); }
.da-mem .hero .sub{ font-size:15px; }
.da-mem .rail{ margin-top:42px; }
.da-mem .rail .nname{ font-size:11.5px; }
.da-mem .rail .npts{ font-size:7.5px; letter-spacing:0.05em; }
.da-mem .plans{ padding:56px 0 6px; }
.da-mem .finder{ padding:56px 0 6px; }
.da-mem .finder .panel{ padding:28px 20px 26px; }
.da-mem .finder .rpts, .da-mem .finder .rtier{ font-size:34px; }
.da-mem .signup{ padding:56px 0 6px; }
.da-mem .how{ padding:56px 0 6px; }
.da-mem .tiles{ grid-template-columns:1fr; }
.da-mem .faq{ padding:56px 20px 10px; }
.da-mem .final{ margin-top:48px; padding:56px 20px 70px; }
  }
  @media (max-width: 640px) {
.da-mem .grid{ grid-template-columns:1fr; gap:28px; }
.da-mem .card .desc{ min-height:0; } }



/* from privacy-policy,ruo,shipping-policy,terms,track-order */
header.nav .nav__brand img,.brand-logo{height:52px!important;width:auto!important}.da-logo{height:52px!important;width:auto!important}@media(max-width:880px){header.nav .nav__brand img,.brand-logo,.da-logo{height:40px!important}}
/* from product_retatrutide */

/* =====================================================================
 * DA single-product hero. Scoped under .da-pdp so it can't leak into
 * other pages. Mirrors the AminoClub-style PDP, wired to live WC data.
 * ===================================================================== */
.da-pdp{--acc:#0096d6;--ink:#18004c;--mut:#8a8088;--soft:#5f5862;--line:rgba(0,0,0,.09)}
.da-pdp .crumbs,.da-pdp .crumbs a,.da-pdp .crumbs span{color:var(--mut) !important;font-size:13px;text-decoration:none}
.da-pdp .crumbs a:hover{color:var(--acc) !important}
.da-pdp .crumbs{margin-bottom:28px;text-transform:uppercase;letter-spacing:.04em}

.da-pdp .pdp__back-to-shop{
  display:inline-flex;align-items:center;gap:8px;
  margin-bottom:20px;padding:10px 18px;
  border:1.5px solid var(--line);border-radius:999px;
  background:#fff;color:var(--ink);
  font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  text-decoration:none;cursor:pointer;transition:.15s;
}
.da-pdp .pdp__back-to-shop:hover{border-color:var(--acc);color:var(--acc)}
.da-pdp .pdp__back-to-shop svg{width:14px;height:14px;flex:0 0 auto}

.da-pdp .pdp{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:start}
@media (max-width:900px){.da-pdp .pdp{grid-template-columns:1fr;gap:28px}}

.da-pdp .pdp__stage{position:sticky;top:24px}
@media (max-width:900px){.da-pdp .pdp__stage{position:static}}
.da-pdp .pdp__media{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;
  display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;padding:32px;
  background:radial-gradient(120% 120% at 50% 0,rgba(0,150,214,.12),#fff 64%)}
.da-pdp .pdp__media img{max-width:80%;max-height:80%;width:auto;height:auto;object-fit:contain}
.da-pdp .pdp__thumbs{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.da-pdp .pdp .pdp__stage .pdp__thumb{width:100px;height:100px;border:1px solid var(--line);border-radius:0px !important;overflow:hidden;
  background:#fff;cursor:pointer;padding:0px !important;transition:.15s}
.da-pdp .pdp__thumb.is-active,.da-pdp .pdp__thumb:hover{border-color:var(--acc)}
.da-pdp .pdp__thumb img{width:100%;height:100%;object-fit:contain}

.da-pdp .pdp__cat{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--acc)}
.da-pdp .pdp__title{font-size:32px;line-height:1.12;font-weight:700;color:var(--ink);margin:10px 0 0}
.da-pdp .pdp__rating{display:inline-flex;align-items:center;gap:8px;margin-top:8px;color:#f5a623;font-size:14px;letter-spacing:.04em}
.da-pdp .pdp__rating .dot{width:8px;height:8px;border-radius:50%;background:var(--acc)}
.da-pdp .pdp__rating span{color:var(--soft);font-weight:600}

.da-pdp .pdp__price-row{margin:18px 0 0;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.da-pdp .pdp__price-now{font-size:28px;font-weight:700;color:var(--ink)}
.da-pdp .pdp__price-was{font-size:16px;color:var(--mut);text-decoration:line-through}
.da-pdp .pdp__price-save{font-size:14px;color:var(--soft)}
.da-pdp .pdp__price-row del{color:var(--mut)}
.da-pdp .pdp__price-row .woocommerce-Price-amount{font-weight:inherit}

/* perk pills under the price: loyalty points + kit upsell */
.da-pdp .pdp__perks{display:grid;gap:10px;margin:18px 0 0}
.da-pdp .pdp__perk{display:flex;align-items:center;gap:12px;width:100%;
  padding:12px 18px;border:1px solid rgba(0,150,214,.22);border-radius:999px;
  background:rgba(0,150,214,.05);color:var(--ink);
  font-size:14px;font-weight:600;line-height:1.3;text-decoration:none;transition:.15s}
.da-pdp a.pdp__perk:hover{border-color:var(--acc);background:rgba(0,150,214,.09)}
.da-pdp .pdp__perk-ico{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--acc)}
.da-pdp .pdp__perk--kit .pdp__perk-ico{width:34px;height:34px;border-radius:10px;background:rgba(0,150,214,.12)}
.da-pdp .pdp__perk-ico svg{width:18px;height:18px}
.da-pdp .pdp__perk-arrow{width:15px;height:15px;margin-left:auto;color:var(--acc);flex:0 0 auto}
.da-pdp .pdp__perk strong{font-weight:800}
@media (max-width:480px){.da-pdp .pdp__perk{font-size:13px;padding:11px 14px;gap:10px}}

.da-pdp .pdp__desc{font-size:14.5px;line-height:1.6;color:var(--soft);margin:16px 0 0;max-width:54ch}
.da-pdp .pdp__desc p{margin:0 0 10px}

.da-pdp .pdp__opts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0 0}
.da-pdp .pdp__opt{display:flex;justify-content:space-between;align-items:center;gap:10px;
  border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;cursor:pointer;background:#fff;transition:.15s}
.da-pdp .pdp__opt:hover{border-color:rgba(0,150,214,.5)}
.da-pdp .pdp__opt.is-active{border-color:var(--acc);background:rgba(0,150,214,.05)}
.da-pdp .pdp__opt.is-oos{opacity:.5;cursor:not-allowed}
.da-pdp .pdp__opt-label{font-size:13.5px;font-weight:600;color:var(--ink)}
.da-pdp .pdp__opt-price{font-size:13px;color:var(--mut)}

.da-pdp .pdp__add{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0 0}
.da-pdp .pdp__qty{display:inline-flex; padding:5px;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:#fff}
.da-pdp .pdp .pdp__qty button{width:40px;height:40px; padding:0 !important; border:0;background:transparent;font-size:18px;color:var(--ink);cursor:pointer}
.da-pdp .pdp__qty button:hover{color:var(--acc)}
.da-pdp .pdp__qty input{border:0 none !important; background-color:transparent !important;flex:1;width:70px !important;height:48px;border:0;text-align:center;font-size:15px;color:var(--ink);background:transparent;-moz-appearance:textfield}
.da-pdp .pdp__qty input::-webkit-outer-spin-button,.da-pdp .pdp__qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.da-pdp .single_add_to_cart_button{flex:1;min-width:170px;height:50px;border:0;border-radius:999px;background:var(--acc);color:#fff;
  font-size:13.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;
  box-shadow:0 10px 24px -10px rgba(0,150,214,.7);transition:.15s}
.da-pdp .single_add_to_cart_button:hover{filter:brightness(1.05);box-shadow:0 12px 28px -10px rgba(0,150,214,.85)}
.da-pdp .single_add_to_cart_button[disabled]{background:#cfc7cd;box-shadow:none;cursor:not-allowed}
.da-pdp .pdp__coa{height:50px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border-radius:999px;
  border:1px solid var(--line);background:#fff;color:var(--ink);font-size:13px;font-weight:600;text-decoration:none;transition:.15s}
.da-pdp .pdp__coa:hover{border-color:var(--acc);color:var(--acc)}

.da-pdp__trust{display:flex;flex-wrap:wrap;gap:18px 22px;margin:20px 0 0;padding:16px 0 0;border-top:1px solid var(--line)}
.da-pdp__trust span{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--soft);font-weight:500}
.da-pdp__trust svg{width:16px;height:16px;color:var(--acc);flex:0 0 auto}

.da-pdp .pdp__longdesc{max-width:72ch;font-size:15px;line-height:1.7;color:var(--soft)}
.da-pdp .pdp__longdesc p{margin:0 0 14px}
.da-pdp .pdp__longdesc h2,.da-pdp .pdp__longdesc h3,.da-pdp .pdp__longdesc h4{color:var(--ink);margin:22px 0 10px}
.da-pdp .pdp__longdesc ul,.da-pdp .pdp__longdesc ol{margin:0 0 14px;padding-left:20px}
.da-pdp .pdp__longdesc li{margin:0 0 6px}
.da-pdp .pdp__longdesc a{color:var(--acc)}
.da-pdp .pdp__longdesc img{max-width:100%;height:auto;border-radius:12px}

.da-pdp .shead .kicker{color:var(--acc) !important}
.da-pdp .h-block{color:var(--ink)}
.da-pdp .info-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}
.da-pdp .info-card__icon{color:var(--acc)}
.da-pdp .info-card__title{color:var(--ink)}
.da-pdp .info-card__desc{color:var(--soft)}

/* keep WC's own notices readable inside the shell */
.da-pdp .woocommerce-notices-wrapper{margin:0 0 18px}
.dr-pdp-btn{margin-bottom:20px;}



/* from product_retatrutide */

		
			:root {
				--rtwpvg-thumbnail-gap: 0px;
				--rtwpvg-gallery-margin-bottom: 30px;
			}
							.rtwpvg-images .rtwpvg-wrapper.loading-rtwpvg::after {
					background: url('https://disguisedalpha.com/wp-content/plugins/woo-product-variation-gallery/assets/images/ajax-loader.gif') no-repeat center center;;
				}
						/* Large Screen / Default Width */
			.rtwpvg-images {
				max-width: 90%;
				width: 100%;
				float: none;
			}

			/* MD, Desktops */
			
			/* SM Devices, Tablets */
						@media only screen and (max-width: 768px) {
				.rtwpvg-images {
					max-width: 100% !important;
				}
			}

			
			/* XSM Devices, Phones */
						@media only screen and (max-width: 480px) {
				.rtwpvg-images {
					max-width: 100% !important;
				}
			}
			
					
		
/*# sourceURL=rtwpvg-inline-css */



/* from product_retatrutide */

/* =============================================================
 * ≤ 768px — phones + small tablets
 * ============================================================= */
@media (max-width: 768px) {

  /* Hard override: stack gallery + summary, beat any inline/cascade
     rule that's still trying to draw two columns on mobile. */
  body.dr-single-product .dr-wc-shell .product,
  body.dr-single-product .dr-wc-shell--single .product,
  body.single-product .dr-wc-shell .product {
    display: block !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  body.dr-single-product .dr-wc-shell .product > .woocommerce-product-gallery,
  body.dr-single-product .dr-wc-shell .product > .images,
  body.dr-single-product .dr-wc-shell .product > .summary,
  body.dr-single-product .dr-wc-shell .product > .summary.entry-summary {
    grid-column: 1 / 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
  }

  /* GALLERY RULES INTENTIONALLY OMITTED.
   * Earlier revisions of this file forced width/height on the WC
   * flexslider gallery elements (.flex-viewport, .gallery__image,
   * .gallery img) which collided with flexslider's inline width/height
   * sizing and caused the active slide to go blank on COA thumbnail
   * click. Stock WC gallery CSS works correctly without our help —
   * leave it alone. */

  /* Summary typography */
  body.dr-single-product .product_title,
  body.dr-single-product .summary h1.product_title {
    font-size: 24px !important;
    line-height: 1.15 !important;
    margin: 4px 0 10px !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }
  body.dr-single-product .summary .price,
  body.dr-single-product .summary .price .amount {
    font-size: 22px !important;
  }
  body.dr-single-product .summary .woocommerce-product-rating {
    font-size: 13px !important;
    margin-bottom: 8px !important;
  }

  /* Bulk pricing cards: keep readable on phones — 2-up rather than
     squished tabs, BEST VALUE row goes full width. */
  body.dr-single-product .wdr_pricing_bar,
  body.dr-single-product .awdr-pricing-bar,
  body.dr-single-product .wdr-pricing-bar {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
  body.dr-single-product .wdr_pricing_bar .wdr_quantity_table_th,
  body.dr-single-product .wdr_pricing_bar td,
  body.dr-single-product .awdr-pricing-bar td {
    padding: 8px !important;
    font-size: 12px !important;
  }

  /* Add-to-cart row — full width button, sane spacing */
  body.dr-single-product form.cart {
    flex-direction: column !important;
    gap: 10px !important;
    align-items: stretch !important;
  }
  body.dr-single-product form.cart .quantity {
    margin: 0 !important;
  }
  body.dr-single-product form.cart .single_add_to_cart_button {
    width: 100% !important;
    padding: 14px 16px !important;
    font-size: 15px !important;
  }

  /* Loyalty "Purchase & earn" row — pull the eye-burning lime down */
  body.dr-single-product .wlr_messages,
  body.dr-single-product .wlr_message,
  body.dr-single-product .wlr-msg {
    font-size: 13px !important;
    padding: 8px 10px !important;
    margin: 6px 0 12px !important;
  }

  /* RUO disclaimer band: keep but tighter */
  body.dr-single-product .sp-ruo-disclaimer-product-top {
    font-size: 12px !important;
    line-height: 1.45 !important;
    padding: 10px 12px !important;
    margin-bottom: 14px !important;
  }

  /* Tabs (Description / Reviews) — full width, no horizontal squeeze */
  body.dr-single-product .woocommerce-tabs ul.tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    padding: 0 !important;
  }
  body.dr-single-product .woocommerce-tabs ul.tabs li {
    flex: 1 1 auto !important;
    margin: 0 !important;
  }
  body.dr-single-product .woocommerce-tabs ul.tabs li a {
    padding: 10px 12px !important;
    font-size: 13px !important;
  }

  /* Related/Upsell carousels: 2-up, not 4-up */
  body.dr-single-product .related ul.products,
  body.dr-single-product .upsells ul.products {
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
  }
  body.dr-single-product .related ul.products li.product,
  body.dr-single-product .upsells ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
  }

  /* Section padding tighten so we don't waste viewport */
  body.dr-single-product .dr-wc-shell--single,
  body.dr-single-product .section.section--tight {
    padding-top: 16px !important;
    padding-bottom: 24px !important;
  }
  body.dr-single-product .dr-wc-shell .wrap {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  /* Push the floating drnc search button below nav-action row instead
     of overlapping the title on narrow screens. */
  .drnc-search-btn {
    width: 34px !important;
    height: 34px !important;
  }
}

/* =============================================================
 * ≤ 480px — tightest phones
 * ============================================================= */
@media (max-width: 480px) {
  body.dr-single-product .product_title,
  body.dr-single-product .summary h1.product_title {
    font-size: 22px !important;
  }
  body.dr-single-product .related ul.products,
  body.dr-single-product .upsells ul.products {
    grid-template-columns: 1fr !important;
  }
}



/* from product_retatrutide */

  .we-accept{
    margin:20px 0;
    
  }
  .we-accept h4{
    margin:0;
    text-align:left;
  }
  .we-accept img{
  margin:15px 0;
  max-width:350px;
  width:100%;
  height:auto;
  }
  .we-accept a{}
  .pcard__media{
background:radial-gradient(120% 120% at 50% 0,rgba(0,150,214,.12),#fff 64%);
}
  


/* from product_retatrutide */

.da-hidden-seo-description{max-width:980px;margin:0 auto;padding:34px 24px;color:#0e0030;background:#fff;font-family:inherit}<br />.da-seo-hero{padding:30px;border-radius:30px;border:1px solid rgba(0,0,0,.08);background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.055)}<br />.da-seo-pill{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(0,150,214,.08);border:1px solid rgba(0,150,214,.16);color:#0096d6;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px}<br />.da-hidden-seo-description h2{margin:0;font-size:42px;line-height:1;letter-spacing:-.055em;font-weight:950}<br />.da-hidden-seo-description h3{margin:28px 0 10px;font-size:24px;letter-spacing:-.035em;font-weight:950}<br />.da-hidden-seo-description h4{margin:18px 0 6px;font-size:17px;font-weight:900}<br />.da-hidden-seo-description p{margin:0;color:rgba(0,0,0,.65);font-size:15px;line-height:1.75}<br />.da-seo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}<br />.da-seo-card{padding:16px;border-radius:18px;background:#fafafa;border:1px solid rgba(0,0,0,.06)}<br />.da-seo-card strong{display:block;color:#0096d6;font-size:10px;text-transform:uppercase;letter-spacing:.09em;margin-bottom:6px}<br />.da-seo-card span{display:block;font-size:13px;line-height:1.35;color:#160a3d;font-weight:750}<br />.da-seo-faq{margin-top:24px;padding:24px;border-radius:26px;background:#0e0030;color:#fff}<br />.da-seo-faq h3,.da-seo-faq h4{color:#fff}<br />.da-seo-faq p{color:rgba(255,255,255,.74)}<br />@media(max-width:760px){.da-seo-grid{grid-template-columns:1fr}.da-hidden-seo-description h2{font-size:32px}}<br />


/* from product_retatrutide */

	.drps-section{ padding:clamp(40px,6vw,72px) 0; background:#FAFAFB; border-top:1px solid rgba(24,0,76,0.08); font-family:'Inter',system-ui,sans-serif; }
	.drps-wrap{ max-width:1100px; margin:0 auto; padding:0 32px; box-sizing:border-box; }
	@media(max-width:600px){ .drps-wrap{ padding:0 18px; } }
	.drps-head{ display:flex; align-items:flex-start; gap:16px; margin:0 0 22px; }
	.drps-head__icon{ width:48px; height:48px; flex:none; border-radius:13px; background:rgba(0,150,214,0.10); border:1px solid rgba(0,150,214,0.18); display:flex; align-items:center; justify-content:center; }
	.drps-head__icon svg{ width:22px; height:22px; color:#0096d6; }
	.drps-head__title{ font-family:'Anton','Inter',sans-serif; font-weight:400; font-size:clamp(22px,2.6vw,30px); line-height:1.05; text-transform:uppercase; letter-spacing:.3px; margin:0 0 4px; color:#18004c; }
	.drps-head__sub{ font:500 13.5px/1.5 'Inter',sans-serif; color:rgba(24,0,76,0.58); margin:0; max-width:520px; }
	.drps-table{ width:100%; border-collapse:collapse; border:1px solid rgba(24,0,76,0.08); border-radius:14px; overflow:hidden; background:#FFF; }
	.drps-table tr{ border-bottom:1px solid rgba(24,0,76,0.06); }
	.drps-table tr:last-child{ border-bottom:none; }
	.drps-table th{ text-align:left; width:38%; padding:13px 18px; background:rgba(24,0,76,0.025); font-size:12.5px; font-weight:800; letter-spacing:.5px; text-transform:uppercase; color:#18004c; vertical-align:top; }
	.drps-table td{ padding:13px 18px; font-size:15px; color:rgba(24,0,76,0.8); }
	.drps-note{ margin:14px 4px 0; font-size:12.5px; color:rgba(24,0,76,0.5); line-height:1.55; }
	@media(max-width:600px){
	  .drps-table th{ width:46%; padding:10px 12px; font-size:11.5px; }
	  .drps-table td{ padding:10px 12px; font-size:13.5px; }
	}
	


/* from product_retatrutide */

	.drr-section{
		padding: clamp(48px,7vw,90px) 0;
		background:#fff;
		border-top:1px solid rgba(24,0,76,.08);
		font-family:'Inter',system-ui,-apple-system,sans-serif;
	}
	.drr-wrap{ max-width:1240px; margin:0 auto; padding:0 32px; box-sizing:border-box; }
	@media (max-width:600px){ .drr-wrap{ padding:0 18px; } }

	.drr-head{ display:flex; align-items:flex-start; gap:18px; margin:0 0 32px; }
	.drr-head__icon{
		width:54px; height:54px; flex:none; border-radius:15px;
		background:rgba(0,150,214,.10);
		border:1px solid rgba(0,150,214,.18);
		display:flex; align-items:center; justify-content:center;
	}
	.drr-head__icon svg{ width:25px; height:25px; color:#0096d6; }
	.drr-head__text{ min-width:0; }
	.drr-head__title{
		font-family:'Anton','Inter',sans-serif; font-weight:400;
		text-transform:uppercase;
		font-size:clamp(27px,3.5vw,42px); line-height:1.03;
		letter-spacing:.4px; margin:0 0 6px; color:#18004c;
	}
	.drr-head__sub{
		font:500 15px/1.55 'Inter',sans-serif;
		color:rgba(24,0,76,.58); margin:0; max-width:560px;
	}

	/* 4-up grid; cards stretch to equal height. Cards are theme .pcard. */
	.drr-grid{
		display:grid; grid-template-columns:repeat(4,1fr);
		gap:22px; align-items:stretch;
		margin:0; padding:0; list-style:none;
	}
	.pcard__media img{
		animation:none;
	}
	.pcard__starting{
        font-size:14px;
      }
	.pcard__body{
        justify-content:space-between;
      }
      .pcard__up_price{
        margin-bottom:10px;
      }
      .pcard__hf{
        display:flex;
        flex-direction:column;
      }
	@media (max-width:1024px){ .drr-grid{ grid-template-columns:repeat(2,1fr); } }
	@media (max-width:480px){ .drr-grid{ gap:14px; } }
	


/* from product_retatrutide */

/* REMOVE DUPLICATE AFFIRM PDP BOXES */
.single-product .affirm-as-low-as:not(:first-of-type),
.single-product .da-affirm-box:not(:first-of-type),
.single-product [id="learn-more"]:not(:first-of-type){
    display:none!important;
}

/* Make the remaining Affirm box cleaner */
.single-product .affirm-as-low-as,
.single-product #learn-more{
    margin-top:14px!important;
    margin-bottom:0!important;
}

/* If duplicated inside product summary, hide extra card-style wrappers */
.single-product .summary .affirm-as-low-as + .affirm-as-low-as,
.single-product .summary #learn-more + #learn-more{
    display:none!important;
}



/* from product_retatrutide */

.single-product .da-premium-purchase-box{
  margin:22px 0 28px!important;
  padding:22px!important;
  border:1px solid rgba(0,150,214,.14);
  border-radius:28px;
  background:
    radial-gradient(circle at top right, rgba(0,150,214,.10), transparent 36%),
    linear-gradient(180deg,#fff,#f8fdff);
  box-shadow:0 24px 72px rgba(17,17,17,.075);
  animation:daRiseIn .55s ease both;
}
.woocommerce div.product form.cart .button {
    vertical-align: middle;
    float: left;
    margin-left: 10px;
}
@keyframes daRiseIn{
  from{opacity:0;transform:translateY(18px) scale(.985);}
  to{opacity:1;transform:translateY(0) scale(1);}
}

.single-product .da-premium-purchase-box:hover{
  transform:translateY(-2px);
  box-shadow:0 30px 90px rgba(0,150,214,.13);
  transition:.25s ease;
}

.single-product .da-premium-purchase-box .stock{
  display:inline-flex!important;
  align-items:center;
  gap:9px;
  margin:0 0 18px!important;
  padding:10px 16px!important;
  border-radius:999px;
  background:linear-gradient(135deg,#ecfff4,#ffffff);
  border:1px solid rgba(22,163,74,.24);
  color:#12843f!important;
  font-size:13px!important;
  font-weight:950!important;
  letter-spacing:.04em;
  text-transform:uppercase;
  box-shadow:0 12px 30px rgba(22,163,74,.10);
  animation:daSoftPulse 2.4s ease-in-out infinite;
}

.single-product .da-premium-purchase-box .stock:before{
  content:"✓";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:19px;
  height:19px;
  border-radius:50%;
  background:#16a34a;
  color:#fff;
  font-size:12px;
  font-weight:900;
}

@keyframes daSoftPulse{
  0%,100%{box-shadow:0 12px 30px rgba(22,163,74,.10);}
  50%{box-shadow:0 14px 38px rgba(22,163,74,.22);}
}

.single-product .da-premium-purchase-box form.cart{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  margin:0!important;
  padding:0!important;
  flex-wrap:wrap;
}

.single-product .da-premium-purchase-box .quantity input.qty{
  width:88px!important;
  height:58px!important;
  border-radius:18px!important;
  border:1px solid rgba(17,17,17,.10)!important;
  background:#fff!important;
  color:#160a3d!important;
  font-size:22px!important;
  font-weight:950!important;
  text-align:center!important;
  box-shadow:0 12px 30px rgba(17,17,17,.06)!important;
}

.single-product .da-premium-purchase-box button.single_add_to_cart_button{
  min-height:58px!important;
  padding:0 42px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#0096d6,#1ab6e6)!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:950!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  border:none!important;
  box-shadow:0 18px 42px rgba(0,150,214,.28)!important;
  transition:all .22s ease!important;
  animation:daButtonGlow 2.7s ease-in-out infinite;
}

.single-product .da-premium-purchase-box button.single_add_to_cart_button:hover{
  transform:translateY(-2px) scale(1.015);
  box-shadow:0 25px 58px rgba(0,150,214,.38)!important;
}

@keyframes daButtonGlow{
  0%,100%{box-shadow:0 18px 42px rgba(0,150,214,.25);}
  50%{box-shadow:0 22px 55px rgba(0,150,214,.42);}
}

@media (max-width: 767px) {
    .woocommerce div.product form.cart table.variations,
    .woocommerce div.product form.cart table.variations tbody,
    .woocommerce div.product form.cart table.variations tr,
    .woocommerce div.product form.cart table.variations th,
    .woocommerce div.product form.cart table.variations td {
        display: block;
        width: 100%;
    }

    .woocommerce div.product form.cart table.variations th.label {
        padding-bottom: 8px;
        text-align: left;
    }

    .woocommerce div.product form.cart table.variations td.value {
        padding: 0;
    }

    .woocommerce div.product form.cart table.variations select {
        width: 100%;
        max-width: 100%;
    }

    .woocommerce div.product form.cart table.variations .reset_variations {
        display: inline-block;
        margin-top: 8px;
    }
}
							 
// @media(max-width:768px){
//   .single-product .da-premium-purchase-box form.cart{
//     display:grid!important;
//     grid-template-columns:82px 1fr;
//   }

//   .single-product .da-premium-purchase-box .quantity input.qty{
//     width:82px!important;
//   }

//   .single-product .da-premium-purchase-box button.single_add_to_cart_button{
//     width:100%!important;
//     padding:0 18px!important;
//   }
// }
@media(max-width:767px){
single-product div.product .summary{
padding:10px !important;
}

.single-product .da-premium-purchase-box form{
display:flex;
}
.single-product .da-premium-purchase-box form .quantity{
float:none;
width:100%;!important;
}
.single-product .da-premium-purchase-box form .quantity input{
width:100%; !important;
}
	.single-product form.cart .quantity input.qty {
    width: 100% !important;
	}
}



/* from product_retatrutide */
.da-image-popup{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.9);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:99999;
    cursor:zoom-out;
}

.da-image-popup.is-open{
    display:flex;
}

.da-image-popup img{
    max-width:90vw;
    max-height:90vh;
    object-fit:contain;
}

.da-popup-close{
    position:absolute;
    top:20px;
    right:30px;
    color:#fff;
    font-size:40px;
    cursor:pointer;
    line-height:1;
}

.pdp__media{
    position:relative;
}

.dr-single-product section .pdp .pdp__media button.da-image-zoom-btn{
    position:absolute;
    top:16px;
    right:16px;
    width:44px;
    height:44px;
    border:0;
    border-radius:50%;
    background:rgba(255,255,255,.95) !important;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    box-shadow:0 6px 20px rgba(0,0,0,.15);
    transition:.2s;
    z-index:10;
    padding:0 !important
}

.da-image-zoom-btn:hover{
    transform:scale(1.08);
    background:#fff;
}

.da-image-zoom-btn svg{
    width:20px;
    height:20px;
    stroke:#160a3d;
}



/* from product_retatrutide */

body.dr-single-product{--mag:#0096d6;--magtxt:#0077b6;--ink:#16003f;--line:#ececf1;background:#fff;}
/* strip noise */
body.dr-single-product .sp-ruo-disclaimer-product-top,
body.dr-single-product .sscd,
body.dr-single-product .we-accept,
body.dr-single-product .affirm-as-low-as,
body.dr-single-product .da-pdp__trust,
body.dr-single-product .pdp__rating,
body.dr-single-product .da-pdp.section--soft{display:none!important;}
/* the stuffed long-form content moves to the Research Hub behind "Learn more" */
body.dr-single-product .pdp__longdesc,
body.dr-single-product .drps-section,
body.dr-single-product .shead{display:none!important;}
body.dr-single-product .da-pdp.dr-wc-shell--single{padding:34px 0 40px;}
body.dr-single-product .da-pdp .wrap{max-width:1120px;}
body.dr-single-product .da-pdp .wrap>nav,
body.dr-single-product .da-pdp .breadcrumb,
body.dr-single-product .da-pdp .woocommerce-breadcrumb{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#9a9aa6;margin-bottom:18px;}
/* grid */
body.dr-single-product .da-pdp .pdp{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:56px;align-items:start;}
body.dr-single-product .da-pdp .pdp>*{min-width:0;}
@media(max-width:900px){body.dr-single-product .da-pdp .pdp{grid-template-columns:1fr;gap:26px;}body.dr-single-product .pdp__stage{position:static!important;}}
/* gallery — LIGHT stage, matches shop catalog card (product images are transparent) */
body.dr-single-product .pdp__stage{position:sticky;top:24px;}
body.dr-single-product .pdp__media{position:relative;background:radial-gradient(120% 120% at 50% 0,rgba(0,150,214,.12),#fff 64%);border:1px solid rgba(17,17,17,.08);border-radius:22px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:30px;box-shadow:0 18px 44px -30px rgba(17,17,17,.20);overflow:hidden;}
body.dr-single-product .pdp__media::after{content:none;}
body.dr-single-product .pdp__media img{position:relative;z-index:1;max-width:82%;max-height:90%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(17,17,17,.16));}
body.dr-single-product .pdp__thumbs{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px;}
@media(max-width:560px){body.dr-single-product .pdp__thumbs{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:4px;}}
body.dr-single-product .pdp__stage button.pdp__thumb{width:58px;height:58px;min-width:44px;min-height:44px;border-radius:12px;border:1.5px solid #eaeaf0;background:radial-gradient(120% 120% at 50% 0,#e4f8ff,#fff 64%) center/cover no-repeat!important;background-color:#fff!important;padding:0;overflow:hidden;cursor:pointer;transition:.18s;scroll-snap-align:start;flex:0 0 auto;}
body.dr-single-product .pdp__thumb img{width:100%;height:100%;object-fit:cover;}
body.dr-single-product .pdp__thumb.is-active,body.dr-single-product .pdp__thumb:hover{border-color:var(--mag);box-shadow:0 0 0 3px rgba(0,150,214,.14);}
/* info */
body.dr-single-product .pdp__cat{font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--magtxt);margin:0 0 10px;}
body.dr-single-product .pdp__title{font-family:'Inter',system-ui,sans-serif;font-size:clamp(30px,3.3vw,44px);font-weight:700;letter-spacing:-.02em;line-height:1.04;color:var(--ink);margin:0 0 12px;text-wrap:balance;}
body.dr-single-product .pdp__price-row{margin:0 0 18px;padding:0 0 20px;border-bottom:1px solid var(--line);}
body.dr-single-product .pdp__price-now,body.dr-single-product .pdp__price-now .amount{font-size:29px;font-weight:700;color:var(--ink);letter-spacing:-.01em;}
/* injected trust strip (replaces fake rating) */
.pdpx-trustline{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 16px;font-size:13px;font-weight:600;color:#41414d;}
.pdpx-trustline .s{width:4px;height:4px;border-radius:50%;background:var(--mag);display:inline-block;}
/* injected stock line */
.pdpx-stock{display:flex;align-items:center;gap:9px;margin:0 0 18px;font-size:14px;font-weight:600;}
.pdpx-stock .d{width:9px;height:9px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.16);}
.pdpx-stock.oos{color:#8a8a94;}
.pdpx-stock.oos .d{background:#b6b6c0;box-shadow:none;}
.pdpx-stock .ok{color:#158a45;}
/* variations */
body.dr-single-product form.cart.da-pdp__cart{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:16px!important;margin:0!important;}
body.dr-single-product .pdp__opts{grid-template-columns:1fr 1fr!important;display:grid!important;gap:11px!important;width:100%!important;margin:0!important;}
body.dr-single-product .pdp__opt{position:relative;display:flex;flex-direction:column;gap:3px;align-items:flex-start;justify-content:center;padding:13px 16px;border:1.5px solid #e7e7ee;border-radius:14px;background:#fff;cursor:pointer;transition:.16s;text-align:left;font-family:inherit;min-height:60px;}
body.dr-single-product .pdp__opt>*{pointer-events:none;}
body.dr-single-product .pdp__opt strong,body.dr-single-product .pdp__opt b,body.dr-single-product .pdp__opt .pdp__opt-name{font-size:15px;font-weight:700;color:#1a0550;}
body.dr-single-product .pdp__opt small,body.dr-single-product .pdp__opt .pdp__opt-price{font-size:13px;color:#595966;font-weight:600;}
body.dr-single-product .pdp__opt:hover{border-color:#8fe0f4;}
body.dr-single-product .pdp__opt.is-active,body.dr-single-product .pdp__opt.is-selected,body.dr-single-product .pdp__opt.selected{border-color:var(--mag);background:#f4fcff;box-shadow:0 0 0 3px rgba(0,150,214,.10);}
body.dr-single-product .pdp__opt.is-active strong,body.dr-single-product .pdp__opt.is-selected strong,body.dr-single-product .pdp__opt.selected strong{color:var(--magtxt);}
/* selected corner check (non-color-only) */
body.dr-single-product .pdp__opt.is-active::after,body.dr-single-product .pdp__opt.is-selected::after,body.dr-single-product .pdp__opt.selected::after{content:"";position:absolute;top:9px;right:9px;width:16px;height:16px;border-radius:50%;background:var(--mag) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4 10.5l4 4 8-9' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat;}
/* out of stock variant */
body.dr-single-product .pdp__opt.is-oos{opacity:1!important;cursor:not-allowed;pointer-events:none;background:repeating-linear-gradient(135deg,#f7f7fa,#f7f7fa 7px,#f1f1f5 7px,#f1f1f5 14px);border-color:#e9e9ef;}
body.dr-single-product .pdp__opt.is-oos strong{color:#8a8a94;}
body.dr-single-product .pdp__opt.is-oos small{text-decoration:line-through;color:#a6a6b0;}
body.dr-single-product .pdp__opt.is-oos::after{content:"SOLD OUT";position:absolute;top:8px;right:8px;background:#fff;border:1px solid #e6e6ec;border-radius:6px;padding:2px 6px;font-size:8.5px;font-weight:700;letter-spacing:.06em;color:#8a8a94;}
/* qty — quiet outline pill + add */
body.dr-single-product .pdp__add{display:flex!important;flex-direction:row!important;gap:12px!important;width:100%!important;align-items:stretch!important;}
body.dr-single-product .pdp__qty{flex:0 0 auto!important;display:inline-flex;align-items:center;border:1.5px solid #e6e6ec!important;border-radius:12px;background:#fff!important;overflow:hidden;}
body.dr-single-product .pdp__qty button,body.dr-single-product .pdp__qty .qbtn{width:46px!important;min-width:44px;height:54px!important;border:0!important;background:#fff!important;color:#1a0b4f!important;font-size:19px;cursor:pointer;transition:.15s;}
body.dr-single-product .pdp__qty button:hover{background:#f0f8fa!important;color:var(--magtxt)!important;}
body.dr-single-product .pdp__qty input{width:40px;height:54px;border:0;text-align:center;font-size:16px;font-weight:700;color:#1a0550;background:transparent;}
body.dr-single-product .pdp__add .single_add_to_cart_button,
body.dr-single-product form.cart .single_add_to_cart_button,
body.dr-single-product .single_add_to_cart_button{flex:1 1 auto!important;height:54px!important;background:linear-gradient(176deg,#00b4e6 0%,#0096d6 100%)!important;color:#fff!important;border:0!important;border-radius:12px!important;text-transform:uppercase!important;letter-spacing:.1em!important;font-weight:700!important;font-size:14px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 22px -10px rgba(226,23,140,.55)!important;transition:.16s!important;}
body.dr-single-product .pdp__add .single_add_to_cart_button:hover,body.dr-single-product .single_add_to_cart_button:hover{transform:translateY(-1px)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 14px 26px -10px rgba(226,23,140,.62)!important;}
/* secure row + ruo line */
.pdpx-secure{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0 0;font-size:12px;color:#6b6b73;}
.pdpx-secure svg{flex:0 0 auto;}
.pdpx-secure .pay{margin-left:auto;font-weight:600;color:#8a8a94;letter-spacing:.02em;}
.pdpx-ruoline{margin:12px 0 0;font-size:11.5px;line-height:1.5;color:#7a7a84;}
/* ship line */
.pdpx-ship{display:flex;align-items:center;gap:9px;margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--line);font-size:13.5px;color:#4c4c58;font-weight:500;}
.pdpx-ship svg{flex:0 0 auto;}
.pdpx-ship b{color:#1a0550;font-weight:700;}
/* trust features */
.pdpx-feats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 0;}
.pdpx-feat{display:flex;align-items:flex-start;gap:11px;}
.pdpx-feat .ic{flex:0 0 auto;width:30px;height:30px;border-radius:9px;background:#eaf8fd;display:flex;align-items:center;justify-content:center;color:var(--magtxt);margin-top:1px;}
.pdpx-feat .ic svg{width:16px;height:16px;}
.pdpx-feat .ft{font-size:13px;line-height:1.35;color:#54545f;}
.pdpx-feat .ft b{display:block;color:#1a0550;font-weight:700;font-size:14px;margin-bottom:1px;}
@media(max-width:560px){.pdpx-feats{grid-template-columns:1fr;}}
/* whats included */
/* --- Specifications block (restores dose / concentration / size / count) --- */
.pdpx-spec{margin:22px 0 0;border:1px solid rgba(24,0,76,.10);border-radius:14px;background:#fff;overflow:hidden}
.pdpx-spec__hd{display:flex;align-items:center;gap:9px;padding:13px 18px;border-bottom:1px solid rgba(24,0,76,.08);background:rgba(24,0,76,.02)}
.pdpx-spec__hd b{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#18004c;font-weight:700}
.pdpx-spec__hd svg{width:15px;height:15px;color:#0096d6;flex:0 0 auto}
.pdpx-spec__rows{display:block;margin:0;padding:0}
.pdpx-spec__row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:11px 18px;border-bottom:1px solid rgba(24,0,76,.06)}
.pdpx-spec__row:last-child{border-bottom:0}
.pdpx-spec__k{font-size:13.5px;color:#6b6b73;font-weight:500;flex:0 1 auto}
.pdpx-spec__v{font-size:14px;color:#18004c;font-weight:700;text-align:right;flex:0 0 auto;font-variant-numeric:tabular-nums}
@media (max-width:520px){
  .pdpx-spec__row{padding:10px 14px;gap:10px}
  .pdpx-spec__k{font-size:12.5px}
  .pdpx-spec__v{font-size:13.5px; font-size:11px;}
  .pdpx-spec__rows .pdpx-spec__row:nth-child(2){flex-wrap:wrap;}
  .pdpx-spec__rows .pdpx-spec__row:nth-child(2) .pdpx-spec__v{flex:1 1 auto;}
}
.pdpx-incl{margin:18px 0 0;padding:14px 16px;background:#faf7fb;border:1px solid #f0e6ee;border-radius:12px;font-size:13px;line-height:1.5;color:#4c4c58;}
.pdpx-incl b{color:#1a0550;}
/* focus rings */
body.dr-single-product .pdp__opt:focus-visible,body.dr-single-product .pdp__thumb:focus-visible,body.dr-single-product .pdp__qty button:focus-visible,body.dr-single-product .pdpx-coa__btn:focus-visible,body.dr-single-product .pdpx-stickybar button:focus-visible{outline:3px solid var(--magtxt);outline-offset:2px;}
body.dr-single-product .single_add_to_cart_button:focus-visible{outline:0;box-shadow:0 0 0 3px #fff,0 0 0 6px var(--ink)!important;}
/* mobile sticky add-to-cart */
.pdpx-stickybar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;align-items:center;gap:12px;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(0,0,0,.09);padding:10px 16px calc(10px + env(safe-area-inset-bottom));}
.pdpx-stickybar .pr{font-size:16px;font-weight:800;color:var(--ink);}
.pdpx-stickybar button{margin-left:auto;min-height:48px;padding:0 22px;border:0;border-radius:12px;background:linear-gradient(176deg,#00b4e6,#0096d6);color:#fff;font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;}
@media(max-width:900px){.pdpx-stickybar.show{display:flex;}body.dr-single-product{padding-bottom:84px;}}



/* from product_retatrutide */

.pdpx-band{max-width:1120px;margin:0 auto;padding:0 24px;}
.pdpx-details{margin:64px auto 0;}
.pdpx-details h2{font-family:'Inter',system-ui,sans-serif;font-size:26px;font-weight:700;letter-spacing:-.01em;line-height:1.12;color:#16003f;margin:0 0 14px;text-wrap:balance;}
.pdpx-details p{font-size:15.5px;line-height:1.7;color:#4a4a55;max-width:760px;margin:0 0 12px;}
/* Learn more handoff to the Research Hub */
.pdpx-learn{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:22px 0 0;padding:22px 24px;background:linear-gradient(180deg,#fbfbfd 0%,#f5f5f9 100%);border:1px solid #ececf1;border-radius:18px;}
.pdpx-learn__txt{flex:1 1 320px;min-width:0;}
.pdpx-learn__txt b{display:block;font-size:15.5px;font-weight:700;color:#16003f;margin-bottom:4px;}
.pdpx-learn__txt span{font-size:14px;line-height:1.55;color:#6a6a76;}
.pdpx-learn__btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:12px;background:#16003f;color:#fff;font-size:13.5px;font-weight:700;letter-spacing:.03em;text-decoration:none;transition:.16s;}
.pdpx-learn__btn:hover{background:#0096d6;transform:translateY(-1px);}
@media(max-width:560px){.pdpx-learn{padding:18px;}.pdpx-learn__btn{width:100%;justify-content:center;}}
/* comparison */
.pdpx-cmp{margin:56px auto 0;}
.pdpx-cmp h2{font-family:'Inter',system-ui,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.01em;color:#16003f;margin:0 0 18px;}
.pdpx-cmp__tbl{border:1px solid #eceef3;border-radius:18px;overflow:hidden;}
.pdpx-cmp__row{display:grid;grid-template-columns:1.4fr 1fr 1fr;align-items:center;border-bottom:1px solid #f1f1f5;}
.pdpx-cmp__row:last-child{border-bottom:0;}
.pdpx-cmp__row.h{background:#fafafc;}
.pdpx-cmp__row.h div{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#9a9aa6;padding:13px 18px;}
.pdpx-cmp__row.h .us{color:#0077b6;}
.pdpx-cmp__c{padding:14px 18px;font-size:13.5px;}
.pdpx-cmp__c.lab{font-weight:600;color:#2a1a66;}
.pdpx-cmp__c.us{display:flex;align-items:center;gap:7px;font-weight:700;color:#158a45;}
.pdpx-cmp__c.them{color:#9a9aa6;}
.pdpx-cmp__c.us svg{flex:0 0 auto;color:#16a34a;}
@media(max-width:560px){.pdpx-cmp__row{grid-template-columns:1.2fr .9fr .9fr;}.pdpx-cmp__c,.pdpx-cmp__row.h div{padding:11px 12px;font-size:12px;}}
/* coa */
.pdpx-coa{margin:64px auto 6px;background:linear-gradient(180deg,#fbfbfd 0%,#f4f4f8 100%);border:1px solid #ececf1;border-radius:26px;padding:60px 52px 56px;}
.pdpx-coa__eyebrow{text-align:center;font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#0077b6;margin:0 0 12px;}
.pdpx-coa__h{text-align:center;font-family:'Inter',system-ui,sans-serif;font-size:clamp(26px,3vw,34px);font-weight:700;letter-spacing:-.02em;color:#16003f;margin:0 0 12px;text-wrap:balance;}
.pdpx-coa__sub{text-align:center;font-size:15px;line-height:1.6;color:#6a6a76;max-width:620px;margin:0 auto 42px;}
.pdpx-coa__wrap{display:grid;grid-template-columns:.86fr 1.14fr;gap:28px;align-items:stretch;}
@media(max-width:860px){.pdpx-coa{padding:36px 22px;}.pdpx-coa__wrap{grid-template-columns:1fr;gap:20px;}}
/* cert card: flex column so the stat sits centred and the ISO pill anchors to the
   bottom, instead of everything clustering at the top over a dead black void */
.pdpx-cert{position:relative;display:flex;flex-direction:column;background:#16003f;border-radius:20px;padding:32px 30px;color:#fff;box-shadow:0 24px 50px -30px rgba(0,150,214,.4);overflow:hidden;}
.pdpx-cert::before,.pdpx-tbl::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00b4e6,#0077b6);}
.pdpx-cert__brand{display:flex;align-items:center;gap:10px;margin:0 0 auto;padding-bottom:26px;}
.pdpx-cert__mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(150deg,#00b4e6,#0077b6);display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:15px;font-family:'Inter',sans-serif;}
.pdpx-cert__name{font-size:15px;font-weight:700;letter-spacing:.01em;}
.pdpx-cert__label{font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:#8a8a99;margin:0 0 4px;}
.pdpx-cert__big{font-size:62px;font-weight:800;letter-spacing:-.03em;line-height:1;color:#fff;margin:0 0 8px;}
.pdpx-cert__big span{font-size:26px;color:#33c6ec;}
.pdpx-cert__pill{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;margin-top:auto;padding:8px 13px;border:1px solid rgba(255,255,255,.16);border-radius:999px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#e7e7ef;font-weight:600;}
.pdpx-cert__pill .d{width:6px;height:6px;border-radius:50%;background:#2ee6a0;box-shadow:0 0 8px #2ee6a0;}
.pdpx-tbl{position:relative;background:#fff;border:1px solid #eceef3;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px -30px rgba(20,20,35,.35);}
.pdpx-tbl table{width:100%;border-collapse:collapse;}
.pdpx-tbl caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
.pdpx-tbl th{text-align:left;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#9a9aa6;font-weight:700;padding:15px 20px;background:#fafafc;border-bottom:1px solid var(--line,#ececf1);}
.pdpx-tbl th:last-child,.pdpx-tbl td:last-child{text-align:right;}
.pdpx-tbl td{font-size:13.5px;color:#3a3a45;padding:17px 20px;border-bottom:1px solid #f1f1f5;}
.pdpx-tbl tbody tr:nth-child(even){background:#fafafc;}
.pdpx-tbl tbody tr:last-child td{border-bottom:0;}
.pdpx-tbl td:first-child{font-weight:700;color:#1a0550;}
.pdpx-tbl .ok{color:#158a45;font-weight:700;}
.pdpx-tbl .spec{color:#8a8a95;font-weight:600;}
@media(max-width:560px){
  .pdpx-tbl thead{display:none;}
  .pdpx-tbl tr{display:block;border-bottom:6px solid #f4f4f8;}
  .pdpx-tbl td{display:flex;justify-content:space-between;gap:12px;text-align:right!important;border-bottom:1px solid #f1f1f5;}
  .pdpx-tbl td:first-child{background:#fafafc;}
  .pdpx-tbl td::before{content:attr(data-label);font-weight:600;color:#595966;text-align:left;}
  .pdpx-tbl td:first-child::before{content:"";}
}
.pdpx-coa__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:28px;}
.pdpx-coa__note{font-size:12.5px;color:#8a8a95;}
.pdpx-coa__btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:12px;background:#16003f;color:#fff;font-size:13px;font-weight:700;letter-spacing:.03em;text-decoration:none;transition:.16s;}
.pdpx-coa__btn:hover{background:var(--mag,#0096d6);}
.pdpx-disc{max-width:1120px;margin:36px auto 0;padding:16px 24px;font-size:11.5px;line-height:1.6;color:#9a9aa6;text-align:center;border-top:1px solid var(--line,#ececf1);}



/* from product_retatrutide */

.drcw-section .pcard__why{
  margin:8px 0 12px;
  font-size:13px;
  line-height:1.45;
  color:#5c5c68;
  font-weight:500;
}
.drcw-section .pcard__body{display:flex;flex-direction:column;}
.drcw-section .pcard__body .pcard__hf:last-child{margin-top:auto;}
.drcw-section .pcard__name{overflow-wrap:anywhere;}
@media (max-width:600px){ .drcw-section .pcard__why{font-size:12.5px;} }
@media (max-width:360px){ .drcw-section .drr-grid{grid-template-columns:1fr;} }

/* from referral-program */

.dr-referral-page { background: linear-gradient(180deg, #ffffff 0%, #f5fdff 100%); padding: 80px 20px; font-family: 'Inter', Arial, Helvetica, sans-serif; color: #160a3d; }
.dr-referral-wrap { max-width: 1150px; margin: 0 auto; }
.dr-referral-hero { text-align: center; margin-bottom: 36px; }
.dr-referral-badge {
  display: inline-block; padding: 9px 18px; border-radius: 999px;
  background: rgba(0,150,214, 0.08); border: 1px solid rgba(0,150,214, 0.18);
  color: #0096d6; font-size: 12px; font-weight: 800; letter-spacing: 1px; margin-bottom: 18px;
}
.dr-referral-hero h1 {
  font-size: clamp(38px, 6vw, 70px); line-height: 1; margin: 0 0 18px;
  font-weight: 900; color: #160a3d;
}
.dr-referral-hero p {
  max-width: 760px; margin: 0 auto; font-size: 18px; line-height: 1.7; color: #555;
}
.dr-referral-hero strong { color: #0096d6; }
.dr-referral-card,
.dr-referral-shortcode-box {
  background: #fff; border: 1px solid rgba(0,150,214, 0.14);
  border-radius: 30px; padding: 36px;
  box-shadow: 0 22px 60px rgba(17, 17, 17, 0.06);
  margin-bottom: 28px;
}
.dr-referral-card h2,
.dr-referral-shortcode-box h2 {
  text-align: center; font-size: 30px; margin: 0 0 24px; color: #160a3d;
}
.dr-referral-steps {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;
}
.dr-referral-steps > div {
  background: linear-gradient(180deg, #fff 0%, #f7fdff 100%);
  border: 1px solid rgba(0,150,214, 0.12);
  border-radius: 22px; padding: 26px; text-align: center;
}
.dr-referral-steps span {
  display: inline-flex; width: 46px; height: 46px; border-radius: 50%;
  align-items: center; justify-content: center;
  background: #0096d6; color: #fff; font-weight: 900;
  margin-bottom: 14px; box-shadow: 0 10px 25px rgba(0,150,214, 0.25);
}
.dr-referral-steps h3 { margin: 0 0 10px; font-size: 20px; }
.dr-referral-steps p,
.dr-referral-shortcode-box > p { color: #666; line-height: 1.6; margin: 0; }
.dr-referral-shortcode-box { text-align: center; }
.dr-shortcode-area {
  margin-top: 26px; padding: 24px; border-radius: 22px;
  background: #fafafa; border: 1px dashed rgba(0,150,214, 0.35); text-align: left;
}
.dr-referral-note {
  text-align: center; color: #666; font-size: 14px; line-height: 1.6;
  max-width: 850px; margin: 0 auto;
}
.dr-referral-note strong { color: #0096d6; }
@media (max-width: 850px) {
  .dr-referral-steps { grid-template-columns: 1fr; }
  .dr-referral-card,
  .dr-referral-shortcode-box { padding: 26px 20px; }
}

/* Remove the injected "#1 Verified Tested Compounds in the US" badge.
   A plugin inserts <div class="dacx-rank"> into the hero via JS after
   render � no PHP hook sits where it lands � so it is hidden by class
   rather than removed from the markup. Both hero class families are
   covered: dr-referral-* (this template) and drx-* (the newer hero
   markup currently live). !important beats the plugin's own inline
   display:inline-block. */
.dr-referral-page .dacx-rank,
.drx-hero .dacx-rank,
.dacx-rank {
  display: none !important;
}



/* from referral-program */

/* let the injected full-width bands span edge to edge */
.dr-referral-page{ max-width:none !important; width:auto !important; padding:0 !important; margin:0 !important; background:#fff !important; }
/* hide the theme's basic hero + how-it-works; we replace them */
.dr-referral-page .dr-referral-hero,
.dr-referral-page .dr-referral-card{ display:none !important; }
.dr-referral-page .dr-referral-wrap{ max-width:none !important; margin:0 !important; padding:0 !important; }
.drx{ --ink:#18004c; --mut:#5b5566; --line:#ececf2; --mag:#0096d6; --mag2:#0077b6; --dark:#0e0030; font-family:'Inter',system-ui,-apple-system,sans-serif; color:var(--ink); }
.drx *{ box-sizing:border-box; }
.drx-wrap{ max-width:1120px; margin:0 auto; padding:0 22px; }
.drx-btn{ display:inline-flex; align-items:center; gap:9px; border:0; cursor:pointer; text-decoration:none; font-weight:800; font-size:15px; letter-spacing:.01em; padding:15px 26px; border-radius:14px; background:linear-gradient(135deg,var(--mag),var(--mag2)); color:#fff; box-shadow:0 14px 34px rgba(0,150,214,.34); transition:transform .14s,box-shadow .14s; }
.drx-btn:hover{ transform:translateY(-2px); box-shadow:0 18px 40px rgba(0,150,214,.42); color:#fff; }
.drx-btn--ghost{ background:transparent; color:#fff; box-shadow:none; border:1px solid rgba(255,255,255,.22); }
.drx-btn--ghost:hover{ border-color:rgba(255,255,255,.5); box-shadow:none; }
.drx-btn--dark{ background:var(--ink); box-shadow:0 12px 30px rgba(24,0,76,.25); }
.drx-eyebrow{ display:inline-block; font-size:11.5px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; color:var(--mag); }

/* HERO */
.drx-hero{ position:relative; overflow:hidden; background:var(--dark); color:#fff; padding:76px 0 64px; }
.drx-hero::before{ content:''; position:absolute; inset:0; background:radial-gradient(1100px 480px at 82% -8%, rgba(0,150,214,.42), transparent 60%), radial-gradient(700px 380px at 0% 110%, rgba(120,40,200,.28), transparent 60%); pointer-events:none; }
.drx-hero .drx-wrap{ position:relative; display:grid; grid-template-columns:1.15fr .85fr; gap:44px; align-items:center; }
.drx-hero h1{ font-family:'Inter',sans-serif; font-weight:900; font-size:clamp(40px,5.6vw,72px); line-height:.98; letter-spacing:-.025em; margin:16px 0 16px; text-wrap:balance; }
.drx-hero h1 em{ font-style:normal; color:var(--mag); }
.drx-hero .drx-sub{ font-size:17px; line-height:1.6; color:#c6c1d2; max-width:46ch; margin:0 0 26px; }
.drx-cta-row{ display:flex; flex-wrap:wrap; gap:12px; margin-bottom:30px; }
.drx-stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:6px; }
.drx-stat{ background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:15px; padding:16px 14px; }
.drx-stat b{ display:block; font-size:26px; font-weight:900; letter-spacing:-.02em; color:#fff; }
.drx-stat span{ display:block; font-size:12px; line-height:1.35; color:#a8a2b6; margin-top:3px; }
/* example card in hero */
.drx-earn{ background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03)); border:1px solid rgba(0,150,214,.35); border-radius:22px; padding:26px 24px; box-shadow:0 30px 70px rgba(0,0,0,.45); backdrop-filter:blur(4px); }
.drx-earn h4{ margin:0 0 4px; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:#c9c3d6; font-weight:700; }
.drx-earn .drx-earn-big{ font-size:40px; font-weight:900; letter-spacing:-.02em; color:#fff; margin:0 0 14px; }
.drx-earn .drx-earn-big span{ color:var(--mag); }
.drx-earn-row{ display:flex; justify-content:space-between; align-items:center; padding:11px 0; border-top:1px solid rgba(255,255,255,.12); font-size:14.5px; color:#d9d5e2; }
.drx-earn-row b{ color:#fff; font-weight:800; }
.drx-earn-note{ margin:14px 0 0; font-size:11.5px; color:#8f8a9d; line-height:1.5; }

/* generic section */
.drx-section{ padding:72px 0; background:#fff; }
.drx-section--soft{ background:#faf8fc; }
.drx-head{ text-align:center; max-width:660px; margin:0 auto 40px; }
.drx-head h2{ font-weight:900; font-size:clamp(28px,3.6vw,42px); line-height:1.06; letter-spacing:-.02em; margin:10px 0 10px; }
.drx-head p{ font-size:16px; color:var(--mut); margin:0; line-height:1.55; }

/* steps */
.drx-steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.drx-step .drx-num{ font-weight:900; font-size:44px; line-height:1; letter-spacing:-.03em; color:#d3f4ff; }
.drx-step h3{ font-size:17px; font-weight:800; margin:12px 0 7px; }
.drx-step p{ font-size:14.5px; line-height:1.55; color:var(--mut); margin:0; }

/* benefit cards */
.drx-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.drx-card{ background:#fff; border:1px solid var(--line); border-radius:18px; padding:26px 24px; box-shadow:0 8px 26px rgba(17,12,24,.05); }
.drx-card .drx-dot{ width:40px; height:40px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,rgba(0,150,214,.14),rgba(0,150,214,.06)); color:var(--mag); font-size:20px; margin-bottom:14px; }
.drx-card h3{ font-size:17.5px; font-weight:800; margin:0 0 8px; }
.drx-card p{ font-size:14.5px; line-height:1.6; color:var(--mut); margin:0; }

/* example calc */
.drx-calc{ max-width:560px; margin:0 auto; background:#fff; border:1px solid var(--line); border-radius:20px; padding:12px 28px 22px; box-shadow:0 14px 40px rgba(17,12,24,.07); }
.drx-calc-row{ display:flex; justify-content:space-between; align-items:center; padding:16px 0; border-bottom:1px solid var(--line); }
.drx-calc-row:last-of-type{ border-bottom:0; }
.drx-calc-row .l{ font-size:15px; color:var(--ink); font-weight:600; }
.drx-calc-row .r{ font-size:19px; font-weight:900; color:var(--mag); }
.drx-calc-note{ text-align:center; font-size:12px; color:var(--mut); margin:8px 0 0; line-height:1.5; }

/* FAQ */
.drx-faq{ max-width:760px; margin:0 auto; }
.drx-faq details{ border-bottom:1px solid var(--line); }
.drx-faq summary{ list-style:none; cursor:pointer; padding:20px 40px 20px 2px; position:relative; font-size:16.5px; font-weight:700; color:var(--ink); }
.drx-faq summary::-webkit-details-marker{ display:none; }
.drx-faq summary::after{ content:'+'; position:absolute; right:6px; top:16px; font-size:24px; font-weight:400; color:var(--mag); transition:transform .2s; }
.drx-faq details[open] summary::after{ content:'\2212'; }
.drx-faq .drx-a{ padding:0 2px 22px; font-size:15px; line-height:1.65; color:var(--mut); max-width:64ch; }

/* dashboard lead + restyle of existing dashboard box */
.drx-dash-lead{ text-align:center; max-width:620px; margin:0 auto 30px; }
.dr-referral-page #drx-dashboard{ max-width:720px; margin:0 auto; background:#fff; border:1px solid var(--line, #ececf2); border-radius:22px; padding:30px 28px; box-shadow:0 16px 50px rgba(17,12,24,.08); }
.dr-referral-page .dr-referral-note{ max-width:760px; margin:26px auto 0; text-align:center; font-size:12px; color:#8a8496; line-height:1.6; }

@media (max-width:900px){
  .drx-hero .drx-wrap{ grid-template-columns:1fr; gap:30px; }
  .drx-steps{ grid-template-columns:repeat(2,1fr); }
  .drx-cards{ grid-template-columns:1fr; }
}
@media (max-width:560px){
  .drx-stats{ grid-template-columns:repeat(2,1fr); }
  .drx-steps{ grid-template-columns:1fr; }
  .drx-section{ padding:54px 0; }
}



/* from research */
.drfeat{max-width:1100px;margin:0 auto 34px;background:linear-gradient(150deg,#14053c 0%,#161B26 100%);border:1px solid #232A38;border-radius:20px;padding:34px 34px 30px;position:relative;overflow:hidden}.drfeat:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00b4e6,#0077b6)}.drfeat__eyebrow{font-family:'Space Mono',ui-monospace,monospace;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#00b4e6;margin:0 0 12px}.drfeat__h{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(26px,3.4vw,38px);letter-spacing:.5px;color:#fff;margin:0 0 6px;line-height:1.05}.drfeat__sub{font-size:13px;color:#9BA6B8;margin:0 0 18px;letter-spacing:.02em}.drfeat__desc{font-size:15px;line-height:1.65;color:#C9D2E0;max-width:70ch;margin:0 0 20px}.drfeat__specs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0;list-style:none}.drfeat__specs li{font-family:'Space Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#C9D2E0;background:#1B2130;border:1px solid #2A3243;border-radius:999px;padding:7px 13px}.drfeat__go{display:inline-flex;align-items:center;gap:9px;background:#0096d6;color:#fff;text-decoration:none;font-weight:700;font-size:13.5px;letter-spacing:.02em;padding:13px 24px;border-radius:999px;transition:background .2s}.drfeat__go:hover{background:#1ab6e6}.drfeat__note{margin:14px 0 0;font-size:11.5px;color:#6F7A8C}@media(max-width:640px){.drfeat{padding:26px 20px 24px;border-radius:16px}}


/* from research */
.da-rbar{background:#0e0030;overflow:hidden;position:relative}.da-rbar__track{display:inline-flex;align-items:center;height:46px;white-space:nowrap;animation:daRbar 32s linear infinite}.da-rbar__item{display:flex;align-items:center;padding:0 28px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#c7cdda;text-decoration:none;white-space:nowrap}.da-rbar__item strong{color:#0096d6;margin:0 .35em}.da-rbar__pill{background:#0096d6;color:#fff;border-radius:999px;padding:6px 14px;font-weight:800}a.da-rbar__item:hover{color:#fff}@keyframes daRbar{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media (prefers-reduced-motion: reduce){.da-rbar__track{animation:none}}
/* from shop */

/* header row: title left, arrows right */
.shead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.bs-nav{display:flex;gap:8px}
.bs-nav button{width:40px;height:40px;border-radius:50%;border:1px solid rgba(127,127,127,.28);
  background:transparent;color:inherit;font-size:16px;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s}
.bs-nav button:hover{background:rgba(0,150,214,.12);border-color:#0096d6}
.bs-nav button.swiper-button-disabled{opacity:.35;cursor:default}
/* keep slide cards equal height */
.da-best-sellers-slider .swiper-slide{height:auto}
.da-best-sellers-slider .swiper-slide .scard{height:100%}
/* pagination dots in brand colour */
.da-bs-pagination{position:static;margin-top:18px;text-align:center}
.da-bs-pagination .swiper-pagination-bullet-active{background:#0096d6}
/* graceful layout before Swiper boots / if JS is blocked */
.da-best-sellers-slider:not(.swiper-initialized) .swiper-wrapper{display:flex;gap:20px;overflow-x:auto}
.da-best-sellers-slider:not(.swiper-initialized) .swiper-slide{flex:0 0 240px}
/* hide arrows on small screens (swipe instead) */
@media (max-width:640px){.bs-nav{display:none}}
.wlr-product-message{
display:none !important;
}


/* ul.da-store__cats-list li:nth-child(2) label > span, ul.da-store__cats-list li:nth-child(3) label > span{
                  border:1px solid #0096d6;
    
} */


.fp-nav{display:flex;gap:8px}
.fp-nav button{width:40px;height:40px;border-radius:50%;border:1px solid rgba(127,127,127,.28);
  background:transparent;color:inherit;font-size:16px;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s}
.fp-nav button:hover{background:rgba(0,150,214,.12);border-color:#0096d6}
.fp-nav button.swiper-button-disabled{opacity:.35;cursor:default}
.da-featured-slider .swiper-slide{height:auto}
.da-featured-slider .swiper-slide .scard{height:100%}
.da-fp-pagination{position:static;margin-top:18px;text-align:center}
.da-fp-pagination .swiper-pagination-bullet-active{background:#0096d6}
.da-featured-slider:not(.swiper-initialized) .swiper-wrapper{display:flex;gap:20px;overflow-x:auto}
.da-featured-slider:not(.swiper-initialized) .swiper-slide{flex:0 0 240px}
.btns-sec {
    display: flex;
    align-items: center;
    justify-content: center;
}
.btns-sec a:first-child{
    padding: 11px 35px;
    margin-right: 15px;
    font-size: 12px;
    letter-spacing: 0.14em;
}
.btns-sec a:last-child{
        font-size: 12px;
    font-weight: 600;
    box-shadow: 0 0 0 transparent;
    padding: 12px 30px;
}
.btns-sec a:last-child:hover{
  border-color:var(--accent-dark);
}
@media (max-width:640px){.fp-nav{display:none}}


/* ============================================================
 * AminoClub-style full-width store grid
 * Scoped to this template; no edits to global styles.css needed.
 * ============================================================ */
.da-store{--store-accent:#0096d6}
.da-store__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px; margin-bottom:0;}
.da-store__count{margin:0;font-size:14px;color:#0e0030}
.da-store__count strong{color:#0096d6}
.da-store__sort{appearance:none;-webkit-appearance:none;background-color:transparent;border:1px solid rgba(127,127,127,.28);
  color:inherit;border-radius:999px;padding:10px 38px 10px 16px;font-size:13px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239a9098' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center}
.da-store__sort:hover{border-color:#0096d6}

/* horizontal filter chip rail (replaces the old left sidebar) */
.da-store__chips{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:24px;
  -ms-overflow-style:none;scrollbar-width:none}
.da-store__chips::-webkit-scrollbar{display:none}
.da-store__chip{position:relative;flex:0 0 auto;margin:0}
.da-store__chip input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.da-store__chip span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer;
  border:1px solid rgba(127,127,127,.28);border-radius:999px;padding:8px 14px;font-size:13px;color:#0e0030;transition:.15s}
.da-store__chip span:hover{border-color:#0096d6;color:#0e0030}
.da-store__chip input:checked + span{background:#0096d6;border-color:#0096d6;color:#fff}
.da-store__chip .filter__c{opacity:.7;font-size:11px}
.da-store__chips-sep{flex:0 0 auto;align-self:stretch;width:1px;background:rgba(127,127,127,.28);margin:2px 4px}
.da-store__clear{flex:0 0 auto;background:none;border:none;color:#9a9098;font-size:13px;cursor:pointer;
  text-decoration:underline;padding:8px 6px;white-space:nowrap}
.da-store__clear:hover{color:#fff}

/* the grid */
.da-store-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:1100px){.da-store-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){.da-store-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.da-store-grid{gap:12px}}

/* the card   light surface, dark text (matches the live theme) */
.da-store .scard{display:flex;flex-direction:column;padding:0;background:#fff;
  border:1px solid rgba(0,0,0,.08);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.da-store .scard:hover{transform:translateY(-4px);border-color:rgba(0,150,214,.45);box-shadow:0 18px 40px -22px rgba(0,0,0,.35)}
/* media: fixed square, image capped so big/small product shots stay uniform */
.scard__media{position:relative;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:16px;
  background:radial-gradient(120% 120% at 50% 0,rgba(0,150,214,.12),#fff 64%);}
.scard__media img{max-width:80%;max-height:80%;width:auto;height:auto;object-fit:contain}
.scard__badge{position:absolute;top:12px;left:12px;z-index:2;font-size:11px;font-weight:600;letter-spacing:.02em;
  padding:5px 10px;border-radius:999px;background:#0096d6;color:#fff}
.scard__body{display:flex;flex-direction:column;flex:1;padding:16px 16px 18px;gap:6px;background:#fff}
.scard__name{font-size:16px;font-weight:600;line-height:1.25;color:#18004c}
.scard__price{font-size:15px;font-weight:600;color:#18004c}
.scard__price s{color:#9a9098;font-weight:400;margin-right:6px}
.scard__price .from{display:inline;color:#8a8088;font-weight:500;font-size:12px;margin-right:4px}
.scard__tag{font-size:12.5px;color:#8a8088;line-height:1.4;margin-bottom:2px}
/* Feature badge on the image (top-right)   same pill look as the sale badge */
.scard__featbadge{position:absolute;top:12px;right:12px;z-index:2;max-width:64%;text-align:center;
  font-size:10.5px;font-weight:600;letter-spacing:.01em;line-height:1.25;
  padding:5px 9px;border-radius:12px;background:#0096d6;color:#fff}
/* Kit pill in the card body (kits only) */
.scard__feat{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;
  font-size:11px;font-weight:600;letter-spacing:.01em;color:#006ba3;
  background:rgba(0,150,214,.10);border:1px solid rgba(0,150,214,.22);
  border-radius:999px;padding:4px 10px;margin-top:2px;line-height:1.2}
.scard__feat::before{content:"";width:6px;height:6px;border-radius:50%;background:#0096d6;flex:0 0 auto}
/* Coming Soon (out-of-stock) media   warm overlay instead of a black bg */
.scard__media--soon{background:linear-gradient(180deg,#f7e6cd 0%,#f3d9b6 55%,#eecfa4 100%)}
.scard__media--soon img{opacity:.30;filter:blur(2px) saturate(.55);mix-blend-mode:luminosity}
.scard__soon{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#7a572a}

/* Buttons   scoped under .da-store so the global .pcard__cta style can't
   wash them out (that was the blank/white button). Primary = white pill,
   dark text, soft pink glow; hover fills brand pink. */
.da-store .scard__cta{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;
  border:1px solid rgba(0,0,0,.10);border-radius:999px;padding:12px 16px;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  cursor:pointer;background:#fff;color:#18004c;box-shadow:0 6px 18px -7px rgba(0,150,214,.55);
  transition:background .15s,color .15s,box-shadow .15s,transform .15s,border-color .15s}
.da-store .scard__cta:hover{background:#0096d6;border-color:#0096d6;color:#fff;box-shadow:0 9px 24px -7px rgba(0,150,214,.85)}
.da-store .scard__cta:active{transform:translateY(1px)}
/* Notify Me (out of stock)   muted grey pill */
.da-store .scard__cta--notify{background:#6f6a6e;border-color:#6f6a6e;color:#fff}
.da-store .scard__cta--notify:hover{background:#0096d6;border-color:#0096d6;color:#fff}

/* NEW: left categories column (20%) + grid beside it (80%) */
.da-store__layout{display:grid;grid-template-columns:20% 1fr; grid-template-columns:25% 1fr; gap:28px;align-items:start}
@media (max-width:820px){.da-store__layout{grid-template-columns:1fr;gap:18px}}
/* .da-store__cats{position:sticky;top:100px} */
body{
  overflow:visible;
}
@media (max-width:820px){.da-store__cats{position:static}}
.da-store__cats-title{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:#0e0030}
.da-store__cats-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.da-store__cat{position:relative}
.da-store__cat label{display:block;margin:0}
.da-store__cat input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.da-store__cat span{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;
  border-radius:10px;padding:4px 12px;font-size:14px;color:#18004c;transition:.15s; line-height:15px;}
.da-store__cat span:hover{background:rgba(0,150,214,.08)}
.da-store__cat input:checked + span{background:#0096d6;color:#fff}
.da-store__cat input:checked + span .filter__c{color:rgba(255,255,255,.85)}
.da-store__cat .filter__c{opacity:.7;font-size:12px;color:#8a8088}

/* Price filter + separator + Clear are removed from the top rail on EVERY
 * screen size (per request). */
.da-store__chip--price,
.da-store__chips-sep,
.da-store__clear{display:none !important}

/* Responsive category controls:
 *  - Desktop (>=821px): categories live in the LEFT SIDEBAR, so hide the
 *    whole top rail (no empty gap left behind).
 *  - Mobile (<=820px): no room for the sidebar, so hide it and let the top
 *    rail show the category chips. */
@media (min-width:821px){
  .da-store__chips{display:none !important}
}
@media (max-width:820px){
  .da-store__cats{display:none !important}
}

.da-store__cats{
    background-color:#fafeff;
    padding:30px 25px;
    border-radius:12px;
    border:1px solid #ededed;
}
.da-store__research-use ul{
    margin-bottom:15px;
    border-bottom:1px solid #ccc;
    padding-bottom:15px;
}
.da-store__research-use .da-store__cat span{
    font-weight:500;
    font-size:13px;
    gap:0;
    padding:5px 12px;
}
.da-store__research-use .da-store__cat strong{
    flex:1;
    font-weight:500;
    font-size:13px;
    margin-right:5px;
}
.da-store__research-use ul.da-store__cats-list li label > span{
                    border-radius:50px;
                     border:1px solid #0096d6;
}
.da-store-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
}
.da-store-header-left{}
.da-store-header-left h2{
    font-size:34px;
    margin:0 0 10px 0;
    line-height:normal
}
.da-store-header-left p{
    margin:0 0 10px 0;
   
}
.da-store-header-left .da-store__bar p{
    position:relative;
    display:flex;
    align-items:center;
    font-size:13px;
}
.da-store-header-left .da-store__bar p.da-store__count{
  column-gap:5px;
}
.da-store-header-left .da-store__bar p > span{
  width:20px;
  height:20px;
  margin-right:10px;
}
.da-store-header-left .da-store__bar p > span >img{
  width:100%;
  height:100%;
}
.da-store-header-left .da-store__bar p:not(:last-child):after{
    position:absolute;
    content:'';
    width:2px;
    height:100%;
    background-color:#ccc;
    top:0;
    right:-15px;
}

.da-store-header-right{}
.da-store-header-right .sorting-div{
    border:1px solid rgba(127,127,127,.28);
    border-radius:12px;
    padding:10px 0px 10px 16px;
    display:flex;
}
.da-store-header-right .sorting-div p{
    font-size:14px;
    margin:0;
}
.da-store-header-right .sorting-div select{
    border:0 none;
    padding:0 38px 0 16px;
}
.da-store-header-right .sorting-div select:focus-visible{
  outline:none !important;
}
.da-store .scard__cta img {
    width: 18px;
    height: 18px;
    object-fit: contain;
}
.da-store .scard__cta:hover img{
  filter:brightness(0) invert(1);
  }
  @media screen and (max-width:650px){
    .da-store-header{
      flex-direction:column;
      align-items:flex-start;
    }
    .da-store-header-left{
      margin-bottom:20px;
    }
    .da-store-header-right{
      width:100%;
    }
    .da-store-header-right .sorting-div{
      flex-direction:column;
      padding-left:0;
    }
    .da-store-header-right .sorting-div > p, .da-store-header-left .da-store__bar p:not(:last-child):after{
      display:none;
    }
  }

  @media screen and (max-width:520px){
    .da-store-header-left h2{
      font-size:28px;
    }
    .da-store-header-left p{
      font-size:13px;
    }
  }


/* Only the shop section widens. Every other .wrap on the site keeps its 1240px cap. */
@media (min-width:1400px){
  .da-store .wrap{max-width:1640px!important}
}
@media (min-width:1700px){
  .da-store .wrap{max-width:1780px!important}
}
/* Let the grid reflow into the reclaimed width instead of stretching 3 columns. */
@media (min-width:1400px){
  .da-store-grid.prod-grid{grid-template-columns:repeat(auto-fill,minmax(228px,1fr))!important}
}
/* Widening the shop left the nav capped at 1240px, so the logo sat 276px inside
   the content edge. Match the nav to the same width, on the same breakpoints, and
   only on pages that actually contain the widened shop section. */
@media (min-width:1400px){
  body:has(.da-store) .nav__inner{max-width:1640px!important}
}
@media (min-width:1700px){
  body:has(.da-store) .nav__inner{max-width:1780px!important}
}



/* from shop */

/* header row: title left, arrows right */
.shead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.bs-nav{display:flex;gap:8px}
.bs-nav button{width:40px;height:40px;border-radius:50%;border:1px solid rgba(127,127,127,.28);
  background:transparent;color:inherit;font-size:16px;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s}
.bs-nav button:hover{background:rgba(0,150,214,.12);border-color:#0096d6}
.bs-nav button.swiper-button-disabled{opacity:.35;cursor:default}
/* keep slide cards equal height */
.da-best-sellers-slider .swiper-slide{height:auto}
.da-best-sellers-slider .swiper-slide .scard{height:100%}
/* pagination dots in brand colour */
.da-bs-pagination{position:static;margin-top:18px;text-align:center}
.da-bs-pagination .swiper-pagination-bullet-active{background:#0096d6}
/* graceful layout before Swiper boots / if JS is blocked */
.da-best-sellers-slider:not(.swiper-initialized) .swiper-wrapper{display:flex;gap:20px;overflow-x:auto}
.da-best-sellers-slider:not(.swiper-initialized) .swiper-slide{flex:0 0 240px}
/* hide arrows on small screens (swipe instead) */
@media (max-width:640px){.bs-nav{display:none}}
.wlr-product-message{
display:none !important;
}


/* ul.da-store__cats-list li:nth-child(2) label > span, ul.da-store__cats-list li:nth-child(3) label > span{
                  border:1px solid #0096d6;
    
} */



/* from shop */

.fp-nav{display:flex;gap:8px}
.fp-nav button{width:40px;height:40px;border-radius:50%;border:1px solid rgba(127,127,127,.28);
  background:transparent;color:inherit;font-size:16px;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s}
.fp-nav button:hover{background:rgba(0,150,214,.12);border-color:#0096d6}
.fp-nav button.swiper-button-disabled{opacity:.35;cursor:default}
.da-featured-slider .swiper-slide{height:auto}
.da-featured-slider .swiper-slide .scard{height:100%}
.da-fp-pagination{position:static;margin-top:18px;text-align:center}
.da-fp-pagination .swiper-pagination-bullet-active{background:#0096d6}
.da-featured-slider:not(.swiper-initialized) .swiper-wrapper{display:flex;gap:20px;overflow-x:auto}
.da-featured-slider:not(.swiper-initialized) .swiper-slide{flex:0 0 240px}
.btns-sec {
    display: flex;
    align-items: center;
    justify-content: center;
}
.btns-sec a:first-child{
    padding: 11px 35px;
    margin-right: 15px;
    font-size: 12px;
    letter-spacing: 0.14em;
}
.btns-sec a:last-child{
        font-size: 12px;
    font-weight: 600;
    box-shadow: 0 0 0 transparent;
    padding: 12px 30px;
}
.btns-sec a:last-child:hover{
  border-color:var(--accent-dark);
}
@media (max-width:640px){.fp-nav{display:none}}



/* from shop */

/* ============================================================
 * AminoClub-style full-width store grid
 * Scoped to this template; no edits to global styles.css needed.
 * ============================================================ */
.da-store{--store-accent:#0096d6}
.da-store__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px; margin-bottom:0;}
.da-store__count{margin:0;font-size:14px;color:#0e0030}
.da-store__count strong{color:#0096d6}
.da-store__sort{appearance:none;-webkit-appearance:none;background-color:transparent;border:1px solid rgba(127,127,127,.28);
  color:inherit;border-radius:999px;padding:10px 38px 10px 16px;font-size:13px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239a9098' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center}
.da-store__sort:hover{border-color:#0096d6}

/* horizontal filter chip rail (replaces the old left sidebar) */
.da-store__chips{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:24px;
  -ms-overflow-style:none;scrollbar-width:none}
.da-store__chips::-webkit-scrollbar{display:none}
.da-store__chip{position:relative;flex:0 0 auto;margin:0}
.da-store__chip input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.da-store__chip span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer;
  border:1px solid rgba(127,127,127,.28);border-radius:999px;padding:8px 14px;font-size:13px;color:#0e0030;transition:.15s}
.da-store__chip span:hover{border-color:#0096d6;color:#0e0030}
.da-store__chip input:checked + span{background:#0096d6;border-color:#0096d6;color:#fff}
.da-store__chip .filter__c{opacity:.7;font-size:11px}
.da-store__chips-sep{flex:0 0 auto;align-self:stretch;width:1px;background:rgba(127,127,127,.28);margin:2px 4px}
.da-store__clear{flex:0 0 auto;background:none;border:none;color:#9a9098;font-size:13px;cursor:pointer;
  text-decoration:underline;padding:8px 6px;white-space:nowrap}
.da-store__clear:hover{color:#fff}

/* the grid */
.da-store-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:1100px){.da-store-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){.da-store-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.da-store-grid{gap:12px}}

/* the card   light surface, dark text (matches the live theme) */
.da-store .scard{display:flex;flex-direction:column;padding:0;background:#fff;
  border:1px solid rgba(0,0,0,.08);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.da-store .scard:hover{transform:translateY(-4px);border-color:rgba(0,150,214,.45);box-shadow:0 18px 40px -22px rgba(0,0,0,.35)}
/* media: fixed square, image capped so big/small product shots stay uniform */
.scard__media{position:relative;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:16px;
  background:radial-gradient(120% 120% at 50% 0,rgba(0,150,214,.12),#fff 64%);}
.scard__media img{max-width:80%;max-height:80%;width:auto;height:auto;object-fit:contain}
.scard__badge{position:absolute;top:12px;left:12px;z-index:2;font-size:11px;font-weight:600;letter-spacing:.02em;
  padding:5px 10px;border-radius:999px;background:#0096d6;color:#fff}
.scard__body{display:flex;flex-direction:column;flex:1;padding:16px 16px 18px;gap:6px;background:#fff}
.scard__name{font-size:16px;font-weight:600;line-height:1.25;color:#18004c}
.scard__price{font-size:15px;font-weight:600;color:#18004c}
.scard__price s{color:#9a9098;font-weight:400;margin-right:6px}
.scard__price .from{display:inline;color:#8a8088;font-weight:500;font-size:12px;margin-right:4px}
.scard__tag{font-size:12.5px;color:#8a8088;line-height:1.4;margin-bottom:2px}
/* Dose list ("5MG, 10MG, 20MG")   a spec line, not description copy */
.scard__tag--dose{color:#18004c;font-weight:600;letter-spacing:.01em}
/* Feature badge on the image (top-right)   same pill look as the sale badge */
.scard__featbadge{position:absolute;top:12px;right:12px;z-index:2;max-width:64%;text-align:center;
  font-size:10.5px;font-weight:600;letter-spacing:.01em;line-height:1.25;
  padding:5px 9px;border-radius:12px;background:#0096d6;color:#fff}
/* Kit pill in the card body (kits only) */
.scard__feat{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;
  font-size:11px;font-weight:600;letter-spacing:.01em;color:#006ba3;
  background:rgba(0,150,214,.10);border:1px solid rgba(0,150,214,.22);
  border-radius:999px;padding:4px 10px;margin-top:2px;line-height:1.2}
.scard__feat::before{content:"";width:6px;height:6px;border-radius:50%;background:#0096d6;flex:0 0 auto}
/* Coming Soon (out-of-stock) media   warm overlay instead of a black bg */
.scard__media--soon{background:linear-gradient(180deg,#f7e6cd 0%,#f3d9b6 55%,#eecfa4 100%)}
.scard__media--soon img{opacity:.30;filter:blur(2px) saturate(.55);mix-blend-mode:luminosity}
.scard__soon{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#7a572a}

/* Buttons   scoped under .da-store so the global .pcard__cta style can't
   wash them out (that was the blank/white button). Primary = white pill,
   dark text, soft pink glow; hover fills brand pink. */
.da-store .scard__cta{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;
  border:1px solid rgba(0,0,0,.10);border-radius:999px;padding:12px 16px;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  cursor:pointer;background:#fff;color:#18004c;box-shadow:0 6px 18px -7px rgba(0,150,214,.55);
  transition:background .15s,color .15s,box-shadow .15s,transform .15s,border-color .15s}
.da-store .scard__cta:hover{background:#0096d6;border-color:#0096d6;color:#fff;box-shadow:0 9px 24px -7px rgba(0,150,214,.85)}
.da-store .scard__cta:active{transform:translateY(1px)}
/* Notify Me (out of stock)   muted grey pill */
.da-store .scard__cta--notify{background:#6f6a6e;border-color:#6f6a6e;color:#fff}
.da-store .scard__cta--notify:hover{background:#0096d6;border-color:#0096d6;color:#fff}

/* NEW: left categories column (20%) + grid beside it (80%) */
.da-store__layout{display:grid;grid-template-columns:20% 1fr; grid-template-columns:25% 1fr; gap:28px;align-items:start}
@media (max-width:820px){.da-store__layout{grid-template-columns:1fr;gap:18px}}
/* .da-store__cats{position:sticky;top:100px} */
body{
  overflow:visible;
}
@media (max-width:820px){.da-store__cats{position:static}}
.da-store__cats-title{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:#0e0030}
.da-store__cats-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.da-store__cat{position:relative}
.da-store__cat label{display:block;margin:0}
.da-store__cat input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.da-store__cat span{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;
  border-radius:10px;padding:3px 12px;font-size:14px;color:#18004c;transition:.15s; line-height:15px;}
.da-store__cat span:hover{background:rgba(0,150,214,.08)}
.da-store__cat input:checked + span{background:#0096d6;color:#fff}
.da-store__cat input:checked + span .filter__c{color:rgba(255,255,255,.85)}
.da-store__cat .filter__c{opacity:.7;font-size:12px;color:#8a8088}

/* Price filter + separator + Clear are removed from the top rail on EVERY
 * screen size (per request). */
.da-store__chip--price,
.da-store__chips-sep,
.da-store__clear{display:none !important}

/* Responsive category controls:
 *  - Desktop (>=821px): categories live in the LEFT SIDEBAR, so hide the
 *    whole top rail (no empty gap left behind).
 *  - Mobile (<=820px): no room for the sidebar, so hide it and let the top
 *    rail show the category chips. */
@media (min-width:821px){
  .da-store__chips{display:none !important}
}
@media (max-width:820px){
  .da-store__cats{display:none !important}
}

.da-store__cats{
    background-color:#fafeff;
    padding:30px 25px;
    border-radius:12px;
    border:1px solid #ededed;
    height:100%;
}
.da-store__cats .da-store__shop-category{
  position:sticky;
  top:140px;
}
.da-store__research-use ul{
    margin-bottom:15px;
    border-bottom:1px solid #ccc;
    padding-bottom:15px;
}
.da-store__research-use .da-store__cat span{
    font-weight:500;
    font-size:13px;
    gap:0;
    padding:5px 12px;
}
.da-store__research-use .da-store__cat strong{
    flex:1;
    font-weight:500;
    font-size:13px;
    margin-right:5px;
}
.da-store__research-use ul.da-store__cats-list li label > span{
                    border-radius:50px;
                     border:1px solid #0096d6;
}
/* Inline icons for research categories that styles.css doesn't already
 * draw. Only applies where an <svg> was actually printed, so the six
 * original categories are untouched. */
.da-store__research-use .da-research-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.da-store__research-use .da-research-icon svg{width:18px;height:18px;color:#0096d6;display:block}
.da-store__research-use .da-store__cat input:checked + span .da-research-icon svg{color:#0096d6}
.da-store-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
}
.da-store-header-left{}
.da-store-header-left h2{
    font-size:34px;
    margin:0 0 10px 0;
    line-height:normal
}
.da-store-header-left p{
    margin:0 0 10px 0;
   
}
.da-store-header-left .da-store__bar p{
    position:relative;
    display:flex;
    align-items:center;
    font-size:13px;
}
.da-store-header-left .da-store__bar p.da-store__count{
  column-gap:5px;
}
.da-store-header-left .da-store__bar p > span{
  width:20px;
  height:20px;
  margin-right:10px;
}
.da-store-header-left .da-store__bar p > span >img{
  width:100%;
  height:100%;
}
.da-store-header-left .da-store__bar p:not(:last-child):after{
    position:absolute;
    content:'';
    width:2px;
    height:100%;
    background-color:#ccc;
    top:0;
    right:-15px;
}

.da-store-header-right{}
.da-store-header-right .sorting-div{
    border:1px solid rgba(127,127,127,.28);
    border-radius:12px;
    padding:10px 0px 10px 16px;
    display:flex;
}
.da-store-header-right .sorting-div p{
    font-size:14px;
    margin:0;
}
.da-store-header-right .sorting-div select{
    border:0 none;
    padding:0 38px 0 16px;
}
.da-store-header-right .sorting-div select:focus-visible{
  outline:none !important;
}
.da-store .scard__cta img {
    width: 18px;
    height: 18px;
    object-fit: contain;
}
.da-store .scard__cta:hover img{
  filter:brightness(0) invert(1);
  }
  @media screen and (max-width:650px){
    .da-store-header{
      flex-direction:column;
      align-items:flex-start;
    }
    .da-store-header-left{
      margin-bottom:20px;
    }
    .da-store-header-right{
      width:100%;
    }
    .da-store-header-right .sorting-div{
      flex-direction:column;
      padding-left:0;
    }
    .da-store-header-right .sorting-div > p, .da-store-header-left .da-store__bar p:not(:last-child):after{
      display:none;
    }
  }

  @media screen and (max-width:520px){
    .da-store-header-left h2{
      font-size:28px;
    }
    .da-store-header-left p{
      font-size:13px;
    }
  }



/* from shop */

.da-store__cats{background:#fff!important;border:1px solid rgba(17,17,17,.08)!important;border-radius:24px!important;padding:26px 22px!important;box-shadow:0 16px 40px rgba(17,17,17,.045);align-self:start!important}
.da-store__cats .da-store__cats-title{display:flex;align-items:center;gap:8px;margin:0 0 14px!important;font-size:11px!important;font-weight:900!important;letter-spacing:.12em!important;color:#0096d6!important}
.da-store__cats .da-store__cats-title::before{content:"";width:6px;height:6px;border-radius:50%;background:#0096d6;flex:0 0 auto}
.da-store__cats .da-store__research-use .da-store__cats-list{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;border-bottom:0!important;padding-bottom:0!important;margin-bottom:0!important}
.da-store__cats .da-store__research-use .da-store__cat label>span{flex-direction:row;justify-content:flex-start!important;gap:9px!important;border:1.5px solid rgba(0,150,214,.25)!important;border-radius:14px!important;padding:10px 10px!important;background:#fff;min-height:46px;transition:all .18s ease}
.da-store__cats .da-store__research-use .da-store__cat strong{font-weight:750!important;font-size:11.5px!important;line-height:1.25;letter-spacing:.01em;color:#20125a;margin:0!important}
.da-store__cats .da-store__research-use .da-store__cat span.da-research-icon{padding:0!important;justify-content:center!important}
.da-store__cats .da-research-icon{width:26px;height:26px;flex:0 0 26px;border-radius:9px;background:rgba(0,150,214,.10);display:inline-flex;align-items:center;justify-content:center;transition:all .18s ease}
.da-store__cats .da-research-icon svg{width:15px!important;height:15px!important;stroke:#0096d6;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:all .18s ease}
.da-store__cats .da-store__research-use .da-store__cat label>span:hover{border-color:#0096d6!important;background:rgba(0,150,214,.05);transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,150,214,.14)}
.da-store__cats .da-store__research-use .da-store__cat input:checked+span{background:linear-gradient(135deg,#0096d6,#0096d6)!important;border-color:transparent!important;box-shadow:0 10px 22px rgba(0,150,214,.3)}
.da-store__cats .da-store__research-use .da-store__cat input:checked+span strong{color:#fff!important}
.da-store__cats .da-store__research-use .da-store__cat input:checked+span .da-research-icon{background:rgba(255,255,255,.2)}
.da-store__cats .da-store__research-use .da-store__cat input:checked+span .da-research-icon svg{stroke:#fff}
.da-store__cats .da-store__shop-category{margin-top:24px;padding-top:22px;border-top:1px solid rgba(17,17,17,.07)}
.da-store__cats .da-store__shop-category .da-store__cats-list{gap:2px!important}
.da-store__cats .da-store__shop-category .da-store__cat label>span{padding:7px 12px!important;border-radius:10px!important;font-size:13px!important;font-weight:700;color:#20125a;line-height:1.25!important;transition:all .15s ease}
.da-store__cats .da-store__shop-category .da-store__cat label>span:hover{background:rgba(0,150,214,.06)!important;color:#0077b6}
.da-store__cats .da-store__shop-category .da-store__cat input:checked+span{background:linear-gradient(90deg,#0096d6 3px,rgba(0,150,214,.09) 3px)!important;color:#0077b6!important;font-weight:800}
.da-store__cats .da-store__cat .filter__c{opacity:1!important;background:rgba(17,17,17,.05)!important;color:#6b6572!important;border-radius:999px!important;padding:3px 8px!important;font-size:10.5px!important;font-weight:800!important;line-height:1!important;min-width:28px;text-align:center;font-variant-numeric:tabular-nums}
.da-store__cats .da-store__cat input:checked+span .filter__c{background:#0096d6!important;color:#fff!important}


/* from shop */

#da-totop{position:fixed;right:16px;bottom:calc(18px + env(safe-area-inset-bottom));width:46px;height:46px;border-radius:50%;background:#18004c;color:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 26px rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:60;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s,transform .2s;cursor:pointer;padding:0}
#da-totop.is-on{opacity:1;pointer-events:auto;transform:none}
#da-totop svg{width:18px;height:18px}
body.daw20-on #da-totop{display:none}
@media (min-width:901px){#da-totop{display:none}}



/* from shop */

.danew{display:block;margin-top:10px}
.danew__sizes{display:flex;flex-direction:column;gap:6px;margin-bottom:9px}
.danew__size{display:flex;align-items:center;justify-content:space-between;gap:10px;
  width:100%;padding:9px 14px;border:1px solid rgba(0,0,0,.12);border-radius:999px;background:#fff;
  font-family:inherit;font-size:12.5px;color:#18004c;cursor:pointer;transition:border-color .13s,background .13s,color .13s}
.danew__size span{font-weight:700}
.danew__size b{font-weight:600;color:#8a8088;font-variant-numeric:tabular-nums}
.danew__size:hover{border-color:#18004c}
.danew__size[aria-pressed="true"]{background:#18004c;border-color:#18004c;color:#fff}
.danew__size[aria-pressed="true"] b{color:rgba(255,255,255,.82)}
.danew__size.is-out{opacity:.4;cursor:not-allowed}
.danew__size.is-out b{text-decoration:line-through}
.danew__add{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;
  padding:12px 16px;border:1px solid rgba(0,0,0,.10);border-radius:999px;background:#fff;color:#18004c;
  font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;
  box-shadow:0 6px 18px -7px rgba(0,150,214,.55);transition:background .15s,color .15s,box-shadow .15s}
.danew__add img{width:18px;height:18px;object-fit:contain;transition:filter .15s}
.danew__add:hover{background:#0096d6;color:#fff;border-color:#0096d6}
.danew__add:hover img{filter:brightness(0) invert(1)}
.danew__add:disabled{opacity:.75;cursor:default}
.danew.is-done .danew__add{background:#0a9d5c;border-color:#0a9d5c;color:#fff}
.danew.is-done .danew__add img{filter:brightness(0) invert(1)}



/* ===== plugin stylesheets from reference ===== */
/* DR Policy Pages — content typography on top of the live disguisedalpha.com theme.
   The theme stylesheet (/wp-content/themes/assets/styles.css) handles promo bar, nav,
   footer, hero, kicker, h-display, lede, and base tokens. We only add the prose layout. */

.policy-prose {
  max-width: 760px;
  margin: 0 auto;
  font-family: var(--font-body, 'Inter', system-ui, sans-serif);
  color: var(--ink, #18004c);
  font-size: 16px;
  line-height: 1.75;
}

.policy-prose > * + * { margin-top: 22px; }

.policy-prose h2 {
  margin: 56px 0 14px;
  font-family: var(--font-display, 'Anton', 'Inter', sans-serif);
  font-size: clamp(26px, 3vw, 34px);
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  color: var(--ink, #18004c);
  padding-top: 22px;
  border-top: 1px solid var(--line, rgba(24,0,76,0.08));
}
.policy-prose h2:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

.policy-prose h3 {
  margin: 32px 0 8px;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 17.5px;
  line-height: 1.35;
  font-weight: 700;
  color: var(--ink, #18004c);
  letter-spacing: -0.1px;
}

.policy-prose p {
  margin: 0 0 16px;
  color: var(--ink-2, rgba(24,0,76,0.72));
  font-size: 16px;
  line-height: 1.78;
}
.policy-prose p:last-child { margin-bottom: 0; }
.policy-prose strong { color: var(--ink, #18004c); font-weight: 700; }

.policy-prose a {
  color: var(--accent, #0096d6);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color .15s;
}
.policy-prose a:hover { color: var(--accent-dark, #0077b6); }

.policy-prose ul,
.policy-prose ol {
  margin: 0 0 18px;
  padding-left: 24px;
  color: var(--ink-2, rgba(24,0,76,0.72));
}
.policy-prose li {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 1.7;
}
.policy-prose li::marker { color: var(--accent, #0096d6); }

/* Call-out boxes */
.policy-callout {
  margin: 24px 0;
  padding: 24px 28px;
  background: var(--accent-soft, rgba(0,150,214,0.08));
  border: 1px solid var(--accent-soft, rgba(0,150,214,0.16));
  border-left: 4px solid var(--accent, #0096d6);
  border-radius: 14px;
}
.policy-callout > strong:first-child {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--accent-dark, #0077b6);
  font-weight: 800;
}
.policy-callout p { margin: 0; color: var(--ink-2, rgba(24,0,76,0.78)); }

.policy-callout--warn {
  background: rgba(255,200,87,0.08);
  border-color: rgba(255,200,87,0.32);
  border-left-color: #E6A02C;
}
.policy-callout--warn > strong:first-child { color: #B07210; }

/* Compliance / RUO emphasis card */
.policy-compliance {
  margin: 36px 0 0;
  padding: 36px 40px;
  background: var(--bg-dark, #18004c);
  color: var(--inv, #FFF);
  border-radius: 22px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.policy-compliance::before {
  content: '';
  position: absolute;
  inset: -50% -10% auto auto;
  width: 60%;
  height: 200%;
  background: radial-gradient(closest-side, var(--accent-glow, rgba(0,150,214,0.35)), transparent 70%);
  pointer-events: none;
}
.policy-compliance h2 {
  margin: 0 0 12px;
  border: none;
  padding: 0;
  color: #FFF;
  font-size: clamp(24px, 2.6vw, 32px);
  font-family: var(--font-display, 'Anton', sans-serif);
  font-weight: 400;
  text-transform: uppercase;
}
.policy-compliance p {
  margin: 0;
  max-width: 580px;
  margin-inline: auto;
  color: var(--inv-2, rgba(255,255,255,0.72));
  font-size: 15.5px;
  line-height: 1.75;
}
.policy-compliance strong { color: #FFF; }

/* Carrier / labels grid (3 col) */
.policy-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin: 18px 0 22px;
}
.policy-grid > div {
  padding: 18px;
  text-align: center;
  background: var(--bg-light, #FFF);
  border: 1px solid var(--line, rgba(24,0,76,0.08));
  border-radius: 14px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--ink, #18004c);
}

/* Shipping speed cards */
.policy-times {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin: 18px 0 22px;
}
.policy-times > div {
  padding: 24px;
  background: var(--bg-light, #FFF);
  border: 1px solid var(--line, rgba(24,0,76,0.08));
  border-radius: 16px;
}
.policy-times strong {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--ink, #18004c);
}
.policy-times span {
  font-size: 15px;
  color: var(--ink-2, rgba(24,0,76,0.72));
  font-weight: 500;
}

/* Numbered steps */
.policy-steps {
  display: grid;
  gap: 10px;
  margin: 18px 0 22px;
}
.policy-steps > div {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  background: var(--bg-light, #FFF);
  border: 1px solid var(--line, rgba(24,0,76,0.08));
  border-radius: 14px;
  color: var(--ink-2, rgba(24,0,76,0.72));
  font-size: 15px;
  font-weight: 600;
}
.policy-steps span {
  width: 26px; height: 26px; min-width: 26px;
  border-radius: 999px;
  background: var(--accent, #0096d6);
  color: #FFF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 800;
}

/* Contact card at the bottom of each policy */
.policy-contact {
  margin: 56px auto 0;
  max-width: 760px;
  padding: 36px;
  background: var(--bg-light, #FFF);
  border: 1px solid var(--line, rgba(24,0,76,0.08));
  border-radius: 22px;
  text-align: center;
  box-shadow: var(--shadow-sm, 0 4px 14px rgba(0,0,0,0.06));
}
.policy-contact h3 {
  margin: 0 0 8px;
  font-family: var(--font-display, 'Anton', sans-serif);
  font-weight: 400;
  text-transform: uppercase;
  font-size: 24px;
  color: var(--ink, #18004c);
  letter-spacing: 0.4px;
}
.policy-contact p {
  margin: 0 0 14px;
  color: var(--ink-3, rgba(24,0,76,0.52));
  font-size: 14.5px;
}
.policy-contact a {
  display: inline-block;
  font-size: 17px;
  font-weight: 700;
  color: var(--accent, #0096d6);
  text-decoration: none;
  border-bottom: 2px solid var(--accent, #0096d6);
  padding-bottom: 2px;
}

/* Page-header tweaks for legal pages */
.page-hd--legal { padding: clamp(72px, 9vw, 120px) 0 clamp(40px, 5vw, 64px); }
.page-hd--legal .h-display { font-size: clamp(48px, 8vw, 96px); }
.page-hd--legal .meta {
  margin-top: 14px;
  font-size: 13px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--inv-3, rgba(255,255,255,0.50));
}

/* Responsive */
@media (max-width: 760px) {
  .policy-prose { padding: 0 4px; }
  .policy-prose h2 { font-size: 26px; margin-top: 44px; padding-top: 18px; }
  .policy-grid { grid-template-columns: 1fr 1fr; }
  .policy-times { grid-template-columns: 1fr; }
  .policy-compliance { padding: 28px 22px; }
  .policy-contact { padding: 28px 22px; margin: 40px 0 0; }
}
@media (max-width: 480px) {
  .policy-grid { grid-template-columns: 1fr; }
}

/* DR SEO Hub — research / guide / comparison / calculator pages.
   Rides on the live theme stylesheet (styles.css) for nav, hero, footer,
   kicker, h-display, lede, wrap, section tokens. This file adds the
   content-layer components. */

/* ============ PROSE ============ */
.hub-prose{
  max-width:780px; margin:0 auto;
  font-family:var(--font-body,'Inter',system-ui,sans-serif);
  color:var(--ink,#18004c); font-size:16.5px; line-height:1.78;
}
.hub-prose > * + *{ margin-top:20px; }
.hub-prose h2{
  margin:54px 0 14px; padding-top:24px;
  border-top:1px solid var(--line,rgba(24,0,76,0.08));
  font-family:var(--font-display,'Anton','Inter',sans-serif);
  font-size:clamp(26px,3vw,36px); font-weight:400; line-height:1.08;
  letter-spacing:.3px; text-transform:uppercase; color:var(--ink,#18004c);
}
.hub-prose h2:first-child{ margin-top:0; padding-top:0; border-top:none; }
.hub-prose h3{
  margin:32px 0 8px; font-size:18.5px; font-weight:800; line-height:1.35;
  color:var(--ink,#18004c); letter-spacing:-.1px;
}
.hub-prose p{ margin:0 0 16px; color:var(--ink-2,rgba(24,0,76,0.74)); }
.hub-prose p:last-child{ margin-bottom:0; }
.hub-prose strong{ color:var(--ink,#18004c); font-weight:700; }
.hub-prose a{
  color:var(--accent,#0096d6); text-decoration:underline;
  text-decoration-thickness:1px; text-underline-offset:3px;
}
.hub-prose a:hover{ color:var(--accent-dark,#0077b6); }
.hub-prose ul,.hub-prose ol{
  margin:0 0 18px; padding-left:24px; color:var(--ink-2,rgba(24,0,76,0.74));
}
.hub-prose li{ margin-bottom:8px; line-height:1.7; }
.hub-prose li::marker{ color:var(--accent,#0096d6); }

/* ============ PAGE HEADER TWEAKS ============ */
.page-hd--hub{ padding:clamp(64px,8vw,104px) 0 clamp(36px,5vw,56px); }
.page-hd--hub .h-display{ font-size:clamp(40px,6.5vw,82px); }
.page-hd--hub .meta{
  margin-top:14px; font-size:13px; letter-spacing:1.2px;
  text-transform:uppercase; color:var(--inv-3,rgba(255,255,255,0.5));
}

/* ============ HUB CARD GRID ============ */
.hub-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:18px;
  max-width:1100px; margin:0 auto;
}
.hub-card{
  display:flex; flex-direction:column; gap:8px;
  padding:28px 26px; background:var(--bg-light,#FFF);
  border:1px solid var(--line,rgba(24,0,76,0.08)); border-radius:18px;
  text-decoration:none; color:var(--ink,#18004c);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.hub-card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 44px rgba(24,0,76,0.10);
  border-color:rgba(0,150,214,0.30);
}
.hub-card__tag{
  font-size:11px; font-weight:800; letter-spacing:1.4px;
  text-transform:uppercase; color:var(--accent,#0096d6);
}
.hub-card__title{
  font-family:var(--font-display,'Anton',sans-serif); font-weight:400;
  font-size:22px; line-height:1.1; text-transform:uppercase;
  letter-spacing:.3px; color:var(--ink,#18004c);
}
.hub-card__desc{ font-size:14.5px; line-height:1.6; color:var(--ink-2,rgba(24,0,76,0.66)); }
.hub-card__go{
  margin-top:auto; padding-top:10px; font-size:13px; font-weight:800;
  letter-spacing:.4px; color:var(--accent,#0096d6);
}

/* ============ SPEC TABLE (CAS / formula / MW) ============ */
.spec-table{
  width:100%; border-collapse:collapse; margin:8px 0 4px;
  border:1px solid var(--line,rgba(24,0,76,0.08)); border-radius:14px;
  overflow:hidden;
}
.spec-table tr{ border-bottom:1px solid var(--line,rgba(24,0,76,0.08)); }
.spec-table tr:last-child{ border-bottom:none; }
.spec-table th{
  text-align:left; width:42%; padding:14px 18px;
  background:rgba(24,0,76,0.025); font-size:13px; font-weight:800;
  letter-spacing:.6px; text-transform:uppercase; color:var(--ink,#18004c);
  vertical-align:top;
}
.spec-table td{
  padding:14px 18px; font-size:15px; color:var(--ink-2,rgba(24,0,76,0.78));
}

/* ============ COMPARISON TABLE ============ */
.cmp-table{
  width:100%; border-collapse:collapse; margin:22px 0;
  border:1px solid var(--line,rgba(24,0,76,0.08)); border-radius:16px;
  overflow:hidden; font-size:14.5px;
}
.cmp-table th,.cmp-table td{
  padding:15px 16px; border-bottom:1px solid var(--line,rgba(24,0,76,0.08));
  text-align:left; vertical-align:top;
}
.cmp-table thead th{
  background:var(--bg-dark,#18004c); color:#FFF;
  font-family:var(--font-display,'Anton',sans-serif); font-weight:400;
  font-size:15px; text-transform:uppercase; letter-spacing:.5px;
}
.cmp-table tbody th{
  background:rgba(24,0,76,0.025); font-weight:800; color:var(--ink,#18004c);
  font-size:13.5px;
}
.cmp-table td{ color:var(--ink-2,rgba(24,0,76,0.76)); }
.cmp-table tr:last-child th,.cmp-table tr:last-child td{ border-bottom:none; }
.cmp-table .cmp-accent{ color:var(--accent-dark,#0077b6); font-weight:700; }

/* ============ CALLOUT ============ */
.hub-callout{
  margin:26px 0; padding:24px 28px;
  background:var(--accent-soft,rgba(0,150,214,0.07));
  border:1px solid rgba(0,150,214,0.16);
  border-left:4px solid var(--accent,#0096d6); border-radius:14px;
}
.hub-callout strong:first-child{
  display:block; margin-bottom:6px; font-size:13px; letter-spacing:1.1px;
  text-transform:uppercase; color:var(--accent-dark,#0077b6); font-weight:800;
}
.hub-callout p{ margin:0; color:var(--ink-2,rgba(24,0,76,0.78)); }
.hub-callout--warn{
  background:rgba(255,184,0,0.07); border-color:rgba(255,184,0,0.28);
  border-left-color:#E6A02C;
}
.hub-callout--warn strong:first-child{ color:#B07210; }

/* ============ FAQ ACCORDION ============ */
.hub-faq{ max-width:780px; margin:0 auto; }
.hub-faq details{
  border:1px solid var(--line,rgba(24,0,76,0.08)); border-radius:14px;
  margin-bottom:12px; background:var(--bg-light,#FFF); overflow:hidden;
}
.hub-faq summary{
  list-style:none; cursor:pointer; padding:18px 22px;
  font-weight:700; font-size:16px; color:var(--ink,#18004c);
  display:flex; justify-content:space-between; align-items:center; gap:16px;
}
.hub-faq summary::-webkit-details-marker{ display:none; }
.hub-faq summary::after{
  content:'+'; font-size:22px; color:var(--accent,#0096d6);
  font-weight:400; line-height:1; flex:none;
}
.hub-faq details[open] summary::after{ content:'\2212'; }
.hub-faq details[open] summary{ border-bottom:1px solid var(--line,rgba(24,0,76,0.08)); }
.hub-faq__body{ padding:16px 22px 20px; color:var(--ink-2,rgba(24,0,76,0.76)); font-size:15px; line-height:1.7; }
.hub-faq__body p{ margin:0 0 12px; }
.hub-faq__body p:last-child{ margin-bottom:0; }

/* ============ HOWTO STEPS ============ */
.hub-steps{ display:grid; gap:12px; margin:22px 0; }
.hub-step{
  display:flex; gap:16px; padding:20px 22px;
  background:var(--bg-light,#FFF); border:1px solid var(--line,rgba(24,0,76,0.08));
  border-radius:14px;
}
.hub-step__num{
  flex:none; width:34px; height:34px; border-radius:999px;
  background:var(--accent,#0096d6); color:#FFF;
  display:flex; align-items:center; justify-content:center;
  font-weight:800; font-size:15px;
}
.hub-step__txt h3{ margin:0 0 4px; font-size:16.5px; font-weight:800; color:var(--ink,#18004c); }
.hub-step__txt p{ margin:0; font-size:14.5px; line-height:1.65; color:var(--ink-2,rgba(24,0,76,0.74)); }

/* ============ CALCULATOR ============ */
.calc{
  max-width:760px; margin:0 auto; padding:30px;
  background:var(--bg-light,#FFF); border:1px solid var(--line,rgba(24,0,76,0.08));
  border-radius:20px; box-shadow:0 8px 30px rgba(24,0,76,0.06);
}
.calc + .calc{ margin-top:28px; }
.calc__title{
  font-family:var(--font-display,'Anton',sans-serif); font-weight:400;
  font-size:24px; text-transform:uppercase; letter-spacing:.4px;
  color:var(--ink,#18004c); margin:0 0 4px;
}
.calc__sub{ font-size:14px; color:var(--ink-3,rgba(24,0,76,0.55)); margin:0 0 22px; }
.calc__row{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px; }
.calc__field label{
  display:block; font-size:12.5px; font-weight:800; letter-spacing:.6px;
  text-transform:uppercase; color:var(--ink,#18004c); margin-bottom:7px;
}
.calc__field input,.calc__field select{
  width:100%; box-sizing:border-box; padding:13px 14px;
  border:1px solid var(--line-2,rgba(24,0,76,0.18)); border-radius:11px;
  font:600 16px 'Inter',system-ui,sans-serif; color:var(--ink,#18004c);
  background:#FFF; -webkit-appearance:none; appearance:none;
}
.calc__field input:focus,.calc__field select:focus{
  outline:none; border-color:var(--accent,#0096d6);
  box-shadow:0 0 0 3px rgba(0,150,214,0.14);
}
.calc__out{
  margin-top:22px; padding:22px 24px; border-radius:14px;
  background:var(--bg-dark,#18004c); color:#FFF;
}
.calc__out-row{
  display:flex; justify-content:space-between; align-items:baseline; gap:14px;
  padding:9px 0; border-bottom:1px solid rgba(255,255,255,0.08);
}
.calc__out-row:last-child{ border-bottom:none; }
.calc__out-label{ font-size:13px; letter-spacing:.5px; text-transform:uppercase; color:rgba(255,255,255,0.6); font-weight:700; }
.calc__out-val{ font-family:var(--font-display,'Anton',sans-serif); font-weight:400; font-size:26px; color:var(--accent,#0096d6); }
.calc__out-val small{ font-size:14px; color:rgba(255,255,255,0.6); font-family:'Inter',sans-serif; margin-left:3px; }

/* ============ CROSS-LINK ROW ============ */
.hub-xlinks{
  display:grid; grid-template-columns:repeat(3,1fr); gap:14px;
  max-width:1000px; margin:0 auto;
}
.hub-xlink{
  display:block; padding:18px 20px; border-radius:14px;
  background:var(--bg-light,#FFF); border:1px solid var(--line,rgba(24,0,76,0.08));
  text-decoration:none; transition:border-color .2s, transform .2s;
}
.hub-xlink:hover{ border-color:rgba(0,150,214,0.3); transform:translateY(-2px); }
.hub-xlink span{ display:block; font-size:11px; font-weight:800; letter-spacing:1.2px; text-transform:uppercase; color:var(--accent,#0096d6); margin-bottom:4px; }
.hub-xlink strong{ font-size:15.5px; color:var(--ink,#18004c); font-weight:700; }

/* ============ CTA BLOCK ============ */
.hub-cta{
  margin:0 auto; max-width:780px; text-align:center;
  padding:40px 36px; border-radius:22px;
  background:var(--bg-dark,#18004c); color:#FFF; position:relative; overflow:hidden;
}
.hub-cta::before{
  content:''; position:absolute; inset:-50% -10% auto auto;
  width:60%; height:200%;
  background:radial-gradient(closest-side,rgba(0,150,214,0.34),transparent 70%);
  pointer-events:none;
}
.hub-cta h2{
  position:relative; margin:0 0 10px; border:none; padding:0;
  font-family:var(--font-display,'Anton',sans-serif); font-weight:400;
  font-size:clamp(24px,3vw,34px); text-transform:uppercase; color:#FFF;
}
.hub-cta p{ position:relative; margin:0 0 22px; color:rgba(255,255,255,0.72); font-size:15.5px; }
.hub-cta__btn{
  position:relative; display:inline-block; padding:15px 32px; border-radius:12px;
  background:linear-gradient(135deg,#0096d6,#0077b6); color:#FFF;
  font-weight:800; font-size:14px; letter-spacing:.6px; text-transform:uppercase;
  text-decoration:none; box-shadow:0 8px 24px rgba(0,150,214,0.4);
  transition:transform .15s, box-shadow .25s;
}
.hub-cta__btn:hover{ transform:translateY(-2px); box-shadow:0 14px 34px rgba(0,150,214,0.6); }

/* ============ RUO NOTICE ============ */
.hub-ruo{
  max-width:780px; margin:40px auto 0; padding:18px 22px;
  border:1px dashed rgba(24,0,76,0.18); border-radius:12px;
  font-size:13px; line-height:1.6; color:var(--ink-3,rgba(24,0,76,0.55));
}
.hub-ruo strong{ color:var(--ink-2,rgba(24,0,76,0.7)); }

/* ============ RESPONSIVE ============ */
@media (max-width:880px){
  .hub-grid{ grid-template-columns:1fr 1fr; }
  .hub-xlinks{ grid-template-columns:1fr; }
}
@media (max-width:620px){
  .hub-grid{ grid-template-columns:1fr; }
  .calc__row{ grid-template-columns:1fr; }
  .hub-prose{ font-size:16px; }
  .cmp-table{ font-size:13px; }
  .cmp-table th,.cmp-table td{ padding:11px 10px; }
  .spec-table th{ width:46%; }
}

/* DR Track Order — page-specific layout on top of the live disguisedalpha.com theme */

.drto-wrap {
  max-width: 760px;
  margin: 0 auto;
  font-family: var(--font-body, 'Inter', system-ui, sans-serif);
}

/* ============== FORM ============== */
.drto-form {
  background: var(--bg-light, #FFF);
  border: 1px solid var(--line, rgba(24,0,76,0.08));
  border-radius: 22px;
  padding: 36px 40px;
  box-shadow: var(--shadow-sm, 0 4px 14px rgba(0,0,0,0.06));
}

.drto-hp {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.drto-form__row {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 18px;
  margin-bottom: 24px;
}

.drto-field {
  display: flex;
  flex-direction: column;
}

.drto-field__lbl {
  display: block;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--ink-3, rgba(24,0,76,0.52));
}

.drto-field input {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid var(--line-2, rgba(24,0,76,0.16));
  background: var(--bg-soft, #FAFAFB);
  border-radius: 12px;
  padding: 14px 16px;
  font: 500 16px var(--font-body, 'Inter', sans-serif);
  color: var(--ink, #18004c);
  transition: border-color .15s, background .15s, box-shadow .15s;
  outline: none;
}
.drto-field input::placeholder { color: var(--ink-4, rgba(24,0,76,0.32)); }
.drto-field input:focus {
  border-color: var(--accent, #0096d6);
  background: #FFF;
  box-shadow: 0 0 0 4px rgba(0,150,214,0.12);
}

.drto-form__actions {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}
.drto-form__actions .btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.drto-form__hint {
  margin: 0;
  font-size: 13px;
  color: var(--ink-3, rgba(24,0,76,0.52));
  flex: 1;
}

/* ============== RESULT ============== */
.drto-result {
  margin-top: 28px;
  padding: 36px 40px;
  background: var(--bg-light, #FFF);
  border: 1px solid var(--line, rgba(24,0,76,0.08));
  border-radius: 22px;
  box-shadow: var(--shadow-md, 0 12px 36px rgba(0,0,0,0.08));
  position: relative;
  overflow: hidden;
}
.drto-result::before {
  content: '';
  position: absolute;
  inset: 0 auto auto 0;
  width: 6px; height: 100%;
  background: var(--accent, #0096d6);
}
.drto-result--go::before    { background: var(--accent, #0096d6); }
.drto-result--warn::before  { background: #E6A02C; }
.drto-result--done::before  { background: #11B97A; }
.drto-result--fail::before  { background: #DD3A4F; }

.drto-result__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 22px;
}
.drto-result__kicker {
  display: inline-block;
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--ink-3, rgba(24,0,76,0.52));
}
.drto-result__status {
  margin: 0 0 6px;
  font-family: var(--font-display, 'Anton', sans-serif);
  font-weight: 400;
  text-transform: uppercase;
  font-size: clamp(28px, 3.4vw, 44px);
  line-height: 1.05;
  letter-spacing: 0.4px;
  color: var(--ink, #18004c);
}
.drto-result--done .drto-result__status { color: #0E8E5F; }
.drto-result--warn .drto-result__status { color: #B07210; }
.drto-result--fail .drto-result__status { color: #B62A3D; }
.drto-result__caption {
  margin: 0;
  font-size: 15px;
  color: var(--ink-2, rgba(24,0,76,0.72));
}

.drto-result__badge {
  font-family: var(--font-display, 'Anton', sans-serif);
  font-weight: 400;
  font-size: 32px;
  letter-spacing: 0.5px;
  color: var(--accent, #0096d6);
  white-space: nowrap;
}
.drto-result--done .drto-result__badge { color: #11B97A; }
.drto-result--warn .drto-result__badge { color: #E6A02C; }
.drto-result--fail .drto-result__badge { color: #DD3A4F; }

.drto-progress {
  height: 6px;
  background: var(--bg-gray, #F3F3F5);
  border-radius: 999px;
  overflow: hidden;
  margin-bottom: 26px;
}
.drto-progress__bar {
  height: 100%;
  background: linear-gradient(90deg, var(--accent, #0096d6), var(--accent-dark, #0077b6));
  border-radius: 999px;
  transition: width 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
.drto-result--done .drto-progress__bar { background: linear-gradient(90deg, #11B97A, #0E8E5F); }
.drto-result--warn .drto-progress__bar { background: linear-gradient(90deg, #FFC857, #E6A02C); }
.drto-result--fail .drto-progress__bar { background: linear-gradient(90deg, #DD3A4F, #B62A3D); }

.drto-result__meta {
  margin: 0 0 22px;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
.drto-result__meta > div {
  padding: 16px 18px;
  background: var(--bg-soft, #FAFAFB);
  border: 1px solid var(--line, rgba(24,0,76,0.08));
  border-radius: 12px;
}
.drto-result__meta dt {
  margin: 0 0 4px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--ink-3, rgba(24,0,76,0.52));
}
.drto-result__meta dd {
  margin: 0;
  font-size: 15px;
  color: var(--ink, #18004c);
  font-weight: 600;
  line-height: 1.4;
}

.drto-tracking {
  margin: 0 0 22px;
  padding: 18px 22px;
  background: var(--bg-dark, #18004c);
  color: var(--inv, #FFF);
  border-radius: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.drto-tracking__lbl {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--inv-3, rgba(255,255,255,0.5));
}
.drto-tracking__num {
  font-family: 'SF Mono', 'Monaco', monospace;
  font-size: 17px;
  font-weight: 700;
  color: var(--accent, #0096d6);
  text-decoration: none;
  letter-spacing: 0.3px;
}
.drto-tracking__num:hover { color: #FFF; }

.drto-items h3 {
  margin: 0 0 12px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--ink-3, rgba(24,0,76,0.52));
}
.drto-items ul {
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--line, rgba(24,0,76,0.08));
}
.drto-items li {
  display: flex;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid var(--line, rgba(24,0,76,0.08));
  font-size: 15px;
  color: var(--ink, #18004c);
}
.drto-items__qty {
  flex-shrink: 0;
  font-weight: 800;
  color: var(--accent, #0096d6);
  min-width: 36px;
}
.drto-items__name { font-weight: 500; }
.drto-items__total {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding-top: 10px;
  font-size: 14px;
  color: var(--ink-3, rgba(24,0,76,0.52));
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-weight: 800;
}
.drto-items__total strong {
  font-family: var(--font-display, 'Anton', sans-serif);
  font-weight: 400;
  font-size: 26px;
  letter-spacing: 0.4px;
  color: var(--ink, #18004c);
  text-transform: none;
}

.drto-result__foot {
  margin: 22px 0 0;
  padding-top: 22px;
  border-top: 1px solid var(--line, rgba(24,0,76,0.08));
  font-size: 14px;
  color: var(--ink-3, rgba(24,0,76,0.52));
}
.drto-result__foot a {
  color: var(--accent, #0096d6);
  text-decoration: none;
  font-weight: 600;
}
.drto-result__foot a:hover { text-decoration: underline; }

/* ============== HELP CARD ============== */
.drto-help {
  margin: 36px auto 0;
  padding: 26px 30px;
  background: transparent;
  border: 1px dashed var(--line-2, rgba(24,0,76,0.16));
  border-radius: 14px;
  text-align: center;
}
.drto-help h3 {
  margin: 0 0 6px;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--ink, #18004c);
}
.drto-help p {
  margin: 0;
  font-size: 14.5px;
  color: var(--ink-2, rgba(24,0,76,0.72));
}
.drto-help a {
  color: var(--accent, #0096d6);
  font-weight: 600;
  text-decoration: none;
}
.drto-help a:hover { text-decoration: underline; }

/* ============== RESPONSIVE ============== */
@media (max-width: 720px) {
  .drto-form { padding: 24px; border-radius: 18px; }
  .drto-form__row { grid-template-columns: 1fr; gap: 16px; }
  .drto-form__actions { flex-direction: column; align-items: stretch; }
  .drto-form__actions .btn { width: 100%; justify-content: center; }
  .drto-result { padding: 24px; border-radius: 18px; }
  .drto-result__head { flex-direction: column; gap: 8px; }
  .drto-result__meta { grid-template-columns: 1fr; gap: 10px; }
  .drto-tracking { flex-direction: column; align-items: flex-start; }
}

/**
 * SP Bulk Discounts — Frontend Styles
 *
 * Design language: Heritage Labs aesthetic — elegant, professional, graceful.
 * Oswald headings, Lato body. Navy + red accents. Curves, subtle shadows, gentle motion.
 */

/* ===== Reset ===== */
.spbd-tier-wrap *,
.spbd-tier-wrap *::before,
.spbd-tier-wrap *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* ===== Container ===== */
.spbd-tier-wrap {
    margin: 18px 0;
    font-family: var(--spbd-font-body);
    overflow: visible !important;
}


/* Force Elementor containers to not clip the tier table */
.elementor-widget-container:has(.spbd-tier-wrap),
.elementor-widget:has(.spbd-tier-wrap) {
    overflow: visible !important;
}

/* ===== Title ===== */
.spbd-title {
    font-family: var(--spbd-font-heading);
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--spbd-primary);
    margin: 0 0 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.spbd-title::before {
    content: '';
    display: block;
    width: 3px;
    height: 18px;
    background: var(--spbd-accent);
    border-radius: 2px;
    flex-shrink: 0;
}

/* ===== Tier Grid — Horizontal Card Layout ===== */
.spbd-tiers {
    display: flex;
    flex-direction: row;
    gap: 0;
    border-radius: 0;
    overflow: visible;
    background: transparent;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.04);
}

/* ===== Individual Tier Card ===== */
.spbd-tier {
    position: relative;
    flex: 1 1 0;
    padding: 4px 8px 4px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    cursor: pointer;
    transition: background 0.25s ease, box-shadow 0.25s ease;
    border-right: 1px solid rgba(0, 40, 104, 0.06);
    background: var(--spbd-bg);
}

.spbd-tier:first-child {
    border-radius: 12px 0 0 12px;
}

.spbd-tier:last-child {
    border-right: none;
    border-radius: 0 12px 12px 0;
}

.spbd-tier:hover {
    background: var(--spbd-selected-bg);
}

/* Active/selected tier */
.spbd-tier.spbd-active {
    background: var(--spbd-selected-bg);
    box-shadow: inset 0 -3px 0 var(--spbd-primary);
}

/* Bottom-edge indicator on hover */
.spbd-tier::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 20%;
    right: 20%;
    height: 3px;
    background: var(--spbd-primary);
    border-radius: 2px 2px 0 0;
    opacity: 0;
    transform: scaleX(0.4);
    transition: opacity 0.3s ease, transform 0.3s cubic-bezier(.22, .61, .36, 1);
}

.spbd-tier:hover::before,
.spbd-tier.spbd-active::before {
    opacity: 1;
    transform: scaleX(1);
}

/* ===== Tier Inner Layout — Stacked ===== */
.spbd-tier-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 0;
    padding: 0 !important;
    margin: 0 !important;
}

.spbd-tier-inner > * {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}

/* Quantity */
.spbd-tier-qty {
    flex: 0 0 auto;
}

.spbd-qty-range {
    font-family: var(--spbd-font-heading);
    font-weight: 600;
    font-size: 13px;
    color: var(--spbd-primary);
    letter-spacing: 0.5px;
}

/* Price */
.spbd-tier-price {
    display: flex;
    align-items: baseline;
    gap: 2px;
}

.spbd-unit-price {
    font-family: var(--spbd-font-heading);
    font-weight: 700;
    font-size: 15px;
    color: #1a0b4f;
    letter-spacing: -0.3px;
}

.spbd-per-unit {
    font-size: 10px;
    color: #8896a8;
    font-weight: 400;
}

/* Savings */
.spbd-tier-savings {
    font-size: 11px;
    font-weight: 600;
    color: var(--spbd-accent);
    letter-spacing: 0.3px;
}

/* Custom Label */
.spbd-tier-label {
    font-size: 10px;
    color: #6b7d93;
    font-style: italic;
}

/* ===== Best Value Badge ===== */
.spbd-badge {
    display: inline-block;
    background: var(--spbd-badge);
    color: #fff;
    font-family: var(--spbd-font-heading);
    font-size: 6px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 2px 4px;
    border-radius: 2px;
    text-align: center;
    white-space: nowrap;
    margin-bottom: 2px;
}

@keyframes spbd-badge-glow {
    0%, 100% { box-shadow: 0 2px 8px rgba(191, 10, 48, 0.25); }
    50% { box-shadow: 0 2px 14px rgba(191, 10, 48, 0.4); }
}

/* Best-value tier — room for badge */
.spbd-tier--best {
    padding: 6px 4px 4px !important;
    background: linear-gradient(180deg, rgba(191, 10, 48, 0.03) 0%, transparent 60%);
}

.spbd-tier--best:hover,
.spbd-tier--best.spbd-active {
    background: var(--spbd-selected-bg);
}

/* ===== Inline Quantity Selector (Elementor mode) ===== */
.spbd-qty-selector {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px 20px;
    background: var(--spbd-bg);
    border-top: 1px solid rgba(0, 40, 104, 0.08);
    border-radius: 0 0 12px 12px;
    margin-top: -1px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.04);
}

.spbd-qty-controls {
    display: flex;
    align-items: center;
    gap: 0;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    border: 1.5px solid var(--spbd-primary);
    box-shadow: 0 1px 3px rgba(0, 40, 104, 0.08);
}

/* Nuclear override — theme styles WILL NOT touch these buttons */
.spbd-tier-wrap .spbd-qty-selector .spbd-qty-controls button.spbd-qty-btn,
.spbd-tier-wrap .spbd-qty-selector .spbd-qty-controls button.spbd-qty-btn:visited,
.spbd-tier-wrap .spbd-qty-selector .spbd-qty-controls button.spbd-qty-btn:link {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    max-width: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--spbd-primary) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    font-size: 20px !important;
    font-weight: 300 !important;
    font-family: var(--spbd-font-body) !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    text-decoration: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    outline: none !important;
    transition: background 0.2s ease, transform 0.1s ease !important;
}

.spbd-tier-wrap .spbd-qty-selector .spbd-qty-controls button.spbd-qty-btn:hover {
    background: #001a4a !important;
    color: #fff !important;
}

.spbd-tier-wrap .spbd-qty-selector .spbd-qty-controls button.spbd-qty-btn:active {
    background: #000e2d !important;
    transform: scale(0.95) !important;
}

.spbd-qty-input {
    width: 56px !important;
    height: 40px !important;
    text-align: center !important;
    border: none !important;
    border-left: 1px solid rgba(0, 40, 104, 0.12) !important;
    border-right: 1px solid rgba(0, 40, 104, 0.12) !important;
    font-family: var(--spbd-font-heading) !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    color: var(--spbd-primary) !important;
    background: #fff !important;
    -moz-appearance: textfield !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    outline: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.spbd-qty-input::-webkit-inner-spin-button,
.spbd-qty-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.spbd-qty-input:focus {
    background: rgba(0, 40, 104, 0.03) !important;
}

.spbd-qty-label {
    font-family: var(--spbd-font-heading);
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--spbd-primary);
    opacity: 0.7;
    user-select: none;
}

/* ===== Shop Loop — "As low as" Teaser ===== */
.spbd-loop-teaser {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #002868 !important;
    letter-spacing: 0.2px !important;
    white-space: nowrap !important;
}

.spbd-loop-teaser strong {
    font-weight: 700 !important;
}

/* ===== Mobile ===== */
@media (max-width: 600px) {
    .spbd-tier-wrap {
        margin: 14px 0;
    }

    .spbd-title {
        font-size: 14px;
    }

    .spbd-tiers {
        flex-wrap: wrap;
    }

    .spbd-tier {
        flex: 1 1 45%;
        padding: 12px 8px 10px;
        border-right: 1px solid rgba(0, 40, 104, 0.06);
        border-bottom: 1px solid rgba(0, 40, 104, 0.06);
    }

    /* Remove right border on even columns */
    .spbd-tier:nth-child(2n) {
        border-right: none;
    }

    /* Remove bottom border on last row */
    .spbd-tier:nth-last-child(-n+2) {
        border-bottom: none;
    }

    .spbd-qty-range {
        font-size: 13px;
    }

    .spbd-unit-price {
        font-size: 15px;
    }

    .spbd-tier-savings {
        font-size: 11px;
    }

    .spbd-badge {
        font-size: 7px;
        padding: 2px 6px;
    }

    .spbd-tier--best {
        padding-top: 8px;
    }
}

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600&family=Lato:wght@400;700&display=swap');

/* ════════════════════════════════════
   SITE-WIDE BANNER
   ════════════════════════════════════ */
.sp-mil-bar {
    width: 100%;
    padding: 9px 20px;
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.3px;
    z-index: 100000;
    position: fixed;
    top: 0;
    left: 0;
    box-sizing: border-box;
    line-height: 1.4;
    background: var(--spm-bg, #18004c);
    color: var(--spm-text, #ffffff);
    border-bottom: 1px solid rgba(255,255,255,0.06);
}
.sp-mil-bar a {
    color: var(--spm-text, #fff);
    text-decoration: none;
    font-weight: 700;
    font-family: 'Oswald', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    padding-bottom: 1px;
    transition: border-color 0.2s;
}
.sp-mil-bar a:hover { border-color: var(--spm-text, #fff); }
.sp-mil-bar .sp-mil-sep {
    display: inline-block;
    width: 1px; height: 10px;
    background: rgba(255,255,255,0.15);
    margin: 0 10px;
    vertical-align: middle;
}
.sp-mil-bar .sp-mil-accent { color: var(--spm-accent, #bf2c2c); }

@media (max-width: 600px) {
    .sp-mil-bar { font-size: 11.5px; padding: 8px 14px; }
}

/* ════════════════════════════════════
   VERIFICATION PAGE
   ════════════════════════════════════ */
.sp-mil-page {
    text-align: center;
    padding: 60px 24px 60px;
    font-family: 'Lato', sans-serif;
    max-width: 720px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.sp-mil-page .sp-mil-flag-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 700px;
    height: auto;
    opacity: 0.07;
    pointer-events: none;
    z-index: 0;
    user-select: none;
}
.sp-mil-page > *:not(.sp-mil-flag-bg) {
    position: relative;
    z-index: 1;
}
.sp-mil-page h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 22px;
    font-weight: 500;
    color: var(--spm-heading, #18004c);
    letter-spacing: 2.5px;
    text-transform: uppercase;
    margin: 0 0 16px;
}
.sp-mil-page .sp-mil-desc {
    font-size: 15px;
    line-height: 1.7;
    color: var(--spm-body, #555555);
    max-width: 480px;
    margin: 0 auto 10px;
}
.sp-mil-page .sp-mil-desc strong {
    color: var(--spm-heading, #18004c);
}
.sp-mil-page .sp-mil-divider {
    width: 50px;
    height: 0;
    border: none;
    border-top: 2px solid var(--spm-accent, #bf2c2c);
    margin: 28px auto;
}
.sp-mil-page .sp-mil-steps {
    display: flex;
    gap: 32px;
    max-width: 520px;
    margin: 0 auto 38px;
}
.sp-mil-page .sp-mil-step {
    flex: 1;
    text-align: center;
}
.sp-mil-page .sp-mil-step-num {
    font-family: 'Oswald', sans-serif;
    font-size: 28px;
    font-weight: 400;
    color: var(--spm-body, #c5c9cf);
    opacity: 0.5;
    line-height: 1;
    margin-bottom: 8px;
}
.sp-mil-page .sp-mil-step-text {
    font-size: 13px;
    line-height: 1.55;
    color: var(--spm-body, #777777);
}
.sp-mil-page .sp-mil-cta-btn {
    display: inline-block;
    background: var(--spm-btn, #18004c);
    color: var(--spm-btn-text, #ffffff);
    border: none;
    border-radius: 3px;
    cursor: pointer;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 13px 40px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    transition: opacity 0.2s;
}
.sp-mil-page .sp-mil-cta-btn:hover { opacity: 0.85; }
.sp-mil-page .sp-mil-fine {
    font-size: 11px;
    color: var(--spm-body, #bbbbbb);
    opacity: 0.6;
    margin-top: 16px;
}
.sp-mil-page .sp-mil-fine a { color: inherit; }
.sp-mil-page .sp-mil-verified-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--spm-heading, #18004c);
    border-radius: 3px;
    padding: 10px 22px;
    font-family: 'Oswald', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: var(--spm-heading, #18004c);
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 6px;
}
.sp-mil-page .sp-mil-verified-badge .sp-mil-vdot {
    width: 6px; height: 6px;
    background: var(--spm-accent, #bf2c2c);
    border-radius: 50%;
    flex-shrink: 0;
}
.sp-mil-page .sp-mil-login-prompt {
    font-size: 14px;
    color: var(--spm-body, #888888);
    margin-top: 4px;
}
.sp-mil-page .sp-mil-login-prompt a {
    color: var(--spm-heading, #18004c);
    font-weight: 700;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
    opacity: 0.7;
}
.sp-mil-page .sp-mil-login-prompt a:hover { opacity: 1; }

@media (max-width: 600px) {
    .sp-mil-page { padding: 36px 20px 44px; }
    .sp-mil-page .sp-mil-flag-bg { width: 420px; }
    .sp-mil-page h2 { font-size: 18px; }
    .sp-mil-page .sp-mil-steps { flex-direction: column; gap: 16px; }
}

/* ════════════════════════════════════
   MY ACCOUNT BADGE
   ════════════════════════════════════ */
.sp-mil-account-badge {
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--spm-badge-bg, #f7f8fa);
    border-left: 3px solid var(--spm-heading, #18004c);
    padding: 12px 18px;
    margin: 12px 0 22px;
    max-width: 420px;
}
.sp-mil-account-badge .sp-mil-account-flag {
    width: 28px;
    height: auto;
    flex-shrink: 0;
}
.sp-mil-account-badge .sp-mil-account-emoji {
    font-size: 28px;
    line-height: 1;
    flex-shrink: 0;
}
.sp-mil-account-badge .sp-mil-account-title {
    font-family: 'Oswald', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: var(--spm-heading, #18004c);
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 2px;
}
.sp-mil-account-badge .sp-mil-account-desc {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    color: var(--spm-body, #666666);
    line-height: 1.4;
}

/* SP Referrals — My Account dashboard */
:root {
  --sprf-brand: #0a3a6e;
  --sprf-credit: #15803d;
}

.sprf-wrap {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  color: #1f2937;
  line-height: 1.5;
}

.sprf-eyebrow {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: var(--sprf-brand);
  margin-bottom: 8px;
}

.sprf-h {
  font-size: 1.6rem;
  font-weight: 600;
  margin: 0 0 8px;
  letter-spacing: -0.015em;
  color: #111827;
}

.sprf-lede {
  font-size: 1rem;
  color: #4b5563;
  max-width: 560px;
  margin: 0;
}

.sprf-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 24px;
  padding: 24px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #f9fafb;
  margin-bottom: 20px;
  align-items: center;
}
@media (max-width: 720px) {
  .sprf-hero { grid-template-columns: 1fr; }
}

.sprf-balance {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 18px 20px;
  text-align: right;
}
.sprf-balance__label {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: #6b7280;
}
.sprf-balance__value {
  font-size: 2rem;
  font-weight: 700;
  color: var(--sprf-credit);
  letter-spacing: -0.025em;
  line-height: 1.1;
  margin-top: 4px;
}
.sprf-balance__sub {
  font-size: 0.85rem;
  color: #6b7280;
  margin-top: 6px;
}
.sprf-balance__note {
  font-size: 0.72rem;
  color: #9ca3af;
  margin-top: 8px;
}

.sprf-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 22px 24px;
  margin-bottom: 16px;
}

.sprf-card__label {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: #6b7280;
  margin-bottom: 12px;
}

.sprf-card__hint {
  font-size: 0.85rem;
  color: #6b7280;
  margin-top: 10px;
}

.sprf-code-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.sprf-code {
  display: inline-block;
  font-family: 'Courier New', ui-monospace, monospace;
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--sprf-brand);
  background: #eff6ff;
  border: 1px dashed var(--sprf-brand);
  padding: 8px 14px;
  border-radius: 4px;
  letter-spacing: 0.04em;
  margin-right: 6px;
}

.sprf-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--sprf-brand);
  color: #ffffff;
  border: 1px solid var(--sprf-brand);
  border-radius: 4px;
  padding: 8px 14px;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: background .12s ease;
  font-family: inherit;
}
.sprf-btn:hover { background: #062a52; }
.sprf-btn--ghost {
  background: #ffffff;
  color: var(--sprf-brand);
}
.sprf-btn--ghost:hover { background: #f3f4f6; }

.sprf-btn[data-copied="1"] {
  background: var(--sprf-credit);
  border-color: var(--sprf-credit);
}

.sprf-empty {
  color: #6b7280;
  font-style: italic;
  margin: 4px 0 0;
}

.sprf-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.92rem;
}
.sprf-table th, .sprf-table td {
  text-align: left;
  padding: 10px 12px;
  border-bottom: 1px solid #f3f4f6;
}
.sprf-table th {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6b7280;
  border-bottom: 2px solid #e5e7eb;
}
.sprf-table tr:last-child td { border-bottom: 0; }

.sprf-status {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 3px 8px;
  border-radius: 999px;
}
.sprf-status--credited { background: #dcfce7; color: #15803d; }
.sprf-status--pending  { background: #fef9c3; color: #854d0e; }
.sprf-status--review   { background: #fef3c7; color: #92400e; }
.sprf-status--voided   { background: #f3f4f6; color: #6b7280; }

.sprf-finepoints {
  font-size: 0.78rem;
  color: #9ca3af;
  margin-top: 18px;
  line-height: 1.5;
}

.sprf-optout-link {
  color: #9ca3af;
  text-decoration: underline;
}
.sprf-optout-link:hover { color: #6b7280; }

/* Enrollment CTA card (pre-join + opted-out states) */
.sprf-cta {
  max-width: 720px;
  text-align: left;
}
.sprf-cta .sprf-eyebrow { margin-bottom: 6px; }
.sprf-cta .sprf-h { margin-top: 0; }
.sprf-cta-bullets {
  margin: 18px 0;
  padding: 0 0 0 18px;
  font-size: 0.95rem;
  color: #374151;
  line-height: 1.7;
}
.sprf-cta-bullets li { margin: 4px 0; }
.sprf-cta-form {
  margin-top: 8px;
}
.sprf-btn--lg {
  font-size: 1rem;
  padding: 12px 22px;
}



/* =====================================================================
   Elev8 Labs brand system — purple #18004C · cyan #00F0E0 → blue #00B0E0
   (applied after the recoloured reference stylesheet)
   ===================================================================== */
:root{
  --purple:#18004C;--purple-2:#0E0030;--purple-3:#24106A;
  --cyan:#00F0E0;--cyan-2:#00B0E0;--blue:#0096D6;--blue-dark:#0077B6;
  --accent:#0096D6;--accent-dark:#0077B6;--accent-soft:rgba(0,150,214,.10);--accent-glow:rgba(0,229,224,.32);
  --accent-bright:#00F0E0;
  --grad:linear-gradient(135deg,#00F0E0 0%,#00B0E0 100%);
  --grad-h:linear-gradient(135deg,#33F4E8 0%,#00C2F0 100%);
  --bg-dark:#18004C;--bg-deep:#0E0030;
  --ink:#160A3D;--ink-2:rgba(22,10,61,.74);--ink-3:rgba(22,10,61,.56);--ink-4:rgba(22,10,61,.34);
  --line:rgba(24,0,76,.09);--line-2:rgba(24,0,76,.18);
  --shadow-glow:0 0 40px rgba(0,229,224,.28);
  --ease:cubic-bezier(.2,.8,.2,1);--t-fast:160ms;--t-mid:260ms;--t-slow:420ms;
  --mag:#0096D6;--mag2:#0077B6;--pink:#E8FAFD;--pinkb:#BFEFF7;
}
/* ---- Header: solid, high-contrast, always legible on white pages ---- */
header.nav,header.nav.is-scrolled{background:var(--purple)!important;border-bottom:1px solid rgba(0,240,224,.16)!important;box-shadow:0 8px 28px rgba(14,0,48,.28)!important;backdrop-filter:none!important}
header.nav::before{content:'';position:absolute;inset:auto 0 -1px 0;height:2px;background:var(--grad);opacity:.9}
.nav__menu a,.nav__menu > ul > li > a{color:#fff!important}
.nav__menu a:hover,.nav__menu a:focus-visible,.nav__menu a.is-active{color:var(--cyan)!important}
.nav__menu > ul > li > a{position:relative;padding-bottom:4px}
.nav__menu > ul > li > a::after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform var(--t-mid) var(--ease)}
.nav__menu > ul > li > a:hover::after,.nav__menu > ul > li > a.is-active::after{transform:scaleX(1)}
.nav__menu ul ul{background:var(--purple-3)!important;border:1px solid rgba(0,240,224,.18)!important;box-shadow:0 18px 48px rgba(14,0,48,.45)!important}
.nav__menu ul ul a{color:#fff!important}
.nav__icon,.nav__burger{color:#fff!important;border-color:rgba(255,255,255,.18)!important;background:rgba(255,255,255,.06)!important;transition:background var(--t-fast),transform var(--t-fast)}
.nav__icon:hover,.nav__burger:hover{background:rgba(0,240,224,.16)!important;transform:translateY(-1px)}
.nav__cart-count{background:var(--cyan)!important;color:var(--purple)!important;font-weight:800}
.brand-logo{height:46px;width:auto;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}
@media (max-width:560px){.brand-logo{height:38px}}
.nav__brand img{max-width:none}
@media (max-width:880px){.nav__menu.is-open{background:var(--purple)!important}.nav__menu.is-open a{color:#fff!important}}
/* promo bar */
.sp-promo-bar,.promo-bar{background:var(--purple-2)!important;color:rgba(255,255,255,.82)!important;border-bottom:1px solid rgba(0,240,224,.12)}
.sp-promo-bar__item strong,.sp-promo-bar__item b{color:var(--cyan)!important}

/* ---- Buttons: gradient cyan, purple text (≥11:1 contrast), press feedback ---- */
.btn--accent,.da25-btn-solid,.dafp3-cta,.single_add_to_cart_button,.sendbtn,.wpill,.hub-cta__btn,.drx-btn:not(.drx-btn--ghost),.cbtn.mag,.fjoin,.da-mem .go,.final .go,.drfeat__go,.sprf-btn:not(.sprf-btn--ghost),.mfr-banner__cta,.btn--primary,
.woocommerce .button.checkout,.woocommerce #place_order,.woocommerce button.button.alt,.woocommerce a.button.alt,.scard__cta:not(.scard__cta--notify),.pcard__cta{
  background:var(--grad)!important;color:var(--purple)!important;border:0!important;box-shadow:0 10px 28px rgba(0,229,224,.22),inset 0 -1px 0 rgba(0,0,0,.08)!important;
  transition:transform var(--t-fast) var(--ease),box-shadow var(--t-mid) var(--ease),filter var(--t-fast)!important}
.btn--accent:hover,.da25-btn-solid:hover,.dafp3-cta:hover,.single_add_to_cart_button:hover,.sendbtn:hover,.wpill:hover,.hub-cta__btn:hover,.drx-btn:not(.drx-btn--ghost):hover,.cbtn.mag:hover,.fjoin:hover,.da-mem .go:hover,.final .go:hover,.drfeat__go:hover,.sprf-btn:not(.sprf-btn--ghost):hover,.mfr-banner__cta:hover,.btn--primary:hover,.woocommerce .button.checkout:hover,.woocommerce #place_order:hover,.scard__cta:not(.scard__cta--notify):hover,.pcard__cta:hover{
  background:var(--grad-h)!important;color:var(--purple)!important;transform:translateY(-2px);box-shadow:0 16px 36px rgba(0,229,224,.34)!important;filter:saturate(1.05)}
.btn--accent:active,.da25-btn-solid:active,.dafp3-cta:active,.single_add_to_cart_button:active,.scard__cta:active,.pcard__cta:active,.sendbtn:active,.wpill:active{transform:translateY(0) scale(.98)}
.scard__cta img{filter:brightness(0) saturate(100%) invert(8%) sepia(60%) saturate(5000%) hue-rotate(255deg)}
.btn--ghost,.da25-btn-ghost{border-color:rgba(24,0,76,.22);transition:border-color var(--t-fast),background var(--t-fast),transform var(--t-fast)}
.btn--ghost:hover{border-color:var(--blue);background:var(--accent-soft);transform:translateY(-1px)}
.da25-btn-ghost{color:#fff;border-color:rgba(255,255,255,.35)}
.da25-btn-ghost:hover{border-color:var(--cyan);background:rgba(0,240,224,.1)}
.pcard__cta--options{background:var(--purple)!important;color:#fff!important}

/* ---- Text accents on dark surfaces → bright cyan (on white → deep blue for contrast) ---- */
.da25-eyebrow,.drfeat__eyebrow,.mfr-banner__tag,.dsw-eyebrow,.cat-card--featured .cat-card__tag,.kicker--inv,.da-mem .sec-kicker,.da-mem .eyebrow,.page-hd .crumbs a{color:var(--cyan)!important}
.da25-out{-webkit-text-stroke:0!important;color:var(--cyan)!important;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.pull__txt em,.dsw-accent,.dah-accent,.da-mem .mag,.da-mem .sec-title .mag,.final .period,.h1 .period,.cohero h1 em,.pv-hero h1 em,.softband h2 em,.faqleft h2 em,.drx-hero h1 em{color:var(--cyan)!important;-webkit-text-fill-color:currentColor}
.cohero h1 em,.faqleft h2 em,.dah-accent,.hero__title-1 em{color:var(--blue)!important}
.info-card--dark,.cat-card--featured,.dsw-panel,.pull,.final,.da-mem .hero,.drfeat,.cert,.page-hd,.heroband,.mfr-banner__inner{background-color:var(--purple)!important}
.page-hd,.heroband,.page-hd--hub,.page-hd--legal{background:radial-gradient(120% 140% at 80% 0%,rgba(0,240,224,.18),transparent 55%),var(--purple)!important}
.da25-hero{background:var(--purple-2)!important}
.da25-kv{background:radial-gradient(130% 120% at 72% 28%,rgba(0,240,224,.14),rgba(0,240,224,0) 55%),var(--purple-2)!important}
.da25-kv:before{background:linear-gradient(90deg,#0E0030 0%,rgba(14,0,48,.6) 22%,transparent 46%)!important}
@media (max-width:1023px){.da25-kv:before{background:linear-gradient(180deg,rgba(14,0,48,.88) 0%,rgba(14,0,48,.6) 34%,rgba(14,0,48,.48) 58%,rgba(14,0,48,.55) 74%,rgba(14,0,48,.75) 90%,rgba(14,0,48,.85) 100%)!important}}
.trust{background:linear-gradient(180deg,rgba(0,240,224,.06),transparent)!important}
.kicker{color:var(--blue-dark)!important}
.kicker::before{background:var(--cyan)!important}
.pcard__price,.scard__price,.pdp__price-now,.dafp3-amt,.price{color:var(--purple)!important}
.scard__badge,.pcard__newtag,.dafp3-badge,.scard__featbadge{background:var(--grad)!important;color:var(--purple)!important;font-weight:800}
.dsw-new{background:var(--cyan)!important;color:var(--purple)!important}
.step__num{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:1!important}
.foot{background:var(--purple-2)!important}
.foot h4,.foot__pay-label{color:var(--cyan)!important}
.foot a:hover{color:var(--cyan)!important}
.foot__ruo{background:rgba(0,240,224,.06)!important;border-color:rgba(0,240,224,.18)!important}
.foot__ruo strong{color:var(--cyan)!important}
.dr-alt{background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(0,240,224,.25)!important}
.info-card__icon,.dah-ico,.rico,.ti,.drps-head__icon,.drr-head__icon{color:var(--blue)!important;background:var(--accent-soft)!important}
.info-card--dark .info-card__icon{color:var(--cyan)!important;background:rgba(0,240,224,.12)!important}
.faq__q::after{color:var(--blue)!important}
.faq__item.is-open{border-color:var(--cyan-2)!important}
.cat-card:not(.cat-card--featured) .cat-card__tag{background:var(--accent-soft)!important;color:var(--blue-dark)!important}
.cat-card__cta{color:var(--blue)!important}
.scard__media,.pcard__media,.ccard .tile,.dafp3-media{background:linear-gradient(180deg,#F3FBFE 0%,#E7F7FC 100%)!important}
.da-coa .proof.ok i{background:#0FA66E!important}
.da-coa .pill[aria-pressed="true"]{background:var(--purple)!important;border-color:var(--purple)!important;color:#fff!important}
.da-store__cat label input:checked + span,.da-store__chip input:checked + span{color:var(--blue-dark)!important}
.da-research-icon{color:var(--blue)!important}
.pdp__opt.is-active{border-color:var(--blue)!important;background:var(--accent-soft)!important}
.sp-batch-box{background:linear-gradient(135deg,#EAFBFD,#F5FDFE)!important;border-color:#BFEFF7!important}
.sp-batch-box strong{color:var(--blue-dark)!important}
.da-mem .card.elite{background:var(--purple)!important}
.da-mem .chip.mag{background:var(--grad)!important;color:var(--purple)!important}
.da-mem .rail .bar i,.da-mem input[type=range]{accent-color:var(--cyan)}
.drx-hero{background:var(--purple)!important}
.drx-earn{background:var(--purple-2)!important}
.hub-cta{background:var(--purple)!important}
.hub-card__tag{color:var(--blue-dark)!important;background:var(--accent-soft)!important}
.hub-card__go,.dah-val,.hub-card:hover .hub-card__title{color:var(--blue)!important}
.dr-save-figure,.dr-save-figure small{color:var(--blue)!important}
.dr-save-tag{background:var(--accent-soft)!important;color:var(--blue-dark)!important}
.policy-callout{border-left-color:var(--blue)!important;background:#EEF9FD!important}
.policy-callout--warn{border-left-color:#E6A02C!important;background:#FFF8EB!important}
.policy-compliance{background:var(--purple)!important}
.policy-contact a{color:var(--blue)!important}
.sp-mil-page .sp-mil-flag-bg{opacity:.06}
.da-pdp__trust span svg,.da-coa .proof.ok,.dafp3-trust span{color:#0FA66E}
.da-pdp__trust span{color:var(--ink-2)}
.da-totop{background:var(--purple)!important;color:var(--cyan)!important}
#da-totop{background:var(--purple)!important;color:var(--cyan)!important;border:1px solid rgba(0,240,224,.35)!important}
.elev8-preview-badge{background:var(--purple);color:var(--cyan);border-color:rgba(0,240,224,.35)}
.woocommerce-store-notice,.demo_store{display:none!important}
.cmp-table th{text-align:left}
.cmp-table thead th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:10px 14px}
.cmp-table thead th:nth-child(2){color:var(--blue)!important}
a{transition:color var(--t-fast)}
.woocommerce .button,.woocommerce button.button{transition:transform var(--t-fast),box-shadow var(--t-mid)}

/* ---- Micro-interactions: cards lift, media zoom, stagger reveal ---- */
.scard,.pcard,.cat-card,.info-card,.hub-card,.dr-save-card,.step,.dah-card,.wtile,.ccard,.drx-card,.da-mem .card,.dafp3-item,.tile.blush,.tile.lilac,.tile.mint{
  transition:transform var(--t-mid) var(--ease),box-shadow var(--t-mid) var(--ease),border-color var(--t-fast)!important;will-change:transform}
.scard:hover,.pcard:hover,.cat-card:hover,.hub-card:hover,.dr-save-card:hover,.dah-card:hover,.wtile:hover,.ccard:hover,.drx-card:hover,.dafp3-item:hover{
  transform:translateY(-6px)!important;box-shadow:0 24px 56px rgba(24,0,76,.16),0 0 0 1px rgba(0,176,224,.35)!important}
.info-card:hover,.step:hover,.da-mem .card:hover{transform:translateY(-3px)!important;box-shadow:0 16px 40px rgba(24,0,76,.12)!important;border-color:rgba(0,176,224,.4)!important}
.scard__media img,.pcard__media img,.ccard .tile img,.dafp3-media img{transition:transform var(--t-slow) var(--ease)!important}
.scard:hover .scard__media img,.pcard:hover .pcard__media img,.ccard:hover .tile img,.dafp3-item:hover .dafp3-media img{transform:scale(1.06) translateY(-2px)!important}
.cat-card .arr,.hub-card__go,.cat-card__cta{transition:transform var(--t-fast) var(--ease)}
.cat-card:hover .arr{transform:translateX(4px)}
.hub-card:hover .hub-card__go{transform:translateX(4px)}
.scard:active,.pcard:active,.cat-card:active{transform:translateY(-2px) scale(.995)!important}
/* scroll reveal (JS adds .rv8 to sections/cards; .in when visible) */
.rv8{opacity:0;transform:translateY(18px);transition:opacity var(--t-slow) var(--ease),transform var(--t-slow) var(--ease);transition-delay:var(--d,0ms)}
.rv8.in{opacity:1;transform:none}
.rv8.in:hover{transition-delay:0ms}
.da25-copy > *{animation:e8rise .7s var(--ease) both}
.da25-copy > :nth-child(2){animation-delay:.08s}.da25-copy > :nth-child(3){animation-delay:.16s}.da25-copy > :nth-child(4){animation-delay:.24s}.da25-copy > :nth-child(6){animation-delay:.32s}
@keyframes e8rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.da25-kv img{animation:e8fade 1.1s ease both}
@keyframes e8fade{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}
header.nav{transition:box-shadow var(--t-mid),transform var(--t-mid)}
/* focus rings (keyboard) */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--cyan-2)!important;outline-offset:3px!important;border-radius:6px}
.scard:focus-visible,.pcard:focus-visible{outline-offset:-3px!important}
input:focus,textarea:focus,select:focus{border-color:var(--blue)!important;box-shadow:0 0 0 3px rgba(0,150,214,.18)!important}
/* touch targets */
.nav__icon,.nav__burger{min-width:44px;min-height:44px}
.faq__q{min-height:48px}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  .rv8{opacity:1;transform:none;transition:none}
  .da25-copy > *,.da25-kv img{animation:none}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}
}
.pcard--new{border-color:rgba(0,176,224,.55)!important;box-shadow:0 0 0 1px rgba(0,176,224,.25)!important}.pcard--new:hover{box-shadow:0 24px 56px rgba(24,0,76,.16),0 0 0 2px rgba(0,176,224,.6)!important}