/* ============================================================
   deals.css - Styles for pages/shop/deals.html
   ============================================================ */

.deals-hero{background:linear-gradient(135deg,#1C0A0A,#2A1010);border-bottom:1px solid rgba(192,57,43,.3);padding:3rem 2rem;text-align:center;}
    .deals-hero h1{font-size:2.5rem;font-weight:900;color:#E74C3C;margin-bottom:.5rem;}
    .deals-hero p{color:var(--text-muted);margin-bottom:1.5rem;}
    .cd-bar{display:flex;gap:.7rem;justify-content:center;margin-bottom:1.5rem;}
    .cd-box{background:rgba(192,57,43,.2);border:1px solid rgba(192,57,43,.3);border-radius:10px;padding:.7rem 1.2rem;min-width:70px;text-align:center;}
    .cd-n{font-size:1.6rem;font-weight:900;color:#E74C3C;}
    .cd-l{font-size:.7rem;color:var(--text-muted);}
    .section{padding:3rem 2rem;max-width:1200px;margin:0 auto;}
    .deal-banner{background:linear-gradient(135deg,var(--dark2),var(--dark3));border:2px solid rgba(192,57,43,.3);border-radius:var(--r-xl);padding:2rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;}
    .deal-banner-left h2{font-size:1.4rem;font-weight:700;margin-bottom:.4rem;}
    .deal-banner-left h2 span{color:#E74C3C;}
    .deal-banner-left p{font-size:.88rem;color:var(--text-muted);}
    .deal-pct{font-size:3.5rem;font-weight:900;color:#E74C3C;line-height:1;}