/* UI-08A Arabic Prices over-hero header (route-bound shell stylesheet; see lib/adapter.mjs SHELL_STYLES, bound to
   /ar/yacht-rental-dubai-prices/ only). The page uses the shared clear header and the shared hero runtime unchanged. On
   desktop the shared readability layer behind the transparent header is masked to the photograph half, which the shared
   hero stylesheet places on the right (a left-to-right page). This page reads right to left, so its photograph takes the
   left half (pages/service-ar.css), and here the same mask, with the same geometry, runs from the right instead, so the
   header controls that sit over the photograph keep the same protection as on the English page. Nothing else changes:
   the layer's colours, the solid header, the drawer, the popovers and every other page keep their shared behaviour. */
@media (min-width:901px){
  html[dir="rtl"] .ui-hdr.ui-hdr--hero-clear[data-ui-hero-top]:not(:has(.ui-pop[open]))::before{-webkit-mask-image:linear-gradient(to left,transparent calc(50% - 77px),#000 calc(50% + 43px));mask-image:linear-gradient(to left,transparent calc(50% - 77px),#000 calc(50% + 43px))}
}