/* Spacious gold / webtoon reservation design */
.reservation-body{--ink:#202631;--gold:#b38943;--paper:#faf8f3;background:#eeece6;padding:20px 20px 105px;display:block;color:var(--ink)}
.reservation-body .page{max-width:1500px;margin:auto;min-height:calc(100svh - 125px);border:1px solid #ddd5c5;border-radius:22px;background:#faf8f3;box-shadow:0 18px 65px #29231612}
.reservation-body .phone-banner{display:flex;flex-direction:column;justify-content:center;gap:0;padding:16px 24px 19px;background:radial-gradient(ellipse at 50% 130%,#94713360,transparent 68%),linear-gradient(115deg,#141719,#29251e,#141719);border-bottom:1px solid #b59352;text-align:center}
.reservation-body .phone-banner p{display:flex;align-items:center;gap:22px;margin:0;color:#ead49a;font-size:19px;font-weight:700;letter-spacing:5px}
.reservation-body .phone-banner p:before,.reservation-body .phone-banner p:after{content:"";width:80px;height:1px;background:linear-gradient(90deg,transparent,#b99653,transparent)}
.reservation-body .phone-banner>a{font-size:clamp(42px,5vw,72px);font-weight:900;line-height:1.12;letter-spacing:1px;color:#f4d383;background:linear-gradient(#fff7cf 15%,#e7bf61 65%,#ad7d28);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 1px #0008)}
.reservation-body .reservation-layout{grid-template-columns:1.12fr 1fr;gap:24px;padding:26px;min-height:0}
.reservation-body .hero{min-height:435px;border:1px solid #e5ddcd;border-radius:16px;background:#f8f2e7;box-shadow:none;display:flex;flex-direction:column;justify-content:space-between}
.reservation-body .hero-copy{padding:30px 26px;min-height:285px}
.reservation-body .tag{font-size:11px;color:#786039;background:#fffaf0;border:1px solid #d7c49b;box-shadow:none;padding:6px 11px;border-radius:30px}
.reservation-body h1{font-size:clamp(25px,2.5vw,40px);line-height:1.4;margin:18px 0 0;letter-spacing:-1.5px;color:#202631;font-weight:800}
.reservation-body h1 strong{color:#94702e}.reservation-body .title-end{font-size:.76em;font-weight:600}
.reservation-body .hero figure{bottom:126px}.reservation-body figure img{object-position:70% center}.reservation-body figure:after{background:linear-gradient(90deg,#faf5ebe6,transparent 75%)}
.reservation-body figcaption{bottom:8px;font-size:9px;color:#695f50;background:#fff9}
.visit-guide{position:relative;z-index:2;background:#fffdf7;border-top:1px solid #e8ddc9;padding:20px 26px;color:#57534a}.visit-guide p{margin:0;font-size:14px;line-height:1.8}.visit-guide .guide-emphasis{margin-top:8px;color:#242831;font-size:15px}.guide-emphasis strong{color:#95651f}
.reservation-body .form-section{padding:26px 30px;border:1px solid #e5dfd2;background:white;box-shadow:none}.reservation-body .section-head h2{font-size:27px}.reservation-body .form-intro{margin-bottom:21px}.reservation-body .field label{color:#4a4d53}.reservation-body .field input,.reservation-body .field select{background:#faf9f6;border-color:#e0ddd4;height:51px}.reservation-body .field input:focus,.reservation-body .field select:focus{border-color:#b38943;box-shadow:0 0 0 3px #b389431a}.reservation-body .submit{background:linear-gradient(110deg,#252b35,#3c414b);border-color:#252b35;box-shadow:0 3px 0 #c2a66a;min-height:54px}.reservation-body footer{padding:0 30px 15px;color:#898274}
.reservation-body .call-bar{display:flex;position:fixed;z-index:10;left:50%;right:auto;transform:translateX(-50%);bottom:calc(14px + env(safe-area-inset-bottom));width:min(560px,calc(100% - 32px));min-height:64px;align-items:center;justify-content:center;gap:16px;padding:10px 24px;background:linear-gradient(110deg,#f6e5b5,#d7b568 55%,#f3dfa7);border:1px solid #c5a15b;border-radius:15px;box-shadow:0 8px 30px #26210f30,0 0 0 4px #faf8f3;color:#252520}.reservation-body .call-bar>strong{font-size:22px;letter-spacing:-.6px}.reservation-body .call-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#272923;color:#f5dea6;border:0;font-size:23px}.call-arrow{font-size:25px}
@media(max-width:1000px) and (min-width:761px){.reservation-body .reservation-layout{gap:16px;padding:18px}.reservation-body .form-section{padding:22px 18px}.reservation-body .hero-copy{padding:25px 18px}.visit-guide{padding:18px}.visit-guide p{font-size:13px}.reservation-body h1{font-size:27px}}
@media(max-width:760px){.reservation-body{padding:0 0 calc(88px + env(safe-area-inset-bottom));background:#faf8f3}.reservation-body .page{border:0;border-radius:0;min-height:calc(100svh - 88px - env(safe-area-inset-bottom))}.reservation-body .phone-banner{padding:10px 16px 13px}.reservation-body .phone-banner p{font-size:13px;letter-spacing:3px;gap:16px}.reservation-body .phone-banner p:before,.reservation-body .phone-banner p:after{width:50px}.reservation-body .phone-banner>a{font-size:clamp(34px,9vw,52px);letter-spacing:0;line-height:1.18}.reservation-body .reservation-layout{padding:12px;gap:12px}.reservation-body .hero{height:auto;min-height:0;border-radius:13px}.reservation-body .hero-copy{min-height:167px;padding:15px 16px}.reservation-body .tag{font-size:10px;padding:4px 9px}.reservation-body h1{font-size:clamp(23px,6vw,30px);line-height:1.3;margin:9px 0 0;letter-spacing:-1px}.reservation-body .hero figure{bottom:auto;height:167px}.reservation-body figure img{object-position:70% 35%}.reservation-body figure:after{background:linear-gradient(90deg,#faf5ebee,transparent 78%)}.reservation-body figcaption{font-size:7px;bottom:4px;right:4px}.visit-guide{padding:12px 16px}.visit-guide p{font-size:12px;line-height:1.65}.visit-guide .guide-emphasis{font-size:13px;margin-top:5px}.reservation-body .form-section{padding:16px;border-radius:13px}.reservation-body .section-head h2{font-size:22px}.reservation-body .form-intro{font-size:12px;margin:5px 0 14px}.reservation-body #reservation-form{gap:12px 10px}.reservation-body .field input,.reservation-body .field select{height:45px}.reservation-body .field label{font-size:12px}.reservation-body .consent label,.reservation-body .consent button{font-size:11px}.reservation-body .submit{min-height:49px;font-size:16px}.reservation-body footer{padding:0 20px 8px;font-size:9px}.reservation-body .call-bar{min-height:62px;bottom:calc(10px + env(safe-area-inset-bottom));width:calc(100% - 24px);border-radius:13px}.reservation-body .call-bar>strong{font-size:20px}}
@media(max-width:760px) and (max-height:740px){.reservation-body .hero-copy{min-height:150px;padding-top:12px}.reservation-body .hero figure{height:150px}.reservation-body h1{font-size:23px}.visit-guide{padding:10px 16px}.reservation-body .form-section{padding:13px 14px}.reservation-body #reservation-form{gap:10px}.reservation-body .field input,.reservation-body .field select{height:43px}}

/* Desktop: no fixed phone button or reserved bottom space. */
@media(min-width:761px){.reservation-body .call-bar{display:none}.reservation-body{padding-bottom:20px}.reservation-body .page{min-height:calc(100svh - 40px)}}
/* Reserve scrolling room only while entering a name or telephone number. */
@media(max-width:760px){
 .reservation-body.mobile-editing .call-bar{display:none}
 .reservation-body.mobile-editing{padding-bottom:calc(var(--input-scroll-room,50svh) + env(safe-area-inset-bottom))}
 .reservation-body .field{scroll-margin-top:16px}
}

/* Hide retired duplicate consent on previously generated pages. */
.optional-consent,#privacy-optional{display:none!important}