/* Owner-scoped annotated revision. Header logo and navigation enlarged 50%. */
/* Match the menu's starting edge to the main content on wide screens.
   Keep the approved logo/phone row intact when the content gutter is narrower. */
@media(min-width:1001px){body.site-visual .topbar .wrap{column-gap:22px!important}body.site-visual .topbar .nav{margin-left:max(0px,calc((100vw - 1100px)/2 - 311.25px))}}
@media(min-width:761px) and (max-width:1000px){body.site-visual .topbar .wrap{width:calc(100% - 100px)}}
@media(min-width:641px) and (max-width:760px){body.site-visual .topbar .wrap{width:calc(100% - 48px)}}
@media(max-width:1000px){body.site-visual .topbar .nav,body.site-visual .topbar .nav.open{justify-content:flex-start!important}body.site-visual .topbar .nav a{padding-left:0;padding-right:0}}
@media(max-width:640px){body.site-visual .topbar .wrap{width:calc(100% - 32px)}}
body.site-visual .topbar .brand-logo{width:257.25px}
body.site-visual .topbar .nav a{font-size:21px}
body.site-visual .topbar .nav{gap:25px}
.home-visual .card-shuttle{background:linear-gradient(140deg,#245e8cf5,#183b60ef);border-color:#83c9ff;box-shadow:inset 0 3px 0 #83c9ff}
.home-visual .card-shuttle:hover{background:linear-gradient(140deg,#2b70a5,#204a76);border-color:#bae3ff}
.home-visual .card-shuttle .info-number,.home-visual .card-shuttle h2,.home-visual .card-shuttle .info-bottom{color:#d2edff}
.home-visual .card-shuttle .info-bottom{border-color:#83c9ff66}
.home-visual .card-shuttle .shuttle-route{display:block}
.home-visual .hero-info-grid .card-promotion h2{font-size:22px;line-height:1.45}
.home-visual .card-promotion .discount-amount{display:block;font-size:34px;line-height:1.25;font-weight:850;color:#fff09a;margin:5px 0;text-shadow:0 2px 3px #7d123a55}
@media(min-width:1001px) and (max-width:1200px){body.site-visual .topbar .wrap{gap:16px}body.site-visual .topbar .nav{gap:18px}body.site-visual .topbar .top-phone{font-size:30px}}
@media(min-width:641px) and (max-width:1000px){body.site-visual .topbar .nav a{font-size:19.5px}}
@media(max-width:640px){body.site-visual .topbar{height:150px}body.site-visual .topbar .wrap{align-content:flex-start}body.site-visual .topbar .brand{flex:0 0 100%;max-width:100%;height:58px;justify-content:center}body.site-visual .topbar .brand-logo{width:231px;max-width:100%}body.site-visual .topbar .top-phone{order:2;margin:0 auto;height:40px;align-self:center;font-size:28px}body.site-visual .topbar .nav,body.site-visual .topbar .nav.open{order:3;height:48px;flex:0 0 100%;justify-content:space-around}body.site-visual .topbar .nav a{font-size:18px;height:48px}body.detail-compact{padding-top:150px}body.home-visual .hero>.wrap{padding-top:185px!important}.home-visual .hero-info-grid .card-promotion h2{font-size:18px}.home-visual .card-promotion .discount-amount{font-size:clamp(23px,6.8vw,28px)}html{scroll-padding-top:166px}}

/* New-host revisions: larger logo and menus reduced by 3px. */
body.site-visual .topbar .brand-logo{width:310px}
body.site-visual .topbar .nav a{font-size:18px}
@media(min-width:1001px){body.site-visual .topbar .nav{margin-left:0;gap:20px!important}body.site-visual .topbar .wrap{column-gap:18px!important}}
@media(min-width:641px) and (max-width:1000px){body.site-visual .topbar .nav a{font-size:16.5px}}
@media(max-width:640px){body.site-visual .topbar .brand-logo{width:270px}body.site-visual .topbar .nav a{font-size:15px}body.site-visual .topbar .nav{gap:12px!important;justify-content:flex-start!important}}

@media(min-width:641px){.home-visual .card-promotion .discount-amount{font-size:24px}}

/* Align desktop menu with hero text without overlapping the logo or phone. */
@media(min-width:1001px) and (max-width:1819px){
 body.site-visual .topbar{height:130px}
 body.site-visual .topbar .wrap{height:130px;flex-wrap:wrap;align-content:flex-start;column-gap:18px!important;row-gap:0!important}
 body.site-visual .topbar .brand{order:1;height:78px}
 body.site-visual .topbar .top-phone{order:2;margin-left:auto;align-self:center}
 body.site-visual .topbar .nav{order:3;flex:0 0 100%;box-sizing:border-box;height:46px;margin:0!important;padding:0 0 0 calc(max(50px, (100vw - 1100px)/2) - 32px);justify-content:flex-start!important}
 body.site-visual .topbar .nav a{display:flex;align-items:center;height:46px;padding:0}
 body.detail-compact{padding-top:130px}
}
@media(min-width:1820px){body.site-visual .topbar .nav{margin-left:max(0px,calc((100vw - 1100px)/2 - 360px))!important}}
@media(min-width:641px) and (max-width:1000px){body.site-visual .topbar{height:140px}body.detail-compact{padding-top:140px}}
@media(max-width:640px){body.site-visual .topbar .nav,body.site-visual .topbar .nav.open{justify-content:center!important}}

.home-visual .actions .home-call-desktop{display:none}
@media(min-width:1001px){
 .home-visual .actions .home-call-mobile{display:none}
 .home-visual .actions .home-call-desktop{display:inline}
 .home-visual .actions .inline-reservation-actions>a.native-consultation-link,
 .home-visual .actions .inline-reservation-actions>a.native-reservation-link{flex:0 0 180px!important;width:180px!important;height:42px!important;min-height:42px!important;padding:0 8px!important;font-size:23px!important;font-weight:500!important;border-radius:0!important}
 .home-visual .actions .inline-reservation-actions>a.native-reservation-link{flex-basis:130px!important;width:130px!important;background:#08748b!important;color:#fff!important}
}