/* === DESIGNER LONDON v2 — LIGHT THEME === */
:root {
  --dl-bg: #FFFFFF;
  --dl-fg: #0A0A0A;
  --dl-muted: #6B6B6B;
  --dl-line: #E5E5E5;
  --dl-red: #E50914;
  --dl-red-deep: #B3000F;
  --dl-soft: #F5F5F5;
}

/* === Globals === */
html, body { background: #FFFFFF !important; color: #0A0A0A !important; }
body { font-family: 'Archivo', system-ui, sans-serif !important; }
body * { box-sizing: border-box; }

/* === Top promo bar (black with white scrolling text) === */
.dl-marquee { background: #0A0A0A !important; border-bottom: 1px solid #1F1F1F !important; }
.dl-marquee__item { color: #FFFFFF !important; }
.dl-marquee__sep { color: rgba(255,255,255,.4) !important; }

/* === Header === */
.site-header { background: #FFFFFF !important; border-bottom: 1px solid var(--dl-line) !important; }
.dl-header-inner { padding: 16px 28px !important; }
.dl-nav a { color: #0A0A0A !important; font-family: 'Archivo Narrow', sans-serif !important; font-weight: 600 !important; font-size: 13px !important; letter-spacing: .14em !important; text-transform: uppercase !important; padding: 6px 0 !important; }
.dl-nav a:hover { color: var(--dl-red) !important; }
.dl-nav a.active { border-bottom: 2px solid var(--dl-red) !important; }
.dl-utility a { color: #0A0A0A !important; font-family: 'Archivo Narrow', sans-serif !important; font-size: 12px !important; letter-spacing: .12em !important; }
.dl-utility a:hover { color: var(--dl-red) !important; }
.dl-mobile-nav summary { color: #0A0A0A !important; }
.dl-mobile-nav[open] > ul { background: #FFFFFF !important; border: 1px solid var(--dl-line) !important; box-shadow: 0 16px 32px rgba(0,0,0,.10) !important; }
.dl-mobile-nav[open] > ul li a { color: #0A0A0A !important; border-bottom: 1px solid var(--dl-line) !important; }
.dl-mobile-nav[open] > ul li a:hover { background: var(--dl-soft) !important; color: var(--dl-red) !important; }

/* === Hero (NEW: image-first like hype-style) === */
.dl-hero-3d, .dl-hero-img { background: #FFFFFF !important; color: #0A0A0A !important; padding: 0 !important; }
.dl-hero-img { position: relative; padding: 0 !important; }
.dl-hero-img__media { position: relative; width: 100%; aspect-ratio: 16/8; background: var(--dl-soft) center/cover no-repeat; overflow: hidden; }
.dl-hero-img__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.dl-hero-img__overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.35) 100%); display: flex; align-items: flex-end; padding: 48px 32px; }
.dl-hero-img__copy { color: #FFFFFF; max-width: 720px; }
.dl-hero-img__eyebrow { font-family: 'JetBrains Mono', monospace; font-size: 12px; letter-spacing: .22em; color: var(--dl-red); text-transform: uppercase; margin-bottom: 14px; }
.dl-hero-img__title { font-family: 'Archivo Narrow', sans-serif; font-weight: 900; font-size: clamp(40px, 6vw, 84px); line-height: .95; letter-spacing: -.02em; margin: 0 0 16px; text-transform: uppercase; }
.dl-hero-img__sub { font-size: 16px; line-height: 1.55; max-width: 540px; margin: 0 0 24px; opacity: .92; }
.dl-hero-img__cta { display: inline-flex; gap: 12px; flex-wrap: wrap; }

/* New BUTTONS — black/white/red */
.dl-btn { display: inline-block !important; padding: 14px 28px !important; font-family: 'Archivo Narrow', sans-serif !important; font-weight: 700 !important; font-size: 13px !important; letter-spacing: .14em !important; text-transform: uppercase !important; text-decoration: none !important; border: 1px solid transparent !important; transition: all .2s !important; cursor: pointer !important; }
.dl-btn--primary, .dl-btn--primary:visited { background: #0A0A0A !important; color: #FFFFFF !important; border-color: #0A0A0A !important; }
.dl-btn--primary:hover { background: var(--dl-red) !important; border-color: var(--dl-red) !important; color: #FFFFFF !important; }
.dl-btn--ghost, .dl-btn--ghost:visited { background: transparent !important; color: #FFFFFF !important; border-color: #FFFFFF !important; }
.dl-btn--ghost:hover { background: #FFFFFF !important; color: #0A0A0A !important; }

/* === Brand Logo Carousel (black logos on white scrolling RTL) === */
.dl-brands { background: #FFFFFF; padding: 36px 0; border-top: 1px solid var(--dl-line); border-bottom: 1px solid var(--dl-line); overflow: hidden; }
.dl-brands__title { text-align: center; font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: .25em; color: var(--dl-muted); text-transform: uppercase; margin: 0 0 22px; }
.dl-brands__strip { overflow: hidden; }
.dl-brands__track { display: flex; align-items: center; gap: 64px; animation: dl-brands 36s linear infinite; will-change: transform; padding-left: 64px; }
.dl-brands__item { flex: 0 0 auto; font-family: 'Archivo Narrow', sans-serif; font-weight: 900; font-size: 28px; letter-spacing: -.02em; color: #0A0A0A; text-transform: uppercase; opacity: .85; transition: opacity .2s; white-space: nowrap; }
.dl-brands__item:hover { opacity: 1; }
@keyframes dl-brands { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* === 3 Best sections (Sneakers / Abbigliamento / Accessori) === */
.dl-best { padding: 72px 28px; background: #FFFFFF; }
.dl-best__head { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; max-width: 1400px; margin: 0 auto 28px; flex-wrap: wrap; }
.dl-best__eyebrow { font-family: 'JetBrains Mono', monospace; font-size: 12px; letter-spacing: .2em; color: var(--dl-red); text-transform: uppercase; }
.dl-best__title { font-family: 'Archivo Narrow', sans-serif; font-weight: 900; font-size: clamp(32px, 5vw, 56px); margin: 6px 0; color: #0A0A0A; text-transform: uppercase; letter-spacing: -.01em; }
.dl-best__link, .dl-best__link:visited { font-family: 'Archivo Narrow', sans-serif; font-size: 13px; color: #0A0A0A; text-decoration: none; letter-spacing: .12em; border-bottom: 1px solid #0A0A0A; padding-bottom: 2px; text-transform: uppercase; }
.dl-best__link:hover { color: var(--dl-red); border-color: var(--dl-red); }
.dl-best + .dl-best { padding-top: 0; }

/* WooCommerce product grid (light cards) */
body ul.products { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 24px !important; list-style: none !important; padding: 0 28px !important; margin: 0 auto !important; max-width: 1400px !important; }
body ul.products li.product { width: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; background: transparent !important; }
body ul.products li.product img { aspect-ratio: 1/1; object-fit: cover; background: var(--dl-soft); width: 100%; }
body ul.products li.product .woocommerce-loop-product__title { color: #0A0A0A !important; font-family: 'Archivo Narrow', sans-serif !important; font-weight: 800 !important; font-size: 16px !important; text-transform: uppercase !important; letter-spacing: .01em !important; margin-top: 12px !important; text-decoration: none !important; }
body ul.products li.product .price { color: #0A0A0A !important; font-family: 'JetBrains Mono', monospace !important; font-size: 14px !important; margin-top: 4px !important; }
body ul.products li.product .button, body ul.products li.product a.button.add_to_cart_button {
  background: #0A0A0A !important; color: #FFFFFF !important; border-radius: 0 !important;
  font-family: 'Archivo Narrow', sans-serif !important; font-weight: 700 !important;
  letter-spacing: .12em !important; padding: 12px 18px !important; text-decoration: none !important;
  border: 1px solid #0A0A0A !important; margin-top: 8px !important;
}
body ul.products li.product .button:hover { background: var(--dl-red) !important; color: #fff !important; border-color: var(--dl-red) !important; }
body ul.products li.product .entry-meta, body ul.products li.product .meta-categories { display: none !important; }
@media (max-width: 1100px) { body ul.products { grid-template-columns: repeat(3, 1fr) !important; } }
@media (max-width: 760px) { body ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; } }
@media (max-width: 480px) { body ul.products { grid-template-columns: 1fr !important; } }

/* Single product (light) */
body.single-product { background: #FFFFFF !important; }
body.single-product .product_title, body.single-product h1 { color: #0A0A0A !important; }
body.single-product .price, body.single-product .stock { color: #0A0A0A !important; }
body.single-product .summary p, body.single-product .summary li { color: #2A2A2A !important; }
body.single-product .summary button.single_add_to_cart_button {
  background: #0A0A0A !important; color: #FFFFFF !important; border: 1px solid #0A0A0A !important;
  border-radius: 0 !important; font-family: 'Archivo Narrow', sans-serif !important;
  font-weight: 700 !important; letter-spacing: .14em !important; padding: 16px 28px !important;
  text-transform: uppercase !important;
}
body.single-product .summary button.single_add_to_cart_button:hover { background: var(--dl-red) !important; border-color: var(--dl-red) !important; color: #fff !important; }
body.single-product .quantity input.qty { background: #FFFFFF !important; color: #0A0A0A !important; border: 1px solid var(--dl-line) !important; }
body.single-product .woocommerce-tabs ul.tabs li a { color: #0A0A0A !important; }
body.single-product .woocommerce-tabs ul.tabs li.active a { color: var(--dl-red) !important; border-bottom: 2px solid var(--dl-red) !important; }
body.single-product .woocommerce-product-gallery { background: var(--dl-soft) !important; }

/* Cart / Checkout / Account (light) */
body.woocommerce-cart, body.woocommerce-checkout, body.woocommerce-account { background: #FFFFFF !important; color: #0A0A0A !important; }
body.woocommerce-cart h1, body.woocommerce-checkout h1, body.woocommerce-account h1 { color: #0A0A0A !important; }
body.woocommerce-cart table.shop_table { color: #0A0A0A !important; border: 1px solid var(--dl-line) !important; }
body.woocommerce-cart table.shop_table th, body.woocommerce-cart table.shop_table td { border-bottom: 1px solid var(--dl-line) !important; color: #0A0A0A !important; }
body.woocommerce-cart .cart_totals, body.woocommerce-checkout .woocommerce-checkout-review-order-table { background: var(--dl-soft) !important; color: #0A0A0A !important; border: 1px solid var(--dl-line) !important; }
body.woocommerce-cart .cart_totals h2, body.woocommerce-cart .cart_totals * { color: #0A0A0A !important; }
body.woocommerce-cart input[type=text], body.woocommerce-checkout input, body.woocommerce-account input,
body.woocommerce-cart select, body.woocommerce-checkout select, body.woocommerce-account select {
  background: #FFFFFF !important; color: #0A0A0A !important; border: 1px solid var(--dl-line) !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation { background: #FFFFFF !important; border: 1px solid var(--dl-line) !important; }
body.woocommerce-account .ct-side-account-info { background: #0A0A0A !important; color: #FFFFFF !important; }
body.woocommerce-account .ct-side-account-info img { background: #FFFFFF !important; }
body.woocommerce-account .woocommerce-MyAccount-navigation a { color: #0A0A0A !important; border-bottom: 1px solid var(--dl-line) !important; }
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { background: #0A0A0A !important; color: #FFFFFF !important; }
body.woocommerce-account .woocommerce-MyAccount-content a { color: var(--dl-red) !important; }

/* WooCommerce buttons general */
.woocommerce a.button, .woocommerce button.button, .woocommerce .button.alt {
  background: #0A0A0A !important; color: #FFFFFF !important; border-radius: 0 !important;
  font-family: 'Archivo Narrow', sans-serif !important; font-weight: 700 !important;
  letter-spacing: .12em !important; padding: 14px 24px !important; text-transform: uppercase !important;
  border: 1px solid #0A0A0A !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover { background: var(--dl-red) !important; border-color: var(--dl-red) !important; }

/* Page H1 polish (light theme version) */
body.page:not(.home) h1.entry-title, body.archive .woocommerce-products-header h1 {
  font-family: 'Archivo Narrow', sans-serif !important; font-weight: 900 !important;
  font-size: clamp(40px, 6vw, 72px) !important; text-transform: uppercase !important;
  letter-spacing: -.01em !important; color: #0A0A0A !important;
}
body.page .entry-content { color: #0A0A0A !important; }
body.page .entry-content p, body.page .entry-content li { color: #2A2A2A !important; }
body.page .entry-content a { color: var(--dl-red) !important; }
body.page .entry-content a:hover { color: var(--dl-red-deep) !important; }

/* === FAQ accordion === */
.dl-faq { padding: 72px 28px; background: var(--dl-soft); }
.dl-faq__inner { max-width: 900px; margin: 0 auto; }
.dl-faq__title { text-align: center; font-family: 'Archivo Narrow', sans-serif; font-weight: 900; font-size: clamp(32px, 5vw, 56px); margin: 0 0 12px; color: #0A0A0A; text-transform: uppercase; }
.dl-faq__sub { text-align: center; font-family: 'Archivo', sans-serif; font-size: 15px; color: var(--dl-muted); margin: 0 0 36px; }
.dl-faq__item { background: #FFFFFF; border: 1px solid var(--dl-line); margin-bottom: 8px; overflow: hidden; }
.dl-faq__item summary { list-style: none; padding: 18px 24px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; font-family: 'Archivo Narrow', sans-serif; font-weight: 700; font-size: 16px; color: #0A0A0A; text-transform: uppercase; letter-spacing: .02em; }
.dl-faq__item summary::-webkit-details-marker { display: none; }
.dl-faq__item summary::after { content: '+'; font-size: 22px; font-weight: 300; transition: transform .2s; color: var(--dl-red); }
.dl-faq__item[open] summary::after { transform: rotate(45deg); }
.dl-faq__item[open] summary { border-bottom: 1px solid var(--dl-line); }
.dl-faq__body { padding: 18px 24px; font-family: 'Archivo', sans-serif; font-size: 15px; line-height: 1.6; color: #2A2A2A; }
.dl-faq__body p { margin: 0 0 12px; }
.dl-faq__body p:last-child { margin: 0; }

/* === Newsletter (light variant) === */
.dl-nlsec { background: #0A0A0A !important; color: #FFFFFF !important; padding: 80px 28px !important; text-align: center !important; }
.dl-nlsec__title { color: #FFFFFF !important; }
.dl-nlsec__sub { color: rgba(255,255,255,.7) !important; }
.dl-nlsec__form input { background: rgba(255,255,255,.08) !important; color: #FFFFFF !important; border-color: rgba(255,255,255,.25) !important; }
.dl-nlsec__form input::placeholder { color: rgba(255,255,255,.55) !important; }
.dl-nlsec__form button { background: var(--dl-red) !important; color: #FFFFFF !important; border-color: var(--dl-red) !important; }
.dl-nlsec__form button:hover { background: #FFFFFF !important; color: #0A0A0A !important; border-color: #FFFFFF !important; }
.dl-nlsec__fineprint { color: rgba(255,255,255,.5) !important; }

/* === Footer (kept dark for contrast) === */
.site-footer.dl-footer { background: #0A0A0A !important; color: #FFFFFF !important; border-top: 0 !important; }
.dl-social-bar { border-bottom-color: rgba(255,255,255,.1) !important; }
.dl-social-btn { background: transparent !important; color: #FFFFFF !important; border-color: rgba(255,255,255,.2) !important; }
.dl-footer-col h4 { color: rgba(255,255,255,.55) !important; }
.dl-footer-col a { color: #FFFFFF !important; }
.dl-footer-col a:hover { color: var(--dl-red) !important; }
.dl-footer-meta, .dl-footer-copy, .dl-footer-pay { color: rgba(255,255,255,.5) !important; }
.dl-footer-meta { border-top-color: rgba(255,255,255,.1) !important; }

/* === WhatsApp floating button === */
.dl-whatsapp-fab { position: fixed; right: 20px; bottom: 20px; width: 58px; height: 58px; border-radius: 50%; background: #25D366; color: #FFFFFF; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 8px 28px rgba(37, 211, 102, .35), 0 4px 12px rgba(0,0,0,.18); z-index: 9999; transition: transform .2s, box-shadow .2s; text-decoration: none; }
.dl-whatsapp-fab:hover { transform: scale(1.08); box-shadow: 0 12px 36px rgba(37, 211, 102, .55), 0 6px 16px rgba(0,0,0,.22); }
.dl-whatsapp-fab svg { width: 30px; height: 30px; }
.dl-whatsapp-fab__pulse { position: absolute; inset: -6px; border-radius: 50%; border: 2px solid rgba(37, 211, 102, .5); animation: dl-wapulse 2s ease-out infinite; pointer-events: none; }
@keyframes dl-wapulse { 0% { transform: scale(.85); opacity: 1 } 100% { transform: scale(1.4); opacity: 0 } }
@media (max-width: 480px) { .dl-whatsapp-fab { width: 52px; height: 52px; right: 14px; bottom: 14px } .dl-whatsapp-fab svg { width: 26px; height: 26px } }

/* Hide old hero 3D crown if visible somewhere */
.dl-hero-3d__title, .dl-hero-3d__sub, .dl-hero-3d__eyebrow, .dl-hero-3d__cta, .dl-crown-stage, .dl-pillars { /* keep but apply light styles */ color: #0A0A0A !important; background: transparent !important; }
.dl-pillars { padding: 48px 28px !important; background: var(--dl-soft) !important; border-top: 1px solid var(--dl-line) !important; border-bottom: 1px solid var(--dl-line) !important; }
.dl-pillar h3 { color: #0A0A0A !important; }
.dl-pillar p { color: var(--dl-muted) !important; }
.dl-pillar__num { color: var(--dl-red) !important; }

/* Featured section old (compatibility) */
.dl-featured__title, .dl-featured__link { color: #0A0A0A !important; }
.dl-featured__link { border-bottom-color: #0A0A0A !important; }
.dl-featured__link:hover { color: var(--dl-red) !important; border-color: var(--dl-red) !important; }
.dl-featured { background: #FFFFFF !important; }

/* Mobile polish */
@media (max-width: 480px) {
  .dl-hero-img__overlay { padding: 28px 20px; }
  .dl-best { padding: 56px 16px; }
  .dl-faq { padding: 56px 16px; }
  .dl-marquee__item { font-size: 11px !important; letter-spacing: .12em !important; }
}

/* === FIX hero overlay text color (must be white over dark image) === */
html body .dl-hero-img__title { color: #FFFFFF !important; text-shadow: 0 2px 12px rgba(0,0,0,.5); }
html body .dl-hero-img__sub { color: rgba(255,255,255,.92) !important; }
html body .dl-hero-img__copy { color: #FFFFFF !important; }
html body .dl-hero-img .dl-btn--primary { background: #FFFFFF !important; color: #0A0A0A !important; border-color: #FFFFFF !important; }
html body .dl-hero-img .dl-btn--primary:hover { background: #E50914 !important; color: #FFFFFF !important; border-color: #E50914 !important; }
html body .dl-hero-img .dl-btn--ghost { background: transparent !important; color: #FFFFFF !important; border-color: #FFFFFF !important; }
html body .dl-hero-img .dl-btn--ghost:hover { background: #FFFFFF !important; color: #0A0A0A !important; border-color: #FFFFFF !important; }

/* === Hide entry-header / Home title on home page === */
body.home .entry-header, body.page-id-71 .entry-header,
body.home h1.entry-title, body.page-id-71 h1.entry-title { display: none !important; }
body.home .entry-content, body.page-id-71 .entry-content { padding: 0 !important; max-width: none !important; margin: 0 !important; }

/* === Generic page link colour fix (was overriding buttons) === */
body.page .entry-content a.dl-btn { color: inherit !important; }
body.home .entry-content a.dl-btn,
body.home .entry-content a.dl-btn:hover { color: inherit !important; }
body.home .dl-btn--primary { background: #0A0A0A !important; color: #FFFFFF !important; border-color: #0A0A0A !important; }
body.home .dl-btn--primary:hover { background: #E50914 !important; border-color: #E50914 !important; color: #FFFFFF !important; }

/* Fix entry-content link color override breaking buttons */
body .entry-content .dl-btn { text-decoration: none !important; }
body .entry-content .dl-btn--primary { color: #FFFFFF !important; }
body .entry-content .dl-btn--ghost { color: inherit !important; }
body .entry-content a:not(.dl-btn):not(.dl-best__link):not(.dl-courier):not(.dl-social-btn) { color: #E50914; }

/* === Track Order page polish === */
body.page-id-223 .entry-header { display: none !important; }
body.page-id-223 .entry-content { padding: 0 !important; max-width: none !important; }

/* === Footer copyright/pay legibility on dark === */
.dl-footer-meta { color: rgba(255,255,255,.55) !important; }


/* Specificity hot-fix for hero button */
html body.home .dl-hero-img .dl-btn--primary,html body.page-id-71 .dl-hero-img .dl-btn--primary{background:#FFFFFF !important;color:#0A0A0A !important;border-color:#FFFFFF !important}
html body.home .dl-hero-img .dl-btn--primary:hover,html body.page-id-71 .dl-hero-img .dl-btn--primary:hover{background:#E50914 !important;color:#FFFFFF !important;border-color:#E50914 !important}


/* === HEADER v3: dark bar, logo left, nav center, icons right === */
.site-header.dl-header--dark {
  background: #0A0A0A !important;
  border-bottom: 1px solid #1F1F1F !important;
  position: sticky; top: 0; z-index: 40;
}
.site-header.dl-header--dark .dl-header-inner {
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  gap: 24px !important;
  max-width: 1500px !important;
  margin: 0 auto !important;
  padding: 14px 28px !important;
}
.site-header.dl-header--dark .dl-header-left {
  display: flex; align-items: center; gap: 16px;
}
.site-header.dl-header--dark .dl-logo-h img { height: 56px !important; width: auto !important; display: block; }

/* Nav center, white text */
.site-header.dl-header--dark .dl-nav {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 32px !important;
}
.site-header.dl-header--dark .dl-nav a {
  color: #FFFFFF !important;
  font-family: 'Archivo Narrow', sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  padding: 6px 0 !important;
  position: relative;
}
.site-header.dl-header--dark .dl-nav a:hover { color: #E50914 !important; }
.site-header.dl-header--dark .dl-nav a.active { border-bottom: 2px solid #E50914 !important; }

/* Right icons, white stroke */
.site-header.dl-header--dark .dl-utility {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 18px !important;
}
.site-header.dl-header--dark .dl-utility .dl-ico,
.site-header.dl-header--dark .dl-utility a {
  color: #FFFFFF !important;
  display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px;
  position: relative;
  text-decoration: none !important;
}
.site-header.dl-header--dark .dl-utility a:hover { color: #E50914 !important; }
.site-header.dl-header--dark .dl-utility .dl-cart-link { width: auto; padding-right: 4px; }
.site-header.dl-header--dark .dl-utility .dl-bag-count {
  position: absolute; top: -4px; right: -8px;
  background: #E50914; color: #FFFFFF;
  font-family: 'JetBrains Mono', monospace; font-size: 10px; font-weight: 700;
  min-width: 18px; height: 18px;
  border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  padding: 0 5px;
  letter-spacing: 0;
  line-height: 1;
}

/* Mobile hamburger color in dark header */
.site-header.dl-header--dark .dl-mobile-nav summary { color: #FFFFFF !important; }

/* Mobile responsive: hide center nav, show hamburger */
@media (max-width: 900px) {
  .site-header.dl-header--dark .dl-header-inner { grid-template-columns: auto 1fr auto !important; gap: 12px !important; padding: 12px 16px !important; }
  .site-header.dl-header--dark .dl-nav { display: none !important; }
  .site-header.dl-header--dark .dl-mobile-nav { display: inline-block !important; }
  .site-header.dl-header--dark .dl-logo-h img { height: 44px !important; }
  .site-header.dl-header--dark .dl-utility { gap: 14px !important; }
}
@media (min-width: 901px) {
  .site-header.dl-header--dark .dl-mobile-nav { display: none !important; }
}

/* === Restore old CSS that conflicts (the body.* rules from earlier) === */
body .site-header.dl-header--dark .dl-nav a { color: #FFFFFF !important; }
body .site-header.dl-header--dark .dl-utility a { color: #FFFFFF !important; }


/* DL_HERO_TEXT_OVERRIDE */
html body.home #dlHero .dl-hero-img__title { color: #FFFFFF !important; text-shadow: 0 2px 12px rgba(0,0,0,.6); }
html body.home #dlHero .dl-hero-img__sub { color: #F2F2F2 !important; opacity: 1 !important; text-shadow: 0 1px 8px rgba(0,0,0,.85); font-weight: 500; }
html body.home #dlHero .dl-hero-img__eyebrow { color: #E50914 !important; text-shadow: 0 1px 6px rgba(0,0,0,.7); letter-spacing: 2px; }


/* DL_BRAND_LOGOS_V1 */
/* Brand strip + marquee */
.dl-brand-strip { background:#FFFFFF; padding:36px 0 44px; border-bottom:1px solid #EEE; overflow:hidden; }
.dl-brand-strip__label { text-align:center; font-size:11px; letter-spacing:3px; color:#666; margin-bottom:24px; text-transform:uppercase; }
.dl-brand-marquee { width:100%; overflow:hidden; mask-image: linear-gradient(90deg, transparent 0, #000 80px, #000 calc(100% - 80px), transparent 100%); -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 80px, #000 calc(100% - 80px), transparent 100%); }
.dl-brand-track { display:flex; gap:56px; align-items:center; width:max-content; animation: dl-brand-scroll 70s linear infinite; }
.dl-brand-marquee:hover .dl-brand-track { animation-play-state: paused; }
@keyframes dl-brand-scroll { from { transform:translateX(0); } to { transform: translateX(-50%); } }

/* Base brand pill */
.dl-brand-logo { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; height:54px; padding:0 18px; color:#0A0A0A; font-family:'Helvetica Neue', Arial, sans-serif; font-weight:800; letter-spacing:1px; font-size:22px; white-space:nowrap; user-select:none; transition: transform .2s ease, opacity .2s ease; }
.dl-brand-logo:hover { transform: translateY(-2px); }

/* Brand-specific stylings - typographic interpretation, not original logos */
.b-nike { font-style:italic; font-weight:900; letter-spacing:2px; }
.b-jordan { font-weight:900; font-style:italic; letter-spacing:3px; }
.b-adidas { font-weight:900; letter-spacing:2px; text-transform:lowercase; font-size:24px; }
.b-nb { font-weight:300; letter-spacing:4px; font-size:18px; }
.b-yeezy { font-weight:200; letter-spacing:8px; font-size:18px; }
.b-asics { font-weight:900; letter-spacing:1px; }
.b-salomon { font-weight:300; letter-spacing:3px; }
.b-supreme { background:#DA0000; color:#FFFFFF; font-style:italic; font-weight:900; padding:6px 16px; font-size:24px; border-radius:1px; }
.b-palm { font-family: 'Times New Roman', Georgia, serif; font-weight:400; font-style:italic; font-size:26px; letter-spacing:0; text-transform:none; }
.b-off { font-weight:900; letter-spacing:2px; }
.b-off::before, .b-off::after { content:'"'; margin:0 4px; font-weight:900; }
.b-stone { font-weight:300; letter-spacing:5px; font-size:16px; text-transform:uppercase; }
.b-ess { font-weight:300; letter-spacing:3px; font-size:18px; text-transform:uppercase; }
.b-balen { font-weight:300; letter-spacing:4px; font-size:18px; }
.b-amiri { font-family: Georgia, serif; font-style:italic; font-weight:400; letter-spacing:6px; font-size:20px; }
.b-prada { font-family: Georgia, serif; font-weight:400; letter-spacing:4px; font-size:24px; }
.b-miu { font-family: Georgia, serif; font-weight:400; font-size:24px; letter-spacing:1px; text-transform:lowercase; font-style:italic; }
.b-bottega { font-family: Georgia, serif; font-weight:400; letter-spacing:2px; font-size:20px; }
.b-loewe { font-weight:900; letter-spacing:8px; font-size:20px; }
.b-chrome { font-family: Georgia, serif; font-weight:700; font-size:18px; letter-spacing:1px; text-transform:uppercase; }
.b-stussy { font-style:italic; font-weight:900; transform: skewX(-6deg); font-size:24px; }
.b-bape { font-weight:900; letter-spacing:2px; font-size:22px; }
.b-cdg { font-weight:300; letter-spacing:3px; font-size:16px; }
.b-fog { font-family: Georgia, serif; font-weight:400; letter-spacing:6px; font-size:16px; }
.b-tnf { font-weight:900; letter-spacing:1px; font-size:18px; line-height:1; }
.b-hellstar { font-weight:900; font-style:italic; font-size:24px; letter-spacing:1px; }
.b-spider { font-weight:900; font-size:24px; letter-spacing:0; text-transform:lowercase; }
.b-ksubi { font-family: 'Brush Script MT', cursive; font-weight:400; font-size:30px; letter-spacing:0; text-transform:lowercase; }
.b-purple { font-weight:300; letter-spacing:6px; font-size:20px; }
.b-trap { font-weight:900; letter-spacing:3px; font-size:18px; }

@media (max-width:900px){
  .dl-brand-logo { height:44px; font-size:18px; padding:0 12px; }
  .dl-brand-track { gap:32px; animation-duration: 50s; }
  .b-supreme,.b-palm,.b-amiri,.b-prada,.b-miu,.b-bottega,.b-stussy,.b-bape,.b-hellstar,.b-spider,.b-ksubi { font-size:20px; }
}


/* DL_BRAND_LOGOS_V2 */
.b-nocta{font-weight:300;letter-spacing:6px;font-size:18px}
.b-corteiz{font-weight:900;font-style:italic;letter-spacing:1px}
.b-gallery{font-weight:300;letter-spacing:5px;font-size:16px}
.b-rhude{font-family:Georgia,serif;font-weight:400;letter-spacing:6px;font-size:18px}
.b-syna{font-weight:900;letter-spacing:2px;font-size:20px}
.b-casa{font-family:Georgia,serif;font-weight:400;letter-spacing:3px;font-size:20px}
.b-ami{font-weight:300;letter-spacing:4px;font-size:18px}
.b-polo{font-family:Georgia,serif;font-weight:700;letter-spacing:1px;font-size:18px}
.b-lacoste{font-weight:900;letter-spacing:2px;font-size:22px}
.b-gcds{font-weight:900;letter-spacing:3px;font-size:24px}
.b-cp{font-weight:300;letter-spacing:6px;font-size:16px}
.b-gucci{font-family:Georgia,serif;font-weight:400;letter-spacing:2px;font-size:24px}
.b-dior{font-family:Georgia,serif;font-weight:300;letter-spacing:3px;font-size:24px}
.b-lv{font-weight:900;letter-spacing:6px;font-size:18px}
.b-burb{font-family:Georgia,serif;font-weight:400;letter-spacing:3px;font-size:20px}
.b-ysl{font-weight:900;letter-spacing:6px;font-size:18px}
.b-giv{font-weight:300;letter-spacing:6px;font-size:18px}
.b-celine{font-family:Georgia,serif;font-weight:400;letter-spacing:6px;font-size:18px;text-transform:uppercase}
.b-jacq{font-weight:900;letter-spacing:1px;font-size:22px;text-transform:uppercase}
.b-marni{font-weight:900;letter-spacing:3px;font-size:22px}
.b-gg{font-family:Georgia,serif;font-weight:400;letter-spacing:1px;font-size:18px;font-style:italic}
.b-loro{font-family:Georgia,serif;font-weight:400;letter-spacing:3px;font-size:20px}
.b-versace{font-family:Georgia,serif;font-weight:700;letter-spacing:6px;font-size:16px;text-transform:uppercase}
.b-vale{font-family:Georgia,serif;font-weight:400;letter-spacing:8px;font-size:16px}
.b-canada{font-weight:900;letter-spacing:2px;font-size:18px}
.b-moose{font-weight:900;letter-spacing:2px;font-size:18px}
@media (max-width:900px){.dl-brand-track{animation-duration:90s}}


/* DL_BRAND_IMG_V1 */
.dl-brand-logo.dl-brand-img{padding:0 8px;height:54px;width:auto;display:inline-flex;align-items:center;justify-content:center}
.dl-brand-img img{display:block;height:46px;width:auto;max-width:140px;object-fit:contain;mix-blend-mode:multiply;opacity:.95;transition:opacity .25s ease,transform .25s ease}
.dl-brand-img:hover img{opacity:1;transform:translateY(-2px)}
@media (max-width:900px){.dl-brand-img img{height:36px;max-width:110px}.dl-brand-logo.dl-brand-img{height:44px}}


/* DL_BRAND_IMG_V2 */
.dl-brand-strip{background:#FFFFFF !important}
.dl-brand-img img{mix-blend-mode:multiply;filter:contrast(1.05) saturate(0)}


/* DL_MEGA_BRANDS_V1 */
.dl-nav-mega{position:relative}
.dl-nav-mega>a::after{content:"▾";font-size:9px;margin-left:6px;opacity:.7;position:relative;top:-1px}
.dl-mega{position:fixed;left:0;right:0;top:auto;background:#FFFFFF;color:#0A0A0A;border-top:1px solid #1F1F1F;border-bottom:1px solid #EEE;box-shadow:0 12px 40px rgba(0,0,0,.18);padding:36px 48px 44px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:50}
.dl-nav-mega:hover .dl-mega,.dl-nav-mega:focus-within .dl-mega{opacity:1;visibility:visible;transform:translateY(0)}
.dl-mega-cols{display:grid;grid-template-columns:repeat(7,1fr);gap:36px;max-width:1500px;margin:0 auto}
.dl-mega-col{display:flex;flex-direction:column;gap:24px}
.dl-mega-letter{font-size:24px;font-weight:600;color:#0A0A0A;letter-spacing:1px;border-bottom:1px solid #0A0A0A;padding-bottom:6px;width:18px;line-height:1}
.dl-mega-list{list-style:none;padding:0;margin:8px 0 0}
.dl-mega-list li{margin:6px 0}
.dl-mega-list a{color:#0A0A0A !important;text-decoration:none !important;font-size:13px;letter-spacing:.3px;font-weight:400;transition:color .15s ease;text-transform:none !important}
.dl-mega-list a:hover{color:#E50914 !important}
@media (max-width:1100px){.dl-mega-cols{grid-template-columns:repeat(5,1fr);gap:24px}.dl-mega{padding:28px}}
@media (max-width:900px){.dl-mega{display:none !important}.dl-nav-mega>a::after{display:none}}


/* DL_MEGA_FIX_V1 */
.site-header.dl-header--dark .dl-nav .dl-mega-list a,html body .dl-mega-list a{color:#0A0A0A !important;font-weight:400 !important;text-transform:none !important;letter-spacing:.3px !important}
.site-header.dl-header--dark .dl-nav .dl-mega-list a:hover,html body .dl-mega-list a:hover{color:#E50914 !important}
.site-header.dl-header--dark .dl-nav .dl-mega-letter,html body .dl-mega-letter{color:#0A0A0A !important;font-weight:600 !important;font-size:24px !important;text-transform:uppercase !important}


/* DL_BRAND_TYPOGRAPHY_V2 */
/* fonts moved to wp_head with preconnect+swap */
.dl-brand-logo{font-family:Inter,Arial,sans-serif}
/* Refined fallback brand typography */
.b-supreme{background:#DA0000;color:#FFFFFF !important;font-family:"Bodoni Moda",Georgia,serif !important;font-style:italic;font-weight:900;padding:6px 14px;font-size:24px;letter-spacing:.5px;border-radius:1px}
.b-palm{font-family:"UnifrakturMaguntia","Times New Roman",serif !important;font-weight:400;font-size:32px;letter-spacing:0;text-transform:none;line-height:1}
.b-off{font-family:Inter,Arial,sans-serif;font-weight:900;letter-spacing:1px;font-size:18px}
.b-off::before,.b-off::after{content:""";margin:0 4px;font-weight:900}
.b-ess{font-family:Inter,Arial,sans-serif;font-weight:300;letter-spacing:4px;font-size:16px;text-transform:uppercase}
.b-bape{font-family:Inter,Arial,sans-serif;font-weight:900;letter-spacing:2px;font-size:22px;font-style:italic}
.b-fog{font-family:"DM Serif Display",Georgia,serif !important;font-weight:400;letter-spacing:6px;font-size:18px;text-transform:uppercase}
.b-hellstar{font-family:"Bodoni Moda",Georgia,serif !important;font-weight:900;font-style:italic;font-size:26px;letter-spacing:.5px}
.b-spider{font-family:Inter,Arial,sans-serif;font-weight:900;font-size:26px;letter-spacing:0;text-transform:lowercase;font-style:italic}
.b-purple{font-family:Inter,Arial,sans-serif;font-weight:300;letter-spacing:8px;font-size:20px;text-transform:uppercase}
.b-trap{font-family:Inter,Arial,sans-serif;font-weight:900;letter-spacing:3px;font-size:20px;text-transform:uppercase}
.b-corteiz{font-family:Inter,Arial,sans-serif;font-weight:900;font-style:italic;letter-spacing:1px;font-size:22px}
.b-gallery{font-family:Inter,Arial,sans-serif;font-weight:300;letter-spacing:5px;font-size:14px;text-transform:uppercase}
.b-rhude{font-family:"Cormorant Garamond",Georgia,serif !important;font-weight:400;letter-spacing:8px;font-size:22px;text-transform:uppercase}
.b-syna{font-family:Inter,Arial,sans-serif;font-weight:900;letter-spacing:2px;font-size:22px;text-transform:uppercase}
.b-casa{font-family:"DM Serif Display",Georgia,serif !important;font-weight:400;letter-spacing:3px;font-size:22px;text-transform:uppercase}
.b-ami{font-family:Inter,Arial,sans-serif;font-weight:300;letter-spacing:6px;font-size:16px;text-transform:uppercase}
.b-amiri{font-family:"Cormorant Garamond",Georgia,serif !important;font-style:italic;font-weight:400;letter-spacing:8px;font-size:22px;text-transform:uppercase}
.b-jacq{font-family:Inter,Arial,sans-serif;font-weight:900;letter-spacing:1px;font-size:24px;text-transform:uppercase}
.b-marni{font-family:Inter,Arial,sans-serif;font-weight:900;letter-spacing:4px;font-size:24px;text-transform:uppercase}
.b-gg{font-family:"Cormorant Garamond",Georgia,serif !important;font-weight:400;letter-spacing:2px;font-size:18px;font-style:italic;text-transform:capitalize}
.b-nocta{font-family:Inter,Arial,sans-serif;font-weight:300;letter-spacing:8px;font-size:20px;text-transform:uppercase}


/* DL_AUDIT_FIX_V1 */
/* Reduce gap between hero and brand carousel + tighten home sections */
body.home .dl-hero,body.home .dl-hero-img{margin-bottom:0 !important}
body.home .dl-brand-strip{margin-top:0 !important;padding-top:28px !important;padding-bottom:32px !important}
.dl-brand-strip__label{margin-bottom:18px !important}
/* Brand archive page: reduce huge gap between h1 and product grid */
.tax-dl_brand .page-title,.tax-dl_brand .archive-title,.tax-dl_brand h1.entry-title,.taxonomy-dl_brand .page-title{padding:32px 0 16px !important;margin-bottom:0 !important;text-align:center;font-size:48px}
.tax-dl_brand .term-description,.taxonomy-dl_brand .term-description{margin-bottom:24px}
.tax-dl_brand .products,.tax-dl_brand ul.products,.taxonomy-dl_brand ul.products{margin-top:0 !important;padding-top:24px !important}
/* Best-of home sections: ensure 4-col grid and equal product cards */
body.home .woocommerce ul.products{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:24px !important}
@media(max-width:900px){body.home .woocommerce ul.products{grid-template-columns:repeat(2,1fr) !important;gap:16px !important}}
/* Mobile header polish: tighter spacing, hide nav, show hamburger */
@media(max-width:900px){.site-header.dl-header--dark .dl-header-inner{padding:10px 14px !important;grid-template-columns:auto 1fr auto !important;gap:8px !important}.dl-logo-img img{height:32px !important}.dl-utility{gap:14px}.dl-utility .dl-ico svg{width:22px;height:22px}.dl-mobile-nav{display:inline-flex !important;font-size:22px;padding:0 8px}.dl-marquee{font-size:11px !important}}
@media(max-width:480px){.dl-hero-img__title,.dl-hero h1,#dlHero h1{font-size:34px !important;line-height:1.05 !important}.dl-hero-img__sub{font-size:13px !important}.dl-hero-img,#dlHero{min-height:420px !important;padding:32px 20px !important}}


/* DL_HERO_FULLBLEED_V1 */
.dl-hero-fullbleed{display:block;width:100vw;margin-left:calc(50% - 50vw);height:calc(100vh - 60px);min-height:480px;max-height:1000px;overflow:hidden;background:#0A0A0A;position:relative}
.dl-hero-fullbleed__link{display:block;width:100%;height:100%;text-decoration:none}
.dl-hero-fullbleed img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
@media(max-width:900px){.dl-hero-fullbleed{height:calc(100vh - 90px);min-height:520px;max-height:none}.dl-hero-fullbleed img{object-position:center center}}
@media(max-width:480px){.dl-hero-fullbleed{height:calc(100svh - 80px);min-height:480px}}
/* Reduce body padding above hero */
body.home .entry-content,body.home .ct-container,body.home main{padding-top:0 !important;margin-top:0 !important}
body.home .dl-hero-fullbleed{margin-top:0 !important}


/* DL_HERO_FULLBLEED_V2 */
/* Force full-bleed hero on home: break out of all theme containers */
body.home article.post-71{max-width:none !important;margin:0 !important;padding:0 !important}
body.home article.post-71 .entry-content{max-width:none !important;padding:0 !important;margin:0 !important}
body.home .ct-container-full{padding:0 !important;max-width:none !important}
body.home .ct-container{max-width:none !important;padding-left:0 !important;padding-right:0 !important}
body.home #main,body.home main{padding:0 !important;margin:0 !important;max-width:none !important}
body.home main>article{padding:0 !important;margin:0 !important}
.dl-hero-fullbleed{width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;height:calc(100vh - 110px);min-height:540px;max-height:1000px;overflow:hidden;background:#0A0A0A;display:block;position:relative}
.dl-hero-fullbleed__link{display:block;width:100%;height:100%;text-decoration:none}
.dl-hero-fullbleed img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
/* Restore container padding for sections AFTER hero */
.dl-hero-fullbleed ~ section,.dl-hero-fullbleed + .dl-brand-strip,.dl-hero-fullbleed ~ *{}
body.home .dl-brand-strip{margin-left:0 !important;margin-right:0 !important;width:100% !important}
body.home .dl-brand-strip__label,body.home .woocommerce,body.home section[aria-label],body.home #dlFAQ{padding-left:max(24px,calc(50% - 700px)) !important;padding-right:max(24px,calc(50% - 700px)) !important}
body.home .dl-brand-strip{padding-left:0 !important;padding-right:0 !important}
@media(max-width:900px){.dl-hero-fullbleed{height:calc(100vh - 100px);min-height:480px}}


/* DL_BRAND_LOGOS_FAVICON_V1 */
/* New brand logos use Google FaviconV2 - colored, no filter, square aspect */
html body .dl-brand-img img{filter:none !important;mix-blend-mode:normal !important;height:54px !important;width:54px !important;max-width:54px !important;object-fit:contain !important;background:transparent !important;border-radius:8px;opacity:.85;transition:opacity .25s ease,transform .25s ease}
html body .dl-brand-img:hover img{opacity:1;transform:scale(1.08)}
html body .dl-brand-img{padding:0 14px !important;height:60px !important}
@media(max-width:900px){html body .dl-brand-img img{height:40px !important;width:40px !important;max-width:40px !important}}


/* DL_LOGO_CLS_FIX_V1 */
/* Lock logo dimensions to prevent CLS - aspect-ratio fallback when img has no width/height */
html body .dl-logo-img,
html body .dl-logo-img a,
html body .site-header .dl-logo-img {
  display: inline-block;
  width: 200px;
  height: auto;
  aspect-ratio: 200/124;
}
html body .dl-logo-img img,
html body .site-header .dl-logo-img img,
html body .dl-footer-logo img {
  width: 200px !important;
  height: auto !important;
  max-height: 124px;
  aspect-ratio: 200/124;
  object-fit: contain;
  display: block;
}
@media(max-width:900px) {
  html body .dl-logo-img img,
  html body .site-header .dl-logo-img img {
    width: 140px !important;
    max-height: 88px;
  }
}