/* Desh Edition Premium — robust mobile sticky navigation/media bar */
@media (min-width: 992px) {
  html { scroll-padding-top: 110px; }
  body.de-sticky-header-enabled .de-desktop-head {
    position: sticky !important; top: 0 !important; z-index: 99999 !important;
    background: #fff !important; box-shadow: 0 2px 12px rgba(0,0,0,.10);
  }
  body.admin-bar.de-sticky-header-enabled .de-desktop-head { top: 32px !important; }
  body.de-sticky-header-enabled .de-desktop-head .de-desktop-nav-wrap { position: relative !important; }
}

@media (max-width: 768px) {
  html { scroll-padding-top: 130px; }
  body.de-sticky-header-enabled .de-mobile-head {
    display: block !important; position: relative !important; top: auto !important;
    z-index: auto !important; width: 100% !important; overflow: visible !important;
    background: #fff !important;
  }
  body.de-sticky-header-enabled .de-mobile-nav-row.de-mobile-fixed {
    position: fixed !important; left: 0 !important; right: 0 !important;
    top: var(--de-mobile-sticky-top, 0px) !important; width: 100% !important;
    z-index: 999991 !important; background: #fff !important;
    box-shadow: 0 2px 7px rgba(0,0,0,.10) !important;
  }
  body.de-sticky-header-enabled .de-mobile-media-row.de-mobile-fixed {
    position: fixed !important; left: 0 !important; right: 0 !important;
    top: calc(var(--de-mobile-sticky-top, 0px) + var(--de-mobile-nav-height, 64px)) !important;
    width: 100% !important; z-index: 999990 !important; background: #fff !important;
    box-shadow: 0 4px 8px rgba(0,0,0,.08) !important;
  }
  .de-mobile-sticky-spacer { display: none; height: 0; width: 100%; }
  .de-mobile-sticky-spacer.de-mobile-spacer-active { display: block !important; }
  body.admin-bar.de-sticky-header-enabled { --de-mobile-sticky-top: 46px; }
}
@media (min-width: 769px) and (max-width: 991px) {
  body.de-sticky-header-enabled .de-mobile-head { position: relative; }
}