/* iBlogger v123 — Header anchored to the top OF THE DOCUMENT, not the viewport.
   It appears at the top of the page, then naturally leaves the viewport on scroll.
   Absolute avoids changing the existing overlay layout / spacers of this design.
   This is deliberately loaded LAST (after bundled CSS and mobile overrides). */
html body #siteHeader#siteHeader#siteHeader#siteHeader.site-header.service-header,
html body #siteHeader#siteHeader#siteHeader#siteHeader.site-header.service-header.is-scrolled,
html body #siteHeader#siteHeader#siteHeader#siteHeader.site-header {
    position: absolute !important;
    top: 10px !important;
    inset-block-start: 10px !important;
    bottom: auto !important;
    inset-block-end: auto !important;
    left: 0 !important;
    right: 0 !important;
    inset-inline-start: 0 !important;
    inset-inline-end: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    transform: none !important;
    translate: none !important;
    animation: none !important;
    transition: none !important;
    will-change: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 1200 !important;
}
/* The header must not morph into a different size/color or animate on scroll. */
html body #siteHeader#siteHeader#siteHeader#siteHeader.is-scrolled {
    transform: none !important;
    translate: none !important;
    transition: none !important;
    animation: none !important;
}
@media (min-width:621px) and (max-width:900px) {
  html body.home-page.v4-page #siteHeader#siteHeader#siteHeader#siteHeader.site-header.service-header {
    top: 12px !important;
    inset-block-start: 12px !important;
  }
}
@media (max-width:620px) {
  html body #siteHeader#siteHeader#siteHeader#siteHeader.site-header.service-header,
  html body #siteHeader#siteHeader#siteHeader#siteHeader.site-header.service-header.is-scrolled {
    top: 0 !important;
    inset-block-start: 0 !important;
  }
  /* Approved mobile renderer: header belongs to its top section, not viewport. */
  html body.mobile-approved-rendered .mobile-approved-render .mar-header,
  html body.mobile-approved-rendered .mobile-approved-render .mar-header.mar-auth-site-header {
    position: absolute !important;
    top: 0 !important;
    inset-block-start: 0 !important;
    bottom: auto !important;
    inset-block-end: auto !important;
    transform: none !important;
    translate: none !important;
    animation: none !important;
    transition: none !important;
    will-change: auto !important;
  }
}