/* iPodil storefront dark mode refactor.
   Loaded as the final stylesheet. Avoids broad [class*=hero/card] rules so slider media stays visible. */

:root[data-theme="dark"] {
    color-scheme: dark;
    --dark: #f8fbff;
    --muted: #aebbd2;
    --card: rgba(15, 23, 42, .94);
    --card-solid: #0f172a;
    --border: rgba(148, 163, 184, .22);
    --blue-soft: rgba(59, 115, 255, .18);
    --orange-soft: rgba(255, 122, 0, .12);

    --dm-page: #050914;
    --dm-page-2: #0a1020;
    --dm-surface: #0f172a;
    --dm-surface-2: #111c33;
    --dm-surface-3: #17233b;
    --dm-line: rgba(148, 163, 184, .22);
    --dm-line-strong: rgba(191, 219, 254, .34);
    --dm-text: #f8fbff;
    --dm-text-2: #dce7fb;
    --dm-muted: #b5c2d9;
    --dm-primary: #3b73ff;
    --dm-primary-2: #6da1ff;
    --dm-shadow: 0 22px 70px rgba(0, 0, 0, .48);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        color-scheme: dark;
        --dark: #f8fbff;
        --muted: #aebbd2;
        --card: rgba(15, 23, 42, .94);
        --card-solid: #0f172a;
        --border: rgba(148, 163, 184, .22);
        --blue-soft: rgba(59, 115, 255, .18);
        --orange-soft: rgba(255, 122, 0, .12);

        --dm-page: #050914;
        --dm-page-2: #0a1020;
        --dm-surface: #0f172a;
        --dm-surface-2: #111c33;
        --dm-surface-3: #17233b;
        --dm-line: rgba(148, 163, 184, .22);
        --dm-line-strong: rgba(191, 219, 254, .34);
        --dm-text: #f8fbff;
        --dm-text-2: #dce7fb;
        --dm-muted: #b5c2d9;
        --dm-primary: #3b73ff;
        --dm-primary-2: #6da1ff;
        --dm-shadow: 0 22px 70px rgba(0, 0, 0, .48);
    }
}

/* Manual dark mode */
:root[data-theme="dark"] body {
    background:
        radial-gradient(circle at 7% 8%, rgba(255, 122, 0, .12), transparent 28%),
        radial-gradient(circle at 94% 8%, rgba(59, 115, 255, .20), transparent 30%),
        linear-gradient(180deg, var(--dm-page), var(--dm-page-2)) !important;
    color: var(--dm-text) !important;
}

:root[data-theme="dark"] .shell {
    background: transparent !important;
    color: var(--dm-text) !important;
}

:root[data-theme="dark"] .page-card {
    background: rgba(5, 10, 22, .74) !important;
    border: 1px solid rgba(148, 163, 184, .14) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

/* Header */
:root[data-theme="dark"] .header-clean,
:root[data-theme="dark"] .header-clean__topbar,
:root[data-theme="dark"] .header-category-nav {
    background: rgba(5, 10, 22, .96) !important;
    border-color: rgba(148, 163, 184, .18) !important;
    box-shadow: none !important;
    color: var(--dm-text) !important;
}

:root[data-theme="dark"] .header-clean {
    border-radius: 18px !important;
    outline: 1px solid rgba(255, 255, 255, .04) !important;
}

:root[data-theme="dark"] .header-category-nav {
    border-top: 1px solid rgba(148, 163, 184, .12) !important;
}

:root[data-theme="dark"] .header-category-nav a,
:root[data-theme="dark"] .header-clean a,
:root[data-theme="dark"] .header-clean span {
    color: var(--dm-text) !important;
}

:root[data-theme="dark"] .header-search,
:root[data-theme="dark"] .mobile-menu__search,
:root[data-theme="dark"] input,
:root[data-theme="dark"] select,
:root[data-theme="dark"] textarea {
    background: #0b1324 !important;
    color: var(--dm-text) !important;
    border-color: rgba(148, 163, 184, .30) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

:root[data-theme="dark"] input::placeholder,
:root[data-theme="dark"] textarea::placeholder {
    color: rgba(220, 231, 251, .66) !important;
}

:root[data-theme="dark"] .header-social-link,
:root[data-theme="dark"] .icon-button,
:root[data-theme="dark"] .header-search button {
    background: rgba(248, 251, 255, .94) !important;
    color: #0f172a !important;
    border-color: rgba(255, 255, 255, .50) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .24) !important;
}

:root[data-theme="dark"] .header-social-link span {
    color: #0f172a !important;
}

/* Theme switch */
.theme-toggle {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    width: 78px !important;
    min-width: 78px !important;
    height: 38px !important;
    padding: 4px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(17, 26, 54, .10) !important;
    background: linear-gradient(135deg, #eef4ff, #ffffff) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 10px 24px rgba(17, 26, 54, .12) !important;
    color: #0f172a !important;
    overflow: hidden !important;
}

.theme-toggle::before,
.theme-toggle::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    width: 16px !important;
    height: 16px !important;
    transform: translateY(-50%) !important;
    background: currentColor !important;
    opacity: .62 !important;
    pointer-events: none !important;
}

.theme-toggle::before {
    left: 12px !important;
    -webkit-mask: url('/images/icons/ui-sun.svg') center / contain no-repeat !important;
    mask: url('/images/icons/ui-sun.svg') center / contain no-repeat !important;
}

.theme-toggle::after {
    right: 12px !important;
    -webkit-mask: url('/images/icons/ui-moon.svg') center / contain no-repeat !important;
    mask: url('/images/icons/ui-moon.svg') center / contain no-repeat !important;
}

.theme-toggle__icon {
    position: relative !important;
    z-index: 1 !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #2358f6, #5b36ff) !important;
    box-shadow: 0 8px 18px rgba(35, 88, 246, .32) !important;
    transform: translateX(0) !important;
    transition: transform .22s ease, background .22s ease, box-shadow .22s ease !important;
}

.theme-toggle__icon::before {
    content: "" !important;
    position: absolute !important;
    inset: 7px !important;
    background: #fff !important;
    -webkit-mask: url('/images/icons/ui-moon.svg') center / contain no-repeat !important;
    mask: url('/images/icons/ui-moon.svg') center / contain no-repeat !important;
}

.theme-toggle__text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
}

.theme-toggle[aria-pressed="true"] .theme-toggle__icon {
    transform: translateX(40px) !important;
    background: linear-gradient(135deg, #ff8a00, #ffd166) !important;
    box-shadow: 0 8px 18px rgba(255, 138, 0, .28) !important;
}

.theme-toggle[aria-pressed="true"] .theme-toggle__icon::before {
    -webkit-mask-image: url('/images/icons/ui-sun.svg') !important;
    mask-image: url('/images/icons/ui-sun.svg') !important;
}

:root[data-theme="dark"] .theme-toggle {
    background: linear-gradient(135deg, #111c33, #0b1324) !important;
    color: #dce7fb !important;
    border-color: rgba(148, 163, 184, .30) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 26px rgba(0,0,0,.28) !important;
}

.mobile-menu .theme-toggle {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: flex-start !important;
}

.mobile-menu .theme-toggle .theme-toggle__icon {
    flex: 0 0 30px !important;
}

.mobile-menu .theme-toggle[aria-pressed="true"] .theme-toggle__icon {
    transform: translateX(calc(100vw - 118px)) !important;
}

/* Hero slider: restore real banner media. */
:root[data-theme="dark"] .hero-slider {
    background: #07101f !important;
    border: 1px solid rgba(148, 163, 184, .20) !important;
    box-shadow: var(--dm-shadow) !important;
}

:root[data-theme="dark"] .hero-slider__track,
:root[data-theme="dark"] .hero-slide,
:root[data-theme="dark"] .hero-slide__media,
:root[data-theme="dark"] .hero-slide__media picture {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

:root[data-theme="dark"] .hero-slide__media img {
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}

:root[data-theme="dark"] .hero-slide__overlay {
    background: linear-gradient(90deg, rgba(5, 10, 22, .18), rgba(5, 10, 22, .04), rgba(5, 10, 22, .16)) !important;
}

:root[data-theme="dark"] .hero-slide__cta {
    background: rgba(15, 23, 42, .88) !important;
    color: var(--dm-text) !important;
    border: 1px solid rgba(147, 197, 253, .32) !important;
    box-shadow: 0 14px 36px rgba(0, 0, 0, .32) !important;
}

:root[data-theme="dark"] .hero-slider__dots {
    background: rgba(15, 23, 42, .72) !important;
    border: 1px solid rgba(147, 197, 253, .24) !important;
}

:root[data-theme="dark"] .hero-slider__arrow {
    background: rgba(15, 23, 42, .86) !important;
    color: var(--dm-text) !important;
    border-color: rgba(147, 197, 253, .26) !important;
}

/* Reusable dark surfaces */
:root[data-theme="dark"] .home-quick-links a,
:root[data-theme="dark"] .home-social-card,
:root[data-theme="dark"] .category,
:root[data-theme="dark"] .feature,
:root[data-theme="dark"] .product,
:root[data-theme="dark"] .product-card,
:root[data-theme="dark"] .product-card-v2,
:root[data-theme="dark"] .mobile-product-card,
:root[data-theme="dark"] .catalog-content,
:root[data-theme="dark"] .catalog-sidebar,
:root[data-theme="dark"] .catalog-topline,
:root[data-theme="dark"] .filter-field,
:root[data-theme="dark"] .filter-link,
:root[data-theme="dark"] .mobile-subcategory-card,
:root[data-theme="dark"] .catalog-seo-content,
:root[data-theme="dark"] .catalog-seo-faq details,
:root[data-theme="dark"] .content-card,
:root[data-theme="dark"] .info-card,
:root[data-theme="dark"] .trust-card,
:root[data-theme="dark"] .cart-panel,
:root[data-theme="dark"] .cart-item,
:root[data-theme="dark"] .checkout-layout,
:root[data-theme="dark"] .checkout-card,
:root[data-theme="dark"] .order-summary,
:root[data-theme="dark"] .thank-you-card,
:root[data-theme="dark"] .search-suggest,
:root[data-theme="dark"] .catalog-drawer__panel,
:root[data-theme="dark"] .mobile-menu__panel,
:root[data-theme="dark"] .favorites-drawer__panel {
    background: linear-gradient(180deg, rgba(17, 24, 39, .98), rgba(9, 16, 30, .96)) !important;
    color: var(--dm-text) !important;
    border-color: var(--dm-line) !important;
    box-shadow: 0 14px 42px rgba(0, 0, 0, .32) !important;
}

/* Home trust + info pages */
:root[data-theme="dark"] .info-hero,
:root[data-theme="dark"] .iphone-check-page-hero,
:root[data-theme="dark"] .home-trust-panel,
:root[data-theme="dark"] .compare-hero,
:root[data-theme="dark"] .compare-help {
    background:
        radial-gradient(circle at 86% 16%, rgba(59, 115, 255, .22), transparent 30%),
        radial-gradient(circle at 12% 92%, rgba(255, 122, 0, .12), transparent 30%),
        linear-gradient(135deg, #08101e, #111c33) !important;
    border: 1px solid var(--dm-line-strong) !important;
    color: var(--dm-text) !important;
    box-shadow: var(--dm-shadow) !important;
}

:root[data-theme="dark"] .home-trust-panel__grid a,
:root[data-theme="dark"] .ipodil-check-process,
:root[data-theme="dark"] .ipodil-check-scale__track,
:root[data-theme="dark"] .ipodil-check-matrix,
:root[data-theme="dark"] .ipodil-check-scale__step,
:root[data-theme="dark"] .ipodil-check-card,
:root[data-theme="dark"] .ipodil-check-process__card {
    background: rgba(15, 23, 42, .94) !important;
    border-color: var(--dm-line) !important;
    color: var(--dm-text) !important;
    box-shadow: 0 14px 38px rgba(0, 0, 0, .26) !important;
}

:root[data-theme="dark"] .ipodil-check-scale__copy {
    background: radial-gradient(circle at 110% 0, rgba(59, 115, 255, .28), transparent 38%), linear-gradient(135deg, #0d1830, #111c33) !important;
}

/* Product page */
:root[data-theme="dark"] .product-detail,
:root[data-theme="dark"] .product-info,
:root[data-theme="dark"] .product-info-v2,
:root[data-theme="dark"] .product-meta,
:root[data-theme="dark"] .product-specs,
:root[data-theme="dark"] .spec-card,
:root[data-theme="dark"] .spec-item,
:root[data-theme="dark"] .product-buy-card,
:root[data-theme="dark"] .product-cta,
:root[data-theme="dark"] .product-purchase,
:root[data-theme="dark"] .product-summary,
:root[data-theme="dark"] .product-sticky-buy,
:root[data-theme="dark"] .product-warranty,
:root[data-theme="dark"] .warranty-options,
:root[data-theme="dark"] .warranty-option,
:root[data-theme="dark"] .product-benefit,
:root[data-theme="dark"] .product-benefits,
:root[data-theme="dark"] .product-benefits article,
:root[data-theme="dark"] .product-delivery-card,
:root[data-theme="dark"] .accordion-item,
:root[data-theme="dark"] .product-accordion {
    background: linear-gradient(180deg, rgba(17, 24, 39, .98), rgba(9, 16, 30, .96)) !important;
    color: var(--dm-text) !important;
    border-color: var(--dm-line) !important;
    box-shadow: 0 14px 42px rgba(0, 0, 0, .30) !important;
}

:root[data-theme="dark"] .product-gallery,
:root[data-theme="dark"] .product-main-photo,
:root[data-theme="dark"] .product-thumbs button,
:root[data-theme="dark"] .product-media,
:root[data-theme="dark"] .product-photo,
:root[data-theme="dark"] .product-image,
:root[data-theme="dark"] .product-card__image {
    background: linear-gradient(180deg, #f8fafc, #edf2fb) !important;
    border-color: rgba(148, 163, 184, .26) !important;
    box-shadow: 0 12px 34px rgba(0, 0, 0, .22) !important;
}

:root[data-theme="dark"] .warranty-option.is-active,
:root[data-theme="dark"] .warranty-option:has(input:checked),
:root[data-theme="dark"] .filter-link.active,
:root[data-theme="dark"] .active-filter-chip,
:root[data-theme="dark"] .catalog-drawer__subnav a.catalog-drawer__all-link {
    background: rgba(59, 115, 255, .26) !important;
    color: #fff !important;
    border-color: rgba(147, 197, 253, .36) !important;
}

/* Compare page */
:root[data-theme="dark"] .iphone-compare,
:root[data-theme="dark"] .iphone-compare--polished,
:root[data-theme="dark"] .compare-card,
:root[data-theme="dark"] .comparison-card,
:root[data-theme="dark"] .compare-model-card,
:root[data-theme="dark"] .comparison-table,
:root[data-theme="dark"] .compare-section,
:root[data-theme="dark"] .compare-feature-card,
:root[data-theme="dark"] .compare-difference,
:root[data-theme="dark"] .compare-quick-guide article {
    background: linear-gradient(180deg, rgba(17, 24, 39, .98), rgba(9, 16, 30, .96)) !important;
    color: var(--dm-text) !important;
    border-color: var(--dm-line) !important;
    box-shadow: 0 14px 42px rgba(0, 0, 0, .30) !important;
}

:root[data-theme="dark"] .compare-model-card img,
:root[data-theme="dark"] .comparison-card img,
:root[data-theme="dark"] .product-card img,
:root[data-theme="dark"] .mobile-product-card img,
:root[data-theme="dark"] .category img {
    background: #f8fafc !important;
    border-radius: inherit;
    filter: none !important;
}

/* Typography */
:root[data-theme="dark"] h1,
:root[data-theme="dark"] h2,
:root[data-theme="dark"] h3,
:root[data-theme="dark"] h4,
:root[data-theme="dark"] h5,
:root[data-theme="dark"] h6,
:root[data-theme="dark"] b,
:root[data-theme="dark"] strong,
:root[data-theme="dark"] summary,
:root[data-theme="dark"] th,
:root[data-theme="dark"] .title,
:root[data-theme="dark"] .product-title,
:root[data-theme="dark"] .section-head h2,
:root[data-theme="dark"] .product-info h1,
:root[data-theme="dark"] .footer b,
:root[data-theme="dark"] .footer strong,
:root[data-theme="dark"] .home-quick-links b,
:root[data-theme="dark"] .home-social-card b,
:root[data-theme="dark"] .category b,
:root[data-theme="dark"] .product b {
    color: var(--dm-text) !important;
    text-shadow: none !important;
}

:root[data-theme="dark"] p,
:root[data-theme="dark"] li,
:root[data-theme="dark"] small,
:root[data-theme="dark"] label,
:root[data-theme="dark"] td,
:root[data-theme="dark"] dd,
:root[data-theme="dark"] dt,
:root[data-theme="dark"] .muted,
:root[data-theme="dark"] .subtitle,
:root[data-theme="dark"] .section-head p,
:root[data-theme="dark"] .catalog-hero p,
:root[data-theme="dark"] .product-info p,
:root[data-theme="dark"] .footer p,
:root[data-theme="dark"] .footer small,
:root[data-theme="dark"] .product-card p,
:root[data-theme="dark"] .feature p,
:root[data-theme="dark"] .category p,
:root[data-theme="dark"] .home-social-card small,
:root[data-theme="dark"] .home-quick-links span {
    color: var(--dm-muted) !important;
    text-shadow: none !important;
}

:root[data-theme="dark"] .eyebrow,
:root[data-theme="dark"] .badge,
:root[data-theme="dark"] .stock-badge,
:root[data-theme="dark"] .product-status,
:root[data-theme="dark"] .mobile-category-meta a,
:root[data-theme="dark"] .info-card span,
:root[data-theme="dark"] .home-trust-panel__grid span,
:root[data-theme="dark"] .iphone-check-list span {
    background: rgba(59, 115, 255, .22) !important;
    color: #bad0ff !important;
    border-color: rgba(147, 197, 253, .30) !important;
}

/* Buttons and SVG */
:root[data-theme="dark"] .button,
:root[data-theme="dark"] .filter-submit,
:root[data-theme="dark"] .catalog-drawer__cta,
:root[data-theme="dark"] .mobile-menu__cta,
:root[data-theme="dark"] .product-card .button,
:root[data-theme="dark"] .product-buy-card .button,
:root[data-theme="dark"] .product-cta .button,
:root[data-theme="dark"] .product-purchase .button,
:root[data-theme="dark"] .product-sticky-buy .button,
:root[data-theme="dark"] a.button {
    color: #fff !important;
    border-color: rgba(96, 165, 250, .32) !important;
    text-shadow: none !important;
}

:root[data-theme="dark"] img[src*="/images/icons/"] {
    filter: brightness(0) invert(1) opacity(.88);
}

:root[data-theme="dark"] .button img,
:root[data-theme="dark"] .filter-submit img,
:root[data-theme="dark"] .header-search button img,
:root[data-theme="dark"] .icon-button img,
:root[data-theme="dark"] .header-social-link img,
:root[data-theme="dark"] .product-gallery-arrow img,
:root[data-theme="dark"] .product-lightbox__arrow img,
:root[data-theme="dark"] .product-lightbox__close img,
:root[data-theme="dark"] .catalog-drawer__close img,
:root[data-theme="dark"] .mobile-menu__head .icon-button img {
    filter: none !important;
}

/* Favorite heart buttons */
.favorite-toggle,
.favorite-toggle--in-photo,
button[data-favorite-toggle] {
    color: #0f172a !important;
}

.favorite-toggle img,
.favorite-toggle--in-photo img,
button[data-favorite-toggle] img,
.icon-button--favorite img {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 18px !important;
    height: 18px !important;
    filter: none !important;
}

.favorite-toggle[aria-pressed="true"],
button[data-favorite-toggle][aria-pressed="true"] {
    color: #ef4444 !important;
}

:root[data-theme="dark"] .favorite-toggle,
:root[data-theme="dark"] .favorite-toggle--in-photo,
:root[data-theme="dark"] button[data-favorite-toggle] {
    background: rgba(248, 251, 255, .96) !important;
    color: #0f172a !important;
    border-color: rgba(255, 255, 255, .62) !important;
}

/* Drawers and mobile menu */
:root[data-theme="dark"] .catalog-drawer__subnav a,
:root[data-theme="dark"] .catalog-drawer__series summary,
:root[data-theme="dark"] .mobile-menu__nav a,
:root[data-theme="dark"] .mobile-menu__link-button {
    background: rgba(15, 23, 42, .78) !important;
    color: var(--dm-text) !important;
    border-color: rgba(148, 163, 184, .18) !important;
}

:root[data-theme="dark"] .catalog-drawer__head .logo,
:root[data-theme="dark"] .mobile-menu__head .logo {
    background: transparent !important;
    box-shadow: none !important;
}

/* Tables */
:root[data-theme="dark"] table,
:root[data-theme="dark"] thead,
:root[data-theme="dark"] tbody,
:root[data-theme="dark"] tr,
:root[data-theme="dark"] td,
:root[data-theme="dark"] th {
    background-color: transparent !important;
    border-color: rgba(148, 163, 184, .20) !important;
}

/* Footer */
:root[data-theme="dark"] .footer,
:root[data-theme="dark"] .site-footer,
:root[data-theme="dark"] .site-footer--compact {
    background: linear-gradient(180deg, rgba(17, 24, 39, .98), rgba(7, 13, 26, .98)) !important;
    border-color: var(--dm-line) !important;
    color: var(--dm-text) !important;
    box-shadow: 0 14px 42px rgba(0, 0, 0, .32) !important;
}

:root[data-theme="dark"] .site-footer__compact-top,
:root[data-theme="dark"] .site-footer__link-columns,
:root[data-theme="dark"] .site-footer__bottom {
    border-color: rgba(148, 163, 184, .18) !important;
    background: transparent !important;
}

:root[data-theme="dark"] .footer a,
:root[data-theme="dark"] .site-footer a,
:root[data-theme="dark"] .site-footer span,
:root[data-theme="dark"] .site-footer p,
:root[data-theme="dark"] .site-footer h2 {
    color: var(--dm-text-2) !important;
}

:root[data-theme="dark"] .site-footer__socials a {
    background: rgba(59, 115, 255, .18) !important;
    border-color: rgba(147, 197, 253, .20) !important;
    color: #bad0ff !important;
}

:root[data-theme="dark"] .footer .logo,
:root[data-theme="dark"] .site-footer .logo {
    background: transparent !important;
    box-shadow: none !important;
}

/* System dark mode mirrors manual dark mode without forcing when the user selected light. */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) body {
        background:
            radial-gradient(circle at 7% 8%, rgba(255, 122, 0, .12), transparent 28%),
            radial-gradient(circle at 94% 8%, rgba(59, 115, 255, .20), transparent 30%),
            linear-gradient(180deg, var(--dm-page), var(--dm-page-2)) !important;
        color: var(--dm-text) !important;
    }

    :root:not([data-theme="light"]) .shell,
    :root:not([data-theme="light"]) .page-card {
        background: transparent !important;
        color: var(--dm-text) !important;
        box-shadow: none !important;
    }

    :root:not([data-theme="light"]) .header-clean,
    :root:not([data-theme="light"]) .header-clean__topbar,
    :root:not([data-theme="light"]) .header-category-nav {
        background: rgba(5, 10, 22, .96) !important;
        border-color: rgba(148, 163, 184, .18) !important;
        box-shadow: none !important;
        color: var(--dm-text) !important;
    }

    :root:not([data-theme="light"]) .hero-slide__media,
    :root:not([data-theme="light"]) .hero-slide__media picture,
    :root:not([data-theme="light"]) .hero-slide__media img {
        background: transparent !important;
        opacity: 1 !important;
        visibility: visible !important;
        filter: none !important;
        mix-blend-mode: normal !important;
    }

    :root:not([data-theme="light"]) .home-quick-links a,
    :root:not([data-theme="light"]) .home-social-card,
    :root:not([data-theme="light"]) .category,
    :root:not([data-theme="light"]) .feature,
    :root:not([data-theme="light"]) .product,
    :root:not([data-theme="light"]) .product-card,
    :root:not([data-theme="light"]) .mobile-product-card,
    :root:not([data-theme="light"]) .catalog-content,
    :root:not([data-theme="light"]) .catalog-sidebar,
    :root:not([data-theme="light"]) .footer,
    :root:not([data-theme="light"]) .site-footer,
    :root:not([data-theme="light"]) .product-info,
    :root:not([data-theme="light"]) .product-buy-card,
    :root:not([data-theme="light"]) .product-warranty,
    :root:not([data-theme="light"]) .warranty-option,
    :root:not([data-theme="light"]) .checkout-card,
    :root:not([data-theme="light"]) .cart-panel,
    :root:not([data-theme="light"]) .info-card,
    :root:not([data-theme="light"]) .content-card,
    :root:not([data-theme="light"]) .compare-card,
    :root:not([data-theme="light"]) .comparison-card {
        background: linear-gradient(180deg, rgba(17, 24, 39, .98), rgba(9, 16, 30, .96)) !important;
        color: var(--dm-text) !important;
        border-color: var(--dm-line) !important;
        box-shadow: 0 14px 42px rgba(0, 0, 0, .32) !important;
    }
}

/* Mobile dark polish */
@media (max-width: 767px) {
    :root[data-theme="dark"] body {
        background: linear-gradient(180deg, #050914, #0a1020) !important;
    }

    :root[data-theme="dark"] .shell {
        width: 100% !important;
        margin-top: 0 !important;
    }

    :root[data-theme="dark"] .page-card {
        border-radius: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        padding: 8px !important;
    }

    :root[data-theme="dark"] .header-clean {
        border-radius: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }

    :root[data-theme="dark"] .hero-slider {
        min-height: clamp(320px, 78vw, 520px) !important;
        border-radius: 20px !important;
    }

    :root[data-theme="dark"] .home-quick-links {
        gap: 8px !important;
    }

    :root[data-theme="dark"] .home-quick-links a,
    :root[data-theme="dark"] .home-social-card,
    :root[data-theme="dark"] .category,
    :root[data-theme="dark"] .product-card,
    :root[data-theme="dark"] .mobile-product-card,
    :root[data-theme="dark"] .ipodil-check-process,
    :root[data-theme="dark"] .site-footer {
        border-radius: 18px !important;
    }

    :root[data-theme="dark"] .product-detail.product-detail-v2,
    :root[data-theme="dark"] .checkout-layout {
        grid-template-columns: 1fr !important;
    }

    :root[data-theme="dark"] .mobile-menu__panel,
    :root[data-theme="dark"] .catalog-drawer__panel {
        background: linear-gradient(180deg, #07101f, #0f172a) !important;
    }

    .mobile-menu .theme-toggle[aria-pressed="true"] .theme-toggle__icon {
        transform: translateX(calc(100vw - 118px)) !important;
    }
}