/* MJF mockup extras — preview only */
.banner-wip{background:#FFF3C4;color:#4A3800;text-align:center;font-weight:700;padding:10px 16px;margin:0;border-bottom:2px solid #E89B6B}
.locale-switch{display:inline-flex;gap:4px;margin-left:8px}
.locale-switch a{min-height:40px;min-width:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-weight:700;text-decoration:none;color:var(--ink);border:2px solid var(--line);padding:0 10px}
.locale-switch a[aria-current="true"]{background:var(--brand);color:#fff;border-color:var(--brand)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.chips button,.chip{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;border:2px solid var(--line);background:var(--surface);font:inherit;font-weight:600;cursor:pointer;color:var(--ink)}
.chip-accent{border-color:var(--accent);background:var(--accent-soft)}
.chip-leaf{border-color:var(--leaf);color:var(--leaf)}
.card-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));list-style:none;margin:0;padding:0}
.card{background:var(--surface);border:2px solid var(--line);border-radius:16px;padding:16px 18px}
.card h3{margin:0 0 6px;font-size:1.15rem}
.card .meta{color:var(--ink-soft);font-size:1rem;margin:0 0 10px}
.badge-claim{display:inline-block;font-size:.85rem;font-weight:700;padding:2px 10px;border-radius:999px;background:var(--accent-soft);color:var(--brand-deep)}
.badge-open{background:#E7F3EC;color:var(--leaf)}
.cta-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.site-footer{background:var(--brand-deep);color:#FCE4EC;padding:36px 0 48px;margin-top:48px}
.site-footer a{color:#FFF7F2}
.site-footer .meta,.site-footer p{color:#F5C9A8}
.brand-logo-img{width:44px;height:44px;border-radius:12px}
.illus-flower{max-width:420px;justify-self:center;width:100%}
.steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:14px}
.steps li{background:var(--surface);border:2px solid var(--line);border-radius:14px;padding:16px 18px 16px 64px;position:relative}
.steps li::before{content:counter(s);position:absolute;left:16px;top:16px;width:36px;height:36px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:700}
.form-preview label{display:block;font-weight:700;margin:14px 0 6px}
.form-preview input,.form-preview select,.form-preview textarea{width:100%;max-width:32rem;font:inherit;padding:12px 14px;border:2px solid #6b7480;border-radius:12px;min-height:52px}
.form-preview .note{font-size:1rem;color:var(--ink-soft)}
.privacy-box{background:var(--surface);border:2px solid var(--line);border-radius:16px;padding:20px;max-width:40em}

/* QA CMO J0 nits — 2026-10-28 (CSP style-src self: no inline styles) */
.brand-wordmark{height:48px;width:auto;max-width:min(260px,60vw);flex:none;display:block}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.footer-links{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:12px 20px}
.pad-page{padding:32px 20px 48px}
.pad-page-y{padding-top:32px;padding-bottom:48px}
.pad-center{padding:64px 20px;text-align:center}
.mt-24{margin-top:24px}
.privacy-box.fine-print{font-size:.875rem;line-height:1.5;color:var(--ink-soft,#5a4a4f);background:none;border:0;box-shadow:none;padding:12px 0 0;border-top:1px solid color-mix(in srgb,currentColor 20%,transparent);border-radius:0;max-width:60ch}
.privacy-box.fine-print p{margin:.25em 0}

/* Hero A — éditorial (CA) · roses pêche/blush/crème · 2026-10-28
   MAJ ~16:14 Érick via Maya : carte verre À GAUCHE ; bouquet bien visible À DROITE
   (photo mockup = asset Maya mirroir H pour composition) */
.hero.hero-editorial{position:relative;background:#FFF7F2;overflow:hidden;min-height:clamp(420px,62vh,620px)}
.hero.hero-editorial::before{content:"";position:absolute;inset:0;background:#FFF7F2 url("../img/hero-editorial-roses-peach.jpg") right center/cover no-repeat;z-index:0}
.hero.hero-editorial::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,247,242,.35) 0%,rgba(255,247,242,.08) 36%,rgba(255,247,242,0) 58%);z-index:0;pointer-events:none}
.hero.hero-editorial .wrap{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-start;grid-template-columns:none;padding-top:clamp(36px,6vw,72px);padding-bottom:clamp(40px,6vw,72px)}
.hero-glass{width:100%;max-width:32rem;background:rgba(255,255,255,.70);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:20px;padding:clamp(18px,2.8vw,28px);box-shadow:0 20px 40px -24px rgba(60,30,10,.32)}
.hero-glass .search{background:transparent;border:0;box-shadow:none;padding:0}
.hero.hero-editorial .illus-flower{display:none}
@media (max-width:719px){
  .hero.hero-editorial .wrap{justify-content:stretch}
  .hero.hero-editorial::before{background-position:center top}
  .hero-glass{max-width:none;background:rgba(255,255,255,.82)}
}