/*
Taxi Duc Trong - Core & Design System
Ke thua bo cuc/thanh phan tu bo khung dalattaxi.vn (site con TP Da Lat, ban
than no cung la fork tu taxilamdong.vn), nhung DOI RIENG mau sac nhan dien
cho taxiductrong.com.vn (site con khu vuc Duc Trong) de khong bi trung lap
100% voi ca site me lan dalattaxi.vn - tranh cam giac "site nhan ban"
(doorway site) va giup nguoi dung phan biet ro dang o site nao trong he
thong.
Tong mau: "ca phe & dat do bazan" - dac trung vung Duc Trong (cao nguyen
trong cay ca phe, dat do bazan, cua ngo san bay Lien Khuong) - thay cho
hong hoa mai anh dao cua dalattaxi.vn. Diem nhan phu: vang mat ong ca phe
cho badge/uu dai. Co diem nhan hoa tiet hat ca phe (emoji ☕) rai rac o
hero va cac banner lon - xem cac khoi "Hoa tiet ca phe" phia duoi. Cac ten
bien CSS (--cyan, --cyan-ink, --yellow...) giu nguyen de khong phai sua lai
toan bo template - chi doi GIA TRI mau.
*/

:root{
  /* Bảng màu "cà phê & đất đỏ bazan" — riêng cho taxiductrong.com.vn, khác
     hồng hoa anh đào của dalattaxi.vn và cyan/vàng của taxilamdong.vn. */
  --ink:#2B1B14; --muted:#8A6F5C; --cyan:#C1592B; --cyan-deep:#A8431C; --cyan-ink:#7A2F14;
  --line:#F0DFCB; --yellow:#E8A93C; --yellow-deep:#C98A1F; --wrap:1280px;
}
*{box-sizing:border-box;}
body.tld-scope{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;font-size:15px;line-height:1.75;padding-bottom:0;}
body.tld-scope a{color:var(--cyan-ink);text-decoration:none;}
body.tld-scope img{max-width:100%;display:block;}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px;}
h1{font-size:clamp(26px,4vw,36px);line-height:1.2;margin:0 0 14px;}
h2{font-size:22px;margin:0 0 8px;}
h3{font-size:17px;margin:0 0 6px;}
p{margin:0 0 10px;color:var(--muted);}
ul.plain, .check-list ul{list-style:none;}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:12px 22px;font-weight:700;font-size:15px;border:1.5px solid transparent;cursor:pointer;}
.btn-primary{background:var(--cyan);color:var(--cyan-ink);}
.btn-outline{background:#fff;color:var(--cyan-ink);border-color:var(--cyan);}
.btn-dark{background:var(--ink);color:#fff;}
.btn-sm{padding:8px 16px;font-size:13px;}
.btn-glow{background:var(--yellow);color:#4a3800;box-shadow:0 8px 22px -6px rgba(245,178,77,.7);}
section{padding:52px 0;}
.section-tight{padding:0 0 52px;}
.eyebrow{display:inline-block;background:var(--line);color:var(--cyan-ink);font-weight:700;font-size:12.5px;padding:5px 14px;border-radius:999px;margin-bottom:12px;letter-spacing:.02em;}
.card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:22px;}

/* Top bar - bo cuc header 2 tang rieng cua taxiductrong.com.vn, khong sticky (chi
   header chinh ben duoi moi sticky), an bot tren man hinh rat nho de khong
   choan cho thanh dieu huong chinh. */
.top-bar{background:var(--ink);color:#fff;}
.top-bar .wrap{display:flex;justify-content:space-between;align-items:center;padding:7px 20px;gap:14px;flex-wrap:wrap;}
.top-bar .tb-tagline{font-size:12px;color:#DDCBB8;white-space:nowrap;}
.top-bar .tb-links{font-size:12px;display:flex;align-items:center;gap:8px;white-space:nowrap;}
.top-bar .tb-links a{color:#fff;font-weight:600;}
.top-bar .tb-sep{color:#A38D74;}
@media(max-width:640px){ .top-bar .tb-tagline{display:none;} .top-bar .wrap{justify-content:center;} }

/* Header */
header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);z-index:60;}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;gap:14px;}
.logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:19px;color:var(--ink);white-space:nowrap;}
nav.primary{display:flex;gap:16px;align-items:center;flex-wrap:nowrap;}
nav.primary a{color:var(--ink);font-weight:600;font-size:14px;white-space:nowrap;}
nav.primary a.active{color:var(--cyan-ink);}
.dropdown{position:relative;}
.dropdown > span{color:var(--ink);font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:4px;white-space:nowrap;}
.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;min-width:230px;box-shadow:0 12px 30px -10px rgba(0,0,0,.15);}
.dropdown:hover .dropdown-menu{display:block;}
.dropdown-menu a{display:block;padding:8px 10px;border-radius:8px;font-size:13.5px;}
.dropdown-menu a:hover{background:var(--line);}
.header-cta{display:flex;align-items:center;gap:10px;}
.hotline{display:flex;flex-direction:column;line-height:1.3;}
.hotline small{color:var(--muted);font-size:11px;}
.hotline strong{font-size:15px;color:var(--cyan-ink);}
@media(max-width:1100px){ nav.primary{display:none;} }

/* Hero (trang chu) */
.hero{background:linear-gradient(180deg,#FBF3E9 0%,#fff 100%);padding:48px 0 34px;}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;}
.hero p.lead{font-size:16.5px;max-width:520px;}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0;}
.stat-row{display:flex;gap:26px;flex-wrap:wrap;margin-top:18px;}
.stat-row .stat b{display:block;font-size:20px;color:var(--ink);}
.stat-row .stat span{font-size:12.5px;color:var(--muted);}
.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;}
.tag-row span{background:var(--line);color:var(--cyan-ink);font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px;}
.hero-art{background:linear-gradient(135deg,var(--cyan) 0%,#E8B88F 100%);border-radius:24px;text-align:center;font-size:100px;box-shadow:0 20px 50px -20px rgba(193,89,43,.5);position:relative;overflow:hidden;min-height:340px;}
.hero-art img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;display:block;}
.hero-art .fallback{position:absolute;inset:0;display:none;align-items:center;justify-content:center;}
.hero-art .float-badge{position:absolute;background:#fff;border-radius:14px;padding:10px 14px;font-size:13px;font-weight:700;color:var(--ink);box-shadow:0 10px 24px -10px rgba(0,0,0,.25);z-index:2;}
.hero-art .fb1{top:14px;left:14px;}
.hero-art .fb2{bottom:14px;right:14px;}
@media(max-width:900px){ .hero-grid{grid-template-columns:1fr;} .hero-art{font-size:70px;min-height:220px;} }

/* Hero toan man hinh (immersive) - CHI dung cho trang chu taxiductrong.com.vn, bo
   cuc khac han kieu "2 cot the" cua .hero/.hero-grid o tren (van giu
   .hero-grid nguyen ven vi cac trang khac / component cu van co the can).
   Anh nen phu kin + chu can giua overlay, gan voi cam giac trang du lich
   diem den hon la trang dat xe kieu cong nghe thuan tuy. */
.hero-immersive{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden;color:#fff;}
.hero-immersive-bg{position:absolute;inset:0;z-index:0;}
.hero-immersive-bg img{width:100%;height:100%;object-fit:cover;display:block;}
.hero-immersive-bg .fallback{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-size:120px;background:linear-gradient(135deg,var(--cyan),#E8B88F);}
.hero-immersive-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(43,27,20,.35) 0%,rgba(43,27,20,.62) 55%,rgba(43,27,20,.85) 100%);}
.hero-immersive::before,.hero-immersive::after{content:"☕";position:absolute;z-index:1;pointer-events:none;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3));}
.hero-immersive::before{top:9%;left:7%;font-size:34px;transform:rotate(-16deg);opacity:.85;}
.hero-immersive::after{top:14%;right:9%;font-size:26px;transform:rotate(20deg);opacity:.75;}
.hero-immersive-content{position:relative;z-index:2;text-align:center;max-width:740px;margin:0 auto;padding:70px 20px 56px;}
.hero-immersive-content .eyebrow{background:rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(4px);}
.hero-immersive-content h1{color:#fff;}
.hero-immersive-content p.lead{color:#F0DCC4;margin:0 auto 22px;max-width:600px;}
.hero-immersive-content .hero-cta{justify-content:center;}
.hero-immersive-content .hero-cta .btn-outline{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.6);}
.stat-pills{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:26px;}
.stat-pills .pill{background:rgba(255,255,255,.14);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:9px 16px;font-size:12.5px;font-weight:600;color:#fff;}
@media(max-width:700px){ .hero-immersive{min-height:440px;} .hero-immersive-content{padding:50px 18px 40px;} }

/* Hoa tiet ca phe - diem nhan rieng cua taxiductrong.com.vn, KHONG co o site me.
   Dung emoji hoa (☕) lam petal trang tri qua ::before/::after, z-index cao
   hon anh nen (z-index:auto) de luon noi len tren, khong can them anh/SVG
   rieng nen an toan khi nhan ban sang site con khac. */
.hero-art::before,.hero-art::after{content:"☕";position:absolute;z-index:2;pointer-events:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.18));}
.hero-art::before{top:8%;right:10%;font-size:36px;transform:rotate(18deg);opacity:.95;}
.hero-art::after{bottom:10%;left:9%;font-size:28px;transform:rotate(-22deg);opacity:.85;}

/* Page hero (cac trang con) */
.page-hero{background:linear-gradient(180deg,#FBF3E9 0%,#fff 100%);padding:44px 0 30px;text-align:center;position:relative;overflow:hidden;}
.page-hero::before,.page-hero::after{content:"☕";position:absolute;pointer-events:none;opacity:.45;}
.page-hero::before{top:12%;left:6%;font-size:30px;transform:rotate(-18deg);}
.page-hero::after{top:18%;right:7%;font-size:24px;transform:rotate(24deg);}
@media(max-width:700px){ .page-hero::before,.page-hero::after{display:none;} }
.page-hero p{max-width:600px;margin:0 auto;}
.filter-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:20px 0 8px;}
.filter-chip{border:1.5px solid var(--line);border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:600;color:var(--ink);background:#fff;}
.filter-chip.active{background:var(--cyan);border-color:var(--cyan);color:var(--cyan-ink);}

/* 4 cach de co xe */
.way-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;}
.way-card{border:1px solid var(--line);border-radius:16px;padding:22px;}
.way-card .emoji{font-size:28px;margin-bottom:8px;}
.way-card a{font-weight:700;font-size:13.5px;}

/* Promo banner */
.promo-band{background:linear-gradient(135deg,#7A2F14,#2B1B14);color:#fff;border-radius:20px;padding:28px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:18px;position:relative;overflow:hidden;}
.promo-band::after{content:"☕";position:absolute;bottom:-16px;right:14px;font-size:66px;opacity:.14;pointer-events:none;}
.promo-band h3{color:#fff;font-size:19px;}
.promo-band p{color:#D9C3B0;margin:0;}
.promo-band .eyebrow{background:var(--yellow);color:#4a3800;}
.promo-band-alt{background:#FDEEDD;border-radius:20px;padding:26px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border:1px solid #F6C99A;}
.promo-band-alt h3{color:var(--ink);}

/* Bang gia + calculator */
table.price-table{width:100%;border-collapse:collapse;font-size:13.5px;}
table.price-table th{background:var(--line);color:var(--cyan-ink);text-align:left;padding:10px 12px;font-size:12.5px;}
table.price-table td{padding:10px 12px;border-bottom:1px solid var(--line);color:var(--ink);}
table.price-table tr:last-child td{border-bottom:none;}
.price-wrap,.calc-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start;}
.calc-row{display:flex;gap:10px;margin:10px 0;flex-wrap:wrap;}
.calc-row label,.field label{font-size:12.5px;color:var(--muted);font-weight:600;display:block;margin-bottom:5px;}
.seg{display:flex;border:1.5px solid var(--line);border-radius:999px;overflow:hidden;flex:1;margin-bottom:14px;}
.seg span{flex:1;text-align:center;padding:9px 10px;font-size:13px;font-weight:600;cursor:pointer;color:var(--muted);}
.seg span.active{background:var(--cyan);color:var(--cyan-ink);}
.field{margin-bottom:14px;}
.calc-row select,.field select,.field input[type=range]{width:100%;padding:10px 14px;border:1.5px solid var(--line);border-radius:999px;font-size:13.5px;font-family:inherit;}
.field input[type=range]{padding:0;}
.calc-result{margin-top:14px;background:var(--line);border-radius:14px;padding:16px;}
.calc-result .amount{font-size:26px;font-weight:800;color:var(--cyan-ink);text-align:center;}
.calc-breakdown{font-size:12.5px;color:var(--cyan-ink);}
.calc-breakdown div{display:flex;justify-content:space-between;padding:4px 0;border-top:1px dashed #E8C9A8;}
@media(max-width:900px){ .price-wrap,.calc-wrap{grid-template-columns:1fr;} }

/* Vi sao chon */
.why-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;}
.why-card{border:1px solid var(--line);border-radius:16px;padding:20px;}
.why-card .emoji{font-size:28px;margin-bottom:8px;}

/* Khu vuc */
.area-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;}
.area-card{border:1px solid var(--line);border-radius:16px;padding:18px;background:#FBF4EC;}
.area-card a{font-weight:700;font-size:13px;}
.group-title{font-size:13px;font-weight:700;color:var(--cyan-ink);text-transform:uppercase;margin:30px 0 14px;letter-spacing:.03em;}

/* Danh gia khach hang */
.review-summary{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center;margin-bottom:24px;}
.review-score{font-size:44px;font-weight:800;color:var(--cyan-ink);}
.bar-row{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);margin-bottom:4px;}
.bar-track{flex:1;height:7px;background:var(--line);border-radius:999px;overflow:hidden;}
.bar-fill{height:100%;background:var(--yellow);}
.review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;}
.review-card blockquote{margin:0;border-left:3px solid var(--yellow);padding-left:14px;font-style:italic;color:var(--ink);font-size:14px;}
.review-card .who{margin-top:10px;font-size:13px;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:8px;}
.avatar{width:30px;height:30px;border-radius:50%;background:var(--cyan);color:var(--cyan-ink);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;}

/* Driver directory */
.filter-bar{background:#FBF4EC;border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;grid-template-columns:repeat(4,1fr) auto;gap:12px;align-items:end;margin-bottom:26px;}
.filter-bar label{font-size:12px;font-weight:700;color:var(--cyan-ink);display:block;margin-bottom:6px;}
.filter-bar select,.filter-bar input{width:100%;padding:10px 14px;border:1.5px solid var(--line);border-radius:999px;font-size:13.5px;font-family:inherit;}
@media(max-width:900px){ .filter-bar{grid-template-columns:1fr 1fr;} }
.result-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:13.5px;color:var(--muted);}
.driver-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px;}
.driver-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;}
.driver-photo{height:150px;background:linear-gradient(135deg,#F6E7D5,#fff);display:flex;align-items:center;justify-content:center;font-size:56px;position:relative;overflow:hidden;}
.driver-photo img{width:100%;height:100%;object-fit:cover;}
.badge{position:absolute;top:10px;left:10px;background:var(--yellow);color:#4a3800;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;}
.driver-body{padding:16px;}
.driver-tags{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0;}
.driver-tags span{background:var(--line);color:var(--cyan-ink);font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;}
.driver-meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px;}
.rating{color:var(--yellow);font-weight:700;}

/* Blog */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:28px;}
.post-card{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;display:flex;flex-direction:column;}
.post-thumb{height:150px;border-radius:12px;margin:10px;margin-bottom:0;position:relative;overflow:hidden;background:linear-gradient(135deg,#F6E7D5,#fff);}
.post-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.post-thumb .fallback{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-size:44px;}
.post-body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1;}
.post-cat{font-size:11.5px;font-weight:700;color:var(--cyan-ink);text-transform:uppercase;letter-spacing:.03em;}
.post-body h3{margin:0;}
.post-excerpt{font-size:13.5px;margin:0;}
.post-meta{margin-top:auto;font-size:12px;color:var(--muted);display:flex;gap:10px;padding-top:8px;border-top:1px solid var(--line);}
.post-card.featured{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;}
.post-card.featured .post-thumb{height:100%;margin:0;border-radius:0;}
.post-card.featured .post-thumb .fallback{font-size:64px;}
.post-card.featured .post-body{padding:22px;}
@media(max-width:700px){ .post-card.featured{grid-column:span 1;grid-template-columns:1fr;} .post-card.featured .post-thumb{height:150px;margin:10px;border-radius:12px;} }

/* Bai viet chi tiet (single) */
.breadcrumb{font-size:13px;color:var(--muted);padding:16px 0;}
.breadcrumb a{color:var(--muted);}
.article-hero{padding:10px 0 30px;}
.article-meta-row{display:flex;gap:14px;align-items:center;color:var(--muted);font-size:13px;margin-bottom:14px;}
.article-cover{border-radius:14px;background:linear-gradient(135deg,var(--cyan),#F7C9DA);height:280px;position:relative;overflow:hidden;margin-bottom:10px;}
.article-cover img{width:100%;height:100%;object-fit:cover;display:block;}
.article-cover .fallback{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-size:90px;}
.article-layout{display:grid;grid-template-columns:2.1fr .9fr;gap:40px;padding:20px 0 60px;align-items:start;}
.content p{color:var(--ink);}
.content .lead{color:var(--muted);font-size:16px;}
blockquote{margin:18px 0;border-left:3px solid var(--yellow);padding:4px 0 4px 16px;font-style:italic;color:var(--ink);background:#FDF3E9;border-radius:0 10px 10px 0;}
.spot-thumb{border-radius:14px;height:190px;background:linear-gradient(135deg,#F6E7D5,#fff);position:relative;overflow:hidden;margin:10px 0 12px;border:1px solid var(--line);}
.spot-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.spot-thumb .fallback{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-size:64px;}
.spot-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--cyan-ink);font-weight:600;margin-bottom:6px;}
.sidebar{position:sticky;top:90px;display:flex;flex-direction:column;gap:20px;}
.side-card{border:1px solid var(--line);border-radius:16px;padding:20px;}
.side-card h3{margin-bottom:10px;}
.side-card .btn{width:100%;justify-content:center;}
.related-item{display:flex;gap:10px;margin-bottom:14px;align-items:flex-start;}
.related-thumb{width:52px;height:52px;border-radius:10px;background:var(--line);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}
.related-item a{font-size:13.5px;font-weight:600;color:var(--ink);}
@media(max-width:900px){ .article-layout{grid-template-columns:1fr;} .sidebar{position:static;} }

/* Dia diem tham quan (danh muc) */
.spot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:28px;}
.spot-card{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;display:flex;flex-direction:column;}
.spot-photo{height:160px;position:relative;overflow:hidden;background:linear-gradient(135deg,#F6E7D5,#fff);}
.spot-photo img{width:100%;height:100%;object-fit:cover;display:block;}
.spot-photo .fallback{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-size:54px;}
.spot-body{padding:16px;display:flex;flex-direction:column;gap:6px;flex:1;}
.spot-tag{font-size:11px;font-weight:700;color:var(--cyan-ink);text-transform:uppercase;letter-spacing:.03em;}
.spot-dist{font-size:13px;color:var(--muted);}
.spot-footer{margin-top:auto;padding-top:10px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;}
.spot-price{font-size:13px;font-weight:700;color:var(--ink);}

/* Dich vu (xe tien chuyen, lai xe ho, thue xe tu lai, san bay) */
.trip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:20px;}
.trip-card{border:1px solid var(--line);border-radius:16px;padding:18px;}
.trip-route{font-weight:700;font-size:14.5px;}
.trip-price{display:flex;align-items:center;gap:8px;margin-top:8px;}
.old-price{text-decoration:line-through;color:var(--muted);font-size:13px;}
.new-price{color:var(--cyan-ink);font-weight:800;font-size:17px;}
.trip-meta{font-size:12.5px;color:var(--muted);margin-top:6px;}
.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.step-card{border:1px solid var(--line);border-radius:16px;padding:20px;}
.step-num{width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;margin-bottom:8px;}
@media(max-width:900px){ .step-grid{grid-template-columns:1fr;} }
.vehicle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px;margin-top:20px;}
.vehicle-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;}
.vehicle-photo{height:140px;background:linear-gradient(135deg,#F6E7D5,#fff);display:flex;align-items:center;justify-content:center;font-size:50px;}
.vehicle-body{padding:16px;}
.vehicle-tags{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0;}
.vehicle-tags span{background:var(--line);color:var(--cyan-ink);font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;}
.vehicle-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;border-top:1px solid var(--line);padding-top:10px;}
.vehicle-price{font-weight:800;color:var(--cyan-ink);}
.note-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-top:16px;}
.note-card{border:1px solid var(--line);border-radius:16px;padding:18px;}
.note-card .emoji{font-size:24px;margin-bottom:6px;}

/* Danh cho tai xe */
.driver-cta{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;background:#FBF4EC;border:1px solid var(--line);border-radius:20px;padding:34px;}
@media(max-width:900px){ .driver-cta{grid-template-columns:1fr;} }
.partner-band{border:1px dashed var(--line);border-radius:16px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;}
.notice-box{background:#FDEEDD;border:1px solid #F6C99A;border-radius:14px;padding:18px 20px;font-size:13.5px;color:#5B4A00;margin-top:20px;}
.notice-box b{color:var(--ink);}
.step-card .step-num{margin-bottom:10px;}
.network-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-top:16px;}
.network-card{border:1px solid var(--line);border-radius:14px;padding:16px;text-align:center;}
.network-card.current{border-color:var(--cyan);background:#FBF3E9;}
.network-card .emoji{font-size:26px;margin-bottom:6px;}
.network-card .domain{font-weight:700;font-size:13.5px;color:var(--ink);}
.network-card .label{font-size:12px;color:var(--muted);margin-top:2px;}
.network-card .badge-current{display:inline-block;margin-top:6px;background:var(--cyan);color:var(--cyan-ink);font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:999px;}
.highlight-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-top:16px;}
.highlight-card{background:#2B1B14;color:#fff;border-radius:14px;padding:18px;text-align:center;}
.highlight-card .emoji{font-size:24px;margin-bottom:6px;}
.highlight-card b{display:block;font-size:14px;margin-bottom:2px;}
.highlight-card span{font-size:12px;color:#C2A88F;}
.exclusive-note{background:#FDEEDD;border:1px solid #F6C99A;border-radius:14px;padding:16px 20px;font-size:13.5px;color:#5B4A00;margin-top:14px;}
.exclusive-note b{color:var(--ink);}
.check-list{border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin-top:16px;}
.check-list li{display:flex;gap:10px;align-items:flex-start;list-style:none;padding:8px 0;font-size:14.5px;color:var(--ink);border-bottom:1px solid var(--line);}
.check-list li:last-child{border-bottom:none;}
.check-list li span.tick{color:var(--cyan-ink);font-weight:700;flex-shrink:0;}
.check-list ul{margin:0;padding:0;}
.midcta{background:linear-gradient(90deg,#7A2F14,#2B1B14);color:#fff;border-radius:18px;padding:22px 26px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:26px 0;}
.midcta b{color:#fff;font-size:15px;}
.midcta span{color:#D9C3B0;font-size:13px;}
.community-box{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;background:#FBF4EC;border:1px solid var(--line);border-radius:20px;padding:28px;margin-top:16px;}
.community-box .emoji-big{font-size:60px;text-align:center;}
@media(max-width:800px){ .community-box{grid-template-columns:1fr;} }
.testimonial{border:1px solid var(--line);border-radius:16px;padding:20px;margin-top:16px;background:#fff;}
.testimonial blockquote{margin:0 0 10px;font-style:italic;color:var(--ink);border-left:3px solid var(--yellow);padding-left:14px;font-size:14.5px;}
.testimonial .who{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);font-weight:600;}
.testimonial .avatar{width:34px;height:34px;border-radius:50%;background:var(--cyan);color:var(--cyan-ink);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;}
.plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin-top:16px;max-width:680px;}
.plan-card{border:1px solid var(--line);border-radius:16px;padding:22px;position:relative;}
.plan-card.highlight{border:2px solid var(--cyan);background:#FBF3E9;box-shadow:0 16px 40px -18px rgba(193,89,43,.55);}
.plan-card .slots-badge{position:absolute;top:-13px;left:20px;background:var(--yellow);color:#4a3800;font-size:11.5px;font-weight:800;padding:5px 12px;border-radius:999px;box-shadow:0 6px 14px -4px rgba(0,0,0,.25);}
.plan-price{font-size:24px;font-weight:800;color:var(--cyan-ink);margin:8px 0;}
.plan-card ul{padding-left:18px;margin:0 0 14px;color:var(--muted);font-size:13.5px;}
.plan-card li{margin-bottom:4px;}
.urgency-badge{display:inline-flex;align-items:center;gap:6px;background:#FDEEDD;color:#8a5b00;font-weight:800;font-size:12.5px;padding:7px 14px;border-radius:999px;margin-bottom:14px;position:relative;animation:tld-pulse 2s infinite;}
@keyframes tld-pulse{0%,100%{box-shadow:0 0 0 0 rgba(245,178,77,.5);}50%{box-shadow:0 0 0 8px rgba(245,178,77,0);}}

/* CTA band + Ve chung toi (3 buoc + luu y ten goi) */
.cta-band{background:var(--ink);color:#fff;border-radius:24px;padding:38px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;position:relative;overflow:hidden;}
.cta-band::after{content:"☕";position:absolute;bottom:-18px;right:18px;font-size:74px;opacity:.13;pointer-events:none;}
.cta-band h2,.cta-band h3{color:#fff;}
.cta-band p{color:#DDCBB8;}
.legal-notice{background:#3A2618;border-radius:14px;padding:20px;font-size:12.5px;color:#C2A88F;line-height:1.7;margin:34px 0;}

/* Footer */
footer{background:#2B1B14;color:#D9C3B0;padding:50px 0 0;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:26px;}
footer .wrap{padding-top:34px;padding-bottom:0;}
footer h3{color:#fff;font-size:14px;}
footer a{color:#D9C3B0;display:block;margin-bottom:8px;font-size:13px;}
footer a:hover{color:var(--cyan);}
.legal{border-top:1px solid #4A3324;padding:20px 0;font-size:12px;color:#A38D74;line-height:1.7;text-align:center;}
@media(max-width:900px){ .footer-grid{grid-template-columns:1fr 1fr;} }

/* Sticky mobile CTA + nut goi noi desktop */
.mobile-bar{display:none;}
@media(max-width:1100px){
  .mobile-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);display:flex;gap:10px;padding:10px 14px;z-index:70;box-shadow:0 -8px 20px rgba(0,0,0,.06);}
  .mobile-bar .btn{flex:1;justify-content:center;}
  body.tld-scope{padding-bottom:70px;}
}
.float-call{position:fixed;right:26px;bottom:26px;z-index:65;}
.float-call a{background:var(--cyan);color:var(--cyan-ink);border-radius:999px;padding:14px 20px;display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;box-shadow:0 12px 24px -8px rgba(193,89,43,.6);}
@media(max-width:1100px){ .float-call{display:none;} }

/* Form dang ky tai xe [dlt_driver_register] - dong bo theo taxilamdong.vn
   (03/08/2026), dung lai dung bien mau + kieu .card phang (khong box-shadow)
   da co san cua taxiductrong.com.vn thay vi bien --shadow-sm cua site me (chua co
   o day). */
.tld-scope .dlt-dr-form{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;}
.tld-scope .dlt-dr-row{margin-bottom:16px;}
.tld-scope .dlt-dr-row:last-of-type{margin-bottom:0;}
.tld-scope .dlt-dr-row label{display:block;font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;}
.tld-scope .dlt-dr-row label .req{color:#B3261E;}
.tld-scope .dlt-dr-row input[type="text"],
.tld-scope .dlt-dr-row input[type="tel"],
.tld-scope .dlt-dr-row input[type="number"],
.tld-scope .dlt-dr-row select,
.tld-scope .dlt-dr-row textarea{width:100%;padding:11px 12px;border-radius:10px;border:1.5px solid var(--line);background:#fff;font-size:13.5px;color:var(--ink);font-family:inherit;}
.tld-scope .dlt-dr-row input:focus,
.tld-scope .dlt-dr-row select:focus,
.tld-scope .dlt-dr-row textarea:focus{outline:none;border-color:var(--cyan);}
.tld-scope .dlt-dr-row textarea{resize:vertical;}
.tld-scope .dlt-dr-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media(max-width:520px){ .tld-scope .dlt-dr-row-2col{grid-template-columns:1fr;} }
.tld-scope .dlt-dr-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.tld-scope .dlt-dr-form .btn{width:100%;justify-content:center;padding:14px;font-size:15px;margin-top:4px;}
.tld-scope .dlt-dr-note{font-size:12px;color:var(--muted);text-align:center;margin-top:12px;}
.tld-scope .dlt-dr-error{background:#FCE8E6;color:#B3261E;border-radius:10px;padding:11px 14px;font-size:13px;margin-bottom:16px;}
.tld-scope .dlt-dr-success{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;text-align:center;}
.tld-scope .dlt-dr-success h3{font-size:17px;font-weight:800;margin-bottom:10px;color:var(--cyan-ink);}
.tld-scope .dlt-dr-success p{font-size:13.5px;color:var(--muted);max-width:440px;margin:0 auto;}