.hotel-cover {
  position: relative;
  min-height: 620px;
  overflow: hidden;
  background: #021e46;
  color: #fff;
}

.hotel-cover-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: #021e46;
  cursor: zoom-in;
}

.hotel-cover-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .8s cubic-bezier(.2, .65, .3, 1);
}

.hotel-cover:hover .hotel-cover-image img {
  transform: scale(1.015);
}

.hotel-cover-shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(1, 18, 42, .82) 0%, rgba(2, 27, 61, .55) 43%, rgba(2, 30, 70, .08) 76%),
    linear-gradient(0deg, rgba(1, 17, 39, .7) 0%, transparent 55%);
}

.hotel-cover-content {
  position: relative;
  z-index: 2;
  width: min(1180px, calc(100% - 80px));
  min-height: 620px;
  margin: 0 auto;
  padding: 55px 0 68px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  pointer-events: none;
}

.hotel-cover-content a,
.hotel-cover-content button {
  pointer-events: auto;
}

.hotel-cover-breadcrumb {
  position: absolute;
  top: 36px;
  left: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(255, 255, 255, .72);
  font-size: 9px;
}

.hotel-cover-breadcrumb a {
  color: inherit;
  text-decoration: none;
}

.hotel-cover-kicker {
  margin: 0 0 20px;
  color: rgba(255, 255, 255, .82);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .1em;
}

.hotel-cover-kicker a {
  color: #fff;
  text-decoration: none;
}

.hotel-cover-kicker span {
  margin: 0 8px;
  color: rgba(255, 255, 255, .45);
}

.hotel-cover h1 {
  max-width: 900px;
  margin: 0;
  color: #fff;
  font-size: clamp(38px, 5vw, 68px);
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: .04em;
  text-shadow: 0 3px 24px rgba(0, 0, 0, .25);
}

.hotel-cover-identity {
  max-width: 920px;
  margin-top: 28px;
  display: grid;
  grid-template-columns: 1.15fr 1.15fr .9fr 125px;
  align-items: stretch;
  border-top: 1px solid rgba(255, 255, 255, .38);
  border-bottom: 1px solid rgba(255, 255, 255, .38);
}

.hotel-cover-identity-item {
  min-width: 0;
  padding: 15px 21px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-right: 1px solid rgba(255, 255, 255, .25);
  color: #fff;
  text-decoration: none;
}

.hotel-cover-identity-item:first-child {
  padding-left: 0;
}

.hotel-cover-identity-item small {
  margin-bottom: 7px;
  color: rgba(255, 255, 255, .58);
  font: 700 7px/1 "DM Sans", sans-serif;
  letter-spacing: .17em;
}

.hotel-cover-identity-item strong {
  overflow: hidden;
  color: #fff;
  font-size: 14px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hotel-cover-identity-item > span {
  margin-top: 5px;
  overflow: hidden;
  color: rgba(255, 255, 255, .58);
  font-size: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hotel-cover-identity-item.is-area {
  transition: background-color .2s;
}

.hotel-cover-identity-item.is-area:hover {
  background: rgba(255, 255, 255, .08);
}

.hotel-cover-favorite {
  min-width: 0;
  padding: 13px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 0;
  border-radius: 0;
  background: rgba(255, 255, 255, .08);
  color: #fff;
  font: 600 9px var(--sans);
  cursor: pointer;
  transition: background-color .2s;
}

.hotel-cover-favorite:hover {
  background: rgba(255, 255, 255, .16);
}

.hotel-cover-favorite > span:first-child {
  font-size: 20px;
  line-height: 1;
}

.hotel-cover-favorite > span:last-child {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}

.hotel-cover-favorite small {
  color: rgba(255, 255, 255, .52);
  font: 700 7px/1 "DM Sans", sans-serif;
  letter-spacing: .16em;
}

.hotel-cover-favorite b {
  color: #fff;
  font-size: 9px;
  font-weight: 600;
  white-space: nowrap;
}

.hotel-cover-feature-row {
  max-width: 920px;
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 15px;
}

.hotel-cover-feature-row > small {
  flex: 0 0 auto;
  color: rgba(255, 255, 255, .52);
  font: 700 7px/1 "DM Sans", sans-serif;
  letter-spacing: .17em;
}

.hotel-cover-feature-row > div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.hotel-cover-feature-row span {
  min-height: 27px;
  padding: 6px 10px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, .32);
  background: rgba(1, 24, 52, .36);
  color: rgba(255, 255, 255, .9);
  font-size: 8px;
  font-weight: 600;
  backdrop-filter: blur(7px);
}

.hotel-cover-tags {
  max-width: 780px;
  margin-top: 28px;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.hotel-cover-tags a,
.hotel-cover-tags span {
  min-height: 34px;
  padding: 8px 13px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, .46);
  background: rgba(255, 255, 255, .9);
  color: #062b63;
  font-size: 9px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  backdrop-filter: blur(8px);
}

.hotel-cover-tags a.is-area {
  border-color: #fff;
  background: #062b63;
  color: #fff;
}

.hotel-cover-actions {
  margin-top: 21px;
  display: flex;
  align-items: center;
  gap: 18px;
}

.hotel-cover-actions p {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(255, 255, 255, .8);
  font-size: 9px;
}

.hotel-cover-actions p b {
  color: #fff;
  font-size: 13px;
}

.hotel-cover-actions .detail-favorite {
  min-width: 135px;
  min-height: 43px;
  padding: 10px 18px;
  border: 1px solid rgba(255, 255, 255, .58);
  border-radius: 999px;
  background: rgba(255, 255, 255, .94);
  color: #062b63;
  font: 600 10px var(--sans);
  cursor: pointer;
}

.hotel-photo-gallery {
  max-width: 1180px;
  margin: 0 auto;
  padding: 74px 0 90px;
}

.hotel-photo-gallery > header {
  margin-bottom: 28px;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 25px;
}

.hotel-photo-gallery > header small {
  display: block;
  margin-bottom: 12px;
  color: #8491a3;
  font: 700 8px/1 "DM Sans", sans-serif;
  letter-spacing: .18em;
}

.hotel-photo-gallery > header h2 {
  margin: 0;
  color: var(--deep);
  font-size: 27px;
  font-weight: 500;
}

.hotel-photo-gallery > header button {
  min-height: 42px;
  padding: 9px 14px;
  border: 1px solid var(--line);
  background: #fff;
  color: var(--ink);
  font: 600 9px var(--sans);
  cursor: pointer;
}

.hotel-photo-gallery > header button span {
  margin-left: 9px;
  color: #8995a5;
}

.hotel-photo-gallery-grid {
  height: 510px;
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: repeat(3, 1fr);
  gap: 5px;
}

.hotel-photo-gallery-grid.count-1 {
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}

.hotel-photo-gallery-grid.count-2 {
  grid-template-columns: 3fr 2fr;
  grid-template-rows: 1fr;
}

.hotel-photo-thumb {
  position: relative;
  min-width: 0;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  background: #edf1f6;
  cursor: zoom-in;
}

.hotel-photo-gallery-grid.count-3 .image-1,
.hotel-photo-gallery-grid.count-4 .image-1 {
  grid-row: 1 / 4;
}

.hotel-photo-gallery-grid.count-3 .image-2 {
  grid-row: 1 / 3;
}

.hotel-photo-gallery-grid.count-3 .image-3 {
  grid-row: 3;
}

.hotel-photo-thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .45s ease;
}

.hotel-photo-thumb:hover img {
  transform: scale(1.025);
}

.hotel-photo-thumb > span {
  position: absolute;
  right: 12px;
  bottom: 12px;
  left: 12px;
  color: #fff;
  font-size: 8px;
  font-weight: 600;
  text-align: left;
  text-shadow: 0 2px 9px rgba(0, 0, 0, .75);
}

.hotel-gallery-lightbox[hidden] {
  display: none;
}

.hotel-gallery-lightbox {
  position: fixed;
  inset: 0;
  z-index: 1000;
  padding: 52px 95px;
  display: grid;
  place-items: center;
  background: rgba(0, 17, 35, .94);
}

.hotel-gallery-lightbox figure {
  max-width: min(1120px, 100%);
  max-height: calc(100vh - 104px);
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hotel-gallery-lightbox figure img {
  max-width: 100%;
  max-height: calc(100vh - 145px);
  display: block;
  object-fit: contain;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .38);
}

.hotel-gallery-lightbox figcaption {
  margin-top: 13px;
  color: rgba(255, 255, 255, .82);
  font-size: 9px;
}

.hotel-gallery-close,
.hotel-gallery-prev,
.hotel-gallery-next {
  position: absolute;
  border: 0;
  background: transparent;
  color: #fff;
  cursor: pointer;
}

.hotel-gallery-close {
  top: 21px;
  right: 25px;
  width: 44px;
  height: 44px;
  font-size: 31px;
}

.hotel-gallery-prev,
.hotel-gallery-next {
  top: 50%;
  width: 58px;
  height: 72px;
  font-size: 45px;
  transform: translateY(-50%);
}

.hotel-gallery-prev { left: 18px; }
.hotel-gallery-next { right: 18px; }
body.hotel-gallery-open { overflow: hidden; }

@media (max-width: 1220px) {
  .hotel-photo-gallery {
    margin-right: 40px;
    margin-left: 40px;
  }
}

@media (max-width: 760px) {
  .hotel-cover,
  .hotel-cover-content {
    min-height: 570px;
  }

  .hotel-cover-content {
    width: calc(100% - 40px);
    padding-bottom: 92px;
  }

  .hotel-cover-breadcrumb {
    top: 25px;
  }

  .hotel-cover h1 {
    font-size: 34px;
  }

  .hotel-cover-identity {
    margin-top: 22px;
    grid-template-columns: 1fr 1fr;
  }

  .hotel-cover-identity-item {
    padding: 13px 14px;
    border-bottom: 1px solid rgba(255, 255, 255, .22);
  }

  .hotel-cover-identity-item:first-child {
    padding-left: 0;
  }

  .hotel-cover-identity-item:nth-child(2) {
    border-right: 0;
  }

  .hotel-cover-identity-item strong {
    font-size: 12px;
  }

  .hotel-cover-favorite {
    min-height: 58px;
  }

  .hotel-cover-feature-row {
    margin-top: 13px;
    align-items: flex-start;
  }

  .hotel-cover-kicker {
    margin-bottom: 14px;
    font-size: 9px;
  }

  .hotel-cover-tags {
    margin-top: 20px;
    gap: 6px;
  }

  .hotel-cover-tags a,
  .hotel-cover-tags span {
    min-height: 30px;
    padding: 7px 10px;
    font-size: 8px;
  }

  .hotel-cover-actions {
    margin-top: 16px;
  }

  .hotel-photo-gallery {
    margin-right: 20px;
    margin-left: 20px;
    padding: 55px 0 65px;
  }

  .hotel-photo-gallery > header h2 {
    font-size: 22px;
  }

  .hotel-photo-gallery > header button {
    flex: 0 0 auto;
    font-size: 0;
  }

  .hotel-photo-gallery > header button span {
    margin: 0;
    font-size: 8px;
  }

  .hotel-photo-gallery-grid,
  .hotel-photo-gallery-grid.count-2,
  .hotel-photo-gallery-grid.count-3,
  .hotel-photo-gallery-grid.count-4 {
    height: 410px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 2fr 1fr;
  }

  .hotel-photo-gallery-grid .image-1,
  .hotel-photo-gallery-grid.count-3 .image-1,
  .hotel-photo-gallery-grid.count-4 .image-1 {
    grid-column: 1 / 3;
    grid-row: 1;
  }

  .hotel-photo-gallery-grid.count-1 {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }

  .hotel-photo-gallery-grid.count-1 .image-1 {
    grid-column: 1;
  }

  .hotel-photo-gallery-grid .image-4 {
    display: none;
  }

  .hotel-gallery-lightbox {
    padding: 55px 18px;
  }

  .hotel-gallery-lightbox figure img {
    max-height: calc(100vh - 150px);
  }

  .hotel-gallery-prev,
  .hotel-gallery-next {
    top: auto;
    bottom: 9px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hotel-cover-image img,
  .hotel-photo-thumb img {
    transition: none;
  }
}

/* Compact, keyword-led hero for hotel detail pages. */
.hotel-cover {
  min-height: 320px;
}

.hotel-cover-image img {
  object-position: center 52%;
}

.hotel-cover-shade {
  background:
    linear-gradient(90deg, rgba(1, 18, 42, .9) 0%, rgba(2, 27, 61, .72) 52%, rgba(2, 30, 70, .3) 100%),
    linear-gradient(0deg, rgba(1, 17, 39, .64) 0%, transparent 68%);
}

.hotel-cover-content {
  width: min(1220px, calc(100% - 80px));
  min-height: 320px;
  padding: 57px 0 22px;
  justify-content: flex-end;
}

.hotel-cover-breadcrumb {
  top: 17px;
  font-size: 8px;
}

.hotel-cover-main {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
}

.hotel-cover-copy {
  min-width: 0;
  max-width: 850px;
}

.hotel-cover-kicker {
  margin: 0 0 7px;
  color: rgba(255, 255, 255, .72);
  font-size: 8px;
  letter-spacing: .12em;
}

.hotel-cover h1 {
  max-width: none;
  line-height: 1.25;
  letter-spacing: .02em;
}

.hotel-cover h1 > span {
  display: block;
  margin-bottom: 5px;
  color: rgba(255, 255, 255, .8);
  font-size: clamp(11px, 1.05vw, 14px);
  font-weight: 600;
  letter-spacing: .05em;
}

.hotel-cover h1 > strong {
  display: block;
  overflow: hidden;
  color: #fff;
  font-size: clamp(28px, 3.15vw, 43px);
  font-weight: 600;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hotel-cover-summary {
  max-width: 720px;
  margin: 8px 0 0;
  color: rgba(255, 255, 255, .72);
  font-size: 9px;
  line-height: 1.75;
}

.hotel-cover-favorite {
  flex: 0 0 auto;
  min-width: 116px;
  min-height: 44px;
  padding: 9px 15px;
  gap: 8px;
  border: 1px solid rgba(255, 255, 255, .5);
  border-radius: 999px;
  background: rgba(1, 24, 52, .38);
  backdrop-filter: blur(8px);
}

.hotel-cover-favorite > span:first-child {
  font-size: 18px;
}

.hotel-cover-favorite > span:last-child {
  display: inline;
  color: #fff;
  font-size: 9px;
  font-weight: 600;
}

.hotel-cover-identity {
  max-width: none;
  margin-top: 13px;
  display: flex;
  align-items: stretch;
  gap: 7px;
  border: 0;
}

.hotel-cover-identity-item {
  flex: 0 1 245px;
  min-height: 47px;
  padding: 8px 13px;
  border: 1px solid rgba(255, 255, 255, .25);
  background: rgba(1, 24, 52, .32);
  backdrop-filter: blur(7px);
}

.hotel-cover-identity-item:first-child {
  padding-left: 13px;
}

.hotel-cover-identity-item small {
  margin-bottom: 4px;
  color: rgba(255, 255, 255, .6);
  font-family: var(--sans);
  font-size: 7px;
  letter-spacing: .06em;
}

.hotel-cover-identity-item strong {
  font-size: 11px;
}

.hotel-cover-identity-item > span {
  margin-top: 2px;
  font-size: 7px;
}

.hotel-cover-feature-row {
  max-width: none;
  margin-top: 8px;
  gap: 10px;
}

.hotel-cover-feature-row > small {
  font-family: var(--sans);
  font-size: 7px;
  letter-spacing: .06em;
}

.hotel-cover-feature-row span {
  min-height: 22px;
  padding: 4px 8px;
  font-size: 7px;
}

@media (max-width: 760px) {
  .hotel-cover,
  .hotel-cover-content {
    min-height: 390px;
  }

  .hotel-cover-content {
    width: calc(100% - 40px);
    padding: 53px 0 18px;
  }

  .hotel-cover-breadcrumb {
    top: 14px;
    max-width: calc(100% - 10px);
    overflow: hidden;
    white-space: nowrap;
  }

  .hotel-cover-main {
    display: block;
  }

  .hotel-cover h1 {
    font-size: inherit;
  }

  .hotel-cover h1 > span {
    font-size: 10px;
  }

  .hotel-cover h1 > strong {
    font-size: 28px;
    white-space: normal;
  }

  .hotel-cover-summary {
    font-size: 8px;
  }

  .hotel-cover-favorite {
    min-width: 105px;
    min-height: 38px;
    margin-top: 10px;
  }

  .hotel-cover-identity {
    margin-top: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
  }

  .hotel-cover-identity-item {
    min-height: 43px;
    padding: 7px 9px;
  }

  .hotel-cover-identity-item:first-child {
    padding-left: 9px;
  }

  .hotel-cover-identity-item.is-rating {
    grid-column: 1 / -1;
  }

  .hotel-cover-feature-row {
    align-items: flex-start;
  }

  .hotel-cover-feature-row > small {
    padding-top: 6px;
  }
}

/* Image-free detail hero. Hotel photography remains in the gallery below. */
.hotel-cover.hotel-cover--simple {
  min-height: 300px;
  border-top: 1px solid #e3e8ef;
  border-bottom: 1px solid #dfe5ed;
  background:linear-gradient(135deg,#fff 0%,#f7f9fb 62%,#eef3f8 100%);
  color: #172437;
}
.hotel-cover--simple .hotel-cover-content{min-height:300px;padding-top:55px;padding-bottom:23px}
.hotel-cover--simple .hotel-cover-breadcrumb{color:#718095}
.hotel-cover--simple .hotel-cover-breadcrumb a{color:#53647a}
.hotel-cover--simple .hotel-cover-kicker{color:#60718a}
.hotel-cover--simple .hotel-cover-main{align-items:flex-end;justify-content:flex-start;gap:26px}
.hotel-cover--simple .hotel-cover-copy{flex:0 1 auto;max-width:820px}
.hotel-cover--simple h1,.hotel-cover--simple h1>strong{color:#021e46;text-shadow:none}
.hotel-cover--simple h1>span{color:#53657c}
.hotel-cover--simple .hotel-cover-summary{color:#68788d}
.hotel-cover--simple .hotel-cover-favorite{min-width:132px;min-height:43px;margin-bottom:2px;padding:7px 12px;border-color:#c3cedb;border-radius:7px;background:#fff;color:#062b63;box-shadow:none;backdrop-filter:none}
.hotel-cover--simple .hotel-cover-favorite:hover,.hotel-cover--simple .hotel-cover-favorite.active{border-color:#062b63;background:#062b63;color:#fff}
.hotel-cover--simple .hotel-cover-favorite>span:first-child{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#edf2f7;font-size:15px}
.hotel-cover--simple .hotel-cover-favorite:hover>span:first-child,.hotel-cover--simple .hotel-cover-favorite.active>span:first-child{background:rgba(255,255,255,.14)}
.hotel-cover--simple .hotel-cover-favorite>span:last-child{color:inherit}
.hotel-cover--simple .hotel-cover-identity-item{border-color:#d8e0e9;background:rgba(255,255,255,.85);color:#172437;backdrop-filter:none}
.hotel-cover--simple .hotel-cover-identity-item.is-area:hover{border-color:#9bacc1;background:#fff}
.hotel-cover--simple .hotel-cover-identity-item small{color:#738298}
.hotel-cover--simple .hotel-cover-identity-item strong{color:#062b63}
.hotel-cover--simple .hotel-cover-identity-item>span{color:#7b899b}
.hotel-cover--simple .hotel-cover-feature-row>small{color:#738298}
.hotel-cover--simple .hotel-cover-feature-row span{border-color:#d6dee8;background:#fff;color:#526278;backdrop-filter:none}
@media(max-width:760px){
  .hotel-cover.hotel-cover--simple,.hotel-cover--simple .hotel-cover-content{min-height:370px}
  .hotel-cover--simple .hotel-cover-content{padding-top:52px;padding-bottom:17px}
  .hotel-cover--simple .hotel-cover-main{position:relative;display:block}
  .hotel-cover--simple .hotel-cover-copy{padding-right:54px}
  .hotel-cover--simple .hotel-cover-favorite{position:absolute;top:24px;right:0;width:42px;min-width:42px;height:42px;min-height:42px;margin:0;padding:0;display:grid;place-items:center;border-radius:50%}
  .hotel-cover--simple .hotel-cover-favorite>span:first-child{width:auto;height:auto;background:transparent;font-size:17px}
  .hotel-cover--simple .hotel-cover-favorite>span:last-child{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .hotel-cover--simple .hotel-cover-identity-item:nth-child(2){border-right:1px solid #d8e0e9}
}

.hotel-photo-gallery{padding-bottom:28px}
@media(max-width:760px){.hotel-photo-gallery{padding-bottom:22px}}

/* Compact spacing for the image-free hotel hero on mobile. */
@media(max-width:760px){
  .hotel-cover.hotel-cover--simple,.hotel-cover--simple .hotel-cover-content{min-height:0}
  .hotel-cover--simple .hotel-cover-content{padding-top:44px;padding-bottom:12px;justify-content:flex-start}
  .hotel-cover--simple .hotel-cover-breadcrumb{top:12px}
  .hotel-cover--simple .hotel-cover-main{margin-top:0}
  .hotel-cover--simple .hotel-cover-copy{padding-right:48px}
  .hotel-cover--simple .hotel-cover-kicker{margin-bottom:4px}
  .hotel-cover--simple h1>span{margin-bottom:2px}
  .hotel-cover--simple h1>strong{font-size:26px;line-height:1.2}
  .hotel-cover--simple .hotel-cover-summary{margin-top:4px;line-height:1.55}
  .hotel-cover--simple .hotel-cover-favorite{top:18px}
  .hotel-cover--simple .hotel-cover-identity{margin-top:7px;gap:4px}
  .hotel-cover--simple .hotel-cover-identity-item{min-height:39px;padding:5px 8px}
  .hotel-cover--simple .hotel-cover-identity-item:first-child{padding-left:8px}
  .hotel-cover--simple .hotel-cover-identity-item small{margin-bottom:2px}
  .hotel-cover--simple .hotel-cover-identity-item>span{margin-top:1px}
  .hotel-cover--simple .hotel-cover-feature-row{margin-top:5px;gap:6px}
  .hotel-cover--simple .hotel-cover-feature-row>small{padding-top:4px}
  .hotel-cover--simple .hotel-cover-feature-row span{min-height:20px;padding:3px 6px}
  .hotel-photo-gallery{padding-top:34px;padding-bottom:18px}
  .hotel-photo-gallery>header{margin-bottom:18px}
  .hotel-photo-gallery>header small{margin-bottom:7px}
  .hotel-photo-gallery-grid,.hotel-photo-gallery-grid.count-2,.hotel-photo-gallery-grid.count-3,.hotel-photo-gallery-grid.count-4{height:370px}
}

/* Keep secondary hotel information legible. */
.hotel-cover-breadcrumb{font-size:10px}
.hotel-cover-kicker{font-size:10px}
.hotel-cover-summary{font-size:11px}
.hotel-cover-identity-item small{font-size:9px}
.hotel-cover-identity-item strong{font-size:13px}
.hotel-cover-identity-item>span{font-size:9px}
.hotel-cover-feature-row>small{font-size:9px}
.hotel-cover-feature-row span{font-size:9px}
.hotel-photo-gallery>header small{font-size:9px}
.hotel-photo-gallery>header button{font-size:10px}
.hotel-photo-thumb>span{font-size:9px}
@media(max-width:760px){
  .hotel-cover--simple .hotel-cover-breadcrumb{font-size:10px}
  .hotel-cover--simple .hotel-cover-kicker{font-size:10px}
  .hotel-cover--simple .hotel-cover-summary{font-size:10px}
  .hotel-cover--simple .hotel-cover-identity-item small{font-size:9px}
  .hotel-cover--simple .hotel-cover-identity-item strong{font-size:12px}
  .hotel-cover--simple .hotel-cover-identity-item>span{font-size:9px}
  .hotel-cover--simple .hotel-cover-feature-row>small,.hotel-cover--simple .hotel-cover-feature-row span{font-size:9px}
}