/* Kiểu dáng chung website adichay.com — màu đỏ thương hiệu (theo logo, bảng giá lẻ, hóa đơn) */
/* Đỏ – trắng là chủ đạo; xanh lá (như trang giá sỉ) làm màu phụ cho khối nền, nhãn, nút phụ */
:root{
  --nen:#ffffff; --nen2:#f3f7ec; --nen3:#fdf1ef; --the:#ffffff; --chu:#23302a; --chu-nhat:#5f6b62;
  --do:#c8372d; --do-dam:#a52a22; --do-nhat:#fde8e5; --tren-do:#ffffff; --vang:#ffd36b; --tren-vang:#3a2408;
  --xanh:#2f6b2a; --xanh-sang:#4c8a3f; --xanh-nhat:#e6efd9; --tren-xanh:#ffffff;
  --vien:#e3e8dc; --o-nhap:#f7f9f3; --bong:0 2px 16px rgba(35,48,42,.08);
  --font:'Be Vietnam Pro',system-ui,'Segoe UI',Arial,sans-serif;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --nen:#141a16; --nen2:#1a241c; --nen3:#221917; --the:#1d2620; --chu:#e8efe6; --chu-nhat:#a8b4a8;
  --do:#e0574b; --do-dam:#ff8a7e; --do-nhat:#3a201c; --tren-do:#ffffff; --vang:#ffd36b; --tren-vang:#3a2408;
  --xanh:#3f7f37; --xanh-sang:#8cc47a; --xanh-nhat:#22331f; --tren-xanh:#ffffff;
  --vien:#2c3a30; --o-nhap:#18201a; --bong:0 2px 16px rgba(0,0,0,.4); color-scheme:dark}}
:root[data-theme="dark"]{
  --nen:#141a16; --nen2:#1a241c; --nen3:#221917; --the:#1d2620; --chu:#e8efe6; --chu-nhat:#a8b4a8;
  --do:#e0574b; --do-dam:#ff8a7e; --do-nhat:#3a201c; --tren-do:#ffffff; --vang:#ffd36b; --tren-vang:#3a2408;
  --xanh:#3f7f37; --xanh-sang:#8cc47a; --xanh-nhat:#22331f; --tren-xanh:#ffffff;
  --vien:#2c3a30; --o-nhap:#18201a; --bong:0 2px 16px rgba(0,0,0,.4); color-scheme:dark}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{background:var(--nen);color:var(--chu);font-family:var(--font);font-size:16px;line-height:1.55;margin:0;overflow-x:hidden}
.khung{max-width:1180px;margin:0 auto;padding-inline:16px}
h1,h2,h3{text-wrap:balance;margin:0;line-height:1.15}
p{margin:0}
img{max-width:100%;display:block}
button,input,textarea{font:inherit;color:inherit}
a{color:inherit}
:focus-visible{outline:3px solid var(--vang);outline-offset:2px}

/* Thanh điều hướng */
.nav{position:sticky;top:0;z-index:20;background:var(--nen);backdrop-filter:blur(8px);border-bottom:1px solid var(--vien)}
.nav .khung{display:flex;align-items:center;gap:16px;min-height:64px}
.thuong-hieu{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;font-size:20px;color:var(--do);letter-spacing:.02em}
.thuong-hieu img{width:42px;height:42px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--do)}
.menu{display:flex;gap:4px;margin-left:auto;list-style:none;padding:0;margin-block:0}
.menu a{display:block;padding:8px 12px;border-radius:30px;text-decoration:none;font-weight:600;font-size:15px}
.menu a:hover,.menu a[aria-current="page"]{background:var(--do-nhat);color:var(--do-dam)}
.nut{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:40px;padding:12px 22px;font-weight:800;text-decoration:none;border:0;cursor:pointer;font-size:16px;line-height:1.2}
.nut-do{background:var(--do);color:var(--tren-do)}
.nut-do:hover{background:var(--do-dam)}
.nut-vien{background:var(--the);color:var(--xanh);box-shadow:inset 0 0 0 2px var(--xanh-sang)}
.nut-xanh{background:var(--xanh);color:var(--tren-xanh)}
.nut-xanh:hover{background:var(--xanh-sang)}
.nut-vang{background:var(--vang);color:var(--tren-vang)}
.nut-vien-trang{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}
.nut-vien-trang:hover{background:rgba(255,255,255,.12)}
.nav .nut{padding:9px 16px;font-size:15px}
.mo-menu{display:none;margin-left:auto;background:none;border:0;padding:8px;cursor:pointer;color:var(--chu)}

/* Khối chung */
.muc{padding-block:56px}
.muc-tieu-de{display:grid;gap:8px;margin-bottom:26px;max-width:720px}
.eyebrow{font-size:13px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--xanh-sang)}
h2{font-size:clamp(26px,4vw,38px);font-weight:900}
.dan{color:var(--chu-nhat);font-size:17px}

footer.chan{background:#1f3a1d;color:#f1f5ec;padding-block:40px 28px;font-size:15px}
.chan .khung{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.chan h3{font-size:16px;margin-bottom:8px;color:var(--vang)}
.chan p,.chan li{opacity:.9}
.chan ul{list-style:none;padding:0;margin:0;display:grid;gap:4px}
.chan .ban-quyen{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15);padding-top:16px;font-size:13px;opacity:.7}

@media (max-width:820px){
  .mo-menu{display:block}
  .menu{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;background:var(--nen);border-bottom:1px solid var(--vien);padding:8px 16px 14px}
  .nav.mo .menu{display:flex}
  .nav .nut{display:none}
  .muc{padding-block:40px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}