/* Destinations stack — mobile: full-bleed hero + cards, opaque panels */

@media (max-width: 768px) {
  html.dest-section-stack-active,
  html.dest-section-stack-active body.dest-section-stack-active,
  body.dest-section-stack-active.destinations-page {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
  }

  body.dest-section-stack-active #__next,
  body.dest-section-stack-active main {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: visible !important;
    box-sizing: border-box !important;
  }

  body.dest-section-stack-active main > section.dest-stack-hero,
  body.dest-section-stack-active main > section.destinations-stack {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  body.dest-section-stack-active .dest-stack-hero {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    min-height: clamp(300px, 48vh, 520px) !important;
    overflow: hidden !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

  body.dest-section-stack-active .dest-stack-hero .dest-hero-bg {
    animation: none !important;
    transform: none !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    left: 0 !important;
    right: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  body.dest-section-stack-active .dest-stack-hero.dest-hero-ready .dest-hero-bg {
    animation: none !important;
    transform: none !important;
    opacity: 1 !important;
  }

  body.dest-section-stack-active .dest-stack-hero .dest-hero-overlay {
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    right: 0 !important;
    inset: 0 !important;
  }

  body.dest-section-stack-active .destinations-stack,
  body.dest-section-stack-active .dest-stack-panels {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    contain: none !important;
    box-sizing: border-box !important;
  }

  body.dest-section-stack-active .dest-stack-panels > .dest-service-panel {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    align-self: stretch !important;
    justify-content: flex-start !important;
    padding-top: clamp(4.75rem, 11vh, 5.5rem) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    isolation: isolate !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
  }

  body.dest-section-stack-active .dest-stack-panels > .dest-service-panel:nth-child(1) {
    background: #edf8fc !important;
  }

  body.dest-section-stack-active .dest-stack-panels > .dest-service-panel:nth-child(2) {
    background: #fff6ee !important;
  }

  body.dest-section-stack-active .dest-stack-panels > .dest-service-panel:nth-child(3) {
    background: #eef4ff !important;
  }

  body.dest-section-stack-active .dest-stack-panels > .dest-service-panel:nth-child(4) {
    background: #eefaf3 !important;
  }

  body.dest-section-stack-active .dest-stack-panels > .dest-service-panel:nth-child(5) {
    background: #faf4ec !important;
  }

  body.dest-section-stack-active .dest-stack-panels > .dest-service-panel:nth-child(6) {
    background: #ecf9fb !important;
  }

  body.dest-section-stack-active .dest-stack-panels > .dest-service-panel:nth-child(7) {
    background: #fff9ef !important;
  }

  body.dest-section-stack-active .dest-flash-card--full,
  body.dest-section-stack-active .dest-flash-card {
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    align-self: stretch !important;
    flex: 1 1 100% !important;
    margin: 0 !important;
    height: calc(100dvh - clamp(4.75rem, 11vh, 5.5rem)) !important;
    min-height: calc(100dvh - clamp(4.75rem, 11vh, 5.5rem)) !important;
    max-height: calc(100dvh - clamp(4.75rem, 11vh, 5.5rem)) !important;
    transform: none !important;
    will-change: auto !important;
    overflow: hidden !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    border-top: none !important;
    isolation: isolate !important;
  }

  body.dest-section-stack-active .dest-stack-panels > .dest-service-panel:nth-child(1) .dest-flash-card--full {
    background: #edf8fc !important;
  }

  body.dest-section-stack-active .dest-stack-panels > .dest-service-panel:nth-child(2) .dest-flash-card--full {
    background: #fff6ee !important;
  }

  body.dest-section-stack-active .dest-stack-panels > .dest-service-panel:nth-child(3) .dest-flash-card--full {
    background: #eef4ff !important;
  }

  body.dest-section-stack-active .dest-stack-panels > .dest-service-panel:nth-child(4) .dest-flash-card--full {
    background: #eefaf3 !important;
  }

  body.dest-section-stack-active .dest-stack-panels > .dest-service-panel:nth-child(5) .dest-flash-card--full {
    background: #faf4ec !important;
  }

  body.dest-section-stack-active .dest-stack-panels > .dest-service-panel:nth-child(6) .dest-flash-card--full {
    background: #ecf9fb !important;
  }

  body.dest-section-stack-active .dest-stack-panels > .dest-service-panel:nth-child(7) .dest-flash-card--full {
    background: #fff9ef !important;
  }

  body.dest-section-stack-active .dest-flash-card--full::before {
    display: none !important;
  }

  body.dest-section-stack-active .dest-flash-card-media {
    width: 100% !important;
    height: clamp(200px, 31dvh, 232px) !important;
    min-height: clamp(200px, 31dvh, 232px) !important;
    max-height: clamp(200px, 31dvh, 232px) !important;
    flex-shrink: 0 !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
    background: #d8e3ef !important;
    position: relative !important;
    overflow: hidden !important;
  }

  body.dest-section-stack-active .dest-flash-card-media img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: none !important;
    opacity: 1 !important;
  }

  body.dest-section-stack-active .dest-flash-card-media img.is-loading {
    opacity: 0 !important;
  }

  body.dest-section-stack-active .dest-flash-card-media img.is-ready {
    opacity: 1 !important;
    transition: opacity 0.2s ease !important;
  }

  body.dest-section-stack-active .dest-flash-card-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 1rem 1.1rem 1.25rem !important;
    justify-content: flex-start !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  body.dest-section-stack-active .dest-panel-title,
  body.dest-section-stack-active .dest-panel-desc,
  body.dest-section-stack-active .dest-panel-region {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.dest-section-stack-active .dest-stack-panels > .dest-service-panel:nth-child(1) .dest-flash-card-body {
    background: #edf8fc !important;
  }

  body.dest-section-stack-active .dest-stack-panels > .dest-service-panel:nth-child(2) .dest-flash-card-body {
    background: #fff6ee !important;
  }

  body.dest-section-stack-active .dest-stack-panels > .dest-service-panel:nth-child(3) .dest-flash-card-body {
    background: #eef4ff !important;
  }

  body.dest-section-stack-active .dest-stack-panels > .dest-service-panel:nth-child(4) .dest-flash-card-body {
    background: #eefaf3 !important;
  }

  body.dest-section-stack-active .dest-stack-panels > .dest-service-panel:nth-child(5) .dest-flash-card-body {
    background: #faf4ec !important;
  }

  body.dest-section-stack-active .dest-stack-panels > .dest-service-panel:nth-child(6) .dest-flash-card-body {
    background: #ecf9fb !important;
  }

  body.dest-section-stack-active .dest-stack-panels > .dest-service-panel:nth-child(7) .dest-flash-card-body {
    background: #fff9ef !important;
  }

  body.dest-section-stack-active .dest-panel-desc {
    max-width: 100% !important;
    line-height: 1.62 !important;
  }

  body.dest-section-stack-active .dest-plan-cta {
    width: 100% !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
}