.hotel .ph {position:relative}
.hotel-number {position:absolute;top:10px;left:10px;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;padding:7px 10px 8px;border:1px solid #FFFFFFB3;border-radius:10px;background:#153453;color:#fff;box-shadow:0 3px 12px #0005;line-height:1;pointer-events:none}
.hotel-number small {font-family:var(--font-body),sans-serif;font-size:9px;font-weight:700;letter-spacing:.07em;white-space:nowrap}
.hotel-number b {margin-top:4px;font-family:var(--font-body),sans-serif;font-size:30px;font-weight:800;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.04em}
html[data-site-theme="halloween"] .hotel-number {border-color:#FFE6A9;background:linear-gradient(135deg,#FFE3A0,#F8BD51);color:#321747;box-shadow:0 3px 12px #190A2A80}
@media(max-width:767px) {
  .booking-hotel-photo .hotel-number {top:7px;left:7px;min-width:52px;padding:6px 7px;border-radius:8px}
  .booking-hotel-photo .hotel-number small {font-size:8px;letter-spacing:.02em}
  .booking-hotel-photo .hotel-number b {font-size:26px;margin-top:3px}
}
@media(max-width:359px) {
  .booking-hotel-photo .hotel-number {left:5px;min-width:46px;padding:5px}
  .booking-hotel-photo .hotel-number b {font-size:24px}
}