Products

/* AROMAS PREMIUM CUSTOM STYLES */ :root { --ap-gold: #C9A961; --ap-wine: #6B2C3E; --ap-black: #1A1A1A; --ap-white: #FFFFFF; --ap-border: rgba(201, 169, 97, 0.2); } body { background: var(--ap-black); color: var(--ap-white); font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: 'Playfair Display', serif; letter-spacing: 0.05em; font-weight: 700; } h1 { font-size: 48px; } h2 { font-size: 36px; } h3 { font-size: 24px; } .button, button[type="submit"], a.button, input[type="submit"] { background: var(--ap-gold) !important; color: var(--ap-black) !important; border: none !important; border-radius: 4px !important; font-weight: 600 !important; padding: 14px 32px !important; cursor: pointer !important; transition: all 0.3s ease !important; box-shadow: 0 4px 12px rgba(201, 169, 97, 0.3) !important; text-transform: uppercase; } .button:hover, button[type="submit"]:hover, a.button:hover, input[type="submit"]:hover { background: #A68656 !important; box-shadow: 0 8px 20px rgba(201, 169, 97, 0.5) !important; transform: translateY(-2px) !important; } .product-card, .product-item, .grid__item { background: rgba(15, 15, 15, 0.8); border: 1px solid var(--ap-border); border-radius: 8px; transition: all 0.3s ease; } .product-card:hover, .product-item:hover, .grid__item:hover { transform: translateY(-8px); box-shadow: 0 12px 32px rgba(201, 169, 97, 0.3); border-color: var(--ap-gold); } .product-price, .price { color: var(--ap-gold) !important; font-weight: 600; font-size: 18px; } .badge, .product-badge { background: var(--ap-gold) !important; color: var(--ap-black) !important; padding: 6px 12px !important; border-radius: 2px !important; font-size: 12px !important; font-weight: 600 !important; text-transform: uppercase !important; } header, .header { background: #0F0F0F; border-bottom: 1px solid var(--ap-border); } nav a, .menu a { color: var(--ap-white); transition: color 0.3s ease; } nav a:hover, .menu a:hover { color: var(--ap-gold); } footer { background: #0A0A0A; border-top: 1px solid var(--ap-border); color: #A8A8A8; } footer a { color: var(--ap-gold); text-decoration: none; } @media (max-width: 768px) { h1 { font-size: 32px; } h2 { font-size: 24px; } .button { padding: 12px 24px; font-size: 13px; } } @media (max-width: 480px) { h1 { font-size: 28px; } .button { padding: 10px 20px; font-size: 12px; } }