/* Rezort.in shared header. One header for every page: the homepage markup in index.html and the
   one built by site-header.js on all other pages use exactly these rules. Everything is scoped to
   .rz-head so the page's own CSS (header{}, .wrap, nav{}) cannot change how it looks. */

.rz-head{
  --hof:#1a2a38;--foggy:#6a6a6a;--grey:#c1c1c1;--bebe:#ebebeb;--faint:#f7f7f7;--rausch:#f5794f;--rausch-600:#e0602f;
  --coral-soft:#f8b098;--coral-wash:#fce4d8;--r-full:9999px;--sh-pop:0 6px 20px rgba(0,0,0,.18);
  --rz-pad:20px;--rz-main:68px;
  position:fixed;top:0;left:0;right:0;width:auto;margin:0;padding:0;z-index:60;
  background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border:0;border-bottom:1px solid var(--bebe);box-shadow:none;
  font-family:'DM Sans',ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:14px;line-height:1.4;color:var(--hof);text-align:left;
}
.rz-head *,.rz-head *::before,.rz-head *::after{box-sizing:border-box}
:where(.rz-head) a{color:inherit;text-decoration:none}
:where(.rz-head) button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}
.rz-head .ic{width:1em;height:1em;display:inline-block;vertical-align:-.125em;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.rz-head .ic-16{font-size:16px}.rz-head .ic-18{font-size:18px}.rz-head .ic-20{font-size:20px}
body:has(> .rz-head){padding-top:98px}

.rz-strip{background:var(--hof);color:#fff;font-size:12.5px;height:30px;display:flex;align-items:center;justify-content:center;gap:10px;overflow:hidden;transition:height .2s ease,opacity .2s ease;white-space:nowrap}
.rz-strip b{font-weight:600}
.rz-strip .dot,.rz-strip .ic{color:var(--coral-soft)}
body.rz-scrolled .rz-strip{height:0;opacity:0}

.rz-inner{height:var(--rz-main);padding:0 var(--rz-pad);gap:20px;display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto}
.rz-head .logo{display:flex;align-items:center;gap:8px;flex-shrink:0}
.rz-head .logo img{width:36px;height:36px;object-fit:contain;display:block}
.rz-head .logo .lt{font-size:20px;font-weight:700;letter-spacing:-.02em;display:block}
.rz-head .logo .lt .v{color:var(--rausch)}
.rz-head .logo small{font-size:11px;font-weight:500;color:var(--foggy);display:block;margin-top:-3px}
.rz-nav{display:flex;align-items:center;gap:2px}
.rz-nav a{font-size:14px;font-weight:500;padding:9px 12px;border-radius:var(--r-full);color:var(--hof);transition:background .15s;white-space:nowrap}
.rz-nav a:hover{background:rgba(26,42,56,.06)}

/* search */
.hs{position:relative;flex:1 1 280px;max-width:none;min-width:0;margin:0 clamp(8px,2vw,28px)}
.hs-field{display:flex;align-items:center;gap:8px;background:var(--faint);border:1px solid var(--bebe);border-radius:var(--r-full);padding:0 14px;height:42px;transition:border-color .15s,background .15s,box-shadow .15s}
.hs-field:focus-within{background:#fff;border-color:var(--hof);box-shadow:0 0 0 3px rgba(26,42,56,.07)}
.hs-field .ic{color:var(--foggy);font-size:17px}
.hs-field input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:14px;color:var(--hof);outline:none;padding:0;margin:0;box-shadow:none;height:auto;width:auto}
.hs-field input::placeholder{color:var(--foggy)}
.hs-field input::-webkit-search-cancel-button{display:none}
.hs-pop{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--bebe);border-radius:14px;box-shadow:var(--sh-pop);max-height:70vh;overflow:auto;padding:6px;z-index:70}
.hs-pop[hidden]{display:none}
.hs-grp{padding:8px 10px 4px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--foggy)}
.hs-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 10px;border-radius:10px;font-size:14px}
.hs-item:hover,.hs-item.on{background:var(--faint)}
.hs-item .ic{color:var(--rausch-600);font-size:17px}
.hs-item small{display:block;color:var(--foggy);font-size:12px}
.hs-item .cnt{margin-left:auto;color:var(--foggy);font-size:12px}
.hs-empty{padding:16px;color:var(--foggy);font-size:14px;text-align:center}
.hs-toggle{display:none}

/* actions */
.rz-head .nav-right{display:flex;align-items:center;gap:8px;flex-shrink:0}
.rz-head .nav-link{font-size:14px;font-weight:500;padding:10px 14px;border-radius:var(--r-full);display:inline-flex;align-items:center;gap:7px;transition:background .2s ease}
.rz-head .nav-cta{background:var(--hof);color:#fff}
.rz-head .nav-cta:hover{background:#0f1a24}
.desk{position:relative}
.desk>summary{list-style:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;font-weight:500;padding:9px 14px;border-radius:var(--r-full);border:1px solid var(--bebe);background:#fff;transition:border-color .15s}
.desk>summary::-webkit-details-marker{display:none}
.desk>summary:hover,.desk[open]>summary{border-color:var(--hof)}
.desk>summary .ic{color:var(--rausch-600)}
.desk-pop{position:absolute;right:0;top:calc(100% + 8px);width:280px;background:#fff;border:1px solid var(--bebe);border-radius:14px;box-shadow:var(--sh-pop);padding:8px;z-index:70}
.desk-pop a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px;font-size:14px}
.desk-pop a:hover{background:var(--faint)}
.desk-pop .ic{width:34px;height:34px;padding:8px;border-radius:50%;background:var(--coral-wash);color:var(--rausch-600)}
.desk-pop b{display:block;font-weight:600}
.desk-pop small{color:var(--foggy);font-size:12px}
.desk-hours{padding:8px 10px 4px;font-size:12px;color:var(--foggy);border-top:1px solid var(--bebe);margin-top:4px}

@media(max-width:1100px){.rz-nav{display:none}}
@media(max-width:820px){
  .hs{position:static;flex:0 0 auto;max-width:none;margin-left:auto}
  .hs-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.05)}
  .hs-field{display:none;position:absolute;left:var(--rz-pad);right:var(--rz-pad);top:calc(var(--rz-main) + 4px);background:#fff;box-shadow:var(--sh-pop)}
  .hs.open .hs-field{display:flex}
  .hs-pop{left:var(--rz-pad);right:var(--rz-pad);top:calc(var(--rz-main) + 54px)}
  .desk>summary span{display:none}
  .desk>summary{padding:10px}
  .rz-inner{gap:10px}
}
@media(max-width:640px){
  .rz-head{--rz-pad:16px;--rz-main:62px}
  body:has(> .rz-head){padding-top:92px}
  .rz-strip{font-size:11.5px}
  .rz-head .nav-link:not(.nav-cta){display:none}
  .rz-head .logo small{display:none}
}
@media(max-width:520px){
  .rz-head{--rz-pad:12px;--rz-main:54px}
  body:has(> .rz-head){padding-top:84px}
  .rz-head .logo img{width:30px;height:30px}
  .rz-head .logo .lt{font-size:17px}
  .rz-head .nav-cta{padding:8px 11px;font-size:12.5px;gap:5px}
  .desk>summary{padding:8px}
  .hs-toggle{width:36px;height:36px}
}
@media(max-width:420px){.rz-head .nav-cta span{display:none}.rz-head .nav-cta{padding:8px 10px}}

.rz-adv{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(180deg,#f78a5d,#e8683a);color:#fff;border-radius:999px;padding:3px 12px 3px 9px;font-weight:700;font-size:12px;letter-spacing:.02em;box-shadow:0 0 0 3px rgba(245,121,79,.22)}
.rz-adv .ic{color:#fff}
.rz-strip .rz-adv+.dot{margin-left:2px}
@media(max-width:640px){.rz-strip .dot,.rz-strip>b,.rz-strip>.ic:not(.rz-adv .ic){display:none}}

.rz-strip-link{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(248,176,152,.7)}
.rz-strip-link:hover{color:var(--coral-soft)}
@media(max-width:640px){.rz-strip .rz-strip-link{font-size:11.5px}}