.ss-reorder-page {
    margin-bottom: 40px;
}

.ss-reorder-layout {
    display: grid;
    gap: 32px;
}

.ss-reorder-layout-single {
    grid-template-columns: minmax(0, 1fr);
    max-width: 760px;
}

.ss-reorder-intro {
    margin-bottom: 24px;
}

.ss-reorder-intro p {
    margin: 0 0 12px;
}

.ss-reorder-intro p:last-child {
    margin-bottom: 0;
}

.ss-reorder-summary {
    border: 2px solid #000;
    padding: 20px;
    margin: 24px 0;
    background: #fafafa;
}

.ss-reorder-summary h3 {
    margin-top: 0;
}

.ss-reorder-summary-line {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 8px;
}

.ss-reorder-summary-note,
.ss-reorder-summary-empty {
    font-size: 0.95rem;
    margin: 12px 0 0;
}

.ss-reorder-summary-shipping-detail,
.ss-reorder-summary-international-note-text {
    font-weight: 400;
}

.ss-reorder-summary-international-note {
    display: block;
    font-size: 0.95rem;
}

.ss-reorder-summary-international-note[hidden] {
    display: none !important;
}

@media (min-width: 992px) {
    .ss-reorder-layout:not(.ss-reorder-layout-single) {
        grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
        align-items: start;
    }
}

.ss-reorder-form-panel h2,
.ss-reorder-cart h2 {
    margin-bottom: 16px;
}

.ss-reorder-field,
.ss-reorder-fieldset {
    margin-bottom: 18px;
}

.ss-reorder-section-heading {
    display: block;
    font-weight: 600;
    margin: 0 0 6px;
}

.ss-reorder-quantity-fieldset,
.ss-reorder-quantity-field {
    display: block;
}

.ss-reorder-field label,
.ss-reorder-fieldset legend {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
}

.ss-reorder-field label .woocommerce-Price-amount,
.ss-reorder-summary .woocommerce-Price-amount {
    display: inline;
}

.ss-reorder-summary-line[hidden] {
    display: none !important;
}

.ss-reorder-field input[type="text"],
.ss-reorder-field input[type="email"],
.ss-reorder-field input[type="tel"],
.ss-reorder-field select,
.ss-reorder-field textarea {
    width: 100%;
    max-width: 100%;
}

.ss-reorder-field-row {
    display: grid;
    gap: 16px;
}

@media (min-width: 768px) {
    .ss-reorder-field-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.ss-reorder-radio {
    margin-bottom: 10px;
}

.ss-reorder-radio label {
    font-weight: 400;
    cursor: pointer;
}

.ss-reorder-radio input {
    margin-right: 8px;
}

.ss-reorder-form-actions {
    margin-top: 24px;
}

.ss-reorder-form-message,
.ss-reorder-cart-message {
    margin-top: 12px;
}

.ss-reorder-form-message.is-error,
.ss-reorder-cart-message.is-error {
    color: #b32d2e;
}

.ss-reorder-cart {
    border: 2px solid #000;
    padding: 20px;
    background: #fff;
}

.ss-reorder-cart-count {
    margin-bottom: 16px;
}

.ss-reorder-cart-item {
    border-top: 1px solid #ddd;
    padding: 16px 0;
}

.ss-reorder-cart-item header {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 8px;
}

.ss-reorder-cart-products {
    margin: 0 0 8px;
    padding-left: 18px;
}

.ss-reorder-cart-delivery,
.ss-reorder-cart-shipping,
.ss-reorder-cart-pricing {
    margin: 0 0 6px;
}

.ss-reorder-cart-totals {
    margin-bottom: 12px;
}

.ss-reorder-cart-total {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 8px;
}

.ss-reorder-field-description,
.ss-delivery-options-hint {
    font-size: 0.95rem;
    margin: 0 0 12px;
}

.ss-reorder-remove-item {
    background: none;
    border: 0;
    padding: 0;
    text-decoration: underline;
    cursor: pointer;
}

.ss-reorder-cart-footer {
    border-top: 1px solid #ddd;
    padding-top: 16px;
    margin-top: 8px;
}

.ss-reorder-cart-note {
    font-size: 0.95rem;
    margin: 12px 0 16px;
}

.ss-reorder-checkout {
    width: 100%;
}

.ss-reorder-cart-empty {
    margin: 0;
}