@import url('/assets/sst-hub-cards.css?v=20261014-2339');
@import url('/assets/sst-photo-hero.css?v=20261014-2339');

/**
 * Destination stays guides (sky22-*.html) — load AFTER per-page inline <style>.
 * Removes the light/dark band above full-bleed hero images on mobile.
 */

html:has(body.sst-dest-page),
html:has(body > section.hero:first-child),
html:has(body > .sst-dest-hero:first-child) {
  background: #0b3c7a !important;
}

body.sst-dest-page,
body:has(> section.hero:first-child),
body:has(> .sst-dest-hero:first-child) {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.sst-dest-page > .hero,
body.sst-dest-page > .sst-dest-hero,
body > section.hero:first-child,
body > .sst-dest-hero:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
  box-sizing: border-box !important;
}

body.sst-dest-page > .hero > img,
body.sst-dest-page > .hero::before,
body.sst-dest-page > .sst-dest-hero > img,
body.sst-dest-page > .sst-dest-hero__overlay,
body > section.hero:first-child > img,
body > section.hero:first-child::before,
body > .sst-dest-hero:first-child > img,
body > .sst-dest-hero:first-child > .sst-dest-hero__overlay {
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

@media (max-width: 760px) {
  body.sst-dest-page,
  body:has(> section.hero:first-child),
  body:has(> .sst-dest-hero:first-child) {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  body.sst-dest-page > .hero,
  body.sst-dest-page > .sst-dest-hero,
  body > section.hero:first-child,
  body > .sst-dest-hero:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}