/* Trang chủ: khối đầu trang (hero) tinh chỉnh bố cục/chữ, GIỮ NỀN CAM như cũ (nền và hiệu ứng lấy từ site.css). Chỉ nạp ở trang chủ (route_home trong app/routes.php), nạp SAU site.css.
   Giữ nguyên cấu trúc HTML và mã kiểm tra tên miền ([data-domain]). */
.hero{padding:36px 0 112px;background:linear-gradient(98deg,#ec8230 0%,#e2711a 34%,#d06512 68%,#b4530f 100%)}
/* ánh sáng nhẹ ở phía phải (sau thẻ tên miền) và bóng tối ở góc trái dưới để chữ nổi, thay cho lớp phủ cũ của site.css */
.hero::before{background:radial-gradient(640px 420px at 86% 14%,rgba(255,236,210,.32),transparent 62%),radial-gradient(560px 360px at 0% 100%,rgba(30,12,4,.38),transparent 68%)}
.hero::after{height:70px;background:linear-gradient(transparent,rgba(255,255,255,.06))}
.hero-in{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:56px;align-items:stretch}   /* hai cột bằng chiều cao: thẻ bên phải thẳng hàng với khối chữ cả mép trên lẫn mép dưới */
.hero .eyebrow{display:inline-block;margin:0 0 18px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:13.5px;font-weight:700;letter-spacing:.01em;text-transform:none;line-height:1.3}
.hero h1{text-wrap:balance;max-width:660px;font-size:clamp(30px,3.5vw,46px);line-height:1.18;font-weight:800;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 18px rgba(80,30,5,.22)}
/* hai tầng chữ: dòng chính trắng đậm, dòng phụ nhỏ hơn, nhẹ hơn, tông kem; cụm "một đầu mối" nổi bằng màu vàng kem */
.hero h1 .h1-sub{display:block;margin-top:14px;font-size:.62em;line-height:1.35;font-weight:600;letter-spacing:-.005em;color:#ffe9d2}
.hero h1 .h1-sub em{font-weight:800;color:#fff3c4}
.hero-txt{display:flex;flex-direction:column;align-items:flex-start}
.hero-txt>p{margin:22px 0 30px;max-width:560px;font-size:17.5px;line-height:1.75}
.hero-btns{gap:14px;margin-bottom:34px}
.hero-points{flex-wrap:nowrap;gap:0;margin-top:auto;padding-top:22px;width:100%;border-top:1px solid rgba(255,255,255,.28)}
.hero-points li{display:flex;align-items:center;gap:9px;padding:0 14px;border-left:1px solid rgba(255,255,255,.28);font-size:13.5px;font-weight:600;color:#fff1e4;white-space:nowrap}
.hero-points li:first-child{padding-left:0;border-left:0}
.hero-points .ico{flex:none;box-sizing:content-box;padding:5px;border-radius:50%;background:linear-gradient(145deg,#3ddc97,#12a86b);color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.55),0 4px 10px rgba(16,120,76,.35)}
.hero-points .ico path{stroke-width:2.8}
/* ô kiểm tra tên miền: thẻ trắng thẳng hàng với cột chữ (cùng đường kẻ trên, không nghiêng) */
.hero-card{display:flex;flex-direction:column;border-radius:22px;padding:28px 30px 26px;box-shadow:0 30px 70px rgba(60,25,5,.35)}
.hero-card .d-points{display:grid;gap:10px;margin:18px 0 0;padding:16px 0 0;border-top:1px dashed var(--line)}
.hero-card .d-points li{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:600;color:var(--ink-2)}
.hero-card .d-points .ico{flex:none;box-sizing:content-box;padding:4px;border-radius:50%;background:#dff5ea;color:#0f9d6a}
.hero-card h2{font-size:23px;font-weight:800;letter-spacing:-.01em}
.hero-card>p{margin:4px 0 16px;font-size:15.5px}
.hero-card .dsearch input{padding:14px 18px}
.hero-card .dprices{gap:10px;margin-top:auto;padding-top:18px}
.hero-card .dprices li{border-radius:12px;padding:11px 14px;background:#fffaf5;border-color:#f3dcc7}
.hero-card .link-light{display:inline-flex;margin-top:16px;font-weight:700}
@media (max-width:1100px){.hero-in{gap:44px}.hero-points{flex-wrap:wrap;gap:12px 0}.hero-points li{white-space:normal}}
@media (max-width:900px){.hero{padding:28px 0 92px;background:linear-gradient(172deg,#e07220 0%,#d3640f 50%,#b9560f 100%)}.hero-in{grid-template-columns:1fr;gap:40px}.hero-points{margin-top:36px}}
@media (max-width:640px){
	.hero{padding:28px 0 88px}.hero h1{font-size:29px}.hero-txt>p{font-size:16.5px;margin:20px 0 28px}
	.hero-btns .btn{width:100%}
	.hero-points{flex-direction:column;align-items:flex-start;gap:12px;margin-top:30px;padding-top:22px}.hero-points li{padding:0;border-left:0}
	.hero-card{padding:26px 20px 22px}
}