/* ZEUS222 — palet dari banner slot-thailand.webp
   ungu malam, kilat violet, emas, merah 222, biru elektrik */

:root {
    --zs-ink: #07030f;
    --zs-night: #12071f;
    --zs-panel: #1b0c33;
    --zs-panel-2: #271248;
    --zs-gold: #f5c542;
    --zs-gold-soft: #ffe7a3;
    --zs-gold-deep: #c9971a;
    --zs-red: #e31c32;
    --zs-red-hot: #ff3148;
    --zs-blue: #3aa0ff;
    --zs-blue-soft: #7ec8ff;
    --zs-cream: #f8f1e4;
    --zs-muted: #cbbde0;
    --zs-line: rgba(245, 197, 66, 0.38);
    --zs-violet: #7c3aed;
}

html {
    scrollbar-color: var(--zs-gold-deep) var(--zs-night);
}

html,
body,
body.theme-pearl,
#html-body,
.page-wrapper {
    background:
        radial-gradient(ellipse 90% 42% at 50% -10%, rgba(124, 58, 237, 0.42), transparent 58%),
        radial-gradient(ellipse 36% 28% at 100% 18%, rgba(227, 28, 50, 0.16), transparent 52%),
        radial-gradient(ellipse 32% 24% at 0% 72%, rgba(245, 197, 66, 0.1), transparent 50%),
        linear-gradient(180deg, #2a1252 0%, #160828 16%, #0c0616 42%, #10081c 100%) !important;
    color: var(--zs-cream) !important;
}

/* Header */
.page-header,
.page-header-v1,
.page-header-v1 .page-header,
.header-top-wrap,
.header-top,
.header-main,
.header-main.header-level-2,
.page-header.sticky-header,
.sticky-header .header-main,
.sticky-header .header-top {
    background: linear-gradient(180deg, #241046 0%, #140824 100%) !important;
    color: var(--zs-cream) !important;
}

.header-main {
    border-bottom: 1px solid var(--zs-line) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45) !important;
}

.header-top,
.header-top a,
.header-top .store-information,
.header.links a,
.store-information,
.weltpixel_multistore .current-store span,
.banner-custom,
.banner-custom div {
    color: var(--zs-gold-soft) !important;
}

.header-top a:hover,
.header.links a:hover {
    color: var(--zs-gold) !important;
}

.banner-custom svg,
.banner-custom path {
    fill: var(--zs-gold) !important;
}

.weltpixel_multistore .store-switcher-dropdown {
    background: var(--zs-panel) !important;
    border: 1px solid var(--zs-line) !important;
}

.weltpixel_multistore .store-switcher-dropdown li,
.weltpixel_multistore .store-switcher-dropdown span,
.weltpixel_multistore .store-switcher-dropdown a {
    color: var(--zs-cream) !important;
}

.weltpixel_multistore .store-switcher-dropdown li:hover {
    background: rgba(245, 197, 66, 0.14) !important;
}

/* Login / Daftar di header */
.main-header-right > div > a:first-child {
    background: transparent !important;
    color: var(--zs-gold-soft) !important;
    border: 1px solid var(--zs-gold) !important;
    border-radius: 6px !important;
    box-shadow: inset 0 0 14px rgba(245, 197, 66, 0.16) !important;
}

.main-header-right > div > a:last-child {
    background: linear-gradient(180deg, var(--zs-red-hot) 0%, #b10e22 100%) !important;
    color: #fff8ee !important;
    border: 1px solid #ffd76a !important;
    border-radius: 6px !important;
    box-shadow: 0 0 16px rgba(227, 28, 50, 0.45) !important;
}

.main-header-right > div > a:hover {
    filter: brightness(1.08);
}

/* Pencarian */
.block-search .input-text,
#search,
.form.minisearch .input-text {
    background: #0e0718 !important;
    color: var(--zs-cream) !important;
    border: 1px solid rgba(245, 197, 66, 0.45) !important;
}

#search::placeholder,
input::placeholder,
textarea::placeholder {
    color: #b9a6d4 !important;
}

#search_mini_form .action.search,
.block-search .action.search {
    background: linear-gradient(180deg, var(--zs-gold) 0%, var(--zs-gold-deep) 100%) !important;
    border: none !important;
}

#search_mini_form .action.search svg circle,
#search_mini_form .action.search svg line {
    stroke: #1a0b14 !important;
}

.nav-toggle:before,
.action.nav-toggle:before {
    color: var(--zs-gold) !important;
}

/* Navigasi */
.nav-sections,
.sections.nav-sections,
.navigation,
.navigation > ul,
.section-item-content,
#top-menu-1768541903,
.ves-megamenu {
    background: #160a28 !important;
}

.navigation a,
.navigation .nav-anchor,
.navigation span,
.nav-item > a,
.level0 > a {
    color: var(--zs-cream) !important;
}

.navigation a:hover,
.navigation li:hover > a,
.navigation li.current > a,
.navigation .active > a {
    color: var(--zs-gold) !important;
}

.submenu,
.nav-dropdown,
.level0 .submenu,
.mega-col,
.submenu-inner,
.content-wrapper {
    background: #1c0d34 !important;
    color: var(--zs-cream) !important;
}

.submenu a,
.submenu span,
.nav-dropdown a,
.nav-dropdown span {
    color: var(--zs-cream) !important;
}

.submenu a:hover,
.submenu li:hover > a span,
.nav-dropdown a:hover {
    color: var(--zs-gold) !important;
}

/* Breadcrumb + konten */
.breadcrumbs,
.breadcrumbs .items,
.breadcrumbs a,
.breadcrumbs strong,
.breadcrumbs li {
    background: transparent !important;
    color: var(--zs-muted) !important;
}

.breadcrumbs a:hover {
    color: var(--zs-gold) !important;
}

.page-main,
.columns,
.column.main,
.product-info-main,
.product.media,
.product-info-price,
.box-tocart,
.page-bottom,
.content.FAQ,
.product.data.items,
.tabs-1 {
    background-color: transparent !important;
    color: var(--zs-cream) !important;
}

.product.media {
    background: radial-gradient(circle at 50% 42%, rgba(92, 36, 148, 0.45), rgba(8, 3, 16, 0.15) 72%) !important;
    border-radius: 16px !important;
}

.fotorama__stage,
.fotorama__nav,
.fotorama__nav__shaft,
.fotorama__thumb {
    background: transparent !important;
}

.fotorama__thumb-border {
    border-color: var(--zs-gold) !important;
}

.product-info-main {
    background: linear-gradient(180deg, rgba(32, 14, 58, 0.92), rgba(12, 6, 22, 0.78)) !important;
    border: 1px solid var(--zs-line) !important;
    border-radius: 16px !important;
    box-shadow:
        0 0 0 1px rgba(124, 58, 237, 0.28),
        0 18px 40px rgba(0, 0, 0, 0.35) !important;
}

.page-title,
.page-title .base,
.mobile-name .value,
.mobile-top-info .value {
    color: #fff8ee !important;
    text-shadow: 0 0 18px rgba(245, 197, 66, 0.28);
}

.pdp-brand-title,
.product.attibute.brand a,
.product.attribute.brand a {
    color: var(--zs-blue-soft) !important;
}

.prod-attributes,
.gender,
.sku,
.sku .value,
.product-info-main .prod-attributes {
    color: var(--zs-muted) !important;
}

.price-box .price,
.price-wrapper,
.price-container,
#product-price-52165,
#product-price-52165-sticky,
.product-info-price .price {
    color: var(--zs-gold) !important;
    text-shadow: 0 0 12px rgba(245, 197, 66, 0.35);
}

#html-body.catalog-product-view #product-options-wrapper .swatch-option,
#html-body.catalog-product-view #product-options-wrapper .swatch-option.text,
#html-body.catalog-product-view .swatch-attribute.size .swatch-option {
    background: #2a1454 !important;
    color: #fff8ee !important;
    -webkit-text-fill-color: #fff8ee !important;
    border: 1px solid #f5c542 !important;
    font-weight: 700 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

#html-body.catalog-product-view #product-options-wrapper .swatch-option:hover,
#html-body.catalog-product-view #product-options-wrapper .swatch-option.selected,
#html-body.catalog-product-view .swatch-attribute.size .swatch-option.selected {
    color: #1a0b14 !important;
    -webkit-text-fill-color: #1a0b14 !important;
    background: linear-gradient(180deg, #ffe7a3, #f5c542) !important;
    border-color: #ffe7a3 !important;
}

select,
#qty,
.input-text.qty {
    background: #0e0718 !important;
    color: var(--zs-cream) !important;
    border: 1px solid rgba(245, 197, 66, 0.4) !important;
}

.free-shipping,
#pdp_free_shipping .free-shipping-content,
.fr-ship-content h3,
.fr-ship-content p {
    color: var(--zs-gold-soft) !important;
}

.free-shipping {
    background: linear-gradient(90deg, rgba(227, 28, 50, 0.16), rgba(245, 197, 66, 0.12)) !important;
    border: 1px solid var(--zs-line) !important;
    border-radius: 10px !important;
}

/* Tombol DAFTAR merah, LOGIN emas */
#buy-now-daftar,
#buy-now-sticky-daftar,
#product-addtocart-action-m .action.tocart,
.action.subscribe.primary {
    background: linear-gradient(180deg, var(--zs-red-hot), #b10e22) !important;
    border: 1px solid #ffd76a !important;
    color: #fff8ee !important;
    box-shadow: 0 0 14px rgba(227, 28, 50, 0.35) !important;
}

#buy-now-login,
#buy-now-login-mobile,
#buy-now-sticky-login {
    background: linear-gradient(180deg, #ffe08a, #d4a017) !important;
    border: 1px solid #fff1c2 !important;
    color: #1a0b14 !important;
    box-shadow: 0 0 14px rgba(245, 197, 66, 0.28) !important;
}

#buy-now-daftar a,
#buy-now-daftar span,
#buy-now-sticky-daftar a,
#buy-now-sticky-daftar span,
#product-addtocart-action-m .action.tocart a,
#product-addtocart-action-m .action.tocart span,
.action.subscribe.primary span {
    color: #fff8ee !important;
}

#buy-now-login a,
#buy-now-login span,
#buy-now-login-mobile a,
#buy-now-login-mobile span,
#buy-now-sticky-login a,
#buy-now-sticky-login span {
    color: #1a0b14 !important;
}

.check-in-store a,
.social-share-pdp a,
.more_button {
    color: var(--zs-gold-soft) !important;
}

/* Tab + deskripsi */
.product.data.items > .item.title > .switch,
.product.data.items > .item.title > .data.switch {
    background: transparent !important;
    color: var(--zs-muted) !important;
}

.product.data.items > .item.title.active > .switch,
.product.data.items > .item.title.active > .data.switch {
    color: var(--zs-gold) !important;
    border-color: var(--zs-gold) !important;
}

.product.data.items > .item.content,
.pdp-description-section,
.pdp-desc,
.pdp-desc p {
    background: transparent !important;
    color: var(--zs-cream) !important;
}

.desc-title,
.pdp-description-section h2,
.reviews-title {
    color: var(--zs-gold-soft) !important;
}

.pdp-desc a,
.column.main .pdp-desc a {
    color: var(--zs-blue-soft) !important;
}

.pdp-desc a:hover {
    color: var(--zs-gold) !important;
}

.review-section {
    background: linear-gradient(180deg, rgba(39, 18, 72, 0.95), rgba(14, 7, 24, 0.92)) !important;
    border: 1px solid var(--zs-line) !important;
    box-shadow: 0 0 24px rgba(124, 58, 237, 0.22) !important;
}

.review-section > h3,
.review-section h3,
.review-section h4,
.review-section strong {
    color: var(--zs-gold-soft) !important;
}

.review-section > div {
    background: rgba(10, 5, 18, 0.72) !important;
    color: var(--zs-cream) !important;
    border: 1px solid rgba(245, 197, 66, 0.18) !important;
    box-shadow: none !important;
}

.review-section p,
.review-section span {
    color: var(--zs-cream) !important;
}

.review-section div[style*="#f44336"] {
    background: var(--zs-red) !important;
    color: #fff !important;
    border: none !important;
}

.review-section div[style*="#ff9800"] {
    background: var(--zs-gold) !important;
    color: #1a0b14 !important;
    border: none !important;
}

.content.FAQ,
.content.FAQ section,
.content.FAQ p,
.content.FAQ div {
    color: var(--zs-cream) !important;
    border-color: rgba(245, 197, 66, 0.28) !important;
}

.content.FAQ strong {
    color: var(--zs-gold-soft) !important;
}

.page-bottom {
    border-top-color: var(--zs-line) !important;
}

/* Ulasan / filter */
.reviews,
.reviews-filter,
.reviews-filter *,
.reviews-filter a,
.reviews-filter a:visited,
.reviews-filter a:hover,
.reviews-count,
.write-review-note {
    color: var(--zs-cream) !important;
}

.reviews-filter .filter-trigger,
.reviews-filter .filter-menu,
.reviews-filter .filter-option,
.reviews-select {
    background: #140824 !important;
    background-color: #140824 !important;
    color: var(--zs-cream) !important;
    border-color: rgba(245, 197, 66, 0.4) !important;
}

.reviews-filter .filter-trigger *,
.reviews-filter .filter-trigger span,
.reviews-filter .filter-option *,
.reviews-filter .filter-option span,
.reviews-filter .filter-plus {
    color: var(--zs-cream) !important;
    fill: var(--zs-gold) !important;
}

.reviews-filter .filter-trigger:hover,
.reviews-filter .filter-option:hover,
.reviews-filter .filter-option.active {
    background: rgba(245, 197, 66, 0.14) !important;
    background-color: rgba(245, 197, 66, 0.14) !important;
}

/* Footer */
.page-footer,
.footer,
.footer-container,
.below-copyright,
.copyright,
.copyright .chakra-container,
.css-146xy3c {
    background: linear-gradient(180deg, #160828 0%, #07030f 100%) !important;
    background-color: #0c0616 !important;
    color: var(--zs-cream) !important;
    border-color: var(--zs-line) !important;
}

.page-footer a,
.footer a,
.below-copyright,
.below-copyright span,
.copyright,
.copyright span,
.css-ov8o6c {
    color: var(--zs-cream) !important;
}

.page-footer a:hover,
.footer a:hover {
    color: var(--zs-gold) !important;
}

.page-footer .title,
.footer .title,
.collapsible > .title,
.newsletter .title,
.links .title {
    color: var(--zs-gold) !important;
}

.footer .tiles-item {
    background-color: rgba(26, 11, 48, 0.9) !important;
    border: 1px solid rgba(245, 197, 66, 0.22) !important;
}

.row.footer-space,
body.catalog-product-view .page-wrapper > .page-bottom {
    border-color: var(--zs-line) !important;
}

.newsletter input,
#newsletter-2,
.newsletter .input-text {
    background: #0e0718 !important;
    color: var(--zs-cream) !important;
    border: 1px solid rgba(245, 197, 66, 0.4) !important;
}

.footer_subscription_consent,
.footer_subscription_consent label,
.field.choice label {
    color: var(--zs-muted) !important;
}

/* Sticky cart */
.stickycart,
.sticky-cart-content {
    background: linear-gradient(180deg, #1c0a36, #0c0616) !important;
    color: var(--zs-cream) !important;
    border-top: 2px solid var(--zs-gold) !important;
    box-shadow: 0 -10px 28px rgba(0, 0, 0, 0.5) !important;
}

.sticky-product-name,
.sticky-size,
.sticky-size a,
.sticky-size-sel,
.sticky_nosize {
    color: var(--zs-cream) !important;
}

.btt-button,
.btt-button.action {
    background: linear-gradient(180deg, var(--zs-gold), var(--zs-gold-deep)) !important;
    color: #1a0b14 !important;
    border: none !important;
}

/* Popup pembuka */
.zeus-gate {
    background: rgba(7, 3, 15, 0.78) !important;
}

/* Menang atas aturan tema Foot Locker yang memakai !important */
#html-body.theme-pearl.catalog-product-view .product.media,
#html-body.theme-pearl.catalog-product-view .gallery-placeholder,
#html-body.theme-pearl.catalog-product-view .fotorama,
#html-body.theme-pearl.catalog-product-view .fotorama__wrap,
#html-body.theme-pearl.catalog-product-view .fotorama__stage,
#html-body.theme-pearl.catalog-product-view .fotorama__stage__frame,
#html-body.theme-pearl.catalog-product-view .fotorama__stage__shaft,
#html-body.theme-pearl.catalog-product-view .fotorama__nav,
#html-body.theme-pearl.catalog-product-view .fotorama__nav__shaft,
#html-body.theme-pearl.catalog-product-view .fotorama__thumb {
    background: #160828 !important;
    background-color: #160828 !important;
}

#html-body.theme-pearl.catalog-product-view .column.main .sticky-gall-wrap .product-info-main {
    background: linear-gradient(180deg, rgba(32, 14, 58, 0.96), rgba(12, 6, 22, 0.9)) !important;
    background-color: #1b0c33 !important;
    color: var(--zs-cream) !important;
}

#html-body.theme-pearl.catalog-product-view .product.data.items > .item.title > .switch,
#html-body.theme-pearl.catalog-product-view .product.data.items > .item.title > .switch:visited,
#html-body.theme-pearl.catalog-product-view .product.data.items > .item.title.active > .switch,
#html-body.theme-pearl.catalog-product-view .product.data.items > .item.title.active > .switch:hover,
#html-body.theme-pearl.catalog-product-view .product.data.items > .item.title.active > .switch:focus,
#html-body.theme-pearl.catalog-product-view .product.info.detailed > .items > .item {
    background: #140a24 !important;
    background-color: #140a24 !important;
    color: var(--zs-gold-soft) !important;
    border-color: var(--zs-line) !important;
}

#html-body.theme-pearl.catalog-product-view .product.info.detailed > .items > .item.title.active:before {
    background-color: #140a24 !important;
}

#html-body.theme-pearl.catalog-product-view .page-main .columns .product.info.detailed .product.data.items > .item.content,
#html-body.theme-pearl.catalog-product-view .product.data.items > .item.content,
#html-body.theme-pearl.catalog-product-view .product.info.detailed {
    background: #12081c !important;
    background-color: #12081c !important;
    color: var(--zs-cream) !important;
    border: 1px solid rgba(245, 197, 66, 0.28) !important;
}

#html-body .pdp-description-section,
#html-body .pdp-description-section h2,
#html-body .pdp-desc,
#html-body .pdp-desc p,
#html-body .desc-title {
    color: var(--zs-cream) !important;
    background: transparent !important;
}

#html-body .pdp-description-section h2,
#html-body .desc-title {
    color: var(--zs-gold-soft) !important;
}

#html-body .pdp-desc a {
    color: var(--zs-blue-soft) !important;
}

#html-body.theme-pearl.catalog-product-view .product.info.detailed > .items > .item.content input,
#html-body.theme-pearl.catalog-product-view .product.info.detailed > .items > .item.content select,
#html-body.theme-pearl.catalog-product-view .product.info.detailed > .items > .item.content textarea,
#html-body .product-info-main select,
#html-body .product-info-main input,
#html-body .box-tocart select {
    background: #0e0718 !important;
    background-color: #0e0718 !important;
    color: var(--zs-cream) !important;
    border-color: rgba(245, 197, 66, 0.4) !important;
}

#html-body #buy-now-daftar:hover,
#html-body #buy-now-daftar:hover span,
#html-body #buy-now-sticky-daftar:hover,
#html-body #buy-now-sticky-daftar:hover span {
    color: #fff8ee !important;
}

#html-body #buy-now-login:hover,
#html-body #buy-now-login:hover span,
#html-body #buy-now-sticky-login:hover,
#html-body #buy-now-sticky-login:hover span {
    color: #1a0b14 !important;
}

#html-body .return-policy-pdp,
#html-body.catalog-product-view #maincontent .product-info-main .return-policy-pdp {
    background: rgba(22, 8, 40, 0.92) !important;
    background-color: #160828 !important;
    border: 1px solid rgba(245, 197, 66, 0.32) !important;
    border-radius: 10px !important;
    color: var(--zs-cream) !important;
}

#html-body .return-policy-pdp p,
#html-body .return-policy-pdp strong,
#html-body .return-content,
#html-body .return-content p {
    color: var(--zs-cream) !important;
    background: transparent !important;
}

#html-body .return-policy-pdp strong {
    color: var(--zs-gold-soft) !important;
}

#html-body .return-policy-pdp .ret-link,
#html-body .return-content a {
    color: var(--zs-blue-soft) !important;
}

#html-body .closer-look,
#html-body .closer-look p {
    color: var(--zs-gold-soft) !important;
}

#html-body.catalog-product-view .column.main .sticky-gall-wrap {
    background: transparent !important;
    background-color: transparent !important;
}

#html-body.catalog-product-view .column.main .sticky-gall-wrap .product.media {
    background: #160828 !important;
    background-color: #160828 !important;
    border: 1px solid rgba(245, 197, 66, 0.28) !important;
    border-radius: 16px !important;
    align-self: stretch !important;
}

@media (min-width: 768px) {
    #html-body.catalog-product-view .column.main .sticky-gall-wrap .product.media {
        position: relative !important;
    }

    #html-body.catalog-product-view .product.media .sticky-gallery {
        position: absolute !important;
        inset: 0 !important;
        width: auto !important;
        height: auto !important;
    }

    #html-body.catalog-product-view .product.media .gallery-placeholder {
        position: absolute !important;
        top: 10px !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 100px !important;
        min-height: 0 !important;
        height: auto !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    #html-body.catalog-product-view .product.media .fotorama,
    #html-body.catalog-product-view .product.media .fotorama__wrap {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
    }

    #html-body.catalog-product-view .product.media .fotorama__stage {
        position: absolute !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 92px !important;
        right: 8px !important;
        width: auto !important;
        height: auto !important;
        max-width: none !important;
        overflow: hidden !important;
    }

    #html-body.catalog-product-view .product.media .fotorama__stage__shaft,
    #html-body.catalog-product-view .product.media .fotorama__stage__frame.fotorama__active {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        transform: none !important;
    }

    #html-body.catalog-product-view .product.media .fotorama__stage .fotorama__active > .fotorama__img {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        margin: 0 !important;
        object-fit: contain !important;
        object-position: center center !important;
    }

    #html-body.catalog-product-view .product.media .fotorama__nav-wrap,
    #html-body.catalog-product-view .product.media .fotorama__nav {
        height: 100% !important;
        max-height: 100% !important;
    }
}

.zeus-gate-card img {
    box-shadow:
        0 0 28px rgba(124, 58, 237, 0.55),
        0 0 14px rgba(245, 197, 66, 0.35) !important;
}