/* ═══════════════════════════════════════════
   MOBILE OVERRIDES
═══════════════════════════════════════════ */
@media (max-width: 767px) {
    .ostore-modular-checkout-wrapper {
        padding: 15px 12px 8px 12px !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        box-sizing: border-box !important;
    }

    .ostore-modular-checkout-wrapper .ostore-checkout-input-group {
        height: 42px !important;
        border-radius: 10px !important;
    }

    .ostore-modular-checkout-wrapper .ostore-field-icon {
        width: 40px !important;
    }

    .ostore-modular-checkout-wrapper .ostore-checkout-input-group input {
        padding: 0 12px !important;
        font-size: 16px !important; /* iOS Safari zooms the page in on focus if a text input is under 16px */
    }

    .ostore-modular-checkout-wrapper .ostore-quantity-selector-box {
        justify-content: center;
    }

    .ostore-quantity-offers-container.layout-vertical {
        grid-template-columns: repeat(2, 1fr);
    }

    .ostore-quantity-offers-container.layout-classic .ostore-offer-img {
        width: 40px;
        height: 40px;
    }

    .ostore-modular-checkout-wrapper .ostore-swatches-container {
        gap: 6px;
    }

    .ostore-modular-checkout-wrapper .ostore-swatch-item {
        min-width: 26px;
        height: 26px;
        border-radius: 6px;
        padding: 1.5px;
    }

    .ostore-modular-checkout-wrapper .ostore-swatch-text {
        font-size: 0.62rem;
        padding: 0 6px;
    }

    .ostore-modular-checkout-wrapper .ostore-order-summary-box {
        margin-top: 12px;
    }
}

@media (max-width: 480px) {
    .ostore-quantity-offers-container.layout-vertical {
        grid-template-columns: repeat(2, 1fr);
    }
}