:root {
    --primary: #8b0000;
    --gold: #ffb703;
    --dark: #2d1a1a;
    --bg: #f8f9fa;
}

body { font-family: 'Segoe UI', sans-serif; background: var(--bg); color: var(--dark); margin: 0; }
.container { max-width: 500px; margin: auto; padding: 20px; }
.card { background: #fff; border-radius: 15px; padding: 20px; margin-bottom: 20px; }
.shadow { box-shadow: 0 10px 25px rgba(0,0,0,0.05); }
.btn { border: none; padding: 15px; border-radius: 10px; font-weight: bold; cursor: pointer; width: 100%; transition: 0.3s; }
.btn-primary { background: var(--primary); color: white; }
.btn-primary:hover { background: #600000; }
.product-card { display: flex; align-items: center; gap: 15px; }
.product-card img { width: 70px; height: 70px; border-radius: 10px; }
.product-info h3 { margin: 0; font-size: 16px; }
.price { color: var(--primary); font-weight: bold; }
input[type="text"], input[type="tel"], input[type="number"] { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 8px; box-sizing: border-box; }
.toggle-container { display: flex; gap: 10px; margin-bottom: 15px; }