@media(max-width:767px){
html,body{overflow-x:clip}body{font-size:16px}
.logocard{width:clamp(128px,40vw,160px);min-height:64px;padding:7px!important}
a.logomobile,img.logomobile{width:100%!important;max-width:100%!important;height:auto}
.logowrap{padding-left:12px!important;flex-shrink:1}.navitems{flex-shrink:0}
.heroimagecontent{height:auto;max-height:none;width:100%}
.image-content.hero{min-height:0;height:68svh;max-height:650px;object-fit:cover;object-position:50% 55%}
.heroimagetext{left:12px;right:12px;bottom:16px;padding:14px;max-width:none;font-size:16px;line-height:1.45}
.herosubtext p{font-size:14px;line-height:1.35}
h2,.headingstyleh1,.headinglarge,.headinghomeabout,.booknowgrid>h2{font-size:clamp(32px,11.5vw,62px)!important;line-height:1.08!important;max-width:100%}
h3{font-size:clamp(26px,8vw,40px)!important;line-height:1.15!important}
.bodylarge,.textinline{font-size:16px;line-height:1.55}
.homemenuwrap,.homeaboutgrid,.formgrid,.booknowgrid,.sectionsgrid{min-width:0;max-width:100%}
.homemenuwrap>*,.homeaboutgrid>*,.formgrid>*,.booknowgrid>*,.reserveformwrap,.reserveform,.reserveformcontent,.formelement{min-width:0;max-width:100%}
.reserveformcontent{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:22px}
.reserveformcontent>*{grid-area:auto!important;width:100%;min-width:0}
.formgrid>*{grid-area:auto!important}.formgrid{grid-template-columns:minmax(0,1fr)!important;padding:0}
.text-field{font-size:16px!important;min-height:52px;width:100%;max-width:100%;box-sizing:border-box}.fieldtext{font-size:14px!important}.fieldlabel{max-width:100%}
.button{max-width:100%}.buttontext{font-size:18px}.formbuttonwrap{min-height:52px}
.mainwrapmenu{width:100%}.menu{width:80vw;max-width:340px;margin:0;top:14px;left:0;height:calc(100svh - 48px)}
.menucontent{width:100%;min-width:0;height:100%;padding:24px 20px;overflow-y:auto;overscroll-behavior:contain}
.menulinktext{font-size:clamp(24px,7.5vw,34px)!important}.menucontentwrap,.menucontentinner{min-height:0}.menucontenttop{margin-bottom:20px}.menuclosebutton{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}
.site-menu-open .mainwrap{transform:translateX(80vw) rotate(4deg)!important}.site-menu-open{height:100svh;overflow:hidden}
.reservecard{inset:16px!important;width:calc(100% - 32px);max-width:none!important;max-height:calc(100svh - 32px);overflow-y:auto;overscroll-behavior:contain}
.reservecardcontent,.reservecardwrap,.reservecardtop,.reservecardbottom{width:100%;max-width:100%}.cardpaddingreserve{padding:22px 16px!important}.reservecardimagewrap{display:none}.reservecardtopcontent{display:block}.rerserveclosebutton{min-width:44px;min-height:44px}
}
@media(max-width:360px){.logocard{width:128px}.logowrap{padding-left:4px!important}.heroimagetext{font-size:15px;line-height:1.4}.image-content.hero{height:72svh}}
@media(max-width:767px){
.contactgrid{grid-template-columns:minmax(0,1fr)!important;width:100%;max-width:100%}
.contactgrid>*,.contactgridright,.contactrightwrap,.contactheadingwrap,.contactgridleft{min-width:0;max-width:100%;width:100%;grid-area:auto!important}
.contactgrid img{max-width:100%;height:auto}
.headingstyleh5.reservation{font-size:clamp(30px,10.5vw,48px)!important;line-height:1.12!important}
.paddingcontact{padding-top:2rem}.contactheadingwrap{overflow-wrap:break-word}
}