/* ==========================================================================
   Salon website — MAISON VERA

   A one-to-one port of the Maison Vera design. Unbleached paper, one
   old-style serif carrying every display line, a neutral grotesque for
   everything the visitor has to read or press, and three full-bleed blocks
   that punctuate the scroll: the dark band the clips stand on, the sand band
   the team stands on, and the closing colour block. The header lies on the
   hero and only becomes a surface once the hero is gone.

   Every value here is the design's own (the source sets them inline); the
   two theme roles are the salon's:

   --site-primary  fills the closing block, colours the small caps links
                   ("Découvrir", "Voir les photos") and the Laura dot.
   --site-accent   the gold: eyebrow on the dark band, the stars.

   Loaded after base.css; every rule here is scoped to the template attribute.
   Order independence: nothing keys off :nth-child or sibling combinators
   between sections — the preview bridge re-orders them at runtime.
   ========================================================================== */

[data-site-template="maison-vera"] {
  --site-bg: #F8F5EF;          /* paper */
  --site-surface: #F1EDE5;     /* sand — the band the team stands on */
  --site-text: #161514;        /* ink */
  --site-muted: #77716B;
  --site-border: #E4DDD2;
  --site-max: 1440px;
  --site-gap: clamp(12px, 1.6vw, 22px);

  --mv-ink: #161514;
  --mv-cream: #F8F5EF;
  --mv-cream-warm: #FBF6F0;
  --mv-body: #4A4540;
  --mv-plate: #EDE7DE;
  --mv-plate-sand: #E4DDD2;
  --mv-hairline: #DCD5CA;
  --mv-rule: #E7E1D7;
  --mv-gutter: clamp(20px, 5vw, 64px);
  --mv-nav-h: clamp(68px, 7vw, 82px);
  --mv-block: clamp(64px, 9vw, 130px);
  --mv-caps: .75rem;
}

@keyframes mv-kb { from { transform: scale(1.04); } to { transform: scale(1.14); } }
@keyframes mv-up { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes mv-fade { from { opacity: 0; } to { opacity: 1; } }

[data-site-template="maison-vera"] body.site-body { font-size: 1rem; line-height: 1.6; overflow-x: hidden; }
[data-site-template="maison-vera"] ::selection { background: var(--site-primary, #7C4A2D); color: #fff; }
[data-site-template="maison-vera"] .site-container { padding-inline: var(--mv-gutter); }

[data-site-template="maison-vera"] h1,
[data-site-template="maison-vera"] h2,
[data-site-template="maison-vera"] h3 { font-weight: 500; letter-spacing: -.01em; }

[data-site-template="maison-vera"] .site-section { padding-block: var(--mv-block); }
[data-site-template="maison-vera"] .site-section__title {
  margin: 0;
  font-size: clamp(2.125rem, 4.4vw, 3.625rem);
  line-height: 1.06;
}
[data-site-template="maison-vera"] .site-section__head {
  align-items: flex-end;
  gap: 20px;
  margin-bottom: clamp(32px, 4vw, 56px);
}
[data-site-template="maison-vera"] .site-section__head > div { min-width: 0; max-width: 620px; }
[data-site-template="maison-vera"] .site-empty { color: var(--site-muted); }

/* The repeated devices: an eyebrow, a lead line, a caps link on a hairline. */
[data-site-template="maison-vera"] .mv-eyebrow {
  margin: 0 0 18px;
  font-family: var(--site-font-body, sans-serif);
  font-size: .6875rem;
  font-weight: 600;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: var(--site-muted);
}
[data-site-template="maison-vera"] .mv-eyebrow--accent { color: var(--site-accent, #C9A227); }
[data-site-template="maison-vera"] .mv-lead {
  margin: 20px 0 0;
  font-size: 1rem;
  line-height: 1.7;
  color: var(--mv-body);
}
[data-site-template="maison-vera"] .mv-link {
  display: inline-block;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--mv-hairline);
  color: var(--site-text);
  font-family: var(--site-font-body, sans-serif);
  font-size: var(--mv-caps);
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background: none;
  cursor: pointer;
}
[data-site-template="maison-vera"] .mv-link:hover { color: var(--site-text); border-bottom-color: currentColor; }
[data-site-template="maison-vera"] .mv-link--primary { color: var(--site-primary, #7C4A2D); }
[data-site-template="maison-vera"] .mv-link--primary:hover { color: var(--site-text); }

/* Buttons: pills, caps, and a quiet lift on hover. The fill is the paper or
   the ink — the salon's colour only paints the closing block. */
[data-site-template="maison-vera"] .site-btn {
  border-radius: 999px;
  padding: 15px 26px;
  font-family: var(--site-font-body, sans-serif);
  font-size: var(--mv-caps);
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  transition: background .2s, color .2s, transform .2s;
}
[data-site-template="maison-vera"] .site-btn--lg { padding: 17px 30px; font-size: .8125rem; }
[data-site-template="maison-vera"] .site-btn:hover { filter: none; transform: translateY(-1px); }
[data-site-template="maison-vera"] .site-btn--ghost {
  background: transparent;
  color: var(--site-text);
  box-shadow: inset 0 0 0 1px var(--mv-hairline);
}
[data-site-template="maison-vera"] .site-btn--ink { box-shadow: inset 0 0 0 1px var(--mv-ink); }
[data-site-template="maison-vera"] .site-btn--ghost:hover {
  background: var(--mv-ink);
  color: var(--mv-cream);
  box-shadow: inset 0 0 0 1px var(--mv-ink);
}

/* Chrome ----------------------------------------------------------------- */
[data-site-template="maison-vera"] .site-topbar { background: var(--site-surface); border-bottom-color: var(--site-border); }

/* Sticky rather than fixed, so the Glaura bar above it keeps its place; the
   hero is pulled up by the nav's own height to slide under it. */
[data-site-template="maison-vera"] .site-nav {
  height: var(--mv-nav-h);
  background: rgba(248, 245, 239, .88);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-bottom: 0;
  box-shadow: 0 1px 0 rgba(22, 21, 20, .08);
  color: var(--mv-ink);
  transition: background .3s ease, color .3s ease, box-shadow .3s ease;
}
[data-site-template="maison-vera"] .site-nav[data-site-scrolled="0"] {
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  color: #fff;
}
[data-site-template="maison-vera"] .site-nav__inner {
  height: 100%;
  min-height: 0;
  gap: 24px;
  justify-content: space-between;
}
[data-site-template="maison-vera"] .site-nav__brand {
  min-width: 0;
  flex: 0 1 auto;
  white-space: normal;
  overflow-wrap: anywhere;
  font-family: var(--site-font-display, serif);
  font-size: 1.375rem;
  font-weight: 500;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: inherit;
}
[data-site-template="maison-vera"] .site-nav__links { margin-inline: auto; gap: clamp(18px, 2.4vw, 38px); overflow: visible; }
[data-site-template="maison-vera"] .site-nav__links.is-scrollable { mask-image: none; -webkit-mask-image: none; }
[data-site-template="maison-vera"] .site-nav__links a {
  padding: 0;
  color: inherit;
  font-size: .8125rem;
  font-weight: 500;
  letter-spacing: .05em;
}
[data-site-template="maison-vera"] .site-nav__links a.is-active { box-shadow: inset 0 -1px 0 currentColor; }
[data-site-template="maison-vera"] .site-nav__panel-head,
[data-site-template="maison-vera"] .site-nav__panel-foot { display: none; }
[data-site-template="maison-vera"] .site-nav__end { display: flex; align-items: center; gap: 12px; margin-inline-start: 0; }
[data-site-template="maison-vera"] .site-nav__cta {
  margin: 0;
  min-height: 0;
  padding: 12px 20px;
  background: transparent;
  color: inherit;
  border: 1px solid currentColor;
  transform: none;
}
[data-site-template="maison-vera"] .site-nav__cta:hover {
  transform: none;
  background: var(--mv-ink);
  color: var(--mv-cream);
  border-color: var(--mv-ink);
}
[data-site-template="maison-vera"] .site-nav__toggle {
  width: 42px;
  height: 42px;
  border-color: currentColor;
  border-radius: 999px;
}
[data-site-template="maison-vera"] .site-nav__burger,
[data-site-template="maison-vera"] .site-nav__burger::before,
[data-site-template="maison-vera"] .site-nav__burger::after { width: 16px; height: 1px; }
[data-site-template="maison-vera"] .site-nav__burger::before { top: -5px; }
[data-site-template="maison-vera"] .site-nav__burger::after { top: 5px; }
[data-site-template="maison-vera"] [data-site-nav-open] .site-nav__burger::before { transform: translateY(5px) rotate(45deg); }
[data-site-template="maison-vera"] [data-site-nav-open] .site-nav__burger::after { transform: translateY(-5px) rotate(-45deg); }

/* The phone menu: the whole screen, on paper, the sections set in the serif. */
@media (max-width: 879px) {
  [data-site-template="maison-vera"] .site-nav__toggle { display: inline-flex; }
  [data-site-template="maison-vera"] .site-nav__links {
    position: fixed;
    inset: 0;
    top: 0;
    z-index: 120;
    display: none;
    flex-direction: column;
    gap: 4px;
    padding: 24px;
    margin: 0;
    background: var(--site-bg);
    color: var(--mv-ink);
    border: 0;
    animation: mv-fade .2s ease-out;
    overflow-y: auto;
  }
  [data-site-template="maison-vera"] .site-nav[data-site-nav-open] .site-nav__links { display: flex; }
  [data-site-template="maison-vera"] .site-nav__panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 42px;
    margin-bottom: 44px;
  }
  [data-site-template="maison-vera"] .site-nav__panel-head .site-nav__brand { font-size: 1.25rem; color: var(--mv-ink); }
  [data-site-template="maison-vera"] .site-nav__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border: 1px solid var(--site-border);
    border-radius: 50%;
    background: transparent;
    color: var(--mv-ink);
    font-size: 1.5rem;
    cursor: pointer;
  }
  [data-site-template="maison-vera"] .site-nav__links a {
    padding: 10px 0;
    border-bottom: 1px solid var(--mv-rule);
    color: var(--mv-ink);
    font-family: var(--site-font-display, serif);
    font-size: 2.125rem;
    font-weight: 500;
    letter-spacing: 0;
  }
  [data-site-template="maison-vera"] .site-nav__links a.is-active { box-shadow: none; font-style: italic; }
  [data-site-template="maison-vera"] .site-nav__panel-foot {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: auto;
    padding-top: 32px;
  }
  [data-site-template="maison-vera"] .site-nav__panel-foot .site-btn {
    width: 100%;
    padding: 18px;
    background: var(--site-primary, #7C4A2D);
    color: var(--site-on-primary, #fff);
    font-size: .875rem;
    border: 0;
  }
  [data-site-template="maison-vera"] .site-nav__panel-foot p { margin: 0; text-align: center; font-size: .75rem; color: var(--site-muted); }
  /* The bar's own button leaves room for the burger once both share the end. */
  [data-site-template="maison-vera"] .site-nav__cta { padding: 11px 16px; }
  /* The open menu paints the bar as well, so the close cross reads on paper. */
  [data-site-template="maison-vera"] .site-nav[data-site-nav-open] { z-index: 130; background: var(--site-bg); color: var(--mv-ink); box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
  [data-site-template="maison-vera"] .site-nav[data-site-nav-open] .site-nav__cta { visibility: hidden; }
}
@media (max-width: 479px) {
  [data-site-template="maison-vera"] .site-nav__cta { display: none; }
  [data-site-template="maison-vera"] .site-nav__brand { font-size: 1.0625rem; letter-spacing: .18em; }
}

/* Hero ------------------------------------------------------------------- */
[data-site-template="maison-vera"] .site-hero {
  grid-template-columns: minmax(0, 1fr);
  height: min(92vh, 860px);
  min-height: 540px;
  overflow: hidden;
  background: var(--mv-ink);
  margin-top: calc(-1 * var(--mv-nav-h));
}
[data-site-template="maison-vera"] .site-hero__stage {
  grid-area: 1 / 1;
  position: relative;
  overflow: hidden;
  animation: mv-kb 22s ease-in-out infinite alternate;
}
[data-site-template="maison-vera"] .site-hero__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: var(--mv-ink);
}
[data-site-template="maison-vera"] .site-hero__veil {
  background: linear-gradient(180deg, rgba(22,21,20,.42) 0%, rgba(22,21,20,.10) 32%, rgba(22,21,20,.30) 62%, rgba(22,21,20,.78) 100%);
}
[data-site-template="maison-vera"] .site-hero[data-overlay="strong"] .site-hero__veil {
  background: linear-gradient(180deg, rgba(22,21,20,.62) 0%, rgba(22,21,20,.36) 32%, rgba(22,21,20,.54) 62%, rgba(22,21,20,.90) 100%);
}
/* The stage is positioned (its animation needs a box to scale), which would
   paint it over the copy; the copy is lifted above it and the veil. */
[data-site-template="maison-vera"] .site-hero__veil { position: relative; z-index: 1; }
[data-site-template="maison-vera"] .site-hero__body {
  position: relative;
  z-index: 2;
  padding-top: var(--mv-nav-h);
  padding-bottom: clamp(44px, 7vw, 84px);
}
[data-site-template="maison-vera"] .mv-hero__eyebrow {
  margin: 0 0 clamp(14px, 2vw, 22px);
  font-family: var(--site-font-body, sans-serif);
  font-size: .6875rem;
  font-weight: 600;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .82);
}
[data-site-template="maison-vera"] .site-hero__title {
  margin: 0;
  font-size: clamp(2.875rem, 7.6vw, 6rem);
  line-height: .98;
  letter-spacing: -.015em;
  max-width: 14ch;
  text-wrap: balance;
}
[data-site-template="maison-vera"] .site-hero__tagline {
  margin: clamp(18px, 2.4vw, 28px) 0 0;
  max-width: 44ch;
  font-size: clamp(.9375rem, 1.3vw, 1.125rem);
  line-height: 1.6;
  color: rgba(255, 255, 255, .88);
}
[data-site-template="maison-vera"] .mv-hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: clamp(26px, 3.4vw, 40px);
}
[data-site-template="maison-vera"] .site-hero .site-btn { background: #fff; color: var(--mv-ink); }
[data-site-template="maison-vera"] .site-hero .site-btn--ghost {
  padding-inline: 26px;
  background: transparent;
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5);
}
[data-site-template="maison-vera"] .site-hero .site-btn--ghost:hover {
  background: rgba(255, 255, 255, .14);
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5);
  transform: none;
}
[data-site-template="maison-vera"] .mv-hero__play {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 17px 6px;
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, .9);
  font-family: var(--site-font-body, sans-serif);
  font-size: .8125rem;
  font-weight: 500;
  letter-spacing: .06em;
  text-decoration: none;
  cursor: pointer;
}
[data-site-template="maison-vera"] .mv-hero__play-mark {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .55);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14'%3E%3Cpath d='M0 0l12 7-12 7z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 55% 50% / 8px 9px;
}

/* Intro — the positioning line, then the search bar ---------------------- */
[data-site-template="maison-vera"] .mv-intro { padding-block: clamp(36px, 4.5vw, 64px) clamp(36px, 4.5vw, 64px); }
[data-site-template="maison-vera"] .mv-intro__lead { max-width: 680px; }
[data-site-template="maison-vera"] .mv-intro .mv-eyebrow { margin-bottom: 22px; }
[data-site-template="maison-vera"] .mv-intro .site-section__title {
  font-size: clamp(2.25rem, 5vw, 4rem);
  line-height: 1.05;
}
[data-site-template="maison-vera"] .mv-intro .site-section__title em { font-style: italic; }
[data-site-template="maison-vera"] .site-about__text {
  max-width: 60ch;
  margin: clamp(22px, 2.6vw, 32px) 0 0;
  font-size: clamp(1rem, 1.2vw, 1.125rem);
  line-height: 1.75;
  color: var(--mv-body);
  white-space: pre-line;
  text-wrap: pretty;
}
[data-site-template="maison-vera"] .site-about__text:empty { display: none; }

[data-site-template="maison-vera"] .mv-search {
  position: relative;
  max-width: 820px;
  margin-top: clamp(40px, 5vw, 64px);
}
[data-site-template="maison-vera"] .mv-search__bar,
[data-site-template="maison-vera"] .mv-search {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
[data-site-template="maison-vera"] .mv-search {
  background: #fff;
  border: 1px solid var(--site-border);
  border-radius: 999px;
  padding: 8px 8px 8px clamp(18px, 2vw, 26px);
  box-shadow: 0 1px 2px rgba(45, 28, 28, .04);
}
[data-site-template="maison-vera"] .mv-search__glyph { font-size: .9375rem; color: var(--site-muted); }
[data-site-template="maison-vera"] .mv-search__input {
  flex: 1 1 180px;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font-family: var(--site-font-body, sans-serif);
  font-size: .9375rem;
  color: var(--mv-ink);
  padding: 14px 0;
  -webkit-appearance: none;
  appearance: none;
}
[data-site-template="maison-vera"] .mv-search__input::-webkit-search-decoration,
[data-site-template="maison-vera"] .mv-search__input::-webkit-search-cancel-button { -webkit-appearance: none; }
[data-site-template="maison-vera"] .mv-search__btn {
  border: 0;
  background: var(--mv-ink);
  color: var(--mv-cream);
  font-family: var(--site-font-body, sans-serif);
  font-size: .8125rem;
  font-weight: 600;
  letter-spacing: .1em;
  padding: 15px 26px;
  border-radius: 999px;
  cursor: pointer;
  white-space: nowrap;
}
[data-site-template="maison-vera"] .mv-search__list {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  right: 0;
  z-index: 10;
  list-style: none;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid var(--site-border);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 12px 32px rgba(45, 28, 28, .08);
}
[data-site-template="maison-vera"] .mv-search__list a {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  padding: 16px clamp(16px, 2vw, 22px);
  border-bottom: 1px solid #F1ECE4;
  text-decoration: none;
  color: var(--mv-ink);
}
[data-site-template="maison-vera"] .mv-search__list li:last-child a { border-bottom: 0; }
[data-site-template="maison-vera"] .mv-search__list a:hover { background: #FBF8F3; }
[data-site-template="maison-vera"] .mv-search__list strong { font-size: .9375rem; font-weight: 500; }
[data-site-template="maison-vera"] .mv-search__list span { font-size: .8125rem; color: var(--site-muted); }
[data-site-template="maison-vera"] .mv-search__empty {
  position: absolute;
  top: calc(100% + 14px);
  left: clamp(18px, 2vw, 26px);
  margin: 0;
  font-size: .875rem;
  color: var(--site-muted);
}

/* Expertises — four tiles, then the carte -------------------------------- */
[data-site-template="maison-vera"] .mv-services { padding-top: 0; }
[data-site-template="maison-vera"] .mv-expertises {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(46%, 290px), 1fr));
  gap: var(--site-gap);
}
[data-site-template="maison-vera"] .mv-expertise__link { display: block; color: inherit; text-decoration: none; }
[data-site-template="maison-vera"] .mv-expertise__plate {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  border-radius: 10px;
  background: var(--mv-plate);
}
[data-site-template="maison-vera"] .mv-expertise__plate img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
[data-site-template="maison-vera"] .mv-expertise__plate::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(22,21,20,0) 45%, rgba(22,21,20,.72) 100%);
}
[data-site-template="maison-vera"] .mv-expertise__name {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  margin: 0;
  padding: clamp(16px, 2vw, 24px);
  font-family: var(--site-font-body, sans-serif);
  font-size: var(--mv-caps);
  font-weight: 600;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #fff;
}
[data-site-template="maison-vera"] .mv-expertise__desc {
  margin: 16px 0 0;
  max-width: 34ch;
  font-size: .9375rem;
  line-height: 1.6;
  color: var(--mv-body);
  text-wrap: pretty;
}
[data-site-template="maison-vera"] .mv-expertise__more {
  display: inline-block;
  margin-top: 12px;
  padding-bottom: 4px;
  border-bottom: 1px solid #E0D6C8;
  font-size: var(--mv-caps);
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--site-primary, #7C4A2D);
}

/* The carte, folded under the tiles until asked for (site.js). */
[data-site-template="maison-vera"] .mv-carte { margin-top: clamp(40px, 5vw, 72px); }
[data-site-template="maison-vera"] .site-services__group { border-top: 1px solid var(--site-border); }
[data-site-template="maison-vera"] .site-services__group + .site-services__group { margin-top: 0; }
[data-site-template="maison-vera"] .site-services__group-title {
  padding: 18px 0;
  margin: 0;
  font-family: var(--site-font-body, sans-serif);
  font-size: var(--mv-caps);
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--site-text);
}
[data-site-template="maison-vera"] .site-services__rest-title { letter-spacing: .04em; padding: 14px 0 18px; }
[data-site-template="maison-vera"] .site-service {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: baseline;
  column-gap: clamp(16px, 2.4vw, 32px);
  padding: 14px 0;
  border-top: 1px solid var(--site-border);
}
[data-site-template="maison-vera"] .site-service__body { grid-column: 1; }
/* A photographed prestation leads with its picture; the others keep the plain
   row, their name starting at the left edge rather than after an empty slot. */
[data-site-template="maison-vera"] .site-service--photo { grid-template-columns: auto 1fr auto; align-items: center; }
[data-site-template="maison-vera"] .site-service--photo .site-service__body { grid-column: 2; }
[data-site-template="maison-vera"] .site-service--photo .site-service__book { grid-column: 3; }
[data-site-template="maison-vera"] .site-service__thumb { grid-column: 1; width: 64px; height: 64px; border-radius: 10px; }
[data-site-template="maison-vera"] .site-service__head { gap: 0; }
[data-site-template="maison-vera"] .site-service__name {
  display: flex;
  align-items: baseline;
  flex: 1 1 auto;
  min-width: 0;
  font-family: var(--site-font-display, serif);
  font-size: clamp(1.125rem, 2.2vw, 1.375rem);
  font-weight: 500;
}
[data-site-template="maison-vera"] .site-service__name::after {
  content: "";
  flex: 1 1 auto;
  min-width: 20px;
  margin: 0 .7em;
  border-bottom: 1px solid var(--site-border);
  transform: translateY(-.3em);
}
[data-site-template="maison-vera"] .site-service__price {
  font-family: var(--site-font-display, serif);
  font-size: clamp(1.125rem, 2.2vw, 1.375rem);
  font-weight: 500;
}
[data-site-template="maison-vera"] .site-service__desc { max-width: 60ch; margin-top: 4px; color: var(--mv-body); font-size: .9375rem; }
[data-site-template="maison-vera"] .site-service__meta { margin-top: 4px; font-size: .8125rem; letter-spacing: .04em; }
[data-site-template="maison-vera"] .site-service__book {
  grid-column: 2;
  align-self: center;
  min-height: 44px;
  padding: 0;
  background: none;
  border-radius: 0;
  color: var(--site-text);
  font-size: .6875rem;
  text-decoration: underline;
  text-underline-offset: 6px;
  text-decoration-color: var(--site-accent, #C9A227);
}
[data-site-template="maison-vera"] .site-service__book:hover { transform: none; text-decoration-color: currentColor; }

/* Réalisations — the dark band ------------------------------------------- */
[data-site-template="maison-vera"] .mv-reels { background: var(--mv-ink); color: var(--mv-cream); }
[data-site-template="maison-vera"] .mv-reels .site-section__title { color: var(--mv-cream); }
[data-site-template="maison-vera"] .mv-reels__head { max-width: 640px; margin-bottom: clamp(32px, 4vw, 56px); }
[data-site-template="maison-vera"] .mv-reels__lead { margin: 20px 0 0; font-size: 1rem; line-height: 1.7; color: rgba(248, 245, 239, .72); }
[data-site-template="maison-vera"] .mv-reels .site-empty { color: rgba(248, 245, 239, .7); }
[data-site-template="maison-vera"] .site-reels__strip {
  grid-auto-flow: row;
  grid-auto-columns: auto;
  grid-template-columns: repeat(auto-fit, minmax(min(46%, 300px), 1fr));
  overflow: visible;
  gap: clamp(12px, 1.6vw, 24px);
}
[data-site-template="maison-vera"] .site-reel { display: flex; flex-direction: column; }
[data-site-template="maison-vera"] .site-reel__btn {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  background: #22201E;
}
[data-site-template="maison-vera"] .site-reel__btn::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(22,21,20,.28) 0%, rgba(22,21,20,0) 30%, rgba(22,21,20,0) 60%, rgba(22,21,20,.55) 100%);
}
[data-site-template="maison-vera"] .site-reel__btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 54px;
  height: 54px;
  margin: -27px 0 0 -27px;
  border-radius: 50%;
  pointer-events: none;
  background: rgba(248, 245, 239, .92)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14'%3E%3Cpath d='M0 0l12 7-12 7z' fill='%23161514'/%3E%3C/svg%3E")
    no-repeat 56% 50% / 12px 14px;
}
[data-site-template="maison-vera"] .site-reel__clip {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  pointer-events: none;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(22, 21, 20, .42);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #fff;
  font-family: var(--site-font-body, sans-serif);
  font-size: .625rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}
[data-site-template="maison-vera"] .site-reel__clip:empty { display: none; }
[data-site-template="maison-vera"] .site-reel__body { flex: 1 1 auto; padding-top: 16px; display: flex; flex-direction: column; }
[data-site-template="maison-vera"] .site-reel__name {
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  overflow-wrap: anywhere;
  font-family: var(--site-font-display, serif);
  font-size: clamp(1.3125rem, 1.7vw, 1.625rem);
  line-height: 1.15;
  color: var(--mv-cream);
}
[data-site-template="maison-vera"] .site-reel__byline { margin: 6px 0 0; font-size: .8125rem; color: rgba(248, 245, 239, .66); }
[data-site-template="maison-vera"] .site-reel__meta { margin: 10px 0 0; font-size: .875rem; font-weight: 500; color: var(--mv-cream); }
[data-site-template="maison-vera"] .site-reel__body > :has(+ .site-reel__book) { margin-bottom: 14px; }
[data-site-template="maison-vera"] .site-reel__book {
  margin-top: auto;
  width: 100%;
  padding: 14px;
  font-size: var(--mv-caps);
  letter-spacing: .16em;
  color: var(--mv-cream);
  box-shadow: inset 0 0 0 1px rgba(248, 245, 239, .34);
}
[data-site-template="maison-vera"] .site-reel__book:hover {
  background: var(--mv-cream);
  color: var(--mv-ink);
  box-shadow: inset 0 0 0 1px var(--mv-cream);
  transform: none;
}

/* Le salon — the text, the plate, the address ----------------------------- */
[data-site-template="maison-vera"] .mv-salon { padding-bottom: clamp(48px, 6vw, 88px); }
[data-site-template="maison-vera"] .mv-salon__lead { max-width: 640px; }
[data-site-template="maison-vera"] .mv-salon .mv-eyebrow { margin-bottom: 20px; }
[data-site-template="maison-vera"] .mv-salon .site-section__title { font-size: clamp(2.125rem, 4.6vw, 3.75rem); line-height: 1.05; }
[data-site-template="maison-vera"] .mv-salon__text {
  margin: clamp(20px, 2.4vw, 28px) 0 0;
  max-width: 58ch;
  font-size: clamp(1rem, 1.2vw, 1.125rem);
  line-height: 1.75;
  color: var(--mv-body);
  white-space: pre-line;
  text-wrap: pretty;
}
[data-site-template="maison-vera"] .mv-salon__plates {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(12px, 1.4vw, 18px);
  margin-top: clamp(28px, 3.5vw, 52px);
}
[data-site-template="maison-vera"] .mv-salon__hero {
  flex: 2 1 420px;
  min-width: 0;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  background: var(--mv-plate);
}
[data-site-template="maison-vera"] .mv-salon__hero img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
[data-site-template="maison-vera"] .mv-salon__hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(22,21,20,0) 55%, rgba(22,21,20,.5) 100%);
}
[data-site-template="maison-vera"] .mv-salon__tiles {
  flex: 1 1 260px;
  min-width: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 1fr;
  gap: clamp(12px, 1.4vw, 18px);
}
[data-site-template="maison-vera"] .mv-salon__tiles img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 10px;
  background: var(--mv-plate);
}
[data-site-template="maison-vera"] .mv-salon__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: clamp(20px, 3vw, 40px);
  margin-top: 24px;
}
[data-site-template="maison-vera"] .mv-salon__facts {
  margin: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px 24px;
  font-size: .9375rem;
  line-height: 1.6;
}
[data-site-template="maison-vera"] .mv-salon__facts > div { display: contents; }
[data-site-template="maison-vera"] .mv-salon__facts dt { color: var(--site-muted); }
[data-site-template="maison-vera"] .mv-salon__facts dd { margin: 0; }
[data-site-template="maison-vera"] .site-contact__address { font-style: normal; font-family: var(--site-font-body, sans-serif); font-size: inherit; }
[data-site-template="maison-vera"] .site-contact .site-link { color: var(--site-text); }
[data-site-template="maison-vera"] .mv-salon__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: clamp(28px, 3vw, 40px); }
[data-site-template="maison-vera"] .site-contact__map { margin-top: 18px; }
[data-site-template="maison-vera"] .site-contact__map a {
  display: inline;
  min-height: 0;
  border: 0;
  font-weight: 400;
  font-size: .8125rem;
  color: var(--site-muted);
  text-decoration: underline;
  text-underline-offset: 4px;
}

/* Équipe — the sand band -------------------------------------------------- */
[data-site-template="maison-vera"] .site-team { background: var(--site-surface); }
[data-site-template="maison-vera"] .mv-team__head { max-width: 620px; margin-bottom: clamp(32px, 4vw, 56px); }
[data-site-template="maison-vera"] .site-team__grid {
  grid-template-columns: repeat(auto-fit, minmax(min(46%, 290px), 1fr));
  gap: var(--site-gap);
}
[data-site-template="maison-vera"] .site-team__member { max-width: none; }
[data-site-template="maison-vera"] .site-team__plate {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border-radius: 10px;
  background: var(--mv-plate-sand);
}
[data-site-template="maison-vera"] .site-team__plate img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
[data-site-template="maison-vera"] .site-team__initials {
  position: absolute;
  inset: 0;
  aspect-ratio: auto;
  background: transparent;
  font-size: clamp(2.5rem, 5vw, 4rem);
  color: var(--site-muted);
}
[data-site-template="maison-vera"] .site-team__name {
  margin: 16px 0 0;
  font-family: var(--site-font-body, sans-serif);
  font-size: var(--mv-caps);
  font-weight: 600;
  letter-spacing: .2em;
  text-transform: uppercase;
}
[data-site-template="maison-vera"] .site-team__name a { text-decoration: none; }
[data-site-template="maison-vera"] .site-team__name a:hover { text-decoration: underline; text-underline-offset: 5px; text-decoration-color: var(--site-accent, #C9A227); }
[data-site-template="maison-vera"] .site-team__role { margin-top: 8px; font-size: .875rem; color: var(--site-muted); }
/* The booking button under each portrait lines up across the row whatever
   depth the specialties wrap to. */
[data-site-template="maison-vera"] .site-team__member { display: flex; flex-direction: column; }
[data-site-template="maison-vera"] .site-team__role { flex: 1 1 auto; }
[data-site-template="maison-vera"] .site-team__book {
  width: 100%;
  margin-top: 14px;
  padding: 14px;
  letter-spacing: .16em;
}

/* Avis — the score as a figure, the quotes as plates ---------------------- */
[data-site-template="maison-vera"] .site-reviews .site-section__head { gap: clamp(28px, 4vw, 60px); }
[data-site-template="maison-vera"] .site-reviews .site-section__head > div { max-width: 560px; }
[data-site-template="maison-vera"] .site-reviews__score { align-items: baseline; gap: 16px; margin: 0; flex-wrap: wrap; }
[data-site-template="maison-vera"] .site-reviews__score strong {
  font-family: var(--site-font-display, serif);
  font-size: clamp(2.75rem, 5vw, 4.25rem);
  font-weight: 500;
  line-height: 1;
}
[data-site-template="maison-vera"] .site-reviews__avg { color: var(--site-accent, #C9A227); font-size: .875rem; letter-spacing: .14em; }
[data-site-template="maison-vera"] .site-reviews__stack { display: flex; flex-direction: column; gap: 6px; }
[data-site-template="maison-vera"] .site-reviews__stack > span:last-child { font-size: .8125rem; color: var(--site-muted); }
[data-site-template="maison-vera"] .site-reviews__list {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
  gap: var(--site-gap);
  max-width: 1180px;
}
[data-site-template="maison-vera"] .site-review {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: clamp(22px, 2.4vw, 30px);
  background: #fff;
  border: 1px solid var(--mv-rule);
  border-radius: 10px;
}
[data-site-template="maison-vera"] .site-review__stars { margin: 0; font-size: .8125rem; letter-spacing: .14em; color: var(--site-accent, #C9A227); }
[data-site-template="maison-vera"] .site-review__text {
  font-family: var(--site-font-display, serif);
  font-size: clamp(1.1875rem, 1.5vw, 1.4375rem);
  line-height: 1.45;
  color: var(--mv-ink);
}
[data-site-template="maison-vera"] .site-review__meta { margin-top: auto; flex-direction: column; gap: 5px; font-size: .8125rem; }
[data-site-template="maison-vera"] .site-review__author { color: var(--site-text); font-size: .875rem; font-weight: 600; }

/* Galerie — the looks grid ------------------------------------------------ */
[data-site-template="maison-vera"] .mv-looks { padding-block: clamp(40px, 6vw, 80px) var(--mv-block); }
[data-site-template="maison-vera"] .mv-looks__head { max-width: 620px; margin-bottom: clamp(28px, 3.4vw, 48px); }
[data-site-template="maison-vera"] .mv-looks__head .mv-lead { margin-top: 18px; }
[data-site-template="maison-vera"] .mv-looks .site-gallery__grid {
  grid-template-columns: repeat(auto-fit, minmax(min(46%, 240px), 1fr));
  gap: clamp(10px, 1.2vw, 16px);
}
[data-site-template="maison-vera"] .mv-looks .site-gallery__btn {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  background: var(--mv-plate-sand);
}
[data-site-template="maison-vera"] .mv-looks .site-gallery__grid img {
  width: 100%;
  aspect-ratio: 9 / 16;
  object-fit: cover;
  object-position: center top;
}
[data-site-template="maison-vera"] .mv-look--clip .site-gallery__btn { cursor: pointer; }
[data-site-template="maison-vera"] .mv-look--clip .site-gallery__btn::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(22,21,20,0) 50%, rgba(22,21,20,.62) 100%);
}
[data-site-template="maison-vera"] .mv-look--clip .site-gallery__btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 42px;
  height: 42px;
  margin: -21px 0 0 -21px;
  border-radius: 50%;
  pointer-events: none;
  background: rgba(248, 245, 239, .88)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14'%3E%3Cpath d='M0 0l12 7-12 7z' fill='%23161514'/%3E%3C/svg%3E")
    no-repeat 56% 50% / 10px 12px;
}
[data-site-template="maison-vera"] .mv-look__name {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  pointer-events: none;
  text-align: left;
  font-family: var(--site-font-body, sans-serif);
  font-size: var(--mv-caps);
  font-weight: 600;
  letter-spacing: .02em;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* A clip's Réserver, under its plate: ink on the cream band, unlike the
   cream-on-dark button of the réalisations. */
[data-site-template="maison-vera"] .mv-look--clip { display: flex; flex-direction: column; min-width: 0; }
[data-site-template="maison-vera"] .mv-looks .site-reel__book {
  margin-top: 10px;
  width: 100%;
  padding: 12px;
  font-size: var(--mv-caps);
  letter-spacing: .16em;
  color: var(--mv-ink);
  box-shadow: inset 0 0 0 1px var(--mv-ink);
}
[data-site-template="maison-vera"] .mv-looks .site-reel__book:hover {
  background: var(--mv-ink);
  color: var(--mv-cream);
  transform: none;
}
[data-site-template="maison-vera"] .site-more { margin-top: clamp(28px, 3vw, 44px); }
[data-site-template="maison-vera"] .site-more .site-btn { padding: 16px 34px; letter-spacing: .16em; }

/* Cartes cadeaux — one hairline row ------------------------------------- */
[data-site-template="maison-vera"] .site-gift { padding-block: 0; }
[data-site-template="maison-vera"] .site-gift__inner {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px clamp(24px, 4vw, 48px);
  padding: clamp(28px, 3.5vw, 44px) var(--mv-gutter);
  background: transparent;
  border-top: 1px solid var(--site-border);
  border-radius: 0;
}
[data-site-template="maison-vera"] .site-gift .site-section__title { font-size: clamp(1.375rem, 2.4vw, 1.75rem); }
[data-site-template="maison-vera"] .site-gift__text { margin: 6px 0 0; max-width: 46ch; color: var(--mv-body); font-size: .9375rem; }

/* Closing block + footer ------------------------------------------------- */
[data-site-template="maison-vera"] .site-footer {
  padding-block: 0;
  background: var(--mv-ink);
  color: rgba(248, 245, 239, .72);
}
[data-site-template="maison-vera"] .mv-closing { background: var(--site-primary, #7C4A2D); color: var(--mv-cream-warm); }
[data-site-template="maison-vera"] .mv-closing__inner {
  max-width: 820px;
  padding-block: clamp(80px, 11vw, 160px);
  text-align: center;
}
[data-site-template="maison-vera"] .mv-closing__title {
  margin: 0;
  font-family: var(--site-font-display, serif);
  font-size: clamp(2.25rem, 5vw, 4.125rem);
  font-weight: 500;
  line-height: 1.04;
  text-wrap: balance;
}
[data-site-template="maison-vera"] .mv-closing__text {
  margin: 22px auto 0;
  font-size: clamp(1rem, 1.2vw, 1.125rem);
  line-height: 1.7;
  color: rgba(251, 246, 240, .86);
}
[data-site-template="maison-vera"] .mv-closing__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: clamp(30px, 3.4vw, 44px);
}
[data-site-template="maison-vera"] .mv-closing .site-btn { padding: 19px 34px; letter-spacing: .16em; }
[data-site-template="maison-vera"] .mv-closing__cta { background: var(--mv-cream-warm); color: var(--mv-ink); }
[data-site-template="maison-vera"] .mv-closing .site-btn--ghost {
  padding-inline: 30px;
  background: transparent;
  color: var(--mv-cream-warm);
  box-shadow: inset 0 0 0 1px rgba(251, 246, 240, .45);
}
[data-site-template="maison-vera"] .mv-closing .site-btn--ghost:hover {
  background: rgba(251, 246, 240, .14);
  color: var(--mv-cream-warm);
  box-shadow: inset 0 0 0 1px rgba(251, 246, 240, .45);
}
[data-site-template="maison-vera"] .site-footer__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: clamp(28px, 4vw, 64px);
  padding-block: clamp(48px, 6vw, 88px) clamp(28px, 3vw, 40px);
}
[data-site-template="maison-vera"] .site-footer__brandcol { flex: 1 1 260px; }
[data-site-template="maison-vera"] .site-footer__name {
  margin: 0;
  font-family: var(--site-font-display, serif);
  font-size: 1.375rem;
  font-weight: 500;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--mv-cream);
}
[data-site-template="maison-vera"] .site-footer__address { margin-top: 16px; max-width: 32ch; font-style: normal; font-size: .875rem; line-height: 1.7; }
[data-site-template="maison-vera"] .site-footer__legal { margin: 12px 0 0; font-size: .875rem; }
[data-site-template="maison-vera"] .site-footer__nav { flex: 0 1 auto; display: flex; flex-direction: column; gap: 10px; }
[data-site-template="maison-vera"] .site-footer__socials { display: contents; }
[data-site-template="maison-vera"] .site-footer__socials[hidden] { display: none !important; }
[data-site-template="maison-vera"] .site-footer__nav a { font-size: .875rem; color: rgba(248, 245, 239, .72); text-decoration: none; }
[data-site-template="maison-vera"] .site-footer__nav a:hover { color: var(--mv-cream); }
[data-site-template="maison-vera"] .site-footer__brand {
  margin: 0;
  padding: 22px 0 clamp(48px, 6vw, 88px);
  border-top: 1px solid rgba(248, 245, 239, .14);
  font-size: .75rem;
}
[data-site-template="maison-vera"] .site-footer .site-link { color: rgba(248, 245, 239, .42); text-decoration: none; }
[data-site-template="maison-vera"] .site-footer .site-link:hover { color: var(--mv-cream); }

/* Sticky booking bar (phones, once the hero is gone) --------------------- */
[data-site-template="maison-vera"] .site-sticky {
  background: rgba(248, 245, 239, .9);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-top: 1px solid var(--site-border);
  padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px));
}
[data-site-template="maison-vera"] .site-sticky .site-btn {
  padding: 16px;
  background: var(--site-primary, #7C4A2D);
  color: var(--site-on-primary, #fff);
  letter-spacing: .16em;
}
@media (max-width: 879px) {
  [data-site-template="maison-vera"] .site-sticky { display: flex; }
}

/* Laura ------------------------------------------------------------------ */
[data-site-template="maison-vera"] .mv-laura__fab {
  position: fixed;
  right: clamp(14px, 2vw, 28px);
  bottom: clamp(16px, 2vw, 28px);
  z-index: 95;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 20px;
  border: 1px solid var(--site-border);
  border-radius: 999px;
  background: rgba(248, 245, 239, .94);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  color: var(--mv-ink);
  font-family: var(--site-font-body, sans-serif);
  font-size: .8125rem;
  font-weight: 500;
  box-shadow: 0 12px 32px rgba(45, 28, 28, .14);
  cursor: pointer;
}
[data-site-template="maison-vera"] .mv-laura__dot { width: 8px; height: 8px; border-radius: 999px; background: var(--site-primary, #7C4A2D); }
[data-site-template="maison-vera"] .mv-laura__panel {
  position: fixed;
  right: clamp(12px, 2vw, 28px);
  bottom: clamp(16px, 2vw, 28px);
  z-index: 96;
  width: 380px;
  max-width: calc(100vw - 24px);
  padding: clamp(20px, 2.4vw, 26px);
  background: var(--site-bg);
  border: 1px solid var(--site-border);
  border-radius: 14px;
  box-shadow: 0 20px 48px rgba(45, 28, 28, .18);
  animation: mv-up .22s cubic-bezier(.16, 1, .3, 1);
}
[data-site-template="maison-vera"] .mv-laura__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
[data-site-template="maison-vera"] .mv-laura__title { margin: 0; font-family: var(--site-font-display, serif); font-size: 1.375rem; line-height: 1.2; }
[data-site-template="maison-vera"] .mv-laura__hint { margin: 8px 0 0; font-size: .875rem; line-height: 1.6; color: var(--site-muted); }
[data-site-template="maison-vera"] .mv-laura__close {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid var(--site-border);
  border-radius: 999px;
  background: transparent;
  color: var(--mv-ink);
  font-size: 1.125rem;
  line-height: 1;
  cursor: pointer;
}
[data-site-template="maison-vera"] .mv-laura__actions { display: flex; flex-direction: column; gap: 8px; margin-top: 22px; }
[data-site-template="maison-vera"] .mv-laura__actions a {
  display: block;
  padding: 14px 16px;
  border: 1px solid var(--mv-rule);
  border-radius: 10px;
  background: #FBF8F3;
  color: var(--mv-ink);
  font-size: .875rem;
  text-decoration: none;
}
[data-site-template="maison-vera"] .mv-laura__actions a:hover { border-color: var(--site-primary, #7C4A2D); }
@media (max-width: 879px) {
  [data-site-template="maison-vera"] .site-sticky:not(.is-tucked) ~ .mv-laura__fab,
  [data-site-template="maison-vera"] .site-sticky:not(.is-tucked) ~ .mv-laura__panel { bottom: 86px; }
  [data-site-template="maison-vera"] .mv-laura__panel { left: clamp(12px, 2vw, 28px); width: auto; }
}
/* The editor's preview is the salon looking at its own page; nothing floats. */
[data-site-preview="1"][data-site-template="maison-vera"] .mv-laura__fab,
[data-site-preview="1"][data-site-template="maison-vera"] .site-sticky { display: none; }

/* Focus ------------------------------------------------------------------ */
[data-site-template="maison-vera"] :where(a, button, [tabindex]):focus-visible { outline-color: var(--site-text); }
[data-site-template="maison-vera"] .mv-reels :where(a, button):focus-visible,
[data-site-template="maison-vera"] .site-hero :where(a, button):focus-visible,
[data-site-template="maison-vera"] .site-footer :where(a, button):focus-visible { outline-color: var(--mv-cream); }

@media (max-width: 720px) {
  [data-site-template="maison-vera"] .mv-hero__actions .site-btn { flex: 1 1 auto; }
  [data-site-template="maison-vera"] .mv-search {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 12px;
    border-radius: 24px;
  }
  [data-site-template="maison-vera"] .mv-search__glyph { margin-left: 8px; }
  [data-site-template="maison-vera"] .mv-search__input { width: 100%; font-size: 1rem; }
  [data-site-template="maison-vera"] .mv-search__btn { grid-column: 1 / -1; width: 100%; }
  [data-site-template="maison-vera"] .site-service__thumb { width: 56px; height: 56px; }
}