/* Booking renewal: six native-scroll scenes. The ending and booking bar live in booking.css (2026-11-10). */
body.visit-renewal{--visit-paper:var(--mg-ink);--visit-ink:var(--mg-black-4);--visit-muted:var(--mg-gray);--visit-line:color-mix(in srgb,var(--mg-black-4) 19%,transparent);background:var(--visit-paper);color:var(--visit-ink)}
.visit-renewal svg{width:24px;height:24px;flex:none}
.visit-renewal :is(button,a,summary):focus-visible{outline:2px solid var(--mg-focus-ring);outline-offset:5px}
.visit-renewal .film-copy{width:min(740px,65%)}
.visit-renewal .film-copy .eyebrow{color:var(--mg-ink);font-size:var(--mg-fs-2xs);letter-spacing:.025em;margin-bottom:var(--mg-space-24)}
.visit-renewal .film-copy .body-copy{max-width:540px;margin-bottom:0}
.visit-renewal .film-copy h1,.visit-renewal .film-copy h2{font-size:clamp(34px,3.75vw,62px);line-height:var(--mg-leading-tight);letter-spacing:-.055em}
.visit-renewal .film-shade{background:linear-gradient(90deg,color-mix(in srgb,var(--mg-black-2) 80%,transparent), color-mix(in srgb,var(--mg-black-2) 28%,transparent) 50%,color-mix(in srgb,var(--mg-black-2) 3%,transparent) 76%),linear-gradient(0deg,color-mix(in srgb,var(--mg-black-2) 46%,transparent),transparent 50%)}
.visit-renewal .chapter-controls{left:50%;right:auto;transform:translateX(-50%);bottom:calc(20px + env(safe-area-inset-bottom));width:min(480px,calc(100% - 32px));padding:var(--mg-space-8);border:1px solid color-mix(in srgb,var(--mg-white) 14%,transparent);border-radius:var(--mg-radius-xl);background:color-mix(in srgb,var(--mg-black-2) 96%,transparent);box-shadow:var(--mg-shadow-3);gap:0}
.visit-renewal .chapter-apply{width:100%;max-width:none;min-height:48px;flex:1;padding:0 var(--mg-space-20);border:1px solid color-mix(in srgb,var(--mg-white) 19%,transparent);border-radius:var(--mg-radius-lg);background:var(--mg-ink);color:var(--mg-black-3)!important;font-size:var(--mg-fs-sm);box-shadow:none;backdrop-filter:none}
.visit-renewal .chapter-apply:hover{background:var(--mg-white)}
.visit-renewal .chapter-apply svg{color:var(--mg-red)}
.visit-renewal .chapter-apply:focus-visible{outline:2px solid var(--mg-focus-ring);outline-offset:4px}
.visit-renewal .chapter-controls .story-scroll-hint{position:absolute;left:50%;bottom:calc(100% + 14px);transform:translateX(-50%);font-size:var(--mg-fs-2xs)}
body[data-customer-booking-dock="true"] .mobile-actions{bottom:calc(98px + env(safe-area-inset-bottom))!important}
@media(max-width:700px){.visit-renewal .chapter-controls{width:calc(100% - 28px);bottom:calc(12px + env(safe-area-inset-bottom))}.visit-renewal .chapter-controls .chapter-apply{max-width:none;min-height:46px;padding-inline:var(--mg-space-16);font-size:var(--mg-fs-xs)}.visit-renewal .chapter-controls .story-scroll-hint{position:absolute;bottom:calc(100% + 12px);font-size:var(--mg-fs-2xs)}}
.visit-renewal .chapter-apply svg{width:20px;height:20px}
.visit-renewal .chapter-rail button:last-child{margin-top:var(--mg-space-12);padding-top:var(--mg-space-10);border-top:1px solid color-mix(in srgb,var(--mg-white) 33%,transparent)}
.visit-renewal .chapter-rail button:last-child::before{visibility:hidden}
.visit-afterglow{background:var(--visit-paper)}

.visit-renewal #review-dialog{background:var(--visit-paper);color:var(--visit-ink);border:0;max-width:1000px}
.visit-renewal .dialog-top{background:var(--visit-paper);border-color:var(--visit-line)}
.visit-renewal .dialog-top button{display:grid;place-items:center}
.visit-renewal .detail-photo{background:var(--mg-paper-3)}
.visit-renewal #photo-prev svg{transform:rotate(180deg)}
.visit-renewal .photo-controls button{display:grid;place-items:center}
.visit-renewal #review-dialog .detail-copy h3{margin-top:0;color:var(--visit-ink);font:400 27px/1.5 var(--mg-font)}
.visit-renewal .detail-copy blockquote{font-size:var(--mg-fs-lg);line-height:var(--mg-leading-body);overflow-wrap:anywhere}
.visit-renewal .detail-provenance{font-size:var(--mg-fs-2xs)!important;border-top:1px solid var(--visit-line);padding-top:var(--mg-space-16);margin-top:var(--mg-space-20);color:var(--mg-gray)}
@media(max-width:700px){
 .visit-renewal .film-shade{background:linear-gradient(0deg,color-mix(in srgb,var(--mg-black-2) 79%,transparent) 0%,color-mix(in srgb,var(--mg-black-2) 58%,transparent) 27%,color-mix(in srgb,var(--mg-black-2) 6%,transparent) 70%),linear-gradient(180deg,color-mix(in srgb,var(--mg-black-2) 28%,transparent),transparent 22%)}
 body.visit-renewal.chapter-story .film-copy{width:auto;left:22px!important;right:64px!important}
 body.visit-renewal.chapter-story .film-copy h1,body.visit-renewal.chapter-story .film-copy h2{font-size:clamp(27px,7.4vw,36px)!important;line-height:var(--mg-leading-tight)!important;margin-bottom:var(--mg-space-20)}
 .visit-renewal .film-copy .eyebrow{font-size:var(--mg-fs-2xs);line-height:var(--mg-leading-body);margin-bottom:var(--mg-space-16)}
 .visit-renewal .film-copy .body-copy{font-size:var(--mg-fs-2xs);line-height:var(--mg-leading-body)}
 body.visit-renewal.chapter-story .film-copy[data-copy="4"]{top:calc(65px + 4svh);bottom:auto!important;right:22px!important}
 .visit-renewal .film-stage[data-scene="4"] .film-shade{background:linear-gradient(180deg,color-mix(in srgb,var(--mg-black-2) 57%,transparent) 0%,color-mix(in srgb,var(--mg-black-2) 36%,transparent) 28%,transparent 54%)}
 .visit-renewal .detail-copy blockquote{font-size:var(--mg-fs-md)}
}
@media(max-width:360px){body.visit-renewal.chapter-story .film-copy{left:18px!important;right:60px!important}body.visit-renewal.chapter-story .film-copy h1,body.visit-renewal.chapter-story .film-copy h2{font-size:var(--mg-fs-2xl)!important}.visit-renewal .film-copy .body-copy{font-size:var(--mg-fs-2xs)}}
@media(max-height:640px) and (max-width:700px){body.visit-renewal.chapter-story .film-copy h1,body.visit-renewal.chapter-story .film-copy h2{font-size:var(--mg-fs-2xl)!important;margin-bottom:var(--mg-space-12)}.visit-renewal .film-copy .eyebrow{margin-bottom:var(--mg-space-10)}body.visit-renewal.chapter-story .film-copy[data-copy="4"]{top:76px}}
@media(max-height:720px) and (max-width:700px){body.visit-renewal.chapter-story .film-copy[data-copy="4"]{top:64px}.visit-renewal .film-copy[data-copy="4"] .eyebrow{margin-bottom:var(--mg-space-8)}body.visit-renewal.chapter-story .film-copy[data-copy="4"] h2{margin-bottom:var(--mg-space-10)}}
@media print{.chapter-controls,.chapter-rail{display:none!important}}