/* Section 131: consistent mobile-only header, gallery and form sizing. */
@media screen and (max-width:700px){
 html,body{max-width:100%;overflow-x:clip}
 .site-header{position:sticky!important;top:0!important;z-index:9999!important;width:100%!important}
 .site-header .header-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:74px!important}
 .site-header .brand-portrait{display:none!important}
 .site-header .header-book,.site-header .header-socials,.site-header .desktop-nav{display:none!important}
 .site-header .brand{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;max-width:64%!important;width:auto!important;display:flex!important;justify-content:center!important;z-index:1!important}
 .site-header .brand .brand-copy{overflow:visible!important;position:relative!important;min-width:0!important;text-align:center!important}
 .site-header .brand .brand-copy strong{color:#efd093!important;-webkit-text-fill-color:#efd093!important;background:none!important;animation:none!important}
 .site-header .brand .brand-copy::before,.site-header .brand .brand-copy::after{content:''!important;display:block!important;visibility:visible!important;opacity:1!important;z-index:4!important;width:13px!important;height:28px!important;top:50%!important;background:url('brand/gold-archer.svg') center/contain no-repeat!important}
 .site-header .brand .brand-copy::before{right:calc(100% + 4px)!important;animation:rh131-left 12s ease-in-out infinite!important}
 .site-header .brand .brand-copy::after{left:calc(100% + 4px)!important;animation:rh131-right 12s ease-in-out infinite!important}
 .site-header .header-call{display:flex!important;position:relative!important;z-index:2!important;margin-right:auto!important}
 .site-header .explore-trigger{display:flex!important;position:relative!important;z-index:2!important;margin-left:auto!important}
 .site-header .rh122-quick{display:flex!important;width:100%!important;align-items:center!important;justify-content:space-around!important}
 #gallery #photo-grid,#gallery #photo-grid.poster-carousel{display:flex!important;align-items:stretch!important;justify-content:center!important;width:100%!important;min-height:0!important;margin:0 auto!important;padding:0!important}
 #gallery #photo-grid .photo-item{width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;margin:0 auto!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
 #gallery #photo-grid .photo-item-image{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:4/3!important;margin:0 auto!important;overflow:hidden!important}
 #gallery #photo-grid .photo-item-image>img{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 50%!important}
 #gallery #photo-grid .photo-item.gallery-contain .photo-item-image>img{object-fit:contain!important}
 .christmas-page form,.christmas-page fieldset,.christmas-page input,.christmas-page select,.christmas-page textarea,.christmas-page label{box-sizing:border-box!important;max-width:100%!important;min-width:0!important}
 .christmas-page input[type=date],.christmas-page input[name=date],.christmas-page input[id*=date]{display:block!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
 .christmas-page .christmas-booking-form,.christmas-page .christmas-booking-card{max-width:100%!important;min-width:0!important}
}
@keyframes rh131-left{0%,5%,45%,100%{transform:translateY(-50%) rotateY(0)}12%,25%{transform:translateY(-50%) rotateY(180deg)}}
@keyframes rh131-right{0%,48%,95%,100%{transform:translateY(-50%) scaleX(-1) rotateY(0)}58%,72%{transform:translateY(-50%) scaleX(-1) rotateY(180deg)}}
@media(prefers-reduced-motion:reduce){.site-header .brand .brand-copy::before,.site-header .brand .brand-copy::after{animation:none!important}}
