/* Reservation page skin — black/white/yellow, Arial stack (2026-09-14) */
:root{--rsv-bg:#fff;--rsv-surface:#f5f5f5;--rsv-surface-2:#e8e8e8;--rsv-ink:#000;--rsv-ink-2:#555;--rsv-ink-3:#808080;--rsv-yellow:#ffd700;--rsv-gold:#d4af37;--rsv-gold-light:#e8d79b;--rsv-line:#d0d0d0;--rsv-line-light:#e5e5e5;--rsv-ok:#2e7d32;--rsv-err:#b3261e;--rsv-sans:Arial,"Helvetica Neue",Helvetica,sans-serif}
/* Scoped to .rsv, not html/body: this file loads on top of the shared
   base.html (header, footer), and an unscoped background would have painted
   the whole page white, including the site chrome — not part of this skin. */
.rsv{background:var(--rsv-bg);font-family:var(--rsv-sans);color:var(--rsv-ink);max-width:1120px;margin:0 auto;padding:0 56px 56px;box-sizing:border-box}
.rsv *{box-sizing:border-box}
.rsv__deco{display:flex;align-items:center;gap:14px;padding:26px 0}
.rsv__deco i{flex:1;height:1px;background:var(--rsv-gold-light)}
.rsv__deco b{width:9px;height:9px;transform:rotate(45deg);background:var(--rsv-yellow)}
.rsv__bar{display:flex;justify-content:flex-end;gap:6px;margin-bottom:8px}
.rsv__lang{border:1px solid var(--rsv-line);background:#fff;border-radius:2px;min-width:40px;height:30px;padding:0 9px;font:600 12px/1 var(--rsv-sans);letter-spacing:.06em;color:var(--rsv-ink-2);cursor:pointer}
.rsv__lang:hover{border-color:var(--rsv-gold)}
.rsv__lang[aria-pressed="true"]{background:var(--rsv-ink);border-color:var(--rsv-ink);color:#fff}
.rsv__title{margin:0;font-family:"Monday Holiday",var(--font-script,"Kaushan Script"),cursive;font-size:40px;font-weight:400;line-height:1.15;color:var(--color-aegean-950)}
.rsv__ul{width:64px;height:2px;background:var(--rsv-yellow);margin:16px 0 20px}
.rsv__sub{margin:0 0 40px;font-size:20px;font-weight:400;color:var(--rsv-ink-2)}
.rsv__cols{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px} /* align-items: app.css overrides this (loads after) */
@media(max-width:860px){.rsv{padding:0 24px 40px}.rsv__cols{grid-template-columns:1fr}}
.rsv__form{display:grid;gap:28px}
.rsv__row{display:grid;grid-template-columns:1fr 1fr;gap:28px}
@media(max-width:620px){.rsv__row{grid-template-columns:1fr}}
.f__label{display:block;margin-bottom:10px;font-size:15px;font-weight:600;color:var(--rsv-ink)}
.f__box{display:flex;width:100%;align-items:center;gap:10px;height:46px;padding:0 12px;border:1px solid var(--rsv-line);border-radius:4px;background:#fff}
.f__box:focus-within{border-color:var(--rsv-ink)}
.f__box--ok{border-color:var(--rsv-ok)}
.f__box input{flex:1;min-width:0;border:0;outline:0;background:none;font:400 14px/1.4 var(--rsv-sans);color:var(--rsv-ink)}
.f__box input::placeholder{color:var(--rsv-ink-3)}
.f__ico{flex:none;width:20px;height:20px;color:var(--rsv-ink-3)}
.f__ico--ok{color:var(--rsv-ok)}
.f__note{display:block;margin:8px 0 0;font-size:12px;color:var(--rsv-ink-2)}
.f__note--ok{color:var(--rsv-ok)}
.f__note--err{color:var(--rsv-err)}
.slots{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
@media(max-width:620px){.slots{grid-template-columns:repeat(3,1fr)}}
.slot2{height:44px;border:1px solid var(--rsv-line);border-radius:4px;background:var(--rsv-surface);font:400 14px/1 var(--rsv-sans);color:var(--rsv-ink);cursor:pointer}
.slot2:hover{border-color:var(--rsv-ink)}
.slot2[aria-pressed="true"]{background:var(--rsv-ink);border-color:var(--rsv-ink);color:#fff;font-weight:600}
.slot2:disabled{color:var(--rsv-ink-3);background:var(--rsv-surface-2);border-color:var(--rsv-line-light);cursor:not-allowed;text-decoration:line-through}
.ck{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.5;color:var(--rsv-ink);cursor:pointer}
.ck+.ck{margin-top:14px}
.ck input{flex:none;width:18px;height:18px;margin:0;accent-color:var(--color-aegean-950)}
.ck a{color:var(--rsv-ink);text-decoration:underline;text-underline-offset:2px}
.ck a:hover{color:var(--rsv-gold)}
.rsv__btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:0 24px;border:0;border-radius:6px;background:var(--color-aegean-950);color:#fff;font:600 15px/1 var(--rsv-sans);cursor:pointer}
.rsv__btn:hover{background:var(--color-aegean-900)}
.sum{border:1px solid var(--rsv-line-light);padding:24px} /* background/border-radius/box-shadow: app.css overrides these (loads after) */
.sum__t{margin:0} /* font-size/font-weight/color: app.css overrides these (loads after) */
.sum__ul{width:40px;height:2px;background:var(--rsv-yellow);margin:12px 0 20px}
.sum__row{display:flex;align-items:center;gap:14px;padding:16px 0;border-top:1px solid var(--rsv-line-light)}
.sum__row:first-of-type{border-top:0;padding-top:0}
.sum__ico{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%} /* background/border/color: app.css overrides these (loads after) */
.sum__k{margin:0;font-size:12px;color:var(--rsv-ink-3)}
.sum__v{margin:2px 0 0;font-size:14px;font-weight:700;color:var(--rsv-ink)}
.sum__note{display:flex;align-items:flex-start;gap:14px;margin-top:20px;padding-top:20px;border-top:1px solid var(--rsv-line-light);font-size:12px;line-height:1.55;color:var(--rsv-ink-2)}