/* ===== Hello Store – phần dùng chung (menu điện thoại, nút nổi, biểu mẫu, chân trang) ===== */
.hs-promo{background:#1d1d1f;color:#f5f5f7;text-align:center;font-size:13px;padding:9px 40px;line-height:1.35;position:relative;z-index:30}
.hs-promo b{color:#f2955c;font-weight:700}
.hs-promo button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:0;color:#a1a1a6;font-size:20px;cursor:pointer;width:36px;height:36px}
.burger{display:none;margin-left:auto;background:none;border:0;width:44px;height:44px;cursor:pointer;position:relative;color:inherit}
.burger i{position:absolute;left:11px;right:11px;height:2px;border-radius:2px;background:currentColor;transition:.25s}
.burger i:nth-child(1){top:16px}.burger i:nth-child(2){top:21px}.burger i:nth-child(3){top:26px}
body.dr-open .burger i:nth-child(1){top:21px;transform:rotate(45deg)}body.dr-open .burger i:nth-child(2){opacity:0}body.dr-open .burger i:nth-child(3){top:21px;transform:rotate(-45deg)}
#drw{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .25s}
body.dr-open #drw{opacity:1;pointer-events:auto}
#drw .pn{position:absolute;top:0;right:0;bottom:0;width:min(86vw,340px);background:var(--bg,#fff);color:var(--tx,#1d1d1f);padding:calc(12px + env(safe-area-inset-top,0px)) 0 calc(20px + env(safe-area-inset-bottom,0px));overflow:auto;transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
body.dr-open #drw .pn{transform:none}
#drw .pn a{display:block;padding:14px 24px;font-size:17px;font-weight:600;border-bottom:1px solid var(--line,#d2d2d7);color:inherit;min-height:48px}
#drw .pn .hl{color:#ef5345}
#drw .pn .ct{padding:18px 24px;font-size:14px;color:var(--tx2,#6e6e73)}
#drw .pn .x{display:block;margin:0 12px 6px auto;width:44px;height:44px;border:0;background:none;font-size:28px;color:inherit;cursor:pointer}
.fbar{position:fixed;z-index:50;display:flex}
.fbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;font-weight:600;color:var(--tx,#1d1d1f);text-decoration:none}
.fbar a em{font-style:normal;font-size:20px;line-height:1}
@media(max-width:734px){
 .burger{display:block}
 .fbar{left:0;right:0;bottom:0;background:var(--nav,rgba(251,251,253,.92));backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-top:1px solid var(--line,#d2d2d7);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px))}
 .fbar a{flex:1;min-height:48px}
 body{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}
 nav .links,nav>div>a:last-child{display:none}
}
@media(min-width:735px){
 .fbar{right:18px;bottom:22px;flex-direction:column;gap:10px}
 .fbar a{width:54px;height:54px;border-radius:50%;background:#fff;color:#1d1d1f;box-shadow:0 6px 22px rgba(0,0,0,.22);border:1px solid #e5e5ea;font-size:0}
 .fbar a em{font-size:23px}
 .fbar a.zl{background:#0068ff;border-color:#0068ff}
 .fbar a:hover{transform:scale(1.07)}
 .fbar a[data-n="map"]{display:none}
}
/* biểu mẫu */
.hsf{max-width:560px;margin:0 auto;text-align:left}
.hsf label{display:block;font-size:13px;color:var(--tx2,#6e6e73);margin:14px 0 6px;font-weight:600}
.hsf input,.hsf select,.hsf textarea{width:100%;font:inherit;font-size:16px;padding:13px 15px;border-radius:14px;border:1px solid var(--line,#d2d2d7);background:var(--bg,#fff);color:var(--tx,#1d1d1f);min-height:48px}
.hsf textarea{min-height:96px;resize:vertical}
.hsf .hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.hsf .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hsf .go{margin-top:18px;width:100%;font:inherit;font-size:17px;font-weight:600;background:#0071e3;color:#fff;border:0;border-radius:99px;padding:14px 20px;cursor:pointer;min-height:50px}
.hsf .go[disabled]{opacity:.6}
.hsf .ok{display:none;background:#e5f6ea;color:#0b6b2a;border-radius:14px;padding:14px 16px;margin-top:14px;font-size:15px}
.hsf .er{display:none;background:#fde8e8;color:#a11;border-radius:14px;padding:14px 16px;margin-top:14px;font-size:15px}
.hsf small{display:block;margin-top:12px;font-size:12.5px;color:var(--tx2,#6e6e73);line-height:1.5}
.hsf .stars{display:flex;gap:6px;flex-direction:row-reverse;justify-content:flex-end}
.hsf .stars input{position:absolute;opacity:0;width:0;height:0;min-height:0}
.hsf .stars label{margin:0;font-size:32px;line-height:1;color:#c7c7cc;cursor:pointer;padding:4px}
.hsf .stars input:checked~label,.hsf .stars label:hover,.hsf .stars label:hover~label{color:#f2955c}
@media(max-width:560px){.hsf .row{grid-template-columns:1fr}}
/* chân trang */
footer.ft{background:var(--bg2,#f5f5f7);border-top:1px solid var(--line,#d2d2d7);padding:44px 22px 40px;font-size:14px;color:var(--tx2,#6e6e73);line-height:1.6;text-align:left}
footer.ft .wrap,footer.ft .in{max-width:1024px;margin:auto}
footer.ft .ftg{display:grid;grid-template-columns:1.3fr 1.3fr 1fr 1fr;gap:28px}
footer.ft b{display:block;color:var(--tx,#1d1d1f);font-size:14px;margin-bottom:6px}
footer.ft a{color:var(--blue,#0066cc);display:inline-block;padding:2px 0}
footer.ft .ftl a{display:block}
footer.ft .ftc{margin-top:28px;padding-top:18px;border-top:1px solid var(--line,#d2d2d7);font-size:12.5px}
@media(max-width:860px){footer.ft .ftg{grid-template-columns:1fr 1fr}}
@media(max-width:560px){footer.ft .ftg{grid-template-columns:1fr}}
/* tăng vùng chạm trên điện thoại */
@media(max-width:734px){
 .tabs button{min-height:42px;padding:10px 18px}
 .cs-sw button,.h18-sw button{width:36px;height:36px}
 .cta a{min-height:44px;display:inline-flex;align-items:center}
 .ph .x,.md .x{width:44px;height:44px}
}
.hsf .chk{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:14px;margin-top:16px}
.hsf .chk input{width:22px;min-height:22px;height:22px;flex:none;margin-top:2px}
.hsf label.f{display:block}
.burger:focus:not(:focus-visible){outline:none}.burger:focus-visible{outline:2px solid #0071e3;border-radius:8px}