/* Nhận diện theo ảnh Văn Sơn gửi 07/11/2026.
   Nạp sau CSS từng trang để dùng chung màu và thang chữ. */
:root{
  --dong:#b88a58;
  --dong-chu:#8a6036;
  --hong-mau:#e9b7b7;
  --nen-diu:#f4ebe7;
}
body{background:var(--kem);line-height:1.7}
h1,h2,h3,h4,.logo{font-family:var(--font-tieu-de)}
h1,h2,h3,h4{line-height:1.3;letter-spacing:-.025em}
h1,h2{color:var(--navy)}
h1 em,h2 em,.tieu-de h2 em,.hang-dau h2 em{font-style:normal;color:var(--dong-chu)}
.dau{background:rgba(248,245,238,.97)}
.dai-tren{background:var(--navy);font-size:var(--chu-chu-thich);letter-spacing:.015em}
.logo{font-weight:600;letter-spacing:-.04em}
.logo .chu-gifts{color:var(--dong)}
.logo .huy-hieu-qua{background:none;color:var(--dong);border-radius:0}
.logo .huy-hieu-qua .ic{width:30px;height:30px;stroke-width:1.5}
.muc-lk{font-size:var(--chu-chu-thich);padding:8px 10px}
.nut{font-size:var(--chu-noi-dung);line-height:1.5;font-weight:600}
.nhan{font-size:var(--chu-chu-thich);letter-spacing:.09em;color:var(--dong-chu)}
.tieu-de h2,h2.lon,.hang-dau h2{font-size:var(--chu-muc);line-height:1.3;font-weight:600}
.tieu-de p{font-size:var(--chu-noi-dung);line-height:1.7}
.tieu-de{max-width:760px}
.the-sp .sp-than h3{font-family:var(--font-noi-dung);font-size:var(--chu-noi-dung);line-height:1.5;min-height:3em;letter-spacing:0}
.the-qua h3{font-size:var(--chu-noi-dung);line-height:1.4}
.gia{font-family:var(--font-noi-dung);font-weight:600}
.sp-nhan,.nhan-the{font-weight:600}
.nhan-the,.sp-nhan:not(.het){background:var(--navy)}
.nen-hong{background:var(--nen-diu)}
.chan{background:var(--navy);color:#e5e9f0}
.chan .logo .chu-gifts{color:#dec29f}
.chan h4{font-family:var(--font-tieu-de);font-size:var(--chu-noi-dung)}
.dau-trang h1,.dau-cs h1{font-size:var(--chu-trang);font-weight:600;line-height:1.25}
.sp h1{font-family:var(--font-tieu-de);font-size:var(--chu-trang);font-weight:600;line-height:1.35;letter-spacing:-.025em}
.mo-ta-khoi h2,.cs h2{font-size:var(--chu-muc);font-weight:600}
.dau-anh{background-color:var(--kem)}
.cs p,.cs ul,.mo-ta{color:#435063}

/* Trang chủ: nền kem, hộp màu cát và nơ navy như mẫu. */
.mo-qua{background:radial-gradient(70% 80% at 78% 45%,#eee0cd 0%,transparent 66%),linear-gradient(180deg,#fbf9f4,var(--kem));padding-top:48px}
.mo-qua .nhan-nho{border-color:var(--vien);font-size:var(--chu-chu-thich);color:var(--navy);font-weight:600}
.mo-qua h1{font-size:var(--chu-trang);font-weight:600;line-height:1.18;letter-spacing:-.045em;color:var(--navy);margin:22px 0 20px}
.mo-qua h1 em{color:var(--dong-chu);font-style:normal}
.mo-qua p.mo-ta{font-size:var(--chu-noi-dung);line-height:1.75;color:var(--chu-phu);max-width:540px}
.mo-qua .nut{font-size:var(--chu-noi-dung);padding:14px 22px}
.mo-qua .hang-nut{gap:10px}
.bokeh{opacity:.3}
.canh-den{background:radial-gradient(circle,#fdfbf7 0%,#e9dac5 38%,transparent 70%)}
.hop-than{background:linear-gradient(105deg,#bb946a,#d4b38e 30%,#e1c8a7 50%,#c9a77e 75%,#b58b60);box-shadow:inset 0 10px 14px -8px #79573866,inset 0 -10px 18px -10px #79573855,0 18px 36px -14px #1f3b6d55}
.hop-nap .mat{background:linear-gradient(105deg,#c4a179,#e4cdad 45%,#d1b18a 70%,#b88a58);box-shadow:0 8px 14px -6px #79573866,inset 0 2px 0 #ffffff55}
.no-doc{background:linear-gradient(90deg,#132648,#1f3b6d 35%,#46618c 50%,#294777 65%,#132648)}
.hop-nap .no{filter:drop-shadow(0 6px 6px #1f3b6d40)}
.hop-nap .no stop:first-child{stop-color:#58729c}
.hop-nap .no stop:nth-child(2){stop-color:#1f3b6d}
.hop-nap .no stop:last-child{stop-color:#132648}
.hop-nap .no path:first-of-type,.hop-nap .no path:nth-of-type(2){fill:#1f3b6d}
.mua-the{border-color:var(--vien)}
.mua-chu h2,.dn-chu h2,.hd-trai h2{font-size:var(--chu-muc);line-height:1.3;font-weight:600}
.dem-nguoc div{background:var(--navy);box-shadow:var(--bong-nhe);border:1px solid #46618c}
.dem-nguoc b{font-size:var(--chu-muc);font-weight:600}
.cau-hoi h3,.kq-dau h3{font-size:var(--chu-muc);font-weight:600;color:var(--navy)}
.trinh{border-color:var(--vien)}
.the-dip h3{font-size:var(--chu-muc);color:#fff}
.loi-ket h2{font-size:var(--chu-muc);line-height:1.25;color:#fff;font-weight:600}
.loi-ket h2 em{color:#dec29f}
.banner-dn h1{font-size:var(--chu-trang);font-weight:600;line-height:1.25;color:#fff}
.banner-dn h1 em{color:#dec29f}
.banner-dn .nhan{color:#dec29f}
.banner-dn p{font-size:var(--chu-noi-dung);line-height:1.75}
.bao-gia .ben-trai h2{font-size:var(--chu-muc);font-weight:600}
.bao-gia>*,.hai-cot>*,.truong{min-width:0}
.truong input,.truong select,.truong textarea{min-width:0;max-width:100%}
.truong select{text-overflow:ellipsis}

@media(max-width:1200px) and (min-width:1041px){
  .logo{font-size:var(--chu-muc)}
  .muc-lk{font-size:var(--chu-chu-thich);padding:8px}
}
@media(max-width:900px){
  .mo-qua{padding-top:28px}
  .mo-qua .khung>div:first-child{max-width:650px}
}
@media(max-width:560px){
  .mo-qua h1{font-size:var(--chu-trang);line-height:1.2;letter-spacing:-.04em}
  .mo-qua p.mo-ta{font-size:var(--chu-noi-dung);line-height:1.7}
  .mo-qua .nhan-nho{font-size:var(--chu-chu-thich);gap:6px;padding-right:10px}
  .logo{font-size:var(--chu-muc)}
  .the-sp .sp-than h3{font-size:var(--chu-noi-dung);line-height:1.45;min-height:2.9em}
  .the-qua h3{font-size:var(--chu-noi-dung);line-height:1.45}
  .the-sp .sp-duoi .gia{font-size:var(--chu-noi-dung)}
  .tieu-de h2,h2.lon,.hang-dau h2{font-size:var(--chu-muc)}
  .the-dip h3{font-size:var(--chu-noi-dung);line-height:1.3}
  .the-dip.lon h3{font-size:var(--chu-muc)}
  .sp h1{font-size:var(--chu-trang)}
  .dem-nguoc b{font-size:var(--chu-muc)}
  .dau-trang h1,.dau-cs h1{font-size:var(--chu-trang)}
}

/* Logo chính thức do Văn Sơn gửi 07/11/2026: giữ nguyên hình và màu. */
.logo img{display:block;width:188px;height:auto;border-radius:6px}
.chan .logo img{width:200px}
@media(max-width:560px){.dau .logo img{width:156px}}

/* Trang chủ gọn hơn trên điện thoại và máy tính, 07/11/2026. */
#mo-qua{padding:24px 0 28px}
#mo-qua .khung{gap:16px}
#mo-qua h1{font-size:var(--chu-trang);margin:14px 0 12px}
#mo-qua p.mo-ta{font-size:var(--chu-noi-dung);line-height:1.55}
#mo-qua .hang-nut{margin-top:16px;gap:8px}
#mo-qua .nut{padding:12px 18px;font-size:var(--chu-noi-dung)}
#mo-qua .canh{max-width:340px}
#mua{margin-top:0}
@media(max-width:900px){
  #mo-qua .canh{max-width:240px}
}
@media(max-width:560px){
  #mo-qua{padding:14px 0 18px}
  #mo-qua .khung{gap:0}
  #mo-qua .nhan-nho{display:none}
  #mo-qua h1{font-size:var(--chu-trang);line-height:1.2;margin:0 0 10px}
  #mo-qua p.mo-ta{font-size:var(--chu-noi-dung);line-height:1.5}
  #mo-qua .hang-nut{margin-top:12px;gap:4px}
  #mo-qua .nut{padding:10px 14px;font-size:var(--chu-noi-dung)}
  #mo-qua #cta-xem{border:0;background:none;padding:8px 0;min-height:36px}
  #mo-qua .canh{max-width:180px;margin:0 auto 12px}
  #mo-qua .nut-mo{font-size:var(--chu-chu-thich);white-space:nowrap;padding:6px 10px}
  #mua .mua-anh{min-height:160px}
  #mua .mua-chu{padding:20px 18px}
  body[data-trang="trang-chu"] .noi{position:static;display:flex;justify-content:center;padding:10px;background:var(--navy);gap:12px}
  body[data-trang="trang-chu"] .noi a{width:44px;height:44px;animation:none;box-shadow:none}
}

/* Tên sản phẩm là nội dung, không giảm thêm trên điện thoại. */
.the-sp .sp-than h3,.the-qua h3{font-size:var(--chu-noi-dung);font-weight:600;letter-spacing:0;line-height:1.5;min-height:3em}