/* UI-07-HERO-R4 Shared Tours over-hero header (route-bound shell stylesheet; see lib/adapter.mjs SHELL_STYLES, bound to
   /shared-yacht-tours-dubai/ only). The page uses the shared clear header and the shared hero runtime unchanged: while the
   page is scrolled 50px or less the runtime sets data-ui-hero-top and the shared hero stylesheet makes the header
   transparent over the hero; from one pixel past that it is the ordinary solid shell header; an open header popover or no
   scripting also gives the solid header. The shared readability layer and the shared ink colours were drawn for heroes
   whose top is the page surface (ivory in Light). This page's hero stays navy in both themes, so in that over-hero state
   only, on this page only, the header's controls take the Dark theme's ink, gold and focus values, and its readability
   layer is a light navy veil instead of the page surface, so the hero photograph and its navy fade continue behind the
   navigation. Nothing else changes: the solid header, the drawer, the popovers, the keyboard handling, the theme
   switching and every other page keep their shared behaviour. */
html .ui-hdr.ui-hdr--hero-clear[data-ui-hero-top]:not(:has(.ui-pop[open])){--ui-ink:#EAF1F7;--ui-ink-hover:#D7E3EC;--ui-ink-2:#A9BDD0;--ui-gold:#C8A97A;--ui-gold-text:#D9B981;--ui-raised:#0F2536;--ui-alt:#16324A;--ui-focus:#EAF1F7;--ui-shadow:rgba(0,0,0,.45)}
html .ui-hdr.ui-hdr--hero-clear[data-ui-hero-top]:not(:has(.ui-pop[open]))::before{background:linear-gradient(rgba(11,22,40,.5) 0,rgba(11,22,40,.32) calc(100% - 54px),rgba(11,22,40,.14) calc(100% - 27px),rgba(11,22,40,0) 100%);-webkit-mask-image:none;mask-image:none}