:root {
    --auto-ink: #2b2022;
    --auto-graphite: #302124;
    --auto-navy: #5a2030;
    --auto-blue: #7a283e;
    --auto-blue-bright: #a74860;
    --auto-amber: #c7a369;
    --auto-panel: #fcf9f4;
    --auto-card: #ffffff;
    --auto-border: #e8ded1;
    --auto-muted: #7a6d6b;
    --auto-success: #07845d;
    --auto-header: linear-gradient(135deg, #2b2022 0%, #602439 54%, #7a283e 100%);
    --auto-cta: linear-gradient(135deg, #7a283e 0%, #612034 100%);
    --auto-metal: linear-gradient(135deg, #fcfbf8 0%, #f5efe7 100%);
}

body,
.main_div,
.mobile_div {
    background: var(--auto-panel) !important;
    color: var(--auto-ink) !important;
}

.desktop-header,
.mobile_header,
.about_simple_header,
.top_nav,
.coupon_div .top_nav,
.cart_popup_div .cart_popup_body .cart_popup_header,
.cart_popup_header {
    background: var(--auto-header) !important;
    color: #fff !important;
    box-shadow: 0 10px 28px rgba(39, 16, 22, 0.22) !important;
}

.desktop-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.desktop-logo img,
.mobile_logo,
.about_header_logo {
    background: #fff !important;
    border: 1px solid rgba(245, 165, 36, 0.36) !important;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.16) !important;
}

.desktop-logo-text h1,
.mobile_title,
.desktop-logo-text p,
.desktop-nav-icon,
.desktop-nav-icon span,
.top_nav p,
.coupon_div .top_nav p,
.cart_popup_header h2,
.cart_popup_title {
    color: #fff !important;
}

.desktop-logo-text p {
    color: rgba(255, 255, 255, 0.78) !important;
    letter-spacing: 0 !important;
}

.desktop-search-bar input,
.search_input,
.search_box input,
#search_input,
#desktop_search_input {
    background: rgba(255, 255, 255, 0.96) !important;
    color: var(--auto-ink) !important;
    border: 1px solid rgba(255, 255, 255, 0.42) !important;
    box-shadow: inset 0 0 0 1px rgba(39, 16, 22, 0.04), 0 8px 18px rgba(0, 0, 0, 0.14) !important;
}

.desktop-search-bar i,
.search_main_div,
#toggleIcon,
#toggleViewBtn {
    color: var(--auto-blue) !important;
}

.desktop-nav-badge,
.ajax_cart_val,
.ajax_cart_val_desktop {
    background: #e64242 !important;
    color: #fff !important;
    border: 2px solid rgba(255, 255, 255, 0.9) !important;
}

.desktop-category-nav,
.desktop-category-nav-wrapper,
.top_div,
.categort_menu {
    background: #ffffff !important;
    border-color: var(--auto-border) !important;
}

.category_heading,
.category_back_nav h2,
.section_header h3,
.section_header h4,
.booking_detail_1 h3,
.booking_detail_2 h3,
.booking_detail_3 h3,
.booking_detail_4 h3,
.checkout_title,
.variant_title {
    color: var(--auto-ink) !important;
}

.category_heading::after {
    background: var(--auto-amber) !important;
}

.desktop-category-link,
.category_item {
    color: #46252d !important;
}

.desktop-category-link:hover,
.desktop-category-link.active,
.desktop-category-link.active .desktop-category-name,
.category_item:hover,
.category_item.active {
    color: var(--auto-blue) !important;
}

.desktop-category-link.active .desktop-category-img,
.desktop-category-link:hover .desktop-category-img,
.category_item:hover .category_img_div,
.category_item.active .category_img_div {
    background: #f8efeb !important;
    border-color: var(--auto-blue-bright) !important;
    box-shadow: 0 8px 18px rgba(163, 54, 81, 0.16) !important;
}

.category-scroll-arrow,
.variant_back_btn,
.back_btn,
.mobile_back_btn,
.cart_popup_close,
#preview_back,
.product_preview_back_btn,
.coupon_div .top_nav i {
    background: rgba(255, 255, 255, 0.96) !important;
    color: var(--auto-blue) !important;
    border: 1px solid #eee5d6 !important;
    box-shadow: 0 8px 20px rgba(39, 16, 22, 0.14) !important;
}

.cart_product_item,
.responsive_product_cart,
.section-container,
#pdf_div .section-container,
.coupon_item,
.wishlist_item,
.search_product_item {
    background: var(--auto-card) !important;
    border-color: var(--auto-border) !important;
    box-shadow: 0 8px 22px rgba(39, 16, 22, 0.08) !important;
}

.desktop-category-link:hover {
    box-shadow: 0 12px 28px rgba(39, 16, 22, 0.14) !important;
}

#total_amount,
.grand_total,
.quantity_price span {
    color: #130609 !important;
}



.info_label,
.summary_div p span:first-child,
.quality_label {
    color: var(--auto-muted) !important;
}

.variant_done_btn,
.booking_detail_3 .content_div button,
#pay_now_btn,
.pay_now_btn,
.checkout_btn,
.cart_checkout_btn,
.coupon_div .use_coupon_btn,
#save_btn,
.address_save_btn,
button[type='submit'] {
    background: var(--auto-cta) !important;
    border-color: #612034 !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(163, 54, 81, 0.24) !important;
}

.variant_done_btn:hover,
#pay_now_btn:hover,
.checkout_btn:hover,
.cart_checkout_btn:hover,
.coupon_div .use_coupon_btn:hover,
#save_btn:hover {
    background: linear-gradient(135deg, #6c2338 0%, #4a1829 100%) !important;
}



.favourite_btn,
.share_btn,
.favourite_btn_preview,
.share_btn_preview {
    background: rgba(255, 255, 255, 0.95) !important;
    color: #3a2d30 !important;
    border: 1px solid #f2ece2 !important;
    box-shadow: 0 8px 18px rgba(39, 16, 22, 0.13) !important;
}

.favourite_btn.active,
.favourite_btn.active::before,
.favourite_btn_preview.active,
.favourite_btn_preview.active::before {
    color: #e64242 !important;
}

.bottom_bar {
    background: linear-gradient(135deg, #2b2022 0%, #602439 62%, #612034 100%) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 -10px 30px rgba(39, 16, 22, 0.3) !important;
}

.bottom_bar .a_t_cart {
    background: linear-gradient(135deg, #c7a369 0%, #7a283e 100%) !important;
    border-color: #ffffff !important;
}

.bottom_bar .bottom_bar_link p,
.bottom_bar .bottom_bar_link_active p {
    color: #fbf3e7 !important;
}

.bottom_bar .bottom_bar_link img,
.bottom_bar .a_t_cart img {
    filter: brightness(0) invert(1) !important;
}

.cart_total_bar,
.cart_total_footer,
.cart_popup_footer,
#pdf_div .section-container.checkout_right .booking_detail_8,
.payment-summary {
    background: var(--auto-metal) !important;
    border-color: var(--auto-border) !important;
}

#pay_later_btn,
.cod_btn,
.cash_on_delivery_btn,
#pdf_div #pay_later_btn {
    background: #ffffff !important;
    color: var(--auto-success) !important;
    border: 1px solid #20c77a !important;
    box-shadow: none !important;
}

#pdf_div .booking_detail_3 .coupon_code_div,
#pdf_div .booking_detail_3 .remove_coupon_code_div,
.coupon_code_div,
.remove_coupon_code_div {
    background: #fdfcfa !important;
    border-color: #eae0ce !important;
    color: var(--auto-blue) !important;
}

.coupon_div,
.search_popup_div,
.wishlist_popup_div,
.variant_grid_div,
.image_preview,
.popup-form-container {
    background: #ffffff !important;
    border: 1px solid var(--auto-border) !important;
    box-shadow: 0 20px 60px rgba(39, 16, 22, 0.28) !important;
}

.image_preview[style*="display: block"],
.image_preview[style*="display: flex"],
.image_preview.show,
.blur_body_div.active,
.blur-background.active,
.blur-background[style*="display: block"],
.variant_popup_div[style*="display: block"],
.variant_popup_div[style*="display: flex"] {
    background: rgba(39, 16, 22, 0.62) !important;
    backdrop-filter: blur(8px) !important;
}

.preview_main {
    background: transparent !important;
    backdrop-filter: none !important;
}

.image_preview .product_policy_div,
.policy_grid,
.policy_item,
.seller_info_box,
#pdf_div .booking_detail_2 .info_row,
.address_card,
.address_option {
    background: #fdfcfa !important;
    border-color: #f2ebe0 !important;
}

.image_preview .variant_popup_body2 {
    background: #f8efeb !important;
    border-color: var(--auto-blue-bright) !important;
}

.carousel-indicators .active,
.product_carousel .carousel-indicators .active {
    background-color: var(--auto-blue-bright) !important;
}

.custom-loader-container-9x7a1 .dot-loader-9x7a1 span,
.dot-loader-9x7a1 span {
    background-color: var(--auto-blue-bright) !important;
}

.swal2-confirm,
.confirm_btn,
.btn-primary,
.bg-primary {
    background-color: var(--auto-blue) !important;
    border-color: var(--auto-blue) !important;
}

.text-primary,
a,
.total_price,
.total_amount_text {
    color: var(--auto-blue) !important;
}

@media (max-width: 768px) {
    .mobile_header {
        border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
    }


    .bottom_bar {
        border-top-left-radius: 18px !important;
        border-top-right-radius: 18px !important;
    }
}

/* Checkout coupon modal final mobile full-screen override */
@media (max-width: 767px) {
    body:has(.coupon_div.show) {
        overflow: hidden !important;
    }

    body .coupon_div {
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        height: 100dvh !important;
        padding: 0 !important;
        margin: 0 !important;
        display: none !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        background: #fbf9f6 !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }

    body .coupon_div.show {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
    }

    body .coupon_div .top_nav {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        min-height: 62px !important;
        flex: 0 0 62px !important;
        border-radius: 0 !important;
        padding: 0 14px !important;
        display: grid !important;
        grid-template-columns: 44px minmax(0, 1fr) 44px !important;
        align-items: center !important;
        background: var(--auto-header) !important;
        box-shadow: 0 8px 22px rgba(42, 15, 22, 0.18) !important;
    }

    body .coupon_div .top_nav i {
        width: 42px !important;
        height: 42px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 12px !important;
        background: rgba(255, 255, 255, 0.96) !important;
        color: var(--auto-blue) !important;
    }

    body .coupon_div .top_nav p {
        justify-self: center !important;
        margin: 0 !important;
        color: #ffffff !important;
        font-size: 18px !important;
        line-height: 1 !important;
        font-weight: 850 !important;
    }

    body .coupon_box_main {
        width: 100% !important;
        height: calc(100dvh - 62px) !important;
        max-height: none !important;
        min-height: 0 !important;
        flex: 1 1 auto !important;
        margin: 0 !important;
        padding: 14px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #fbf9f6 !important;
        box-shadow: none !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
}

/* Checkout header bottom-most final polish */
body:has(#pdf_div) .top_nav:not(.coupon_div .top_nav) {
    min-height: 66px !important;
    background: var(--auto-header) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 10px 28px rgba(37, 12, 18, 0.22) !important;
}

body:has(#pdf_div) .top_nav:not(.coupon_div .top_nav) .header_container {
    min-height: 66px !important;
    display: grid !important;
    grid-template-columns: minmax(110px, 1fr) auto minmax(58px, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 0 18px !important;
    background: transparent !important;
}

body:has(#pdf_div) .top_nav .header_left {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    justify-self: start !important;
}

body:has(#pdf_div) .top_nav .header_right {
    justify-self: end !important;
}

body:has(#pdf_div) .top_nav .header_left i,
body:has(#pdf_div) .top_nav .secure_checkout {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border-radius: 13px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    color: var(--auto-blue) !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.14) !important;
}

body:has(#pdf_div) .top_nav .company_logo {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    padding: 4px !important;
    object-fit: contain !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.14) !important;
}

body:has(#pdf_div) .top_nav .checkout_title {
    justify-self: center !important;
    position: static !important;
    transform: none !important;
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 21px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

body:has(#pdf_div) .top_nav .checkout_title::before {
    display: none !important;
}

body:has(#pdf_div) .top_nav .company_name,
body:has(#pdf_div) .top_nav .secure_checkout span {
    display: none !important;
}

body:has(#pdf_div) .top_nav .secure_checkout i {
    margin: 0 !important;
    color: #059669 !important;
    font-size: 18px !important;
}

@media (max-width: 767px) {
    body:has(#pdf_div) .top_nav:not(.coupon_div .top_nav),
    body:has(#pdf_div) .top_nav:not(.coupon_div .top_nav) .header_container {
        min-height: 58px !important;
        height: 58px !important;
    }

    body:has(#pdf_div) .top_nav:not(.coupon_div .top_nav) .header_container {
        grid-template-columns: minmax(94px, 1fr) auto minmax(44px, 1fr) !important;
        gap: 8px !important;
        padding: 0 10px !important;
    }

    body:has(#pdf_div) .top_nav .header_left {
        gap: 8px !important;
    }

    body:has(#pdf_div) .top_nav .header_left i,
    body:has(#pdf_div) .top_nav .secure_checkout {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        border-radius: 12px !important;
        font-size: 18px !important;
    }

    body:has(#pdf_div) .top_nav .company_logo {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        border-radius: 12px !important;
    }

    body:has(#pdf_div) .top_nav .checkout_title {
        font-size: 18px !important;
    }
}

/* Checkout header absolute final polish */
body:has(#pdf_div) .top_nav:not(.coupon_div .top_nav) {
    min-height: 66px !important;
    background: var(--auto-header) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 10px 28px rgba(37, 12, 18, 0.22) !important;
}

body:has(#pdf_div) .top_nav:not(.coupon_div .top_nav) .header_container {
    min-height: 66px !important;
    display: grid !important;
    grid-template-columns: minmax(110px, 1fr) auto minmax(58px, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 0 18px !important;
    background: transparent !important;
}

body:has(#pdf_div) .top_nav .header_left {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    justify-self: start !important;
}

body:has(#pdf_div) .top_nav .header_right {
    justify-self: end !important;
}

body:has(#pdf_div) .top_nav .header_left i,
body:has(#pdf_div) .top_nav .secure_checkout {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border-radius: 13px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    color: var(--auto-blue) !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.14) !important;
}

body:has(#pdf_div) .top_nav .company_logo {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    padding: 4px !important;
    object-fit: contain !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.14) !important;
}

body:has(#pdf_div) .top_nav .checkout_title {
    justify-self: center !important;
    position: static !important;
    transform: none !important;
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 21px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

body:has(#pdf_div) .top_nav .checkout_title::before {
    display: none !important;
}

body:has(#pdf_div) .top_nav .company_name,
body:has(#pdf_div) .top_nav .secure_checkout span {
    display: none !important;
}

body:has(#pdf_div) .top_nav .secure_checkout i {
    margin: 0 !important;
    color: #059669 !important;
    font-size: 18px !important;
}

@media (max-width: 767px) {
    body:has(#pdf_div) .top_nav:not(.coupon_div .top_nav),
    body:has(#pdf_div) .top_nav:not(.coupon_div .top_nav) .header_container {
        min-height: 58px !important;
        height: 58px !important;
    }

    body:has(#pdf_div) .top_nav:not(.coupon_div .top_nav) .header_container {
        grid-template-columns: minmax(94px, 1fr) auto minmax(44px, 1fr) !important;
        gap: 8px !important;
        padding: 0 10px !important;
    }

    body:has(#pdf_div) .top_nav .header_left {
        gap: 8px !important;
    }

    body:has(#pdf_div) .top_nav .header_left i,
    body:has(#pdf_div) .top_nav .secure_checkout {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        border-radius: 12px !important;
        font-size: 18px !important;
    }

    body:has(#pdf_div) .top_nav .company_logo {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        border-radius: 12px !important;
    }

    body:has(#pdf_div) .top_nav .checkout_title {
        font-size: 18px !important;
    }
}

/* Checkout header final polish */
body:has(#pdf_div) .top_nav:not(.coupon_div .top_nav) {
    min-height: 66px !important;
    background: var(--auto-header) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 10px 28px rgba(37, 12, 18, 0.22) !important;
}

body:has(#pdf_div) .top_nav:not(.coupon_div .top_nav) .header_container {
    min-height: 66px !important;
    display: grid !important;
    grid-template-columns: minmax(110px, 1fr) auto minmax(58px, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 0 18px !important;
    background: transparent !important;
}

body:has(#pdf_div) .top_nav .header_left {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    justify-self: start !important;
}

body:has(#pdf_div) .top_nav .header_right {
    justify-self: end !important;
}

body:has(#pdf_div) .top_nav .header_left i,
body:has(#pdf_div) .top_nav .secure_checkout {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border-radius: 13px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    color: var(--auto-blue) !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.14) !important;
}

body:has(#pdf_div) .top_nav .company_logo {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    padding: 4px !important;
    object-fit: contain !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.14) !important;
}

body:has(#pdf_div) .top_nav .checkout_title {
    justify-self: center !important;
    position: static !important;
    transform: none !important;
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 21px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

body:has(#pdf_div) .top_nav .checkout_title::before {
    display: none !important;
}

body:has(#pdf_div) .top_nav .company_name,
body:has(#pdf_div) .top_nav .secure_checkout span {
    display: none !important;
}

body:has(#pdf_div) .top_nav .secure_checkout i {
    margin: 0 !important;
    color: #059669 !important;
    font-size: 18px !important;
}

@media (max-width: 767px) {
    body:has(#pdf_div) .top_nav:not(.coupon_div .top_nav),
    body:has(#pdf_div) .top_nav:not(.coupon_div .top_nav) .header_container {
        min-height: 58px !important;
        height: 58px !important;
    }

    body:has(#pdf_div) .top_nav:not(.coupon_div .top_nav) .header_container {
        grid-template-columns: minmax(94px, 1fr) auto minmax(44px, 1fr) !important;
        gap: 8px !important;
        padding: 0 10px !important;
    }

    body:has(#pdf_div) .top_nav .header_left {
        gap: 8px !important;
    }

    body:has(#pdf_div) .top_nav .header_left i,
    body:has(#pdf_div) .top_nav .secure_checkout {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        border-radius: 12px !important;
        font-size: 18px !important;
    }

    body:has(#pdf_div) .top_nav .company_logo {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        border-radius: 12px !important;
    }

    body:has(#pdf_div) .top_nav .checkout_title {
        font-size: 18px !important;
    }
}

/* Checkout coupon modal must open as a full mobile page */
@media (max-width: 767px) {
    body:has(.coupon_div.show) {
        overflow: hidden !important;
    }

    body .coupon_div {
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        height: 100dvh !important;
        padding: 0 !important;
        margin: 0 !important;
        display: none !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        background: #fbf9f6 !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }

    body .coupon_div.show {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
    }

    body .coupon_div .top_nav {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        min-height: 62px !important;
        flex: 0 0 62px !important;
        border-radius: 0 !important;
        padding: 0 14px !important;
        display: grid !important;
        grid-template-columns: 44px minmax(0, 1fr) 44px !important;
        align-items: center !important;
        background: var(--auto-header) !important;
        box-shadow: 0 8px 22px rgba(42, 15, 22, 0.18) !important;
    }

    body .coupon_div .top_nav i {
        width: 42px !important;
        height: 42px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 12px !important;
        background: rgba(255, 255, 255, 0.96) !important;
        color: var(--auto-blue) !important;
    }

    body .coupon_div .top_nav p {
        justify-self: center !important;
        margin: 0 !important;
        color: #ffffff !important;
        font-size: 18px !important;
        line-height: 1 !important;
        font-weight: 850 !important;
    }

    body .coupon_box_main {
        width: 100% !important;
        height: calc(100dvh - 62px) !important;
        max-height: none !important;
        min-height: 0 !important;
        flex: 1 1 auto !important;
        margin: 0 !important;
        padding: 14px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #fbf9f6 !important;
        box-shadow: none !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
}

/* Checkout final automotive theme alignment */
body:has(#pdf_div) .top_nav:not(.coupon_div .top_nav) {
    background: var(--auto-header) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 28px rgba(39, 16, 22, 0.22) !important;
}

body:has(#pdf_div) .top_nav:not(.coupon_div .top_nav) .header_container {
    background: transparent !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

body:has(#pdf_div) .top_nav .header_left i {
    background: rgba(255, 255, 255, 0.11) !important;
    border: 1px solid rgba(255, 255, 255, 0.24) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.14) !important;
}

body:has(#pdf_div) .top_nav .company_logo {
    background: #ffffff !important;
    border: 1px solid rgba(245, 165, 36, 0.35) !important;
}

body:has(#pdf_div) .top_nav .company_name,
body:has(#pdf_div) .top_nav .checkout_title {
    color: #ffffff !important;
}

body:has(#pdf_div) .top_nav .secure_checkout {
    background: rgba(255, 255, 255, 0.96) !important;
    color: var(--auto-success) !important;
    border: 1px solid rgba(255, 255, 255, 0.34) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.14) !important;
}

body:has(#pdf_div) .top_nav .secure_checkout i,
body:has(#pdf_div) .top_nav .secure_checkout span {
    color: var(--auto-success) !important;
}

#pdf_div .section-container .section_header {
    background: #ffffff !important;
    color: var(--auto-ink) !important;
    border-bottom: 1px solid #f5efe7 !important;
    box-shadow: none !important;
}

#pdf_div .section-container .section_header i,
#pdf_div .section_header_title i {
    color: #c44d6a !important;
    background: #faf7f3 !important;
}

#pdf_div .section-container.checkout_right .booking_detail_8 .content_div button,
.booking_detail_8 .content_div button {
    box-shadow: none !important;
}

#pdf_div .section-container.checkout_right .booking_detail_8 .content_div #pay_now_btn {
    background: var(--auto-cta) !important;
    border: 1px solid rgba(163, 54, 81, 0.2) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 24px rgba(163, 54, 81, 0.22) !important;
}

#pdf_div .section-container.checkout_right .booking_detail_8 .content_div #pay_later_btn {
    background: #ffffff !important;
    border: 1px solid #12b981 !important;
    color: #047857 !important;
}

.checkout_empty_after_order {
    min-height: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 28px;
    text-align: center;
    color: #866970;
}

.checkout_empty_after_order i {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #e7f8f0;
    color: var(--auto-success);
    font-size: 24px;
}

.checkout_empty_after_order strong {
    color: var(--auto-ink);
    font-size: 18px;
    font-weight: 900;
}

.checkout_empty_after_order span {
    max-width: 320px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
}

.order-success-modal {
    background: rgba(37, 12, 18, 0.72) !important;
    backdrop-filter: blur(10px) !important;
}

.order-success-modal .order-success-content {
    padding: 0 !important;
    border: 1px solid rgba(239, 231, 217, 0.9) !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    box-shadow: 0 24px 70px rgba(37, 12, 18, 0.34) !important;
    overflow: hidden !important;
}

.order-success-modal .success-icon {
    padding: 30px 32px 12px !important;
}

.order-success-modal .success-icon i {
    width: 58px !important;
    height: 58px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: #e7f8f0 !important;
    color: var(--auto-success) !important;
    font-size: 34px !important;
}

.order-success-modal .order-success-content h2 {
    margin: 8px 28px 18px !important;
    color: var(--auto-ink) !important;
    font-size: 24px !important;
    font-weight: 900 !important;
}

.order-success-modal .order-details {
    margin: 0 28px 22px !important;
    padding: 18px !important;
    border: 1px solid #f5efe7 !important;
    border-radius: 14px !important;
    background: #fcfaf7 !important;
}

.order-success-modal .order-details p {
    color: #634d53 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.order-success-modal .success-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 20px 28px 28px !important;
    background: #ffffff !important;
}

.order-success-modal .success-actions button {
    margin: 0 !important;
    height: 50px !important;
    border-radius: 12px !important;
    font-weight: 900 !important;
}

.order-success-modal .continue-shopping-btn {
    background: var(--auto-cta) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 24px rgba(163, 54, 81, 0.22) !important;
}

.order-success-modal .view-order-btn {
    background: #faf7f3 !important;
    color: #9a334d !important;
    border: 1px solid #efe8db !important;
}

@media (max-width: 520px) {
    .order-success-modal .success-actions {
        grid-template-columns: 1fr !important;
    }
}

/* Checkout address section polish */
#pdf_div .booking_detail_2.has_delivery_address .customer_info {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
    margin: 0 0 18px !important;
    padding: 18px 20px !important;
    border: 1px solid #f1eade !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #ffffff 0%, #fcfbf9 100%) !important;
    box-shadow: 0 12px 28px rgba(68, 23, 34, 0.07) !important;
}

#pdf_div .booking_detail_2.has_delivery_address .customer_info::before {
    content: "Deliver to" !important;
    display: inline-flex !important;
    width: max-content !important;
    align-items: center !important;
    min-height: 24px !important;
    padding: 0 10px !important;
    margin: 0 0 4px !important;
    border-radius: 999px !important;
    background: #e7f8f0 !important;
    color: #057a55 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

#pdf_div .booking_detail_2.has_delivery_address .info_row {
    display: block !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: left !important;
}

#pdf_div .booking_detail_2.has_delivery_address .info_label {
    display: none !important;
}

#pdf_div .booking_detail_2.has_delivery_address #user_name {
    display: block !important;
    color: #302124 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    text-align: left !important;
}

#pdf_div .booking_detail_2.has_delivery_address #user_mobile {
    display: inline-flex !important;
    align-items: center !important;
    width: max-content !important;
    max-width: 100% !important;
    color: #5d1f2f !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-align: left !important;
}

#pdf_div .booking_detail_2.has_delivery_address #user_mobile::before {
    content: none !important;
}

#pdf_div .booking_detail_2.has_delivery_address #user_ward_number {
    display: inline-flex !important;
    align-items: center !important;
    width: max-content !important;
    max-width: 100% !important;
    margin: 2px 0 0 !important;
    padding: 5px 10px !important;
    border-radius: 999px !important;
    background: #faf7f2 !important;
    color: #9a334d !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-align: left !important;
}

#pdf_div .booking_detail_2.has_delivery_address #user_ward_number::before {
    content: none !important;
}

#pdf_div .booking_detail_2.has_delivery_address .address_info_row {
    display: block !important;
    margin-top: 2px !important;
}

#pdf_div .booking_detail_2.has_delivery_address #user_address {
    display: block !important;
    max-width: 100% !important;
    color: #634d53 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

#pdf_div .address_book_header {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 0 12px !important;
    padding: 16px 0 0 !important;
    border-top: 1px solid #f5f1e9 !important;
}

#pdf_div .address_book_header > span {
    color: #4c3c40 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

#pdf_div .address_book_header .edit_details_btn,
#pdf_div #edit_selected_address {
    display: none !important;
}

#pdf_div .address_card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 14px 16px !important;
    border: 1px solid #f2ebe0 !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 20px rgba(68, 23, 34, 0.05) !important;
}

#pdf_div .address_card.active {
    border-color: #c75672 !important;
    background: #fdfbf9 !important;
    box-shadow: 0 12px 24px rgba(199, 86, 114, 0.12) !important;
}

#pdf_div .address_card.active::after {
    content: "Selected" !important;
    top: 12px !important;
    right: 14px !important;
    padding: 4px 9px !important;
    border-radius: 999px !important;
    background: #e7f8f0 !important;
    color: #057a55 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
}

#pdf_div .address_card.active .address_card_body {
    padding-right: 78px !important;
}

#pdf_div .address_select_btn {
    min-width: 0 !important;
}

#pdf_div .address_card_body {
    gap: 5px !important;
    min-width: 0 !important;
}

#pdf_div .address_card_body strong {
    color: #33171e !important;
    font-size: 15px !important;
    font-weight: 900 !important;
}

#pdf_div .address_card_body strong em {
    margin-right: 9px !important;
    padding: 4px 9px !important;
    border-radius: 999px !important;
    background: #faf7f2 !important;
    color: #a53753 !important;
    font-size: 10px !important;
    font-style: normal !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

#pdf_div .address_card_body span,
#pdf_div .address_card_body small {
    color: #866970 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

#pdf_div .address_card_actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    align-items: center !important;
}

#pdf_div .address_card_actions button {
    width: 34px !important;
    height: 34px !important;
    border: 1px solid #f2ebe0 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 5px 14px rgba(68, 23, 34, 0.06) !important;
}

@media (max-width: 640px) {
    #pdf_div .booking_detail_2.has_delivery_address .customer_info {
        padding: 15px !important;
    }

    #pdf_div .booking_detail_2.has_delivery_address #user_name {
        font-size: 16px !important;
    }

    #pdf_div .booking_detail_2.has_delivery_address #user_address {
        font-size: 13px !important;
    }

    #pdf_div .address_card {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #pdf_div .address_card_actions {
        flex-direction: row !important;
        justify-content: flex-end !important;
    }
}

/* Crisp category menu thumbnails */
@media (min-width: 769px) {
    .desktop-category-img {
        overflow: hidden !important;
        background: #ffffff !important;
        border: 1px solid #ede4d4 !important;
    }

    .desktop-category-img img {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        object-fit: cover !important;
        object-position: center !important;
        border-radius: 9px !important;
        filter: none !important;
        opacity: 1 !important;
        transform: none !important;
        image-rendering: auto !important;
        backface-visibility: hidden !important;
    }

    .desktop-category-link:hover .desktop-category-img img,
    .desktop-category-link.active .desktop-category-img img {
        filter: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}

/* Checkout UPI payment modal */
.payment_popup_div {
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    bottom: auto !important;
    width: min(660px, calc(100vw - 32px)) !important;
    max-height: calc(100vh - 42px) !important;
    height: auto !important;
    transform: translate(-50%, -50%) !important;
    padding: 0 !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    overflow: hidden !important;
    box-shadow: 0 28px 90px rgba(22, 7, 11, 0.34) !important;
    z-index: 2147482500 !important;
}

.payment_popup_div .cart_popup_body {
    display: flex !important;
    flex-direction: column !important;
    max-height: calc(100vh - 42px) !important;
    overflow: hidden !important;
}

.payment_popup_head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    padding: 18px 20px !important;
    background: linear-gradient(135deg, #250c12 0%, #7a283e 100%) !important;
    color: #ffffff !important;
}

.payment_popup_head span {
    display: block !important;
    margin-bottom: 3px !important;
    color: rgba(255, 255, 255, 0.74) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
}

.payment_popup_div .cart_title {
    margin: 0 !important;
    color: #ffffff !important;
    text-align: left !important;
    font-size: 19px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
}

.payment_popup_div .cart_hide_btn {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.28) !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.payment_popup_div .cart_hide_btn i {
    color: #ffffff !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

.payment_popup_div .product_main_div_cart {
    padding: 20px !important;
    overflow-y: auto !important;
}

.payment_popup_div .payment_flex_div {
    display: grid !important;
    grid-template-columns: 270px minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 18px !important;
    padding: 0 !important;
}

.payment_popup_div .qr_img,
.payment_popup_div .payment_upload_box {
    border: 1px solid #f1eadf !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, #ffffff 0%, #fdfbf9 100%) !important;
    padding: 14px !important;
    box-shadow: 0 10px 24px rgba(80, 27, 40, 0.08) !important;
}

.payment_popup_div .qr_img {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.payment_popup_div .qr_img h6,
.payment_popup_div .payment_upload_box h6 {
    width: 100% !important;
    margin: 0 0 12px !important;
    color: #271117 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    text-align: left !important;
}

.payment_popup_div .qr_img img {
    width: 220px !important;
    height: 220px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
    border-radius: 10px !important;
    background: #ffffff !important;
}

.payment_popup_div #download_qr {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    margin-top: 12px !important;
    color: #7a283e !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.payment_popup_div .payment_hint {
    width: 100% !important;
    margin: 10px 0 0 !important;
    color: #866970 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-align: center !important;
}

.payment_popup_div .upload_image_main_div {
    width: 100% !important;
    min-height: 220px !important;
    height: 220px !important;
    border: 1.5px dashed #d89ead !important;
    border-radius: 12px !important;
    background: #fdfcfa !important;
    box-shadow: none !important;
}

.payment_popup_div #order_btn {
    position: static !important;
    width: 100% !important;
    margin-top: 18px !important;
    padding: 14px 16px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #7a283e 0%, #c34a68 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    box-shadow: 0 14px 30px rgba(163, 54, 81, 0.28) !important;
}

@media (max-width: 640px) {
    .payment_popup_div {
        width: calc(100vw - 18px) !important;
        max-height: calc(100vh - 24px) !important;
        border-radius: 16px !important;
    }

    .payment_popup_head {
        padding: 15px 16px !important;
    }

    .payment_popup_div .cart_title {
        font-size: 17px !important;
    }

    .payment_popup_div .product_main_div_cart {
        padding: 14px !important;
    }

    .payment_popup_div .payment_flex_div {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .payment_popup_div .qr_img img {
        width: min(230px, 72vw) !important;
        height: min(230px, 72vw) !important;
    }

    .payment_popup_div .upload_image_main_div {
        min-height: 138px !important;
        height: 138px !important;
    }

    .payment_popup_div .qr_img h6,
    .payment_popup_div .payment_upload_box h6 {
        text-align: center !important;
        font-size: 14px !important;
        margin-bottom: 10px !important;
    }

    .payment_popup_div .payment_hint {
        max-width: 260px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}



/* Keep product preview above cart drawer when opened from cart items */
.preview_main {
    z-index: 2147483000 !important;
}

.image_preview,
.image_preview.show,
.image_preview[style*="display: block"],
.image_preview[style*="display: flex"] {
    z-index: 2147483001 !important;
}

/* Stronger product preview back button */
.image_preview #preview_cancel,
.image_preview .product_preview_back_btn,
.image_preview .back_btn,
.preview_main #preview_cancel,
.preview_main .product_preview_back_btn,
.preview_main .back_btn {
    background: linear-gradient(135deg, #2b2022 0%, #7a283e 100%) !important;
    color: #ffffff !important;
    border: 2px solid rgba(255, 255, 255, 0.92) !important;
    box-shadow: 0 12px 28px rgba(39, 16, 22, 0.32), 0 0 0 4px rgba(163, 54, 81, 0.14) !important;
    width: 56px !important;
    height: 56px !important;
    border-radius: 14px !important;
    z-index: 2147483002 !important;
}

.image_preview #preview_cancel i,
.image_preview .product_preview_back_btn i,
.image_preview .back_btn i,
.preview_main #preview_cancel i,
.preview_main .product_preview_back_btn i,
.preview_main .back_btn i {
    color: #ffffff !important;
    font-size: 28px !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28) !important;
}

.image_preview #preview_cancel:hover,
.image_preview .product_preview_back_btn:hover,
.image_preview .back_btn:hover,
.preview_main #preview_cancel:hover,
.preview_main .product_preview_back_btn:hover,
.preview_main .back_btn:hover {
    background: linear-gradient(135deg, #612034 0%, #a74860 100%) !important;
    transform: translateY(-1px) !important;
}

@media (max-width: 768px) {
    .image_preview #preview_cancel,
    .image_preview .product_preview_back_btn,
    .image_preview .back_btn,
    .preview_main #preview_cancel,
    .preview_main .product_preview_back_btn,
    .preview_main .back_btn {
        width: 44px !important;
        height: 44px !important;
        border-radius: 12px !important;
    }

    .image_preview #preview_cancel i,
    .image_preview .product_preview_back_btn i,
    .image_preview .back_btn i,
    .preview_main #preview_cancel i,
    .preview_main .product_preview_back_btn i,
    .preview_main .back_btn i {
        font-size: 24px !important;
    }
}

/* Premium automotive category strip */
@media (min-width: 769px) {
    .desktop-category-nav {
        background: linear-gradient(180deg, #fdfcfa 0%, #f9f6f0 100%) !important;
        border-top: 1px solid rgba(255, 255, 255, 0.65) !important;
        border-bottom: 1px solid #efe6d9 !important;
        box-shadow: 0 8px 24px rgba(39, 16, 22, 0.08) !important;
    }

    .desktop-category-nav-wrapper {
        max-width: 1500px !important;
        padding: 0 88px !important;
        background: transparent !important;
    }

    .desktop-category-nav-content {
        justify-content: center !important;
        gap: 18px !important;
        padding: 18px 12px 20px !important;
    }

    .desktop-category-link {
        min-width: 126px !important;
        max-width: 138px !important;
        height: 136px !important;
        padding: 12px 10px 10px !important;
        gap: 10px !important;
        border: 1px solid transparent !important;
        border-radius: 14px !important;
        color: #38151e !important;
        background: rgba(255, 255, 255, 0.58) !important;
        transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, background 0.2s ease !important;
    }

    .desktop-category-link:hover,
    .desktop-category-link.active {
        background: #ffffff !important;
        border-color: #eac1cb !important;
        box-shadow: 0 10px 22px rgba(39, 16, 22, 0.12) !important;
        transform: translateY(-2px) !important;
        color: #612034 !important;
    }

    .desktop-category-img {
        width: 72px !important;
        height: 72px !important;
        padding: 6px !important;
        border-radius: 13px !important;
        background: linear-gradient(180deg, #ffffff 0%, #f8f4ee 100%) !important;
        border: 1px solid #efe7d9 !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 5px 12px rgba(39, 16, 22, 0.08) !important;
    }

    .desktop-category-link:hover .desktop-category-img,
    .desktop-category-link.active .desktop-category-img {
        background: linear-gradient(180deg, #fdfcfa 0%, #f7f3ed 100%) !important;
        border-color: #a74860 !important;
        box-shadow: 0 8px 18px rgba(163, 54, 81, 0.18) !important;
        transform: none !important;
    }

    .desktop-category-img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 9px !important;
    }

    .desktop-category-name {
        color: #33131b !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
        max-height: 34px !important;
        letter-spacing: 0 !important;
    }

    .desktop-category-link:hover .desktop-category-name,
    .desktop-category-link.active .desktop-category-name {
        color: #612034 !important;
    }

    .category-scroll-arrow {
        width: 50px !important;
        height: 50px !important;
        background: #ffffff !important;
        border: 1px solid #efe7da !important;
        color: #7a283e !important;
        box-shadow: 0 12px 26px rgba(39, 16, 22, 0.12) !important;
    }

    .category-scroll-arrow i {
        color: #7a283e !important;
        font-size: 21px !important;
    }

    .category-scroll-left {
        left: 22px !important;
    }

    .category-scroll-right {
        right: 22px !important;
    }
}

/* Refined compact category strip with All item */
@media (min-width: 769px) {
    .desktop-category-nav {
        background: linear-gradient(180deg, #fdfbf9 0%, #f9f7f2 100%) !important;
    }

    .desktop-category-nav-wrapper {
        max-width: 1500px !important;
        padding: 0 76px !important;
    }

    .desktop-category-nav-content {
        justify-content: flex-start !important;
        gap: 14px !important;
        padding: 14px 4px 16px !important;
    }

    .desktop-category-link {
        min-width: 112px !important;
        max-width: 122px !important;
        height: 124px !important;
        padding: 10px 9px !important;
        gap: 8px !important;
        background: rgba(255, 255, 255, 0.72) !important;
        border: 1px solid rgba(239, 232, 219, 0.95) !important;
        box-shadow: 0 6px 18px rgba(39, 16, 22, 0.06) !important;
    }

    .desktop-category-img {
        width: 66px !important;
        height: 66px !important;
        padding: 5px !important;
    }

    .desktop-category-all-img {
        background: linear-gradient(135deg, #2b2022 0%, #7a283e 100%) !important;
        border-color: #7a283e !important;
        color: #ffffff !important;
    }

    .desktop-category-all-img i {
        color: #ffffff !important;
        font-size: 28px !important;
    }

    .desktop-category-name {
        font-size: 12.5px !important;
        max-height: 32px !important;
    }

    .desktop-category-link:hover,
    .desktop-category-link.active {
        background: #ffffff !important;
        border-color: #a74860 !important;
        box-shadow: 0 10px 22px rgba(163, 54, 81, 0.15) !important;
    }

    .desktop-category-link.active::after {
        content: "";
        position: absolute;
        left: 18px;
        right: 18px;
        bottom: 7px;
        height: 3px;
        border-radius: 999px;
        background: #a74860;
    }

    .category-scroll-arrow {
        width: 44px !important;
        height: 44px !important;
    }

    .category-scroll-left {
        left: 18px !important;
    }

    .category-scroll-right {
        right: 18px !important;
    }
}

/* Sleek automotive category tabs */
@media (min-width: 769px) {
    .desktop-category-nav {
        background: linear-gradient(180deg, #fbf9f5 0%, #f8f5f0 100%) !important;
        border-bottom: 1px solid #eee6d7 !important;
        box-shadow: 0 6px 18px rgba(39, 16, 22, 0.07) !important;
    }

    .desktop-category-nav-wrapper {
        max-width: 1500px !important;
        padding: 0 72px !important;
    }

    .desktop-category-nav-content {
        justify-content: flex-start !important;
        gap: 12px !important;
        padding: 14px 4px !important;
        min-height: 96px !important;
    }

    .desktop-category-link {
        flex-direction: row !important;
        justify-content: flex-start !important;
        min-width: 172px !important;
        max-width: 196px !important;
        height: 68px !important;
        padding: 8px 12px !important;
        gap: 10px !important;
        border-radius: 14px !important;
        background: rgba(255, 255, 255, 0.82) !important;
        border: 1px solid #f0e9dd !important;
        box-shadow: 0 5px 16px rgba(39, 16, 22, 0.06) !important;
        text-align: left !important;
    }

    .desktop-category-link:hover,
    .desktop-category-link.active {
        background: #ffffff !important;
        border-color: #a74860 !important;
        box-shadow: 0 10px 24px rgba(163, 54, 81, 0.16) !important;
        transform: translateY(-1px) !important;
    }

    .desktop-category-link.active {
        background: linear-gradient(135deg, #ffffff 0%, #f8efeb 100%) !important;
    }

    .desktop-category-img {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        padding: 4px !important;
        border-radius: 12px !important;
        background: #fdfcfa !important;
        border: 1px solid #eee6d7 !important;
        box-shadow: none !important;
    }

    .desktop-category-img img {
        object-fit: cover !important;
        border-radius: 9px !important;
    }

    .desktop-category-all-img {
        background: linear-gradient(135deg, #2b2022 0%, #7a283e 100%) !important;
        border-color: #7a283e !important;
    }

    .desktop-category-all-img i {
        font-size: 22px !important;
    }

    .desktop-category-name {
        -webkit-line-clamp: 2 !important;
        max-height: 36px !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 1.25 !important;
        color: #321119 !important;
    }

    .desktop-category-link:hover .desktop-category-name,
    .desktop-category-link.active .desktop-category-name {
        color: #612034 !important;
    }

    .desktop-category-link.active::after {
        left: 62px !important;
        right: 14px !important;
        bottom: 8px !important;
        height: 3px !important;
        background: #a74860 !important;
    }

    .desktop-category-link:has(.desktop-category-all-img) {
        min-width: 104px !important;
        max-width: 112px !important;
    }

    .desktop-category-link:has(.desktop-category-all-img) .desktop-category-name {
        color: #321119 !important;
    }

    .desktop-category-link.active:has(.desktop-category-all-img) {
        background: #ffffff !important;
    }

    .category-scroll-arrow {
        width: 42px !important;
        height: 42px !important;
        background: rgba(255, 255, 255, 0.92) !important;
    }

    .category-scroll-left {
        left: 18px !important;
    }

    .category-scroll-right {
        right: 18px !important;
    }
}

/* Category active state without underline + better All tile */
@media (min-width: 769px) {
    .desktop-category-link.active::after {
        display: none !important;
        content: none !important;
    }

    .desktop-category-link.active {
        background: linear-gradient(135deg, #3d141e 0%, #7a283e 100%) !important;
        border-color: #d88a9e !important;
        color: #ffffff !important;
        box-shadow: 0 12px 28px rgba(163, 54, 81, 0.24) !important;
    }

    .desktop-category-link.active .desktop-category-name {
        color: #ffffff !important;
    }

    .desktop-category-link.active .desktop-category-img {
        background: rgba(255, 255, 255, 0.15) !important;
        border-color: rgba(255, 255, 255, 0.38) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
    }

    .desktop-category-link:has(.desktop-category-all-img) {
        min-width: 118px !important;
        max-width: 126px !important;
        gap: 10px !important;
    }

    .desktop-category-all-img {
        position: relative !important;
        background: linear-gradient(135deg, #ffffff 0%, #f8f5ef 100%) !important;
        border: 1px solid #ecc5cf !important;
        color: #7a283e !important;
    }

    .desktop-category-all-img::before {
        content: "";
        position: absolute;
        inset: 7px;
        border-radius: 9px;
        background: linear-gradient(135deg, #7a283e 0%, #3d141e 100%);
        opacity: 0.1;
        pointer-events: none;
    }

    .desktop-category-all-img i {
        position: relative;
        z-index: 1;
        color: #7a283e !important;
        font-size: 21px !important;
    }

    .desktop-category-link.active .desktop-category-all-img {
        background: rgba(255, 255, 255, 0.18) !important;
        border-color: rgba(255, 255, 255, 0.44) !important;
    }

    .desktop-category-link.active .desktop-category-all-img::before {
        background: rgba(255, 255, 255, 0.36) !important;
        opacity: 1 !important;
    }

    .desktop-category-link.active .desktop-category-all-img i {
        color: #ffffff !important;
    }

    .desktop-category-link:has(.desktop-category-all-img) .desktop-category-name {
        font-size: 13.5px !important;
        font-weight: 900 !important;
    }
}

/* Category vertical balance and readable active All */
@media (min-width: 769px) {
    .desktop-category-nav-content {
        padding-top: 13px !important;
        padding-bottom: 13px !important;
        min-height: 94px !important;
        align-items: center !important;
    }

    .desktop-category-link {
        height: 68px !important;
    }

    .desktop-category-link.active:has(.desktop-category-all-img) {
        background: #ffffff !important;
        border-color: #a74860 !important;
        box-shadow: 0 10px 24px rgba(163, 54, 81, 0.16) !important;
    }

    .desktop-category-link.active:has(.desktop-category-all-img) .desktop-category-name {
        color: #612034 !important;
    }

    .desktop-category-link.active .desktop-category-all-img {
        background: linear-gradient(135deg, #ffffff 0%, #f8f5ef 100%) !important;
        border-color: #a74860 !important;
    }

    .desktop-category-link.active .desktop-category-all-img::before {
        background: linear-gradient(135deg, #7a283e 0%, #3d141e 100%) !important;
        opacity: 0.12 !important;
    }

    .desktop-category-link.active .desktop-category-all-img i {
        color: #7a283e !important;
    }
}

/* Modern automotive hero slider */
.slider-container {
    background: #302124 !important;
    overflow: hidden !important;
}

#carouselMain {
    background: #302124 !important;
}

#carouselMain .carousel-inner {
    border-bottom: 1px solid #efe7d9 !important;
}

#carouselMain .carousel-item {
    height: clamp(280px, 32vw, 420px) !important;
    min-height: clamp(280px, 32vw, 420px) !important;
    background: #302124 !important;
    align-items: stretch !important;
}

/* Modern mobile category section */
@media (max-width: 768px) {
    .top_div {
        background: linear-gradient(180deg, #fbf9f5 0%, #ffffff 100%) !important;
        padding: 12px 8px 14px !important;
        margin: 0 !important;
        border-top: 1px solid #f2ebe0 !important;
        border-bottom: 1px solid #f5efe7 !important;
    }

    .category_heading {
        margin: 0 2px 10px !important;
        padding: 0 !important;
        color: #321119 !important;
        font-size: 19px !important;
        line-height: 1.2 !important;
        font-weight: 900 !important;
        letter-spacing: 0 !important;
    }

    .category_heading::after {
        display: block !important;
        content: "" !important;
        width: 42px !important;
        height: 3px !important;
        margin-top: 7px !important;
        border-radius: 999px !important;
        background: #a74860 !important;
    }

    .categort_menu {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 9px !important;
        padding: 0 !important;
        overflow: visible !important;
        white-space: normal !important;
        background: transparent !important;
        border: 0 !important;
        scrollbar-width: none !important;
    }

    .categort_menu::-webkit-scrollbar {
        display: none !important;
    }

    .categort_menu .category_item {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 116px !important;
        padding: 8px 5px 9px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 7px !important;
        border: 1px solid #f2ebe0 !important;
        border-radius: 12px !important;
        background: rgba(255, 255, 255, 0.92) !important;
        box-shadow: 0 6px 16px rgba(39, 16, 22, 0.06) !important;
        color: #321119 !important;
        text-decoration: none !important;
        transform: none !important;
    }

    .categort_menu .category_img_div {
        width: 68px !important;
        height: 68px !important;
        min-width: 68px !important;
        min-height: 68px !important;
        padding: 4px !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 12px !important;
        border: 1px solid #eee6d7 !important;
        background: linear-gradient(180deg, #fdfcfa 0%, #f9f6f1 100%) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;
        overflow: hidden !important;
    }

    .categort_menu .category_img {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        object-fit: cover !important;
        object-position: center !important;
        border-radius: 9px !important;
    }

    .categort_menu .category_item span {
        width: 100% !important;
        min-height: 30px !important;
        margin: 0 !important;
        padding: 0 2px !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        overflow: hidden !important;
        color: #302628 !important;
        font-size: 11.5px !important;
        font-weight: 750 !important;
        line-height: 1.25 !important;
        text-align: center !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;
    }

    .categort_menu .category_item:hover,
    .categort_menu .category_item.active {
        border-color: #a74860 !important;
        background: #ffffff !important;
        box-shadow: 0 8px 20px rgba(163, 54, 81, 0.14) !important;
        color: #612034 !important;
    }

    .categort_menu .category_item:hover .category_img_div,
    .categort_menu .category_item.active .category_img_div {
        background: linear-gradient(180deg, #faf7f3 0%, #ffffff 100%) !important;
        border-color: #dd9aab !important;
        box-shadow: 0 6px 14px rgba(199, 87, 115, 0.13) !important;
        transform: none !important;
    }
}

@media (max-width: 360px) {
    .top_div {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .categort_menu {
        gap: 7px !important;
    }

    .categort_menu .category_item {
        min-height: 108px !important;
        padding: 7px 4px 8px !important;
    }

    .categort_menu .category_img_div {
        width: 62px !important;
        height: 62px !important;
        min-width: 62px !important;
        min-height: 62px !important;
    }

    .categort_menu .category_item span {
        font-size: 11px !important;
    }
}

/* Mobile category premium refresh */
@media (max-width: 768px) {
    .top_div {
        position: relative !important;
        padding: 14px 10px 16px !important;
        background: #fbf9f5 !important;
        border: 0 !important;
        box-shadow: inset 0 1px 0 #ffffff, inset 0 -1px 0 #f5efe7 !important;
    }

    .category_heading {
        margin: 0 0 12px !important;
        font-size: 20px !important;
        font-weight: 900 !important;
        color: #321119 !important;
    }

    .category_heading::after {
        width: 46px !important;
        height: 4px !important;
        margin-top: 7px !important;
        background: linear-gradient(90deg, #a74860 0%, #95324b 100%) !important;
    }

    .categort_menu {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding: 0 !important;
        background: transparent !important;
    }

    .categort_menu .category_item,
    .categort_menu .category_item:focus,
    .categort_menu .category_item:active,
    .categort_menu .category_item:visited {
        position: relative !important;
        min-height: 122px !important;
        padding: 8px 5px 9px !important;
        gap: 7px !important;
        border: 1px solid rgba(239, 231, 217, 0.9) !important;
        outline: 0 !important;
        border-radius: 16px !important;
        background: linear-gradient(180deg, #ffffff 0%, #fdfcfa 100%) !important;
        box-shadow: 0 8px 18px rgba(39, 16, 22, 0.07) !important;
        overflow: hidden !important;
    }

    .categort_menu .category_item::before {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        border-radius: inherit !important;
        background: linear-gradient(180deg, rgba(199, 87, 115, 0.08) 0%, rgba(199, 87, 115, 0) 52%) !important;
        opacity: 0 !important;
        pointer-events: none !important;
        transition: opacity 0.2s ease !important;
    }

    .categort_menu .category_item:hover::before,
    .categort_menu .category_item.active::before {
        opacity: 1 !important;
    }

    .categort_menu .category_img_div {
        position: relative !important;
        z-index: 1 !important;
        width: 74px !important;
        height: 74px !important;
        min-width: 74px !important;
        min-height: 74px !important;
        padding: 5px !important;
        border: 0 !important;
        border-radius: 16px !important;
        background: linear-gradient(145deg, #f8efeb 0%, #ffffff 70%) !important;
        box-shadow: inset 0 0 0 1px #f0e9dd, 0 5px 12px rgba(80, 27, 40, 0.08) !important;
    }

    .categort_menu .category_img {
        border-radius: 12px !important;
        object-fit: cover !important;
    }

    .categort_menu .category_item span {
        position: relative !important;
        z-index: 1 !important;
        min-height: 29px !important;
        padding: 0 1px !important;
        color: #3a141e !important;
        font-size: 11.25px !important;
        font-weight: 800 !important;
        line-height: 1.25 !important;
        letter-spacing: 0 !important;
    }

    .categort_menu .category_item:hover,
    .categort_menu .category_item.active {
        border-color: rgba(199, 87, 115, 0.55) !important;
        background: #ffffff !important;
        box-shadow: 0 10px 22px rgba(163, 54, 81, 0.13) !important;
        transform: translateY(-1px) !important;
    }
}

@media (max-width: 360px) {
    .categort_menu {
        gap: 7px !important;
    }

    .categort_menu .category_item,
    .categort_menu .category_item:focus,
    .categort_menu .category_item:active,
    .categort_menu .category_item:visited {
        min-height: 116px !important;
        border-radius: 14px !important;
    }

    .categort_menu .category_img_div {
        width: 68px !important;
        height: 68px !important;
        min-width: 68px !important;
        min-height: 68px !important;
    }
}

/* Mobile product cart button alignment */
@media (max-width: 768px) {
    .product_main_div .product_item,
    .p_service_main_div .product_item {
        position: relative !important;
    }

    .product_main_div .product_item .product_detail,
    .p_service_main_div .product_item .product_detail {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .product_main_div .product_item .product_price_div,
    .p_service_main_div .product_item .product_price_div {
        width: 100% !important;
    }

    .product_main_div .product_item .product_quantity,
    .p_service_main_div .product_item .product_quantity {
        width: 100% !important;
        min-height: 38px !important;
        margin-top: auto !important;
        padding-top: 8px !important;
        display: flex !important;
        align-items: flex-end !important;
        justify-content: flex-start !important;
    }

    .product_main_div .product_item .default_add_btn,
    .p_service_main_div .product_item .default_add_btn,
    .product_main_div .product_item .plus_minus_buttons,
    .p_service_main_div .product_item .plus_minus_buttons {
        width: 84px !important;
        min-width: 84px !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 0 !important;
        border-radius: 7px !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        box-sizing: border-box !important;
    }

    .product_main_div .product_item .default_add_btn,
    .p_service_main_div .product_item .default_add_btn {
        background: #ffffff !important;
        border: 1.5px solid #c5526f !important;
        color: #b63d5b !important;
        box-shadow: 0 4px 10px rgba(197, 82, 111, 0.08) !important;
    }

    .product_main_div .product_item .default_add_btn span,
    .p_service_main_div .product_item .default_add_btn span {
        color: inherit !important;
        font-size: 13px !important;
        font-weight: 800 !important;
    }

    .product_main_div .product_item .default_add_btn_border,
    .p_service_main_div .product_item .default_add_btn_border {
        width: 90px !important;
        min-width: 90px !important;
        height: 40px !important;
        min-height: 40px !important;
        flex-direction: column !important;
        gap: 0 !important;
        border: 2px solid #bb3e5d !important;
        color: #bb3e5d !important;
        background: #ffffff !important;
        box-shadow: 0 4px 10px rgba(187, 62, 93, 0.08) !important;
    }

    .product_main_div .product_item .default_add_btn_border span,
    .p_service_main_div .product_item .default_add_btn_border span {
        height: auto !important;
        min-height: 18px !important;
        color: #bb3e5d !important;
        line-height: 1 !important;
    }

    .product_main_div .product_item .default_add_btn_border p,
    .p_service_main_div .product_item .default_add_btn_border p {
        /* position: static !important; */
        /* margin: 0 !important; */
        /* padding: 0 !important; */
        background: #fff !important;
        /* color: #bb3e5d !important; */
        font-size: 8px !important;
        /* font-weight: 800 !important; */
        bottom: -5px;
        /* line-height: 1 !important; */
        /* white-space: nowrap !important; */
    }

    .product_main_div .product_item .plus_minus_buttons,
    .p_service_main_div .product_item .plus_minus_buttons {
        padding: 0 9px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 0 !important;
        background: #c5526f !important;
        border: 1px solid #c5526f !important;
        color: #ffffff !important;
        box-shadow: 0 5px 12px rgba(197, 82, 111, 0.22) !important;
    }

    .product_main_div .product_item .product_minus,
    .product_main_div .product_item .product_plus,
    .p_service_main_div .product_item .product_minus,
    .p_service_main_div .product_item .product_plus {
        width: 20px !important;
        height: 100% !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #ffffff !important;
        font-size: 0 !important;
        font-weight: 900 !important;
        line-height: 1 !important;
    }

    .product_main_div .product_item .product_minus::before,
    .p_service_main_div .product_item .product_minus::before {
        content: "-" !important;
        font-size: 16px !important;
        line-height: 1 !important;
    }

    .product_main_div .product_item .product_plus::before,
    .p_service_main_div .product_item .product_plus::before {
        content: "+" !important;
        font-size: 16px !important;
        line-height: 1 !important;
    }

    .product_main_div .product_item .product_minus img,
    .product_main_div .product_item .product_plus img,
    .p_service_main_div .product_item .product_minus img,
    .p_service_main_div .product_item .product_plus img {
        display: none !important;
    }

    .product_main_div .product_item .quantity_input,
    .p_service_main_div .product_item .quantity_input {
        width: 24px !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #ffffff !important;
        font-size: 13px !important;
        font-weight: 900 !important;
        line-height: 34px !important;
        text-align: center !important;
    }

    .product_main_div .product_item .default_add_btn[style*="display: none"],
    .p_service_main_div .product_item .default_add_btn[style*="display: none"],
    .product_main_div .product_item .plus_minus_buttons[style*="display: none"],
    .p_service_main_div .product_item .plus_minus_buttons[style*="display: none"] {
        display: none !important;
    }
}

@media (max-width: 360px) {
    .product_main_div .product_item .default_add_btn,
    .p_service_main_div .product_item .default_add_btn,
    .product_main_div .product_item .plus_minus_buttons,
    .p_service_main_div .product_item .plus_minus_buttons {
        width: 78px !important;
        min-width: 78px !important;
        height: 32px !important;
        min-height: 32px !important;
    }

    .product_main_div .product_item .quantity_input,
    .p_service_main_div .product_item .quantity_input {
        line-height: 32px !important;
    }
}

/* Mobile product card layout: button on price row right side */
@media (max-width: 768px) {
    .product_main_div,
    .p_service_main_div {
        gap: 1px !important;
        background: #f3eee4 !important;
    }

    .product_main_div .product_item,
    .p_service_main_div .product_item {
        border-radius: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        background: #ffffff !important;
        overflow: hidden !important;
    }

    .product_main_div .product_item .product_img,
    .p_service_main_div .product_item .product_img {
        border-radius: 0 !important;
        border: 0 !important;
        background: #ffffff !important;
    }

    .product_main_div .product_item .product_detail,
    .p_service_main_div .product_item .product_detail {
        display: flex !important;
        flex-direction: column !important;
        min-height: 150px !important;
        padding: 10px 10px 12px !important;
    }

    .product_main_div .product_item .prduct_desc,
    .p_service_main_div .product_item .prduct_desc {
        min-height: 36px !important;
        margin: 0 0 0px !important;
        font-size: 12.5px !important;
        line-height: 1.35 !important;
        font-weight: 500 !important;
        color: #271117 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    .product_main_div .product_item .product_price_div,
    .p_service_main_div .product_item .product_price_div {
        width: 100% !important;
        margin-top: auto !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-rows: auto auto !important;
        column-gap: 8px !important;
        row-gap: 4px !important;
        align-items: end !important;
    }

    .product_main_div .product_item .price_div,
    .p_service_main_div .product_item .price_div {
        grid-column: 1 !important;
        grid-row: 1 !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 4px 6px !important;
    }

    .product_main_div .product_item .product_price,
    .p_service_main_div .product_item .product_price {
        color: #bf405f !important;
        font-size: 16px !important;
        line-height: 1 !important;
        font-weight: 800 !important;
    }

    .product_main_div .product_item .orginal_price,
    .p_service_main_div .product_item .orginal_price {
        color: #8b95a1 !important;
        font-size: 11px !important;
        line-height: 1 !important;
    }

    .product_main_div .product_item .offer_div,
    .p_service_main_div .product_item .offer_div {
        padding: 3px 6px !important;
        border-radius: 5px !important;
        background: #dff6eb !important;
        color: #008044 !important;
        font-size: 11px !important;
        line-height: 1 !important;
        font-weight: 900 !important;
    }

    .product_main_div .product_item .avg_cost,
    .p_service_main_div .product_item .avg_cost {
        grid-column: 1 !important;
        grid-row: 2 !important;
        margin: 0 !important;
        color: #ef4444 !important;
        font-size: 11px !important;
        line-height: 1.25 !important;
        font-weight: 500 !important;
    }

    .product_main_div .product_item .product_quantity,
    .p_service_main_div .product_item .product_quantity {
        grid-column: 2 !important;
        grid-row: 1 / span 2 !important;
        width: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        align-self: center !important;
    }

    .product_main_div .product_item .default_add_btn,
    .p_service_main_div .product_item .default_add_btn,
    .product_main_div .product_item .plus_minus_buttons,
    .p_service_main_div .product_item .plus_minus_buttons {
        width: 86px !important;
        min-width: 86px !important;
        height: 40px !important;
        min-height: 40px !important;
        border-radius: 7px !important;
        margin: 0 !important;
    }

    .product_main_div .product_item .default_add_btn,
    .p_service_main_div .product_item .default_add_btn {
        border: 1.5px solid #c5526f !important;
        background: #ffffff !important;
        color: #c34c6a !important;
        box-shadow: none !important;
    }

    .product_main_div .product_item .default_add_btn span,
    .p_service_main_div .product_item .default_add_btn span {
        color: inherit !important;
        font-size: 16px !important;
        font-weight: 600 !important;
    }

    .product_main_div .product_item .default_add_btn_border,
    .p_service_main_div .product_item .default_add_btn_border {
        width: 92px !important;
        min-width: 92px !important;
        height: 42px !important;
        min-height: 42px !important;
        border-color: #bb3e5d !important;
        color: #bb3e5d !important;
    }

    .product_main_div .product_item .plus_minus_buttons,
    .p_service_main_div .product_item .plus_minus_buttons {
        width: 92px !important;
        min-width: 92px !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 10px !important;
        display: inline-flex !important;
    }

    .product_main_div .product_item .default_add_btn[style*="display: none"],
    .p_service_main_div .product_item .default_add_btn[style*="display: none"],
    .product_main_div .product_item .plus_minus_buttons[style*="display: none"],
    .p_service_main_div .product_item .plus_minus_buttons[style*="display: none"] {
        display: none !important;
    }
}

@media (max-width: 360px) {
    .product_main_div .product_item .product_detail,
    .p_service_main_div .product_item .product_detail {
        padding: 9px 8px 11px !important;
    }

    .product_main_div .product_item .default_add_btn,
    .p_service_main_div .product_item .default_add_btn,
    .product_main_div .product_item .plus_minus_buttons,
    .p_service_main_div .product_item .plus_minus_buttons {
        width: 78px !important;
        min-width: 78px !important;
        height: 36px !important;
        min-height: 36px !important;
    }
}

/* Mobile product card price/action correction */
@media (max-width: 768px) {
    .product_main_div .product_item .product_price_div,
    .p_service_main_div .product_item .product_price_div {
        grid-template-columns: minmax(0, 1fr) 70px !important;
        grid-template-rows: auto auto !important;
        column-gap: 6px !important;
        row-gap: 5px !important;
        align-items: center !important;
    }

    .product_main_div .product_item .price_div,
    .p_service_main_div .product_item .price_div {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 3px 5px !important;
        overflow: visible !important;
    }

    .product_main_div .product_item .product_price,
    .p_service_main_div .product_item .product_price {
        font-size: 15px !important;
    }

    .product_main_div .product_item .orginal_price,
    .p_service_main_div .product_item .orginal_price {
        font-size: 10px !important;
    }

    .product_main_div .product_item .offer_div,
    .p_service_main_div .product_item .offer_div {
        max-width: 100% !important;
        padding: 3px 5px !important;
        font-size: 10px !important;
        white-space: nowrap !important;
    }

    .product_main_div .product_item .product_quantity,
    .p_service_main_div .product_item .product_quantity {
        grid-column: 2 !important;
        grid-row: 1 !important;
        align-self: end !important;
        justify-self: end !important;
        width: 64px !important;
        min-width: 64px !important;
        max-width: 64px !important;
        transform: translateY(-13px) !important;
    }

    .product_main_div .product_item .default_add_btn,
    .p_service_main_div .product_item .default_add_btn,
    .product_main_div .product_item .plus_minus_buttons,
    .p_service_main_div .product_item .plus_minus_buttons {
        width: 64px !important;
        min-width: 64px !important;
        height: 30px !important;
        min-height: 30px !important;
        border-radius: 6px !important;
    }

    .product_main_div .product_item .default_add_btn span,
    .p_service_main_div .product_item .default_add_btn span {
        font-size: 12px !important;
    }

    .product_main_div .product_item .plus_minus_buttons,
    .p_service_main_div .product_item .plus_minus_buttons {
        padding: 0 6px !important;
    }

    .product_main_div .product_item .product_minus,
    .product_main_div .product_item .product_plus,
    .p_service_main_div .product_item .product_minus,
    .p_service_main_div .product_item .product_plus {
        width: 16px !important;
    }

    .product_main_div .product_item .quantity_input,
    .p_service_main_div .product_item .quantity_input {
        width: 18px !important;
        line-height: 30px !important;
        font-size: 12px !important;
    }

    .product_main_div .product_item .avg_cost,
    .p_service_main_div .product_item .avg_cost {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        width: 100% !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        display: block !important;
        color: #ef4444 !important;
        font-size: 10.5px !important;
        line-height: 1.2 !important;
        text-align: left !important;
        word-break: break-word !important;
    }

    .product_main_div .product_item .default_add_btn[style*="display: none"],
    .p_service_main_div .product_item .default_add_btn[style*="display: none"],
    .product_main_div .product_item .plus_minus_buttons[style*="display: none"],
    .p_service_main_div .product_item .plus_minus_buttons[style*="display: none"] {
        display: none !important;
    }
}

@media (max-width: 360px) {
    .product_main_div .product_item .product_price_div,
    .p_service_main_div .product_item .product_price_div {
        grid-template-columns: minmax(0, 1fr) 58px !important;
        column-gap: 5px !important;
    }

    .product_main_div .product_item .product_quantity,
    .p_service_main_div .product_item .product_quantity,
    .product_main_div .product_item .default_add_btn,
    .p_service_main_div .product_item .default_add_btn,
    .product_main_div .product_item .plus_minus_buttons,
    .p_service_main_div .product_item .plus_minus_buttons {
        width: 58px !important;
        min-width: 58px !important;
        max-width: 58px !important;
    }

    .product_main_div .product_item .default_add_btn span,
    .p_service_main_div .product_item .default_add_btn span {
        font-size: 13px !important;
    }
}

/* Disable product card hover effects on mobile */
@media (max-width: 768px) {
    .product_main_div .product_item:hover,
    .p_service_main_div .product_item:hover,
    .product_item:hover {
        transform: none !important;
        box-shadow: none !important;
        border-color: inherit !important;
    }

    .product_main_div .product_item:hover .product_img img,
    .p_service_main_div .product_item:hover .product_img img,
    .product_item:hover .product_img img {
        transform: none !important;
    }

    .product_main_div .product_item .default_add_btn:hover,
    .p_service_main_div .product_item .default_add_btn:hover,
    .product_item .default_add_btn:hover {
        transform: none !important;
    }
}

#carouselMain .carousel-item::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(90deg, rgba(42, 15, 22, 0.76) 0%, rgba(42, 15, 22, 0.34) 42%, rgba(42, 15, 22, 0.02) 78%);
    pointer-events: none;
}

#carouselMain .carousel-item img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    z-index: 1 !important;
}

#carouselMain .slider-content-panel {
    position: absolute;
    z-index: 4;
    left: clamp(28px, 7vw, 120px);
    top: 50%;
    transform: translateY(-50%);
    width: min(500px, 42vw);
    color: #ffffff;
    display: grid;
    gap: 12px;
}

#carouselMain .slider-eyebrow {
    width: fit-content;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(199, 87, 115, 0.18);
    border: 1px solid rgba(228, 175, 188, 0.34);
    color: #ece2d2;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

#carouselMain .slider-content-panel h2 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(26px, 3vw, 48px);
    line-height: 1.06;
    font-weight: 900;
    letter-spacing: 0;
    text-shadow: 0 3px 18px rgba(0, 0, 0, 0.24);
}

#carouselMain .slider-content-panel p {
    margin: 0;
    color: rgba(255, 255, 255, 0.84);
    font-size: clamp(14px, 1.05vw, 18px);
    line-height: 1.55;
    max-width: 460px;
}

#carouselMain .slider-cta {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 4px;
    padding: 11px 16px;
    border-radius: 10px;
    background: linear-gradient(135deg, #7a283e 0%, #a74860 100%);
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 800;
    box-shadow: 0 12px 26px rgba(163, 54, 81, 0.32);
}

#carouselMain .carousel-control-prev,
#carouselMain .carousel-control-next {
    width: 56px !important;
    height: 56px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 5 !important;
    opacity: 1 !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.24) !important;
    backdrop-filter: blur(8px) !important;
}

#carouselMain .carousel-control-prev {
    left: 24px !important;
}

#carouselMain .carousel-control-next {
    right: 24px !important;
}

#carouselMain .carousel-control-prev-icon,
#carouselMain .carousel-control-next-icon {
    width: 22px !important;
    height: 22px !important;
}

#carouselMain .carousel-indicators {
    z-index: 5 !important;
    bottom: 18px !important;
    margin-bottom: 0 !important;
    gap: 7px !important;
}

#carouselMain .carousel-indicators [data-bs-target] {
    width: 26px !important;
    height: 4px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.48) !important;
    border: 0 !important;
    opacity: 1 !important;
}

#carouselMain .carousel-indicators .active {
    background: #a74860 !important;
}

@media (max-width: 768px) {
    #carouselMain .carousel-item {
        height: 240px !important;
        min-height: 240px !important;
    }

    #carouselMain .slider-content-panel {
        left: 18px;
        right: 18px;
        width: auto;
        gap: 8px;
    }

    #carouselMain .slider-content-panel h2 {
        font-size: 24px;
    }

    #carouselMain .slider-content-panel p {
        font-size: 13px;
        max-width: 92%;
    }

    #carouselMain .slider-cta {
        padding: 9px 13px;
        font-size: 13px;
    }

    #carouselMain .carousel-control-prev,
    #carouselMain .carousel-control-next {
        display: none !important;
    }
}

/* Mobile bottom navigation / add-to-cart polish */
@media (max-width: 768px) {
    .bottom_bar {
        height: 58px !important;
        padding: 0 10px calc(env(safe-area-inset-bottom) / 2) !important;
        border-top-left-radius: 14px !important;
        border-top-right-radius: 14px !important;
        background: linear-gradient(135deg, #250c12 0%, #501b28 54%, #7a283e 100%) !important;
        border-top: 1px solid rgba(255, 255, 255, 0.18) !important;
        box-shadow: 0 -10px 26px rgba(20, 7, 10, 0.28) !important;
        overflow: visible !important;
    }

    .bottom_bar .bottom_bar_link {
        width: 52px !important;
        height: 52px !important;
        margin: 0 1px !important;
        border-radius: 12px !important;
    }

    .bottom_bar .bottom_bar_link img {
        width: 21px !important;
        height: 21px !important;
        filter: brightness(0) invert(1) opacity(0.82) !important;
    }

    .bottom_bar .bottom_bar_link p {
        margin-top: 2px !important;
        color: rgba(255, 255, 255, 0.86) !important;
        font-size: 9px !important;
        font-weight: 700 !important;
        line-height: 1.05 !important;
    }

    .bottom_bar .a_t_cart {
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
        min-height: 54px !important;
        margin-top: -18px !important;
        padding: 0 !important;
        border-radius: 18px !important;
        background: linear-gradient(145deg, #a74860 0%, #7a283e 58%, #551c2a 100%) !important;
        border: 2px solid rgba(255, 255, 255, 0.95) !important;
        box-shadow: 0 9px 18px rgba(80, 27, 40, 0.3), 0 0 0 4px rgba(199, 87, 115, 0.12) !important;
        transform: none !important;
        overflow: visible !important;
    }

    .bottom_bar .a_t_cart::before {
        display: none !important;
        content: none !important;
    }

    .bottom_bar .a_t_cart .bottom-cart-icon {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
        color: #ffffff !important;
        font-size: 24px !important;
        line-height: 1 !important;
        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
        pointer-events: none !important;
    }

    .bottom_bar .a_t_cart img {
        display: none !important;
    }

    .bottom_bar .a_t_cart:hover {
        transform: translateY(-2px) !important;
    }

    .ajax_cart_val {
        top: -7px !important;
        right: -7px !important;
        min-width: 22px !important;
        height: 22px !important;
        padding: 0 5px !important;
        background: #ef4444 !important;
        color: #ffffff !important;
        border: 2px solid #ffffff !important;
        box-shadow: 0 5px 12px rgba(239, 68, 68, 0.28) !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        border-radius: 999px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 3 !important;
    }
}

/* Checkout coupon modal final mobile full-screen override */
@media (max-width: 767px) {
    body:has(.coupon_div.show) {
        overflow: hidden !important;
    }

    body .coupon_div {
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        height: 100dvh !important;
        padding: 0 !important;
        margin: 0 !important;
        display: none !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        background: #fbf9f6 !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }

    body .coupon_div.show {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
    }

    body .coupon_div .top_nav {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        min-height: 62px !important;
        flex: 0 0 62px !important;
        border-radius: 0 !important;
        padding: 0 14px !important;
        display: grid !important;
        grid-template-columns: 44px minmax(0, 1fr) 44px !important;
        align-items: center !important;
        background: var(--auto-header) !important;
        box-shadow: 0 8px 22px rgba(42, 15, 22, 0.18) !important;
    }

    body .coupon_div .top_nav i {
        width: 42px !important;
        height: 42px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 12px !important;
        background: rgba(255, 255, 255, 0.96) !important;
        color: var(--auto-blue) !important;
    }

    body .coupon_div .top_nav p {
        justify-self: center !important;
        margin: 0 !important;
        color: #ffffff !important;
        font-size: 18px !important;
        line-height: 1 !important;
        font-weight: 850 !important;
    }

    body .coupon_box_main {
        width: 100% !important;
        height: calc(100dvh - 62px) !important;
        max-height: none !important;
        min-height: 0 !important;
        flex: 1 1 auto !important;
        margin: 0 !important;
        padding: 14px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #fbf9f6 !important;
        box-shadow: none !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
}
/* Checkout header EOF final polish */
body:has(#pdf_div) .top_nav:not(.coupon_div .top_nav) {
    min-height: 66px !important;
    background: var(--auto-header) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 10px 28px rgba(37, 12, 18, 0.22) !important;
}

body:has(#pdf_div) .top_nav:not(.coupon_div .top_nav) .header_container {
    min-height: 66px !important;
    display: grid !important;
    grid-template-columns: minmax(110px, 1fr) auto minmax(58px, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 0 18px !important;
    background: transparent !important;
}

body:has(#pdf_div) .top_nav .header_left {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    justify-self: start !important;
}

body:has(#pdf_div) .top_nav .header_right {
    justify-self: end !important;
}

body:has(#pdf_div) .top_nav .header_left i,
body:has(#pdf_div) .top_nav .secure_checkout {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border-radius: 13px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    color: var(--auto-blue) !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.14) !important;
}

body:has(#pdf_div) .top_nav .company_logo {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    padding: 4px !important;
    object-fit: contain !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.14) !important;
}

body:has(#pdf_div) .top_nav .checkout_title {
    justify-self: center !important;
    position: static !important;
    transform: none !important;
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 21px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

body:has(#pdf_div) .top_nav .checkout_title::before {
    display: none !important;
}

body:has(#pdf_div) .top_nav .company_name,
body:has(#pdf_div) .top_nav .secure_checkout span {
    display: none !important;
}

body:has(#pdf_div) .top_nav .secure_checkout i {
    margin: 0 !important;
    color: #059669 !important;
    font-size: 18px !important;
}

@media (max-width: 767px) {
    body:has(#pdf_div) .top_nav:not(.coupon_div .top_nav),
    body:has(#pdf_div) .top_nav:not(.coupon_div .top_nav) .header_container {
        min-height: 58px !important;
        height: 58px !important;
    }

    body:has(#pdf_div) .top_nav:not(.coupon_div .top_nav) .header_container {
        grid-template-columns: minmax(94px, 1fr) auto minmax(44px, 1fr) !important;
        gap: 8px !important;
        padding: 0 10px !important;
    }

    body:has(#pdf_div) .top_nav .header_left {
        gap: 8px !important;
    }

    body:has(#pdf_div) .top_nav .header_left i,
    body:has(#pdf_div) .top_nav .secure_checkout {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        border-radius: 12px !important;
        font-size: 18px !important;
    }

    body:has(#pdf_div) .top_nav .company_logo {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        border-radius: 12px !important;
    }

    body:has(#pdf_div) .top_nav .checkout_title {
        font-size: 18px !important;
    }
}
/* Bottom cart tab rebuilt final override */
@media (max-width: 768px) {
    .bottom_bar {
        height: 58px !important;
        padding: 0 10px calc(env(safe-area-inset-bottom) / 2) !important;
        overflow: visible !important;
    }

    .bottom_bar .app_cart_tab,
    .bottom_bar .bottom_bar_link.app_cart_tab,
    .bottom_bar .a_t_cart.app_cart_tab {
        width: 62px !important;
        height: 62px !important;
        min-width: 62px !important;
        min-height: 62px !important;
        margin: -22px 0 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 20px !important;
        background: transparent !important;
        box-shadow: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: visible !important;
        transform: none !important;
    }

    .bottom_bar .app_cart_tab::before,
    .bottom_bar .app_cart_tab::after {
        display: none !important;
        content: none !important;
    }

    .bottom_bar .app_cart_circle {
        position: relative !important;
        width: 58px !important;
        height: 58px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 19px !important;
        background: linear-gradient(145deg, #a74860 0%, #7a283e 62%, #551c2a 100%) !important;
        border: 2px solid #ffffff !important;
        box-shadow: 0 10px 20px rgba(80, 27, 40, 0.34), 0 0 0 5px rgba(199, 87, 115, 0.14) !important;
    }

    .bottom_bar .app_cart_icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #ffffff !important;
        font-size: 24px !important;
        line-height: 1 !important;
        filter: none !important;
        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.22) !important;
    }

    .bottom_bar .app_cart_badge.ajax_cart_val {
        position: absolute !important;
        top: -9px !important;
        right: -8px !important;
        min-width: 22px !important;
        width: auto !important;
        height: 22px !important;
        padding: 0 6px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 999px !important;
        background: #ef4444 !important;
        color: #ffffff !important;
        border: 2px solid #ffffff !important;
        box-shadow: 0 5px 12px rgba(239, 68, 68, 0.28) !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        z-index: 2 !important;
    }

    .bottom_bar .app_cart_badge.ajax_cart_val:empty {
        display: none !important;
    }

    .bottom_bar .app_cart_tab img,
    .bottom_bar .a_t_cart.app_cart_tab img,
    .bottom_bar .app_cart_tab .bottom-cart-icon {
        display: none !important;
    }
}

/* Bottom nav EOF final modern override */
@media (max-width: 768px) {
    .bottom_bar {
        left: 50% !important;
        right: auto !important;
        bottom: 0 !important;
        width: min(100%, 480px) !important;
        height: 62px !important;
        padding: 6px 12px calc(6px + env(safe-area-inset-bottom) / 2) !important;
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        align-items: center !important;
        gap: 4px !important;
        transform: translateX(-50%) !important;
        overflow: visible !important;
        border-radius: 16px 16px 0 0 !important;
        border: 1px solid rgba(255, 255, 255, 0.14) !important;
        border-bottom: 0 !important;
        background: linear-gradient(135deg, rgba(52, 17, 26, 0.98), rgba(146, 49, 73, 0.98)) !important;
        box-shadow: 0 -10px 26px rgba(41, 14, 21, 0.24) !important;
    }

    .bottom_bar .bottom_bar_link,
    .bottom_bar .bottom_bar_link_active {
        width: 100% !important;
        height: 50px !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 4px 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 3px !important;
        border-radius: 12px !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
    }

    .bottom_bar .bottom_nav_icon {
        display: block !important;
        font-size: 20px !important;
        line-height: 1 !important;
        color: rgba(255, 255, 255, 0.84) !important;
        filter: none !important;
    }

    .bottom_bar .bottom_bar_link p,
    .bottom_bar .bottom_bar_link_active p {
        margin: 0 !important;
        font-size: 10px !important;
        line-height: 1.05 !important;
        font-weight: 700 !important;
        color: rgba(255, 255, 255, 0.88) !important;
        letter-spacing: 0 !important;
    }

    .bottom_bar .bottom_bar_link:not(.app_cart_tab):hover,
    .bottom_bar .bottom_bar_link_active:not(.app_cart_tab):hover {
        background: rgba(255, 255, 255, 0.1) !important;
    }

    .bottom_bar .bottom_bar_link img {
        display: none !important;
    }

    .bottom_bar .app_cart_tab,
    .bottom_bar .bottom_bar_link.app_cart_tab,
    .bottom_bar .a_t_cart.app_cart_tab {
        justify-self: center !important;
        width: 58px !important;
        height: 58px !important;
        min-width: 58px !important;
        min-height: 58px !important;
        margin: -22px auto 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 18px !important;
        border: 2px solid #ffffff !important;
        background: linear-gradient(145deg, #c85a76 0%, #7a283e 58%, #622131 100%) !important;
        box-shadow: 0 10px 22px rgba(99, 33, 50, 0.34), 0 0 0 5px rgba(255, 255, 255, 0.14) !important;
        overflow: visible !important;
        transform: none !important;
    }

    .bottom_bar .app_cart_tab::before,
    .bottom_bar .app_cart_tab::after,
    .bottom_bar .a_t_cart.app_cart_tab::before,
    .bottom_bar .a_t_cart.app_cart_tab::after {
        display: none !important;
        content: none !important;
    }

    .bottom_bar .app_cart_circle {
        position: relative !important;
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 0 !important;
        border-radius: inherit !important;
        background: transparent !important;
        box-shadow: none !important;
        filter: none !important;
    }

    .bottom_bar .app_cart_icon {
        display: block !important;
        font-size: 23px !important;
        line-height: 1 !important;
        color: #ffffff !important;
        text-shadow: none !important;
    }

    .bottom_bar .app_cart_badge.ajax_cart_val {
        position: absolute !important;
        top: -8px !important;
        right: -8px !important;
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 2px solid #ffffff !important;
        border-radius: 999px !important;
        background: #ff4057 !important;
        color: #ffffff !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        box-shadow: 0 6px 14px rgba(255, 64, 87, 0.28) !important;
    }

    .bottom_bar .app_cart_badge.ajax_cart_val:empty {
        display: none !important;
    }
}

@media (max-width: 360px) {
    .bottom_bar {
        height: 60px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        gap: 2px !important;
    }

    .bottom_bar .app_cart_tab,
    .bottom_bar .bottom_bar_link.app_cart_tab,
    .bottom_bar .a_t_cart.app_cart_tab {
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
        min-height: 54px !important;
        margin-top: -20px !important;
        border-radius: 17px !important;
    }
}

/* Header logo final sizing */
.mobile_logo,
.desktop-logo img,
.about_header_logo,
.top_nav .company_logo,
.install-app-icon {
    object-fit: contain !important;
    border-radius: 9px !important;
    padding: 1px !important;
    border: 1px solid rgba(255, 255, 255, 0.42) !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
}

.mobile_logo {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
}

.mobile_header_content {
    grid-template-columns: 48px minmax(0, auto) !important;
    gap: 11px !important;
}

@media (max-width: 767px) {
    .mobile_logo {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        border-radius: 9px !important;
        padding: 1px !important;
    }

    .mobile_header_content {
        grid-template-columns: 46px minmax(0, auto) !important;
    }
}

@media (max-width: 374px) {
    .mobile_logo {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
    }

    .mobile_header_content {
        grid-template-columns: 42px minmax(0, auto) !important;
    }
}

/* Final quantity button state guard. automotive_theme loads after ecommerce.css. */
.product_main_div .product_item .product_quantity.is-zero .plus_minus_buttons,
.p_service_main_div .product_item .product_quantity.is-zero .plus_minus_buttons,
.product_item .product_quantity.is-zero .plus_minus_buttons,
.variant_item .product_quantity.is-zero .plus_minus_buttons,
.image_preview .variant_popup_body2 .product_quantity.is-zero .plus_minus_buttons,
.variant_popup_body > .product_item .product_quantity.is-zero .plus_minus_buttons,
.cart_popup_body .product_item .product_quantity.is-zero .plus_minus_buttons,
.responsive_product_cart .product_item .product_quantity.is-zero .plus_minus_buttons,
.product_main_div .product_item .product_quantity.is-active .default_add_btn,
.p_service_main_div .product_item .product_quantity.is-active .default_add_btn,
.product_item .product_quantity.is-active .default_add_btn,
.variant_item .product_quantity.is-active .default_add_btn,
.image_preview .variant_popup_body2 .product_quantity.is-active .default_add_btn,
.variant_popup_body > .product_item .product_quantity.is-active .default_add_btn,
.cart_popup_body .product_item .product_quantity.is-active .default_add_btn,
.responsive_product_cart .product_item .product_quantity.is-active .default_add_btn,
.product_main_div .product_item .product_quantity.is-variant .plus_minus_buttons,
.p_service_main_div .product_item .product_quantity.is-variant .plus_minus_buttons,
.product_item .product_quantity.is-variant .plus_minus_buttons,
.variant_item .product_quantity.is-variant .plus_minus_buttons,
.image_preview .variant_popup_body2 .product_quantity.is-variant .plus_minus_buttons,
.variant_popup_body > .product_item .product_quantity.is-variant .plus_minus_buttons,
.cart_popup_body .product_item .product_quantity.is-variant .plus_minus_buttons,
.responsive_product_cart .product_item .product_quantity.is-variant .plus_minus_buttons {
    display: none !important;
}

.product_main_div .product_item .product_quantity.is-zero .default_add_btn,
.p_service_main_div .product_item .product_quantity.is-zero .default_add_btn,
.product_item .product_quantity.is-zero .default_add_btn,
.variant_item .product_quantity.is-zero .default_add_btn,
.image_preview .variant_popup_body2 .product_quantity.is-zero .default_add_btn,
.variant_popup_body > .product_item .product_quantity.is-zero .default_add_btn,
.cart_popup_body .product_item .product_quantity.is-zero .default_add_btn,
.responsive_product_cart .product_item .product_quantity.is-zero .default_add_btn,
.product_main_div .product_item .product_quantity.is-variant .default_add_btn,
.p_service_main_div .product_item .product_quantity.is-variant .default_add_btn,
.product_item .product_quantity.is-variant .default_add_btn,
.variant_item .product_quantity.is-variant .default_add_btn,
.image_preview .variant_popup_body2 .product_quantity.is-variant .default_add_btn,
.variant_popup_body > .product_item .product_quantity.is-variant .default_add_btn,
.cart_popup_body .product_item .product_quantity.is-variant .default_add_btn,
.responsive_product_cart .product_item .product_quantity.is-variant .default_add_btn {
    display: flex !important;
}

.product_main_div .product_item .product_quantity.is-active .plus_minus_buttons,
.p_service_main_div .product_item .product_quantity.is-active .plus_minus_buttons,
.product_item .product_quantity.is-active .plus_minus_buttons,
.variant_item .product_quantity.is-active .plus_minus_buttons,
.image_preview .variant_popup_body2 .product_quantity.is-active .plus_minus_buttons,
.variant_popup_body > .product_item .product_quantity.is-active .plus_minus_buttons,
.cart_popup_body .product_item .product_quantity.is-active .plus_minus_buttons,
.responsive_product_cart .product_item .product_quantity.is-active .plus_minus_buttons {
    display: inline-flex !important;
}

/* Keep the storefront, catalog and transactional screens in one brand palette. */
:root{--app-header-bg:#302124;--app-header-button-color:#7a283e;--app-header-shadow:0 3px 16px #30212415}
html{scroll-behavior:smooth;scroll-padding-top:115px}body{font-family:Arial,sans-serif}.demo{display:none!important}
h1,h2,.desktop-logo-text h1,.mobile_title{font-family:Georgia,'Times New Roman',serif!important;font-weight:400!important}
.desktop-header{background:#302124!important;padding:12px 34px!important;border-bottom:1px solid #c7a36955!important;box-shadow:none!important}
.desktop-logo img,.mobile_logo,.about_header_logo{background:#080807!important;border-radius:50%!important;object-fit:contain!important}
.desktop-logo-text h1{font-size:25px!important;letter-spacing:1px}.desktop-logo-text p{color:#d8bc8f!important;font-size:11px!important;letter-spacing:1px!important}
.desktop-search-bar input{border-radius:3px!important;background:#fffaf2!important;box-shadow:none!important}
.desktop-category-nav-content{padding:15px 24px!important;gap:32px!important;justify-content:center}
.desktop-category-link{flex-direction:row!important;min-width:0!important;max-width:none!important;padding:6px!important;font-size:12px!important;gap:8px!important}
.desktop-category-img{width:36px!important;height:36px!important;min-width:36px!important;border-radius:50%!important;padding:0!important;overflow:hidden}
.desktop-category-img img{object-fit:cover!important}.desktop-category-nav{border-bottom:1px solid #e8ded1!important;box-shadow:none!important}
.category-scroll-arrow{display:none!important}.desktop-category-link.active .desktop-category-name{color:#7a283e!important}
.saree-hero{position:relative;min-height:550px;overflow:hidden;background:#3d2b27;color:#fff7eb}
.saree-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%}
.saree-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#201711d9 0%,#20171191 34%,transparent 70%)}
.saree-hero-copy{position:relative;z-index:1;max-width:610px;padding:90px 0 80px 7vw}
.saree-eyebrow{font-size:10px;font-weight:600;letter-spacing:3px;color:#8e6541;display:block}
.saree-hero .saree-eyebrow{color:#ecd1a1}.saree-hero h1{font-size:clamp(45px,5.1vw,76px);line-height:1.05;margin:24px 0;color:#fff5e7;max-width:500px}
.saree-hero p{font-size:15px;line-height:1.8;max-width:350px;color:#eee0d2;margin-bottom:28px}
.saree-cta{display:inline-flex;gap:26px;align-items:center;background:#f2e5cc;color:#3b2425;padding:15px 22px;text-decoration:none;font-size:12px;letter-spacing:.5px;border:1px solid #f2e5cc}
.saree-cta:hover{background:#fff8ed;color:#602439}.saree-hero-visit{display:block;color:#f2dec0;font-size:11px;margin-top:20px;text-underline-offset:5px}
.saree-hero-caption{position:absolute;bottom:25px;right:32px;z-index:1;letter-spacing:3px;font-size:9px;color:#fff0d9}
.saree-promises{display:flex;justify-content:center;gap:80px;padding:20px 24px;border-bottom:1px solid #e8ded1;background:#f6efe4;color:#715944;font-size:12px;letter-spacing:1px}
.saree-collection-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:52px 4vw 20px;max-width:1600px;margin:auto}
.saree-collection-heading h2{font-size:40px;margin:10px 0 0;color:#432932}.saree-collection-heading p{font-size:12px;color:#81716a;margin-bottom:6px}
#productSection{scroll-margin-top:140px}.p_service_main_div{padding:0 4vw 35px!important;max-width:1600px!important;margin:auto!important}
.product_main_div{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px!important;margin-top:0!important}
.product_main_div .product_item{border:1px solid #e8ded1!important;border-radius:3px!important;background:#fffdf9!important;box-shadow:none!important;overflow:hidden!important;padding:0!important;display:flex!important;flex-direction:column!important}
.product_main_div .product_item .product_img{width:100%!important;height:auto!important;aspect-ratio:2/3!important;padding:0!important;background:#f3eee5!important;border-radius:0!important;overflow:hidden!important}
.product_main_div .product_item .product_img>img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;display:block!important;transition:transform .4s}
.product_main_div .product_item:hover .product_img>img{transform:scale(1.025)}
.product_main_div .product_item .product_detail{padding:18px!important;flex:1!important}
.product_main_div .product_item .prduct_desc{font-family:Georgia,serif!important;font-size:20px!important;line-height:1.4!important;color:#432932!important;min-height:56px!important}
.product_main_div .product_item .product_long_desc{display:none!important}.product_main_div .product_item .product_price{color:#602439!important;font-size:21px!important}
.product_main_div .product_item .offer_div{background:#f4ecdf!important;color:#765630!important;box-shadow:none!important}.product_main_div .product_item .default_add_btn{border-color:#7a283e!important;border-radius:3px!important;color:#7a283e!important;box-shadow:none!important}
.product_main_div .product_item .default_add_btn span{color:#7a283e!important}.product_main_div .product_item .avg_cost{font-size:11px!important;color:#84716b!important}
.product_main_div .favourite_btn{color:#7a283e!important;border-color:#e8ded1!important;box-shadow:none!important}.product_main_div .product_price_div{margin-top:10px!important}
.saree-story{display:grid;grid-template-columns:1fr 1fr;max-width:1470px;margin:35px 4vw 60px;background:#f3eadc;align-items:center}
.saree-story>img{width:100%;height:440px;object-fit:cover}.saree-story>div{padding:50px 12%}.saree-story h2,.saree-visit h2{font-size:46px;line-height:1.15;color:#432932;margin:20px 0}.saree-story p{font-size:14px;line-height:1.9;color:#7a6961}.saree-text-link{display:inline-block;color:#702c3e;font-size:12px;text-decoration:none;border-bottom:1px solid #a07a62;padding-bottom:6px;margin-top:18px}
.saree-visit{text-align:center;padding:45px 24px 65px;border-top:1px solid #e8ded1}.saree-visit h2{font-size:36px}.saree-visit p,.saree-visit address{font-size:13px;line-height:1.9;color:#7a6961}.saree-visit address{font-style:normal;margin:20px 0 0}
.saree-footer{text-align:center;padding:40px 24px 110px;background:#302124;color:#d9c3a0}.saree-footer>a{font:32px Georgia,serif;letter-spacing:6px;color:#e4c58e;text-decoration:none}.saree-footer>a span{display:block;font:10px Arial,sans-serif;letter-spacing:8px;margin:8px}.saree-footer p{font:italic 17px Georgia,serif;margin:18px 0}.saree-footer small{font-size:10px}.saree-footer .catalog-note{font:10px/1.8 Arial,sans-serif;max-width:580px;margin:22px auto 0;color:#bda9a0}
.bottom_bar{background:#302124!important}.bottom_bar .a_t_cart,.bottom_bar .app_cart_tab{background:#7a283e!important}
.mobile_header,.top_nav,.about_simple_header,.cart_popup_header{background:#602439!important}.category_item,.category_heading{color:#602439!important}
a:focus-visible,button:focus-visible{outline:2px solid #b0804b;outline-offset:4px}
@media(min-width:1600px){.product_main_div{grid-template-columns:repeat(4,minmax(0,1fr))!important}.saree-story{margin-left:auto;margin-right:auto}}
@media(max-width:768px){.saree-hero{min-height:500px}.saree-hero>img{object-position:62% center}.saree-hero:after{background:linear-gradient(90deg,#201711dd,#20171166 65%,#20171111)}.saree-hero-copy{padding:65px 24px;max-width:75%}.saree-hero h1{font-size:45px}.saree-hero p{font-size:13px}.saree-hero-caption{display:none}.saree-cta{font-size:11px;padding:13px 15px;gap:15px}.saree-promises{gap:14px;padding:17px 10px;font-size:9px;letter-spacing:0}.saree-collection-heading{padding:30px 16px 18px;display:block}.saree-collection-heading h2{font-size:32px}.saree-collection-heading p{margin-top:12px}.p_service_main_div{padding:0 12px 25px!important}.product_main_div{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.product_main_div .product_item .product_detail{padding:11px!important}.product_main_div .product_item .prduct_desc{font-size:16px!important;min-height:65px!important}.product_main_div .product_item .product_price_div{display:flex!important;flex-direction:column!important;align-items:start!important}.product_main_div .product_item .product_quantity{margin:12px 0 0!important}.saree-story{grid-template-columns:1fr;margin:12px 12px 40px}.saree-story>img{height:auto;aspect-ratio:1}.saree-story>div{padding:32px}.saree-story h2{font-size:38px}.saree-visit h2{font-size:30px}.saree-eyebrow{font-size:9px;letter-spacing:2px}.top_div{background:#fcf9f4!important}.categort_menu .category_item{border-color:#e8ded1!important;background:#fffdf9!important}.categort_menu .category_img_div{background:#f3eadc!important;border-color:#e8ded1!important}.category_heading::after{background:#c7a369!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product_main_div .product_item .product_img>img{transition:none}}

/* Portrait fashion cards show the complete worn saree. */
.product_main_div .product_item .product_img{aspect-ratio:2/3!important}
.product_main_div .product_item .product_img>img{object-fit:contain!important;object-position:center!important}
.product_main_div .product_item:hover .product_img>img{transform:none!important}
.saree-story>img{object-fit:contain;background:#eae0d1}
@media(min-width:1100px){.product_main_div{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
.saree-hero>img{object-position:center 8%}
.saree-hero .saree-hero-visit{color:#f2dec0!important}
.saree-hero.hero-logo-art{min-height:0;background:#13110f}
.saree-hero.hero-logo-art>img{position:static;display:block;width:100%;height:auto;object-fit:contain}
.saree-hero.hero-logo-art:after{display:none}
.saree-hero.hero-logo-art .saree-hero-copy{position:absolute;top:56%;left:7%;width:36%;max-width:600px;padding:0}
.saree-hero.hero-logo-art h1{font-size:clamp(26px,3.2vw,58px);line-height:1.08;margin:12px 0 14px;max-width:100%}
.saree-hero.hero-logo-art p{font-size:clamp(11px,1vw,16px);line-height:1.6;margin-bottom:20px;max-width:420px}
.saree-hero.hero-logo-art .saree-eyebrow{font-size:clamp(8px,.65vw,11px);letter-spacing:2px}
.saree-hero.hero-logo-art .saree-cta{padding:13px 22px;font-size:12px;gap:22px}
@media(max-width:768px){.saree-hero.hero-logo-art .saree-hero-copy{position:relative;top:auto;left:auto;width:auto;max-width:none;padding:26px 24px 30px}.saree-hero.hero-logo-art h1{font-size:34px;max-width:360px}.saree-hero.hero-logo-art p{font-size:13px;max-width:390px}.saree-hero.hero-logo-art .saree-eyebrow{font-size:9px}}
.desktop-category-nav,.desktop-category-nav-wrapper,.desktop-category-nav-content{background:#fffaf3!important}
.desktop-category-nav .desktop-category-nav-wrapper{padding:0 20px!important}
.desktop-category-nav .desktop-category-nav-content{gap:12px!important;justify-content:flex-start!important}
.desktop-category-nav .desktop-category-link{flex:0 0 auto!important;min-height:48px!important;width:auto!important;min-width:0!important;max-width:none!important;padding:5px 8px!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.desktop-category-nav .desktop-category-img{width:30px!important;height:30px!important;min-width:30px!important;border:1px solid #e8ded1!important}
.desktop-category-nav .desktop-category-name{font-size:11px!important;font-weight:500!important}
.p_service_main_div,.product_main_div{background:#fcf9f4!important}
.product_main_div .product_item{width:100%!important;max-width:none!important;min-width:0!important;box-shadow:none!important;transform:none!important}
.product_main_div .product_item .prduct_desc{display:block!important;-webkit-line-clamp:unset!important;max-height:none!important;overflow:visible!important;white-space:normal!important;text-overflow:clip!important}
/* Override the legacy flex-based catalog at the same selector specificity. */
body .main_div .mobile_div .p_service_main_div .product_main_div{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;align-items:stretch!important}
body .main_div .mobile_div .p_service_main_div .product_main_div>.product_item{width:100%!important;max-width:100%!important;flex-basis:auto!important;margin:0!important}
@media(min-width:1100px){body .main_div .mobile_div .p_service_main_div .product_main_div{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:768px){body .main_div .mobile_div .p_service_main_div .product_main_div{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}}
body .bottom_bar .app_cart_tab,body .bottom_bar .bottom_bar_link.app_cart_tab,body .bottom_bar .a_t_cart.app_cart_tab{background:#7a283e!important;background-image:none!important;box-shadow:0 4px 14px #30212433!important}