:root{--winkoo-public-header-height:80px}
html{scroll-padding-top:calc(var(--winkoo-public-header-height) + 16px)}
html,body{overflow-x:clip!important}
body.public-menu-open{overflow:hidden}
.site-header,.site-head{
  position:sticky!important;
  inset:auto!important;
  top:0!important;
  z-index:80!important;
  background:rgba(255,250,245,.96)!important;
  color:#292521!important;
  border-bottom:1px solid rgba(41,37,33,.14)!important;
  box-shadow:0 1px 0 rgba(41,37,33,.025);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.site-header.public-nav--overlay,.site-header[data-header]{
  margin-bottom:calc(var(--winkoo-public-header-height) * -1);
  background:rgba(41,37,33,.12)!important;
  color:#fffaf5!important;
  border-bottom-color:rgba(255,250,245,.3)!important;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.site-header.public-nav--overlay.is-scrolled,.site-header[data-header].is-scrolled{
  background:rgba(255,250,245,.96)!important;
  color:#292521!important;
  border-bottom-color:#ded5ca!important;
  box-shadow:0 1px 0 rgba(41,37,33,.025);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.site-header .mobile-menu,.site-header .mobile-nav,.site-head .contact-mobile-menu{
  position:fixed!important;
  z-index:81!important;
  top:calc(var(--winkoo-public-header-height) + env(safe-area-inset-top,0px))!important;
  max-height:calc(100dvh - var(--winkoo-public-header-height) - env(safe-area-inset-top,0px));
  overflow-y:auto;
  overscroll-behavior:contain;
}
.contact-mobile-menu{position:fixed!important;top:calc(var(--winkoo-public-header-height) + env(safe-area-inset-top,0px))!important;left:0;right:0;z-index:81!important}
.site-header :focus-visible,.site-head :focus-visible{outline:2px solid #a7634d;outline-offset:4px}
@media(max-width:900px){:root{--winkoo-public-header-height:70px}}
@media(max-width:600px){
  :root{--winkoo-public-header-height:64px}
  .site-header,.site-head{padding-top:env(safe-area-inset-top,0px)!important;height:calc(var(--winkoo-public-header-height) + env(safe-area-inset-top,0px))!important}
  .site-header.public-nav--overlay,.site-header[data-header]{margin-bottom:calc((var(--winkoo-public-header-height) + env(safe-area-inset-top,0px)) * -1)}
}
