/* A restrained elevation scale shared by photo panels and interactive cards.
   Shadows belong to surfaces, never whole sections, labels or banking marks. */
:root{--lsl-shadow-card:0 2px 4px rgba(28,28,32,.035),0 6px 18px rgba(28,28,32,.075);--lsl-shadow-media:0 3px 8px rgba(28,28,32,.04),0 12px 30px rgba(28,28,32,.085);--lsl-shadow-raised:0 4px 8px rgba(28,28,32,.045),0 12px 30px rgba(28,28,32,.12)}
html body :is(.lsl-mk-expect-photo,.lsl-mk-overview-frame,.lsl-event-gallery-tile,.lsl-events-index-card>div){box-shadow:var(--lsl-shadow-media)}
html body :is(.lsl-mk-review-card){box-shadow:var(--lsl-shadow-card)}
html body :is(#lsl-events-en,#lsl-corporate-en,#lsl-events-catalog) .experience-card{box-shadow:var(--lsl-shadow-card);transition:box-shadow .22s ease}
html body :is(.lsl-event-gallery-tile,.lsl-events-index-card>div){transition:box-shadow .22s ease}
@media(hover:hover) and (pointer:fine){html body :is(#lsl-events-en,#lsl-corporate-en,#lsl-events-catalog) .experience-card:hover,html body :is(.lsl-event-gallery-tile:hover,.lsl-events-index-card:hover>div){box-shadow:var(--lsl-shadow-raised)}}
@media(prefers-reduced-motion:reduce){html body :is(.experience-card,.lsl-event-gallery-tile,.lsl-events-index-card>div){transition:none}}
@media print{html body :is(.experience-card,.lsl-mk-expect-photo,.lsl-mk-overview-frame,.lsl-event-gallery-tile,.lsl-mk-review-card){box-shadow:none!important}}

/* One page canvas across the public site; cards and photography keep their surfaces. */
:root { --lsl-page-background: #f5f5f7; }
html:has(#lsl-main-header),
html body:has(#lsl-main-header),
html body:has(#lsl-main-header) > main,
html body.lsl-home-page #allrecords,
html body.lsl-home-page #allrecords .t-rec {
  /* The old export forces these canvas layers to white with !important. */
  background-color: var(--lsl-page-background) !important;
}
html body.lsl-events-index #lsl-events-catalog {
  --paper: var(--lsl-page-background);
}

/* Contacts and all three creation/booking builders use a white page canvas. */
html:has(body:is(.lsl-contact-page, .lsl-booking-page, .lsl-event-builder-page, .lsl-gift-builder-page, .woocommerce-checkout)) {
  --lsl-page-background: #fff;
}

/* White canvases for workshop and event service pages. */
html:has(body:is(.lsl-workshop-page,.lsl-events-index)) { --lsl-page-background:#fff; }
/* Let the available-workshops backdrop fade into the white event page. */
html body.lsl-workshop-page.lsl-event-page #lsl-event-experiences.lsl-workshop-carousel {
  --paper:#f5f5f7;
  --lsl-catalogue-fade:clamp(48px,6vw,96px);
  background:#fff!important;
}
html body.lsl-workshop-page.lsl-event-page #lsl-event-experiences.lsl-workshop-carousel .experiences {
  background:linear-gradient(180deg,#fff 0,#f5f5f7 var(--lsl-catalogue-fade),#f5f5f7 calc(100% - var(--lsl-catalogue-fade)),#fff 100%)!important;
}
html body.lsl-workshop-page :is(.lsl-mk-overview-frame,.lsl-mk-expect-photo) {
  box-shadow:0 0 0 1px rgba(28,28,32,.035),0 0 14px rgba(28,28,32,.055),0 12px 30px rgba(28,28,32,.10);
}
/* Keep the face, hands and perfume-making action together in the mobile crop. */
@media(max-width:1150px) {
 html body.lsl-workshop-page .lsl-mk-expect-photo.lsl-perfume-process-photo { aspect-ratio:1; }
}