/* === APPLE-QUALITY CARD POLISH + BALANCED TITLE SYSTEM — 2026-05-18G ===
   Scope: itinerary cards only. Does not change the main app header, neon nav,
   skyline image system, scrolling, maps, concierge, or day switching.
*/

html body #app.app-shell .entries .entry-card.golden-horizon-card {
  --apple-card-radius: 28px;
  --apple-photo-size: clamp(136px, 18vw, 178px);
  --apple-photo-gap: clamp(18px, 2.4vw, 30px);
  --apple-body-pad-y: clamp(20px, 2.4vw, 30px);
  --apple-body-pad-x: clamp(22px, 3vw, 36px);
  --apple-brass-top: #fff7dc;
  --apple-brass-mid: #dfc076;
  --apple-brass-low: #b88a38;
  --apple-brass-edge: rgba(105, 78, 31, .30);
  --apple-brass-ink: #241d10;
  border-radius: var(--apple-card-radius) !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) var(--apple-photo-size) !important;
  column-gap: var(--apple-photo-gap) !important;
  align-items: center !important;
  min-height: calc(var(--apple-photo-size) + 44px) !important;
  padding: var(--apple-body-pad-y) var(--apple-body-pad-x) !important;
  overflow: hidden !important;
  background:
    radial-gradient(ellipse at 94% 50%, rgba(229, 236, 243, .42) 0%, rgba(255,255,255,.86) 34%, rgba(255,255,255,0) 58%),
    linear-gradient(90deg, #ffffff 0%, #ffffff 66%, rgba(250,251,253,.94) 100%) !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-copy {
  grid-column: 1 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  z-index: 5 !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-copy h3 {
  text-wrap: balance !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-copy h3 .title-line {
  display: block !important;
  text-wrap: balance !important;
}

/* Refined photo object: fills more of the designed tile without the earlier over-crop problem. */
html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 1 !important;
  right: calc(var(--apple-body-pad-x) - 7px) !important;
  top: 50% !important;
  width: calc(var(--apple-photo-size) + 18px) !important;
  height: calc(var(--apple-photo-size) + 18px) !important;
  transform: translateY(-50%) !important;
  border-radius: 24px !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 22% 12%, rgba(255,255,255,.92), rgba(255,255,255,0) 35%),
    linear-gradient(180deg, rgba(255,255,255,.54), rgba(246,248,252,.24)) !important;
  box-shadow:
    0 18px 34px rgba(15,23,42,.085),
    inset 0 1px 0 rgba(255,255,255,.76) !important;
  opacity: .72 !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb:not(.brand-entry-thumb) {
  grid-column: 2 !important;
  z-index: 4 !important;
  justify-self: end !important;
  align-self: center !important;
  width: var(--apple-photo-size) !important;
  height: var(--apple-photo-size) !important;
  max-width: var(--apple-photo-size) !important;
  max-height: var(--apple-photo-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 20px !important;
  object-fit: cover !important;
  object-position: center center !important;
  background: rgba(255,255,255,.84) !important;
  border: 2px solid rgba(255,255,255,.94) !important;
  box-shadow:
    0 15px 25px rgba(15,23,42,.13),
    0 7px 18px var(--photo-ambient, rgba(15,23,42,.10)),
    0 0 0 1px var(--photo-border, rgba(235,241,248,.86)) !important;
  filter: var(--thumb-grade) !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card.brand-logo-entry .entry-thumb,
html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb.brand-entry-thumb {
  object-fit: contain !important;
  padding: 8px !important;
  background: rgba(255,255,255,.92) !important;
}

/* Unified champagne/brass plaque. This intentionally overrides all earlier mobile/desktop plaque variants. */
html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .entry-copy h3,
html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy h3 {
  position: relative !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: clamp(11px, 1.45vw, 16px) clamp(16px, 2vw, 22px) !important;
  border-radius: 11px !important;
  color: var(--apple-brass-ink) !important;
  font-size: clamp(25px, 3.8vw, 40px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.052em !important;
  font-weight: 910 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.36) !important;
  background:
    radial-gradient(circle at 14px 14px, rgba(92,68,28,.26) 0 1.65px, rgba(255,255,255,.55) 2.25px 2.85px, transparent 3.25px),
    radial-gradient(circle at calc(100% - 14px) 14px, rgba(92,68,28,.24) 0 1.65px, rgba(255,255,255,.52) 2.25px 2.85px, transparent 3.25px),
    radial-gradient(circle at 14px calc(100% - 14px), rgba(92,68,28,.20) 0 1.45px, rgba(255,255,255,.44) 2.05px 2.65px, transparent 3.15px),
    radial-gradient(circle at calc(100% - 14px) calc(100% - 14px), rgba(92,68,28,.20) 0 1.45px, rgba(255,255,255,.44) 2.05px 2.65px, transparent 3.15px),
    linear-gradient(180deg, rgba(255,255,255,.70) 0%, rgba(255,255,255,.19) 24%, rgba(255,255,255,0) 49%),
    linear-gradient(180deg, var(--apple-brass-top) 0%, var(--apple-brass-mid) 56%, var(--apple-brass-low) 100%) !important;
  border: 1px solid var(--apple-brass-edge) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.70),
    inset 0 -1px 0 rgba(76,52,15,.16),
    0 1px 0 rgba(255,255,255,.62),
    0 8px 15px rgba(80,58,19,.105) !important;
  overflow: hidden !important;
  -webkit-box-decoration-break: initial !important;
  box-decoration-break: initial !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .entry-copy h3::before,
html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy h3::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px 1px auto 1px !important;
  height: 38% !important;
  border-radius: 10px 10px 6px 6px !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,0)) !important;
  opacity: .74 !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .entry-copy h3::after,
html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy h3::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background:
    linear-gradient(112deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.14) 43%, rgba(255,255,255,0) 70%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.034) 0 1px, rgba(95,63,12,.018) 1px 2px, transparent 2px 5px) !important;
  opacity: .40 !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .entry-copy p,
html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy p {
  margin-top: 14px !important;
  color: #68758c !important;
  font-weight: 800 !important;
  line-height: 1.34 !important;
  text-wrap: pretty !important;
}

@media (max-width: 760px) {
  html body #app.app-shell .entries .entry-card.golden-horizon-card {
    --apple-photo-size: clamp(132px, 34vw, 154px);
    --apple-photo-gap: 13px;
    --apple-body-pad-y: 20px;
    --apple-body-pad-x: 18px;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body {
    grid-template-columns: minmax(0, 1fr) var(--apple-photo-size) !important;
    min-height: calc(var(--apple-photo-size) + 52px) !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body::before {
    right: calc(var(--apple-photo-size) + var(--apple-body-pad-x) - 5px) !important;
    width: 22px !important;
    opacity: .24 !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body::after {
    right: calc(var(--apple-body-pad-x) - 7px) !important;
    width: calc(var(--apple-photo-size) + 16px) !important;
    height: calc(var(--apple-photo-size) + 16px) !important;
    border-radius: 23px !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb:not(.brand-entry-thumb) {
    border-radius: 19px !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .entry-copy h3,
  html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy h3 {
    font-size: clamp(24px, 5.55vw, 34px) !important;
    line-height: 1.09 !important;
    letter-spacing: -.05em !important;
    padding: 10px 13px 12px !important;
    border-radius: 11px !important;
    text-wrap: balance !important;
  }
}

@media (max-width: 390px) {
  html body #app.app-shell .entries .entry-card.golden-horizon-card {
    --apple-photo-size: 124px;
    --apple-photo-gap: 10px;
    --apple-body-pad-y: 18px;
    --apple-body-pad-x: 16px;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .entry-copy h3,
  html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy h3 {
    font-size: clamp(23px, 5.9vw, 31px) !important;
    padding: 9px 11px 11px !important;
  }
}

/* === MOBILE-FIRST COMPACT CORRECTION — 2026-05-18H ===
   Reverses the over-tall mobile plaque behavior while preserving the refined
   desktop plaque system. iPhone Safari is the target. */
@media (max-width: 760px) {
  html body #app.app-shell .entries .entry-card.golden-horizon-card {
    --apple-photo-size: clamp(106px, 29vw, 128px) !important;
    --apple-photo-gap: 10px !important;
    --apple-body-pad-y: 16px !important;
    --apple-body-pad-x: 16px !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body {
    grid-template-columns: minmax(0, 1fr) var(--apple-photo-size) !important;
    column-gap: var(--apple-photo-gap) !important;
    min-height: auto !important;
    align-items: center !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-copy {
    align-self: center !important;
  }

  /* On mobile, do not force JS phrase spans to be separate physical rows.
     That was what created the giant vertical plaque. */
  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-copy h3 .title-line {
    display: inline !important;
    text-wrap: inherit !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-copy h3 .title-line + .title-line::before {
    content: " " !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .entry-copy h3,
  html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy h3 {
    width: auto !important;
    max-width: 100% !important;
    display: inline-block !important;
    vertical-align: top !important;
    font-size: clamp(24px, 6.05vw, 30px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.052em !important;
    padding: 8px 10px 9px !important;
    border-radius: 10px !important;
    text-wrap: balance !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.62),
      inset 0 -1px 0 rgba(76,52,15,.13),
      0 1px 0 rgba(255,255,255,.54),
      0 6px 11px rgba(80,58,19,.085) !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .entry-copy h3::before,
  html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy h3::before {
    height: 32% !important;
    opacity: .56 !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .entry-copy h3::after,
  html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy h3::after {
    opacity: .28 !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .entry-copy p,
  html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy p {
    margin-top: 11px !important;
    font-size: clamp(17px, 4.1vw, 21px) !important;
    line-height: 1.25 !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body::after {
    width: calc(var(--apple-photo-size) + 12px) !important;
    height: calc(var(--apple-photo-size) + 12px) !important;
    right: calc(var(--apple-body-pad-x) - 6px) !important;
    border-radius: 21px !important;
    opacity: .58 !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb:not(.brand-entry-thumb) {
    width: var(--apple-photo-size) !important;
    height: var(--apple-photo-size) !important;
    max-width: var(--apple-photo-size) !important;
    max-height: var(--apple-photo-size) !important;
    border-radius: 18px !important;
    box-shadow:
      0 12px 19px rgba(15,23,42,.115),
      0 5px 12px var(--photo-ambient, rgba(15,23,42,.08)),
      0 0 0 1px var(--photo-border, rgba(235,241,248,.82)) !important;
  }
}

@media (max-width: 390px) {
  html body #app.app-shell .entries .entry-card.golden-horizon-card {
    --apple-photo-size: 106px !important;
    --apple-photo-gap: 9px !important;
    --apple-body-pad-y: 15px !important;
    --apple-body-pad-x: 15px !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .entry-copy h3,
  html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy h3 {
    font-size: clamp(22px, 6vw, 27px) !important;
    line-height: 1.035 !important;
    padding: 7px 9px 8px !important;
  }
}

/* === MOBILE VERTICAL BALANCE PASS — 2026-05-18I ===
   iPhone-first card composition. Keeps the existing desktop treatment intact,
   but makes mobile cards feel intentionally balanced instead of squeezed into a
   desktop-style left/right split. Applies globally to all itinerary cards. */
@media (max-width: 760px) {
  html body #app.app-shell .entries .entry-card.golden-horizon-card {
    --apple-body-pad-y: 20px !important;
    --apple-body-pad-x: 18px !important;
    --apple-photo-w: min(72vw, 282px) !important;
    --apple-photo-h: clamp(132px, 42vw, 188px) !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "tags"
      "title"
      "photo"
      "summary" !important;
    justify-items: center !important;
    align-items: start !important;
    row-gap: 14px !important;
    min-height: 0 !important;
    padding: var(--apple-body-pad-y) var(--apple-body-pad-x) 22px !important;
    overflow: hidden !important;
    background:
      radial-gradient(ellipse at 50% 58%, rgba(226,232,240,.36) 0%, rgba(255,255,255,.88) 40%, rgba(255,255,255,0) 70%),
      linear-gradient(180deg, #ffffff 0%, rgba(255,255,255,.96) 72%, rgba(248,250,252,.90) 100%) !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body::after {
    display: none !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-copy {
    display: contents !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card .tags {
    grid-area: tags !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 2px !important;
    width: 100% !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-copy h3 {
    grid-area: title !important;
    justify-self: center !important;
    text-align: center !important;
    max-width: min(92%, 310px) !important;
    margin: 0 !important;
    text-wrap: balance !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .entry-copy h3,
  html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy h3 {
    display: block !important;
    width: min(92%, 320px) !important;
    max-width: min(92%, 320px) !important;
    padding: 11px 13px 12px !important;
    font-size: clamp(23px, 6.05vw, 29px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.052em !important;
    border-radius: 12px !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.62),
      inset 0 -1px 0 rgba(76,52,15,.13),
      0 1px 0 rgba(255,255,255,.54),
      0 7px 13px rgba(80,58,19,.09) !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-copy h3 .title-line {
    display: inline !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-copy h3 .title-line + .title-line::before {
    content: " " !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb:not(.brand-entry-thumb) {
    grid-area: photo !important;
    justify-self: center !important;
    align-self: center !important;
    width: var(--apple-photo-w) !important;
    height: var(--apple-photo-h) !important;
    max-width: var(--apple-photo-w) !important;
    max-height: var(--apple-photo-h) !important;
    margin: 0 !important;
    border-radius: 20px !important;
    object-fit: cover !important;
    object-position: center center !important;
    background: rgba(255,255,255,.92) !important;
    border: 3px solid rgba(255,255,255,.96) !important;
    box-shadow:
      0 16px 28px rgba(15,23,42,.13),
      0 5px 18px var(--photo-ambient, rgba(15,23,42,.08)),
      0 0 0 1px var(--photo-border, rgba(235,241,248,.84)) !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card.brand-logo-entry .entry-thumb,
  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb.brand-entry-thumb {
    width: min(64vw, 250px) !important;
    height: clamp(112px, 32vw, 154px) !important;
    object-fit: contain !important;
    padding: 12px !important;
    background: rgba(255,255,255,.94) !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-copy p {
    grid-area: summary !important;
    justify-self: center !important;
    width: min(86%, 300px) !important;
    margin: 1px 0 0 !important;
    text-align: center !important;
    font-size: clamp(17px, 4.45vw, 21px) !important;
    line-height: 1.28 !important;
    font-weight: 820 !important;
    color: #68758c !important;
    text-wrap: balance !important;
  }
}

@media (max-width: 390px) {
  html body #app.app-shell .entries .entry-card.golden-horizon-card {
    --apple-body-pad-y: 18px !important;
    --apple-body-pad-x: 16px !important;
    --apple-photo-w: min(74vw, 260px) !important;
    --apple-photo-h: clamp(126px, 43vw, 174px) !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .entry-copy h3,
  html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy h3 {
    width: min(94%, 298px) !important;
    max-width: min(94%, 298px) !important;
    font-size: clamp(22px, 6.15vw, 27px) !important;
    padding: 10px 12px 11px !important;
  }
}

/* === TEXT-SIGN PHOTO SAFE FIT PASS — 2026-05-18J ===
   Keep the locked vertical mobile card system, but protect photos whose value is
   readable signage. These must not be cropped by the default cover treatment. */
html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb[src*="welcome-to-london-roundel"],
html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb[src*="horse-meat-disco"],
html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb[src*="elizabeth-line-logo-getty"] {
  object-fit: contain !important;
  object-position: center center !important;
  background:
    radial-gradient(circle at 50% 44%, rgba(255,255,255,.98), rgba(248,250,252,.94) 62%, rgba(241,245,249,.90) 100%) !important;
  padding: 8px !important;
}

@media (max-width: 760px) {
  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb[src*="welcome-to-london-roundel"],
  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb[src*="horse-meat-disco"],
  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb[src*="elizabeth-line-logo-getty"] {
    object-fit: contain !important;
    object-position: center center !important;
    padding: 6px !important;
  }

  /* The new Elizabeth Line photo is naturally wide. Give that one a cleaner,
     wider frame on iPhone so the full sign remains legible without crop. */
  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb[src*="elizabeth-line-logo-getty"] {
    width: min(76vw, 300px) !important;
    height: clamp(126px, 39vw, 168px) !important;
  }
}

/* === UNIFIED IMAGE RENDERING + MOBILE/DESKTOP SYNC — 2026-05-18K ===
   One shared img element and one shared photo policy across breakpoints.
   This prevents desktop/mobile drift and protects signage/photo text. */
html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb {
  display: block !important;
  box-sizing: border-box !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb[data-image-key="elizabeth"],
html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb[src*="elizabeth-line-logo-getty"],
html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb[src*="elizabeth-line.jpg"],
html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb[src*="elizabeth-line-simple"] {
  object-fit: contain !important;
  object-position: center center !important;
  background: rgba(255,255,255,.94) !important;
  padding: 8px !important;
}

@media (max-width: 760px) {
  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb[data-image-key="elizabeth"],
  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb[src*="elizabeth-line-logo-getty"],
  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb[src*="elizabeth-line.jpg"],
  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb[src*="elizabeth-line-simple"] {
    width: min(78vw, 306px) !important;
    height: clamp(132px, 41vw, 174px) !important;
    object-fit: contain !important;
    object-position: center center !important;
    padding: 7px !important;
  }
}