/*
Theme Name: HomeStory Tư vấn
Description: Theme tư vấn xông hơi, bồn massage cho tuvan.homestory.vn. Tông màu HomeStory.
Version: 1.0.0
Text Domain: homestory-tuvan
*/
:root{--g:#02685B;--g2:#00937D;--d:#123d36;--ink:#273b36;--m:#63746f;--ln:#dce6e1;--soft:#f3f7f4}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;font:16px/1.75 Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}
.w{max-width:1180px;margin:auto;padding:0 28px}
.top{background:var(--g);color:#fff;font-size:12px;padding:8px 0}.top .w{display:flex;justify-content:space-between;gap:16px}
.hd{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--ln)}.row{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:16px}
.logo{width:130px}nav .menu,nav ul{list-style:none;margin:0;padding:0;display:flex;gap:22px;font-size:14px;font-weight:700}nav a:hover{color:var(--g)}
nav li{position:relative}nav li ul{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--ln);flex-direction:column;gap:0;min-width:200px;padding:6px 0}nav li:hover>ul{display:flex}nav li ul a{display:block;padding:7px 16px}
.mn{display:none;background:none;border:1px solid var(--ln);padding:8px 12px;border-radius:6px;font:inherit}
.hero{background:linear-gradient(120deg,var(--d),var(--g));color:#fff;padding:68px 0}.hero h1{font-size:clamp(27px,4.4vw,42px);line-height:1.25;max-width:740px;margin-bottom:12px}.hero p{max-width:600px;margin-bottom:24px;opacity:.95}
.btn{display:inline-block;background:#fff;color:var(--g);font-weight:700;padding:12px 22px;border-radius:30px;margin:0 8px 8px 0}.btn.o{background:none;border:2px solid #fff;color:#fff}.btn.s{background:var(--g);color:#fff}.btn.z{background:#0877db;color:#fff}
.pro{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:-30px auto 0;position:relative}.pro div{background:#fff;border:1px solid var(--ln);border-radius:10px;padding:16px;text-align:center;box-shadow:0 6px 18px #0001}.pro b{color:var(--g)}.pro span{display:block;font-size:13px;color:var(--m)}
.sec{padding:52px 0}.alt{background:var(--soft)}h2.t{color:var(--g);font-size:26px;margin-bottom:6px;text-transform:uppercase}.sub{color:var(--m);margin-bottom:24px}.pt{color:var(--g);font-size:32px;margin-bottom:8px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:#fff;border:1px solid var(--ln);border-radius:10px;overflow:hidden;display:block}.card:hover{border-color:var(--g)}
.card img{width:100%;aspect-ratio:3/2;object-fit:cover;background:var(--soft)}.card h3{font-size:16px;line-height:1.45}.card .b{padding:14px}.card small{color:var(--m)}.card p{font-size:14px;color:var(--m)}.card.p h3{padding:12px 14px 14px}
.more{display:inline-block;margin-top:20px;color:var(--g);font-weight:700}
.bc{font-size:13px;color:var(--m);padding:14px 0}.art{max-width:800px;margin:auto;padding:10px 28px 50px}.art h1{font-size:32px;line-height:1.3;color:var(--d);margin-bottom:8px}.art .meta{color:var(--m);font-size:13px;margin-bottom:20px}
.ent{font-size:17px}.ent h2,.ent h3{color:var(--g);line-height:1.4;margin:1.6em 0 .5em}.ent a{color:var(--g2);text-decoration:underline}.ent img{border-radius:8px;margin:1em 0}.ent table{border-collapse:collapse;width:100%}.ent td,.ent th{border:1px solid var(--ln);padding:8px}
.cta{background:var(--soft);border:1px solid var(--ln);border-radius:12px;padding:22px;margin:34px 0}
.pagination{margin-top:28px;display:flex;gap:8px}.pagination .page-numbers{padding:6px 12px;border:1px solid var(--ln);border-radius:6px}.pagination .current{background:var(--g);color:#fff}
footer.ft{background:var(--d);color:#d9e8e4;padding:30px 0 90px;font-size:13px}
.fl{position:fixed;right:18px;bottom:20px;z-index:20;display:grid;gap:9px}.fl a{display:flex;align-items:center;gap:8px;color:#fff;background:var(--g);min-height:44px;padding:10px 16px;border-radius:30px;font-size:12px;font-weight:700;box-shadow:0 3px 14px #0003}.fl a.z{background:#0877db}.fl img{width:24px;height:24px;border-radius:50%}
@media(max-width:860px){.grid{grid-template-columns:repeat(2,1fr)}.pro{grid-template-columns:repeat(2,1fr)}.mn{display:block}nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;padding:14px 28px;border-bottom:1px solid var(--ln)}nav.o{display:block}nav .menu,nav ul{flex-direction:column;gap:10px}nav li ul{display:flex;position:static;border:0;padding-left:12px}.top span{display:none}}
@media(max-width:520px){.grid{grid-template-columns:1fr}}
.fg{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;line-height:1.9}.ft a:hover{text-decoration:underline}
.hs-form{display:grid;gap:10px;max-width:520px}.hs-form input,.hs-form textarea{font:inherit;padding:11px;border:1px solid var(--ln);border-radius:6px}.hp{position:absolute;left:-9999px}
.ent ul{padding-left:20px}
@media(max-width:860px){.fg{grid-template-columns:1fr}}
.ent a.btn{text-decoration:none}