.top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.top-in{display:flex;align-items:center;justify-content:space-between;min-height:56px;gap:12px}
.brand{font-weight:800;font-size:15px}.brand .muted{font-weight:600}
.hero{padding:22px 0 16px;display:flex;flex-direction:column;gap:6px}
.eyebrow{margin:0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--orange-d)}
.hero h1{font-size:28px;font-weight:800}
.hero p{margin:0}
.h-sm{font-size:14px;font-weight:700}
.pick{padding:16px;display:flex;flex-direction:column;gap:10px}
.pick-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.more-date{position:relative;font-size:13px;font-weight:700;color:var(--blue);display:inline-flex;align-items:center;min-height:36px}
.more-date input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}
.days{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;margin:0 -2px;scrollbar-width:thin}
.day{flex:0 0 auto;width:58px;min-height:64px;border-radius:12px;border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}
.day .dw{font-size:12px;font-weight:600}.day .dn{font-size:17px;font-weight:800}.day .dm{font-size:11px;color:var(--ink-2)}
.day[aria-selected=true]{background:var(--blue);border-color:var(--blue);color:#fff}.day[aria-selected=true] .dm{color:#DCE7FB}
.nights{display:flex;gap:8px;flex-wrap:wrap}
.nights button{flex:1 1 0;min-width:64px;min-height:44px;border-radius:10px;border:1px solid var(--line);background:#fff;font-weight:700;font-size:14px}
.nights button[aria-selected=true]{background:var(--blue);border-color:var(--blue);color:#fff}
.summary{margin:14px 0 10px;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;background:var(--blue-l);border-radius:12px;font-weight:700;font-size:14px}
.summary .free{color:var(--blue-d)}
.rooms{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
.room{display:flex;gap:12px;align-items:center;padding:12px}
.room .ph{width:68px;height:68px;flex:0 0 auto;border-radius:10px;background:var(--blue-l);display:flex;align-items:center;justify-content:center;color:var(--blue-d);overflow:hidden}
.room .ph img{width:100%;height:100%;object-fit:cover}
.room .mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.room .nm{font-size:16px;font-weight:700}
.room .ty{font-size:13px;color:var(--ink-2)}
.room .pr{font-size:14px;font-weight:700}.room .pr span{font-weight:400;font-size:12px;color:var(--ink-2)}
.room .rt{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.room.off{opacity:.72}
.back{border:none;background:none;color:var(--blue);font-weight:700;min-height:44px;padding:8px 0;margin-top:4px}
.sel{padding:16px;display:flex;flex-direction:column;gap:4px;margin-bottom:16px}
.sel .nm{font-size:20px;font-weight:800}.sel .tot{font-size:16px;font-weight:700}
.form{display:flex;flex-direction:column;gap:14px;margin-bottom:28px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.big{min-height:52px;font-size:16px}
.done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:36px 8px 28px}
.done h2{font-size:24px;font-weight:800}.done p{margin:0}
.tick{width:72px;height:72px;border-radius:50%;background:var(--green-l);color:var(--green);display:flex;align-items:center;justify-content:center}
.ref{font-size:14px;padding:6px 12px}
.info{padding:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:10px}
.info h2{font-size:16px;font-weight:800}
.info dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:14px}
.info dt{color:var(--ink-2)}.info dd{margin:0;font-weight:600}
.info .rules{white-space:pre-line;font-size:14px;margin:0}
.foot{padding:8px 16px 40px}
.skel{height:92px;border-radius:var(--r);background:linear-gradient(90deg,#eef1f7,#f7f9fc,#eef1f7);background-size:200% 100%;animation:sh 1.2s infinite}
@keyframes sh{to{background-position:-200% 0}}