/* Compact responsive site header */
.header-area.style-3{position:sticky;top:0;z-index:1100;width:100%;background:#fff;border-bottom:1px solid #e8efed;box-shadow:0 4px 18px rgba(18,48,46,.045);isolation:isolate}
.header-area.style-3>.container-fluid{width:min(100%,1480px);min-height:68px;margin:0 auto;padding:0 28px;gap:28px}
.logo-and-menu-area,.nav-right,.contact-and-wishlist-area,.header-logo2,.header-area .contact-area,.header-area .contact-area .content,.header-area .language-current{display:flex;align-items:center}
.logo-and-menu-area{min-width:0;flex:1 1 auto;gap:clamp(22px,3vw,48px)}
.header-logo2,.mobile-logo-wrap{flex:0 0 auto}
.header-logo2 img,.mobile-logo-wrap img{display:block;width:auto;max-width:162px;height:44px;object-fit:contain}
.main-menu{display:flex;align-items:center;min-width:0}
.menu-list{display:flex;align-items:center;gap:clamp(14px,1.7vw,26px);margin:0;padding:0;list-style:none}
.menu-list a{display:inline-flex;align-items:center;min-height:44px;color:#263a3c;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:color .18s ease}
.menu-list a:hover,.menu-list a:focus-visible{color:#087d76}
.nav-right,.contact-and-wishlist-area{flex:0 0 auto;gap:10px}
.header-area .contact-area{gap:9px;color:#53696b}
.header-area .contact-area .icon{display:grid;width:18px;height:18px;flex:0 0 auto;place-items:center;color:#163d3d}
.header-area .contact-area .icon svg{width:16px;height:16px;fill:currentColor}
.header-area .contact-area .content{flex-wrap:wrap;gap:4px;font-size:13px;white-space:nowrap}
.header-area .contact-area .content a{color:#087d76;text-decoration-thickness:1px;text-underline-offset:3px}
.language-switcher{position:relative}
.language-switcher-mobile,.mobile-logo-area,.menu-close-btn,.mobile-menu-btn,.header-area .main-menu>.contact-area,.header-area .main-menu>.btn,.header-area .main-menu>.dropdown{display:none}
.language-trigger,.search-btn,.desktop-auth-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:1px solid #e3ece9;border-radius:9px;background:#fff;color:#31494a;font:inherit;text-decoration:none;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease}
.language-trigger{padding:0 11px}
.language-trigger:hover,.search-btn:hover,.desktop-auth-btn:hover{border-color:#b9d8d2;background:#f4faf8;color:#087d76}
.language-current{gap:7px;font-size:13px;white-space:nowrap}
.language-flag{display:inline-flex;width:19px;height:15px;align-items:center;justify-content:center;overflow:hidden;border-radius:3px;font-size:11px}
.language-flag img{display:block;width:100%;height:100%;object-fit:cover}
.language-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:20;display:none;min-width:190px;padding:6px;border:1px solid #e4ecea;border-radius:10px;background:#fff;box-shadow:0 14px 38px rgba(20,50,48,.14)}
.language-switcher.is-open .language-menu{display:grid}
.language-option{display:flex;align-items:center;gap:10px;width:100%;padding:9px;border:0;border-radius:7px;background:transparent;color:#304849;text-align:left;cursor:pointer}
.language-option:hover,.language-option.is-active{background:#f0f7f5}
.language-option-name{display:grid;gap:2px;font-size:12px}
.language-option-name span{color:#788b8b}
.search-bar{position:relative}
.search-btn{gap:7px;padding:0 12px;font-size:13px;white-space:nowrap}
.search-btn i{font-size:17px}
.desktop-auth-btn{gap:7px;padding:0 14px;font-size:13px;font-weight:600;white-space:nowrap}
.desktop-auth-btn i{font-size:17px}
.mobile-menu-btn{align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid #e3ece9;border-radius:9px;background:#fff;color:#173e3d;cursor:pointer}
.mobile-menu-btn svg{fill:currentColor}
.mobile-logo-area{align-items:center;justify-content:space-between}
.menu-close-btn{align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #e4ecea;border-radius:9px;background:#fff;color:#294748;font-size:22px;cursor:pointer}
.header-area .user-profile-btn{max-width:220px}
@media(max-width:1350px) and (min-width:1200px){.header-area.style-3>.container-fluid{padding-right:18px;padding-left:18px;gap:18px}.logo-and-menu-area{gap:22px}.header-area .contact-area .content{display:grid;gap:2px}.menu-list{gap:13px}}
@media(max-width:1199.98px){
 .header-area.style-3>.container-fluid{min-height:64px;padding:0 20px;gap:10px}
 .logo-and-menu-area{flex:1 1 auto}
 .header-area .main-menu{position:fixed;top:0;right:0;bottom:0;z-index:102;display:flex;width:min(360px,88vw);max-width:100%;align-items:stretch;flex-direction:column;gap:24px;overflow-x:hidden;overflow-y:auto;padding:20px 22px 28px;background:#fff;box-shadow:-18px 0 48px rgba(17,48,46,.12);transform:translateX(105%);visibility:hidden;transition:transform .22s ease,visibility .22s ease}
 .header-area.menu-open .main-menu{transform:translateX(0);visibility:visible}
 .header-area.menu-open::before{position:fixed;z-index:101;inset:0;background:rgba(15,35,35,.42);content:""}
 .header-area .mobile-logo-area{display:flex;min-height:48px}
 .header-area .menu-close-btn{display:inline-flex;flex:0 0 auto}
 .menu-list{display:grid;gap:2px;width:100%}
 .menu-list li{border-bottom:1px solid #edf2f0}
 .menu-list a{width:100%;min-height:48px;font-size:15px}
 .header-area .main-menu>.contact-area,.header-area .main-menu>.btn,.header-area .main-menu>.dropdown{display:flex}
 .header-area .main-menu>.contact-area{align-items:flex-start}
 .header-area .main-menu>.contact-area .content{display:grid;gap:3px}
 .header-area .main-menu>.btn,.header-area .main-menu>.dropdown>.user-profile-btn{width:100%;justify-content:center;min-height:44px;border:1px solid #087d76;border-radius:9px;background:#087d76;color:#fff}
 .header-area .nav-right,.header-area .contact-and-wishlist-area{gap:8px}
 .header-area .contact-area.d-xl-flex,.header-area .language-switcher-desktop{display:none}
 .header-area .language-switcher-mobile{display:block}
 .header-area .language-trigger{min-width:42px;min-height:42px;padding:0 9px}
 .header-area .language-switcher-mobile .language-label,.header-area .reservation-search-label{display:none}
 .header-area .search-btn{width:42px;height:42px;padding:0}
 .header-area .mobile-menu-btn{display:inline-flex}
}
@media(max-width:575.98px){.header-area.style-3>.container-fluid{min-height:60px;padding:0 14px}.header-logo2 img{max-width:136px;height:38px}.header-area .contact-and-wishlist-area{gap:6px}}
@media(prefers-reduced-motion:reduce){.header-area *,.header-area *::before,.header-area *::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}