/*
 * Local gaming skin for Wowy.
 * Keeps the Botble theme structure intact and overrides only presentation.
 */

:root {
    --font-text: "Inter", "Poppins", system-ui, sans-serif;
    --color-brand: #00e5ff;
    --primary-color: #00e5ff;
    --color-brand-2: #8b5cf6;
    --color-primary: #7c3cff;
    --color-secondary: #121826;
    --color-warning: #ffb020;
    --color-danger: #ff2d75;
    --color-success: #45ff9a;
    --color-info: #38bdf8;
    --color-text: #b7c4df;
    --color-heading: #f8fbff;
    --color-grey-1: #050711;
    --color-grey-2: #0c1020;
    --color-grey-4: #7582a1;
    --color-grey-9: #101521;
    --color-muted: #8a96b7;
    --color-body: #b7c4df;
    --gaming-bg: #070914;
    --gaming-panel: rgba(13, 18, 34, 0.94);
    --gaming-panel-2: rgba(17, 24, 44, 0.96);
    --gaming-line: rgba(0, 229, 255, 0.28);
    --gaming-line-strong: rgba(69, 255, 154, 0.5);
    --gaming-pink: #ff2d75;
    --gaming-green: #45ff9a;
    --gaming-blue: #00e5ff;
    --gaming-purple: #8b5cf6;
}

html {
    background: var(--gaming-bg);
}

body {
    color: var(--color-body);
    background-color: var(--gaming-bg);
    background-image:
        linear-gradient(135deg, rgba(0, 229, 255, 0.08) 0, transparent 26%),
        linear-gradient(315deg, rgba(255, 45, 117, 0.08) 0, transparent 28%),
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: auto, auto, 38px 38px, 38px 38px;
}

body,
p,
.font-sm,
.font-md,
.product-cart-wrap .product-content-wrap h2 a,
.product-cart-wrap .product-content-wrap .product-category a {
    letter-spacing: 0;
}

a {
    color: var(--gaming-blue);
}

a:hover {
    color: var(--gaming-green);
}

.container {
    position: relative;
}

.header-top,
.header-middle,
.header-bottom,
.mobile-header-wrapper-style,
.sticky-bar.stick {
    background: rgba(5, 7, 17, 0.96) !important;
    border-color: rgba(0, 229, 255, 0.18) !important;
}

.header-top {
    box-shadow: inset 0 -1px 0 rgba(69, 255, 154, 0.14);
}

.header-info a,
.main-menu > nav > ul > li > a,
.categories-dropdown-active-large,
.hotline p,
.hotline p span,
.header-action-2 .header-action-icon-2 span.lable {
    color: #ecf6ff !important;
}

.main-menu > nav > ul > li > a:hover,
.main-menu > nav > ul > li:hover > a,
.header-info a:hover,
.categories-dropdown-active-large:hover {
    color: var(--gaming-green) !important;
    text-shadow: 0 0 14px rgba(69, 255, 154, 0.55);
}

.header-action-2 .header-action-icon-2 > a span.pro-count {
    background: var(--gaming-pink);
    box-shadow: 0 0 18px rgba(255, 45, 117, 0.55);
}

.search-style-2 form,
.search-style-2 form input,
.search-style-2 form select {
    background: rgba(11, 15, 29, 0.92) !important;
    border-color: rgba(0, 229, 255, 0.32) !important;
    color: #f8fbff !important;
}

.search-style-2 form {
    box-shadow: 0 0 0 1px rgba(139, 92, 246, 0.2), 0 18px 44px rgba(0, 0, 0, 0.18);
}

.hero-slider-1,
.single-hero-slider,
.home-slider,
.banner-img,
.product-tabs,
.bg-grey-9,
.featured,
.section-padding-60,
.newsletter {
    background-color: transparent !important;
}

.single-hero-slider,
.banner-img {
    border: 1px solid rgba(0, 229, 255, 0.28);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 22px 70px rgba(0, 0, 0, 0.28), inset 0 0 32px rgba(0, 229, 255, 0.08);
}

.hero-slider-content-2 h1,
.hero-slider-content-2 h2,
.hero-slider-content-2 h3,
.hero-slider-content-2 h4,
.section-title,
.heading-tab h3,
.widget-title,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #f8fbff;
}

.hero-slider-content-2 h1,
.section-title {
    text-shadow: 0 0 22px rgba(0, 229, 255, 0.22);
}

.btn,
.button,
.btn-default,
button.submit,
button[type=submit],
.hero-slider-content-2 a.btn,
.product-cart-wrap .product-action-1.show a,
.product-cart-wrap .product-action-1 a.action-btn {
    background: linear-gradient(135deg, var(--gaming-blue), var(--gaming-purple)) !important;
    border: 1px solid rgba(69, 255, 154, 0.48) !important;
    border-radius: 6px !important;
    color: #071019 !important;
    box-shadow: 0 0 18px rgba(0, 229, 255, 0.25);
    font-weight: 700;
}

.btn:hover,
.button:hover,
.btn-default:hover,
button.submit:hover,
button[type=submit]:hover,
.hero-slider-content-2 a.btn:hover,
.product-cart-wrap .product-action-1.show a:hover,
.product-cart-wrap .product-action-1 a.action-btn:hover {
    background: linear-gradient(135deg, var(--gaming-green), var(--gaming-blue)) !important;
    color: #050711 !important;
    transform: translateY(-2px);
    box-shadow: 0 0 24px rgba(69, 255, 154, 0.35);
}

.product-grid,
.product-grid-4 {
    row-gap: 10px;
}

.product-cart-wrap {
    position: relative;
    overflow: hidden;
    background: #0d1222 !important;
    border: 1px solid rgba(0, 229, 255, 0.24) !important;
    border-radius: 8px !important;
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.26), inset 0 0 28px rgba(0, 229, 255, 0.04) !important;
}

.product-cart-wrap::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 3px;
    background: linear-gradient(90deg, var(--gaming-pink), var(--gaming-blue), var(--gaming-green));
    opacity: 0.9;
}

.product-cart-wrap:hover {
    transform: translateY(-4px);
    border-color: rgba(69, 255, 154, 0.52) !important;
    box-shadow: 0 22px 48px rgba(0, 0, 0, 0.36), 0 0 28px rgba(0, 229, 255, 0.18) !important;
}

.product-cart-wrap .product-img-action-wrap {
    background:
        linear-gradient(135deg, rgba(0, 229, 255, 0.14), transparent 30%),
        linear-gradient(180deg, #f7f9ff, #dbeafe);
    border-bottom: 1px solid rgba(0, 229, 255, 0.12);
}

.product-cart-wrap .product-img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-cart-wrap .product-img a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.product-cart-wrap .product-img a img {
    object-fit: contain;
    filter: brightness(1.06) contrast(1.05) drop-shadow(0 16px 24px rgba(0, 0, 0, 0.28));
}

.product-cart-wrap .product-content-wrap {
    background: linear-gradient(180deg, rgba(11, 15, 29, 0), rgba(11, 15, 29, 0.42));
}

.product-cart-wrap .product-content-wrap h2,
.product-cart-wrap .product-content-wrap h2 a {
    color: #f8fbff !important;
}

.product-cart-wrap .product-content-wrap .product-category a {
    color: var(--gaming-green) !important;
    font-weight: 700;
    text-transform: uppercase;
}

.product-cart-wrap .product-price span,
.product-price .text-brand,
.text-brand {
    color: var(--gaming-blue) !important;
}

.product-cart-wrap .product-price .old-price,
.old-price {
    color: #7f8aa8 !important;
}

.product-badges span,
.product-badges span.hot,
.percentage-off {
    background: var(--gaming-pink) !important;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 6px !important;
    box-shadow: 0 0 18px rgba(255, 45, 117, 0.4);
}

.rating,
.product_rate {
    filter: saturate(1.35);
}

.nav-tabs {
    border-bottom-color: rgba(0, 229, 255, 0.2) !important;
}

.nav-tabs .nav-link {
    background: rgba(10, 14, 28, 0.72) !important;
    border: 1px solid rgba(0, 229, 255, 0.2) !important;
    border-radius: 6px !important;
    color: #dbeafe !important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {
    background: linear-gradient(135deg, rgba(0, 229, 255, 0.18), rgba(139, 92, 246, 0.22)) !important;
    color: #ffffff !important;
    border-color: rgba(69, 255, 154, 0.5) !important;
}

.shop-product-filter,
.sidebar-widget,
.widget-category,
.detail-info,
.tab-style3 .tab-content,
.comments-area,
.login_wrap,
.cart_total_amount,
.table-wishlist,
.table-responsive {
    background: var(--gaming-panel-2) !important;
    border: 1px solid rgba(0, 229, 255, 0.18) !important;
    border-radius: 8px !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
}

input,
select,
textarea,
.form-control,
.select2-container--default .select2-selection--single {
    background: rgba(6, 10, 21, 0.9) !important;
    border-color: rgba(0, 229, 255, 0.25) !important;
    color: #f8fbff !important;
}

input:focus,
textarea:focus,
.form-control:focus {
    border-color: var(--gaming-green) !important;
    box-shadow: 0 0 0 3px rgba(69, 255, 154, 0.14) !important;
}

.newsletter {
    border-top: 1px solid rgba(0, 229, 255, 0.26);
    border-bottom: 1px solid rgba(0, 229, 255, 0.26);
    background-image: linear-gradient(90deg, rgba(0, 229, 255, 0.18), rgba(139, 92, 246, 0.18), rgba(69, 255, 154, 0.12)) !important;
}

footer.main {
    background: #050711;
    border-top: 1px solid rgba(0, 229, 255, 0.2);
}

footer.main p,
footer.main li a,
footer.main .text-muted {
    color: #aebbd8 !important;
}

footer.main li a:hover {
    color: var(--gaming-green) !important;
}

.banner-left-icon {
    background: #0d1222 !important;
    border: 1px solid rgba(0, 229, 255, 0.24);
    border-radius: 8px;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.22), inset 0 0 24px rgba(0, 229, 255, 0.05);
    padding: 18px !important;
}

.banner-left-icon .banner-icon {
    background: linear-gradient(135deg, rgba(0, 229, 255, 0.18), rgba(139, 92, 246, 0.16));
    border: 1px solid rgba(69, 255, 154, 0.2);
    border-radius: 8px;
    padding: 8px;
}

.banner-left-icon .banner-text .icon-box-title {
    color: #f8fbff !important;
}

.banner-left-icon .banner-text p {
    color: #9fb0d1 !important;
}

@media (max-width: 991.98px) {
    .product-grid > [class*="col-"],
    .product-grid-4 > [class*="col-"],
    #related-products > [class*="col-"],
    .row.mt-60 > [class*="col-"] {
        padding-left: 6px;
        padding-right: 6px;
    }

    .product-cart-wrap {
        margin-bottom: 12px !important;
    }

    .product-cart-wrap .product-content-wrap {
        padding: 12px 10px 44px !important;
    }

    .product-cart-wrap .product-content-wrap h2 {
        font-size: 13px !important;
        line-height: 1.35 !important;
        white-space: normal !important;
        min-height: 36px;
    }

    .product-cart-wrap .product-category {
        display: none;
    }

    .product-cart-wrap .product-price span {
        font-size: 15px !important;
    }

    .product-cart-wrap .product-action-1.show {
        right: 8px !important;
        bottom: 8px !important;
    }
}

@media (max-width: 575.98px) {
    .product-grid,
    .product-grid-4,
    #related-products,
    .row.mt-60 {
        margin-left: -6px;
        margin-right: -6px;
    }

    .product-grid > [class*="col-"],
    .product-grid-4 > [class*="col-"],
    #related-products > [class*="col-"],
    .row.mt-60 > [class*="col-"] {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    .product-cart-wrap .product-img-action-wrap {
        padding: 8px !important;
    }

    .product-cart-wrap .product-img a img {
        max-height: 132px !important;
    }

    .product-cart-wrap .rating_num,
    .product-cart-wrap .rating_wrap {
        font-size: 11px !important;
    }

    .product-cart-wrap .product-action-1 a.action-btn {
        width: 34px !important;
        height: 34px !important;
        line-height: 34px !important;
    }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .product-grid > [class*="col-"],
    .product-grid-4 > [class*="col-"],
    #related-products > [class*="col-"],
    .row.mt-60 > [class*="col-"] {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
    }

    .product-cart-wrap .product-img a img {
        max-height: 160px !important;
    }
}

/*
 * Cyber arcade polish pass.
 * This section restores dark-mode contrast for icons/menus and adds a sharper gaming look.
 */

body {
    background-image:
        repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 32px),
        repeating-linear-gradient(90deg, rgba(0, 229, 255, 0.04) 0 1px, transparent 1px 32px),
        radial-gradient(circle at 12% 8%, rgba(0, 229, 255, 0.16), transparent 28%),
        radial-gradient(circle at 84% 18%, rgba(255, 45, 117, 0.12), transparent 26%),
        linear-gradient(135deg, #050711 0%, #080f1f 48%, #090717 100%);
}

.header-area {
    position: relative;
    isolation: isolate;
}

.header-area::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, var(--gaming-blue), var(--gaming-pink), var(--gaming-green), transparent);
    box-shadow: 0 0 18px rgba(0, 229, 255, 0.5);
    z-index: 2;
}

.header-top,
.header-middle,
.header-bottom,
.mobile-header-wrapper-style,
.sticky-bar.stick {
    background:
        linear-gradient(90deg, rgba(0, 229, 255, 0.055), transparent 22%, rgba(255, 45, 117, 0.045) 76%, transparent),
        rgba(4, 6, 16, 0.98) !important;
    backdrop-filter: blur(12px);
}

.logo img,
.mobile-header-logo img {
    filter: drop-shadow(0 0 16px rgba(0, 229, 255, 0.44));
}

.header-info i,
.hotline i,
.main-categories-wrap i,
.main-menu i {
    color: var(--gaming-blue) !important;
    text-shadow: 0 0 12px rgba(0, 229, 255, 0.45);
}

.header-action-2 {
    gap: 10px;
}

.header-action-2 .header-action-icon-2 {
    margin-left: 0 !important;
}

.header-action-2 .header-action-icon-2 > a,
.header-action-2 .header-action-icon-2 .burger-icon {
    width: 46px;
    height: 46px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    background:
        linear-gradient(135deg, rgba(0, 229, 255, 0.16), rgba(139, 92, 246, 0.12)),
        rgba(7, 12, 26, 0.92);
    border: 1px solid rgba(0, 229, 255, 0.35);
    border-radius: 8px;
    box-shadow: inset 0 0 18px rgba(0, 229, 255, 0.06), 0 0 16px rgba(0, 229, 255, 0.14);
    clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 9px 100%, 0 calc(100% - 9px));
}

.header-action-2 .header-action-icon-2 > a:hover,
.header-action-2 .header-action-icon-2 .burger-icon:hover {
    border-color: rgba(69, 255, 154, 0.72);
    background:
        linear-gradient(135deg, rgba(69, 255, 154, 0.2), rgba(0, 229, 255, 0.16)),
        rgba(8, 17, 30, 0.96);
    box-shadow: 0 0 22px rgba(69, 255, 154, 0.22), inset 0 0 18px rgba(0, 229, 255, 0.08);
}

.header-action-2 .header-action-icon-2 > a img {
    width: 23px;
    height: 23px;
    opacity: 1 !important;
    visibility: visible !important;
    object-fit: contain;
    filter: brightness(0) invert(1) drop-shadow(0 0 9px rgba(0, 229, 255, 0.72)) !important;
}

.header-action-2 .header-action-icon-2 > a svg,
.header-action-2 .header-action-icon-2 > a svg * {
    fill: #eaf9ff !important;
    stroke: #eaf9ff !important;
    opacity: 1 !important;
}

.header-action-2 .header-action-icon-2 > a span.pro-count {
    top: -8px !important;
    right: -8px !important;
    min-width: 21px;
    height: 21px;
    line-height: 21px;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.55);
}

.burger-icon > span {
    background-color: #eaf9ff !important;
    box-shadow: 0 0 8px rgba(0, 229, 255, 0.7);
}

.categories-button-active,
.categories-button-active-2 {
    color: #f8fbff !important;
    background: linear-gradient(135deg, rgba(0, 229, 255, 0.14), rgba(255, 45, 117, 0.1));
    border: 1px solid rgba(0, 229, 255, 0.28);
    border-radius: 8px;
    padding: 14px 16px !important;
    box-shadow: inset 0 0 18px rgba(0, 229, 255, 0.05);
}

.categories-button-active:hover,
.categories-button-active-2:hover {
    color: var(--gaming-green) !important;
    border-color: rgba(69, 255, 154, 0.62);
}

.search-style-2 form {
    border-radius: 8px;
    overflow: hidden;
    clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
}

.search-style-2 form .form-group--icon {
    background: rgba(7, 12, 26, 0.98);
    border-right: 1px solid rgba(0, 229, 255, 0.28);
}

.form-group--icon .product-cat-label {
    color: #f8fbff !important;
    background: transparent !important;
}

.form-group--icon .product-cat-label::after {
    color: var(--gaming-green) !important;
}

.search-style-2 form input::placeholder,
.mobile-search input::placeholder {
    color: #8293b8 !important;
}

.search-style-2 form button,
.mobile-search form button {
    background: linear-gradient(135deg, var(--gaming-blue), var(--gaming-purple)) !important;
    border-left: 1px solid rgba(69, 255, 154, 0.45) !important;
    color: #031018 !important;
}

.search-style-2 form button i,
.mobile-search form button i {
    color: #031018 !important;
    font-weight: 900;
}

.panel--search-result,
.cart-dropdown-wrap,
.categories-dropdown-wrap,
.language-dropdown,
.sub-menu,
.main-menu nav ul li ul.sub-menu {
    background:
        linear-gradient(145deg, rgba(0, 229, 255, 0.08), transparent 34%),
        rgba(7, 12, 26, 0.98) !important;
    border: 1px solid rgba(0, 229, 255, 0.28) !important;
    border-radius: 8px !important;
    box-shadow: 0 24px 56px rgba(0, 0, 0, 0.42), 0 0 24px rgba(0, 229, 255, 0.12) !important;
}

.panel--search-result *,
.cart-dropdown-wrap *,
.categories-dropdown-wrap *,
.language-dropdown *,
.main-menu nav ul li ul.sub-menu * {
    color: #eaf2ff;
}

.cart-dropdown-wrap a:hover,
.categories-dropdown-wrap a:hover,
.language-dropdown a:hover,
.main-menu nav ul li ul.sub-menu a:hover {
    color: var(--gaming-green) !important;
}

.single-hero-slider {
    position: relative;
    min-height: 610px;
    background-color: #060b18 !important;
}

.single-hero-slider::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(115deg, rgba(0, 229, 255, 0.22), transparent 19% 64%, rgba(255, 45, 117, 0.18)),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.045) 0 1px, transparent 1px 64px),
        repeating-linear-gradient(0deg, rgba(0, 229, 255, 0.04) 0 1px, transparent 1px 64px);
    mix-blend-mode: screen;
    opacity: 0.72;
    z-index: 1;
}

.single-hero-slider::after {
    content: "";
    position: absolute;
    left: 28px;
    right: 28px;
    bottom: 22px;
    height: 3px;
    pointer-events: none;
    background: linear-gradient(90deg, var(--gaming-pink), var(--gaming-blue), var(--gaming-green));
    box-shadow: 0 0 18px rgba(0, 229, 255, 0.65);
    opacity: 0.72;
    z-index: 2;
}

.single-hero-slider > *,
.hero-slider-content-2 {
    position: relative;
    z-index: 3;
}

.hero-slider-content-2 {
    padding: 34px;
    border-left: 3px solid var(--gaming-blue);
    background: linear-gradient(90deg, rgba(5, 7, 17, 0.62), rgba(5, 7, 17, 0));
}

.hero-slider-content-2 h1,
.hero-slider-content-2 h2 {
    color: #ffffff !important;
    text-shadow:
        0 0 10px rgba(0, 229, 255, 0.65),
        3px 3px 0 rgba(255, 45, 117, 0.28);
}

.hero-slider-content-2 h1 strong,
.hero-slider-content-2 h2 strong,
.hero-slider-content-2 .text-brand {
    color: var(--gaming-blue) !important;
    text-shadow: 0 0 22px rgba(0, 229, 255, 0.68);
}

.hero-slider-content-2 p,
.hero-slider-content-2 span,
.hero-slider-content-2 .font-lg {
    color: #b9c7e6 !important;
}

.hero-slider-content-2 .btn,
.btn,
.button,
.btn-default,
button.submit,
button[type=submit] {
    position: relative;
    overflow: hidden;
    clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 13px, 100% 100%, 13px 100%, 0 calc(100% - 13px));
}

.hero-slider-content-2 .btn::after,
.btn::after,
.button::after,
.btn-default::after,
button.submit::after,
button[type=submit]::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(120deg, transparent 0 36%, rgba(255, 255, 255, 0.35) 45%, transparent 56% 100%);
    transform: translateX(-120%);
    transition: transform 0.35s ease;
}

.hero-slider-content-2 .btn:hover::after,
.btn:hover::after,
.button:hover::after,
.btn-default:hover::after,
button.submit:hover::after,
button[type=submit]:hover::after {
    transform: translateX(120%);
}

.slider-arrow .slider-btn,
.carausel-4-columns-arrow .slider-btn,
.custom_slick_slider .slick-arrow {
    background: rgba(7, 12, 26, 0.94) !important;
    border: 1px solid rgba(0, 229, 255, 0.5) !important;
    color: #f8fbff !important;
    box-shadow: 0 0 22px rgba(0, 229, 255, 0.22);
}

.slider-arrow .slider-btn:hover,
.carausel-4-columns-arrow .slider-btn:hover,
.custom_slick_slider .slick-arrow:hover {
    background: linear-gradient(135deg, var(--gaming-green), var(--gaming-blue)) !important;
    color: #041018 !important;
}

.slick-dots li button {
    border-color: rgba(255, 255, 255, 0.72) !important;
}

.slick-dots li.slick-active button {
    width: 24px !important;
    border-radius: 8px !important;
    background: var(--gaming-blue) !important;
    border-color: var(--gaming-blue) !important;
    box-shadow: 0 0 14px rgba(0, 229, 255, 0.72);
}

.product-cart-wrap {
    background:
        linear-gradient(150deg, rgba(0, 229, 255, 0.1), transparent 22%),
        linear-gradient(330deg, rgba(255, 45, 117, 0.09), transparent 25%),
        #0a0f1e !important;
}

.product-cart-wrap::after {
    content: "";
    position: absolute;
    top: 11px;
    right: 11px;
    width: 24px;
    height: 24px;
    pointer-events: none;
    border-top: 2px solid var(--gaming-green);
    border-right: 2px solid var(--gaming-green);
    opacity: 0.8;
    filter: drop-shadow(0 0 7px rgba(69, 255, 154, 0.58));
}

.product-cart-wrap .product-img-action-wrap {
    position: relative;
    background:
        linear-gradient(135deg, rgba(0, 229, 255, 0.16), transparent 32%),
        repeating-linear-gradient(135deg, rgba(0, 0, 0, 0.035) 0 7px, transparent 7px 14px),
        linear-gradient(180deg, #f8fbff, #dfe8ff) !important;
}

.product-cart-wrap .product-img-action-wrap::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 10px;
    height: 2px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(0, 229, 255, 0.75), transparent);
}

.product-cart-wrap .product-action-1,
.product-cart-wrap .product-action-1.show {
    opacity: 1 !important;
    visibility: visible !important;
}

.product-cart-wrap .product-img-action-wrap > .product-action-1 {
    top: 12px !important;
    right: 12px !important;
    left: auto !important;
    bottom: auto !important;
    display: inline-flex !important;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: auto !important;
    transform: none !important;
    z-index: 6;
    background: rgba(5, 10, 22, 0.38);
    border: 1px solid rgba(0, 229, 255, 0.24);
    border-radius: 8px;
    padding: 5px;
    backdrop-filter: blur(8px);
}

.product-cart-wrap .product-action-1 a.action-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    color: #041018 !important;
    margin: 0 !important;
}

.product-cart-wrap .product-action-1 a.action-btn i,
.product-cart-wrap .product-action-1.show a i {
    color: #041018 !important;
}

.product-cart-wrap .product-content-wrap h2 a {
    font-weight: 700;
}

.product-cart-wrap .product-price span,
.product-price .text-brand,
.text-brand {
    text-shadow: 0 0 14px rgba(0, 229, 255, 0.42);
}

.section-title,
.heading-tab h3,
.widget-title {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.section-title::after,
.heading-tab h3::after,
.widget-title::after {
    content: "";
    display: inline-block;
    width: 46px;
    height: 3px;
    background: linear-gradient(90deg, var(--gaming-blue), var(--gaming-green));
    box-shadow: 0 0 14px rgba(0, 229, 255, 0.58);
}

.banner-left-icon {
    position: relative;
    overflow: hidden;
    clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
}

.banner-left-icon::after {
    content: "";
    position: absolute;
    inset: auto 16px 10px 16px;
    height: 2px;
    pointer-events: none;
    background: linear-gradient(90deg, var(--gaming-pink), var(--gaming-blue), var(--gaming-green));
    opacity: 0.72;
}

.mobile-header-wrapper-inner,
.mobile-menu-wrap,
.mobile-header-content-area,
.mobile-header-info-wrap,
.mobile-header-border {
    background: rgba(6, 10, 21, 0.98) !important;
    border-color: rgba(0, 229, 255, 0.2) !important;
}

.mobile-menu-wrap a,
.mobile-header-info-wrap a,
.mobile-menu li a {
    color: #eaf2ff !important;
}

.mobile-menu-wrap a:hover,
.mobile-header-info-wrap a:hover,
.mobile-menu li a:hover {
    color: var(--gaming-green) !important;
}

.mobile-search form {
    border: 1px solid rgba(0, 229, 255, 0.3);
    border-radius: 8px;
    overflow: hidden;
}

@media (max-width: 991.98px) {
    .header-action-2 {
        gap: 7px;
    }

    .header-action-2 .header-action-icon-2 > a,
    .header-action-2 .header-action-icon-2 .burger-icon {
        width: 40px;
        height: 40px;
    }

    .header-action-2 .header-action-icon-2 > a img {
        width: 20px;
        height: 20px;
    }

    .single-hero-slider {
        min-height: 460px;
        border-radius: 0;
    }

    .hero-slider-content-2 {
        padding: 22px;
        background: rgba(5, 7, 17, 0.58);
    }
}

@media (max-width: 575.98px) {
    .header-bottom .container,
    .header-middle .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .header-action-2 {
        gap: 5px;
    }

    .header-action-2 .header-action-icon-2 > a,
    .header-action-2 .header-action-icon-2 .burger-icon {
        width: 36px;
        height: 36px;
        clip-path: polygon(0 0, calc(100% - 7px) 0, 100% 7px, 100% 100%, 7px 100%, 0 calc(100% - 7px));
    }

    .header-action-2 .header-action-icon-2 > a span.pro-count {
        top: -7px !important;
        right: -7px !important;
        min-width: 18px;
        height: 18px;
        line-height: 18px;
        font-size: 10px;
    }

    .single-hero-slider {
        min-height: 390px;
    }

    .single-hero-slider::after {
        left: 14px;
        right: 14px;
        bottom: 12px;
    }

    .hero-slider-content-2 {
        padding: 18px 14px;
        border-left-width: 2px;
    }

    .product-cart-wrap {
        clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
    }

    .product-cart-wrap::after {
        width: 17px;
        height: 17px;
        top: 8px;
        right: 8px;
    }

    .product-cart-wrap .product-content-wrap {
        padding: 10px 8px 42px !important;
    }

    .product-cart-wrap .product-img-action-wrap > .product-action-1 {
        top: 7px !important;
        right: 7px !important;
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        gap: 4px;
        padding: 4px;
    }

    .product-cart-wrap .product-img-action-wrap > .product-action-1 a.action-btn {
        width: 28px !important;
        height: 28px !important;
        line-height: 28px !important;
        font-size: 12px !important;
    }
}

/*
 * Product media harmony pass.
 * Product catalog photos often ship with white backdrops; this makes them blend into the gaming skin.
 */

:root {
    --gaming-bg: #0b1220;
    --gaming-panel: rgba(18, 31, 52, 0.94);
    --gaming-panel-2: rgba(21, 36, 60, 0.96);
    --gaming-media-1: #e5eef6;
    --gaming-media-2: #b5c7d8;
    --gaming-media-3: #7f98b1;
    --gaming-steel: #15243c;
}

body {
    background-color: var(--gaming-bg);
    background-image:
        repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 34px),
        repeating-linear-gradient(90deg, rgba(0, 229, 255, 0.035) 0 1px, transparent 1px 34px),
        linear-gradient(135deg, rgba(0, 229, 255, 0.12), transparent 32%),
        linear-gradient(315deg, rgba(139, 92, 246, 0.1), transparent 34%),
        linear-gradient(180deg, #101a2e 0%, #0b1220 58%, #111827 100%);
}

.product-cart-wrap {
    background:
        linear-gradient(150deg, rgba(0, 229, 255, 0.09), transparent 24%),
        linear-gradient(330deg, rgba(139, 92, 246, 0.12), transparent 28%),
        linear-gradient(180deg, #14233a 0%, #0d1729 100%) !important;
    border-color: rgba(121, 192, 255, 0.36) !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22), inset 0 0 22px rgba(255, 255, 255, 0.035) !important;
}

.product-cart-wrap:hover {
    border-color: rgba(69, 255, 154, 0.58) !important;
    box-shadow: 0 20px 42px rgba(0, 0, 0, 0.28), 0 0 24px rgba(0, 229, 255, 0.16) !important;
}

.product-cart-wrap .product-img-action-wrap {
    isolation: isolate;
    background:
        linear-gradient(135deg, rgba(0, 229, 255, 0.18), transparent 34%),
        repeating-linear-gradient(135deg, rgba(12, 25, 43, 0.08) 0 8px, transparent 8px 16px),
        radial-gradient(circle at 22% 18%, rgba(255, 255, 255, 0.95), transparent 24%),
        linear-gradient(180deg, var(--gaming-media-1) 0%, var(--gaming-media-2) 62%, var(--gaming-media-3) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.26);
    border-radius: 8px;
    margin: 10px;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px rgba(0, 229, 255, 0.16), inset 0 -28px 46px rgba(15, 31, 52, 0.18);
}

.product-cart-wrap .product-img-action-wrap::before {
    content: "";
    position: absolute;
    inset: 10px;
    pointer-events: none;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 6px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.18), transparent 46%);
    z-index: 1;
}

.product-cart-wrap .product-img-action-wrap::after {
    z-index: 2;
    background: linear-gradient(90deg, transparent, rgba(0, 229, 255, 0.82), rgba(69, 255, 154, 0.58), transparent);
}

.product-cart-wrap .product-img {
    position: relative;
    z-index: 3;
}

.product-cart-wrap .product-img a img {
    mix-blend-mode: multiply;
    filter: contrast(1.08) saturate(1.05) drop-shadow(0 18px 22px rgba(6, 12, 24, 0.24)) !important;
}

.product-cart-wrap .product-img-action-wrap > .product-action-1 {
    background: rgba(15, 29, 49, 0.58);
    border-color: rgba(255, 255, 255, 0.34);
    box-shadow: 0 12px 24px rgba(8, 16, 30, 0.28);
    z-index: 7;
}

.product-cart-wrap .product-content-wrap {
    background: linear-gradient(180deg, rgba(19, 34, 56, 0.22), rgba(8, 14, 26, 0.42)) !important;
}

.product-cart-wrap .product-content-wrap h2,
.product-cart-wrap .product-content-wrap h2 a {
    color: #edf6ff !important;
}

.product-cart-wrap .product-category a {
    color: #95f7d1 !important;
}

.product-cart-wrap .product-price span,
.product-price .text-brand,
.text-brand {
    color: #23dfff !important;
}

@media (max-width: 575.98px) {
    .product-cart-wrap .product-img-action-wrap {
        margin: 8px;
    }

    .product-cart-wrap .product-img-action-wrap::before {
        inset: 7px;
    }
}

/*
 * Light console product cards.
 * This keeps product photos with white backgrounds from clashing with the darker gaming page.
 */

:root {
    --gaming-card-light: #d9e7f2;
    --gaming-card-light-2: #edf6fb;
    --gaming-card-ink: #152237;
    --gaming-card-muted: #5b6f87;
}

.product-cart-wrap {
    color: var(--gaming-card-ink);
    background:
        linear-gradient(135deg, rgba(0, 229, 255, 0.18), transparent 28%),
        linear-gradient(315deg, rgba(139, 92, 246, 0.13), transparent 30%),
        linear-gradient(180deg, var(--gaming-card-light-2) 0%, var(--gaming-card-light) 100%) !important;
    border-color: rgba(0, 229, 255, 0.42) !important;
    box-shadow: 0 18px 38px rgba(2, 8, 19, 0.22), inset 0 0 0 1px rgba(255, 255, 255, 0.68) !important;
}

.product-cart-wrap::before {
    height: 4px;
    opacity: 1;
}

.product-cart-wrap::after {
    border-color: var(--gaming-green);
    opacity: 0.95;
}

.product-cart-wrap:hover {
    border-color: rgba(0, 229, 255, 0.72) !important;
    box-shadow: 0 24px 48px rgba(2, 8, 19, 0.28), 0 0 24px rgba(0, 229, 255, 0.18), inset 0 0 0 1px rgba(255, 255, 255, 0.78) !important;
}

.product-cart-wrap .product-img-action-wrap {
    background:
        repeating-linear-gradient(135deg, rgba(0, 72, 120, 0.055) 0 8px, transparent 8px 16px),
        linear-gradient(180deg, #f8fbff 0%, #dbe8f2 56%, #c5d4e1 100%) !important;
    border-color: rgba(64, 94, 126, 0.28);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.88), inset 0 -24px 40px rgba(23, 42, 68, 0.11);
}

.product-cart-wrap .product-img-action-wrap::before {
    border-color: rgba(56, 86, 118, 0.18);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.32), transparent 50%);
}

.product-cart-wrap .product-img a img {
    mix-blend-mode: normal;
    filter: contrast(1.04) saturate(1.03) drop-shadow(0 16px 20px rgba(21, 34, 55, 0.18)) !important;
}

.product-cart-wrap .product-content-wrap {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.24), rgba(203, 218, 232, 0.36)) !important;
}

.product-cart-wrap .product-content-wrap h2,
.product-cart-wrap .product-content-wrap h2 a {
    color: var(--gaming-card-ink) !important;
    text-shadow: none;
}

.product-cart-wrap .product-content-wrap h2 {
    border-bottom-color: rgba(21, 34, 55, 0.22) !important;
}

.product-cart-wrap .product-category a {
    color: #006f86 !important;
}

.product-cart-wrap .product-price span,
.product-price .text-brand,
.text-brand {
    color: #0078a6 !important;
    text-shadow: none;
}

.product-cart-wrap .product-price .old-price,
.old-price,
.product-cart-wrap .rating_num {
    color: var(--gaming-card-muted) !important;
}

.product-cart-wrap .product-img-action-wrap > .product-action-1 {
    background: rgba(18, 31, 52, 0.28);
    border-color: rgba(21, 34, 55, 0.18);
}

/*
 * Arcade daylight replacement theme.
 * A full visual reset away from the previous dark cyber look.
 */

:root {
    --font-text: "Inter", "Poppins", system-ui, sans-serif;
    --color-brand: #176bff;
    --primary-color: #176bff;
    --color-brand-2: #ff6b35;
    --color-primary: #176bff;
    --color-secondary: #26364f;
    --color-warning: #ffb703;
    --color-danger: #ff3d6e;
    --color-success: #20c997;
    --color-info: #00a7c8;
    --color-text: #34445f;
    --color-heading: #132033;
    --color-grey-1: #132033;
    --color-grey-2: #26364f;
    --color-grey-4: #718096;
    --color-grey-9: #eef4fb;
    --color-muted: #66758f;
    --color-body: #34445f;
    --arcade-ink: #132033;
    --arcade-muted: #66758f;
    --arcade-paper: #f8fbff;
    --arcade-cloud: #eef4fb;
    --arcade-blue: #176bff;
    --arcade-cyan: #00c2d7;
    --arcade-coral: #ff6b35;
    --arcade-lime: #a3e635;
    --arcade-yellow: #ffb703;
    --gaming-blue: var(--arcade-blue);
    --gaming-pink: var(--arcade-coral);
    --gaming-green: #20c997;
    --gaming-purple: #7c3aed;
}

html,
body {
    background: var(--arcade-cloud) !important;
}

body {
    color: var(--arcade-ink);
    background-image:
        linear-gradient(135deg, rgba(23, 107, 255, 0.08) 0 18%, transparent 18% 100%),
        linear-gradient(315deg, rgba(255, 107, 53, 0.09) 0 14%, transparent 14% 100%),
        repeating-linear-gradient(90deg, rgba(19, 32, 51, 0.035) 0 1px, transparent 1px 42px),
        repeating-linear-gradient(0deg, rgba(19, 32, 51, 0.028) 0 1px, transparent 1px 42px),
        linear-gradient(180deg, #fbfdff 0%, #edf4fb 46%, #e8f0f8 100%) !important;
}

a,
.text-brand {
    color: var(--arcade-blue) !important;
}

a:hover {
    color: var(--arcade-coral) !important;
}

.header-area {
    background: transparent !important;
    box-shadow: 0 16px 34px rgba(34, 56, 86, 0.08);
}

.header-area::after {
    background: linear-gradient(90deg, var(--arcade-coral), var(--arcade-yellow), var(--arcade-lime), var(--arcade-cyan), var(--arcade-blue));
    box-shadow: none;
}

.header-top {
    background: #132033 !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.header-top a,
.header-top span,
.header-top li,
.header-top i {
    color: #f8fbff !important;
}

.header-middle,
.header-bottom,
.mobile-header-wrapper-style,
.sticky-bar.stick {
    background: rgba(248, 251, 255, 0.94) !important;
    border-color: rgba(23, 107, 255, 0.13) !important;
    backdrop-filter: blur(14px);
}

.logo img,
.mobile-header-logo img {
    filter: drop-shadow(0 8px 14px rgba(23, 107, 255, 0.18)) !important;
}

.main-menu > nav > ul > li > a,
.categories-dropdown-active-large,
.hotline p,
.hotline p span,
.header-action-2 .header-action-icon-2 span.lable,
.header-info-right a {
    color: var(--arcade-ink) !important;
    text-shadow: none !important;
}

.main-menu > nav > ul > li > a:hover,
.main-menu > nav > ul > li:hover > a,
.categories-dropdown-active-large:hover,
.header-info-right a:hover {
    color: var(--arcade-blue) !important;
    text-shadow: none !important;
}

.header-info i,
.hotline i,
.main-categories-wrap i,
.main-menu i {
    color: var(--arcade-coral) !important;
    text-shadow: none !important;
}

.search-style-2 form {
    background: #ffffff !important;
    border: 2px solid rgba(23, 107, 255, 0.28) !important;
    border-radius: 14px !important;
    box-shadow: 0 16px 34px rgba(28, 53, 92, 0.1);
    clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
}

.search-style-2 form input,
.search-style-2 form select {
    background: #ffffff !important;
    color: var(--arcade-ink) !important;
    border-color: rgba(23, 107, 255, 0.16) !important;
}

.search-style-2 form .form-group--icon {
    background: #f4f8fd !important;
    border-right: 1px solid rgba(23, 107, 255, 0.16);
}

.form-group--icon .product-cat-label {
    color: var(--arcade-ink) !important;
}

.form-group--icon .product-cat-label::after {
    color: var(--arcade-coral) !important;
}

.search-style-2 form button,
.mobile-search form button,
.btn,
.button,
.btn-default,
button.submit,
button[type=submit],
.hero-slider-content-2 a.btn {
    color: #ffffff !important;
    background: linear-gradient(135deg, var(--arcade-coral), var(--arcade-yellow)) !important;
    border: 0 !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 24px rgba(255, 107, 53, 0.24);
}

.btn:hover,
.button:hover,
.btn-default:hover,
button.submit:hover,
button[type=submit]:hover,
.hero-slider-content-2 a.btn:hover {
    background: linear-gradient(135deg, var(--arcade-blue), var(--arcade-cyan)) !important;
    color: #ffffff !important;
    box-shadow: 0 16px 28px rgba(23, 107, 255, 0.22);
}

.header-action-2 .header-action-icon-2 > a,
.header-action-2 .header-action-icon-2 .burger-icon {
    background: #ffffff !important;
    border: 2px solid rgba(23, 107, 255, 0.16);
    border-radius: 12px;
    box-shadow: 0 12px 26px rgba(28, 53, 92, 0.1);
}

.header-action-2 .header-action-icon-2 > a:hover,
.header-action-2 .header-action-icon-2 .burger-icon:hover {
    background: #fff7ed !important;
    border-color: rgba(255, 107, 53, 0.5);
    box-shadow: 0 14px 28px rgba(255, 107, 53, 0.15);
}

.header-action-2 .header-action-icon-2 > a img {
    filter: brightness(0) saturate(100%) invert(15%) sepia(22%) saturate(1269%) hue-rotate(179deg) brightness(92%) contrast(92%) !important;
}

.header-action-2 .header-action-icon-2 > a span.pro-count {
    background: var(--arcade-coral) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 16px rgba(255, 107, 53, 0.28);
}

.burger-icon > span {
    background-color: var(--arcade-ink) !important;
    box-shadow: none;
}

.burger-icon > span::before,
.burger-icon > span::after,
.burger-icon.burger-icon-white > span::before,
.burger-icon.burger-icon-white > span::after {
    background-color: var(--arcade-ink) !important;
}

.categories-button-active,
.categories-button-active-2 {
    color: var(--arcade-ink) !important;
    background: #ffffff !important;
    border: 2px solid rgba(23, 107, 255, 0.16);
    border-radius: 12px;
    box-shadow: 0 12px 24px rgba(28, 53, 92, 0.08);
}

.categories-button-active:hover,
.categories-button-active-2:hover {
    color: var(--arcade-coral) !important;
    border-color: rgba(255, 107, 53, 0.4);
}

.single-hero-slider {
    min-height: 580px;
    background:
        linear-gradient(110deg, rgba(255, 255, 255, 0.92) 0 43%, rgba(255, 255, 255, 0.25) 43% 100%),
        repeating-linear-gradient(90deg, rgba(23, 107, 255, 0.08) 0 2px, transparent 2px 64px),
        linear-gradient(135deg, #eaf4ff 0%, #f8fbff 48%, #ffe8dc 100%) !important;
    border: 0 !important;
    border-radius: 18px !important;
    box-shadow: 0 24px 54px rgba(35, 57, 91, 0.13);
}

.single-hero-slider::before {
    background:
        linear-gradient(135deg, rgba(23, 107, 255, 0.12), transparent 38%),
        linear-gradient(315deg, rgba(255, 107, 53, 0.12), transparent 34%) !important;
    mix-blend-mode: normal;
    opacity: 1;
}

.single-hero-slider::after {
    left: 34px;
    right: 34px;
    bottom: 24px;
    height: 5px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--arcade-coral), var(--arcade-yellow), var(--arcade-lime), var(--arcade-cyan), var(--arcade-blue));
    box-shadow: none;
}

.hero-slider-content-2 {
    background: transparent !important;
    border-left: 0;
    border-top: 7px solid var(--arcade-coral);
    padding: 28px 0 28px 22px;
}

.hero-slider-content-2 h1,
.hero-slider-content-2 h2,
.hero-slider-content-2 h3,
.hero-slider-content-2 h4,
.section-title,
.heading-tab h3,
.widget-title,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--arcade-ink) !important;
    text-shadow: none !important;
}

.hero-slider-content-2 .text-brand,
.hero-slider-content-2 h1 strong,
.hero-slider-content-2 h2 strong {
    color: var(--arcade-blue) !important;
    text-shadow: none !important;
}

.hero-slider-content-2 p,
.hero-slider-content-2 span,
.hero-slider-content-2 .font-lg {
    color: var(--arcade-muted) !important;
}

.slider-arrow .slider-btn,
.carausel-4-columns-arrow .slider-btn,
.custom_slick_slider .slick-arrow {
    background: #ffffff !important;
    border: 2px solid rgba(23, 107, 255, 0.2) !important;
    color: var(--arcade-ink) !important;
    box-shadow: 0 14px 24px rgba(28, 53, 92, 0.12);
}

.slider-arrow .slider-btn:hover,
.carausel-4-columns-arrow .slider-btn:hover,
.custom_slick_slider .slick-arrow:hover {
    background: var(--arcade-blue) !important;
    color: #ffffff !important;
}

.product-cart-wrap {
    color: var(--arcade-ink);
    background: #ffffff !important;
    border: 2px solid rgba(23, 107, 255, 0.12) !important;
    border-radius: 16px !important;
    box-shadow: 0 16px 34px rgba(28, 53, 92, 0.1) !important;
    clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
}

.product-cart-wrap::before {
    height: 6px;
    background: linear-gradient(90deg, var(--arcade-blue), var(--arcade-cyan), var(--arcade-lime), var(--arcade-yellow), var(--arcade-coral));
}

.product-cart-wrap::after {
    border-color: var(--arcade-coral);
    filter: none;
}

.product-cart-wrap:hover {
    transform: translateY(-5px);
    border-color: rgba(255, 107, 53, 0.34) !important;
    box-shadow: 0 22px 42px rgba(28, 53, 92, 0.15) !important;
}

.product-cart-wrap .product-img-action-wrap {
    background:
        linear-gradient(135deg, rgba(23, 107, 255, 0.08), transparent 36%),
        repeating-linear-gradient(135deg, rgba(19, 32, 51, 0.04) 0 8px, transparent 8px 16px),
        linear-gradient(180deg, #ffffff 0%, #eef4fb 100%) !important;
    border: 1px solid rgba(23, 107, 255, 0.13);
    border-radius: 14px;
    margin: 10px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.85);
}

.product-cart-wrap .product-img-action-wrap::after {
    background: linear-gradient(90deg, transparent, var(--arcade-cyan), transparent) !important;
}

.product-cart-wrap .product-img a img {
    mix-blend-mode: normal;
    filter: contrast(1.03) saturate(1.03) drop-shadow(0 14px 18px rgba(28, 53, 92, 0.16)) !important;
}

.product-cart-wrap .product-content-wrap {
    background: transparent !important;
}

.product-cart-wrap .product-content-wrap h2,
.product-cart-wrap .product-content-wrap h2 a {
    color: var(--arcade-ink) !important;
}

.product-cart-wrap .product-category a {
    color: var(--arcade-blue) !important;
}

.product-cart-wrap .product-price span,
.product-price .text-brand,
.product-cart-wrap .product-price .text-brand {
    color: #0077b6 !important;
}

.product-cart-wrap .product-price .old-price,
.old-price,
.product-cart-wrap .rating_num {
    color: var(--arcade-muted) !important;
}

.product-cart-wrap .product-img-action-wrap > .product-action-1 {
    background: rgba(255, 255, 255, 0.78) !important;
    border-color: rgba(23, 107, 255, 0.16);
    box-shadow: 0 12px 22px rgba(28, 53, 92, 0.14);
}

.product-cart-wrap .product-action-1 a.action-btn,
.product-cart-wrap .product-action-1.show a,
.product-cart-wrap .product-action-1 a.action-btn i,
.product-cart-wrap .product-action-1.show a i {
    color: #ffffff !important;
}

.product-cart-wrap .product-action-1 a.action-btn,
.product-cart-wrap .product-action-1.show a {
    background: linear-gradient(135deg, var(--arcade-blue), var(--arcade-cyan)) !important;
    border: 0 !important;
}

.product-cart-wrap .product-action-1 a.action-btn:hover,
.product-cart-wrap .product-action-1.show a:hover {
    background: linear-gradient(135deg, var(--arcade-coral), var(--arcade-yellow)) !important;
}

.nav-tabs .nav-link,
.shop-product-filter,
.sidebar-widget,
.widget-category,
.detail-info,
.tab-style3 .tab-content,
.comments-area,
.login_wrap,
.cart_total_amount,
.table-wishlist,
.table-responsive,
.banner-left-icon {
    background: #ffffff !important;
    border: 1px solid rgba(23, 107, 255, 0.12) !important;
    color: var(--arcade-ink) !important;
    box-shadow: 0 14px 30px rgba(28, 53, 92, 0.08);
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {
    background: #fff7ed !important;
    color: var(--arcade-coral) !important;
    border-color: rgba(255, 107, 53, 0.35) !important;
}

input,
select,
textarea,
.form-control,
.select2-container--default .select2-selection--single {
    background: #ffffff !important;
    border-color: rgba(23, 107, 255, 0.18) !important;
    color: var(--arcade-ink) !important;
}

.panel--search-result,
.cart-dropdown-wrap,
.categories-dropdown-wrap,
.language-dropdown,
.sub-menu,
.main-menu nav ul li ul.sub-menu {
    background: #ffffff !important;
    border: 1px solid rgba(23, 107, 255, 0.16) !important;
    color: var(--arcade-ink) !important;
    box-shadow: 0 18px 40px rgba(28, 53, 92, 0.14) !important;
}

.panel--search-result *,
.cart-dropdown-wrap *,
.categories-dropdown-wrap *,
.language-dropdown *,
.main-menu nav ul li ul.sub-menu * {
    color: var(--arcade-ink) !important;
}

.newsletter {
    background-image: linear-gradient(100deg, rgba(23, 107, 255, 0.12), rgba(163, 230, 53, 0.13), rgba(255, 107, 53, 0.12)) !important;
    border-color: rgba(23, 107, 255, 0.12);
}

footer.main {
    background: #f8fbff !important;
    border-top: 1px solid rgba(23, 107, 255, 0.12);
}

footer.main p,
footer.main li a,
footer.main .text-muted {
    color: var(--arcade-muted) !important;
}

footer.main li a:hover {
    color: var(--arcade-coral) !important;
}

.mobile-header-wrapper-inner,
.mobile-menu-wrap,
.mobile-header-content-area,
.mobile-header-info-wrap,
.mobile-header-border {
    background: #ffffff !important;
    border-color: rgba(23, 107, 255, 0.12) !important;
}

.mobile-menu-wrap a,
.mobile-header-info-wrap a,
.mobile-menu li a {
    color: var(--arcade-ink) !important;
}

.mobile-search form {
    background: #ffffff !important;
    border-color: rgba(23, 107, 255, 0.18);
}

@media (max-width: 991.98px) {
    .single-hero-slider {
        min-height: 430px;
        border-radius: 14px !important;
    }

    .hero-slider-content-2 {
        padding: 20px 0 20px 16px;
    }
}

@media (max-width: 575.98px) {
    body {
        background-size: auto, auto, 34px 34px, 34px 34px, auto !important;
    }

    .single-hero-slider {
        min-height: 360px;
    }

    .product-cart-wrap {
        clip-path: polygon(0 0, calc(100% - 11px) 0, 100% 11px, 100% 100%, 11px 100%, 0 calc(100% - 11px));
    }

    .product-cart-wrap .product-img-action-wrap {
        margin: 7px;
        border-radius: 12px;
    }
}

.header-top .header-info-right a,
.header-top .header-info-right li,
.header-top .language-dropdown-active,
.header-top .language-dropdown-active i,
.header-top .fa-chevron-down {
    color: #f8fbff !important;
}

.header-top .header-info-right i {
    color: var(--arcade-coral) !important;
}

.cookie-consent {
    background: rgba(248, 251, 255, 0.96) !important;
    color: var(--arcade-ink) !important;
    border-top: 1px solid rgba(23, 107, 255, 0.14);
    box-shadow: 0 -16px 34px rgba(28, 53, 92, 0.1);
    backdrop-filter: blur(14px);
}

.cookie-consent .cookie-consent__message,
.cookie-consent .cookie-consent__message a {
    color: var(--arcade-ink) !important;
}

.cookie-consent .cookie-consent__message a {
    text-decoration-color: var(--arcade-coral);
}

.cookie-consent .cookie-consent__agree {
    background: linear-gradient(135deg, var(--arcade-coral), var(--arcade-yellow)) !important;
    border: 0 !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    box-shadow: 0 10px 20px rgba(255, 107, 53, 0.22);
}

.cookie-consent .cookie-consent__agree:hover {
    background: linear-gradient(135deg, var(--arcade-blue), var(--arcade-cyan)) !important;
    color: #ffffff !important;
}

/*
 * Navigation and mobile shopping polish.
 * Fixes layer overlap, clipped controls, category menus, tabs, and cart responsiveness.
 */

.header-area {
    z-index: 4000 !important;
}

.header-wrap,
.header-space-between,
.main-nav,
.header-bottom .container,
.main-categories-wrap,
.header-action-right,
.header-action-2 {
    overflow: visible !important;
}

.main-categories-wrap {
    position: relative;
    z-index: 4300;
}

.header-action-2 .header-action-icon-2 > a,
.header-action-2 .header-action-icon-2 .burger-icon {
    clip-path: none !important;
    overflow: visible !important;
    border-radius: 14px !important;
}

.header-action-2 .header-action-icon-2 > a span.pro-count {
    top: -7px !important;
    right: -7px !important;
    min-width: 19px;
    height: 19px;
    line-height: 19px;
    border-radius: 999px !important;
    border: 2px solid #ffffff;
    font-size: 10px;
}

.categories-dropdown-wrap,
.categories-dropdown-wrap.open,
.categories-dropdown-active-large.open,
.categories-dropdown-active-small.open {
    position: absolute;
    z-index: 5000 !important;
    opacity: 1 !important;
    overflow: visible !important;
    background: #ffffff !important;
    border: 1px solid rgba(23, 107, 255, 0.18) !important;
    border-radius: 14px !important;
    box-shadow: 0 26px 60px rgba(24, 47, 82, 0.18) !important;
    isolation: isolate;
}

.categories-dropdown-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background:
        linear-gradient(135deg, rgba(23, 107, 255, 0.05), transparent 34%),
        linear-gradient(315deg, rgba(255, 107, 53, 0.06), transparent 30%),
        #ffffff;
}

.categories-dropdown-wrap ul {
    position: relative;
    z-index: 2;
    padding: 10px !important;
    background: transparent !important;
}

.categories-dropdown-wrap ul li {
    border-radius: 10px;
    overflow: visible;
}

.categories-dropdown-wrap ul li a {
    min-height: 38px;
    display: flex !important;
    align-items: center;
    gap: 10px;
    padding: 9px 12px !important;
    border-radius: 10px;
    color: var(--arcade-ink) !important;
    background: transparent !important;
}

.categories-dropdown-wrap ul li a:hover,
.categories-dropdown-wrap ul li:hover > a {
    color: var(--arcade-blue) !important;
    background: #eef6ff !important;
}

.categories-dropdown-wrap ul li a i,
.categories-dropdown-wrap ul li a img {
    width: 20px;
    min-width: 20px;
    text-align: center;
    color: var(--arcade-coral) !important;
}

.categories-dropdown-wrap ul li.has-children > a::after {
    color: var(--arcade-ink) !important;
    opacity: 0.65;
}

.categories-dropdown-wrap ul li .dropdown-menu {
    z-index: 5100 !important;
    background: #ffffff !important;
    border: 1px solid rgba(23, 107, 255, 0.16) !important;
    border-radius: 14px !important;
    box-shadow: 0 22px 48px rgba(24, 47, 82, 0.16) !important;
    padding: 8px !important;
}

.categories-dropdown-wrap .more_categories {
    position: relative;
    z-index: 2;
    margin: 8px 10px 10px;
    padding: 10px 12px !important;
    border-radius: 10px;
    background: #f4f8ff;
    color: var(--arcade-blue) !important;
    font-weight: 700;
}

.categories-dropdown-wrap .more_categories::before,
.categories-dropdown-wrap .more_categories::after {
    background: var(--arcade-blue) !important;
}

.newsletter,
footer.main,
main.main,
#main-section {
    position: relative;
    z-index: 1;
}

.product-tabs {
    overflow: hidden;
}

.product-tabs .nav-tabs {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 2px 0 12px;
    border-bottom: 0 !important;
    scrollbar-width: none;
}

.product-tabs .nav-tabs::-webkit-scrollbar {
    display: none;
}

.product-tabs .nav-tabs .nav-item {
    flex: 0 0 auto;
}

.product-tabs .nav-tabs .nav-link {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    border-radius: 12px !important;
    padding: 10px 16px !important;
    background: #ffffff !important;
    border: 1px solid rgba(23, 107, 255, 0.16) !important;
    box-shadow: 0 10px 20px rgba(28, 53, 92, 0.07);
}

.product-tabs .nav-tabs .nav-link.active {
    color: #ffffff !important;
    background: linear-gradient(135deg, var(--arcade-coral), var(--arcade-yellow)) !important;
    border-color: transparent !important;
}

.divider.center_icon,
.tt_divider {
    display: none !important;
}

.page-header.breadcrumb-wrap {
    position: relative;
    z-index: 1;
    background: rgba(248, 251, 255, 0.78) !important;
    border-top: 1px solid rgba(23, 107, 255, 0.08);
    border-bottom: 1px solid rgba(23, 107, 255, 0.08);
    padding: 16px 0 !important;
    margin-bottom: 18px;
}

.breadcrumb a,
.breadcrumb .breadcrumb-item,
.breadcrumb .breadcrumb-item i {
    color: var(--arcade-muted) !important;
}

.breadcrumb a {
    color: var(--arcade-blue) !important;
}

.section--shopping-cart {
    position: relative;
    z-index: 1;
}

.form--shopping-cart > .table-responsive {
    margin-top: 18px;
    overflow: hidden;
    border-radius: 18px !important;
    background: #ffffff !important;
    border: 1px solid rgba(23, 107, 255, 0.12) !important;
    box-shadow: 0 18px 42px rgba(28, 53, 92, 0.1) !important;
}

.table--cart {
    margin-bottom: 0 !important;
}

.table--cart thead tr {
    border-bottom: 2px solid var(--arcade-ink);
}

.table--cart th {
    color: var(--arcade-ink) !important;
    font-weight: 800 !important;
    background: #ffffff !important;
}

.table--cart td {
    color: var(--arcade-ink) !important;
    vertical-align: middle !important;
}

.table--cart .product-thumbnail img {
    width: 86px;
    height: 86px;
    object-fit: contain;
    border-radius: 14px;
    background: #f3f8ff;
    padding: 8px;
}

.table--cart .detail-qty {
    border-radius: 12px !important;
    border-color: rgba(23, 107, 255, 0.16) !important;
    background: #ffffff;
}

.cart-action {
    margin-top: 18px;
}

.cart-action .btn {
    min-width: 220px;
}

.cart-totals,
.form-coupon-wrapper {
    background: #ffffff !important;
    border: 1px solid rgba(23, 107, 255, 0.12) !important;
    border-radius: 18px !important;
    box-shadow: 0 16px 34px rgba(28, 53, 92, 0.08);
}

@media (max-width: 991.98px) {
    .header-bottom .logo-width-1 img,
    .mobile-header-logo img {
        opacity: 1 !important;
        filter: brightness(0) saturate(100%) invert(43%) sepia(94%) saturate(2148%) hue-rotate(197deg) brightness(101%) contrast(101%) !important;
    }

    .header-bottom {
        position: sticky;
        top: 0;
        z-index: 4200;
        background: #ffffff !important;
        box-shadow: 0 12px 28px rgba(28, 53, 92, 0.09);
    }

    .header-bottom .header-wrap,
    .header-bottom .container {
        background: #ffffff !important;
    }

    .mobile-header-active {
        z-index: 9200 !important;
    }

    .mobile-header-active.sidebar-visible,
    .mobile-header-wrapper-style.sidebar-visible {
        z-index: 9200 !important;
    }

    .mobile-header-wrapper-style,
    .mobile-header-wrapper-style .mobile-header-wrapper-inner {
        background: #ffffff !important;
        box-shadow: 0 18px 48px rgba(28, 53, 92, 0.18);
    }

    .body-overlay-1 {
        z-index: 8900 !important;
    }

    .mobile-menu-active .cookie-consent {
        z-index: 8800 !important;
    }

    .categories-dropdown-active-small {
        position: static !important;
        max-height: 54vh;
        overflow-y: auto !important;
        margin-top: 10px;
        box-shadow: none !important;
    }

    .mobile-menu-wrap .main-categories-wrap {
        position: relative;
        z-index: 2;
    }

    .mobile-menu-wrap .categories-dropdown-wrap {
        padding: 8px 0 !important;
        margin-top: 8px !important;
        border-radius: 16px !important;
        overflow-y: auto !important;
        background: #ffffff !important;
    }

    .mobile-menu-wrap .categories-dropdown-wrap ul {
        margin: 0 !important;
        padding: 4px 10px !important;
    }

    .mobile-menu-wrap .categories-dropdown-wrap ul li a {
        min-height: 34px;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .product-tabs {
        padding-top: 24px !important;
    }

    .product-tabs .nav-tabs {
        margin-left: -4px;
        margin-right: -4px;
        padding-left: 4px;
        padding-right: 4px;
    }

    .newsletter {
        padding: 22px 14px !important;
    }

    .newsletter .row,
    .newsletter .flex-horizontal-center {
        gap: 10px;
    }

    .newsletter .form-subcriber {
        gap: 8px;
    }

    .newsletter .form-subcriber input,
    .newsletter .form-subcriber button {
        border-radius: 12px !important;
    }
}

@media (max-width: 575.98px) {
    body {
        padding-bottom: 74px;
    }

    .header-bottom .header-wrap {
        display: grid !important;
        grid-template-columns: minmax(76px, 1fr) auto;
        gap: 6px;
        align-items: center;
    }

    .header-bottom .logo-width-1 {
        min-width: 0 !important;
        max-width: 90px !important;
        flex: 0 1 90px;
        overflow: hidden;
    }

    .header-bottom .logo-width-1 a {
        display: block;
        max-width: 100%;
        overflow: hidden;
    }

    .header-bottom .logo-width-1 img,
    .mobile-header-logo img {
        opacity: 1 !important;
        filter: brightness(0) saturate(100%) invert(43%) sepia(94%) saturate(2148%) hue-rotate(197deg) brightness(101%) contrast(101%) !important;
        max-width: 100% !important;
        object-fit: contain;
        object-position: left center;
    }

    .header-action-right {
        min-width: 0;
        flex: 1 1 auto;
        justify-self: end;
    }

    .header-action-2 {
        gap: 3px;
        justify-content: flex-end;
        flex-wrap: nowrap;
    }

    .header-action-2 .header-action-icon-2 {
        flex: 0 0 auto;
    }

    .header-action-2 .header-action-icon-2 > a,
    .header-action-2 .header-action-icon-2 .burger-icon {
        width: 35px !important;
        height: 35px !important;
        border-radius: 12px !important;
    }

    .header-action-2 .header-action-icon-2 > a img {
        width: 18px !important;
        height: 18px !important;
    }

    .header-action-2 .header-action-icon-2 > a span.pro-count {
        top: -6px !important;
        right: -6px !important;
    }

    .product-tabs .nav-tabs .nav-link {
        min-height: 40px;
        padding: 9px 13px !important;
        font-size: 13px;
    }

    .product-cart-wrap .product-action-1.show {
        right: 8px !important;
        bottom: 8px !important;
    }

    .form--shopping-cart > .table-responsive {
        overflow: visible;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        margin-top: 12px;
    }

    .table--cart,
    .table--cart tbody,
    .table--cart tr,
    .table--cart td {
        display: block;
        width: 100%;
    }

    .table--cart thead {
        display: none;
    }

    .table--cart tr {
        position: relative;
        display: grid;
        grid-template-columns: 86px minmax(0, 1fr);
        gap: 10px 12px;
        padding: 14px;
        margin-bottom: 14px;
        border: 1px solid rgba(23, 107, 255, 0.13) !important;
        border-radius: 18px;
        background: #ffffff;
        box-shadow: 0 14px 30px rgba(28, 53, 92, 0.08);
    }

    .table--cart td {
        padding: 0 !important;
        border: 0 !important;
        text-align: start !important;
    }

    .table--cart td.image {
        grid-row: 1 / span 4;
    }

    .table--cart .product-thumbnail img {
        width: 78px;
        height: 78px;
    }

    .table--cart td.product-des {
        padding-right: 28px !important;
    }

    .table--cart td.price,
    .table--cart td[data-title="Subtotal"],
    .table--cart td[data-title="Quantity"] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        min-height: 32px;
        color: var(--arcade-ink) !important;
    }

    .table--cart td[data-title]::before {
        content: attr(data-title);
        color: var(--arcade-muted);
        font-size: 12px;
        font-weight: 700;
    }

    .table--cart td.action {
        position: absolute;
        top: 12px;
        right: 12px;
        width: auto;
    }

    .table--cart td.action::before {
        display: none;
    }

    .table--cart .detail-qty {
        margin: 0 !important;
    }

    .cart-action {
        text-align: stretch !important;
    }

    .cart-action .btn,
    .cart-totals button[type=submit],
    .btn-apply-coupon-code {
        width: 100%;
        min-width: 0;
        justify-content: center;
        text-align: center;
    }

    .cart-totals,
    .form-coupon-wrapper,
    .total-amount {
        border-radius: 18px !important;
    }

    .cookie-consent {
        padding-bottom: 12px !important;
    }
}

@media (max-width: 390px) {
    .header-bottom .header-wrap {
        grid-template-columns: 54px auto;
        gap: 4px;
    }

    .header-bottom .logo-width-1 {
        max-width: 54px !important;
        flex-basis: 54px;
    }

    .header-bottom .logo-width-1 img {
        max-width: 118px !important;
    }

    .header-action-2 .header-action-icon-2 > a,
    .header-action-2 .header-action-icon-2 .burger-icon {
        width: 32px !important;
        height: 32px !important;
        border-radius: 11px !important;
    }

    .header-action-2 .header-action-icon-2 > a img {
        width: 16px !important;
        height: 16px !important;
    }

    .header-action-2 .header-action-icon-2 > a span.pro-count {
        min-width: 17px;
        height: 17px;
        line-height: 17px;
        top: -5px !important;
        right: -5px !important;
        font-size: 9px;
    }
}

@media (max-width: 350px) {
    .header-bottom .header-wrap {
        grid-template-columns: 48px auto;
    }

    .header-bottom .logo-width-1 {
        max-width: 48px !important;
        flex-basis: 48px;
    }

    .header-action-2 .header-action-icon-2 > a,
    .header-action-2 .header-action-icon-2 .burger-icon {
        width: 30px !important;
        height: 30px !important;
    }
}

/*
 * Lightweight performance pass.
 * Keeps off-screen product sections cheaper to paint and reduces expensive mobile effects.
 */
@supports (content-visibility: auto) {
    .product-cart-wrap,
    .product-tabs,
    .popular-categories,
    .section-padding,
    .featured {
        content-visibility: auto;
        contain-intrinsic-size: 420px;
    }
}

@media (max-width: 767.98px) {
    .product-cart-wrap,
    .header-action-2 .header-action-icon-2 > a,
    .header-action-2 .header-action-icon-2 .burger-icon,
    .mobile-header-wrapper-style {
        box-shadow: 0 8px 18px rgba(28, 53, 92, 0.08) !important;
    }

    .cookie-consent,
    .header-bottom {
        backdrop-filter: none !important;
    }
}