/* Pamela Shop - Coupon UI */
.coupon-box,
.coupon-applied {
    margin-top: 14px;
    padding: 14px;
    border: 1px solid #eadfe3;
    border-radius: 14px;
    background: #fffafb;
}

.coupon-box h3,
.checkout-card .coupon-applied + h2 {
    margin-bottom: 10px;
}

.coupon-form {
    display: flex;
    gap: 8px;
    align-items: stretch;
}

.coupon-form input {
    min-width: 0;
    flex: 1;
    border: 1px solid #ddd1d6;
    border-radius: 10px;
    padding: 10px 12px;
    background: #fff;
}

.coupon-form button,
.coupon-applied button,
.coupon-remove {
    border: 0;
    border-radius: 10px;
    padding: 10px 14px;
    cursor: pointer;
    font-weight: 700;
}

.coupon-form button {
    background: #b84c67;
    color: #fff;
}

.coupon-applied {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
}

.coupon-applied strong {
    direction: ltr;
    letter-spacing: .4px;
}

.coupon-applied span {
    color: #4d7d5a;
    font-size: 12px;
}

.coupon-applied form {
    margin-inline-start: auto;
}

.coupon-applied button,
.coupon-remove {
    background: #f5e6ea;
    color: #9b3e58;
}

.coupon-discount {
    color: #a43e5a;
}

.coupon-error {
    margin: 10px 0 0;
    padding: 9px 11px;
    border-radius: 10px;
    background: #fff0f2;
    color: #a63f50;
    font-size: 12px;
    line-height: 1.8;
}

.coupon-active {
    color: #3f7851;
    font-size: 12px;
}

@media (max-width: 576px) {
    .coupon-form {
        flex-direction: column;
    }

    .coupon-form button {
        width: 100%;
    }

    .coupon-applied form {
        width: 100%;
        margin-inline-start: 0;
    }

    .coupon-applied button {
        width: 100%;
    }
}