/* Shared production shell: typography, width, controls and mobile navigation. */
html,body,button,input,textarea,select,h1,h2,h3,h4,h5,h6,.font-display{font-family:'Quicksand',Arial,sans-serif!important}
html{overflow-x:clip}
.container-site{width:100%!important;max-width:80rem!important;margin-inline:auto!important;padding-inline:1.25rem!important}
header .btn-primary{background:#171717!important;color:#fff!important;border-color:#171717!important}
header .btn-secondary{background:#fff!important;color:#171717!important}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b27567!important;outline-offset:3px!important}
html.mp-menu-open,html.mp-menu-open body{overflow:hidden!important}
.footer-bottom a,.container-site.mt-14 a{color:inherit;text-decoration:underline;text-underline-offset:3px}

@media(min-width:640px){.container-site{padding-inline:2rem!important}}
@media(min-width:1024px){.container-site{padding-inline:2.5rem!important}}
@media(max-width:1023px){
 body{overflow-x:clip!important}
 body>header{position:sticky!important;top:0!important;z-index:100!important;width:100%!important;background:#fff8f3!important;backdrop-filter:none!important}
 #menu-open{display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;z-index:101!important;flex-shrink:0!important;min-width:48px!important;min-height:48px!important;visibility:visible!important;opacity:1!important;color:#171717!important}
 #mobile-menu{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:0!important;overflow-y:auto!important;z-index:110!important;background:#fff8f3!important}
}

/* The marketing pages already have a dedicated Text / Book mobile action bar.
   Keep the scroll-triggered desktop booking floater off phone layouts so the
   two fixed CTAs can never overlap when the header leaves the viewport. */
@media(max-width:639px){
 .mp-v18-floating-book{display:none!important}
}