/* Mobile layout: full-width content, visible imagery and compact navigation. */
@media(max-width:760px){
 html[data-mode] .site-header,html[data-mode] .is-scrolled .site-header{padding:34px 20px 12px;gap:12px;min-height:88px}
 html[data-mode] .site-header .brand img,html[data-mode] .is-scrolled .brand img{width:190px;max-width:53vw}
 html[data-mode] .language-switch{top:7px;right:20px}
 html[data-mode] .menu-button{min-height:44px;min-width:64px;padding:10px 0;font-size:14px}
 html[data-mode] .site-header nav{position:absolute;left:0;right:0;top:100%;padding:8px 20px 16px;gap:0!important;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 12px 20px #0002;max-height:calc(100dvh - 170px);overflow-y:auto;overscroll-behavior:contain}
 html[data-mode] .site-header nav>a,html[data-mode] .site-header nav .city-menu summary{padding:12px 0;min-height:46px}
 html[data-mode] .site-header nav .book{margin-top:10px;min-height:46px;padding:12px 18px!important}
 html[data-mode] .hero,html[data-mode] .home-hero,html[data-mode] .experience-hero{display:block;min-height:0!important}
 html[data-mode] .hero .hero-image{inset:0 0 auto;height:240px;background-size:cover!important;background-position:65% center!important}
 html[data-mode] .hero .hero-image:after{background:linear-gradient(0deg,var(--bg),transparent 48%)!important}
 html[data-mode] .hero .hero-copy,html[data-mode] .home-hero .hero-copy{width:calc(100% - 40px);max-width:none;margin:0 20px;padding:258px 0 32px!important}
 html[data-mode] .hero h1{font-size:clamp(32px,9.3vw,40px)!important;line-height:1.12;overflow-wrap:break-word;margin-bottom:20px}
 html[data-mode] .hero .lead{font-size:15px!important;line-height:1.7!important}
 html[data-mode] .hero .eyebrow{margin-bottom:16px;font-size:10px!important}
 html[data-mode] .hero .actions{gap:10px;margin:22px 0}
 html[data-mode] .hero .actions>.button{flex:1 1 150px;min-height:48px;font-size:13px!important;padding:12px 14px!important;gap:10px}
 html[data-mode] .quick-facts{display:grid;grid-template-columns:1fr;gap:14px;margin-top:22px}
 html[data-mode] .quick-facts>div{grid-template-columns:58px 1fr;min-width:0}
 html[data-mode] .quick-facts small{max-width:none;font-size:11px!important}
 html[data-mode] .quick-facts span{font-size:12px!important}
 html[data-mode] .game-grid{grid-template-columns:minmax(0,1fr);gap:20px}
 html[data-mode] .game-card{display:block!important;padding:24px 0;min-width:0}
 html[data-mode] .game-number{display:block;font-size:44px!important;margin-bottom:16px}
 html[data-mode] .game-card>div{width:100%;min-width:0;margin:0;height:auto}
 html[data-mode] .game-card h2,html[data-mode] .game-card h3{font-size:29px!important}
 html[data-mode] .game-card .button{font-size:14px!important;min-height:48px;max-width:100%;padding:12px 16px}
 html[data-mode] .comparison-polished{min-width:0!important;table-layout:fixed;width:100%}
 html[data-mode] .comparison-polished th,html[data-mode] .comparison-polished td{padding:13px 8px!important;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
 html[data-mode] .comparison-polished thead th{font-size:13px}
 html[data-mode] .comparison-polished thead th:first-child,html[data-mode] .comparison-polished tbody th{width:30%;font-size:11px}
 html[data-mode] .comparison-polished .comparison-subtitle{font-size:11px;letter-spacing:0}
 html[data-mode] .section,html[data-mode] .page-intro,html[data-mode] .games,html[data-mode] .destinations{padding-left:20px;padding-right:20px;min-width:0}
 html[data-mode] .section-heading,html[data-mode] .section-body{min-width:0;max-width:100%}
 html[data-mode] .facts{gap:20px 14px!important}
 html[data-mode] .facts strong{font-size:25px!important}
 html[data-mode] .group-form{grid-template-columns:minmax(0,1fr)}
 html[data-mode] .group-form label,html[data-mode] .group-form button{min-width:0}
 html[data-mode] .group-form input[type=checkbox]{width:22px;min-height:22px;align-self:flex-start}
 html[data-mode] .gift-steps{max-width:none;margin-top:20px}
 html[data-mode] .gift-steps li{margin-bottom:12px;line-height:1.65}
 html[data-mode] .erd-live-frame{width:100%;max-width:100%;min-width:0}
 html[data-mode] .article-content{display:block}
 html[data-mode] .article-content .section-body{margin-top:0;overflow-wrap:anywhere}
 html[data-mode] .article-content img{height:auto;max-width:100%}
 html[data-mode] .mobile-reserve{min-height:60px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));gap:12px}
 html[data-mode] .mobile-reserve>span{font-size:11px}
 html[data-mode] .mobile-reserve>strong{font-size:13px}
 html[data-mode] dialog{max-height:calc(100dvh - 40px);overflow-y:auto}
 #cookie-notice{bottom:calc(60px + env(safe-area-inset-bottom));min-width:0!important;width:100%}
 #cookie-notice .cookie-notice-container{padding:14px 18px;font-size:12px;line-height:1.5}
 #cookie-notice .cn-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;min-width:70px;margin:10px 6px 0}
}
@media(max-width:360px){
 html[data-mode] .site-header{padding-inline:16px}
 html[data-mode] .hero .hero-copy{width:calc(100% - 32px);margin-inline:16px}
 html[data-mode] .section,html[data-mode] .page-intro,html[data-mode] .games,html[data-mode] .destinations{padding-inline:16px}
 html[data-mode] .hero .hero-image{height:215px}
 html[data-mode] .hero .hero-copy{padding-top:230px!important}
}