/* ============================================================
   BASE - bien mau, reset, container
   ============================================================ */
:root{
    /* Tone chu dao: DO (Red) - diem neo cua dai cuc quang */
    --red:#f5233a;--red-dark:#cc1226;
    --teal:#f5233a;--teal-dark:#cc1226;--teal-light:#ff5e6c;
    --blue:#0066cc;--orange:#ff6b00;--green:#00a650;

    /* ===== MAU NHAN PHU (accent) =====
       Coral  = sale / giam gia      Amber  = flash sale / hot
       Indigo = san pham moi                                      */
    --coral:#ff6b35;--coral-dark:#e85420;--coral-tint:#fff0eb;
    --amber:#f59e0b;--amber-dark:#d97706;--amber-tint:#fff7e6;
    --indigo:#6366f1;--indigo-dark:#4f46e5;--indigo-tint:#eef0fe;

    /* ===== DAI MAU CUC QUANG (Aurora) =====
       Nhieu dai mau chuyen tiep: teal -> lam -> indigo -> tim -> hong.
       Dung cho cac mang lon (header, banner, nut chinh, footer).      */
    --aurora:linear-gradient(120deg,#c20f24 0%,#ec1330 30%,#fb2740 60%,#ff576b 82%,#ff8a98 100%);
    --aurora-soft:linear-gradient(120deg,#ec1330 0%,#fb2740 30%,#ff576b 62%,#ff8a98 85%,#ffb3bd 100%);
    --aurora-bar:linear-gradient(100deg,#9e0e1e 0%,#c20f24 28%,#e01228 52%,#fb2740 78%,#ff5468 100%);
    /* Ban dem - dai cuc quang phat sang tren nen do tham (banner/footer) */
    --aurora-night:linear-gradient(135deg,#240407 0%,#5e0c14 28%,#971020 52%,#cc1428 76%,#7a1024 100%);
    --aurora-glow:0 6px 24px rgba(245,35,58,.32);

    /* ===== GRADIENT DON SAC (1 mau, nhat -> dam dan) =====
       Dung cho nut hanh dong: do cho "Them gio", cam cho "Mua ngay" */
    --cart-grad:linear-gradient(135deg,#ff6b6b 0%,#fb2740 55%,#d6142b 100%);
    --coral-grad:linear-gradient(135deg,#ff9163 0%,#ff6b35 55%,#e85420 100%);
    /* Mau GIA TIEN - do, dong bo voi nut "Them gio" */
    --price:#f5233a;

    --dark:#1f2937;--gray-100:#f6f8f8;--gray-200:#e6edec;
    --gray-400:#94a3a0;--gray-500:#5d6b68;
    --white:#ffffff;
    --tint:#fff1f2;
    --radius:8px;
    --shadow:0 2px 8px rgba(0,0,0,.07);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
html,body{overflow-x:hidden}
/* Phan hoi khi nhan cac nut hanh dong chinh - cam giac "bam" thich tay */
.btn-add-cart:active,.btn-addcart-big:active,.btn-buynow:active,.btn-pd-cart:active,.btn-pd-buy:active,.btn-buy-slide:active,.btn-cat-toggle:active,.pb-btn:active,.btn-promo:active{transform:scale(.96)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
body{
    font-family:'Be Vietnam Pro',sans-serif;color:var(--dark);font-size:14px;
    /* Nen wash cuc quang nhat: cho dam cho nhat de nhan nha */
    background:
        radial-gradient(1200px 520px at 8% -6%, rgba(245,35,58,.12), transparent 60%),
        radial-gradient(1000px 500px at 96% 2%, rgba(255,94,108,.10), transparent 62%),
        radial-gradient(1100px 700px at 50% 116%, rgba(204,18,38,.10), transparent 60%),
        #f9eef0;
    background-attachment:fixed;
}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}

/* Accessibility: vien focus ro rang khi dieu huong bang ban phim */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:4px}

/* ===== CONTAINER ===== */
.container{max-width:1260px;margin:0 auto;padding:0 14px;width:100%}
.main-content{padding:10px 0;overflow-x:hidden}