/* Public booking: clean, compact service selection only. */
body.premium-ui:not(.admin-page-body) #booking-overlay #service-options.options-grid {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:10px!important;
  width:100%!important;
  align-items:stretch!important;
}
body.premium-ui:not(.admin-page-body) #booking-overlay #service-options .service-clean-card {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto 26px!important;
  align-items:center!important;
  column-gap:13px!important;
  min-width:0!important;
  min-height:76px!important;
  height:auto!important;
  padding:14px 15px!important;
  margin:0!important;
  border:1px solid #deded9!important;
  border-radius:5px!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:none!important;
  transform:none!important;
  text-align:left!important;
  cursor:pointer!important;
  transition:background-color .18s ease,border-color .18s ease!important;
}
body.premium-ui:not(.admin-page-body) #booking-overlay #service-options .service-clean-card:hover:not(.selected) {
  background:#f7f7f4!important;
  border-color:#9b9b96!important;
  transform:none!important;
  box-shadow:none!important;
}
body.premium-ui:not(.admin-page-body) #booking-overlay #service-options .service-clean-card.selected,
body.premium-ui:not(.admin-page-body) #booking-overlay #service-options .service-clean-card.selected:hover {
  background:#242427!important;
  background-image:none!important;
  border-color:#242427!important;
  box-shadow:none!important;
  transform:none!important;
}
body.premium-ui:not(.admin-page-body) #booking-overlay #service-options .service-clean-card:focus-visible {
  outline:2px solid #777!important;
  outline-offset:3px!important;
}
body.premium-ui:not(.admin-page-body) #booking-overlay #service-options .service-clean-copy {
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:5px!important;
}
body.premium-ui:not(.admin-page-body) #booking-overlay #service-options .service-clean-card .option-name {
  display:block!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
  font-size:15px!important;
  line-height:1.3!important;
  font-weight:700!important;
  color:#202023!important;
  text-align:left!important;
  overflow-wrap:anywhere!important;
}
body.premium-ui:not(.admin-page-body) #booking-overlay #service-options .service-clean-card .option-detail {
  display:block!important;
  min-height:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:500!important;
  color:#777773!important;
  text-align:left!important;
}
body.premium-ui:not(.admin-page-body) #booking-overlay #service-options .service-clean-card .option-price {
  display:block!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
  font-size:16px!important;
  line-height:1.3!important;
  font-weight:750!important;
  color:#202023!important;
  white-space:nowrap!important;
}
body.premium-ui:not(.admin-page-body) #booking-overlay #service-options .service-clean-card.selected :is(.option-name,.option-price){color:#fff!important}
body.premium-ui:not(.admin-page-body) #booking-overlay #service-options .service-clean-card.selected .option-detail{color:#c1c1c2!important}
body.premium-ui:not(.admin-page-body) #booking-overlay #service-options .service-clean-card::before,
body.premium-ui:not(.admin-page-body) #booking-overlay #service-options .service-clean-card::after {content:none!important;display:none!important}
body.premium-ui:not(.admin-page-body) #booking-overlay #service-options .service-clean-check {
  display:flex!important;
  width:25px!important;
  height:25px!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #d6d6d1!important;
  border-radius:50%!important;
  background:#f4f4f1!important;
  color:transparent!important;
  flex-shrink:0!important;
}
body.premium-ui:not(.admin-page-body) #booking-overlay #service-options .service-clean-card.selected .service-clean-check{
  border-color:#fff!important;
  background:#fff!important;
  color:#242427!important;
}
body.premium-ui:not(.admin-page-body) #booking-overlay #service-options .service-clean-card.selected .service-clean-check::after{
  content:'✓';font-size:15px;font-weight:800;line-height:1;
}
@media(max-width:480px){
  body.premium-ui:not(.admin-page-body) #booking-overlay #service-options.options-grid{gap:9px!important}
  body.premium-ui:not(.admin-page-body) #booking-overlay #service-options .service-clean-card{
    grid-template-columns:minmax(0,1fr) auto 24px!important;
    column-gap:10px!important;
    min-height:72px!important;
    padding:12px!important;
  }
  body.premium-ui:not(.admin-page-body) #booking-overlay #service-options .service-clean-card .option-name{font-size:14px!important}
  body.premium-ui:not(.admin-page-body) #booking-overlay #service-options .service-clean-card .option-price{font-size:15px!important}
  body.premium-ui:not(.admin-page-body) #booking-overlay #service-options .service-clean-check{width:23px!important;height:23px!important}
}
@media(prefers-reduced-motion:reduce){
  body.premium-ui:not(.admin-page-body) #booking-overlay #service-options .service-clean-card{transition:none!important}
}
