@import url('variables.css?v=20260626-responsive-wide');
@import url('header.css?v=20260729-dropdown-tap-toggle');
@import url('footer.css?v=20260626-responsive-wide');
@import url('components.css?v=20260806-error-page');
@import url('pages.css?v=20260721-storedetails18');
@import url('cart.css?v=20260526-cart-touchspin');
@import url('checkout.css?v=20260525-checkout-8');


/* Critical checkout width override: keep the page anchored to the viewport, not a centered fixed container. */
.checkout-page {
    margin-left: 0;
    margin-right: 0;
    max-width: 100vw;
    overflow-x: hidden;
    width: 100vw;
}

.checkout-page > .checkout-container {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1380px !important;
    width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.checkout-page .checkout-layout {
    gap: 20px;
    grid-template-columns: minmax(0, 1fr) 360px;
}

@media (max-width: 991px) {
    .checkout-page > .checkout-container {
        margin-left: 16px !important;
        margin-right: 16px !important;
        width: calc(100vw - 32px) !important;
    }

    .checkout-page .checkout-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .checkout-page > .checkout-container {
        margin-left: 10px !important;
        margin-right: 10px !important;
        width: calc(100vw - 20px) !important;
    }
}

/* Responsive container overrides for wide desktop screens (1400px and up) */
@media (min-width: 1400px) {
    .container,
    .header-middle .container,
    .top-notice .container,
    .footer.footer-responsive .container,
    .checkout-page .checkout-container,
    .checkout-page > .checkout-container {
        max-width: 1520px !important;
    }
}

/* Cache bust for gift shake animation */