:root {
    --auto-ink: #101827;
    --auto-graphite: #17202c;
    --auto-navy: #0b2f54;
    --auto-blue: #1769c2;
    --auto-blue-bright: #1f8cff;
    --auto-amber: #f5a524;
    --auto-panel: #f4f7fb;
    --auto-card: #ffffff;
    --auto-border: #d9e3ef;
    --auto-muted: #667085;
    --auto-success: #07845d;
    --auto-header: linear-gradient(135deg, #101827 0%, #123a63 54%, #1769c2 100%);
    --auto-cta: linear-gradient(135deg, #1769c2 0%, #0b4da2 100%);
    --auto-metal: linear-gradient(135deg, #f8fafc 0%, #e5edf6 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(16, 24, 39, 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(16, 24, 39, 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: #253246 !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: #eef6ff !important;
    border-color: var(--auto-blue-bright) !important;
    box-shadow: 0 8px 18px rgba(23, 105, 194, 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 #cfe0f5 !important;
    box-shadow: 0 8px 20px rgba(16, 24, 39, 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(16, 24, 39, 0.08) !important;
}

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

#total_amount,
.grand_total,
.quantity_price span {
    color: #050b14 !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: #0b4da2 !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(23, 105, 194, 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, #0f5daa 0%, #083f85 100%) !important;
}



.favourite_btn,
.share_btn,
.favourite_btn_preview,
.share_btn_preview {
    background: rgba(255, 255, 255, 0.95) !important;
    color: #263241 !important;
    border: 1px solid #e1e9f3 !important;
    box-shadow: 0 8px 18px rgba(16, 24, 39, 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, #101827 0%, #123a63 62%, #0b4da2 100%) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 -10px 30px rgba(16, 24, 39, 0.3) !important;
}

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

.bottom_bar .bottom_bar_link p,
.bottom_bar .bottom_bar_link_active p {
    color: #eef4ff !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: #f8fbff !important;
    border-color: #c7d9f1 !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(16, 24, 39, 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(16, 24, 39, 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: #f8fbff !important;
    border-color: #dbe7f6 !important;
}

.image_preview .variant_popup_body2 {
    background: #eef6ff !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: #f4f8fd !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(15, 23, 42, 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: #f4f8fd !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(11, 23, 38, 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(11, 23, 38, 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(11, 23, 38, 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: #f4f8fd !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(15, 23, 42, 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: #f4f8fd !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(16, 24, 39, 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 #e3edf8 !important;
    box-shadow: none !important;
}

#pdf_div .section-container .section_header i,
#pdf_div .section_header_title i {
    color: #2563eb !important;
    background: #eef5ff !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(23, 105, 194, 0.2) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 24px rgba(23, 105, 194, 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: #64748b;
}

.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(11, 23, 38, 0.72) !important;
    backdrop-filter: blur(10px) !important;
}

.order-success-modal .order-success-content {
    padding: 0 !important;
    border: 1px solid rgba(217, 227, 239, 0.9) !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    box-shadow: 0 24px 70px rgba(11, 23, 38, 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 #e3edf8 !important;
    border-radius: 14px !important;
    background: #f6f9fd !important;
}

.order-success-modal .order-details p {
    color: #475569 !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(23, 105, 194, 0.22) !important;
}

.order-success-modal .view-order-btn {
    background: #eef5ff !important;
    color: #155bb8 !important;
    border: 1px solid #cfe1fb !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 #d8e6f7 !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #ffffff 0%, #f6fbff 100%) !important;
    box-shadow: 0 12px 28px rgba(15, 42, 76, 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: #0f172a !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: #1f3b5d !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: #edf5ff !important;
    color: #155bb8 !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: #475569 !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 #e6eef8 !important;
}

#pdf_div .address_book_header > span {
    color: #334155 !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 #dbe7f6 !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 20px rgba(15, 42, 76, 0.05) !important;
}

#pdf_div .address_card.active {
    border-color: #2f80ed !important;
    background: #f7fbff !important;
    box-shadow: 0 12px 24px rgba(47, 128, 237, 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: #172033 !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: #edf5ff !important;
    color: #1d5fbf !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: #64748b !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 #dbe7f6 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 5px 14px rgba(15, 42, 76, 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 #cfe0f2 !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(2, 12, 27, 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, #0b1726 0%, #1769c2 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 #dce7f4 !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
    padding: 14px !important;
    box-shadow: 0 10px 24px rgba(15, 53, 91, 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: #111827 !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: #1769c2 !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: #64748b !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 #9eb9d8 !important;
    border-radius: 12px !important;
    background: #f8fbff !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, #1769c2 0%, #2454e8 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    box-shadow: 0 14px 30px rgba(23, 105, 194, 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, #101827 0%, #1769c2 100%) !important;
    color: #ffffff !important;
    border: 2px solid rgba(255, 255, 255, 0.92) !important;
    box-shadow: 0 12px 28px rgba(16, 24, 39, 0.32), 0 0 0 4px rgba(23, 105, 194, 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, #0b4da2 0%, #1f8cff 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, #f8fbff 0%, #eef4fb 100%) !important;
        border-top: 1px solid rgba(255, 255, 255, 0.65) !important;
        border-bottom: 1px solid #d8e3ef !important;
        box-shadow: 0 8px 24px rgba(16, 24, 39, 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: #152238 !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: #b9d4f2 !important;
        box-shadow: 0 10px 22px rgba(16, 24, 39, 0.12) !important;
        transform: translateY(-2px) !important;
        color: #0b4da2 !important;
    }

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

    .desktop-category-link:hover .desktop-category-img,
    .desktop-category-link.active .desktop-category-img {
        background: linear-gradient(180deg, #f8fbff 0%, #e5f1ff 100%) !important;
        border-color: #1f8cff !important;
        box-shadow: 0 8px 18px rgba(23, 105, 194, 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: #132033 !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: #0b4da2 !important;
    }

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

    .category-scroll-arrow i {
        color: #1769c2 !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, #f7fbff 0%, #eef5fd 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(216, 228, 242, 0.95) !important;
        box-shadow: 0 6px 18px rgba(16, 24, 39, 0.06) !important;
    }

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

    .desktop-category-all-img {
        background: linear-gradient(135deg, #101827 0%, #1769c2 100%) !important;
        border-color: #1769c2 !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: #1f8cff !important;
        box-shadow: 0 10px 22px rgba(23, 105, 194, 0.15) !important;
    }

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

    .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, #f4f8fc 0%, #eef4fa 100%) !important;
        border-bottom: 1px solid #d7e2ee !important;
        box-shadow: 0 6px 18px rgba(16, 24, 39, 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 #dbe6f2 !important;
        box-shadow: 0 5px 16px rgba(16, 24, 39, 0.06) !important;
        text-align: left !important;
    }

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

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

    .desktop-category-img {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        padding: 4px !important;
        border-radius: 12px !important;
        background: #f8fbff !important;
        border: 1px solid #d6e2ef !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, #101827 0%, #1769c2 100%) !important;
        border-color: #1769c2 !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: #102033 !important;
    }

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

    .desktop-category-link.active::after {
        left: 62px !important;
        right: 14px !important;
        bottom: 8px !important;
        height: 3px !important;
        background: #1f8cff !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: #102033 !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, #0f2742 0%, #1769c2 100%) !important;
        border-color: #63b3ff !important;
        color: #ffffff !important;
        box-shadow: 0 12px 28px rgba(23, 105, 194, 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%, #e8f3ff 100%) !important;
        border: 1px solid #b9d7f8 !important;
        color: #1769c2 !important;
    }

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

    .desktop-category-all-img i {
        position: relative;
        z-index: 1;
        color: #1769c2 !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: #1f8cff !important;
        box-shadow: 0 10px 24px rgba(23, 105, 194, 0.16) !important;
    }

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

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

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

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

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

#carouselMain {
    background: #0f172a !important;
}

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

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

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

    .category_heading {
        margin: 0 2px 10px !important;
        padding: 0 !important;
        color: #102033 !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: #1f8cff !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 #dfe8f3 !important;
        border-radius: 12px !important;
        background: rgba(255, 255, 255, 0.92) !important;
        box-shadow: 0 6px 16px rgba(16, 24, 39, 0.06) !important;
        color: #102033 !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 #d6e2ef !important;
        background: linear-gradient(180deg, #f8fbff 0%, #eef5fc 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: #1f2937 !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: #1f8cff !important;
        background: #ffffff !important;
        box-shadow: 0 8px 20px rgba(23, 105, 194, 0.14) !important;
        color: #0b4da2 !important;
    }

    .categort_menu .category_item:hover .category_img_div,
    .categort_menu .category_item.active .category_img_div {
        background: linear-gradient(180deg, #eef7ff 0%, #ffffff 100%) !important;
        border-color: #78bfff !important;
        box-shadow: 0 6px 14px rgba(31, 140, 255, 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: #f4f8fc !important;
        border: 0 !important;
        box-shadow: inset 0 1px 0 #ffffff, inset 0 -1px 0 #e4edf7 !important;
    }

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

    .category_heading::after {
        width: 46px !important;
        height: 4px !important;
        margin-top: 7px !important;
        background: linear-gradient(90deg, #1f8cff 0%, #0f5fb8 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(215, 227, 241, 0.9) !important;
        outline: 0 !important;
        border-radius: 16px !important;
        background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
        box-shadow: 0 8px 18px rgba(16, 24, 39, 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(31, 140, 255, 0.08) 0%, rgba(31, 140, 255, 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, #eef6ff 0%, #ffffff 70%) !important;
        box-shadow: inset 0 0 0 1px #d8e6f5, 0 5px 12px rgba(15, 53, 91, 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: #14243a !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(31, 140, 255, 0.55) !important;
        background: #ffffff !important;
        box-shadow: 0 10px 22px rgba(23, 105, 194, 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 #2f86e8 !important;
        color: #1f77d4 !important;
        box-shadow: 0 4px 10px rgba(47, 134, 232, 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 #c026d3 !important;
        color: #c026d3 !important;
        background: #ffffff !important;
        box-shadow: 0 4px 10px rgba(192, 38, 211, 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: #c026d3 !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: #c026d3 !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: #2f86e8 !important;
        border: 1px solid #2f86e8 !important;
        color: #ffffff !important;
        box-shadow: 0 5px 12px rgba(47, 134, 232, 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: #e5ebf2 !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: #111827 !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: #1677e8 !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 #2f86e8 !important;
        background: #ffffff !important;
        color: #2f73e0 !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: #c026d3 !important;
        color: #c026d3 !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(15, 23, 42, 0.76) 0%, rgba(15, 23, 42, 0.34) 42%, rgba(15, 23, 42, 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(31, 140, 255, 0.18);
    border: 1px solid rgba(148, 197, 255, 0.34);
    color: #bfdbfe;
    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, #1769c2 0%, #1f8cff 100%);
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 800;
    box-shadow: 0 12px 26px rgba(23, 105, 194, 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: #1f8cff !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, #0b1726 0%, #0f355b 54%, #1769c2 100%) !important;
        border-top: 1px solid rgba(255, 255, 255, 0.18) !important;
        box-shadow: 0 -10px 26px rgba(3, 10, 24, 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, #1f8cff 0%, #1769c2 58%, #0d3564 100%) !important;
        border: 2px solid rgba(255, 255, 255, 0.95) !important;
        box-shadow: 0 9px 18px rgba(15, 53, 91, 0.3), 0 0 0 4px rgba(31, 140, 255, 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: #f4f8fd !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(15, 23, 42, 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: #f4f8fd !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(11, 23, 38, 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, #1f8cff 0%, #1769c2 62%, #0d3564 100%) !important;
        border: 2px solid #ffffff !important;
        box-shadow: 0 10px 20px rgba(15, 53, 91, 0.34), 0 0 0 5px rgba(31, 140, 255, 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(12, 34, 57, 0.98), rgba(21, 95, 174, 0.98)) !important;
        box-shadow: 0 -10px 26px rgba(10, 26, 45, 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, #238dff 0%, #1769c2 58%, #0d3d75 100%) !important;
        box-shadow: 0 10px 22px rgba(12, 63, 120, 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;
}