/* Full-size mobile maps: show the entire drawing at its natural proportions.
   A 320px fixed height made the tall red-line SVG appear too small. */
@media(max-width:767px){
 body[data-site-design] .pg-surface{width:calc(100% - 24px);padding-inline:12px!important}
 body[data-page=""].homepage-v2 .home-worship-zone>.pg-surface{width:100%;padding-inline:0!important}
 body[data-site-design] .pg-main{display:flex;flex-direction:column;gap:22px}
 body[data-site-design] .pg-map,body[data-site-design] .pg-copy{width:100%;max-width:none;min-width:0;margin-inline:0}
 body[data-site-design] .pg-map-trigger,body[data-site-design] .pg-mapbox{display:block;width:100%;max-width:none}
 body[data-site-design] .pg-surface .pg-mapbox img{display:block;width:100%;height:auto!important;max-height:none!important;object-fit:contain;aspect-ratio:900/1400}
 body[data-site-design][data-page="parking"] .content{padding-inline:12px}
 body[data-site-design][data-page="parking"] #parking-maps{padding-inline:0}
 body[data-site-design][data-page="parking"] .mapbox{display:flex;flex-direction:column;width:100%;gap:20px}
 body[data-site-design][data-page="parking"] .mapphoto{width:100%;max-width:none;min-width:0;padding:0;flex:none}
 body[data-site-design][data-page="parking"] .mapphoto img{display:block;width:100%;height:auto!important;max-height:none!important;object-fit:contain}
 body[data-site-design][data-page="parking"] .maptext{width:100%;min-width:0;box-sizing:border-box}
 body[data-site-design][data-page="parking"] .maptabs{display:flex;flex-wrap:wrap;gap:8px}
 body[data-site-design][data-page="parking"] .maptabs button{flex:1 1 135px;white-space:normal;min-height:44px}
}