/* Load after all existing theme styles. Only the mobile homepage hero changes. */
@media (max-width:700px) {
 body .hero-slider .hero-visual .hero-frame:has(.hero-treatment-card) {
  height:max(300px,calc(var(--hero-rows,4) * 70px))!important;
  overflow:visible!important;
 }
 body .hero-slider .clinic-hero-floating-map .hero-treatment-map:has(.hero-treatment-card) {
  display:grid!important;
  grid-template-columns:minmax(0,29fr) minmax(0,42fr) minmax(0,29fr)!important;
  grid-template-rows:repeat(var(--hero-rows,4),minmax(0,1fr))!important;
  gap:6px 2px!important;
  align-items:center!important;
 }
 body .hero-slider .clinic-hero-floating-map .hero-treatment-map:has(.hero-treatment-card) .hero-treatment-teeth {
  left:29%!important;top:10%!important;width:42%!important;height:80%!important;
 }
 body .hero-slider .clinic-hero-floating-map .hero-treatment-map > .hero-treatment-card,
 body .hero-slider .clinic-hero-floating-map .hero-treatment-map > .hero-treatment-card.is-selected {
  display:flex!important;grid-column:var(--hero-column,1)!important;grid-row:var(--hero-row,1)!important;
  position:relative!important;inset:auto!important;transform:none!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  min-height:50px!important;margin:0!important;padding:6px 4px!important;
  gap:4px!important;border-radius:10px!important;box-sizing:border-box!important;
  pointer-events:none!important;cursor:default!important;
 }
 body .hero-slider .clinic-hero-floating-map .hero-treatment-card > span {min-width:0!important;}
 body .hero-slider .clinic-hero-floating-map .hero-treatment-card strong {
  font-size:clamp(8px,2.25vw,11px)!important;line-height:1.25!important;overflow-wrap:anywhere!important;
 }
 body .hero-slider .clinic-hero-floating-map .hero-treatment-card small {
  display:block!important;font-size:clamp(7px,1.8vw,9px)!important;line-height:1.25!important;
 }
 body .hero-slider .clinic-hero-floating-map .hero-treatment-number {
  flex:0 0 18px!important;width:18px!important;height:18px!important;font-size:8px!important;
 }
 body .hero-slider .clinic-hero-floating-map .hero-treatment-card em,
 body .hero-slider .clinic-hero-floating-map .hero-mobile-point-label {display:none!important;}
 body .hero-slider .clinic-hero-floating-map .hero-treatment-map:has(.hero-treatment-card) .hero-treatment-marker {
  left:calc(29% + var(--x) * .42%)!important;top:calc(10% + var(--y) * .8%)!important;
  width:10px!important;height:10px!important;min-width:10px!important;min-height:10px!important;
  box-shadow:0 0 0 3px #7bcf8270!important;pointer-events:none!important;cursor:default!important;
 }
 body .hero-slider .clinic-hero-floating-map .hero-treatment-marker span {width:5px!important;height:5px!important;}
}