/* Mobile design system v80: desktop layout and all booking data stay intact. */
.mobile-language-toggle,.mobile-promo-link{display:none}
/* Member service copy is exclusively for the mobile navigation. */
body .site-header .nav>.member-service-bar{display:none!important}
@media(max-width:700px){
 body{font-family:Arial,"Noto Sans SC","Noto Sans TC","Noto Sans KR","Noto Sans JP","Microsoft YaHei",sans-serif!important;font-size:14px;line-height:1.65;background:#fff;color:#263238}
 body *{box-sizing:border-box}
 body :is(h1,h2,h3,h4,p,input,select,textarea,button){font-family:inherit!important;letter-spacing:normal!important}
 body h1{font-size:28px!important;line-height:1.35!important;font-weight:650!important}
 body h2{font-size:22px!important;line-height:1.4!important;font-weight:600!important}
 body h3{font-size:16px!important;line-height:1.5!important}
 body input,body select,body textarea{font-size:16px}
 body .member-service-bar{display:none!important}
 body .site-header,body.premium-home .site-header{position:relative!important;top:auto!important;height:64px!important;min-height:64px;padding:0 16px!important;gap:12px!important;background:#fff!important;border-bottom:1px solid #e6e9ec!important;z-index:50}
 body .site-header .brand{flex:1;min-width:0}
 body .site-header .brand b{color:#24313a!important;-webkit-text-fill-color:#24313a!important;font-size:17px!important;letter-spacing:0!important}
 body .site-header .brand small{display:none!important}
 body .site-header .brand img{width:34px!important;height:28px!important}
 body .site-header .menu-button{order:3;width:40px;min-height:44px;margin:0!important;color:#24313a!important;-webkit-text-fill-color:#24313a!important;font-size:22px!important}
 body .site-header .mobile-language-toggle{display:block;order:2;border:1px solid #dce2e5;border-radius:8px;background:#fff;color:#33434b;font:inherit;font-size:12px;min-height:38px;padding:6px 10px;white-space:nowrap}
 body .site-header .language-switcher{display:none!important}
 body .site-header .language-switcher.mobile-language-open{display:flex!important;position:absolute!important;top:64px!important;right:16px!important;left:auto!important;flex-direction:column!important;width:160px;padding:8px!important;background:#fff!important;border:1px solid #dce2e5!important;box-shadow:0 8px 24px #17293320;z-index:60}
 body .site-header .language-switcher .lang{width:100%;min-height:42px;color:#24313a!important;-webkit-text-fill-color:#24313a!important;text-align:left;background:#fff!important}
 body .site-header .language-switcher .lang.active{background:#f1eee8!important;color:#725a2e!important;-webkit-text-fill-color:#725a2e!important}
 body .site-header .nav{background:#fff!important;color:#24313a!important;border-color:#e6e9ec!important;max-height:calc(100dvh - 64px);overflow-y:auto;padding:12px 16px!important}
 body .site-header .nav a{color:#24313a!important;-webkit-text-fill-color:#24313a!important;min-height:44px;padding:12px!important;font-size:14px!important}
 body .site-header .nav a.current,body .site-header .nav a:hover{background:#f4f5f6!important}
 body .site-header .nav .member-service-bar{display:block!important;margin-top:8px;padding:12px;border-radius:8px;white-space:normal}
 body .site-header .nav .member-service-bar strong{display:none}
 body .site-header .nav .member-service-actions{display:flex;flex-wrap:wrap;gap:8px}
 body .site-header .nav .member-service-actions small{font-size:12px;line-height:1.6}
 body .site-header .nav .member-service-actions button{min-height:44px}
 body .kicker,body .section-overline,body .eyebrow,body .why-copy>small{display:none!important}
 body.premium-home{--home-text:#24313a;--home-muted:#53636e;--home-accent:#7d6234;background:#fff!important;color:#24313a!important}
 body.premium-home .editorial-hero{min-height:0!important;height:auto!important;background:#fff!important}
 body.premium-home .editorial-hero-copy{padding:26px 20px 24px!important;background:#fff!important;color:#24313a!important}
 body.premium-home .editorial-hero h1{color:#24313a!important;-webkit-text-fill-color:#24313a!important;font-size:28px!important}
 body.premium-home .hero-sub{font-size:14px!important;color:#53636e!important;margin:12px 0 18px!important;line-height:1.7!important}
 body.premium-home .editorial-hero-copy .button{padding:11px 14px!important;min-height:44px;font-size:13px!important;white-space:normal}
 body.premium-home .editorial-hero-copy .button:not(.primary){color:#34434c!important;border-color:#b5bec4!important}
 body.premium-home .hero-bottom{display:none!important}
 body.premium-home :is(.editorial-intro,.editorial-services,.home-destinations,.guest-proof,.fleet-section,.booking-how,.contact-section,.company-information){padding:32px 20px!important;background:#fff!important;color:#24313a!important}
 body.premium-home :is(.editorial-intro,.editorial-services,.guest-proof,.fleet-section,.booking-how,.company-information) :is(h2,h3){color:#24313a!important;-webkit-text-fill-color:#24313a!important}
 body.premium-home :is(.editorial-intro,.editorial-services,.fleet-section,.booking-how,.company-information) p{color:#53636e!important;line-height:1.75!important;font-size:14px!important}
 body.premium-home .editorial-intro{gap:18px!important;border-top:8px solid #f4f6f7}
 body.premium-home .why-heading h2 br{display:none}
 body.premium-home .editorial-intro p:not(.kicker){margin:12px 0 18px!important}
 body.premium-home .why-grid{gap:20px 14px!important}
 body.premium-home .why-photo{height:auto!important;aspect-ratio:3/2}
 body.premium-home .why-photo img{width:100%;height:100%!important;object-fit:cover}
 body.premium-home .why-copy h3{margin:10px 0 6px!important}
 body.premium-home .why-copy p{font-size:13px!important;margin:0!important}
 body.premium-home .service-stage{gap:18px!important}
 body.premium-home .editorial-section-top{margin-bottom:18px!important}
 body.premium-home .service-tab,body.premium-home .service-number{color:#34434c!important;font-size:14px!important}
 body.premium-home .service-options{border-color:#dce2e5!important}
 body.premium-home .service-tab{border-color:#dce2e5!important;min-height:48px}
 body.premium-home .service-tab.selected{color:#84652e!important}
 body.premium-home .service-caption a{color:#725a2e!important}
 body.premium-home .service-panels img{height:210px!important;object-fit:cover}
 body.premium-home .home-destinations{border-top:8px solid #f4f6f7}
 body.premium-home .route-teaser-head{margin-bottom:20px!important;gap:14px}
 body.premium-home .home-destinations .route-teaser-grid a{height:250px!important}
 body.premium-home .fleet-tab{color:#53636e!important;font-size:13px!important;border-color:#dce2e5!important}
 body.premium-home .fleet-tab[aria-selected=true]{color:#24313a!important;background:#f1eee8!important}
 body.premium-home .fleet-photo{height:auto!important;aspect-ratio:3/2}
 body.premium-home .fleet-caption small{color:#725a2e!important}
 body.premium-home .contact-intro,body.premium-home .contact-intro p,body.premium-home .contact-intro h2{color:#24313a!important}
 body.premium-home .contact-card{background:#f4f6f7!important;color:#24313a!important}
 body.premium-home .contact-card strong{color:#24313a!important}
 body.premium-home .contact-card small{color:#53636e!important}
 body .campaign-visual{margin:0!important;padding:18px 20px!important;background:#f6f3ec!important;border:0!important;border-radius:0!important}
 body .campaign-visual .campaign-heading{display:block!important;margin:0!important}
 body .campaign-visual .campaign-heading h2{font-size:18px!important;margin:0 0 6px!important;color:#24313a!important}
 body .campaign-visual .campaign-heading p{font-size:13px!important;margin:0!important}
 body .campaign-visual :is(.promo-track,.campaign-footer){display:none!important}
 body .mobile-promo-link{display:inline-block;margin-top:10px;color:#725a2e!important;font-weight:600;font-size:13px;text-decoration:underline}
 body .journey-entry{padding:20px!important;gap:10px!important;background:#fff!important}
 body .journey-entry a{border:1px solid #e2e7ea!important;border-radius:10px;padding:14px!important;min-height:68px}
 body .catalog-main,body .detail-main{padding:24px 16px 40px!important}
 body .breadcrumb{margin:0 0 20px!important;font-size:12px}
 body .destination-title{display:block!important;margin-bottom:20px}
 body .destination-title h1{font-size:26px!important;letter-spacing:0!important}
 body .destination-title p:last-child{font-size:14px;line-height:1.75}
 body .hero-consult{display:inline-block;margin-top:14px;padding:8px 14px}
 body .catalog-discover{margin:26px 0 16px!important;display:block}
 body .catalog-discover>p{display:none}
 body .catalog-controls{gap:12px}
 body .filter-row{flex-wrap:nowrap;overflow-x:auto;gap:8px;margin:16px 0 24px;padding-bottom:4px}
 body .filter-chip{flex-shrink:0;min-height:40px;padding:8px 14px}
 body .tour-grid{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
 body .tour-card{border-radius:12px!important;box-shadow:0 3px 12px #24313a06}
 body .tour-cover{aspect-ratio:16/9!important}
 body .tour-content{padding:14px 16px!important;gap:0}
 body .tour-meta{font-size:12px!important;margin-bottom:6px}
 body .tour-content h3{font-size:17px!important;line-height:1.45!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px!important}
 body .tour-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:none;line-height:1.6!important;font-size:13px!important;margin-bottom:10px!important}
 body .tour-stops{display:none}
 body .tour-reviews{flex-wrap:wrap!important;gap:4px 8px!important;padding-bottom:10px!important;font-size:12px!important}
 body .product-sales{margin:0!important;font-size:11px!important;padding:2px 6px}
 body .tour-price{padding-top:10px!important;gap:12px;align-items:end;flex-wrap:wrap}
 body .tour-price>span{min-width:0;flex:1}
 body .tour-price strong,body .tour-price .member-discount-price{font-size:22px!important;line-height:1.4!important;font-weight:650!important;letter-spacing:-.4px!important;white-space:nowrap!important}
 body .tour-price .member-original-price{font-size:12px!important;margin:0 0 6px!important}
 body .tour-price small{font-size:12px!important;margin-bottom:4px!important}
 body .tour-price>span>small:first-child{display:none}
 body .member-price-cta{display:block;font-size:12px!important;line-height:1.6;margin-top:5px}
 body .custom-banner{padding:24px 18px;margin:32px 0}
 body .detail-title h1{font-size:25px!important}
 body .detail-tabs{gap:20px;overflow-x:auto;white-space:nowrap;padding:14px 0;margin:14px 0 24px}
 body .detail-section{margin:26px 0}
 body .review-card{padding:16px!important}
 body .review-card p{font-size:14px;line-height:1.8}
 body .review-photos{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body .shop-hero{min-height:390px!important;padding:70px 20px 36px!important}
 body .shop-hero h1{font-size:28px!important}
 body .shop-hero>div>p:not(.eyebrow){font-size:14px!important;line-height:1.8!important}
 body .shop-hero .button{min-height:44px;padding:12px 20px}
 body.mobile-charter main{display:flex;flex-direction:column}
 body.mobile-charter main>.charter-hero{order:0}
 body.mobile-charter main>.charter-enquiry-layout{order:1;padding:26px 16px!important}
 body.mobile-charter main>.fleet-section{order:2;padding:28px 16px!important}
 body.mobile-charter main>.travel-help{order:3}
 body .charter-enquiry-layout>aside{display:none}
 body .charter-enquiry-layout>.order-panel{grid-row:1!important;padding:22px 18px!important;border-radius:12px}
 body .charter-enquiry-layout>.alphard-detail-gallery{grid-row:2!important}
 body .charter-enquiry-layout .order-panel h2{font-size:23px!important}
 body.mobile-charter .fleet-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}
 body.mobile-charter .fleet-grid article img{height:auto!important;aspect-ratio:4/3;object-fit:cover}
 body.mobile-charter .fleet-grid article>div{padding:12px}
 body.mobile-charter .fleet-grid h3{font-size:14px!important;overflow-wrap:anywhere}
 body.mobile-charter .fleet-grid p{font-size:12px}
 body.mobile-charter .fleet-grid small{display:none}
 body .travel-help{padding:30px 20px!important}
 body .travel-help summary{font-size:14px!important;line-height:1.7}
 body .mobile-contact{display:none!important}
 body .live-chat-button,body.premium-home .live-chat-button{right:12px!important;bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;width:106px!important;min-width:106px!important;height:44px!important;padding:8px 12px!important;display:flex!important;justify-content:center;align-items:center;gap:6px;box-shadow:0 3px 14px #16232e24}
 body .live-chat-button b{font-size:13px!important}
 body .live-chat-button small,body .live-chat-button>span{display:none!important}
 body .live-chat-panel{bottom:calc(68px + env(safe-area-inset-bottom,0px))!important;right:10px!important;width:calc(100vw - 20px)!important;max-width:420px;max-height:calc(100dvh - 90px)!important}
 body footer{padding-bottom:80px!important}
 body :is(a,button,summary,input,select,textarea):focus-visible{outline:2px solid #97753c;outline-offset:3px}
}
@media(max-width:360px){body .tour-price strong,body .tour-price .member-discount-price{font-size:20px!important}body .tour-price>a{flex-basis:100%;text-align:right}body .site-header{gap:6px!important}}
/* Override the legacy hero's higher-specificity dark panel rule. */
@media(max-width:700px){
 body.premium-home .editorial-hero .editorial-hero-copy{background:#fff!important;color:#24313a!important;padding:26px 20px 24px!important}
 body.premium-home .editorial-hero .editorial-hero-copy h1{color:#24313a!important;-webkit-text-fill-color:#24313a!important}
 body.premium-home .editorial-hero .hero-sub{color:#53636e!important;-webkit-text-fill-color:#53636e!important;font-size:14px!important}
 body.premium-home .editorial-hero .editorial-button{min-height:44px;padding:11px 14px!important;font-size:13px!important}
 body.premium-home .editorial-hero .editorial-button.hero-transfer{color:#34434c!important;-webkit-text-fill-color:#34434c!important;border-color:#b5bec4!important}
 body .campaign-visual .campaign-kicker{display:none!important}
}
