/* ------- 8. booking ------- */
.book{position:relative;padding:clamp(80px,10vh,120px) var(--gut) 0}
.book-in{max-width:1240px;margin:0 auto}
.book-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 48px;margin-bottom:28px}
.book-head h2{font-family:var(--display);font-weight:400;font-size:clamp(36px,3.8vw,56px);line-height:1.05;margin:0;color:var(--gold)}
.book-head p{margin:10px 0 0;color:var(--soft);max-width:44ch;text-wrap:balance}
.stepper{display:flex;flex-wrap:wrap;gap:6px 22px;list-style:none;margin:0;padding:0;font-size:13px;letter-spacing:.04em;color:#8e7767}
.stepper li{display:flex;align-items:center;gap:8px}
.stepper .n{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px #5a3a2e;font-size:11px;font-variant-numeric:tabular-nums}
.stepper li.on{color:var(--ink)}
.stepper li.on .n{background:var(--act);color:var(--act-ink);box-shadow:none}
.stepper li.done{color:var(--soft)}
.stepper li.done .n{box-shadow:inset 0 0 0 1px var(--gold);color:var(--gold)}
.panel{position:relative;border-radius:10px;background:linear-gradient(180deg,rgba(44,22,15,.78),rgba(28,14,10,.86));box-shadow:0 40px 90px -40px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,222,196,.07),inset 0 0 0 1px rgba(122,74,56,.35);overflow:hidden}
.view[hidden]{display:none}
.select{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr) minmax(0,1.5fr)}
.col{padding:clamp(22px,2.4vw,34px);min-width:0}
.col + .col{box-shadow:inset 1px 0 0 rgba(122,74,56,.32)}
.col-h{display:flex;align-items:center;gap:12px;margin:0 0 18px;font-family:var(--display);font-weight:400;font-size:20px;color:var(--ink)}
legend.col-h{float:left;width:100%;padding:0}
legend.col-h + *{clear:both}
.col-h .n{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--gold);color:var(--gold);font-family:var(--text);font-size:12px;font-weight:500}
.opts{display:grid;gap:10px}
.opt{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 14px;padding:14px 16px;border-radius:var(--r);box-shadow:inset 0 0 0 1px rgba(122,74,56,.45);cursor:pointer;transition:box-shadow .15s var(--ease),background-color .15s var(--ease)}
.opt:hover{box-shadow:inset 0 0 0 1px #8a5a47;background:rgba(255,230,210,.025)}
.opt input{position:absolute;opacity:0;pointer-events:none}
.opt .dot{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px #8a6553;transition:box-shadow .15s var(--ease)}
.opt b{font-family:var(--display);font-weight:400;font-size:17px;color:var(--ink);line-height:1.3}
.opt small{grid-column:2;font-size:13px;color:#9b8473;line-height:1.4}
.opt .pr{grid-row:1;grid-column:3;font-family:var(--display);font-size:17px;color:var(--gold)}
.opt:has(input:checked){box-shadow:inset 0 0 0 1px var(--glow2);background:rgba(224,82,44,.08)}
.opt:has(input:checked) .dot{box-shadow:inset 0 0 0 5px var(--act)}
.opt:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:2px}
.opt.is-off{cursor:not-allowed;opacity:.5}
.opt.is-off:hover{background:none;box-shadow:inset 0 0 0 1px rgba(122,74,56,.45)}
.cal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.cal-top strong{font-weight:500;font-size:15px;letter-spacing:.04em}
.cal-nav{display:flex;gap:6px}
.icon-btn{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:var(--r);background:transparent;box-shadow:inset 0 0 0 1px rgba(122,74,56,.5);cursor:pointer;transition:background-color .15s var(--ease)}
.icon-btn:hover{background:rgba(255,230,210,.05)}
.icon-btn[disabled]{opacity:.3;cursor:not-allowed}
.icon-btn svg{width:14px;height:14px}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}
.cal .wd{font-size:11px;letter-spacing:.14em;color:#8e7767;padding:4px 0 6px}
.day{height:38px;border:0;border-radius:var(--r);background:transparent;font-size:14px;font-variant-numeric:tabular-nums;cursor:pointer;color:var(--ink);transition:background-color .12s var(--ease)}
.day:hover{background:rgba(255,230,210,.07)}
.day.has{position:relative}
.day.has::after{content:"";position:absolute;left:50%;bottom:5px;width:3px;height:3px;margin-left:-1.5px;border-radius:50%;background:var(--glow2)}
.day[disabled]{color:#5e4a40;cursor:default;background:none}
.day.sel{background:var(--act);color:var(--act-ink);font-weight:500}
.day.sel::after{background:var(--act-ink)}
.times-h{margin:18px 0 10px;font-size:13px;color:var(--soft)}
.times{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.time{height:38px;border:0;border-radius:var(--r);background:transparent;box-shadow:inset 0 0 0 1px rgba(122,74,56,.5);font-size:13.5px;cursor:pointer;font-variant-numeric:tabular-nums;transition:box-shadow .12s var(--ease),background-color .12s var(--ease)}
.time:hover{box-shadow:inset 0 0 0 1px var(--glow2)}
.time[disabled]{color:#5e4a40;text-decoration:line-through;cursor:default;box-shadow:inset 0 0 0 1px rgba(122,74,56,.2)}
.time.sel{background:var(--act);color:var(--act-ink);box-shadow:none;font-weight:500}
.bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;padding:20px clamp(22px,2.4vw,34px);box-shadow:inset 0 1px 0 rgba(122,74,56,.32);background:rgba(10,5,3,.22)}
.bar .sum{margin:0;color:var(--soft);font-size:15px}
.bar .sum b{font-weight:500;color:var(--ink)}
.bar .sum .pend{color:var(--glow2)}
.bar .acts{display:flex;align-items:center;gap:12px}
.detail{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
.detail > .main{padding:clamp(26px,3vw,44px)}
.detail > aside{padding:clamp(26px,3vw,44px);box-shadow:inset 1px 0 0 rgba(122,74,56,.32);background:rgba(10,5,3,.18)}
.view-h{font-family:var(--display);font-weight:400;font-size:clamp(26px,2.2vw,32px);margin:0 0 6px;color:var(--ink)}
.view-p{margin:0 0 26px;color:var(--soft)}
.field{display:grid;gap:7px;margin-bottom:18px;max-width:520px}
.field label{font-size:14px;color:var(--soft)}
.field input,.cardfield{height:52px;padding:0 16px;border:0;border-radius:var(--r);background:rgba(8,4,3,.45);box-shadow:inset 0 0 0 1px #5a3a2e;color:var(--ink);font-size:16px;transition:box-shadow .15s var(--ease)}
.field input::placeholder,.cardfield input::placeholder{color:#7a6556}
.field input:focus{outline:none;box-shadow:inset 0 0 0 1px var(--gold),0 0 0 3px rgba(216,191,159,.18)}
.field .err{font-size:13px;color:#ff9b7c;min-height:0}
.field.bad input{box-shadow:inset 0 0 0 1px #ff8a66}
.cardfield{display:flex;align-items:center;gap:0;padding:0 4px 0 14px;max-width:560px}
.cardfield:focus-within{box-shadow:inset 0 0 0 1px var(--gold),0 0 0 3px rgba(216,191,159,.18)}
.cardfield svg{flex:none;width:26px;height:18px;margin-right:2px}
.cardfield input{border:0;background:transparent;box-shadow:none;border-radius:0;padding:0 0 0 12px;height:100%;min-width:0;font-size:16px;color:var(--ink);font-variant-numeric:tabular-nums}
.cardfield input + input{border-left:1px solid #3e2a22}
.field .cardfield input:focus,.field.bad .cardfield input{box-shadow:none}
.field.bad .cardfield{box-shadow:inset 0 0 0 1px #ff8a66}
.cardfield input:focus{outline:none}
.cardfield .cn{flex:1 1 auto}
.cardfield .ex{flex:0 0 84px}
.cardfield .cv{flex:0 0 66px}
.cardfield .pc{flex:0 0 96px}
.secure{display:flex;align-items:center;gap:8px;margin:12px 0 0;font-size:13px;color:#9b8473}
.secure svg{width:13px;height:13px}
.cancel{margin:18px 0 0;font-size:14px;color:var(--soft)}
.cancel svg{width:14px;height:14px;vertical-align:-2px;margin-right:6px}
.row-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.sumlist{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px}
.sumlist li{display:grid;grid-template-columns:86px 1fr;gap:12px;font-size:15px}
.sumlist span{color:#9b8473}
.sumlist b{font-weight:400;color:var(--ink)}
.total{display:flex;justify-content:space-between;align-items:baseline;margin-top:22px;padding-top:18px;box-shadow:inset 0 1px 0 rgba(122,74,56,.32)}
.total b{font-family:var(--display);font-weight:400;font-size:28px;color:var(--gold)}
.done{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center}
.done .main{padding:clamp(34px,4vw,64px)}
.done aside{padding:clamp(34px,4vw,64px);box-shadow:inset 1px 0 0 rgba(122,74,56,.32);background:rgba(10,5,3,.18)}
.seal{width:64px;height:64px;margin-bottom:22px}
.done h3{font-family:var(--display);font-weight:400;font-size:clamp(34px,3.4vw,50px);line-height:1.08;margin:0 0 12px;color:#f3dcc0}
.note{margin:18px 2px 0;font-size:13px;color:#8e7767}


/* ------- footer ------- */
.foot{position:relative;margin-top:clamp(90px,12vh,140px);padding:30px 0 44px;box-shadow:inset 0 1px 0 rgba(122,74,56,.3);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:24px 48px}
.foot-mark{width:300px;margin:-14px 0 -14px -34px;mix-blend-mode:lighten}
.foot-mark img{display:block;width:100%;height:auto}
.foot ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 36px;font-size:14px;color:var(--soft)}
.foot a{color:var(--ink)}
.foot a:hover{color:var(--glow2)}
.foot .copy{grid-column:1 / -1;margin:0;font-size:12.5px;color:#8a7362}


@media(max-width:1100px){.select{grid-template-columns:1fr 1fr}.select .col:nth-child(3){grid-column:1/-1}}
@media(max-width:759px){.select,.detail,.done{grid-template-columns:1fr}.select .col:nth-child(3){grid-column:auto}.book-head{display:block}.stepper{margin-top:24px;gap:12px}.col+.col,.detail>aside,.done aside{box-shadow:inset 0 1px 0 #785141}.times{grid-template-columns:repeat(3,1fr)}.bar{align-items:stretch}.bar .acts,.bar .acts .btn{width:100%}.foot{grid-template-columns:1fr;padding-bottom:100px}.foot ul{justify-content:flex-start}.foot-mark{margin:0;width:240px}}