/* Responsive CSS sizing must take precedence over intrinsic HTML dimensions. */
html body main.castleDetail {
  padding-bottom: 32px;
}
html body .castleDetail .weatherPanel:last-child {
  margin-bottom: 0;
}
html body .castleDetail + .pageReturn {
  margin-top: 32px;
  padding-top: 24px;
}
html body .weatherDays:has(> .weatherError) {
  display: block;
  overflow: visible;
}
html body .weatherDays > .weatherError {
  width: auto;
  max-width: 100%;
  overflow-wrap: break-word;
}
html body.globalEnglish .globalFooter {
  padding-bottom: calc(120px + env(safe-area-inset-bottom));
}
@media (min-width: 701px) {
  html body .grid > article.card.sleepSelected {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: auto auto 1fr;
    gap: 18px 48px;
    align-items: start;
  }
  html body .sleepSelected .card-main {
    display: contents !important;
  }
  html body .sleepSelected .ph {
    grid-column: 1;
    grid-row: 1 / 4;
  }
  html body .sleepSelected .cb,
  html body .sleepSelected .cardActions,
  html body .sleepSelected .cardStoreNote {
    grid-column: 2;
    margin: 0 !important;
  }
}
html body .coffeeProductCard__media {
  min-height: 0;
  align-content: start;
}
html body .coffeeProductCard__media img {
  height: auto;
  max-height: none;
  aspect-ratio: 1 / 1;
}
html body .giftAtlasIntro__mosaic img,
html body .giftAtlasCard__image img,
html body .globalCard > img,
html body .festivalHotel img,
html body .drinksCategoryCard img,
html body .drinksPage .depthPhoto img,
html body .drinksPeopleVisual img,
html body .drinksVenue img,
html body .ler-hero-frame > img.ler-hero-media,
html body .castleStory__markImage img,
html body .cultureFieldSpot__media img,
html body .sleepMediaCard img,
html body .depthPhoto img[src="/assets/editorial/sleep-room-ritual-v1.webp"],
html body .photoLesson > img,
html body .sceneProductMedia img,
html body .sabaEditorial__photo img,
html body .coffeeFeaturePhoto img,
html body .coffeePage .depthPhoto img,
html body .coffeePlacePhoto img {
  height: auto;
  min-height: 0;
  align-self: start;
  box-sizing: border-box;
}
html body .sceneProductMedia img {
  max-width: 220px;
  max-height: none;
}
html body .photoHero h1,
html body .photoHero h1 span,
html body .coffeePage .depthSection__head h2,
html body .coffeePage .depthSection__head h2 span,
html body .sleepSectionTitle,
html body .sleepSectionTitle span {
  min-width: 0;
  max-width: 100%;
  white-space: normal !important;
  overflow-wrap: anywhere;
}