/* Phần còn lại (trang chủ tải sau, trang con nhúng) */
.wrap-s{max-width:820px}
.c{text-align:center}
.st-open i{background:var(--ok);box-shadow:0 0 10px var(--ok)}
.st-soon i{background:var(--warn);box-shadow:0 0 10px var(--warn)}
.page-hero{padding:40px 0 24px}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--mut);margin-bottom:14px}
.crumbs a{color:var(--mut)}
.grid2,.grid3,.grid4{display:grid;gap:20px}
.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid4{grid-template-columns:repeat(4,minmax(0,1fr))}
.wkp-chips{display:flex;gap:8px;overflow-x:auto;list-style:none;padding:2px 2px 12px;margin:0 0 6px}
.wkc{display:flex;flex-direction:column;align-items:center;min-width:64px;padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:var(--soft);text-decoration:none;color:#e6ddf4}
.wkc b{font:700 16px/1.2 var(--f1)}
.wkc span{font-size:12px;color:var(--mut)}
.wkc.on{border-color:var(--acc);box-shadow:0 0 14px rgba(34,211,238,.45);color:#fff}
.wkc.off{opacity:.6}
.wkp-row{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 2px 20px}
.wkp-it{flex:0 0 min(290px,78vw);scroll-snap-align:start;position:relative}
.wkp-it .evc{height:100%}
.wkp-it.today .evc{border-color:var(--acc);box-shadow:0 0 22px rgba(34,211,238,.35)}
.wkp-now{position:absolute;top:10px;left:10px;z-index:2;background:var(--acc);color:#04222a;font:700 12px/1 var(--f1);padding:6px 10px;border-radius:999px;letter-spacing:.08em;text-transform:uppercase}
.wkp-off{background:var(--soft);border:1px dashed var(--line);border-radius:var(--r);padding:20px;height:100%}
.evc-pic img{width:100%;aspect-ratio:4/3;object-fit:cover}
.evc-b{padding:14px 16px 18px}
.evc-b h3{margin:4px 0 6px}
.evc-b h3 a{color:#fff;text-decoration:none}
.evc-d{font-size:14px;color:var(--mut);margin:0}
.evc-d b{color:#fff}
.evc-a{margin:0 0 4px;color:#e6ddf4}
.evc-e{margin:0 0 8px;color:var(--acc);font-weight:600}
.evc-sp{border-color:rgba(244,114,182,.6)}
.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.lamp{border:1px solid transparent;background:linear-gradient(var(--soft),var(--soft)) padding-box,linear-gradient(135deg,var(--brand),var(--acc)) border-box;box-shadow:0 0 26px rgba(168,85,247,.22)}
.unit{color:var(--mut);font-size:14px;margin:0 0 6px}
.mtool{display:grid;gap:12px;margin-bottom:26px}
.msearch{display:flex;gap:10px}
.msearch .input{flex:1;min-width:0}
.chips,.flt{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.flt-l{font:600 13px/1 var(--f1);color:var(--mut);text-transform:uppercase;letter-spacing:.1em;margin-right:4px}
.chip-a,.fbtn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:var(--soft);color:#e6ddf4;font:600 14px/1 var(--f1);text-decoration:none;cursor:pointer}
.chip-a[aria-current],.fbtn[aria-pressed="true"],.fbtn[aria-current]{background:var(--grad);color:#09060f;border-color:transparent;box-shadow:0 0 14px rgba(168,85,247,.5)}
.chip-a small{opacity:.8}
.msec{margin-bottom:34px}
.msec-h{margin:28px 0 16px}
.dc-off{opacity:.65}
.empty{text-align:center;color:var(--mut);padding:30px 0}
.dish-d{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;align-items:start}
.dd-price{font-size:15px;color:var(--mut)}
.dd-price b{font-size:28px;margin-right:6px}
.dd-buy{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 22px}
.dd-str{margin:0 0 6px}
.prose{color:#e6ddf4}
.prose h2,.prose h3{margin-top:1.4em}
.prose a{color:#d8b4fe}
.pairs{list-style:none;display:grid;gap:10px;margin:0 0 18px}
.pairs a{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:8px}
.pairs small{display:block;color:var(--mut)}
.pr-i{width:56px;height:56px;border-radius:10px;object-fit:cover}
.ev-m{list-style:none;display:grid;gap:8px;margin:0 0 16px;color:#e6ddf4}
.plan-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px;align-items:start}
.area-list{display:grid;gap:14px}
.plan-box{background:#0b0714;border:1px solid var(--line);border-radius:var(--r);padding:14px}
.plan{width:100%;height:auto;display:block}
.p-wall{fill:#0d0818;stroke:#3b2a5c;stroke-width:2}
.p-zone{fill:rgba(168,85,247,.06);stroke:#5b3f93;stroke-dasharray:6 5}
.p-roof{stroke:#22d3ee;fill:rgba(34,211,238,.05)}
.p-vip{stroke:#f472b6;fill:rgba(244,114,182,.06)}
.p-bar{fill:#2a1a4a;stroke:#22d3ee}
.p-stage{fill:rgba(168,85,247,.3);stroke:#c084fc}
.p-floor{fill:rgba(34,211,238,.06);stroke:rgba(34,211,238,.5)}
.p-ball{fill:#c4b5fd;opacity:.8}
.p-stool circle{fill:#4a3578}
.p-door{stroke:#fff;stroke-width:5;stroke-linecap:round}
.p-lb{fill:#cfc4e6;font:600 12px var(--f1);letter-spacing:.08em}
.p-lb2{font-size:14px}
.tb{cursor:pointer}
.tb circle,.tb rect{stroke-width:2;transition:fill .15s,stroke .15s}
.tb text{font:700 13px var(--f1);pointer-events:none}
.tb-free circle,.tb-free rect{fill:#0e3a44;stroke:#22d3ee}
.tb-free text{fill:#e6fbff}
.tb-free:hover circle,.tb-free:hover rect{fill:#145a6b;filter:drop-shadow(0 0 6px #22d3ee)}
.tb-taken{cursor:not-allowed}
.tb-taken circle,.tb-taken rect{fill:#2a2a33;stroke:#6b6b78}
.tb-taken text{fill:#b9b9c6}
.tb-on circle,.tb-on rect{fill:#a855f7;stroke:#f3e8ff}
.tb-on text{fill:#09060f}
.tb:focus-visible{outline:none}
.tb:focus-visible circle,.tb:focus-visible rect{stroke:#fff;stroke-width:4}
.legend{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:center;font-size:14px;color:var(--mut);margin:10px 0 0}
.lg{display:inline-flex;align-items:center;gap:6px}
.lg i{width:12px;height:12px;border-radius:50%}
.lg-free i{background:#22d3ee}
.lg-taken i{background:#6b6b78}
.lg-on i{background:#a855f7}
.ar{display:grid}
.ar-pic img{width:100%;aspect-ratio:4/3;object-fit:cover}
.ar-b{padding:14px 16px 18px}
.ar-m{list-style:none;display:grid;gap:4px;margin:0 0 12px;color:#e6ddf4;font-size:15px}
.area-list .ar{grid-template-columns:130px minmax(0,1fr)}
.area-list .ar-pic img{height:100%;aspect-ratio:auto}
.area-list .ar-b{padding:12px 14px}
.area-list .ar-b p.muted{display:none}
.pk{display:grid}
.pk-pic{position:relative}
.pk-pic img{width:100%;aspect-ratio:4/3;object-fit:cover}
.pk-save{position:absolute;left:10px;top:10px;background:var(--pk);color:#2a0a1a;font:700 12px/1 var(--f1);padding:6px 10px;border-radius:999px}
.pk-b{padding:16px 18px 20px}
.pk-for{color:var(--acc);font-weight:600;margin:0 0 6px}
.pk-items{list-style:none;display:grid;gap:5px;margin:10px 0 14px;font-size:15px;color:#e6ddf4}
.pk-items li::before{content:"✦ ";color:var(--brand)}
.pk-f{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}
.pk-f .btn{white-space:nowrap}
.pk-pr s{color:var(--mut);margin-left:8px;font-size:14px}
.crew{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.4fr;gap:14px}
.cr{position:relative;margin:0;border-radius:var(--r);overflow:hidden;border:1px solid var(--line)}
.cr img{width:100%;height:100%;aspect-ratio:4/5;object-fit:cover}
.cr figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 14px 12px;background:linear-gradient(0deg,rgba(9,6,15,.95),transparent);display:grid;gap:2px}
.cr figcaption b{font:700 18px/1.2 var(--f1);color:#fff}
.cr figcaption span{color:#e9d5ff;font-size:14px}
.cr figcaption small{color:#e6ddf4;font-size:13px;line-height:1.4}
.crew-2{grid-template-columns:repeat(2,minmax(0,360px));justify-content:center}
.crew-2 .cr img{aspect-ratio:1}
.gal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:210px;gap:12px}
.gal figure{margin:0;border-radius:var(--r);overflow:hidden;border:1px solid var(--line)}
.gal img{width:100%;height:100%;object-fit:cover}
.gal .g1{grid-column:span 2}
.gal figure:last-child{grid-column:span 3}
.rv{margin:0;padding:20px}
.rv-h{display:flex;gap:12px;align-items:center;margin-bottom:8px}
.rv-h b{display:block;color:#fff}
.rv-h span{color:var(--mut);font-size:14px}
.rv-av{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid var(--brand)}
.stars{color:#fbbf24;letter-spacing:2px;margin:0 0 6px}
.rv blockquote{margin:0;color:#e6ddf4}
.bpic img{width:100%;aspect-ratio:3/2;object-fit:cover}
.bb{padding:14px 16px 18px}
.bb h3 a{color:#fff;text-decoration:none}
.meta{font-size:13px;color:var(--mut);margin:0 0 4px}
.art-img{width:100%;border-radius:var(--r);margin:0 0 20px}
.art-cta{margin-top:24px}
.faq details{background:var(--soft);border:1px solid var(--line);border-radius:12px;margin-bottom:10px}
.faq summary{cursor:pointer;padding:16px 18px;font:600 17px/1.4 var(--f1);color:#fff;min-height:44px}
.faq details p{padding:0 18px 16px;margin:0;color:#e6ddf4}
.sec-cta{background:linear-gradient(135deg,rgba(168,85,247,.22),rgba(34,211,238,.12))}
.cta-in{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.cta-btns{display:flex;gap:12px;flex-wrap:wrap}
.newsl{background:#0d0818;border-top:1px solid var(--line)}
.newsl-in{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;padding-top:34px;padding-bottom:34px}
.newsl-f{display:flex;gap:10px;flex-wrap:wrap}
.newsl-f .input{flex:1;min-width:200px}
.newsl-msg{width:100%;margin:0;color:var(--acc)}
.site-ft{background:#05030a;border-top:1px solid var(--line);padding:44px 0 30px;color:#e6ddf4}
.ft-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:28px}
.ft-h{font:700 14px/1 var(--f1);letter-spacing:.12em;text-transform:uppercase;color:var(--acc);margin:0 0 12px}
.site-ft ul{list-style:none;display:grid;gap:8px}
.site-ft a{color:#e6ddf4;text-decoration:none}
.site-ft a:hover{color:#fff}
.ft-about{color:var(--mut);font-size:15px;margin-top:12px}
.ft-18{margin:26px 0 8px;padding:12px 16px;border:1px solid rgba(244,114,182,.5);border-radius:12px;color:#fbcfe8;font-weight:600}
.ft-bot{color:var(--mut);font-size:14px}
.book-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.co{min-width:0;background:var(--soft);border:1px solid var(--line);border-radius:var(--r);padding:clamp(16px,3vw,28px)}
.fs{border:0;padding:0;margin:0 0 26px;min-width:0}
.fs legend{display:flex;align-items:center;gap:10px;font:700 20px/1.2 var(--f1);color:#fff;margin-bottom:14px;padding:0}
.stp{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--grad);color:#09060f;font:700 15px/1 var(--f1)}
.field{margin-bottom:14px;min-width:0}
.field label,.lbl{display:block;font:600 14px/1.3 var(--f1);color:#e6ddf4;margin-bottom:6px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.help{font-size:14px;color:var(--acc);min-height:1.4em;margin:6px 0 0}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.seg-i,.tbr{position:relative;display:block;cursor:pointer}
.seg-i input,.tbr input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.seg-i span,.tbr span{display:block;min-height:46px;line-height:1.35;padding:12px 14px;border:1px solid #4a3578;border-radius:12px;background:#0f0919;color:#e6ddf4;font-size:15px}
.seg-i input:checked+span,.tbr input:checked+span{background:var(--grad);color:#09060f;border-color:transparent;box-shadow:0 0 14px rgba(168,85,247,.5)}
.seg-i input:focus-visible+span,.tbr input:focus-visible+span{outline:3px solid var(--acc);outline-offset:2px}
.tbr.off span{opacity:.55;text-decoration:line-through;cursor:not-allowed}
.tbr.off input{cursor:not-allowed}
.tbl-list{display:grid;gap:14px;margin-top:14px}
.tg-h{font:600 13px/1 var(--f1);text-transform:uppercase;letter-spacing:.1em;color:var(--mut);margin:0 0 8px}
.tg-row,.pk-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.tg-grp.hl .tg-h{color:var(--acc)}
.form-err,.form-ok{display:flex;gap:10px;padding:12px 16px;border-radius:12px;margin-bottom:16px}
.form-err{background:rgba(244,63,94,.14);border:1px solid #fb7185;color:#ffe4e6}
.form-ok{background:rgba(74,222,128,.12);border:1px solid #4ade80;color:#dcfce7}
.book-side{display:grid;gap:14px}
.book-side .ar{grid-template-columns:110px minmax(0,1fr)}
.book-side .ar-pic img{height:100%;aspect-ratio:auto}
.book-side .ar-b{padding:10px 12px}
.ar-s h3{margin:0 0 4px}
.trk{margin-top:22px;background:var(--soft);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.stt{display:inline-block;font:600 13px/1 var(--f1);padding:6px 10px;border-radius:999px;vertical-align:middle;margin-left:8px}
.stt.ok{background:rgba(74,222,128,.16);color:#bbf7d0}
.stt.x{background:rgba(244,63,94,.18);color:#fecdd3}
.stepper{list-style:none;display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.stepper li{display:flex;align-items:center;gap:8px;color:var(--mut)}
.stepper li span{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font:600 13px var(--f1)}
.stepper .done,.stepper .now{color:#fff}
.stepper .done span{background:var(--ok);color:#052e12;border-color:var(--ok)}
.stepper .now span{background:var(--grad);color:#09060f;border-color:transparent}
.trk-d{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:14px 0}
.trk-d dt{font-size:13px;color:var(--mut)}
.trk-d dd{margin:0;font-weight:600;color:#fff}
.cancel-f{margin-top:14px}
.about-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:center}
.about-pic img{width:100%;border-radius:20px;border:1px solid var(--line);box-shadow:var(--glow)}
.since{color:var(--mut)}
.vals{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.vals li{background:var(--soft);border:1px solid var(--line);border-radius:var(--r);padding:18px}
.week-box{margin-top:34px}
.hrs-l{list-style:none;display:grid;gap:6px;max-width:420px}
.hrs-l li{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:6px 0}
.nf{text-align:center;padding:40px 0}
.has-fl .fl{bottom:20px}
@media (max-width:1100px){.grid4{grid-template-columns:repeat(3,minmax(0,1fr))}.ft-grid{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.board,.grid3,.plan-grid,.dish-d,.about-in,.book-grid,.cta-in,.newsl-in,.vals{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.crew{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-w{grid-column:span 2}.cr-w img{aspect-ratio:16/10}.gal{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:170px}.gal .g1,.gal figure:last-child{grid-column:span 2}.row2{grid-template-columns:1fr}.ft-grid{grid-template-columns:1fr 1fr}.area-list .ar{grid-template-columns:110px minmax(0,1fr)}}
@media (max-width:900px){.plan-box{overflow-x:auto}.plan-box .plan{min-width:720px}.plan-box .legend{position:sticky;left:0}}
@media (max-width:520px){.grid4{grid-template-columns:1fr 1fr;gap:12px}.grid4.ar-grid{grid-template-columns:1fr}.ft-grid{grid-template-columns:1fr}.crew-2{grid-template-columns:1fr}.seg{grid-template-columns:1fr}.msearch{flex-wrap:wrap}}