/* Trang "Đồng hành cùng gia chủ" – dùng biến màu của theme (tự hợp nền sáng/tối) */
.tpv-dh{font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.65;font-size:16.5px}
.tpv-dh h1,.tpv-dh h2,.tpv-dh h3{font-family:inherit;text-transform:none;letter-spacing:normal;line-height:1.3}
.tpv-dh h2{font-size:clamp(1.4rem,3.2vw,1.9rem);font-weight:700;margin:0 0 .8em;text-align:center}
.tpv-dh h3{font-size:1.1rem;font-weight:600;margin:.2em 0 .4em}
.tpv-dh-wrap{max-width:1120px;margin:0 auto;padding:0 18px}
.tpv-dh-sec{padding:56px 0}
.tpv-dh-sec--alt{background:var(--tpv-card,rgba(60,40,10,.045))}
.tpv-dh-k{display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tpv-gold,#7a5600);border:1px solid var(--tpv-line,rgba(120,88,20,.45));border-radius:999px;padding:3px 12px;margin:0 0 14px}
.tpv-dh-c{text-align:center}
.tpv-dh-note{font-size:.92em;color:var(--tpv-muted,#5f5444)}
.tpv-dh code{font-size:.92em;padding:1px 7px;border-radius:6px;background:var(--tpv-card-2,rgba(60,40,10,.08));font-weight:600}

/* Hero */
.tpv-dh-hero{padding:48px 0 56px;background:radial-gradient(1000px 420px at 85% 10%,rgba(201,162,39,.16),transparent 60%),linear-gradient(180deg,var(--tpv-bg1,#f6efdf),transparent)}
.tpv-dh-hero__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:44px;align-items:center}
.tpv-dh-hero h1{font-size:clamp(1.65rem,4vw,2.6rem);font-weight:700;margin:0 0 .5em}
.tpv-dh-lead{font-size:1.08em;margin:0 0 1.3em}
.tpv-dh-sub{font-size:.9em;color:var(--tpv-muted,#5f5444);margin:.9em 0 0}
.tpv-dh-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.tpv-dh-cta--c{justify-content:center;margin-top:26px}
.tpv-dh-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:999px;font-weight:700;font-size:1.05em;text-decoration:none!important;color:#2a1c00!important;background:linear-gradient(135deg,#f3d98a,#c9a227 55%,#b08a1c);box-shadow:0 6px 18px rgba(176,138,28,.35);transition:transform .15s,box-shadow .15s}
.tpv-dh-btn:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(176,138,28,.45)}
.tpv-dh-link{font-weight:600;color:inherit;text-decoration:underline;text-underline-offset:3px}

/* Mô phỏng chat */
.tpv-dh-phone{background:#eef2f7;color:#1b1f24;border-radius:26px;padding:0 0 14px;box-shadow:0 20px 50px rgba(30,25,10,.18);border:6px solid #1f1f24;max-width:400px;justify-self:center;width:100%;overflow:hidden}
.tpv-dh-phone__top{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#0068ff;color:#fff}
.tpv-dh-phone__top b{display:block;font-size:.98em}
.tpv-dh-phone__top small{opacity:.85;font-size:.8em}
.tpv-dh-ava{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#f3d98a,#b08a1c);color:#2a1c00;display:grid;place-items:center;font-size:.72em;font-weight:800}
.tpv-dh-phone__body{padding:14px 12px 4px;display:flex;flex-direction:column;gap:8px;max-height:470px;overflow:auto}
.tpv-dh-bub{background:#fff;border-radius:14px 14px 14px 4px;padding:10px 12px;font-size:.88em;line-height:1.5;max-width:92%;box-shadow:0 1px 1px rgba(0,0,0,.06)}
.tpv-dh-bub.is-me{align-self:flex-end;background:#d4e6ff;border-radius:14px 14px 4px 14px;font-weight:600}
.tpv-dh-phone__cap{font-size:.78em;color:#5c6470;text-align:center;margin:8px 14px 0}

/* Thẻ */
.tpv-dh-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tpv-dh-card{border:1px solid var(--tpv-line-soft,rgba(60,40,10,.16));border-radius:18px;padding:22px;background:var(--tpv-bg0,#fffdf8)}
.tpv-dh-card p{margin:0;font-size:.97em}
.tpv-dh-ico{font-size:1.6em}
.tpv-dh-2col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}
.tpv-dh-2col h2{text-align:left}
.tpv-dh-list{list-style:none;margin:0;padding:0}
.tpv-dh-list li{position:relative;padding:8px 0 8px 30px;border-bottom:1px solid var(--tpv-line-soft,rgba(60,40,10,.16))}
.tpv-dh-list li:before{content:"✓";position:absolute;left:4px;top:8px;color:var(--tpv-ok,#1f7a3f);font-weight:700}
.tpv-dh-cmd{list-style:none;margin:0;padding:0}
.tpv-dh-cmd li{display:flex;gap:12px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--tpv-line-soft,rgba(60,40,10,.16))}
.tpv-dh-cmd code{min-width:92px;text-align:center}

/* Các bước */
.tpv-dh-steps{list-style:none;counter-reset:b;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1000px}
.tpv-dh-steps li{counter-increment:b;border-radius:18px;padding:22px 20px 20px;background:var(--tpv-card,rgba(60,40,10,.045));position:relative}
.tpv-dh-steps li:before{content:counter(b);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:#c9a227;color:#2a1c00;margin-bottom:10px}
.tpv-dh-steps b{display:block;font-size:1.05em;margin-bottom:4px}
.tpv-dh-steps span{font-size:.95em;color:var(--tpv-muted,#5f5444)}

/* Bảng giá */
.tpv-dh-price{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:26px 0 18px}
.tpv-dh-plan{flex:1 1 260px;max-width:330px;border:1px solid var(--tpv-line-soft,rgba(60,40,10,.16));border-radius:20px;padding:24px 22px;background:var(--tpv-bg0,#fffdf8);position:relative;display:flex;flex-direction:column}
.tpv-dh-plan.is-best{border:2px solid #c9a227;box-shadow:0 12px 30px rgba(176,138,28,.2)}
.tpv-dh-plan__tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:#c9a227;color:#2a1c00;font-size:.78em;font-weight:700;padding:3px 12px;border-radius:999px;white-space:nowrap}
.tpv-dh-plan__gia{font-size:2rem;font-weight:800;margin:0;color:var(--tpv-gold,#7a5600)}
.tpv-dh-plan__ngay{font-size:.9em;color:var(--tpv-muted,#5f5444);margin:0 0 10px}
.tpv-dh-plan ul{list-style:none;margin:0 0 18px;padding:0;flex:1}
.tpv-dh-plan li{padding:5px 0 5px 24px;position:relative;font-size:.95em}
.tpv-dh-plan li:before{content:"✓";position:absolute;left:2px;color:var(--tpv-ok,#1f7a3f);font-weight:700}
.tpv-dh-plan li.is-no{color:var(--tpv-muted,#5f5444)}
.tpv-dh-plan li.is-no:before{content:"–";color:inherit}
.tpv-dh-plan .tpv-dh-btn{width:100%;padding:12px 18px;font-size:1em}

/* FAQ */
.tpv-dh-faq{max-width:820px}
.tpv-dh-faq details{border-bottom:1px solid var(--tpv-line-soft,rgba(60,40,10,.16));padding:4px 0}
.tpv-dh-faq summary{cursor:pointer;font-weight:600;padding:12px 28px 12px 0;list-style:none;position:relative}
.tpv-dh-faq summary::-webkit-details-marker{display:none}
.tpv-dh-faq summary:after{content:"+";position:absolute;right:4px;top:8px;font-size:1.4em;font-weight:400}
.tpv-dh-faq details[open] summary:after{content:"–"}
.tpv-dh-faq p{margin:0 0 14px}

.tpv-dh-end{padding:60px 0;text-align:center;background:linear-gradient(180deg,transparent,rgba(201,162,39,.14))}
.tpv-dh-end p{margin:0 0 22px}

@media (max-width:900px){
	.tpv-dh-hero__grid,.tpv-dh-2col{grid-template-columns:minmax(0,1fr);gap:30px}
	.tpv-dh-cards,.tpv-dh-steps{grid-template-columns:minmax(0,1fr)}
	.tpv-dh-sec{padding:40px 0}
	.tpv-dh-hero{padding:30px 0 40px}
	.tpv-dh-cta .tpv-dh-btn{flex:1 1 100%}
}

/* Thẻ tính năng (1.2.1) */
.tpv-dh-feats{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-top:26px}
.tpv-dh-feat{border:1px solid var(--tpv-line-soft,rgba(60,40,10,.16));border-radius:18px;padding:20px;background:var(--tpv-bg0,#fffdf8);display:flex;flex-direction:column}
.tpv-dh-feat p{margin:0 0 10px;font-size:.96em}
.tpv-dh-feat__h{display:flex;gap:12px;align-items:flex-start;margin-bottom:8px}
.tpv-dh-feat__h h3{margin:0}
.tpv-dh-feat__cmd{margin:2px 0 0!important;font-size:.88em!important;color:var(--tpv-muted,#5f5444)}
.tpv-dh-badge{display:inline-block;align-self:flex-start;font-size:.8em!important;font-weight:600;padding:3px 10px;border-radius:999px;margin-top:auto!important}
.tpv-dh-badge.is-free{background:rgba(31,122,63,.12);color:var(--tpv-ok,#1f7a3f)}
.tpv-dh-badge.is-paid{background:rgba(201,162,39,.18);color:var(--tpv-gold,#7a5600)}
.tpv-dh-feat__mau{margin-top:12px}
.tpv-dh-feat__mau summary{cursor:pointer;font-weight:600;font-size:.92em;color:var(--tpv-gold,#7a5600)}
.tpv-dh-feat__mau .tpv-dh-bub{margin-top:10px;max-width:100%;background:#eef2f7;color:#1b1f24;box-shadow:none}
/* Bảng so sánh */
.tpv-dh-tbl-wrap{overflow-x:auto;margin:20px auto 6px;max-width:900px}
.tpv-dh-tbl{width:100%;border-collapse:collapse;font-size:.95em}
.tpv-dh-tbl th,.tpv-dh-tbl td{padding:11px 12px;border-bottom:1px solid var(--tpv-line-soft,rgba(60,40,10,.16));text-align:left;vertical-align:top}
.tpv-dh-tbl thead th{font-weight:700;border-bottom:2px solid var(--tpv-line,rgba(120,88,20,.45))}
.tpv-dh-tbl thead th:last-child{color:var(--tpv-gold,#7a5600)}
.tpv-dh-tbl td:first-child{font-weight:600;width:38%}
.tpv-dh-y{color:var(--tpv-ok,#1f7a3f);font-weight:700}
.tpv-dh-n{color:var(--tpv-muted,#5f5444)}
@media (max-width:600px){.tpv-dh-tbl{font-size:.88em}.tpv-dh-tbl th,.tpv-dh-tbl td{padding:9px 6px}}
@media (max-width:600px){.tpv-dh-tbl{table-layout:fixed}.tpv-dh-tbl td:first-child,.tpv-dh-tbl th:first-child{width:34%}.tpv-dh-tbl td,.tpv-dh-tbl th{word-wrap:break-word}}