/* ==========================================================================
   RAUDRAA - GLOBAL THEME LAYER                                   theme v1
   --------------------------------------------------------------------------
   Loaded LAST in <head> on every storefront page (never on /admin).
   Remove the single <link> to roll the whole redesign back.

   Direction  : fierce, dark-luxury, editorial streetwear.
   Palette    : near-black ink / bone/ivory surfaces / ONE accent - the
                crimson of the hand-drawn logo. No gold, no yellow.
   Shape      : one radius scale (2 / 4 / 6px). Circles stay circles.
   Type       : Fraunces (display) / Manrope (UI) / DM Mono (micro-labels).

   How this file beats the page CSS
     Page styles live in inline <style> blocks, many of them inside <body>
     (i.e. AFTER this file). Overrides therefore carry one extra type
     selector (`html ...`) instead of `!important`; `!important` is used only
     against rules that are themselves `!important` or against inline
     style="" attributes.

   Contents
     01  Tokens (new --rd-* scale + re-definition of every legacy variable)
     02  Contextual tokens for dark surfaces
     03  Base: page, selection, focus, links, scrollbars
     04  Legacy accent re-map   (gold/yellow -> crimson / ink, per source file)
     05  Shape normalisation    (one radius scale)
     06  Announcement bar
     07  Header, navigation, mega menu, search
     08  Mobile drawer + bottom navigation
     09  Buttons (hierarchy), forms, inputs
     10  Product cards, badges, prices
     11  Home page sections
     12  Listing + filters, search, wishlist
     13  Product page
     14  Cart + checkout
     15  Auth (login page, login/auth modals)
     16  Account, orders, tracking
     17  Static pages
     18  Footer
     19  Cookie banner, toasts, overlays
     20  404 / 500 / offline / coming-soon
     21  Inline style="" safety net
     22  Motion + print
   ========================================================================== */


/* ==========================================================================
   01  TOKENS
   ========================================================================== */
html:root {
  /* -- ink ------------------------------------------------------------- */
  --rd-ink:            #0B0B0C;   /* announcement bar, footer, dark bands   */
  --rd-ink-2:          #111114;   /* primary text, solid buttons            */
  --rd-ink-3:          #1C1C20;   /* raised surfaces on ink                 */
  --rd-text:           #111114;
  --rd-text-2:         #3A3833;   /* body copy                    11.6:1    */
  --rd-muted:          #68635B;   /* secondary text on bone        5.6:1    */
  --rd-faint:          #8C867C;   /* decorative / disabled only             */

  /* -- bone ------------------------------------------------------------ */
  --rd-bg:             #FAF7F2;   /* page                                   */
  --rd-surface:        #FFFFFF;   /* cards, inputs                          */
  --rd-surface-2:      #F3EEE6;   /* alternate band, hover fill             */
  --rd-surface-3:      #E9E2D6;   /* pressed fill, skeletons                */
  --rd-line:           #E3DCCF;   /* hairlines                              */
  --rd-line-strong:    #CBC2B2;   /* input borders                          */

  /* -- crimson (sampled from images/raudraa-logo.png: median #A41111) --- */
  --rd-crimson:        #AE1218;   /* on bone 6.7:1 / white on it 7.2:1      */
  --rd-crimson-press:  #8A0E13;   /* hover / pressed                        */
  --rd-crimson-bright: #DC2430;   /* ONLY on ink: icons, large type (4.1:1) */
  --rd-crimson-rgb:    174,18,24;
  --rd-crimson-tint:   #F8ECEA;   /* selected / sale tint on bone           */

  /* -- semantic -------------------------------------------------------- */
  --rd-success:        #1F6B43;
  --rd-success-tint:   #E8F2EC;
  --rd-danger:         #AE1218;
  --rd-star:           #B7791F;   /* star ratings only                      */
  --rd-on-dark:        #F3EEE6;
  --rd-on-dark-muted:  rgba(243,238,230,.68);

  /* -- contextual (flip inside dark surfaces, see 02) ------------------- */
  --rd-accent:         var(--rd-crimson);
  --rd-accent-press:   var(--rd-crimson-press);
  --rd-accent-rgb:     var(--rd-crimson-rgb);
  --rd-accent-text:    var(--rd-crimson);
  --rd-accent-icon:    var(--rd-crimson);
  --rd-accent-line:    var(--rd-crimson);
  --rd-accent-display: var(--rd-crimson);   /* accent word inside display headings */
  --rd-on-accent:      #FFFFFF;
  --rd-muted-text:     var(--rd-muted);
  --rd-fg:             var(--rd-ink-2);
  --rd-hair-rgb:       17,17,20;
  --rd-shadow-rgb:     17,17,20;

  /* -- shape ----------------------------------------------------------- */
  --rd-r-sm:           2px;       /* tags, badges, checkboxes               */
  --rd-r:              4px;       /* buttons, inputs, chips                 */
  --rd-r-lg:           6px;       /* cards, panels, modals, media           */

  /* -- elevation ------------------------------------------------------- */
  --rd-shadow-1:       0 1px 2px rgba(17,17,20,.06);
  --rd-shadow-2:       0 8px 24px -8px rgba(17,17,20,.14), 0 1px 2px rgba(17,17,20,.05);
  --rd-shadow-3:       0 24px 60px -16px rgba(11,11,12,.28), 0 2px 6px rgba(11,11,12,.08);

  /* -- spacing (4px base) ---------------------------------------------- */
  --rd-s-1: 4px;  --rd-s-2: 8px;  --rd-s-3: 12px; --rd-s-4: 16px;
  --rd-s-5: 24px; --rd-s-6: 32px; --rd-s-7: 48px; --rd-s-8: 72px; --rd-s-9: 104px;

  /* -- type ------------------------------------------------------------ */
  --rd-ff-display:     'Fraunces', Georgia, 'Times New Roman', serif;
  --rd-ff-ui:          'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --rd-ff-mono:        'DM Mono', ui-monospace, 'Courier New', monospace;
  --rd-fs-display:     clamp(2.25rem, 1.2rem + 3.6vw, 4rem);
  --rd-fs-h1:          clamp(1.75rem, 1.2rem + 1.9vw, 2.75rem);
  --rd-fs-h2:          clamp(1.5rem, 1.15rem + 1.3vw, 2.125rem);
  --rd-fs-h3:          1.25rem;
  --rd-fs-body:        .9375rem;
  --rd-fs-small:       .8125rem;
  --rd-fs-micro:       .6875rem;
  --rd-track-display:  -.022em;
  --rd-track-micro:    .16em;
  --rd-ease:           cubic-bezier(.2,.7,.2,1);

  /* ---------------------------------------------------------------------
     Legacy variables (header.php, style.css and every page <style>).
     Re-pointed so the old CSS re-skins itself through tokens.
     --------------------------------------------------------------------- */
  /* header.php */
  --bone:        var(--rd-surface-2);
  --bone-light:  var(--rd-bg);
  --bone-lt:     var(--rd-bg);
  --bone-dark:   var(--rd-surface-3);
  --ink:         var(--rd-ink-2);
  --ink-mid:     var(--rd-text-2);
  --ink-body:    var(--rd-text-2);
  --ink-soft:    #4A4741;
  --ink2:        #2A2925;
  --ink-muted:   var(--rd-muted);
  --ink-faint:   rgba(17,17,20,.05);
  --honey:       var(--rd-accent);
  --honey-light: var(--rd-accent);
  --honey-dark:  var(--rd-accent-press);
  --honey-dk:    var(--rd-accent-press);
  --honey-glow:  rgba(17,17,20,.10);
  --honey-soft:  rgba(174,18,24,.06);
  --honey-bg:    rgba(174,18,24,.06);
  --hdr-bg:      rgba(250,247,242,.94);
  --hdr-border:  rgba(17,17,20,.10);
  --hdr-text:    var(--rd-ink-2);
  --hdr-muted:   var(--rd-muted);
  --hdr-icon:    var(--rd-ink-2);
  --ff-serif:    var(--rd-ff-display);
  --ff-sans:     var(--rd-ff-ui);
  --ff-mono:     var(--rd-ff-mono);
  --hdr-h:       72px;
  --ann-h:       34px;

  /* style.css */
  --primary:       var(--rd-accent);
  --primary-dark:  var(--rd-accent-press);
  --black:         var(--rd-ink-2);
  --dark:          #232327;
  --gray:          var(--rd-muted);
  --light-gray:    var(--rd-surface-2);
  --white:         #FFFFFF;
  --red:           var(--rd-crimson);
  --red-bg:        rgba(174,18,24,.07);
  --green:         var(--rd-success);
  --radius:        var(--rd-r);
  --shadow:        var(--rd-shadow-1);
  --shadow-hover:  var(--rd-shadow-2);

  /* page-level palettes (cart, checkout, product, listing, static ...) */
  --gold:          var(--rd-accent);
  --gold-light:    var(--rd-accent);
  --gold-muted:    var(--rd-muted-text);
  --gold-bd:       rgba(17,17,20,.16);
  --gold-lt:       rgba(174,18,24,.06);
  --gold-faint:    rgba(174,18,24,.05);
  --gold-ghost:    rgba(174,18,24,.05);
  --gold-soft:     rgba(174,18,24,.06);
  --gold-line:     rgba(17,17,20,.14);
  --gold-border:   rgba(17,17,20,.22);
  --gold-hover:    rgba(17,17,20,.22);
  --amber:         var(--rd-accent);
  --amber-hover:   var(--rd-accent-press);
  --amber-light:   var(--rd-crimson-tint);
  --yellow:        var(--rd-accent);
  --terra:         var(--rd-crimson);
  --terra-light:   var(--rd-crimson-tint);
  --pink:          var(--rd-crimson);
  --forest:        var(--rd-success);
  --forest-light:  var(--rd-success-tint);
  --cream:         var(--rd-surface-2);
  --cream-dark:    var(--rd-surface-3);
  --pale:          var(--rd-surface-2);
  --bg:            var(--rd-bg);
  --bg-base:       var(--rd-bg);
  --bg-alt:        var(--rd-surface-2);
  --bg-card:       var(--rd-surface);
  --card:          var(--rd-surface);
  --card2:         var(--rd-bg);
  --line:          var(--rd-line);
  --line-soft:     #EDE7DC;
  --border2:       var(--rd-line-strong);
  --muted:         var(--rd-muted);
  --faint:         #7B756C;
  --text-primary:  var(--rd-ink-2);
  --text-body:     var(--rd-text-2);
  --text-muted:    var(--rd-muted);
  --r:             var(--rd-r);
  --r-sm:          var(--rd-r-sm);
  --r-lg:          var(--rd-r-lg);
  --shadow-xs:     var(--rd-shadow-1);
  --shadow-sm:     var(--rd-shadow-1);
  --shadow-md:     var(--rd-shadow-2);
  --shadow-lg:     var(--rd-shadow-3);

  /* login modal + bottom nav */
  --lm-gold:       var(--rd-accent);
  --lm-gold-lt:    rgba(174,18,24,.06);
  --lm-bg:         var(--rd-bg);
  --lm-border:     var(--rd-line);
  --lm-ink:        var(--rd-ink-2);
  --lm-muted:      var(--rd-muted);
  --nav-bg:        var(--rd-ink);
  --nav-active:    #FFFFFF;
  --nav-border:    rgba(243,238,230,.10);
  --nav-glow:      rgba(0,0,0,0);
  --nav-badge-bg:  var(--rd-crimson);
  --nav-item-dim:  rgba(243,238,230,.62);
  --nav-item-hover:rgba(243,238,230,.88);
}


/* ==========================================================================
   02  CONTEXTUAL TOKENS - dark surfaces
   Anything inside these containers that asks for "the accent as text" gets
   bone instead (crimson on black fails 4.5:1); icons and large display type
   get the brighter crimson; hairlines flip to bone-alpha.
   ========================================================================== */
/* dark surfaces found in the page sources (generated) */
html #dpraAnnBar,
html .acc-sidebar-profile,
html .access-hero,
html .add-to-cart-btn,
html .am-brand-overlay,
html .announcement-bar,
html .app-section,
html .auth-btn,
html .auth-btn:hover,
html .bank-tile.sel,
html .bank-tile:hover,
html .brand-side,
html .btn-dark,
html .btn-dark:hover,
html .btn-primary,
html .btn-shop,
html .btn-shop:hover,
html .cancel-hero,
html .co-btn-next,
html .co-btn-next:hover,
html .co-step.active .co-step-num,
html .commit-banner,
html .consent-box,
html .cookie-hero,
html .cookie-table thead th,
html .coupon-input button,
html .cp-badge-new,
html .cp-cat-strip,
html .cp-contact-btn,
html .cp-contact-btn-outline:hover,
html .cp-contact-btn:hover,
html .cp-empty-link:hover,
html .cp-header,
html .cp-loadmore-btn:hover,
html .cp-mobile-bar-btn.primary,
html .cp-page-btn.active,
html .cp-quick-add,
html .cp-qv-size-btn.active,
html .cp-sz-pill.active,
html .cpn-apply-btn,
html .cpn-apply-btn:hover,
html .cs-nl-input,
html .cs-nl-input:focus,
html .cs-social a,
html .cs-toast,
html .disc-back-top,
html .disc-hero,
html .disc-lm-block,
html .dpra-cookie-accept,
html .dpra-mega-card-label,
html .dpra-mobile-nav,
html .dpra-offer-banner,
html .dpra-sale-strip,
html .dpra-sizeguide-link:hover,
html .dpra-skip-link,
html .dpra-social-proof,
html .dpra-toast,
html .e404-btn-primary,
html .e404-btn-primary:hover,
html .footer,
html .ft,
html .ft-bottom,
html .ft-links-sep,
html .ft-origin,
html .ft-promise,
html .ft-promise-icon,
html .ft-promise-item:hover,
html .ft-social a,
html .ft-statement,
html .gift-save-btn,
html .gift-save-btn:hover,
html .hx-also-viewed,
html .hx-av-card,
html .hx-av-quick-wish,
html .hx-cat-card:hover .hx-cat-label,
html .hx-cats-dark,
html .hx-marquee-wrap,
html .hx-membership,
html .hx-section-black,
html .hx-section-black .product-card,
html .hxbs-veil,
html .hxna-arrow:hover,
html .hxna-link:hover,
html .hxna-quick-cart,
html .hxp-card,
html .hxp-label,
html .hxsoc-ig-inner,
html .lm-btn:hover,
html .lm-otp-send-btn:hover,
html .ord-filter.active,
html .otp-send-btn,
html .otp-send-btn:hover,
html .page-header,
html .pdp-badge-discount,
html .pdp-badge-tag,
html .pdp-blk--reviews,
html .pdp-cta-buynow,
html .pdp-header-zone,
html .pdp-lightbox,
html .pdp-pin-btn,
html .pdp-pin-btn:hover,
html .pdp-review-avatar,
html .pdp-sticky-buy,
html .pdp-sticky-buy:hover,
html .pp-back-top,
html .pp-contact-card,
html .pp-hero,
html .pp-law-tag,
html .quick-view,
html .refund-table thead th,
html .sg-qa,
html .size-btn.active,
html .size-btn:hover,
html .size-option.active,
html .size-option:not(.out-of-stock):hover,
html .srch-btn,
html .srch-btn:hover,
html .sz-btn.current,
html .toast,
html .tou-back-top,
html .tou-contact-card,
html .tou-hero,
html .tou-law-tag,
html .trk-hero,
html .trust-badges,
html .wcag-badge,
html .wl-add-all-btn,
html .wl-add-all-btn:hover,
html .wl-count-badge,
html .wl-empty-cta,
html .wl-empty-cta:hover,
/* shared chrome + overlays */
html #dpraAnnBar,
html .ft,
html .dpra-mobile-nav,
html .hx-cats-dark,
html .hx-section-black,
html .hx-also-viewed,
html .hx-membership,
html .hxbs,
html .hxsoc-ig-inner,
html .hx-editorial-overlay,
html .dpra-coll-overlay,
html .hxp-card,
html .dpra-sale-banner,
html .pdp-blk--reviews,
html .brand-side,
html .am-brand-panel,
html .hx-editorial-card,
html .dpra-coll-card,
html .dpra-offer-banner,
html .pdp-header-zone,
html .cp-cat-strip,
html .toast,
html .cs-toast,
html .rd-on-ink {
  --rd-accent-text:  var(--rd-on-dark);
  --rd-accent-icon:  var(--rd-crimson-bright);
  --rd-accent-line:  var(--rd-crimson);
  --rd-muted-text:   var(--rd-on-dark-muted);
  --rd-fg:           var(--rd-on-dark);
  --rd-success:      #7BD3A0;
  --forest:          #7BD3A0;
  --honey-light:     var(--rd-on-dark);
  --rd-hair-rgb:     243,238,230;
  --rd-shadow-rgb:   0,0,0;
  --rd-accent-display: var(--rd-crimson-bright);
  /* legacy accents used as inline text colour on dark: bone, never crimson */
  --honey:           var(--rd-on-dark);
  --gold:            var(--rd-on-dark);
  --primary:         var(--rd-on-dark);
  --yellow:          var(--rd-on-dark);
  --amber:           var(--rd-on-dark);
  --lm-gold:         var(--rd-on-dark);
  --gold-muted:      var(--rd-on-dark-muted);
  --ink-muted:       var(--rd-on-dark-muted);
}


/* light surfaces nested inside a dark one flip back */
html .ft-pay,
html .rd-on-bone {
  --rd-accent-text:    var(--rd-crimson);
  --rd-accent-icon:    var(--rd-crimson);
  --rd-accent-display: var(--rd-crimson);
  --rd-muted-text:     var(--rd-muted);
  --rd-fg:             var(--rd-ink-2);
  --rd-hair-rgb:       17,17,20;
  --rd-shadow-rgb:     17,17,20;
  --rd-success:        #1F6B43;
  --forest:            #1F6B43;
  --honey:             var(--rd-crimson);
  --gold:              var(--rd-crimson);
  --primary:           var(--rd-crimson);
}


/* ==========================================================================
   03  BASE
   ========================================================================== */
/* page background/colour are left to each page (they resolve through the
   re-pointed legacy variables) so intentionally dark pages stay dark */
html body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
::selection { background: var(--rd-crimson); color: #fff; }

/* One focus ring everywhere: 2px ink ring, offset, crimson on dark. */
html :focus-visible {
  outline: 2px solid var(--rd-ink-2);
  outline-offset: 2px;
}
html :is(#dpraAnnBar, .ft, .dpra-mobile-nav, .hx-cats-dark, .hx-section-black, .hx-also-viewed, .hxbs, .pdp-blk--reviews, .brand-side) :focus-visible {
  outline-color: #fff;
}
html :is(input, select, textarea):focus-visible { outline-offset: 0; }

html { scrollbar-color: #B9B0A1 transparent; }
html ::-webkit-scrollbar-thumb { background-color: #C4BBAC; }

/* ==========================================================================
   04  LEGACY ACCENT RE-MAP
   Every rule in the storefront sources that painted gold / yellow, re-issued
   with the token that matches its role (text, icon, fill, hairline, shadow).
   Grouped by the source file the original rule lives in. Generated from a
   scan of the PHP sources, then reviewed; component sections below refine it.
   ========================================================================== */
/* -- css/style.css -- */
html .announcement-bar { color: #fff; }
html .logo-text::before,
html .nav-item:hover > .nav-link::after,
html .section-title::after { background: var(--rd-accent); }
html .logo-reg,
html .slide-tag,
html .highlight,
html .footer-logo,
html .footer-col h4,
html .footer-links a:hover { color: var(--rd-accent-text); }
html .search-form:focus-within { border-color: var(--rd-accent-line); box-shadow: 0 0 0 3px rgba(var(--rd-hair-rgb),.09); }
html .search-btn,
html .search-btn:hover,
html .tag:hover,
html .cart-btn,
html .cart-btn:hover,
html .btn-primary,
html .btn-primary:hover,
html .slider-btn:hover,
html .dot.active,
html .filter-tab.active,
html .add-to-cart-btn:hover,
html .social-links a:hover,
html .newsletter-form button,
html .newsletter-form button:hover,
html .scroll-top,
html .scroll-top:hover,
html .coupon-input button:hover,
html .checkout-btn,
html .checkout-btn:hover { background: var(--rd-accent); color: var(--rd-on-accent); }
html .mega-menu { border-top: 3px solid var(--rd-accent-line); }
html .badge-item i,
html .pc-delivery i,
html .app-features li i { color: var(--rd-accent-icon); }
html .view-all { border-bottom: 2px solid var(--rd-accent-line); }
html .filter-tab:hover,
html .phone-input-group:focus-within,
html .coupon-input input:focus { border-color: var(--rd-accent-line); }
html .wishlist-icon:focus-visible { outline: 2px solid var(--rd-accent-line); }
html .banner-cta { color: var(--rd-accent-text); border-bottom: 2px solid var(--rd-accent-line); }
html .store-btn:hover { background: rgba(var(--rd-accent-rgb),.11); border-color: var(--rd-accent-line); }
html .app-image img { box-shadow: 0 20px 60px rgba(var(--rd-shadow-rgb),.1); }

/* -- header.php -- */
html #dpraAnnBar::before { background: linear-gradient(90deg, transparent 0%, rgba(var(--rd-accent-rgb),.4) 10%, var(--rd-accent) 35%, var(--rd-accent) 50%, var(--rd-accent) 65%, rgba(var(--rd-accent-rgb),.4) 90%, transparent 100%); }
html #dpraAnnBar::after { background: linear-gradient(90deg, transparent 0%, rgba(var(--rd-accent-rgb),.5) 30%, var(--rd-accent) 50%, rgba(var(--rd-accent-rgb),.5) 70%, transparent 100%); }
html .dpra-ann-ticker-item i { color: var(--rd-accent-icon); filter: drop-shadow(0 0 4px rgba(var(--rd-shadow-rgb),.28)); }
html .dpra-ann-ticker-item .ann-gold,
html .dpra-tagline-hash,
html .dpra-india-text strong,
html .dpra-nav-link:hover,
html .dpra-nav-link.active,
html .dpra-nav-dropdown a.dropdown-viewall,
html .dpra-hdr-search-btn:hover,
html .dpra-mega-col a:hover,
html .dpra-mega-col a.mega-viewall,
html .dpra-drawer-user-info a,
html .dpra-drawer-user-info a:hover,
html .dpra-drawer-cat.open .dpra-drawer-cat-btn .chevron,
html .dpra-drawer-cat-sub a strong,
html .dpra-mob-search-bar button:hover { color: var(--rd-accent-text); }
html .dpra-ann-ticker-sep { color: var(--rd-accent-text); filter: drop-shadow(0 0 3px rgba(var(--rd-shadow-rgb),.25)); }
html .dpra-ann-close { background: rgba(var(--rd-accent-rgb),.04); border: 1px solid rgba(var(--rd-hair-rgb),.15); color: var(--rd-accent-text); }
html .dpra-ann-close:hover { border-color: var(--rd-accent-line); background: rgba(var(--rd-accent-rgb),.11); }
html #dpraHdr::before { background: linear-gradient(90deg, transparent 0%, rgba(var(--rd-accent-rgb),.5) 20%, var(--rd-accent) 50%, rgba(var(--rd-accent-rgb),.5) 80%, transparent 100%); }
html #dpraHdr.scrolled { box-shadow: 0 1px 0 rgba(var(--rd-shadow-rgb),.08), 0 4px 24px rgba(17,17,20,.08), 0 1px 4px rgba(17,17,20,.04); border-color: rgba(var(--rd-hair-rgb),.17); }
html .dpra-made-india,
html .dpra-mob-search-bar { border: 1px solid rgba(var(--rd-hair-rgb),.15); }
html .dpra-nav-link::after { background: var(--rd-accent); box-shadow: 0 0 6px rgba(var(--rd-shadow-rgb),.28), 0 0 14px rgba(var(--rd-shadow-rgb),.1); }
html .dpra-nav-dropdown { border-top: 2px solid var(--rd-accent-line); }
html .dpra-nav-dropdown a i,
html .dpra-nav-dropdown a:hover i,
html .dpra-user-dropdown a:hover i,
html .dpra-user-dropdown button:hover i { color: var(--rd-accent-icon); }
html .dpra-nav-dropdown a:hover,
html .dpra-drawer-cat-sub a:hover { color: var(--rd-accent-text); background: rgba(var(--rd-accent-rgb),.04); }
html .dpra-hdr-search-form:focus-within { border-color: rgba(var(--rd-hair-rgb),.28); box-shadow: 0 0 0 3px rgba(var(--rd-hair-rgb),.05); }
html .dpra-hdr-icon-btn,
html .dpra-hdr-hamburger { background: linear-gradient(135deg, rgba(var(--rd-accent-rgb),.07) 0%, rgba(var(--rd-accent-rgb),.03) 100%); border: 1px solid rgba(var(--rd-hair-rgb),.18); box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 1px 4px rgba(var(--rd-shadow-rgb),.04); }
html .dpra-hdr-icon-btn:hover { color: var(--rd-accent-icon); background: linear-gradient(135deg, rgba(var(--rd-accent-rgb),.15) 0%, rgba(var(--rd-accent-rgb),.07) 100%); border-color: var(--rd-accent-line); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 0 0 3px rgba(var(--rd-hair-rgb),.07), 0 6px 18px rgba(var(--rd-shadow-rgb),.09); }
html .dpra-user-dropdown { border: 1px solid rgba(var(--rd-hair-rgb),.12); }
html .dpra-user-dropdown a:hover,
html .dpra-user-dropdown button:hover { background: rgba(var(--rd-accent-rgb),.08); color: var(--rd-accent-text); }
html .dpra-hdr-hamburger:hover { color: var(--rd-accent-text); background: linear-gradient(135deg, rgba(var(--rd-accent-rgb),.15) 0%, rgba(var(--rd-accent-rgb),.07) 100%); border-color: var(--rd-accent-line); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 0 0 3px rgba(var(--rd-hair-rgb),.07), 0 6px 18px rgba(var(--rd-shadow-rgb),.09); }
html .dpra-mega-panel { border-bottom: 2px solid var(--rd-accent-line); }
html .dpra-mega-col a .mega-badge { background: var(--rd-accent); color: var(--rd-on-accent); }
html #dpraDrawer { border-right: 1px solid rgba(var(--rd-hair-rgb),.12); }
html .dpra-drawer-head::after { background: linear-gradient(90deg, rgba(var(--rd-accent-rgb),.5) 0%, rgba(var(--rd-accent-rgb),.11) 55%, transparent 100%); }
html .dpra-drawer-close:hover { background: rgba(var(--rd-accent-rgb),.08); border-color: rgba(var(--rd-hair-rgb),.24); color: var(--rd-accent-text); }
html .dpra-drawer-user-strip { background: linear-gradient(135deg, rgba(var(--rd-accent-rgb),.05) 0%, transparent 65%); }
html .dpra-drawer-user-avatar { background: linear-gradient(135deg, var(--rd-accent) 0%, var(--rd-accent) 100%); box-shadow: 0 0 0 2px rgba(var(--rd-hair-rgb),.15), 0 4px 14px rgba(var(--rd-shadow-rgb),.08); }
html .dpra-drawer-scroll::-webkit-scrollbar-thumb { background: rgba(var(--rd-accent-rgb),.18); }
html .dpra-drawer-cat-btn:hover { background: rgba(var(--rd-accent-rgb),.04); color: var(--rd-accent-text); border-left-color: rgba(var(--rd-hair-rgb),.24); }
html .dpra-drawer-cat.open .dpra-drawer-cat-btn { color: var(--rd-accent-text); background: rgba(var(--rd-accent-rgb),.05); border-left-color: var(--rd-accent-line); }
html .dpra-drawer-cat-sub a::before { background: rgba(var(--rd-accent-rgb),.4); }
html .dpra-drawer-cat-sub a:hover::before { background: var(--rd-accent); }
html .dpra-drawer-cat-sub .sub-badge { background: rgba(var(--rd-accent-rgb),.08); color: var(--rd-accent-text); border: 1px solid rgba(var(--rd-hair-rgb),.18); }
html .dpra-drawer-links a:hover { background: rgba(var(--rd-accent-rgb),.04); border-left-color: rgba(var(--rd-hair-rgb),.24); }
html .dpra-drawer-links a:hover i { background: rgba(var(--rd-accent-rgb),.08); color: var(--rd-accent-icon); }
html .dpra-drawer-footer-social a:hover { background: rgba(var(--rd-accent-rgb),.1); border-color: rgba(var(--rd-hair-rgb),.21); color: var(--rd-accent-text); box-shadow: 0 4px 14px rgba(var(--rd-shadow-rgb),.06); }
html .dpra-skip-link:focus { outline: 2px solid var(--rd-accent-line); }

/* -- footer.php -- */
html .ft-statement-quote em,
html .ft-statement-city,
html .ft-tagline .gold,
html .ft-hashtag,
html .ft-origin-text strong,
html .ft-col ul li a:hover,
html .ft-copy strong,
html .ft-links a:hover,
html .dpra-mobile-nav-item.active,
html .dpra-cookie-text a { color: var(--rd-accent-text); }
html .ft-statement-rule { background: linear-gradient(90deg, transparent, rgba(var(--rd-accent-rgb),.5)); }
html .ft-promise-icon { border: 1px solid rgba(var(--rd-hair-rgb),.12); color: #fff; }
html .ft-social a:hover { background: var(--rd-accent); border-color: var(--rd-accent-line); box-shadow: 0 6px 18px rgba(var(--rd-shadow-rgb),.15); color: var(--rd-on-accent); }
html .ft-origin { border: 1px solid rgba(var(--rd-hair-rgb),.15); }
html .ft-col h4::after,
html .dpra-mobile-nav-item::after { background: var(--rd-accent); }
html .ft-col ul li a:hover i,
html .toast-icon { color: var(--rd-accent-icon); }
html .toast { border-left: 3px solid var(--rd-accent-line); }
html .dpra-cart-mob-btn,
html .dpra-cart-mob-btn:hover,
html .dpra-toggle-switch input:checked + .dpra-toggle-slider { background: var(--rd-accent); color: var(--rd-on-accent); }
html .dpra-mobile-nav { border-top: 1px solid rgba(var(--rd-hair-rgb),.07); }
html .dpra-mobile-nav::before { background: linear-gradient(90deg, transparent, rgba(var(--rd-accent-rgb),.08) 35%, rgba(var(--rd-accent-rgb),.08) 65%, transparent); }

/* -- auth_modal.php -- */
html .am-logo-d,
html .am-logo-sup,
html .am-switch-btn,
html .am-link-sm { color: var(--rd-accent-text); }
html .am-brand-badges span i { color: var(--rd-accent-icon); }
html .am-input-wrap:focus-within { border-color: var(--rd-accent-line); box-shadow: 0 0 0 3px rgba(var(--rd-hair-rgb),.07); }
html .am-btn { background: linear-gradient(135deg, var(--rd-accent), var(--rd-accent)); box-shadow: 0 4px 16px rgba(var(--rd-shadow-rgb),.18); }
html .am-btn:hover:not(:disabled) { box-shadow: 0 6px 20px rgba(var(--rd-shadow-rgb),.23); }
html .am-ch:hover { border-color: var(--rd-accent-line); color: var(--rd-accent-text); background: rgba(var(--rd-accent-rgb),.04); }
html .am-ch.active { border-color: var(--rd-accent-line); color: var(--rd-accent-text); background: rgba(var(--rd-accent-rgb),.07); box-shadow: 0 0 0 2px rgba(var(--rd-hair-rgb),.09); }
html .am-otp-box { caret-color: var(--rd-accent); }
html .am-otp-box:focus { border-color: var(--rd-accent-line); box-shadow: 0 0 0 3px rgba(var(--rd-hair-rgb),.09); }
html .am-otp-box.am-filled { border-color: var(--rd-accent-line); background: rgba(var(--rd-accent-rgb),.03); }
@media (max-width: 700px) {
html .am-card { box-shadow: 0 24px 64px rgba(0,0,0,.45), 0 0 0 1px rgba(var(--rd-hair-rgb),.09); }
}
@media (max-width: 700px) {
html .am-form-panel::before { color: var(--rd-accent-icon); }
}

/* -- login-modal.php -- */
html .lm-brand sup,
html .lm-input:focus ~ .lm-label,
html .lm-input:not(:placeholder-shown) ~ .lm-label,
html .lm-hint,
html .lm-footer a,
html .lm-footer button { color: var(--rd-accent-text); }
html .lm-tab::after { background: var(--rd-accent); }
html .lm-input:focus { border-color: var(--rd-accent-line); box-shadow: 0 0 0 3px rgba(var(--rd-hair-rgb),.07); }
html .lm-otp-btn.active { border-color: var(--rd-accent-line); background: rgba(var(--rd-accent-rgb),.08); color: var(--rd-accent-text); }

/* -- 404.php -- */
html .e404-ghost { color: rgba(var(--rd-hair-rgb),.3); }
html .e404-eyebrow { color: var(--rd-accent-text); }
html .e404-eyebrow::before,
html .e404-eyebrow::after { background: var(--rd-accent); }
html .e404-divider { background: linear-gradient(90deg, var(--rd-accent), var(--rd-accent)); }
html .e404-btn-primary { color: #fff; }
html .e404-btn-secondary:hover { border-color: var(--rd-accent-line); color: var(--rd-accent-text); }
html .e404-cat:hover { background: var(--rd-accent); border-color: var(--rd-accent-line); }

/* -- 500.php -- */
html .error-icon { color: var(--rd-accent-icon); }
html .btn-home,
html .btn-home:hover { background: var(--rd-accent); color: var(--rd-on-accent); }

/* -- account.php -- */
html .dpra-bc a:hover,
html .acc-sidebar-since,
html .acc-view-all { color: var(--rd-accent-text); }
html .acc-sidebar-profile::before { background: repeating-linear-gradient(45deg,rgba(var(--rd-accent-rgb),.03) 0,rgba(var(--rd-accent-rgb),.03) 1px,transparent 0,transparent 50%); }
html .acc-avatar { background: linear-gradient(135deg, var(--rd-accent) 0%, var(--rd-accent) 100%); box-shadow: 0 4px 16px rgba(var(--rd-shadow-rgb),.2); }
html .acc-nav li a.active { border-left-color: var(--rd-accent-line); }
html .acc-nav li a .nav-badge,
html .acc-btn-primary,
html .acc-btn-primary:hover,
html .acc-empty-link,
html .acc-empty-link:hover,
html .acc-addr-default-badge,
html .acc-addr-add-card:hover .add-icon,
html .acc-btn-save,
html .acc-btn-save:hover,
html .acc-toggle-switch input:checked + .acc-toggle-slider { background: var(--rd-accent); color: var(--rd-on-accent); }
html .acc-stat-card::before { background: linear-gradient(90deg, var(--rd-accent), transparent); }
html .acc-stat-card:hover,
html .acc-quick-link:hover,
html .acc-addr-card.is-default,
html .acc-addr-btn.set-default,
html .acc-addr-add-card:hover,
html .acc-form-group input:focus,
html .acc-form-group select:focus { border-color: var(--rd-accent-line); }
html .acc-stat-icon { color: var(--rd-accent-icon); }
html .acc-order-filter-btn:hover,
html .acc-order-filter-btn.active { border-color: var(--rd-accent-line); background: var(--rd-accent); color: var(--rd-on-accent); }
html .status-processing { background: var(--rd-surface-2); color: var(--rd-accent-text); }
html .acc-checkbox-row input[type=checkbox] { accent-color: var(--rd-accent); }
@media (max-width: 900px) {
html .acc-nav li a.active { border-bottom-color: var(--rd-accent-line); }
}

/* -- cart.php -- */
html .step-item.active { border-bottom-color: var(--rd-accent-line); }
html .step-item.active .step-dot,
html .sg-ov-sz:hover { background: var(--rd-accent); border-color: var(--rd-accent-line); }
html .fship-fill { background: linear-gradient(90deg,var(--rd-accent),var(--rd-accent)); color: var(--rd-on-accent); }
html .cart-hdr { border-bottom: 2px solid var(--rd-accent-line); }
html .ci-name a:hover,
html .ci-act-btn.wl,
html .cpn-hint-code,
html .cpn-hint-apply,
html .continue-link:hover { color: var(--rd-accent-text); }
html .ci-act-btn.wl:hover { background: rgba(var(--rd-accent-rgb),.08); }
html .sz-btn:hover { border-color: var(--rd-accent-line); color: var(--rd-accent-text); }
html .sfl-count { background: rgba(var(--rd-accent-rgb),.08); color: var(--rd-accent-text); border: 1px solid rgba(var(--rd-hair-rgb),.12); }
html .sfl-move-btn { background: var(--rd-accent); }
html .sfl-move-btn:hover { background: var(--rd-accent); color: var(--rd-on-accent); }
html .gift-hdr-lbl i,
html .cpn-lbl i { color: var(--rd-accent-icon); }
html .gift-ta:focus,
html .cpn-input:focus { border-color: var(--rd-accent-line); }
html .osp::before { background: linear-gradient(90deg,var(--rd-accent),var(--rd-accent)); }
html .cpn-hint { background: rgba(var(--rd-accent-rgb),.08); border: 1px dashed rgba(var(--rd-hair-rgb),.18); }
html .cpn-hint:hover { background: rgba(var(--rd-accent-rgb),.13); }
html .checkout-btn { background: var(--rd-accent); box-shadow: 0 3px 14px rgba(var(--rd-shadow-rgb),.14); }
html .checkout-btn:hover { background: var(--rd-accent); box-shadow: 0 5px 20px rgba(var(--rd-shadow-rgb),.19); color: var(--rd-on-accent); }

/* -- checkout.php -- */
html .co-card-title i,
html .add-addr-toggle i,
html .delivery-estimate i { color: var(--rd-accent-icon); }
html .co-btn-place { background: var(--rd-accent); box-shadow: 0 4px 18px rgba(var(--rd-shadow-rgb),.13); }
html .co-btn-place:hover { background: var(--rd-accent); box-shadow: 0 6px 24px rgba(var(--rd-shadow-rgb),.18); color: var(--rd-on-accent); }
html .addr-card-label.selected { border-color: var(--rd-accent-line); background: rgba(var(--rd-accent-rgb),.08); }
html .addr-card-label.selected .addr-radio-circle,
html .form-input:focus,
html .form-select:focus,
html .pay-option-label.selected { border-color: var(--rd-accent-line); }
html .addr-radio-dot { background: var(--rd-accent); color: var(--rd-on-accent); }
html .addr-default-tag { background: rgba(var(--rd-accent-rgb),.08); color: var(--rd-accent-text); border: 1px solid rgba(var(--rd-hair-rgb),.15); }
html .add-addr-toggle:hover { border-color: var(--rd-accent-line); color: var(--rd-accent-text); }
html .bag-fsp-fill { background: linear-gradient(90deg, var(--rd-accent), var(--rd-accent)); color: var(--rd-on-accent); }
html .pay-option-label.selected .pay-option-header { background: rgba(var(--rd-accent-rgb),.08); }
html .pay-option-badge.sec { background: rgba(var(--rd-accent-rgb),.08); color: var(--rd-accent-text); }
html .pay-option-badge.wal { background: var(--rd-surface-2); color: var(--rd-accent-text); }
html .wallet-tile:hover,
html .wallet-tile.sel { background: var(--rd-accent); border-color: var(--rd-accent-line); }
html .delivery-estimate { background: rgba(var(--rd-accent-rgb),.08); border: 1px solid rgba(var(--rd-hair-rgb),.12); }
html .co-sidebar::before { background: linear-gradient(90deg, var(--rd-accent), var(--rd-accent)); }
html .guest-checkout-notice { background: rgba(var(--rd-accent-rgb),.08); border: 1.5px solid rgba(var(--rd-hair-rgb),.12); }

/* -- coming-soon.php -- */
html .bg-glow { background: radial-gradient(ellipse 80% 60% at 50% -10%, rgba(var(--rd-accent-rgb),.08) 0%, transparent 60%), radial-gradient(ellipse 50% 40% at 80% 100%, rgba(var(--rd-accent-rgb),.04) 0%, transparent 50%), radial-gradient(ellipse 40% 30% at 10% 80%, rgba(var(--rd-accent-rgb),.03) 0%, transparent 50%); }
html .bg-grid { background-image: linear-gradient(rgba(var(--rd-accent-rgb),.02) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--rd-accent-rgb),.02) 1px, transparent 1px); }
html .cs-logo,
html .cs-nl-label { color: var(--rd-accent-text); }
html .cs-logo::before,
html .cs-logo::after { background: rgba(var(--rd-accent-rgb),.4); }
html .cs-headline em { color: var(--rd-accent-display); }
html .cs-lbl { color: var(--rd-muted-text); }
html .cs-sep { color: rgba(var(--rd-hair-rgb),.3); }
html .cs-nl-btn,
html .cs-nl-btn:hover { background: var(--rd-accent); color: var(--rd-on-accent); }
html .cs-social a:hover { background: var(--rd-accent); border-color: var(--rd-accent-line); box-shadow: 0 8px 20px rgba(var(--rd-shadow-rgb),.15); color: var(--rd-on-accent); }
html .cs-toast { border-left: 3px solid var(--rd-accent-line); }
html .cs-toast-icon { color: var(--rd-accent-icon); }

/* -- index.php -- */
html .hx-h2 em,
html .hx-member-title em,
html .dpra-collections .hx-h2 em,
html .hx-section-black .hx-h2 em,
html .hxna-title em,
html .hxsoc-title em,
html .hx-faq-title em { color: var(--rd-accent-display); }
html .hx-link { border-bottom: 2px solid var(--rd-accent-line); }
html .hx-link:hover,
html .hxp-price,
html .hx-marquee-sep,
html .hx-editorial-body .hx-eyebrow,
html .hx-membership-content .hx-eyebrow,
html .dpra-offer-text em,
html .dpra-coll-eyebrow,
html .hx-section-black .hx-link:hover,
html .hx-also-viewed-head h3 em,
html .hx-av-card-price,
html .hxna-eyebrow,
html .hxna-card-price,
html .hxbs-cta,
html .hxbs-cta:hover,
html .hxsoc-eyebrow,
html .dpra-rv-card-price,
html .hx-faq-eyebrow,
html .dpra-sale-eyebrow,
html .dpra-cd-dot { color: var(--rd-accent-text); }
html .hxp-badge { background: linear-gradient(135deg, var(--rd-accent), var(--rd-accent)); color: var(--rd-on-accent); }
html .hxp-dot.active,
html .hx-editorial-cta:hover,
html .hx-member-cta:hover,
html .dpra-offer-cta:hover,
html .hx-cats-dark .hx-cat-card:hover .hx-cat-label,
html .dpra-coll-card:hover .dpra-coll-btn,
html .hx-av-quick-cart,
html .hx-av-quick-cart:hover,
html .hxna-quick-cart:hover,
html .dpra-sale-cta,
html .dpra-sale-cta:hover { background: var(--rd-accent); color: var(--rd-on-accent); }
html .hx-products-grid .pc-delivery i,
html .hx-perk i,
html .dpra-sizeguide-icon { color: var(--rd-accent-icon); }
html .hx-review-avatar { background: linear-gradient(135deg, var(--rd-accent), var(--rd-accent)); }
html .hx-ig-btn,
html .hxsoc-ig-btn { background: linear-gradient(135deg, #e1306c, var(--rd-accent)); }
html .hx-member-badge { background: linear-gradient(135deg, var(--rd-accent), var(--rd-accent)); box-shadow: 0 0 60px rgba(var(--rd-shadow-rgb),.15); color: var(--rd-on-accent); }
html .hx-faq-item.open { border-color: var(--rd-accent-line); }
html .hx-section-head:not(.center) > div:first-child { border-left: 3px solid var(--rd-accent-line); }
html .dpra-offer-banner { border-top: 1px solid rgba(var(--rd-hair-rgb),.09); border-bottom: 1px solid rgba(var(--rd-hair-rgb),.09); }
html .dpra-offer-banner::before { background: radial-gradient(ellipse at 60% 50%, rgba(var(--rd-accent-rgb),.08) 0%, transparent 70%); }
html .dpra-offer-badge { background: linear-gradient(135deg, var(--rd-accent), var(--rd-accent)); box-shadow: 0 2px 12px rgba(var(--rd-shadow-rgb),.15); }
html .dpra-offer-code { background: rgba(var(--rd-accent-rgb),.11); border: 1.5px dashed var(--rd-accent-line); color: var(--rd-accent-text); }
html .dpra-offer-cta,
html .hxna-quick-wish:hover,
html .hxbs-cta-line { background: var(--rd-accent); }
html .hx-cats-dark::before { background: linear-gradient(90deg, transparent 0%, rgba(139,0,0,.6) 30%, rgba(var(--rd-accent-rgb),.5) 50%, rgba(139,0,0,.6) 70%, transparent 100%); }
html .hx-cats-dark .hx-cat-card:hover { outline-color: rgba(var(--rd-hair-rgb),.27); box-shadow: 0 8px 32px rgba(0,0,0,.7), 0 0 0 1px rgba(var(--rd-hair-rgb),.18); }
html .hx-section-black { background: radial-gradient(ellipse 80% 60% at 10% 60%, rgba(var(--rd-accent-rgb),.06) 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 90% 20%, rgba(var(--rd-accent-rgb),.04) 0%, transparent 55%), radial-gradient(ellipse 40% 40% at 50% 100%, rgba(var(--rd-accent-rgb),.03) 0%, transparent 50%), linear-gradient(160deg, #0f0d09 0%, #0d0c0a 35%, #0a0a10 75%, #0c0c0f 100%); }
html .hx-section-black::after { background: linear-gradient(90deg, transparent 0%, rgba(var(--rd-accent-rgb),.5) 30%, var(--rd-accent) 50%, rgba(var(--rd-accent-rgb),.5) 70%, transparent 100%); }
html .hx-section-black .hx-eyebrow,
html .hxbs-eyebrow,
html .hxbs-subhead,
html .dpra-sp-time { color: var(--rd-muted-text); }
html .hx-section-black .hx-link { color: var(--rd-accent-text); border-color: rgba(var(--rd-hair-rgb),.27); }
html .hx-section-black .product-card { border-color: rgba(var(--rd-hair-rgb),.06) !important; }
html .hx-section-black .product-card:hover { box-shadow: 0 6px 32px rgba(0,0,0,.6), 0 0 0 1px rgba(var(--rd-hair-rgb),.12) !important; }
html .hx-section-black .add-to-cart-btn:hover { background: var(--rd-accent) !important; color: var(--rd-on-accent) !important; }
html .hx-section-black .pc-delivery i { color: var(--rd-accent-icon) !important; }
html .hx-related-wrap { border-top: 1px solid rgba(var(--rd-hair-rgb),.07); }
html .hx-related-wrap::before { background: rgba(var(--rd-accent-rgb),.6); }
html .hx-related-pulse { background: var(--rd-accent); box-shadow: 0 0 0 0 rgba(var(--rd-shadow-rgb),.25); color: var(--rd-on-accent); }
html .hx-also-viewed { border-top: 1px solid rgba(var(--rd-hair-rgb),.06); }
html .hx-av-arrow { background: rgba(var(--rd-accent-rgb),.08); border: 1px solid rgba(var(--rd-hair-rgb),.18); color: var(--rd-accent-text); }
html .hx-av-arrow:hover { background: rgba(var(--rd-accent-rgb),.2); }
html .hx-av-card { border: 1px solid rgba(var(--rd-hair-rgb),.05); }
html .hx-av-card:hover,
html .hxna-card:hover { border-color: rgba(var(--rd-hair-rgb),.21); }
html .hx-av-quick-wish { border-left: 1px solid rgba(var(--rd-hair-rgb),.12); }
html .hx-av-quick-wish:hover { background: rgba(var(--rd-accent-rgb),.11); color: var(--rd-accent-text); }
html .hxbs-eyebrow::before { background: rgba(var(--rd-accent-rgb),.3); }
html .hxbs-heading .ln-outline { -webkit-text-stroke: 1.5px rgba(var(--rd-accent-rgb),.6); }
html .hxbs-rule { background: linear-gradient(90deg, var(--rd-accent), rgba(var(--rd-accent-rgb),.08)); }
html .hxbs-ticker { border-top: 1px solid rgba(var(--rd-hair-rgb),.05); }
html .hxbs-ticker-inner span { color: rgba(var(--rd-hair-rgb),.4); }
html .hxbs-ticker-inner span.sep,
html .hxsoc-hero-qm { color: rgba(var(--rd-hair-rgb),.3); }
html .hxsoc-hero { border-left: 2.5px solid rgba(var(--rd-hair-rgb),.18); }
html .hxsoc-ig-card { background: linear-gradient(160deg, #f58529, #dd2a7b, var(--rd-accent), #515bd4); color: var(--rd-on-accent); }
html .hxsoc-ig-icon,
html .hxsoc-ig-handle { background: linear-gradient(135deg, #f58529, #dd2a7b, var(--rd-accent)); -webkit-background-clip: text; background-clip: text; }
html .hxsoc-ig-qr-wrap { background: linear-gradient(135deg, #f58529, #dd2a7b, var(--rd-accent)); color: var(--rd-on-accent); }
html .hxsoc-card-product { color: var(--rd-accent-text); background: rgba(var(--rd-accent-rgb),.06); border: 1px solid rgba(var(--rd-hair-rgb),.11); }
html .dpra-social-proof { box-shadow: 0 12px 40px rgba(0,0,0,.45), 0 0 0 1px rgba(var(--rd-hair-rgb),.11), inset 0 1px 0 rgba(var(--rd-shadow-rgb),.04); }
html .dpra-sp-icon { background: linear-gradient(135deg, rgba(var(--rd-accent-rgb),.13), rgba(var(--rd-accent-rgb),.04)); border: 1px solid rgba(var(--rd-hair-rgb),.15); }
html .dpra-sale-strip { border-top: 1px solid rgba(var(--rd-hair-rgb),.11); border-bottom: 1px solid rgba(var(--rd-hair-rgb),.11); }
html .dpra-sale-strip::before { background: linear-gradient(90deg, transparent 0%, rgba(var(--rd-accent-rgb),.04) 30%, rgba(var(--rd-accent-rgb),.07) 50%, rgba(var(--rd-accent-rgb),.04) 70%, transparent 100%); }
html .dpra-sale-divider { background: rgba(var(--rd-accent-rgb),.14); }
html .dpra-cd-num { border: 1px solid rgba(var(--rd-hair-rgb),.12); }

/* -- kids.php -- */
html .kids-cs { background: linear-gradient(135deg, var(--rd-surface-2) 0%, var(--rd-surface-2) 40%, var(--rd-surface-2) 100%); }
html .kids-cs::before { background: radial-gradient(circle, rgba(var(--rd-accent-rgb),.13) 0%, transparent 65%); }
html .kids-cs::after { background: radial-gradient(circle, rgba(var(--rd-accent-rgb),.11) 0%, transparent 65%); }
html .kids-cs-badge { background: linear-gradient(135deg, var(--rd-accent), var(--rd-accent)); box-shadow: 0 4px 20px rgba(var(--rd-shadow-rgb),.13); }
html .kids-cs-title em { color: var(--rd-accent-display); }
html .kids-cs-form { box-shadow: 0 8px 32px rgba(var(--rd-shadow-rgb),.08); }
html .kids-cs-input { border: 2px solid rgba(var(--rd-hair-rgb),.12); }
html .kids-cs-input:focus { border-color: var(--rd-accent-line); }
html .kids-cs-btn { background: linear-gradient(135deg, var(--rd-accent), var(--rd-accent)); }
html .kids-cs-features { border-top: 1px solid rgba(var(--rd-hair-rgb),.07); }
html .kids-cs-feat i { color: var(--rd-accent-icon); }
html .kids-coming-soon-notice { background: linear-gradient(135deg, var(--rd-accent), var(--rd-accent)); box-shadow: 0 2px 8px rgba(var(--rd-shadow-rgb),.15); }
html .kids-cs-thankyou { background: linear-gradient(135deg, rgba(var(--rd-accent-rgb),.07), rgba(var(--rd-accent-rgb),.07)); border: 1px solid rgba(var(--rd-hair-rgb),.12); color: var(--rd-accent-text); }
@media(max-width:500px) {
html .kids-cs-input { border: 2px solid rgba(var(--rd-hair-rgb),.12); }
}

/* -- login.php -- */
html .brand-side::before { background-image: linear-gradient(rgba(var(--rd-accent-rgb),.03) 1px,transparent 1px), linear-gradient(90deg,rgba(var(--rd-accent-rgb),.03) 1px,transparent 1px); }
html .brand-ring { border: 1px solid rgba(var(--rd-hair-rgb),.05); }
html .brand-ring::before { border: 1px solid rgba(var(--rd-hair-rgb),.04); }
html .brand-ring::after { border: 1px solid rgba(var(--rd-hair-rgb),.03); }
html .brand-accent,
html .auth-tab::after { background: var(--rd-accent); }
html .brand-wordmark sup,
html .fl-input:focus ~ .fl-label,
html .fl-input:not(:placeholder-shown) ~ .fl-label,
html .fl-input:focus ~ .fl-label,
html .fl-hint,
html .auth-footer a { color: var(--rd-accent-text); }
html .brand-rule { background: linear-gradient(90deg,var(--rd-accent),transparent); }
html .brand-perk::before { background: rgba(var(--rd-accent-rgb),.5); }
html .fl-input:focus { border-color: var(--rd-accent-line); box-shadow: 0 0 0 3px rgba(var(--rd-hair-rgb),.07); }
html .otp-ch-btn.active { border-color: var(--rd-accent-line); background: rgba(var(--rd-accent-rgb),.08); color: var(--rd-accent-text); }

/* -- offline.php -- */
html .dpra-offline-btn,
html .dpra-offline-btn:hover { background: var(--rd-accent); color: var(--rd-on-accent); }
html .dpra-offline-tips { background: var(--rd-surface-2); }
html .dpra-offline-tips ul li::before { color: var(--rd-accent-icon); }

/* -- orders.php -- */
html .ord-filter.active { color: #fff; }
html .ord-status-processing { background: var(--rd-surface-2); color: var(--rd-accent-text); }
html .ord-empty-cta,
html .ord-empty-cta:hover { background: var(--rd-accent); color: var(--rd-on-accent); }

/* -- product-detail.php -- */
html .pdp-thumb.active { border-color: var(--rd-accent-line); box-shadow: 0 0 0 3px rgba(var(--rd-hair-rgb),.07); }
html .pdp-dot.active,
html .pdp-cat-pill:hover,
html .pdp-qty-btn:hover,
html .pdp-bar-fill,
html .pdp-sticky-atb,
html .pdp-sticky-atb:hover,
html .pdp-blk--reviews .pdp-share-btn,
html .pdp-header-zone .pdp-cat-pill:hover,
html .pdp-header-zone .pdp-viewer-dot,
html .pdp-header-zone .pdp-off-badge,
html .pdp-viewer-dot,
html .pdp-combo-atc { background: var(--rd-accent); color: var(--rd-on-accent); }
html .pdp-zoom-lens { border: 2px solid var(--rd-accent-line); background: rgba(var(--rd-accent-rgb),.06); }
html .pdp-badge-discount,
html .pdp-badge-tag,
html .pdp-review-avatar { color: #fff; }
html .pdp-offers-head i.chevron,
html .pdp-acc-item.open .pdp-acc-btn i.acc-chevron,
html .pdp-shipping-card-icon i,
html .pdp-shipping-card-body ul li::before,
html .pdp-bar-label i,
html .pdp-assurance-item i { color: var(--rd-accent-icon); }
html .pdp-offer-icon,
html .pdp-offer-chip-icon { background: rgba(var(--rd-accent-rgb),.08); color: var(--rd-accent-icon); }
html .pdp-color-swatch.active { border-color: var(--rd-accent-line); box-shadow: 0 0 0 4px rgba(var(--rd-hair-rgb),.07), 0 2px 8px rgba(0,0,0,.18); }
html .pdp-offer-chips { border: 1px solid rgba(var(--rd-hair-rgb),.15); background: linear-gradient(135deg, #fffdf5, var(--rd-surface-2)); }
html .pdp-offer-chips-head { color: var(--rd-accent-text); border-bottom: 1px solid rgba(var(--rd-hair-rgb),.09); background: rgba(var(--rd-accent-rgb),.04); }
html .pdp-offer-chip { border-bottom: 1px dashed rgba(var(--rd-hair-rgb),.12); }
html .pdp-offer-chip-copy { border: 1.5px dashed var(--rd-accent-line); color: var(--rd-accent-text); }
html .pdp-offer-chip-copy:hover,
html .size-guide-btn:hover,
html .pdp-qa-q-icon { background: var(--rd-accent); }
html .pdp-size-guide-btn:hover,
html .pdp-acc-btn:hover,
html .pdp-acc-item.open .pdp-acc-btn,
html .pdp-fabric-eyebrow,
html .pdp-fabric-notes-head,
html .pdp-fabric-note-num,
html .pdp-qa-q:hover,
html .pdp-qa-item.open .pdp-qa-q,
html .pdp-combo-eyebrow { color: var(--rd-accent-text); }
html .size-guide-btn { border: 1.5px solid var(--rd-accent-line); color: var(--rd-accent-text); }
html .pdp-size-btn:focus-visible { outline: 2px solid var(--rd-accent-line); }
html .pdp-size-btn.active { border-color: var(--rd-accent-line); background: var(--rd-accent); box-shadow: 0 4px 14px rgba(var(--rd-shadow-rgb),.18); color: var(--rd-on-accent); }
html .pdp-cta-atb { background: linear-gradient(135deg, var(--rd-accent), var(--rd-accent)); box-shadow: 0 4px 16px rgba(var(--rd-shadow-rgb),.18); color: var(--rd-on-accent); }
html .pdp-cta-atb:hover { box-shadow: 0 6px 24px rgba(var(--rd-shadow-rgb),.25); }
html .pdp-pin-input:focus { border-color: var(--rd-accent-line); }
html .pdp-fabric-heading em { color: var(--rd-accent-display); }
html .pdp-fabric-icon:hover .pdp-fabric-icon-wrap { border-color: var(--rd-accent-line); background: rgba(var(--rd-accent-rgb),.05); color: var(--rd-accent-icon); box-shadow: 0 4px 14px rgba(var(--rd-shadow-rgb),.09); }
html .pdp-shipping-card-icon { background: rgba(var(--rd-accent-rgb),.07); }
html .pdp-shipping-tag.paid { background: rgba(var(--rd-accent-rgb),.11); color: var(--rd-accent-text); }
html .pdp-size-tab.active { color: var(--rd-accent-text); border-bottom-color: var(--rd-accent-line); }
html .pdp-blk--reviews .pdp-review-avatar { background: linear-gradient(135deg, var(--rd-accent), var(--rd-accent)); color: var(--rd-on-accent); }
html .pdp-seller-box { background: rgba(var(--rd-accent-rgb),.08); border: 1px solid rgba(var(--rd-hair-rgb),.13); }
html .pdp-header-zone::after { background: linear-gradient(90deg, var(--rd-accent), var(--rd-accent), var(--rd-accent)); }
html .pdp-header-zone .pdp-viewers { background: rgba(var(--rd-accent-rgb),.13); }
html .pdp-viewers { color: var(--rd-accent-text); background: rgba(var(--rd-accent-rgb),.08); }
html .pdp-combo-summary { border-top: 1px solid rgba(var(--rd-hair-rgb),.12); }
html .pdp-combo-atc:hover { background: var(--rd-accent); box-shadow: 0 8px 28px rgba(var(--rd-shadow-rgb),.2); color: var(--rd-on-accent); }

/* -- products.php -- */
html .cp-badge-best,
html .cp-drawer-apply,
html .cp-drawer-apply:hover,
html .cp-mob-filter-badge,
html .cp-loadmore-fill { background: var(--rd-accent); color: var(--rd-on-accent); }
html .cp-empty-link.primary,
html .cp-empty-link.primary:hover,
html .cp-cat-pill.active { background: var(--rd-accent); border-color: var(--rd-accent-line); color: var(--rd-on-accent); }
html .cp-sort-option.active i { color: var(--rd-accent-icon); }
html .cp-qv-atb { background: linear-gradient(135deg,var(--rd-accent),var(--rd-accent)); box-shadow: 0 4px 16px rgba(var(--rd-shadow-rgb),.18); }

/* -- reset-password.php -- */
html .strength-bar.medium { background: var(--rd-accent); color: var(--rd-on-accent); }

/* -- search.php -- */
html .srch-hero-title em { color: var(--rd-accent-display); }
html .srch-form:focus-within { border-color: var(--rd-accent-line); box-shadow: 0 0 0 3px rgba(var(--rd-hair-rgb),.07); }
html .srch-btn { color: #fff; }
html .mob-filter-btn i { color: var(--rd-accent-icon); }
html .mob-filter-btn:hover,
html .filter-block-title:hover { color: var(--rd-accent-text); }
html .mob-sort-sel:focus,
html .sort-select:focus { border-color: var(--rd-accent-line); }
html .filter-option input[type=checkbox],
html .filter-option input[type=radio] { accent-color: var(--rd-accent); }
html .srch-empty-cat:hover { background: var(--rd-accent); border-color: var(--rd-accent-line); }
html .srch-popular-title::after { background: linear-gradient(90deg, var(--rd-accent), transparent); }
html .srch-tag:hover { border-color: var(--rd-accent-line); color: var(--rd-accent-text); }

/* -- track-order.php -- */
html .dpra-bc-inner a:hover,
html .dpra-bc-cur,
html .hero-eyebrow,
html .sec-eyebrow,
html .step-done .step-label,
html .step-current .step-label,
html .step-detail-card .sdc-eyebrow,
html .info-box-body a,
html .return-note a { color: var(--rd-accent-text); }
html .dpra-bc-sep { color: rgba(var(--rd-hair-rgb),.4); }
html .hero-eyebrow::before,
html .hero-eyebrow::after { background: rgba(var(--rd-accent-rgb),.5); }
html .hero-rule { background: linear-gradient(90deg, var(--rd-accent), rgba(var(--rd-accent-rgb),.14)); }
html .track-form-card::before { background: linear-gradient(90deg, transparent, rgba(var(--rd-accent-rgb),.5), transparent); }
html .form-card-heading i,
html .info-box i { color: var(--rd-accent-icon); }
html .form-group input:focus { border-color: var(--rd-accent-line); }
html .btn-track { background: var(--rd-accent); color: var(--rd-on-accent); }
html .btn-track:hover { background: var(--rd-accent); box-shadow: 0 8px 28px rgba(var(--rd-shadow-rgb),.15); color: var(--rd-on-accent); }
html .timeline-order-meta::before { background: linear-gradient(90deg, transparent, rgba(var(--rd-accent-rgb),.45), transparent); }
html .timeline-eta { border: 1.5px solid rgba(var(--rd-hair-rgb),.28); color: var(--rd-accent-text); }
html .track-progress-fill { background: linear-gradient(90deg, var(--rd-accent) 0%, var(--rd-accent) 55%, var(--rd-accent) 55%, var(--rd-accent) 68%, rgba(var(--rd-accent-rgb),.11) 68%); }
html .step-done .step-circle { background: rgba(var(--rd-accent-rgb),.08); border-color: rgba(var(--rd-hair-rgb),.28); color: var(--rd-accent-text); }
html .step-current .step-circle { background: var(--rd-accent); border-color: var(--rd-accent-line); box-shadow: 0 0 0 5px rgba(var(--rd-hair-rgb),.11), 0 0 20px rgba(var(--rd-shadow-rgb),.11); color: var(--rd-on-accent); }
html .step-detail-card.done { border-color: rgba(var(--rd-hair-rgb),.18); }
html .info-box::before { background: linear-gradient(180deg, var(--rd-accent), rgba(var(--rd-accent-rgb),.3)); }
html .return-note { border-left: 3px solid var(--rd-accent-line); }

/* -- track.php -- */
html .fg input:focus { border-color: var(--rd-accent-line); }
html .btn-trk,
html .btn-trk:hover { background: var(--rd-accent); color: var(--rd-on-accent); }
html .badge-processing,
html .badge-out_for_delivery { background: var(--rd-surface-2); color: var(--rd-accent-text); }
html .trk-section-title { border-bottom: 2px solid var(--rd-accent-line); }

/* -- wishlist.php -- */
html .wl-count-badge,
html .wl-add-all-btn,
html .wl-empty-cta { color: #fff; }
html .wl-add-all-btn .btn-spinner { border: 2px solid rgba(var(--rd-hair-rgb),.15); border-top-color: var(--rd-accent-line); }
html .wl-guest-notice i { color: var(--rd-accent-icon); }
html .wl-guest-notice a,
html .wl-login-cta a { border-bottom: 1.5px solid var(--rd-accent-line); }
html .wl-guest-notice a:hover { color: var(--rd-accent-text); }
html .wl-empty-cat:hover { background: var(--rd-accent); border-color: var(--rd-accent-line); }
html .wl-section-title::after { background: linear-gradient(90deg, var(--rd-accent), transparent); }

/* -- pages/about.php -- */
html .eyebrow,
html .about-hero-wordmark .dot,
html .about-hero-tagline .highlight,
html .mv-card-mission .mv-badge,
html .mv-card-mission .mv-deco,
html .tl-head-eyebrow,
html .tl-year-inline,
html .team-role,
html .manifesto-quote em { color: var(--rd-accent-text); }
html .eyebrow::before,
html .eyebrow.center::before { background: linear-gradient(90deg, transparent, var(--rd-accent)); }
html .gold-rule { background: linear-gradient(90deg, var(--rd-accent), rgba(var(--rd-accent-rgb),.08)); }
html .bsa-icon,
html .value-icon { background: rgba(var(--rd-accent-rgb),.06); border: 1.5px solid rgba(var(--rd-hair-rgb),.15); color: var(--rd-accent-icon); }
html .mv-card-vision { background: var(--rd-accent); color: var(--rd-on-accent); }
html .tl-strip::before { background: radial-gradient(ellipse 70% 50% at 50% 0%, rgba(var(--rd-accent-rgb),.04) 0%, transparent 70%); }
html .tl-head h2 em { color: var(--rd-accent-display); }
html .tl-dot { background: var(--rd-accent); box-shadow: 0 0 0 3px var(--bg-alt), 0 0 0 5px rgba(var(--rd-hair-rgb),.18); color: var(--rd-on-accent); }
html .tl-item:hover .tl-dot { box-shadow: 0 0 0 3px var(--bg-alt), 0 0 0 6px rgba(var(--rd-hair-rgb),.28); }
html .tl-content::before,
html .team-card::before { background: linear-gradient(90deg, transparent, var(--rd-accent), transparent); }
html .tl-tag { color: var(--rd-accent-text); background: rgba(var(--rd-accent-rgb),.07); border: 1px solid rgba(var(--rd-hair-rgb),.17); }
html .value-card:hover { border-top-color: var(--rd-accent-line); }
html .value-card:hover .value-icon { background: rgba(var(--rd-accent-rgb),.11); }
html .team-avatar { border: 2px solid rgba(var(--rd-hair-rgb),.24); color: var(--rd-accent-text); box-shadow: 0 0 0 4px rgba(var(--rd-hair-rgb),.06), 0 4px 16px rgba(17,17,20,.08); }
html .team-badge { background: rgba(var(--rd-accent-rgb),.06); border: 1.5px solid rgba(var(--rd-hair-rgb),.13); color: var(--rd-accent-text); }
html .team-badge i { color: var(--rd-accent-icon); }
html .manifesto-section::before { background: radial-gradient(ellipse 80% 60% at 50% 50%, rgba(var(--rd-accent-rgb),.06) 0%, transparent 70%); }

/* -- pages/accessibility.php -- */
html .access-hero-eyebrow,
html .wcag-badge-aa,
html .limitation-item-body p,
html .feedback-card a:hover { color: var(--rd-accent-text); }
html .access-hero h1 span { color: var(--rd-accent-display); }
html .cp-section-title { border-left: 4px solid var(--rd-accent-line); }
html .commit-banner-icon { background: rgba(var(--rd-accent-rgb),.08); border: 2px solid rgba(var(--rd-hair-rgb),.18); color: var(--rd-accent-icon); }
html .feature-card:hover { border-color: var(--rd-accent-line); box-shadow: 0 4px 20px rgba(var(--rd-shadow-rgb),.06); }
html .feature-card-icon,
html .feedback-card-icon { background: var(--rd-accent); color: var(--rd-on-accent); }
html .limitation-item { border: 1px solid var(--rd-accent-line); background: var(--rd-surface-2); }
html .limitation-item-icon { background: var(--rd-surface-2); border: 1px solid var(--rd-accent-line); color: var(--rd-accent-icon); }

/* -- pages/affiliate.php -- */
html .aff-hero::before { background: radial-gradient(ellipse 60% 60% at 50% 0%, rgba(var(--rd-accent-rgb),.06), transparent 70%); }
html .aff-hero-eyebrow,
html .aff-step-num,
html .aff-tier-commission,
html .aff-contact-box a { color: var(--rd-accent-text); }
html .aff-hero h1 .w-bold,
html .aff-payout h2 span { color: var(--rd-accent-display); }
html .hero-gold-rule,
html .sec-rule { background: linear-gradient(90deg, var(--rd-accent), rgba(var(--rd-accent-rgb),.18)); }
html .aff-steps::before { background: linear-gradient(90deg, rgba(var(--rd-accent-rgb),.5), rgba(var(--rd-accent-rgb),.14), rgba(var(--rd-accent-rgb),.5)); }
html .aff-step:hover .aff-step-num { background: rgba(var(--rd-accent-rgb),.04); border-color: var(--rd-accent-line); }
html .aff-tier.featured { border-color: rgba(var(--rd-hair-rgb),.27); background: rgba(var(--rd-accent-rgb),.02); }
html .aff-tier-badge,
html .submit-btn { background: var(--rd-accent); color: var(--rd-on-accent); }
html .aff-benefit-icon { background: rgba(var(--rd-accent-rgb),.07); color: var(--rd-accent-icon); }
html .aff-payout::before { background: linear-gradient(90deg, var(--rd-accent), rgba(var(--rd-accent-rgb),.14)); }
html .aff-payout-list li i,
html .aff-payout-method-icon,
html .aff-req-list li i,
html .aff-contact-box h4 i,
html .faq-item.open .faq-q i { color: var(--rd-accent-icon); }
html .aff-payout-method:hover { border-color: rgba(var(--rd-hair-rgb),.21); }
html .aff-apply::before { background: linear-gradient(90deg, rgba(var(--rd-accent-rgb),.14), var(--rd-accent), rgba(var(--rd-accent-rgb),.14)); }
html .form-group input:focus,
html .form-group select:focus,
html .form-group textarea:focus { border-color: rgba(var(--rd-hair-rgb),.28); }
html .faq-q:hover { background: rgba(var(--rd-accent-rgb),.03); }
html .faq-item.open .faq-q { background: rgba(var(--rd-accent-rgb),.06); color: var(--rd-accent-icon); }
html .faq-a { background: rgba(var(--rd-accent-rgb),.01); }

/* -- pages/bulk-orders.php -- */
html .bulk-hero-heading .ln-bold,
html .stat-num,
html .why-num,
html .inq-info-body a { color: var(--rd-accent-text); }
html .section-heading em { color: var(--rd-accent-display); }
html .why-card::before { background: linear-gradient(90deg, transparent, var(--rd-accent), transparent); }
html .why-icon-wrap,
html .inq-info-icon { background: rgba(var(--rd-accent-rgb),.06); border: 1.5px solid rgba(var(--rd-hair-rgb),.15); color: var(--rd-accent-icon); }
html .why-card:hover .why-icon-wrap { background: rgba(var(--rd-accent-rgb),.11); }
html .discount-badge,
html .btn-submit,
html .btn-submit:hover,
html .process-mini-num { background: var(--rd-accent); color: var(--rd-on-accent); }
html .best-deal-badge { background: rgba(var(--rd-accent-rgb),.11); color: var(--rd-accent-text); border: 1px solid rgba(var(--rd-hair-rgb),.24); }
html .inq-form-heading i { color: var(--rd-accent-icon); }
html .form-group input:focus,
html .form-group select:focus,
html .form-group textarea:focus { border-color: var(--rd-accent-line); box-shadow: 0 0 0 3px rgba(var(--rd-hair-rgb),.06); }
html .radio-option input[type="radio"] { accent-color: var(--rd-accent); }
html .inq-success-icon { background: rgba(var(--rd-accent-rgb),.07); border: 1.5px solid rgba(var(--rd-hair-rgb),.18); color: var(--rd-accent-icon); }

/* -- pages/cancellation-policy.php -- */
html .cancel-hero-eyebrow,
html .rmi-upi,
html .cp-contact-body a:hover { color: var(--rd-accent-text); }
html .cancel-hero h1 span { color: var(--rd-accent-display); }
html .cancel-tl-item:hover { border-color: var(--rd-accent-line); box-shadow: 0 4px 20px rgba(var(--rd-shadow-rgb),.06); }
html .badge-yellow { background: var(--rd-surface-2); color: var(--rd-accent-text); border: 1px solid var(--rd-accent-line); }
html .how-step-icon,
html .cp-contact-icon { background: var(--rd-accent); color: var(--rd-on-accent); }
html .rmi-cod { background: var(--rd-surface-2); color: var(--rd-accent-text); }
html .info-box-icon { background: var(--rd-surface-2); border: 1px solid var(--rd-accent-line); color: var(--rd-accent-icon); }
html .info-box-icon-blue,
html .law-note i { color: var(--rd-accent-icon); }
html .law-note { background: var(--rd-surface-2); border: 1px solid var(--rd-accent-line); }

/* -- pages/careers.php -- */
html .careers-hero-badge { background: rgba(var(--rd-accent-rgb),.08); border: 1px solid rgba(var(--rd-hair-rgb),.18); color: var(--rd-accent-text); }
html .careers-hero-heading .ln-bold,
html .culture-quote em,
html .culture-num,
html .culture-block h3 em,
html .open-role-callout-text a { color: var(--rd-accent-text); }
html .why-card:hover { border-top-color: var(--rd-accent-line); }
html .why-icon { background: rgba(var(--rd-accent-rgb),.06); border: 1.5px solid rgba(var(--rd-hair-rgb),.15); color: var(--rd-accent-icon); }
html .why-card:hover .why-icon { background: rgba(var(--rd-accent-rgb),.11); }
html .culture-strip::before { background: radial-gradient(ellipse 80% 50% at 50% 0%, rgba(var(--rd-accent-rgb),.05) 0%, transparent 70%); }
html .job-card::before { background: linear-gradient(90deg, transparent, var(--rd-accent), transparent); }
html .badge-pt { background: rgba(var(--rd-accent-rgb),.07); color: var(--rd-accent-text); border: 1px solid rgba(var(--rd-hair-rgb),.17); }
html .job-apply-btn,
html .job-apply-btn:hover,
html .apply-submit,
html .apply-submit:hover { background: var(--rd-accent); color: var(--rd-on-accent); }
html .open-app-section::before { background: radial-gradient(ellipse 70% 60% at 50% 100%, rgba(var(--rd-accent-rgb),.05) 0%, transparent 70%); }
html .open-app-inner h2 em { color: var(--rd-accent-display); }
html .form-control:focus { border-color: var(--rd-accent-line); box-shadow: 0 0 0 3px rgba(var(--rd-hair-rgb),.06); }
html .apply-success-icon { background: rgba(var(--rd-accent-rgb),.07); border: 1.5px solid rgba(var(--rd-hair-rgb),.18); color: var(--rd-accent-icon); }

/* -- pages/contact.php -- */
html .contact-hero::before { background: radial-gradient(ellipse 60% 50% at 50% 0%, rgba(var(--rd-accent-rgb),.07) 0%, transparent 70%); }
html .contact-hero-eyebrow { color: var(--rd-accent-text); }
html .contact-hero h1 .bold-gold { color: var(--rd-accent-display); }
html .contact-hero-rule { background: linear-gradient(90deg, var(--rd-accent), rgba(var(--rd-accent-rgb),.08)); }
html .method-card::before { background: linear-gradient(90deg, transparent, rgba(var(--rd-accent-rgb),.5), transparent); }
html .method-card-icon { background: rgba(var(--rd-accent-rgb),.06); border: 1.5px solid rgba(var(--rd-hair-rgb),.15); color: var(--rd-accent-icon); }
html .method-card:hover .method-card-icon { background: rgba(var(--rd-accent-rgb),.11); }
html .btn-send { background: var(--rd-accent); color: var(--rd-on-accent); }
html .btn-send:hover { background: var(--rd-accent); box-shadow: 0 8px 24px rgba(var(--rd-shadow-rgb),.13); color: var(--rd-on-accent); }
html .contact-success-icon { background: rgba(var(--rd-accent-rgb),.07); border: 1.5px solid rgba(var(--rd-hair-rgb),.18); color: var(--rd-accent-icon); }
html .info-icon { background: rgba(var(--rd-accent-rgb),.07); border: 1.5px solid rgba(var(--rd-hair-rgb),.15); color: var(--rd-accent-icon); }
html .info-body a,
html .consumer-note a { color: var(--rd-accent-text); border-bottom: 1px solid rgba(var(--rd-hair-rgb),.18); }
html .info-body a:hover,
html .consumer-note a:hover { border-bottom-color: var(--rd-accent-line); }
html .consumer-note { border-left: 3px solid var(--rd-accent-line); }
html .consumer-note-icon { color: var(--rd-accent-icon); }

/* -- pages/cookie-policy.php -- */
html .cookie-hero-eyebrow,
html .tp-card-meta,
html .tp-card-body a { color: var(--rd-accent-text); }
html .cookie-hero h1 span { color: var(--rd-accent-display); }
html .badge-essential { background: var(--rd-surface-2); color: var(--rd-accent-text); border: 1px solid var(--rd-accent-line); }
html .browser-card:hover { border-color: var(--rd-accent-line); box-shadow: 0 4px 20px rgba(var(--rd-shadow-rgb),.08); }
html .consent-box-icon { background: rgba(var(--rd-accent-rgb),.08); border: 1px solid rgba(var(--rd-hair-rgb),.15); color: var(--rd-accent-icon); }

/* -- pages/disclaimer.php -- */
html .disc-hero-badge,
html .disc-lm-icon { background: var(--rd-accent); color: var(--rd-on-accent); }
html .disc-hero h1 span { color: var(--rd-accent-display); }
html .disc-hero-meta-item i,
html .disc-section h2 i,
html .disc-contact-card h3 i,
html .disc-contact-row i { color: var(--rd-accent-icon); }
html .disc-section h2 { border-left: 4px solid var(--rd-accent-line); }
html .disc-section a:hover,
html .disc-lm-text h4,
html .disc-contact-row a:hover { color: var(--rd-accent-text); }
html .disc-info-box { background: rgba(var(--rd-accent-rgb),.07); border: 1px solid rgba(var(--rd-hair-rgb),.21); }
html .disc-back-top { color: #fff; }
html .disc-quicknav a:hover { background: var(--rd-accent); border-color: var(--rd-accent-line); color: var(--rd-on-accent); }

/* -- pages/faq.php -- */
html .faq-hero-eyebrow,
html .search-icon,
html .faq-group-label-text i { color: var(--rd-accent-icon); }
html .faq-hero-eyebrow::before,
html .faq-hero-eyebrow::after { background: rgba(var(--rd-accent-rgb),.4); }
html .faq-hero-rule { background: linear-gradient(90deg, var(--rd-accent), rgba(var(--rd-accent-rgb),.08)); }
html #faqSearch:focus { border-color: var(--rd-accent-line); box-shadow: 0 0 0 3px rgba(var(--rd-hair-rgb),.06); }
html .faq-tab.active,
html .faq-a-inner a:hover { border-bottom-color: var(--rd-accent-line); }
html .faq-item.open { border-color: var(--rd-accent-line); box-shadow: 0 4px 24px rgba(var(--rd-shadow-rgb),.06); }
html .faq-item.open .faq-chevron { background: var(--rd-accent); border-color: var(--rd-accent-line); color: var(--rd-on-accent); }
html .faq-a-inner a { color: var(--rd-accent-text); border-bottom: 1px solid rgba(var(--rd-hair-rgb),.18); }
html #faqNoResults i { color: var(--rd-muted-text); }
html #faqNoResults a { color: var(--rd-accent-text); }
html .hl { background: rgba(var(--rd-accent-rgb),.14); }
html .btn-solid,
html .btn-solid:hover { background: var(--rd-accent); color: var(--rd-on-accent); }

/* -- pages/press.php -- */
html .press-hero::before { background: linear-gradient(160deg, rgba(var(--rd-accent-rgb),.06) 0%, transparent 55%, rgba(var(--rd-accent-rgb),.03) 100%); }
html .press-hero-eyebrow,
html .pr-card-header-tag,
html .pr-read-more { color: var(--rd-accent-text); }
html .press-hero h1 .w-bold { color: var(--rd-accent-display); }
html .asset-card-icon,
html .ptype-icon { background: rgba(var(--rd-accent-rgb),.07); color: var(--rd-accent-icon); }
html .asset-dl-btn,
html .form-submit { background: var(--rd-accent); color: var(--rd-on-accent); }
html .facts-table tr:hover td { background: rgba(var(--rd-accent-rgb),.03); }
html .facts-table .fact-highlight { color: var(--rd-accent-text) !important; }
html .press-contact-card::before { background: linear-gradient(180deg, var(--rd-accent), rgba(var(--rd-accent-rgb),.14)); }
html .press-contact-icon { background: rgba(var(--rd-accent-rgb),.07); border: 1.5px solid rgba(var(--rd-hair-rgb),.18); color: var(--rd-accent-icon); }
html .pr-card-header::after { background: linear-gradient(90deg, var(--rd-accent), rgba(var(--rd-accent-rgb),.14)); }
html .guideline-block h4 i { color: var(--rd-accent-icon); }
html .brand-name-pill { background: rgba(var(--rd-accent-rgb),.08); color: var(--rd-accent-text); border: 1px solid rgba(var(--rd-hair-rgb),.18); }
html .form-control:focus { border-color: rgba(var(--rd-hair-rgb),.28); }

/* -- pages/privacy-policy.php -- */
html .pp-hero-badge,
html .pp-section-num { background: var(--rd-accent); color: var(--rd-on-accent); }
html .pp-hero h1 span { color: var(--rd-accent-display); }
html .pp-hero-meta-item i,
html .pp-contact-row i { color: var(--rd-accent-icon); }
html .pp-updated { background: rgba(var(--rd-accent-rgb),.08); border: 1px solid rgba(var(--rd-hair-rgb),.18); color: var(--rd-accent-text); }
html .pp-toc-list a:hover,
html .pp-toc-list a.active { background: rgba(var(--rd-accent-rgb),.08); border-left-color: var(--rd-accent-line); }
html .pp-toc-contact a:hover,
html .pp-contact-card h3,
html .pp-contact-row a { color: var(--rd-accent-text); }
html .pp-section h2 { border-left: 4px solid var(--rd-accent-line); }
html .pp-highlight-box { background: rgba(var(--rd-accent-rgb),.07); border: 1px solid rgba(var(--rd-hair-rgb),.21); }
html .pp-back-top { color: #fff; }
@media (max-width: 768px) {
html .pp-toc-list a.active,
html .pp-toc-list a:hover { border-bottom-color: var(--rd-accent-line); }
}

/* -- pages/reseller.php -- */
html .reseller-hero::before { background: linear-gradient(160deg, rgba(var(--rd-accent-rgb),.05) 0%, transparent 55%, rgba(var(--rd-accent-rgb),.02) 100%); }
html .reseller-hero-eyebrow,
html .hero-margin-number,
html .benefit-highlight,
html .tier-gold,
html .res-contact-strip a { color: var(--rd-accent-text); }
html .reseller-hero h1 .w-bold { color: var(--rd-accent-display); }
html .hero-margin-badge { background: rgba(var(--rd-accent-rgb),.07); border: 1.5px solid rgba(var(--rd-hair-rgb),.18); }
html .benefit-icon { background: rgba(var(--rd-accent-rgb),.07); border: 1.5px solid rgba(var(--rd-hair-rgb),.12); color: var(--rd-accent-icon); }
html .benefit-card:hover .benefit-icon { background: rgba(var(--rd-accent-rgb),.13); }
html .hiw-steps::before { background: linear-gradient(90deg, rgba(var(--rd-accent-rgb),.5), rgba(var(--rd-accent-rgb),.14), rgba(var(--rd-accent-rgb),.5)); }
html .hiw-number { background: var(--rd-accent); box-shadow: 0 0 0 1px rgba(var(--rd-hair-rgb),.18); color: var(--rd-on-accent); }
html .tiers-table tbody tr:hover td,
html .faq-question:hover { background: rgba(var(--rd-accent-rgb),.03); }
html .tier-best td { background: rgba(var(--rd-accent-rgb),.03) !important; }
html .faq-question.open { background: rgba(var(--rd-accent-rgb),.06); color: var(--rd-accent-icon); }
html .faq-question.open i { color: var(--rd-accent-icon); }
html .faq-answer { background: rgba(var(--rd-accent-rgb),.01); }
@media (max-width: 600px) {
html .tier-best { background: rgba(var(--rd-accent-rgb),.03); }
}
@media (max-width: 600px) {
html .tier-best td:first-child { background: rgba(var(--rd-accent-rgb),.08); }
}

/* -- pages/returns.php -- */
html .highlight-card::before,
html .contact-card::before { background: linear-gradient(90deg, transparent, var(--rd-accent), transparent); }
html .highlight-icon { border: 1.5px solid rgba(var(--rd-hair-rgb),.18); color: var(--rd-accent-icon); }
html .highlight-card:hover .highlight-icon { border-color: var(--rd-accent-line); background: rgba(var(--rd-accent-rgb),.06); }
html .process-step:hover::before { background: linear-gradient(180deg, var(--rd-accent), rgba(var(--rd-accent-rgb),.14)); }
html .process-num { border: 1.5px solid rgba(var(--rd-hair-rgb),.27); color: var(--rd-accent-text); }
html .process-step:hover .process-num { background: rgba(var(--rd-accent-rgb),.07); border-color: var(--rd-accent-line); }
html .process-icon { color: rgba(var(--rd-hair-rgb),.4); }
html .process-step:hover .process-icon,
html .contact-card i { color: var(--rd-accent-icon); }
html .contact-card a { color: var(--rd-accent-text); }

/* -- pages/shipping.php -- */
html .ship-hero::before { background: radial-gradient(ellipse 60% 50% at 50% 0%, rgba(var(--rd-accent-rgb),.08) 0%, transparent 70%); }
html .ship-hero-eyebrow,
html .del-step.done .del-step-label,
html .coverage-stat .num { color: var(--rd-accent-text); }
html .ship-hero h1 .bold-gold,
html .coverage-banner h2 span { color: var(--rd-accent-display); }
html .ship-hero-rule { background: linear-gradient(90deg, var(--rd-accent), rgba(var(--rd-accent-rgb),.08)); }
html .section-rule { background: linear-gradient(90deg, var(--rd-accent), rgba(var(--rd-accent-rgb),.06)); }
html .delivery-card.popular { border-color: rgba(var(--rd-hair-rgb),.21); }
html .delivery-card.popular .delivery-card-topbar { background: linear-gradient(90deg, var(--rd-accent), rgba(var(--rd-accent-rgb),.3)); color: var(--rd-on-accent); }
html .delivery-popular-label { color: var(--rd-accent-text); background: rgba(var(--rd-accent-rgb),.06); border: 1px solid rgba(var(--rd-hair-rgb),.15); }
html .delivery-icon.std,
html .note-card-icon { background: rgba(var(--rd-accent-rgb),.06); border: 1.5px solid rgba(var(--rd-hair-rgb),.12); color: var(--rd-accent-icon); }
html .delivery-icon.exp { background: rgba(var(--rd-accent-rgb),.08); border: 1.5px solid rgba(var(--rd-hair-rgb),.15); color: var(--rd-accent-icon); }
html .delivery-price-tag.paid { background: rgba(var(--rd-accent-rgb),.06); border: 1px solid rgba(var(--rd-hair-rgb),.15); color: var(--rd-accent-text); }
html .del-timeline-progress { background: linear-gradient(90deg, var(--rd-accent), rgba(var(--rd-accent-rgb),.4)); }
html .del-step.done .del-step-circle { background: rgba(var(--rd-accent-rgb),.08); border: 1.5px solid rgba(var(--rd-hair-rgb),.21); color: var(--rd-accent-text); }
html .del-step.current .del-step-circle { background: var(--rd-accent); border: 1.5px solid var(--rd-accent-line); box-shadow: 0 0 0 6px rgba(var(--rd-hair-rgb),.09); color: var(--rd-on-accent); }
html .coverage-banner::before { background: radial-gradient(ellipse 80% 60% at 50% 100%, rgba(var(--rd-accent-rgb),.04) 0%, transparent 70%); }
html .pincode-wrap::before { background: linear-gradient(90deg, var(--rd-accent), rgba(var(--rd-accent-rgb),.07)); }
html .pincode-head-icon { background: rgba(var(--rd-accent-rgb),.06); border: 1.5px solid rgba(var(--rd-hair-rgb),.15); color: var(--rd-accent-icon); }
html #pincodeInput:focus { border-color: var(--rd-accent-line); box-shadow: 0 0 0 3px rgba(var(--rd-hair-rgb),.06); }
html #pincodeBtn { background: var(--rd-accent); color: var(--rd-on-accent); }
html #pincodeBtn:hover { background: var(--rd-accent); box-shadow: 0 6px 20px rgba(var(--rd-shadow-rgb),.1); color: var(--rd-on-accent); }
html .sfaq-item.open { border-color: var(--rd-accent-line); }
html .sfaq-item.open .sfaq-chevron { background: var(--rd-accent); border-color: var(--rd-accent-line); color: var(--rd-on-accent); }

/* -- pages/size-guide.php -- */
html .gender-tab.active { background: rgba(var(--rd-accent-rgb),.08); color: var(--rd-accent-text); }
html .measure-card::before { background: linear-gradient(90deg, transparent, var(--rd-accent), transparent); }
html .measure-icon { border: 1.5px solid rgba(var(--rd-hair-rgb),.18); color: var(--rd-accent-icon); }
html .measure-card:hover .measure-icon { border-color: var(--rd-accent-line); background: rgba(var(--rd-accent-rgb),.06); }
html .size-subtitle { color: var(--rd-accent-text); }
html .size-badge { border: 1.5px solid rgba(var(--rd-hair-rgb),.27); color: var(--rd-accent-text); }
html .tips-box { border-left: 3px solid var(--rd-accent-line); }
html .tips-box h3 i,
html .fit-card h4 i,
html .fit-card.regular h4 i { color: var(--rd-accent-icon); }
html .tips-box ul li::before { color: var(--rd-muted-text); }
html .fit-card.regular::before { background: var(--rd-accent); }
html .fit-card.regular .fit-visual { border-color: rgba(var(--rd-hair-rgb),.15); background: rgba(var(--rd-accent-rgb),.03); }

/* -- pages/sustainability.php -- */
html .sus-hero::before { background: linear-gradient(160deg, rgba(45,122,90,.05) 0%, transparent 50%, rgba(var(--rd-accent-rgb),.03) 100%); }
html .pillar-card:nth-child(2)::before,
html .pillar-card:nth-child(3)::before { background: linear-gradient(90deg, var(--rd-accent), rgba(var(--rd-accent-rgb),.14)); }
html .pillar-card:nth-child(2) .pillar-tag,
html .pillar-card:nth-child(3) .pillar-tag { background: rgba(var(--rd-accent-rgb),.07); color: var(--rd-accent-text); border: 1px solid rgba(var(--rd-hair-rgb),.15); }
html .timeline-track::before { background: linear-gradient(90deg, #2d7a5a 0%, rgba(var(--rd-accent-rgb),.5) 40%, rgba(17,17,20,.12) 70%); }
html .tl-item:nth-child(2) .tl-dot { background: rgba(var(--rd-accent-rgb),.11); color: var(--rd-accent-text); border: 1.5px solid rgba(var(--rd-hair-rgb),.24); }
html .tl-year { color: var(--rd-accent-text); }
html .impact-card:nth-child(3) .impact-icon,
html .impact-card:nth-child(4) .impact-icon { background: rgba(var(--rd-accent-rgb),.07); color: var(--rd-accent-icon); }

/* -- pages/terms-of-use.php -- */
html .tou-hero-badge { background: var(--rd-accent); color: var(--rd-on-accent); }
html .tou-hero h1 span { color: var(--rd-accent-display); }
html .tou-hero-meta-item i,
html .tou-contact-row i { color: var(--rd-accent-icon); }
html .tou-effective { background: rgba(var(--rd-accent-rgb),.08); border: 1px solid rgba(var(--rd-hair-rgb),.18); color: var(--rd-accent-text); }
html .tou-toc-list a:hover,
html .tou-toc-list a.active { background: rgba(var(--rd-accent-rgb),.08); border-left-color: var(--rd-accent-line); }
html .tou-toc-contact a:hover,
html .tou-section a:hover,
html .tou-contact-card h3,
html .tou-contact-row a { color: var(--rd-accent-text); }
html .tou-section h2 { border-left: 4px solid var(--rd-accent-line); }
html .tou-highlight-box { background: rgba(var(--rd-accent-rgb),.07); border: 1px solid rgba(var(--rd-hair-rgb),.21); }
html .tou-back-top { color: #fff; }
@media (max-width: 768px) {
html .tou-toc-list a.active,
html .tou-toc-list a:hover { border-bottom-color: var(--rd-accent-line); }
}

/* ==========================================================================
   05  SHAPE NORMALISATION - one radius scale
   Large rounded corners -> --rd-r-lg, pills -> --rd-r. Circles untouched.
   ========================================================================== */
html .search-form,
html .search-btn,
html .tag,
html .cat-img,
html .filter-tab,
html .promo-inner,
html .banner-card,
html .usp-card,
html .app-image img,
html .modal,
html .toast,
html .gallery-main,
html .dpra-user-dropdown,
html .dpra-mega-card,
html .ft-pay-secure,
html .am-card,
html .am-tabs,
html .am-flash,
html .am-input-wrap,
html .am-btn,
html .am-social-btn,
html .am-ch,
html .am-otp-sent-info,
html .am-otp-box,
html .lm-card,
html .lm-input,
html .lm-btn,
html .lm-social-btn,
html .lm-otp-send-btn,
html .e404-btn-primary,
html .e404-btn-secondary,
html .e404-cat,
html .acc-nav li a .nav-badge,
html .acc-stat-card,
html .acc-order-card,
html .acc-addr-card,
html .acc-addr-default-badge,
html .acc-addr-add-card,
html .acc-settings-section,
html .acc-modal,
html .sfl-count,
html .cs-nl-form,
html .cs-toast,
html .auth-card,
html .hxp-badge,
html .dpra-offer-cta,
html .hx-cats-dark .hx-cat-card,
html .dpra-coll-card,
html .dpra-coll-btn,
html .hx-av-card,
html .hxna-link,
html .hxna-card,
html .dpra-sizeguide-link,
html .hxsoc-hero-verified,
html .hxsoc-ig-card,
html .hxsoc-ig-inner,
html .hxsoc-ig-qr-wrap,
html .hxsoc-card,
html .hxsoc-card-product,
html .dpra-rv-card-img-wrap,
html .dpra-social-proof,
html .kids-cs-form,
html .kids-cs-thankyou,
html .fl-input,
html .auth-btn,
html .auth-social-btn,
html .auth-otp-link,
html .otp-send-btn,
html .dpra-offline-tips,
html .ord-success-banner,
html .ord-filter,
html .ord-card,
html .ord-status,
html .ord-empty,
html .pdp-img-counter,
html .pdp-badge-discount,
html .pdp-badge-tag,
html .pdp-cat-pill,
html .pdp-verified-count,
html .pdp-off-badge,
html .pdp-free-ship,
html .pdp-offer-chips,
html .pdp-assurance-row,
html .pdp-share-btn,
html .pdp-verified-badge,
html .pdp-viewers,
html .pdp-look-disc,
html .pdp-combo-item.this-product .pdp-combo-img-wrap::after,
html .pdp-combo-total-save,
html .cp-chip,
html .cp-cat-pill,
html .srch-form,
html .srch-empty,
html .srch-empty-cat,
html .srch-tag,
html .trk-meta-badge,
html .verify-card,
html .wl-count-badge,
html .wl-add-all-btn,
html .wl-guest-notice,
html .wl-empty,
html .wl-empty-cat,
html .wl-empty-cta,
html .wl-login-cta,
html .commit-banner,
html .wcag-card,
html .wcag-badge,
html .feature-card,
html .limitation-item,
html .feedback-card,
html .third-party-note,
html .cancel-tl-item,
html .cancel-tl-badge,
html .how-step,
html .nc-card,
html .info-box,
html .cp-contact,
html .info-badge,
html .badge,
html .browser-card,
html .consent-box,
html .tp-card,
html .disc-hero-badge,
html .disc-quicknav a,
html .pp-hero-badge,
html .pp-updated,
html .delivery-popular-label,
html .tou-hero-badge,
html .tou-effective { border-radius: var(--rd-r-lg); }
html .slide-image img,
html .dpra-cookie-modal-inner,
html .cp-sort-sheet,
html .cp-qv-modal { border-radius: var(--rd-r-lg) var(--rd-r-lg) 0 0; }
html .dpra-hdr-search-form,
html .ft-origin,
html .acc-quick-link,
html .acc-order-filter-btn,
html .status-badge,
html .hx-cat-label,
html .hx-editorial-cta,
html .hx-ig-btn,
html .kids-cs-badge,
html .pdp-cta-atb,
html .pdp-cta-buynow,
html .pdp-shipping-tag,
html .pdp-combo-atc,
html .cp-loadmore-btn,
html .cp-qv-atb { border-radius: var(--rd-r); }
@media (max-width: 700px) {
html .am-card,
html .am-tabs,
html .am-input,
html .am-btn-primary,
html .am-social-btn,
html .am-otp-box { border-radius: var(--rd-r-lg); }
}
@media(max-width:520px) {
html .cs-nl-form { border-radius: var(--rd-r-lg); }
}
@media(max-width:520px) {
html .cs-nl-input { border-radius: var(--rd-r-lg) var(--rd-r-lg) 0 0; }
}
@media(max-width:520px) {
html .cs-nl-btn { border-radius: 0 0 var(--rd-r-lg) var(--rd-r-lg); }
}
@media(max-width:600px) {
html .dpra-offer-cta { border-radius: var(--rd-r); }
}
html .kids-cs-input { border-radius: var(--rd-r-lg) 0 0 var(--rd-r-lg); }
html .kids-cs-btn { border-radius: 0 var(--rd-r-lg) var(--rd-r-lg) 0; }
@media(max-width:500px) {
html .kids-cs-form,
html .kids-cs-input,
html .kids-cs-btn { border-radius: var(--rd-r-lg); }
}
@media (min-width: 640px) {
html .cp-qv-modal { border-radius: var(--rd-r-lg); }
}


/* ==========================================================================
   06  ANNOUNCEMENT BAR - flat ink, mono micro-type, one crimson hairline
   ========================================================================== */
html #dpraAnnBar {
  background: var(--rd-ink);
}
html #dpraAnnBar::before { content: none; }
html #dpraAnnBar::after {
  height: 1px;
  background: var(--rd-crimson);
}
html .dpra-ann-inner::before { background: linear-gradient(90deg, var(--rd-ink) 0%, rgba(11,11,12,0) 100%); }
html .dpra-ann-inner::after  { background: linear-gradient(270deg, var(--rd-ink) 0%, rgba(11,11,12,0) 100%); }
html .dpra-ann-ticker-item {
  font-family: var(--rd-ff-mono);
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--rd-on-dark);
  padding: 0 22px;
}
html .dpra-ann-ticker-item i,
html .dpra-ann-ticker-sep {
  color: var(--rd-crimson-bright);
  filter: none;
  opacity: 1;
}
html .dpra-ann-ticker-item .ann-gold {
  color: #fff;
  font-weight: 500;
  letter-spacing: .14em;
}
html .dpra-ann-close {
  background: var(--rd-ink);
  border: 0;
  border-radius: 0;
  color: var(--rd-on-dark-muted);
  width: 30px; height: 100%;
  right: 0;
}
html .dpra-ann-close:hover { background: var(--rd-ink); color: #fff; }
@media (max-width: 480px) {
  html .dpra-ann-ticker-item { font-size: 9.5px; letter-spacing: .12em; padding: 0 16px; }
}


/* ==========================================================================
   07  HEADER / NAVIGATION / MEGA MENU / SEARCH
   The logo mark is never filtered, tinted or boxed: crimson on bone.
   ========================================================================== */
html #dpraHdr {
  background: var(--hdr-bg);
  border-bottom: 1px solid var(--rd-line);
  box-shadow: none;
}
html #dpraHdr::before { content: none; }
html #dpraHdr.scrolled {
  background: rgba(250,247,242,.98);
  border-bottom-color: var(--rd-line);
  box-shadow: 0 10px 30px -18px rgba(11,11,12,.35);
}
html .dpra-hdr-logo img,
html .dpra-drawer-logo img,
html .ft-logo-link img {
  filter: none;
  opacity: 1;
  mix-blend-mode: normal;
}
html .dpra-hdr-logo:hover img,
html .dpra-hdr-logo:hover .dpra-svg-logo { opacity: 1; transform: none; }
html .dpra-tagline-hash,
html .dpra-india-text strong { color: var(--rd-ink-2); }
html .dpra-made-india { border-color: var(--rd-line); border-radius: var(--rd-r); }

/* nav links: ink, crimson on hover/active, hairline indicator without glow */
html .dpra-nav-link {
  color: var(--rd-ink-2);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .16em;
}
html .dpra-nav-link:hover,
html .dpra-nav-link.active { color: var(--rd-crimson); }
html .dpra-nav-link::after {
  left: 16px; right: 16px;
  height: 2px;
  border-radius: 0;
  background: var(--rd-crimson);
  box-shadow: none;
}
html .dpra-nav-link.sale { color: var(--rd-crimson); font-weight: 800; }
html .dpra-nav-link.sale:hover { color: var(--rd-crimson-press); }
html .dpra-nav-link.sale::after { background: var(--rd-crimson); box-shadow: none; }

/* dropdowns + user menu: white sheet, ink hairline top, squared */
html .dpra-nav-dropdown,
html .dpra-user-dropdown {
  background: var(--rd-surface);
  border: 1px solid var(--rd-line);
  border-top: 2px solid var(--rd-ink-2);
  border-radius: 0 0 var(--rd-r-lg) var(--rd-r-lg);
  box-shadow: var(--rd-shadow-3);
}
html .dpra-user-dropdown { border-radius: var(--rd-r-lg); border-top-width: 1px; border-top-color: var(--rd-line); }
html .dpra-nav-dropdown a,
html .dpra-user-dropdown a,
html .dpra-user-dropdown button { color: var(--rd-text-2); }
html .dpra-nav-dropdown a i { color: var(--rd-faint); }
html .dpra-nav-dropdown a:hover,
html .dpra-user-dropdown a:hover,
html .dpra-user-dropdown button:hover {
  color: var(--rd-ink-2);
  background: var(--rd-surface-2);
}
html .dpra-nav-dropdown a:hover i,
html .dpra-user-dropdown a:hover i,
html .dpra-user-dropdown button:hover i { color: var(--rd-crimson); }
html .dpra-nav-dropdown a.dropdown-viewall,
html .dpra-mega-col a.mega-viewall {
  color: var(--rd-ink-2);
  font-family: var(--rd-ff-mono);
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: .14em;
  text-transform: uppercase;
}
html .dpra-nav-dropdown a.dropdown-viewall:hover,
html .dpra-mega-col a.mega-viewall:hover { color: var(--rd-crimson); }
html .dpra-ud-logout,
html .dpra-ud-logout i { color: var(--rd-crimson) !important; }
html .dpra-ud-logout:hover { background: var(--rd-crimson-tint) !important; }

/* search */
html .dpra-hdr-search-form {
  background: var(--rd-surface);
  border: 1px solid var(--rd-line-strong);
  border-radius: var(--rd-r);
  height: 40px;
}
html .dpra-hdr-search-form:focus-within {
  background: var(--rd-surface);
  border-color: var(--rd-ink-2);
  box-shadow: 0 0 0 3px rgba(17,17,20,.08);
}
html .dpra-hdr-search-form input::placeholder { color: var(--rd-muted); }
html .dpra-hdr-search-btn { color: var(--rd-ink-2); }
html .dpra-hdr-search-btn:hover { color: var(--rd-crimson); }
html .dpra-mob-search-bar {
  border: 1px solid var(--rd-ink-2);
  border-radius: var(--rd-r);
}
html .dpra-mob-search-bar button:hover { color: var(--rd-crimson); }

/* icon buttons: flat, squared hit-area, no bubbles */
html .dpra-hdr-icon-btn,
html .dpra-hdr-hamburger {
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--rd-r);
  box-shadow: none;
  color: var(--rd-ink-2);
}
html .dpra-hdr-icon-btn:hover,
html .dpra-hdr-hamburger:hover {
  background: var(--rd-surface-2);
  border-color: transparent;
  box-shadow: none;
  color: var(--rd-crimson);
  transform: none;
}
html .dpra-hdr-badge {
  background: var(--rd-crimson);
  border: 1.5px solid var(--rd-bg);
  box-shadow: none;
  font-size: 9px;
}

/* mega menu */
html .dpra-mega-panel {
  background: var(--rd-surface);
  border-bottom: 1px solid var(--rd-ink-2);
  box-shadow: var(--rd-shadow-3);
}
html .dpra-mega-col-head {
  color: var(--rd-muted);
  font-size: 10px;
  letter-spacing: var(--rd-track-micro);
  border-bottom-color: var(--rd-line);
}
html .dpra-mega-col a { color: var(--rd-text-2); }
html .dpra-mega-col a:hover { color: var(--rd-crimson); }
html .dpra-mega-col a .mega-badge,
html .dpra-mega-col a .mega-badge.new {
  background: var(--rd-crimson);
  color: #fff;
  border-radius: var(--rd-r-sm);
}
html .dpra-mega-col a .mega-badge.new { background: var(--rd-ink-2); }
html .dpra-mega-card { border-radius: var(--rd-r-lg); }
html .dpra-mega-card-label {
  font-family: var(--rd-ff-mono);
  font-weight: 500;
  letter-spacing: .14em;
  background: linear-gradient(0deg, rgba(11,11,12,.86) 0%, rgba(11,11,12,0) 100%);
}
html .dpra-skip-link { background: var(--rd-ink-2); color: #fff; border-radius: 0 0 var(--rd-r) var(--rd-r); }
html .dpra-skip-link:focus { outline: 2px solid var(--rd-crimson); }


/* ==========================================================================
   08  MOBILE DRAWER + BOTTOM NAVIGATION
   ========================================================================== */
html #dpraDrawer {
  background: var(--rd-bg);
  border-right: 0;
  box-shadow: var(--rd-shadow-3);
}
html .dpra-drawer-head { background: var(--rd-bg); }
html .dpra-drawer-head::after { background: var(--rd-line); }
html .dpra-drawer-close {
  background: transparent;
  border: 1px solid var(--rd-line-strong);
  border-radius: var(--rd-r);
  color: var(--rd-ink-2);
}
html .dpra-drawer-close:hover { background: var(--rd-ink-2); border-color: var(--rd-ink-2); color: #fff; }
html .dpra-drawer-user-strip { background: var(--rd-surface-2); border-bottom-color: var(--rd-line); }
html .dpra-drawer-user-avatar {
  background: var(--rd-ink-2);
  box-shadow: none;
  color: #fff;
}
html .dpra-drawer-user-info .sub { color: var(--rd-muted); }
html .dpra-drawer-user-info a { color: var(--rd-crimson); text-decoration: underline; text-underline-offset: 3px; }
html .dpra-drawer-user-info a:hover { color: var(--rd-crimson-press); }
html .dpra-drawer-section-label { color: var(--rd-muted); letter-spacing: var(--rd-track-micro); }
html .dpra-drawer-cat-btn { color: var(--rd-ink-2); letter-spacing: .1em; }
html .dpra-drawer-cat-btn .chevron { color: var(--rd-faint); }
html .dpra-drawer-cat-btn:hover {
  background: var(--rd-surface-2);
  color: var(--rd-ink-2);
  border-left-color: var(--rd-line-strong);
}
html .dpra-drawer-cat.open .dpra-drawer-cat-btn {
  background: var(--rd-surface-2);
  color: var(--rd-ink-2);
  border-left-color: var(--rd-crimson);
}
html .dpra-drawer-cat.open .dpra-drawer-cat-btn .chevron { color: var(--rd-crimson); }
html .dpra-drawer-cat-sub a { color: var(--rd-text-2); }
html .dpra-drawer-cat-sub a::before { background: var(--rd-line-strong); border-radius: 0; }
html .dpra-drawer-cat-sub a:hover { color: var(--rd-crimson); background: transparent; }
html .dpra-drawer-cat-sub a:hover::before { background: var(--rd-crimson); }
html .dpra-drawer-cat-sub a strong { color: var(--rd-ink-2); }
html .dpra-drawer-cat-sub .sub-badge,
html .dpra-drawer-cat-sub .sub-badge.new {
  background: var(--rd-ink-2);
  border: 0;
  color: #fff;
  border-radius: var(--rd-r-sm);
}
html .dpra-drawer-sale-link { color: var(--rd-crimson); letter-spacing: .1em; }
html .dpra-drawer-sale-link:hover { background: var(--rd-crimson-tint); border-left-color: var(--rd-crimson); }
html .dpra-drawer-links a { color: var(--rd-text-2); }
html .dpra-drawer-links a i { background: transparent; color: var(--rd-muted); border-radius: var(--rd-r); }
html .dpra-drawer-links a:hover { background: var(--rd-surface-2); color: var(--rd-ink-2); border-left-color: var(--rd-line-strong); }
html .dpra-drawer-links a:hover i { background: transparent; color: var(--rd-crimson); }
html .dpra-drawer-footer { background: var(--rd-surface-2); border-top-color: var(--rd-line); }
html .dpra-drawer-footer-social a {
  background: transparent;
  border: 1px solid var(--rd-line-strong);
  border-radius: var(--rd-r);
  color: var(--rd-ink-2);
}
html .dpra-drawer-footer-social a:hover {
  background: var(--rd-ink-2);
  border-color: var(--rd-ink-2);
  color: #fff;
  box-shadow: none;
  transform: none;
}

/* bottom nav: ink bar, bone icons, crimson indicator on the active tab */
html .dpra-mobile-nav {
  background: var(--rd-ink);
  border-top: 1px solid rgba(243,238,230,.10);
  box-shadow: none;
}
html .dpra-mobile-nav::before { content: none; }
html .dpra-mobile-nav-item {
  color: var(--nav-item-dim);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}
html .dpra-mobile-nav-item:hover { color: var(--nav-item-hover); }
html .dpra-mobile-nav-item.active { color: #fff; }
html .dpra-mobile-nav-item::after { background: var(--rd-crimson-bright); border-radius: 0; height: 2px; }
html .dpra-mnav-badge { background: var(--rd-crimson); color: #fff; border-color: var(--rd-ink); }
html .dpra-cart-mob-bar { background: var(--rd-surface); border-top: 1px solid var(--rd-line); }


/* ==========================================================================
   09  BUTTONS / FORMS / INPUTS
   Hierarchy
     A  key CTA (one per view) ......... crimson solid, white label
     B  solid ............................ ink solid, white label, crimson hover
     C  outline .......................... 1px ink, transparent, fills ink on hover
     D  text link ........................ ink, underlined, crimson hover
   All: Manrope 800, 12px, uppercase, .1em tracking, 4px radius, no gradients,
   no glow shadows, no lift-on-hover.
   ========================================================================== */

/* --- shared label treatment ------------------------------------------------ */
html :is(
  .pdp-cta-atb, .pdp-cta-buynow, .pdp-sticky-atb, .pdp-sticky-buy, .pdp-combo-atc, .pdp-pin-btn,
  .checkout-btn, .co-btn-place, .btn-shop, .cpn-apply-btn, .gift-save-btn, .sfl-move-btn, .dpra-cart-mob-btn,
  .cp-qv-atb, .cp-drawer-apply, .cp-drawer-clear, .cp-loadmore-btn, .cp-empty-link, .cp-mobile-bar-btn,
  .auth-btn, .otp-send-btn, .lm-btn, .am-btn,
  .acc-btn-primary, .acc-btn-save, .acc-empty-link,
  .e404-btn-primary, .e404-btn-secondary, .btn-home, .btn-primary, .cs-nl-btn,
  .dpra-sale-cta, .dpra-offer-cta, .dpra-cookie-btn
) {
  font-family: var(--rd-ff-ui);
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  border-radius: var(--rd-r);
  background-image: none;
  box-shadow: none;
  text-shadow: none;
  filter: none;
  transition: background-color .18s var(--rd-ease), color .18s var(--rd-ease), border-color .18s var(--rd-ease);
}
html :is(
  .pdp-cta-atb, .pdp-cta-buynow, .pdp-sticky-atb, .pdp-sticky-buy, .pdp-combo-atc,
  .checkout-btn, .co-btn-place, .btn-shop, .cp-qv-atb, .cp-loadmore-btn, .auth-btn, .lm-btn, .am-btn,
  .acc-btn-primary, .acc-btn-save, .e404-btn-primary, .e404-btn-secondary, .btn-home, .dpra-sale-cta, .dpra-offer-cta
):hover {
  transform: none;
  filter: none;
  box-shadow: none;
}

/* --- A: key CTA -------------------------------------------------------------- */
html :is(
  .pdp-cta-atb, .pdp-sticky-atb, .pdp-combo-atc,
  .checkout-btn, .co-btn-place, .dpra-cart-mob-btn,
  .cp-qv-atb, .dpra-sale-cta, .hx-av-quick-cart
) {
  background-color: var(--rd-crimson);
  border: 1px solid var(--rd-crimson);
  color: #fff;
}
html :is(
  .pdp-cta-atb, .pdp-sticky-atb, .pdp-combo-atc,
  .checkout-btn, .co-btn-place, .dpra-cart-mob-btn,
  .cp-qv-atb, .dpra-sale-cta, .hx-av-quick-cart
):hover {
  background-color: var(--rd-crimson-press);
  border-color: var(--rd-crimson-press);
  color: #fff;
}
html :is(.pdp-cta-atb, .checkout-btn, .co-btn-place, .cp-qv-atb):disabled,
html :is(.pdp-cta-atb, .checkout-btn, .co-btn-place, .cp-qv-atb)[disabled] {
  background-color: var(--rd-surface-3);
  border-color: var(--rd-surface-3);
  color: var(--rd-muted);
  cursor: not-allowed;
}

/* --- B: solid ink ------------------------------------------------------------ */
html :is(
  .pdp-cta-buynow, .pdp-sticky-buy, .pdp-pin-btn,
  .btn-shop, .cpn-apply-btn, .gift-save-btn, .sfl-move-btn,
  .cp-drawer-apply,
  .auth-btn, .otp-send-btn, .lm-btn, .am-btn,
  .acc-btn-primary, .acc-btn-save, .acc-empty-link,
  .e404-btn-primary, .btn-home, .btn-primary, .cs-nl-btn,
  .dpra-cookie-accept, .search-btn, .newsletter-form button
) {
  background-color: var(--rd-ink-2);
  border: 1px solid var(--rd-ink-2);
  color: #fff;
}
html :is(
  .pdp-cta-buynow, .pdp-sticky-buy, .pdp-pin-btn,
  .btn-shop, .cpn-apply-btn, .gift-save-btn, .sfl-move-btn,
  .cp-drawer-apply,
  .auth-btn, .otp-send-btn, .lm-btn, .am-btn,
  .acc-btn-primary, .acc-btn-save, .acc-empty-link,
  .e404-btn-primary, .btn-home, .btn-primary, .cs-nl-btn,
  .dpra-cookie-accept, .search-btn, .newsletter-form button
):hover:not(:disabled) {
  background-color: var(--rd-crimson);
  border-color: var(--rd-crimson);
  color: #fff;
  opacity: 1;
}
html .cp-empty-link.primary,
html .cp-mobile-bar-btn.primary { background-color: var(--rd-ink-2); border: 1px solid var(--rd-ink-2); color: #fff; }
html .cp-empty-link.primary:hover { background-color: var(--rd-crimson); border-color: var(--rd-crimson); color: #fff; }
html :is(.auth-btn, .lm-btn, .am-btn, .otp-send-btn, .cpn-apply-btn):disabled {
  background-color: var(--rd-surface-3);
  border-color: var(--rd-surface-3);
  color: var(--rd-muted);
}
html .auth-btn::after, html .pdp-cta-atb::before { content: none; }

/* --- C: outline -------------------------------------------------------------- */
html :is(
  .cp-loadmore-btn, .cp-empty-link, .cp-drawer-clear, .cp-mobile-bar-btn,
  .e404-btn-secondary, .dpra-cookie-reject, .dpra-cookie-customize,
  .auth-social-btn, .auth-otp-link, .size-guide-btn
) {
  background-color: transparent;
  border: 1px solid var(--rd-ink-2);
  color: var(--rd-ink-2);
  border-radius: var(--rd-r);
}
html :is(
  .cp-loadmore-btn, .cp-empty-link:not(.primary), .cp-drawer-clear,
  .e404-btn-secondary, .dpra-cookie-reject, .dpra-cookie-customize, .size-guide-btn
):hover {
  background-color: var(--rd-ink-2);
  border-color: var(--rd-ink-2);
  color: #fff;
  opacity: 1;
}
html :is(.auth-social-btn, .auth-otp-link) { border-color: var(--rd-line-strong); }
html :is(.auth-social-btn, .auth-otp-link):hover { border-color: var(--rd-ink-2); background-color: var(--rd-bg); }

/* --- inputs ------------------------------------------------------------------ */
html :is(
  .pdp-pin-input, .cpn-input, .gift-ta, .form-input, .form-select, .fl-input, .lm-input,
  .cp-sort-select, .acc-form-group input, .acc-form-group select, .acc-form-group textarea,
  .am-input-wrap, .coupon-input input
) {
  border-radius: var(--rd-r);
  border-color: var(--rd-line-strong);
  background-color: var(--rd-surface);
  color: var(--rd-ink-2);
}
html :is(
  .pdp-pin-input, .cpn-input, .gift-ta, .form-input, .form-select, .fl-input, .lm-input,
  .cp-sort-select, .acc-form-group input, .acc-form-group select, .acc-form-group textarea, .coupon-input input
):focus,
html .am-input-wrap:focus-within {
  border-color: var(--rd-ink-2);
  box-shadow: 0 0 0 3px rgba(17,17,20,.08);
  outline: none;
}
html :is(input[type="checkbox"], input[type="radio"]) { accent-color: var(--rd-ink-2); }
html input[type="range"] { accent-color: var(--rd-ink-2); }


/* ==========================================================================
   10  PRODUCT CARDS / BADGES / PRICES
   One card: 3:4 image on bone, 6px corners, no border, no shadow; name in
   Manrope 500, price in Manrope 800, discount in DM Mono crimson.
   ========================================================================== */
html :is(.cp-card-img-wrap, .cp-recent-card-img, .cp-qv-img) {
  background: var(--rd-surface-2);
  border-radius: var(--rd-r-lg);
}
html .cp-recent-card-img { border-color: var(--rd-line); }
html .cp-card-name { color: var(--rd-ink-2); font-size: 13.5px; }
html .cp-card:hover .cp-card-name { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
html .cp-card-price { color: var(--rd-ink-2); font-size: 15px; letter-spacing: -.01em; }
html .cp-card-mrp { color: var(--rd-muted); }
html :is(.cp-card-off, .cp-qv-off) { color: var(--rd-crimson); font-family: var(--rd-ff-mono); letter-spacing: .06em; text-transform: uppercase; }
html .cp-card-taxes { color: var(--rd-muted); letter-spacing: .04em; }

/* badges: squared mono tags */
html :is(.cp-badge, .disc-badge, .ci-badge, .hxp-badge, .pdp-badge-discount, .pdp-badge-tag) {
  font-family: var(--rd-ff-mono);
  font-weight: 500;
  letter-spacing: .12em;
  text-transform: uppercase;
  border-radius: var(--rd-r-sm);
  box-shadow: none;
  background-image: none;
}
html :is(.cp-badge-sale, .disc-badge, .ci-badge, .hxp-badge, .pdp-badge-discount) { background-color: var(--rd-crimson); color: #fff; }
html :is(.cp-badge-new, .pdp-badge-tag) { background-color: var(--rd-ink-2); color: #fff; }
html .cp-badge-best { background-color: var(--rd-surface); color: var(--rd-ink-2); box-shadow: inset 0 0 0 1px var(--rd-ink-2); }

html .cp-wish { background: var(--rd-surface); border: 0; color: var(--rd-ink-2); box-shadow: var(--rd-shadow-1); }
html :is(.cp-wish:hover, .cp-wish.wishlisted) { color: var(--rd-crimson); transform: none; }
html .cp-quick-add {
  background: var(--rd-ink-2);
  font-family: var(--rd-ff-ui);
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
html .cp-quick-add:hover { background: var(--rd-crimson); }


/* ==========================================================================
   11  HOME PAGE SECTIONS
   ========================================================================== */
/* section headings: Fraunces 500, tight tracking; the italic word carries the accent */
html :is(.hx-h2, .hx-also-viewed-head h3, .hxna-title, .hxsoc-title, .hx-faq-title, .dpra-sale-title) {
  font-family: var(--rd-ff-display);
  font-weight: 500;
  letter-spacing: var(--rd-track-display);
  line-height: 1.08;
}
html :is(.hx-h2, .hx-also-viewed-head h3, .hxna-title, .hxsoc-title, .hx-faq-title) em {
  font-style: italic;
  font-weight: 400;
  color: var(--rd-crimson);
  background: none;
  -webkit-text-fill-color: currentColor;
}
/* on ink the italic word may use the bright crimson: it is display-size type */
html :is(.hx-cats-dark, .hx-section-black, .hx-also-viewed, .hxbs) :is(.hx-h2, h2, h3) em {
  color: var(--rd-crimson-bright);
  -webkit-text-fill-color: currentColor;
}
/* eyebrows: DM Mono micro-labels */
html :is(.hx-eyebrow, .dpra-coll-eyebrow, .hxna-eyebrow, .hxsoc-eyebrow, .hx-faq-eyebrow, .hxbs-eyebrow, .dpra-sale-eyebrow, .hx-also-viewed-head .hx-eyebrow) {
  font-family: var(--rd-ff-mono);
  font-weight: 500;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--rd-muted-text);
}
/* dark bands: flat ink instead of tinted gradients */
html .hx-cats-dark,
html .hx-also-viewed {
  background: var(--rd-ink);
}
html .hx-section-black { background: var(--rd-ink); }
html .hx-cats-dark::before,
html .hx-section-black::after { background: var(--rd-crimson); height: 1px; }
html .hx-link { color: var(--rd-ink-2); border-bottom: 1px solid var(--rd-ink-2); }
html .hx-link:hover { color: var(--rd-crimson); border-bottom-color: var(--rd-crimson); }
html .hx-section-black .hx-link { color: var(--rd-on-dark); border-bottom-color: rgba(243,238,230,.4); }
html .hx-section-black .hx-link:hover { color: #fff; border-bottom-color: var(--rd-crimson-bright); }
html .hxp-dot.active { background: var(--rd-crimson); }
html :is(.hxp-price, .hx-av-card-price, .hxna-card-price, .dpra-rv-card-price) { color: var(--rd-fg); }
html .hxna-card-disc { color: var(--rd-crimson); }
html :is(.hxna-card-orig, .hxsoc-card-loc, .hxsoc-hero-byline > span) { color: var(--rd-muted); }
/* promo strip: ink band, crimson tag, bone button */
html .dpra-offer-banner { background: var(--rd-ink); border-color: rgba(243,238,230,.10); }
html .dpra-offer-banner::before { content: none; }
html .dpra-offer-badge {
  background: var(--rd-crimson);
  color: #fff;
  border-radius: var(--rd-r-sm);
  box-shadow: none;
  font-weight: 500;
}
html .dpra-offer-text { font-weight: 500; letter-spacing: var(--rd-track-display); }
html .dpra-offer-text em { color: var(--rd-crimson-bright); }
html .dpra-offer-cta { background-color: var(--rd-on-dark); border: 1px solid var(--rd-on-dark); color: var(--rd-ink-2); }
html .dpra-offer-cta:hover { background-color: #fff; border-color: #fff; color: var(--rd-ink-2); }
html .hxbs-heading .ln-outline { -webkit-text-stroke: 1.5px var(--rd-crimson-bright); }
html .hx-editorial-cta { border-radius: var(--rd-r); letter-spacing: .08em; text-transform: uppercase; }
html .hx-editorial-cta:hover { background: #fff; }
html .hx-editorial-title em { color: #fff; }
/* Instagram card: brand ink + crimson instead of the rainbow gradient */
html .hxsoc-ig-card { padding: 0; background: var(--rd-ink); border-radius: var(--rd-r-lg); box-shadow: var(--rd-shadow-2); }
html .hxsoc-ig-inner { background: var(--rd-ink); border-radius: var(--rd-r-lg); }
html :is(.hxsoc-ig-icon, .hxsoc-ig-handle) {
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: currentColor;
  color: var(--rd-on-dark);
}
html .hxsoc-ig-qr-wrap { background: var(--rd-on-dark); border-radius: var(--rd-r-lg); }
html .hxsoc-ig-qr-wrap:hover { box-shadow: none; transform: none; }
html .hxsoc-ig-qr-box { border-radius: var(--rd-r); }
html .hxsoc-ig-scan { color: var(--rd-on-dark-muted); }
html .hxsoc-ig-btn {
  background: var(--rd-crimson);
  border-radius: var(--rd-r);
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: 800;
}
html .hxsoc-ig-btn:hover { background: var(--rd-crimson-press); opacity: 1; transform: none; }
/* carousel arrows */
html :is(.hx-av-arrow, .hxna-arrow) { border-radius: var(--rd-r); }
html .hx-av-arrow { background: var(--rd-ink-3); border: 1px solid rgba(243,238,230,.25); color: var(--rd-on-dark); }
html .hx-av-arrow:hover { background: var(--rd-crimson); border-color: var(--rd-crimson); color: #fff; }
html .dpra-sizeguide-link { border-radius: var(--rd-r); border-width: 1px; letter-spacing: .08em; text-transform: uppercase; font-size: 11.5px; font-weight: 800; }
/* inline-styled price fragments on the ink product strips */
html .hx-av-card-price span[style*="#4ade80"] { color: var(--rd-on-dark) !important; }
html .hx-av-card-price span[style*="line-through"] { color: rgba(243,238,230,.62) !important; }
html .hx-also-viewed a[style*="border-radius:24px"] { border-radius: var(--rd-r) !important; text-transform: uppercase; letter-spacing: .1em !important; font-size: 11.5px !important; }
/* overlays + avatars receive tinted inline colours from PHP arrays */
html .hx-editorial-overlay { background: linear-gradient(0deg, rgba(11,11,12,.72) 0%, rgba(11,11,12,0) 60%) !important; }
html .hxsoc-card-avatar { background: var(--rd-ink-2) !important; color: #fff !important; }
/* star ratings: the one place amber survives */
html :is(.stars, .product-rating .stars, .hxsoc-agg-stars, .hxsoc-hero-stars, .hxsoc-card-stars, .pdp-stars, .pdp-big-stars .filled, .star-filled) { color: var(--rd-star); }
html .dpra-coll-btn { border-radius: var(--rd-r); font-family: var(--rd-ff-ui); letter-spacing: .08em; text-transform: uppercase; font-size: 10.5px; }
html .dpra-coll-card:hover .dpra-coll-btn { background: #fff; color: var(--rd-ink-2); border-color: #fff; }
html .dpra-coll-eyebrow { color: rgba(255,255,255,.82); }
html .hx-cats-dark .hx-cat-card:hover .hx-cat-label { background: var(--rd-crimson); color: #fff; }
html .hx-faq-item.open { border-color: var(--rd-ink-2); }
html .hx-section-head:not(.center) > div:first-child { border-left: 2px solid var(--rd-crimson); }
html .dpra-offer-code {
  background: transparent;
  border: 1px dashed var(--rd-accent-line);
  color: var(--rd-accent-text);
  font-family: var(--rd-ff-mono);
  border-radius: var(--rd-r);
}
html .hx-review-avatar, html .hx-member-badge { background: var(--rd-ink-2); color: #fff; box-shadow: none; }
/* the page-level @keyframes for these pulses animate a gold glow and cannot be
   re-declared from <head> (the later definition in <body> wins), so they rest */
html :is(.hx-member-badge, .dpra-offer-code, .hx-related-pulse) { animation: none; }


/* ==========================================================================
   12  LISTING + FILTERS / SEARCH / WISHLIST
   ========================================================================== */
html .cp-page-title,
html .srch-title,
html .wl-title {
  font-family: var(--rd-ff-display);
  font-size: var(--rd-fs-h1);
  font-weight: 500;
  letter-spacing: var(--rd-track-display);
  line-height: 1.05;
  color: var(--rd-ink-2);
}
html .cp-page-count,
html .cp-sort-result,
html .cp-sidebar-count {
  font-family: var(--rd-ff-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--rd-muted);
}
html .cp-sort-result strong { font-weight: 500; color: var(--rd-ink-2); }
html .cp-breadcrumb { font-family: var(--rd-ff-mono); font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; }
html .cp-breadcrumb span:last-child { font-weight: 500; }
html .cp-sidebar-title { font-family: var(--rd-ff-mono); font-size: 11px; font-weight: 500; letter-spacing: var(--rd-track-micro); text-transform: uppercase; }
html .cp-sfgroup-toggle { font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--rd-ink-2); }
html .cp-sfgroup { border-bottom-color: var(--rd-line); }
html .cp-sort-row { border-bottom-color: var(--rd-line); }
html :is(.cp-sidebar-clear, .cp-chip-clear) { color: var(--rd-crimson); }
html .cp-chip { background: var(--rd-surface); border: 1px solid var(--rd-ink-2); border-radius: var(--rd-r); }
html .cp-sz-pill { background: var(--rd-surface); }
html :is(.cp-sz-pill, .cp-qv-size-btn, .cp-page-btn, .cp-view-btn) { border-radius: var(--rd-r); }
html .cp-loadmore-fill { background: var(--rd-ink-2); }
html .cp-cat-strip { background: var(--rd-ink); }
html .cp-cat-pill { border-radius: var(--rd-r); letter-spacing: .08em; text-transform: uppercase; }
html .cp-cat-pill.active { background: var(--rd-on-dark); border-color: var(--rd-on-dark); color: var(--rd-ink-2); }
html .cp-mob-filter-badge { background: var(--rd-crimson); color: #fff; }
html .cp-sort-option.active i { color: var(--rd-crimson); }
html .cp-mobile-bar-btn { border-width: 1px; }
html :is(.cp-sort-sheet, .cp-qv-modal) { border-radius: var(--rd-r-lg) var(--rd-r-lg) 0 0; }
html .cp-qv-size-btn.oos { color: var(--rd-faint); background: var(--rd-surface-2); }
html .cp-qv-err { color: var(--rd-crimson); }


/* ==========================================================================
   13  PRODUCT PAGE
   ========================================================================== */
html .pdp-title {
  font-family: var(--rd-ff-display);
  font-style: normal;
  font-weight: 500;
  font-size: clamp(26px, 2.7vw, 38px);
  letter-spacing: var(--rd-track-display);
  line-height: 1.08;
  color: var(--rd-ink-2);
}
html .pdp-sale-price { letter-spacing: -.03em; font-weight: 600; }
html .pdp-original-price { color: var(--rd-muted); }
html .pdp-off-badge {
  background: var(--rd-crimson);
  color: #fff;
  font-family: var(--rd-ff-mono);
  font-weight: 500;
  letter-spacing: .1em;
  border-radius: var(--rd-r-sm);
  box-shadow: none;
}
html .pdp-cat-pill {
  background: transparent;
  box-shadow: inset 0 0 0 1px var(--rd-line-strong);
  color: var(--rd-text-2);
  border-radius: var(--rd-r-sm);
  font-family: var(--rd-ff-mono);
  font-weight: 500;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 10px;
}
html .pdp-cat-pill:hover { background: var(--rd-ink-2); box-shadow: none; color: #fff; }

/* gallery */
html .pdp-thumb { border-radius: var(--rd-r); border-width: 1px; }
html .pdp-thumb.active { border-color: var(--rd-ink-2); box-shadow: 0 0 0 1px var(--rd-ink-2); }
html .pdp-img-overlay-btn { border-radius: var(--rd-r); }

/* selection controls use ink: crimson stays reserved for the CTA */
html .pdp-size-btn { border-radius: var(--rd-r); border-width: 1px; border-color: var(--rd-line-strong); }
html .pdp-size-btn:hover:not(.oos) { border-color: var(--rd-ink-2); transform: none; box-shadow: none; }
html .pdp-size-btn.active {
  background: var(--rd-ink-2);
  border-color: var(--rd-ink-2);
  color: #fff;
  box-shadow: none;
}
html .pdp-size-btn:focus-visible { outline: 2px solid var(--rd-ink-2); }
html .pdp-size-btn.oos { color: var(--rd-faint); background: var(--rd-surface-2); border-color: var(--rd-line); }
html .pdp-color-swatch.active { border-color: var(--rd-ink-2); box-shadow: 0 0 0 2px var(--rd-surface), 0 0 0 3px var(--rd-ink-2); transform: none; }
html .pdp-size-tab.active { color: var(--rd-ink-2); border-bottom-color: var(--rd-crimson); }
html .pdp-size-guide-btn:hover { color: var(--rd-crimson); }
html .pdp-qty-wrap { border-radius: var(--rd-r); border-width: 1px; border-color: var(--rd-line-strong); }
html .pdp-qty-btn { background: var(--rd-surface); }
html .pdp-qty-btn:hover { background: var(--rd-ink-2); color: #fff; }

/* CTA row: taller, squared, crimson + ink */
html .pdp-cta-atb,
html .pdp-cta-buynow { min-height: 46px; font-size: 12px; }
html .pdp-wishlist-btn { border-radius: var(--rd-r); border-width: 1px; border-color: var(--rd-line-strong); width: 46px; height: 46px; }
html .pdp-wishlist-btn:hover,
html .pdp-wishlist-btn.wishlisted { border-color: var(--rd-crimson); color: var(--rd-crimson); background: var(--rd-crimson-tint); }
html .pdp-share-btn { border-radius: var(--rd-r); border-width: 1px; border-color: var(--rd-line-strong); }
html .pdp-share-btn:hover { border-color: var(--rd-ink-2); }
html .pdp-est-delivery { border-radius: var(--rd-r); }

/* offers */
html .pdp-offer-chips {
  background: var(--rd-surface);
  border: 1px solid var(--rd-line);
  border-radius: var(--rd-r-lg);
}
html .pdp-offer-chip { border-bottom: 1px solid var(--rd-line); }
html :is(.pdp-offer-chip-icon, .pdp-offer-icon, .pdp-shipping-card-icon) { background: var(--rd-surface-2); color: var(--rd-ink-2); border-radius: var(--rd-r); }
html .pdp-shipping-card-icon i { color: var(--rd-ink-2); }
html .pdp-offer-chip-copy { border: 1px dashed var(--rd-ink-2); color: var(--rd-ink-2); border-radius: var(--rd-r-sm); font-family: var(--rd-ff-mono); }
html .pdp-offer-chip-copy:hover { background: var(--rd-ink-2); border-color: var(--rd-ink-2); color: #fff; }
html .pdp-offer-chip-copy.copied { background: var(--rd-success); border-color: var(--rd-success); }
html .pdp-shipping-tag { border-radius: var(--rd-r-sm); font-family: var(--rd-ff-mono); font-weight: 500; }
html .pdp-shipping-tag.paid { background: var(--rd-surface-2); color: var(--rd-text-2); }

/* accordions + section titles */
html .pdp-acc-btn { letter-spacing: .1em; }
html .pdp-acc-btn:hover { color: var(--rd-crimson); }
html .pdp-acc-item.open .pdp-acc-btn { color: var(--rd-ink-2); }
html .pdp-acc-item.open .pdp-acc-btn i.acc-chevron { color: var(--rd-crimson); }
html :is(.pdp-section-title, .pdp-look-title, .pdp-combo-title, .pdp-modal-title, .section-title) {
  font-family: var(--rd-ff-display);
  font-weight: 500;
  letter-spacing: var(--rd-track-display);
}
html :is(.pdp-fabric-eyebrow, .pdp-combo-eyebrow) {
  font-family: var(--rd-ff-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .2em;
  color: var(--rd-crimson);
}

/* reviews band (ink) */
html .pdp-blk--reviews { background: var(--rd-ink); }
html .pdp-blk--reviews .pdp-review-card { border-radius: var(--rd-r-lg); }
html .pdp-review-avatar,
html .pdp-blk--reviews .pdp-review-avatar { background: var(--rd-crimson); color: #fff; }
html .pdp-blk--reviews .pdp-share-btn { background: var(--rd-on-dark); border: 1px solid var(--rd-on-dark); color: var(--rd-ink-2); }
html .pdp-blk--reviews .pdp-share-btn:hover { background: #fff; border-color: #fff; color: var(--rd-ink-2); }
html .pdp-blk--reviews .pdp-verified-badge { background: rgba(123,211,160,.14); color: #7BD3A0; }
html .pdp-blk--reviews .pdp-rating-summary > div { color: var(--rd-on-dark-muted); }
html .pdp-review-star-badge { border-radius: var(--rd-r-sm); }
html .pdp-review-star-badge.high { background: #1F6B43; color: #fff; }
html .pdp-review-star-badge.mid { background: #8A5A12; color: #fff; }
html .pdp-review-star-badge.low { background: var(--rd-crimson); }
html .pdp-verified-badge { border-radius: var(--rd-r-sm); }
html .pdp-sticky-bar { background: rgba(250,247,242,.96); border-top: 1px solid var(--rd-line); }
html .scroll-btn { border-radius: var(--rd-r); border: 1px solid var(--rd-line-strong); color: var(--rd-ink-2); }
html .scroll-btn:hover { border-color: var(--rd-ink-2); background: var(--rd-ink-2); color: #fff; }


/* ==========================================================================
   14  CART + CHECKOUT
   ========================================================================== */
html :is(.cart-hdr-title, .osp-hdr-title, .suggest-title, .co-card-title, .cart-empty h3) {
  font-family: var(--rd-ff-display);
  font-weight: 500;
  letter-spacing: var(--rd-track-display);
  color: var(--rd-ink-2);
}
html .cart-hdr { border-bottom: 1px solid var(--rd-ink-2); }
html .step-item { letter-spacing: var(--rd-track-micro); }
html .step-item.active { border-bottom-color: var(--rd-ink-2); color: var(--rd-ink-2); }
html .step-item.active .step-dot { background: var(--rd-ink-2); border-color: var(--rd-ink-2); color: #fff; }
html :is(.fship-fill, .bag-fsp-fill) { background: var(--rd-ink-2); }
html :is(.osp, .co-sidebar)::before { background: var(--rd-ink-2); height: 2px; }
html .ci-name a:hover, html .continue-link:hover { color: var(--rd-crimson); }
html .ci-act-btn.wl { color: var(--rd-ink-2); }
html .ci-act-btn:hover { background: var(--rd-surface-2); }
html .ci-act-btn.del:hover { color: var(--rd-crimson); background: var(--rd-crimson-tint); }
html .sz-btn:hover { border-color: var(--rd-ink-2); color: var(--rd-ink-2); }
html .qty-ctrl { border-width: 1px; border-color: var(--rd-line-strong); border-radius: var(--rd-r); }
html .qty-btn { background: var(--rd-surface); }
html .qty-btn:hover:not(:disabled) { background: var(--rd-surface-2); }
html :is(.gift-hdr-lbl, .cpn-lbl, .co-card-title, .add-addr-toggle, .delivery-estimate) i { color: var(--rd-ink-2); }
html .cpn-hint {
  background: var(--rd-surface-2);
  border: 1px dashed var(--rd-line-strong);
  border-radius: var(--rd-r);
}
html .cpn-hint:hover { background: var(--rd-surface-3); }
html :is(.cpn-hint-code, .cpn-hint-apply) { color: var(--rd-crimson); }
html .cpn-hint-code { font-family: var(--rd-ff-mono); letter-spacing: .08em; }
html .sfl-count { background: var(--rd-surface-2); border-color: var(--rd-line); color: var(--rd-text-2); border-radius: var(--rd-r-sm); }
html .checkout-btn, html .co-btn-place { min-height: 50px; font-size: 13px; }
html :is(.addr-card-label, .pay-option-label).selected { border-color: var(--rd-ink-2); }
html .addr-card-label.selected { background: var(--rd-surface-2); }
html .pay-option-label.selected .pay-option-header { background: var(--rd-surface-2); }
html .addr-card-label.selected .addr-radio-circle { border-color: var(--rd-ink-2); }
html .addr-radio-dot { background: var(--rd-ink-2); }
html :is(.addr-default-tag, .pay-option-badge.sec) { background: var(--rd-surface-2); border-color: var(--rd-line); color: var(--rd-text-2); border-radius: var(--rd-r-sm); }
html :is(.wallet-tile:hover, .wallet-tile.sel) { background: var(--rd-surface-2); border-color: var(--rd-ink-2); color: var(--rd-ink-2); }
html :is(.delivery-estimate, .guest-checkout-notice) { background: var(--rd-surface-2); border: 1px solid var(--rd-line); border-radius: var(--rd-r); }
html .add-addr-toggle:hover { border-color: var(--rd-ink-2); color: var(--rd-ink-2); }


/* ==========================================================================
   15  AUTH - login page + login/auth modals
   ========================================================================== */
html .brand-side { background: var(--rd-ink); }
html .brand-side::before { background-image: none; }
html .brand-ring, html .brand-ring::before, html .brand-ring::after { border-color: rgba(243,238,230,.06); }
html .brand-accent { background: var(--rd-crimson); opacity: 1; }
html .brand-rule { background: var(--rd-crimson); }
html .brand-wordmark { font-weight: 500; letter-spacing: -.035em; }
html .brand-wordmark sup { color: var(--rd-crimson-bright); }
html .brand-wordmark em, html .brand-manifesto { color: rgba(243,238,230,.72); }
html .brand-back, html .brand-perk { color: rgba(243,238,230,.72); }
html .brand-back:hover { color: #fff; }
html .brand-perk::before { background: var(--rd-crimson); }
html .form-side { background: var(--rd-bg); }
html .form-heading { font-family: var(--rd-ff-display); font-weight: 500; letter-spacing: var(--rd-track-display); font-size: 32px; }
html :is(.auth-tab, .lm-tab) { letter-spacing: .14em; }
html :is(.auth-tab, .lm-tab)::after { background: var(--rd-crimson); }
html .fl-input { border-width: 1px; }
html :is(.fl-input:focus ~ .fl-label, .fl-input:not(:placeholder-shown) ~ .fl-label,
         .lm-input:focus ~ .lm-label, .lm-input:not(:placeholder-shown) ~ .lm-label) { color: var(--rd-muted); }
html :is(.fl-hint, .auth-footer a, .lm-hint, .lm-footer a, .lm-footer button, .am-switch-btn, .am-link-sm) {
  color: var(--rd-ink-2);
  text-decoration: underline;
  text-underline-offset: 3px;
}
html :is(.fl-hint, .auth-footer a, .lm-hint, .lm-footer a, .lm-footer button, .am-switch-btn, .am-link-sm):hover { color: var(--rd-crimson); }
html :is(.otp-ch-btn, .lm-otp-btn, .am-ch) { border-radius: var(--rd-r); border-width: 1px; }
html :is(.otp-ch-btn, .lm-otp-btn, .am-ch).active {
  background: var(--rd-ink-2);
  border-color: var(--rd-ink-2);
  color: #fff;
  box-shadow: none;
}
html .am-ch:hover:not(.active) { border-color: var(--rd-ink-2); color: var(--rd-ink-2); background: transparent; }
html .am-otp-box { border-radius: var(--rd-r); caret-color: var(--rd-crimson); }
html :is(.am-otp-box:focus, .am-otp-box.am-filled) { border-color: var(--rd-ink-2); box-shadow: none; background: var(--rd-surface); }
html :is(.am-logo-d, .am-logo-sup, .lm-brand sup) { color: var(--rd-crimson-bright); }
html .auth-flash { border-radius: var(--rd-r); }
html .auth-flash.err { background: var(--rd-crimson-tint); border-color: rgba(174,18,24,.25); color: var(--rd-crimson-press); }
html .auth-btn, html .lm-btn, html .am-btn { min-height: 50px; }
html .auth-divider { color: var(--rd-muted); margin: 24px 0 20px; letter-spacing: var(--rd-track-micro); font-weight: 500; font-family: var(--rd-ff-mono); }
html .auth-divider::before, html .auth-divider::after { background: var(--rd-line); }


/* ==========================================================================
   16  ACCOUNT / ORDERS / TRACKING
   ========================================================================== */
html .acc-avatar { background: var(--rd-ink-2); box-shadow: none; color: #fff; }
html .acc-sidebar-profile::before { background: none; }
html .acc-nav li a.active { border-left-color: var(--rd-crimson); color: var(--rd-ink-2); }
html .acc-nav li a .nav-badge { background: var(--rd-crimson); color: #fff; border-radius: var(--rd-r-sm); }
html .acc-stat-card::before { background: var(--rd-ink-2); }
html :is(.acc-stat-card:hover, .acc-quick-link:hover, .acc-addr-card.is-default, .acc-addr-add-card:hover) { border-color: var(--rd-ink-2); }
html .acc-stat-icon { color: var(--rd-ink-2); }
html .acc-addr-default-badge { background: var(--rd-ink-2); color: #fff; border-radius: var(--rd-r-sm); }
html .acc-addr-add-card:hover .add-icon { background: var(--rd-ink-2); color: #fff; }
html .acc-addr-btn.set-default { border-color: var(--rd-ink-2); color: var(--rd-ink-2); }
html :is(.acc-order-filter-btn:hover, .acc-order-filter-btn.active) { background: var(--rd-ink-2); border-color: var(--rd-ink-2); color: #fff; }
html :is(.acc-view-all, .acc-sidebar-since) { color: var(--rd-crimson); }
html .acc-toggle-switch input:checked + .acc-toggle-slider { background: var(--rd-ink-2); }
html .acc-checkbox-row input[type=checkbox] { accent-color: var(--rd-ink-2); }


/* ==========================================================================
   17  STATIC PAGES (about, faq, contact, policies ...)
   Shared treatment for hero titles, eyebrows and cards; the per-file accent
   re-map in section 04 handles the rest.
   ========================================================================== */
html :is(.page-hero, .pg-hero, .static-hero, .about-hero, .faq-hero, .contact-hero) :is(h1, h2) {
  font-family: var(--rd-ff-display);
  font-weight: 500;
  letter-spacing: var(--rd-track-display);
}
/* policy heroes: flat ink */
html :is(.tou-hero, .pp-hero, .cancel-hero, .cookie-hero, .access-hero, .disc-hero) { background: var(--rd-ink); }
/* accent-filled cards keep white type on crimson */
html .mv-card-vision :is(h3, p, .mv-badge, .mv-icon) { color: #fff; }
/* notice boxes: neutral bone with an ink rule instead of amber */
html [class$="-warn-box"],
html [class*="-warn-box "] {
  background: var(--rd-surface-2);
  border: 1px solid var(--rd-line);
  border-left: 3px solid var(--rd-ink-2);
  border-radius: var(--rd-r);
  color: var(--rd-text-2);
}
html [class$="-warn-box"] strong { color: var(--rd-crimson-press); }
html .law-note {
  background: var(--rd-surface-2);
  border: 1px solid var(--rd-line);
  border-left: 3px solid var(--rd-ink-2);
  border-radius: var(--rd-r);
  color: var(--rd-text-2);
}
html .law-note i { color: var(--rd-ink-2); }

/* kids "coming soon" landing: bone instead of lavender */
html .kids-cs { background: var(--rd-surface-2); }
html .kids-cs::before, html .kids-cs::after { content: none; }
html .kids-cs-badge {
  background: var(--rd-ink-2);
  color: #fff;
  border-radius: var(--rd-r-sm);
  box-shadow: none;
}
html .kids-cs-title { font-weight: 500; letter-spacing: var(--rd-track-display); color: var(--rd-ink-2); }
html .kids-cs-title em { color: var(--rd-crimson); font-weight: 400; }
html .kids-cs-form { border-radius: var(--rd-r); box-shadow: none; }
html .kids-cs-input { border: 1px solid var(--rd-line-strong); border-right: 0; border-radius: var(--rd-r) 0 0 var(--rd-r); }
html .kids-cs-input:focus { border-color: var(--rd-ink-2); }
html .kids-cs-btn {
  background: var(--rd-ink-2);
  color: #fff;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 12px;
}
html .kids-cs-btn:hover { background: var(--rd-crimson); opacity: 1; }
html .kids-cs-features { border-top-color: var(--rd-line); }


/* ==========================================================================
   18  FOOTER - ink, bone type, crimson detail lines
   ========================================================================== */
html .ft { background: var(--rd-ink); color: var(--rd-on-dark-muted); }
html .ft-statement { background: var(--rd-ink); border-top: 1px solid var(--rd-crimson); }
html .ft-statement-quote { color: var(--rd-on-dark); font-weight: 400; letter-spacing: -.015em; }
html .ft-statement-quote em { color: var(--rd-crimson-bright); }
html .ft-statement-city { color: var(--rd-on-dark-muted); font-weight: 500; }
html .ft-statement-rule { background: var(--rd-crimson); }
html .ft-promise { background: var(--rd-ink); border-color: rgba(243,238,230,.10); }
html .ft-promise-item { border-color: rgba(243,238,230,.10); }
html .ft-promise-item:hover { background: var(--rd-ink-3); }
html .ft-promise-icon {
  background: transparent;
  border: 1px solid rgba(243,238,230,.18);
  border-radius: var(--rd-r);
  color: var(--rd-crimson-bright);
}
html .ft-promise-text strong { color: var(--rd-on-dark); }
html .ft-promise-text span { color: var(--rd-on-dark-muted); }
html .ft-brand { border-color: rgba(243,238,230,.10); }
html .ft-tagline { color: var(--rd-on-dark); font-family: var(--rd-ff-display); font-weight: 500; text-transform: none; letter-spacing: -.02em; font-size: 24px; }
html .ft-tagline .gold { color: var(--rd-crimson-bright); font-style: italic; }
html .ft-hashtag { color: var(--rd-on-dark-muted); letter-spacing: .16em; }
html .ft-about { color: var(--rd-on-dark-muted); }
html .ft-social a {
  background: transparent;
  border: 1px solid rgba(243,238,230,.22);
  border-radius: var(--rd-r);
  color: var(--rd-on-dark);
}
html .ft-social a:hover {
  background: var(--rd-crimson);
  border-color: var(--rd-crimson);
  color: #fff;
  box-shadow: none;
  transform: none;
}
html .ft-origin { background: transparent; border: 1px solid rgba(243,238,230,.18); border-radius: var(--rd-r); }
html .ft-origin-text strong { color: var(--rd-on-dark); }
html .ft-origin-text span { color: var(--rd-on-dark-muted); }
html .ft-col h4 {
  font-family: var(--rd-ff-mono);
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: .22em;
  color: #fff;
  border-bottom-color: rgba(243,238,230,.12);
}
html .ft-col h4::after { background: var(--rd-crimson); border-radius: 0; width: 24px; }
html .ft-col ul li a { color: var(--rd-on-dark-muted); }
html .ft-col ul li a i { color: rgba(243,238,230,.4); }
html .ft-col ul li a:hover { color: #fff; }
html .ft-col ul li a:hover i { color: var(--rd-crimson-bright); }
html .ft-pay { background: var(--rd-bg); border-top: 0; }
html .ft-pay-label { color: var(--rd-muted); font-family: var(--rd-ff-mono); font-weight: 500; }
html .ft-pay-badge { border: 1px solid var(--rd-line); border-radius: var(--rd-r); }
html .ft-pay-secure { border-radius: var(--rd-r); background: var(--rd-success-tint); border-color: rgba(31,107,67,.25); color: var(--rd-success); }
html .ft-bottom { background: var(--rd-ink); border-top: 1px solid rgba(243,238,230,.10); }
html .ft-copy, html .ft-links a { color: var(--rd-on-dark-muted); }
html .ft-copy strong { color: var(--rd-on-dark); }
html .ft-links a:hover { color: #fff; }
html .ft-links-sep { background: rgba(243,238,230,.18); }


/* ==========================================================================
   19  COOKIE BANNER / TOASTS / OVERLAYS
   ========================================================================== */
html .dpra-cookie-banner {
  background: rgba(255,255,255,.98);
  border-top: 1px solid var(--rd-ink-2);
  box-shadow: 0 -12px 40px -20px rgba(11,11,12,.35);
}
html .dpra-cookie-text strong { color: var(--rd-ink-2); font-family: var(--rd-ff-ui); letter-spacing: .02em; }
html .dpra-cookie-text p { color: var(--rd-muted); }
html .dpra-cookie-text a { color: var(--rd-ink-2); text-underline-offset: 3px; }
html .dpra-cookie-text a:hover { color: var(--rd-crimson); }
html .dpra-cookie-btn { font-size: 11px; padding: 11px 18px; }
html .dpra-cookie-customize { border-color: transparent; text-decoration: underline; text-underline-offset: 3px; }
html .dpra-cookie-modal-inner { background: var(--rd-bg); border-radius: var(--rd-r-lg) var(--rd-r-lg) 0 0; }
html .dpra-cookie-modal-head h3 { font-family: var(--rd-ff-display); font-weight: 500; letter-spacing: var(--rd-track-display); }
html .dpra-toggle { border-radius: var(--rd-r-sm); background: var(--rd-success-tint); color: var(--rd-success); }
html .dpra-toggle-switch input:checked + .dpra-toggle-slider { background: var(--rd-ink-2); }

html :is(.toast, .cs-toast) {
  background: var(--rd-ink);
  color: #fff;
  border-left: 2px solid var(--rd-crimson);
  border-radius: var(--rd-r);
  box-shadow: var(--rd-shadow-3);
  font-weight: 600;
  letter-spacing: .01em;
}
html :is(.toast-icon, .cs-toast-icon) { color: var(--rd-crimson-bright); }
html :is(#dpraDrawerOverlay, .dpra-mega-overlay, .cp-overlay, .dpra-mob-search-overlay) { background: rgba(11,11,12,.5); }


/* ==========================================================================
   20  404 / 500 / OFFLINE / COMING-SOON
   ========================================================================== */
html .e404-ghost { color: rgba(17,17,20,.06); }
html .e404-eyebrow { color: var(--rd-crimson); font-family: var(--rd-ff-mono); letter-spacing: .22em; }
html .e404-eyebrow::before, html .e404-eyebrow::after { background: var(--rd-crimson); }
html .e404-divider { background: var(--rd-crimson); }
html .e404-cat { border-radius: var(--rd-r); }
html .e404-cat:hover { background: var(--rd-ink-2); border-color: var(--rd-ink-2); color: #fff; }
html .error-icon { color: var(--rd-crimson); font-size: 44px; }
html .error-page { background: var(--rd-bg); font-family: var(--rd-ff-ui); color: var(--rd-ink-2); }
html .error-code { font-family: var(--rd-ff-display); font-weight: 500; letter-spacing: -.04em; color: var(--rd-ink-2); }
html .error-title { font-family: var(--rd-ff-display); font-weight: 500; letter-spacing: var(--rd-track-display); }
html .error-sub { color: var(--rd-muted); }
/* coming-soon is an ink page: micro-labels in bone, the italic word in bright crimson */
html :is(.cs-logo, .cs-nl-label) { color: var(--rd-on-dark-muted); }
html .cs-logo::before, html .cs-logo::after { background: var(--rd-crimson); }
html .cs-headline { font-weight: 500; letter-spacing: var(--rd-track-display); }
html .cs-headline em { color: var(--rd-crimson-bright); }
html .cs-nl-btn { background-color: var(--rd-on-dark); border-color: var(--rd-on-dark); color: var(--rd-ink-2); }
html .cs-nl-btn:hover:not(:disabled) { background-color: #fff; border-color: #fff; color: var(--rd-ink-2); }
html .cs-social a { border-radius: var(--rd-r); }
html .cs-social a:hover { background: var(--rd-crimson); border-color: var(--rd-crimson); color: #fff; box-shadow: none; }


/* ==========================================================================
   21  INLINE style="" SAFETY NET
   Hard-coded gold in style attributes (and JS-injected markup) cannot be
   reached by normal selectors, so these use attribute matching + !important.
   ========================================================================== */
html [style*="color:#C8992E" i]:not([style*="background:#C8992E" i]):not([style*="background-color:#C8992E" i]),
html [style*="color: #C8992E" i]:not([style*="background: #C8992E" i]),
html [style*="color:#D4AF37" i]:not([style*="background:#D4AF37" i]):not([style*="background-color:#D4AF37" i]),
html [style*="color: #D4AF37" i]:not([style*="background: #D4AF37" i]),
html [style*="color:#9A7A1A" i],
html [style*="color:#fdd835" i]:not([style*="background:#fdd835" i]),
html [style*="color:#FFD700" i]:not([style*="background:#FFD700" i]),
html [style*="color:#d4a800" i],
html [style*="color:rgba(212,175,55" i],
html [style*="color:rgba(200,153,46" i],
html [style*="color: rgb(212, 175, 55)"]:not([style*="background-color: rgb(212, 175, 55)"]),
html [style*="color: rgb(200, 153, 46)"]:not([style*="background-color: rgb(200, 153, 46)"]) {
  color: var(--rd-accent-text) !important;
}
/* hover colours written by inline onmouseover handlers (browser-serialised form) */
html [style*="background: rgba(212, 175, 55"],
html [style*="background: rgba(200, 153, 46"] {
  background: rgba(var(--rd-hair-rgb),.10) !important;
}
html [style*="solid rgba(212, 175, 55"],
html [style*="solid rgba(200, 153, 46"] {
  border-color: rgba(var(--rd-hair-rgb),.28) !important;
}
html [style*="background:#C8992E" i],
html [style*="background-color:#C8992E" i],
html [style*="background:#D4AF37" i],
html [style*="background-color:#D4AF37" i],
html [style*="background:#fdd835" i],
html [style*="background:#FFD700" i] {
  background: var(--rd-crimson) !important;
  color: #fff !important;
}
html [style*="background:rgba(212,175,55" i],
html [style*="background:rgba(200,153,46" i] {
  background: rgba(var(--rd-hair-rgb),.08) !important;
}
html [style*="solid rgba(212,175,55" i],
html [style*="solid rgba(200,153,46" i],
html [style*="border-color:rgba(212,175,55" i] {
  border-color: rgba(var(--rd-hair-rgb),.28) !important;
}
/* dark chip + gold label (e.g. "background:#111;color:#C8992E") */
html [style*="background:#111" i][style*="color:#C8992E" i],
html [style*="background:#111" i][style*="color:#D4AF37" i] { color: #fff !important; }
/* stray lilac accents on image overlays */
html [style*="color:#D8B4FE" i] { color: var(--rd-on-dark) !important; }
html [style*="background:rgba(180,130,255" i] {
  background: rgba(243,238,230,.14) !important;
  border-color: rgba(243,238,230,.45) !important;
}
html [style*="background:#fffbe6" i],
html [style*="background:#fffbea" i] {
  background: var(--rd-surface-2) !important;
  border-color: var(--rd-line-strong) !important;
}


/* ==========================================================================
   22  MOTION + PRINT
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
  html .dpra-ann-ticker { animation-duration: 120s; }
  html *, html *::before, html *::after { scroll-behavior: auto !important; }
}
@media print {
  html #dpraAnnBar, html .dpra-mobile-nav, html .dpra-cookie-banner { display: none !important; }
}


/* ============================================================
   WIDE LAYOUT + LARGER LOGO (generated from the fixed-width containers in the page sources)
   ============================================================ */
@media (min-width: 1400px) {
  .acc-page,
  .bc-inner,
  .cart-layout,
  .cart-wrap,
  .container,
  .cp-layout,
  .cp-page-header,
  .dpra-collections-inner,
  .dpra-cookie-inner,
  .dpra-hdr-inner,
  .dpra-offer-inner,
  .dpra-rv-inner,
  .dpra-sale-inner,
  .dpra-sizeguide-inner,
  .ft-body,
  .ft-bottom-inner,
  .ft-pay-inner,
  .ft-promise-inner,
  .ft-statement-inner,
  .header-inner,
  .hx,
  .hx-av-wrap,
  .hxna-inner,
  .nav-list,
  .pdp-sticky-bar-inner,
  .product-detail-layout,
  .products-page-layout,
  .promo-inner,
  .slide-content,
  .srch-bar-inner,
  .srch-bc-inner,
  .srch-hero-inner,
  .srch-layout,
  .srch-popular-inner,
  .step-bar-inner,
  .wl-bc-inner,
  .wl-wrap { max-width: 1680px !important; }
  .access-wrap,
  .aff-section,
  .aff-section-alt-inner,
  .aff-stats-inner,
  .cancel-wrap,
  .contact-wrap,
  .cookie-wrap,
  .culture-inner,
  .dpra-bc-inner,
  .dpra-mega-inner,
  .facts-inner,
  .hxsoc-div-row,
  .hxsoc-top,
  .page-wrap,
  .pdp-combo-section,
  .pdp-fabric-inner,
  .pdp-look-section,
  .pdp-reviews-section,
  .pdp-wrap,
  .pp-layout,
  .press-section,
  .press-section-alt-inner,
  .reco-section,
  .res-section,
  .res-section-alt-inner,
  .section-wrap,
  .ship-wrap,
  .stats-inner,
  .sus-contact-section,
  .sus-section,
  .sus-section-alt-inner,
  .tou-layout { max-width: 1480px !important; }
}
@media (min-width: 901px) {
  html:root { --hdr-h: 90px !important; }
  #dpraHdr { height: 90px !important; }
  .dpra-hdr-logo img, .dpra-svg-logo { height: 78px !important; }
}
@media (max-width: 900px) { .dpra-hdr-logo img { height: 60px !important; } }
.ft-logo-link img { height: 104px !important; }
.dpra-drawer-logo img { height: 54px !important; }


/* ============================================================
   MENU v2 — dark editorial mega menu, underline nav, dark drawer
   ============================================================ */

/* ---- Top-level nav: tracked caps with a crimson line that draws in ---- */
html body .dpra-hdr-nav { gap: 6px !important; margin-left: 28px !important; }
html body .dpra-nav-link {
  position: relative !important;
  padding: 10px 14px !important;
  font-family: var(--rd-ff-ui, 'Manrope', sans-serif) !important;
  font-size: 12px !important; font-weight: 800 !important;
  letter-spacing: .2em !important; text-transform: uppercase !important;
  color: var(--rd-ink-2) !important;
  background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  transition: color .2s !important;
}
html body .dpra-nav-link::before { display: none !important; }
html body .dpra-nav-link::after {
  content: '' !important; position: absolute !important;
  left: 14px !important; right: 14px !important; bottom: 2px !important; top: auto !important;
  width: auto !important; height: 2px !important;
  background: var(--rd-crimson) !important; border-radius: 0 !important; opacity: 1 !important;
  transform: scaleX(0) !important; transform-origin: left center !important;
  transition: transform .38s cubic-bezier(.16,1,.3,1) !important;
}
html body .dpra-nav-link:hover::after,
html body .dpra-nav-link.active::after,
html body .dpra-nav-item.mega-open > .dpra-nav-link::after { transform: scaleX(1) !important; }
html body .dpra-nav-link:hover,
html body .dpra-nav-item.mega-open > .dpra-nav-link { color: var(--rd-crimson) !important; }
html body .dpra-nav-link.sale { color: var(--rd-crimson) !important; }
html body .dpra-nav-chevron { font-size: 8px !important; margin-left: 7px !important; opacity: .55 !important; transition: transform .3s !important; }
html body .dpra-nav-item.mega-open .dpra-nav-chevron { transform: rotate(180deg) !important; opacity: 1 !important; }

/* ---- Mega panel: full-bleed ink sheet ---- */
html body .dpra-mega-panel {
  background: var(--rd-ink) !important;
  border: 0 !important; border-top: 1px solid rgba(243,238,230,.08) !important;
  border-bottom: 2px solid var(--rd-crimson) !important;
  box-shadow: 0 40px 80px -20px rgba(0,0,0,.55) !important;
  transform: translateY(-10px) !important;
  transition: opacity .28s ease, visibility .28s, transform .42s cubic-bezier(.16,1,.3,1) !important;
}
html body .dpra-mega-panel.open { transform: translateY(0) !important; }
html body .dpra-mega-inner {
  max-width: 1480px !important;
  padding: 44px 40px 48px !important;
  gap: 0 40px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) 210px 210px !important;
}
html body .dpra-mega-col { padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; }
html body .dpra-mega-col + .dpra-mega-col { border-left: 0 !important; }
html body .dpra-mega-col-head {
  display: flex !important; align-items: center !important; gap: 10px !important; width: 100% !important;
  margin: 0 0 18px !important; padding: 0 0 14px !important;
  border-bottom: 1px solid rgba(243,238,230,.12) !important;
  font-family: var(--rd-ff-mono, 'DM Mono', monospace) !important;
  font-size: 10.5px !important; font-weight: 500 !important;
  letter-spacing: .24em !important; text-transform: uppercase !important;
  color: var(--rd-on-dark-muted) !important;
}
html body .dpra-mega-col-head::before {
  content: '' !important; flex: 0 0 14px !important; height: 2px !important; background: var(--rd-crimson-bright) !important;
}
html body .dpra-mega-col > a {
  position: relative !important; display: inline-flex !important; align-items: center !important; gap: 10px !important;
  padding: 7px 0 !important; margin: 0 !important;
  font-family: var(--rd-ff-display) !important;
  font-size: 19px !important; font-weight: 400 !important; line-height: 1.25 !important; letter-spacing: -.005em !important;
  color: var(--rd-on-dark) !important; background: transparent !important; border: 0 !important; border-radius: 0 !important;
  text-decoration: none !important;
  transition: transform .3s cubic-bezier(.16,1,.3,1), color .2s !important;
}
html body .dpra-mega-col > a:hover { transform: translateX(8px) !important; color: #fff !important; background: transparent !important; }
html body .dpra-mega-col > a::before {
  content: '' !important; position: absolute !important; left: -18px !important; top: 50% !important;
  width: 10px !important; height: 1px !important; background: var(--rd-crimson-bright) !important;
  opacity: 0 !important; transition: opacity .2s !important;
}
html body .dpra-mega-col > a:hover::before { opacity: 1 !important; }
html body .dpra-mega-col > a.mega-viewall {
  margin-top: 14px !important; padding: 0 0 4px !important;
  font-family: var(--rd-ff-mono, 'DM Mono', monospace) !important;
  font-size: 10.5px !important; letter-spacing: .2em !important; text-transform: uppercase !important;
  color: var(--rd-on-dark-muted) !important;
  border-bottom: 1px solid rgba(243,238,230,.3) !important;
}
html body .dpra-mega-col > a.mega-viewall:hover { transform: none !important; color: #fff !important; border-bottom-color: var(--rd-crimson-bright) !important; }
html body .dpra-mega-col > a.mega-viewall::before { display: none !important; }
html body .dpra-mega-panel .mega-badge {
  font-family: var(--rd-ff-mono, 'DM Mono', monospace) !important;
  font-size: 8.5px !important; font-weight: 500 !important; letter-spacing: .16em !important; text-transform: uppercase !important;
  padding: 3px 6px 2px !important; border-radius: 2px !important; line-height: 1 !important;
  background: var(--rd-crimson) !important; color: #fff !important; border: 0 !important;
}
html body .dpra-mega-panel .mega-badge[style] { background: transparent !important; color: var(--rd-on-dark-muted) !important; box-shadow: inset 0 0 0 1px rgba(243,238,230,.28) !important; }

/* image cards */
html body .dpra-mega-cards-col { padding: 0 !important; }
html body .dpra-mega-card {
  border-radius: 2px !important; aspect-ratio: 4 / 5 !important; margin: 0 !important;
  background: var(--rd-ink-3) !important; box-shadow: none !important; border: 0 !important;
  transform: none !important;
}
html body .dpra-mega-card img {
  width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important;
  filter: saturate(.85) contrast(1.02) !important;
  transition: transform .9s cubic-bezier(.16,1,.3,1), filter .4s !important;
}
html body .dpra-mega-card:hover img { transform: scale(1.06) !important; filter: saturate(1) !important; }
html body .dpra-mega-card::after {
  content: '' !important; position: absolute !important; inset: 0 !important;
  background: linear-gradient(180deg, rgba(11,11,12,0) 45%, rgba(11,11,12,.82) 100%) !important; pointer-events: none !important;
}
html body .dpra-mega-card-label {
  position: absolute !important; left: 14px !important; right: 14px !important; bottom: 14px !important; top: auto !important; z-index: 2 !important;
  padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important;
  font-family: var(--rd-ff-display) !important; font-style: italic !important;
  font-size: 18px !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; text-align: left !important;
  color: #fff !important;
}
html body .dpra-mega-card-label::after {
  content: 'Shop now' !important; display: block !important; margin-top: 6px !important;
  font-family: var(--rd-ff-mono, 'DM Mono', monospace) !important; font-style: normal !important;
  font-size: 9.5px !important; letter-spacing: .22em !important; text-transform: uppercase !important;
  color: var(--rd-on-dark-muted) !important;
}
html body .dpra-mega-overlay.active { background: rgba(11,11,12,.55) !important; backdrop-filter: blur(3px) !important; -webkit-backdrop-filter: blur(3px) !important; }

/* small dropdown (non-mega items) */
html body .dpra-nav-dropdown {
  background: var(--rd-ink) !important; border: 0 !important; border-top: 2px solid var(--rd-crimson) !important;
  border-radius: 0 0 2px 2px !important; padding: 10px 0 !important; box-shadow: 0 24px 50px -12px rgba(0,0,0,.5) !important;
}
html body .dpra-nav-dropdown a { color: var(--rd-on-dark) !important; background: transparent !important; font-size: 13.5px !important; padding: 10px 22px !important; }
html body .dpra-nav-dropdown a:hover { background: rgba(243,238,230,.06) !important; color: #fff !important; }
html body .dpra-nav-dropdown a i { color: var(--rd-on-dark-muted) !important; }

/* ---- Header search: one border only ---- */
html body .dpra-hdr-search-form input,
html body .dpra-hdr-search-form input:focus,
html body .dpra-hdr-search-form input:focus-visible {
  border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important;
}
html body .dpra-hdr-search-form:focus-within { border-color: var(--rd-ink-2) !important; box-shadow: 0 0 0 3px rgba(17,17,20,.06) !important; }

/* logo can never spill out of the header bar */
html body .dpra-hdr-logo img { max-height: calc(var(--hdr-h) - 10px) !important; }

/* ---- Account: welcome banner CTA + small labels on ink ---- */
html body .acc-welcome-cta {
  position: relative; z-index: 1; flex-shrink: 0; display: inline-block;
  padding: 13px 26px; border-radius: var(--rd-r);
  background: var(--rd-on-dark); color: var(--rd-ink-2) !important;
  font-family: var(--rd-ff-ui, 'Manrope', sans-serif); font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase;
  text-decoration: none; white-space: nowrap; transition: background .2s, color .2s;
}
html body .acc-welcome-cta:hover { background: var(--rd-crimson); color: #fff !important; }
html body .acc-welcome-eyebrow { font-family: var(--rd-ff-mono, 'DM Mono', monospace); font-size: 11px; letter-spacing: .22em; text-transform: uppercase; color: var(--rd-on-dark-muted) !important; margin-bottom: 8px; }
html body .acc-sidebar-since { color: var(--rd-on-dark-muted) !important; }

/* ---- Mobile drawer: ink sheet ---- */
@media (max-width: 900px) {
  html body #dpraDrawer { background: var(--rd-ink) !important; color: var(--rd-on-dark) !important; border-right: 1px solid rgba(243,238,230,.08) !important; }
  html body #dpraDrawer .dpra-drawer-head,
  html body #dpraDrawer .dpra-drawer-scroll,
  html body #dpraDrawer .dpra-drawer-footer,
  html body #dpraDrawer .dpra-drawer-user-strip,
  html body #dpraDrawer .dpra-drawer-links,
  html body #dpraDrawer .dpra-drawer-cat,
  html body #dpraDrawer .dpra-drawer-cat-sub { background: transparent !important; border-color: rgba(243,238,230,.1) !important; }
  html body #dpraDrawer .dpra-drawer-head::after { background: linear-gradient(90deg, var(--rd-crimson-bright), rgba(220,36,48,0) 70%) !important; }
  html body #dpraDrawer .dpra-drawer-close { background: transparent !important; border: 1px solid rgba(243,238,230,.25) !important; color: var(--rd-on-dark) !important; border-radius: 50% !important; }
  html body #dpraDrawer .dpra-drawer-section-label {
    font-family: var(--rd-ff-mono, 'DM Mono', monospace) !important; font-size: 10px !important; letter-spacing: .24em !important; text-transform: uppercase !important;
    color: var(--rd-on-dark-muted) !important; background: transparent !important;
  }
  html body #dpraDrawer .dpra-drawer-cat-btn {
    background: transparent !important; color: var(--rd-on-dark) !important;
    font-family: var(--rd-ff-display) !important; font-size: 24px !important; font-weight: 400 !important; letter-spacing: -.01em !important; text-transform: none !important;
    padding: 16px 22px !important; border: 0 !important; border-bottom: 1px solid rgba(243,238,230,.1) !important;
  }
  html body #dpraDrawer .dpra-drawer-cat-btn i { color: var(--rd-on-dark-muted) !important; font-size: 12px !important; }
  html body #dpraDrawer .dpra-drawer-cat.open > .dpra-drawer-cat-btn { color: #fff !important; }
  html body #dpraDrawer .dpra-drawer-cat-sub a {
    color: var(--rd-on-dark-muted) !important; background: transparent !important;
    font-family: var(--rd-ff-ui, 'Manrope', sans-serif) !important; font-size: 14.5px !important; font-weight: 500 !important;
    padding: 11px 22px 11px 36px !important; border: 0 !important;
  }
  html body #dpraDrawer .dpra-drawer-cat-sub a:hover,
  html body #dpraDrawer .dpra-drawer-cat-sub a:active { color: #fff !important; }
  html body #dpraDrawer .dpra-drawer-sale-link {
    background: transparent !important; color: var(--rd-crimson-bright) !important;
    font-family: var(--rd-ff-display) !important; font-style: italic !important; font-size: 24px !important; font-weight: 400 !important;
    padding: 16px 22px !important; border: 0 !important; border-bottom: 1px solid rgba(243,238,230,.1) !important;
  }
  html body #dpraDrawer .dpra-drawer-links a {
    color: var(--rd-on-dark) !important; background: transparent !important; border-color: rgba(243,238,230,.08) !important;
    font-size: 14.5px !important;
  }
  html body #dpraDrawer .dpra-drawer-links a i { color: var(--rd-on-dark-muted) !important; }
  html body #dpraDrawer .dpra-drawer-user-info,
  html body #dpraDrawer .dpra-drawer-user-info * { color: var(--rd-on-dark) !important; }
  html body #dpraDrawer .dpra-drawer-user-avatar { background: var(--rd-ink-3) !important; color: var(--rd-on-dark) !important; border: 1px solid rgba(243,238,230,.2) !important; }
  html body #dpraDrawer .dpra-drawer-user-strip a,
  html body #dpraDrawer .dpra-drawer-user-strip button {
    background: transparent !important; color: var(--rd-on-dark) !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important;
    text-decoration: underline !important; text-underline-offset: 4px !important; text-decoration-color: var(--rd-crimson-bright) !important;
  }
  html body #dpraDrawer .dpra-drawer-footer-social a { color: var(--rd-on-dark) !important; background: transparent !important; border: 1px solid rgba(243,238,230,.25) !important; }
  html body #dpraDrawerOverlay.active { background: rgba(11,11,12,.6) !important; backdrop-filter: blur(3px) !important; }
}
@media (max-width: 900px) {
  html body #dpraDrawer .dpra-drawer-head { padding-top: 14px !important; padding-bottom: 14px !important; min-height: 72px !important; overflow: visible !important; }
  html body #dpraDrawer .dpra-drawer-logo img { height: 46px !important; }
  html body #dpraDrawer .dpra-drawer-cat-sub a[class] { color: var(--rd-on-dark) !important; opacity: 1 !important; }
}
/* placeholder text inside empty mega columns */
html body .dpra-mega-col > :not(a):not(.dpra-mega-col-head) { margin: 0 !important; padding: 6px 0 !important; text-align: left !important; align-self: flex-start !important; font-family: var(--rd-ff-mono, 'DM Mono', monospace) !important; font-size: 11px !important; letter-spacing: .14em !important; text-transform: uppercase !important; color: var(--rd-on-dark-muted) !important; background: transparent !important; border: 0 !important; height: auto !important; min-height: 0 !important; }