@media (max-width: 1024px) {
    .storefront :is(.customer-auth, .customer-account, .cart-page, .checkout-page, .order-success-page) {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .storefront :is(.customer-auth, .checkout-page) .field :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea),
    .storefront .cart-item-controls input {
        min-width: 0;
        min-height: 50px;
        font-size: 16px;
        border-radius: 12px;
    }

    .storefront :is(.customer-auth, .checkout-page) .field > label {
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 8px;
    }

    .storefront :is(.customer-auth, .customer-account, .cart-page, .checkout-page, .order-success-page) .button {
        min-height: 48px;
        font-size: 15px;
        line-height: 1.45;
        border-radius: 12px;
        white-space: normal;
        text-align: center;
    }

    .storefront :is(.customer-auth, .checkout-page) .check-label {
        min-height: 44px;
        gap: 12px;
        padding-block: 8px;
        font-size: 14px;
        line-height: 1.7;
    }

    .storefront :is(.customer-auth, .checkout-page) .check-label input,
    .storefront .checkout-page :is(.payment-choice, .shipping-choice) input {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
    }

    .storefront :is(.customer-auth, .checkout-page) :is(.field small, .small, .form-note, .check-label .text-link) {
        font-size: 13px;
        line-height: 1.65;
    }

    .storefront .customer-auth .auth-switch {
        font-size: 14px;
        line-height: 1.7;
    }

    .storefront .customer-auth .auth-switch a {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
        font-size: 14px;
    }

    .storefront .cart-item-controls .text-button {
        min-height: 44px;
        padding: 10px 8px;
        font-size: 14px;
    }

    .storefront .cart-item-controls input { width: 66px; text-align: center; }
    .storefront .checkout-grid > *, .storefront .account-grid > * { min-width: 0; }
    .storefront .checkout-page .shipping-choice { min-height: 72px; }
    .storefront .checkout-page .payment-choice { min-height: 56px; font-size: 15px; border-radius: 12px; }
}

@media (max-width: 760px) {
    .storefront .customer-auth { padding-block: 24px 40px; }

    .storefront .customer-auth .auth-card {
        max-width: 520px;
        padding: 26px 20px;
        border-radius: 20px;
        border-color: #e2e9ee;
        box-shadow: 0 6px 24px #142b3805;
    }

    .storefront .customer-auth .auth-card h1 { font-size: clamp(27px, 7vw, 34px); line-height: 1.2; }
    .storefront .customer-auth .auth-card > .eyebrow { font-size: 11px; letter-spacing: 1.3px; }
    .storefront .customer-auth .auth-card > .muted { font-size: 15px; line-height: 1.65; margin-bottom: 26px; }
    .storefront .customer-auth .auth-card .field { margin-bottom: 20px; }
    .storefront .customer-auth .auth-card .button { margin-top: 4px; }

    .storefront :is(.customer-account, .cart-page, .checkout-page) .section-heading {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 12px;
    }

    .storefront :is(.customer-account, .cart-page, .checkout-page) .section-heading h1 {
        font-size: clamp(28px, 7.5vw, 36px);
        line-height: 1.2;
    }

    .storefront .cart-page .section-heading > .text-link {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        padding: 0;
        font-size: 14px;
        white-space: normal;
    }

    .storefront .customer-account .account-grid,
    .storefront :is(.cart-page, .checkout-page) .checkout-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
    }

    .storefront .customer-account .panel { border-radius: 16px; overflow: hidden; }
    .storefront .customer-account .account-details { padding: 20px; }
    .storefront .customer-account .account-details > h2,
    .storefront .customer-account .panel-heading h2 { font-size: 18px; }
    .storefront .customer-account .account-details dt { font-size: 13px; }
    .storefront .customer-account .account-details dd { font-size: 15px; }
    .storefront .customer-account .admin-order-row { grid-template-columns: minmax(0, 1fr) auto; padding: 18px; gap: 12px; }
    .storefront .customer-account .admin-order-row > div { grid-column: 1 / -1; }
    .storefront .customer-account .admin-order-row > div > strong { font-size: 16px; }
    .storefront .customer-account .admin-order-row small { font-size: 13px; margin-top: 5px; }
    .storefront .customer-account .admin-order-row > strong { font-size: 16px; }
    .storefront .customer-account .admin-order-row > .badge { font-size: 12px; white-space: normal; }
    .storefront .customer-account .admin-order-row > span:last-child { display: none; }

    .storefront .cart-page .cart-items { border-radius: 16px; overflow: hidden; }
    .storefront .cart-page .cart-item { grid-template-columns: 64px minmax(0, 1fr); padding: 18px 16px; gap: 14px; }
    .storefront .cart-page .cart-item-image { width: 64px; height: 64px; border-radius: 12px; }
    .storefront .cart-page .cart-item-info h2 { font-size: 16px; line-height: 1.4; }
    .storefront .cart-page .cart-item-info p { font-size: 13px; line-height: 1.65; }
    .storefront .cart-page .cart-item-controls { gap: 4px 12px; margin-top: 12px; }
    .storefront .cart-page .cart-item-controls form { flex-wrap: wrap; gap: 6px; }
    .storefront .cart-page .cart-item-total { grid-column: 2; font-size: 18px; white-space: normal; }

    .storefront :is(.cart-page, .checkout-page) .checkout-grid > aside { max-width: none; }
    .storefront :is(.cart-page, .checkout-page) .order-summary { padding: 22px 20px; border-radius: 16px; }
    .storefront :is(.cart-page, .checkout-page) .order-summary h2 { font-size: 20px; }
    .storefront :is(.cart-page, .checkout-page) .order-summary dl > div { gap: 14px; font-size: 14px; }
    .storefront :is(.cart-page, .checkout-page) .order-summary dd { min-width: 0; text-align: right; white-space: normal; }
    .storefront :is(.cart-page, .checkout-page) .order-summary .summary-total dd { font-size: 24px; }
    .storefront :is(.cart-page, .checkout-page) .order-summary .small { font-size: 13px; }

    .storefront .checkout-page .editor-panel { padding: 22px 18px; border-radius: 16px; margin-bottom: 18px; }
    .storefront .checkout-page .editor-panel > h2 { font-size: 19px; margin-bottom: 22px; }
    .storefront .checkout-page .field-grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
    .storefront .checkout-page .shipping-choices { grid-template-columns: minmax(0, 1fr); gap: 10px; }
    .storefront .checkout-page .shipping-choice { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 8px 12px; padding: 16px; border-radius: 12px; }
    .storefront .checkout-page .shipping-choice > b { grid-column: 2; font-size: 15px; white-space: normal; }
    .storefront .checkout-page .shipping-choice strong { font-size: 15px; }
    .storefront .checkout-page .shipping-choice small { font-size: 13px; }
    .storefront .checkout-page .shipping-actions { flex-wrap: wrap; gap: 12px; }
    .storefront .checkout-page .shipping-actions .button { width: 100%; }
    .storefront .checkout-page .shipping-actions > p { font-size: 13px; }
    .storefront .checkout-page .payment-details { font-size: 14px; padding: 16px; border-radius: 12px; }
    .storefront .checkout-page .checkout-consent { padding: 18px 2px 0; }
    .storefront .checkout-page .checkout-consent > .small { font-size: 13px; line-height: 1.6; }

    .storefront .order-success-page .success-panel { padding: 28px 20px; border-radius: 20px; }
    .storefront .order-success-page .success-panel h1 { font-size: 32px; }
    .storefront .order-success-page .success-panel > .muted { font-size: 15px; line-height: 1.65; }
    .storefront .order-success-page .order-number { font-size: 23px; overflow-wrap: anywhere; }
    .storefront .order-success-page .success-details > div { display: grid; grid-template-columns: minmax(0, 1fr); gap: 5px; text-align: left; font-size: 14px; }
    .storefront .order-success-page .success-details dd { text-align: left; margin: 0; font-size: 15px; overflow-wrap: anywhere; }
    .storefront .order-success-page .payment-details { font-size: 14px; padding: 16px; }
    .storefront .order-success-page .success-panel > .button { width: 100%; }

    .storefront :is(.customer-account, .cart-page) .empty-state { padding: 36px 20px; }
    .storefront :is(.customer-account, .cart-page) .empty-state :is(h2, h3) { font-size: 23px; }
    .storefront :is(.customer-account, .cart-page) .empty-state p { font-size: 15px; line-height: 1.65; }
    .storefront .customer-account .pagination a { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; }
}