/* Final atmosphere panel — matched to the approved reference. */

/* Keep the four booking-policy cards in the original transparent glass style. */
#home .booking-policies-lux .booking-policy-card {
  border-color: rgba(226, 190, 105, 0.38) !important;
  background:
    linear-gradient(145deg,
      rgba(151, 193, 232, 0.17) 0%,
      rgba(57, 91, 128, 0.10) 38%,
      rgba(5, 17, 31, 0.08) 100%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(165%) !important;
  backdrop-filter: blur(20px) saturate(165%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    inset 0 -18px 32px rgba(1, 9, 18, 0.08),
    0 18px 38px rgba(0, 0, 0, 0.13) !important;
}

#home .booking-policies-lux .booking-policy-card::after {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.035) 30%, transparent 52%),
    radial-gradient(circle at 14% 5%, rgba(204, 235, 255, 0.18), transparent 32%) !important;
}

#home .atmosphere-highlight {
  box-sizing: border-box !important;
  scroll-margin-top: 84px;
}

@media (min-width: 981px) {
  #home .atmosphere-highlight {
    width: min(1400px, calc(100% - 64px)) !important;
    max-width: 1400px !important;
    height: 405px !important;
    min-height: 405px !important;
    margin: 26px auto 58px !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 2fr) minmax(470px, 1fr) !important;
    grid-template-areas: "photo copy" !important;
    direction: ltr !important;
    gap: 0 !important;
    align-items: stretch !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    overflow: hidden !important;
    border: 1px solid rgba(222, 171, 55, .9) !important;
    border-radius: 24px !important;
    background: #061523 !important;
    box-shadow: 0 26px 60px rgba(0, 0, 0, .28) !important;
  }

  #home .atmosphere-highlight::before,
  #home .atmosphere-highlight::after {
    display: none !important;
    content: none !important;
  }

  #home .atmosphere-highlight .photo-panel {
    grid-area: photo !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #071522 !important;
    box-shadow: none !important;
  }

  #home .atmosphere-highlight .photo-panel::before {
    display: none !important;
    content: none !important;
  }

  #home .atmosphere-highlight .photo-panel::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background: linear-gradient(90deg, transparent 72%, rgba(3, 13, 24, .18)) !important;
  }

  #home .atmosphere-highlight .photo-panel img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  #home .atmosphere-highlight .section-copy {
    grid-area: copy !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 34px 42px 31px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    direction: rtl !important;
    text-align: center !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background:
      radial-gradient(circle at 76% 13%, rgba(218, 166, 52, .08), transparent 34%),
      linear-gradient(180deg, #071827 0%, #041321 100%) !important;
    box-shadow: none !important;
  }

  #home .atmosphere-highlight .section-copy::before,
  #home .atmosphere-highlight .section-copy::after {
    display: none !important;
    content: none !important;
  }

  #home .atmosphere-highlight .section-copy .eyebrow {
    width: 100% !important;
    margin: 0 0 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 17px !important;
    color: #dcae4e !important;
    font-size: 1.04rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  #home .atmosphere-highlight .section-copy .eyebrow::before,
  #home .atmosphere-highlight .section-copy .eyebrow::after {
    content: "" !important;
    width: 68px !important;
    height: 1px !important;
    flex: 0 0 68px !important;
    background: linear-gradient(90deg, transparent, rgba(224, 174, 62, .95), transparent) !important;
  }

  #home .atmosphere-highlight .section-copy h2 {
    width: 100% !important;
    max-width: 470px !important;
    margin: 0 auto 18px !important;
    padding: 0 !important;
    color: #efbf54 !important;
    font-size: clamp(3rem, 3.35vw, 3.75rem) !important;
    font-weight: 800 !important;
    line-height: 1.12 !important;
    letter-spacing: -.025em !important;
    text-align: center !important;
  }

  #home .atmosphere-highlight .section-copy h2::before {
    display: none !important;
    content: none !important;
  }

  #home .atmosphere-highlight .section-copy h2 .line {
    display: block !important;
    white-space: nowrap !important;
  }

  #home .atmosphere-highlight .section-copy p {
    width: 100% !important;
    max-width: 455px !important;
    margin: 0 auto 22px !important;
    color: rgba(247, 240, 225, .94) !important;
    font-size: 1rem !important;
    line-height: 1.95 !important;
    text-align: center !important;
  }

  #home .atmosphere-highlight .outline-btn {
    min-width: 228px !important;
    min-height: 58px !important;
    margin: 0 auto !important;
    padding: 12px 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important;
    border: 1px solid rgba(224, 174, 62, .92) !important;
    border-radius: 17px !important;
    background: rgba(4, 16, 28, .42) !important;
    color: #efbf54 !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
  }

  #home .atmosphere-highlight .outline-btn::before {
    content: "←" !important;
    margin-inline-end: 9px !important;
    font-size: 1.22rem !important;
    line-height: 1 !important;
  }
}

/* English and Turkish use longer Latin-script headings.  The base card was
   authored for Arabic and forced RTL, which reversed punctuation and made the
   translated copy overflow above and below the panel. */
@media (min-width: 981px) {
  html[lang="en"] #home .atmosphere-highlight .section-copy,
  html[lang="tr"] #home .atmosphere-highlight .section-copy {
    direction: ltr !important;
    padding: 26px 34px !important;
  }

  html[lang="en"] #home .atmosphere-highlight .section-copy h2,
  html[lang="tr"] #home .atmosphere-highlight .section-copy h2 {
    max-width: 500px !important;
    margin-bottom: 14px !important;
    font-size: clamp(2.15rem, 2.5vw, 2.7rem) !important;
    line-height: 1.14 !important;
    letter-spacing: -.02em !important;
    text-wrap: balance;
  }

  html[lang="en"] #home .atmosphere-highlight .section-copy p,
  html[lang="tr"] #home .atmosphere-highlight .section-copy p {
    margin-bottom: 16px !important;
    direction: ltr !important;
    line-height: 1.65 !important;
    text-wrap: pretty;
  }

  html[lang="en"] #home .atmosphere-highlight .outline-btn::before,
  html[lang="tr"] #home .atmosphere-highlight .outline-btn::before {
    content: "\2192" !important;
  }
}

@media (min-width: 981px) and (max-width: 1240px) {
  #home .atmosphere-highlight {
    width: calc(100% - 40px) !important;
    grid-template-columns: minmax(0, 1.45fr) minmax(420px, 1fr) !important;
  }

  #home .atmosphere-highlight .section-copy {
    padding-inline: 28px !important;
  }

  #home .atmosphere-highlight .section-copy h2 {
    font-size: clamp(2.65rem, 4.2vw, 3.25rem) !important;
  }
}

@media (max-width: 980px) {
  #home .atmosphere-highlight {
    width: min(720px, calc(100% - 24px)) !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 22px auto 42px !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-areas: "photo" "copy" !important;
    gap: 0 !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    overflow: hidden !important;
    border: 1px solid rgba(222, 171, 55, .82) !important;
    border-radius: 22px !important;
    background: #061523 !important;
    box-shadow: 0 22px 48px rgba(0, 0, 0, .25) !important;
  }

  #home .atmosphere-highlight::before,
  #home .atmosphere-highlight::after,
  #home .atmosphere-highlight .section-copy::before,
  #home .atmosphere-highlight .section-copy::after,
  #home .atmosphere-highlight .photo-panel::before {
    display: none !important;
    content: none !important;
  }

  #home .atmosphere-highlight .photo-panel {
    grid-area: photo !important;
    width: 100% !important;
    height: clamp(245px, 48vw, 340px) !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  #home .atmosphere-highlight .photo-panel img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  #home .atmosphere-highlight .section-copy {
    grid-area: copy !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 27px 22px 29px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    direction: rtl !important;
    text-align: center !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #071827, #041321) !important;
  }

  #home .atmosphere-highlight .section-copy .eyebrow {
    width: 100% !important;
    margin: 0 0 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    color: #dcae4e !important;
    font-size: .96rem !important;
  }

  #home .atmosphere-highlight .section-copy .eyebrow::before,
  #home .atmosphere-highlight .section-copy .eyebrow::after {
    content: "" !important;
    width: 46px !important;
    height: 1px !important;
    flex: 0 0 46px !important;
    background: linear-gradient(90deg, transparent, rgba(224, 174, 62, .95), transparent) !important;
  }

  #home .atmosphere-highlight .section-copy h2 {
    width: 100% !important;
    max-width: 620px !important;
    margin: 0 auto 15px !important;
    color: #efbf54 !important;
    font-size: clamp(2.15rem, 7vw, 3rem) !important;
    line-height: 1.15 !important;
    text-align: center !important;
  }

  #home .atmosphere-highlight .section-copy h2 .line {
    display: block !important;
    white-space: normal !important;
  }

  #home .atmosphere-highlight .section-copy p {
    width: 100% !important;
    max-width: 600px !important;
    margin: 0 auto 20px !important;
    color: rgba(247, 240, 225, .94) !important;
    font-size: .96rem !important;
    line-height: 1.85 !important;
    text-align: center !important;
  }

  #home .atmosphere-highlight .outline-btn {
    min-width: 205px !important;
    min-height: 55px !important;
    margin: 0 auto !important;
    padding: 12px 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    border: 1px solid rgba(224, 174, 62, .9) !important;
    border-radius: 16px !important;
    background: rgba(4, 16, 28, .4) !important;
    color: #efbf54 !important;
  }

  #home .atmosphere-highlight .outline-btn::before {
    content: "←" !important;
    margin-inline-end: 7px !important;
  }
}

@media (max-width: 980px) {
  html[lang="en"] #home .atmosphere-highlight .section-copy,
  html[lang="tr"] #home .atmosphere-highlight .section-copy,
  html[lang="en"] #home .atmosphere-highlight .section-copy p,
  html[lang="tr"] #home .atmosphere-highlight .section-copy p {
    direction: ltr !important;
  }

  html[lang="en"] #home .atmosphere-highlight .outline-btn::before,
  html[lang="tr"] #home .atmosphere-highlight .outline-btn::before {
    content: "\2192" !important;
  }
}

@media (max-width: 560px) {
  #home .atmosphere-highlight {
    width: calc(100% - 16px) !important;
    border-radius: 18px !important;
  }

  #home .atmosphere-highlight .photo-panel {
    height: 225px !important;
  }

  #home .atmosphere-highlight .section-copy {
    padding: 23px 16px 25px !important;
  }

  #home .atmosphere-highlight .section-copy h2 {
    font-size: clamp(2rem, 9vw, 2.55rem) !important;
  }

  #home .atmosphere-highlight .section-copy p {
    font-size: .92rem !important;
    line-height: 1.8 !important;
  }
}