/* Charte « Reel » (04/10/2026) : la signature du film promo 30 s appliquée au front public.
   Bricolage Grotesque 800 condensée pour la voix, Fraunces italique pour l'émotion,
   bleu nuit + blanc lavande, trois couleurs franches en aplat (jamais en dégradé).
   Portée : pages publiques uniquement (body[data-moa-space=public]). */
:root{--r-ink:#1A1F36;--r-paper:#F4F3FB;--r-bleuet:#8EA2FF;--r-pivoine:#FF8DA1;--r-mimosa:#FFD25E;--r-white:#fff;--r-soft:#5b6079;--r-line:#1a1f361f;
  --r-disp:"Bricolage Grotesque",Inter,system-ui,sans-serif;--r-ital:"Fraunces",Georgia,serif;
  --r-grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5  0 0 0 0 .5  0 0 0 0 .5  0 0 0 1.6 -.3'/></filter><rect width='240' height='240' filter='url(%23n)'/></svg>")}
body.moa-app[data-moa-space=public]{--moa-ink:var(--r-ink);--moa-canvas:var(--r-paper);--moa-brand:var(--r-ink);--moa-muted:var(--r-soft);--moa-line:var(--r-line);
  background:var(--r-paper);color:var(--r-ink);font-family:var(--r-disp);font-variation-settings:"wdth" 100;-webkit-font-smoothing:antialiased;font-synthesis:none}
[data-moa-space=public] :is(input,select,textarea,button){font-family:inherit}

/* Voix : titres gras et serrés, accent en italique */
[data-moa-space=public] :is(h1,h2,.section-title,.section-title-light){font-family:var(--r-disp)!important;font-weight:800!important;font-variation-settings:"wdth" 88;letter-spacing:-.025em!important;line-height:1.02!important;color:var(--r-ink)}
[data-moa-space=public] h3{font-family:var(--r-disp);font-weight:700;font-variation-settings:"wdth" 96;letter-spacing:-.005em}
[data-moa-space=public] :is(.guide-card,.guide-item,article,.card) :is(h2,h3){font-weight:700!important;font-variation-settings:"wdth" 96!important;letter-spacing:-.005em!important;line-height:1.2!important}
[data-moa-space=public] :is(h1,h2,h3) em,[data-moa-space=public] .r-ital{font-family:var(--r-ital)!important;font-style:italic;font-weight:440!important;font-variation-settings:"SOFT" 70,"WONK" 1,"opsz" 144;letter-spacing:-.012em;color:inherit}
/* Têtes de section de l'accueil : une seule recette, centrée */
[data-moa-space=public] :is(.section-title,.section-title-light){text-align:center!important;font-size:clamp(32px,3.4vw,48px)!important;margin:0 auto 12px!important;color:var(--r-ink)!important}
[data-moa-space=public] :is(.section-subtitle,.section-subtitle-light){font-family:var(--r-ital)!important;font-style:italic;font-weight:400!important;font-variation-settings:"SOFT" 70,"opsz" 36;color:var(--r-soft)!important;font-size:20px!important;line-height:1.4!important;text-align:center!important;max-width:620px;margin:0 auto 40px!important}
[data-moa-space=public] .moa-kicker{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--r-ink)}
[data-moa-space=public] .moa-kicker::before{content:"";width:16px;height:16px;flex:none;background:var(--r-mimosa);clip-path:path("M8 0c.47 3.73 2.6 6.4 7.33 7.33C10.6 8.27 8.47 10.93 8 14.67 7.53 10.93 5.4 8.27.67 7.33 5.4 6.4 7.53 3.73 8 0z");transform:translateY(-1px)}

/* Révélation ligne à ligne, comme dans le film */
.r-line{display:block;overflow:hidden;padding:0 .14em .16em;margin:0 -.14em -.16em}
.r-line>span{display:inline-block;animation:r-rise 1s cubic-bezier(.16,1,.3,1) both}
.r-line:nth-child(2)>span{animation-delay:.14s}.r-line:nth-child(3)>span{animation-delay:.28s}
@keyframes r-rise{from{transform:translateY(115%)}to{transform:none}}

/* En-tête et navigation */
[data-moa-space=public] .header{background:#f4f3fbe6;border-bottom:1px solid var(--r-line);box-shadow:none}
[data-moa-space=public] .search-wrapper{background:var(--r-white);border:2px solid var(--r-ink);border-radius:999px}
[data-moa-space=public] :is(.search-btn,.search-button,.categories-btn,.btn-categories){border-radius:999px!important;background:var(--r-ink)!important}
[data-moa-space=public] .moa-app-nav a{font-size:13px;font-weight:600;color:var(--r-soft)}
[data-moa-space=public] .moa-app-nav a:hover{background:#1a1f360d;color:var(--r-ink)}
[data-moa-space=public] .moa-app-nav a[aria-current=page]{background:var(--r-ink);color:var(--r-paper)}

/* Boutons : la pilule bleu nuit du film */
[data-moa-space=public] .moa-action{border-radius:999px;padding:17px 26px;font-size:15px;font-weight:700;background:var(--r-ink);border:2px solid var(--r-ink);color:var(--r-paper)!important}
[data-moa-space=public] .moa-action span{color:var(--r-mimosa)}
[data-moa-space=public] .moa-action.secondary{background:transparent;color:var(--r-ink)!important;border-color:var(--r-ink)}
[data-moa-space=public] .moa-action.secondary span{color:inherit}
[data-moa-space=public] :is(.btn-acheter,.btn-voir-boutique,.btn-view-product,.product-card .btn,.product-card a.btn-primary){background:var(--r-ink)!important;color:var(--r-paper)!important;border:0!important;border-radius:999px!important;font-weight:700!important;box-shadow:none!important}
[data-moa-space=public] :is(.btn-acheter,.btn-voir-boutique,.btn-view-product):hover{background:#2b3254!important}
[data-moa-space=public] .btn-primary{border-radius:999px}

/* Accueil : texte à gauche, arche « deux vitrines » à droite */
[data-moa-space=public] .moa-home{margin:40px auto 70px;gap:56px}
[data-moa-space=public] .moa-home h1{font-size:clamp(48px,6.2vw,92px);letter-spacing:-.025em!important;margin-bottom:28px}
[data-moa-space=public] .moa-home h1 em{color:var(--r-ink)}
[data-moa-space=public] .moa-home-copy>p:not(.moa-kicker){font-size:18px;line-height:1.6;color:var(--r-soft)}
[data-moa-space=public] .moa-home-proof{font-size:13px;color:var(--r-soft);gap:22px}
[data-moa-space=public] .moa-home-proof span::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--r-pivoine);margin-right:8px;vertical-align:1px}
[data-moa-space=public] .moa-home-proof span:nth-child(2)::before{background:var(--r-bleuet)}
.moa-promo::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background-image:var(--r-grain);opacity:.07;mix-blend-mode:overlay}
[data-moa-space=public] .moa-home-reel{border-radius:30px;background:var(--r-ink);box-shadow:0 30px 60px -25px #1a1f3666}

/* Sections du catalogue */
[data-moa-space=public] .categories-section{background:transparent!important;border:0!important}
[data-moa-space=public] .category-card{border-radius:24px!important;border:0!important}
[data-moa-space=public] .collection-section{border-radius:28px!important}
[data-moa-space=public] .collection-section h2{font-size:clamp(34px,4vw,56px)!important;text-shadow:none!important;color:var(--r-paper)!important}
[data-moa-space=public] .collection-section>div:first-child{background:linear-gradient(180deg,#1a1f36cc,#1a1f3633 60%,#1a1f3699)!important}

/* Cartes produit et boutique : blanc franc, cerne bleu nuit */
[data-moa-space=public] :is(.product-card,.product-card-slider,.boutique-card){background:var(--r-white)!important;border:2px solid var(--r-ink)!important;border-radius:24px!important;box-shadow:none!important;transition:transform .3s cubic-bezier(.34,1.56,.64,1)!important}
[data-moa-space=public] :is(.product-card,.product-card-slider,.shop-card,.boutique-card):hover{transform:translateY(-5px)!important;box-shadow:none!important}
[data-moa-space=public] .product-card :is(.product-image,img){border-radius:16px}
[data-moa-space=public] :is(.product-name,.product-title){font-weight:700!important;color:var(--r-ink)!important;letter-spacing:-.01em}
[data-moa-space=public] .product-price{font-weight:800!important;font-variation-settings:"wdth" 86;color:var(--r-ink)!important;letter-spacing:-.02em}
[data-moa-space=public] .product-price .euro{font-size:24px!important;font-weight:800!important}
[data-moa-space=public] .product-price .cents{font-size:14px!important;font-weight:700!important}
[data-moa-space=public] :is(.discount-badge,.badge-promo,.promo-badge){background:var(--r-mimosa)!important;color:var(--r-ink)!important;border-radius:999px!important}

/* Fiches boutique : les tuiles du film (Ambre, Figue, Néroli, Cèdre), pastel + contour franc,
   pour ne jamais les confondre avec une fiche produit (blanche, cernée bleu nuit) */
[data-moa-space=public] .shop-card{--tile:#FFE3E8;--edge:var(--r-pivoine);background:var(--tile)!important;border:3px solid var(--edge)!important;border-radius:999px 999px 0 0!important;overflow:hidden!important;box-shadow:none!important;transition:transform .3s ease!important}
[data-moa-space=public] .shop-card:nth-child(4n+2){--tile:#FFF0C4;--edge:var(--r-mimosa)}
[data-moa-space=public] .shop-card:nth-child(4n+3){--tile:#E2E7FF;--edge:var(--r-bleuet)}
[data-moa-space=public] .shop-card:nth-child(4n){--tile:#EDEBF7;--edge:#C9C3EC}
[data-moa-space=public] .shop-card:hover{transform:scale(1.035)!important;box-shadow:none!important}
/* L'arche des vitrines du film : le haut de la fiche est un demi-cercle, le logo se centre dessous */
[data-moa-space=public] .shop-card .shop-header{height:200px!important;border-radius:999px 999px 0 0!important;overflow:hidden}
[data-moa-space=public] .shop-card .shop-header-bg{border-radius:0!important}
[data-moa-space=public] .shop-card .shop-logo{top:auto!important;bottom:12px!important;left:50%!important;transform:translateX(-50%)!important}
[data-moa-space=public] .shop-card :is(.shop-name,.shop-description){text-align:center}
[data-moa-space=public] .shop-card .shop-specialites{justify-content:center}
[data-moa-space=public] .shop-card :is(.shop-content,.shop-header){background:transparent!important}
[data-moa-space=public] .shop-card .shop-logo{border:3px solid var(--edge)!important;box-shadow:none!important}
[data-moa-space=public] .shop-card .shop-name{font-family:var(--r-ital)!important;font-style:italic;font-weight:500!important;font-variation-settings:"SOFT" 70,"WONK" 1,"opsz" 72;font-size:24px!important;letter-spacing:-.01em;color:var(--r-ink)!important}
[data-moa-space=public] .shop-card .shop-description{color:#3d4260!important}
[data-moa-space=public] .shop-card .shop-specialite-tag{background:#ffffffb3!important;color:var(--r-ink)!important;border:0!important;border-radius:999px!important}

/* Film promo : bleu nuit, pivoine, mimosa */
[data-moa-space=public] .moa-promo{--film-ink:var(--r-ink);--film-paper:var(--r-paper);--film-accent:var(--r-pivoine);font-family:var(--r-disp);border-radius:34px}
[data-moa-space=public] .moa-promo--cms{--film-ink:var(--r-ink);--film-accent:var(--r-mimosa)}
[data-moa-space=public] .moa-promo--marketplace{--film-accent:var(--r-bleuet)}
[data-moa-space=public] :is(.moa-film-lead,.moa-film-word){font-family:var(--r-disp)!important;font-weight:800!important;font-variation-settings:"wdth" 84,"opsz" 96;letter-spacing:-.01em;line-height:.95}
[data-moa-space=public] .moa-film-lead{font-family:var(--r-ital)!important;font-style:italic;font-weight:440!important;font-variation-settings:"SOFT" 70,"WONK" 1,"opsz" 144;text-transform:lowercase}
[data-moa-space=public] .moa-film-line{background:var(--r-mimosa)}
[data-moa-space=public] .moa-promo .moa-promo-cta{font:700 14px var(--r-disp);background:var(--r-paper);color:var(--r-ink)}
[data-moa-space=public] .moa-promo .moa-promo-cta:hover{background:var(--r-mimosa)}

/* Les anciens décors en dégradé deviennent des aplats bleu nuit */
[data-moa-space=public] .moa-gradient-scene{background:var(--r-ink)!important;animation:none!important}
[data-moa-space=public] .moa-gradient-scene::before{display:none}

/* Bandeaux de tête animés (canvas #heroGradient, une dizaine de pages) : aplat bleu nuit */
[data-moa-space=public] :has(> #heroGradient){background:var(--r-ink)!important;animation:none!important}
[data-moa-space=public] #heroGradient{display:none!important}
[data-moa-space=public] :has(> #heroGradient) :is(h1,h2,p,span,.hero-title,.hero-subtitle){color:var(--r-paper)!important}
[data-moa-space=public] :has(> #heroGradient) h1 em{color:var(--r-pivoine)!important}

/* Offres : la carte « populaire » et les accents violets passent à la palette */
[data-moa-space=public] .pricing-card{border-radius:26px!important;border:2px solid var(--r-ink)!important;background:var(--r-white)!important;box-shadow:none!important}
[data-moa-space=public] .pricing-card.popular{background-image:none!important;outline:4px solid var(--r-mimosa);outline-offset:-2px}
[data-moa-space=public] .pricing-card.popular::before{background:var(--r-mimosa)!important;color:var(--r-ink)!important;font-weight:700;border:2px solid var(--r-ink)}
[data-moa-space=public] .plan-features li .icon{color:var(--r-ink)!important}
[data-moa-space=public] .service-icon{background:var(--r-pivoine)!important;color:var(--r-ink)!important}
[data-moa-space=public] a[style*="#533afd"]{background:var(--r-ink)!important;border-radius:999px!important}
[data-moa-space=public] [style*="solid #533afd"]{border-color:var(--r-ink)!important}

/* Page « Créer mon site » */
[data-moa-space=public] .launch-universe{background:var(--r-bleuet)!important;animation:none!important}
[data-moa-space=public] .launch-universe::before{display:none!important}
[data-moa-space=public] .se-eyebrow{background:var(--r-mimosa)!important;color:var(--r-ink)!important;border-radius:999px}
[data-moa-space=public] .se-btn{border-radius:999px!important;font-weight:700}
[data-moa-space=public] .se-btn-primary{background:var(--r-ink)!important;color:var(--r-paper)!important;box-shadow:none!important}
[data-moa-space=public] .se-btn-ghost{background:transparent!important;color:var(--r-ink)!important;border:2px solid var(--r-ink)!important}
[data-moa-space=public] .se-final .se-btn-primary{background:var(--r-paper)!important;color:var(--r-ink)!important}
[data-moa-space=public] .se-final .se-btn-ghost{color:var(--r-paper)!important;border-color:var(--r-paper)!important}
[data-moa-space=public] :is(.se-ico,.se-way-ico){background:var(--r-pivoine)!important;color:var(--r-ink)!important}
[data-moa-space=public] :nth-child(3n+2)>:is(.se-ico,.se-way-ico){background:var(--r-bleuet)!important}
[data-moa-space=public] :nth-child(3n)>:is(.se-ico,.se-way-ico){background:var(--r-mimosa)!important}
[data-moa-space=public] :is(.se-app i,.se-app-cat-title i){color:var(--r-ink)!important}
[data-moa-space=public] .se-price-card{border-color:var(--r-ink)!important;box-shadow:none!important;border-radius:28px!important}
[data-moa-space=public] .se-final{background:var(--r-ink)!important;animation:none!important;border-radius:34px}
[data-moa-space=public] a[style*="linear-gradient"]{background:var(--r-ink)!important;color:var(--r-paper)!important;border-radius:999px!important}

/* Pied de page */
[data-moa-space=public] footer{background:var(--r-ink)!important}
[data-moa-space=public] footer a[style*="#db2777"]{color:var(--r-pivoine)!important}
[data-moa-space=public] .moa-motion-control{font-family:var(--r-disp);border-color:var(--r-ink);color:var(--r-ink)}

@media(max-width:780px){
  [data-moa-space=public] .moa-home{margin-top:10px}
  [data-moa-space=public] .moa-home h1{font-size:clamp(46px,13.5vw,60px)}
  [data-moa-space=public] .moa-home-ctas{flex-direction:column}
  [data-moa-space=public] .moa-home-ctas .moa-action{flex:none;justify-content:space-between;width:100%;min-height:0}
}
@media(prefers-reduced-motion:reduce){.r-line>span{animation:none!important}}