/* ─── Snipcart dark theme — Modern Bond ──────────────────────── */
#snipcart {
  --color-default:               #ffffff;
  --color-alt:                   rgba(255,255,255,0.55);
  --color-success:               #e91e8c;
  --color-error:                 #ff4466;
  --color-badge:                 #e91e8c;
  --color-badge-active:          #f548a8;
  --color-badge-foreground:      #ffffff;
  --color-input-focus:           #e91e8c;
  --color-link:                  #e91e8c;
  --color-link-hover:            #f548a8;
  --color-button-default:        #e91e8c;
  --color-button-default-hover:  #f548a8;
  --color-button-primary:        #e91e8c;
  --color-button-primary-hover:  #f548a8;
  --color-icon:                  rgba(255,255,255,0.45);
  --color-icon-hover:            #e91e8c;
  --color-shadow:                rgba(0,0,0,0.85);
  --color-input:                 rgba(255,255,255,0.06);
  --color-input-placeholder:     rgba(255,255,255,0.3);
  --color-input-label:           rgba(255,255,255,0.5);
  --border-radius:               0px;
  --border-radius-button:        0px;
}

/* Dark background — panels, cart, checkout */
.snipcart-layout,
.snipcart-layout__col,
.snipcart-layout__content,
.snipcart-cart,
.snipcart-cart__content,
.snipcart-cart__header,
.snipcart-cart__footer,
.snipcart-order,
.snipcart-checkout,
.snipcart-base-popup,
.snipcart__modal,
.snipcart__modal__container {
  background: #0c0612 !important;
  color: #ffffff !important;
}

/* Slightly lighter surface for items and panels */
.snipcart-item-line,
.snipcart-summary-fees,
.snipcart-shipping-rates-list__item,
.snipcart-payment-methods-list__item,
.snipcart-discount-box,
.snipcart-typeahead {
  background: #100818 !important;
  border-color: rgba(233,30,140,0.15) !important;
}

/* Input fields */
.snipcart-input,
.snipcart-textbox,
.snipcart-select__select,
input[class*="snipcart"],
textarea[class*="snipcart"] {
  background: #1a0820 !important;
  border-color: rgba(233,30,140,0.3) !important;
  color: #ffffff !important;
}
.snipcart-input:focus,
.snipcart-textbox:focus {
  border-color: #e91e8c !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(233,30,140,0.2) !important;
}

/* Dividers & borders */
.snipcart__hr,
.snipcart-item-line + .snipcart-item-line {
  border-color: rgba(233,30,140,0.12) !important;
}

/* Pink highlights — prices, totals, product names */
.snipcart-item-line__title,
.snipcart-summary-fees__amount,
.snipcart-summary-fees__amount--highlight,
.snipcart-order__summary-price,
.snipcart-cart-header__count,
.snipcart-cart__secondary-header-title {
  color: #e91e8c !important;
}

/* All other text — white */
.snipcart-layout *,
.snipcart__modal * {
  color: inherit;
}

/* Close / back buttons */
.snipcart-modal__close-icon,
.snipcart-form-step__arrow {
  color: rgba(255,255,255,0.5) !important;
}
.snipcart-modal__close-icon:hover,
.snipcart-form-step__arrow:hover {
  color: #e91e8c !important;
}

/* Overlay backdrop */
.snipcart__overlay {
  background: rgba(12,6,18,0.85) !important;
}

/* Scrollbar */
.snipcart-layout ::-webkit-scrollbar { width: 4px; }
.snipcart-layout ::-webkit-scrollbar-track { background: #0c0612; }
.snipcart-layout ::-webkit-scrollbar-thumb { background: rgba(233,30,140,0.4); border-radius: 2px; }

/* ── Global font override — match Modern Bond ────────────────── */
.snipcart-layout,
.snipcart-layout *,
.snipcart__modal,
.snipcart__modal * {
  font-family: 'Barlow', sans-serif !important;
}
/* Headings / labels / buttons → Barlow Condensed */
.snipcart-form__label,
.snipcart-summary-fees__title,
.snipcart-cart-summary__title,
.snipcart-checkout-step h2,
.snipcart-base-button,
.snipcart-base-button *,
.snipcart-submit,
.snipcart-cart-header,
.snipcart__font--secondary,
.snipcart__font--bold,
.snipcart__box--header,
.snipcart-modal__header-summary-title {
  font-family: 'Barlow Condensed', sans-serif !important;
  letter-spacing: 0.05em !important;
}
/* Section/step titles → Bebas Neue */
.snipcart-checkout-step > h2,
.snipcart__font--large,
.snipcart__font--xlarge,
.snipcart-cart-summary__title {
  font-family: 'Bebas Neue', sans-serif !important;
  letter-spacing: 0.08em !important;
}

/* ── Error & notice boxes ─────────────────────────────────────── */
/* Error flash (order couldn't be processed) */
.snipcart-flash-message,
.snipcart-flash-message--error,
[class*="snipcart"][class*="flash"],
[class*="snipcart"][class*="error-message"] {
  background: #1a0820 !important;
  border: none !important;
  border-left: 4px solid #e91e8c !important;
  color: rgba(255,255,255,0.9) !important;
  border-radius: 0 3px 3px 0 !important;
  padding: 14px 18px !important;
  font-family: 'Barlow', sans-serif !important;
}
/* Warning / info / debug notice (URL validation, test mode) */
.snipcart__notice,
.snipcart-error-message,
[class*="snipcart"][class*="notice"]:not(.snipcart-summary-fees__notice),
[class*="snipcart"][class*="debug"],
[class*="snipcart"][class*="warning"] {
  background: #1a0820 !important;
  border: none !important;
  border-left: 4px solid rgba(233,30,140,0.4) !important;
  color: rgba(255,255,255,0.6) !important;
  border-radius: 0 3px 3px 0 !important;
  padding: 14px 18px !important;
  font-family: 'Barlow', sans-serif !important;
}
/* "This field is required" inline errors */
.snipcart-field-error,
.snipcart-form__error,
[class*="snipcart"][class*="field-error"] {
  color: #f548a8 !important;
  font-family: 'Barlow', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.03em !important;
}

/* ── Credit card / payment fields ───────────────────────────── */
.snipcart-payment-card,
.snipcart-payment-card-holder,
[class*="snipcart"][class*="card"],
[class*="snipcart"][class*="payment"] {
  background: #1a0820 !important;
  border-color: rgba(233,30,140,0.3) !important;
  color: #ffffff !important;
}
/* The Stripe card iframe wrapper — bold pink border */
.snipcart-card-element,
.__PrivateStripeElement,
.snipcart-stripe-element,
[class*="snipcart"][class*="stripe"],
[class*="snipcart-card"],
.snipcart-input__input,
.snipcart-textbox {
  background: #2a0a35 !important;
  border: 2px solid rgba(233,30,140,0.7) !important;
  border-radius: 3px !important;
  padding: 14px 16px !important;
  color: #ffffff !important;
  font-size: 16px !important;
  letter-spacing: 0.05em !important;
}
/* Card iframe wrapper brightness boost */
.snipcart-input__input:focus,
.snipcart-textbox:focus,
[class*="snipcart-card"]:focus-within {
  border-color: #e91e8c !important;
  box-shadow: 0 0 0 3px rgba(233,30,140,0.25), 0 0 16px rgba(233,30,140,0.15) !important;
  background: #320d40 !important;
}
/* Test mode info text */
.snipcart-payment__section--informational,
[class*="snipcart"][class*="informational"],
[class*="snipcart"][class*="test-notice"] {
  color: rgba(255,255,255,0.5) !important;
  background: transparent !important;
}

/* ── Subtotal & Total — 2× bigger ────────────────────────────── */
.snipcart-summary-fees__total,
.snipcart-summary-fees__total .snipcart-summary-fees__title,
.snipcart-summary-fees__total .snipcart-summary-fees__title--highlight {
  font-size: 1.5rem !important;
  font-family: 'Bebas Neue', sans-serif !important;
  letter-spacing: 0.1em !important;
}
.snipcart-summary-fees__total .snipcart-summary-fees__amount,
.snipcart-summary-fees__total .snipcart-summary-fees__amount--highlight {
  font-size: 1.8rem !important;
  font-family: 'Bebas Neue', sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.05em !important;
}
/* Subtotal row */
.snipcart-summary-fees__item:not(.snipcart-summary-fees__total) .snipcart-summary-fees__amount {
  font-size: 1.1rem !important;
  font-family: 'Barlow Condensed', sans-serif !important;
}

/* ── Qty label styling (text rewritten by JS MutationObserver) ── */
.snipcart-cart-summary-item__quantity {
  font-family: 'Barlow Condensed', sans-serif !important;
  color: rgba(255,255,255,0.6) !important;
  font-size: 13px !important;
  letter-spacing: 0.05em !important;
}

/* ── Order Summary panel (right column) → dark ──────────────── */
.snipcart-cart-summary,
.snipcart-cart-summary__content,
.snipcart-cart-summary__footer,
.snipcart-cart-summary__items,
.snipcart-cart-summary__totals,
.snipcart-cart-summary__actions {
  background: #100818 !important;
  background-color: #100818 !important;
  color: #ffffff !important;
}
.snipcart-cart-summary__title {
  color: #ffffff !important;
}
.snipcart-cart-summary-items-list {
  background: #100818 !important;
}
.snipcart-cart-summary-item {
  background: #1a0820 !important;
  border-color: rgba(233,30,140,0.12) !important;
}
.snipcart-cart-summary-item__name {
  color: #e91e8c !important;
}
.snipcart-cart-summary-item__price,
.snipcart-cart-summary-item__quantity {
  color: rgba(255,255,255,0.7) !important;
}
.snipcart-cart-summary__separator {
  border-color: rgba(233,30,140,0.15) !important;
}
/* Edit link */
.snipcart-button-link {
  color: #e91e8c !important;
}
.snipcart-button-link:hover {
  color: #f548a8 !important;
}
/* Secured by Snipcart inside summary */
.snipcart-featured-payment-methods--no-background,
.snipcart-featured-payment-methods--no-background .snipcart-featured-payment-methods__title {
  background: transparent !important;
  background-color: #100818 !important;
  color: rgba(255,255,255,0.45) !important;
}

/* ── Checkout page — overall container & header → dark ──────── */
.snipcart-layout--large,
.snipcart-modal__container.snipcart-layout--large {
  background: #0c0612 !important;
}
.snipcart-cart-header.snipcart-checkout__header,
.snipcart-checkout__header,
.snipcart-layout__header--fixed {
  background: #0c0612 !important;
  border-bottom: 1px solid rgba(233,30,140,0.15) !important;
}
.snipcart-form {
  background: #100818 !important;
}

/* ── Checkout page — white box panels → dark ─────────────────── */
.snipcart__box,
.snipcart__box--slim,
.snipcart__box--title,
.snipcart__box--header {
  background: #100818 !important;
  color: #ffffff !important;
  border-color: rgba(233,30,140,0.12) !important;
}
.snipcart__box--gray {
  background: #1a0820 !important;
  color: #ffffff !important;
  border-color: rgba(233,30,140,0.12) !important;
}
/* Step number badge — light blue → pink */
.snipcart__box--badge,
.snipcart__box--badge-highlight {
  background: rgba(233,30,140,0.15) !important;
  border: 1px solid rgba(233,30,140,0.4) !important;
  color: #e91e8c !important;
}
.snipcart__box--badge-disabled {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: rgba(255,255,255,0.3) !important;
}
/* Form labels */
.snipcart-form__label {
  color: rgba(255,255,255,0.55) !important;
}
/* Form select dropdown */
.snipcart-form__select,
.snipcart-form__select-wrapper select {
  background: #1a0820 !important;
  color: #ffffff !important;
  border-color: rgba(233,30,140,0.3) !important;
}
/* Typeahead suggestions */
.snipcart-typeahead__content,
.snipcart-typeahead__suggestions,
.snipcart-typeahead__suggestion {
  background: #1a0820 !important;
  color: #ffffff !important;
  border-color: rgba(233,30,140,0.2) !important;
}
.snipcart-typeahead__suggestion--active,
.snipcart-typeahead__suggestion:hover {
  background: rgba(233,30,140,0.12) !important;
  color: #ffffff !important;
}
/* Right panel summary header */
.snipcart-modal__header-summary,
.snipcart-modal__header-summary-title {
  background: #0c0612 !important;
  color: rgba(255,255,255,0.5) !important;
}

/* ── Qty stepper ─────────────────────────────────────────────── */
.snipcart-item-quantity__quantity {
  display: flex !important;
  align-items: center !important;
  background: #1a0820 !important;
  border: 1px solid rgba(233,30,140,0.35) !important;
  border-radius: 3px !important;
  overflow: hidden !important;
  gap: 0 !important;
}
/* The qty number span */
.snipcart-item-quantity__quantity span,
.snipcart-item-quantity__quantity .snipcart__font--secondary,
.snipcart-item-quantity__quantity .snipcart__font--regular {
  color: #ffffff !important;
  min-width: 32px !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
/* +/- buttons */
.snipcart-item-quantity__quantity .snipcart-button-icon.is-small.is-secondary {
  background: transparent !important;
  color: #e91e8c !important;
  border: none !important;
  width: 30px !important;
  height: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: background 0.2s !important;
}
.snipcart-item-quantity__quantity .snipcart-button-icon.is-small.is-secondary:hover {
  background: rgba(233,30,140,0.18) !important;
}
.snipcart-item-quantity__label {
  color: rgba(255,255,255,0.5) !important;
  font-size: 10px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

/* ── Remove button — replace trash icon ─────────────────────── */
.snipcart-button-icon.is-danger {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 3px !important;
  color: rgba(255,255,255,0.4) !important;
  cursor: pointer !important;
  padding: 4px 10px !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.12em !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  transition: all 0.2s !important;
  min-height: auto !important;
  min-width: auto !important;
  width: auto !important;
  height: auto !important;
}
.snipcart-button-icon.is-danger:hover {
  border-color: #e91e8c !important;
  color: #e91e8c !important;
  background: rgba(233,30,140,0.08) !important;
}
.snipcart-button-icon.is-danger svg { display: none !important; }
.snipcart-button-icon.is-danger::before {
  content: '× Remove' !important;
  display: inline !important;
  color: inherit !important;
}

/* ── Checkout button — pink ──────────────────────────────────── */
.snipcart-button-primary {
  background: #e91e8c !important;
  color: #ffffff !important;
  border: none !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}
.snipcart-button-primary:hover { background: #f548a8 !important; }

/* ── "Secured by Snipcart" — fix light gray background ──────── */
.snipcart-featured-payment-methods,
.snipcart-featured-payment-methods__title,
.snipcart-featured-payment-methods__list,
.snipcart-featured-payment-methods__list-item {
  background: transparent !important;
  background-color: #0c0612 !important;
}
.snipcart-featured-payment-methods__title {
  color: rgba(255,255,255,0.5) !important;
}
.snipcart-featured-payment-methods__link,
.snipcart-featured-payment-methods__link * {
  color: rgba(255,255,255,0.5) !important;
}
.snipcart-featured-payment-methods__link:hover,
.snipcart-featured-payment-methods__link:hover * {
  color: #e91e8c !important;
}
.snipcart-summary-fees__notice {
  color: rgba(255,255,255,0.4) !important;
  background: transparent !important;
}

.nav-cart {
  background: transparent;
  border: 1px solid rgba(233,30,140,.5);
  color: #ffffff;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px; font-weight: 700;
  letter-spacing: .15em; text-transform: uppercase;
  padding: 10px 20px; cursor: pointer;
  display: flex; align-items: center; gap: 8px;
  transition: all .3s;
  clip-path: polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);
}
.nav-cart:hover { border-color: #e91e8c; color: #e91e8c; }
.snipcart-items-count {
  background: #e91e8c; color: white; border-radius: 50%;
  width: 18px; height: 18px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 10px; font-weight: 700;
}

/* ─── Reset ──────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --bg:         #0c0612;
  --bg2:        #100818;
  --purple:     #1a0820;
  --purple-mid: #2e0d48;
  --purple-hi:  #4a1460;
  --pink:       #e91e8c;
  --pink-light: #f548a8;
  --pink-dim:   rgba(233,30,140,0.15);
  --pink-glow:  rgba(233,30,140,0.35);
  --white:      #ffffff;
  --muted:      rgba(255,255,255,0.5);
  --muted2:     rgba(255,255,255,0.25);
  --font-heading: 'Bebas Neue', sans-serif;
  --font-cond:  'Barlow Condensed', sans-serif;
  --font-body:  'Barlow', sans-serif;
}

html { scroll-behavior: smooth; }
body {
  background: var(--bg);
  color: var(--white);
  font-family: var(--font-body);
  font-weight: 300;
  overflow-x: hidden;
}
::selection { background: var(--pink); color: var(--white); }
::-webkit-scrollbar { width: 3px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: var(--pink); }
a { text-decoration: none; color: inherit; }

/* ─── Breadcrumb bar ─────────────────────────────────────────── */
.prod-breadcrumb-bar {
  display: flex; align-items: center; gap: 8px;
  font-family: var(--font-body);
  font-size: 12px; font-weight: 300;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--muted);
  margin-bottom: 20px;
}
.prod-breadcrumb-bar a { color: var(--muted); transition: color .25s; }
.prod-breadcrumb-bar a:hover { color: var(--pink); }
.bc-sep { color: rgba(255,255,255,.2); font-size: 10px; }
.bc-current { color: var(--white); }

/* ─── Product tagline ────────────────────────────────────────── */
.prod-tagline {
  font-family: var(--font-cond);
  font-size: 16px; font-weight: 600;
  font-style: italic;
  color: var(--pink);
  letter-spacing: .05em;
  margin-bottom: 16px;
}

/* ─── Diagonal texture overlay ───────────────────────────────── */
.tex {
  position: absolute; inset: 0; pointer-events: none;
  background-image: repeating-linear-gradient(
    -45deg,
    rgba(255,255,255,0.018) 0px,
    rgba(255,255,255,0.018) 1px,
    transparent 1px,
    transparent 8px
  );
  z-index: 1;
}

/* ─── Reveal ─────────────────────────────────────────────────── */
.reveal {
  opacity: 0; transform: translateY(36px);
  transition: opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1);
}
.reveal.on { opacity: 1; transform: none; }
.d1 { transition-delay: .1s; } .d2 { transition-delay: .2s; }
.d3 { transition-delay: .3s; } .d4 { transition-delay: .4s; }

/* ─── Buttons ────────────────────────────────────────────────── */
.btn-pink {
  display: inline-block;
  background: var(--pink);
  color: var(--white);
  font-family: var(--font-cond);
  font-size: 13px; font-weight: 700;
  letter-spacing: .2em; text-transform: uppercase;
  padding: 16px 44px; border: none; cursor: pointer;
  box-shadow: 0 0 32px var(--pink-glow);
  transition: all .3s;
  clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
}
.btn-pink:hover { background: var(--pink-light); box-shadow: 0 0 56px rgba(233,30,140,.6); }

/* ── Out of stock state ──────────────────────────────────────── */
.btn-pink:disabled,
.snipcart-add-item:disabled,
.btn-pink[disabled] {
  background: rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.35) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
  border: 1px solid rgba(255,255,255,0.12) !important;
}
.btn-pink:disabled::after,
.snipcart-add-item:disabled::after {
  content: ' — Out of Stock';
  font-size: 11px;
  letter-spacing: 0.1em;
  opacity: 0.6;
}

.btn-outline {
  display: inline-block;
  background: transparent; color: var(--white);
  font-family: var(--font-cond);
  font-size: 13px; font-weight: 700;
  letter-spacing: .2em; text-transform: uppercase;
  padding: 15px 40px;
  border: 1px solid rgba(233,30,140,.5);
  cursor: pointer; transition: all .3s;
  clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
}
.btn-outline:hover { border-color: var(--pink); color: var(--pink); box-shadow: 0 0 24px var(--pink-dim); }

/* ─── Section label ──────────────────────────────────────────── */
.sec-label {
  font-family: var(--font-cond);
  font-size: 11px; font-weight: 700;
  letter-spacing: .35em; text-transform: uppercase;
  color: var(--pink);
  display: flex; align-items: center; gap: 12px;
  margin-bottom: 20px;
}
.sec-label::before { content: '⚡'; font-size: 12px; }

/* ─── Scroll bar ─────────────────────────────────────────────── */
.scroll-bar {
  width: 1px; height: 60px;
  background: linear-gradient(to bottom, transparent, var(--pink));
  animation: pulse 2s ease-in-out infinite;
}
@keyframes pulse { 0%,100%{opacity:.3}50%{opacity:1} }

/* ═══════════════════════════════════════════════════════════════
   NAVIGATION
═══════════════════════════════════════════════════════════════ */
nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 200;
  display: flex; align-items: center; justify-content: space-between;
  padding: 20px 48px;
  transition: background .4s, border-color .4s;
}
nav.scrolled {
  background: rgba(12,6,18,.92);
  backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(233,30,140,.15);
}
.nav-logo { display: flex; align-items: center; gap: 12px; position: relative; z-index: 1; }
.nav-links {
  display: flex; gap: 32px; list-style: none;
  position: relative; z-index: 1;
}
.nav-links a {
  font-family: var(--font-cond);
  font-size: 13px; font-weight: 600;
  letter-spacing: .2em; text-transform: uppercase;
  color: var(--muted); transition: color .25s;
}
.nav-links a:hover, .nav-links a.nav-active { color: var(--white); }
.nav-cta { position: relative; z-index: 1; }

/* ═══════════════════════════════════════════════════════════════
   PRODUCT HERO
═══════════════════════════════════════════════════════════════ */
.prod-hero {
  position: relative; min-height: 100vh;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  overflow: hidden;
}
.prod-hero-bg {
  position: absolute; inset: 0;
  background-size: cover; background-position: center;
  background-repeat: no-repeat;
  transform: scale(1.05);
  transition: transform 8s ease;
  z-index: 0;
}
.prod-hero:hover .prod-hero-bg { transform: scale(1.08); }
.prod-hero-overlay {
  position: absolute; inset: 0; z-index: 1;
  background:
    linear-gradient(to bottom, rgba(12,6,18,.75) 0%, rgba(12,6,18,.3) 40%, rgba(12,6,18,.85) 100%),
    radial-gradient(ellipse 70% 80% at 50% 50%, rgba(46,13,72,.5) 0%, transparent 70%);
}
.prod-hero-content {
  position: relative; z-index: 3;
  text-align: center; padding: 0 24px;
  display: flex; flex-direction: column; align-items: center;
}
.prod-breadcrumb {
  font-family: var(--font-cond);
  font-size: 11px; font-weight: 600;
  letter-spacing: .25em; text-transform: uppercase;
  color: var(--muted); margin-bottom: 28px;
  transition: color .25s;
}
.prod-breadcrumb a:hover { color: var(--pink); }
.prod-hero-cat {
  font-family: var(--font-cond);
  font-size: 12px; font-weight: 700;
  letter-spacing: .4em; text-transform: uppercase;
  color: var(--pink); margin-bottom: 16px;
}
.prod-hero-title {
  font-family: var(--font-heading);
  font-size: clamp(80px,14vw,180px);
  font-weight: 900; line-height: .88;
  letter-spacing: -.01em; text-transform: uppercase;
  color: var(--white);
  text-shadow:
    0 0 80px rgba(233,30,140,.5),
    0 0 160px rgba(233,30,140,.2),
    0 2px 40px rgba(0,0,0,.8);
  margin-bottom: 24px;
}
.prod-hero-title span { color: var(--pink); }
.prod-hero-tagline {
  font-family: var(--font-cond);
  font-size: clamp(14px,1.8vw,22px);
  font-weight: 600; letter-spacing: .2em;
  text-transform: uppercase; color: var(--muted);
}
.prod-hero-scroll {
  position: absolute; bottom: 48px; right: 48px; z-index: 3;
  display: flex; flex-direction: column; align-items: center; gap: 8px;
}

/* ═══════════════════════════════════════════════════════════════
   PRODUCT DETAIL
═══════════════════════════════════════════════════════════════ */
.prod-detail {
  position: relative; padding: 120px 48px; overflow: hidden;
}
.prod-detail-bg {
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 70% 80% at 90% 40%, rgba(46,13,72,.6) 0%, transparent 60%),
    radial-gradient(ellipse 50% 60% at 10% 70%, rgba(74,20,96,.4) 0%, transparent 55%),
    var(--bg2);
}
.prod-detail-inner {
  position: relative; z-index: 2;
  max-width: 1200px; margin: 0 auto;
}
.prod-detail-grid {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 80px; align-items: start;
}

/* Image column */
.prod-img-col { position: relative; }
.prod-img-wrap {
  position: relative; overflow: hidden;
  border: 1px solid rgba(233,30,140,.15);
}
.prod-main-img {
  width: 100%; height: auto; display: block;
  object-fit: cover;
  transition: transform .6s cubic-bezier(.16,1,.3,1);
}
.prod-img-wrap:hover .prod-main-img { transform: scale(1.03); }
.prod-img-glow {
  position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(circle at 50% 100%, rgba(233,30,140,.2) 0%, transparent 60%);
}
.prod-badges {
  display: flex; gap: 12px; flex-wrap: wrap; margin-top: 20px;
}
.prod-badge {
  font-family: var(--font-cond);
  font-size: 10px; font-weight: 700;
  letter-spacing: .2em; text-transform: uppercase;
  color: var(--pink);
  border: 1px solid rgba(233,30,140,.3);
  padding: 6px 14px;
  background: rgba(233,30,140,.05);
}

/* Thumbnail gallery strip */
.prod-thumb-strip {
  display: flex; gap: 8px; flex-wrap: wrap;
  margin-top: 12px;
}
.prod-thumb {
  width: 72px; height: 72px; object-fit: cover;
  border: 2px solid transparent;
  cursor: pointer; opacity: .65;
  transition: border-color .25s, opacity .25s;
}
.prod-thumb:hover { opacity: 1; }
.prod-thumb.active {
  border-color: var(--pink);
  box-shadow: 0 0 10px var(--pink-glow);
  opacity: 1;
}
.prod-main-img {
  transition: opacity .25s ease;
}

/* Info column */
.prod-info-col { padding-top: 8px; }
.prod-detail-title {
  font-family: var(--font-heading);
  font-size: clamp(52px,7vw,96px);
  font-weight: 900; line-height: .88;
  letter-spacing: -.01em; text-transform: uppercase;
  margin-bottom: 28px;
}
.prod-detail-title span { color: var(--pink); }

.prod-price-block {
  display: flex; align-items: baseline; gap: 16px;
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.prod-price-main {
  font-family: var(--font-heading);
  font-size: 64px; line-height: 1; color: var(--pink);
  text-shadow: 0 0 24px var(--pink-glow);
}
.prod-price-note {
  font-size: 12px; color: var(--muted); letter-spacing: .05em;
}

.prod-desc {
  font-size: 15px; line-height: 1.9; color: var(--muted);
  margin-bottom: 36px;
}

.prod-features {
  list-style: none; display: flex; flex-direction: column; gap: 0;
  margin-bottom: 40px;
  border-top: 1px solid rgba(255,255,255,.06);
}
.prod-features li {
  display: flex; align-items: flex-start; gap: 14px;
  padding: 16px 0;
  border-bottom: 1px solid rgba(255,255,255,.06);
  font-size: 13px; color: var(--muted); line-height: 1.6;
}
.prod-features li strong { color: var(--white); font-weight: 600; display: block; margin-bottom: 2px; }
.feat-icon { color: var(--pink); font-size: 12px; flex-shrink: 0; margin-top: 3px; }

.prod-ctas {
  display: flex; gap: 16px; flex-wrap: wrap;
  margin-bottom: 24px;
}

.prod-guarantee {
  display: flex; align-items: center; gap: 10px;
  font-size: 11px; color: var(--muted2);
  letter-spacing: .05em;
}
.guarantee-icon { font-size: 14px; }

/* ═══════════════════════════════════════════════════════════════
   WHY THIS PRODUCT
═══════════════════════════════════════════════════════════════ */
.prod-why {
  position: relative; padding: 120px 48px; overflow: hidden;
  text-align: center;
}
.prod-why-bg {
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 90% 90% at 50% 50%, rgba(74,20,96,.35) 0%, transparent 65%),
    var(--bg);
}
.prod-why-inner {
  position: relative; z-index: 2;
  max-width: 900px; margin: 0 auto;
}
.prod-why-title {
  font-family: var(--font-heading);
  font-size: clamp(52px,8vw,110px);
  font-weight: 900; line-height: .9;
  text-transform: uppercase; margin-bottom: 28px;
}
.prod-why-title span { color: var(--pink); }
.prod-why-desc {
  font-size: 16px; line-height: 1.9; color: var(--muted);
  max-width: 640px; margin: 0 auto 72px;
}
.prod-why-stats {
  display: grid; grid-template-columns: repeat(4,1fr);
  gap: 1px; background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.06);
}
.why-stat {
  background: var(--bg);
  padding: 36px 20px; text-align: center;
  transition: background .3s;
}
.why-stat:hover { background: var(--bg2); }
.why-stat-n {
  font-family: var(--font-heading);
  font-size: 52px; font-weight: 900;
  color: var(--pink); line-height: 1; display: block;
  text-shadow: 0 0 20px var(--pink-glow);
}
.why-stat-l {
  font-family: var(--font-cond);
  font-size: 10px; font-weight: 600;
  letter-spacing: .2em; text-transform: uppercase;
  color: var(--muted); display: block; margin-top: 8px;
}

/* ═══════════════════════════════════════════════════════════════
   RELATED PRODUCTS
═══════════════════════════════════════════════════════════════ */
.prod-related {
  padding: 120px 48px;
  background: var(--bg2);
  border-top: 1px solid rgba(233,30,140,.08);
}
.prod-related-inner {
  max-width: 1200px; margin: 0 auto; text-align: center;
}
.prod-related-title {
  font-family: var(--font-heading);
  font-size: clamp(40px,6vw,80px);
  font-weight: 900; text-transform: uppercase;
  margin-bottom: 52px; line-height: .92;
}
.prod-related-title span { color: var(--pink); }
.related-grid {
  display: grid; grid-template-columns: repeat(3,1fr); gap: 16px;
}

/* Product card (reused from main site) */
.prod-card {
  position: relative; overflow: hidden; cursor: pointer;
  min-height: 340px; display: block;
  border: 1px solid rgba(233,30,140,.2);
  transition: transform .3s, border-color .35s, box-shadow .35s;
}
.prod-card:hover {
  transform: translateY(-4px);
  border-color: rgba(233,30,140,.6);
  box-shadow: 0 0 28px rgba(233,30,140,.18), inset 0 0 0 1px rgba(233,30,140,.12);
}
.prod-vis {
  width: 100%; height: 100%;
  position: absolute; inset: 0;
  transition: transform .6s cubic-bezier(.16,1,.3,1);
}
.prod-card:hover .prod-vis { transform: scale(1.04); }
.prod-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(12,6,18,.9) 0%, transparent 60%);
  z-index: 1;
}
.prod-info {
  position: absolute; bottom: 0; left: 0; right: 0;
  padding: 28px; z-index: 2;
}
.prod-cat {
  font-family: var(--font-cond);
  font-size: 10px; font-weight: 700;
  letter-spacing: .25em; text-transform: uppercase;
  color: var(--pink); margin-bottom: 6px;
}
.prod-name {
  font-family: var(--font-cond);
  font-size: 20px; font-weight: 800;
  text-transform: uppercase; color: var(--white);
}
.prod-price { font-size: 13px; color: var(--muted); margin-top: 4px; font-weight: 600; }
.prod-hover {
  position: absolute; inset: 0; z-index: 3;
  display: flex; align-items: center; justify-content: center;
  opacity: 0; transition: opacity .3s;
  background: rgba(12,6,18,.2);
}
.prod-card:hover .prod-hover { opacity: 1; }
.prod-btn {
  background: var(--pink); color: var(--white);
  font-family: var(--font-cond);
  font-size: 11px; font-weight: 700;
  letter-spacing: .2em; text-transform: uppercase;
  padding: 12px 28px;
  box-shadow: 0 0 32px var(--pink-glow);
  transform: translateY(8px);
  transition: transform .35s;
}
.prod-card:hover .prod-btn { transform: translateY(0); }

/* ═══════════════════════════════════════════════════════════════
   FOOTER
═══════════════════════════════════════════════════════════════ */
footer {
  position: relative; padding: 80px 48px 48px;
  border-top: 1px solid rgba(233,30,140,.1);
}
.footer-inner { max-width: 1280px; margin: 0 auto; }
.footer-top {
  display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr;
  gap: 60px; margin-bottom: 60px;
}
.footer-logo { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.footer-brand p { font-size: 13px; line-height: 1.8; color: var(--muted); max-width: 280px; }
.footer-col-h {
  font-family: var(--font-cond);
  font-size: 10px; font-weight: 700;
  letter-spacing: .3em; text-transform: uppercase;
  color: var(--pink); margin-bottom: 20px;
}
.footer-links { list-style: none; display: flex; flex-direction: column; gap: 12px; }
.footer-links a { font-size: 13px; color: var(--muted); transition: color .25s; }
.footer-links a:hover { color: var(--pink); }
.footer-bottom {
  display: flex; justify-content: space-between; align-items: center;
  padding-top: 28px; border-top: 1px solid rgba(255,255,255,.05);
}
.footer-copy { font-size: 11px; color: var(--muted2); }
.footer-soc { display: flex; gap: 24px; }
.footer-soc a {
  font-family: var(--font-cond);
  font-size: 11px; font-weight: 600;
  letter-spacing: .15em; text-transform: uppercase;
  color: var(--muted); transition: color .25s;
}
.footer-soc a:hover { color: var(--pink); }

/* ─── Responsive ─────────────────────────────────────────────── */
@media (max-width: 1024px) {
  nav { padding: 18px 24px; }
  .nav-links { display: none; }
  .prod-detail { padding: 80px 24px; }
  .prod-detail-grid { grid-template-columns: 1fr; gap: 48px; }
  .prod-why { padding: 80px 24px; }
  .prod-why-stats { grid-template-columns: repeat(2,1fr); }
  .prod-related { padding: 80px 24px; }
  .related-grid { grid-template-columns: 1fr; }
  .footer-top { grid-template-columns: 1fr 1fr; gap: 40px; }
}
@media (max-width: 640px) {
  .prod-hero-title { font-size: 64px; }
  .prod-ctas { flex-direction: column; }
  .prod-why-stats { grid-template-columns: 1fr 1fr; }
  .footer-top { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; gap: 16px; text-align: center; }
}