/*
Theme Name: Nexus Gaming Store
Theme URI: https://example.com/nexus-gaming
Author: Antigravity AI
Author URI: https://example.com
Description: ثيم قيمنق متجاوب ومحترف للمتاجر والمنتجات الرقمية والبطاقات يدعم محرر المكعبات الافتراضي للوردبريس واللغة العربية بشكل كامل.
Version: 2.5.0
License: GNU General Public License v2 or later
Text Domain: nexus-gaming
*/

@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800;900&display=swap');

:root {
    --bg-main: #030712;
    --bg-surface: #0b1329;
    --bg-card: rgba(15, 23, 42, 0.65);
    --bg-card-hover: rgba(24, 38, 64, 0.85);
    
    --accent-cyan: #00f2fe;
    --accent-cyan-glow: rgba(0, 242, 254, 0.35);
    --accent-purple: #9d4edd;
    --accent-purple-glow: rgba(157, 78, 221, 0.35);
    --accent-green: #00ff88;
    --accent-green-glow: rgba(0, 255, 136, 0.35);
    --accent-pink: #ff007f;
    --accent-gold: #ffb703;
    
    --text-primary: #ffffff;
    --text-secondary: #e2e8f0;
    --text-muted: #94a3b8;
    
    --border-color: rgba(255, 255, 255, 0.1);
    --border-highlight: rgba(0, 242, 254, 0.5);
    
    --font-family: 'Tajawal', sans-serif;
    --font-numeric: 'Tajawal', sans-serif;
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 20px;
    
    /* 📐 Standardized Typography Architecture Tokens */
    --font-size-display: 28px;
    --font-size-h1: 24px;
    --font-size-h2: 20px;
    --font-size-h3: 17px;
    --font-size-button: 15px;
    --font-size-body: 15px;
    --font-size-label: 14.5px;
    --font-size-meta: 13.5px;
    --font-size-floor: 13.5px;

    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

body {
    background: var(--bg-main);
    color: var(--text-primary);
}

.site-header {
    background: rgba(5, 8, 18, 0.97);
    border-bottom-color: var(--border-color);
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.42);
}

.site-footer {
    background: #070b14;
    border-top-color: var(--border-color);
}

.footer-brand p,
.footer-widget p,
.footer-widget a,
.footer-bottom,
.footer-bottom > div,
.site-description,
.product-card .price del,
.woocommerce .woocommerce-breadcrumb,
.woocommerce-result-count,
.woocommerce-account .woocommerce-MyAccount-content p,
.woocommerce-account .woocommerce-MyAccount-content address,
.woocommerce-account .woocommerce-MyAccount-content table,
.woocommerce-checkout .woocommerce-form-coupon-toggle,
.woocommerce-checkout .woocommerce-form-login-toggle {
    color: var(--text-muted);
}

.footer-widget a:hover {
    color: var(--accent-cyan);
}

.footer-bottom {
    border-top: 1px solid var(--border-color);
}

.footer-social-links a {
    min-width: 44px;
    min-height: 44px;
    display: inline-grid;
    place-items: center;
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: 12px;
}

.footer-social-links a:hover {
    background: var(--bg-card-hover);
    border-color: var(--border-highlight);
}

.product-card,
.feature-card,
.category-card,
.woocommerce div.product,
.woocommerce form.checkout,
.woocommerce-cart-form,
.cart-collaterals,
.woocommerce-account .woocommerce,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce .woocommerce-form-login,
.woocommerce .woocommerce-form-register {
    background-color: var(--bg-card);
    border-color: var(--border-color);
}

.product-card:hover,
.feature-card:hover,
.category-card:hover {
    background-color: var(--bg-card-hover);
    border-color: var(--border-highlight);
}

.woocommerce table.shop_table,
.woocommerce table.shop_table th,
.woocommerce table.shop_table td,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .select2-container--default .select2-selection--single,
.woocommerce .quantity .qty,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="search"],
textarea,
select {
    border-color: rgba(205, 219, 238, 0.62);
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .select2-container--default .select2-selection--single,
.woocommerce .quantity .qty,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="search"],
textarea,
select {
    color: #ffffff;
    background-color: #071425;
}

input::placeholder,
textarea::placeholder,
.select2-selection__placeholder {
    color: #adbed2 !important;
    opacity: 1;
}

.woocommerce form .form-row label,
.woocommerce-account label,
.woocommerce-checkout label {
    color: #eef4fb;
    font-weight: 700;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    color: #ffffff;
    background: #152741;
    border: 1px solid var(--border-color);
}

.woocommerce-message {
    border-inline-start: 4px solid var(--accent-green);
}

.woocommerce-info {
    border-inline-start: 4px solid var(--accent-cyan);
}

.woocommerce-error {
    border-inline-start: 4px solid #ff8da3;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
    color: #e7eef8;
    border-color: transparent;
}

.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
    color: #ffffff;
    background: var(--bg-card-hover);
    border-color: var(--border-color);
}

.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
    color: #041019;
    background: var(--accent-cyan);
    border-color: var(--accent-cyan);
    font-weight: 800;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.button,
button[type="submit"],
input[type="submit"] {
    border: 1px solid var(--accent-cyan);
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
    filter: brightness(1.12);
}

body :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
    outline: 3px solid #ffdc74;
    outline-offset: 3px;
    box-shadow: 0 0 0 6px rgba(255, 220, 116, 0.2);
}

/* Solid system must remain the final storefront cascade. */
.product-card,
.feature-card,
.category-card,
.widget,
.product-details-tabs-section,
.woocommerce div.product,
.woocommerce form.checkout,
.woocommerce-cart-form,
.cart-collaterals,
.woocommerce-account .woocommerce,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-billing-fields,
.nexus-account-page-heading {
    background: var(--batash-solid-card) !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.product-image-wrap,
.woocommerce ul.products li.product a img,
.woocommerce div.product div.images img {
    aspect-ratio: 1 / 1 !important;
}

.product-image-wrap img,
.woocommerce ul.products li.product a img,
.woocommerce div.product div.images img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.btn-primary,
.btn-outline,
.add-to-cart-btn,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.custom-cart-form-wrap form.cart .single_add_to_cart_button,
.wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout #place_order,
button[type="submit"],
input[type="submit"] {
    border: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
}

.product-gallery-thumbs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(72px, 1fr));
    gap: 10px;
    margin-top: 14px;
}

.product-gallery-thumb {
    overflow: hidden;
    padding: 4px;
    background: #172740;
    border: 1px solid rgba(34, 211, 238, 0.22);
    border-radius: 14px;
    cursor: pointer;
}

.product-gallery-thumb.is-active,
.product-gallery-thumb:hover,
.product-gallery-thumb:focus-visible {
    border-color: var(--accent-cyan);
    box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.18);
}

.product-gallery-thumb img {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 10px;
}

/* Responsive rich description media. */
.product-description-section .tab-body figure,
.woocommerce-Tabs-panel--description figure,
.entry-content figure {
    margin: 20px 0;
    padding: 10px;
    background: rgba(16, 33, 57, 0.72);
    border: 1px solid rgba(34, 211, 238, 0.18);
    border-radius: 20px;
}

.product-description-section .tab-body img,
.woocommerce-Tabs-panel--description img,
.entry-content img {
    display: block;
    width: min(100%, 900px);
    max-width: 100%;
    height: auto;
    object-fit: contain;
    margin: 18px auto;
    border: 1px solid rgba(34, 211, 238, 0.24);
    border-radius: 18px;
    background: #07101f;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
}

.product-description-section .tab-body figure img,
.woocommerce-Tabs-panel--description figure img,
.entry-content figure img {
    margin: 0 auto;
}

.product-description-section .tab-body figcaption,
.woocommerce-Tabs-panel--description figcaption,
.entry-content figcaption {
    margin-top: 8px;
    color: #b8c4d7;
    font-size: 13px;
    text-align: center;
}

.batash-empty-cart-actions {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 2rem !important;
}

.batash-empty-cart-actions .button {
    min-width: 190px;
    margin: 0 !important;
    text-align: center;
}

.batash-empty-cart-actions .batash-home-button {
    color: #eaf6ff !important;
    background: #20314b !important;
}

.batash-empty-cart-actions .batash-home-button:hover {
    color: #ffffff !important;
    background: #2a4163 !important;
}

@media (max-width: 520px) {
    .batash-empty-cart-actions {
        align-items: stretch;
    }

    .batash-empty-cart-actions .button {
        width: 100%;
        min-width: 0;
    }
}

.batash-cart-toast {
    position: fixed;
    inset-inline-end: clamp(14px, 3vw, 30px);
    inset-block-end: clamp(16px, 4vw, 34px);
    z-index: 999999;
    isolation: isolate;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    width: min(92vw, 410px);
    min-height: 96px;
    padding: 18px 20px;
    color: #f6fff9;
    background:
        radial-gradient(circle at 12% 18%, rgba(76, 255, 165, .26), transparent 34%),
        linear-gradient(135deg, #062718 0%, #0b3a24 52%, #071a13 100%);
    border: 1px solid rgba(113, 255, 181, .58);
    border-radius: 22px;
    box-shadow:
        0 24px 70px rgba(0, 0, 0, .54),
        0 0 0 1px rgba(134, 255, 195, .12) inset,
        0 0 38px rgba(60, 255, 152, .28);
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translateY(18px) scale(.96);
    transition: opacity .24s ease, transform .24s cubic-bezier(.2, .85, .2, 1.2);
}

.batash-cart-toast::before {
    content: "";
    position: absolute;
    inset: -1px;
    z-index: -1;
    background: linear-gradient(120deg, transparent 0%, rgba(145, 255, 197, .32) 42%, rgba(255, 255, 255, .68) 50%, rgba(145, 255, 197, .32) 58%, transparent 100%);
    opacity: 0;
    transform: translateX(120%);
}

.batash-cart-toast.is-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.batash-cart-toast.is-visible::before {
    animation: batash-toast-shine 1.05s ease .12s both;
}

.batash-cart-toast__shine {
    position: absolute;
    inset-inline-start: -20%;
    inset-block-start: -35%;
    width: 42%;
    height: 170%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .32), transparent);
    transform: rotate(18deg);
    filter: blur(1px);
}

.batash-cart-toast__icon {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    color: #052015;
    background: linear-gradient(135deg, #75ffb5, #25d96f);
    border-radius: 16px;
    font-size: 1.35rem;
    box-shadow: 0 0 26px rgba(80, 255, 155, .45);
}

.batash-cart-toast__content strong,
.batash-cart-toast__content small {
    display: block;
}

.batash-cart-toast__content strong {
    color: #ffffff;
    font-size: clamp(1rem, 2.4vw, 1.15rem);
    font-weight: 700;
    line-height: 1.45;
}

.batash-cart-toast__content small {
    margin-top: 4px;
    color: #c9f7dc;
    font-size: .84rem;
    line-height: 1.6;
}

@keyframes batash-toast-shine {
    0% {
        opacity: 0;
        transform: translateX(120%);
    }
    22% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateX(-120%);
    }
}

@media (max-width: 640px) {
    .batash-cart-toast {
        inset-inline: 14px;
        inset-block-end: 18px;
        width: auto;
        min-height: 86px;
        grid-template-columns: 46px minmax(0, 1fr);
        border-radius: 18px;
        padding: 14px 15px;
    }

    .batash-cart-toast__icon {
        width: 46px;
        height: 46px;
        border-radius: 14px;
    }
}

/* Cart mobile rebuild: one compact purchase panel per item, not a stack of
   large labelled cells. This intentionally overrides the legacy responsive
   table treatment used elsewhere in the theme. */
@media (max-width: 768px) {
    html body.woocommerce-cart .page-content-wrapper {
        width: min(100% - 1rem, 680px) !important;
        margin: .5rem auto 1.25rem !important;
        padding: 1rem !important;
        background: #0d192b !important;
        border: 1px solid rgba(123, 155, 197, .45) !important;
        border-radius: 20px !important;
        box-shadow: none !important;
    }

    html body.woocommerce-cart .page-title {
        margin: 0 0 1rem !important;
        padding-bottom: .8rem !important;
        border-bottom: 2px solid rgba(40, 205, 239, .78) !important;
        font-size: clamp(1.6rem, 8vw, 2rem) !important;
        line-height: 1.15 !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form,
    html body.woocommerce-cart .woocommerce-cart-form table.shop_table,
    html body.woocommerce-cart .woocommerce-cart-form table.shop_table tbody,
    html body.woocommerce-cart .woocommerce-cart-form table.shop_table tr {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form__contents tr.cart_item {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 84px !important;
        grid-template-areas:
            "name image"
            "price image"
            "quantity quantity"
            "total total" !important;
        gap: .45rem .8rem !important;
        position: relative !important;
        min-height: 0 !important;
        margin: 0 0 .75rem !important;
        padding: .9rem !important;
        color: #f7fbff !important;
        background: #102139 !important;
        border: 1px solid rgba(112, 144, 188, .5) !important;
        border-radius: 16px !important;
        box-shadow: none !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form__contents tr.cart_item > td {
        display: block !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        text-align: start !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-thumbnail {
        grid-area: image !important;
        align-self: start;
    }

    html body.woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-thumbnail img {
        display: block !important;
        width: 84px !important;
        height: 84px !important;
        margin: 0 !important;
        border: 1px solid rgba(35, 210, 238, .38) !important;
        border-radius: 12px !important;
        object-fit: cover !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-name {
        grid-area: name !important;
        align-self: start;
        padding-inline-end: 0 !important;
        font-size: 1.02rem !important;
        font-weight: 800 !important;
        line-height: 1.35 !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-name a {
        display: -webkit-box !important;
        overflow: hidden;
        color: #ffffff !important;
        font-size: inherit !important;
        line-height: inherit !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    html body.woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-price {
        grid-area: price !important;
        color: #2ed9fb !important;
        font-size: 1.15rem !important;
        font-weight: 900 !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-price::before {
        display: none !important;
        content: none !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-price .amount {
        color: inherit !important;
        font-size: inherit !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-quantity {
        grid-area: quantity !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: .75rem !important;
        min-height: 54px !important;
        padding-top: .75rem !important;
        border-top: 1px solid rgba(140, 169, 207, .22) !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-quantity::before {
        content: 'الكمية' !important;
        display: block !important;
        color: #c6d2e2 !important;
        font-size: .9rem !important;
        font-weight: 800 !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-quantity .quantity {
        display: grid !important;
        grid-template-columns: 40px 52px 40px !important;
        align-items: stretch !important;
        width: 132px !important;
        height: 42px !important;
        margin: 0 !important;
        overflow: hidden;
        border: 1px solid rgba(128, 159, 202, .62) !important;
        border-radius: 11px !important;
        background: #0a1526 !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .batash-quantity-control__button,
    html body.woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-quantity .quantity input.qty {
        display: grid !important;
        place-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .batash-quantity-control__button {
        color: #2ed9fb !important;
        font-size: 1.25rem !important;
        font-weight: 900 !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .batash-quantity-control__button:disabled {
        color: #54647b !important;
        opacity: 1 !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-quantity .quantity input.qty {
        color: #ffffff !important;
        border-inline: 1px solid rgba(128, 159, 202, .52) !important;
        font-size: 1rem !important;
        font-weight: 900 !important;
        text-align: center !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-subtotal {
        grid-area: total !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        min-height: 38px !important;
        padding-top: .65rem !important;
        border-top: 1px solid rgba(140, 169, 207, .22) !important;
        color: #ffffff !important;
        font-size: 1.05rem !important;
        font-weight: 900 !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-subtotal::before {
        content: 'الإجمالي' !important;
        color: #c6d2e2 !important;
        font-size: .88rem !important;
        font-weight: 800 !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-subtotal .amount {
        color: #ffffff !important;
        font-size: inherit !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-remove {
        position: absolute !important;
        inset-block-start: .45rem !important;
        inset-inline-end: .45rem !important;
        z-index: 2;
        display: block !important;
        width: 30px !important;
        height: 30px !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-remove a.remove {
        display: grid !important;
        width: 30px !important;
        height: 30px !important;
        place-items: center !important;
        color: #ff4d8d !important;
        background: rgba(255, 77, 141, .12) !important;
        border: 1px solid rgba(255, 77, 141, .35) !important;
        border-radius: 9px !important;
        font-size: 1.15rem !important;
        line-height: 1 !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form__contents td.actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: .65rem !important;
        margin-top: .9rem !important;
        padding: .85rem !important;
        background: #0a1526 !important;
        border: 1px solid rgba(112, 144, 188, .42) !important;
        border-radius: 16px !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form__contents td.actions .coupon {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 112px !important;
        gap: .55rem !important;
        width: 100% !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form__contents td.actions .coupon .screen-reader-text {
        position: absolute !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form__contents td.actions .coupon input#coupon_code,
    html body.woocommerce-cart .woocommerce-cart-form__contents td.actions .coupon .button,
    html body.woocommerce-cart .woocommerce-cart-form__contents td.actions button[name="update_cart"] {
        min-width: 0 !important;
        min-height: 46px !important;
        height: 46px !important;
        margin: 0 !important;
        border-radius: 11px !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form__contents td.actions .coupon input#coupon_code {
        grid-column: 1 !important;
        grid-row: 1 !important;
        padding-inline: .75rem !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form__contents td.actions .coupon .button {
        grid-column: 2 !important;
        grid-row: 1 !important;
        padding-inline: .35rem !important;
        font-size: .8rem !important;
        white-space: nowrap;
    }

    html body.woocommerce-cart .woocommerce-cart-form__contents td.actions button[name="update_cart"] {
        width: 100% !important;
        color: #dffbff !important;
        background: transparent !important;
        border: 1px solid rgba(46, 217, 251, .75) !important;
        font-size: .92rem !important;
    }

    html body.woocommerce-cart .cart-collaterals,
    html body.woocommerce-cart .cart-collaterals .cart_totals {
        margin-top: .9rem !important;
        padding: .95rem !important;
        background: #102139 !important;
        border: 1px solid rgba(112, 144, 188, .5) !important;
        border-radius: 16px !important;
        box-shadow: none !important;
    }

    html body.woocommerce-cart .cart-collaterals .cart_totals h2 {
        margin: 0 0 .75rem !important;
        font-size: 1.15rem !important;
    }
}

/* The one canonical cart confirmation: always prominent, top-centred and actionable. */
.batash-cart-toast {
    position: fixed !important;
    z-index: 10050 !important;
    top: max(12px, env(safe-area-inset-top, 0px)) !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    display: grid !important;
    grid-template-columns: clamp(46px, 6vw, 58px) minmax(0, 1fr) auto !important;
    grid-template-areas:
        "icon copy close"
        "icon action action" !important;
    gap: .5rem .8rem !important;
    width: min(calc(100vw - 28px), 560px) !important;
    min-height: 132px !important;
    padding: 1rem 1.1rem 1rem 1.25rem !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translate(-50%, -18px) scale(.96) !important;
    transform-origin: top center !important;
}

.batash-cart-toast.is-visible {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translate(-50%, 0) scale(1) !important;
}

.batash-cart-toast__icon {
    grid-area: icon !important;
    align-self: center !important;
    width: clamp(46px, 6vw, 58px) !important;
    height: clamp(46px, 6vw, 58px) !important;
}

.batash-cart-toast__content {
    grid-area: copy !important;
    align-self: end !important;
    min-width: 0 !important;
}

.batash-cart-toast__content strong {
    font-size: clamp(1rem, 2.2vw, 1.28rem) !important;
}

.batash-cart-toast__content small {
    font-size: clamp(.8rem, 1.8vw, .98rem) !important;
}

.batash-cart-toast__action {
    grid-area: action !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    min-width: 118px !important;
    min-height: 38px !important;
    padding: .45rem 1rem !important;
    color: #061324 !important;
    background: #41d0ef !important;
    border: 1px solid rgba(255, 255, 255, .45) !important;
    border-radius: 10px !important;
    font-size: .88rem !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    box-shadow: 0 5px 18px rgba(38, 217, 250, .24) !important;
}

.batash-cart-toast__action:hover,
.batash-cart-toast__action:focus-visible {
    color: #061324 !important;
    background: #79e5f8 !important;
}

.batash-cart-toast__close {
    grid-area: close !important;
    align-self: start !important;
    justify-self: end !important;
    width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
    color: #e9f6ff !important;
    background: rgba(255, 255, 255, .1) !important;
    border: 0 !important;
    border-radius: 50% !important;
    font-size: 1.35rem !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

@media (max-width: 420px) {
    .batash-cart-toast {
        grid-template-columns: clamp(42px, 13vw, 52px) minmax(0, 1fr) auto !important;
        min-height: 126px !important;
        padding: .85rem .85rem .85rem 1rem !important;
        gap: .4rem .65rem !important;
    }

    .batash-cart-toast__icon {
        width: clamp(42px, 13vw, 52px) !important;
        height: clamp(42px, 13vw, 52px) !important;
    }

    .batash-cart-toast__action {
        min-height: 36px !important;
        min-width: 106px !important;
        padding-inline: .8rem !important;
    }
}

/* Ambient storefront depth: slow light fields stay behind every interaction. */
.batash-ambient-background {
    position: fixed;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
    contain: layout paint style;
}

body > :where(
    main,
    section,
    .shop-main-container,
    .page-content-wrapper,
    .product-page-container,
    .site-footer
) > :not(script):not(style) {
    position: relative;
    z-index: 1;
}

.batash-ambient-background::after {
    content: "";
    position: absolute;
    inset: -12%;
    background-image: radial-gradient(circle, rgba(111, 231, 255, .22) 0 1px, transparent 1.5px);
    background-size: 96px 96px;
    opacity: .1;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 22%, #000 78%, transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, #000 22%, #000 78%, transparent 100%);
    animation: batash-ambient-drift 72s linear infinite;
    will-change: transform;
}

.batash-ambient-orb {
    position: absolute;
    display: block;
    aspect-ratio: 1;
    border: 1px solid rgba(255, 255, 255, .035);
    border-radius: 43% 57% 52% 48% / 47% 42% 58% 53%;
    will-change: transform;
}

.batash-ambient-orb--cyan {
    inset-block-start: -14vmax;
    inset-inline-end: -11vmax;
    width: clamp(280px, 38vmax, 620px);
    background: radial-gradient(circle at 42% 44%, rgba(0, 242, 254, .17), rgba(0, 242, 254, .045) 48%, transparent 72%);
    box-shadow: inset 0 0 90px rgba(0, 242, 254, .035);
    animation: batash-ambient-float-cyan 32s ease-in-out infinite alternate;
}

.batash-ambient-orb--purple {
    inset-block-start: 38%;
    inset-inline-start: -13vmax;
    width: clamp(240px, 32vmax, 520px);
    background: radial-gradient(circle at 55% 47%, rgba(157, 78, 221, .135), rgba(157, 78, 221, .035) 50%, transparent 73%);
    box-shadow: inset 0 0 80px rgba(157, 78, 221, .03);
    animation: batash-ambient-float-purple 38s ease-in-out infinite alternate;
}

.batash-ambient-orb--green {
    inset-inline-end: 18%;
    inset-block-end: -14vmax;
    width: clamp(190px, 24vmax, 390px);
    background: radial-gradient(circle at 45% 42%, rgba(0, 255, 136, .09), rgba(0, 255, 136, .025) 52%, transparent 74%);
    animation: batash-ambient-float-green 35s ease-in-out infinite alternate;
}

@keyframes batash-ambient-float-cyan {
    from { transform: translate3d(0, 0, 0) rotate(-3deg) scale(1); }
    to { transform: translate3d(-5vw, 5vh, 0) rotate(8deg) scale(1.08); }
}

@keyframes batash-ambient-float-purple {
    from { transform: translate3d(0, 2vh, 0) rotate(4deg) scale(.96); }
    to { transform: translate3d(6vw, -5vh, 0) rotate(-7deg) scale(1.07); }
}

@keyframes batash-ambient-float-green {
    from { transform: translate3d(2vw, 0, 0) rotate(-5deg) scale(1); }
    to { transform: translate3d(-4vw, -6vh, 0) rotate(7deg) scale(1.1); }
}

@keyframes batash-ambient-drift {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(48px, 48px, 0); }
}

@media (max-width: 640px) {
    .batash-ambient-background::after {
        background-size: 78px 78px;
        opacity: .07;
    }

    .batash-ambient-orb--cyan {
        inset-block-start: -120px;
        inset-inline-end: -125px;
        width: 330px;
    }

    .batash-ambient-orb--purple {
        inset-inline-start: -145px;
        width: 300px;
    }

    .batash-ambient-orb--green {
        inset-inline-end: -70px;
        width: 230px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .batash-ambient-background::after,
    .batash-ambient-orb {
        animation: none !important;
    }
}

/* Visibility wins over the legacy bottom-toast state even when a plugin
   injects its own late notification rules. */
html body .batash-cart-toast.is-visible {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translate(-50%, 0) scale(1) !important;
}

/* Single product media must fill its square card edge-to-edge. */
.single-product-grid .product-gallery-card {
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(45, 213, 255, .42) !important;
    border-radius: 24px !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .04) inset !important;
}

.single-product-grid .product-gallery-card .main-image-wrap {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: inherit !important;
    box-shadow: none !important;
    background: #050a13 !important;
}

.single-product-grid .product-gallery-card .main-image-wrap img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}

.custom-cart-form-wrap .batash-buy-now-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 64px;
    margin-top: 14px;
    padding: 1rem 1.5rem;
    color: #061018 !important;
    background: #5ee7b8 !important;
    border: 0 !important;
    border-radius: 18px;
    font-size: clamp(1.05rem, 2.4vw, 1.35rem);
    font-weight: 700;
    text-decoration: none !important;
    box-shadow: 0 14px 34px rgba(94, 231, 184, .18);
    transition: transform .18s ease, filter .18s ease;
}

.custom-cart-form-wrap .batash-buy-now-button:hover {
    transform: translateY(-2px);
    filter: brightness(1.06);
}

.custom-cart-form-wrap .batash-buy-now-button.is-disabled {
    color: #d6dde8 !important;
    background: #4b5563 !important;
    cursor: not-allowed;
    opacity: .82;
    pointer-events: none;
    box-shadow: none;
}

/* Unified Batash product cards used by shop, categories and legacy product loops. */
.batash-unified-products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 320px)) !important;
    gap: clamp(18px, 2.5vw, 28px) !important;
    align-items: stretch;
    justify-content: center;
}

.batash-unified-products .hzb-product-card {
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    color: var(--text-primary);
    background: #13223a !important;
    border: 1px solid rgba(34, 211, 238, .44) !important;
    border-radius: 10px;
    box-shadow: none !important;
    transition: transform .18s ease, border-color .18s ease, background-color .18s ease;
}

.batash-unified-products .hzb-product-card:hover {
    background: #182944 !important;
    border-color: rgba(34, 211, 238, .72) !important;
    transform: translateY(-4px);
}

.batash-unified-products .hzb-product-card__media {
    position: relative;
    aspect-ratio: 1 / 1;
    display: block;
    overflow: hidden;
    background: #07111f;
}

.batash-unified-products .hzb-product-card__media img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    transition: transform .25s ease;
}

.batash-unified-products .hzb-product-card:hover .hzb-product-card__media img {
    transform: scale(1.035);
}

.batash-unified-products .hzb-product-card.is-unavailable .hzb-product-card__media img {
    filter: grayscale(.18) brightness(.54);
}

.batash-unified-products .hzb-product-card__badge {
    position: absolute;
    inset-block-start: 10px;
    inset-inline-start: 10px;
    z-index: 3;
    padding: 5px 9px;
    color: #07111f;
    background: #ffd166;
    border-radius: 6px;
    font-size: .72rem;
    font-weight: 900;
}

.batash-unified-products .hzb-product-card__badge--soldout {
    inset: auto !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    display: block !important;
    width: min(68%, calc(100% - 1cm), 320px) !important;
    max-height: calc(100% - 1cm) !important;
    aspect-ratio: 509 / 391 !important;
    padding: 0 !important;
    color: transparent !important;
    background: transparent url("/wp-content/plugins/hazem-builder/assets/images/sold-out-stamp.webp") center / contain no-repeat !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    white-space: nowrap !important;
    transform: translate(-50%, -50%) !important;
    pointer-events: none !important;
}

.batash-unified-products .hzb-product-card__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 8px;
    padding: 18px;
    text-align: start;
}

.batash-unified-products .hzb-product-card__content h3 {
    min-height: 0;
    margin: 0;
    color: #fff;
    font-size: clamp(1.15rem, 1.9vw, 1.45rem);
    line-height: 1.45;
    font-weight: 900;
}

.batash-unified-products .hzb-product-card__content h3 a {
    color: inherit;
}

.batash-unified-products .hzb-product-card__category {
    color: #aebbd0;
    font-size: .93rem;
    font-weight: 700;
}

.batash-unified-products .hzb-product-card__rating {
    min-height: 24px;
    display: flex;
    align-items: center;
}

.batash-unified-products .hzb-product-card__stars {
    display: inline-flex;
    gap: 3px;
    color: #526278;
    font-size: 1.05rem;
    line-height: 1;
}

.batash-unified-products .hzb-product-card__stars .is-filled {
    color: #f7bf4f;
}

.batash-unified-products .hzb-product-card__stars .is-empty {
    color: #526278;
}

.batash-unified-products .hzb-product-card__price {
    margin-top: 4px;
    color: var(--accent-cyan);
    font-size: clamp(1.15rem, 2vw, 1.45rem);
    font-weight: 900;
}

.batash-unified-products .hzb-product-card__price del {
    color: #64748b;
    font-size: .82em;
}

.batash-unified-products .hzb-product-card__price ins {
    text-decoration: none;
}

.batash-unified-products .hzb-product-card__actions {
    display: grid;
    gap: 10px;
    margin-top: auto;
    padding-top: 10px;
}

.batash-unified-products .hzb-product-card__actions .hzb-button {
    width: 100%;
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border: 0 !important;
    border-radius: 8px;
    font-size: .96rem;
    font-weight: 900;
    line-height: 1.2;
    text-decoration: none;
}

.batash-unified-products .hzb-product-card__actions .hzb-button--details {
    color: #06131c !important;
    background: #f7bf4f !important;
}

.batash-unified-products .hzb-product-card__actions .hzb-button--cart {
    color: #06131c !important;
    background: var(--accent-cyan) !important;
}

.batash-unified-products .hzb-product-card__actions .hzb-button--disabled {
    color: #d6dde8 !important;
    background: #4b5563 !important;
    cursor: not-allowed !important;
    opacity: .86 !important;
    pointer-events: none !important;
}

.footer-bottom a {
    color: var(--accent-cyan) !important;
    font-weight: 700;
    text-decoration: none;
}

.footer-bottom a:hover {
    color: #7dd3fc !important;
}

/* Product experience 2.4 — square media and clear solid surfaces. */
.products-grid {
    grid-template-columns: repeat(auto-fill, minmax(245px, 1fr));
    gap: 1.4rem;
}

.product-card {
    background: #182944 !important;
    border-radius: 18px;
}

.product-card:hover {
    transform: translateY(-4px);
    background: #203652 !important;
}

.product-image-wrap,
.main-image-wrap {
    aspect-ratio: 1 / 1 !important;
    background: #0d1929 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.product-image-wrap img,
.main-image-wrap img {
    object-fit: cover;
}

.product-badge,
.product-instant-badge {
    color: #061b16 !important;
    background: #5ee7b8 !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

.product-discount-badge {
    position: absolute;
    z-index: 3;
    inset: 12px auto auto 12px;
    padding: .38rem .7rem;
    color: #1b1103;
    background: #ffc978;
    border-radius: 9px;
    font-size: .8rem;
    font-weight: 900;
}

.product-details {
    padding: 1.25rem;
}

.product-price-row {
    gap: 12px;
}

.product-price {
    font-size: 1.12rem;
    font-weight: 900;
}

.add-to-cart-btn {
    color: #04131d !important;
    background: var(--batash-solid-primary) !important;
}

.single-product-grid {
    grid-template-columns: minmax(320px, .9fr) minmax(400px, 1.1fr);
    gap: 1.5rem;
}

.product-gallery-card,
.product-info-card,
.trust-guarantees,
.product-price-box,
.digital-delivery-box,
.single-product-coupon {
    border: 0 !important;
    box-shadow: none !important;
}

.product-gallery-card {
    background: #182944 !important;
}

.product-info-card {
    background: #172740 !important;
}

.trust-guarantees,
.product-price-box {
    background: #223754 !important;
}

.digital-delivery-box {
    background: #173e49 !important;
}

.single-product-coupon {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 1.4rem;
    padding: 15px 17px;
    color: #1d1405;
    background: #ffc978;
    border-radius: 14px;
}

.single-product-coupon > i {
    font-size: 1.5rem;
}

.single-product-coupon > div {
    display: grid;
    gap: 4px;
}

.single-product-coupon span {
    font-size: .9rem;
}

.single-product-coupon code {
    padding: 2px 6px;
    color: #fff;
    background: #5b3d0d;
    border-radius: 5px;
    font-weight: 800;
}

.product-steps {
    margin-inline-start: 1.5rem;
    line-height: 2.1;
}

@media (max-width: 820px) {
    .single-product-grid {
        grid-template-columns: 1fr;
    }

    .products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .product-details {
        padding: 1rem;
    }

    .product-price-row {
        align-items: stretch;
        flex-direction: column;
    }

    .add-to-cart-btn {
        justify-content: center;
    }
}

@media (max-width: 430px) {
    .products-grid {
        grid-template-columns: 1fr;
    }

    .trust-guarantees {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (prefers-contrast: more) {
    :root {
        --text-muted: #dde7f4;
        --border-color: rgba(231, 239, 250, 0.68);
        --border-highlight: #73edff;
    }

    .product-card,
    .feature-card,
    .category-card,
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        border-width: 2px;
    }
}

/* Reset & Global Settings */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    direction: rtl;
    text-align: right;
    font-size: 16px;
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    font-family: var(--font-family);
    background-color: var(--bg-main);
    color: var(--text-primary);
    line-height: 1.6;
    overflow-x: hidden;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    width: 100%;
    isolation: isolate;
}

a {
    color: var(--accent-cyan);
    text-decoration: none;
    transition: var(--transition);
}

a:hover {
    color: #4facfe;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Hide Browser Default Number Spinners */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

input[type="number"] {
    -moz-appearance: textfield !important;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family);
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1.3;
}

/* Header Settings (Centered Logo Layout) */
.site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: rgba(11, 14, 23, 0.94);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(0, 242, 254, 0.25);
    padding: 0.85rem 0;
    transition: var(--transition);
}

.header-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.25rem;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
}

.header-right {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.header-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-left {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
}

/* Menu Toggle Button */
.menu-toggle-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: var(--bg-surface);
    border: 1px solid var(--accent-cyan);
    border-radius: var(--radius-md);
    color: var(--accent-cyan);
    font-size: 1.25rem;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(0, 242, 254, 0.15);
    transition: var(--transition);
}

.menu-toggle-btn:hover {
    background: var(--accent-cyan);
    color: #0b0e17;
    box-shadow: 0 0 18px var(--accent-cyan-glow);
}

/* HAZEM Brand Logo Styling */
.logo-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-logo-link img {
    display: block;
    width: 140px;
    max-width: 100%;
    max-height: 64px;
    object-fit: contain;
}

.site-footer .custom-logo-link img {
    width: 175px;
    max-height: 80px;
}

.site-logo-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    background: linear-gradient(135deg, rgba(0, 242, 254, 0.1), rgba(157, 78, 221, 0.15));
    border: 1px solid var(--accent-cyan);
    padding: 0.35rem 0.85rem;
    border-radius: var(--radius-sm);
    box-shadow: 0 0 12px rgba(0, 242, 254, 0.2);
    text-decoration: none;
    transition: var(--transition);
}

.site-logo-brand:hover {
    border-color: #ffffff;
    box-shadow: 0 0 20px var(--accent-cyan-glow);
    transform: translateY(-1px);
}

.site-logo-brand .logo-icon {
    font-size: 1.1rem;
    color: var(--accent-cyan);
}

.site-logo-brand .logo-text {
    font-family: var(--font-family);
    font-size: 1.35rem;
    font-weight: 900;
    letter-spacing: 2px;
    background: linear-gradient(90deg, #00f2fe, #ffffff, #9d4edd);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Header Left Actions */
.cart-icon-btn,
.account-icon-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: var(--bg-surface);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    color: var(--text-primary);
    font-size: 1.15rem;
    cursor: pointer;
    transition: var(--transition);
}

.cart-icon-btn:hover,
.account-icon-btn:hover {
    border-color: var(--accent-cyan);
    box-shadow: 0 0 12px var(--accent-cyan-glow);
    color: var(--accent-cyan);
}

.cart-count {
    position: absolute;
    top: -5px;
    left: -5px;
    background: linear-gradient(135deg, var(--accent-pink), var(--accent-purple));
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Side Drawer (Off-Canvas Menu) */
.drawer-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(2, 6, 14, 0.72);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 1999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.28s ease, visibility 0s linear 0.28s;
}

.drawer-backdrop.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition-delay: 0s;
}

.mobile-nav-drawer {
    position: fixed;
    inset-block: 0;
    right: 0;
    left: auto;
    width: min(320px, calc(100vw - 48px));
    height: 100dvh;
    background: linear-gradient(180deg, #0f1626 0%, #0b111e 100%);
    border-left: 1px solid rgba(0, 242, 254, 0.25);
    border-radius: 20px 0 0 20px;
    z-index: 2000;
    transform: translateX(100%);
    visibility: hidden;
    pointer-events: none;
    transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 0.32s;
    display: flex;
    flex-direction: column;
    padding: 1.25rem;
    overflow: hidden;
    box-shadow: -18px 0 48px rgba(0, 0, 0, 0.58);
    will-change: transform;
}

.mobile-nav-drawer.is-open {
    transform: translateX(0);
    visibility: visible;
    pointer-events: auto;
    transition-delay: 0s;
}

.admin-bar .drawer-backdrop {
    top: 32px;
}

.admin-bar .mobile-nav-drawer {
    top: 32px;
    height: calc(100dvh - 32px);
}

body.is-drawer-open {
    position: fixed;
    width: 100%;
    overflow: hidden;
}

.drawer-header {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 0.9rem;
    margin-bottom: 1rem;
}

.drawer-title {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.drawer-close-btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--bg-surface);
    border: 1px solid var(--accent-cyan);
    color: var(--accent-cyan);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    cursor: pointer;
    transition: var(--transition);
}

.drawer-close-btn:hover {
    background: var(--accent-cyan);
    color: #0b0e17;
    box-shadow: 0 0 12px var(--accent-cyan-glow);
}

.drawer-close-btn:focus-visible,
.menu-toggle-btn:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 3px;
}

.drawer-nav {
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 242, 254, 0.55) transparent;
}

.drawer-nav ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.drawer-nav a {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.85rem 1rem;
    border-radius: var(--radius-sm);
    color: var(--text-primary);
    font-size: 1.05rem;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid transparent;
    transition: var(--transition);
}

.drawer-nav a:hover,
.drawer-nav .current-menu-item > a {
    background: rgba(0, 242, 254, 0.1);
    color: var(--accent-cyan);
    border-color: rgba(0, 242, 254, 0.3);
    transform: translateX(-3px);
}

.drawer-nav i {
    width: 22px;
    text-align: center;
    color: var(--accent-cyan);
}

/* Buttons */
.btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    background: linear-gradient(135deg, #00f2fe 0%, #4facfe 100%);
    color: #0b0e17;
    font-size: 1rem;
    font-weight: 700;
    padding: 0.75rem 1.75rem;
    border-radius: var(--radius-md);
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 15px var(--accent-cyan-glow);
    transition: var(--transition);
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px var(--accent-cyan-glow);
    color: #0b0e17;
}

.btn-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    background: transparent;
    color: var(--text-primary);
    font-size: 1rem;
    font-weight: 600;
    padding: 0.75rem 1.75rem;
    border-radius: var(--radius-md);
    border: 1px solid var(--accent-cyan);
    cursor: pointer;
    transition: var(--transition);
}

.btn-outline:hover {
    background: rgba(0, 242, 254, 0.1);
    box-shadow: 0 0 15px var(--accent-cyan-glow);
    color: var(--accent-cyan);
}

/* Hero Section */
.hero-section {
    position: relative;
    padding: 5rem 1.5rem;
    min-height: 480px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: var(--bg-surface);
}

.hero-bg-wrapper {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.hero-bg-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: brightness(0.4) contrast(1.1);
}

.hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(180deg, rgba(11,14,23,0.4) 0%, rgba(11,14,23,0.95) 100%),
                radial-gradient(circle at 50% 50%, rgba(157, 78, 221, 0.15) 0%, transparent 70%);
}

.hero-content {
    position: relative;
    z-index: 3;
    max-width: 900px;
    text-align: center;
    margin: 0 auto;
}

.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(0, 242, 254, 0.1);
    border: 1px solid var(--accent-cyan);
    color: var(--accent-cyan);
    font-size: 0.9rem;
    font-weight: 600;
    padding: 0.4rem 1.2rem;
    border-radius: 50px;
    margin-bottom: 1.5rem;
    box-shadow: 0 0 15px var(--accent-cyan-glow);
}

.hero-title {
    font-size: 3rem;
    font-weight: 800;
    line-height: 1.25;
    margin-bottom: 1.25rem;
    background: linear-gradient(135deg, #ffffff 30%, #a5f3fc 70%, var(--accent-cyan) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hero-subtitle {
    font-size: 1.2rem;
    color: var(--text-secondary);
    max-width: 720px;
    margin: 0 auto 2.25rem;
    font-weight: 400;
}

.hero-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    flex-wrap: wrap;
}

/* Features Highlights */
.features-section {
    padding: 3rem 1.5rem;
    background: var(--bg-main);
    border-bottom: 1px solid var(--border-color);
}

.features-grid {
    max-width: 1280px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1.5rem;
}

.feature-card {
    background: var(--bg-surface);
    border: 1px solid var(--border-color);
    padding: 1.5rem;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    gap: 1.25rem;
    transition: var(--transition);
}

.feature-card:hover {
    border-color: var(--accent-cyan);
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(0, 242, 254, 0.15);
}

.feature-icon {
    width: 50px;
    height: 50px;
    border-radius: var(--radius-sm);
    background: rgba(0, 242, 254, 0.1);
    color: var(--accent-cyan);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.feature-title {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
}

.feature-desc {
    font-size: 0.88rem;
    color: var(--text-muted);
}

/* ==========================================================================
   SHOP ARCHIVE & PRODUCTS GRID STYLES
   ========================================================================== */

.shop-banner-section {
    background: linear-gradient(180deg, var(--bg-surface) 0%, var(--bg-main) 100%);
    border-bottom: 1px solid var(--border-color);
    padding: 3.5rem 1.5rem;
    text-align: center;
}

.shop-banner-container {
    max-width: 800px;
    margin: 0 auto;
}

.shop-title {
    font-size: 2.5rem;
    font-weight: 800;
    margin-bottom: 0.75rem;
    background: linear-gradient(135deg, #ffffff, #a5f3fc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.shop-subtitle {
    color: var(--text-secondary);
    font-size: 1.1rem;
}

.shop-main-container {
    max-width: 1280px;
    width: 92%;
    margin: 3rem auto 5rem;
}

.shop-results-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 2rem;
    background: var(--bg-surface);
    padding: 1rem 1.5rem;
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    color: var(--text-secondary);
    font-size: 0.95rem;
}

.woocommerce-ordering select {
    background: var(--bg-main) !important;
    border: 1px solid var(--border-color) !important;
    color: #fff !important;
    padding: 0.5rem 1rem !important;
    border-radius: var(--radius-sm) !important;
    font-family: var(--font-family) !important;
    font-size: 0.95rem !important;
    outline: none !important;
}

.products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 2rem;
}

.product-card {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: var(--transition);
    display: flex;
    flex-direction: column;
    position: relative;
}

.product-card:hover {
    border-color: var(--accent-cyan);
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(0, 242, 254, 0.2);
}

.product-image-wrap {
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #000;
}

.product-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}

.product-card:hover .product-image-wrap img {
    transform: scale(1.06);
}

.product-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    background: rgba(11, 14, 23, 0.85);
    backdrop-filter: blur(8px);
    border: 1px solid var(--accent-green);
    color: var(--accent-green);
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.3rem 0.8rem;
    border-radius: 50px;
    z-index: 2;
}

.product-details {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.product-category {
    font-size: 0.85rem;
    color: var(--accent-cyan);
    font-weight: 600;
    margin-bottom: 0.4rem;
}

.product-title {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
    color: var(--text-primary);
    line-height: 1.4;
}

.product-title a {
    color: var(--text-primary);
}

.product-title a:hover {
    color: var(--accent-cyan);
}

.product-price-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 1rem;
    border-top: 1px solid var(--border-color);
}

.product-price {
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--accent-cyan);
    display: flex;
    align-items: baseline;
    gap: 0.25rem;
}

.product-price span {
    font-size: 0.85rem;
    color: var(--text-secondary);
    font-weight: 500;
}

.add-to-cart-btn {
    background: var(--bg-surface);
    border: 1px solid var(--accent-cyan);
    color: var(--accent-cyan);
    padding: 0.6rem 1.2rem;
    border-radius: var(--radius-sm);
    font-size: 0.95rem;
    font-weight: 700;
    cursor: pointer;
    transition: var(--transition);
}

.add-to-cart-btn:hover {
    background: var(--accent-cyan);
    color: #0b0e17;
    box-shadow: 0 0 15px var(--accent-cyan-glow);
}

/* General Page Layout & WooCommerce Container */
.page-content-wrapper {
    max-width: 1100px;
    width: 92%;
    margin: 2.5rem auto;
    padding: 2.5rem;
    background: var(--bg-surface);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: 0 10px 30px rgba(0,0,0,0.4);
}

.page-title {
    font-size: 2.2rem;
    font-weight: 800;
    margin-bottom: 1.5rem;
    color: var(--text-primary);
    border-bottom: 2px solid var(--border-highlight);
    padding-bottom: 1rem;
}

.page-body {
    color: var(--text-secondary);
    font-size: 1.05rem;
    line-height: 1.8;
}

/* ==========================================================================
   SINGLE PRODUCT PAGE STYLES (PREMIUM DARK GAMING DESIGN)
   ========================================================================== */

.product-page-container {
    max-width: 1240px;
    width: 92%;
    margin: 2.5rem auto 4rem;
}

.product-breadcrumb {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    color: var(--text-muted);
    font-size: 0.95rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

.product-breadcrumb a {
    color: var(--text-secondary);
}

.product-breadcrumb a:hover {
    color: var(--accent-cyan);
}

.product-breadcrumb .current {
    color: var(--accent-cyan);
    font-weight: 600;
}

.single-product-grid {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 3rem;
    margin-bottom: 4rem;
    align-items: start;
}

.product-gallery-card {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

.main-image-wrap {
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: var(--radius-md);
    border: 1px solid var(--accent-cyan);
    box-shadow: 0 0 20px var(--accent-cyan-glow);
    margin-bottom: 1.5rem;
    background: #000;
}

.main-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-instant-badge {
    position: absolute;
    top: 14px;
    right: 14px;
    background: rgba(11, 14, 23, 0.9);
    backdrop-filter: blur(8px);
    border: 1px solid var(--accent-green);
    color: var(--accent-green);
    font-weight: 700;
    font-size: 0.85rem;
    padding: 0.4rem 1rem;
    border-radius: 50px;
    z-index: 2;
    box-shadow: 0 0 10px var(--accent-green-glow);
}

.trust-guarantees {
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: var(--bg-surface);
    padding: 1rem;
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    gap: 0.5rem;
}

.guarantee-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--text-secondary);
}

.product-info-card {
    background: var(--bg-surface);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: 2.25rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

.product-category-tag {
    font-size: 0.88rem;
    color: var(--accent-cyan);
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.single-product-title {
    font-size: 2.2rem;
    font-weight: 800;
    margin: 0.4rem 0 1.25rem;
    color: var(--text-primary);
    line-height: 1.35;
}

.product-price-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    background: rgba(0, 242, 254, 0.06);
    border: 1px solid rgba(0, 242, 254, 0.2);
    border-radius: var(--radius-md);
    padding: 1.25rem 1.5rem;
    margin-bottom: 1.5rem;
}

.price-amount {
    font-size: 2rem;
    font-weight: 900;
    color: var(--accent-cyan);
}

.stock-status {
    color: var(--accent-green);
    font-size: 0.92rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.status-dot {
    width: 10px;
    height: 10px;
    background-color: var(--accent-green);
    border-radius: 50%;
    box-shadow: 0 0 8px var(--accent-green-glow);
}

.product-short-desc {
    color: var(--text-secondary);
    font-size: 1.05rem;
    line-height: 1.7;
    margin-bottom: 1.5rem;
}

.digital-delivery-box {
    display: flex;
    gap: 1.2rem;
    align-items: flex-start;
    background: linear-gradient(135deg, rgba(157, 78, 221, 0.12), rgba(0, 242, 254, 0.08));
    border: 1px solid var(--accent-purple);
    border-radius: var(--radius-md);
    padding: 1.25rem;
    margin: 1.5rem 0 2rem;
}

.delivery-icon {
    width: 44px;
    height: 44px;
    background: rgba(157, 78, 221, 0.2);
    color: var(--accent-purple);
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    flex-shrink: 0;
}

.delivery-text strong {
    color: var(--text-primary);
    font-size: 1rem;
    display: block;
    margin-bottom: 0.2rem;
}

.delivery-text p {
    color: var(--text-muted);
    font-size: 0.9rem;
    margin: 0;
    line-height: 1.5;
}

.custom-cart-form-wrap form.cart {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

/* Styled Dark Quantity Input (No ugly browser arrows) */
.woocommerce .quantity input.qty,
.custom-cart-form-wrap form.cart .quantity input.qty {
    background: var(--bg-surface) !important;
    border: 1px solid var(--border-color) !important;
    color: #ffffff !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    padding: 0.5rem !important;
    border-radius: var(--radius-sm) !important;
    text-align: center !important;
    width: 70px !important;
    height: 52px !important;
    outline: none !important;
    font-family: var(--font-family) !important;
}

.woocommerce .quantity input.qty:focus {
    border-color: var(--accent-cyan) !important;
    box-shadow: 0 0 10px var(--accent-cyan-glow) !important;
}

.custom-cart-form-wrap form.cart .single_add_to_cart_button {
    flex-grow: 1 !important;
    min-height: 52px !important;
    background: linear-gradient(135deg, #00f2fe 0%, #4facfe 100%) !important;
    color: #0b0e17 !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    border-radius: var(--radius-md) !important;
    border: none !important;
    box-shadow: 0 4px 20px var(--accent-cyan-glow) !important;
    cursor: pointer !important;
    transition: var(--transition) !important;
}

.custom-cart-form-wrap form.cart .single_add_to_cart_button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px var(--accent-cyan-glow) !important;
}

/* Tabs Section with Hidden Scrollbar */
.product-details-tabs-section {
    background: var(--bg-surface);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: 2rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

.tabs-header {
    display: flex;
    gap: 0.75rem;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 1rem;
    margin-bottom: 1.75rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.tabs-header::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

.tab-btn {
    background: transparent;
    border: 1px solid var(--border-color);
    color: var(--text-secondary);
    padding: 0.75rem 1.5rem;
    border-radius: var(--radius-md);
    font-size: 1.05rem;
    font-weight: 700;
    cursor: pointer;
    font-family: var(--font-family);
    transition: var(--transition);
    white-space: nowrap;
}

.tab-btn.active {
    background: var(--accent-cyan);
    color: #0b0e17;
    border-color: var(--accent-cyan);
    box-shadow: 0 0 15px var(--accent-cyan-glow);
}

.tab-content {
    display: none;
    color: var(--text-secondary);
    line-height: 1.8;
}

.tab-content.active {
    display: block;
}

.tab-content h2 {
    color: var(--accent-cyan);
    font-size: 1.4rem;
    margin-bottom: 1rem;
}

/* ==========================================================================
   WOOCOMMERCE COMPLETE DARK GAMING RESPONSIVE STYLES
   ========================================================================== */

/* Notices & Alerts */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
    background: #131728 !important;
    border: 1px solid var(--accent-cyan) !important;
    color: #ffffff !important;
    border-radius: var(--radius-md) !important;
    padding: 1rem 1.5rem !important;
    box-shadow: 0 4px 20px rgba(0, 242, 254, 0.15) !important;
    margin-bottom: 2rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 1rem !important;
}

.woocommerce-error {
    border-color: #ff007f !important;
    box-shadow: 0 4px 20px rgba(255, 0, 127, 0.15) !important;
}

.woocommerce-message .button,
.woocommerce-error .button,
.woocommerce-info .button,
.woocommerce a.button.wc-forward {
    background: linear-gradient(135deg, #00f2fe, #4facfe) !important;
    color: #0b0e17 !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    border-radius: var(--radius-sm) !important;
    padding: 0.55rem 1.25rem !important;
    text-decoration: none !important;
    margin: 0 !important;
    box-shadow: 0 0 10px var(--accent-cyan-glow) !important;
    transition: var(--transition) !important;
}

.woocommerce-message .button:hover,
.woocommerce a.button.wc-forward:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 0 18px var(--accent-cyan-glow) !important;
}

/* Cart Table & Layout */
.woocommerce-cart table.shop_table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: var(--radius-md) !important;
    overflow: hidden !important;
    color: #fff !important;
}

.woocommerce-cart table.shop_table th {
    background: rgba(0, 242, 254, 0.08) !important;
    color: var(--accent-cyan) !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    padding: 1rem !important;
    border-bottom: 1px solid var(--border-color) !important;
}

.woocommerce-cart table.shop_table td {
    padding: 1.2rem 1rem !important;
    border-bottom: 1px solid var(--border-color) !important;
    vertical-align: middle !important;
}

.woocommerce-cart table.shop_table td.product-thumbnail img {
    width: 70px !important;
    height: auto !important;
    border-radius: var(--radius-sm) !important;
    border: 1px solid var(--border-color) !important;
}

.woocommerce-cart table.shop_table td.product-name a {
    color: #fff !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
}

.woocommerce-cart table.shop_table td.product-name a:hover {
    color: var(--accent-cyan) !important;
}

.woocommerce-cart table.shop_table td.product-remove a.remove {
    color: #ff007f !important;
    font-size: 1.4rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: rgba(255, 0, 127, 0.1) !important;
}

.woocommerce-cart table.shop_table td.product-remove a.remove:hover {
    background: #ff007f !important;
    color: #fff !important;
}

/* Coupon & Actions Row */
.woocommerce-cart table.shop_table td.actions {
    padding: 1.2rem !important;
}

.woocommerce-cart table.shop_table td.actions .coupon {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    flex-wrap: wrap !important;
}

.woocommerce-cart table.shop_table td.actions .coupon input#coupon_code {
    background: var(--bg-main) !important;
    border: 1px solid var(--border-color) !important;
    color: #fff !important;
    padding: 0.65rem 1rem !important;
    border-radius: var(--radius-sm) !important;
    font-size: 0.95rem !important;
    min-width: 180px !important;
}

.woocommerce-cart table.shop_table td.actions button.button {
    background: var(--bg-surface) !important;
    border: 1px solid var(--accent-cyan) !important;
    color: var(--accent-cyan) !important;
    padding: 0.65rem 1.25rem !important;
    border-radius: var(--radius-sm) !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: var(--transition) !important;
}

.woocommerce-cart table.shop_table td.actions button.button:hover {
    background: var(--accent-cyan) !important;
    color: #0b0e17 !important;
    box-shadow: 0 0 15px var(--accent-cyan-glow) !important;
}

/* Cart Totals Box */
.cart-collaterals {
    margin-top: 3rem !important;
}

.cart_totals {
    width: 100% !important;
    max-width: 100% !important;
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: var(--radius-lg) !important;
    padding: 2rem !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3) !important;
}

.cart_totals h2 {
    font-size: 1.5rem !important;
    color: var(--text-primary) !important;
    border-bottom: 2px solid var(--border-highlight) !important;
    padding-bottom: 0.75rem !important;
    margin-bottom: 1.5rem !important;
}

.cart_totals table.shop_table {
    width: 100% !important;
    border: none !important;
    background: transparent !important;
}

.cart_totals table.shop_table tr th,
.cart_totals table.shop_table tr td {
    padding: 1rem 0 !important;
    border-bottom: 1px solid var(--border-color) !important;
    font-size: 1.1rem !important;
}

.cart_totals table.shop_table tr th {
    color: var(--text-secondary) !important;
    width: 40% !important;
}

.cart_totals table.shop_table tr td {
    color: var(--accent-cyan) !important;
    font-weight: 800 !important;
}

/* Checkout Button */
.wc-proceed-to-checkout {
    margin-top: 2rem !important;
}

.wc-proceed-to-checkout a.checkout-button {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    background: linear-gradient(135deg, #00f2fe 0%, #4facfe 100%) !important;
    color: #0b0e17 !important;
    font-size: 1.2rem !important;
    font-weight: 800 !important;
    padding: 1.1rem 2rem !important;
    border-radius: var(--radius-md) !important;
    text-decoration: none !important;
    box-shadow: 0 4px 20px var(--accent-cyan-glow) !important;
    transition: var(--transition) !important;
}

.wc-proceed-to-checkout a.checkout-button:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px var(--accent-cyan-glow) !important;
}

/* Checkout Page Inputs & Form */
.woocommerce-checkout form.checkout input[type="text"],
.woocommerce-checkout form.checkout input[type="email"],
.woocommerce-checkout form.checkout input[type="tel"],
.woocommerce-checkout form.checkout select,
.woocommerce-checkout form.checkout textarea {
    width: 100% !important;
    background: var(--bg-main) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: var(--radius-sm) !important;
    color: #fff !important;
    padding: 0.75rem 1rem !important;
    font-size: 1rem !important;
    font-family: var(--font-family) !important;
    margin-top: 0.3rem !important;
}

.woocommerce-checkout form.checkout label {
    color: var(--text-secondary) !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
}

.woocommerce-checkout #order_review_heading {
    margin-top: 2.5rem !important;
    font-size: 1.6rem !important;
    color: var(--text-primary) !important;
    border-bottom: 2px solid var(--border-highlight) !important;
    padding-bottom: 0.75rem !important;
}

.woocommerce-checkout #order_review {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: var(--radius-lg) !important;
    padding: 2rem !important;
    margin-top: 1.5rem !important;
}

.woocommerce-checkout #payment {
    background: var(--bg-surface) !important;
    border-radius: var(--radius-md) !important;
    padding: 1.5rem !important;
    margin-top: 1.5rem !important;
}

.woocommerce-checkout #place_order {
    width: 100% !important;
    background: linear-gradient(135deg, #00f2fe, #4facfe) !important;
    color: #0b0e17 !important;
    font-size: 1.2rem !important;
    font-weight: 800 !important;
    padding: 1.1rem !important;
    border-radius: var(--radius-md) !important;
    border: none !important;
    cursor: pointer !important;
    box-shadow: 0 4px 20px var(--accent-cyan-glow) !important;
    margin-top: 1rem !important;
}

/* Widgets Styling */
.widget {
    background: var(--bg-surface);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 1.5rem;
    margin-bottom: 2rem;
}

.widget h2.widgettitle, .widget h3.widget-title {
    font-size: 1.2rem;
    color: var(--accent-cyan);
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 0.5rem;
}

.widget ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.widget a {
    color: var(--text-secondary);
    font-size: 1rem;
}

.widget a:hover {
    color: var(--accent-cyan);
    padding-right: 5px;
}

.search-form {
    display: flex;
    gap: 0.5rem;
}

.search-form input[type="search"] {
    background: var(--bg-main);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    color: #fff;
    padding: 0.6rem 1rem;
    font-size: 0.95rem;
    font-family: var(--font-family);
    flex-grow: 1;
}

.search-form input[type="submit"] {
    background: var(--accent-cyan);
    color: #0b0e17;
    border: none;
    border-radius: var(--radius-sm);
    padding: 0.6rem 1.2rem;
    font-weight: 700;
    cursor: pointer;
    font-family: var(--font-family);
}

/* Footer Settings */
.site-footer {
    background: #070910;
    border-top: 1px solid var(--border-color);
    padding: 4rem 1.5rem 2rem;
    margin-top: auto;
}

.footer-container {
    max-width: 1280px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 3rem;
    margin-bottom: 3rem;
}

.footer-brand p {
    color: var(--text-muted);
    font-size: 0.95rem;
    margin-top: 1rem;
    line-height: 1.6;
}

.footer-widget h3 {
    font-size: 1.15rem;
    font-weight: 700;
    margin-bottom: 1.25rem;
    color: var(--text-primary);
    position: relative;
    padding-bottom: 0.5rem;
}

.footer-widget h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 2px;
    background: var(--accent-cyan);
}

.footer-widget ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.footer-widget a {
    color: var(--text-secondary);
    font-size: 0.95rem;
}

.footer-widget a:hover {
    color: var(--accent-cyan);
    padding-right: 5px;
}

.footer-bottom {
    max-width: 1280px;
    margin: 0 auto;
    padding-top: 2rem;
    border-top: 1px solid rgba(255,255,255,0.05);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    color: var(--text-muted);
    font-size: 0.9rem;
}

/* ==========================================================================
   MOBILE & TABLET RESPONSIVE MEDIA QUERIES (FULL AUDIT FIXES)
   ========================================================================== */

@media (max-width: 992px) {
    .single-product-grid {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
    }
}

@media (max-width: 768px) {
    .product-page-container {
        width: 95% !important;
        margin: 1.5rem auto !important;
    }

    .single-product-title {
        font-size: 1.7rem !important;
    }

    .price-amount {
        font-size: 1.6rem !important;
    }

    .product-info-card, .product-gallery-card, .product-details-tabs-section {
        padding: 1.25rem !important;
    }

    .page-content-wrapper {
        width: 95% !important;
        padding: 1.25rem !important;
        margin: 1.5rem auto !important;
    }

    .page-title {
        font-size: 1.75rem !important;
    }

    /* Transform Cart Table to Responsive Mobile Cards */
    .woocommerce-cart table.shop_table,
    .woocommerce-cart table.shop_table label,
    .woocommerce-cart table.shop_table tbody,
    .woocommerce-cart table.shop_table tr,
    .woocommerce-cart table.shop_table td {
        display: block !important;
        width: 100% !important;
    }

    .woocommerce-cart table.shop_table thead {
        display: none !important;
    }

    .woocommerce-cart table.shop_table tr {
        margin-bottom: 1.5rem !important;
        background: var(--bg-surface) !important;
        border: 1px solid var(--border-color) !important;
        border-radius: var(--radius-md) !important;
        padding: 1rem !important;
        position: relative !important;
    }

    .woocommerce-cart table.shop_table td {
        padding: 0.5rem 0 !important;
        border: none !important;
        text-align: right !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .woocommerce-cart table.shop_table td.product-remove {
        position: absolute !important;
        top: 10px !important;
        left: 10px !important;
        width: auto !important;
    }

    .woocommerce-cart table.shop_table td.product-thumbnail {
        justify-content: center !important;
        margin-bottom: 0.75rem !important;
    }

    .woocommerce-cart table.shop_table td.product-thumbnail img {
        width: 110px !important;
    }

    .woocommerce-cart table.shop_table td.product-name {
        justify-content: center !important;
        text-align: center !important;
        margin-bottom: 0.5rem !important;
    }

    .woocommerce-cart table.shop_table td.actions .coupon {
        flex-direction: column !important;
        width: 100% !important;
    }

    .woocommerce-cart table.shop_table td.actions .coupon input#coupon_code {
        width: 100% !important;
    }

    .woocommerce-cart table.shop_table td.actions .coupon button.button {
        width: 100% !important;
    }

    .cart_totals {
        padding: 1.25rem !important;
    }
}

@media (max-width: 640px) {
    .products-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }
}

@media (max-width: 480px) {
    .site-header {
        padding-block: 0.45rem;
    }

    .site-header .custom-logo-link img {
        width: 88px;
        max-height: 40px;
    }

    .site-footer .custom-logo-link img {
        width: 132px;
        max-height: 60px;
    }

    .site-logo-brand .logo-text {
        font-size: 1.05rem;
    }

    .menu-toggle-btn, .cart-icon-btn, .account-icon-btn {
        width: 40px;
        height: 40px;
        font-size: 1.05rem;
    }

    .hero-title {
        font-size: 1.85rem !important;
    }

    .hero-subtitle {
        font-size: 1rem !important;
    }

    .hero-buttons {
        flex-direction: column;
        width: 100%;
    }

    .hero-buttons .btn-primary, .hero-buttons .btn-outline {
        width: 100%;
    }
}

@media screen and (max-width: 782px) {
    .admin-bar .drawer-backdrop {
        top: 46px;
    }

    .admin-bar .mobile-nav-drawer {
        top: 46px;
        height: calc(100dvh - 46px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .mobile-nav-drawer,
    .drawer-backdrop {
        transition-duration: 0.01ms;
    }
}

/* Mobile 2-Column Grid for Features Section */
@media (max-width: 768px) {
    .features-section {
        padding: 1.75rem 0.85rem !important;
    }

    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.75rem !important;
    }

    .feature-card {
        padding: 1rem 0.75rem !important;
        flex-direction: column !important;
        text-align: center !important;
        justify-content: center !important;
        gap: 0.6rem !important;
    }

    .feature-icon {
        width: 44px !important;
        height: 44px !important;
        font-size: 1.25rem !important;
        margin: 0 auto !important;
    }

    .feature-title {
        font-size: 0.92rem !important;
        margin-bottom: 0.2rem !important;
        line-height: 1.3 !important;
    }

    .feature-desc {
        font-size: 0.78rem !important;
        line-height: 1.35 !important;
    }
}

/* ==========================================================================
   MY ACCOUNT — ORGANIZED CUSTOMER DASHBOARD
   ========================================================================== */

body.woocommerce-account .page-content-wrapper--account {
    width: min(94%, 1280px);
    max-width: 1280px;
    margin: clamp(1.5rem, 4vw, 3.5rem) auto;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.nexus-account-page-heading {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
    padding: clamp(1.15rem, 3vw, 1.75rem);
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 20%, rgba(157, 78, 221, 0.18), transparent 35%),
        linear-gradient(145deg, rgba(26, 31, 54, 0.98), rgba(19, 23, 40, 0.98));
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.28);
}

.nexus-account-page-heading__icon {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    flex: 0 0 58px;
    color: #06131a;
    background: linear-gradient(135deg, var(--accent-cyan), #4facfe);
    border-radius: 17px;
    box-shadow: 0 0 24px rgba(0, 242, 254, 0.24);
    font-size: 1.35rem;
}

.nexus-account-page-heading .page-title {
    margin: 0 0 0.2rem;
    padding: 0;
    border: 0;
    font-size: clamp(1.7rem, 4vw, 2.35rem);
}

.nexus-account-page-heading p {
    margin: 0;
    color: var(--text-secondary);
    font-size: 0.96rem;
}

body.woocommerce-account .page-body {
    color: var(--text-secondary);
    font-size: 1rem;
    line-height: 1.7;
}

body.woocommerce-account.logged-in .page-body > .woocommerce {
    display: grid;
    grid-template-columns: minmax(235px, 280px) minmax(0, 1fr);
    gap: 1.25rem;
    align-items: start;
}

body.woocommerce-account.logged-in .page-body > .woocommerce::before,
body.woocommerce-account.logged-in .page-body > .woocommerce::after {
    display: none !important;
    content: none !important;
}

body.woocommerce-account .woocommerce-notices-wrapper {
    grid-column: 1 / -1;
    min-width: 0;
}

body.woocommerce-account .woocommerce-notices-wrapper:empty {
    display: none;
}

body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-error {
    min-height: 0;
    margin: 0 0 0.65rem !important;
    padding: 0.8rem 0.95rem !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: 0.7rem !important;
    border: 1px solid rgba(0, 242, 254, 0.34) !important;
    border-inline-start-width: 4px !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2) !important;
    font-size: 0.9rem !important;
    line-height: 1.55 !important;
}

body.woocommerce-account .woocommerce-error {
    border-color: rgba(255, 0, 127, 0.55) !important;
}

/* ==========================================================================
   BATASH SOLID UI SYSTEM
   Flat, high-contrast surfaces shared by the storefront and WooCommerce.
   ========================================================================== */
:root {
    --batash-solid-primary: #22c9e6;
    --batash-solid-primary-hover: #55d8ee;
    --batash-solid-secondary: #253854;
    --batash-solid-secondary-hover: #304867;
    --batash-solid-card: #172740;
    --batash-solid-card-alt: #1d304d;
    --batash-solid-success: #159a68;
    --batash-solid-danger: #b8325a;
    --batash-solid-warning: #c98527;
}

.btn-primary,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-message .button,
.woocommerce-error .button,
.woocommerce-info .button,
.woocommerce a.button.wc-forward,
.custom-cart-form-wrap form.cart .single_add_to_cart_button,
.wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout #place_order,
.add-to-cart-btn,
button[type="submit"],
input[type="submit"] {
    color: #04131d !important;
    background: var(--batash-solid-primary) !important;
    border: 0 !important;
    box-shadow: none !important;
}

.btn-primary:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.custom-cart-form-wrap form.cart .single_add_to_cart_button:hover,
.wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout #place_order:hover,
.add-to-cart-btn:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
    color: #04131d !important;
    background: var(--batash-solid-primary-hover) !important;
    box-shadow: none !important;
}

.btn-outline,
.tab-btn,
.menu-toggle-btn,
.cart-icon-btn,
.account-icon-btn,
.drawer-close-btn,
.footer-social-links a {
    color: #f8fbff !important;
    background: var(--batash-solid-secondary) !important;
    border: 0 !important;
    box-shadow: none !important;
}

.btn-outline:hover,
.tab-btn:hover,
.menu-toggle-btn:hover,
.cart-icon-btn:hover,
.account-icon-btn:hover,
.drawer-close-btn:hover,
.footer-social-links a:hover {
    color: #fff !important;
    background: var(--batash-solid-secondary-hover) !important;
    box-shadow: none !important;
}

.tab-btn.active,
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a,
.drawer-nav .current-menu-item > a {
    color: #04131d !important;
    background: var(--batash-solid-primary) !important;
    border: 0 !important;
    box-shadow: none !important;
}

.product-card,
.feature-card,
.category-card,
.widget,
.product-details-tabs-section,
.woocommerce div.product,
.woocommerce form.checkout,
.woocommerce-cart-form,
.cart-collaterals,
.woocommerce-account .woocommerce,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce .woocommerce-form-login,
.woocommerce .woocommerce-form-register,
.nexus-account-page-heading {
    background-color: var(--batash-solid-card) !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.product-card:hover,
.feature-card:hover,
.category-card:hover {
    background-color: var(--batash-solid-card-alt) !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.product-image-wrap,
.woocommerce ul.products li.product a img,
.woocommerce div.product div.images img {
    aspect-ratio: 1 / 1;
}

.product-image-wrap {
    height: auto;
}

.product-image-wrap a {
    width: 100%;
    height: 100%;
    display: block;
}

.product-image-wrap img,
.woocommerce ul.products li.product a img,
.woocommerce div.product div.images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-badge,
.shop-filter-badge {
    color: #fff !important;
    background: var(--batash-solid-success) !important;
    border: 0 !important;
    backdrop-filter: none !important;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    color: #fff !important;
    background: #1d4260 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.woocommerce-message { background: #176047 !important; }
.woocommerce-error { background: #76233e !important; }

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .select2-container--default .select2-selection--single,
.woocommerce .quantity .qty,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="search"],
textarea,
select {
    background: #0b192c !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

body.woocommerce-account .woocommerce-message::before,
body.woocommerce-account .woocommerce-info::before,
body.woocommerce-account .woocommerce-error::before {
    position: static !important;
    inset: auto !important;
    margin: 0 !important;
    flex: 0 0 auto;
}

body.woocommerce-account .woocommerce-message .button,
body.woocommerce-account .woocommerce-info .button,
body.woocommerce-account .woocommerce-error .button {
    order: 3;
    flex: 0 0 auto;
    margin-inline-start: auto !important;
    padding: 0.48rem 0.8rem !important;
    box-shadow: none !important;
    font-size: 0.82rem !important;
    white-space: nowrap;
}

body.woocommerce-account .woocommerce-MyAccount-navigation {
    position: sticky;
    top: 92px;
    float: none !important;
    width: auto !important;
    min-width: 0;
    padding: 0.85rem;
    background: linear-gradient(160deg, rgba(26, 31, 54, 0.98), rgba(15, 19, 33, 0.98));
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: 0 14px 38px rgba(0, 0, 0, 0.25);
}

.nexus-account-profile {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    padding: 0.55rem 0.45rem 1rem;
    border-bottom: 1px solid var(--border-color);
}

.nexus-account-profile__avatar {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    flex: 0 0 46px;
    color: #06131a;
    background: linear-gradient(135deg, var(--accent-cyan), #4facfe);
    border: 2px solid rgba(255, 255, 255, 0.18);
    border-radius: 14px;
    font-size: 1.15rem;
    font-weight: 800;
}

.nexus-account-profile__copy {
    min-width: 0;
}

.nexus-account-profile__copy small,
.nexus-account-profile__copy strong {
    display: block;
}

.nexus-account-profile__copy small {
    color: var(--text-muted);
    font-size: 0.75rem;
}

.nexus-account-profile__copy strong {
    overflow: hidden;
    color: var(--text-primary);
    font-size: 0.98rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: grid;
    gap: 0.35rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li::marker {
    content: "";
}

body.woocommerce-account .woocommerce-MyAccount-navigation li a {
    min-height: 50px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 12px;
    align-items: center;
    gap: 0.65rem;
    padding: 0.45rem 0.6rem;
    color: var(--text-secondary);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 12px;
    font-size: 0.9rem;
    font-weight: 650;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
    color: var(--text-primary);
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
}

body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    color: var(--text-primary);
    background: linear-gradient(135deg, rgba(0, 242, 254, 0.14), rgba(79, 172, 254, 0.07));
    border-color: rgba(0, 242, 254, 0.38);
    box-shadow: inset -3px 0 var(--accent-cyan);
}

.nexus-account-nav__icon {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    color: var(--accent-cyan);
    background: rgba(0, 242, 254, 0.08);
    border-radius: 10px;
    font-size: 0.9rem;
}

.nexus-account-nav__arrow {
    color: var(--text-muted);
    font-size: 0.68rem;
}

body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #ff8bbb;
}

body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout .nexus-account-nav__icon {
    color: #ff5d9f;
    background: rgba(255, 0, 127, 0.1);
}

body.woocommerce-account .woocommerce-MyAccount-content {
    float: none !important;
    width: auto !important;
    min-width: 0;
    min-height: 420px;
    padding: clamp(1rem, 3vw, 1.6rem);
    background: linear-gradient(155deg, rgba(26, 31, 54, 0.98), rgba(18, 22, 38, 0.98));
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: 0 14px 38px rgba(0, 0, 0, 0.25);
}

.nexus-account-welcome {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: clamp(1rem, 3vw, 1.4rem);
    background:
        radial-gradient(circle at 15% 10%, rgba(157, 78, 221, 0.2), transparent 42%),
        rgba(10, 14, 27, 0.72);
    border: 1px solid rgba(0, 242, 254, 0.18);
    border-radius: 17px;
}

.nexus-account-welcome__icon {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    color: var(--accent-cyan);
    background: rgba(0, 242, 254, 0.09);
    border: 1px solid rgba(0, 242, 254, 0.25);
    border-radius: 15px;
    font-size: 1.25rem;
}

.nexus-account-welcome__copy > span,
.nexus-account-section-heading span {
    color: var(--accent-cyan);
    font-size: 0.72rem;
    font-weight: 700;
}

.nexus-account-welcome h2 {
    margin: 0.12rem 0 0.25rem;
    font-size: clamp(1.25rem, 3vw, 1.65rem);
}

.nexus-account-welcome p {
    margin: 0;
    color: var(--text-secondary);
    font-size: 0.88rem;
    line-height: 1.65;
}

.nexus-account-welcome__shop,
body.woocommerce-account .woocommerce-MyAccount-content .button {
    min-height: 44px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0.65rem 1rem !important;
    color: #06131a !important;
    background: linear-gradient(135deg, var(--accent-cyan), #4facfe) !important;
    border: 0 !important;
    border-radius: 11px !important;
    box-shadow: 0 8px 20px rgba(0, 242, 254, 0.15) !important;
    font-size: 0.86rem !important;
    font-weight: 800 !important;
    white-space: nowrap;
}

.nexus-account-welcome__shop:hover,
body.woocommerce-account .woocommerce-MyAccount-content .button:hover {
    color: #06131a !important;
    filter: brightness(1.08);
    transform: translateY(-1px);
}

.nexus-account-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 1rem 0;
}

.nexus-account-stat {
    min-width: 0;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.65rem;
    padding: 0.85rem;
    color: var(--text-primary);
    background: rgba(10, 14, 27, 0.58);
    border: 1px solid var(--border-color);
    border-radius: 14px;
}

.nexus-account-stat:hover {
    color: var(--text-primary);
    border-color: rgba(0, 242, 254, 0.38);
    transform: translateY(-2px);
}

.nexus-account-stat__icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    color: var(--accent-cyan);
    background: rgba(0, 242, 254, 0.08);
    border-radius: 11px;
}

.nexus-account-stat__copy {
    min-width: 0;
}

.nexus-account-stat__copy small,
.nexus-account-stat__copy strong {
    display: block;
}

.nexus-account-stat__copy small {
    color: var(--text-muted);
    font-size: 0.69rem;
    white-space: nowrap;
}

.nexus-account-stat__copy strong {
    margin-top: 0.08rem;
    color: var(--text-primary);
    font-size: 1.25rem;
}

.nexus-account-stat__copy strong.is-text {
    overflow: hidden;
    font-size: 0.88rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nexus-account-stat__arrow {
    color: var(--text-muted);
    font-size: 0.72rem;
}

.nexus-account-quick {
    padding: 1.1rem;
    background: rgba(10, 14, 27, 0.38);
    border: 1px solid var(--border-color);
    border-radius: 17px;
}

.nexus-account-section-heading {
    margin-bottom: 0.85rem;
}

.nexus-account-section-heading h2 {
    margin: 0.1rem 0 0;
    font-size: 1.15rem;
}

.nexus-account-quick__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.nexus-account-quick__grid > a {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 0.25rem;
    padding: 1rem;
    color: var(--text-primary);
    background: rgba(26, 31, 54, 0.7);
    border: 1px solid var(--border-color);
    border-radius: 14px;
}

.nexus-account-quick__grid > a:hover {
    color: var(--text-primary);
    border-color: rgba(0, 242, 254, 0.38);
    transform: translateY(-2px);
}

.nexus-account-quick__grid i {
    margin-bottom: 0.4rem;
    color: var(--accent-cyan);
    font-size: 1.1rem;
}

.nexus-account-quick__grid strong {
    font-size: 0.9rem;
}

.nexus-account-quick__grid small {
    color: var(--text-muted);
    font-size: 0.75rem;
    line-height: 1.55;
}

body.woocommerce-account .woocommerce-MyAccount-content > h2,
body.woocommerce-account .woocommerce-MyAccount-content > h3 {
    margin-bottom: 1rem;
    font-size: 1.35rem;
}

body.woocommerce-account .woocommerce-MyAccount-content > p {
    margin-bottom: 1rem;
}

body.woocommerce-account .woocommerce-MyAccount-content table.shop_table {
    width: 100%;
    margin: 0;
    overflow: hidden;
    color: var(--text-secondary);
    background: rgba(10, 14, 27, 0.56);
    border: 1px solid var(--border-color);
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 14px;
}

body.woocommerce-account .woocommerce-MyAccount-content table.shop_table th,
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table td {
    padding: 0.85rem;
    text-align: right;
    border: 0;
    border-bottom: 1px solid var(--border-color);
}

body.woocommerce-account .woocommerce-MyAccount-content table.shop_table thead th {
    color: var(--accent-cyan);
    background: rgba(0, 242, 254, 0.06);
    font-size: 0.8rem;
}

body.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody tr:last-child th,
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody tr:last-child td {
    border-bottom: 0;
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address {
    float: none;
    width: auto;
    padding: 1rem;
    background: rgba(10, 14, 27, 0.56);
    border: 1px solid var(--border-color);
    border-radius: 14px;
}

body.woocommerce-account .woocommerce-Address-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

body.woocommerce-account .woocommerce-Address-title h2 {
    margin: 0;
    font-size: 1.05rem;
}

body.woocommerce-account .woocommerce-Address-title .edit {
    font-size: 0.82rem;
    font-weight: 700;
}

body.woocommerce-account .woocommerce-Address address {
    color: var(--text-secondary);
    font-style: normal;
    line-height: 1.8;
}

body.woocommerce-account .woocommerce-MyAccount-content form {
    display: flow-root;
}

body.woocommerce-account .woocommerce-MyAccount-content .form-row {
    float: none;
    width: 100%;
    margin: 0 0 1rem;
}

body.woocommerce-account .woocommerce-MyAccount-content label,
body.woocommerce-account:not(.logged-in) .woocommerce label {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--text-secondary);
    font-size: 0.86rem;
    font-weight: 650;
}

body.woocommerce-account .woocommerce-MyAccount-content input.input-text,
body.woocommerce-account .woocommerce-MyAccount-content select,
body.woocommerce-account .woocommerce-MyAccount-content textarea,
body.woocommerce-account:not(.logged-in) .woocommerce input.input-text {
    width: 100%;
    min-height: 48px;
    padding: 0.7rem 0.85rem;
    color: var(--text-primary);
    background: rgba(8, 11, 21, 0.78);
    border: 1px solid var(--border-color);
    border-radius: 11px;
    outline: 0;
    font-family: var(--font-family);
    font-size: 0.95rem;
}

body.woocommerce-account .woocommerce-MyAccount-content input.input-text:focus,
body.woocommerce-account .woocommerce-MyAccount-content select:focus,
body.woocommerce-account .woocommerce-MyAccount-content textarea:focus,
body.woocommerce-account:not(.logged-in) .woocommerce input.input-text:focus {
    border-color: var(--accent-cyan);
    box-shadow: 0 0 0 3px rgba(0, 242, 254, 0.1);
}

body.woocommerce-account .woocommerce-MyAccount-content fieldset {
    margin: 1.25rem 0;
    padding: 1rem;
    border: 1px solid var(--border-color);
    border-radius: 14px;
}

body.woocommerce-account .woocommerce-MyAccount-content legend {
    padding-inline: 0.5rem;
    color: var(--text-primary);
    font-weight: 750;
}

body.woocommerce-account:not(.logged-in) .page-body > .woocommerce {
    max-width: 560px;
    margin: 0 auto;
    padding: clamp(1.1rem, 4vw, 1.8rem);
    background: linear-gradient(155deg, rgba(26, 31, 54, 0.98), rgba(18, 22, 38, 0.98));
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: 0 14px 38px rgba(0, 0, 0, 0.25);
}

body.woocommerce-account:not(.logged-in) .woocommerce > h2 {
    margin-bottom: 1.15rem;
    font-size: 1.35rem;
}

body.woocommerce-account:not(.logged-in) .woocommerce-form-login {
    margin: 0;
    padding: 0;
    border: 0;
}

body.woocommerce-account:not(.logged-in) .woocommerce-form-login__rememberme {
    display: inline-flex !important;
    align-items: center;
    gap: 0.45rem;
}

@media (max-width: 980px) {
    body.woocommerce-account.logged-in .page-body > .woocommerce {
        grid-template-columns: 1fr;
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation {
        position: static;
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation ul {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation li a {
        min-height: 72px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 0.3rem;
        text-align: center;
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
        box-shadow: inset 0 -3px var(--accent-cyan);
    }

    .nexus-account-nav__icon {
        width: 32px;
        height: 32px;
    }

    .nexus-account-nav__arrow {
        display: none;
    }
}

@media (max-width: 720px) {
    body.woocommerce-account .page-content-wrapper--account {
        width: calc(100% - 24px) !important;
        margin: 1rem auto 1.5rem !important;
        padding: 0 !important;
    }

    .nexus-account-page-heading {
        gap: 0.75rem;
        padding: 0.9rem;
        border-radius: 16px;
    }

    .nexus-account-page-heading__icon {
        width: 46px;
        height: 46px;
        flex-basis: 46px;
        border-radius: 13px;
        font-size: 1.05rem;
    }

    .nexus-account-page-heading .page-title {
        font-size: 1.45rem !important;
    }

    .nexus-account-page-heading p {
        font-size: 0.78rem;
        line-height: 1.5;
    }

    body.woocommerce-account .woocommerce-message,
    body.woocommerce-account .woocommerce-info,
    body.woocommerce-account .woocommerce-error {
        align-items: flex-start !important;
        flex-wrap: wrap !important;
        padding: 0.75rem !important;
        font-size: 0.82rem !important;
    }

    body.woocommerce-account .woocommerce-message .button,
    body.woocommerce-account .woocommerce-info .button,
    body.woocommerce-account .woocommerce-error .button {
        width: 100%;
        margin: 0.25rem 0 0 !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation {
        padding: 0.7rem;
        border-radius: 16px;
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation li a {
        min-height: 68px;
        padding: 0.45rem;
        font-size: 0.76rem;
    }

    body.woocommerce-account .woocommerce-MyAccount-content {
        min-height: 0;
        padding: 0.85rem;
        border-radius: 16px;
    }

    .nexus-account-welcome {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 0.75rem;
        padding: 0.9rem;
    }

    .nexus-account-welcome__icon {
        width: 44px;
        height: 44px;
        font-size: 1rem;
    }

    .nexus-account-welcome h2 {
        font-size: 1.15rem;
    }

    .nexus-account-welcome p {
        font-size: 0.78rem;
    }

    .nexus-account-welcome__shop {
        grid-column: 1 / -1;
        width: 100%;
    }

    .nexus-account-stats,
    .nexus-account-quick__grid,
    body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses {
        grid-template-columns: 1fr;
    }

    .nexus-account-quick {
        padding: 0.85rem;
    }

    .nexus-account-quick__grid > a {
        display: grid;
        grid-template-columns: 32px minmax(0, 1fr);
        column-gap: 0.6rem;
        padding: 0.8rem;
    }

    .nexus-account-quick__grid i {
        grid-row: 1 / span 2;
        margin: 0.1rem 0 0;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.shop_table,
    body.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody,
    body.woocommerce-account .woocommerce-MyAccount-content table.shop_table tr,
    body.woocommerce-account .woocommerce-MyAccount-content table.shop_table th,
    body.woocommerce-account .woocommerce-MyAccount-content table.shop_table td {
        display: block;
        width: 100%;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.shop_table thead {
        display: none;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.shop_table {
        overflow: visible;
        background: transparent;
        border: 0;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.shop_table tr {
        margin-bottom: 0.75rem;
        padding: 0.75rem;
        background: rgba(10, 14, 27, 0.56);
        border: 1px solid var(--border-color);
        border-radius: 13px;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.shop_table th,
    body.woocommerce-account .woocommerce-MyAccount-content table.shop_table td {
        display: grid;
        grid-template-columns: minmax(90px, 38%) minmax(0, 1fr);
        gap: 0.6rem;
        padding: 0.5rem 0;
        border-bottom: 1px solid var(--border-color);
        text-align: left;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.shop_table th::before,
    body.woocommerce-account .woocommerce-MyAccount-content table.shop_table td::before {
        content: attr(data-title);
        color: var(--text-muted);
        text-align: right;
        font-size: 0.75rem;
        font-weight: 650;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.shop_table tr > :last-child {
        border-bottom: 0;
    }
}

/* Final high-contrast cascade guard for legacy theme and WooCommerce rules. */
:root {
    --bg-main: #050812;
    --bg-surface: #10192b;
    --bg-card: #182640;
    --bg-card-hover: #223657;
    --accent-cyan: #39e6ff;
    --accent-purple: #c4a7ff;
    --accent-green: #5df0aa;
    --accent-pink: #ff72b2;
    --text-primary: #ffffff;
    --text-secondary: #e2e8f0;
    --text-muted: #b7c4d6;
    --border-color: rgba(190, 207, 231, 0.42);
    --border-highlight: rgba(57, 230, 255, 0.72);
}

body,
.site-main {
    background-color: var(--bg-main);
    color: var(--text-primary);
}

.site-header {
    background: rgba(5, 8, 18, 0.97);
    border-bottom-color: var(--border-color);
}

.site-footer {
    background: #070b14;
    border-top-color: var(--border-color);
}

.footer-brand p,
.footer-widget p,
.footer-widget a,
.footer-bottom,
.footer-bottom > div,
.site-description,
.product-card p,
.feature-card p,
.category-card p,
.woocommerce .woocommerce-breadcrumb,
.woocommerce-result-count,
.woocommerce-account .woocommerce-MyAccount-content p,
.woocommerce-account .woocommerce-MyAccount-content address,
.woocommerce-account .woocommerce-MyAccount-content table {
    color: var(--text-muted);
}

.footer-bottom {
    border-top-color: var(--border-color);
}

.product-card,
.feature-card,
.category-card,
.woocommerce div.product,
.woocommerce form.checkout,
.woocommerce-cart-form,
.cart-collaterals,
.woocommerce-account .woocommerce,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce .woocommerce-form-login,
.woocommerce .woocommerce-form-register {
    background-color: var(--bg-card);
    border-color: var(--border-color);
}

.woocommerce table.shop_table,
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
    border-color: var(--border-color);
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .select2-container--default .select2-selection--single,
.woocommerce .quantity .qty,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="search"],
textarea,
select {
    color: #ffffff;
    background-color: #071425;
    border-color: rgba(205, 219, 238, 0.62);
}

input::placeholder,
textarea::placeholder,
.select2-selection__placeholder {
    color: #adbed2 !important;
    opacity: 1;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
    color: #e7eef8;
}

.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
    color: #041019;
    background: var(--accent-cyan);
    border-color: var(--accent-cyan);
}

body :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
    outline: 3px solid #ffdc74;
    outline-offset: 3px;
    box-shadow: 0 0 0 6px rgba(255, 220, 116, 0.2);
}

/* Final Batash solid-style guard. */
.product-card,
.feature-card,
.category-card,
.widget,
.product-details-tabs-section,
.woocommerce div.product,
.woocommerce form.checkout,
.woocommerce-cart-form,
.cart-collaterals,
.woocommerce-account .woocommerce,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-billing-fields,
.nexus-account-page-heading {
    background: var(--batash-solid-card) !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.product-image-wrap,
.woocommerce ul.products li.product a img,
.woocommerce div.product div.images img {
    aspect-ratio: 1 / 1 !important;
}

.product-image-wrap img,
.woocommerce ul.products li.product a img,
.woocommerce div.product div.images img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.btn-primary,
.btn-outline,
.add-to-cart-btn,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.custom-cart-form-wrap form.cart .single_add_to_cart_button,
.wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout #place_order,
button[type="submit"],
input[type="submit"] {
    border: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
}

/*
 ==========================================================================
 ⚡ MASTER CYBER GLASS & ANTIGRAVITY UI/UX OVERHAUL (PRODUCTION GRADE)
 ==========================================================================
 */

/* 1. Floating Glass Pill Header */
.site-header {
    position: sticky !important;
    top: 14px !important;
    z-index: 1000 !important;
    max-width: 1280px !important;
    margin: 0 auto 1.5rem auto !important;
    width: calc(100% - 2rem) !important;
    background: rgba(11, 19, 41, 0.88) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(0, 242, 254, 0.3) !important;
    border-radius: 999px !important;
    padding: 0.6rem 1.5rem !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 0 25px rgba(0, 242, 254, 0.15) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.account-icon-btn,
.cart-icon-btn,
.menu-toggle-btn {
    min-width: 44px !important;
    min-height: 44px !important;
    display: inline-grid !important;
    place-items: center !important;
    border-radius: 999px !important;
    background: rgba(15, 23, 42, 0.7) !important;
    border: 1px solid rgba(0, 242, 254, 0.2) !important;
    transition: all 0.25s ease !important;
}

.account-icon-btn:hover,
.cart-icon-btn:hover,
.menu-toggle-btn:hover {
    background: rgba(0, 242, 254, 0.15) !important;
    border-color: #00f2fe !important;
    box-shadow: 0 0 15px rgba(0, 242, 254, 0.4) !important;
    transform: translateY(-2px) !important;
}

/* 2. Mobile Drawer Touch Targets & Glow */
.drawer-close-btn {
    min-width: 44px !important;
    min-height: 44px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 12px !important;
    background: rgba(255, 0, 127, 0.15) !important;
    border: 1px solid rgba(255, 0, 127, 0.4) !important;
    color: #ff007f !important;
    font-size: 1.2rem !important;
}

.drawer-nav a {
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0.75rem 1.25rem !important;
    border-radius: 12px !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
}

.drawer-nav a:hover {
    background: linear-gradient(90deg, rgba(0, 242, 254, 0.15), rgba(157, 78, 221, 0.15)) !important;
    color: #00f2fe !important;
    border-inline-start: 3px solid #00f2fe !important;
    padding-inline-start: 1.5rem !important;
}

/* 3. Single Product Service Fields Focus Glow & Image Cover */
.bdf-service-field input,
.bdf-service-field select,
.bdf-service-field textarea,
.custom-cart-form-wrap input,
.custom-cart-form-wrap select {
    background: rgba(11, 19, 41, 0.95) !important;
    border: 1px solid rgba(0, 242, 254, 0.25) !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    padding: 0.75rem 1rem !important;
    font-size: 1rem !important;
    transition: all 0.25s ease !important;
}

.bdf-service-field input:focus,
.bdf-service-field select:focus,
.bdf-service-field textarea:focus {
    outline: none !important;
    border-color: #00f2fe !important;
    box-shadow: 0 0 18px rgba(0, 242, 254, 0.4) !important;
    background: rgba(15, 23, 42, 0.98) !important;
}

.main-image-wrap img,
.hzb-product-card__media img,
.product-card .thumbnail img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 14px !important;
}

/* 4. Single Product Button Group Responsive Spacing */
.custom-cart-form-wrap form.cart {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    align-items: center !important;
}

.single_add_to_cart_button,
.batash-buy-now-button {
    flex: 1 1 200px !important;
    min-height: 50px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 14px !important;
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.batash-buy-now-button {
    background: linear-gradient(135deg, #00ff88, #00b894) !important;
    color: #030712 !important;
    box-shadow: 0 0 20px rgba(0, 255, 136, 0.35) !important;
    border: none !important;
    cursor: pointer !important;
}

.batash-buy-now-button:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 0 30px rgba(0, 255, 136, 0.6) !important;
    color: #000000 !important;
}

/* 5. Interactive Payment Method Cards in Checkout */
.woocommerce-checkout #payment ul.payment_methods {
    display: grid !important;
    gap: 12px !important;
    padding: 0 !important;
    list-style: none !important;
}

.woocommerce-checkout #payment ul.payment_methods li {
    background: rgba(15, 23, 42, 0.75) !important;
    border: 1px solid rgba(0, 242, 254, 0.2) !important;
    border-radius: 14px !important;
    padding: 1rem 1.25rem !important;
    transition: all 0.25s ease !important;
}

.woocommerce-checkout #payment ul.payment_methods li:has(input:checked) {
    background: linear-gradient(135deg, rgba(0, 242, 254, 0.15), rgba(11, 19, 41, 0.95)) !important;
    border: 2px solid #00f2fe !important;
    box-shadow: 0 0 20px rgba(0, 242, 254, 0.35) !important;
}

.woocommerce-checkout #payment ul.payment_methods label {
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    cursor: pointer !important;
}

/* 6. Floating Pill Tabs for My Account */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    list-style: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
    display: inline-block !important;
    padding: 0.65rem 1.25rem !important;
    border-radius: 999px !important;
    background: rgba(15, 23, 42, 0.8) !important;
    border: 1px solid rgba(0, 242, 254, 0.2) !important;
    color: #e2e8f0 !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
    background: #00f2fe !important;
    color: #030712 !important;
    border-color: #00f2fe !important;
    box-shadow: 0 0 18px rgba(0, 242, 254, 0.4) !important;
}

/* 7. Shop Ordering Select Glass Customization */
.woocommerce-ordering select {
    background: rgba(15, 23, 42, 0.85) !important;
    border: 1px solid rgba(0, 242, 254, 0.25) !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    padding: 0.6rem 1rem !important;
    font-size: 0.95rem !important;
}

.woocommerce-ordering select:focus {
    border-color: #00f2fe !important;
    box-shadow: 0 0 15px rgba(0, 242, 254, 0.35) !important;
}

/*
 ==========================================================================
 📐 STANDARDIZED TYPOGRAPHY ARCHITECTURE & TOKENS ENFORCEMENT
 ==========================================================================
 */

/* 1. Global Typography Absolute Floor (No element < 13.5px) */
*, ::before, ::after {
    min-font-size: 13.5px;
}

body, p, input, select, textarea, td, th, li, a, span, label, small, div {
    font-size: max(13.5px, var(--font-size-meta, 13.5px));
}

/* 2. Headings & Titles Scale */
h1, .page-title, .entry-title, .site-title {
    font-size: var(--font-size-display, 28px) !important;
    font-weight: 900 !important;
    line-height: 1.3 !important;
}

h2, .section-title, .widget-title, .woocommerce-column__title {
    font-size: var(--font-size-h2, 20px) !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
}

h3, .product-card h3, .product_title, .card-title {
    font-size: var(--font-size-h3, 17px) !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
}

/* 3. Action Buttons & Interactive Click Targets Scale */
button,
.button,
.btn,
input[type="submit"],
.single_add_to_cart_button,
.batash-buy-now-button,
.checkout-button,
#place_order,
.bmd-button {
    font-size: var(--font-size-button, 15px) !important;
    font-weight: 800 !important;
    min-height: 44px !important;
}

/* 4. Form Labels, Inputs & Controls Scale */
label,
.bdf-service-field label,
.form-row label {
    font-size: var(--font-size-label, 14.5px) !important;
    font-weight: 700 !important;
    color: #ffffff !important;
}

input:not([type="checkbox"]):not([type="radio"]),
select,
textarea {
    font-size: var(--font-size-body, 15px) !important;
    font-weight: 500 !important;
}

/* 5. Meta Text, SKU, Categories, Badges & Table Cells */
small,
.product-category,
.product-card .category,
.bmd-product-card__category,
.bmd-key-product-card__body small,
/*
 ==========================================================================
 ⚡ BATAASH KERNEL DESCRIPTION CYBER GLASS STYLING
 ==========================================================================
 */

.bataash-kernel-description {
    display: grid;
    gap: 1.5rem;
    color: #ffffff;
    font-family: var(--font-family);
}

.bmd-desc-header {
    margin-bottom: 0.5rem;
}

.bmd-desc-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0.75rem 1.25rem;
    background: linear-gradient(135deg, rgba(0, 242, 254, 0.2), rgba(157, 78, 221, 0.2));
    border: 1.5px solid #00f2fe;
    border-radius: 999px;
    color: #00f2fe;
    font-size: 1.15rem;
    font-weight: 900;
    box-shadow: 0 0 20px rgba(0, 242, 254, 0.35);
}

.bmd-desc-section {
    background: rgba(15, 23, 42, 0.75);
    border: 1px solid rgba(0, 242, 254, 0.2);
    border-radius: 18px;
    padding: 1.5rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

.bmd-desc-title,
.bmd-terms-title {
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 1.25rem !important;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.bmd-desc-title i {
    color: #00f2fe;
}

.bmd-terms-title i {
    color: #facc15;
}

.bmd-desc-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

.bmd-desc-features li {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0.85rem 1rem;
    background: rgba(8, 16, 32, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    font-size: 0.98rem;
    font-weight: 600;
    color: #e2e8f0;
    transition: all 0.25s ease;
}

.bmd-desc-features li:hover {
    border-color: #00f2fe;
    box-shadow: 0 0 15px rgba(0, 242, 254, 0.2);
    transform: translateY(-2px);
}

.bmd-desc-features li i {
    color: #00f2fe;
    font-size: 1.1rem;
    flex: 0 0 20px;
}

.bmd-desc-features li strong {
    color: #00ff88;
}

/* Terms Cards Styling */
.bmd-terms-section {
    background: linear-gradient(135deg, rgba(20, 10, 30, 0.85), rgba(10, 15, 30, 0.95)) !important;
    border-color: rgba(245, 158, 11, 0.3) !important;
}

.bmd-terms-content {
    display: grid;
    gap: 1rem;
}

.bmd-term-card {
    padding: 1rem 1.25rem;
    border-radius: 14px;
    font-size: 0.95rem;
    line-height: 1.6;
}

.bmd-term-card p {
    margin: 0 !important;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.bmd-term-card i {
    margin-top: 4px;
    font-size: 1.1rem;
    flex: 0 0 20px;
}

.bmd-term-card--info {
    background: rgba(0, 242, 254, 0.08);
    border: 1px solid rgba(0, 242, 254, 0.25);
    color: #bae6fd;
}

.bmd-term-card--info i {
    color: #00f2fe;
}

.bmd-term-card--warning {
    background: rgba(245, 158, 11, 0.08);
    border: 1px solid rgba(245, 158, 11, 0.3);
    color: #fef08a;
}

.bmd-term-card--warning i {
    color: #f59e0b;
}

.bmd-term-card--danger {
    background: rgba(255, 0, 127, 0.08);
    border: 1px solid rgba(255, 0, 127, 0.3);
    color: #fbcfe8;
}

.bmd-term-card--danger i {
    color: #ff007f;
}

/*
 ==========================================================================
 ⚡ DESKTOP & MOBILE MASTER SINGLE PRODUCT OVERHAUL (PERFECT ALIGNMENT)
 ==========================================================================
 */

@media (min-width: 993px) {
    .single-product-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 2.5rem !important;
        align-items: start !important;
    }

    .product-gallery-card {
        position: sticky !important;
        top: 95px !important;
        height: fit-content !important;
        background: rgba(15, 23, 42, 0.75) !important;
        border: 1px solid rgba(0, 242, 254, 0.25) !important;
        border-radius: 20px !important;
        padding: 1.5rem !important;
        box-shadow: 0 15px 45px rgba(0, 0, 0, 0.5) !important;
    }

    .main-image-wrap {
        aspect-ratio: 1 / 1 !important;
        width: 100% !important;
        border-radius: 16px !important;
        margin-bottom: 1rem !important;
    }

    .product-info-card {
        background: rgba(15, 23, 42, 0.75) !important;
        border: 1px solid rgba(0, 242, 254, 0.25) !important;
        border-radius: 20px !important;
        padding: 2.25rem !important;
        box-shadow: 0 15px 45px rgba(0, 0, 0, 0.5) !important;
    }

    /* Seamless inner form blending for Desktop */
    .product-info-card .bdf-service-request {
        margin: 1.25rem 0 0 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    .product-info-card .bdf-service-field {
        width: 100% !important;
        margin-bottom: 1.25rem !important;
        box-sizing: border-box !important;
    }
}

/*
 ==========================================================================
 ⚡ MOBILE HEADER SPACING & CYAN BADGE OVERHAUL
 ==========================================================================
 */

.cart-count {
    position: absolute !important;
    top: -4px !important;
    left: -4px !important;
    background: linear-gradient(135deg, #00f2fe, #00c6ff) !important;
    color: #030712 !important;
    font-size: 0.8rem !important;
    font-weight: 900 !important;
    min-width: 22px !important;
    height: 22px !important;
    padding: 0 4px !important;
    border-radius: 999px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 0 14px rgba(0, 242, 254, 0.9) !important;
    border: 1.5px solid #070b14 !important;
}

@media (max-width: 768px) {
    .site-header {
        width: calc(100% - 1.25rem) !important;
        margin: 8px auto 1rem auto !important;
        padding: 0.5rem 0.85rem !important;
        position: sticky !important;
        top: 10px !important;
    }

    .header-container {
        position: relative !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        padding: 0 !important;
        min-height: 42px !important;
    }

    .header-center {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        z-index: 5 !important;
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
    }

    .header-center .custom-logo-link img,
    .header-center img {
        max-height: 34px !important;
        width: auto !important;
        display: block !important;
    }

    .header-right {
        z-index: 10 !important;
    }

    .header-left {
        z-index: 10 !important;
        display: flex !important;
        align-items: center !important;
        gap: 0.5rem !important;
    }

    .account-icon-btn,
    .cart-icon-btn,
    .menu-toggle-btn {
        min-width: 40px !important;
        min-height: 40px !important;
        width: 40px !important;
        height: 40px !important;
    }
}

/*
 ==========================================================================
 ⚡ GLOBAL CYBER GLASS TOP CART TOAST BANNER OVERHAUL
 ==========================================================================
 */

.hzb-cart-toast {
    position: fixed !important;
    top: 20px !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translateX(-50%) translateY(-130px) !important;
    z-index: 999999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    width: min(92vw, 540px) !important;
    max-width: min(92vw, 540px) !important;
    padding: 10px 16px 10px 18px !important;
    color: #ffffff !important;
    background: rgba(8, 16, 32, 0.96) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1.5px solid #00f2fe !important;
    border-radius: 999px !important;
    box-shadow: 0 12px 40px rgba(0, 242, 254, 0.45) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: transform 0.35s cubic-bezier(0.18, 0.89, 0.32, 1.28), opacity 0.25s ease !important;
}

.hzb-cart-toast.is-visible {
    opacity: 1 !important;
    transform: translateX(-50%) translateY(0) !important;
    pointer-events: auto !important;
}

.hzb-cart-toast__icon {
    width: 44px !important;
    height: 44px !important;
    display: grid !important;
    place-items: center !important;
    flex: 0 0 44px !important;
    color: #030712 !important;
    background: linear-gradient(135deg, #00f2fe, #00c6ff) !important;
    border-radius: 50% !important;
    font-size: 1.2rem !important;
    box-shadow: 0 0 14px rgba(0, 242, 254, 0.8) !important;
}

.hzb-cart-toast__content {
    flex: 1 1 auto !important;
    text-align: right !important;
}

.hzb-cart-toast strong {
    display: block !important;
    font-size: 1.02rem !important;
    font-weight: 900 !important;
    color: #ffffff !important;
}

.hzb-cart-toast span {
    display: block !important;
    margin-top: 2px !important;
    font-size: 0.88rem !important;
    color: #94a3b8 !important;
}

.hzb-cart-toast__btn {
    flex: 0 0 auto !important;
    padding: 8px 16px !important;
    background: linear-gradient(135deg, #00f2fe, #38bdf8) !important;
    color: #030712 !important;
    font-size: 0.9rem !important;
    font-weight: 900 !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    box-shadow: 0 0 15px rgba(0, 242, 254, 0.4) !important;
    transition: transform 0.2s ease !important;
}

.hzb-cart-toast__btn:hover {
    transform: scale(1.05) !important;
}

/*
 ==========================================================================
 ⚡ SHOP CATEGORY TABS BAR CYBER GLASS STYLING
 ==========================================================================
 */

.shop-category-tabs-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 0.75rem !important;
    margin: 1.5rem 0 2.5rem 0 !important;
}

.shop-cat-tab {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0.65rem 1.25rem !important;
    background: rgba(15, 23, 42, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 999px !important;
    color: #94a3b8 !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
}

.shop-cat-tab:hover {
    color: #ffffff !important;
    border-color: #00f2fe !important;
    box-shadow: 0 0 15px rgba(0, 242, 254, 0.3) !important;
}

.shop-cat-tab.is-active {
    color: #030712 !important;
    background: linear-gradient(135deg, #00f2fe, #38bdf8) !important;
    border-color: #00f2fe !important;
    box-shadow: 0 0 20px rgba(0, 242, 254, 0.6) !important;
    font-weight: 900 !important;
}

/*
 ==========================================================================
 ⚡ HIDE WOOCOMMERCE IN-CARD FALLBACK LINK & FORCE UNIFIED TOP BANNER
 ==========================================================================
 */

.added_to_cart.wc-forward,
.added_to_cart,
.hzb-product-card__actions .added_to_cart,
.product-card .added_to_cart {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/*
 ==========================================================================
 ⚡ SERVICE CUSTOMIZATION FOCUS GLOW ANIMATION
 ==========================================================================
 */

@keyframes hzbServicePulseGlow {
    0% { box-shadow: 0 0 0 0 rgba(0, 242, 254, 0.8); border-color: #00f2fe; }
    50% { box-shadow: 0 0 30px 10px rgba(0, 242, 254, 0.6); border-color: #00f2fe; }
    100% { box-shadow: 0 0 0 0 rgba(0, 242, 254, 0); }
}

.hzb-service-focus-glow {
    animation: hzbServicePulseGlow 2.5s ease-in-out !important;
    border-color: #00f2fe !important;
}

/*
 ===========================================================================
 CART EXPERIENCE — RETRO-FUTURISTIC CONTROL PANEL
 ===========================================================================
 */

.woocommerce-cart {
    --cart-panel: #0b162a;
    --cart-panel-raised: #101f37;
    --cart-ink: #f7fbff;
    --cart-muted: #a6b6cc;
    --cart-line: rgba(145, 174, 209, 0.42);
    --cart-cyan: #36d5f3;
    --cart-cyan-ink: #03131a;
    --cart-danger: #ff4d8d;
}

.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-message {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    min-height: 64px;
    margin: 0 0 1.25rem !important;
    padding: 1rem 3.25rem 1rem 1.25rem !important;
    color: var(--cart-ink) !important;
    background: linear-gradient(125deg, rgba(17, 86, 80, 0.96), rgba(13, 61, 70, 0.96)) !important;
    border: 1px solid rgba(75, 239, 199, 0.35) !important;
    border-inline-start: 4px solid #56e6bd !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    transition: opacity 180ms ease, transform 180ms ease, max-height 180ms ease, margin 180ms ease, padding 180ms ease;
}

.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-message .wc-forward {
    display: none !important;
}

.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-message.is-dismissing {
    max-height: 0;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-8px);
}

.batash-cart-notice-dismiss {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: 0.9rem;
    display: grid;
    width: 34px;
    height: 34px;
    padding: 0;
    place-items: center;
    color: #ffffff;
    background: rgba(4, 23, 33, 0.44);
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 50%;
    cursor: pointer;
    font-size: 1.35rem;
    line-height: 1;
    transform: translateY(-50%);
}

.batash-cart-notice-dismiss:hover {
    background: rgba(4, 23, 33, 0.8);
}

.woocommerce-cart .batash-quantity-control {
    display: inline-grid !important;
    grid-template-columns: 42px 56px 42px;
    align-items: center;
    min-width: 140px;
    overflow: hidden;
    color: var(--cart-ink);
    background: #071322;
    border: 1px solid var(--cart-line);
    border-radius: 14px;
    direction: ltr;
}

.woocommerce-cart .batash-quantity-control label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.woocommerce-cart .batash-quantity-control .qty {
    width: 56px !important;
    min-width: 0;
    height: 42px;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--cart-ink) !important;
    background: transparent !important;
    border: 0 !important;
    border-inline: 1px solid var(--cart-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 1.05rem !important;
    font-weight: 900;
    text-align: center;
}

.woocommerce-cart .batash-quantity-control .qty::-webkit-inner-spin-button,
.woocommerce-cart .batash-quantity-control .qty::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

.batash-quantity-control__button {
    display: grid;
    width: 42px;
    height: 42px;
    padding: 0;
    place-items: center;
    color: var(--cart-cyan);
    background: transparent;
    border: 0;
    cursor: pointer;
    font-size: 1.45rem;
    font-weight: 800;
    line-height: 1;
    transition: background 160ms ease, color 160ms ease;
}

.batash-quantity-control__button:hover:not(:disabled) {
    color: var(--cart-cyan-ink);
    background: var(--cart-cyan);
}

.batash-quantity-control__button:disabled {
    color: #536278;
    cursor: not-allowed;
}

.woocommerce-cart .woocommerce-cart-form td.actions .coupon .button,
.woocommerce-cart .woocommerce-cart-form button[name="update_cart"] {
    min-height: 48px;
    padding: 0.75rem 1.15rem !important;
    border-radius: 12px !important;
    font-weight: 850 !important;
}

.woocommerce-cart .woocommerce-cart-form td.actions .coupon .button {
    color: var(--cart-cyan-ink) !important;
    background: var(--cart-cyan) !important;
}

.woocommerce-cart .woocommerce-cart-form button[name="update_cart"] {
    color: var(--cart-ink) !important;
    background: var(--cart-panel-raised) !important;
    border: 1px solid rgba(211, 226, 243, 0.58) !important;
}

.woocommerce-cart .woocommerce-cart-form button[name="update_cart"]:not(:disabled):hover {
    color: var(--cart-cyan-ink) !important;
    background: var(--cart-cyan) !important;
    border-color: var(--cart-cyan) !important;
}

.woocommerce-cart .woocommerce-cart-form button[name="update_cart"]:disabled {
    color: #7c8da3 !important;
    background: rgba(31, 47, 70, 0.72) !important;
    border-color: rgba(101, 122, 151, 0.32) !important;
    opacity: 1 !important;
}

@media (max-width: 768px) {
    .woocommerce-cart .page-content-wrapper {
        width: calc(100% - 24px) !important;
        margin: 1rem auto 1.5rem !important;
        padding: 1.1rem !important;
        border-radius: 24px !important;
    }

    .woocommerce-cart .page-title {
        margin-bottom: 1.15rem !important;
        padding-bottom: 0.85rem !important;
        font-size: clamp(1.7rem, 7vw, 2.15rem) !important;
    }

    .woocommerce-cart .woocommerce-cart-form,
    .woocommerce-cart .cart-collaterals {
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
    }

    .woocommerce-cart .woocommerce-cart-form__contents,
    .woocommerce-cart .woocommerce-cart-form__contents tbody {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        background: transparent !important;
        border: 0 !important;
    }

    .woocommerce-cart .woocommerce-cart-form__contents thead {
        display: none !important;
    }

    .woocommerce-cart .woocommerce-cart-form__contents tr.cart_item {
        display: grid !important;
        grid-template-columns: 94px minmax(0, 1fr) !important;
        grid-template-areas:
            "thumbnail name"
            "thumbnail price"
            "quantity quantity"
            "subtotal subtotal" !important;
        gap: 0.8rem 1rem !important;
        width: 100% !important;
        margin: 0 0 1rem !important;
        padding: 1.15rem !important;
        color: var(--cart-ink) !important;
        background: linear-gradient(145deg, var(--cart-panel-raised), var(--cart-panel)) !important;
        border: 1px solid var(--cart-line) !important;
        border-radius: 20px !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
        position: relative !important;
    }

    .woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td {
        display: flex !important;
        min-width: 0;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        color: var(--cart-ink) !important;
    }

    .woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td::before {
        margin: 0;
        color: var(--cart-muted) !important;
        font-size: 0.76rem;
        font-weight: 750;
    }

    .woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-thumbnail {
        grid-area: thumbnail;
        align-self: start;
    }

    .woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-thumbnail img {
        display: block;
        width: 94px !important;
        height: 94px !important;
        object-fit: cover;
        border: 1px solid rgba(121, 214, 237, 0.4) !important;
        border-radius: 16px !important;
    }

    .woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-name {
        grid-area: name;
        display: block !important;
        padding-inline-end: 28px !important;
        text-align: right !important;
    }

    .woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-name::before {
        display: none !important;
    }

    .woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-name a {
        display: block;
        color: var(--cart-ink) !important;
        font-size: 1rem !important;
        font-weight: 850 !important;
        line-height: 1.55;
    }

    .woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-price {
        grid-area: price;
        align-items: end;
        flex-direction: column;
        gap: 0.2rem;
    }

    .woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-price::before {
        content: 'سعر الوحدة';
    }

    .woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-price .amount {
        color: var(--cart-cyan) !important;
        font-size: 1.08rem;
        font-weight: 900;
    }

    .woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-quantity {
        grid-area: quantity;
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        align-items: center;
        padding-top: 0.9rem !important;
        border-top: 1px solid rgba(145, 174, 209, 0.2) !important;
    }

    .woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-quantity::before {
        content: 'الكمية';
    }

    .woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-subtotal {
        grid-area: subtotal;
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        align-items: center;
        padding-top: 0.9rem !important;
        border-top: 1px solid rgba(145, 174, 209, 0.2) !important;
    }

    .woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-subtotal::before {
        content: 'الإجمالي';
    }

    .woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-subtotal .amount {
        color: var(--cart-ink) !important;
        font-size: 1.18rem;
        font-weight: 900;
    }

    .woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-remove {
        position: absolute !important;
        inset-block-start: 0.7rem;
        inset-inline-start: 0.7rem;
        z-index: 1;
        width: 40px !important;
        height: 40px;
    }

    .woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-remove a.remove {
        display: grid !important;
        width: 40px !important;
        height: 40px !important;
        padding: 0 !important;
        place-items: center;
        color: var(--cart-danger) !important;
        background: rgba(255, 77, 141, 0.1) !important;
        border: 1px solid rgba(255, 77, 141, 0.28) !important;
        border-radius: 12px !important;
        font-size: 1.45rem !important;
    }

    .woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-remove a.remove:hover {
        color: #ffffff !important;
        background: var(--cart-danger) !important;
    }

    .woocommerce-cart .woocommerce-cart-form__contents td.actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0.8rem !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 1rem !important;
        background: rgba(7, 19, 34, 0.72) !important;
        border: 1px solid var(--cart-line) !important;
        border-radius: 18px !important;
    }

    .woocommerce-cart .woocommerce-cart-form__contents td.actions .coupon {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0.65rem !important;
        width: 100% !important;
    }

    .woocommerce-cart .woocommerce-cart-form__contents td.actions .coupon input#coupon_code,
    .woocommerce-cart .woocommerce-cart-form__contents td.actions .coupon .button,
    .woocommerce-cart .woocommerce-cart-form__contents td.actions button[name="update_cart"] {
        width: 100% !important;
        min-height: 50px !important;
        margin: 0 !important;
    }

    .woocommerce-cart .woocommerce-cart-form__contents td.actions .coupon input#coupon_code {
        min-width: 0 !important;
        color: var(--cart-ink) !important;
        background: #071322 !important;
        border: 1px solid var(--cart-line) !important;
        border-radius: 12px !important;
        text-align: right;
    }

    .woocommerce-cart .cart-collaterals {
        margin-top: 1rem !important;
    }

    .woocommerce-cart .cart-collaterals .cart_totals {
        padding: 1.15rem !important;
        background: linear-gradient(145deg, var(--cart-panel-raised), var(--cart-panel)) !important;
        border: 1px solid var(--cart-line) !important;
        border-radius: 20px !important;
    }

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
        min-height: 56px !important;
        margin: 1rem 0 0 !important;
        padding: 0.95rem 1rem !important;
        color: var(--cart-cyan-ink) !important;
        background: var(--cart-cyan) !important;
        border-radius: 14px !important;
        box-shadow: 0 10px 28px rgba(54, 213, 243, 0.23) !important;
        font-size: 1.08rem !important;
        font-weight: 900 !important;
    }
}

/*
 ===========================================================================
 MOBILE COMMERCE DENSITY PASS
 A practical retro-futurist checkout: the neon frame remains, while controls
 and information use a compact, scan-friendly rhythm on small screens.
 ===========================================================================
 */
@media (max-width: 640px) {
    :root {
        --batash-mobile-gutter: 14px;
        --batash-mobile-card-pad: 14px;
        --batash-mobile-control-height: 48px;
    }

    .hzb-hero--large,
    .hzb-promo--large {
        min-height: 420px !important;
    }

    .hzb-hero__content,
    .hzb-promo__content {
        padding: 20px var(--batash-mobile-gutter) 24px !important;
    }

    .hzb-hero__title {
        font-size: clamp(1.7rem, 7vw, 2.1rem) !important;
        line-height: 1.18 !important;
        letter-spacing: -.02em !important;
    }

    .hzb-hero__subtitle {
        margin: 10px auto 18px !important;
        font-size: .96rem !important;
        line-height: 1.65 !important;
    }

    .hzb-hero .hzb-hero__button {
        min-height: var(--batash-mobile-control-height) !important;
        padding: 12px 18px !important;
        font-size: .98rem !important;
    }

    .hzb-block-features .hzb-section-title,
    .hzb-section-heading .hzb-section-title {
        font-size: 1.45rem !important;
        line-height: 1.3 !important;
    }

    .hzb-feature-card {
        min-height: 138px;
        padding: .85rem .65rem !important;
    }

    .shop-banner-section {
        padding: 2rem var(--batash-mobile-gutter) 1.5rem !important;
    }

    .shop-title {
        font-size: clamp(1.6rem, 7vw, 2rem) !important;
        line-height: 1.27 !important;
        margin-bottom: .5rem !important;
    }

    .shop-subtitle {
        font-size: .96rem !important;
        line-height: 1.65 !important;
    }

    .shop-main-container {
        width: calc(100% - (var(--batash-mobile-gutter) * 2)) !important;
        margin: 1.25rem auto 2.5rem !important;
    }

    .shop-category-tabs-bar {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: .55rem !important;
        margin: 1rem 0 1.25rem !important;
    }

    .shop-cat-tab {
        min-height: 44px;
        justify-content: center !important;
        padding: .55rem .45rem !important;
        font-size: .78rem !important;
        line-height: 1.3 !important;
        text-align: center;
    }

    .shop-results-bar {
        gap: .55rem !important;
        margin-bottom: 1rem !important;
        padding: .75rem .85rem !important;
        font-size: .86rem !important;
    }

    .batash-unified-products .hzb-product-card__content,
    .shop-main-container .hzb-product-card__content {
        gap: .5rem !important;
        padding: .85rem !important;
    }

    .batash-unified-products .hzb-product-card__content h3,
    .shop-main-container .hzb-product-card__content h3 {
        font-size: 1rem !important;
        line-height: 1.4 !important;
    }

    .batash-unified-products .hzb-product-card__actions,
    .shop-main-container .hzb-product-card__actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .55rem !important;
        padding-top: .55rem !important;
    }

    .batash-unified-products .hzb-product-card__actions .hzb-button,
    .shop-main-container .hzb-product-card__actions .hzb-button {
        min-height: 44px !important;
        padding-inline: .45rem !important;
        font-size: .82rem !important;
    }

    .page-content-wrapper {
        width: calc(100% - (var(--batash-mobile-gutter) * 2)) !important;
        margin: .9rem auto 1.4rem !important;
        padding: var(--batash-mobile-card-pad) !important;
        border-radius: 18px !important;
    }

    .page-title {
        margin-bottom: 1rem !important;
        padding-bottom: .65rem !important;
        font-size: clamp(1.5rem, 6.8vw, 1.8rem) !important;
        line-height: 1.25 !important;
    }

    .page-body {
        font-size: .96rem !important;
        line-height: 1.72 !important;
    }

    .product-page-container {
        width: calc(100% - (var(--batash-mobile-gutter) * 2)) !important;
        margin: .75rem auto 1.5rem !important;
    }

    .product-breadcrumb {
        gap: .38rem !important;
        margin-bottom: .75rem !important;
        font-size: .78rem !important;
        line-height: 1.55;
    }

    .single-product-grid {
        gap: 1rem !important;
        margin-bottom: 1.25rem !important;
    }

    .single-product-grid .product-gallery-card .main-image-wrap {
        aspect-ratio: 1.1 / 1 !important;
    }

    .product-info-card {
        padding: 1rem !important;
        border-radius: 18px !important;
    }

    .product-category-tag {
        margin-bottom: .35rem !important;
        font-size: .78rem !important;
    }

    .single-product-title {
        margin: .2rem 0 .85rem !important;
        font-size: clamp(1.45rem, 6.5vw, 1.72rem) !important;
        line-height: 1.28 !important;
    }

    .product-price-box {
        gap: .55rem !important;
        margin-bottom: .85rem !important;
        padding: .9rem 1rem !important;
        border-radius: 14px !important;
    }

    .price-amount {
        font-size: 1.42rem !important;
    }

    .stock-status {
        font-size: .82rem !important;
    }

    .digital-delivery-box {
        gap: .75rem !important;
        margin: .85rem 0 1rem !important;
        padding: .85rem !important;
        border-radius: 14px !important;
    }

    .delivery-icon {
        width: 38px;
        height: 38px;
        font-size: 1rem;
    }

    .delivery-text strong {
        font-size: .92rem !important;
    }

    .delivery-text p {
        font-size: .8rem !important;
        line-height: 1.55 !important;
    }

    .custom-cart-form-wrap:not(.is-service-product) form.cart {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: .6rem !important;
    }

    .custom-cart-form-wrap:not(.is-service-product) form.cart .quantity {
        display: none !important;
    }

    .custom-cart-form-wrap:not(.is-service-product) form.cart .single_add_to_cart_button,
    .custom-cart-form-wrap:not(.is-service-product) form.cart .batash-buy-now-button {
        width: 100% !important;
        min-height: var(--batash-mobile-control-height) !important;
        min-width: 0 !important;
        padding: .65rem .45rem !important;
        font-size: .9rem !important;
        white-space: nowrap;
    }

    .product-details-tabs-section {
        padding: 1rem !important;
        border-radius: 18px !important;
    }

    .woocommerce-cart .page-content-wrapper {
        padding: .9rem !important;
    }

    .woocommerce-cart .page-title {
        font-size: 1.6rem !important;
        margin-bottom: .85rem !important;
    }

    .woocommerce-cart .woocommerce-cart-form__contents tr.cart_item {
        grid-template-columns: 72px minmax(0, 1fr) !important;
        gap: .6rem .75rem !important;
        margin-bottom: .75rem !important;
        padding: .8rem !important;
        border-radius: 16px !important;
    }

    .woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-thumbnail img {
        width: 72px !important;
        height: 72px !important;
        border-radius: 12px !important;
    }

    .woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-name {
        padding-inline-end: 24px !important;
    }

    .woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-name a {
        font-size: .94rem !important;
        line-height: 1.42 !important;
    }

    .woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-price .amount {
        font-size: 1rem !important;
    }

    .woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-quantity,
    .woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-subtotal {
        padding-top: .65rem !important;
    }

    .woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-subtotal .amount {
        font-size: 1.05rem !important;
    }

    .woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-remove,
    .woocommerce-cart .woocommerce-cart-form__contents tr.cart_item .product-remove a.remove {
        width: 34px !important;
        height: 34px !important;
    }

    .woocommerce-cart .woocommerce-cart-form__contents td.actions {
        gap: .65rem !important;
        padding: .8rem !important;
        border-radius: 16px !important;
    }

    .woocommerce-cart .woocommerce-cart-form__contents td.actions .coupon {
        grid-template-columns: minmax(0, 1fr) 118px !important;
        gap: .55rem !important;
    }

    .woocommerce-cart .woocommerce-cart-form__contents td.actions .coupon input#coupon_code,
    .woocommerce-cart .woocommerce-cart-form__contents td.actions .coupon .button,
    .woocommerce-cart .woocommerce-cart-form__contents td.actions button[name="update_cart"] {
        min-height: var(--batash-mobile-control-height) !important;
        height: var(--batash-mobile-control-height) !important;
    }

    .woocommerce-cart .woocommerce-cart-form__contents td.actions .coupon .button {
        padding-inline: .5rem !important;
        font-size: .88rem !important;
        white-space: nowrap;
    }

    .woocommerce-cart .woocommerce-cart-form__contents td.actions button[name="update_cart"] {
        display: flex !important;
        float: none !important;
        align-items: center;
        justify-content: center;
        font-size: .95rem !important;
    }

    .woocommerce-cart .cart-collaterals {
        margin-top: .8rem !important;
    }

    .woocommerce-cart .cart-collaterals .cart_totals {
        padding: 1rem !important;
        border-radius: 16px !important;
    }

    .woocommerce-cart .cart_totals h2 {
        margin-bottom: .85rem !important;
        font-size: 1.25rem !important;
    }

    .woocommerce-cart .cart_totals table.shop_table tr th,
    .woocommerce-cart .cart_totals table.shop_table tr td {
        padding: .7rem 0 !important;
        font-size: .95rem !important;
    }

    .woocommerce-checkout .page-content-wrapper {
        padding: 1rem !important;
    }

    .woocommerce-checkout .woocommerce-billing-fields,
    .woocommerce-checkout #order_review {
        padding: 1rem !important;
        border-radius: 16px !important;
    }

    .woocommerce-checkout .woocommerce-billing-fields h3,
    .woocommerce-checkout #order_review_heading {
        margin: 0 0 .85rem !important;
        padding-bottom: .6rem !important;
        font-size: 1.3rem !important;
    }

    .woocommerce-checkout form.checkout .form-row {
        margin-bottom: .8rem !important;
    }

    .woocommerce-checkout form.checkout label {
        font-size: .88rem !important;
    }

    .woocommerce-checkout form.checkout input[type="text"],
    .woocommerce-checkout form.checkout input[type="email"],
    .woocommerce-checkout form.checkout input[type="tel"],
    .woocommerce-checkout form.checkout select {
        min-height: var(--batash-mobile-control-height) !important;
        margin-top: .2rem !important;
        padding: .6rem .8rem !important;
        font-size: .95rem !important;
    }

    .woocommerce-checkout #order_review {
        margin-top: .7rem !important;
    }

    .woocommerce-checkout #payment {
        margin-top: .85rem !important;
        padding: .85rem !important;
        border-radius: 14px !important;
    }

    .woocommerce-checkout #place_order {
        min-height: 52px !important;
        margin-top: .8rem !important;
        padding: .8rem !important;
        font-size: 1rem !important;
    }

    body.woocommerce-account .page-content-wrapper--account {
        margin: .85rem auto 1.25rem !important;
    }

    .nexus-account-page-heading {
        margin-bottom: .75rem !important;
        padding: .85rem !important;
        border-radius: 16px !important;
    }

    body.woocommerce-account:not(.logged-in) .page-body > .woocommerce {
        padding: 1rem !important;
        border-radius: 16px !important;
    }

    .site-footer {
        padding: 2rem var(--batash-mobile-gutter) 1.1rem !important;
    }

    .footer-container {
        grid-template-columns: 1fr !important;
        gap: 1.25rem !important;
        margin-bottom: 1.25rem !important;
    }

    .footer-brand p {
        font-size: .88rem !important;
        margin-top: .65rem !important;
    }

    .footer-widget h3 {
        margin-bottom: .65rem !important;
        font-size: 1rem !important;
    }

    .footer-widget ul {
        gap: .45rem !important;
    }

    .footer-widget a {
        font-size: .9rem !important;
    }

    .footer-bottom {
        justify-content: center !important;
        padding-top: 1rem !important;
        text-align: center;
        font-size: .78rem !important;
    }

    .bfc-floating__icon {
        width: 46px !important;
        height: 46px !important;
        border-radius: 14px !important;
    }

    body.woocommerce-cart .bfc-floating,
    body.woocommerce-checkout .bfc-floating {
        display: none !important;
    }
}

@media (max-width: 360px) {
    .shop-cat-tab {
        font-size: .72rem !important;
    }

    .woocommerce-cart .woocommerce-cart-form__contents td.actions .coupon {
        grid-template-columns: minmax(0, 1fr) 104px !important;
    }

    .custom-cart-form-wrap:not(.is-service-product) form.cart .single_add_to_cart_button,
    .custom-cart-form-wrap:not(.is-service-product) form.cart .batash-buy-now-button {
        font-size: .82rem !important;
    }
}

/* WooCommerce ships a later flex rule for coupons. Keep this exact mobile
   control row as a compact grid without sacrificing readable tap targets. */
@media (max-width: 640px) {
    .site-footer {
        padding-block: 1.5rem .9rem !important;
    }

    .footer-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: .8rem !important;
        row-gap: .9rem !important;
        margin-bottom: .9rem !important;
    }

    .footer-brand,
    .footer-container > .footer-widget:nth-child(4) {
        grid-column: 1 / -1;
    }

    .footer-widget h3 {
        font-size: .92rem !important;
    }

    .footer-widget a,
    .footer-brand p {
        font-size: .82rem !important;
    }

    .footer-bottom {
        min-height: 0 !important;
        padding-top: .8rem !important;
    }

    body.woocommerce-shop .batash-unified-products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: .7rem !important;
    }

    body.woocommerce-shop .batash-unified-products .hzb-product-card__content {
        gap: .45rem !important;
        padding: .7rem !important;
    }

    body.woocommerce-shop .batash-unified-products .hzb-product-card__content h3 {
        font-size: .9rem !important;
        line-height: 1.35 !important;
    }

    body.woocommerce-shop .batash-unified-products .hzb-product-card__category,
    body.woocommerce-shop .batash-unified-products .hzb-product-card__price {
        font-size: .78rem !important;
    }

    body.woocommerce-shop .batash-unified-products .hzb-product-card__actions {
        grid-template-columns: 1fr !important;
        gap: .45rem !important;
        padding-top: .4rem !important;
    }

    body.woocommerce-shop .batash-unified-products .hzb-product-card__actions .hzb-button {
        min-height: 40px !important;
        padding-inline: .35rem !important;
        font-size: .76rem !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table td.actions .coupon {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 118px !important;
        align-items: stretch !important;
        width: 100% !important;
        gap: .55rem !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table td.actions .coupon .screen-reader-text {
        position: absolute !important;
        inline-size: 1px !important;
        block-size: 1px !important;
        overflow: hidden !important;
        clip: rect(0 0 0 0) !important;
        clip-path: inset(50%) !important;
        white-space: nowrap !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table td.actions .coupon input#coupon_code,
    html body.woocommerce-cart .woocommerce-cart-form table.shop_table td.actions .coupon .button {
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table td.actions .coupon input#coupon_code {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table td.actions .coupon .button {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table td.actions .coupon .button {
        padding-inline: .45rem !important;
        white-space: nowrap;
    }
}

/* Final cart mobile cascade — this deliberately sits after the legacy cart
   rules so the purchase layout has a single compact visual hierarchy. */
@media (max-width: 768px) {
    html body.woocommerce-cart .page-content-wrapper {
        width: min(100% - 1rem, 680px) !important;
        margin: .5rem auto 1.25rem !important;
        padding: 1rem !important;
        background: #0d192b !important;
        border: 1px solid rgba(123, 155, 197, .45) !important;
        border-radius: 20px !important;
        box-shadow: none !important;
    }

    html body.woocommerce-cart .page-title {
        margin: 0 0 1rem !important;
        padding-bottom: .8rem !important;
        border-bottom: 2px solid rgba(40, 205, 239, .78) !important;
        font-size: clamp(1.6rem, 8vw, 2rem) !important;
        line-height: 1.15 !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table,
    html body.woocommerce-cart .woocommerce-cart-form table.shop_table tbody {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.woocommerce-cart-form__cart-item.cart_item {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 84px !important;
        grid-template-areas:
            "name image"
            "price image"
            "quantity quantity"
            "total total" !important;
        gap: .45rem .8rem !important;
        position: relative !important;
        min-height: 0 !important;
        margin: 0 0 .75rem !important;
        padding: .9rem !important;
        background: #102139 !important;
        border: 1px solid rgba(112, 144, 188, .5) !important;
        border-radius: 16px !important;
        box-shadow: none !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.woocommerce-cart-form__cart-item.cart_item > td {
        display: block !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item .product-thumbnail {
        grid-area: image !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item .product-thumbnail img {
        display: block !important;
        width: 84px !important;
        height: 84px !important;
        margin: 0 !important;
        border: 1px solid rgba(35, 210, 238, .38) !important;
        border-radius: 12px !important;
        object-fit: cover !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item .product-name {
        grid-area: name !important;
        display: block !important;
        padding-inline-end: 0 !important;
        font-size: 1.02rem !important;
        font-weight: 800 !important;
        line-height: 1.35 !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item .product-name a {
        display: -webkit-box !important;
        overflow: hidden;
        color: #ffffff !important;
        font-size: inherit !important;
        line-height: inherit !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item .product-price {
        grid-area: price !important;
        display: block !important;
        color: #2ed9fb !important;
        font-size: 1.12rem !important;
        font-weight: 900 !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item .product-price::before {
        display: none !important;
        content: none !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item .product-price .amount {
        color: inherit !important;
        font-size: inherit !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item .product-quantity {
        grid-area: quantity !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: .75rem !important;
        min-height: 54px !important;
        padding-top: .75rem !important;
        border-top: 1px solid rgba(140, 169, 207, .22) !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item .product-quantity::before {
        content: 'الكمية' !important;
        display: block !important;
        color: #c6d2e2 !important;
        font-size: .9rem !important;
        font-weight: 800 !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item .product-quantity .quantity {
        display: grid !important;
        grid-template-columns: 40px 52px 40px !important;
        align-items: stretch !important;
        width: 132px !important;
        height: 42px !important;
        margin: 0 !important;
        overflow: hidden;
        border: 1px solid rgba(128, 159, 202, .62) !important;
        border-radius: 11px !important;
        background: #0a1526 !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item .batash-quantity-control__button,
    html body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item .product-quantity .quantity input.qty {
        display: grid !important;
        place-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item .batash-quantity-control__button {
        color: #2ed9fb !important;
        font-size: 1.25rem !important;
        font-weight: 900 !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item .product-quantity .quantity input.qty {
        color: #ffffff !important;
        border-inline: 1px solid rgba(128, 159, 202, .52) !important;
        font-size: 1rem !important;
        font-weight: 900 !important;
        text-align: center !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item .product-subtotal {
        grid-area: total !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        min-height: 38px !important;
        padding-top: .65rem !important;
        border-top: 1px solid rgba(140, 169, 207, .22) !important;
        color: #ffffff !important;
        font-size: 1.05rem !important;
        font-weight: 900 !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item .product-subtotal::before {
        content: 'الإجمالي' !important;
        color: #c6d2e2 !important;
        font-size: .88rem !important;
        font-weight: 800 !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item .product-subtotal .amount {
        color: #ffffff !important;
        font-size: inherit !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item .product-remove {
        position: absolute !important;
        inset-block-start: .45rem !important;
        inset-inline-end: .45rem !important;
        z-index: 2;
        width: 30px !important;
        height: 30px !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item .product-remove a.remove {
        display: grid !important;
        width: 30px !important;
        height: 30px !important;
        padding: 0 !important;
        place-items: center !important;
        color: #ff4d8d !important;
        background: rgba(255, 77, 141, .12) !important;
        border: 1px solid rgba(255, 77, 141, .35) !important;
        border-radius: 9px !important;
        font-size: 1.15rem !important;
        line-height: 1 !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table td.actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: .65rem !important;
        margin-top: .9rem !important;
        padding: .85rem !important;
        background: #0a1526 !important;
        border: 1px solid rgba(112, 144, 188, .42) !important;
        border-radius: 16px !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table td.actions .coupon {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 112px !important;
        gap: .55rem !important;
        width: 100% !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table td.actions .coupon input#coupon_code,
    html body.woocommerce-cart .woocommerce-cart-form table.shop_table td.actions .coupon .button,
    html body.woocommerce-cart .woocommerce-cart-form table.shop_table td.actions button[name="update_cart"] {
        min-width: 0 !important;
        min-height: 46px !important;
        height: 46px !important;
        margin: 0 !important;
        border-radius: 11px !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table td.actions .coupon input#coupon_code {
        grid-column: 1 !important;
        grid-row: 1 !important;
        padding-inline: .75rem !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table td.actions .coupon .button {
        grid-column: 2 !important;
        grid-row: 1 !important;
        padding-inline: .35rem !important;
        font-size: .8rem !important;
        white-space: nowrap;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table td.actions button[name="update_cart"] {
        width: 100% !important;
        color: #dffbff !important;
        background: transparent !important;
        border: 1px solid rgba(46, 217, 251, .75) !important;
        font-size: .92rem !important;
    }

    html body.woocommerce-cart .cart-collaterals,
    html body.woocommerce-cart .cart-collaterals .cart_totals {
        margin-top: .9rem !important;
        padding: .95rem !important;
        background: #102139 !important;
        border: 1px solid rgba(112, 144, 188, .5) !important;
        border-radius: 16px !important;
        box-shadow: none !important;
    }
}

@media (max-width: 768px) {
    html body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.woocommerce-cart-form__cart-item.cart_item {
        grid-template-columns: 84px minmax(0, 1fr) !important;
        grid-template-areas:
            "image name"
            "image price"
            "quantity quantity"
            "total total" !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item .product-price {
        line-height: 1.1 !important;
    }
}

/* Final toast cascade. Kept at the stylesheet end so page-specific legacy rules
   cannot move a purchase confirmation back to the bottom of the screen. */
.batash-cart-toast {
    position: fixed !important;
    z-index: 10050 !important;
    top: max(12px, env(safe-area-inset-top, 0px)) !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    display: grid !important;
    grid-template-columns: clamp(46px, 6vw, 58px) minmax(0, 1fr) auto !important;
    grid-template-areas:
        "icon copy close"
        "icon action action" !important;
    gap: .5rem .8rem !important;
    width: min(calc(100vw - 28px), 560px) !important;
    min-height: 132px !important;
    padding: 1rem 1.1rem 1rem 1.25rem !important;
    overflow: hidden !important;
    transform: translate(-50%, -18px) scale(.96) !important;
    transform-origin: top center !important;
}

.batash-cart-toast.is-visible {
    transform: translate(-50%, 0) scale(1) !important;
}

.batash-cart-toast__icon {
    grid-area: icon !important;
    align-self: center !important;
    width: clamp(46px, 6vw, 58px) !important;
    height: clamp(46px, 6vw, 58px) !important;
}

.batash-cart-toast__content {
    grid-area: copy !important;
    align-self: end !important;
    min-width: 0 !important;
}

.batash-cart-toast__content strong {
    font-size: clamp(1rem, 2.2vw, 1.28rem) !important;
}

.batash-cart-toast__content small {
    font-size: clamp(.8rem, 1.8vw, .98rem) !important;
}

.batash-cart-toast__action {
    grid-area: action !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    min-width: 118px !important;
    min-height: 38px !important;
    padding: .45rem 1rem !important;
    color: #061324 !important;
    background: #41d0ef !important;
    border: 1px solid rgba(255, 255, 255, .45) !important;
    border-radius: 10px !important;
    font-size: .88rem !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    box-shadow: 0 5px 18px rgba(38, 217, 250, .24) !important;
}

.batash-cart-toast__action:hover,
.batash-cart-toast__action:focus-visible {
    color: #061324 !important;
    background: #79e5f8 !important;
}

.batash-cart-toast__close {
    grid-area: close !important;
    align-self: start !important;
    justify-self: end !important;
    width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
    color: #e9f6ff !important;
    background: rgba(255, 255, 255, .1) !important;
    border: 0 !important;
    border-radius: 50% !important;
    font-size: 1.35rem !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

@media (max-width: 420px) {
    .batash-cart-toast {
        grid-template-columns: clamp(42px, 13vw, 52px) minmax(0, 1fr) auto !important;
        min-height: 126px !important;
        padding: .85rem .85rem .85rem 1rem !important;
        gap: .4rem .65rem !important;
    }

    .batash-cart-toast__icon {
        width: clamp(42px, 13vw, 52px) !important;
        height: clamp(42px, 13vw, 52px) !important;
    }

    .batash-cart-toast__action {
        min-height: 36px !important;
        min-width: 106px !important;
        padding-inline: .8rem !important;
    }
}

/*
 * Final mobile consistency layer.
 * This block intentionally follows the legacy WooCommerce cascade.
 */
:root {
    --batash-cart-toast-green: #0b5b3b;
    --batash-cart-toast-green-dark: #062718;
    --batash-cart-toast-green-soft: #75ffb5;
    --batash-cart-toast-text: #ffffff;
    --batash-cart-badge-red: #e11d48;
    --batash-cart-badge-red-dark: #9f1239;
}

html body .batash-cart-toast {
    top: max(10px, env(safe-area-inset-top, 0px)) !important;
    grid-template-columns: 42px minmax(0, 1fr) 26px !important;
    grid-template-areas:
        "icon copy close"
        "action action action" !important;
    gap: 6px 10px !important;
    width: min(calc(100vw - 28px), 480px) !important;
    min-height: 0 !important;
    padding: 12px !important;
    color: var(--batash-cart-toast-text) !important;
    background:
        radial-gradient(circle at 12% 12%, rgba(76, 255, 165, .22), transparent 34%),
        linear-gradient(135deg, var(--batash-cart-toast-green-dark) 0%, var(--batash-cart-toast-green) 58%, #071a13 100%) !important;
    border: 1px solid rgba(113, 255, 181, .58) !important;
    border-radius: 16px !important;
    box-shadow:
        0 16px 42px rgba(0, 0, 0, .52),
        0 0 0 1px rgba(255, 255, 255, .07) inset,
        0 0 24px rgba(60, 255, 152, .2) !important;
}

html body.admin-bar .batash-cart-toast {
    top: calc(32px + max(10px, env(safe-area-inset-top, 0px))) !important;
}

html body .batash-cart-toast::before {
    background: linear-gradient(120deg, transparent 0%, rgba(145, 255, 197, .16) 42%, rgba(255, 255, 255, .52) 50%, rgba(145, 255, 197, .16) 58%, transparent 100%) !important;
}

html body .batash-cart-toast::before,
html body .batash-cart-toast__shine {
    pointer-events: none !important;
}

html body .batash-cart-toast__icon {
    width: 42px !important;
    height: 42px !important;
    color: #052015 !important;
    background: linear-gradient(135deg, var(--batash-cart-toast-green-soft), #25d96f) !important;
    border: 1px solid rgba(255, 255, 255, .25) !important;
    border-radius: 12px !important;
    box-shadow: 0 0 18px rgba(80, 255, 155, .3) !important;
}

html body .batash-cart-toast__content {
    align-self: center !important;
}

html body .batash-cart-toast__content strong {
    color: var(--batash-cart-toast-text) !important;
    font-size: clamp(.9rem, 3.8vw, 1.05rem) !important;
    line-height: 1.3 !important;
}

html body .batash-cart-toast__content small {
    margin-top: 2px !important;
    color: #d8ffea !important;
    font-size: clamp(.72rem, 3vw, .84rem) !important;
    line-height: 1.35 !important;
    opacity: .86;
}

html body .batash-cart-toast__action {
    position: relative !important;
    z-index: 4 !important;
    justify-self: start !important;
    min-width: 100px !important;
    min-height: 34px !important;
    padding: 5px 12px !important;
    color: #061324 !important;
    background: #41d0ef !important;
    border: 1px solid rgba(255, 255, 255, .32) !important;
    border-radius: 9px !important;
    font-size: .78rem !important;
    box-shadow: none !important;
    pointer-events: auto !important;
    touch-action: manipulation;
}

html body .batash-cart-toast__action:hover,
html body .batash-cart-toast__action:focus-visible {
    color: #061324 !important;
    background: #79e5f8 !important;
}

html body .batash-cart-toast__close {
    width: 26px !important;
    height: 26px !important;
    color: var(--batash-cart-toast-text) !important;
    background: rgba(255, 255, 255, .12) !important;
    font-size: 1.1rem !important;
}

html body .cart-count {
    color: #ffffff !important;
    background: linear-gradient(135deg, var(--batash-cart-badge-red), var(--batash-cart-badge-red-dark)) !important;
    border-color: #070b14 !important;
    box-shadow: 0 0 10px rgba(225, 29, 72, .72) !important;
}

html body .cart-count.is-empty,
html body .cart-count[hidden] {
    display: none !important;
}

@media (max-width: 782px) {
    html body.admin-bar .batash-cart-toast {
        top: calc(46px + max(8px, env(safe-area-inset-top, 0px))) !important;
    }
}

@media (max-width: 768px) {
    html body .site-header {
        --batash-mobile-header-control: clamp(36px, 10.5vw, 40px);
    }

    html body .header-left {
        gap: clamp(4px, 1.8vw, 8px) !important;
    }

    html body .account-icon-btn,
    html body .cart-icon-btn,
    html body .menu-toggle-btn {
        width: var(--batash-mobile-header-control) !important;
        height: var(--batash-mobile-header-control) !important;
        min-width: var(--batash-mobile-header-control) !important;
        min-height: var(--batash-mobile-header-control) !important;
    }

    html body .account-icon-btn > i,
    html body .cart-icon-btn > i,
    html body .menu-toggle-btn > i {
        font-size: clamp(.9rem, 4vw, 1rem) !important;
    }

    html body .cart-count {
        top: -1px !important;
        left: -1px !important;
        min-width: clamp(18px, 5.5vw, 20px) !important;
        width: auto !important;
        height: clamp(18px, 5.5vw, 20px) !important;
        padding-inline: 3px !important;
        font-size: clamp(.62rem, 2.8vw, .7rem) !important;
        border-width: 1px !important;
        box-shadow: 0 0 8px rgba(225, 29, 72, .62) !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table td.actions .coupon,
    html body.woocommerce-cart .woocommerce-cart-form__contents td.actions .coupon {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) clamp(104px, 33vw, 110px) !important;
        align-items: stretch !important;
        gap: 7px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table td.actions .coupon::before,
    html body.woocommerce-cart .woocommerce-cart-form table.shop_table td.actions .coupon::after,
    html body.woocommerce-cart .woocommerce-cart-form__contents td.actions .coupon::before,
    html body.woocommerce-cart .woocommerce-cart-form__contents td.actions .coupon::after {
        display: none !important;
        content: none !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table td.actions .coupon input#coupon_code,
    html body.woocommerce-cart .woocommerce-cart-form table.shop_table td.actions .coupon .button,
    html body.woocommerce-cart .woocommerce-cart-form table.shop_table td.actions button[name="update_cart"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 42px !important;
        min-height: 42px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table td.actions .coupon .button {
        padding-inline: 4px !important;
        overflow: hidden !important;
        font-size: clamp(.68rem, 2.8vw, .72rem) !important;
        line-height: 1.1 !important;
        text-overflow: clip;
        white-space: nowrap !important;
    }

    html body.woocommerce-cart .woocommerce-cart-form table.shop_table td.actions .coupon input#coupon_code {
        padding-inline: 9px !important;
        font-size: clamp(.75rem, 3.2vw, .84rem) !important;
    }

    html body.woocommerce-cart .batash-empty-cart-actions {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        justify-content: stretch !important;
        gap: 8px !important;
        width: 100% !important;
        margin: 1rem 0 0 !important;
    }

    html body.woocommerce-cart .batash-empty-cart-actions .button {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 42px !important;
        padding: 7px 12px !important;
        border-radius: 10px !important;
        font-size: clamp(.82rem, 3.6vw, .92rem) !important;
        line-height: 1.2 !important;
        white-space: nowrap;
    }
}

@media (max-width: 420px) {
    html body .batash-cart-toast {
        grid-template-columns: 38px minmax(0, 1fr) 26px !important;
        width: calc(100vw - 28px) !important;
        padding: 10px !important;
        gap: 5px 8px !important;
        border-radius: 14px !important;
    }

    html body .batash-cart-toast__icon {
        width: 38px !important;
        height: 38px !important;
        border-radius: 10px !important;
    }

    html body .batash-cart-toast__action {
        min-width: 94px !important;
        min-height: 32px !important;
        padding-block: 4px !important;
    }
}