/* Mobile preview: square sprite cells preserve photo proportions; booking stays outside scroll area. */
#aiExperienceViewer #aiExperienceTitle{text-align:center}
@media(max-width:760px){
 html body dialog#aiExperienceViewer{width:calc(100% - 32px)!important;max-width:560px!important;max-height:calc(100dvh - 32px)!important;padding:44px 20px 0!important;overflow:hidden!important;box-sizing:border-box}
 html body dialog#aiExperienceViewer[open]{display:flex!important;flex-direction:column;gap:0}
 html body #aiExperienceViewer .ai55-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:22px!important;min-height:0;overflow-y:auto;overscroll-behavior:contain;flex:1 1 auto;padding-bottom:8px}
 html body #aiExperienceViewer .ai55-photo{display:block!important;width:min(100%,340px)!important;max-width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1!important;margin:0 auto!important;flex:none}
 html body #aiExperienceViewer .ai55-nav{margin-top:14px;gap:12px}
 html body #aiExperienceViewer .ai55-nav button{min-height:44px}
 html body #aiExperienceViewer h2{font-size:clamp(1.4rem,5.7vw,1.85rem)!important;line-height:1.3!important;text-align:center!important;margin:10px 0 16px!important}
 html body #aiExperienceViewer p{font-size:15px!important;line-height:1.6!important;margin:12px 0!important}
 html body #aiExperienceViewer .eyebrow{text-align:center;font-size:11px!important;letter-spacing:.15em}
 #aiExperienceViewer .ai156-footer{flex:0 0 auto;background:#fffaf1;padding:16px 0 20px;border-top:1px solid #d9ddcf}
 html body #aiExperienceViewer .ai156-footer [data-ai-book]{position:static!important;display:flex!important;width:100%;min-height:48px;margin:0!important;font-size:16px}
}
@media(min-width:761px){#aiExperienceViewer .ai156-footer:empty{display:none}}