/* bk-hdr-fouc-r1 (5 Oct 2026, Paolo): header first-paint guards — UK + IE (shared BedKingdom/hyva). Merged CSS in <head>.
   Does NOT move Trustpilot, does NOT add any sticky/fixed rule, no heroOnScreen (bk-hdr-sticky-tp-r1 stays reverted).
   1) Home: the over-hero header is transparent with white logo/icons. While the page streams, the header paints before the
      hero exists, so for a moment it was white-on-cream (logo invisible). Until .bk-hero is in the DOM the header gets the
      hero's own background (#1C1917), so the white chrome is readable and nothing changes colour when the hero lands.
   2) --bkh-h defaults = real header heights (phone 115 / tablet 119 / desktop 121) on :root so the hero pull-up is right
      before header.phtml measures it (inline style on <html> still wins once measured).
   Rollback: var/clbak/bk-hdr-fouc-r1-20261005T211349/rollback.sh */
:root{--bkh-h:121px}
@media (max-width:1023.98px){:root{--bkh-h:119px}}
@media (max-width:767.98px){:root{--bkh-h:115px}}
/* same hover / focus exceptions as #bk-oh (hovered or focused header = solid White, so no dark fill there) */
@media (hover:none){html:not(.bki-solid) body#html-body.rk-site.cms-index-index:not(:has(.bk-hero,.bkh)) .page-header.page-header.page-header:not(:focus-within){background:#1C1917!important}}
@media (hover:hover){html:not(.bki-solid) body#html-body.rk-site.cms-index-index:not(:has(.bk-hero,.bkh)) .page-header.page-header.page-header:not(:hover):not(:focus-within){background:#1C1917!important}}