/* Keep the copy action readable when the browser uses a larger default font. */
html:is([data-ot-type="hotels"],[data-ot-type="interests"]) :is(h1,h2,h3,h4,p,figcaption,.footer-bottom a,.source-note) {
  overflow-wrap:anywhere;
}
html:is([data-ot-type="hotels"],[data-ot-type="interests"]) :is(.steps article,.steps article>h3,.steps article>p,.footer-top>div,.consult>div) {
  min-inline-size:0;
}
html:is([data-ot-type="hotels"],[data-ot-type="interests"]) .socials {
  flex-wrap:wrap !important;
  min-inline-size:0;
}
html:is([data-ot-type="hotels"],[data-ot-type="interests"]) .socials a {
  flex:1 1 max-content !important;
  min-inline-size:0 !important;
  max-inline-size:100% !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  flex-wrap:wrap;
}
html:is([data-ot-type="hotels"],[data-ot-type="interests"]) .socials img {
  flex-shrink:0;
}
html[data-ot-type="promotion"] button.copy {
  min-inline-size:0 !important;
  max-inline-size:100% !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  flex-wrap:wrap !important;
  height:auto !important;
}

html[data-ot-type="premium"] .premium-expert__role {
  min-inline-size:0 !important;
  max-inline-size:100% !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}

/* Hotel names need their own flow space rather than a fixed photo overlay. */
html[data-ot-type="interests"] .ot-interests .interest-photo-stack {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px;
  align-content:start;
  height:auto !important;
  min-inline-size:0;
}
html[data-ot-type="interests"] .ot-interests .interest-stack-photo {
  position:relative !important;
  inset:auto !important;
  inline-size:auto !important;
  block-size:auto !important;
  min-inline-size:0;
  margin:0 !important;
  transform:none !important;
  background:#fff;
  border-radius:24px !important;
}
html[data-ot-type="interests"] .ot-interests .interest-stack-0 {
  grid-column:1/-1;
}
html[data-ot-type="interests"] .ot-interests .interest-stack-photo>img {
  display:block;
  width:100% !important;
  height:auto !important;
  aspect-ratio:4/3;
  object-fit:cover;
}
html[data-ot-type="interests"] .ot-interests .interest-stack-0>img {
  aspect-ratio:16/9;
}
html[data-ot-type="interests"] .ot-interests .interest-stack-photo::after {
  display:none !important;
}
html[data-ot-type="interests"] .ot-interests .interest-stack-photo>figcaption {
  position:static !important;
  inset:auto !important;
  padding:12px;
  max-inline-size:100%;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  color:#173a32 !important;
  background:#fff;
}
html[data-ot-type="interests"] .ot-interests .interest-stack-photo>figcaption span {
  color:#4a645e !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}
@media(max-width:374px) {
  html[data-ot-type="interests"] .ot-interests .interest-photo-stack {
    grid-template-columns:minmax(0,1fr) !important;
  }
}