/* AquaTour independent rail shadows. Last updated: 2026-10-16. Version: 1.2.
   Native scrollports keep every content pixel and interaction. Only these
   empty decorative siblings may paint outside their clipping boundaries. */
.aqua-shadow-host { isolation: isolate; }
.aqua-shadow-host--relative { position: relative; }
.aqua-shadow-rail--ready { position: relative; z-index: 1; filter: none !important; }
[data-aqua-shadow-layer] {
  --aqua-shadow-start-clear: 0px;
  --aqua-shadow-start-solid: 24px;
  --aqua-shadow-end-solid: 24px;
  --aqua-shadow-end-clear: 0px;
  position: absolute !important;
  z-index: 0 !important;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  pointer-events: none !important;
  user-select: none;
  -webkit-user-select: none;
  background: none !important;
  /* A cut card's contact shadow fades INSIDE its native content boundary.
     An exposed first/last card keeps the natural shadow in the outer gutter.
     The vertical bounds remain 64px outside the native rail. */
  -webkit-mask-image: linear-gradient(to right,
    transparent var(--aqua-shadow-start-clear), #000 var(--aqua-shadow-start-solid),
    #000 calc(100% - var(--aqua-shadow-end-solid)),
    transparent calc(100% - var(--aqua-shadow-end-clear)));
  mask-image: linear-gradient(to right,
    transparent var(--aqua-shadow-start-clear), #000 var(--aqua-shadow-start-solid),
    #000 calc(100% - var(--aqua-shadow-end-solid)),
    transparent calc(100% - var(--aqua-shadow-end-clear)));
}
[data-aqua-shadow-layer].is-cut-start {
  --aqua-shadow-start-clear: 24px;
  --aqua-shadow-start-solid: 48px;
}
[data-aqua-shadow-layer].is-cut-end {
  --aqua-shadow-end-solid: 48px;
  --aqua-shadow-end-clear: 24px;
}
[data-aqua-shadow-layer] > .aqua-shadow-shape {
  position: absolute;
  display: block;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  pointer-events: none;
  box-shadow: var(--aqua-depth-rest);
}
[data-aqua-shadow-layer] > .aqua-shadow-shape.is-hover {
  box-shadow: var(--aqua-depth-hover);
}
[data-aqua-shadow-layer] > .aqua-shadow-shape.is-pressed {
  box-shadow: var(--aqua-depth-pressed);
}
[data-aqua-shadow-layer="sea-index"] > .aqua-shadow-shape {
  box-shadow: 0 10px 22px rgba(21, 50, 60, .26);
}
/* A ready class is applied only after its independent layer is painted.
   Removing that class restores the previous CSS fallback without a DOM move. */
.home-page #areas.home-areas .aqua-shadow-rail--ready .ha-face,
.home-page #reviews.reviews-section .aqua-shadow-rail--ready .review-card,
.home-page .aqua-shadow-rail--ready.faq-list > .faq-group,
.home-page #boats.fleet-section .aqua-shadow-rail--ready.fleet-grid > .fleet-card,
.atomix-hero .aqua-shadow-rail--ready.c4a-thumbs > .c4a-thumb,
#how .included-life-grid.included-life-rail .aqua-shadow-rail--ready .included-life-photo {
  box-shadow: var(--aqua-depth-keylight) !important;
}
.sea-main .aqua-shadow-rail--ready.c3d-area0-gallery .gtile[data-gallery-photo] {
  box-shadow: inset 0 0 0 1px var(--aqua-depth-edge), var(--aqua-depth-keylight) !important;
}
.sea-main #sea-area-index .aqua-shadow-rail--ready a { box-shadow: none !important; }