/* FEBRUARY v7 — header at the TOP OF THE DOCUMENT, never follows scrolling */
:root { --feb-top-header-h: 74px; }
/* Home: the menu overlays the first banner but belongs to the page, not the viewport. */
body.february-site:has(.feb-cinema-flow) #feb-site-header,
body.february-site:has(.feb-cinema-flow) #feb-site-header.is-scrolled{
  position:absolute!important;
  inset:0 0 auto 0!important;
  top:0!important;
  left:0!important;
  right:0!important;
  bottom:auto!important;
  inset-block-start:0!important;
  height:var(--feb-top-header-h)!important;
  min-height:var(--feb-top-header-h)!important;
  width:100%!important;
  margin:0!important;
  transform:none!important;
  translate:none!important;
  animation:none!important;
  transition:none!important;
  z-index:100!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
  border:0!important;
}
/* Internal pages: put the header in normal document flow, so it naturally scrolls away. */
body.february-site:not(:has(.feb-cinema-flow)) #feb-site-header,
body.february-site:not(:has(.feb-cinema-flow)) #feb-site-header.is-scrolled{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  bottom:auto!important;
  right:auto!important;
  left:auto!important;
  inset-block-start:auto!important;
  display:grid!important;
  height:var(--feb-top-header-h)!important;
  min-height:var(--feb-top-header-h)!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  transform:none!important;
  translate:none!important;
  animation:none!important;
  transition:none!important;
  background:#151116!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:none!important;
  z-index:80!important;
}
/* No sticky or fixed header on any page, including WooCommerce pages. */
body.february-site.admin-bar:has(.feb-cinema-flow) #feb-site-header,
body.february-site.admin-bar:has(.feb-cinema-flow) #feb-site-header.is-scrolled{
  top:32px!important;inset-block-start:32px!important;
}
body.february-site.admin-bar:not(:has(.feb-cinema-flow)) #feb-site-header,
body.february-site.admin-bar:not(:has(.feb-cinema-flow)) #feb-site-header.is-scrolled{
  top:auto!important;inset-block-start:auto!important;
}
body.february-site:has(.feb-experience) #feb-site-header{display:none!important;}
/* Remove artificial offset used by the previous fixed header implementation. */
body.february-site:has(.feb-cart-page) .feb-cart-page{
  padding-top:26px!important;
}
body.february-site:has(.feb-plain-page) .feb-plain-page{
  padding-top:30px!important;
}
body.february-site:has(.feb-shop) .feb-shop,
body.february-site:has(.feb-information) .feb-information{
  padding-top:0!important;
}
body.february-site:has(.feb-cinema-flow) .feb-cinema-flow{margin-top:0!important;}
/* Dropdown menu uses the header's page position, and does not stick to the viewport. */
body.february-site .feb-offcanvas{
  position:absolute!important;
  top:var(--feb-top-header-h)!important;
  height:auto!important;
  min-height:320px!important;
  max-height:calc(100dvh - var(--feb-top-header-h))!important;
  overflow-y:auto!important;
}
body.february-site.admin-bar .feb-offcanvas{
  top:calc(var(--feb-top-header-h) + 32px)!important;
}
@media(max-width:800px){
  :root{--feb-top-header-h:66px;}
  body.february-site:has(.feb-cart-page) .feb-cart-page{padding-top:20px!important;}
  body.february-site:has(.feb-plain-page) .feb-plain-page{padding-top:22px!important;}
}
@media(max-width:782px){
  body.february-site.admin-bar:has(.feb-cinema-flow) #feb-site-header,
  body.february-site.admin-bar:has(.feb-cinema-flow) #feb-site-header.is-scrolled{
    top:46px!important;inset-block-start:46px!important;
  }
  body.february-site.admin-bar .feb-offcanvas{
    top:calc(var(--feb-top-header-h) + 46px)!important;
  }
}