body {
    font-family: 'Inter', sans-serif;
    background-color: #FDFBF8;
    color: #333;
}

 
.form-error {
    border-color: #EF4444 !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

.form-success {
    border-color: #10B981 !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
}

 
button:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

 
@media (min-width: 768px) {
    .grid.md\:grid-cols-6 > div:nth-child(4),
    .grid.md\:grid-cols-6 > div:nth-child(5),
    .grid.md\:grid-cols-6 > div:nth-child(6) {
        grid-column: span 2;
    }
}

@media (max-width: 767px) {
    .grid.md\:grid-cols-6 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.store-btn-shadow {
    box-shadow: 0 4px 16px rgba(0,0,0,0.18), 0 2px 8px rgba(0,0,0,0.14);
    transition: box-shadow 0.3s;
    border-radius: 2rem !important;
}