/* V173 — safe public booking mobile bar. Presentation only; no React/booking DOM changes. */
@media(max-width:800px){
  html.crm-public-booking body{padding-bottom:84px!important}
  .crmi-v173-booking-bar{
    position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:1400;
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:10px 10px 10px 15px;border:1px solid rgba(0,0,0,.08);border-radius:16px;
    background:rgba(255,255,255,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
    box-shadow:0 16px 42px rgba(20,25,30,.18);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
  }
  .crmi-v173-booking-bar>span{display:grid;gap:2px;min-width:0}
  .crmi-v173-booking-bar b{font-size:12px;line-height:1.1;color:#253548}
  .crmi-v173-booking-bar small{font-size:9px;line-height:1.2;color:#7a8796}
  .crmi-v173-booking-bar a{min-height:42px;padding:0 18px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;flex:none;background:var(--salon-accent,#1f7a62);color:var(--salon-accent-ink,#fff);text-decoration:none;font-size:10px;font-weight:900;letter-spacing:.04em}
}
@media(min-width:801px){.crmi-v173-booking-bar{display:none!important}}