/* =====================================================
   PhantomShop — Purple Premium Theme
   Color Palette:
     Left/Dark:    #4A2390
     Main:         #54269A
     Right/Accent: #6B30B5
     Light BG:     #B9B3D9
   ===================================================== */

/* =====================================================
   Proprietary Software © 2026 Apleefix IT
     Link: https://it.apleefix.com II https://apleefix.com 
      WhatsApp: +8801918555444
   All Rights Reserved. Unauthorized Copying is Strictly Prohibited.
   ===================================================== */

/* =========== GOOGLE FONT IMPORT =========== */
@import url("https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap");

/* =========== CSS DESIGN TOKENS =========== */
:root {
    --purple-dark: hsl(0, 0%, 0%);
    --purple-main: hsl(0, 0%, 0%);
    --purple-accent: #000000;
    --purple-light: #b9b3d9;
    --purple-soft-bg: #f0eef8;
    --purple-gradient: linear-gradient(135deg, #020005 0%, #6b30b5 100%);
    --purple-gradient-rev: linear-gradient(135deg, #6b30b5 0%, #4a2390 100%);
    --purple-glow: rgba(107, 48, 181, 0.25);
    --purple-glow-sm: rgba(107, 48, 181, 0.12);
    --green-success: #21ba45;
    --dark-footer: #160d2e;
    --body-bg: #f4f2fb;
    --card-bg: #ffffff;
    --text-primary: #1a1030;
    --text-muted: #7a7488;
    --text-price: #54269a;
    --text-old-price: #aaaaaa;
    --border-light: #ddd8f0;
    --shadow-card: 0 2px 16px rgba(74, 35, 144, 0.08);
    --shadow-hover: 0 8px 30px rgba(107, 48, 181, 0.22);
    --radius-card: 0;
    --radius-btn: 0;
    --transition: all 0.28s ease;

    /* Luxury Gold Tokens */
    --luxury-gold: #d4af37;
    --luxury-gold-light: #f1d592;
    --luxury-gold-dark: #aa841c;
    --gold-gradient: linear-gradient(
        135deg,
        #d4af37 0%,
        #f1d592 50%,
        #aa841c 100%
    );
    --gold-glow: rgba(212, 175, 55, 0.4);
    --nav-bg: rgba(30, 15, 60, 0.98);
}

/* =========== DEVELOPER CREDIT STYLING =========== */
.developer-credit-link {
    color: #4dbc60 !important; /* WhatsApp Green */
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.3s ease-in-out !important;
    position: relative;
    padding-bottom: 2px;
}

.developer-credit-link::after {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #4dbc60;
    transition: width 0.3s ease-in-out;
}

.developer-credit-link:hover {
    color: #ffffff !important;
    text-shadow: 0 0 10px rgba(77, 188, 96, 0.8);
}

.developer-credit-link:hover::after {
    width: 100%;
}

/* =========== GLOBAL RESET & BODY =========== */
* {
    font-family: "Hind Siliguri", "Outfit", sans-serif;
    box-sizing: border-box;
}

body {
    background: var(--body-bg) !important;
    background-attachment: fixed !important;
    color: var(--text-primary) !important;
}

body p,
body span,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body li,
body label,
body td,
body th,
body strong,
body b,
body div {
    color: var(--text-primary);
}

a {
    transition: var(--transition);
}

/* =========== TOP ANNOUNCEMENT BAR =========== */
.top_header {
    background: var(--purple-dark) !important;
    min-height: 38px !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

.top_header,
.top_header p,
.top_header span,
.top_header a,
.top_header div,
.top_header marquee {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

.top_header a.bg-light {
    background: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
    border-radius: 4px !important;
}

/* =========== DESKTOP MAIN HEADER =========== */
.main-header,
.logo-area {
    background: #ffffff !important;
    border-bottom: 1px solid #eeeeee !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
}

.main-header *,
.logo-area * {
    color: #333333 !important;
}

/* =========== MOBILE HEADER =========== */
.mobile-header {
    background: #ffffff !important;
    border-bottom: 1px solid #eeeeee !important;
}

.mobile-header * {
    color: #333333 !important;
}

/* =========== SEARCH BAR =========== */
.mobile-search form,
.main-search form {
    border-radius: 4px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid #333333 !important;
    transition: var(--transition) !important;
    display: flex !important;
}

.search_keyword,
.msearch_keyword {
    background: #f8f8f8 !important;
    border: none !important;
    color: #333333 !important;
    font-weight: 500 !important;
    border-radius: 0 !important;
    padding-left: 15px !important;
}

.search_keyword::placeholder,
.msearch_keyword::placeholder {
    color: #999999 !important;
}

.mobile-search form button,
.main-search form button {
    background: #e30613 !important; /* Red Button */
    border-radius: 0 !important;
    border: none !important;
    color: #ffffff !important;
    padding: 0 20px !important;
    transition: var(--transition) !important;
}

.mobile-search form button:hover,
.main-search form button:hover {
    background: #c00510 !important;
}

/* Icon specific color for search icon inside red button */
.main-search form button i {
    color: #ffffff !important;
}

/* =========== MOBILE SIDE MENU =========== */
.mobile-menu {
    background: #ffffff !important;
    border-right: 1px solid var(--border-light) !important;
    box-shadow: 4px 0 24px rgba(74, 35, 144, 0.12) !important;
}

.mobile-menu * {
    color: var(--text-primary) !important;
}

.mobile-menu-logo {
    background: var(--purple-gradient) !important;
}

.mobile-menu-logo * {
    color: #ffffff !important;
}

.mobile-menu .menu-category-name {
    border-bottom: 1px solid var(--border-light) !important;
    padding: 12px 16px !important;
}

.mobile-menu .menu-category-name:hover {
    background: var(--purple-soft-bg) !important;
    color: var(--purple-main) !important;
    padding-left: 22px !important;
}

/* =========== SECTION TITLES =========== */
.section-title-header,
.sec_title h3,
.sec-title {
    position: relative !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: var(--text-primary) !important;
    font-size: 18px !important;
    padding-bottom: 10px !important;
}

.section-title-name {
    color: var(--text-primary) !important;
    font-weight: 700 !important;
    font-size: 17px !important;
    padding-bottom: 6px !important;
    border-bottom: 3px solid var(--purple-accent) !important;
    display: inline-block !important;
}

.view_more_btn {
    background: var(--purple-gradient) !important;
    color: #ffffff !important;
    border-radius: var(--radius-btn) !important;
    padding: 5px 14px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    transition: var(--transition) !important;
    text-decoration: none !important;
    box-shadow: 0 3px 10px var(--purple-glow-sm) !important;
}

.view_more_btn:hover {
    background: var(--purple-dark) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px var(--purple-glow) !important;
}

/* =========== PRODUCT CARDS =========== */
.product_item,
.product-item,
.wist_item,
.product-inner,
.product-card {
    background: var(--card-bg) !important;
    border: 1px solid var(--border-light) !important;
    border-radius: var(--radius-card) !important;
    box-shadow: var(--shadow-card) !important;
    transition: var(--transition) !important;
    overflow: hidden !important;
    position: relative !important;
}

.product_item:hover,
.product-item:hover,
.wist_item:hover,
.product-inner:hover,
.product-card:hover {
    transform: translateY(-7px) !important;
    box-shadow:
        0 12px 35px rgba(0, 0, 0, 0.11),
        0 4px 15px rgba(212, 175, 55, 0.12),
        0 30px 70px rgba(180, 140, 60, 0.10),
        0 0 0 1px rgba(212, 175, 55, 0.08) !important;
    border-color: rgba(212, 175, 55, 0.30) !important;
    z-index: 10;
}

/* Image zoom on hover */
.product_item .pro_img,
.product-item .pro_img {
    overflow: hidden !important;
    border-radius: var(--radius-card) var(--radius-card) 0 0 !important;
}

.product_item .pro_img img,
.product-item .pro_img img {
    transition: transform 0.42s ease !important;
    width: 100% !important;
}

.product_item:hover .pro_img img,
.product-item:hover .pro_img img {
    transform: scale(1.08) !important;
}

/* Product Name & Description */
.pro_name a,
.pro_des .pro_name a {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    transition: var(--transition) !important;
    text-decoration: none !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.pro_name a:hover {
    color: var(--purple-accent) !important;
}

/* Price Display */
.pro_price p,
.pro_price {
    color: var(--text-primary) !important;
}

.pro_price del,
.pro_price s {
    color: var(--text-old-price) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

.pro_price p > *:last-child,
.pro_price p {
    color: #000000 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

/* Sale/Discount Badge — overridden by Golden Circular Badge block below */
.sale-badge,
.sale-badge-text,
.sale-badge-box {
    /* Structural base — full styles defined in Golden Circular Badge section */
    color: #3b2600 !important;
}

.sale-badge-text p {
    color: #3b2600 !important;
    margin: 0 !important;
    font-weight: 900 !important;
    font-size: 13px !important;
}

.sale-badge-text {
    color: #3b2600 !important;
    font-size: 9px !important;
}

.pro_btn, .cart_btn, .order_button {
    width: 100% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pro_btn form {
    width: 100% !important;
    margin: 0 !important;
    display: block !important;
}

/* =========== PRODUCT ACTION BUTTONS (Standardized) =========== */
.pro_btn .cart_btn button,
.pro_btn .order_button a,
.addcartbutton,
.submit-btn, .order_now_btn, .add_cart_btn,
button[type="submit"].btn,
input[type="submit"].btn {
    background: #ff0000 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    padding: 10px 4px !important;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 4px 12px rgba(255, 0, 0, 0.2) !important;
    cursor: pointer;
    width: 100% !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    height: 38px !important;
    line-height: normal !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

.addcartbutton span {
    display: inline-block !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    width: auto !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}

.pro_btn .cart_btn button:hover,
.pro_btn .order_button a:hover,
.addcartbutton:hover,
.submit-btn:hover,
.order_now_btn:hover,
.add_cart_btn:hover {
    background: #000000 !important;
    color: #ffffff !important;
    transform: translateY(-3px) scale(1.02) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4), 0 0 15px var(--gold-glow) !important;
    border: none !important;
}

/* Reset any interfering sliding animations from style.css */
.cart_btn.order_button a::after,
.cart_btn.order_button a span {
    display: inline-block !important;
    position: relative !important;
    top: 0 !important;
    height: auto !important;
    width: auto !important;
    background: transparent !important;
    transition: none !important;
}

/* =========== GENERAL BUTTONS =========== */
.btn-primary,
.btn-success,
.btn-pink,
.go_cart,
.cart_store,
.checkout-btn,
.button-primary {
    background: var(--purple-gradient) !important;
    border-color: var(--purple-main) !important;
    color: #ffffff !important;
    border-radius: var(--radius-btn) !important;
    transition: var(--transition) !important;
    box-shadow: 0 2px 10px var(--purple-glow-sm) !important;
}

.btn-primary:hover,
.btn-success:hover,
.go_cart:hover,
.cart_store:hover {
    background: var(--purple-dark) !important;
    border-color: var(--purple-dark) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px var(--purple-glow) !important;
}

/* =========== AUTH PAGES (LOGIN / REGISTER) =========== */
.auth-section {
    background: var(--body-bg) !important;
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
}

.form-content {
    background: var(--card-bg) !important;
    border-radius: 16px !important;
    box-shadow: var(--shadow-card) !important;
    border: 1px solid var(--border-light) !important;
    padding: 32px 28px !important;
}

.auth-title {
    color: var(--purple-main) !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 24px !important;
    border-bottom: 2px solid var(--purple-soft-bg) !important;
    padding-bottom: 14px !important;
}

.form-content label {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

.form-content .submit-btn {
    background: var(--purple-gradient) !important;
    color: #ffffff !important;
    border-radius: 30px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    padding: 10px 0 !important;
    width: 100% !important;
    box-shadow: 0 4px 18px var(--purple-glow) !important;
}

.form-content .submit-btn:hover {
    background: var(--purple-dark) !important;
    transform: translateY(-2px) !important;
}

.no-account p,
.register-now p {
    color: var(--text-muted) !important;
    font-size: 14px !important;
}

.no-account a,
.register-now a {
    color: var(--purple-main) !important;
    font-weight: 600 !important;
}

.forget-link {
    color: var(--purple-main) !important;
    font-size: 13px !important;
}

/* =========== FORM INPUTS =========== */
.form-control,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
select,
textarea {
    background: #ffffff !important;
    border: 1.5px solid #d8d0ec !important;
    color: var(--text-primary) !important;
    border-radius: 8px !important;
    transition: var(--transition) !important;
}

.form-control:focus,
input:focus,
select:focus {
    border-color: var(--purple-accent) !important;
    box-shadow: 0 0 0 3px rgba(107, 48, 181, 0.12) !important;
    outline: none !important;
}

.form-control::placeholder {
    color: var(--text-muted) !important;
}

.form-control option {
    background: #ffffff !important;
    color: var(--text-primary) !important;
}

/* =========== CATEGORY ROW =========== */
.cat_item {
    text-align: center !important;
    transition: var(--transition) !important;
    background: #ffffff !important;
    border: 1px solid #eaeaea !important;
    border-radius: 8px !important;
    padding: 15px 5px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    height: 140px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}

.cat_item:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    border-color: #ddd !important;
}

.cat_img {
    width: 100% !important;
    height: 85px !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    margin: 0 auto 8px !important;
    border: none !important;
    background: transparent !important;
    transition: var(--transition) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.cat_item:hover .cat_img {
    transform: scale(1.05) !important;
}

.cat_img img {
    width: auto !important;
    max-width: 90% !important;
    height: 100% !important;
    object-fit: contain !important;
}

.cat_name a {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #333333 !important;
    text-align: center !important;
    display: block !important;
    line-height: 1.2 !important;
    padding: 0 5px !important;
}

.cat_item:hover .cat_name a {
    color: var(--purple-accent) !important;
}

/* =========== SLIDER SECTION =========== */
.slider-item img {
    border-radius: 12px !important;
}

/* =========== COMBINED OFFER CARDS =========== */
.hot-deal-product,
.card {
    background: var(--card-bg) !important;
    border: 1px solid var(--border-light) !important;
    border-radius: var(--radius-card) !important;
    box-shadow: var(--shadow-card) !important;
    transition: var(--transition) !important;
    overflow: hidden !important;
}

.hot-deal-product:hover,
.card:hover {
    transform: translateY(-5px) !important;
    box-shadow: var(--shadow-hover) !important;
    border-color: var(--purple-light) !important;
}

/* =========== CART / CHECKOUT =========== */
.checkout-shipping input,
.checkout-area .form-control {
    background: #ffffff !important;
    border: 1.5px solid #d8d0ec !important;
    color: var(--text-primary) !important;
}

/* =========== PAYMENT METHOD SELECTION INDICATOR FIX =========== */
.payment-methods {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    margin-top: 15px !important;
    margin-bottom: 25px !important;
}

.payment-methods .form-check {
    display: inline-flex !important;
    align-items: center !important;
    cursor: pointer !important;
    margin: 0 !important;
}

.payment-methods .form-check-input {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 22px !important;
    height: 22px !important;
    border: 2px solid var(--purple-main) !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    position: relative !important;
    cursor: pointer !important;
    margin-right: 10px !important;
    margin-top: 0 !important;
    outline: none !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
}

.payment-methods .form-check-input:checked::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 12px !important;
    height: 12px !important;
    background-color: var(--purple-main) !important;
    border-radius: 50% !important;
    display: block !important;
}

.payment-methods .form-check-input:checked {
    border-color: var(--purple-main) !important;
    box-shadow: 0 0 0 4px var(--purple-glow-sm) !important;
}

.payment-methods .form-check-label {
    cursor: pointer !important;
    font-size: 16px !important;
    color: var(--text-primary) !important;
    margin: 0 !important;
    font-weight: 500 !important;
    user-select: none !important;
}

.payment-methods .form-check-input:checked + .form-check-label {
    color: var(--purple-main) !important;
    font-weight: 700 !important;
}

/* col-end */

/* =========== TABLE STYLES (Orders, etc) =========== */
.table td,
.table th {
    color: var(--text-primary) !important;
    border-color: #e4deee !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background: #f5f2fb !important;
}

/* =========== FOOTER =========== */
.footer-top,
.footer-bottom,
footer,
.main-footer {
    background: var(--dark-footer) !important;
    border: none !important;
    box-shadow: none !important;
}

.footer-top *,
.footer-bottom *,
footer *,
.main-footer * {
    color: rgba(255, 255, 255, 0.82) !important;
}

.footer-top a:hover,
.footer-bottom a:hover,
footer a:hover {
    color: var(--purple-light) !important;
}

/* =========== MOBILE BOTTOM NAVIGATION REDESIGN =========== */
@media (max-width: 767px) {
    .footer_nav {
        display: flex !important;
        background: var(--nav-bg) !important;
        backdrop-filter: blur(15px);
        border-top: 1px solid rgba(212, 175, 55, 0.3) !important;
        box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.6) !important;
        padding: 10px 0 !important;
        height: 75px !important;
        align-items: center !important;
        justify-content: center !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
    }

    .footer_nav ul {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(5, 1fr) !important;
        align-items: center !important;
        justify-items: center !important;
    }

    .footer_nav ul li {
        list-style: none !important;
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .footer_nav ul li a {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-decoration: none !important;
        color: #ffffff !important;
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
        position: relative !important;
        gap: 4px !important;
        width: 100% !important;
        height: 100% !important;
        cursor: pointer !important;
        opacity: 0.85 !important;
    }

    /* Icon styling with distinct colors */
    .footer_nav ul li a span i {
        font-size: 22px !important;
        transition: all 0.3s ease !important;
    }

    /* Assigning individual colors for maximum visibility and professional look */
    .footer_nav ul li:nth-child(1) a span i {
        color: #ced4da !important;
        text-shadow: 0 0 10px rgba(206, 212, 218, 0.2);
    } /* Category - Silver */
    .footer_nav ul li:nth-child(2) a span i {
        color: #25d366 !important;
        text-shadow: 0 0 10px rgba(37, 211, 102, 0.3);
    } /* Message - Green */
    .footer_nav ul li:nth-child(3) a span i {
        color: #ffcc33 !important;
        text-shadow: 0 0 15px rgba(255, 204, 51, 0.4);
    } /* Home - Vibrant Gold */
    .footer_nav ul li:nth-child(4) a span i {
        color: #ff4d4d !important;
        text-shadow: 0 0 10px rgba(255, 77, 77, 0.3);
    } /* Cart - Red */
    .footer_nav ul li:nth-child(5) a span i {
        color: #74c0fc !important;
        text-shadow: 0 0 10px rgba(116, 192, 252, 0.3);
    } /* Login - Blue */

    /* Label styling */
    .footer_nav ul li a span:last-child {
        font-size: 10px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.8px !important;
        transition: all 0.3s ease !important;
        color: #ffffff !important;
    }

    /* Specific Home Button Reset */
    .footer_nav .mobile_home,
    .footer_nav .mobile_home a {
        background: transparent !important;
        box-shadow: none !important;
        margin-top: 0 !important;
        border: none !important;
        width: 100% !important;
        height: auto !important;
        padding: 0 !important;
        border-radius: 0 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        position: relative !important;
        top: 0 !important;
    }

    /* Active/Hover Effects */
    .footer_nav ul li a:hover,
    .footer_nav ul li a.active {
        opacity: 1 !important;
        color: #ffffff !important;
    }

    .footer_nav ul li a:hover span i,
    .footer_nav ul li a.active span i {
        transform: translateY(-8px) scale(1.2) !important;
    }

    .footer_nav ul li:nth-child(3) a:hover span i,
    .footer_nav ul li:nth-child(3) a.active span i {
        color: #fff !important;
        text-shadow: 0 0 20px #ffcc33 !important;
    }

    .footer_nav ul li a:hover span:last-child,
    .footer_nav ul li a.active span:last-child {
        transform: translateY(-2px) !important;
        color: #ffffff !important;
    }

    /* Premium Glow Indicator behind icon */
    .footer_nav ul li a::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 45px;
        height: 45px;
        background: currentColor;
        filter: blur(25px);
        opacity: 0;
        transition: opacity 0.4s ease;
        z-index: -1;
    }

    .footer_nav ul li a:hover::before,
    .footer_nav ul li a.active::before {
        opacity: 0.25;
    }

    /* Luxury Micro-interaction: Bottom Highlight Line */
    .footer_nav ul li a::after {
        content: "";
        position: absolute;
        bottom: -10px;
        width: 0;
        height: 3px;
        background: currentColor;
        transition: width 0.3s ease;
        box-shadow: 0 0 10px currentColor;
        border-radius: 4px;
    }

    .footer_nav ul li a:hover::after,
    .footer_nav ul li a.active::after {
        width: 28px;
    }

    /* Cart Badge Luxury Styling */
    .footer_nav .mobilecart-qty {
        background: #ff0018 !important; /* Bright Red for visibility */
        color: #ffffff !important;
        border-radius: 50% !important;
        min-width: 18px !important;
        height: 18px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 10px !important;
        position: absolute !important;
        top: -10px !important;
        right: -12px !important;
        font-weight: 900 !important;
        box-shadow: 0 0 12px rgba(255, 0, 24, 0.5) !important;
        border: 1.5px solid #ffffff !important;
    }
}

@media (min-width: 768px) {
    .footer_nav {
        display: none !important;
    }
}

/* =========== CATEGORY SIDEBAR (Desktop Left) =========== */
.sidebar-menu,
.catagory_menu,
.heder__category {
    background: #212529 !important; /* Dark Grey/Black */
    border: none !important;
    border-radius: 4px !important;
    overflow: visible !important;
    box-shadow: var(--shadow-card) !important;
}

.catagory_menu ul li a,
.sidebar-menu ul li a {
    color: #ffffff !important;
    transition: var(--transition) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.catagory_menu ul li a:hover,
.sidebar-menu ul li a:hover {
    background: var(--purple-soft-bg) !important;
    color: var(--purple-accent) !important;
    padding-left: 20px !important;
}

.all__category__list > a,
.all__category__list > a *,
.all__category__list > a i {
    background: #e30613 !important; /* PhantomBD Red */
    border-radius: 0 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* =========== STAR RATINGS =========== */
.fas.fa-star,
.fas.fa-star-half-alt {
    color: #f5b800 !important;
    font-size: 11px !important;
}

.far.fa-star {
    color: #cccccc !important;
    font-size: 11px !important;
}

/* =========== WHATSAPP FLOATING BUTTON =========== */
.float {
    background: #25d366 !important;
    box-shadow: 0 4px 16px rgba(37, 211, 102, 0.34) !important;
    border: none !important;
    transition: var(--transition) !important;
}

.float:hover {
    background: #20ba5a !important;
    transform: scale(1.1) !important;
    box-shadow: 0 6px 22px rgba(37, 211, 102, 0.44) !important;
}

/* =========== BADGES (Bootstrap) =========== */
.badge {
    font-weight: 600 !important;
    border-radius: 20px !important;
}

.badge-success,
.bg-success {
    background: var(--green-success) !important;
}

.badge-danger,
.bg-danger {
    background: #e74c3c !important;
}

/* =========== HOME PRODUCT SECTION BG =========== */
.homeproduct {
    background: transparent !important;
    padding: 20px 0 !important;
}

/* =========== PRODUCT DETAILS PAGE =========== */
.product-details-area .details-price {
    color: var(--purple-main) !important;
    font-size: 24px !important;
    font-weight: 800 !important;
}

/* =========== PAGINATION =========== */
.pagination .page-item.active .page-link {
    background: var(--purple-gradient) !important;
    border-color: var(--purple-main) !important;
    color: #ffffff !important;
}

.pagination .page-link {
    color: var(--purple-main) !important;
    border-color: var(--border-light) !important;
}

.pagination .page-link:hover {
    background: var(--purple-soft-bg) !important;
    color: var(--purple-accent) !important;
}

/* =========== ULTRA-PREMIUM TOASTR REDESIGN =========== */
#toast-container {
    top: 25px !important;
    right: 25px !important;
}

#toast-container > div {
    opacity: 1 !important;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.25) !important;
    border-radius: 16px !important;
    padding: 24px 28px 24px 68px !important;
    width: 400px !important;
    max-width: 95vw !important;
    font-family: "Outfit", sans-serif !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    background-image: none !important; /* FORCIBLY REMOVE REPEATING CHECKMARKS */
    background-repeat: no-repeat !important;
    overflow: hidden !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

/* Success Toast - Luxury Glassmorphic Green */
#toast-container > .toast-success {
    background-color: rgba(33, 186, 69, 0.95) !important;
}

#toast-container > .toast-success::before {
    content: "\f058"; /* FontAwesome check-circle */
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    color: white;
    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

/* Error Toast - Luxury Glassmorphic Red */
#toast-container > .toast-error {
    background-color: rgba(231, 76, 60, 0.95) !important;
}

#toast-container > .toast-error::before {
    content: "\f06a"; /* FontAwesome exclamation-circle */
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    color: white;
    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

/* Warning Toast - Luxury Glassmorphic Orange */
#toast-container > .toast-warning {
    background-color: rgba(243, 156, 18, 0.95) !important;
}

#toast-container > .toast-warning::before {
    content: "\f071"; /* FontAwesome exclamation-triangle */
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    color: white;
    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

/* Info Toast - Luxury Glassmorphic Blue */
#toast-container > .toast-info {
    background-color: rgba(52, 152, 219, 0.95) !important;
}

#toast-container > .toast-info::before {
    content: "\f05a"; /* FontAwesome info-circle */
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    color: white;
    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

#toast-container > div .toast-title {
    font-size: 17px !important;
    font-weight: 700 !important;
    margin-bottom: 6px !important;
    color: white !important;
    letter-spacing: 0.5px !important;
}

#toast-container > div .toast-message {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: rgba(255, 255, 255, 0.95) !important;
    line-height: 1.6 !important;
}

/* Progress Bar Styling */
#toast-container > div .toast-progress {
    height: 5px !important;
    background: rgba(255, 255, 255, 0.4) !important;
    opacity: 1 !important;
    bottom: 0 !important;
    top: auto !important;
}

/* Close Button */
#toast-container > div .toast-close-button {
    top: 15px !important;
    right: 15px !important;
    color: white !important;
    opacity: 0.8 !important;
    text-shadow: none !important;
    font-size: 20px !important;
}

#toast-container > div .toast-close-button:hover {
    opacity: 1 !important;
    transform: scale(1.1);
}

/* Mobile Responsiveness */
@media (max-width: 575px) {
    #toast-container {
        width: 100% !important;
        right: 0 !important;
        top: 0 !important;
        padding: 15px !important;
    }
    #toast-container > div {
        width: 100% !important;
        margin-bottom: 12px !important;
        padding: 20px 20px 20px 60px !important;
    }
    #toast-container > div::before {
        left: 20px !important;
        font-size: 26px !important;
    }
}

/* ====================================================
   ANIMATIONS & KEYFRAMES
   ==================================================== */

/* --- Fade In Up (card reveals) --- */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* --- Glow Pulse (on header, CTA buttons) --- */
@keyframes glowPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(107, 48, 181, 0.4);
    }

    50% {
        box-shadow: 0 0 24px 8px rgba(107, 48, 181, 0.2);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(107, 48, 181, 0);
    }
}

/* --- Shimmer (product image loading effect) --- */
@keyframes shimmer {
    0% {
        background-position: -400px 0;
    }

    100% {
        background-position: 400px 0;
    }
}

/* --- Float up down (WhatsApp button) --- */
@keyframes floatBob {
    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-6px);
    }
}

/* --- Gradient shift on header (subtle) --- */
@keyframes gradientShift {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

/* --- Slide in from left (mobile menu) --- */
@keyframes slideInLeft {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* --- Ripple click effect --- */
@keyframes ripple {
    to {
        transform: scale(4);
        opacity: 0;
    }
}

/* Apply animations */
.product_item,
.cat_item,
.homeproduct .row > *,
.card {
    animation: fadeInUp 0.42s ease both;
}

/* Animated gradient on the main header */
.main-header,
.logo-area,
.mobile-header {
    background-size: 200% 200% !important;
    animation: gradientShift 6s ease infinite !important;
}

/* Float bob on WhatsApp button */
.float {
    animation: floatBob 3s ease-in-out infinite !important;
}

.float:hover {
    animation: none !important;
    transform: scale(1.1) !important;
}

/* Glow pulse on prominent CTA buttons */
.pro_btn .cart_btn button,
.addcartbutton,
.go_cart,
.cart_store {
    animation: glowPulse 3s ease-in-out infinite;
}

.pro_btn .cart_btn button:hover,
.addcartbutton:hover,
.go_cart:hover,
.cart_store:hover {
    animation: none;
}

/* Mobile menu slide in */
.mobile-menu.active {
    animation: slideInLeft 0.32s ease both;
}

/* Ripple on buttons */
.btn-primary,
.go_cart,
.cart_store,
.addcartbutton,
.pro_btn .cart_btn button {
    position: relative;
    overflow: hidden;
}

.btn-primary::after,
.go_cart::after,
.cart_store::after,
.addcartbutton::after,
.pro_btn .cart_btn button::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.35);
    border-radius: 50%;
    transform: scale(0);
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    pointer-events: none;
}

.btn-primary:active::after,
.go_cart:active::after,
.cart_store:active::after,
.addcartbutton:active::after,
.pro_btn .cart_btn button:active::after {
    animation: ripple 0.6s linear;
}

/* =========== SCROLLBAR STYLING =========== */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #ede9f8;
}

::-webkit-scrollbar-thumb {
    background: var(--purple-light);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--purple-accent);
}

/* =========== RESPONSIVE MOBILE TWEAKS =========== */
@media (max-width: 767px) {
    .form-content {
        padding: 24px 16px !important;
    }

    .pro_price p {
        font-size: 14px !important;
    }

    .section-title-name {
        font-size: 15px !important;
    }

    .cat_img {
        width: 60px !important;
        height: 60px !important;
    }

    .cat_name a {
        font-size: 11px !important;
    }
}

/* =========== FINAL OVERRIDES =========== */
footer,
footer .footer-top,
footer .footer-bottom,
.footer-top,
.footer-bottom {
    background-color: var(--dark-footer) !important;
}

footer *,
.footer-top *,
.footer-bottom * {
    color: rgba(255, 255, 255, 0.82) !important;
}

footer a:hover {
    color: var(--purple-light) !important;
}

/* Mobile Search container */
.mobile-search {
    background: #ffffff !important;
    border-bottom: 1px solid var(--border-light) !important;
    box-shadow: 0 2px 8px rgba(74, 35, 144, 0.07) !important;
    padding: 8px 12px !important;
}

.mobile-search form {
    background: #f4f0fc !important;
    border: 1.5px solid var(--purple-light) !important;
    border-radius: 30px !important;
    box-shadow: none !important;
}

.mobile-search form input {
    background: transparent !important;
    color: var(--text-primary) !important;
}

.mobile-search form input::placeholder {
    color: var(--text-muted) !important;
}

.mobile-search form button {
    background: var(--purple-gradient) !important;
    border-radius: 0 30px 30px 0 !important;
    color: #ffffff !important;
}

/* Buttons final cleanup */
.btn-primary,
.btn-success,
.btn-info,
.btn-blue,
.btn-pink {
    background: var(--purple-gradient) !important;
    border-color: var(--purple-main) !important;
    color: #ffffff !important;
}

.btn-secondary {
    background: #9e9e9e !important;
    border-color: #9e9e9e !important;
    color: #ffffff !important;
}

/* Ensure section/body backgrounds are light */
body,
#content {
    background: var(--body-bg) !important;
}

section {
    background: transparent !important;
}

.homeproduct {
    background: transparent !important;
}

/* =========== PURPLE HIGHLIGHT ACCENTS =========== */
/* Top bar accent line under header */
.main-header::after,
.logo-area::after {
    content: "";
    display: block;
    height: 3px;
    background: linear-gradient(90deg, #4a2390, #b9b3d9, #6b30b5);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.6;
}

/* Active nav items */
.nav-item.active > a,
.navbar-nav .active > a {
    color: #ffffff !important;
    font-weight: 700 !important;
    border-bottom: 2px solid rgba(255, 255, 255, 0.7) !important;
}

/* Hover underline effect on nav links inside header */
.main-header a:not(.btn):hover {
    text-decoration: none !important;
    opacity: 0.85 !important;
}

/* Progress bar accent */
.progress-bar {
    background: var(--purple-gradient) !important;
}

/* Alert / notification soft purple */
.alert-info {
    background: var(--purple-soft-bg) !important;
    border-color: var(--purple-light) !important;
    color: var(--purple-dark) !important;
}

/* Luxury Alert Success */
.alert-success {
    background: #e8f5e9 !important;
    border: 1px solid #c8e6c9 !important;
    color: #2e7d32 !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    box-shadow: 0 4px 12px rgba(46, 125, 50, 0.08) !important;
}

.alert-success::before {
    content: "\f058";
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px;
}

/* =========== DEVELOPER CREDIT STYLES =========== */
.developer-credit {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9) !important;
    text-align: center;
}

.developer-credit a {
    color: #ffffff !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: inline-block;
    position: relative;
}

.developer-credit a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -2px;
    left: 0;
    background-color: var(--luxury-gold);
    transition: width 0.3s ease;
}

.developer-credit a:hover {
    color: var(--luxury-gold) !important;
}

.developer-credit a:hover::after {
    width: 100%;
}

/* =========== PREMIUM FOOTER STYLING =========== */
footer,
.footer-top,
.footer-bottom {
    background-color: #000000 !important; /* Strictly Black */
    background-image: none !important; /* Remove any purple gradients */
    color: #ffffff !important;
}

.footer-top {
    padding: 60px 0 40px !important;
}

.footer-about p {
    color: #ffffff !important;
    line-height: 1.8 !important;
    font-size: 14px !important;
    margin-top: 15px !important;
}

.footer-menu ul li.title a {
    color: #e30613 !important; /* Red Titles */
    font-size: 17px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin-bottom: 20px !important;
    display: block !important;
    border: none !important;
}

.footer-menu ul li a {
    color: #ffffff !important; /* White Links */
    font-size: 14px !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    line-height: 2 !important;
}

.footer-menu ul li a:hover {
    color: #e30613 !important;
    padding-left: 5px !important;
}

.social_link {
    display: flex !important;
    gap: 10px !important;
    margin-top: 20px !important;
}

.social_link li a {
    width: 35px !important;
    height: 35px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    transition: all 0.3s ease !important;
}

.social_link li a:hover {
    background: #e30613 !important;
    transform: translateY(-3px) !important;
}

.d_app h2 {
    color: #e30613 !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    margin: 25px 0 15px !important;
    text-transform: uppercase !important;
}

.footer-bottom {
    background: #000000 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding: 20px 0 !important;
}

.copyright p,
.copyright p span {
    color: #888888 !important;
    font-size: 13px !important;
}

.developer-credit a {
    color: #e30613 !important;
}

/* Scroll Top Button */
.scrolltop {
    background: #e30613 !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
}

.scroll i {
    color: #ffffff !important;
}

/* Back to Top button custom styling */
.scrolltop .scroll {
    background: #e30613 !important;
    color: #fff !important;
}

/* =========== MOBILE BOTTOM NAVIGATION BAR =========== */
/* Fixed bottom nav for mobile devices only */
@media only screen and (max-width: 767px) {
    /* Add padding to body to prevent content overlap */
    body {
        padding-bottom: 80px !important;
    }

    /* Main footer nav container - fixed at bottom */
    .footer_nav {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 9999;
        background: #020005 !important;
        border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.3);
        padding: 0 !important;
        margin: 0 !important;
        height: auto;
        display: block;
    }

    /* Footer nav ul - flexbox for horizontal alignment */
    .footer_nav ul {
        display: flex !important;
        justify-content: space-around !important;
        align-items: stretch !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        flex-wrap: nowrap !important;
        gap: 0 !important;
    }

    /* Footer nav list items */
    .footer_nav li {
        display: flex !important;
        flex: 1 1 auto !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
        height: auto !important;
        min-height: 70px !important;
        border-right: 1px solid rgba(255, 255, 255, 0.05) !important;
        list-style: none !important;
    }

    /* Remove border from last item */
    .footer_nav li:last-child {
        border-right: none !important;
    }

    /* Footer nav links */
    .footer_nav a {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        height: 100% !important;
        text-align: center !important;
        color: rgba(255, 255, 255, 0.8) !important;
        text-decoration: none !important;
        gap: 4px !important;
        padding: 8px 0 !important;
        transition: all 0.3s ease !important;
        font-weight: 500 !important;
    }

    /* Footer nav link icons */
    .footer_nav a span:first-child {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        font-size: 20px !important;
        line-height: 1 !important;
        color: rgba(255, 255, 255, 0.9) !important;
    }

    /* Footer nav link text */
    .footer_nav a span:last-child {
        display: block !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        text-transform: capitalize !important;
        color: rgba(255, 255, 255, 0.75) !important;
        line-height: 1.2 !important;
    }

    /* Hover state for footer nav */
    .footer_nav a:hover {
        color: #ffffff !important;
        background: rgba(107, 48, 181, 0.15) !important;
        transition: all 0.3s ease !important;
    }

    .footer_nav a:hover span:first-child {
        color: #ffffff !important;
        transform: scale(1.1) !important;
    }

    .footer_nav a:hover span:last-child {
        color: rgba(255, 255, 255, 0.95) !important;
    }

    /* Mobile home button special styling */
    .footer_nav li.mobile_home {
        border: none !important;
        background: none !important;
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
        height: auto !important;
        min-height: 70px !important;
        border-right: 1px solid rgba(255, 255, 255, 0.05) !important;
    }

    .footer_nav li.mobile_home a {
        color: #ffffff !important;
    }

    .footer_nav li.mobile_home a span:first-child {
        color: #4a2390 !important;
    }

    .footer_nav li.mobile_home a:hover {
        background: rgba(74, 35, 144, 0.2) !important;
    }

    .footer_nav li.mobile_home a:hover span:first-child {
        color: #6b30b5 !important;
    }

    /* Ensure footer and other elements don't overlap */
    .footer-bottom,
    .footer-top {
        z-index: 1000 !important;
    }

    /* Scrolltop button adjustment for bottom nav */
    .scrolltop {
        bottom: 90px !important;
    }

    /* Ensure float WhatsApp button is hidden on mobile (already defined but reinforcing) */
    .float {
        display: none !important;
    }
}

/* =========== DESKTOP (Hide mobile nav) =========== */
@media only screen and (min-width: 768px) {
    .footer_nav {
        display: none !important;
    }

    body {
        padding-bottom: 0 !important;
    }
}

/* Toggle Category Menu */
li.all__category__list:hover .side__bar,
.all__category__list:focus-within .side__bar,
.side__bar.show_menu,
.side__bar.active_click {
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
    z-index: 9999 !important;
    visibility: visible !important;
    display: block !important;
}

/* Multi-level Menu Hover Logic */
.side__bar ul li,
.side__barsub li {
    position: relative !important;
}

.side__bar ul li:hover > .side__barsub,
.side__barsub li:hover > .side__barchild {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    left: 100% !important;
    top: 0 !important;
}

.side__barsub, .side__barchild {
    position: absolute !important;
    top: 0 !important;
    left: 105% !important;
    opacity: 0 !important;
    visibility: hidden !important;
    display: none !important;
    transition: all 0.25s ease-in-out !important;
    background: #ff0018 !important;
    min-width: 280px !important;
    box-shadow: 4px 0 15px rgba(0,0,0,0.2) !important;
    z-index: 10000 !important;
}

/* Ensure the category menu is always visible on hover and has correct stacking context */
.menu-area {
    position: relative !important;
    z-index: 1001 !important;
    overflow: visible !important;
}

.all__category__list {
    position: relative !important;
}

.side__bar {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    width: 100% !important;
    min-width: 270px !important;
    z-index: 9999 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    display: none !important; /* Hidden by default */
    transform: translateY(15px) !important;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
    pointer-events: none !important;
    background: #212529 !important;
    padding-top: 10px !important;
    margin-top: 0 !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;
}

/* Multi-level Menu Hover Logic Reinforcement removed - consolidated above */

/* =========== GLASSMORPISM NAV HOVER EFFECT =========== */
/* Targets: Home, Hotdeals, Contact, and Login / Sign Up */
.heder__category > li:not(.all__category__list) a,
.right__menu__top li a {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    padding: 6px 14px !important;
    margin: 0 4px !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.heder__category > li:not(.all__category__list) a:hover,
.right__menu__top li a:hover {
    background: rgba(255, 255, 255, 0.07) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
    color: #ffdf00 !important; /* Elegant Matte Gold */
    transform: translateY(-2px) !important;
}

/* Subtle light-sweep animation on hover */
.heder__category > li:not(.all__category__list) a::after,
.right__menu__top li a::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -100%;
    width: 30%;
    height: 200%;
    background: rgba(255, 255, 255, 0.1);
    transform: rotate(35deg);
    pointer-events: none;
    z-index: 1;
}

.heder__category > li:not(.all__category__list) a:hover::after,
.right__menu__top li a:hover::after {
    left: 150%;
    transition: all 0.6s ease-in-out;
}

/* ====================================================
   HEADER LAYOUT STABILITY FIX
   Prevents menu items from expanding vertically or
   wrapping text, which causes layout shifts.
   ==================================================== */
.heder__category > li:not(.all__category__list) a,
.right__menu__top li a,
.all__category__list > a {
    white-space: nowrap !important;
    max-height: 40px !important;
    overflow: hidden !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.all__category__list > a {
    justify-content: space-between !important;
}

/* Ensure the Login / Sign Up container doesn't overflow */
.right__menu__top {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
}

.for_order p {
    margin: 0 !important;
    line-height: 1 !important;
}

/* Constrain the All Categories button height */
.all__category__list {
    height: 48px !important;
    /* Removed overflow:hidden to allow dropdown to show */
}

.all__category__list > a {
    height: 100% !important;
    padding: 0 15px !important;
}

/* Unique Styles for Details Page Add to Cart and Order Now Buttons */
.single_product.d-flex {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 16px !important;
    margin-top: 15px !important;
    margin-bottom: 12px !important;
    width: 100% !important;
    padding: 0 !important;
}

/* Base style for both details page buttons */
.single_product.d-flex .add_cart_btn,
.single_product.d-flex .order_now_btn {
    flex: 1 !important;
    width: auto !important; /* override the 100% width from premium.css */
    height: 50px !important; /* Premium taller button height */
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    border-radius: 8px !important; /* modern rounded corners */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    margin: 0 !important;
    padding: 10px 20px !important;
    border: none !important;
    outline: none !important;
    box-sizing: border-box !important;
}

.single_product.d-flex button i {
    margin-right: 8px !important;
    font-size: 16px !important;
}

/* ==========================================
   ADD TO CART BUTTON: Dark Glassmorphic/Carbon Style
   Animation: Scaling bounce + background shift + glow
   ========================================== */
.single_product.d-flex .add_cart_btn {
    background: #111111 !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.single_product.d-flex .add_cart_btn:hover {
    background: #ff0018 !important; /* Shifts to brand red on hover */
    color: #ffffff !important;
    border-color: #ff0018 !important;
    transform: translateY(-4px) scale(1.02) !important;
    box-shadow: 0 10px 20px rgba(255, 0, 24, 0.35) !important;
}

/* ==========================================
   ORDER NOW BUTTON: Glowing Royal Red Gradient
   Animation: Moving Diagonal Light Sweep / Shine Effect
   ========================================== */
.single_product.d-flex .order_now_btn {
    background: linear-gradient(135deg, #ff0018 0%, #d60014 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 18px rgba(255, 0, 24, 0.3) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

/* Create the shine overlay */
.single_product.d-flex .order_now_btn::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 60% !important;
    height: 100% !important;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.4) 50%,
        rgba(255, 255, 255, 0) 100%
    ) !important;
    transform: skewX(-30deg) !important;
    transition: none !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

.single_product.d-flex .order_now_btn:hover {
    transform: translateY(-4px) scale(1.02) !important;
    box-shadow: 0 12px 25px rgba(255, 0, 24, 0.5) !important;
}

/* Trigger shine animation on hover */
.single_product.d-flex .order_now_btn:hover::after {
    left: 160% !important;
    transition: all 0.8s ease-in-out !important;
}

/* Active / Press states for both buttons */
.single_product.d-flex .add_cart_btn:active,
.single_product.d-flex .order_now_btn:active {
    transform: translateY(-1px) scale(0.97) !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
}

/* Mobile responsive optimizations — placeholder removed (orphan block) */
/* Nav hover styles overridden by Luxury Redesign block below — duplicate removed */

/* ====================================================
   HEADER LAYOUT STABILITY FIX
   Prevents menu items from expanding vertically or
   wrapping text, which causes layout shifts.
   ==================================================== */
.heder__category > li:not(.all__category__list) a,
.right__menu__top li a,
.all__category__list > a {
    white-space: nowrap !important;
    max-height: 40px !important;
    overflow: hidden !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.all__category__list > a {
    justify-content: space-between !important;
}

/* Ensure the Login / Sign Up container doesn't overflow */
.right__menu__top {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
}

.for_order p {
    margin: 0 !important;
    line-height: 1 !important;
}

/* Constrain the All Categories button height */
.all__category__list {
    height: 48px !important;
    /* Removed overflow:hidden to allow dropdown to show */
}

.all__category__list > a {
    height: 100% !important;
    padding: 0 15px !important;
}

/* Unique Styles for Details Page Add to Cart and Order Now Buttons */
.single_product.d-flex {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 16px !important;
    margin-top: 15px !important;
    margin-bottom: 12px !important;
    width: 100% !important;
    padding: 0 !important;
}

/* Base style for both details page buttons */
.single_product.d-flex .add_cart_btn,
.single_product.d-flex .order_now_btn {
    flex: 1 !important;
    width: auto !important; /* override the 100% width from premium.css */
    height: 50px !important; /* Premium taller button height */
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    border-radius: 8px !important; /* modern rounded corners */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    margin: 0 !important;
    padding: 10px 20px !important;
    border: none !important;
    outline: none !important;
    box-sizing: border-box !important;
}

.single_product.d-flex button i {
    margin-right: 8px !important;
    font-size: 16px !important;
}

/* ==========================================
   ADD TO CART BUTTON: Dark Glassmorphic/Carbon Style
   Animation: Scaling bounce + background shift + glow
   ========================================== */
.single_product.d-flex .add_cart_btn {
    background: #111111 !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.single_product.d-flex .add_cart_btn:hover {
    background: #ff0018 !important; /* Shifts to brand red on hover */
    color: #ffffff !important;
    border-color: #ff0018 !important;
    transform: translateY(-4px) scale(1.02) !important;
    box-shadow: 0 10px 20px rgba(255, 0, 24, 0.35) !important;
}

/* ==========================================
   ORDER NOW BUTTON: Glowing Royal Red Gradient
   Animation: Moving Diagonal Light Sweep / Shine Effect
   ========================================== */
.single_product.d-flex .order_now_btn {
    background: linear-gradient(135deg, #ff0018 0%, #d60014 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 18px rgba(255, 0, 24, 0.3) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

/* Create the shine overlay */
.single_product.d-flex .order_now_btn::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 60% !important;
    height: 100% !important;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.4) 50%,
        rgba(255, 255, 255, 0) 100%
    ) !important;
    transform: skewX(-30deg) !important;
    transition: none !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

.single_product.d-flex .order_now_btn:hover {
    transform: translateY(-4px) scale(1.02) !important;
    box-shadow: 0 12px 25px rgba(255, 0, 24, 0.5) !important;
}

/* Trigger shine animation on hover */
.single_product.d-flex .order_now_btn:hover::after {
    left: 160% !important;
    transition: all 0.8s ease-in-out !important;
}

/* Active / Press states for both buttons */
.single_product.d-flex .add_cart_btn:active,
.single_product.d-flex .order_now_btn:active {
    transform: translateY(-1px) scale(0.97) !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
}

/* Mobile responsive optimizations */
@media only screen and (max-width: 767px) {
    .single_product.d-flex {
        gap: 10px !important;
    }
    
    .single_product.d-flex .add_cart_btn,
    .single_product.d-flex .order_now_btn {
        height: 46px !important;
        font-size: 14px !important;
        letter-spacing: 0.5px !important;
    }
}

/* ==========================================================================
   LUXURY FASHION THEME CUSTOM OVERRIDES
   ========================================================================== */

/* 1. Global Reset & Layout Backgrounds */
body, 
#content,
.product-section,
.homeproduct,
.bottoads_area,
.footer_top_ads_area,
.custom_paginate,
section {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

/* 2. Luxury Product Cards Styling */
.product_item,
.product-item,
.wist_item,
.product-inner,
.product-card {
    background: #ffffff !important;
    border: 1px solid #ebebeb !important;
    border-radius: 0 !important; /* Square sharp borders */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    padding: 15px !important;
}

/* =========== LUXURY PRODUCT CARD HOVER GLOW =========== */

/* Keyframe: soft ambient glow breathing effect */
@keyframes cardGlowBreath {
    0%   { box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.10),
        0 0 0 0 rgba(212, 175, 55, 0),
        0 20px 60px rgba(180, 140, 60, 0.12); }
    50%  { box-shadow:
        0 16px 45px rgba(0, 0, 0, 0.13),
        0 0 30px 4px rgba(212, 175, 55, 0.10),
        0 28px 70px rgba(180, 140, 60, 0.18); }
    100% { box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.10),
        0 0 0 0 rgba(212, 175, 55, 0),
        0 20px 60px rgba(180, 140, 60, 0.12); }
}

.product_item:hover,
.product-item:hover,
.wist_item:hover,
.product-inner:hover,
.product-card:hover {
    transform: translateY(-7px) !important;
    border-color: rgba(212, 175, 55, 0.30) !important;
    animation: cardGlowBreath 2.8s ease-in-out infinite !important;
    /* Fallback static shadow (before animation kicks in) */
    box-shadow:
        0 12px 35px rgba(0, 0, 0, 0.11),
        0 4px 15px rgba(212, 175, 55, 0.12),
        0 30px 70px rgba(180, 140, 60, 0.10),
        0 0 0 1px rgba(212, 175, 55, 0.08) !important;
    z-index: 10 !important;
}

/* Subtle glow ring behind the card using ::after pseudo */
.product_item,
.product-item,
.wist_item,
.product-inner,
.product-card {
    position: relative !important;
}

.product_item::after,
.product-item::after,
.wist_item::after,
.product-inner::after,
.product-card::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    background: radial-gradient(
        ellipse at 50% 110%,
        rgba(212, 175, 55, 0.18) 0%,
        rgba(255, 255, 255, 0) 70%
    ) !important;
    opacity: 0 !important;
    transition: opacity 0.45s ease !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

.product_item:hover::after,
.product-item:hover::after,
.wist_item:hover::after,
.product-inner:hover::after,
.product-card:hover::after {
    opacity: 1 !important;
}

/* Image zoom transition */
.product_item .pro_img,
.product-item .pro_img {
    overflow: hidden !important;
    border-radius: 0 !important;
}

.product_item .pro_img img,
.product-item .pro_img img {
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    width: 100% !important;
}

.product_item:hover .pro_img img,
.product-item:hover .pro_img img {
    transform: scale(1.05) !important;
}

/* 3. Luxury Typography & Prices */
.pro_name a,
.pro_des .pro_name a {
    color: #111111 !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    letter-spacing: 0.3px !important;
    text-transform: uppercase !important;
    line-height: 1.4 !important;
    font-family: 'Outfit', sans-serif !important;
}

.pro_name a:hover {
    color: #8f7255 !important; /* Muted brass/gold on hover */
    text-decoration: none !important;
}

.pro_price {
    margin-top: 12px !important;
    margin-bottom: 8px !important;
}

.pro_price p {
    font-family: 'Outfit', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #111111 !important;
    letter-spacing: 0.2px !important;
}

.pro_price del,
.pro_price s {
    color: #999999 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    margin-right: 6px !important;
}

/* =========== GOLDEN CIRCULAR DISCOUNT BADGE + ANIMATION =========== */

/* Keyframe: gentle pulse + glow */
@keyframes goldBadgePulse {
    0%   { transform: scale(1);    box-shadow: 0 4px 18px rgba(212,175,55,0.55), 0 0 0 0 rgba(212,175,55,0.45); }
    50%  { transform: scale(1.08); box-shadow: 0 6px 28px rgba(212,175,55,0.75), 0 0 0 7px rgba(212,175,55,0); }
    100% { transform: scale(1);    box-shadow: 0 4px 18px rgba(212,175,55,0.55), 0 0 0 0 rgba(212,175,55,0); }
}

/* Keyframe: subtle shimmer on badge surface */
@keyframes goldShimmer {
    0%   { background-position: -80px 0; }
    100% { background-position: 160px 0; }
}

/* Outer wrapper — positions the badge on the card */
.sale-badge,
.product_item_inner .sale-badge {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
    z-index: 10 !important;
    width: 42px !important;
    height: 42px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    animation: goldBadgePulse 2.4s ease-in-out infinite !important;
}

/* Middle layer — no visual styling, just structural */
.sale-badge-inner,
.product_item_inner .sale-badge-inner {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    position: relative !important;
    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* The actual circular golden badge */
.sale-badge-box,
.product_item_inner .sale-badge-box {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    background: linear-gradient(145deg, #f9e270 0%, #d4af37 45%, #aa841c 100%) !important;
    border: 2px solid rgba(255, 240, 120, 0.7) !important;
    box-shadow:
        0 4px 18px rgba(212, 175, 55, 0.6),
        0 0 0 3px rgba(212, 175, 55, 0.18),
        inset 0 1px 3px rgba(255, 255, 255, 0.4) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    position: relative !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Shimmer sweep over the circle */
.sale-badge-box::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    background: linear-gradient(
        105deg,
        transparent 30%,
        rgba(255, 255, 255, 0.38) 50%,
        transparent 70%
    ) !important;
    background-size: 240px 100% !important;
    animation: goldShimmer 2.2s linear infinite !important;
    pointer-events: none !important;
}

/* Text block inside the circle */
.sale-badge-text,
.product_item_inner span.sale-badge-text {
    background: transparent !important;
    color: #3b2600 !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    padding: 0 !important;
    text-shadow: 0 1px 1px rgba(255, 240, 100, 0.4) !important;
}

/* Percentage number */
.sale-badge-text p,
span.sale-badge-text p {
    color: #3b2600 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.1 !important;
    display: block !important;
    text-shadow: 0 1px 2px rgba(255, 240, 100, 0.5) !important;
}

/* 5. Premium Gold/Brass Star Ratings */
.product_item i.fa-star,
.product_item i.fa-star-half-alt,
.product_item i.fa-star-o,
.product_item i.far.fa-star,
.product_item i.fas.fa-star {
    color: #c5a880 !important; /* Soft luxury gold/brass */
    font-size: 12px !important;
    margin-right: 2px !important;
}

/* 6. Standardized Product Action Buttons (Order Now) */
.pro_btn .cart_btn button,
.pro_btn .order_button a,
.addcartbutton,
.submit-btn,
.order_now_btn,
.add_cart_btn,
button[type="submit"].btn,
input[type="submit"].btn {
    border-radius: 0 !important; /* Completely square */
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    height: 40px !important;
    border: 1px solid transparent !important;
    transition: all 0.3s ease-in-out !important;
}

.addcartbutton span {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
}

/* 7. View More / View All Outline Buttons */
.view_more_btn {
    background: #ffffff !important;
    color: #111111 !important;
    border: 1px solid #111111 !important;
    border-radius: 0 !important; /* Sharp corners */
    padding: 8px 20px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    transition: all 0.3s ease-in-out !important;
}

.view_more_btn:hover {
    background: #111111 !important;
    color: #ffffff !important;
    transform: none !important;
    box-shadow: none !important;
}

/* 8. Category Slider Cards */
.cat_item {
    background: #ffffff !important;
    border: 1px solid #ebebeb !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
    height: auto !important;
    padding: 20px 10px !important;
}

.cat_item:hover {
    border-color: #111111 !important;
    box-shadow: 0 6px 15px rgba(0,0,0,0.04) !important;
}

.cat_img {
    border-radius: 50% !important;
    border: 1px solid #ebebeb !important;
    width: 80px !important;
    height: 80px !important;
    overflow: hidden !important;
    background: #fafafa !important;
}

.cat_img img {
    transition: transform 0.4s ease !important;
}

.cat_item:hover .cat_img img {
    transform: scale(1.08) !important;
}

.cat_name a {
    font-family: 'Outfit', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #111111 !important;
}

/* 9. Customer Review Cards */
.customer-review .border {
    border: 1px solid #ebebeb !important;
    border-radius: 0 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.02) !important;
}


/* ==========================================================================
   ✦ LUXURY FASHION REDESIGN — WORLD CLASS PREMIUM UI
   Old Money · Timeless · Elegant · High-End Fashion
   ========================================================================== */

/* --- Google Font: Add Cormorant Garamond for luxury headings --- */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500&family=Outfit:wght@300;400;500;600;700;800&display=swap");

/* --- Luxury Design Tokens --- */
:root {
    --lux-black:       #0a0a0a;
    --lux-charcoal:    #1a1a1a;
    --lux-warm-black:  #111111;
    --lux-white:       #ffffff;
    --lux-off-white:   #fafaf8;
    --lux-cream:       #f7f4ef;
    --lux-gold:        #c9a84c;
    --lux-gold-light:  #e8c97a;
    --lux-gold-dark:   #9a7530;
    --lux-gold-glow:   rgba(201, 168, 76, 0.25);
    --lux-border:      #e8e4de;
    --lux-border-dark: #d4cfc6;
    --lux-text:        #1a1a1a;
    --lux-text-muted:  #6b6560;
    --lux-text-light:  #9a9490;
    --lux-shadow-sm:   0 2px 12px rgba(0,0,0,0.06);
    --lux-shadow-md:   0 8px 32px rgba(0,0,0,0.10);
    --lux-shadow-lg:   0 20px 60px rgba(0,0,0,0.14);
    --lux-transition:  all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* ── GLOBAL BODY & BACKGROUND ─────────────────────────────── */
body, #content,
.homeproduct, .product-section,
.bottoads_area, .footer_top_ads_area,
.custom_paginate, .chheckout-section,
.auth-section, .pro_details_area,
.related-product-section, section {
    background: var(--lux-white) !important;
    background-color: var(--lux-white) !important;
}

body {
    font-family: 'Outfit', 'Hind Siliguri', sans-serif !important;
    color: var(--lux-text) !important;
    -webkit-font-smoothing: antialiased !important;
    letter-spacing: 0.01em !important;
}

/* ── SECTION TITLE — Luxury Editorial Style ───────────────── */
.sec_title h3.section-title-header,
.section-title-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-bottom: 14px !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid var(--lux-border) !important;
    position: relative !important;
}

.section-title-header::before {
    content: "" !important;
    position: absolute !important;
    bottom: -1px !important;
    left: 0 !important;
    width: 48px !important;
    height: 2px !important;
    background: var(--lux-gold) !important;
}

.section-title-name {
    font-family: 'Cormorant Garamond', 'Outfit', serif !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: var(--lux-black) !important;
    border-bottom: none !important;
    display: inline !important;
    padding-bottom: 0 !important;
}

/* ── PRODUCT CARDS — Luxury Fashion Style ─────────────────── */
.product_item,
.product-item,
.wist_item,
.product-inner,
.product-card {
    background: var(--lux-white) !important;
    border: 1px solid var(--lux-border) !important;
    border-radius: 0 !important;
    box-shadow: var(--lux-shadow-sm) !important;
    transition: var(--lux-transition) !important;
    overflow: hidden !important;
    position: relative !important;
    padding: 0 !important;
}

.product_item::after,
.product-item::after,
.wist_item::after,
.product-inner::after,
.product-card::after {
    display: none !important;
    content: none !important;
}

/* Hover — clean lift + warm ambient shadow, no animation flash */
.product_item:hover,
.product-item:hover,
.wist_item:hover,
.product-inner:hover,
.product-card:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(201,168,76,0.35) !important;
    animation: none !important;
    box-shadow:
        0 2px 8px rgba(0,0,0,0.06),
        0 10px 28px rgba(0,0,0,0.09),
        0 22px 55px rgba(180,140,60,0.12) !important;
    z-index: 10 !important;
}

/* Image area */
.product_item .pro_img,
.product-item .pro_img {
    overflow: hidden !important;
    border-radius: 0 !important;
    background: var(--lux-cream) !important;
}

.product_item .pro_img img,
.product-item .pro_img img {
    transition: transform 0.55s cubic-bezier(0.25,0.46,0.45,0.94) !important;
    width: 100% !important;
    display: block !important;
}

.product_item:hover .pro_img img,
.product-item:hover .pro_img img {
    transform: scale(1.05) !important;
}

/* ── PRODUCT INFO INSIDE CARD ─────────────────────────────── */
.product_item_inner {
    padding: 0 !important;
    position: relative !important;
}

/* Product name after the inner div — padding from sides */
.pro_des {
    padding: 12px 12px 4px !important;
}

.pro_name a,
.pro_des .pro_name a {
    font-family: 'Outfit', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--lux-text) !important;
    letter-spacing: 0.3px !important;
    text-transform: uppercase !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    transition: color 0.25s ease !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.pro_name a:hover {
    color: var(--lux-gold-dark) !important;
}

/* Stars */
.product_item .fas.fa-star,
.product_item .fas.fa-star-half-alt,
.fas.fa-star, .fas.fa-star-half-alt {
    color: var(--lux-gold) !important;
    font-size: 11px !important;
}
.product_item .far.fa-star,
.far.fa-star {
    color: var(--lux-border-dark) !important;
    font-size: 11px !important;
}

/* Price */
.pro_price {
    padding: 6px 12px 10px !important;
}

.pro_price p {
    font-family: 'Outfit', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--lux-black) !important;
    margin: 0 !important;
    letter-spacing: 0.2px !important;
}

.pro_price del, .pro_price s {
    color: var(--lux-text-light) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    margin-right: 5px !important;
}

/* ── ORDER NOW BUTTON — Luxury Fashion CTA ────────────────── */
.pro_btn, .cart_btn, .order_button {
    width: 100% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pro_btn form { width: 100% !important; margin: 0 !important; display: block !important; }

.pro_btn .cart_btn button,
.pro_btn .order_button a,
.addcartbutton {
    background: var(--lux-black) !important;
    color: var(--lux-white) !important;
    border: none !important;
    border-radius: 0 !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    width: 100% !important;
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: var(--lux-transition) !important;
    box-shadow: none !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Shimmer on hover */
.pro_btn .cart_btn button::before,
.pro_btn .order_button a::before,
.addcartbutton::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important; left: -100% !important;
    width: 60% !important; height: 100% !important;
    background: linear-gradient(to right, transparent, rgba(255,255,255,0.12), transparent) !important;
    transform: skewX(-20deg) !important;
    transition: none !important;
    pointer-events: none !important;
}

.pro_btn .cart_btn button:hover::before,
.pro_btn .order_button a:hover::before,
.addcartbutton:hover::before {
    left: 160% !important;
    transition: left 0.65s ease !important;
}

.pro_btn .cart_btn button:hover,
.pro_btn .order_button a:hover,
.addcartbutton:hover {
    background: var(--lux-gold-dark) !important;
    color: var(--lux-white) !important;
    box-shadow: 0 6px 20px rgba(154,117,48,0.30) !important;
    transform: translateY(-2px) !important;
    border: none !important;
}

.addcartbutton span {
    font-family: 'Outfit', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: inherit !important;
    background: transparent !important;
}

/* ── VIEW MORE BUTTON ─────────────────────────────────────── */
.view_more_btn {
    background: transparent !important;
    color: var(--lux-black) !important;
    border: 1px solid var(--lux-black) !important;
    border-radius: 0 !important;
    padding: 6px 18px !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    transition: var(--lux-transition) !important;
}

.view_more_btn:hover {
    background: var(--lux-black) !important;
    color: var(--lux-white) !important;
    transform: none !important;
    box-shadow: none !important;
    border-color: var(--lux-black) !important;
}

/* ── CATEGORY CARDS ───────────────────────────────────────── */
.cat_item {
    background: var(--lux-white) !important;
    border: 1px solid var(--lux-border) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 18px 8px !important;
    height: auto !important;
    transition: var(--lux-transition) !important;
    text-align: center !important;
}

.cat_item:hover {
    border-color: var(--lux-gold) !important;
    box-shadow: 0 6px 24px rgba(201,168,76,0.12) !important;
    transform: translateY(-3px) !important;
}

.cat_img {
    width: 76px !important;
    height: 76px !important;
    border-radius: 50% !important;
    border: 1.5px solid var(--lux-border) !important;
    overflow: hidden !important;
    background: var(--lux-cream) !important;
    margin: 0 auto 10px !important;
    transition: var(--lux-transition) !important;
}

.cat_item:hover .cat_img {
    border-color: var(--lux-gold) !important;
    transform: scale(1.06) !important;
}

.cat_img img {
    width: auto !important;
    max-width: 90% !important;
    height: 100% !important;
    object-fit: contain !important;
}

.cat_name a {
    font-family: 'Outfit', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    color: var(--lux-text) !important;
}

.cat_item:hover .cat_name a {
    color: var(--lux-gold-dark) !important;
}

/* ── MAIN HEADER — White Clean Luxury ────────────────────── */
.main-header, .logo-area {
    background: var(--lux-white) !important;
    border-bottom: 1px solid var(--lux-border) !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.04) !important;
    animation: none !important;
    background-size: unset !important;
}

/* ── NAVIGATION MENU BAR ─────────────────────────────────── */
.menu-area {
    border-top: 1px solid var(--lux-border) !important;
}

/* Nav links */
.heder__category > li:not(.all__category__list) a,
.right__menu__top li a,
.right__menu__top li p a {
    font-family: 'Outfit', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    transition: color 0.25s ease !important;
    padding: 8px 12px !important;
    margin: 0 2px !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
    max-height: 42px !important;
    overflow: hidden !important;
    position: relative !important;
}

/* Underline slide effect */
.heder__category > li:not(.all__category__list) a::after,
.right__menu__top li a::after {
    content: '' !important;
    position: absolute !important;
    bottom: 4px !important; left: 12px !important;
    width: 0 !important; height: 1px !important;
    background: var(--lux-gold) !important;
    transition: width 0.32s ease !important;
    top: auto !important;
    transform: none !important;
    border-radius: 0 !important;
    opacity: 1 !important;
}

.heder__category > li:not(.all__category__list) a:hover,
.right__menu__top li a:hover {
    background: transparent !important;
    backdrop-filter: none !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--lux-gold-dark) !important;
    transform: none !important;
}

.heder__category > li:not(.all__category__list) a:hover::after,
.right__menu__top li a:hover::after {
    width: calc(100% - 24px) !important;
    left: 12px !important;
    transition: width 0.32s ease !important;
}

/* ── SEARCH BAR ──────────────────────────────────────────── */
.main-search form,
.mobile-search form {
    border: 1.5px solid #d4cfc6 !important;
    border-radius: 0 !important;
    background: var(--lux-white) !important;
    transition: border-color 0.25s ease !important;
    overflow: hidden !important;
    display: flex !important;
}

.main-search form:focus-within,
.mobile-search form:focus-within {
    border-color: var(--lux-gold) !important;
}

.search_keyword, .msearch_keyword {
    background: var(--lux-white) !important;
    color: var(--lux-text) !important;
    font-size: 13px !important;
    letter-spacing: 0.3px !important;
    border: none !important;
    border-radius: 0 !important;
}

.search_keyword::placeholder, .msearch_keyword::placeholder {
    color: var(--lux-text-light) !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
}

/* ── PRODUCT DETAILS PAGE ────────────────────────────────── */
.main-details-page {
    background: var(--lux-white) !important;
    padding-top: 24px !important;
}

.details_right .product-cart p.name {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 26px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: var(--lux-black) !important;
    line-height: 1.3 !important;
    margin-bottom: 10px !important;
}

.details_right .details-price {
    font-family: 'Outfit', sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: var(--lux-black) !important;
    letter-spacing: 0.2px !important;
}

.details_right .details-price del {
    color: var(--lux-text-light) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    margin-right: 8px !important;
}

/* Breadcrumb */
.breadcrumb ul {
    display: flex !important;
    gap: 6px !important;
    list-style: none !important;
    padding: 0 !important;
    margin-bottom: 14px !important;
    align-items: center !important;
}

.breadcrumb ul li a {
    font-size: 12px !important;
    color: var(--lux-text-muted) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.breadcrumb ul li a:hover {
    color: var(--lux-gold-dark) !important;
}

.breadcrumb ul li span {
    color: var(--lux-border-dark) !important;
    font-size: 11px !important;
}

/* ── DETAILS PAGE — SIZE & COLOR SELECTORS ───────────────── */
.selector-item_label {
    border: 1.5px solid var(--lux-border) !important;
    border-radius: 0 !important;
    transition: border-color 0.2s ease !important;
    cursor: pointer !important;
}

.selector-item_radio:checked + .selector-item_label {
    border-color: var(--lux-black) !important;
    box-shadow: 0 0 0 1px var(--lux-black) !important;
}

/* ── DESCRIPTION NAV TABS ────────────────────────────────── */
.description-nav {
    border-bottom: 1px solid var(--lux-border) !important;
}

.desc-nav-ul {
    display: flex !important;
    gap: 0 !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.desc-nav-ul li a {
    font-family: 'Outfit', sans-serif !important;
    font-size: 12px !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    color: var(--lux-text-muted) !important;
    padding: 14px 22px !important;
    display: block !important;
    text-decoration: none !important;
    border-bottom: 2px solid transparent !important;
    transition: var(--lux-transition) !important;
}

.desc-nav-ul li a:hover {
    color: var(--lux-black) !important;
    border-bottom-color: var(--lux-gold) !important;
}

/* ── REVIEW CARD ─────────────────────────────────────────── */
.review-card {
    border: 1px solid var(--lux-border) !important;
    padding: 18px 20px !important;
    margin-bottom: 12px !important;
    background: var(--lux-white) !important;
    transition: var(--lux-transition) !important;
}

.review-card:hover {
    border-color: var(--lux-border-dark) !important;
    box-shadow: var(--lux-shadow-sm) !important;
}

.reviewer_name {
    font-weight: 700 !important;
    font-size: 14px !important;
    color: var(--lux-black) !important;
    letter-spacing: 0.3px !important;
}

.review_data {
    font-size: 11px !important;
    color: var(--lux-text-light) !important;
    letter-spacing: 0.5px !important;
}

.review_star i { color: var(--lux-gold) !important; }

.review_content {
    font-size: 14px !important;
    color: var(--lux-text-muted) !important;
    line-height: 1.7 !important;
    margin-top: 6px !important;
}

/* ── ACTION BUTTONS — DETAILS PAGE ──────────────────────── */
.details-action-btn {
    background: var(--lux-white) !important;
    color: var(--lux-black) !important;
    border: 1.5px solid var(--lux-black) !important;
    border-radius: 0 !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding: 10px 24px !important;
    cursor: pointer !important;
    transition: var(--lux-transition) !important;
}

.details-action-btn:hover {
    background: var(--lux-black) !important;
    color: var(--lux-white) !important;
}

.details-review-button {
    background: var(--lux-black) !important;
    color: var(--lux-white) !important;
    border: none !important;
    border-radius: 0 !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding: 12px 28px !important;
    cursor: pointer !important;
    width: 100% !important;
    transition: var(--lux-transition) !important;
}

.details-review-button:hover {
    background: var(--lux-gold-dark) !important;
}

/* ── CHECKOUT PAGE ───────────────────────────────────────── */
.chheckout-section {
    padding: 32px 0 !important;
}

.chheckout-section .card {
    border: 1px solid var(--lux-border) !important;
    border-radius: 0 !important;
    box-shadow: var(--lux-shadow-sm) !important;
}

.chheckout-section .card-header {
    background: var(--lux-black) !important;
    border-bottom: none !important;
    padding: 14px 20px !important;
    border-radius: 0 !important;
}

.chheckout-section .card-header h5,
.chheckout-section .card-header h6 {
    color: var(--lux-white) !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    margin: 0 !important;
}

.order_place {
    background: var(--lux-black) !important;
    color: var(--lux-white) !important;
    border: none !important;
    border-radius: 0 !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    width: 100% !important;
    padding: 14px !important;
    cursor: pointer !important;
    transition: var(--lux-transition) !important;
    position: relative !important;
    overflow: hidden !important;
}

.order_place:hover {
    background: var(--lux-gold-dark) !important;
}

/* ── AUTH PAGES — Login / Register ──────────────────────── */
.auth-section {
    background: var(--lux-cream) !important;
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
}

.form-content {
    background: var(--lux-white) !important;
    border: 1px solid var(--lux-border) !important;
    border-radius: 0 !important;
    box-shadow: var(--lux-shadow-md) !important;
    padding: 40px 36px !important;
}

.auth-title {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: var(--lux-black) !important;
    text-align: center !important;
    margin-bottom: 28px !important;
    border-bottom: 1px solid var(--lux-border) !important;
    padding-bottom: 16px !important;
}

.form-content label {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: var(--lux-text-muted) !important;
}

.form-content .submit-btn {
    background: var(--lux-black) !important;
    color: var(--lux-white) !important;
    border: none !important;
    border-radius: 0 !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    width: 100% !important;
    padding: 14px !important;
    box-shadow: none !important;
    transition: var(--lux-transition) !important;
    cursor: pointer !important;
}

.form-content .submit-btn:hover {
    background: var(--lux-gold-dark) !important;
    transform: none !important;
}

.forget-link {
    color: var(--lux-text-muted) !important;
    font-size: 11px !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    display: block !important;
    margin-bottom: 14px !important;
}

.forget-link:hover {
    color: var(--lux-gold-dark) !important;
}

.no-account a, .register-now a {
    color: var(--lux-black) !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-decoration: underline !important;
}

/* ── FORM CONTROLS ───────────────────────────────────────── */
.form-control,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
select, textarea {
    background: var(--lux-white) !important;
    border: 1.5px solid var(--lux-border) !important;
    border-radius: 0 !important;
    color: var(--lux-text) !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 13px !important;
    transition: border-color 0.25s ease !important;
}

.form-control:focus,
input:focus, select:focus, textarea:focus {
    border-color: var(--lux-gold) !important;
    box-shadow: 0 0 0 3px var(--lux-gold-glow) !important;
    outline: none !important;
}

/* ── FOOTER — Luxury Black ───────────────────────────────── */
footer, .footer-top, .footer-bottom, .main-footer {
    background: var(--lux-black) !important;
    background-color: var(--lux-black) !important;
    background-image: none !important;
}

.footer-top {
    padding: 56px 0 40px !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

.footer-menu ul li.title a {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: var(--lux-gold-light) !important;
    display: block !important;
    margin-bottom: 16px !important;
    border: none !important;
}

.footer-menu ul li a {
    color: rgba(255,255,255,0.65) !important;
    font-size: 13px !important;
    letter-spacing: 0.3px !important;
    transition: all 0.25s ease !important;
    text-decoration: none !important;
    line-height: 2.2 !important;
}

.footer-menu ul li a:hover {
    color: var(--lux-gold-light) !important;
    padding-left: 6px !important;
}

.footer-about p {
    color: rgba(255,255,255,0.55) !important;
    font-size: 13px !important;
    line-height: 1.8 !important;
    margin-top: 14px !important;
}

.footer-bottom {
    background: #060606 !important;
    border-top: 1px solid rgba(255,255,255,0.06) !important;
    padding: 16px 0 !important;
}

.copyright p, .developer-credit {
    color: rgba(255,255,255,0.38) !important;
    font-size: 12px !important;
    letter-spacing: 0.3px !important;
    text-align: center !important;
}

.developer-credit-link,
.developer-credit a {
    color: var(--lux-gold) !important;
    font-weight: 600 !important;
}

.developer-credit-link:hover,
.developer-credit a:hover {
    color: var(--lux-gold-light) !important;
}

/* Social links */
.social_link { display: flex !important; gap: 10px !important; margin-top: 18px !important; }

.social_link li a {
    width: 36px !important; height: 36px !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: rgba(255,255,255,0.65) !important;
    font-size: 15px !important;
    transition: var(--lux-transition) !important;
    background: transparent !important;
}

.social_link li a:hover {
    background: var(--lux-gold) !important;
    border-color: var(--lux-gold) !important;
    color: var(--lux-black) !important;
    transform: translateY(-2px) !important;
}

/* ── SORTING / FILTER SECTION ────────────────────────────── */
.sorting-section {
    padding: 14px 0 18px !important;
    border-bottom: 1px solid var(--lux-border) !important;
    margin-bottom: 22px !important;
}

.category-breadcrumb {
    gap: 8px !important;
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

.category-breadcrumb a {
    color: var(--lux-text-muted) !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.category-breadcrumb a:hover { color: var(--lux-gold-dark) !important; }

.category-breadcrumb strong {
    color: var(--lux-black) !important;
    font-weight: 700 !important;
}

.showing-data span {
    font-size: 12px !important;
    color: var(--lux-text-light) !important;
    letter-spacing: 0.3px !important;
}

.page-sort .form-select {
    border: 1px solid var(--lux-border) !important;
    border-radius: 0 !important;
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
    background: var(--lux-white) !important;
}

/* ── SIDEBAR FILTER ──────────────────────────────────────── */
.sidebar_item.wraper__item {
    border: 1px solid var(--lux-border) !important;
    border-radius: 0 !important;
    margin-bottom: 16px !important;
    overflow: hidden !important;
}

.accordion-button {
    font-family: 'Outfit', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: var(--lux-black) !important;
    background: var(--lux-off-white) !important;
}

.accordion-button:not(.collapsed) {
    color: var(--lux-black) !important;
    background: var(--lux-off-white) !important;
    box-shadow: none !important;
}

.accordion-button:focus {
    box-shadow: 0 0 0 2px var(--lux-gold-glow) !important;
}

/* ── PAGINATION ──────────────────────────────────────────── */
.pagination .page-link {
    border: 1px solid var(--lux-border) !important;
    border-radius: 0 !important;
    color: var(--lux-text) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    transition: var(--lux-transition) !important;
}

.pagination .page-link:hover {
    background: var(--lux-black) !important;
    color: var(--lux-white) !important;
    border-color: var(--lux-black) !important;
}

.pagination .page-item.active .page-link {
    background: var(--lux-black) !important;
    border-color: var(--lux-black) !important;
    color: var(--lux-white) !important;
}

/* ── SCROLLBAR ───────────────────────────────────────────── */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: #f5f3ef; }
::-webkit-scrollbar-thumb { background: var(--lux-border-dark); border-radius: 0; }
::-webkit-scrollbar-thumb:hover { background: var(--lux-gold); }

/* ── SCROLL-TO-TOP ───────────────────────────────────────── */
.scrolltop {
    background: var(--lux-black) !important;
    border-radius: 0 !important;
    width: 38px !important;
    height: 38px !important;
    box-shadow: var(--lux-shadow-sm) !important;
    transition: var(--lux-transition) !important;
}

.scrolltop:hover {
    background: var(--lux-gold-dark) !important;
}

.scroll i { color: var(--lux-white) !important; }

/* ── SLIDER IMAGES ───────────────────────────────────────── */
.slider-item img,
.home-slider-container img {
    border-radius: 0 !important;
    display: block !important;
    width: 100% !important;
}

/* ── OFFER TIMER ─────────────────────────────────────────── */
.offer_timer .syotimer-cell__value {
    background: var(--lux-black) !important;
    color: var(--lux-white) !important;
    border-radius: 0 !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important;
}

.offer_timer .syotimer-cell__unit {
    color: var(--lux-text-muted) !important;
    font-size: 10px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

/* ── MOBILE MENU ─────────────────────────────────────────── */
.mobile-menu {
    background: var(--lux-white) !important;
    border-right: 1px solid var(--lux-border) !important;
    box-shadow: 4px 0 30px rgba(0,0,0,0.10) !important;
}

.mobile-menu-logo {
    background: var(--lux-black) !important;
    padding: 16px !important;
}

.mobile-menu * { color: var(--lux-text) !important; }
.mobile-menu-logo * { color: var(--lux-white) !important; }

.mobile-menu .menu-category-name {
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    border-bottom: 1px solid var(--lux-border) !important;
    padding: 13px 16px !important;
    transition: var(--lux-transition) !important;
}

.mobile-menu .menu-category-name:hover {
    background: var(--lux-cream) !important;
    color: var(--lux-black) !important;
    padding-left: 22px !important;
}

/* ── CALL NOW / WHATSAPP BUTTONS ON DETAILS PAGE ─────────── */
.call_now_btn {
    background: var(--lux-black) !important;
    color: var(--lux-white) !important;
    border: none !important;
    border-radius: 0 !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding: 12px 20px !important;
    transition: var(--lux-transition) !important;
}

.call_now_btn:hover {
    background: var(--lux-gold-dark) !important;
    color: var(--lux-white) !important;
}

/* ── ALERTS ──────────────────────────────────────────────── */
.alert-info {
    background: var(--lux-cream) !important;
    border: 1px solid var(--lux-border) !important;
    border-radius: 0 !important;
    color: var(--lux-text-muted) !important;
    font-size: 13px !important;
}

.alert-success {
    background: #f4faf5 !important;
    border: 1px solid #c3e6ca !important;
    border-radius: 0 !important;
    color: #2d6a4f !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 14px 18px !important;
    box-shadow: none !important;
}

/* ── RELATED PRODUCTS SECTION TITLE ─────────────────────── */
.related-title h5 {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: var(--lux-black) !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid var(--lux-border) !important;
    margin-bottom: 20px !important;
    position: relative !important;
}

.related-title h5::after {
    content: "" !important;
    position: absolute !important;
    bottom: -1px !important; left: 0 !important;
    width: 40px !important; height: 2px !important;
    background: var(--lux-gold) !important;
}

/* ── TABLE STYLES ────────────────────────────────────────── */
.table td, .table th {
    color: var(--lux-text) !important;
    border-color: var(--lux-border) !important;
    font-size: 13px !important;
    vertical-align: middle !important;
}

.table thead th {
    background: var(--lux-off-white) !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background: var(--lux-off-white) !important;
}

/* ── MOBILE RESPONSIVE FINE-TUNING ──────────────────────── */
@media (max-width: 767px) {
    .section-title-name {
        font-size: 18px !important;
    }
    .auth-title {
        font-size: 22px !important;
    }
    .form-content {
        padding: 28px 20px !important;
    }
    .pro_price p {
        font-size: 14px !important;
    }
    .pro_name a, .pro_des .pro_name a {
        font-size: 12px !important;
    }
    .cat_img {
        width: 62px !important;
        height: 62px !important;
    }
    .cat_name a {
        font-size: 10px !important;
    }
    .scrolltop {
        bottom: 90px !important;
    }
}

/* ── PREVENT GLOWPULSE ON BUTTONS (removes animation flash) ─ */
.pro_btn .cart_btn button,
.addcartbutton,
.go_cart,
.cart_store {
    animation: none !important;
}

/* ── WHATSAPP FLOAT BUTTON ───────────────────────────────── */
.float {
    background: #25d366 !important;
    animation: floatBob 3.5s ease-in-out infinite !important;
    border-radius: 50% !important;
    box-shadow: 0 6px 20px rgba(37,211,102,0.35) !important;
}

.float:hover {
    animation: none !important;
    transform: scale(1.08) !important;
    box-shadow: 0 8px 28px rgba(37,211,102,0.45) !important;
}


/* ==========================================================================
   ✦ 2026 ULTRA-LUXURY UPGRADE — GOLDEN ERA FASHION
   Young Generation Magnetic · Timeless Gold · Deep Shadows · Wow Effect
   ========================================================================== */

/* ── ENHANCED DESIGN TOKENS ──────────────────────────────── */
:root {
    /* Golden Button Palette */
    --btn-gold-start:  #c9a84c;
    --btn-gold-mid:    #e8c97a;
    --btn-gold-end:    #9a7530;
    --btn-gold-grad:   linear-gradient(135deg, #b8922e 0%, #e8c97a 45%, #b8922e 100%);
    --btn-gold-grad-h: linear-gradient(135deg, #9a7530 0%, #c9a84c 45%, #9a7530 100%);
    --btn-gold-shadow: 0 6px 24px rgba(184,146,46,0.40), 0 2px 8px rgba(184,146,46,0.20);
    --btn-gold-glow:   0 8px 32px rgba(201,168,76,0.55), 0 0 0 1px rgba(201,168,76,0.15);

    /* Deep Card Shadow */
    --card-shadow-deep: 0 4px 16px rgba(0,0,0,0.08), 0 12px 40px rgba(180,140,60,0.10), 0 28px 64px rgba(0,0,0,0.07);

    /* Accent Colors */
    --accent-rose:     #c9748a;
    --accent-champagne:#f5e6c8;
    --accent-ivory:    #fdf8f0;
    --accent-warm:     #f9f3e8;
}

/* ── KEYFRAMES FOR GOLDEN BUTTONS ────────────────────────── */
@keyframes goldSheen {
    0%   { background-position: -200% center; }
    100% { background-position: 200% center; }
}

@keyframes luxFloat {
    0%, 100% { transform: translateY(0px) scale(1); }
    50%       { transform: translateY(-3px) scale(1.01); }
}

@keyframes borderGlow {
    0%, 100% { box-shadow: var(--btn-gold-shadow); }
    50%       { box-shadow: var(--btn-gold-glow); }
}

/* ── PRODUCT CARD — DEEP SHADOW UPGRADE ─────────────────── */
.product_item,
.product-item,
.wist_item,
.product-inner,
.product-card {
    background: var(--lux-white) !important;
    border: 1px solid rgba(201,168,76,0.12) !important;
    border-radius: 2px !important;
    box-shadow:
        0 2px 8px rgba(0,0,0,0.05),
        0 6px 20px rgba(180,140,60,0.07) !important;
    transition: transform 0.32s cubic-bezier(0.25,0.46,0.45,0.94),
                box-shadow 0.32s cubic-bezier(0.25,0.46,0.45,0.94),
                border-color 0.32s ease !important;
    overflow: hidden !important;
    position: relative !important;
}

/* Resting shimmer border — subtle gold tint */
.product_item::before,
.product-item::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border: 1px solid transparent !important;
    border-image: linear-gradient(135deg, rgba(201,168,76,0.0), rgba(201,168,76,0.18), rgba(201,168,76,0.0)) 1 !important;
    pointer-events: none !important;
    z-index: 1 !important;
    transition: opacity 0.35s ease !important;
}

.product_item::after,
.product-item::after,
.wist_item::after,
.product-inner::after,
.product-card::after {
    display: none !important;
    content: none !important;
}

/* Hover — dramatic lift + warm gold glow from below */
.product_item:hover,
.product-item:hover,
.wist_item:hover,
.product-inner:hover,
.product-card:hover {
    transform: translateY(-8px) !important;
    border-color: rgba(201,168,76,0.38) !important;
    animation: none !important;
    box-shadow:
        0 1px 0 rgba(255,255,255,0.95),
        0 4px 12px rgba(0,0,0,0.08),
        0 14px 40px rgba(0,0,0,0.10),
        0 28px 60px rgba(180,140,60,0.16),
        0 40px 80px rgba(0,0,0,0.06) !important;
    z-index: 10 !important;
}

/* Image zoom */
.product_item .pro_img,
.product-item .pro_img {
    overflow: hidden !important;
    border-radius: 0 !important;
    background: var(--accent-ivory) !important;
    position: relative !important;
}

.product_item .pro_img img,
.product-item .pro_img img {
    transition: transform 0.60s cubic-bezier(0.25,0.46,0.45,0.94) !important;
    width: 100% !important;
    display: block !important;
}

.product_item:hover .pro_img img,
.product-item:hover .pro_img img {
    transform: scale(1.06) !important;
}

/* Subtle warm overlay on image hover */
.product_item .pro_img::after,
.product-item .pro_img::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, transparent 60%, rgba(201,168,76,0.06) 100%) !important;
    opacity: 0 !important;
    transition: opacity 0.35s ease !important;
    pointer-events: none !important;
    display: block !important;
}

.product_item:hover .pro_img::after,
.product-item:hover .pro_img::after {
    opacity: 1 !important;
}

/* ── GOLDEN ORDER NOW BUTTON — Product Cards ────────────── */
.pro_btn .cart_btn button,
.pro_btn .order_button a,
.addcartbutton {
    background: var(--btn-gold-grad) !important;
    background-size: 200% auto !important;
    color: #2a1a00 !important;
    border: none !important;
    border-radius: 1px !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 800 !important;
    font-size: 12px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    width: 100% !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.38s cubic-bezier(0.25,0.46,0.45,0.94) !important;
    box-shadow: var(--btn-gold-shadow) !important;
    position: relative !important;
    overflow: hidden !important;
    animation: none !important;
}

/* Gold sheen sweep on hover */
.pro_btn .cart_btn button::before,
.pro_btn .order_button a::before,
.addcartbutton::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important; left: -100% !important;
    width: 70% !important; height: 100% !important;
    background: linear-gradient(
        to right,
        transparent 0%,
        rgba(255,255,255,0.35) 50%,
        transparent 100%
    ) !important;
    transform: skewX(-15deg) !important;
    pointer-events: none !important;
    transition: none !important;
}

.pro_btn .cart_btn button:hover::before,
.pro_btn .order_button a:hover::before,
.addcartbutton:hover::before {
    left: 160% !important;
    transition: left 0.55s ease !important;
}

.pro_btn .cart_btn button:hover,
.pro_btn .order_button a:hover,
.addcartbutton:hover {
    background: var(--btn-gold-grad-h) !important;
    background-size: 200% auto !important;
    color: #1a0f00 !important;
    transform: translateY(-2px) !important;
    box-shadow: var(--btn-gold-glow) !important;
    border: none !important;
    animation: none !important;
}

.addcartbutton span {
    font-family: 'Outfit', sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: inherit !important;
    background: transparent !important;
}

/* Reset glowPulse animation — causes flicker */
.pro_btn .cart_btn button,
.addcartbutton,
.go_cart, .cart_store {
    animation: none !important;
}

/* ── VIEW MORE BUTTON — Golden Outline ──────────────────── */
.view_more_btn {
    background: transparent !important;
    color: var(--btn-gold-end) !important;
    border: 1.5px solid var(--btn-gold-start) !important;
    border-radius: 1px !important;
    padding: 7px 20px !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    transition: all 0.30s ease !important;
    box-shadow: none !important;
    position: relative !important;
    overflow: hidden !important;
}

.view_more_btn:hover {
    background: var(--btn-gold-grad) !important;
    color: #2a1a00 !important;
    border-color: transparent !important;
    transform: none !important;
    box-shadow: var(--btn-gold-shadow) !important;
}

/* ── ORDER PLACE BUTTON (Checkout) — Black + Gold Hover ─── */
.order_place {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%) !important;
    color: var(--lux-white) !important;
    border: 1px solid rgba(201,168,76,0.3) !important;
    border-radius: 1px !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 800 !important;
    font-size: 13px !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    width: 100% !important;
    padding: 16px !important;
    cursor: pointer !important;
    transition: all 0.38s cubic-bezier(0.25,0.46,0.45,0.94) !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.18), 0 0 0 1px rgba(201,168,76,0.10) !important;
}

.order_place::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: var(--btn-gold-grad) !important;
    opacity: 0 !important;
    transition: opacity 0.35s ease !important;
    pointer-events: none !important;
}

.order_place:hover {
    color: #2a1a00 !important;
    border-color: rgba(201,168,76,0.5) !important;
    box-shadow: var(--btn-gold-glow) !important;
    transform: translateY(-1px) !important;
}

.order_place:hover::after {
    opacity: 1 !important;
}

.order_place span, .order_place strong {
    position: relative !important;
    z-index: 2 !important;
}

/* ── SUBMIT / LOGIN BUTTON — Golden Premium ─────────────── */
.form-content .submit-btn,
.submit-btn {
    background: var(--btn-gold-grad) !important;
    background-size: 200% auto !important;
    color: #2a1a00 !important;
    border: none !important;
    border-radius: 1px !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 800 !important;
    font-size: 12px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    width: 100% !important;
    padding: 14px !important;
    box-shadow: var(--btn-gold-shadow) !important;
    transition: all 0.35s ease !important;
    cursor: pointer !important;
    position: relative !important;
    overflow: hidden !important;
}

.form-content .submit-btn:hover,
.submit-btn:hover {
    background: var(--btn-gold-grad-h) !important;
    background-size: 200% auto !important;
    color: #1a0f00 !important;
    box-shadow: var(--btn-gold-glow) !important;
    transform: translateY(-1px) !important;
}

/* ── DETAILS PAGE BUTTONS — Golden Luxury ───────────────── */
.single_product.d-flex .add_cart_btn {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%) !important;
    color: var(--lux-white) !important;
    border: 1px solid rgba(201,168,76,0.25) !important;
    border-radius: 1px !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.15) !important;
    transition: all 0.38s cubic-bezier(0.175,0.885,0.32,1.275) !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 800 !important;
    font-size: 13px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
}

.single_product.d-flex .add_cart_btn:hover {
    background: var(--btn-gold-grad) !important;
    color: #2a1a00 !important;
    border-color: transparent !important;
    transform: translateY(-3px) scale(1.01) !important;
    box-shadow: var(--btn-gold-glow) !important;
}

.single_product.d-flex .order_now_btn {
    background: var(--btn-gold-grad) !important;
    background-size: 200% auto !important;
    color: #2a1a00 !important;
    border: none !important;
    border-radius: 1px !important;
    box-shadow: var(--btn-gold-shadow) !important;
    transition: all 0.38s cubic-bezier(0.175,0.885,0.32,1.275) !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 800 !important;
    font-size: 13px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
}

.single_product.d-flex .order_now_btn::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important; left: -100% !important;
    width: 70% !important; height: 100% !important;
    background: linear-gradient(
        to right,
        transparent 0%,
        rgba(255,255,255,0.35) 50%,
        transparent 100%
    ) !important;
    transform: skewX(-15deg) !important;
    transition: none !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

.single_product.d-flex .order_now_btn:hover {
    background: var(--btn-gold-grad-h) !important;
    background-size: 200% auto !important;
    color: #1a0f00 !important;
    transform: translateY(-3px) scale(1.01) !important;
    box-shadow: var(--btn-gold-glow) !important;
}

.single_product.d-flex .order_now_btn:hover::after {
    left: 160% !important;
    transition: left 0.65s ease !important;
}

/* ── CALL NOW + WHATSAPP BUTTONS — Golden ───────────────── */
.call_now_btn,
.btn-success.call_now_btn {
    background: var(--btn-gold-grad) !important;
    background-size: 200% auto !important;
    color: #2a1a00 !important;
    border: none !important;
    border-radius: 1px !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 800 !important;
    font-size: 12px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding: 13px 20px !important;
    transition: all 0.35s ease !important;
    box-shadow: var(--btn-gold-shadow) !important;
}

.call_now_btn:hover,
.btn-success.call_now_btn:hover {
    background: var(--btn-gold-grad-h) !important;
    color: #1a0f00 !important;
    box-shadow: var(--btn-gold-glow) !important;
    transform: translateY(-1px) !important;
}

/* ── DETAILS ACTION + REVIEW BUTTONS ────────────────────── */
.details-action-btn {
    background: transparent !important;
    color: var(--btn-gold-end) !important;
    border: 1.5px solid var(--btn-gold-start) !important;
    border-radius: 1px !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding: 10px 24px !important;
    cursor: pointer !important;
    transition: all 0.30s ease !important;
    box-shadow: none !important;
}

.details-action-btn:hover {
    background: var(--btn-gold-grad) !important;
    color: #2a1a00 !important;
    border-color: transparent !important;
    box-shadow: var(--btn-gold-shadow) !important;
}

.details-review-button {
    background: var(--btn-gold-grad) !important;
    background-size: 200% auto !important;
    color: #2a1a00 !important;
    border: none !important;
    border-radius: 1px !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding: 13px 28px !important;
    cursor: pointer !important;
    width: 100% !important;
    transition: all 0.35s ease !important;
    box-shadow: var(--btn-gold-shadow) !important;
}

.details-review-button:hover {
    background: var(--btn-gold-grad-h) !important;
    color: #1a0f00 !important;
    box-shadow: var(--btn-gold-glow) !important;
}

/* ── GO CART + CART STORE — Golden ──────────────────────── */
.go_cart, .cart_store,
.btn-primary, .btn-success,
.checkout-btn, .button-primary {
    background: var(--btn-gold-grad) !important;
    background-size: 200% auto !important;
    color: #2a1a00 !important;
    border: none !important;
    border-radius: 1px !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    transition: all 0.35s ease !important;
    box-shadow: var(--btn-gold-shadow) !important;
    animation: none !important;
}

.go_cart:hover, .cart_store:hover,
.btn-primary:hover, .btn-success:hover {
    background: var(--btn-gold-grad-h) !important;
    color: #1a0f00 !important;
    box-shadow: var(--btn-gold-glow) !important;
    transform: translateY(-2px) !important;
}

/* ── SECTION TITLE — Upgraded with Gold Accent ──────────── */
.sec_title h3.section-title-header,
.section-title-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-bottom: 14px !important;
    margin-bottom: 22px !important;
    border-bottom: 1px solid rgba(201,168,76,0.20) !important;
    position: relative !important;
}

.section-title-header::before {
    content: "" !important;
    position: absolute !important;
    bottom: -1px !important; left: 0 !important;
    width: 56px !important; height: 2px !important;
    background: linear-gradient(90deg, var(--btn-gold-start), var(--btn-gold-mid)) !important;
}

.section-title-name {
    font-family: 'Cormorant Garamond', 'Outfit', serif !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: var(--lux-black) !important;
    border-bottom: none !important;
    display: inline !important;
    padding-bottom: 0 !important;
    background: linear-gradient(135deg, #1a1a1a 0%, #4a3a1a 60%, #1a1a1a 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* ── CATEGORY ITEM UPGRADE ───────────────────────────────── */
.cat_item {
    background: var(--accent-ivory) !important;
    border: 1px solid rgba(201,168,76,0.15) !important;
    border-radius: 2px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
    padding: 20px 10px !important;
    transition: all 0.35s cubic-bezier(0.25,0.46,0.45,0.94) !important;
}

.cat_item:hover {
    border-color: rgba(201,168,76,0.45) !important;
    box-shadow:
        0 4px 16px rgba(201,168,76,0.18),
        0 8px 32px rgba(0,0,0,0.06) !important;
    transform: translateY(-4px) !important;
    background: var(--lux-white) !important;
}

.cat_img {
    width: 78px !important; height: 78px !important;
    border-radius: 50% !important;
    border: 1.5px solid rgba(201,168,76,0.25) !important;
    overflow: hidden !important;
    background: var(--accent-champagne) !important;
    margin: 0 auto 10px !important;
    transition: all 0.35s ease !important;
}

.cat_item:hover .cat_img {
    border-color: var(--btn-gold-start) !important;
    box-shadow: 0 0 0 3px rgba(201,168,76,0.12) !important;
    transform: scale(1.05) !important;
}

/* ── BODY / PAGE BACKGROUND — Warm Ivory Tint ───────────── */
body, #content {
    background: #fdfbf7 !important;
    background-color: #fdfbf7 !important;
}

.homeproduct, .product-section,
.bottoads_area, .footer_top_ads_area,
.custom_paginate, .chheckout-section,
section {
    background: transparent !important;
    background-color: transparent !important;
}

/* ── PRODUCT INFO PADDING FIX ────────────────────────────── */
.pro_des { padding: 10px 12px 4px !important; }
.pro_price { padding: 4px 12px 10px !important; }

/* ── PRICE — Gold Accent on Sale Price ──────────────────── */
.pro_price p > *:last-child,
.pro_price p {
    color: var(--lux-black) !important;
}

.pro_price del, .pro_price s {
    color: #aaa8a0 !important;
}

/* Sale item price color */
.pro_price p:has(del) {
    color: var(--btn-gold-end) !important;
}

/* ── CHECKOUT CARD — Premium Upgrade ────────────────────── */
.chheckout-section .card {
    border: 1px solid rgba(201,168,76,0.18) !important;
    border-radius: 2px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06), 0 0 0 1px rgba(201,168,76,0.05) !important;
}

.chheckout-section .card-header {
    background: linear-gradient(135deg, #111111 0%, #1e1e1e 100%) !important;
    border-bottom: 1px solid rgba(201,168,76,0.20) !important;
    padding: 15px 20px !important;
    border-radius: 0 !important;
}

.chheckout-section .card-header h5,
.chheckout-section .card-header h6 {
    color: var(--btn-gold-mid) !important;
    letter-spacing: 1.5px !important;
}

/* ── AUTH PAGE UPGRADE ───────────────────────────────────── */
.auth-section {
    background: linear-gradient(135deg, #fdf8f0 0%, #fdfbf7 50%, #faf5ea 100%) !important;
}

.form-content {
    background: var(--lux-white) !important;
    border: 1px solid rgba(201,168,76,0.20) !important;
    border-top: 3px solid var(--btn-gold-start) !important;
    border-radius: 0 !important;
    box-shadow: 0 8px 40px rgba(0,0,0,0.08), 0 0 0 1px rgba(201,168,76,0.05) !important;
}

.auth-title {
    background: linear-gradient(135deg, #1a1a1a 0%, #8a6520 60%, #1a1a1a 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    border-bottom: 1px solid rgba(201,168,76,0.20) !important;
}

/* ── HEADER SEARCH BAR — Gold Focus ─────────────────────── */
.main-search form,
.mobile-search form {
    border: 1.5px solid #d4cfc6 !important;
    border-radius: 1px !important;
    transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
}

.main-search form:focus-within,
.mobile-search form:focus-within {
    border-color: var(--btn-gold-start) !important;
    box-shadow: 0 0 0 3px rgba(201,168,76,0.12) !important;
}

/* Search button — gold */
.main-search form button,
.mobile-search form button {
    background: var(--btn-gold-grad) !important;
    background-size: 200% auto !important;
    color: #2a1a00 !important;
    border: none !important;
    transition: all 0.30s ease !important;
}

.main-search form button:hover,
.mobile-search form button:hover {
    background: var(--btn-gold-grad-h) !important;
    background-size: 200% auto !important;
    color: #1a0f00 !important;
}

.main-search form button i,
.mobile-search form button i {
    color: #2a1a00 !important;
}

/* ── PAYMENT METHODS — Gold Radio ───────────────────────── */
.payment-methods .form-check-input {
    border-color: rgba(201,168,76,0.50) !important;
}

.payment-methods .form-check-input:checked {
    border-color: var(--btn-gold-start) !important;
    box-shadow: 0 0 0 3px rgba(201,168,76,0.15) !important;
}

.payment-methods .form-check-input:checked::after {
    background-color: var(--btn-gold-start) !important;
}

.payment-methods .form-check-input:checked + .form-check-label {
    color: var(--btn-gold-end) !important;
    font-weight: 700 !important;
}

/* ── FOOTER UPGRADE ──────────────────────────────────────── */
footer, .footer-top, .footer-bottom, .main-footer {
    background: #0a0a0a !important;
    background-color: #0a0a0a !important;
}

.footer-top {
    border-top: 2px solid rgba(201,168,76,0.25) !important;
}

.footer-bottom {
    border-top: 1px solid rgba(201,168,76,0.10) !important;
}

.footer-hotlint {
    color: var(--btn-gold-mid) !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: 0.5px !important;
}

/* ── SCROLLTOP — Gold ────────────────────────────────────── */
.scrolltop {
    background: var(--btn-gold-grad) !important;
    border-radius: 1px !important;
    width: 40px !important; height: 40px !important;
    box-shadow: var(--btn-gold-shadow) !important;
}

.scrolltop:hover {
    background: var(--btn-gold-grad-h) !important;
    box-shadow: var(--btn-gold-glow) !important;
}

.scroll i { color: #2a1a00 !important; }

/* ── PAGINATION — Gold Active ────────────────────────────── */
.pagination .page-item.active .page-link {
    background: var(--btn-gold-grad) !important;
    border-color: transparent !important;
    color: #2a1a00 !important;
    font-weight: 800 !important;
}

.pagination .page-link:hover {
    background: var(--btn-gold-grad) !important;
    color: #2a1a00 !important;
    border-color: transparent !important;
}

/* ── FORM FOCUS — Gold Rings ─────────────────────────────── */
.form-control:focus,
input:focus, select:focus, textarea:focus {
    border-color: var(--btn-gold-start) !important;
    box-shadow: 0 0 0 3px rgba(201,168,76,0.15) !important;
    outline: none !important;
}

/* ── MOBILE RESPONSIVE ───────────────────────────────────── */
@media (max-width: 767px) {
    .section-title-name {
        font-size: 17px !important;
        letter-spacing: 1.2px !important;
    }
    .pro_btn .cart_btn button,
    .pro_btn .order_button a,
    .addcartbutton {
        font-size: 11px !important;
        letter-spacing: 1.5px !important;
        height: 40px !important;
    }
    .single_product.d-flex .add_cart_btn,
    .single_product.d-flex .order_now_btn {
        height: 46px !important;
        font-size: 12px !important;
    }
}


/* ==========================================================================
   ✦ 2026 LUXURY FASHION REDESIGN — COMPLETE OVERRIDE BLOCK
   Chanel · Louis Vuitton · Dior × Gen-Z Energy
   Palette: Warm Ivory #fdfbf7 · Deep Black #0a0a0a · Gold #c9a84c→#e8c97a→#9a7530
   ========================================================================== */

/* ── LUXURY 2026: DESIGN TOKEN UPGRADE ──────────────────── */
:root {
    --lf-ivory:        #fdfbf7 !important;
    --lf-ivory-deep:   #f8f4ec !important;
    --lf-black:        #0a0a0a !important;
    --lf-charcoal:     #1c1c1c !important;
    --lf-gold-1:       #c9a84c !important;
    --lf-gold-2:       #e8c97a !important;
    --lf-gold-3:       #9a7530 !important;
    --lf-gold-btn:     linear-gradient(135deg, #b8922e 0%, #e8c97a 45%, #b8922e 100%) !important;
    --lf-gold-btn-h:   linear-gradient(135deg, #9a7530 0%, #c9a84c 45%, #9a7530 100%) !important;
    --lf-gold-sh:      0 6px 24px rgba(184,146,46,0.40), 0 2px 8px rgba(184,146,46,0.20) !important;
    --lf-gold-glow:    0 8px 32px rgba(201,168,76,0.55), 0 4px 12px rgba(184,146,46,0.30) !important;
    --lf-card-rest:    0 2px 8px rgba(0,0,0,0.05), 0 4px 16px rgba(180,140,60,0.07) !important;
    --lf-card-hover:   0 8px 20px rgba(0,0,0,0.09), 0 16px 48px rgba(180,140,60,0.14), 0 32px 70px rgba(0,0,0,0.07) !important;
    --lf-border:       rgba(201,168,76,0.18) !important;
    --lf-border-soft:  #ece8e0 !important;
    --lf-text:         #0a0a0a !important;
    --lf-text-muted:   #6b6357 !important;
    --lf-transition:   all 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* ── GLOBAL PAGE BACKGROUND — Warm Ivory ────────────────── */
html, body {
    background: #fdfbf7 !important;
    background-color: #fdfbf7 !important;
}

/* ── MOBILE HEADER — White, refined, gold cart accent ────── */
.mobile-header {
    background: #ffffff !important;
    border-bottom: 1px solid #ece8e0 !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.05) !important;
}

.mobile-header * {
    color: #0a0a0a !important;
}

/* Gold accent on cart icon in mobile header */
.mobile-header .cart-icon i,
.mobile-header a[href*="cart"] i,
.mobile-header .mobilecart i {
    color: #c9a84c !important;
}

.mobile-header .mobilecart-qty {
    background: linear-gradient(135deg, #b8922e 0%, #e8c97a 100%) !important;
    color: #2a1a00 !important;
    font-weight: 900 !important;
    box-shadow: 0 2px 8px rgba(184,146,46,0.40) !important;
    border: none !important;
}

/* ── MOBILE SEARCH BAR — Gold focus, gold button ─────────── */
.mobile-search {
    background: #ffffff !important;
    border-bottom: 1px solid #ece8e0 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
    padding: 8px 14px !important;
}

.mobile-search form {
    background: #ffffff !important;
    border: 1.5px solid #d8d3c8 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
}

.mobile-search form:focus-within {
    border-color: #c9a84c !important;
    box-shadow: 0 0 0 3px rgba(201,168,76,0.14) !important;
}

.mobile-search form input {
    background: #ffffff !important;
    color: #0a0a0a !important;
    border: none !important;
}

.mobile-search form button {
    background: linear-gradient(135deg, #b8922e 0%, #e8c97a 45%, #b8922e 100%) !important;
    border: none !important;
    color: #2a1a00 !important;
    padding: 0 18px !important;
    font-weight: 800 !important;
    border-radius: 0 !important;
    transition: all 0.28s ease !important;
}

.mobile-search form button:hover {
    background: linear-gradient(135deg, #9a7530 0%, #c9a84c 100%) !important;
    color: #1a0f00 !important;
    box-shadow: 0 4px 16px rgba(184,146,46,0.30) !important;
}

.mobile-search form button i {
    color: #2a1a00 !important;
}

/* ── DESKTOP LOGO AREA — Clean white, gold accent line ───── */
.main-header,
.logo-area {
    background: #ffffff !important;
    border-bottom: 2px solid rgba(201,168,76,0.22) !important;
    box-shadow: 0 2px 16px rgba(0,0,0,0.05), 0 1px 0 rgba(201,168,76,0.10) !important;
    animation: none !important;
    background-size: unset !important;
}

.main-header::after,
.logo-area::after {
    content: "" !important;
    display: block !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent 0%, #c9a84c 25%, #e8c97a 50%, #c9a84c 75%, transparent 100%) !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    opacity: 0.55 !important;
}

.main-header *,
.logo-area * {
    color: #0a0a0a !important;
}

/* ── DESKTOP SEARCH BAR — Gold treatment ────────────────── */
.main-search form {
    background: #ffffff !important;
    border: 1.5px solid #d8d3c8 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
}

.main-search form:focus-within {
    border-color: #c9a84c !important;
    box-shadow: 0 0 0 3px rgba(201,168,76,0.14) !important;
}

.main-search form button {
    background: linear-gradient(135deg, #b8922e 0%, #e8c97a 45%, #b8922e 100%) !important;
    border: none !important;
    color: #2a1a00 !important;
    padding: 0 22px !important;
    font-weight: 800 !important;
    border-radius: 0 !important;
    transition: all 0.28s ease !important;
}

.main-search form button:hover {
    background: linear-gradient(135deg, #9a7530 0%, #c9a84c 100%) !important;
    color: #1a0f00 !important;
    box-shadow: 0 4px 16px rgba(184,146,46,0.30) !important;
}

.main-search form button i {
    color: #2a1a00 !important;
}

/* ── NAVIGATION MENU BAR — Admin-controlled bg + gold accents */
.menu-area {
    position: relative !important;
    z-index: 1001 !important;
    overflow: visible !important;
    border-top: 1px solid rgba(201,168,76,0.12) !important;
}

/* ALL CATEGORIES button — golden enhanced */
.all__category__list > a,
.all__category__list > a * {
    background: linear-gradient(135deg, #b8922e 0%, #e8c97a 45%, #b8922e 100%) !important;
    color: #2a1a00 !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    border-radius: 0 !important;
}

.all__category__list > a:hover,
.all__category__list > a:hover * {
    background: linear-gradient(135deg, #9a7530 0%, #c9a84c 100%) !important;
    color: #1a0f00 !important;
    box-shadow: 0 4px 16px rgba(184,146,46,0.35) !important;
}

/* Nav link gold underline hover */
.heder__category > li:not(.all__category__list) a,
.right__menu__top li a {
    font-family: 'Outfit', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    max-height: 42px !important;
    overflow: hidden !important;
    display: inline-flex !important;
    align-items: center !important;
    position: relative !important;
}

.heder__category > li:not(.all__category__list) a:hover,
.right__menu__top li a:hover {
    color: #c9a84c !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    transform: none !important;
}

/* ── CATEGORY SIDEBAR DROPDOWN — Dark with gold accents ──── */
.side__bar {
    background: #111111 !important;
    border: 1px solid rgba(201,168,76,0.18) !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.45), 0 0 0 1px rgba(201,168,76,0.08) !important;
}

.side__bar ul li a {
    color: rgba(255,255,255,0.85) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.3px !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    transition: all 0.24s ease !important;
    padding: 10px 16px !important;
    display: block !important;
}

.side__bar ul li a:hover {
    background: rgba(201,168,76,0.12) !important;
    color: #e8c97a !important;
    padding-left: 22px !important;
    border-bottom-color: rgba(201,168,76,0.12) !important;
}

.side__bar ul li a i {
    color: #c9a84c !important;
    font-size: 11px !important;
}

.side__barsub,
.side__barchild {
    background: #1a1a1a !important;
    border: 1px solid rgba(201,168,76,0.15) !important;
    box-shadow: 6px 0 24px rgba(0,0,0,0.40) !important;
    min-width: 260px !important;
}

.side__barsub li a,
.side__barchild li a {
    color: rgba(255,255,255,0.78) !important;
    font-size: 13px !important;
    padding: 9px 16px !important;
    border-bottom: 1px solid rgba(255,255,255,0.05) !important;
    transition: all 0.22s ease !important;
    display: block !important;
}

.side__barsub li a:hover,
.side__barchild li a:hover {
    background: rgba(201,168,76,0.10) !important;
    color: #e8c97a !important;
    padding-left: 22px !important;
}

/* ── PRODUCT CARDS — Warm Ivory, Deep Shadow, Gold Border Hover */
.product_item,
.product-item,
.wist_item,
.product-inner,
.product-card {
    background: #ffffff !important;
    border: 1px solid #ede9e1 !important;
    border-radius: 0 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05), 0 4px 16px rgba(180,140,60,0.07) !important;
    transition: transform 0.34s cubic-bezier(0.25,0.46,0.45,0.94),
                box-shadow 0.34s cubic-bezier(0.25,0.46,0.45,0.94),
                border-color 0.28s ease !important;
    overflow: hidden !important;
    position: relative !important;
    padding: 0 !important;
    animation: none !important;
}

.product_item::before,
.product-item::before {
    content: none !important;
    display: none !important;
}

.product_item::after,
.product-item::after,
.wist_item::after,
.product-inner::after,
.product-card::after {
    content: none !important;
    display: none !important;
}

.product_item:hover,
.product-item:hover,
.wist_item:hover,
.product-inner:hover,
.product-card:hover {
    transform: translateY(-8px) !important;
    border-color: rgba(201,168,76,0.40) !important;
    box-shadow:
        0 8px 20px rgba(0,0,0,0.09),
        0 16px 48px rgba(180,140,60,0.14),
        0 32px 70px rgba(0,0,0,0.07) !important;
    z-index: 10 !important;
    animation: none !important;
}

/* Product image zoom */
.product_item .pro_img,
.product-item .pro_img {
    overflow: hidden !important;
    background: #fdfbf7 !important;
    position: relative !important;
}

.product_item .pro_img img,
.product-item .pro_img img {
    transition: transform 0.58s cubic-bezier(0.25,0.46,0.45,0.94) !important;
    width: 100% !important;
    display: block !important;
}

.product_item:hover .pro_img img,
.product-item:hover .pro_img img {
    transform: scale(1.06) !important;
}

/* Warm overlay shimmer on hover */
.product_item .pro_img::after,
.product-item .pro_img::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, transparent 55%, rgba(201,168,76,0.07) 100%) !important;
    opacity: 0 !important;
    transition: opacity 0.35s ease !important;
    pointer-events: none !important;
    display: block !important;
}

.product_item:hover .pro_img::after,
.product-item:hover .pro_img::after {
    opacity: 1 !important;
}

/* ── PRODUCT NAME — uppercase, tracked, elegant ──────────── */
.pro_name a,
.pro_des .pro_name a {
    font-family: 'Outfit', sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    color: #0a0a0a !important;
    letter-spacing: 0.6px !important;
    text-transform: uppercase !important;
    line-height: 1.45 !important;
    text-decoration: none !important;
    transition: color 0.24s ease !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.pro_name a:hover {
    color: #9a7530 !important;
    text-decoration: none !important;
}

/* ── PRODUCT PRICE — Clear, bold ────────────────────────── */
.pro_price {
    padding: 4px 12px 10px !important;
    margin: 0 !important;
}

.pro_price p {
    font-family: 'Outfit', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0a0a0a !important;
    letter-spacing: 0.2px !important;
    margin: 0 !important;
}

.pro_price del,
.pro_price s {
    color: #b0aca4 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    margin-right: 4px !important;
}

/* ── ORDER NOW / ADD TO CART — GOLDEN GRADIENT ───────────── */
.pro_btn .cart_btn button,
.pro_btn .order_button a,
.addcartbutton {
    background: linear-gradient(135deg, #b8922e 0%, #e8c97a 45%, #b8922e 100%) !important;
    background-size: 200% auto !important;
    color: #2a1a00 !important;
    border: none !important;
    border-radius: 0 !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 800 !important;
    font-size: 11.5px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    width: 100% !important;
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 6px 24px rgba(184,146,46,0.40), 0 2px 8px rgba(184,146,46,0.20) !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.36s cubic-bezier(0.25,0.46,0.45,0.94) !important;
    animation: none !important;
}

/* Shimmer sweep */
.pro_btn .cart_btn button::before,
.pro_btn .order_button a::before,
.addcartbutton::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: -120% !important;
    width: 70% !important;
    height: 100% !important;
    background: linear-gradient(to right, transparent, rgba(255,255,255,0.32), transparent) !important;
    transform: skewX(-15deg) !important;
    pointer-events: none !important;
    transition: none !important;
    z-index: 1 !important;
}

.pro_btn .cart_btn button:hover::before,
.pro_btn .order_button a:hover::before,
.addcartbutton:hover::before {
    left: 160% !important;
    transition: left 0.55s ease !important;
}

.pro_btn .cart_btn button:hover,
.pro_btn .order_button a:hover,
.addcartbutton:hover {
    background: linear-gradient(135deg, #9a7530 0%, #c9a84c 45%, #9a7530 100%) !important;
    background-size: 200% auto !important;
    color: #1a0f00 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 32px rgba(201,168,76,0.55), 0 4px 12px rgba(184,146,46,0.30) !important;
    border: none !important;
    animation: none !important;
}

.addcartbutton span {
    font-family: 'Outfit', sans-serif !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: inherit !important;
    background: transparent !important;
}

/* Kill glowPulse animation — causes flicker */
.pro_btn .cart_btn button,
.addcartbutton,
.go_cart,
.cart_store {
    animation: none !important;
}

/* ── SECTION TITLES — Cormorant Garamond, gold underline ─── */
.sec_title h3.section-title-header,
.section-title-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-bottom: 14px !important;
    margin-bottom: 22px !important;
    border-bottom: 1px solid rgba(201,168,76,0.22) !important;
    position: relative !important;
}

.section-title-header::before {
    content: "" !important;
    position: absolute !important;
    bottom: -1px !important;
    left: 0 !important;
    width: 60px !important;
    height: 2px !important;
    background: linear-gradient(90deg, #c9a84c, #e8c97a) !important;
}

.section-title-name {
    font-family: 'Cormorant Garamond', 'Outfit', serif !important;
    font-size: 21px !important;
    font-weight: 600 !important;
    letter-spacing: 2.2px !important;
    text-transform: uppercase !important;
    color: #0a0a0a !important;
    -webkit-text-fill-color: #0a0a0a !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    border-bottom: none !important;
    display: inline !important;
    padding-bottom: 0 !important;
}

/* ── VIEW MORE BUTTON — Gold outline style ───────────────── */
.view_more_btn {
    background: transparent !important;
    color: #9a7530 !important;
    border: 1.5px solid #c9a84c !important;
    border-radius: 0 !important;
    padding: 7px 20px !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.8px !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    transition: all 0.30s ease !important;
    text-decoration: none !important;
}

.view_more_btn:hover {
    background: linear-gradient(135deg, #b8922e 0%, #e8c97a 45%, #b8922e 100%) !important;
    color: #2a1a00 !important;
    border-color: transparent !important;
    transform: none !important;
    box-shadow: 0 6px 24px rgba(184,146,46,0.40) !important;
}

/* ── CATEGORY SLIDER — Ivory bg, gold border hover ──────── */
.cat_item {
    background: #fdfbf7 !important;
    border: 1px solid rgba(201,168,76,0.15) !important;
    border-radius: 0 !important;
    box-shadow: 0 1px 6px rgba(0,0,0,0.04) !important;
    padding: 20px 10px !important;
    height: auto !important;
    transition: all 0.34s cubic-bezier(0.25,0.46,0.45,0.94) !important;
    text-align: center !important;
}

.cat_item:hover {
    border-color: #c9a84c !important;
    box-shadow: 0 4px 18px rgba(201,168,76,0.20), 0 8px 32px rgba(0,0,0,0.06) !important;
    transform: translateY(-4px) !important;
    background: #ffffff !important;
}

.cat_img {
    width: 78px !important;
    height: 78px !important;
    border-radius: 50% !important;
    border: 1.5px solid rgba(201,168,76,0.22) !important;
    overflow: hidden !important;
    background: #f8f4ec !important;
    margin: 0 auto 10px !important;
    transition: all 0.34s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.cat_item:hover .cat_img {
    border-color: #c9a84c !important;
    box-shadow: 0 0 0 3px rgba(201,168,76,0.14) !important;
    transform: scale(1.05) !important;
}

.cat_img img {
    width: auto !important;
    max-width: 90% !important;
    height: 100% !important;
    object-fit: contain !important;
    transition: transform 0.40s ease !important;
}

.cat_item:hover .cat_img img {
    transform: scale(1.06) !important;
}

.cat_name a {
    font-family: 'Outfit', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    color: #0a0a0a !important;
    text-decoration: none !important;
    transition: color 0.22s ease !important;
}

.cat_item:hover .cat_name a {
    color: #9a7530 !important;
}

/* ── HOT DEAL TIMER — Black with gold numbers ────────────── */
.offer_timer {
    background: transparent !important;
}

.offer_timer .syotimer-cell__value {
    background: #0a0a0a !important;
    color: #e8c97a !important;
    border-radius: 0 !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    min-width: 38px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.20) !important;
}

.offer_timer .syotimer-cell__unit {
    color: #9a7530 !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
}

.offer_timer .syotimer__body {
    display: flex !important;
    gap: 6px !important;
    align-items: center !important;
}

/* ── SLIDER SECTION — No border radius, full width ──────── */
.slider-section,
.home-slider-container,
.slider-section img,
.home-slider-container img,
.slider-item img {
    border-radius: 0 !important;
    display: block !important;
    width: 100% !important;
}

/* ── BANNER ADS — Clean spacing ─────────────────────────── */
.bottoads_area {
    padding: 28px 0 !important;
    background: transparent !important;
}

.ads_item {
    border-radius: 0 !important;
    overflow: hidden !important;
    transition: box-shadow 0.30s ease !important;
}

.ads_item:hover {
    box-shadow: 0 6px 28px rgba(0,0,0,0.10) !important;
}

.ads_item img {
    border-radius: 0 !important;
    display: block !important;
    width: 100% !important;
}

/* ── FOOTER — Deep black, gold accents, gold section titles  */
footer,
.footer-top,
.footer-bottom,
.main-footer {
    background: #0a0a0a !important;
    background-color: #0a0a0a !important;
    background-image: none !important;
}

.footer-top {
    padding: 56px 0 40px !important;
    border-top: 2px solid rgba(201,168,76,0.28) !important;
    border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}

.footer-top *,
.footer-bottom *,
footer *,
.main-footer * {
    color: rgba(255,255,255,0.75) !important;
}

/* Gold footer section titles */
.footer-menu ul li.title a,
.footer-menu ul li.title span,
.footer-widget-title,
.footer-title {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 1.8px !important;
    text-transform: uppercase !important;
    color: #e8c97a !important;
    display: block !important;
    margin-bottom: 18px !important;
    border: none !important;
}

.footer-menu ul li a {
    color: rgba(255,255,255,0.60) !important;
    font-size: 13px !important;
    letter-spacing: 0.3px !important;
    transition: all 0.24s ease !important;
    text-decoration: none !important;
    line-height: 2.2 !important;
    display: block !important;
}

.footer-menu ul li a:hover {
    color: #e8c97a !important;
    padding-left: 6px !important;
}

.footer-about p {
    color: rgba(255,255,255,0.50) !important;
    font-size: 13px !important;
    line-height: 1.9 !important;
    margin-top: 14px !important;
}

.footer-bottom {
    background: #060606 !important;
    border-top: 1px solid rgba(201,168,76,0.10) !important;
    padding: 18px 0 !important;
}

.copyright p,
.copyright p span,
.copyright span {
    color: rgba(255,255,255,0.35) !important;
    font-size: 12px !important;
    letter-spacing: 0.3px !important;
    text-align: center !important;
}

/* Footer social icons */
.social_link {
    display: flex !important;
    gap: 10px !important;
    margin-top: 18px !important;
}

.social_link li a {
    width: 36px !important;
    height: 36px !important;
    border: 1px solid rgba(201,168,76,0.25) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: rgba(255,255,255,0.60) !important;
    font-size: 15px !important;
    transition: all 0.28s ease !important;
    background: transparent !important;
    text-decoration: none !important;
}

.social_link li a:hover {
    background: linear-gradient(135deg, #b8922e, #e8c97a) !important;
    border-color: transparent !important;
    color: #2a1a00 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 16px rgba(184,146,46,0.35) !important;
}

/* Developer credit gold link */
.developer-credit-link,
.developer-credit a {
    color: #c9a84c !important;
    font-weight: 600 !important;
    transition: color 0.22s ease !important;
}

.developer-credit-link:hover,
.developer-credit a:hover {
    color: #e8c97a !important;
}

/* ── MOBILE BOTTOM NAVIGATION — Ultra premium dark, gold active */
@media (max-width: 767px) {
    .footer_nav {
        background: #0a0a0a !important;
        border-top: 1.5px solid rgba(201,168,76,0.28) !important;
        box-shadow: 0 -6px 30px rgba(0,0,0,0.55) !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        height: auto !important;
        padding: 0 !important;
        display: flex !important;
    }

    .footer_nav ul {
        display: grid !important;
        grid-template-columns: repeat(5, 1fr) !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .footer_nav li {
        display: flex !important;
        flex: 1 1 auto !important;
        justify-content: center !important;
        align-items: center !important;
        min-height: 66px !important;
        border-right: 1px solid rgba(255,255,255,0.04) !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .footer_nav li:last-child {
        border-right: none !important;
    }

    .footer_nav a {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
        width: 100% !important;
        height: 100% !important;
        padding: 8px 2px !important;
        text-decoration: none !important;
        color: rgba(255,255,255,0.70) !important;
        transition: all 0.28s ease !important;
        position: relative !important;
    }

    .footer_nav a span i {
        font-size: 21px !important;
        transition: all 0.28s ease !important;
    }

    /* Individual icon colors */
    .footer_nav ul li:nth-child(1) a span i { color: rgba(255,255,255,0.70) !important; }
    .footer_nav ul li:nth-child(2) a span i { color: #25d366 !important; }
    .footer_nav ul li:nth-child(3) a span i { color: #e8c97a !important; }
    .footer_nav ul li:nth-child(4) a span i { color: rgba(255,255,255,0.70) !important; }
    .footer_nav ul li:nth-child(5) a span i { color: rgba(255,255,255,0.70) !important; }

    .footer_nav a span:last-child {
        font-size: 10px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.6px !important;
        color: rgba(255,255,255,0.60) !important;
        transition: all 0.28s ease !important;
    }

    /* Active / hover states — gold */
    .footer_nav a:hover,
    .footer_nav a.active {
        color: #e8c97a !important;
        background: rgba(201,168,76,0.06) !important;
    }

    .footer_nav a:hover span i,
    .footer_nav a.active span i {
        color: #e8c97a !important;
        transform: translateY(-4px) scale(1.15) !important;
    }

    .footer_nav a:hover span:last-child,
    .footer_nav a.active span:last-child {
        color: #e8c97a !important;
    }

    /* Gold underline indicator */
    .footer_nav a::after {
        content: "" !important;
        position: absolute !important;
        bottom: 0 !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 0 !important;
        height: 2px !important;
        background: linear-gradient(90deg, #c9a84c, #e8c97a) !important;
        border-radius: 1px !important;
        transition: width 0.28s ease !important;
        top: auto !important;
    }

    .footer_nav a:hover::after,
    .footer_nav a.active::after {
        width: 26px !important;
    }

    .footer_nav a::before {
        display: none !important;
    }

    /* Cart badge */
    .footer_nav .mobilecart-qty {
        background: linear-gradient(135deg, #b8922e, #e8c97a) !important;
        color: #2a1a00 !important;
        border-radius: 50% !important;
        min-width: 17px !important;
        height: 17px !important;
        font-size: 10px !important;
        font-weight: 900 !important;
        position: absolute !important;
        top: -8px !important;
        right: -10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: 0 2px 8px rgba(184,146,46,0.50) !important;
        border: 1px solid rgba(255,255,255,0.20) !important;
    }
}

@media (min-width: 768px) {
    .footer_nav {
        display: none !important;
    }
}

/* ── SCROLL TO TOP — Golden ──────────────────────────────── */
.scrolltop {
    background: linear-gradient(135deg, #b8922e 0%, #e8c97a 45%, #b8922e 100%) !important;
    border-radius: 0 !important;
    width: 40px !important;
    height: 40px !important;
    box-shadow: 0 6px 24px rgba(184,146,46,0.40), 0 2px 8px rgba(184,146,46,0.20) !important;
    transition: all 0.30s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.scrolltop:hover {
    background: linear-gradient(135deg, #9a7530 0%, #c9a84c 100%) !important;
    box-shadow: 0 8px 32px rgba(201,168,76,0.55) !important;
    transform: translateY(-2px) !important;
}

.scroll i,
.scrolltop i {
    color: #2a1a00 !important;
}

/* ── WHATSAPP BUTTON — Keep green but premium shadow ─────── */
.float {
    background: #25d366 !important;
    border-radius: 50% !important;
    box-shadow: 0 6px 24px rgba(37,211,102,0.40), 0 2px 10px rgba(37,211,102,0.22) !important;
    animation: floatBob 3.5s ease-in-out infinite !important;
    border: none !important;
}

.float:hover {
    background: #20ba5a !important;
    animation: none !important;
    transform: scale(1.10) !important;
    box-shadow: 0 8px 32px rgba(37,211,102,0.50) !important;
}

/* ── LOGIN PAGE — Ivory bg, gold top border on card ──────── */
.auth-section {
    background: linear-gradient(135deg, #fdfbf7 0%, #f8f4ec 100%) !important;
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
}

.form-content {
    background: #ffffff !important;
    border: 1px solid rgba(201,168,76,0.20) !important;
    border-top: 3px solid #c9a84c !important;
    border-radius: 0 !important;
    box-shadow: 0 8px 40px rgba(0,0,0,0.08), 0 2px 8px rgba(201,168,76,0.08) !important;
    padding: 40px 36px !important;
}

.auth-title {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 27px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: #0a0a0a !important;
    -webkit-text-fill-color: #0a0a0a !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    text-align: center !important;
    margin-bottom: 26px !important;
    border-bottom: 1px solid rgba(201,168,76,0.20) !important;
    padding-bottom: 16px !important;
}

.form-content label {
    font-family: 'Outfit', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: #6b6357 !important;
    margin-bottom: 6px !important;
}

/* Submit button in auth — golden */
.form-content .submit-btn,
.submit-btn {
    background: linear-gradient(135deg, #b8922e 0%, #e8c97a 45%, #b8922e 100%) !important;
    background-size: 200% auto !important;
    color: #2a1a00 !important;
    border: none !important;
    border-radius: 0 !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 800 !important;
    font-size: 12px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    width: 100% !important;
    padding: 14px !important;
    box-shadow: 0 6px 24px rgba(184,146,46,0.40) !important;
    transition: all 0.35s ease !important;
    cursor: pointer !important;
}

.form-content .submit-btn:hover,
.submit-btn:hover {
    background: linear-gradient(135deg, #9a7530 0%, #c9a84c 45%, #9a7530 100%) !important;
    background-size: 200% auto !important;
    color: #1a0f00 !important;
    box-shadow: 0 8px 32px rgba(201,168,76,0.55) !important;
    transform: translateY(-1px) !important;
}

.no-account a,
.register-now a {
    color: #9a7530 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
}

.forget-link {
    color: #9a7530 !important;
    font-size: 11px !important;
    letter-spacing: 0.5px !important;
    display: block !important;
    margin-bottom: 14px !important;
}

.forget-link:hover {
    color: #c9a84c !important;
}

/* ── CHECKOUT PAGE — Refined luxury ─────────────────────── */
.chheckout-section {
    background: #fdfbf7 !important;
    padding: 30px 0 !important;
}

.chheckout-section .card {
    border: 1px solid rgba(201,168,76,0.18) !important;
    border-radius: 0 !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06), 0 0 0 1px rgba(201,168,76,0.05) !important;
    background: #ffffff !important;
}

.chheckout-section .card-header {
    background: linear-gradient(135deg, #0a0a0a 0%, #1c1c1c 100%) !important;
    border-bottom: 1px solid rgba(201,168,76,0.22) !important;
    padding: 14px 20px !important;
    border-radius: 0 !important;
}

.chheckout-section .card-header h5,
.chheckout-section .card-header h6,
.chheckout-section .card-header * {
    color: #e8c97a !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    margin: 0 !important;
}

.order_place {
    background: linear-gradient(135deg, #b8922e 0%, #e8c97a 45%, #b8922e 100%) !important;
    background-size: 200% auto !important;
    color: #2a1a00 !important;
    border: none !important;
    border-radius: 0 !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 800 !important;
    font-size: 13px !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    width: 100% !important;
    padding: 16px !important;
    cursor: pointer !important;
    transition: all 0.36s ease !important;
    box-shadow: 0 6px 24px rgba(184,146,46,0.40), 0 2px 8px rgba(184,146,46,0.20) !important;
    position: relative !important;
    overflow: hidden !important;
}

.order_place:hover {
    background: linear-gradient(135deg, #9a7530 0%, #c9a84c 45%, #9a7530 100%) !important;
    color: #1a0f00 !important;
    box-shadow: 0 8px 32px rgba(201,168,76,0.55) !important;
    transform: translateY(-1px) !important;
}

.order_place::after {
    display: none !important;
}

/* ── PRODUCT DETAILS PAGE — Editorial luxury ─────────────── */
.details_right .product-cart p.name,
.pro_details_area .product-name {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 26px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #0a0a0a !important;
    line-height: 1.35 !important;
    margin-bottom: 10px !important;
}

.details_right .details-price,
.pro_details_area .details-price {
    font-family: 'Outfit', sans-serif !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #0a0a0a !important;
    letter-spacing: 0.2px !important;
}

.details_right .details-price del,
.pro_details_area .details-price del {
    color: #b0aca4 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    margin-right: 8px !important;
}

/* Breadcrumb editorial */
.breadcrumb ul {
    display: flex !important;
    gap: 6px !important;
    list-style: none !important;
    padding: 0 !important;
    margin-bottom: 14px !important;
    align-items: center !important;
}

.breadcrumb ul li a {
    font-family: 'Outfit', sans-serif !important;
    font-size: 11px !important;
    color: #9a9490 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    text-decoration: none !important;
    transition: color 0.22s ease !important;
}

.breadcrumb ul li a:hover {
    color: #9a7530 !important;
}

.breadcrumb ul li span {
    color: #d4cfc6 !important;
    font-size: 11px !important;
}

/* Size / Color selectors */
.selector-item_label {
    border: 1.5px solid #e0dbd2 !important;
    border-radius: 0 !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    transition: border-color 0.22s ease !important;
    cursor: pointer !important;
}

.selector-item_radio:checked + .selector-item_label {
    border-color: #c9a84c !important;
    box-shadow: 0 0 0 2px rgba(201,168,76,0.22) !important;
    color: #9a7530 !important;
}

/* ── DESCRIPTION TABS — Gold underline active ────────────── */
.description-nav {
    border-bottom: 1px solid #ece8e0 !important;
    background: transparent !important;
}

.desc-nav-ul {
    display: flex !important;
    gap: 0 !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.desc-nav-ul li a {
    font-family: 'Outfit', sans-serif !important;
    font-size: 11.5px !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    color: #9a9490 !important;
    padding: 14px 22px !important;
    display: block !important;
    text-decoration: none !important;
    border-bottom: 2px solid transparent !important;
    transition: all 0.26s ease !important;
}

.desc-nav-ul li a:hover,
.desc-nav-ul li a.active,
.desc-nav-ul li.active a {
    color: #0a0a0a !important;
    border-bottom-color: #c9a84c !important;
}

/* ── REVIEW CARDS — Clean bordered ───────────────────────── */
.review-card {
    border: 1px solid #ece8e0 !important;
    padding: 18px 20px !important;
    margin-bottom: 12px !important;
    background: #ffffff !important;
    border-radius: 0 !important;
    transition: all 0.26s ease !important;
}

.review-card:hover {
    border-color: rgba(201,168,76,0.30) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.05), 0 0 0 1px rgba(201,168,76,0.08) !important;
}

.reviewer_name {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #0a0a0a !important;
    letter-spacing: 0.3px !important;
}

.review_data {
    font-family: 'Outfit', sans-serif !important;
    font-size: 11px !important;
    color: #b0aca4 !important;
    letter-spacing: 0.5px !important;
}

.review_star i,
.review-card .fa-star {
    color: #c9a84c !important;
    font-size: 12px !important;
}

.review_content {
    font-size: 13.5px !important;
    color: #6b6357 !important;
    line-height: 1.7 !important;
    margin-top: 8px !important;
}

/* ── ALL BUTTONS GLOBALLY — Golden CTA ───────────────────── */
.btn-primary,
.btn-success,
.btn-pink,
.btn-info,
.btn-blue,
.go_cart,
.cart_store,
.checkout-btn,
.button-primary {
    background: linear-gradient(135deg, #b8922e 0%, #e8c97a 45%, #b8922e 100%) !important;
    background-size: 200% auto !important;
    color: #2a1a00 !important;
    border: none !important;
    border-radius: 0 !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    transition: all 0.35s ease !important;
    box-shadow: 0 6px 24px rgba(184,146,46,0.40), 0 2px 8px rgba(184,146,46,0.20) !important;
    animation: none !important;
}

.btn-primary:hover,
.btn-success:hover,
.go_cart:hover,
.cart_store:hover,
.checkout-btn:hover {
    background: linear-gradient(135deg, #9a7530 0%, #c9a84c 45%, #9a7530 100%) !important;
    color: #1a0f00 !important;
    box-shadow: 0 8px 32px rgba(201,168,76,0.55), 0 4px 12px rgba(184,146,46,0.30) !important;
    transform: translateY(-2px) !important;
    animation: none !important;
}

/* Secondary btn stays neutral */
.btn-secondary {
    background: #4a4a4a !important;
    border-color: #4a4a4a !important;
    color: #ffffff !important;
    animation: none !important;
}

/* ── FORM INPUTS — Gold focus ring ───────────────────────── */
.form-control,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="search"],
select,
textarea {
    background: #ffffff !important;
    border: 1.5px solid #d8d3c8 !important;
    border-radius: 0 !important;
    color: #0a0a0a !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 13px !important;
    transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
}

.form-control:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
select:focus,
textarea:focus {
    border-color: #c9a84c !important;
    box-shadow: 0 0 0 3px rgba(201,168,76,0.16) !important;
    outline: none !important;
    background: #ffffff !important;
}

.form-control::placeholder {
    color: #b0aca4 !important;
    font-size: 13px !important;
}

/* ── PAGINATION — Gold active ────────────────────────────── */
.pagination .page-link {
    border: 1px solid #ece8e0 !important;
    border-radius: 0 !important;
    color: #0a0a0a !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    transition: all 0.26s ease !important;
    background: #ffffff !important;
}

.pagination .page-link:hover {
    background: linear-gradient(135deg, #b8922e 0%, #e8c97a 100%) !important;
    color: #2a1a00 !important;
    border-color: transparent !important;
    box-shadow: 0 4px 16px rgba(184,146,46,0.30) !important;
}

.pagination .page-item.active .page-link {
    background: linear-gradient(135deg, #b8922e 0%, #e8c97a 45%, #b8922e 100%) !important;
    border-color: transparent !important;
    color: #2a1a00 !important;
    font-weight: 800 !important;
    box-shadow: 0 4px 16px rgba(184,146,46,0.35) !important;
}

/* ── SORTING SECTION — Editorial clean ───────────────────── */
.sorting-section {
    padding: 14px 0 18px !important;
    border-bottom: 1px solid #ece8e0 !important;
    margin-bottom: 24px !important;
    background: transparent !important;
}

.category-breadcrumb {
    gap: 6px !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 11.5px !important;
    letter-spacing: 0.6px !important;
    text-transform: uppercase !important;
    display: flex !important;
    align-items: center !important;
}

.category-breadcrumb a {
    color: #9a9490 !important;
    text-decoration: none !important;
    transition: color 0.22s ease !important;
}

.category-breadcrumb a:hover {
    color: #9a7530 !important;
}

.category-breadcrumb strong,
.category-breadcrumb .active {
    color: #0a0a0a !important;
    font-weight: 700 !important;
}

.showing-data span {
    font-family: 'Outfit', sans-serif !important;
    font-size: 12px !important;
    color: #b0aca4 !important;
    letter-spacing: 0.3px !important;
}

.page-sort .form-select,
.sorting-section select {
    border: 1px solid #ece8e0 !important;
    border-radius: 0 !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
    background: #ffffff !important;
    color: #0a0a0a !important;
}

/* ── FILTER SIDEBAR — Clean minimal ─────────────────────── */
.filter_sidebar,
.sidebar_item.wraper__item {
    border: 1px solid #ece8e0 !important;
    border-radius: 0 !important;
    margin-bottom: 16px !important;
    overflow: hidden !important;
    background: #ffffff !important;
}

.accordion-button {
    font-family: 'Outfit', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: #0a0a0a !important;
    background: #fdfbf7 !important;
    box-shadow: none !important;
    border-bottom: 1px solid #ece8e0 !important;
}

.accordion-button:not(.collapsed) {
    color: #9a7530 !important;
    background: #fdf8f0 !important;
    box-shadow: none !important;
}

.accordion-button:focus {
    box-shadow: 0 0 0 2px rgba(201,168,76,0.18) !important;
    outline: none !important;
}

.accordion-button::after {
    filter: sepia(80%) saturate(200%) hue-rotate(10deg) !important;
}

.filter_sidebar label,
.sidebar_item label {
    font-family: 'Outfit', sans-serif !important;
    font-size: 13px !important;
    color: #4a4540 !important;
    cursor: pointer !important;
}

/* ── MOBILE MENU — Black header, clean white body ─────────── */
.mobile-menu {
    background: #ffffff !important;
    border-right: 1px solid #ece8e0 !important;
    box-shadow: 4px 0 30px rgba(0,0,0,0.12) !important;
}

.mobile-menu-logo {
    background: #0a0a0a !important;
    padding: 16px !important;
    border-bottom: 2px solid rgba(201,168,76,0.30) !important;
}

.mobile-menu-logo * {
    color: #e8c97a !important;
}

.mobile-menu * {
    color: #0a0a0a !important;
}

.mobile-menu .menu-category-name {
    font-family: 'Outfit', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid #ece8e0 !important;
    padding: 13px 16px !important;
    transition: all 0.26s ease !important;
    color: #0a0a0a !important;
}

.mobile-menu .menu-category-name:hover {
    background: #fdfbf7 !important;
    color: #9a7530 !important;
    padding-left: 22px !important;
    border-left: 2px solid #c9a84c !important;
}

/* ── SCROLLBAR — Gold thumb ──────────────────────────────── */
::-webkit-scrollbar {
    width: 5px !important;
    height: 5px !important;
}

::-webkit-scrollbar-track {
    background: #f8f4ec !important;
}

::-webkit-scrollbar-thumb {
    background: #c9a84c !important;
    border-radius: 0 !important;
}

::-webkit-scrollbar-thumb:hover {
    background: #9a7530 !important;
}

/* ── STAR RATINGS — Warm gold ────────────────────────────── */
.fas.fa-star,
.fas.fa-star-half-alt,
.product_item .fas.fa-star,
.product_item .fas.fa-star-half-alt {
    color: #c9a84c !important;
    font-size: 11px !important;
}

.far.fa-star,
.product_item .far.fa-star {
    color: #d8d3c8 !important;
    font-size: 11px !important;
}

/* ── TABLE — Refined ─────────────────────────────────────── */
.table td,
.table th {
    color: #0a0a0a !important;
    border-color: #ece8e0 !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 13px !important;
    vertical-align: middle !important;
}

.table thead th {
    background: #fdfbf7 !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    border-bottom: 2px solid rgba(201,168,76,0.22) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background: #fdfbf7 !important;
}

/* ── ALERT STYLES — Refined ─────────────────────────────── */
.alert-info {
    background: #fdf8f0 !important;
    border: 1px solid rgba(201,168,76,0.25) !important;
    border-radius: 0 !important;
    color: #6b6357 !important;
    font-size: 13px !important;
    box-shadow: none !important;
}

.alert-success {
    background: #f4faf5 !important;
    border: 1px solid #c3e6ca !important;
    border-radius: 0 !important;
    color: #2d6a4f !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 14px 18px !important;
    box-shadow: none !important;
}

/* ── HOT DEAL PRODUCT CARD ───────────────────────────────── */
.hot-deal-product {
    background: #ffffff !important;
    border: 1px solid #ece8e0 !important;
    border-radius: 0 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
    transition: all 0.32s ease !important;
}

.hot-deal-product:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(201,168,76,0.35) !important;
    box-shadow: 0 8px 28px rgba(0,0,0,0.09), 0 16px 48px rgba(180,140,60,0.12) !important;
}

/* ── WISHLIST PAGE ITEMS ─────────────────────────────────── */
.wist_item {
    background: #ffffff !important;
    border: 1px solid #ece8e0 !important;
    transition: all 0.32s ease !important;
}

.wist_item:hover {
    border-color: rgba(201,168,76,0.35) !important;
}

/* ── PROGRESS BAR — Gold ─────────────────────────────────── */
.progress-bar {
    background: linear-gradient(90deg, #c9a84c, #e8c97a) !important;
}

/* ── BADGES — Refined ────────────────────────────────────── */
.badge-success,
.bg-success {
    background: #2d8a50 !important;
}

.badge-danger,
.bg-danger {
    background: #c0392b !important;
}

/* Gold badge for featured/new */
.badge-gold,
.badge-premium {
    background: linear-gradient(135deg, #b8922e, #e8c97a) !important;
    color: #2a1a00 !important;
    font-weight: 800 !important;
}

/* ── RELATED PRODUCTS SECTION TITLE ─────────────────────── */
.related-title h5,
.related-product-section h5 {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    letter-spacing: 1.8px !important;
    text-transform: uppercase !important;
    color: #0a0a0a !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid rgba(201,168,76,0.22) !important;
    margin-bottom: 20px !important;
    position: relative !important;
}

.related-title h5::after,
.related-product-section h5::after {
    content: "" !important;
    position: absolute !important;
    bottom: -1px !important;
    left: 0 !important;
    width: 48px !important;
    height: 2px !important;
    background: linear-gradient(90deg, #c9a84c, #e8c97a) !important;
}

/* ── CALL NOW BUTTON — Gold ──────────────────────────────── */
.call_now_btn {
    background: linear-gradient(135deg, #b8922e 0%, #e8c97a 45%, #b8922e 100%) !important;
    color: #2a1a00 !important;
    border: none !important;
    border-radius: 0 !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 800 !important;
    font-size: 12px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding: 13px 20px !important;
    transition: all 0.32s ease !important;
    box-shadow: 0 6px 24px rgba(184,146,46,0.40) !important;
}

.call_now_btn:hover {
    background: linear-gradient(135deg, #9a7530 0%, #c9a84c 100%) !important;
    color: #1a0f00 !important;
    box-shadow: 0 8px 32px rgba(201,168,76,0.55) !important;
    transform: translateY(-1px) !important;
}

/* ── DETAILS PAGE BUTTON GROUP ───────────────────────────── */
.details-action-btn {
    background: transparent !important;
    color: #9a7530 !important;
    border: 1.5px solid #c9a84c !important;
    border-radius: 0 !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding: 10px 24px !important;
    cursor: pointer !important;
    transition: all 0.28s ease !important;
}

.details-action-btn:hover {
    background: linear-gradient(135deg, #b8922e 0%, #e8c97a 100%) !important;
    color: #2a1a00 !important;
    border-color: transparent !important;
    box-shadow: 0 6px 24px rgba(184,146,46,0.40) !important;
}

.details-review-button {
    background: linear-gradient(135deg, #b8922e 0%, #e8c97a 45%, #b8922e 100%) !important;
    background-size: 200% auto !important;
    color: #2a1a00 !important;
    border: none !important;
    border-radius: 0 !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding: 13px 28px !important;
    cursor: pointer !important;
    width: 100% !important;
    transition: all 0.32s ease !important;
    box-shadow: 0 6px 24px rgba(184,146,46,0.40) !important;
}

.details-review-button:hover {
    background: linear-gradient(135deg, #9a7530 0%, #c9a84c 45%, #9a7530 100%) !important;
    color: #1a0f00 !important;
    box-shadow: 0 8px 32px rgba(201,168,76,0.55) !important;
}

/* ── PAYMENT METHODS — Gold radio buttons ────────────────── */
.payment-methods .form-check-input {
    border-color: rgba(201,168,76,0.50) !important;
}

.payment-methods .form-check-input:checked {
    border-color: #c9a84c !important;
    box-shadow: 0 0 0 3px rgba(201,168,76,0.18) !important;
}

.payment-methods .form-check-input:checked::after {
    background-color: #c9a84c !important;
}

.payment-methods .form-check-input:checked + .form-check-label {
    color: #9a7530 !important;
    font-weight: 700 !important;
}

/* ── SECTION / HOME BACKGROUNDS — Warm ivory ────────────── */
body,
#content {
    background: #fdfbf7 !important;
    background-color: #fdfbf7 !important;
}

.homeproduct,
.product-section,
.bottoads_area,
.footer_top_ads_area,
.custom_paginate,
section {
    background: transparent !important;
    background-color: transparent !important;
}

/* ── PRODUCT DETAILS AREA — White card ──────────────────── */
.pro_details_area,
.main-details-page {
    background: #ffffff !important;
    padding-top: 24px !important;
}

/* ── CUSTOMER REVIEW SECTION ─────────────────────────────── */
.customer-review .border {
    border: 1px solid #ece8e0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transition: all 0.26s ease !important;
}

.customer-review .border:hover {
    border-color: rgba(201,168,76,0.30) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.04) !important;
}

/* ── MOBILE HEADER — FULL OVERRIDE (safety) ──────────────── */
@media (max-width: 767px) {
    .mobile-header {
        background: #ffffff !important;
        border-bottom: 1.5px solid rgba(201,168,76,0.20) !important;
    }

    .mobile-search {
        background: #ffffff !important;
    }

    body {
        padding-bottom: 75px !important;
    }

    .section-title-name {
        font-size: 17px !important;
        letter-spacing: 1.2px !important;
        -webkit-text-fill-color: #0a0a0a !important;
    }

    .auth-title {
        font-size: 22px !important;
        -webkit-text-fill-color: #0a0a0a !important;
    }

    .form-content {
        padding: 28px 18px !important;
    }

    .pro_price p {
        font-size: 14px !important;
    }

    .cat_img {
        width: 64px !important;
        height: 64px !important;
    }

    .cat_name a {
        font-size: 10px !important;
    }

    .scrolltop {
        bottom: 88px !important;
        right: 14px !important;
    }

    .pro_btn .cart_btn button,
    .pro_btn .order_button a,
    .addcartbutton {
        font-size: 11px !important;
        letter-spacing: 1.5px !important;
        height: 40px !important;
    }
}

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

/* ── GLOBAL ANIMATION KILL — No flicker ─────────────────── */
.pro_btn .cart_btn button,
.pro_btn .order_button a,
.addcartbutton,
.go_cart,
.cart_store,
.btn-primary,
.btn-success,
.product_item,
.product-item,
.main-header,
.logo-area,
.mobile-header,
.cat_item,
.card {
    animation: none !important;
}

/* ── PRODUCT INFO PADDING ────────────────────────────────── */
.pro_des {
    padding: 10px 12px 4px !important;
}

.pro_price {
    padding: 4px 12px 10px !important;
}

/* ── NAV HOVER — prevent purple bleed-through ────────────── */
.heder__category > li:not(.all__category__list) a:hover::after {
    background: #c9a84c !important;
}

/* ── END: 2026 LUXURY FASHION REDESIGN BLOCK ──────────────── */


/* ==========================================================================
   ✦ FIX: HOT DEAL TIMER + SCROLL-TO-TOP BUTTON
   ========================================================================== */

/* ── 1. TIMER INNER — Flex layout fix ───────────────────────────────────── */
.timer_inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 16px !important;
}

/* Left side: section title */
.timer_inner > div:first-child {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}

/* Right side: timer */
.timer_inner > div:last-child {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}

/* Fix: section-title-header inside timer_inner — override its flex to not break */
.sec_title .section-title-header {
    display: block !important;
    border-bottom: 1px solid rgba(201,168,76,0.22) !important;
    padding-bottom: 14px !important;
    margin-bottom: 22px !important;
    position: relative !important;
}

/* The inner timer_inner handles its own flex layout */
.sec_title .section-title-header .timer_inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
}

/* Gold underline accent stays */
.sec_title .section-title-header::before {
    content: "" !important;
    position: absolute !important;
    bottom: -1px !important;
    left: 0 !important;
    width: 60px !important;
    height: 2px !important;
    background: linear-gradient(90deg, #c9a84c, #e8c97a) !important;
}

/* ── 2. TIMER CELLS — Golden luxury style ───────────────────────────────── */
@keyframes timerPulse {
    0%   { box-shadow: 0 0 0 0 rgba(201,168,76,0.5); }
    50%  { box-shadow: 0 0 0 5px rgba(201,168,76,0.0); }
    100% { box-shadow: 0 0 0 0 rgba(201,168,76,0.0); }
}

@keyframes timerFlip {
    0%   { transform: scaleY(1); }
    50%  { transform: scaleY(0.85); }
    100% { transform: scaleY(1); }
}

.timer_inner .syotimer-cell {
    width: 42px !important;
    height: 42px !important;
    text-align: center !important;
    background: linear-gradient(135deg, #0a0a0a 0%, #1c1c1c 100%) !important;
    border: 1px solid rgba(201,168,76,0.35) !important;
    border-radius: 0 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    font-family: 'Outfit', sans-serif !important;
    color: #e8c97a !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.22), 0 0 0 1px rgba(201,168,76,0.10) !important;
    transition: transform 0.2s ease !important;
    animation: timerPulse 2s ease-in-out infinite !important;
}

.timer_inner .syotimer-cell:nth-child(2) {
    animation-delay: 0.3s !important;
}

.timer_inner .syotimer-cell:nth-child(3) {
    animation-delay: 0.6s !important;
}

.timer_inner .syotimer-cell__value {
    background: transparent !important;
    color: #e8c97a !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    min-width: unset !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

/* Colon separator between cells */
.timer_inner .syotimer__body {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}

/* Hide unit labels (h, m, s) for clean look */
.timer_inner .syotimer-cell__unit,
.syotimer-cell__unit {
    display: none !important;
}

/* Section title name — force correct display */
.timer_inner .section-title-name {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 21px !important;
    font-weight: 600 !important;
    letter-spacing: 2.2px !important;
    text-transform: uppercase !important;
    color: #0a0a0a !important;
    -webkit-text-fill-color: #0a0a0a !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    display: inline-block !important;
    line-height: 1.2 !important;
}

/* ── 3. SCROLL-TO-TOP BUTTON — Fixed, centered, golden ──────────────────── */
@keyframes scrollBtnFloat {
    0%, 100% { transform: translateY(0); }
    50%       { transform: translateY(-4px); }
}

@keyframes scrollBtnGlow {
    0%, 100% { box-shadow: 0 6px 24px rgba(184,146,46,0.40), 0 2px 8px rgba(184,146,46,0.20); }
    50%       { box-shadow: 0 8px 32px rgba(201,168,76,0.60), 0 4px 16px rgba(184,146,46,0.30); }
}

.scrolltop {
    position: fixed !important;
    bottom: 30px !important;
    right: 20px !important;
    width: 44px !important;
    height: 44px !important;
    background: linear-gradient(135deg, #b8922e 0%, #e8c97a 50%, #b8922e 100%) !important;
    border-radius: 0 !important;
    box-shadow: 0 6px 24px rgba(184,146,46,0.45), 0 2px 8px rgba(184,146,46,0.22) !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 999 !important;
    transition: all 0.32s cubic-bezier(0.25,0.46,0.45,0.94) !important;
    animation: scrollBtnFloat 2.8s ease-in-out infinite,
               scrollBtnGlow 2.8s ease-in-out infinite !important;
    overflow: hidden !important;
}

.scrolltop::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 60% !important;
    height: 100% !important;
    background: linear-gradient(to right, transparent, rgba(255,255,255,0.28), transparent) !important;
    transform: skewX(-15deg) !important;
    transition: none !important;
    pointer-events: none !important;
}

.scrolltop:hover {
    animation: none !important;
    background: linear-gradient(135deg, #9a7530 0%, #c9a84c 50%, #9a7530 100%) !important;
    transform: translateY(-4px) scale(1.08) !important;
    box-shadow: 0 10px 36px rgba(201,168,76,0.60), 0 4px 16px rgba(184,146,46,0.30) !important;
}

.scrolltop:hover::before {
    left: 160% !important;
    transition: left 0.55s ease !important;
}

.scrolltop .scroll {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    background: transparent !important;
}

.scrolltop .scroll i,
.scroll i,
.scrolltop i {
    color: #2a1a00 !important;
    font-size: 18px !important;
    line-height: 1 !important;
    display: block !important;
    font-weight: 900 !important;
}

/* Mobile: push above bottom nav */
@media (max-width: 767px) {
    .scrolltop {
        bottom: 85px !important;
        right: 14px !important;
        width: 40px !important;
        height: 40px !important;
    }

    .scrolltop .scroll i,
    .scrolltop i {
        font-size: 16px !important;
    }

    /* Timer cells slightly smaller on mobile */
    .timer_inner .syotimer-cell {
        width: 36px !important;
        height: 36px !important;
        font-size: 14px !important;
    }

    .timer_inner .syotimer-cell__value {
        font-size: 14px !important;
    }

    .timer_inner .section-title-name {
        font-size: 17px !important;
    }
}


/* ==========================================================================
   ✦ ORANGE BUTTON — ABSOLUTE FINAL OVERRIDE
   Overrides admin inline style vars. #f77f00 orange on all CTAs.
   ========================================================================== */

:root {
    --primary-color: #f77f00 !important;
    --hover-color:   #d96d00 !important;
    --primary-text-color: #ffffff !important;
    --hover-text-color:   #ffffff !important;
}

/* Every CTA button — orange, white text, shimmer lift */
.pro_btn .cart_btn button,
.pro_btn .order_button a,
.addcartbutton,
.submit-btn,
.order_now_btn,
.add_cart_btn,
button[type="submit"].btn,
input[type="submit"].btn,
.btn-primary,
.btn-success,
.go_cart,
.cart_store,
.checkout-btn,
.button-primary,
.order_place,
.call_now_btn,
.details-review-button {
    background: #f77f00 !important;
    background-image: none !important;
    color: #ffffff !important;
    border-color: #f77f00 !important;
    box-shadow: 0 4px 16px rgba(247,127,0,0.38), 0 2px 6px rgba(247,127,0,0.18) !important;
    transition: all 0.32s cubic-bezier(0.25,0.46,0.45,0.94) !important;
    animation: none !important;
}

.pro_btn .cart_btn button:hover,
.pro_btn .order_button a:hover,
.addcartbutton:hover,
.submit-btn:hover,
.order_now_btn:hover,
.add_cart_btn:hover,
.btn-primary:hover,
.btn-success:hover,
.go_cart:hover,
.cart_store:hover,
.checkout-btn:hover,
.button-primary:hover,
.order_place:hover,
.call_now_btn:hover,
.details-review-button:hover {
    background: #d96d00 !important;
    background-image: none !important;
    color: #ffffff !important;
    border-color: #d96d00 !important;
    box-shadow: 0 8px 28px rgba(247,127,0,0.52), 0 4px 12px rgba(247,127,0,0.28) !important;
    transform: translateY(-2px) !important;
    animation: none !important;
}

/* Button text color */
.pro_btn .cart_btn button *,
.pro_btn .order_button a *,
.addcartbutton *,
.addcartbutton span,
.submit-btn *,
.order_now_btn *,
.add_cart_btn *,
.btn-primary *,
.btn-success *,
.go_cart *,
.cart_store *,
.checkout-btn * {
    color: #ffffff !important;
}