.desktop-primary-nav{display:none}
@media(min-width:761px){
    body .site-header-shell .site-header{display:flex;align-items:center;justify-content:space-between;gap:20px}
    body .site-header .service-tabs,body .site-header .header-links>a{display:none}
    body .site-header-shell .desktop-primary-nav{display:flex;align-items:center;justify-content:center;gap:4px;flex:0 1 auto;min-width:0;padding:6px;border:1px solid #d5bf934d;border-radius:50px;background:#ffffff14}
    .desktop-primary-nav>a{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 14px;border-radius:40px;color:inherit;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap;line-height:1.6}
    .desktop-primary-nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
    .desktop-primary-nav>a:hover{background:#ffffff30}
    .desktop-primary-nav>a[aria-current=page]{background:#fff;color:#17344d}
    .desktop-primary-nav>a[aria-current=page] svg{color:#087f72}
    .desktop-primary-nav .hotel-bottom-search-icon{display:inline-flex;align-items:center;justify-content:center;color:inherit}
    .desktop-primary-nav>a:focus-visible{outline:2px solid #f0d39c;outline-offset:3px}
    body .site-header .header-links{flex:0 0 auto;gap:10px;margin-inline:0}
    body .site-header .header-links>.header-account{display:none}
    .desktop-primary-nav .header-account>.desktop-account-trigger{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 14px;border:0;border-radius:40px;background:transparent;color:inherit;font-size:12px;font-weight:700;box-sizing:border-box}
    .desktop-primary-nav .header-account>.desktop-account-trigger:hover,.desktop-primary-nav .header-account[open]>.desktop-account-trigger{background:#ffffff30}
    .desktop-primary-nav .header-account>.desktop-account-trigger:focus-visible{outline:2px solid #f0d39c;outline-offset:3px}
    .desktop-primary-nav .header-account>.desktop-account-trigger.is-signed-in{padding-inline:7px 12px;background:#f4ecdc;color:#17344d;box-shadow:inset 0 0 0 1px #d5bf93}
    .desktop-primary-nav .is-signed-in .account-avatar{width:30px;height:30px;border-radius:50%;background:#17344d;border-color:#17344d;color:#f0d39c}
    .desktop-primary-nav .header-account>.desktop-account-trigger.is-signed-in:hover,.desktop-primary-nav .header-account[open]>.desktop-account-trigger.is-signed-in{background:#f0d39c;color:#17344d}
}

/* One navigation tree; only its layout changes with the viewport. */
@media(min-width:761px) and (max-width:1100px){
    body .site-header-shell .site-header{flex-wrap:wrap;gap:10px}
    body .site-header-shell .desktop-primary-nav{order:3;flex-basis:100%;margin-bottom:12px}
    body .site-header .header-links{margin-inline-start:auto}
}
@media(max-width:760px){
    body .site-header-shell .site-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-block:12px;height:auto}
    body .site-header .site-logo{position:static;transform:none;margin:0}
    body .site-header .header-links{display:flex;gap:8px;margin:0;font-size:11px}
    body .site-header-shell .desktop-primary-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));order:3;flex:0 0 100%;gap:2px;padding:6px 2px;border:1px solid #d5bf934d;border-radius:16px;background:#ffffff14;color:inherit}
    .desktop-primary-nav>a,.desktop-primary-nav .header-account>.desktop-account-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:56px;padding:5px 1px;margin:0;border:0;border-radius:10px;background:transparent;color:inherit;text-decoration:none;font-size:10px;line-height:1.5;font-weight:700;white-space:nowrap}
    .desktop-primary-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
    .desktop-primary-nav>a[aria-current=page]{background:#fff;color:#17344d}
    .desktop-primary-nav :is(a,summary):focus-visible{outline:2px solid #a78649;outline-offset:2px}
    .desktop-primary-nav .header-account{min-width:0}
    .desktop-primary-nav .account-trigger-name{display:block;max-width:60px}
    .desktop-primary-nav .account-trigger>i{display:none}
    .desktop-primary-nav .account-avatar{width:22px;height:22px;flex-basis:22px;font-size:11px}
    .desktop-primary-nav .account-dropdown{position:fixed;top:var(--account-menu-top,140px);left:12px;right:12px;width:auto;max-width:none;max-height:calc(100dvh - var(--account-menu-top,140px) - 20px)}
}
@media(min-width:761px){body .site-header .mobile-menu-toggle{display:none}}
@media(max-width:760px){
    body .site-header-shell .site-header{flex-wrap:nowrap;direction:rtl}
    body .site-header .site-logo{order:0}
    body .site-header .mobile-menu-toggle{display:flex;align-items:center;justify-content:center;position:static;order:1;margin:0;margin-inline-start:auto;min-width:44px;min-height:44px}
    body .site-header-shell .site-header>.desktop-primary-nav,body .site-header .header-links{display:none}
    .mobile-navigation{direction:rtl;font-family:Cairo,sans-serif}
    .mobile-navigation .desktop-primary-nav{display:flex;flex-direction:column;gap:10px}
    .mobile-navigation .desktop-primary-nav>a,.mobile-navigation .desktop-primary-nav .header-account>.desktop-account-trigger{flex-direction:row;justify-content:flex-start;gap:12px;padding:12px;min-height:58px;font-size:14px;border:1px solid #e3e8ed;border-radius:15px;background:#fff;color:#17344d;box-sizing:border-box}
    .mobile-navigation .desktop-primary-nav>a>svg,.mobile-navigation .desktop-account-trigger>svg{width:34px;height:34px;flex-shrink:0;padding:7px;box-sizing:border-box;color:#a07832;background:#faf3e2;border-radius:10px}
    .mobile-navigation .desktop-primary-nav>a::after{content:'‹';margin-inline-start:auto;color:#a07832;font-size:24px;font-weight:400}
    .mobile-navigation .desktop-primary-nav>a:hover,.mobile-navigation .desktop-primary-nav>a[aria-current=page]{background:#fffaf0;border-color:#dac38b;color:#17344d}
    .mobile-navigation .desktop-primary-nav .header-account>.desktop-account-trigger{background:#17344d;border-color:#17344d;color:#fff}
    .mobile-navigation .desktop-account-trigger::after{content:'⌄';margin-inline-start:auto;font-size:18px;color:#f0d39c}
    .mobile-navigation .header-account[open]>.desktop-account-trigger::after{transform:rotate(180deg)}
    .mobile-navigation .header-links{display:flex;align-items:center;justify-content:center;gap:14px;margin:24px 0 0;padding:16px;border:1px solid #e9dfc9;border-radius:14px;background:#fffaf0;color:#17344d}
    .mobile-navigation .header-setting{padding:6px 10px;border:1px solid #e5dcc8;border-radius:8px;background:#fff;color:#17344d;font:inherit;font-size:12px;cursor:pointer}
    .mobile-navigation .desktop-primary-nav .account-dropdown{position:static;width:100%;max-width:100%;max-height:none;box-shadow:none;margin-top:8px}
    .mobile-navigation .desktop-primary-nav .account-trigger-name{max-width:180px}
    .mobile-navigation .mobile-navigation-body{overflow-y:auto;overscroll-behavior:contain}

}

/* Drawer presentation is independent of the desktop navigation shell. */
html{scrollbar-gutter:stable}
.mobile-navigation[open]{animation:none;transform:none}
.mobile-navigation::backdrop{background:#071c3899;backdrop-filter:none;-webkit-backdrop-filter:none}
@media(max-width:760px){
    .mobile-navigation{width:min(390px,92vw);max-width:92vw;background:#f8faf9;box-sizing:border-box}
    .mobile-navigation .mobile-navigation-head{padding:20px 18px;gap:10px;flex-shrink:0}
    .mobile-navigation .mobile-navigation-head>div{min-width:0}
    .mobile-navigation .mobile-navigation-head strong{font-size:17px}
    .mobile-navigation .mobile-navigation-head img{width:48px;height:48px}
    .mobile-navigation .mobile-navigation-close{width:40px;height:40px;cursor:pointer}
    .mobile-navigation .mobile-navigation-body{padding:18px}
    .drawer-intro{padding:20px;margin-bottom:24px;border-radius:18px;background:linear-gradient(135deg,#17344d,#254d5c);color:#fff}
    .drawer-intro>span{font-size:10px;color:#eed298}
    .drawer-intro h2{margin:7px 0;font-size:21px;line-height:1.6;color:#fff}
    .drawer-intro p{margin:0;color:#d9e4e8;font-size:11px;line-height:1.9}
    .mobile-navigation .mobile-navigation-caption,.drawer-more h3,.drawer-preferences h3{margin:0 0 12px;font-size:11px;font-weight:700;color:#7a6b4d}
    .mobile-navigation .desktop-primary-nav{gap:8px}
    .mobile-navigation .desktop-primary-nav>a{box-shadow:0 2px 7px #17344d04;font-size:13px;white-space:normal}
    .mobile-navigation .desktop-primary-nav>a[aria-current=page]{border-inline-start:3px solid #a07832;background:#fff6e4}
    .mobile-navigation .desktop-primary-nav .header-account{margin-top:10px}
    .mobile-navigation .desktop-primary-nav .account-dropdown{position:static;inset:auto;width:100%;min-width:0;max-width:100%;height:auto;max-height:none;overflow:visible;transform:none;border-radius:14px;padding:8px;animation:none;box-sizing:border-box}
    .mobile-navigation .desktop-primary-nav .account-trigger>i{display:none}
    .mobile-navigation .desktop-primary-nav .account-avatar{width:32px;height:32px;flex-basis:32px}
    .drawer-more{margin-top:24px}
    .drawer-more>a{display:flex;align-items:center;gap:12px;padding:13px 0;color:#17344d;text-decoration:none;border-bottom:1px solid #e6ebe7;font-size:13px;font-weight:700}
    .drawer-more>a>.material-symbols-rounded{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:#eaf1ed;color:#4c7361;font-size:21px}
    .drawer-more>a>span:last-child{margin-inline-start:auto;color:#90703a}
    .drawer-more small{display:block;margin-top:4px;font-size:10px;font-weight:400;color:#73837d}
    .drawer-more>a[aria-current=page]{color:#987338}
    .drawer-preferences{margin-top:24px}
    .mobile-navigation .header-links{margin:0;gap:10px;padding:13px;font-size:11px}
    .mobile-navigation .header-setting{cursor:default;font-size:11px}
    .mobile-navigation .mobile-navigation-footer{flex-shrink:0;padding:14px 18px max(14px,env(safe-area-inset-bottom));background:#fff}
    .drawer-legal{display:flex;align-items:center;justify-content:center;gap:14px;font-size:11px;color:#87938c}
    .drawer-legal a{color:#52675e;text-decoration:none}
    .mobile-navigation :is(a,button,summary):focus-visible{outline:2px solid #a07832;outline-offset:3px}
}
@media(max-width:360px){
    .mobile-navigation .mobile-navigation-head{padding:16px 12px;gap:7px}
    .mobile-navigation .mobile-navigation-head strong{font-size:15px}
    .mobile-navigation .mobile-navigation-head img{width:40px;height:40px}
    .mobile-navigation .mobile-navigation-body{padding:14px}
}

/* One menu control identity across every page and header state. */
@media(max-width:760px){
    #site-menu-toggle{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;box-sizing:border-box;border:1px solid #d5bf93;border-radius:12px;background:#fff7e8;color:#17344d;box-shadow:0 2px 8px #10283e14;cursor:pointer;-webkit-tap-highlight-color:transparent}
    #site-menu-toggle svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;pointer-events:none}
    #site-menu-toggle:hover,#site-menu-toggle[aria-expanded=true]{background:#f0d39c;border-color:#b28a48;color:#17344d}
    #site-menu-toggle:active{background:#e8c688;box-shadow:none}
    #site-menu-toggle:focus-visible{outline:3px solid #a07832;outline-offset:3px}
}
body.about-page .site-header-shell:not(.is-sticky){position:absolute;inset:0 0 auto;background:transparent;border-bottom:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}