/* A prestation's booking page inside a multi-page salon website
   (site.templates.maison-vera.booking). The booking body is the drawer's
   frame (booking-frame.css) laid out as a page: the tokens
   layouts.feed-booking defines for it, and room between the site's nav and
   footer. */
.mv-booking {
  --color-bg: #ffffff;
  --color-bg-secondary: #fafafa;
  --color-text: #0a0a0a;
  --color-text-secondary: #737373;
  --color-text-tertiary: #a3a3a3;
  --color-border: #e5e5e5;
  --color-border-light: #f0f0f0;
  --color-surface: #f5f5f5;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-full: 9999px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}
body[data-site-booking-page="true"] .mv-booking.wl-content {
  max-width: 880px;
  margin: 0 auto;
  padding: clamp(20px, 4vw, 48px) 20px clamp(40px, 6vw, 72px);
}
.mv-booking img { max-width: 100%; height: auto; }
.mv-booking button { font-family: inherit; cursor: pointer; }
.mv-booking .site-booking-back { display: none; }