﻿ ============================================
   FORCE STICKY HEADER - FINAL FIX
   This overrides any conflicting CSS
   ============================================ 

 Critical Remove position from htmlbody that breaks sticky 
 Only body gets overflow-x hidden. If html also gets it (or gets an
   explicit overflow-y), html becomes its own scroll container and
   position sticky on the header stops working entirely. 
html {
  position static !important;
}
body {
  position static !important;
  overflow-x hidden !important;
}

 Force sticky on header with high specificity 
header.hidden-e551 {
  position -webkit-sticky !important;
  position sticky !important;
  top 0 !important;
  left 0 !important;
  right 0 !important;
  width 100% !important;
  z-index 10000 !important;
  transform translateZ(0) !important;
}

 Ensure main wrapper allows sticky 
main {
  overflow visible !important;
}

 css-noise d936 
.promo-block-n7 {
  padding 0.4rem;
  font-size 14px;
  line-height 1.3;
}
