/* AquaTour approved hero text treatment. Last updated: 2026-10-15. Version: 2.0. Sea description matches Home. */
[data-hero="home"] .home-hero-title,
[data-hero="sea"] .c8-sea-title {
  text-shadow: 0 0 1px rgba(0, 24, 32, .80), 0 .5px 1.8px rgba(0, 24, 32, .36);
}

[data-hero="home"] .hero-product-category,
[data-hero="sea"] .hero-product-category,
[data-hero="home"] .c7-hero-sub,
[data-hero="sea"] .c8-sea-sub,
[data-hero="home"] .c7n-secondary {
  text-shadow: 0 0 .9px rgba(0, 24, 32, .95), 0 .65px 1.6px rgba(0, 24, 32, .50);
}

[data-hero="home"] .hero-product-category,
[data-hero="sea"] .hero-product-category {
  font-weight: 600;
}

body.home-page [data-hero="home"] .c7-hero-sub,
[data-hero="sea"] .c8-sea-sub {
  font-size: 20px !important;
  line-height: 1.45 !important;
  font-weight: 600;
}

/* Same light treatment and 8px title-to-description gap as Home. */
[data-hero="sea"] .c8-sea-sub {
  color: #FFFBF2;
  max-width: 700px;
  margin: 8px 0 0;
  letter-spacing: normal;
  transform: none;
}

/* Match Home's reading width without changing Sea H1 wrapping. */
@media (min-width: 769px) {
  [data-hero="sea"] .c8-sea-sub {
    width: min(700px, calc(100vw - 2 * var(--shell-gutter)));
  }
}

@media (max-width: 768px) {
  body.home-page [data-hero="home"] .c7-hero-sub,
  [data-hero="sea"] .c8-sea-sub {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }
}
