@media (max-width: 820px) {
    .order-builder {
        max-width: 100%;
    }
    .order-builder-card {
        padding: 14px;
    }
    .order-builder-title,
    .order-fields-row,
    .sku-chip-list {
        flex-direction: column;
        grid-template-columns: 1fr;
    }
    .price-inline {
        font-size: 24px;
    }
    .order-builder-status {
        flex-direction: column;
        gap: 6px;
    }
    .submit-payment-field {
        margin-left: 0;
        flex: 1 1 auto;
        width: 100%;
    }
    .submit-panel .action-row > * {
        width: 100%;
    }
}
@media (max-width: 560px) {
    .order-builder-card {
        padding: 12px 12px 14px;
        border-radius: 22px;
    }
    .order-builder-header {
        gap: 8px;
        margin-bottom: 8px;
    }
    .order-builder-title {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        gap: 10px;
    }
    .order-builder-title h2 {
        font-size: clamp(22px, 7vw, 28px);
    }
    .order-builder-title .button {
        min-height: 36px;
        padding: 8px 12px;
        border-radius: 12px;
        font-size: 12px;
        white-space: nowrap;
    }
    .order-builder-status {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        padding: 8px 10px;
    }
    .order-builder-status-item {
        display: grid;
        gap: 2px;
        font-size: 12px;
    }
    .order-builder-status-item strong {
        font-size: 15px;
    }
    .sku-panel,
    .form-panel,
    .submit-panel {
        padding: 10px;
        border-radius: 16px;
    }
    .compact-label {
        margin-bottom: 6px;
        font-size: 12px;
    }
    .sku-chip-list {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(104px, 1fr);
        align-items: stretch;
        overflow-x: auto;
        margin: 0 -2px;
        padding-bottom: 2px;
        scroll-snap-type: x proximity;
    }
    .sku-chip-list::-webkit-scrollbar {
        display: none;
    }
    .sku-chip {
        min-width: 0;
        width: 100%;
        padding: 9px 10px;
        border-radius: 12px;
        scroll-snap-align: start;
    }
    .sku-chip-title {
        font-size: 13px;
    }
    .order-fields {
        gap: 8px;
    }
    .order-fields-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }
    .order-fields label {
        font-size: 12px;
    }
    .order-fields input,
    .order-fields select {
        padding: 10px 11px;
        font-size: 13px;
    }
    .price-inline {
        min-height: 40px;
        padding: 0 12px;
        font-size: 20px;
        border-radius: 12px;
    }
    .submit-panel {
        position: sticky;
        bottom: 8px;
        z-index: 8;
        box-shadow: var(--shadow-success-soft);
    }
    .submit-panel .action-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px;
        align-items: center;
    }
    .submit-panel .action-row > * {
        width: auto;
    }
    .submit-panel .action-row .button,
    .submit-panel .action-row button {
        min-height: 40px;
        padding: 9px 12px;
        font-size: 13px;
    }
    .submit-panel .action-row > button[type="submit"] {
        width: 100%;
    }
    .submit-payment-field {
        margin-left: 0;
        width: auto;
        flex: 0 0 auto;
    }
    .submit-payment-field select {
        min-width: 82px;
        min-height: 40px;
        padding: 8px 26px 8px 10px;
        font-size: 13px;
    }
    .product-stock-alert {
        margin-top: 8px;
    }
}