/* brand.css – 02/11/2026: bộ thương hiệu A&D (chị Lan Anh duyệt).
   3 màu (chị chọn 02/11): vàng mật #D9AE5F (nút) · vàng champagne #E8CB8E (đường kẻ, viền, nền nhấn) · đen ấm #1E1A16 (chữ). Nền trắng kem #FFFBF2. Logo giữ màu gốc.
   Chữ vàng trên nền sáng khó đọc, nên chữ/đường link dùng vàng đậm #9A6A22.
   Một kiểu chữ: Montserrat (giống chữ BEAUTY trong logo). Giữ nguyên cỡ chữ cũ. */
:root{
  --bg:#FFFBF2; --surface:#ffffff; --sunk:#F7EEDB; --ink:#1E1A16; --muted:#5E5446; --line:#EFE2C6;
  --accent:#9A6A22; --accent-ink:#ffffff; --soft:#F8EED8; --gold:#D9AE5F; --champ:#E8CB8E;
  --font:"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Đầu trang: logo thật + khẩu hiệu, rồi 1 câu giới thiệu, câu "đã đúng ý chưa?", 2 dấu ✓, 2 nút */
.hero.brand2{height:auto}
.hero.brand2 .hin{height:auto;padding:40px 16px 14px;gap:12px}
.logoimg{display:block;width:128px;height:128px;border-radius:50%;box-shadow:0 0 0 4px var(--champ)}
.slogan{margin:0;font-size:1.2rem;font-weight:600;line-height:1.3;color:var(--ink)}
.intro{padding-top:2px;padding-bottom:18px;text-align:center}
.intro .lead{margin:0 0 6px;font-size:.98rem;line-height:1.5;color:var(--muted)}
.intro .ask{margin:0 0 10px;font-size:.98rem;line-height:1.5;font-weight:600}
.chk{list-style:none;margin:0 auto;padding:0;display:inline-flex;flex-direction:column;gap:6px;text-align:left;font-size:.95rem;line-height:1.45}
.chk li{padding-left:24px;position:relative}
.chk li::before{content:"✓";position:absolute;left:3px;top:0;color:var(--accent);font-weight:700}
.chk summary{cursor:pointer;list-style:none;text-decoration:underline;text-decoration-color:var(--champ);text-underline-offset:3px}
.chk summary::-webkit-details-marker{display:none}
.chk details p{margin:6px 0 2px;font-size:.9rem;color:var(--muted)}
.intro .btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:14px}
.hcta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;font-weight:600;font-size:1rem;text-decoration:none;cursor:pointer;border:1.5px solid var(--gold);background:var(--gold);color:var(--ink)}
.hcta.call{background:transparent;border-color:var(--ink);color:var(--ink)}
.hcta svg{width:18px;height:18px}
.intro .trust{margin:14px 0 0;font-size:.85rem;color:var(--muted)}

/* 03/11/2026: chị Lan Anh thấy web "tùm lum màu" vì nút chính ở trang dịch vụ / chọn giờ vẫn màu đen của web cũ.
   → Mọi nút bấm chính và ô đang chọn dùng 1 màu: vàng mật, chữ đen. */
.primary,.cta{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.filters button[aria-pressed="true"],.day[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.slot[aria-pressed="true"],.svc[aria-pressed="true"],.crow:has(.svc[aria-pressed="true"]){border-color:var(--gold)}
.day[aria-pressed="true"] *{color:var(--ink)!important}

/* 03/11/2026: đầu trang siêu ngắn (logo + khẩu hiệu + 1 dòng nhỏ); lời hứa + điện thoại dời xuống cuối trang chủ */
.hero.brand2 .hin{padding-bottom:22px}
.hline{margin:0;font-size:.85rem;letter-spacing:.04em;color:var(--muted)}
.promise{margin:22px 0 0;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface);text-align:left}
.promise .chk{display:flex}
.promise .pcall{margin:12px 0 0;font-size:.95rem}
.promise .pcall a{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--champ);text-underline-offset:3px}
.promise .trust{margin:8px 0 0;font-size:.85rem;color:var(--muted)}
/* 03/11 chị: nút Tiếp tục ở trang dịch vụ + giỏ nhỏ hơn nữa (cao 44px – vẫn dễ bấm bằng ngón tay) */
.bar.sbar .primary{min-width:150px;min-height:44px;padding:9px 28px;font-size:.95rem}
/* 03/11 chị: nút Tiếp tục có mũi tên →, nằm bên PHẢI (khách quen bấm tay phải) */
.bar.sbar .primary{margin:0 0 0 auto;display:flex;align-items:center;justify-content:center;gap:8px}
.bar.sbar .primary::after{content:"→";font-size:1.15em;line-height:1}
/* 03/11 chị: trang chọn ngày giờ bỏ nút tròn Hỏi tiệm; nút Xác nhận đặt lịch dài hết hàng, to hơn, có dấu ✓ bên phải */
.barrow .chatbtn{display:none!important}
.barrow .primary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;font-size:1.05rem}
.barrow .primary::after{content:"✓";font-size:1.2em;line-height:1;font-weight:700}