/* Shared phone/tablet layout for every language. Gallery movement stays inside its viewport. */
html,body{max-width:100%;overflow-x:clip}
.gallery-page .gallery-only,.tour-viewport{box-sizing:border-box;max-width:100%}
.lightbox-meta,.postcard-share{min-width:0;overflow-wrap:anywhere}
.postcard-share input,.postcard-share textarea{max-width:100%}
#lightbox{z-index:3000!important;overscroll-behavior:contain}
#lightbox .lightbox-inner{position:relative;box-sizing:border-box}
#lightbox .close{position:fixed!important;top:max(12px,env(safe-area-inset-top))!important;right:max(12px,env(safe-area-inset-right))!important;left:auto!important;width:40px!important;height:40px!important;z-index:10!important}
.limit-languages{max-width:calc(100vw - 24px);box-sizing:border-box}
@media(max-width:1024px){
 .limit-languages{top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));gap:8px;font-size:11px;padding:6px 8px}
 .limit-languages a{min-width:28px;min-height:28px;display:grid;place-items:center}
 .gallery-page .gallery-only{padding:12px 0 112px!important}
 .gallery-page .gallery-only .tour-viewport{height:calc(100svh - 210px)!important;min-height:340px!important;width:100%!important}
 .tour-controls{gap:12px;flex-wrap:wrap;padding:0 12px}
 .tour-controls button{min-width:40px;min-height:40px}
 .gallery-page .tour-story-wall{width:min(700px,90vw)!important;min-width:min(700px,90vw)!important;flex-basis:min(700px,90vw)!important;grid-template-columns:100px minmax(0,1fr)!important;gap:16px!important;padding:30px 28px 20px!important;overflow:hidden}
 .gallery-page .story-wall-photo{height:160px!important;margin-top:55px!important;max-width:100%}
 .story-wall-photo img{width:100%;height:100%;object-fit:contain}
 .story-wall-copy p{font-size:10px!important;line-height:1.3!important}
 .garage-radio-widget{width:150px!important;min-width:0!important;right:12px!important;bottom:max(12px,env(safe-area-inset-bottom))!important}
 .garage-tv-widget{width:140px!important;min-width:0!important;left:12px!important;bottom:max(12px,env(safe-area-inset-bottom))!important}
 #lightbox{padding:60px 12px 20px!important;box-sizing:border-box;overflow-y:auto!important}
 #lightbox .lightbox-inner{max-width:100%!important;max-height:calc(100dvh - 80px)!important;overflow-y:auto!important;height:auto!important}
 #lightbox:not(.info-only) .lightbox-inner{width:min(760px,100%)!important;display:block!important;padding:10px!important;border-width:8px!important}
 #lightbox:not(.info-only) .lightbox-frame{width:100%!important;height:auto!important;max-height:48dvh;overflow:hidden}
 #lightbox:not(.info-only) #lightbox-image{display:block;max-width:100%!important;width:auto!important;height:auto!important;max-height:48dvh!important;object-fit:contain!important;margin:auto}
 #lightbox .lightbox-meta{width:100%!important;box-sizing:border-box;padding:18px!important}
 #lightbox #lightbox-story{max-width:none!important}
 #lightbox .postcard-share input,#lightbox .postcard-share textarea{font-size:16px!important}
 #lightbox .postcard-share button{min-height:44px;white-space:normal}
 #lightbox .postcard-share h4{font-size:16px!important;line-height:1.2!important}
 .garage-door-click-hint{max-width:calc(100% - 32px);box-sizing:border-box;white-space:normal!important;text-align:center;bottom:max(24px,env(safe-area-inset-bottom))!important}
}
@media(max-width:600px){
 .gallery-page .tour-wall{width:84vw!important;flex-basis:84vw!important;padding-left:22px!important;padding-right:22px!important;box-sizing:border-box}
 .tour-frame{width:min(60vw,230px)!important;height:min(76vw,290px)!important;box-sizing:border-box}
 .gallery-page .info-card{top:calc(64px + min(76vw,290px) + 16px)!important;right:24px!important;max-width:78px!important}
 .gallery-page .tour-story-wall{grid-template-columns:minmax(0,1fr)!important;width:90vw!important;min-width:90vw!important;flex-basis:90vw!important;padding:24px 28px!important}
 .gallery-page .story-wall-photo{display:none!important}
 .story-wall-copy p{font-size:9px!important;line-height:1.25!important;margin-bottom:5px!important}
 .story-wall-copy h2{font-size:28px!important}
 .garage-radio-widget{width:112px!important}.garage-tv-widget{width:106px!important}
 .garage-oil-can{max-width:48px!important}
 #lightbox.info-only .lightbox-inner{width:100%!important}
 #lightbox .lightbox-meta{padding:16px!important}
}
@media(max-height:500px) and (max-width:1024px){
 .gallery-page .gallery-only .tour-viewport{height:340px!important}
 .garage-tv-widget,.garage-radio-widget{position:absolute!important;bottom:10px!important}
 #lightbox:not(.info-only) #lightbox-image{max-height:60dvh!important}
}
@media(prefers-reduced-motion:reduce){.tour-track,.garage-door-intro{transition:none!important}.garage-radio-display span{animation:none!important;padding-left:0!important}}