/* Idaho Sauna Pros: shared site header, used on the home page and the design studio. */
.sbar{--sb-night:#0b0e11;--sb-snow:#eef1f2;--sb-soft:#c3cacf;--sb-led:#f2a660;--sb-display:"Instrument Serif","Iowan Old Style",Georgia,serif;--sb-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--sb-body:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;
  position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;gap:18px;height:64px;box-sizing:border-box;
  padding:env(safe-area-inset-top,0px) clamp(14px,3vw,36px) 0;font:500 14px/1 var(--sb-body);
  background:linear-gradient(rgba(11,14,17,.72),rgba(11,14,17,0));transition:background .25s,box-shadow .25s}
.sbar.solid,.sbar.open{background:rgba(11,14,17,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(238,241,242,.08)}
.sbar *{box-sizing:border-box}
.sbar a{color:inherit}
.sb-brand{display:flex;align-items:center;gap:10px;text-decoration:none;margin-right:auto;min-width:0;color:var(--sb-snow)}
.sb-brand svg,.sb-brand img{flex:none;display:block}
.sb-brand b{font:400 22px/1 var(--sb-display);letter-spacing:.005em;white-space:nowrap}
.sb-nav{display:flex;gap:20px;align-items:center}
.sb-nav a{font-size:14px;font-weight:500;color:var(--sb-soft);text-decoration:none;padding:6px 0;border-bottom:1px solid transparent;white-space:nowrap}
.sb-nav a:hover,.sb-nav a[aria-current]{color:var(--sb-snow);border-color:var(--sb-led)}
.sb-tel{font:500 13px/1 var(--sb-mono);color:var(--sb-snow);text-decoration:none;white-space:nowrap}
.sb-tel:hover{color:var(--sb-led)}
.sb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font:600 14px/1 var(--sb-body);padding:11px 16px;border-radius:999px;white-space:nowrap;cursor:pointer}
.sb-hot{background:var(--sb-led);color:#1b1206!important;border:1px solid var(--sb-led)}
.sb-hot:hover{filter:brightness(1.07)}
.sb-line{background:rgba(11,14,17,.35);color:var(--sb-snow);border:1px solid rgba(238,241,242,.35)}
.sb-line:hover{border-color:var(--sb-led)}
.sb-menu{display:none;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;border:1px solid rgba(238,241,242,.3);background:rgba(11,14,17,.35);color:var(--sb-snow);cursor:pointer;padding:0}
.sb-menu span,.sb-menu span::before,.sb-menu span::after{display:block;width:16px;height:1.5px;background:currentColor;position:relative;transition:transform .2s}
.sb-menu span::before,.sb-menu span::after{content:"";position:absolute;left:0}
.sb-menu span::before{top:-5px}.sb-menu span::after{top:5px}
.sbar.open .sb-menu span{background:transparent}
.sbar.open .sb-menu span::before{transform:translateY(5px) rotate(45deg)}
.sbar.open .sb-menu span::after{transform:translateY(-5px) rotate(-45deg)}
.sbar a:focus-visible,.sbar button:focus-visible{outline:2px solid var(--sb-snow);outline-offset:3px}

@media (max-width:1240px){
  .sb-menu{display:inline-flex}
  .sb-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;
    background:rgba(11,14,17,.97);border-bottom:1px solid rgba(238,241,242,.1);padding:6px clamp(14px,3vw,36px) 16px;max-height:calc(100vh - 64px);overflow:auto}
  .sbar.open .sb-nav{display:flex}
  .sb-nav a{font-size:17px;padding:14px 0;border-bottom:1px solid rgba(238,241,242,.08)}
  .sb-nav a:hover{border-color:rgba(238,241,242,.08)}
  .sb-nav .sb-nav-tel{font:500 15px/1 var(--sb-mono);color:var(--sb-led)}
}
@media (min-width:1241px){ .sb-nav .sb-nav-tel{display:none} }
@media (max-width:760px){ .sb-tel{display:none} }
@media (max-width:560px){
  .sbar{gap:8px;height:60px}
  .sb-brand b{font-size:18px}
  .sb-brand svg{width:26px;height:26px}
  .sb-btn{padding:9px 12px;font-size:13px}
  .sb-design{display:none}
}
@media (max-width:360px){ .sb-brand b{display:none} }