/* Order form specific CSS */
.order-form-box {
    max-width: 520px;
    margin: 20px auto;
    padding: 14px;
    background: #f9f9f9;
    border: 1.5px solid #e74c3c;
    border-radius: 8px;
    box-sizing: border-box;
}

.vip-countdown {
    display: inline-block;
    padding: 8px 14px;
    background: linear-gradient(145deg, #e74c3c, #f39c12);
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    border-radius: 50%;
    animation: glow 1.5s infinite alternate;
}

@keyframes glow {
    from { box-shadow: 0 0 5px #e74c3c; }
    to { box-shadow: 0 0 20px #f39c12; }
}

.discount-text {
    color: #d9534f;
    font-size: 18px;
    font-weight: 600;
}

.blinking-price {
    color: #f39c12;
    font-size: 22px;
    font-weight: 700;
    animation: blink 1s infinite;
}

@keyframes blink {
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0.5; }
}

.stock-count {
    background: none;
    border: none;
    width: 32px;
    font-size: 18px;
    text-align: center;
    font-weight: 700;
}

.order-btn {
    margin-top: 18px;
    width: 100%;
    height: 48px;
    background: linear-gradient(to right, #f39c12, #e74c3c);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border: none;
    border-radius: 24px;
    cursor: pointer;
}

@media (max-width: 600px) {
    .order-form-box {
        margin: 15px 8px;
        padding: 12px;
    }
}