html { background: #050505; }
/* Renew Book Now typography, native desktop field and mobile list styling. */
body[data-renew-booking-clone] { font-family: 'Cormorant Garamond', serif; font-size: 1.15rem; background: #050505; color: #d8c9aa; }
#address-modal { color-scheme: dark; }
#address-modal > div { min-width: 0; border-radius: 4px; }
#address-modal h3 { color: #c3a472 !important; }
#address-modal label { color: rgba(216,201,170,.66) !important; }
#address-modal input, #address-modal select {
  background: rgba(20,20,20,.68) !important;
  border-color: rgba(195,164,114,.22) !important;
  border-radius: 4px !important;
  color: #d8c9aa !important;
}
#address-modal select option { background: #050505 !important; color: #c3a472 !important; }
#address-modal select optgroup { background: #141414 !important; color: #f0e2c0 !important; }
#address-modal #book-now-treatment-description,
#address-modal #service-select[hidden] { display: none !important; }
.refresh-treatment-picker { width: 100%; min-width: 0; }
#address-modal .refresh-treatment-picker button {
  box-shadow: none !important;
  transform: none !important;
  text-transform: none !important;
  text-align: left;
  white-space: normal;
  overflow-wrap: anywhere;
}
#address-modal .refresh-treatment-picker .treatment-trigger {
  display: flex;
  width: 100%;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  gap: .6rem;
  padding: .6rem 1rem !important;
  border: 1px solid rgba(195,164,114,.22) !important;
  border-radius: .25rem;
  background: rgba(20,20,20,.68) !important;
  color: #d8c9aa !important;
  font: 400 1rem/1.5 'Manrope',sans-serif !important;
  letter-spacing: normal !important;
}
#address-modal .refresh-treatment-picker .treatment-trigger[aria-expanded="true"] {
  border-color: rgba(195,164,114,.8) !important;
  background: rgba(195,164,114,.08) !important;
  box-shadow: 0 0 0 3px rgba(195,164,114,.18) !important;
}
.refresh-treatment-picker svg { flex-shrink: 0; }
#address-modal .refresh-treatment-picker button:focus-visible {
  outline: 2px solid rgba(224,197,132,.72) !important;
  outline-offset: -2px;
}
#address-modal .refresh-treatment-picker button:disabled { opacity: .6; }
.refresh-treatment-options {
  position: fixed;
  inset: auto;
  margin: 0;
  padding: 0;
  max-height: 16.5rem;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-color: rgba(195,164,114,.4) rgba(5,5,5,.98);
  border: 1px solid rgba(195,164,114,.4);
  border-radius: .25rem;
  background: rgba(5,5,5,.98);
  box-shadow: 0 16px 32px rgba(0,0,0,.55);
}
.refresh-treatment-options[hidden], .refresh-treatment-options [hidden] { display: none; }
.refresh-treatment-options .treatment-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) 32px;
  border-top: 1px solid rgba(195,164,114,.12);
}
#address-modal .refresh-treatment-picker .treatment-choice,
#address-modal .refresh-treatment-picker .treatment-info {
  display: flex;
  width: 100%;
  min-height: 28px;
  align-items: center;
  padding: .3rem .68rem !important;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  color: #c3a472 !important;
  font: 400 .82rem/1.25 'Manrope',sans-serif !important;
  letter-spacing: .01em !important;
}
#address-modal .refresh-treatment-picker .treatment-row:hover,
#address-modal .refresh-treatment-picker .treatment-row:focus-within,
#address-modal .refresh-treatment-picker .treatment-row:has(.treatment-choice[aria-pressed="true"]) { background: rgba(195,164,114,.13); }
#address-modal .refresh-treatment-picker .treatment-info { padding: 0 !important; justify-content: center; align-self: start; }
.refresh-treatment-options .treatment-explanation {
  position: fixed;
  inset: auto;
  margin: 0;
  width: min(320px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  padding: 12px 14px;
  border: 1px solid rgba(195,164,114,.4);
  border-radius: 4px;
  background: #1a1815;
  color: #f0e2c0;
  box-shadow: 0 16px 32px rgba(0,0,0,.55);
  font: 400 1rem/1.5 'Manrope',sans-serif;
  overflow-wrap: anywhere;
}
@media (max-width: 767px) {
  body[data-renew-booking-clone] { font-size: 1rem; }
  #address-modal h3 { color: #f0e2c0 !important; }
  #address-modal label { color: rgba(224,197,132,.82) !important; }
  #address-modal .refresh-treatment-picker .treatment-trigger {
    min-height: 40px;
    padding: .5rem .68rem !important;
    border-color: rgba(195,164,114,.3) !important;
    background: rgba(255,255,255,.05) !important;
    color: #c3a472 !important;
    font: 500 .82rem/1.25 'Manrope',sans-serif !important;
    letter-spacing: .01em !important;
  }

}

#address-modal #refresh-treatment-type[hidden] { display: none !important; }
#address-modal #refresh-recipient-gender, #address-modal #refresh-recipient-age-group {
  appearance: none;
  padding-right: 2.75rem !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%23d8c9aa' stroke-width='1.5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 1rem center !important;
  background-size: 20px 20px !important;
}

.refresh-treatment-options .treatment-info svg { width: 16px; height: 16px; }
@media (min-width: 768px) {
  #address-modal .refresh-treatment-picker .treatment-choice,
  #address-modal .refresh-treatment-picker .treatment-info {
    font-size: 1rem !important;
  }
}
@media (pointer: coarse) {
  #address-modal .refresh-treatment-options .treatment-choice,
  #address-modal .refresh-treatment-options .treatment-info { min-height: 36px; }
}

#address-modal .mobile-themed-select__menu[popover] { position: fixed; inset: auto; margin: 0; padding: 0; }