:root { --kiosk-logo-height: 88px; }
.uses-iarriv-default { object-fit: contain !important; }
.welcome-centre > .pemberton-logo,
.menu-logo {
  width: min(620px, 72vw) !important;
  height: var(--kiosk-logo-height) !important;
  max-height: var(--kiosk-logo-height) !important;
  object-fit: contain !important;
  object-position: left center;
}
.welcome-centre > .pemberton-logo { object-position: center; }
.hero-brand .pemberton-logo-compact {
  width: min(230px, 34vw) !important;
  height: 44px !important;
  max-height: 44px !important;
  object-fit: contain !important;
  object-position: left center;
}
.health-logo {
  width: min(250px, 34vw) !important;
  height: 52px !important;
  max-height: 52px !important;
  object-fit: contain !important;
}
.completion-logo {
  width: min(620px, 72vw) !important;
  height: var(--kiosk-logo-height) !important;
  max-height: var(--kiosk-logo-height) !important;
  object-fit: contain !important;
}
.custom-health-message { white-space: pre-line; }
.site-customisation-card { margin: 0 0 22px; padding: 22px; border: 1px solid rgba(255,255,255,.1); border-radius: 17px; background: rgba(255,255,255,.025); }
.site-customisation-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 20px; }
.site-customisation-heading span { color: #ff6335; font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.site-customisation-heading h3 { margin: 5px 0; color: #fff; font-size: 21px; }
.site-customisation-heading p, .site-customisation-heading small { margin: 0; color: #929097; }
.site-customisation-heading > small { color: #ff815c; }
.site-logo-editor { display: grid; grid-template-columns: minmax(190px, 34%) 1fr; gap: 20px; align-items: center; margin-bottom: 22px; }
.site-logo-preview { display: grid; min-height: 112px; padding: 18px; place-items: center; border: 1px solid rgba(255,255,255,.1); border-radius: 13px; background: #0c0d0e; }
.site-logo-preview img { display: block; width: 100%; max-width: 260px; max-height: 90px; object-fit: contain; }
.site-logo-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.site-logo-actions label { cursor: pointer; }
.site-logo-actions small { flex-basis: 100%; color: #89878e; }
.site-health-editor { display: grid; gap: 8px; color: #dedce1; font-size: 13px; font-weight: 650; }
.site-health-editor textarea { width: 100%; padding: 14px; box-sizing: border-box; resize: vertical; border: 1px solid rgba(255,255,255,.15); border-radius: 12px; color: #f7f5f3; background: #101013; font: inherit; font-size: 15px; line-height: 1.5; }
.site-health-editor textarea:focus { border-color: #f15a29; outline: 0; box-shadow: 0 0 0 3px rgba(241,90,41,.13); }
.site-health-editor small { color: #89878e; font-weight: 400; }
@media (max-width: 720px) { .site-logo-editor { grid-template-columns: 1fr; } .site-customisation-card { padding: 18px; } }