/* GENERATED by tools/build_light_theme.py — do not edit by hand.
   The white theme: @import-ed at the top of styles/main.css, so it arrives with the page (no dark flash). */

/* ---- boot-id.css ---- */
html:root .bi-hero-mock-tag { color: #ffffff !important; }
html:root .bi-drop-zone:hover, html:root .bi-drop-zone.dragover { background: rgba(0,0,0,0.03) !important; }
html:root .bi-height-btn:hover { background: rgba(0,0,0,0.072) !important; }
html:root .bi-zoom-slider::-webkit-slider-thumb { color: #ffffff !important; }
html:root .bi-zoom-slider::-moz-range-thumb { color: #ffffff !important; }
html:root .bi-cat-tab--active { background: rgba(0,0,0,0.036) !important; }
html:root .bi-cat-tab:hover:not(.bi-cat-tab--active) { border-color: rgba(0,0,0,0.35) !important; }
html:root .bi-text-input:focus { border-color: rgba(0,0,0,0.5) !important; box-shadow: 0 0 0 3px rgba(0,0,0,0.08) !important; }
html:root .bi-tier-card--active { background: rgba(0,0,0,0.03) !important; }
html:root .bi-tier-card:hover:not(.bi-tier-card--active) { border-color: rgba(0,0,0,0.4) !important; }
html:root .bi-tier-tag { color: #ffffff !important; }
html:root .bi-gallery-item--contain img { background: #ffffff !important; }
html:root .bi-closeup-video { background: #ffffff !important; }
html:root .bi-step-num { color: rgba(0,0,0,0.08) !important; }

/* ---- boot-studio.css ---- */
html:root .bs-stage { background: radial-gradient(ellipse 60% 40% at 50% 72%, rgba(0,0,0,0.06), transparent 70%),
    radial-gradient(ellipse 90% 70% at 50% 35%, #e4e4e4 0%, #f6f6f6 60%, #ffffff 100%) !important; }
html:root .bs-hint { background: rgba(255,255,255,.72) !important; }
html:root .bs-views { background: rgba(255,255,255,.85) !important; }
html:root .bs-views button.active { color: #ffffff !important; }
html:root .bs-stage-tools button { background: rgba(255,255,255,.85) !important; }
html:root .bs-edit { background: rgba(255,255,255,.94) !important; }
html:root .bs-x { color: #ffffff !important; }
html:root .bs-add, html:root .bs-next, html:root .bs-cart-btn { color: #ffffff !important; }
html:root .bs-add:hover, html:root .bs-next:hover, html:root .bs-cart-btn:not(:disabled):hover { background: #0a0a0a !important; }
html:root .bs-cart-btn:disabled { background: var(--grey-200) !important; color: var(--grey-400) !important; }
html:root .bs-seg button.active { color: #ffffff !important; }
html:root .bs-pill:hover { background: rgba(0,0,0,0.036) !important; }
html:root .bs-add:disabled { background: var(--grey-200) !important; color: var(--grey-400) !important; }
html:root .bs-summary { background: #f6f6f6 !important; }
html:root .bs-count { color: #ffffff !important; }
html:root .bs-item.active { background: rgba(0,0,0,0.03) !important; }
html:root .bs-item-thumb { background: #e4e4e4 !important; }
html:root .bs-toast { color: #ffffff !important; }
html:root .bs-img-preview { background: repeating-conic-gradient(#e4e4e4 0% 25%, #eeeeee 0% 50%) 50% / 16px 16px !important; }
html:root .bs-sticky-cart { background: rgba(255,255,255,.96) !important; border-top: 1px solid #e2e2e2 !important; }
html:root .bs-sticky-btn { color: #ffffff !important; }

/* ---- cart.css ---- */
html:root .cart-panel { background: #ffffff !important; border-left: 1px solid #e2e2e2 !important; }
html:root .cart-header { border-bottom: 1px solid #e2e2e2 !important; }
html:root .cart-item { border: 1px solid #e2e2e2 !important; background: #f6f6f6 !important; }
html:root .cart-upsell { background: #f6f6f6 !important; border: 1px solid #e2e2e2 !important; }
html:root .cart-upsell-tag { color: #0a0a0a !important; }
html:root .cart-upsell-select { background: #eeeeee !important; border: 1px solid #e2e2e2 !important; }
html:root .cart-upsell-btn { background: #0a0a0a !important; color: #ffffff !important; }
html:root .cart-footer { border-top: 1px solid #e2e2e2 !important; }
html:root .cart-shipping-select { background: #f6f6f6 !important; border: 1px solid #e2e2e2 !important; }
html:root .cart-total-final { border-top: 1px solid #e2e2e2 !important; }
html:root .cart-email-input { background: #f6f6f6 !important; border: 1px solid #e2e2e2 !important; }
html:root .cart-checkout-btn { color: #ffffff !important; }
html:root .cart-count { color: #ffffff !important; }
html:root .cart-freeship { color: #444444 !important; background: #f6f6f6 !important; border: 1px solid #e2e2e2 !important; }
html:root .cart-freeship-bar { background: #eeeeee !important; }
html:root .cart-freeship-bar span { color: #ffffff !important; }
html:root .cart-gift-apply { border: 1px solid #e2e2e2 !important; background: #f6f6f6 !important; color: #000000 !important; }
html:root .cart-gift-msg { color: #777777 !important; }
html:root .cart-gift-remove { color: #777777 !important; }

/* ---- club-order.css ---- */
html:root .co-club-details { background: #f6f6f6 !important; border: 1px solid #e2e2e2 !important; }
html:root .co-input, html:root .co-select { background: #f6f6f6 !important; border: 1px solid #e2e2e2 !important; }
html:root .co-select option { background: #f6f6f6 !important; }
html:root .co-badge-zone { background: #f6f6f6 !important; border: 1px dashed #e2e2e2 !important; }
html:root .co-badge-zone:hover, html:root .co-badge-zone.dragover { background: #f6f6f6 !important; }
html:root .co-player-card { background: #f6f6f6 !important; border: 1px solid #e2e2e2 !important; }
html:root .co-player-card:focus-within { border-color: #e2e2e2 !important; }
html:root .co-player-card-header { border-bottom: 1px solid #e2e2e2 !important; }
html:root .co-empty-state { border: 1px dashed #e2e2e2 !important; }
html:root .co-add-btn { background: #f6f6f6 !important; border: 1px dashed #e2e2e2 !important; }
html:root .co-add-btn:hover { background: #f6f6f6 !important; }
html:root .co-pricing-summary { background: #f6f6f6 !important; border: 1px solid #e2e2e2 !important; }
html:root .co-pricing-total-row { border-top: 1px solid #e2e2e2 !important; }
html:root .co-tier-badge { background: rgba(0,0,0,0.13) !important; border: 1px solid rgba(0,0,0,0.25) !important; }
html:root .co-sticky-bar { background: #f6f6f6 !important; border-top: 1px solid #e2e2e2 !important; }

/* ---- club-service.css ---- */
html:root .cs-calc-range::-webkit-slider-thumb { box-shadow: 0 0 0 4px rgba(0,0,0,0.2) !important; color: #ffffff !important; }
html:root .cs-calc-range::-webkit-slider-thumb:hover { box-shadow: 0 0 0 8px rgba(0,0,0,0.15) !important; }
html:root .cs-calc-saving { background: rgba(0,0,0,0.048) !important; border: 1px solid rgba(0,0,0,0.2) !important; }
html:root .cs-tier--active { background: rgba(0,0,0,0.036) !important; }
html:root .cs-tier--active .cs-tier-fill { color: #ffffff !important; }
html:root .cs-intro-band { color: #ffffff !important; }
html:root .cs-cta-divider { background: #e4e4e4 !important; }
html:root .cs-form-row input:focus, html:root .cs-form-row textarea:focus { box-shadow: 0 0 0 3px rgba(0,0,0,0.1) !important; }
html:root .cs-form-submit { color: #ffffff !important; }
html:root .cs-cred-chips li { border: 1px solid #e2e2e2 !important; }

/* ---- contact.css ---- */
html:root .form-group input:focus, html:root .form-group select:focus, html:root .form-group textarea:focus { background: rgba(0,0,0,0.012) !important; }
html:root .form-group select option { background: #eeeeee !important; }
html:root .file-upload-zone:hover { background: rgba(0,0,0,0.018) !important; }
html:root .success-icon { color: #ffffff !important; }

/* ---- cookie-consent.css ---- */
html:root #cookie-banner { background: #f6f6f6 !important; border-top: 1px solid #e2e2e2 !important; }
html:root .cookie-text p { color: #777777 !important; }
html:root .cookie-text a { color: #0a0a0a !important; }
html:root .cookie-btn-accept { background: #0a0a0a !important; color: #ffffff !important; }
html:root .cookie-btn-decline { border: 1px solid #e2e2e2 !important; }
html:root .cookie-btn-decline:hover { color: #777777 !important; }

/* ---- customize.css ---- */
html:root .cz-glow--1 { background: radial-gradient(circle, rgba(0,0,0,0.072) 0%, transparent 70%) !important; }
html:root .cz-glow--2 { background: radial-gradient(circle, rgba(0,0,0,0.072) 0%, transparent 70%) !important; }
html:root .cz-glow--3 { background: radial-gradient(circle, rgba(0,0,0,0.06) 0%, transparent 70%) !important; }
html:root .order-step::before { background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.072), transparent) !important; }
html:root .size-card.selected::after { border: 1px solid rgba(0,0,0,0.5) !important; }
html:root .order-input:focus, html:root .order-select:focus { box-shadow: 0 0 0 2px rgba(0,0,0,0.2),
    0 0 20px rgba(0,0,0,0.08),
    0 0 40px rgba(0,0,0,0.04) !important; }
html:root .btn-add-to-cart::after { background: radial-gradient(ellipse, rgba(0,0,0,0.072) 0%, transparent 70%) !important; }
html:root .cz-field-num { background: rgba(0,0,0,0.08) !important; }
html:root .step-num { color: rgba(0,0,0,0.06) !important; }
html:root .field-tag--required { background: rgba(0,0,0,0.072) !important; }
html:root .field-tag--optional { background: rgba(0,0,0,0.06) !important; }
html:root .size-guide-note { background: rgba(0,0,0,0.03) !important; border: 1px solid rgba(0,0,0,0.18) !important; }
html:root .size-card:hover { border-color: rgba(0,0,0,0.5) !important; }
html:root .size-card.selected { background: rgba(0,0,0,0.036) !important; }
html:root .size-card.selected .sc-pad, html:root .size-card:hover .sc-pad { color: #ffffff !important; }
html:root .size-card.selected .sc-check-ring { color: #ffffff !important; }
html:root .order-input:focus { background: rgba(0,0,0,0.018) !important; }
html:root .order-textarea:focus { background: rgba(0,0,0,0.018) !important; }
html:root .drop-zone:hover { background: rgba(0,0,0,0.018) !important; }
html:root .drop-zone.dragover { background: rgba(0,0,0,0.042) !important; }
html:root .sp-total { background: rgba(0,0,0,0.024) !important; }
html:root .btn-add-to-cart { color: #ffffff !important; }
html:root .btn-add-to-cart:hover { box-shadow: 0 16px 50px rgba(0,0,0,0.35) !important; }
html:root .os-icon { background: rgba(0,0,0,0.048) !important; }
html:root .cz-urgency::before { box-shadow: 0 0 8px rgba(0,0,0,0.6) !important; color: #ffffff !important; }
html:root .cz-size-compare { border: 1px solid rgba(0,0,0,0.08) !important; }

/* ---- email-capture.css ---- */
html:root .ec-modal { background: #f6f6f6 !important; border: 1px solid #e2e2e2 !important; }
html:root .ec-modal::before { background: #0a0a0a !important; color: #ffffff !important; }
html:root .ec-close:hover { color: #000000 !important; }
html:root .ec-tag { color: #0a0a0a !important; }
html:root .ec-headline { color: #000000 !important; }
html:root .ec-headline span { color: #0a0a0a !important; }
html:root .ec-input { background: #f6f6f6 !important; border: 1px solid #e2e2e2 !important; color: #000000 !important; }
html:root .ec-input:focus { border-color: #0a0a0a !important; }
html:root .ec-btn { background: #0a0a0a !important; color: #ffffff !important; }
html:root .ec-tick { background: #0a0a0a !important; color: #ffffff !important; }
html:root .ec-tick svg { stroke: #e2e2e2 !important; }
html:root .ec-success h3 { color: #000000 !important; }
html:root .ec-code-box { background: #f6f6f6 !important; border: 1px dashed #0a0a0a !important; }
html:root .ec-code { color: #0a0a0a !important; }
html:root .ec-copy-btn:hover { color: #0a0a0a !important; }

/* ---- gallery.css ---- */
html:root .gal-promo { color: #ffffff !important; }

/* ---- grip-socks.css ---- */
html:root .gs-img-badge { color: #ffffff !important; }
html:root .gs-qty-btn:hover { background: rgba(0,0,0,0.072) !important; }
html:root .gs-bundle-btn--active { background: rgba(0,0,0,0.03) !important; }
html:root .gs-bundle-btn:hover:not(.gs-bundle-btn--active) { border-color: rgba(0,0,0,0.4) !important; }
html:root .gs-bundle-tag { color: #ffffff !important; }
html:root .gs-size-btn--active { background: rgba(0,0,0,0.03) !important; }
html:root .gs-pair-row:hover { border-color: rgba(0,0,0,0.25) !important; }
html:root .gs-pair-size-btn--active { background: rgba(0,0,0,0.03) !important; }
html:root .gs-order-panel { background: rgba(0,0,0,0.024) !important; border: 1px solid rgba(0,0,0,0.25) !important; }
html:root .gs-panel-input:focus, html:root .gs-panel-textarea:focus { border-color: rgba(0,0,0,0.5) !important; box-shadow: 0 0 0 3px rgba(0,0,0,0.08) !important; }

/* ---- landing.css ---- */
html:root .lp-lead { color: #303030 !important; }
html:root .lp-btn { color: #ffffff !important; }
html:root .lp-btn:hover { background: #0a0a0a !important; color: #ffffff !important; }
html:root .lp-visual { background: radial-gradient(ellipse at 50% 60%, #e4e4e4, #f6f6f6) !important; }
html:root .lp p, html:root .lp li { color: #303030 !important; }
html:root .lp-table th, html:root .lp-table td { color: #303030 !important; }
html:root .lp-band { background: linear-gradient(135deg, rgba(0,0,0,0.072), rgba(0,0,0,0.012)) !important; border: 1px solid rgba(0,0,0,.3) !important; }
html:root:root a.lp-btn--ghost { border-color: #e2e2e2 !important; }
html:root:root a.lp-btn--ghost:hover { background: #ffffff !important; color: #000000 !important; }

/* ---- lp-hero.css ---- */
html:root .lp-hero-photo { background: #f6f6f6 !important; }
@media (max-width: 768px) { html:root .lp-sticky { color: #ffffff !important; } }

/* ---- main.css ---- */
html:root .nav.scrolled { background: rgba(255,255,255,0.92) !important; border-bottom: 1px solid rgba(0,0,0,0.06) !important; }
html:root .nav-cta:hover { color: #ffffff !important; }
html:root .lang-btn.active { background: rgba(0,0,0,0.08) !important; }
html:root .hero-grid { background-image: linear-gradient(rgba(0,0,0,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,0,0,0.03) 1px, transparent 1px) !important; }
html:root .carbon-overlay { background: radial-gradient(ellipse 60% 60% at 80% 20%, rgba(0,0,0,0.024) 0%, transparent 60%),
    radial-gradient(ellipse 40% 40% at 20% 80%, rgba(0,0,0,0.012) 0%, transparent 60%) !important; }
html:root .particle { color: #ffffff !important; }
html:root .btn-primary:hover { box-shadow: 0 12px 40px rgba(0,0,0,0.25) !important; color: #ffffff !important; }
html:root .btn-ghost { border: 1px solid rgba(0,0,0,0.25) !important; }
html:root .btn-ghost:hover { background: rgba(0,0,0,0.05) !important; }
html:root .btn-cta { color: #ffffff !important; }
html:root .btn-cta:hover { box-shadow: 0 16px 50px rgba(0,0,0,0.35) !important; background: #0a0a0a !important; color: #ffffff !important; }
html:root .carbon-bg { background-image: repeating-linear-gradient(
      45deg,
      transparent,
      transparent 2px,
      rgba(0,0,0,0.015) 2px,
      rgba(0,0,0,0.015) 4px
    ) !important; }
html:root .demo-toolbar span { background: rgba(0,0,0,0.15) !important; }
html:root .fm-size-card--active { background: rgba(0,0,0,0.036) !important; }
html:root .fm-pad--l { background: rgba(0,0,0,0.072) !important; }
html:root .fm-input--focused { box-shadow: 0 0 0 2px rgba(0,0,0,0.12) !important; }
html:root .fm-cursor { color: #ffffff !important; }
html:root .fm-submit-btn { color: #ffffff !important; }
html:root .fm-submit-btn--clicked { color: #ffffff !important; }
html:root .fm-success-dots span { color: #ffffff !important; }
html:root .reviews-section { border-top: 1px solid #e2e2e2 !important; }
html:root .review-card { background: #f6f6f6 !important; border: 1px solid #e2e2e2 !important; }
html:root .review-card:hover { border-color: #e2e2e2 !important; }
html:root .review-author { border-top: 1px solid #e2e2e2 !important; }
html:root .ig-section { border-top: 1px solid #e2e2e2 !important; }
html:root .ig-follow-btn { border: 1px solid #e2e2e2 !important; }
html:root .cta-banner::before { background: radial-gradient(ellipse 60% 80% at 50% 50%, rgba(0,0,0,0.024) 0%, transparent 70%) !important; }
html:root .img-placeholder { background: repeating-linear-gradient(
      45deg,
      rgba(0,0,0,0.015) 0px,
      rgba(0,0,0,0.015) 1px,
      transparent 1px,
      transparent 14px
    ),
    var(--grey-200) !important; }
html:root .placeholder-note { color: #555555 !important; }
html:root .hero-img-placeholder { background: repeating-linear-gradient(
      45deg,
      rgba(0,0,0,0.012) 0px,
      rgba(0,0,0,0.012) 1px,
      transparent 1px,
      transparent 16px
    ),
    var(--grey-100) !important; }
html:root .product-float-placeholder .placeholder-note { color: #555555 !important; }
html:root .league-badge--star { box-shadow: inset 0 0 0 1px rgba(0,0,0,0.3) !important; }
html:root .league-badge--highlight { background: rgba(0,0,0,0.024) !important; }
html:root .sa-pad-shape { box-shadow: 0 0 24px rgba(0,0,0,0.18) !important; }
html:root .sa-pad-inner { background: rgba(0,0,0,0.042) !important; border: 1px solid rgba(0,0,0,0.2) !important; }
html:root .sa-cursor { color: #ffffff !important; }
html:root .sa-line { background: rgba(0,0,0,0.15) !important; }
html:root .sa-line::after { color: #ffffff !important; }
html:root .sa-hand-icon::after { color: #ffffff !important; }
html:root .sa-box-body { border: 2px solid rgba(0,0,0,0.2) !important; }
html:root .sa-box-tape { color: #ffffff !important; }
html:root .sa-dot { color: #ffffff !important; }
html:root .hero-3d { border: 1px solid rgba(0,0,0,.08) !important; }
html:root .hero-3d-stage { background: radial-gradient(ellipse at 50% 42%, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0.0) 55%) !important; }
html:root .hero-3d-stage::after { border: 2px solid rgba(0,0,0,.12) !important; }
html:root .hero-3d-dot { box-shadow: 0 0 0 0 rgba(0,0,0,.6) !important; color: #ffffff !important; }
html:root .hero-3d-controls { border-top: 1px solid rgba(0,0,0,.06) !important; }
html:root .hero-3d-input { background: rgba(0,0,0,.05) !important; border: 1px solid rgba(0,0,0,.12) !important; }
html:root .hero-3d-input:focus { background: rgba(0,0,0,0.03) !important; }
html:root .hero-3d-flag { background: #eeeeee !important; }
html:root .split-intro-img.split-intro-video { background: radial-gradient(ellipse at 50% 40%, #eeeeee 0%, #ffffff 70%) !important; }
html:root .hero-story-video { background: #ffffff !important; }
html:root .hero-video-sound { border: 1px solid rgba(0,0,0,0.15) !important; }
html:root .hero-video-play { color: #ffffff !important; }
html:root .story-video-player { background: #ffffff !important; }
html:root .whatsapp-float { color: #000000 !important; }
html:root .reel-phone-frame { border: 2px solid rgba(0,0,0,0.12) !important; background: #ffffff !important; box-shadow: 0 0 0 1px rgba(0,0,0,0.04),
    0 20px 60px rgba(0,0,0,0.6),
    inset 0 1px 0 rgba(0,0,0,0.08) !important; }
html:root .reel-phone-frame:hover { box-shadow: 0 0 0 1px rgba(0,0,0,0.1),
    0 30px 80px rgba(0,0,0,0.7),
    0 0 40px rgba(0,0,0,0.04) !important; }
html:root .reel-phone-notch { background: rgba(0,0,0,0.15) !important; }
html:root .reel-play-btn { background: rgba(0,0,0,0.15) !important; border: 1.5px solid rgba(0,0,0,0.3) !important; color: #000000 !important; }
html:root .reel-phone-frame:hover .reel-play-btn { background: rgba(0,0,0,0.25) !important; }
html:root .reel-caption { color: rgba(0,0,0,0.85) !important; }
html:root .reel-placeholder { background: linear-gradient(135deg, #f6f6f6 0%, #eeeeee 100%) !important; }
html:root .reel-sound-btn { border: 1px solid rgba(0,0,0,0.2) !important; }
html:root .partner-pill b { color: #9a6b12 !important; }
html:root .cs-partner-card { background: #f6f6f6 !important; }
html:root .footer-partner small { color: #9a6b12 !important; }
html:root .xmas-home { background: #ffffff !important; }
html:root .xmas-home-inner { background: radial-gradient(circle, rgba(0,0,0,0.16) 1.5px, transparent 2px) 0 0 / 30px 30px,
    radial-gradient(ellipse 60% 80% at 15% 100%, rgba(255,255,255,0.9) 0%, transparent 70%),
    linear-gradient(135deg, #d7263d, #9e1b2c) !important; }
html:root .xmas-home-tag { color: #9a6b12 !important; }
html:root .xmas-home-title { color: #000000 !important; }
html:root .xmas-home-title em { color: #9a6b12 !important; }
html:root .xmas-home-sub { color: rgba(0,0,0,0.88) !important; }
html:root .xmas-home-cta { color: #9a6b12 !important; }
html:root .parents-section { background: #ffffff !important; border-top: 1px solid #e2e2e2 !important; }
html:root .dfm-hero-link { border-bottom: 1px solid rgba(0,0,0,.35) !important; }
html:root .carbon-band { background: #ffffff !important; }
html:root .carbon-band-caption { color: #000000 !important; }
html:root .sticky-buy-btn { background: #ffffff !important; color: #000000 !important; }

/* ---- studio.css ---- */
html:root .ds-app .ds-view { background: radial-gradient(ellipse at 50% 40%, #eeeeee 0%, #ffffff 70%) !important; }
html:root .ds-app .ds-btn--primary { color: #ffffff !important; }
html:root .ds-app .ds-sizes { background: rgba(255,255,255,.85) !important; }
html:root .ds-modal-box { background: #f6f6f6 !important; border: 1px solid #e2e2e2 !important; color: #000000 !important; }
html:root .ds-modal-x { color: #666666 !important; }
html:root .ds-modal-x:hover { color: #000000 !important; }
html:root .ds-modal-sub { color: #666666 !important; }
html:root .ds-modal .ds-btn { border: 1px solid #e2e2e2 !important; background: #f6f6f6 !important; color: #000000 !important; }
html:root .ds-modal .ds-btn--primary { color: #ffffff !important; }
html:root .ds-modal .ds-input { background: #f6f6f6 !important; border: 1px solid #e2e2e2 !important; color: #000000 !important; }
html:root .ds-email-offers { color: #666666 !important; }
html:root .ds-email-msg { color: #666666 !important; }
html:root .ds-qr { border-top: 1px solid #e2e2e2 !important; color: #666666 !important; }
html:root .ds-mv { background: radial-gradient(ellipse at 50% 40%, #eeeeee 0%, #ffffff 70%) !important; }
html:root .ds-leg canvas { background: #ffffff !important; }
html:root .ds-leg-steps { color: #333333 !important; }
html:root .ds-leg-seg { background: #f6f6f6 !important; border: 1px solid #e2e2e2 !important; }
html:root .ds-leg-seg button { color: #666666 !important; }
html:root .ds-leg-seg button.active { background: #e4e4e4 !important; color: #000000 !important; }
html:root.ds-admin #printFiles { background: #0a0a0a !important; border-color: #0a0a0a !important; color: #ffffff !important; }
html:root .ds-kit-nudge { border: 1px dashed rgba(0,0,0,.45) !important; }
html:root .ds-kit-nudge:hover { background: rgba(0,0,0,0.036) !important; }
html:root .ds-sticky-cart { background: rgba(255,255,255,.96) !important; border-top: 1px solid #e2e2e2 !important; }
html:root .ds-sticky-btn { color: #ffffff !important; }
html:root .ds-app .dfm-cta { background: rgba(0,0,0,0.042) !important; border: 1px solid rgba(0,0,0,.45) !important; }
html:root .ds-app .dfm-cta:hover { background: rgba(0,0,0,0.072) !important; }
html:root .dfm-box { background: #f6f6f6 !important; border: 1px solid #e2e2e2 !important; color: #000000 !important; }
html:root .dfm-x { color: #666666 !important; }
html:root .dfm-x:hover { color: #000000 !important; }
html:root .dfm-sub { color: #555555 !important; }
html:root .dfm-sizes span { color: #333333 !important; }
html:root .dfm-sizes input:checked + span { background: rgba(0,0,0,0.042) !important; }
html:root .dfm-note { color: #777777 !important; }
html:root .dfm-drop { color: #333333 !important; }
html:root .dfm-thumb { background: #eeeeee !important; color: #555555 !important; }
html:root .dfm-thumb button { color: #000000 !important; }

/* ---- 404.html <style> ---- */
html:root .not-found::before { background: radial-gradient(ellipse 70% 60% at 50% 40%, rgba(0,0,0,0.03) 0%, transparent 70%) !important; }
html:root .nf-home:hover { color: #ffffff !important; }
html:root .nf-shop { border: 1px solid rgba(0,0,0,0.2) !important; }

/* ---- blog.html <style> ---- */
html:root .blog-card::before { background: linear-gradient(135deg, rgba(0,0,0,0.018) 0%, transparent 60%) !important; }
html:root .blog-card:hover { border-color: rgba(0,0,0,0.35) !important; background: rgba(0,0,0,0.012) !important; }
html:root .blog-cta-band { color: #ffffff !important; }

/* ---- carbon-fibre-shin-guards.html <style> ---- */
html:root .lp-hero::before { background: radial-gradient(ellipse 60% 60% at 70% 50%, rgba(0,0,0,0.036) 0%, transparent 70%) !important; }
html:root .lp-marquee { color: #ffffff !important; }
html:root .compare-table td { color: #555555 !important; }
html:root .lp-review-text { color: #555555 !important; }
html:root .lp-cta-band { color: #ffffff !important; }
html:root .btn-dark { background: #ffffff !important; }

/* ---- club-kit.html <style> ---- */
html:root .ck { border-top: 1px solid #e2e2e2 !important; border-bottom: 1px solid #e2e2e2 !important; }
html:root .ck-panel { border-right: 1px solid #e2e2e2 !important; }
html:root .ck-sub { color: #666666 !important; }
html:root .ck-label { color: #666666 !important; }
html:root .ck-input { background: #f6f6f6 !important; border: 1px solid #e2e2e2 !important; color: #000000 !important; }
html:root .ck-hint { color: #888888 !important; }
html:root .ck-drop { border: 1.5px dashed #e2e2e2 !important; color: #666666 !important; }
html:root .ck-drop:hover, html:root .ck-drop.over { color: #000000 !important; }
html:root .ck-drop strong { color: #000000 !important; }
html:root .ck-colour { background: #f6f6f6 !important; border: 1px solid #e2e2e2 !important; }
html:root .ck-preset { border: 2px solid #e2e2e2 !important; }
html:root .ck-styles { background: #f6f6f6 !important; }
html:root .ck-style { color: #666666 !important; }
html:root .ck-style.active { background: #e4e4e4 !important; color: #000000 !important; }
html:root .ck-size { border: 1px solid #e2e2e2 !important; background: #f6f6f6 !important; color: #000000 !important; }
html:root .ck-size small { color: #666666 !important; }
html:root .ck-select { background: #f6f6f6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") no-repeat right 12px center !important; }
html:root .ck-chip { border: 1px solid #e2e2e2 !important; background: #f6f6f6 !important; color: #333333 !important; }
html:root .ck-chip.active { color: #000000 !important; }
html:root .ck-sublabel { color: #888888 !important; }
html:root .ck-stepper { border: 1px solid #e2e2e2 !important; background: #f6f6f6 !important; }
html:root .ck-stepper button { color: #000000 !important; }
html:root .ck-stepper button:hover { background: #e4e4e4 !important; }
html:root .ck-stepper input { border-left: 1px solid #e2e2e2 !important; border-right: 1px solid #e2e2e2 !important; color: #000000 !important; }
html:root .ck-stepper input:focus { background: rgba(0,0,0,0.036) !important; }
html:root .ck-editor { background: #f6f6f6 !important; }
html:root .ck-selected { background: #f6f6f6 !important; border: 1px solid #e2e2e2 !important; }
html:root .ck-range { color: #333333 !important; }
html:root .ck-btn { border: 1px solid #e2e2e2 !important; background: #f6f6f6 !important; color: #000000 !important; }
html:root .ck-btn--primary { color: #ffffff !important; }
html:root .ck-price { background: #f6f6f6 !important; border: 1px solid #e2e2e2 !important; color: #666666 !important; }
html:root .ck-view { background: radial-gradient(ellipse at 50% 35%, #eeeeee 0%, #ffffff 72%) !important; }
html:root .ck-loading { color: #666666 !important; }
html:root .ck-count { color: #666666 !important; }
html:root .ck-hintline { color: #888888 !important; }
html:root .ck-tools .ck-btn { background: rgba(255,255,255,.85) !important; }
html:root .ck-focus { background: rgba(255,255,255,.9) !important; border: 1px solid #e2e2e2 !important; }

/* ---- custom-shin-pads.html <style> ---- */
html:root .lp-checklist li { color: #555555 !important; }

/* ---- fccu.html <style> ---- */
html:root .fc-title { color: #000000 !important; }
html:root .fc-lead { color: #2b2b2b !important; }
html:root .fc-code { background: rgba(255,255,255,.82) !important; color: #000000 !important; }
html:root .fc-btn { border: 1px solid rgba(0,0,0,.35) !important; color: #000000 !important; background: rgba(255,255,255,.55) !important; }
html:root .fc-marquee i { color: #000000 !important; }
html:root .fc-h2 { color: #000000 !important; }
html:root .fc-squad { color: #3b3b3b !important; }
html:root .fc-squad strong { color: #000000 !important; }
html:root .fc-steps-mini { color: #000000 !important; }
html:root .fc-about { color: #3b3b3b !important; }
html:root .fc-support-card, html:root .fc-club-card { color: #3b3b3b !important; }
html:root .fc-support-card strong { color: #000000 !important; }
html:root .fc-club-card { background: #f6f6f6 !important; border: 1px solid #e2e2e2 !important; }

/* ---- gift-card.html <style> ---- */
html:root .policy-highlight { background: rgba(0,0,0,0.024) !important; }
html:root .gc-card { background: radial-gradient(ellipse at 20% 0%, rgba(0,0,0,0.072), transparent 60%), linear-gradient(135deg,#eeeeee,#ffffff) !important; }
html:root .gc-card .gc-what { color: #000000 !important; }
html:root .gc-card .gc-code { color: #888888 !important; }
html:root .gc-price { color: #000000 !important; }
html:root .gc-field label { color: #888888 !important; }
html:root .gc-field input, html:root .gc-field textarea { background: #f6f6f6 !important; border: 1px solid #e2e2e2 !important; color: #000000 !important; }
html:root .gc-buy { color: #ffffff !important; }
html:root .gc-done { background: rgba(0,0,0,0.03) !important; }

/* ---- personalised-football-gifts.html <style> ---- */
html:root .xmas .lp-hero { background: radial-gradient(ellipse 55% 60% at 85% 20%, rgba(215,38,61,0.28) 0%, transparent 70%),
        radial-gradient(ellipse 60% 70% at 10% 90%, rgba(15,92,58,0.45) 0%, transparent 70%),
        #f6f6f6 !important; }
html:root .xmas .lp-hero .btn-primary { color: #000000 !important; }
html:root .xmas #gift-ideas .lp-card { background: linear-gradient(90deg, transparent calc(100% - 46px), rgba(215,38,61,0.85) calc(100% - 46px), rgba(215,38,61,0.85) calc(100% - 34px), transparent calc(100% - 34px)),
        linear-gradient(160deg, rgba(15,92,58,0.45), rgba(15,92,58,0.12) 60%), #f6f6f6 !important; }
html:root .xmas .lp-cta-band { background: radial-gradient(circle, rgba(0,0,0,0.18) 1.5px, transparent 2px) 0 0 / 34px 34px,
        radial-gradient(circle, rgba(0,0,0,0.12) 1px, transparent 1.5px) 17px 17px / 34px 34px,
        linear-gradient(135deg, var(--xmas-red), var(--xmas-red-dark)) !important; }
html:root .xmas .lp-cta-band h2 { color: #000000 !important; }
html:root .xmas .lp-cta-band p { color: rgba(0,0,0,0.85) !important; }

/* ---- porto-cup.html <style> ---- */
html:root .pc-title { color: #000000 !important; }
html:root .pc-lead { color: #232323 !important; }
html:root .pc-deadline { background: rgba(255,255,255,.8) !important; color: #000000 !important; }
html:root .pc-btn { border: 1px solid rgba(0,0,0,.35) !important; color: #000000 !important; background: rgba(255,255,255,.55) !important; }
html:root .pc-marquee i { color: #000000 !important; }
html:root .pc-h2 { color: #000000 !important; }
html:root .pc-input { background: #f6f6f6 !important; border: 1px solid #e2e2e2 !important; color: #000000 !important; }
html:root .pc-style { background: #f6f6f6 !important; border: 1px solid #e2e2e2 !important; }
html:root .pc-style i { box-shadow: inset 0 0 0 1px rgba(0,0,0,.15) !important; }
html:root .pc-style:hover { color: #000000 !important; }
html:root .pc-style.active { color: #000000 !important; }
html:root .pc-way { background: #f6f6f6 !important; border: 1px solid #e2e2e2 !important; color: #404040 !important; }
html:root .pc-way img.pc-way-pads { background: radial-gradient(circle at 50% 50%, rgba(46,229,157,.32), #f6f6f6 68%) !important; }
html:root .pc-way b { color: #000000 !important; }
html:root .pc-collect-card { color: #363636 !important; }
html:root .pc-collect-card strong { color: #000000 !important; }
html:root .pc-steps li { background: rgba(255,255,255,.6) !important; }
html:root .pc-steps b { color: #000000 !important; }
html:root .pc-family-text { color: #363636 !important; }
html:root .pc-ticks li { color: #000000 !important; }
html:root .pc-prod { background: #f6f6f6 !important; border: 1px solid #e2e2e2 !important; }
html:root .pc-prod b { color: #000000 !important; }
html:root .pc-team-card { background: #f6f6f6 !important; border: 1px solid #e2e2e2 !important; color: #363636 !important; }
html:root .pc-facts div { background: #f6f6f6 !important; border: 1px solid #e2e2e2 !important; }
html:root .pc-faq details { border-bottom: 1px solid #e2e2e2 !important; }
html:root .pc-faq summary { color: #000000 !important; }
html:root .pc-faq details p { color: #404040 !important; }

/* ---- shin-pads-for-clubs.html <style> ---- */
html:root .pricing-table td { color: #555555 !important; }

/* ---- tracking.html <style> ---- */
html:root .track-hero::before { background: radial-gradient(ellipse 70% 60% at 50% 0%, rgba(0,0,0,0.036) 0%, transparent 70%) !important; }
html:root .track-input { background: rgba(0,0,0,0.06) !important; border: 1px solid rgba(0,0,0,0.12) !important; }
html:root .track-input::placeholder { color: rgba(0,0,0,0.3) !important; }
html:root .track-btn { color: #ffffff !important; }

/* ---- inline styles ---- */
html:root [style*="background:#080808"] { background: #ffffff !important; }
html:root [style*="background:#0a0a0a"] { background: #ffffff !important; }
html:root [style*="background:#0a0a0a !important"] { background: #ffffff !important; }
html:root [style*="background:#0e0e0e"] { background: #f6f6f6 !important; }
html:root [style*="background:#0f0f0f"] { background: #f6f6f6 !important; }
html:root [style*="background:#111"] { background: #f6f6f6 !important; }
html:root [style*="background:#111111"] { background: #f6f6f6 !important; }
html:root [style*="background:#141414"] { background: #f6f6f6 !important; }
html:root [style*="background:#1a1a1a"] { background: #eeeeee !important; }
html:root [style*="background:#c8ff00"] { background: #0a0a0a !important; color: #ffffff !important; }
html:root [style*="background:#d4ff1a"] { background: #0a0a0a !important; color: #ffffff !important; }
html:root [style*="background:rgba(212,255,26,0.1)"] { background: rgba(0,0,0,0.06) !important; }
html:root [style*="border-bottom:1px solid #1e1e1e"] { border-bottom: 1px solid #e2e2e2 !important; }
html:root [style*="border-left:1px solid #1a1a1a"] { border-left: 1px solid #e2e2e2 !important; }
html:root [style*="border-top: 1px solid rgba(255,255,255,0.06)"] { border-top: 1px solid rgba(0,0,0,0.06) !important; }
html:root [style*="border-top:1px solid #1a1a1a"] { border-top: 1px solid #e2e2e2 !important; }
html:root [style*="border-top:1px solid #1e1e1e"] { border-top: 1px solid #e2e2e2 !important; }
html:root [style*="border-top:1px solid rgba(255,255,255,0.06)"] { border-top: 1px solid rgba(0,0,0,0.06) !important; }
html:root [style*="border:1px solid #1a1a1a"] { border: 1px solid #e2e2e2 !important; }
html:root [style*="border:1px solid #1e1e1e"] { border: 1px solid #e2e2e2 !important; }
html:root [style*="border:1px solid #222"] { border: 1px solid #e2e2e2 !important; }
html:root [style*="border:1px solid #2a2a2a"] { border: 1px solid #e2e2e2 !important; }
html:root [style*="border:2px solid #333"] { border: 2px solid #e2e2e2 !important; }
html:root [style*="border:2px solid #d4ff1a"] { border: 2px solid #0a0a0a !important; }
html:root [style*="box-shadow:0 0 0 2px rgba(212,255,26,0.3)"] { box-shadow: 0 0 0 2px rgba(0,0,0,0.3) !important; }
html:root [style*="color:#888"] { color: #777777 !important; }
html:root [style*="color:#aaa"] { color: #555555 !important; }
html:root [style*="color:#c8ff00"] { color: #0a0a0a !important; }
html:root [style*="color:#d4ff1a"] { color: #0a0a0a !important; }
html:root [style*="color:#fff"] { color: #000000 !important; }
html:root [style*="color:#fff !important"] { color: #000000 !important; }
html:root [style*="color:#ffffff"] { color: #000000 !important; }

/* ---- animations without lime ---- */
@keyframes biCropAttention {
  0%, 100% { box-shadow: 0 0 0 0 rgba(0,0,0,0); }
  25%      { box-shadow: 0 0 0 6px rgba(0,0,0,0.18); }
  50%      { box-shadow: 0 0 0 0 rgba(0,0,0,0); }
  75%      { box-shadow: 0 0 0 6px rgba(0,0,0,0.18); }
}
@keyframes submitPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(0,0,0,0.4); }
  50%       { box-shadow: 0 0 0 10px rgba(0,0,0,0); }
}
@keyframes padPulse {
  0%, 100% { transform: scale(1); box-shadow: 0 0 24px rgba(0,0,0,0.18); }
  50%       { transform: scale(1.05); box-shadow: 0 0 36px rgba(0,0,0,0.32); }
}
@keyframes cfShimmer {
  0%, 100% { background: var(--grey-300); }
  50%       { background: rgba(0,0,0,0.35); }
}
@keyframes hero3d-pulse { 70% { box-shadow: 0 0 0 8px rgba(0,0,0,0); } 100% { box-shadow: 0 0 0 0 rgba(0,0,0,0); } }

/* ---- hand-written fixes ---- */
html:root {
  --black: #ffffff;
  --white: #0a0a0a;
  --grey-100: #f5f5f5;
  --grey-200: #e8e8e8;
  --grey-300: #d6d6d6;
  --grey-400: #5f5f5f;
  --grey-500: #444444;
  --carbon: #f2f2f2;
  color-scheme: light;
}
html:root body { background: #ffffff; color: #0a0a0a; }
/* the studio panel sets its own greys (studio.css .ds-app) */
html:root .ds-app {
  --grey-100: #f5f5f5;
  --grey-200: #e8e8e8;
  --grey-300: #d6d6d6;
  --grey-400: #5f5f5f;
  --grey-500: #444444;
}

/* White logos → black */
html:root .nav-logo-img,
html:root img[src*="logo-horizontal-white"],
html:root img[src*="logo-white"],
html:root img[src*="logo-circle"] { filter: invert(1); }

/* No lime in the white theme: accents are black */
html:root {
  --accent: #0a0a0a;
  --accent-dim: #333333;
  --accent-glow: rgba(0, 0, 0, 0.06);
}
html:root .section-tag,
html:root .accent,
html:root .stat-unit,
html:root .lb-abbr,
html:root .fm-num,
html:root .dfm-hero-link { color: #0a0a0a !important; }
html:root .ds-app .dfm-link { color: #0a0a0a !important; text-decoration: underline; text-underline-offset: 3px; }
html:root .ds-app .ds-sizes { box-shadow: 0 2px 10px rgba(0,0,0,0.08); }
html:root .brand-statement-line.accent { color: #9a9a9a !important; -webkit-text-stroke: 0; }
html:root .reviews-stars { color: #f5b301 !important; }

/* Video / reel buttons sit on video: keep them dark */
html:root .reel-sound-btn,
html:root .hero-video-sound { background: rgba(0,0,0,0.55) !important; color: #fff !important; }
html:root .reel-phone-frame { background: #111 !important; border-color: rgba(0,0,0,0.12) !important; box-shadow: 0 20px 50px rgba(0,0,0,0.18) !important; }

/* Header bar once scrolled */
html:root .nav.scrolled { background: rgba(255,255,255,0.94) !important; border-bottom: 1px solid #e8e8e8; box-shadow: 0 2px 18px rgba(0,0,0,0.06); }

/* Hero 3D card: light glass instead of dark glass */
html:root .hero-3d { background: linear-gradient(180deg, #fafafa, #f0f0f0) !important; border-color: #e4e4e4 !important; box-shadow: 0 28px 70px rgba(0,0,0,0.14) !important; }
html:root .hero-3d-stage { background: radial-gradient(ellipse at 50% 42%, rgba(0,0,0,.05) 0%, rgba(0,0,0,0) 60%) !important; }

/* Gold accents (Christmas / partner) need more weight on white */
html:root .nav-link--xmas,
html:root .xmas-menu-link { color: #a2731a !important; }
html:root [style*="color:#c9a44c"] { color: #8a6516 !important; }

/* Christmas page palette */
html:root body.xmas { --xmas-gold: #9a6b12; }
html:root { --xmas-nav: #9a6b12; }

/* Black buttons always carry white text */
html:root .btn-primary { color: #ffffff !important; }

/* Buttons whose old dark-theme grey beat the black accent */
html:root .ck-btn--primary { background: #0a0a0a !important; border-color: #0a0a0a !important; color: #ffffff !important; }
html:root .bs-next { background: #0a0a0a !important; color: #ffffff !important; }
html:root .bs-next:hover { background: #333333 !important; }
html:root .bs-danger { color: #c62828 !important; }

/* Photo scrims keep white text */
html:root .carbon-band-caption { color: #ffffff !important; background: rgba(0,0,0,0.6) !important; }
html:root .reel-overlay,
html:root .reel-play-btn { color: #fff !important; }