/* Shared by the three Sites by Leo samples: a tiny reset, the "Sample design" bar and the demo toast.
   Nothing here sets a look. Each sample's design lives in its own style.css (barber/, cafe/, florist/). */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0}
img{display:block;max-width:100%;height:auto}
[hidden]{display:none!important}

/* The "this is a sample" bar: plain, quiet, the same on all three so it never reads as part of the shop's design. */
.sbl-bar{background:#161616;color:#D9D9D9;font:400 13.5px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;padding:9px 20px;display:flex;flex-wrap:wrap;justify-content:center;gap:2px 18px;text-align:center}
.sbl-bar b{color:#fff;font-weight:700}
.sbl-bar a{color:#fff;font-weight:600;text-underline-offset:3px;display:inline-block;padding:4px 0}
.sbl-bar a:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* Buttons that would call, book or pay on a real site explain themselves in this toast. */
.sbl-toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);background:#161616;color:#F2F2F2;font:500 14.5px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;padding:12px 16px;border-radius:8px;z-index:100;text-align:center}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}