/* ============================================================
   LIBAS HUT PREMIUM — MAIN STYLESHEET
   Version: 11.7 (Mobile Cart Fixed)
   ============================================================ */


/* ============================================================
   01. RESET & BASE
   ============================================================ */

* { margin: 0; padding: 0; box-sizing: border-box; }
html { overflow-x: hidden; }

html, body {
    background-color: #0a0a0a;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    overflow-x: clip;
}

body.premium-mode {
    background-color: #ffffff !important;
    color: #000000 !important;
}

a { text-decoration: none !important; }

p, h1, h2, h3, h4, h5, h6, span, div, li, button, input, label,
.woocommerce-checkout .form-row label {
    font-family: 'Hind Siliguri', sans-serif !important;
}


/* ============================================================
   02. KEYFRAMES
   ============================================================ */

@keyframes libas-spin {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes libas-pop {
    0%   { transform: translate(-50%, -50%) scale(0); }
    60%  { transform: translate(-50%, -50%) scale(1.25); }
    100% { transform: translate(-50%, -50%) scale(1); }
}
@keyframes libasBadgePop {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.5); }
    100% { transform: scale(1); }
}


/* ============================================================
   03. PREMIUM 3D BUTTON BASE
   ============================================================ */

.premium-3d {
    background: linear-gradient(180deg, #1f1f1f 0%, #050505 100%) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-bottom: 3px solid #D4AF37 !important;
    border-left: 1px solid #111 !important;
    border-right: 1px solid #111 !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.6) !important;
    color: #D4AF37 !important;
    transition: transform 0.1s ease !important;
    user-select: none;
    text-align: center;
    touch-action: manipulation;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 15px !important;
    font-size: 12px !important;
    font-weight: 600;
    width: max-content !important;
    text-transform: uppercase;
    cursor: pointer;
}
.premium-3d:active {
    transform: translateY(2px) scale(0.97) !important;
    border-bottom-width: 1px !important;
}
body.premium-mode .premium-3d {
    background: linear-gradient(180deg, #ffffff 0%, #f4f4f4 100%) !important;
    border-top: 1px solid #ffffff !important;
    border-bottom: 3px solid #D4AF37 !important;
    border-left: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    color: #000000 !important;
    font-weight: 700 !important;
}


/* ============================================================
   04. GLOBAL DESKTOP SIDE PADDING
   ============================================================ */

@media (min-width: 769px) {
    html body .product-section,
    html body .category-section,
    html body .promo-banners,
    html body .bottom-wrapper,
    html body .shop-container,
    html body .shop-page-header,
    html body .woocommerce div.product,
    html body.woocommerce-page div.product,
    html body.woocommerce-cart .woocommerce,
    html body.woocommerce-checkout .woocommerce,
    html body.woocommerce-account .woocommerce,
    html body.woocommerce-wishlist .woocommerce,
    html body .footer-master {
        padding-left: 4% !important;
        padding-right: 4% !important;
        box-sizing: border-box !important;
    }

    html body .product-section,
    html body .category-section,
    html body .promo-banners,
    html body .bottom-wrapper,
    html body .shop-container,
    html body .footer-master {
        max-width: 1600px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    html body .hero {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }

    html body .master-header .header-main,
    html body .master-header .top-bar {
        padding-left: 4% !important;
        padding-right: 4% !important;
    }
}


/* ============================================================
   05. HEADER — MASTER + TOP BAR
   ============================================================ */

.master-header {
    position: sticky !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 10005 !important;
    background-color: #0a0a0a;
    box-shadow: 0 4px 15px rgba(0,0,0,0.8);
}
body.premium-mode .master-header {
    background-color: #fff9fa;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

.top-bar {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 8px 5%;
    border-bottom: 1px solid #1a1a1a;
    background-color: #0a0a0a;
}
body.premium-mode .top-bar {
    border-bottom: 1px solid #ffe0e9;
    background: transparent;
}
.top-bar .pill-item,
.top-bar .pill-item * {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
}
/* ============================================================
   06. HEADER — MAIN + SEARCH + ACTIONS
   ============================================================ */

.header-main {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    padding: 5px 4% !important;
    gap: 25px !important;
    width: 100% !important;
}
.logo-container {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    flex-shrink: 0 !important;
}
.logo-container svg { width: 80px !important; height: 80px !important; }
.logo-text { display: flex; flex-direction: column; justify-content: center; }
.logo-text h1 {
    font-family: 'Cinzel', serif;
    color: #D4AF37;
    font-size: 34px !important;
    letter-spacing: 2px !important;
    margin: 0 0 5px 0 !important;
    line-height: 1;
    font-weight: 700 !important;
}
.logo-text p {
    font-size: 13px !important;
    color: #D4AF37;
    letter-spacing: 1.5px !important;
    margin: 0;
    font-weight: 500 !important;
}

.search-box {
    display: flex !important;
    width: 100% !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 2px solid #333 !important;
    background: #1a1a1a !important;
    height: 50px !important;
}
.search-box:focus-within { border-color: #D4AF37 !important; }
.search-box input {
    background: #1a1a1a !important;
    color: #fff !important;
    padding: 0 20px !important;
    width: 100% !important;
    border: none !important;
    outline: none !important;
    font-size: 15px !important;
    height: 100% !important;
}
.search-box input::placeholder { color: #888 !important; }
.search-box button {
    background: #D4AF37 !important;
    border: none !important;
    padding: 0 30px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    color: #000 !important;
    font-size: 20px !important;
    flex-shrink: 0 !important;
}
body.premium-mode .search-box { border-color: #ddd !important; background: #f9f9f9 !important; }
body.premium-mode .search-box input { background: #f9f9f9 !important; color: #000 !important; }

.header-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto auto !important;
    gap: 8px 10px !important;
    align-items: center !important;
    min-width: 300px !important;
    max-width: 320px !important;
    flex-shrink: 0 !important;
}
.action-btn {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
    width: 100% !important;
    padding: 10px 14px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    box-sizing: border-box !important;
}
.header-actions .action-btn:nth-child(2) { order: 1 !important; }
.header-actions .action-btn:nth-child(1) { order: 2 !important; }
.header-actions .action-btn:nth-child(4) { order: 3 !important; }
.header-actions .action-btn:nth-child(3) { order: 4 !important; }

html body.premium-mode #theme-toggle,
html body.premium-mode #theme-toggle *,
html body.premium-mode .header-actions .action-btn#theme-toggle {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
}


/* ============================================================
   07. DESKTOP NAVBAR
   ============================================================ */

@media (min-width: 769px) {
    html body .desktop-navbar {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        padding: 14px 0 !important;
        background: transparent !important;
        border-top: 1px solid rgba(212, 175, 55, 0.15) !important;
        width: 100% !important;
    }
    html body .desktop-navbar ul {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 10px !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    html body .desktop-navbar ul li {
        display: inline-block !important;
        margin: 0 !important;
        padding: 0 !important;
        flex: 0 0 auto !important;
    }
    html body .desktop-navbar ul li a,
    html body .desktop-navbar ul li a > span.premium-3d,
    html body .desktop-navbar ul li > a.premium-3d {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 8px 18px !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
        border-radius: 6px !important;
        color: #D4AF37 !important;
        -webkit-text-fill-color: #D4AF37 !important;
        background: linear-gradient(180deg, #ffffff 0%, #f4f4f4 100%) !important;
        border: none !important;
        border-top: 1px solid #ffffff !important;
        border-bottom: 3px solid #D4AF37 !important;
        border-left: 1px solid #ddd !important;
        border-right: 1px solid #ddd !important;
        box-shadow: 0 4px 6px rgba(0,0,0,0.08) !important;
        margin: 0 !important;
    }
    html body .desktop-navbar ul li a > span.premium-3d {
        padding: inherit !important;
        background: inherit !important;
        box-shadow: inherit !important;
        border: inherit !important;
        color: inherit !important;
    }
    html body:not(.premium-mode) .desktop-navbar ul li a,
    html body:not(.premium-mode) .desktop-navbar ul li a > span.premium-3d {
        background: linear-gradient(180deg, #1f1f1f 0%, #050505 100%) !important;
        color: #D4AF37 !important;
        -webkit-text-fill-color: #D4AF37 !important;
        border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
        border-bottom: 3px solid #D4AF37 !important;
        border-left: 1px solid #111 !important;
        border-right: 1px solid #111 !important;
        box-shadow: 0 4px 6px rgba(0,0,0,0.6) !important;
    }
}


/* ============================================================
   08. MOBILE HEADER
   ============================================================ */

.mobile-only { display: none !important; }

@media (max-width: 768px) {
    html body .desktop-navbar,
    html body .desktop-navbar *,
    html body .desktop-only,
    html body .desktop-only * {
        display: none !important;
        visibility: hidden !important;
        position: absolute !important;
        left: -99999px !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }
    .mobile-only { display: flex !important; }
    body { padding-top: 80px !important; }
    .master-header { position: fixed !important; top: 0; width: 100%; z-index: 10005; }

    .top-bar {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 3px !important;
        padding: 3px 4px !important;
        overflow-x: auto !important;
        scrollbar-width: none !important;
        width: 100% !important;
    }
    .top-bar::-webkit-scrollbar { display: none !important; }
    .top-bar .pill-item {
        flex: 0 0 auto !important;
        width: auto !important;
        padding: 3px 7px !important;
        font-size: 7.5px !important;
        margin: 0 !important;
        border-radius: 10px !important;
        border-bottom-width: 2px !important;
        min-height: 18px !important;
        white-space: nowrap !important;
    }
    .top-bar .pill-item:nth-child(2) { font-size: 8px !important; padding: 3px 10px !important; }

    .header-main {
        display: flex !important;
        padding: 4px 10px !important;
        justify-content: space-between !important;
        align-items: center !important;
        position: relative !important;
        min-height: 50px !important;
        max-height: 50px !important;
    }
    .app-menu-btn {
        font-size: 17px !important;
        font-weight: bold !important;
        padding: 5px 11px !important;
        cursor: pointer !important;
        z-index: 10006 !important;
    }
    .logo-container {
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: max-content !important;
        z-index: 10006 !important;
    }
    .logo-container svg { width: 35px !important; height: 35px !important; }
    .logo-text h1 { font-size: 18px !important; margin: 0 !important; }
    .logo-text p { font-size: 8px !important; margin-top: 0 !important; }
    #theme-toggle {
        position: absolute !important;
        right: 8px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        padding: 5px 13px !important;
        font-size: 12px !important;
        z-index: 10006 !important;
        border-bottom-width: 2px !important;
        max-width: 60px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        line-height: 1 !important;
    }
}


/* ============================================================
   09. MOBILE SIDEBAR
   ============================================================ */

html body .mobile-sidebar {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    left: -99999px !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

@media (max-width: 768px) {

    html body .mobile-sidebar {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: fixed !important;
        top: 20px !important;
        left: -135px !important;
        width: 130px !important;
        height: 100vh !important;
        z-index: 9999 !important;
        padding: 0 !important;
        overflow: visible !important;
        pointer-events: auto !important;
        transition: left 0.35s ease-in-out !important;
        flex-direction: column !important;
        background-color: #ffffff !important;
        box-shadow:
            4px 0 14px rgba(212, 175, 55, 0.30),
            8px 0 28px rgba(0, 0, 0, 0.30) !important;
    }
    html body:not(.premium-mode) .mobile-sidebar {
        background-color: #0a0a0a !important;
        box-shadow:
            4px 0 14px rgba(212, 175, 55, 0.40),
            8px 0 28px rgba(0, 0, 0, 0.65) !important;
    }

    html body .mobile-sidebar::after {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        width: 2px !important;
        height: 100% !important;
        background: linear-gradient(180deg,
            #FFE066 0%,
            #D4AF37 35%,
            #B87318 65%,
            #FFE066 100%) !important;
        pointer-events: none !important;
        z-index: 2 !important;
    }

    .sidebar-scroll {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        height: 100% !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding: 82px 6px 90px 6px !important;
        box-sizing: border-box !important;
        scrollbar-width: none !important;
    }
    .sidebar-scroll::-webkit-scrollbar { display: none !important; }

    html body .mobile-sidebar ul {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 25px !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        flex: 0 0 auto !important;
    }
    html body .mobile-sidebar ul li:first-child {
        margin-top: 0 !important;
    }
    html body .mobile-sidebar ul li {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body .mobile-sidebar ul li a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        margin: 0 !important;
        border-radius: 0 !important;
        text-decoration: none !important;
    }

    html body .mobile-sidebar ul li a > span.premium-3d,
    html body .mobile-sidebar ul li > a.premium-3d {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 7px 14px !important;
        font-size: 9px !important;
        font-weight: 800 !important;
        line-height: 1.15 !important;
        letter-spacing: 0.3px !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 112px !important;
        width: auto !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        border-radius: 999px !important;

        background: linear-gradient(180deg, #FFE066 0%, #D4AF37 50%, #B87318 100%) !important;
        color: #1a1a1a !important;
        -webkit-text-fill-color: #1a1a1a !important;
        border: none !important;
        border-top: 1px solid rgba(255, 255, 255, 0.5) !important;
        border-bottom: 2px solid #8B5A0F !important;
        box-shadow:
            0 2px 6px rgba(212, 175, 55, 0.4),
            inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
        margin: 0 !important;
    }

    html body .mobile-sidebar ul li a:active > span.premium-3d,
    html body .mobile-sidebar ul li > a.premium-3d:active {
        transform: translateY(2px) scale(0.97) !important;
        border-bottom-width: 1px !important;
    }

    .close-sidebar {
        position: static !important;
        margin: 20px auto 0 auto !important;
        transform: none !important;
        width: 34px !important;
        height: 34px !important;
        font-size: 19px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: linear-gradient(180deg, #FFE066 0%, #D4AF37 50%, #B87318 100%) !important;
        color: #000 !important;
        -webkit-text-fill-color: #000 !important;
        border: none !important;
        border-top: 1px solid rgba(255, 255, 255, 0.5) !important;
        border-bottom: 2px solid #8B5A0F !important;
        border-radius: 50% !important;
        box-shadow:
            0 3px 10px rgba(212, 175, 55, 0.55),
            inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
        z-index: 10000 !important;
        flex-shrink: 0 !important;
    }
    .close-sidebar:active {
        transform: translateY(2px) scale(0.95) !important;
    }

    .sidebar-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 9998;
    }
}


/* ============================================================
   10. MOBILE BOTTOM NAV
   ============================================================ */

.mobile-app-nav { display: none; }

@media (max-width: 768px) {
    body { padding-bottom: 70px !important; }

    .mobile-app-nav {
        display: flex;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        background-color: #0a0a0a;
        border-top: 1px solid #222;
        z-index: 999999 !important;
        justify-content: space-around;
        padding: 10px 5px;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.5);
    }
    body.premium-mode .mobile-app-nav {
        background-color: #ffffff;
        border-top: 1px solid #eaeaea;
    }
    .mobile-app-nav .nav-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #888888;
        font-size: 11px;
        font-weight: 500;
        position: relative;
        flex: 1;
        text-decoration: none;
    }
    .mobile-app-nav .nav-item svg { width: 22px; height: 22px; margin-bottom: 4px; }
    .mobile-app-nav .nav-item.active { color: #D4AF37; }
    body.premium-mode .mobile-app-nav .nav-item.active { color: #111111; font-weight: bold; }

    .wishlist-badge-app {
        position: absolute;
        top: -6px;
        right: 20px;
        background: linear-gradient(135deg, #FFE066 0%, #D4AF37 50%, #B87318 100%) !important;
        color: #000 !important;
        -webkit-text-fill-color: #000 !important;
        font-size: 10px;
        font-weight: 900;
        width: 18px;
        height: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        z-index: 5;
        box-shadow: 0 0 0 2px #0a0a0a, 0 0 8px rgba(212, 175, 55, 0.7) !important;
    }
    body.premium-mode .wishlist-badge-app {
        box-shadow: 0 0 0 2px #ffffff, 0 0 8px rgba(212, 175, 55, 0.7) !important;
    }
    .cart-badge-app {
        position: absolute;
        top: -6px;
        right: 20px;
        background: linear-gradient(135deg, #ff3b30 0%, #ff6b6b 50%, #d32f2f 100%) !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        font-size: 10px;
        font-weight: 900;
        width: 18px;
        height: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        z-index: 5;
        box-shadow: 0 0 0 2px #0a0a0a, 0 0 8px rgba(255, 59, 48, 0.7) !important;
    }
    body.premium-mode .cart-badge-app {
        box-shadow: 0 0 0 2px #ffffff, 0 0 8px rgba(255, 59, 48, 0.7) !important;
    }
    .footer-master { margin-bottom: 70px !important; }
}
/* ============================================================
   11. FLOATING BUTTONS
   ============================================================ */

.float-btn { position: fixed; bottom: 30px; z-index: 100; }
.whatsapp-btn { left: 20px; text-align: center; }
.wa-icon {
    background-color: #25d366;
    color: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    margin: 0 auto;
    box-shadow: 0 4px 10px rgba(0,0,0,0.5);
}
.messenger-btn {
    right: 20px;
    background-color: #0084ff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 15px rgba(0, 132, 255, 0.4);
}
@media (max-width: 768px) {
    .float-btn { transform: scale(0.85); }
    .whatsapp-btn { left: 5px !important; bottom: 85px !important; }
    .messenger-btn { right: 5px !important; bottom: 85px !important; }
}


/* ============================================================
   12. HERO BANNER
   ============================================================ */

.hero {
    text-align: center;
    padding: 80px 20px;
    background-image: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.9)),
        url('../images/desktop-dark-banner-panjabi.jpg');
    background-size: cover;
    background-position: center;
    border-bottom: 1px solid #222;
}
.hero h2 { font-family: 'Cinzel', serif; color: #ffffff; font-size: 28px; letter-spacing: 3px; margin-bottom: 10px; }
.hero h1 { font-family: 'Cinzel', serif; color: #D4AF37; font-size: 48px; letter-spacing: 5px; margin-bottom: 15px; }
.hero p { font-size: 14px; color: #cccccc; margin-bottom: 30px; letter-spacing: 1px; }
.hero-buttons { display: flex; justify-content: center; gap: 15px; }

.btn-primary {
    background-color: #D4AF37;
    color: #000;
    padding: 12px 30px;
    font-weight: 600;
    font-size: 14px;
    border-radius: 3px;
}
.btn-secondary {
    background-color: transparent;
    color: #D4AF37;
    border: 1px solid #D4AF37;
    padding: 12px 30px;
    font-weight: 600;
    font-size: 14px;
    border-radius: 3px;
}
.btn-primary:hover { background-color: #b5952f; }
.btn-secondary:hover { background-color: #1a1505; }

body.premium-mode .hero {
    background-image: linear-gradient(rgba(70,30,40,0.3), rgba(20,5,10,0.7)),
        url('../images/desktop-light-banner-panjabi.jpg');
}


/* ============================================================
   13. CATEGORY / PROMO / PRODUCT SECTIONS
   ============================================================ */

.category-section { padding: 8px 5% 20px 5%; background-color: #0a0a0a; border-bottom: 1px solid #222; }
body.premium-mode .category-section { background-color: #fff9fa; }
.section-title { display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 15px; }
.gold-line { flex: 1; max-width: 50px; height: 1px; background-color: #D4AF37; }
.section-title h2 {
    font-family: 'Montserrat', sans-serif;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: 500;
    white-space: nowrap;
    margin: 0;
}
body.premium-mode .section-title h2 { color: #111111; }

.category-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.category-card {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #333;
    height: 300px;
    background-color: #1a1a1a;
}
body.premium-mode .category-card { background-color: #ffffff; border-color: #ffe0e9; }
.category-card:hover { border-color: #D4AF37; }
.category-card img { width: 100%; height: 100%; object-fit: cover; display: block; }
.category-content {
    position: absolute;
    bottom: 0; left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.9), transparent);
    text-align: center;
}
.category-content h3 { font-family: 'Cinzel', serif; color: #ffffff; font-size: 20px; letter-spacing: 2px; margin-bottom: 5px; }
.explore-link { color: #D4AF37; font-size: 12px; text-transform: uppercase; }

.promo-banners { display: flex; gap: 10px; padding: 20px 5%; background-color: #0a0a0a; }
body.premium-mode .promo-banners { background-color: #ffeef2; }
.promo-card {
    flex: 1;
    position: relative;
    border: 1px solid #333;
    border-radius: 5px;
    overflow: hidden;
    height: 180px;
    background-color: #111;
    display: flex;
    align-items: center;
    padding: 20px;
}
body.premium-mode .promo-card { background-color: #ffffff; border-color: #ffe0e9; }
.promo-card:hover { border-color: #D4AF37; }
.promo-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.4; z-index: 1; }
.promo-content { position: relative; z-index: 2; }
.promo-content h3 { font-family: 'Montserrat', sans-serif; font-size: 18px; margin-bottom: 5px; color: #D4AF37; }
.promo-content p { font-size: 11px; margin-bottom: 15px; color: #D4AF37; }
.promo-btn {
    display: inline-block;
    border: 1px solid #D4AF37;
    color: #000 !important;
    background: #D4AF37 !important;
    padding: 6px 15px;
    font-size: 10px;
    border-radius: 3px;
    font-weight: bold;
}

.product-section { padding: 50px 5%; background-color: #050505; }
body.premium-mode .product-section { background-color: #fff9fa; }
.section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
}
.section-header h2 { color: #D4AF37; font-size: 18px; font-weight: 600; }
.view-all { color: #cccccc; font-size: 12px; }
.view-all:hover { color: #D4AF37; }


/* ============================================================
   14. REVIEWS + WHY CHOOSE
   ============================================================ */

.bottom-wrapper {
    display: flex;
    gap: 40px;
    padding: 50px 5% 20px 5% !important;
    background-color: #050505;
}
body.premium-mode .bottom-wrapper { background-color: #ffeef2; }
.reviews-section-new { flex: 5.5; }
.why-choose-section { flex: 4.5; }
.section-title-gold {
    color: #D4AF37;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
    border-bottom: 1px solid #D4AF37;
    display: inline-block;
    padding-bottom: 5px;
}
.reviews-flex { display: flex; gap: 15px; }
.review-card-new {
    flex: 1;
    background-color: #0a0a0a;
    border: 1px solid #333;
    padding: 15px;
    border-radius: 5px;
    position: relative;
}
body.premium-mode .review-card-new { background-color: #ffffff; border-color: #ffe0e9; }
.quote-mark { position: absolute; top: 5px; left: 10px; color: #D4AF37; font-size: 40px; font-family: serif; }
.user-row { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; margin-left: 20px; }
.user-img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #D4AF37;
    background-color: #222;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #D4AF37;
    font-weight: bold;
}
.user-row h4 { font-size: 12px; color: #fff; margin-bottom: 3px; }
body.premium-mode .user-row h4 { color: #111111; }
.review-card-new p { font-size: 10px; color: #ccc; margin-left: 20px; }
body.premium-mode .review-card-new p { color: #555555; }

.why-choose-box-main {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
    align-items: stretch !important;
    border: 1px solid #333;
    border-radius: 5px;
    padding: 15px 10px;
    background-color: #0a0a0a;
    width: 100% !important;
    box-sizing: border-box !important;
}
body.premium-mode .why-choose-box-main { background-color: #ffffff; border-color: #ffe0e9; }
.why-item {
    text-align: center;
    border-right: 1px solid #222;
    padding: 8px 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    min-width: 0 !important;
}
.why-item:last-child { border-right: none; }
.why-icon { font-size: 22px; color: #D4AF37; margin-bottom: 8px; line-height: 1; }
.why-item h4 { font-size: 10px; color: #D4AF37; margin-bottom: 4px; font-weight: 700; }
.why-item p { font-size: 9px; color: #aaa; line-height: 1.3; }


/* ============================================================
   15. PRODUCT GRID
   Home = 4 cols | Category/Shop = 3 cols | Mobile = 2 cols
   ============================================================ */

html body ul.products,
html body ul.products.products,
html body .products,
html body .product-grid,
html body.home ul.products,
html body.post-type-archive-product ul.products,
html body.tax-product_cat ul.products,
html body.tax-product_tag ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    width: 100% !important;
}

@media (min-width: 769px) {
    html body.tax-product_cat ul.products,
    html body.tax-product_cat ul.products.products,
    html body.tax-product_cat .products,
    html body.tax-product_cat .product-grid,
    html body.tax-product_cat .shop-main ul.products,
    html body.tax-product_cat .shop-main .products,
    html body.tax-product_cat .shop-container ul.products,
    html body.tax-product_cat .shop-container .products,
    html body.tax-product_tag ul.products,
    html body.tax-product_tag .products,
    html body.post-type-archive-product ul.products,
    html body.post-type-archive-product ul.products.products,
    html body.post-type-archive-product .products,
    html body.post-type-archive-product .product-grid,
    html body.post-type-archive-product .shop-main ul.products,
    html body.post-type-archive-product .shop-main .products,
    html body.post-type-archive-product .shop-container ul.products,
    html body.woocommerce-shop ul.products,
    html body.woocommerce-shop .products,
    html body.archive ul.products,
    html body .shop-main ul.products,
    html body .shop-main .products,
    html body .shop-container ul.products,
    html body .shop-container .products {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px !important;
    }

    html body.home ul.products,
    html body.home ul.products.products,
    html body.home .products,
    html body.home .product-grid,
    html body.home .product-section ul.products,
    html body.home .product-section .products {
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 20px !important;
    }
}

@media (max-width: 768px) {
    html body ul.products,
    html body ul.products.products,
    html body .products,
    html body .product-grid,
    html body.home ul.products,
    html body.home .products,
    html body.home .product-grid,
    html body.post-type-archive-product ul.products,
    html body.post-type-archive-product .products,
    html body.tax-product_cat ul.products,
    html body.tax-product_cat .products,
    html body.tax-product_tag ul.products,
    html body .shop-main ul.products,
    html body .shop-main .products,
    html body .shop-container ul.products,
    html body.woocommerce-shop ul.products,
    html body.archive ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
}
/* ============================================================
   16. PRODUCT CARD — Base
   ============================================================ */

html body ul.products li.product,
html body ul.products li.product.product-card,
html body .product-card,
html body .product-grid .product-card,
html body .related.products ul.products li.product,
html body .related.products .product-card,
html body section.related ul.products li.product,
html body .upsells ul.products li.product,
html body .upsells .product-card,
html body .cross-sells ul.products li.product {
    background-color: #0a0a0a !important;
    border: 1px solid #222 !important;
    border-radius: 12px !important;
    position: relative !important;
    padding: 10px !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.4) !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    height: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    float: none !important;
}

html body.premium-mode ul.products li.product,
html body.premium-mode .product-card,
html body.premium-mode .related.products ul.products li.product,
html body.premium-mode .related.products .product-card,
html body.premium-mode .product-section .product-card,
html body.premium-mode .product-section ul.products li.product {
    background-color: #ffffff !important;
    border-color: #eaeaea !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.06) !important;
}

html body ul.products li.product:hover,
html body .product-card:hover {
    border-color: #D4AF37 !important;
    box-shadow: 0 8px 15px rgba(212, 175, 55, 0.15) !important;
}


/* ============================================================
   17. PRODUCT IMAGE
   ============================================================ */

html body ul.products li.product img.product-image,
html body .product-card img.product-image,
html body .related.products ul.products li.product img.product-image,
html body .related.products .product-card img.product-image,
html body section.related ul.products li.product img.product-image,
html body .upsells ul.products li.product img.product-image {
    width: 100% !important;
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    margin: 0 0 10px 0 !important;
    display: block !important;
    flex: 0 0 220px !important;
    padding: 0 !important;
    background-color: #1a1a1a !important;
}
html body .product-card .product-image:not(img),
html body ul.products li.product .product-image:not(img) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #2a2a2a !important;
    border-radius: 8px !important;
    color: #666 !important;
    font-size: 12px !important;
    height: 220px !important;
    flex: 0 0 220px !important;
    margin: 0 0 10px 0 !important;
}
body.premium-mode .product-card .product-image:not(img) {
    background: #f0f0f0 !important;
    color: #999 !important;
}

@media (min-width: 769px) {
    html body ul.products li.product img.product-image,
    html body .product-card img.product-image,
    html body .related.products .product-card img.product-image {
        height: 280px !important;
        min-height: 280px !important;
        max-height: 280px !important;
        flex: 0 0 280px !important;
    }
}


/* ============================================================
   18. PRODUCT CARD — CONTENT
   ============================================================ */

html body .product-card .product-main-link,
html body ul.products li.product .product-main-link {
    display: flex !important;
    flex-direction: column !important;
    text-decoration: none !important;
    flex: 0 0 auto !important;
}
html body .product-card .product-details,
html body ul.products li.product .product-details {
    display: flex !important;
    flex-direction: column !important;
    flex: 0 0 auto !important;
}
html body .product-card .product-title,
html body ul.products li.product .product-title {
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    margin: 0 0 4px 0 !important;
    line-height: 1.3 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    padding: 0 4px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    flex: 0 0 32px !important;
}
body.premium-mode .product-card .product-title { color: #000000 !important; }

html body .product-card .price-box,
html body ul.products li.product .price-box,
html body .product-card .price,
html body ul.products li.product .price {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    padding: 0 4px !important;
    margin: 0 0 8px 0 !important;
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
    flex: 0 0 22px !important;
    overflow: hidden !important;
}
html body .product-card .price-box ins,
html body .product-card .price-box ins span.amount,
html body .product-card .price ins,
html body .product-card .price ins span.amount {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    text-decoration: none !important;
}
html body .product-card .price-box del,
html body .product-card .price-box del span.amount,
html body .product-card .price del,
html body .product-card .price del span.amount {
    font-size: 11px !important;
    font-weight: 500 !important;
    color: #999 !important;
    -webkit-text-fill-color: #999 !important;
    text-decoration: line-through !important;
    opacity: 0.85 !important;
}
html body .product-card .price-box > span.amount,
html body .product-card .price > span.amount {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
}


/* ============================================================
   19. PRODUCT BADGES
   ============================================================ */

html body .onsale,
html body span.onsale,
html body .woocommerce span.onsale,
html body ul.products li.product span.onsale,
html body .product-card span.onsale,
html body .product-card .onsale {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    right: auto !important;
    bottom: auto !important;
    background: linear-gradient(180deg, #ff4d4d 0%, #d32f2f 100%) !important;
    background-color: #d32f2f !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    padding: 5px 14px !important;
    border-radius: 20px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    z-index: 50 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: 0 3px 10px rgba(211, 47, 47, 0.5) !important;
    transform: none !important;
    white-space: nowrap !important;
}
html body .onsale::before,
html body .onsale::after,
html body span.onsale::before,
html body span.onsale::after { display: none !important; content: none !important; }

html body ul.products li.product,
html body .product-card { position: relative !important; }

html body .product-card .badge.badge-new {
    position: absolute !important;
    top: 12px !important; left: 12px !important;
    background: linear-gradient(180deg, #ff4d4d 0%, #d32f2f 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    z-index: 50 !important;
}
html body .product-card .badge.badge-hot {
    position: absolute !important;
    top: 12px !important; left: 12px !important;
    background: linear-gradient(180deg, #FFE066 0%, #D4AF37 50%, #B87318 100%) !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    z-index: 50 !important;
}
html body .product-card .discount-badge {
    position: absolute !important;
    top: 12px !important; left: 12px !important;
    background: linear-gradient(180deg, #ff4d4d 0%, #d32f2f 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    z-index: 50 !important;
}


/* ============================================================
   20. WISHLIST ICON ON CARD
   ============================================================ */

html body .wishlist-icon,
html body .yith-wcwl-add-to-wishlist {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    background: rgba(0,0,0,0.6) !important;
    color: #fff !important;
    font-size: 16px !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 99 !important;
    border: 1px solid #333 !important;
    margin: 0 !important;
    line-height: 1 !important;
}
body.premium-mode .wishlist-icon {
    background: rgba(255,255,255,0.9) !important;
    border-color: #ddd !important;
    color: #000 !important;
}


/* ============================================================
   21. PRODUCT CARD — ACTION BUTTONS
   ============================================================ */

html body .product-card .action-buttons,
html body ul.products li.product .action-buttons {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
    width: 100% !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    margin: auto 0 6px 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
}

html body .product-card .btn-quick-view {
    flex: 1 1 auto !important;
    height: 32px !important;
    padding: 0 6px !important;
    font-size: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    background: linear-gradient(180deg, #FFE066 0%, #D4AF37 45%, #A67C00 100%) !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    border: none !important;
    border-bottom: 2px solid #8B5A0F !important;
    border-radius: 4px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    margin: 0 !important;
}

html body .product-card .btn-cart {
    flex: 0 0 34px !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 32px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    background: linear-gradient(180deg, #FFE066 0%, #D4AF37 45%, #A67C00 100%) !important;
    border: none !important;
    border-bottom: 2px solid #8B5A0F !important;
    border-radius: 4px !important;
    position: relative !important;
    overflow: hidden !important;
    text-decoration: none !important;
    margin: 0 !important;
}
html body .product-card .btn-cart svg,
html body .product-card .btn-cart .libas-cart-svg {
    stroke: #000000 !important;
    color: #000000 !important;
    fill: none !important;
    width: 15px !important;
    height: 15px !important;
    display: block !important;
    margin: 0 auto !important;
}
html body .product-card .btn-cart.loading { pointer-events: none !important; }
html body .product-card .btn-cart.loading svg { display: none !important; }
html body .product-card .btn-cart.loading::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important; left: 50% !important;
    width: 14px !important; height: 14px !important;
    margin: -7px 0 0 -7px !important;
    border: 2px solid rgba(0,0,0,0.25) !important;
    border-top-color: #000 !important;
    border-radius: 50% !important;
    animation: libas-spin 0.7s linear infinite !important;
    box-sizing: border-box !important;
}
html body .product-card .btn-cart.added {
    background: linear-gradient(180deg, #FFE066 0%, #D4AF37 50%, #B87318 100%) !important;
}
html body .product-card .btn-cart.added svg { display: none !important; }
html body .product-card .btn-cart.added::after {
    content: '✓' !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important; left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    line-height: 1 !important;
    animation: libas-pop 0.3s ease-out !important;
    margin: 0 !important; padding: 0 !important;
}

html body .product-card .btn-buy-now-wrap {
    width: 100% !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
}
html body .product-card .btn-buy-now {
    width: 100% !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    padding: 0 !important;
    font-size: 11px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    background: linear-gradient(180deg, #1f1f1f 0%, #050505 100%) !important;
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    border: none !important;
    border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-bottom: 3px solid #D4AF37 !important;
    border-left: 1px solid #111 !important;
    border-right: 1px solid #111 !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    margin: 0 !important;
}
body.premium-mode .product-card .btn-buy-now {
    background: linear-gradient(180deg, #ffffff 0%, #f4f4f4 100%) !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    border-top: 1px solid #ffffff !important;
    border-bottom: 3px solid #D4AF37 !important;
    border-left: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
}


/* ============================================================
   22. PRODUCT CARD — DESKTOP SIZES
   ============================================================ */

@media (min-width: 769px) {
    html body ul.products li.product,
    html body .product-card,
    html body .related.products ul.products li.product,
    html body .related.products .product-card {
        padding: 12px !important;
    }
    html body .product-card .product-title {
        font-size: 13px !important;
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
        flex: 0 0 36px !important;
    }
    html body .product-card .price-box {
        height: 24px !important;
        min-height: 24px !important;
        max-height: 24px !important;
        flex: 0 0 24px !important;
    }
    html body .product-card .action-buttons {
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
    }
    html body .product-card .btn-quick-view { height: 36px !important; font-size: 11px !important; }
    html body .product-card .btn-cart {
        width: 38px !important; min-width: 38px !important; max-width: 38px !important;
        height: 36px !important; flex: 0 0 38px !important;
    }
    html body .product-card .btn-buy-now { height: 38px !important; font-size: 12px !important; }
}
/* ============================================================
   23. SINGLE PRODUCT PAGE
   ============================================================ */

html body.premium-mode.single-product,
html body.premium-mode.woocommerce.single-product {
    background-color: #ffffff !important;
    color: #000000 !important;
}
html body.premium-mode.single-product div.product {
    background-color: #ffffff !important;
    color: #000000 !important;
    box-shadow: 0 5px 25px rgba(0,0,0,0.08) !important;
}
html body.premium-mode.single-product div.product .summary,
html body.premium-mode.single-product div.product .woocommerce-product-gallery,
html body.premium-mode.single-product div.product .woocommerce-tabs,
html body.premium-mode.single-product div.product .related.products,
html body.premium-mode.single-product div.product section.related,
html body.premium-mode.single-product div.product .woocommerce-Tabs-panel,
html body.premium-mode.single-product div.product form.cart {
    background-color: #ffffff !important;
    color: #000000 !important;
}
html body.premium-mode.single-product div.product .product_title,
html body.premium-mode.single-product div.product h1.product_title,
html body.premium-mode.single-product div.product h1.product_title *,
html body.premium-mode.single-product div.product .woocommerce-product-details__short-description,
html body.premium-mode.single-product div.product .woocommerce-product-details__short-description *,
html body.premium-mode.single-product div.product .woocommerce-Tabs-panel,
html body.premium-mode.single-product div.product .woocommerce-Tabs-panel *,
html body.premium-mode.single-product div.product .product_meta,
html body.premium-mode.single-product div.product .product_meta *:not(a),
html body.premium-mode.single-product div.product .summary p,
html body.premium-mode.single-product div.product .summary span {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}
html body.premium-mode.single-product div.product .product_meta a,
html body.premium-mode.single-product div.product .summary a {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
}
html body:not(.premium-mode).single-product div.product {
    background-color: #111111 !important;
    color: #ffffff !important;
}
html body:not(.premium-mode).single-product div.product .product_title,
html body:not(.premium-mode).single-product div.product h1.product_title,
html body:not(.premium-mode).single-product div.product h1.product_title *,
html body:not(.premium-mode).single-product div.product .woocommerce-product-details__short-description,
html body:not(.premium-mode).single-product div.product .woocommerce-product-details__short-description *,
html body:not(.premium-mode).single-product div.product .woocommerce-Tabs-panel,
html body:not(.premium-mode).single-product div.product .woocommerce-Tabs-panel *,
html body:not(.premium-mode).single-product div.product .summary p,
html body:not(.premium-mode).single-product div.product .summary span {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.woocommerce div.product h1.product_title {
    font-size: 28px !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
    line-height: 1.3 !important;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce-variation-price .price {
    font-size: 24px !important;
    font-weight: 800 !important;
    margin-bottom: 15px !important;
    display: block !important;
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
}
.woocommerce div.product p.price ins,
.woocommerce div.product p.price ins span.amount {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
}
.woocommerce div.product p.price del,
.woocommerce div.product p.price del span.amount {
    color: #999 !important;
    -webkit-text-fill-color: #999 !important;
    font-size: 16px !important;
    margin-right: 10px !important;
    font-weight: 500 !important;
    text-decoration: line-through !important;
    opacity: 0.85 !important;
}
.woocommerce div.product p.stock {
    background: rgba(0, 184, 148, 0.1) !important;
    color: #00b894 !important;
    padding: 8px 12px !important;
    border-radius: 6px !important;
    display: inline-block !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
    border: 1px solid rgba(0, 184, 148, 0.3) !important;
}
.woocommerce-product-details__short-description ul,
.woocommerce-Tabs-panel ul,
#tab-description ul { list-style: none !important; padding-left: 0 !important; }
.woocommerce-product-details__short-description li,
.woocommerce-Tabs-panel li,
#tab-description li {
    padding-left: 25px !important;
    position: relative !important;
    margin-bottom: 8px !important;
}
.woocommerce-product-details__short-description li::before,
.woocommerce-Tabs-panel li::before,
#tab-description li::before {
    content: "✅" !important;
    position: absolute !important;
    left: 0 !important; top: 0 !important;
}
.woocommerce div.product .product_meta {
    color: #888888 !important;
    margin-top: 30px !important;
    font-size: 14px !important;
    border-top: 1px dashed #333 !important;
    padding-top: 15px !important;
}
body.premium-mode .woocommerce div.product .product_meta {
    border-top: 1px dashed #eee !important;
    color: #000 !important;
}
body.premium-mode .woocommerce div.product .product_meta a { color: #D4AF37 !important; }
body:not(.premium-mode) .woocommerce div.product .product_meta a { color: #D4AF37 !important; }

@media (min-width: 769px) {
    html body.woocommerce div.product div.images {
        float: left !important;
        width: 45% !important;
        max-width: 45% !important;
        margin: 0 5% 0 0 !important;
    }
    html body.woocommerce div.product div.summary {
        float: left !important;
        width: 50% !important;
        max-width: 50% !important;
        margin: 0 !important;
    }
    html body.woocommerce div.product::after {
        content: '' !important; display: block !important; clear: both !important;
    }
    html body.woocommerce div.product .woocommerce-tabs,
    html body.woocommerce div.product .related.products,
    html body.woocommerce div.product section.related {
        clear: both !important;
        float: none !important;
        width: 100% !important;
    }
}
@media (max-width: 768px) {
    html body.woocommerce div.product div.images,
    html body.woocommerce div.product div.summary {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    html body.woocommerce div.product div.images { margin: 0 0 20px 0 !important; }
}


/* ============================================================
   24. SINGLE PRODUCT — QUANTITY + ADD TO CART
   ============================================================ */

html body.woocommerce div.product form.cart {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    margin-top: 25px !important;
    padding-top: 20px !important;
    border-top: 1px dashed #333 !important;
}
body.premium-mode .woocommerce div.product form.cart {
    border-top: 1px dashed #eee !important;
}
html body.woocommerce div.product form.cart div.quantity {
    display: inline-flex !important;
    align-items: stretch !important;
    height: 50px !important;
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    border: 2px solid #D4AF37 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    flex: 0 0 140px !important;
    margin: 0 !important;
}
body:not(.premium-mode) .woocommerce div.product form.cart div.quantity {
    background: #1a1a1a !important;
}
html body.woocommerce div.product form.cart div.quantity input.qty {
    width: 50px !important;
    height: 100% !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: 1 1 auto !important;
    appearance: textfield !important;
    outline: none !important;
}
body:not(.premium-mode) .woocommerce div.product form.cart div.quantity input.qty {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
html body div.quantity input.qty::-webkit-outer-spin-button,
html body div.quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
html body.woocommerce div.product form.cart div.quantity .libas-qty-btn {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 100% !important;
    min-height: 46px !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(180deg, #FFD966 0%, #D4AF37 50%, #B87318 100%) !important;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    border: none !important;
    cursor: pointer !important;
    user-select: none !important;
    flex: 0 0 44px !important;
}
html body.woocommerce div.product form.cart .single_add_to_cart_button,
html body .single_add_to_cart_button {
    flex: 0 0 145px !important;
    width: 145px !important;
    min-width: 145px !important;
    max-width: 145px !important;
    height: 50px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, #FFD966 0%, #D4AF37 50%, #B87318 100%) !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    border: none !important;
    border-bottom: 3px solid #8B5A0F !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    box-shadow: 0 3px 10px rgba(212, 175, 55, 0.4) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    text-align: center !important;
}
html body div.product form.cart .single_add_to_cart_button.disabled {
    background: linear-gradient(180deg, #FFE9A8 0%, #E5C566 50%, #C2953E 100%) !important;
    color: #4a3500 !important;
    -webkit-text-fill-color: #4a3500 !important;
    cursor: not-allowed !important;
}
html body div.product form.cart .single_add_to_cart_button.loading::after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important; left: 50% !important;
    width: 20px !important; height: 20px !important;
    margin: -10px 0 0 -10px !important;
    border: 3px solid rgba(0, 0, 0, 0.2) !important;
    border-top-color: #000 !important;
    border-radius: 50% !important;
    animation: libas-spin 0.7s linear infinite !important;
}
@media (max-width: 768px) {
    html body.woocommerce div.product form.cart { gap: 12px !important; }
    html body.woocommerce div.product form.cart div.quantity {
        height: 46px !important;
        width: 120px !important;
        min-width: 120px !important;
        max-width: 120px !important;
        flex: 0 0 120px !important;
    }
    html body.woocommerce div.product form.cart div.quantity input.qty {
        width: 44px !important;
        font-size: 14px !important;
    }
    html body.woocommerce div.product form.cart div.quantity .libas-qty-btn {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        min-height: 42px !important;
        font-size: 18px !important;
        flex: 0 0 38px !important;
    }
    html body.woocommerce div.product form.cart .single_add_to_cart_button {
        flex: 0 0 125px !important;
        width: 125px !important;
        min-width: 125px !important;
        max-width: 125px !important;
        height: 46px !important;
        font-size: 11px !important;
    }
}


/* ============================================================
   25. SIZE GUIDE
   ============================================================ */

html body .size-guide-trigger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    background: linear-gradient(180deg, #FFE066 0%, #D4AF37 50%, #B87318 100%) !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    border: none !important;
    border-top: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-bottom: 3px solid #8B5A0F !important;
    border-radius: 999px !important;
    padding: 9px 22px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    box-shadow: 0 3px 10px rgba(212, 175, 55, 0.4) !important;
    margin: 8px 0 !important;
    cursor: pointer !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
}
html body .size-guide-trigger * {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: transparent !important;
    font-weight: 800 !important;
}
html body div.product hr,
html body div.product .wp-block-separator,
html body div.product [class*="divider"],
html body div.product [class*="separator"] {
    display: none !important;
    height: 0 !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
}
html body div.product table.variations tr,
html body div.product table.variations td,
html body div.product table.variations th { border: none !important; }


/* ============================================================
   26. VARIATION SWATCHES
   ============================================================ */

html body table.variations,
html body table.variations tbody,
html body table.variations tr,
html body table.variations th,
html body table.variations td {
    display: block !important;
    width: 100% !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
    float: none !important;
}
html body table.variations { margin: 0 0 18px 0 !important; }
table.variations label {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 0 0 8px 0 !important;
    display: block !important;
    text-transform: capitalize !important;
}
body.premium-mode table.variations label,
body.premium-mode table.variations label * {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}
table.variations select { display: none !important; }

html body .custom-swatches-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    justify-content: flex-start !important;
    width: 100% !important;
    margin: 10px 0 0 0 !important;
    padding: 0 !important;
}
html body .custom-swatch {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    justify-content: center !important;
    align-items: center !important;
    white-space: nowrap !important;
    padding: 6px 12px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
    border: 2px solid rgba(212, 175, 55, 0.45) !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    cursor: pointer !important;
    background: #1a1a1a !important;
    color: #cccccc !important;
    user-select: none !important;
}
body.premium-mode .custom-swatch {
    border-color: rgba(212, 175, 55, 0.55) !important;
    background: #f9f9f9 !important;
    color: #000000 !important;
}
html body .custom-swatch.selected {
    border-color: #D4AF37 !important;
    background: linear-gradient(180deg, #FFE066 0%, #D4AF37 50%, #B87318 100%) !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    box-shadow: 0 3px 8px rgba(212, 175, 55, 0.45) !important;
    font-weight: 800 !important;
}
html body .custom-swatch.out-of-stock {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    text-decoration: line-through !important;
    border-color: #333 !important;
    background: #111 !important;
}
body:not(.premium-mode) .custom-swatch { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
.reset_variations {
    color: #f05a28 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
    margin-top: 10px !important;
    display: inline-block !important;
}


/* ============================================================
   27. TABS
   ============================================================ */

html body div.product .woocommerce-tabs ul.tabs {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    padding: 0 !important;
    margin: 20px 0 15px 0 !important;
    justify-content: flex-start !important;
    list-style: none !important;
    border: none !important;
    width: 100% !important;
}
html body div.product .woocommerce-tabs ul.tabs::before,
html body div.product .woocommerce-tabs ul.tabs::after {
    display: none !important;
    content: none !important;
}
html body div.product .woocommerce-tabs ul.tabs li {
    display: inline-flex !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    background: transparent !important;
    border: none !important;
}
html body div.product .woocommerce-tabs ul.tabs li a {
    display: inline-flex !important;
    width: auto !important;
    min-width: 110px !important;
    white-space: nowrap !important;
    padding: 10px 18px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    background: #1a1a1a !important;
    color: #cccccc !important;
    -webkit-text-fill-color: #cccccc !important;
    border: 2px solid #333 !important;
    border-radius: 8px !important;
    margin: 0 !important;
    text-align: center !important;
}
html body div.product .woocommerce-tabs ul.tabs li.active a {
    background: linear-gradient(180deg, #FFE066 0%, #D4AF37 50%, #B87318 100%) !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    border-color: #D4AF37 !important;
    font-weight: 800 !important;
}
body.premium-mode div.product .woocommerce-tabs ul.tabs li a {
    background: #f5f5f5 !important;
    color: #555 !important;
    -webkit-text-fill-color: #555 !important;
    border-color: #e0e0e0 !important;
}
body.premium-mode div.product .woocommerce-tabs ul.tabs li.active a {
    background: linear-gradient(180deg, #FFE066 0%, #D4AF37 50%, #B87318 100%) !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}
html body div.product .woocommerce-tabs .panel {
    padding: 20px 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    border-top: 1px solid rgba(212, 175, 55, 0.15) !important;
    clear: both !important;
}
@media (max-width: 768px) {
    html body div.product .woocommerce-tabs ul.tabs li a {
        padding: 8px 10px !important;
        font-size: 11px !important;
        min-width: auto !important;
        border-radius: 6px !important;
    }
}


/* ============================================================
   28. TRUST BADGES (Single Product)
   ============================================================ */

html body .premium-trust-badges {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
    margin: 22px 0 0 0 !important;
    padding: 18px 0 0 0 !important;
    border-top: 1px dashed #333 !important;
    width: 100% !important;
    align-items: stretch !important;
}
body.premium-mode .premium-trust-badges { border-top-color: #eaeaea !important; }
html body .premium-trust-badges .trust-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    padding: 12px 10px !important;
    min-height: 64px !important;
    border-radius: 10px !important;
    text-align: left !important;
    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
}
body.premium-mode .premium-trust-badges .trust-item {
    background: #fcfcfc !important;
    border: 1px solid #f0f0f0 !important;
}
html body .premium-trust-badges .trust-item .icon { font-size: 24px !important; flex-shrink: 0 !important; }
html body .premium-trust-badges .trust-item .text { font-size: 11px !important; font-weight: 700 !important; line-height: 1.25 !important; }
body.premium-mode .premium-trust-badges .trust-item .text,
body.premium-mode .premium-trust-badges .trust-item .text small {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}
body:not(.premium-mode) .premium-trust-badges .trust-item .text,
body:not(.premium-mode) .premium-trust-badges .trust-item .text small {
    color: #dddddd !important;
    -webkit-text-fill-color: #dddddd !important;
}
html body .premium-trust-badges .trust-item .text small {
    font-size: 9px !important;
    font-weight: 400 !important;
    color: #888 !important;
    display: block !important;
    margin-top: 2px !important;
}
/* ============================================================
   29. WOOCOMMERCE NOTICES
   ============================================================ */

.woocommerce-notices-wrapper {
    display: block !important;
    position: fixed !important;
    top: 80px !important;
    right: 15px !important;
    max-width: 280px !important;
    z-index: 999999 !important;
}
.woocommerce-message,
.woocommerce-info {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: linear-gradient(180deg, #FFD966 0%, #D4AF37 50%, #B87318 100%) !important;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 8px 14px !important;
    margin: 0 0 8px 0 !important;
    border-radius: 8px !important;
    border-bottom: 2px solid #8B5A0F !important;
    box-shadow: 0 4px 12px rgba(212, 175, 55, 0.5) !important;
}
.woocommerce-message a.button,
.woocommerce-message a {
    display: inline-flex !important;
    background: #000 !important;
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 4px 10px !important;
    margin-left: 8px !important;
    border-radius: 5px !important;
    text-transform: uppercase !important;
}
.woocommerce-error {
    display: flex !important;
    background: linear-gradient(180deg, #ff4d4d 0%, #d32f2f 100%) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 12px !important;
    padding: 8px 14px !important;
    margin: 0 0 8px 0 !important;
    border-radius: 8px !important;
}
.added_to_cart,
a.added_to_cart {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    opacity: 0 !important;
}


/* ============================================================
   30. CART & CHECKOUT
   ============================================================ */

body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: #D4AF37 !important;
    color: #000 !important;
    border: none !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    padding: 15px 30px !important;
    text-transform: uppercase !important;
}
body.woocommerce-checkout #payment #place_order {
    background-color: #f05a28 !important;
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: bold !important;
    border-radius: 5px !important;
    padding: 16px !important;
    width: 100% !important;
}
body.woocommerce-cart .coupon button.button {
    background-color: #111 !important;
    color: #D4AF37 !important;
    border: 1px solid #333 !important;
    padding: 10px 20px !important;
    text-transform: uppercase !important;
}


/* ============================================================
   31. WISHLIST PAGE
   ============================================================ */

html body .wishlist_table td.product-name,
html body .wishlist_table td.product-name a {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}
body.premium-mode .wishlist_table td.product-name,
body.premium-mode .wishlist_table td.product-name a {
    color: #B87318 !important;
    -webkit-text-fill-color: #B87318 !important;
}


/* ============================================================
   32. FOOTER
   ============================================================ */

.footer-master {
    background-color: #0a0a0a;
    padding: 30px 5% 20px 5% !important;
    border-top: 1px solid #222;
    margin-top: 15px !important;
}
body.premium-mode .footer-master { background-color: #ffffff; border-top-color: #eeeeee; }
.footer-title {
    text-align: center;
    color: #ccc;
    font-size: 14px;
    margin-bottom: 18px !important;
    letter-spacing: 2px;
}
body.premium-mode .footer-title { color: #333333; font-weight: bold; }

.payment-logos-row {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 12px;
    margin-bottom: 30px !important;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.pay-box {
    border: 1px solid #333;
    padding: 12px 10px;
    border-radius: 8px;
    background-color: #050505;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}
body.premium-mode .pay-box { background-color: #f9f9f9; border-color: #dddddd; }

.footer-master .trust-badges-row {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 15px !important;
    margin-bottom: 30px !important;
    padding-bottom: 25px !important;
    border-bottom: 1px solid #222 !important;
    max-width: 1000px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}
body.premium-mode .footer-master .trust-badges-row { border-bottom-color: #eee !important; }
.footer-master .trust-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    background: transparent !important;
    border: none !important;
    padding: 8px !important;
    text-align: center !important;
}
.footer-master .t-icon { font-size: 24px; color: #D4AF37; flex-shrink: 0; }
.footer-master .trust-item h4 { font-size: 12px; color: #D4AF37; margin-bottom: 3px; font-weight: 700; }
.footer-master .trust-item p { font-size: 10px; color: #aaa; margin: 0; }
body.premium-mode .footer-master .trust-item p { color: #555555; }

.footer-bottom {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #888;
    gap: 15px !important;
}
body.premium-mode .footer-bottom { color: #333333; }
body.premium-mode .footer-bottom a { color: #333333 !important; }
.social-links { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; margin-bottom: 10px; }
.social-links a {
    background: linear-gradient(180deg, #1f1f1f 0%, #050505 100%) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-bottom: 3px solid #D4AF37 !important;
    border-left: 1px solid #111 !important;
    border-right: 1px solid #111 !important;
    border-radius: 8px !important;
    color: #D4AF37 !important;
    padding: 10px 22px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1px;
}
body.premium-mode .social-links a {
    background: linear-gradient(180deg, #ffffff 0%, #f4f4f4 100%) !important;
    border-top: 1px solid #ffffff !important;
    border-bottom: 3px solid #D4AF37 !important;
    border-left: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    color: #222222 !important;
}
.footer-policy-links {
    text-align: center;
    font-size: 12px;
    margin-top: 15px;
    padding-bottom: 15px !important;
    color: #888;
}
.footer-policy-links a { color: #888 !important; margin: 0 10px; }
.footer-policy-links a:hover { color: #D4AF37 !important; }
.footer-policy-links .sep { color: #555; }
body.premium-mode .footer-policy-links,
body.premium-mode .footer-policy-links a,
body.premium-mode .footer-policy-links .sep { color: #555 !important; }
.copyright { margin-top: 10px; text-align: center; font-size: 12px; color: #888; }
body.premium-mode .copyright { color: #333; }


/* ============================================================
   33. HIDE WIDGETS
   ============================================================ */

.widget-area,
#secondary,
.footer-widgets,
.sidebar:not(.shop-sidebar),
#sidebar,
aside.widget-area { display: none !important; }


/* ============================================================
   34. SHOP / ARCHIVE PAGE
   ============================================================ */

.shop-page-header { text-align: center; padding: 15px 5%; background-color: #050505; border-bottom: 1px solid #222; }
body.premium-mode .shop-page-header { background-color: #fff9fa; }
.shop-page-header h1 {
    font-family: 'Cinzel', serif;
    color: #ffffff;
    font-size: 32px;
    letter-spacing: 3px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
body.premium-mode .shop-page-header h1 { color: #111111; }
.woocommerce-breadcrumb { font-size: 12px; color: #888; margin: 0; padding: 0; }
.shop-container { display: flex; gap: 15px; padding: 40px 5%; background-color: #0a0a0a; align-items: flex-start; }
body.premium-mode .shop-container { background-color: #fff9fa; }
.shop-sidebar { width: 22%; flex-shrink: 0; position: sticky; top: 100px; }
.sidebar-widget {
    background-color: #0f0f0f;
    border: 1px solid #1f1f1f;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}
body.premium-mode .sidebar-widget { background-color: #ffffff; border-color: #eaeaea; }
.widget-title {
    font-family: 'Cinzel', serif;
    font-size: 13px;
    color: #ffffff;
    margin-bottom: 18px;
    letter-spacing: 1px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #222;
    padding-bottom: 10px;
}
body.premium-mode .widget-title { color: #111111; border-bottom-color: #eaeaea; }
.brand-category-list { list-style: none; padding: 0; margin: 0; }
.brand-category-list li { margin-bottom: 12px; }
.brand-category-list a {
    display: flex;
    justify-content: space-between;
    color: #aaa;
    font-size: 13px;
    align-items: center;
}
body.premium-mode .brand-category-list a { color: #444; }
.brand-category-list a.active { color: #D4AF37; font-weight: 600; border-left: 2px solid #D4AF37; padding-left: 8px; }
.brand-category-list .count {
    font-size: 11px !important;
    color: #8B5A0F !important;
    -webkit-text-fill-color: #8B5A0F !important;
    background: linear-gradient(180deg, #FFE066 0%, #D4AF37 100%) !important;
    padding: 2px 7px !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
}
.filter-checkboxes label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: #aaa;
    margin-bottom: 12px;
    cursor: pointer;
    padding: 6px 10px !important;
    border-radius: 6px !important;
    background: rgba(212, 175, 55, 0.08) !important;
}
body.premium-mode .filter-checkboxes label { color: #444; }
.filter-checkboxes input[type="checkbox"] {
    accent-color: #D4AF37;
    width: 14px; height: 14px;
    cursor: pointer;
}
.size-filter-grid { display: flex; flex-wrap: wrap; gap: 8px; }
.size-btn {
    background: linear-gradient(180deg, #FFE066 0%, #D4AF37 50%, #B87318 100%) !important;
    border: none !important;
    border-bottom: 2px solid #8B5A0F !important;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    padding: 8px 14px !important;
    font-size: 12px !important;
    border-radius: 6px !important;
    cursor: pointer;
    font-weight: 800 !important;
}
.slider-range {
    -webkit-appearance: none;
    width: 100%;
    height: 6px;
    background: linear-gradient(90deg, #FFE066 0%, #D4AF37 50%, #B87318 100%) !important;
    border-radius: 3px;
    outline: none;
    margin-bottom: 15px;
}
.slider-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 18px; height: 18px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #D4AF37;
    cursor: pointer;
}
.price-text { font-size: 12px; color: #888; margin-bottom: 15px; font-weight: 500; }
body.premium-mode .price-text { color: #555555; }
.shop-main { width: 78%; min-width: 0 !important; }
.shop-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #222;
}
.toolbar-result { font-size: 12px; color: #aaa; font-weight: 500; }
body.premium-mode .toolbar-result { color: #555555; }
.sort-dropdown {
    background-color: #111;
    color: #fff;
    border: 1px solid #333;
    padding: 8px 15px;
    font-size: 12px;
    border-radius: 6px;
    outline: none;
    cursor: pointer;
}
body.premium-mode .sort-dropdown { background-color: #f9f9f9; color: #333; border-color: #ddd; }
.pagination { display: flex; justify-content: center; gap: 8px; margin-top: 40px; }
.pagination .page-numbers {
    width: 35px; height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #333;
    background-color: #111;
    color: #aaa;
    border-radius: 6px;
    font-size: 13px;
    font-weight: bold;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover {
    background-color: #D4AF37;
    color: #000;
    border-color: #D4AF37;
}


/* ============================================================
   35. RELATED PRODUCTS
   Mobile: 2 cols | Desktop: 3 cols
   ============================================================ */

html body .related.products,
html body section.related,
html body section.related.products,
html body .related-products,
html body .upsells.products,
html body .upsells,
html body .cross-sells {
    display: block !important;
    width: 100% !important;
    padding: 20px 0 !important;
    margin: 20px 0 0 0 !important;
    clear: both !important;
    float: none !important;
    text-align: left !important;
    direction: ltr !important;
}

html body .related.products > h2,
html body section.related > h2,
html body .upsells > h2 {
    display: block !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    text-align: left !important;
}
body.premium-mode .related.products > h2,
body.premium-mode section.related > h2 { color: #000 !important; }
body:not(.premium-mode) .related.products > h2,
body:not(.premium-mode) section.related > h2 { color: #fff !important; }

html body .related.products ul.products,
html body .related.products ul.products[class],
html body .related.products ul.products[class*="columns-"],
html body section.related ul.products,
html body section.related ul.products[class],
html body section.related ul.products[class*="columns-"],
html body section.related.products ul.products,
html body .related-products ul.products,
html body .upsells ul.products,
html body .cross-sells ul.products,
html body div.product .related.products ul.products,
html body.woocommerce div.product .related.products ul.products,
html body.single-product .related.products ul.products,
.woocommerce div.product .related.products ul.products,
.woocommerce div.product section.related ul.products,
section.related ul.products,
.related.products ul.products,
.related ul.products {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    float: none !important;
    clear: both !important;
    text-align: left !important;
    direction: ltr !important;
}

html body .related.products ul.products::before,
html body .related.products ul.products::after,
html body section.related ul.products::before,
html body section.related ul.products::after {
    display: none !important;
    content: none !important;
}

html body .related.products ul.products > li:not(.product),
html body section.related ul.products > li:not(.product) {
    display: none !important;
}

/* Mobile: 2 cols */
@media (max-width: 768px) {
    html body .related.products ul.products > li.product,
    html body section.related ul.products > li.product,
    html body .upsells ul.products > li.product,
    .related.products ul.products > li.product,
    .related ul.products > li.product {
        display: flex !important;
        flex-direction: column !important;
        flex-grow: 0 !important;
        flex-shrink: 0 !important;
        flex-basis: calc(50% - 5px) !important;
        width: calc(50% - 5px) !important;
        max-width: calc(50% - 5px) !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 8px !important;
        box-sizing: border-box !important;
        float: none !important;
        clear: none !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
    }
    html body .related.products ul.products > li.product img.product-image,
    html body section.related ul.products > li.product img.product-image {
        height: 200px !important;
        min-height: 200px !important;
        max-height: 200px !important;
        flex: 0 0 200px !important;
    }
}

/* Desktop: 3 cols */
@media (min-width: 769px) {
    html body .related.products ul.products,
    html body section.related ul.products,
    .related.products ul.products {
        gap: 20px !important;
    }
    html body .related.products ul.products > li.product,
    html body section.related ul.products > li.product,
    html body .upsells ul.products > li.product,
    .related.products ul.products > li.product,
    .related ul.products > li.product {
        display: flex !important;
        flex-direction: column !important;
        flex-grow: 0 !important;
        flex-shrink: 0 !important;
        flex-basis: calc(33.333% - 14px) !important;
        width: calc(33.333% - 14px) !important;
        max-width: calc(33.333% - 14px) !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 12px !important;
        box-sizing: border-box !important;
        float: none !important;
        clear: none !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
    }
    html body .related.products ul.products > li.product img.product-image,
    html body section.related ul.products > li.product img.product-image {
        height: 260px !important;
        min-height: 260px !important;
        max-height: 260px !important;
        flex: 0 0 260px !important;
    }
}
/* ============================================================
   36. SINGLE PRODUCT — Ensure header/footer visible
   ============================================================ */

html body.single-product .master-header,
html body.single-product .footer-master {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}


/* ============================================================
   37. MOBILE RESPONSIVE
   ============================================================ */

@media (max-width: 768px) {

    .hero {
        background-image: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.9)),
            url('../images/mobile-dark-banner-panjabi.jpg') !important;
        padding: 50px 15px;
    }
    .hero h1 { font-size: 28px; letter-spacing: 2px; }
    .hero h2 { font-size: 18px; }
    .hero-buttons { flex-direction: column !important; align-items: center !important; gap: 10px !important; }
    .btn-primary { min-width: 90px !important; padding: 8px 12px !important; font-size: 14px !important; }
    .btn-secondary { min-width: 280px !important; padding: 11px 25px !important; font-size: 13px !important; }
    body.premium-mode .hero {
        background-image: linear-gradient(rgba(70,30,40,0.3), rgba(20,5,10,0.7)),
            url('../images/mobile-light-banner-panjabi.jpg') !important;
    }

    html body .product-section,
    html body .category-section,
    html body .promo-banners,
    html body .bottom-wrapper,
    html body .shop-container,
    html body .shop-page-header,
    html body.woocommerce-cart .woocommerce,
    html body.woocommerce-checkout .woocommerce,
    html body.single-product div.product,
    html body.woocommerce div.product {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .category-grid, .promo-banners {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 15px;
        scroll-snap-type: x mandatory;
        padding-bottom: 10px;
    }
    .category-grid::-webkit-scrollbar,
    .promo-banners::-webkit-scrollbar { display: none; }
    .category-card { flex: 0 0 70%; scroll-snap-align: start; height: 200px; }
    .promo-card { flex: 0 0 85%; scroll-snap-align: start; height: 160px; }

    .product-section { background-color: transparent !important; padding-top: 20px !important; padding-bottom: 20px !important; }
    body.premium-mode .product-section { background-color: #fff9fa !important; }

    html body .bottom-wrapper {
        padding-top: 25px !important;
        padding-bottom: 15px !important;
        gap: 20px !important;
    }
    html body .section-title-gold {
        font-size: 14px !important;
        margin-bottom: 14px !important;
    }
    html body .review-card-new { padding: 12px !important; }
    html body .user-img { width: 34px !important; height: 34px !important; font-size: 14px !important; }
    html body .user-row h4 { font-size: 11px !important; }
    html body .quote-mark { font-size: 30px !important; top: 2px !important; left: 6px !important; }

    html body .why-choose-box-main {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 6px !important;
        padding: 12px 6px !important;
    }
    html body .why-item { padding: 6px 3px !important; }
    html body .why-icon { font-size: 18px !important; margin-bottom: 5px !important; }
    html body .why-item h4 { font-size: 8.5px !important; }
    html body .why-item p { font-size: 7.5px !important; }

    .bottom-wrapper { flex-direction: column; gap: 20px; }
    .reviews-flex { flex-direction: column; gap: 15px; }

    .shop-container { flex-direction: column; padding-top: 15px !important; padding-bottom: 100px !important; }
    .shop-main { width: 100%; order: 1 !important; }
    .shop-sidebar { width: 100%; position: relative; top: 0; order: 2 !important; margin-top: 30px !important; }
    .shop-page-header h1 { font-size: 24px; }

    .size-guide-trigger { font-size: 11px !important; padding: 7px 18px !important; margin: 6px 0 !important; }
    .woocommerce-notices-wrapper { top: 75px !important; right: 10px !important; left: 10px !important; max-width: none !important; }
    .woocommerce-message, .woocommerce-info { font-size: 11px !important; padding: 7px 12px !important; }

    html body .footer-master {
        padding: 25px 12px 15px 12px !important;
        margin-top: 10px !important;
    }
    html body .footer-title { font-size: 13px !important; margin-bottom: 14px !important; }

    html body .payment-logos-row {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 8px !important;
        margin-bottom: 22px !important;
        max-width: 100% !important;
    }
    html body .pay-box { padding: 9px 6px !important; font-size: 11px !important; }

    html body .footer-master .trust-badges-row {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
        margin-bottom: 20px !important;
        padding-bottom: 18px !important;
        max-width: 100% !important;
        text-align: center !important;
    }
    html body .footer-master .trust-item {
        flex-direction: column !important;
        gap: 4px !important;
        padding: 6px 4px !important;
        text-align: center !important;
        justify-content: center !important;
    }
    html body .footer-master .t-icon { font-size: 22px !important; }
    html body .footer-master .trust-item h4 { font-size: 10px !important; margin-bottom: 2px !important; }
    html body .footer-master .trust-item p { font-size: 9px !important; }

    html body .social-links { gap: 8px !important; margin-bottom: 8px !important; }
    html body .social-links a { padding: 7px 14px !important; font-size: 11px !important; }
    html body .footer-policy-links { font-size: 11px !important; margin-top: 12px !important; }
    html body .footer-policy-links a { margin: 0 6px !important; }
    html body .copyright { font-size: 11px !important; margin-top: 8px !important; }

    html body .premium-trust-badges { gap: 6px !important; }
    html body .premium-trust-badges .trust-item {
        flex-direction: column !important;
        gap: 4px !important;
        padding: 8px 4px !important;
        min-height: 74px !important;
        text-align: center !important;
        justify-content: center !important;
    }
    html body .premium-trust-badges .trust-item .icon { font-size: 20px !important; }
    html body .premium-trust-badges .trust-item .text { font-size: 9px !important; text-align: center !important; }
}


/* ============================================================
   38. QUICK VIEW POPUP — FINAL
   ============================================================ */

/* ---------- 38.1 OVERLAY ---------- */
html body .mfp-woosq .mfp-bg,
html body .mfp-bg {
    background: rgba(0, 0, 0, 0.8) !important;
}

/* ---------- 38.2 POPUP SIZE (Safe) ---------- */
@media (min-width: 1024px) {
    html body #woosq-popup.woosq-popup { max-width: 780px !important; }
}
@media (min-width: 769px) and (max-width: 1023px) {
    html body #woosq-popup.woosq-popup { max-width: 600px !important; }
}
@media (max-width: 768px) {
    html body #woosq-popup.woosq-popup { max-width: 360px !important; }
}

html body #woosq-popup .woosq-product,
html body #woosq-popup .woosq-product > .product,
html body #woosq-popup .woosq-product > .product > div,
html body #woosq-popup .thumbnails,
html body #woosq-popup .summary,
html body #woosq-popup .summary-content {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

html body #woosq-popup .thumbnails {
    height: auto !important;
    max-height: 320px !important;
}
html body #woosq-popup .thumbnails img,
html body #woosq-popup .thumbnails .thumbnail img {
    height: auto !important;
    max-height: 300px !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    display: block !important;
}

/* ---------- 38.3 TITLE ---------- */
html body #woosq-popup h1.product_title,
html body #woosq-popup .product_title,
html body #woosq-popup .product_title *,
html body .woosq-popup h1.product_title,
html body .woosq-popup .product_title {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    text-transform: none !important;
}
@media (max-width: 768px) {
    html body #woosq-popup h1.product_title,
    html body #woosq-popup .product_title,
    html body .woosq-popup .product_title {
        font-size: 14px !important;
    }
}

/* ---------- 38.4 PRICE ---------- */
html body #woosq-popup p.price,
html body #woosq-popup p.price *,
html body #woosq-popup p.price ins,
html body #woosq-popup p.price ins *,
html body #woosq-popup .price,
html body #woosq-popup .price *,
html body #woosq-popup .price ins,
html body #woosq-popup .price ins *,
html body #woosq-popup span.amount,
html body .woosq-popup .price,
html body .woosq-popup .price *,
html body .woosq-popup span.amount {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    font-weight: 800 !important;
    font-size: 16px !important;
}
html body #woosq-popup .price del,
html body #woosq-popup .price del *,
html body .woosq-popup .price del,
html body .woosq-popup .price del * {
    color: #999 !important;
    -webkit-text-fill-color: #999 !important;
    text-decoration: line-through !important;
    font-weight: 500 !important;
    font-size: 12px !important;
}

/* ---------- 38.5 DESCRIPTION ---------- */
html body #woosq-popup .product-short-description,
html body #woosq-popup .product-excerpt,
html body #woosq-popup .woocommerce-product-details__short-description,
html body #woosq-popup .product-description,
html body #woosq-popup .product-short-description *,
html body #woosq-popup .product-excerpt *,
html body .woosq-popup .product-short-description,
html body .woosq-popup .product-excerpt {
    font-size: 12px !important;
    line-height: 1.5 !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
}

/* ---------- 38.6 VARIATIONS ---------- */
html body #woosq-popup table.variations,
html body #woosq-popup table.variations tr,
html body #woosq-popup table.variations td,
html body #woosq-popup table.variations th,
html body .woosq-popup table.variations,
html body .woosq-popup table.variations tr,
html body .woosq-popup table.variations td,
html body .woosq-popup table.variations th {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 0 8px 0 !important;
    display: block !important;
    width: 100% !important;
}
html body #woosq-popup table.variations label,
html body #woosq-popup .variations label,
html body .woosq-popup table.variations label,
html body .woosq-popup .variations label {
    font-size: 12px !important;
    font-weight: 700 !important;
    display: block !important;
    margin: 0 0 4px 0 !important;
    text-transform: capitalize !important;
}
html body #woosq-popup table.variations select,
html body #woosq-popup .variations select,
html body #woosq-popup select,
html body .woosq-popup select {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: 40px !important;
    padding: 6px 36px 6px 12px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    border: 2px solid #D4AF37 !important;
    border-radius: 8px !important;
    outline: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D4AF37' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 14px 14px !important;
    background-color: #ffffff !important;
}

html body #woosq-popup table.variations td::before,
html body #woosq-popup table.variations td::after,
html body #woosq-popup .variations .value::before,
html body #woosq-popup .variations .value::after,
html body .woosq-popup table.variations td::before,
html body .woosq-popup table.variations td::after {
    display: none !important;
    content: none !important;
}

/* ---------- 38.7 QUANTITY ---------- */
html body #woosq-popup form.cart,
html body #woosq-popup .woocommerce-variation-add-to-cart,
html body .woosq-popup form.cart {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
}

html body #woosq-popup .quantity,
html body #woosq-popup div.quantity,
html body .woosq-popup .quantity,
html body .woosq-popup div.quantity,
html body .woosq-product .quantity {
    display: inline-flex !important;
    align-items: stretch !important;
    height: 42px !important;
    width: 130px !important;
    min-width: 130px !important;
    max-width: 130px !important;
    border: 2px solid #D4AF37 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

html body #woosq-popup .quantity input.qty,
html body #woosq-popup input.qty,
html body #woosq-popup input[type="number"].qty,
html body .woosq-popup input.qty {
    order: 2 !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-align: center !important;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    appearance: textfield !important;
    outline: none !important;
}
html body #woosq-popup input.qty::-webkit-outer-spin-button,
html body #woosq-popup input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

html body #woosq-popup .quantity .libas-qty-btn,
html body #woosq-popup .quantity .qty-minus,
html body #woosq-popup .quantity .qty-plus,
html body .woosq-popup .quantity .libas-qty-btn {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 100% !important;
    min-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: linear-gradient(180deg, #FFD966 0%, #D4AF37 50%, #B87318 100%) !important;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    border: none !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    user-select: none !important;
    flex: 0 0 38px !important;
    box-sizing: border-box !important;
}
html body #woosq-popup .quantity .qty-minus,
html body #woosq-popup .quantity .libas-qty-btn.qty-minus {
    order: 1 !important;
    border-right: 1px solid rgba(0, 0, 0, 0.2) !important;
}
html body #woosq-popup .quantity .qty-plus,
html body #woosq-popup .quantity .libas-qty-btn.qty-plus {
    order: 3 !important;
    border-left: 1px solid rgba(0, 0, 0, 0.2) !important;
}

/* ---------- 38.8 ADD TO CART ---------- */
html body #woosq-popup .single_add_to_cart_button,
html body #woosq-popup button.button,
html body #woosq-popup button[type="submit"],
html body .woosq-popup .single_add_to_cart_button,
html body .woosq-popup button.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(180deg, #FFD966 0%, #D4AF37 50%, #B87318 100%) !important;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    border: none !important;
    border-bottom: 3px solid #8B5A0F !important;
    border-radius: 8px !important;
    font-weight: 800 !important;
    font-size: 12px !important;
    padding: 0 16px !important;
    height: 42px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    cursor: pointer !important;
    margin: 0 !important;
}

/* ---------- 38.9 META ---------- */
html body #woosq-popup .product_meta,
html body #woosq-popup .product_meta *:not(a) {
    font-size: 11px !important;
    color: #666 !important;
    -webkit-text-fill-color: #666 !important;
}
html body #woosq-popup .product_meta a {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    font-weight: 700 !important;
}

/* ---------- 38.10 CLOSE BUTTON ---------- */
html body .mfp-woosq .mfp-close,
html body .mfp-close {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    background: #D4AF37 !important;
    opacity: 1 !important;
    border-radius: 50% !important;
    width: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
    right: 8px !important;
    top: 8px !important;
}
html body .mfp-woosq .mfp-close:before {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    font-size: 18px !important;
}

/* ---------- 38.11 POPUP TEXT VISIBILITY ---------- */
html body #woosq-popup,
html body .woosq-popup,
html body .woosq-product {
    background-color: #ffffff !important;
}
html body #woosq-popup h1,
html body #woosq-popup h2,
html body #woosq-popup h3,
html body #woosq-popup h4,
html body #woosq-popup p,
html body #woosq-popup li,
html body #woosq-popup label,
html body #woosq-popup .product_meta * {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}
html body #woosq-popup h1.product_title,
html body #woosq-popup .product_title,
html body #woosq-popup .product_title * {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
}
html body #woosq-popup .price,
html body #woosq-popup .price *,
html body #woosq-popup span.amount {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
}


/* ============================================================
   39. WISHLIST — Consolidated
   ============================================================ */

html body .woocommerce-wishlist,
html body .yith-wcwl-wishlist-section,
html body .wishlist_table_wrapper,
html body .wishlist_table,
html body .wishlist_table tbody,
html body .wishlist_table thead,
html body .wishlist_table tfoot {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

html body .wishlist_table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}
html body .wishlist_table tbody,
html body .wishlist_table thead,
html body .wishlist_table tfoot {
    display: block !important;
    width: 100% !important;
}
html body .wishlist_table thead,
html body .wishlist_table tr.wishlist_table_header {
    display: none !important;
}

html body .wishlist_table td,
html body .wishlist_table th,
html body .wishlist_table td > *,
html body .wishlist_table td span {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background-color: transparent !important;
}
html body .wishlist_table td::before,
html body .wishlist_table td::after,
html body .wishlist_table td span::before,
html body .wishlist_table td span::after {
    display: none !important;
    content: none !important;
}

html body .wishlist_table tbody tr,
html body .wishlist_table tr.wishlist_item {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    background: #ffffff !important;
    border: 2px solid #e5e5e5 !important;
    border-radius: 14px !important;
    padding: 16px 18px !important;
    margin: 0 0 16px 0 !important;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.06) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
html body .wishlist_table tbody tr:hover,
html body .wishlist_table tr.wishlist_item:hover {
    border-color: #D4AF37 !important;
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.18) !important;
}
body:not(.premium-mode) .wishlist_table tbody tr,
body:not(.premium-mode) .wishlist_table tr.wishlist_item {
    background: #111111 !important;
    border-color: #2a2a2a !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.5) !important;
}

html body .wishlist_table tbody tr td {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    float: none !important;
}

html body .wishlist_table tbody tr td.product-remove { flex: 0 0 26px !important; }
html body .wishlist_table tbody tr td.product-thumbnail { flex: 0 0 80px !important; }
html body .wishlist_table tbody tr td.product-name { flex: 1 1 auto !important; min-width: 150px !important; }
html body .wishlist_table tbody tr td.product-price,
html body .wishlist_table tbody tr td.product-stock-status,
html body .wishlist_table tbody tr td.product-add-to-cart { flex: 0 0 auto !important; }

html body .wishlist_table tbody tr td.product-thumbnail img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    border-radius: 10px !important;
    display: block !important;
}

html body .wishlist_table tbody tr td.product-remove a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    background: rgba(211, 47, 47, 0.12) !important;
    color: #d32f2f !important;
    -webkit-text-fill-color: #d32f2f !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}
html body .wishlist_table tbody tr td.product-remove a:hover {
    background: #d32f2f !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body .wishlist_table tbody tr td.product-price,
html body .wishlist_table tbody tr td.product-price *,
html body .wishlist_table tbody tr td.product-price .amount {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    font-weight: 800 !important;
    font-size: 14px !important;
}

html body .wishlist_table tbody tr td.product-name,
html body .wishlist_table tbody tr td.product-name a {
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
}
body:not(.premium-mode) .wishlist_table tbody tr td.product-name,
body:not(.premium-mode) .wishlist_table tbody tr td.product-name a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
body.premium-mode .wishlist_table tbody tr td.product-name,
body.premium-mode .wishlist_table tbody tr td.product-name a {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

html body .wishlist_table tbody tr td.product-add-to-cart a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #FFD966 0%, #D4AF37 50%, #B87318 100%) !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    border: none !important;
    border-bottom: 2px solid #8B5A0F !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

@media (max-width: 768px) {
    html body .wishlist_table tbody tr,
    html body .wishlist_table tr.wishlist_item {
        padding: 10px 12px !important;
        gap: 8px 10px !important;
        margin: 0 0 12px 0 !important;
        border-radius: 12px !important;
    }
    html body .wishlist_table tbody tr td.product-thumbnail { flex: 0 0 55px !important; }
    html body .wishlist_table tbody tr td.product-thumbnail img {
        width: 55px !important;
        height: 55px !important;
        border-radius: 8px !important;
    }
    html body .wishlist_table tbody tr td.product-remove { flex: 0 0 22px !important; }
    html body .wishlist_table tbody tr td.product-remove a {
        width: 22px !important;
        height: 22px !important;
        font-size: 12px !important;
    }
    html body .wishlist_table tbody tr td.product-name {
        flex: 1 1 calc(100% - 105px) !important;
    }
    html body .wishlist_table tbody tr td.product-name,
    html body .wishlist_table tbody tr td.product-name a {
        font-size: 13px !important;
    }
    html body .wishlist_table tbody tr td.product-price {
        flex: 0 0 auto !important;
    }
    html body .wishlist_table tbody tr td.product-price *,
    html body .wishlist_table tbody tr td.product-price .amount {
        font-size: 12px !important;
    }
    html body .wishlist_table tbody tr td.product-stock-status,
    html body .wishlist_table tbody tr td.product-stock-status * {
        font-size: 11px !important;
    }
    html body .wishlist_table tbody tr td.product-add-to-cart {
        flex: 1 1 100% !important;
        margin-top: 4px !important;
    }
    html body .wishlist_table tbody tr td.product-add-to-cart a {
        padding: 7px 14px !important;
        font-size: 10px !important;
        border-radius: 6px !important;
    }
}

/* ============================================================
   WISHLIST HEART — Red when active
   ============================================================ */

html body .wishlist-icon:hover {
    color: #ff5252 !important;
    -webkit-text-fill-color: #ff5252 !important;
}
html body .wishlist-icon.libas-added,
html body .wishlist-icon.added,
html body .wishlist-icon.active {
    color: #d32f2f !important;
    -webkit-text-fill-color: #d32f2f !important;
}
html body .wishlist-icon.libas-added svg,
html body .wishlist-icon.added svg,
html body .wishlist-icon.active svg {
    fill: #d32f2f !important;
    stroke: #d32f2f !important;
}


/* ============================================================
   CART PAGE — Color Fix
   ============================================================ */

html body.woocommerce-cart .cart_item .product-name a,
html body.woocommerce-cart .cart_item td.product-name a,
html body.woocommerce-cart .product-name a:link,
html body.woocommerce-cart .product-name a:visited,
html body.woocommerce-cart .product-name a:hover {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

html body.woocommerce-cart .shipping-calculator-button,
html body.woocommerce-cart .woocommerce-shipping-calculator a,
html body.woocommerce-cart .cart_totals .shipping-calculator-button {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    text-decoration: none !important;
    font-weight: 700 !important;
}

html body.woocommerce-cart button[name="update_cart"],
html body.woocommerce-cart .actions .button {
    background: linear-gradient(180deg, #FFD966 0%, #D4AF37 50%, #B87318 100%) !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    border: none !important;
    border-bottom: 3px solid #8B5A0F !important;
    border-radius: 8px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    padding: 10px 20px !important;
}

html body.woocommerce-cart .checkout-button {
    background: linear-gradient(180deg, #FFD966 0%, #D4AF37 50%, #B87318 100%) !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    border: none !important;
    border-bottom: 3px solid #8B5A0F !important;
    border-radius: 8px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
}

html body.woocommerce-cart .shop_table th,
html body.woocommerce-cart .shop_table thead th {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    font-weight: 800 !important;
}

html body.woocommerce-cart td.product-remove a.remove,
html body.woocommerce-cart td.product-remove a {
    color: #d32f2f !important;
    -webkit-text-fill-color: #d32f2f !important;
    font-weight: 900 !important;
}
html body.woocommerce-cart td.product-remove a.remove:hover {
    background: #d32f2f !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body.woocommerce-cart .quantity input.qty,
html body.woocommerce-cart td.product-quantity input.qty {
    background: #ffffff !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    border: 2px solid #D4AF37 !important;
    border-radius: 6px !important;
    font-weight: 800 !important;
}
/* ============================================================
   40. MOBILE CART — CARD LAYOUT
   ============================================================ */

@media (max-width: 768px) {

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

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

    html body.woocommerce-cart .shop_table tbody {
        display: block !important;
        width: 100% !important;
    }

    html body.woocommerce-cart .shop_table td::before,
    html body.woocommerce-cart .shop_table td::after {
        display: none !important;
        content: none !important;
    }

    html body.woocommerce-cart .shop_table tr.cart_item {
        display: grid !important;
        grid-template-columns: 75px 1fr auto auto !important;
        grid-template-rows: auto auto auto !important;
        column-gap: 10px !important;
        row-gap: 6px !important;
        padding: 12px !important;
        margin: 0 0 12px 0 !important;
        border-radius: 12px !important;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15) !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        align-items: center !important;
        position: relative !important;
    }

    body.woocommerce-cart:not(.premium-mode) .shop_table tr.cart_item {
        background-color: #111111 !important;
        background: #111111 !important;
        border: 2px solid #2a2a2a !important;
    }

    body.woocommerce-cart.premium-mode .shop_table tr.cart_item {
        background-color: #ffffff !important;
        background: #ffffff !important;
        border: 2px solid #e5e5e5 !important;
    }

    html body.woocommerce-cart .shop_table tr.cart_item td {
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        background: transparent !important;
        box-sizing: border-box !important;
        min-width: 0 !important;
        text-align: left !important;
    }

    html body.woocommerce-cart tr.cart_item td.product-thumbnail {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
        align-self: center !important;
        width: 75px !important;
        max-width: 75px !important;
    }
    html body.woocommerce-cart tr.cart_item td.product-thumbnail a,
    html body.woocommerce-cart tr.cart_item td.product-thumbnail img {
        display: block !important;
        width: 75px !important;
        height: 75px !important;
        object-fit: cover !important;
        border-radius: 8px !important;
        margin: 0 !important;
    }

    html body.woocommerce-cart tr.cart_item td.product-name {
        grid-column: 2 / span 2 !important;
        grid-row: 1 !important;
        align-self: end !important;
        padding: 0 30px 0 0 !important;
        margin: 0 !important;
    }
    html body.woocommerce-cart tr.cart_item td.product-name a {
        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;
        display: block !important;
        text-decoration: none !important;
    }
    body.woocommerce-cart:not(.premium-mode) tr.cart_item td.product-name a,
    body.woocommerce-cart:not(.premium-mode) tr.cart_item td.product-name * {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
    body.woocommerce-cart.premium-mode tr.cart_item td.product-name a,
    body.woocommerce-cart.premium-mode tr.cart_item td.product-name * {
        color: #000000 !important;
        -webkit-text-fill-color: #000000 !important;
    }

    html body.woocommerce-cart tr.cart_item td.product-remove {
        grid-column: 4 !important;
        grid-row: 1 !important;
        align-self: start !important;
        justify-self: end !important;
        width: 22px !important;
        height: 22px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    html body.woocommerce-cart tr.cart_item td.product-remove a,
    html body.woocommerce-cart tr.cart_item td.product-remove a.remove {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 22px !important;
        height: 22px !important;
        border-radius: 50% !important;
        background: rgba(211, 47, 47, 0.18) !important;
        color: #d32f2f !important;
        -webkit-text-fill-color: #d32f2f !important;
        font-size: 14px !important;
        font-weight: 900 !important;
        text-decoration: none !important;
        border: none !important;
        line-height: 1 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    html body.woocommerce-cart tr.cart_item td.product-price {
        grid-column: 2 !important;
        grid-row: 2 !important;
        align-self: center !important;
        white-space: nowrap !important;
        font-size: 13px !important;
        font-weight: 800 !important;
    }
    html body.woocommerce-cart tr.cart_item td.product-price,
    html body.woocommerce-cart tr.cart_item td.product-price *,
    html body.woocommerce-cart tr.cart_item td.product-price .amount {
        color: #D4AF37 !important;
        -webkit-text-fill-color: #D4AF37 !important;
    }

    html body.woocommerce-cart tr.cart_item td.product-subtotal {
        grid-column: 3 / span 2 !important;
        grid-row: 2 !important;
        align-self: center !important;
        justify-self: end !important;
        text-align: right !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        white-space: nowrap !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    html body.woocommerce-cart tr.cart_item td.product-subtotal,
    html body.woocommerce-cart tr.cart_item td.product-subtotal *,
    html body.woocommerce-cart tr.cart_item td.product-subtotal .amount {
        color: #D4AF37 !important;
        -webkit-text-fill-color: #D4AF37 !important;
    }

    html body.woocommerce-cart tr.cart_item td.product-quantity {
        grid-column: 1 / span 2 !important;
        grid-row: 3 !important;
        align-self: center !important;
        justify-self: start !important;
        margin-top: 4px !important;
    }
    html body.woocommerce-cart tr.cart_item td.product-quantity .quantity,
    html body.woocommerce-cart tr.cart_item td.product-quantity div.quantity {
        display: inline-flex !important;
        align-items: stretch !important;
        height: 32px !important;
        width: auto !important;
        border: 2px solid #D4AF37 !important;
        border-radius: 6px !important;
        overflow: hidden !important;
        background: #ffffff !important;
        padding: 0 !important;
    }
    html body.woocommerce-cart tr.cart_item td.product-quantity input.qty {
        width: 44px !important;
        height: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        background: transparent !important;
        color: #000 !important;
        -webkit-text-fill-color: #000 !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        text-align: center !important;
    }

    html body.woocommerce-cart tr.cart_item td.product-stock-status {
        grid-column: 3 / span 2 !important;
        grid-row: 3 !important;
        align-self: center !important;
        justify-self: end !important;
        text-align: right !important;
    }
    html body.woocommerce-cart tr.cart_item td.product-stock-status,
    html body.woocommerce-cart tr.cart_item td.product-stock-status * {
        font-size: 11px !important;
        font-weight: 600 !important;
    }
    body.woocommerce-cart:not(.premium-mode) tr.cart_item td.product-stock-status,
    body.woocommerce-cart:not(.premium-mode) tr.cart_item td.product-stock-status * {
        color: #aaaaaa !important;
        -webkit-text-fill-color: #aaaaaa !important;
    }
    body.woocommerce-cart.premium-mode tr.cart_item td.product-stock-status,
    body.woocommerce-cart.premium-mode tr.cart_item td.product-stock-status * {
        color: #666666 !important;
        -webkit-text-fill-color: #666666 !important;
    }

    html body.woocommerce-cart .shop_table td.actions {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        padding: 12px 0 !important;
        margin: 0 0 12px 0 !important;
        width: 100% !important;
        border: none !important;
        background: transparent !important;
    }
    html body.woocommerce-cart .shop_table td.actions .coupon {
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        width: 100% !important;
    }
    html body.woocommerce-cart .shop_table td.actions .coupon input[type="text"] {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        padding: 10px 12px !important;
        font-size: 13px !important;
        border-radius: 8px !important;
        border: 2px solid #333 !important;
        background: #fff !important;
        color: #000 !important;
        -webkit-text-fill-color: #000 !important;
    }

    html body.woocommerce-cart .cart_totals table.shop_table,
    html body.woocommerce-cart .cart_totals table.shop_table_responsive {
        display: table !important;
        width: 100% !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }
    html body.woocommerce-cart .cart_totals table.shop_table tr {
        display: table-row !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
    html body.woocommerce-cart .cart_totals table.shop_table th,
    html body.woocommerce-cart .cart_totals table.shop_table td {
        display: table-cell !important;
        padding: 10px 0 !important;
        border-bottom: 1px solid rgba(212, 175, 55, 0.15) !important;
        vertical-align: top !important;
    }
    html body.woocommerce-cart .cart_totals table.shop_table th {
        text-align: left !important;
    }
    html body.woocommerce-cart .cart_totals table.shop_table td {
        text-align: right !important;
    }
}


/* ============================================================
   41. MOBILE CART — Price & Subtotal Labels
   ============================================================ */

@media (max-width: 768px) {

    html body.woocommerce-cart tr.cart_item td.product-price {
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
        font-size: 12px !important;
    }
    html body.woocommerce-cart tr.cart_item td.product-price::before {
        content: "Price:" !important;
        display: inline-block !important;
        font-size: 10px !important;
        font-weight: 600 !important;
        color: #888888 !important;
        -webkit-text-fill-color: #888888 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        margin-right: 2px !important;
    }
    body.premium-mode.woocommerce-cart tr.cart_item td.product-price::before {
        color: #666666 !important;
        -webkit-text-fill-color: #666666 !important;
    }

    html body.woocommerce-cart tr.cart_item td.product-subtotal {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 4px !important;
        font-size: 12px !important;
        text-align: right !important;
    }
    html body.woocommerce-cart tr.cart_item td.product-subtotal::before {
        content: "Subtotal:" !important;
        display: inline-block !important;
        font-size: 10px !important;
        font-weight: 600 !important;
        color: #888888 !important;
        -webkit-text-fill-color: #888888 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        margin-right: 2px !important;
    }
    body.premium-mode.woocommerce-cart tr.cart_item td.product-subtotal::before {
        color: #666666 !important;
        -webkit-text-fill-color: #666666 !important;
    }
}


/* ============================================================
   42. CHECKOUT PAGE — Bangladesh Friendly Design
   ============================================================ */

/* ---------- A. Checkout Container ---------- */
@media (min-width: 769px) {
    html body.woocommerce-checkout .woocommerce {
        max-width: 1300px !important;
        margin: 0 auto !important;
        padding: 30px 4% 40px !important;
    }
}

html body.woocommerce-checkout .woocommerce {
    background-color: #0a0a0a !important;
    padding-top: 20px !important;
}
body.premium-mode.woocommerce-checkout .woocommerce {
    background-color: #f9f9f9 !important;
}

/* ---------- B. Progress Indicator ---------- */
html body .libas-checkout-progress {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    margin: 0 auto 25px !important;
    padding: 16px 20px !important;
    max-width: 500px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
}
body.premium-mode .libas-checkout-progress {
    background: #ffffff !important;
    border-color: #f0e8d0 !important;
}

html body .libas-progress-step {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
    flex: 0 0 auto !important;
}

html body .libas-progress-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: #1a1a1a !important;
    color: #888 !important;
    -webkit-text-fill-color: #888 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    border: 2px solid #333 !important;
    box-sizing: border-box !important;
}
body.premium-mode .libas-progress-icon {
    background: #f5f5f5 !important;
    color: #888 !important;
    -webkit-text-fill-color: #888 !important;
    border-color: #ddd !important;
}

html body .libas-progress-step.done .libas-progress-icon {
    background: linear-gradient(180deg, #FFE066 0%, #D4AF37 50%, #B87318 100%) !important;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    border-color: #D4AF37 !important;
}
html body .libas-progress-step.active .libas-progress-icon {
    background: linear-gradient(180deg, #FFE066 0%, #D4AF37 50%, #B87318 100%) !important;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    border-color: #D4AF37 !important;
    box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.25) !important;
}

html body .libas-progress-label {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #888 !important;
    -webkit-text-fill-color: #888 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
body.premium-mode .libas-progress-label {
    color: #666 !important;
    -webkit-text-fill-color: #666 !important;
}
html body .libas-progress-step.done .libas-progress-label,
html body .libas-progress-step.active .libas-progress-label {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
}

html body .libas-progress-line {
    flex: 1 1 auto !important;
    height: 2px !important;
    background: #333 !important;
    margin: 0 8px !important;
    margin-bottom: 22px !important;
    max-width: 60px !important;
}
body.premium-mode .libas-progress-line {
    background: #ddd !important;
}
html body .libas-progress-line.done {
    background: #D4AF37 !important;
}

/* ---------- C. Trust Signals ---------- */
html body .libas-checkout-trust {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 12px !important;
    margin: 0 auto 25px !important;
    padding: 18px 20px !important;
    max-width: 900px !important;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.05) 0%, rgba(212, 175, 55, 0.02) 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
}
body.premium-mode .libas-checkout-trust {
    background: #fffbf0 !important;
    border-color: #f0e8d0 !important;
}

html body .libas-checkout-trust .libas-trust-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 6px 4px !important;
    text-align: left !important;
}

html body .libas-checkout-trust .libas-trust-icon {
    font-size: 24px !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
}

html body .libas-checkout-trust .libas-trust-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    min-width: 0 !important;
}

html body .libas-checkout-trust .libas-trust-info strong {
    font-size: 11px !important;
    font-weight: 800 !important;
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}

html body .libas-checkout-trust .libas-trust-info small {
    font-size: 9.5px !important;
    font-weight: 500 !important;
    color: #aaaaaa !important;
    -webkit-text-fill-color: #aaaaaa !important;
    line-height: 1.3 !important;
    margin: 0 !important;
}
body.premium-mode .libas-checkout-trust .libas-trust-info small {
    color: #666 !important;
    -webkit-text-fill-color: #666 !important;
}

/* ---------- D. Mobile Adjust ---------- */
@media (max-width: 768px) {
    html body .libas-checkout-progress {
        max-width: 100% !important;
        padding: 12px 14px !important;
        margin-bottom: 18px !important;
        border-radius: 10px !important;
    }
    html body .libas-progress-icon {
        width: 26px !important;
        height: 26px !important;
        font-size: 12px !important;
    }
    html body .libas-progress-label {
        font-size: 9.5px !important;
    }
    html body .libas-progress-line {
        max-width: 30px !important;
        margin: 0 4px !important;
        margin-bottom: 18px !important;
    }

    html body .libas-checkout-trust {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
        padding: 14px 12px !important;
        margin-bottom: 18px !important;
        border-radius: 10px !important;
    }
    html body .libas-checkout-trust .libas-trust-icon {
        font-size: 20px !important;
    }
    html body .libas-checkout-trust .libas-trust-info strong {
        font-size: 10px !important;
    }
    html body .libas-checkout-trust .libas-trust-info small {
        font-size: 8.5px !important;
    }
}

/* ---------- E. Checkout Form Layout ---------- */
@media (min-width: 769px) {
    html body.woocommerce-checkout form.checkout {
        display: grid !important;
        grid-template-columns: 1fr 420px !important;
        grid-template-rows: auto auto !important;
        gap: 20px 32px !important;
        align-items: start !important;
        width: 100% !important;
    }
    html body.woocommerce-checkout form.checkout .col2-set {
        grid-column: 1 / 2 !important;
        grid-row: 1 / 3 !important;
        width: 100% !important;
        float: none !important;
        display: block !important;
    }
    html body.woocommerce-checkout form.checkout .col2-set .col-1,
    html body.woocommerce-checkout form.checkout .col2-set .col-2 {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
    }
    html body.woocommerce-checkout form.checkout .col2-set .col-2 {
        margin-top: 20px !important;
    }
    html body.woocommerce-checkout form.checkout #order_review_heading {
        grid-column: 2 / 3 !important;
        grid-row: 1 !important;
        margin: 0 0 10px 0 !important;
        padding: 0 !important;
        font-size: 20px !important;
        color: #D4AF37 !important;
        -webkit-text-fill-color: #D4AF37 !important;
        font-weight: 800 !important;
    }
    html body.woocommerce-checkout form.checkout #order_review {
        grid-column: 2 / 3 !important;
        grid-row: 2 !important;
        position: sticky !important;
        top: 100px !important;
        align-self: start !important;
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
    }
}

@media (max-width: 768px) {
    html body.woocommerce-checkout form.checkout {
        display: block !important;
        width: 100% !important;
    }
    html body.woocommerce-checkout form.checkout .col2-set,
    html body.woocommerce-checkout form.checkout #order_review_heading,
    html body.woocommerce-checkout form.checkout #order_review {
        width: 100% !important;
        float: none !important;
        display: block !important;
        margin-bottom: 20px !important;
    }
}

/* ---------- F. Billing Fields ---------- */
html body.woocommerce-checkout .woocommerce-billing-fields {
    padding: 20px 22px !important;
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
}
body.premium-mode.woocommerce-checkout .woocommerce-billing-fields {
    background: #ffffff !important;
    border-color: #f0e8d0 !important;
}

html body.woocommerce-checkout .woocommerce-billing-fields h3 {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    margin: 0 0 18px 0 !important;
    padding: 0 0 12px 0 !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.2) !important;
}

html body.woocommerce-checkout .woocommerce-additional-fields {
    padding: 20px 22px !important;
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
}
body.premium-mode.woocommerce-checkout .woocommerce-additional-fields {
    background: #ffffff !important;
    border-color: #f0e8d0 !important;
}
html body.woocommerce-checkout .woocommerce-additional-fields h3 {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    margin: 0 0 14px 0 !important;
    padding: 0 0 10px 0 !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.2) !important;
}

/* ---------- G. Field Rows ---------- */
html body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
html body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
}

html body.woocommerce-checkout .form-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    float: none !important;
}

html body.woocommerce-checkout .form-row label {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.3 !important;
    display: block !important;
}
body.premium-mode.woocommerce-checkout .form-row label {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

html body.woocommerce-checkout .form-row label .required {
    color: #ff4444 !important;
    -webkit-text-fill-color: #ff4444 !important;
    text-decoration: none !important;
    font-weight: 900 !important;
}

html body.woocommerce-checkout .form-row .optional {
    font-weight: 400 !important;
    font-size: 11px !important;
    color: #888 !important;
    -webkit-text-fill-color: #888 !important;
}

/* ---------- H. Inputs ---------- */
html body.woocommerce-checkout .form-row input.input-text,
html body.woocommerce-checkout .form-row input[type="text"],
html body.woocommerce-checkout .form-row input[type="tel"],
html body.woocommerce-checkout .form-row input[type="email"],
html body.woocommerce-checkout .form-row textarea,
html body.woocommerce-checkout .form-row select {
    display: block !important;
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: #ffffff !important;
    border: 2px solid #333333 !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    outline: none !important;
    font-family: 'Hind Siliguri', sans-serif !important;
}

html body.woocommerce-checkout .form-row textarea {
    height: auto !important;
    min-height: 90px !important;
    resize: vertical !important;
    line-height: 1.5 !important;
    padding-top: 14px !important;
}

html body.woocommerce-checkout .form-row input.input-text:focus,
html body.woocommerce-checkout .form-row input[type="text"]:focus,
html body.woocommerce-checkout .form-row input[type="tel"]:focus,
html body.woocommerce-checkout .form-row textarea:focus,
html body.woocommerce-checkout .form-row select:focus {
    border-color: #D4AF37 !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.15) !important;
}

html body.woocommerce-checkout .form-row input::placeholder,
html body.woocommerce-checkout .form-row textarea::placeholder {
    color: #999999 !important;
    -webkit-text-fill-color: #999999 !important;
    font-weight: 500 !important;
    opacity: 1 !important;
}

/* ---------- I. Order Review Box ---------- */
html body.woocommerce-checkout #order_review {
    padding: 20px 22px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 2px solid rgba(212, 175, 55, 0.25) !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
}
body.premium-mode.woocommerce-checkout #order_review {
    background: #ffffff !important;
    border-color: #f0e8d0 !important;
}

@media (max-width: 768px) {
    html body.woocommerce-checkout #order_review_heading {
        font-size: 18px !important;
        font-weight: 800 !important;
        color: #D4AF37 !important;
        -webkit-text-fill-color: #D4AF37 !important;
        margin: 20px 0 10px 0 !important;
        padding: 0 !important;
    }
}

html body.woocommerce-checkout .woocommerce-checkout-review-order-table {
    width: 100% !important;
    border: none !important;
    border-collapse: collapse !important;
    margin: 0 0 16px 0 !important;
    background: transparent !important;
}
html body.woocommerce-checkout .woocommerce-checkout-review-order-table thead {
    display: none !important;
}
html body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr,
html body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.15) !important;
    background: transparent !important;
}
html body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr:first-child {
    padding-top: 0 !important;
}

html body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr td,
html body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr td,
html body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr th {
    display: block !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    font-size: 13px !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 600 !important;
    text-align: right !important;
    flex: 0 0 auto !important;
}
body.premium-mode.woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr td,
body.premium-mode.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr td,
body.premium-mode.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr th {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

html body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr td.product-name,
html body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr th {
    flex: 1 1 auto !important;
    text-align: left !important;
    min-width: 0 !important;
    word-break: break-word !important;
}

html body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name,
html body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
}
body.premium-mode.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name,
body.premium-mode.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name a {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

html body.woocommerce-checkout .woocommerce-checkout-review-order-table .product-total,
html body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-total {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

html body.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total th,
html body.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total td {
    font-size: 15px !important;
    font-weight: 800 !important;
    padding-top: 16px !important;
    border-top: 2px solid rgba(212, 175, 55, 0.3) !important;
    border-bottom: none !important;
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
}
html body.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total td .amount {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
}

/* ---------- J. Payment Section ---------- */
html body.woocommerce-checkout #payment {
    background: transparent !important;
    padding: 0 !important;
    margin-top: 16px !important;
    border-radius: 0 !important;
}
html body.woocommerce-checkout #payment ul.wc_payment_methods {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 16px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    border: none !important;
}
html body.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method {
    display: block !important;
    padding: 14px 16px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 2px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
body.premium-mode.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method {
    background: #fcfcfc !important;
    border-color: #f0e8d0 !important;
}
html body.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method input.input-radio {
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 0 8px 0 0 !important;
    width: 16px !important;
    height: 16px !important;
    accent-color: #D4AF37 !important;
    cursor: pointer !important;
}
html body.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method label {
    display: inline-block !important;
    vertical-align: middle !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    margin: 0 !important;
    cursor: pointer !important;
}
body.premium-mode.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method label {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}
html body.woocommerce-checkout #payment .payment_box {
    margin-top: 10px !important;
    padding: 12px 14px !important;
    background: rgba(212, 175, 55, 0.08) !important;
    border-radius: 8px !important;
    border: none !important;
    font-size: 12px !important;
    color: #cccccc !important;
    -webkit-text-fill-color: #cccccc !important;
}
body.premium-mode.woocommerce-checkout #payment .payment_box {
    background: #fffbf0 !important;
    color: #444444 !important;
    -webkit-text-fill-color: #444444 !important;
}
html body.woocommerce-checkout #payment .payment_box::before {
    display: none !important;
}

html body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
    margin: 12px 0 !important;
    font-size: 12px !important;
    color: #aaaaaa !important;
    -webkit-text-fill-color: #aaaaaa !important;
}
html body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    font-weight: 700 !important;
}
html body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper input[type="checkbox"] {
    accent-color: #D4AF37 !important;
    width: 16px !important;
    height: 16px !important;
    margin-right: 6px !important;
}

/* ---------- K. Place Order Button ---------- */
html body.woocommerce-checkout #payment #place_order,
html body.woocommerce-checkout #payment .button.alt {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 60px !important;
    min-height: 60px !important;
    padding: 0 20px !important;
    margin: 14px 0 0 0 !important;
    background: linear-gradient(180deg, #FFE066 0%, #D4AF37 50%, #B87318 100%) !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    border: none !important;
    border-bottom: 4px solid #8B5A0F !important;
    border-radius: 12px !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(212, 175, 55, 0.5) !important;
    font-family: 'Hind Siliguri', sans-serif !important;
    box-sizing: border-box !important;
}
html body.woocommerce-checkout #payment #place_order:active {
    transform: translateY(2px) !important;
    border-bottom-width: 2px !important;
}

@media (max-width: 768px) {
    html body.woocommerce-checkout #payment #place_order {
        height: 56px !important;
        font-size: 16px !important;
    }
}

/* ---------- L. Social Proof ---------- */
html body .libas-checkout-social-proof {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 10px 14px !important;
    margin: 0 0 12px 0 !important;
    background: linear-gradient(135deg, rgba(255, 68, 68, 0.12) 0%, rgba(212, 175, 55, 0.12) 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    border-radius: 10px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-align: center !important;
}
body.premium-mode .libas-checkout-social-proof {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
}
html body .libas-checkout-social-proof .libas-proof-text strong {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    font-weight: 900 !important;
}

/* ---------- M. Mobile Final ---------- */
@media (max-width: 768px) {
    html body.woocommerce-checkout .woocommerce-billing-fields,
    html body.woocommerce-checkout .woocommerce-additional-fields {
        padding: 16px !important;
        border-radius: 12px !important;
        margin-bottom: 16px !important;
    }
    html body.woocommerce-checkout #order_review {
        padding: 16px !important;
        border-radius: 12px !important;
    }
    html body.woocommerce-checkout .form-row input.input-text,
    html body.woocommerce-checkout .form-row input[type="text"],
    html body.woocommerce-checkout .form-row input[type="tel"],
    html body.woocommerce-checkout .form-row input[type="email"],
    html body.woocommerce-checkout .form-row select {
        height: 46px !important;
        font-size: 15px !important;
    }
    html body.woocommerce-checkout #payment #place_order {
        height: 56px !important;
        min-height: 56px !important;
        font-size: 16px !important;
    }
}


/* ============================================================
   43. DELIVERY ZONE — Radio + Popup + Help Box
   ============================================================ */

/* ---- A. Warning Banner ---- */
html body .libas-delivery-warn {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    max-width: 1300px !important;
    margin: 0 auto 20px !important;
    padding: 14px 18px !important;
    background: linear-gradient(135deg, rgba(255, 170, 0, 0.12) 0%, rgba(212, 175, 55, 0.08) 100%) !important;
    border: 2px solid rgba(255, 170, 0, 0.35) !important;
    border-radius: 12px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;
    color: #ffcc44 !important;
    -webkit-text-fill-color: #ffcc44 !important;
    box-sizing: border-box !important;
}
html body .libas-delivery-warn span:first-child {
    font-size: 20px !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
}
body.premium-mode .libas-delivery-warn {
    background: #fff8e0 !important;
    border-color: #ffd966 !important;
    color: #8B5A0F !important;
    -webkit-text-fill-color: #8B5A0F !important;
}

/* ---- B. Radio Field ---- */
html body.woocommerce-checkout .libas-delivery-zone label {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    display: block !important;
    line-height: 1.7 !important;
}
body.premium-mode.woocommerce-checkout .libas-delivery-zone label {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}
html body.woocommerce-checkout .libas-delivery-zone label .required {
    color: #ff4444 !important;
    -webkit-text-fill-color: #ff4444 !important;
}
html body.woocommerce-checkout .libas-delivery-zone .woocommerce-input-wrapper {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
}
html body.woocommerce-checkout .libas-delivery-zone .woocommerce-input-wrapper > span {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}
html body.woocommerce-checkout .libas-delivery-zone input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
}
html body.woocommerce-checkout .libas-delivery-zone label.radio,
html body.woocommerce-checkout .libas-delivery-zone .radio {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 16px 14px !important;
    margin: 0 !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 2px solid rgba(212, 175, 55, 0.25) !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-align: left !important;
    line-height: 1.4 !important;
    transition: all 0.2s !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 64px !important;
    position: relative !important;
}
body.premium-mode.woocommerce-checkout .libas-delivery-zone label.radio,
body.premium-mode.woocommerce-checkout .libas-delivery-zone .radio {
    background: #fcfcfc !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    border-color: #f0e8d0 !important;
}
html body.woocommerce-checkout .libas-delivery-zone label.radio:hover {
    border-color: #D4AF37 !important;
    background: rgba(212, 175, 55, 0.08) !important;
}
html body.woocommerce-checkout .libas-delivery-zone label.radio::before {
    content: '' !important;
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    border: 2px solid #D4AF37 !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
    transition: all 0.15s !important;
}
html body.woocommerce-checkout .libas-delivery-zone input[type="radio"]:checked + label,
html body.woocommerce-checkout .libas-delivery-zone label.radio.libas-checked {
    background: linear-gradient(180deg, #FFE066 0%, #D4AF37 50%, #B87318 100%) !important;
    border-color: #8B5A0F !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    font-weight: 900 !important;
    box-shadow: 0 6px 18px rgba(212, 175, 55, 0.45) !important;
    transform: translateY(-1px) !important;
}
html body.woocommerce-checkout .libas-delivery-zone input[type="radio"]:checked + label::before,
html body.woocommerce-checkout .libas-delivery-zone label.radio.libas-checked::before {
    background: #000 !important;
    border-color: #000 !important;
    box-shadow: inset 0 0 0 3px #FFE066 !important;
}

/* ---- C. Inline Address Hint ---- */
html body .libas-address-hint {
    margin-top: 8px !important;
    padding: 10px 14px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    border-radius: 8px !important;
    display: none;
}
html body .libas-address-hint.libas-hint-warning {
    background: rgba(255, 68, 68, 0.15) !important;
    border: 2px solid rgba(255, 68, 68, 0.5) !important;
    color: #ff6b6b !important;
    -webkit-text-fill-color: #ff6b6b !important;
    display: block !important;
}
html body .libas-address-hint.libas-hint-info {
    background: rgba(212, 175, 55, 0.12) !important;
    border: 2px solid rgba(212, 175, 55, 0.4) !important;
    color: #FFD966 !important;
    -webkit-text-fill-color: #FFD966 !important;
    display: block !important;
}
body.premium-mode .libas-address-hint.libas-hint-warning {
    color: #c62828 !important;
    -webkit-text-fill-color: #c62828 !important;
}
body.premium-mode .libas-address-hint.libas-hint-info {
    color: #8B5A0F !important;
    -webkit-text-fill-color: #8B5A0F !important;
}

/* ---- D. Mismatch Popup ---- */
html body .libas-popup-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0, 0, 0, 0.85) !important;
    z-index: 9999999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
    box-sizing: border-box !important;
}
html body .libas-popup-modal {
    background: #ffffff !important;
    border-radius: 18px !important;
    padding: 28px 24px 22px !important;
    max-width: 440px !important;
    width: 100% !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6) !important;
    text-align: center !important;
    border-top: 6px solid #D4AF37 !important;
    box-sizing: border-box !important;
}
html body .libas-popup-icon {
    font-size: 44px !important;
    line-height: 1 !important;
    margin-bottom: 12px !important;
}
html body .libas-popup-modal h3 {
    font-family: 'Hind Siliguri', sans-serif !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    line-height: 1.3 !important;
}
html body .libas-popup-modal p {
    font-size: 13px !important;
    color: #333333 !important;
    -webkit-text-fill-color: #333333 !important;
    line-height: 1.6 !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
}
html body .libas-popup-modal p strong {
    color: #B87318 !important;
    -webkit-text-fill-color: #B87318 !important;
    font-weight: 800 !important;
}
html body .libas-popup-buttons {
    display: flex !important;
    gap: 10px !important;
    margin-top: 20px !important;
}
html body .libas-popup-btn {
    flex: 1 1 0 !important;
    padding: 12px 14px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    border: none !important;
    line-height: 1.2 !important;
    letter-spacing: 0.3px !important;
    font-family: 'Hind Siliguri', sans-serif !important;
    box-sizing: border-box !important;
}
html body .libas-popup-btn-fix {
    background: linear-gradient(180deg, #FFE066 0%, #D4AF37 50%, #B87318 100%) !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    border-bottom: 3px solid #8B5A0F !important;
}
html body .libas-popup-btn-continue {
    background: #f0f0f0 !important;
    color: #333333 !important;
    -webkit-text-fill-color: #333333 !important;
    border-bottom: 3px solid #cccccc !important;
}
html body .libas-popup-btn:hover {
    filter: brightness(1.05) !important;
}

/* ---- E. Help Box ---- */
html body .libas-help-box {
    max-width: 1300px !important;
    margin: 20px auto 30px !important;
    padding: 22px 24px !important;
    background: linear-gradient(135deg, #0f0f0f 0%, #1a1a1a 100%) !important;
    border: 2px solid rgba(212, 175, 55, 0.3) !important;
    border-radius: 16px !important;
    text-align: center !important;
    box-sizing: border-box !important;
}
body.premium-mode .libas-help-box {
    background: linear-gradient(135deg, #fffbf0 0%, #fff5e0 100%) !important;
    border-color: #f0e8d0 !important;
}
html body .libas-help-title {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
}
html body .libas-help-text {
    font-size: 12.5px !important;
    color: #cccccc !important;
    -webkit-text-fill-color: #cccccc !important;
    line-height: 1.6 !important;
    margin-bottom: 14px !important;
}
body.premium-mode .libas-help-text {
    color: #555555 !important;
    -webkit-text-fill-color: #555555 !important;
}
html body .libas-help-phone {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 14px 28px !important;
    background: linear-gradient(180deg, #FFE066 0%, #D4AF37 50%, #B87318 100%) !important;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    border: none !important;
    border-bottom: 4px solid #8B5A0F !important;
    border-radius: 12px !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.4) !important;
    margin: 4px 0 !important;
}
html body .libas-help-hours {
    font-size: 11.5px !important;
    color: #888888 !important;
    -webkit-text-fill-color: #888888 !important;
    margin-top: 12px !important;
    font-weight: 600 !important;
}
body.premium-mode .libas-help-hours {
    color: #666666 !important;
    -webkit-text-fill-color: #666666 !important;
}
html body .libas-help-note {
    font-size: 11px !important;
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    margin-top: 8px !important;
    font-weight: 700 !important;
    font-style: italic !important;
}

/* ---- F. Mobile Adjustments ---- */
@media (max-width: 768px) {
    html body.woocommerce-checkout .libas-delivery-zone .woocommerce-input-wrapper {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
    html body.woocommerce-checkout .libas-delivery-zone label.radio {
        padding: 14px 12px !important;
        font-size: 13px !important;
        min-height: 56px !important;
    }
    html body .libas-popup-modal {
        padding: 22px 18px 18px !important;
        border-radius: 14px !important;
    }
    html body .libas-popup-icon {
        font-size: 36px !important;
    }
    html body .libas-popup-modal h3 {
        font-size: 16px !important;
    }
    html body .libas-popup-btn {
        padding: 10px 10px !important;
        font-size: 11.5px !important;
    }
    html body .libas-help-phone {
        font-size: 15px !important;
        padding: 12px 20px !important;
    }
    html body .libas-delivery-warn {
        font-size: 11.5px !important;
        padding: 12px 14px !important;
    }
}


/* ============================================================
   44. CHECKOUT WIDTH FIX + HELP PHONE
   ============================================================ */

body.woocommerce-checkout .site-content,
body.woocommerce-checkout #content,
body.woocommerce-checkout #primary,
body.woocommerce-checkout .content-area,
body.woocommerce-checkout .entry-content,
body.woocommerce-checkout main,
body.woocommerce-checkout .site-main {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

html body.woocommerce-checkout .woocommerce {
    max-width: 1400px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 30px 2% 40px !important;
    box-sizing: border-box !important;
}

@media (min-width: 769px) {
    html body.woocommerce-checkout form.checkout {
        grid-template-columns: minmax(0, 1fr) 460px !important;
        gap: 20px 36px !important;
    }
}

html body .libas-help-phone,
html body a.libas-help-phone,
html body a[href^="tel:"] {
    cursor: pointer !important;
    pointer-events: auto !important;
    text-decoration: none !important;
    -webkit-tap-highlight-color: rgba(212, 175, 55, 0.3) !important;
    touch-action: manipulation !important;
}

html body .libas-help-phone:hover,
html body .libas-help-phone:focus,
html body .libas-help-phone:active {
    filter: brightness(1.08) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 8px 22px rgba(212, 175, 55, 0.55) !important;
}

/* ============================================================
   MOBILE CART FIX — Final Merged (Layout + Cart Totals + Button)
   ============================================================ */

@media (max-width: 480px) {
    
    /* ১. কার্ট আইটেম গ্রিড লেআউট (ছবি, টাইটেল, × বাটন) */
    html body.woocommerce-cart .shop_table tr.cart_item {
        grid-template-columns: 65px 1fr 25px !important; 
        grid-template-rows: auto auto auto !important;
        align-items: start !important; 
        column-gap: 8px !important;
        padding: 12px 10px !important;
    }

    /* ২. থাম্বনেইল (ছবি) */
    html body.woocommerce-cart tr.cart_item td.product-thumbnail {
        grid-column: 1 !important;
        grid-row: 1 / span 3 !important;
        align-self: center !important;
        width: 65px !important;
        margin-top: 5px !important;
    }
    html body.woocommerce-cart tr.cart_item td.product-thumbnail img {
        width: 65px !important;
        height: 65px !important;
    }

    /* ৩. প্রোডাক্টের নাম */
    html body.woocommerce-cart tr.cart_item td.product-name {
        grid-column: 2 !important;
        grid-row: 1 !important;
        padding-right: 5px !important;
        align-self: center !important;
    }

    /* ৪. × (Remove) বাটন - একদম ডান কোনায় */
    html body.woocommerce-cart tr.cart_item td.product-remove {
        position: static !important; 
        grid-column: 3 !important;
        grid-row: 1 !important;
        align-self: start !important; 
        justify-self: end !important; 
        width: 22px !important;
        height: 22px !important;
        margin: -2px -2px 0 0 !important; 
        padding: 0 !important;
    }

    /* ৫. প্রাইস */
    html body.woocommerce-cart tr.cart_item td.product-price {
        grid-column: 2 !important;
        grid-row: 2 !important;
        display: block !important;
        font-size: 11px !important;
        margin-top: 5px !important;
    }
    html body.woocommerce-cart tr.cart_item td.product-price::before {
        content: "Price: " !important;
        font-size: 9px !important;
    }

    /* ৬. সাবটোটাল (দাম) */
    html body.woocommerce-cart tr.cart_item td.product-subtotal {
        grid-column: 2 / span 2 !important; 
        grid-row: 2 !important;
        display: block !important;
        text-align: right !important;
        font-size: 12px !important;
        align-self: center !important;
        margin-top: 5px !important;
    }
    html body.woocommerce-cart tr.cart_item td.product-subtotal::before {
        content: "Total: " !important;
        font-size: 9px !important;
    }

    /* ৭. কোয়ান্টিটি (+/- বক্স) */
    html body.woocommerce-cart tr.cart_item td.product-quantity {
        grid-column: 2 / span 2 !important;
        grid-row: 3 !important;
        margin-top: 8px !important;
        justify-self: start !important;
    }

    /* ৮. Cart Totals Table Fix (Subtotal & Total) */
    html body.woocommerce-cart .cart_totals table.shop_table tr.cart-subtotal,
    html body.woocommerce-cart .cart_totals table.shop_table tr.order-total {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        padding: 12px 0 !important;
        border-bottom: 1px solid rgba(212, 175, 55, 0.2) !important;
    }

    html body.woocommerce-cart .cart_totals table.shop_table tr.cart-subtotal th,
    html body.woocommerce-cart .cart_totals table.shop_table tr.cart-subtotal td,
    html body.woocommerce-cart .cart_totals table.shop_table tr.order-total th,
    html body.woocommerce-cart .cart_totals table.shop_table tr.order-total td {
        display: block !important;
        width: auto !important;
        border: none !important;
        padding: 0 !important;
    }

    html body.woocommerce-cart .cart_totals table.shop_table tr.cart-subtotal td,
    html body.woocommerce-cart .cart_totals table.shop_table tr.order-total td {
        text-align: right !important;
    }

    /* ৯. Checkout Button Fix */
    html body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
        width: 100% !important;
        padding: 14px 10px !important;
        font-size: 14px !important;
        white-space: nowrap !important;
        text-align: center !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

/* ============================================================
   CUSTOM THANK YOU PAGE STYLE
   ============================================================ */

html body .libas-thankyou-box {
    background: #0a0a0a !important;
    border: 2px solid #D4AF37 !important;
    border-radius: 16px !important;
    padding: 40px 20px !important;
    text-align: center !important;
    max-width: 800px !important;
    margin: 30px auto 40px !important;
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.15) !important;
}

body.premium-mode .libas-thankyou-box {
    background: #ffffff !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
}

html body .libas-thankyou-icon {
    font-size: 60px !important;
    margin-bottom: 20px !important;
    display: inline-block !important;
    animation: libas-pop 0.5s ease-out !important;
}

html body .libas-thankyou-box h2 {
    font-family: 'Hind Siliguri', sans-serif !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    margin-bottom: 15px !important;
}

html body .libas-thankyou-box p {
    font-family: 'Hind Siliguri', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    margin-bottom: 10px !important;
}

body.premium-mode .libas-thankyou-box p {
    color: #333333 !important;
    -webkit-text-fill-color: #333333 !important;
}

html body .libas-thankyou-box p strong {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
}

/* মোবাইলের জন্য রেস্পন্সিভ */
@media (max-width: 768px) {
    html body .libas-thankyou-box {
        padding: 30px 15px !important;
        margin: 20px auto !important;
        border-radius: 12px !important;
    }
    html body .libas-thankyou-icon {
        font-size: 50px !important;
    }
    html body .libas-thankyou-box h2 {
        font-size: 24px !important;
    }
    html body .libas-thankyou-box p {
        font-size: 14px !important;
    }
    html body .libas-thankyou-box p strong {
        font-size: 16px !important;
    }
}

/* ============================================================
   FINAL FIX — Cart Progress, Thank You & Order Details
   ============================================================ */

/* ১. কার্ট পেজের প্রোগ্রেস বার পজিশন */
html body.woocommerce-cart .libas-checkout-progress {
    margin-top: 10px !important;
    margin-bottom: 30px !important;
}
html body.woocommerce-order-received .libas-checkout-progress {
    margin-top: 10px !important;
    margin-bottom: 25px !important;
}
html body .libas-progress-step.active .libas-progress-icon {
    background: linear-gradient(180deg, #FFE066 0%, #D4AF37 50%, #B87318 100%) !important;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    border-color: #D4AF37 !important;
    box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.25) !important;
}

/* ২. থ্যাংক ইউ পেজের বক্স ডিজাইন */
html body .libas-thankyou-box {
    background: #0a0a0a !important;
    border: 2px solid #D4AF37 !important;
    border-radius: 16px !important;
    padding: 40px 20px !important;
    text-align: center !important;
    max-width: 800px !important;
    margin: 30px auto 40px !important;
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.15) !important;
}
body.premium-mode .libas-thankyou-box {
    background: #ffffff !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
}
html body .libas-thankyou-icon {
    width: 80px; height: 80px;
    margin: 0 auto 20px;
    background: rgba(212, 175, 55, 0.1);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    border: 2px solid #D4AF37;
    animation: libas-pop 0.5s ease-out !important;
}
html body .libas-thankyou-icon svg { width: 40px; height: 40px; }
html body .libas-thankyou-box h2 {
    font-family: 'Hind Siliguri', sans-serif !important;
    font-size: 32px !important; font-weight: 800 !important;
    color: #D4AF37 !important; -webkit-text-fill-color: #D4AF37 !important;
    margin-bottom: 15px !important;
}
html body .libas-thankyou-box p {
    font-family: 'Hind Siliguri', sans-serif !important;
    font-size: 16px !important; line-height: 1.6 !important;
    color: #ffffff !important; -webkit-text-fill-color: #ffffff !important;
    margin-bottom: 10px !important;
}
body.premium-mode .libas-thankyou-box p { color: #333333 !important; -webkit-text-fill-color: #333333 !important; }
html body .libas-thankyou-box p strong { color: #D4AF37 !important; -webkit-text-fill-color: #D4AF37 !important; font-size: 18px !important; font-weight: 800 !important; }

/* ৩. Order Details টেবিলের নীল লিংক ও ব্যাকগ্রাউন্ড ফিক্স */
html body .woocommerce-order-details {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 14px !important;
    padding: 20px 22px !important;
    margin-bottom: 25px !important;
}
body.premium-mode .woocommerce-order-details {
    background: #ffffff !important; border-color: #f0e8d0 !important;
}
html body .woocommerce-order-details h2 {
    font-size: 18px !important; font-weight: 800 !important;
    color: #D4AF37 !important; -webkit-text-fill-color: #D4AF37 !important;
    margin: 0 0 18px 0 !important; padding: 0 0 12px 0 !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.2) !important;
}
html body .woocommerce-table--order-details {
    width: 100% !important; border-collapse: collapse !important;
    background: transparent !important; border: none !important;
}
html body .woocommerce-table--order-details th,
html body .woocommerce-table--order-details td {
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 12px 8px !important;
    color: #ffffff !important; -webkit-text-fill-color: #ffffff !important;
    vertical-align: middle !important;
}
body.premium-mode .woocommerce-table--order-details th,
body.premium-mode .woocommerce-table--order-details td {
    color: #000000 !important; -webkit-text-fill-color: #000000 !important;
    border-bottom-color: #eaeaea !important;
}
html body .woocommerce-table--order-details th {
    color: #D4AF37 !important; -webkit-text-fill-color: #D4AF37 !important;
    font-weight: 700 !important; font-size: 14px !important;
}
html body .woocommerce-table--order-details .product-name a,
html body .woocommerce-table--order-details td a {
    color: #D4AF37 !important; -webkit-text-fill-color: #D4AF37 !important;
    font-weight: 600 !important; text-decoration: none !important;
}
html body .woocommerce-table--order-details .product-name a:hover { text-decoration: underline !important; }
html body .woocommerce-table--order-details tfoot th {
    color: #aaaaaa !important; -webkit-text-fill-color: #aaaaaa !important; font-weight: 500 !important;
}
body.premium-mode .woocommerce-table--order-details tfoot th {
    color: #666666 !important; -webkit-text-fill-color: #666666 !important;
}
html body .woocommerce-table--order-details tfoot td {
    color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-weight: 700 !important;
}
body.premium-mode .woocommerce-table--order-details tfoot td {
    color: #000000 !important; -webkit-text-fill-color: #000000 !important;
}
html body .woocommerce-table--order-details tfoot tr:last-child th,
html body .woocommerce-table--order-details tfoot tr:last-child td {
    color: #D4AF37 !important; -webkit-text-fill-color: #D4AF37 !important;
    font-size: 16px !important; font-weight: 800 !important; border-bottom: none !important;
}

/* মোবাইলের জন্য রেস্পন্সিভ */
@media (max-width: 768px) {
    html body .libas-thankyou-box { padding: 30px 15px !important; margin: 20px auto !important; border-radius: 12px !important; }
    html body .libas-thankyou-icon { width: 60px; height: 60px; }
    html body .libas-thankyou-icon svg { width: 30px; height: 30px; }
    html body .libas-thankyou-box h2 { font-size: 26px !important; }
    html body .libas-thankyou-box p { font-size: 14px !important; }
    html body .libas-thankyou-box p strong { font-size: 16px !important; }
}

/* ============================================================
   THANK YOU PAGE — BILLING ADDRESS BOX STYLING
   ============================================================ */

html body .woocommerce-customer-details {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 14px !important;
    padding: 20px 22px !important;
    margin-top: 20px !important;
    box-sizing: border-box !important;
}

body.premium-mode .woocommerce-customer-details {
    background: #ffffff !important;
    border-color: #f0e8d0 !important;
}

html body .woocommerce-customer-details h2 {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    margin: 0 0 18px 0 !important;
    padding: 0 0 12px 0 !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.2) !important;
}

html body .woocommerce-customer-details address {
    font-style: normal !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.premium-mode .woocommerce-customer-details address {
    color: #333333 !important;
    -webkit-text-fill-color: #333333 !important;
}

/* মোবাইল রেস্পন্সিভ */
@media (max-width: 768px) {
    html body .woocommerce-customer-details {
        padding: 16px !important;
        border-radius: 12px !important;
        margin-top: 15px !important;
    }
    html body .woocommerce-customer-details h2 {
        font-size: 16px !important;
    }
    html body .woocommerce-customer-details address {
        font-size: 14px !important;
    }
}

/* ============================================================
   THANK YOU PAGE — ORDER OVERVIEW & BILLING ADDRESS TABLE FIX
   ============================================================ */

/* ১. Order Overview (Order Number, Date, Total) টেবিল ডিজাইন */
html body ul.woocommerce-order-overview {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 15px !important;
    padding: 20px !important;
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 14px !important;
    list-style: none !important;
    margin: 0 0 25px 0 !important;
    box-sizing: border-box !important;
}

body.premium-mode ul.woocommerce-order-overview {
    background: #ffffff !important;
    border-color: #f0e8d0 !important;
}

/* টেবিলের প্রতিটি সেল */
html body ul.woocommerce-order-overview li {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 13px !important;
    color: #aaaaaa !important;
    -webkit-text-fill-color: #aaaaaa !important;
    line-height: 1.5 !important;
}

body.premium-mode ul.woocommerce-order-overview li {
    color: #666666 !important;
    -webkit-text-fill-color: #666666 !important;
}

/* টেবিলের ভ্যালু (যেমন: 655, October 17) */
html body ul.woocommerce-order-overview li strong {
    display: block !important;
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    margin-top: 4px !important;
}

/* মোবাইলে Order Overview এক কলামে থাকবে */
@media (max-width: 480px) {
    html body ul.woocommerce-order-overview {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
}

/* ২. Billing Address বক্স ডিজাইন */
html body .woocommerce-customer-details {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 14px !important;
    padding: 20px !important;
    margin-top: 20px !important;
    box-sizing: border-box !important;
}

body.premium-mode .woocommerce-customer-details {
    background: #ffffff !important;
    border-color: #f0e8d0 !important;
}

html body .woocommerce-customer-details h2 {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    margin: 0 0 15px 0 !important;
    padding: 0 0 10px 0 !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.2) !important;
}

html body .woocommerce-customer-details address {
    font-style: normal !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.premium-mode .woocommerce-customer-details address {
    color: #333333 !important;
    -webkit-text-fill-color: #333333 !important;
}

/* ============================================================
   THANK YOU PAGE — BILLING ADDRESS PREMIUM TABLE DESIGN
   ============================================================ */

/* ১. মূল বক্স (Table Container) */
html body .woocommerce-customer-details {
    background: #0a0a0a !important;
    border: 2px solid rgba(212, 175, 55, 0.4) !important;
    border-radius: 14px !important;
    margin-top: 25px !important;
    padding: 0 !important; /* ভেতরের বাড়তি জায়গা বন্ধ */
    overflow: hidden !important; /* বর্ডার ভাঙা রোধ করতে */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4) !important;
    box-sizing: border-box !important;
}

/* ২. টেবিলের হেডার (Billing Address লেখাটি) */
html body .woocommerce-customer-details h2 {
    background: rgba(212, 175, 55, 0.15) !important; /* হালকা গোল্ডেন ব্যাকগ্রাউন্ড */
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    padding: 16px 20px !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important; /* হেডার ও বডির মাঝে গোল্ডেন লাইন */
    letter-spacing: 0.5px !important;
}

/* ৩. টেবিলের বডি (ঠিকানা, নাম, ফোন) */
html body .woocommerce-customer-details address {
    background: #111111 !important; 
    padding: 20px !important;
    margin: 0 !important;
    border: none !important;
    font-style: normal !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 15px !important;
    line-height: 2 !important; /* লাইনের মাঝে সুন্দর দূরত্ব */
    display: block !important;
    word-break: break-word !important; /* লম্বা ঠিকানা হলে সুন্দরভাবে নিচে নামবে */
}

/* ৪. যদি WooCommerce ঠিকানার প্রতিটি অংশ আলাদা p ট্যাগে দেয় (সুন্দর টেবিল রো তৈরি করতে) */
html body .woocommerce-customer-details address p {
    margin: 0 0 10px 0 !important;
    padding: 0 0 10px 0 !important;
    border-bottom: 1px dashed rgba(212, 175, 55, 0.15) !important; /* হালকা ডটেড লাইন */
    display: block !important;
    color: #dddddd !important;
    -webkit-text-fill-color: #dddddd !important;
}

/* ৫. একদম শেষ লাইনের নিচে বর্ডার থাকবে না */
html body .woocommerce-customer-details address p:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* ৬. প্রথম লাইন (কাস্টমারের নাম) একটু হাইলাইট করা */
html body .woocommerce-customer-details address p:first-of-type,
html body .woocommerce-customer-details address br + text {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 16px !important;
}


/* ============================================================
   প্রিমিয়াম (সাদা) মোডের জন্য কালার ফিক্স
   ============================================================ */

body.premium-mode .woocommerce-customer-details {
    background: #ffffff !important;
    border-color: #f0e8d0 !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05) !important;
}

body.premium-mode .woocommerce-customer-details h2 {
    background: #fffbf0 !important; /* হালকা ক্রিম কালার */
    color: #8B5A0F !important;
    -webkit-text-fill-color: #8B5A0F !important;
    border-bottom-color: #f0e8d0 !important;
}

body.premium-mode .woocommerce-customer-details address {
    background: #fcfcfc !important;
    color: #333333 !important;
    -webkit-text-fill-color: #333333 !important;
}

body.premium-mode .woocommerce-customer-details address p {
    color: #555555 !important;
    -webkit-text-fill-color: #555555 !important;
    border-bottom-color: #eaeaea !important;
}

body.premium-mode .woocommerce-customer-details address p:first-of-type {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

/* ============================================================
   THANK YOU PAGE — PREMIUM BILLING ADDRESS TABLE (Dark & Gold)
   ============================================================ */

/* ১. মূল বক্স (Outer Box) */
html body .woocommerce-customer-details {
    background: #0a0a0a !important;
    border: 2px solid #D4AF37 !important; /* সম্পূর্ণ গোল্ডেন বর্ডার */
    border-radius: 12px !important;
    margin-top: 25px !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.15) !important;
    box-sizing: border-box !important;
}

/* ২. টেবিলের হেডার (Billing address) */
html body .woocommerce-customer-details h2 {
    background: #D4AF37 !important; /* সলিড গোল্ডেন ব্যাকগ্রাউন্ড */
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    padding: 16px 20px !important;
    margin: 0 !important;
    letter-spacing: 0.5px !important;
}

/* ৩. টেবিলের বডি (ঠিকানা, নাম, ফোন) */
html body .woocommerce-customer-details address {
    background: #111111 !important; 
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    font-style: normal !important;
    display: flex !important;
    flex-direction: column !important;
    word-break: break-word !important; 
}

/* ৪. প্রতিটি লাইনকে আলাদা ঘর (Row) বানানোর জন্য ম্যাজিক ট্রিক */
html body .woocommerce-customer-details address,
html body .woocommerce-customer-details address p {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

/* যদি WooCommerce <p> ট্যাগ ব্যবহার করে, তবে প্রতিটি p হবে একটি ঘর */
html body .woocommerce-customer-details address p {
    padding: 16px 20px !important;
    border-bottom: 1px dashed rgba(212, 175, 55, 0.3) !important; /* ঘরগুলোর মাঝে গোল্ডেন ডটেড লাইন */
}

/* ৫. যদি <p> ট্যাগ না থাকে এবং শুধু <br> থাকে, তবে লাইনগুলোকে আলাদা করার জন্য */
html body .woocommerce-customer-details address:not(:has(p)) {
    padding: 16px 20px !important;
    background: repeating-linear-gradient(
        transparent,
        transparent 38px,
        rgba(212, 175, 55, 0.2) 38px,
        rgba(212, 175, 55, 0.2) 39px
    ) !important; /* লাইনগুলোর মাঝে হালকা গোল্ডেন রেখা তৈরি করবে */
}

/* ৬. প্রথম লাইন (নাম) কে হাইলাইট করা */
html body .woocommerce-customer-details address p:first-child,
html body .woocommerce-customer-details address > br:first-of-type {
    font-weight: 800 !important;
    font-size: 16px !important;
    color: #D4AF37 !important; /* নামটি গোল্ডেন কালারে দেখাবে */
    -webkit-text-fill-color: #D4AF37 !important;
}

/* শেষ ঘরের নিচে বর্ডার থাকবে না */
html body .woocommerce-customer-details address p:last-child {
    border-bottom: none !important;
}

/* ============================================================
   FINAL FIX — BILLING ADDRESS BOX ONLY
   ============================================================ */

/* ১. লেখাগুলোকে বর্ডার থেকে ভেতরে আনা (Padding) */
html body .woocommerce-customer-details address {
    padding: 20px 25px !important; /* উপরে-নিচে ২০px, ডানে-বামে ২৫px জায়গা দিল */
    margin: 0 !important;
    display: block !important;
    line-height: 1.8 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: none !important;
    background: transparent !important;
    box-sizing: border-box !important;
    height: auto !important; /* অতিরিক্ত জায়গা নেওয়া বন্ধ করবে */
    min-height: 0 !important;
}

/* ২. নিচের দিকের অপ্রয়োজনীয় কালো জায়গা বন্ধ করা */
html body .woocommerce-customer-details {
    background-color: #111111 !important;
    border: 2px solid #D4AF37 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    padding: 0 !important;
    height: auto !important; 
    min-height: 0 !important;
    margin-bottom: 25px !important;
}

/* ৩. হেডার (সোনালী অংশ) এর প্যাডিং ঠিক করা */
html body .woocommerce-customer-details h2 {
    background: #D4AF37 !important; 
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    padding: 15px 25px !important; 
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    border: none !important;
}

/* ============================================================
   BILLING ADDRESS — DIVIDER LINES
   ============================================================ */

/* ১. নাম এবং ঠিকানার নিচে হালকা গোল্ডেন ডটেড লাইন */
html body .woocommerce-customer-details address p {
    border-bottom: 1px dashed rgba(212, 175, 55, 0.5) !important; /* হালকা গোল্ডেন লাইন */
    padding-bottom: 12px !important; /* লাইন এবং লেখার মাঝে দূরত্ব */
    margin-bottom: 12px !important;  /* পরবর্তী লেখার সাথে দূরত্ব */
}

/* ২. একদম শেষ লাইনের (ফোন নাম্বার) নিচে কোনো দাগ থাকবে না */
html body .woocommerce-customer-details address p:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* ৩. প্রিমিয়াম (সাদা) মোডে লাইনটি আরেকটু গাঢ় হবে যাতে ফুটে ওঠে */
body.premium-mode .woocommerce-customer-details address p {
    border-bottom: 1px dashed rgba(139, 90, 15, 0.4) !important; /* ব্রাউনিশ গোল্ডেন */
}

/* ============================================================
   NUCLEAR FIX — FORCE GRID TO LEFT & 2/3 COLUMNS
   ============================================================ */

/* ১. প্যারেন্ট কন্টেইনার থেকে সব ধরনের সেন্টারিং বা মার্জিন বন্ধ করা */
html body .elementor-widget-container,
html body .woocommerce,
html body .products {
    text-align: left !important;
    direction: ltr !important; /* লেখা ও গ্রিড বাম থেকে ডানে হবে */
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: block !important; /* গ্রিডের আগে কোনো লুকানো স্পেস থাকলে তা বন্ধ হবে */
}

/* ২. মূল প্রোডাক্ট লিস্ট (ul) কে বাধ্যতামূলক বাম দিক থেকে গ্রিড করা */
html body ul.products {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; /* মোবাইলে ২ কলাম */
    gap: 15px !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: start !important; /* জোর করে বাম দিক থেকে শুরু */
    align-items: start !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* ডেক্সটপের জন্য ৩ কলাম */
@media (min-width: 769px) {
    html body ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px !important;
    }
}

/* ৩. প্রোডাক্ট কার্ডের বাড়তি মার্জিন বা পজিশন রিমুভ করা */
html body ul.products li.product {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important; /* বাম দিকের ফাঁকা জায়গা বন্ধ */
    padding: 10px !important;
    float: none !important;
    clear: none !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    grid-column: auto !important; /* যদি কোনো কোড কার্ডকে ডানদিকে পাঠিয়ে থাকে, তা বাতিল করবে */
}

/* ৪. কোনো অদৃশ্য এলিমেন্ট (Pseudo-elements) বা বাড়তি স্পেস থাকলে তা রিমুভ করা */
html body ul.products::before,
html body ul.products::after,
html body ul.products li.product::before,
html body ul.products li.product::after {
    display: none !important;
    content: none !important;
}

/* ৫. WooCommerce-এর ডিফল্ট first/last ক্লাসের কারণে নিচে নামলে তা বন্ধ করা */
html body ul.products li.product.first,
html body ul.products li.product.last {
    clear: none !important;
    margin: 0 !important;
}

/* ============================================================
   🎉 END OF MAIN.CSS — Version 11.7 (Complete)
   ============================================================ */