/* =============================================================
   FLYER - collage d'affiches risographiées
   Mur kraft, affiches inclinées, ruban adhésif, flyers à languettes.
   Contrastes (AA) : encre #1A1830 / kraft #EFE6D2 13,9:1 ; gris #4E4A5E 6,9:1 ;
   encre / rose #FF5CB8 6,1:1 ; blanc / bleu #0064A8 6,2:1 ; bleu sur kraft 5:1.
   ============================================================= */
.sr-d-affiche{
  --sr-bar:#1A1830; --sr-bar-ink:#EFE6D2; --sr-bar-accent:#FFE14A; /* barre panier du plugin */
  --sr-bg:#EFE6D2; --sr-surface:#FFFDF6; --sr-surface2:#E6DAC0;
  --sr-ink:#1A1830; --sr-muted:#4E4A5E; --sr-line:#1A1830;
  --sr-accent:#FF5CB8; --sr-on-accent:#1A1830; --sr-accent-text:#0064A8;
  --sr-accent2:#0064A8; --sr-on-accent2:#FFFFFF; --sr-accent2-text:#0064A8;
  --sr-yellow:#FFE14A; --sr-pink:#FF5CB8; --sr-blue:#0064A8;
  --sr-radius:2px; --sr-radius-sm:2px; --sr-bw:3px; --sr-shadow:6px 6px 0 #1A1830;
  --sr-fdisp:"Bowlby One","Arial Black",Impact,sans-serif;
  --sr-fbody:"Work Sans",system-ui,sans-serif;
  --sr-focus:#0064A8;
  --sr-stagger:110ms;
  --halftone:radial-gradient(rgba(26,24,48,.09) 1px,transparent 1.4px) 0 0/7px 7px;
}
.sr-d-affiche.sr-scope{background:var(--halftone),var(--sr-bg);}
.sr-d-affiche .section:not(.sr-island:not(.sr-d-affiche) *){overflow-x:clip;} /* affiches inclinées : pas de débord latéral */
.sr-d-affiche h1:not(.sr-island:not(.sr-d-affiche) *),
.sr-d-affiche h2:not(.sr-island:not(.sr-d-affiche) *),
.sr-d-affiche h3:not(.sr-island:not(.sr-d-affiche) *){font-weight:400;text-transform:uppercase;letter-spacing:-.01em;line-height:.9;}
.sr-d-affiche em:not(.sr-island:not(.sr-d-affiche) *){font-style:normal;}
/* Impression riso : encre décalée rose + bleu (purement décoratif) */
.sr-d-affiche .riso:not(.sr-island:not(.sr-d-affiche) *){text-shadow:.045em .04em 0 var(--sr-pink),-.03em -.02em 0 rgba(0,100,168,.55);}
.sr-d-affiche .riso em:not(.sr-island:not(.sr-d-affiche) *){color:var(--sr-blue);text-shadow:.045em .04em 0 var(--sr-yellow);}

/* ---------- Boutons, autocollants ---------- */
.sr-d-affiche .btn:not(.sr-island:not(.sr-d-affiche) *){display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border:3px solid var(--sr-ink);border-radius:999px;font-family:var(--sr-fbody);font-weight:800;font-size:16px;text-decoration:none;cursor:pointer;
  transition:transform var(--sr-dur-fast) var(--sr-ease-out),box-shadow var(--sr-dur-fast) var(--sr-ease-out);box-shadow:4px 4px 0 var(--sr-ink);}
.sr-d-affiche .btn:active:not(.sr-island:not(.sr-d-affiche) *){transform:translate(3px,3px) rotate(0deg);box-shadow:1px 1px 0 var(--sr-ink);}
.sr-d-affiche .btn--pink:not(.sr-island:not(.sr-d-affiche) *){background:var(--sr-pink);color:var(--sr-ink);}
.sr-d-affiche .btn--blue:not(.sr-island:not(.sr-d-affiche) *){background:var(--sr-blue);color:#fff;}
.sr-d-affiche .btn--paper:not(.sr-island:not(.sr-d-affiche) *){background:var(--sr-surface);color:var(--sr-ink);}
.sr-d-affiche .btn--sm:not(.sr-island:not(.sr-d-affiche) *){padding:10px 16px;font-size:14px;}
@media (hover:hover) and (pointer:fine){.sr-d-affiche .btn:hover:not(.sr-island:not(.sr-d-affiche) *){transform:translate(-2px,-2px) rotate(-1deg);box-shadow:6px 6px 0 var(--sr-ink);}}
.sr-d-affiche .eyebrow:not(.sr-island:not(.sr-d-affiche) *){margin:0 0 16px;}
.sr-d-affiche .eyebrow span:not(.sr-island:not(.sr-d-affiche) *){display:inline-block;padding:6px 12px;background:var(--sr-ink);color:var(--sr-yellow);font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;transform:rotate(-2deg);}
.sr-d-affiche .sticker:not(.sr-island:not(.sr-d-affiche) *){display:inline-flex;align-items:center;justify-content:center;padding:5px 11px;border:2px solid var(--sr-ink);border-radius:999px;font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;background:var(--sr-yellow);color:var(--sr-ink);transform:rotate(-6deg);}
.sr-d-affiche .sticker--pink:not(.sr-island:not(.sr-d-affiche) *){background:var(--sr-pink);}
.sr-d-affiche .sticker--blue:not(.sr-island:not(.sr-d-affiche) *){background:var(--sr-blue);color:#fff;}
.sr-d-affiche .price:not(.sr-island:not(.sr-d-affiche) *){font-family:var(--sr-fdisp);font-size:22px;white-space:nowrap;}

/* ---------- En-tête ---------- */
.sr-d-affiche .sr-header:not(.sr-island:not(.sr-d-affiche) *){position:sticky;top:var(--sr-top);z-index:100;background:var(--sr-bg);border-bottom:3px solid var(--sr-ink);}
.sr-d-affiche .sr-header__bar:not(.sr-island:not(.sr-d-affiche) *){display:flex;align-items:center;gap:20px;min-height:76px;}
.sr-d-affiche .logo:not(.sr-island:not(.sr-d-affiche) *){position:relative;display:inline-block;padding:6px 14px;background:var(--sr-yellow);border:3px solid var(--sr-ink);font-family:var(--sr-fdisp);font-size:24px;text-transform:uppercase;text-decoration:none;color:var(--sr-ink);transform:rotate(-2deg);}
.sr-d-affiche .sr-header__panel:not(.sr-island:not(.sr-d-affiche) *){margin-left:auto;}
.sr-d-affiche .sr-menu__list:not(.sr-island:not(.sr-d-affiche) *){display:flex;gap:4px;}
.sr-d-affiche .sr-menu__list a:not(.sr-island:not(.sr-d-affiche) *){display:inline-flex;align-items:center;min-height:44px;padding:0 12px;font-weight:800;text-decoration:none;color:var(--sr-ink);border-radius:999px;transition:background-color var(--sr-dur) ease;}
.sr-d-affiche .sr-menu__list a[aria-current="page"]:not(.sr-island:not(.sr-d-affiche) *),
.sr-d-affiche .sr-menu__list .current-menu-item > a:not(.sr-island:not(.sr-d-affiche) *){background:var(--sr-ink);color:var(--sr-yellow);}
@media (hover:hover) and (pointer:fine){.sr-d-affiche .sr-menu__list a:hover:not(.sr-island:not(.sr-d-affiche) *){background:var(--sr-surface);}}
.sr-d-affiche .sr-header__actions:not(.sr-island:not(.sr-d-affiche) *){display:flex;align-items:center;gap:10px;}
.sr-d-affiche .sr-cart-link:not(.sr-island:not(.sr-d-affiche) *){display:inline-flex;align-items:center;gap:8px;padding:0 14px;border:3px solid var(--sr-ink);border-radius:999px;background:var(--sr-surface);font-weight:800;font-size:14px;text-decoration:none;color:var(--sr-ink);}
.sr-d-affiche .sr-cart-link.is-bump:not(.sr-island:not(.sr-d-affiche) *){animation:af-wiggle 420ms var(--sr-ease-out);}
@keyframes af-wiggle{30%{transform:rotate(-6deg) scale(1.08);}65%{transform:rotate(4deg);}}
.sr-d-affiche .sr-burger:not(.sr-island:not(.sr-d-affiche) *){display:none;align-items:center;gap:10px;padding:0 14px;border:3px solid var(--sr-ink);border-radius:999px;background:var(--sr-yellow);font-weight:800;cursor:pointer;}
.sr-d-affiche .sr-burger__bars:not(.sr-island:not(.sr-d-affiche) *){display:grid;gap:4px;width:18px;}
.sr-d-affiche .sr-burger__bars span:not(.sr-island:not(.sr-d-affiche) *){height:3px;background:currentColor;transition:transform var(--sr-dur) var(--sr-ease-out),opacity var(--sr-dur) ease;}
.sr-d-affiche .is-open .sr-burger__bars span:nth-child(1):not(.sr-island:not(.sr-d-affiche) *){transform:translateY(7px) rotate(45deg);}
.sr-d-affiche .is-open .sr-burger__bars span:nth-child(2):not(.sr-island:not(.sr-d-affiche) *){opacity:0;}
.sr-d-affiche .is-open .sr-burger__bars span:nth-child(3):not(.sr-island:not(.sr-d-affiche) *){transform:translateY(-7px) rotate(-45deg);}
@media (max-width:960px){
  .sr-d-affiche .sr-burger:not(.sr-island:not(.sr-d-affiche) *){display:inline-flex;}
  .sr-d-affiche .sr-header__actions .btn:not(.sr-island:not(.sr-d-affiche) *){display:none;}
  .sr-d-affiche .sr-cart-link span:not(.sr-island:not(.sr-d-affiche) *){display:none;}
  .sr-d-affiche .sr-header__panel:not(.sr-island:not(.sr-d-affiche) *){position:fixed;left:12px;right:12px;top:calc(88px + var(--sr-top));padding:24px;background:var(--sr-pink);border:3px solid var(--sr-ink);box-shadow:var(--sr-shadow);
    visibility:hidden;opacity:0;transform:rotate(-2deg) scale(.96);transform-origin:90% 0;transition:opacity 200ms var(--sr-ease-out),transform 260ms var(--sr-ease-out),visibility 0s linear 260ms;}
  .sr-d-affiche .is-open .sr-header__panel:not(.sr-island:not(.sr-d-affiche) *){visibility:visible;opacity:1;transform:rotate(-1deg);transition-delay:0s;}
  .sr-d-affiche .sr-menu__list:not(.sr-island:not(.sr-d-affiche) *){flex-direction:column;}
  .sr-d-affiche .sr-menu__list a:not(.sr-island:not(.sr-d-affiche) *){font-family:var(--sr-fdisp);font-size:clamp(28px,8vw,44px);text-transform:uppercase;}
  .sr-d-affiche .sr-menu__list a[aria-current="page"]:not(.sr-island:not(.sr-d-affiche) *){background:var(--sr-ink);color:var(--sr-yellow);}
  .sr-nav-open{overflow:hidden;}
}

/* ---------- Hero : mur ---------- */
.sr-d-affiche .hero:not(.sr-island:not(.sr-d-affiche) *){overflow:hidden;border-bottom:3px solid var(--sr-ink);}
.sr-d-affiche .hero__in:not(.sr-island:not(.sr-d-affiche) *){display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:center;min-height:min(calc(100svh - 76px - var(--sr-top)),900px);padding-block:clamp(36px,6vw,80px);}
.sr-d-affiche .hero__poster:not(.sr-island:not(.sr-d-affiche) *){position:relative;padding:clamp(24px,4vw,48px);background:var(--sr-surface);border:3px solid var(--sr-ink);box-shadow:var(--sr-shadow);transform:rotate(var(--r,0deg));}
.sr-d-affiche .hero__title:not(.sr-island:not(.sr-d-affiche) *){font-size:clamp(38px,6vw,96px);overflow-wrap:anywhere;}
.sr-d-affiche .hero__lead:not(.sr-island:not(.sr-d-affiche) *){max-width:44ch;margin:22px 0 26px;font-size:clamp(17px,.5vw + 15px,20px);color:var(--sr-muted);}
.sr-d-affiche .hero__cta:not(.sr-island:not(.sr-d-affiche) *){display:flex;flex-wrap:wrap;gap:14px;}
.sr-d-affiche .hero__wall:not(.sr-island:not(.sr-d-affiche) *){position:relative;min-height:clamp(380px,48vw,620px);}
.sr-d-affiche .paste:not(.sr-island:not(.sr-d-affiche) *){position:absolute;background:#fff;padding:10px;border:2px solid rgba(26,24,48,.15);box-shadow:0 14px 30px rgba(26,24,48,.22);transform:rotate(var(--r,0deg));}
.sr-d-affiche .paste img:not(.sr-island:not(.sr-d-affiche) *){width:100%;height:100%;object-fit:cover;}
.sr-d-affiche .paste--a:not(.sr-island:not(.sr-d-affiche) *){right:4%;top:2%;width:62%;aspect-ratio:4/5;z-index:2;}
.sr-d-affiche .paste--b:not(.sr-island:not(.sr-d-affiche) *){left:0;bottom:6%;width:44%;aspect-ratio:1;z-index:3;}
.sr-d-affiche .paste--c:not(.sr-island:not(.sr-d-affiche) *){right:0;bottom:0;width:34%;aspect-ratio:4/5;z-index:1;}
.sr-d-affiche .tape:not(.sr-island:not(.sr-d-affiche) *){position:absolute;width:96px;height:28px;background:rgba(255,225,74,.82);}
.sr-d-affiche .tape--tl:not(.sr-island:not(.sr-d-affiche) *){top:-12px;left:-18px;transform:rotate(-24deg);}
.sr-d-affiche .tape--tr:not(.sr-island:not(.sr-d-affiche) *){top:-12px;right:-18px;transform:rotate(22deg);}
.sr-d-affiche .badge-round:not(.sr-island:not(.sr-d-affiche) *){position:absolute;left:30%;top:8%;z-index:4;display:grid;place-items:center;width:clamp(96px,10vw,128px);aspect-ratio:1;border-radius:50%;background:var(--sr-blue);color:#fff;border:3px solid var(--sr-ink);font-family:var(--sr-fdisp);font-size:clamp(15px,1.4vw,19px);line-height:1;text-align:center;text-transform:uppercase;transform:rotate(-12deg);}
@media (max-width:860px){.sr-d-affiche .hero__in:not(.sr-island:not(.sr-d-affiche) *){grid-template-columns:1fr;min-height:0;}.sr-d-affiche .hero__wall:not(.sr-island:not(.sr-d-affiche) *){min-height:420px;}}

/* ---------- Ruban ---------- */
.sr-d-affiche .tapeband-wrap:not(.sr-island:not(.sr-d-affiche) *){overflow:hidden;padding-block:10px;}
.sr-d-affiche .tapeband:not(.sr-island:not(.sr-d-affiche) *){overflow:hidden;background:var(--sr-yellow);border-block:3px solid var(--sr-ink);transform:rotate(-1.6deg) scale(1.03);margin-block:24px;}
.sr-d-affiche .tapeband__track:not(.sr-island:not(.sr-d-affiche) *){display:flex;width:max-content;gap:26px;padding:14px 0;font-family:var(--sr-fdisp);font-size:clamp(20px,2.4vw,30px);text-transform:uppercase;white-space:nowrap;animation:af-tick 34s linear infinite;}
@keyframes af-tick{to{transform:translateX(-50%);}}

/* ---------- Carte : affiches ---------- */
.sr-d-affiche .shead h2:not(.sr-island:not(.sr-d-affiche) *){font-size:clamp(40px,6vw,92px);}
.sr-d-affiche .shead h2 em:not(.sr-island:not(.sr-d-affiche) *){color:var(--sr-blue);}
.sr-d-affiche .posters:not(.sr-island:not(.sr-d-affiche) *){display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:clamp(22px,3vw,40px);}
.sr-d-affiche .poster a:not(.sr-island:not(.sr-d-affiche) *){position:relative;display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--sr-ink);background:var(--sr-surface);border:3px solid var(--sr-ink);box-shadow:var(--sr-shadow);transform:rotate(var(--r,0deg));transition:transform 260ms var(--sr-ease-out),box-shadow 260ms var(--sr-ease-out);}
.sr-d-affiche .poster__img:not(.sr-island:not(.sr-d-affiche) *){display:block;aspect-ratio:1;overflow:hidden;border-bottom:3px solid var(--sr-ink);position:relative;}
.sr-d-affiche .poster__img img:not(.sr-island:not(.sr-d-affiche) *){width:100%;height:100%;object-fit:cover;}
.sr-d-affiche .poster__img:not(.sr-island:not(.sr-d-affiche) *)::after{content:"";position:absolute;inset:0;background:radial-gradient(rgba(26,24,48,.18) 1px,transparent 1.5px) 0 0/5px 5px;mix-blend-mode:multiply;pointer-events:none;}
.sr-d-affiche .poster--pink .poster__body:not(.sr-island:not(.sr-d-affiche) *){background:var(--sr-pink);}
.sr-d-affiche .poster--blue .poster__body:not(.sr-island:not(.sr-d-affiche) *){background:var(--sr-blue);color:#fff;}
.sr-d-affiche .poster--yellow .poster__body:not(.sr-island:not(.sr-d-affiche) *){background:var(--sr-yellow);}
.sr-d-affiche .poster__body:not(.sr-island:not(.sr-d-affiche) *){display:grid;gap:8px;padding:18px 18px 56px;flex:1;}
.sr-d-affiche .poster__name:not(.sr-island:not(.sr-d-affiche) *){font-family:var(--sr-fdisp);font-size:clamp(24px,2.2vw,32px);text-transform:uppercase;line-height:.95;}
.sr-d-affiche .poster__desc:not(.sr-island:not(.sr-d-affiche) *){font-size:14.5px;line-height:1.45;}
.sr-d-affiche .poster--blue .poster__desc:not(.sr-island:not(.sr-d-affiche) *){color:#fff;}
.sr-d-affiche .poster__price:not(.sr-island:not(.sr-d-affiche) *){position:absolute;right:-10px;bottom:-12px;display:grid;place-items:center;width:84px;aspect-ratio:1;border-radius:50%;background:var(--sr-surface);border:3px solid var(--sr-ink);transform:rotate(-10deg);}
.sr-d-affiche .poster__price .price:not(.sr-island:not(.sr-d-affiche) *){font-size:19px;}
.sr-d-affiche .poster__flag:not(.sr-island:not(.sr-d-affiche) *){position:absolute;top:12px;left:12px;}
@media (hover:hover) and (pointer:fine){.sr-d-affiche .poster a:hover:not(.sr-island:not(.sr-d-affiche) *){transform:rotate(0deg) translateY(-4px);box-shadow:10px 10px 0 var(--sr-ink);}}
.sr-d-affiche .sr-menu-cat:not(.sr-island:not(.sr-d-affiche) *){margin-bottom:56px;}
.sr-d-affiche .sr-menu-cat__h:not(.sr-island:not(.sr-d-affiche) *){display:inline-block;padding:8px 16px;margin-bottom:22px;background:var(--sr-ink);color:var(--sr-yellow);font-size:clamp(26px,3vw,40px);transform:rotate(-1.5deg);}

/* ---------- Étapes : autocollants ---------- */
.sr-d-affiche .howtos:not(.sr-island:not(.sr-d-affiche) *){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,36px);}
.sr-d-affiche .howto:not(.sr-island:not(.sr-d-affiche) *){position:relative;padding:72px 24px 26px;background:var(--sr-surface);border:3px solid var(--sr-ink);transform:rotate(var(--r,0deg));}
.sr-d-affiche .howto__n:not(.sr-island:not(.sr-d-affiche) *){position:absolute;top:-30px;left:20px;display:grid;place-items:center;width:84px;aspect-ratio:1;border-radius:50%;background:var(--sr-pink);border:3px solid var(--sr-ink);font-family:var(--sr-fdisp);font-size:44px;}
.sr-d-affiche .howto:nth-child(2) .howto__n:not(.sr-island:not(.sr-d-affiche) *){background:var(--sr-yellow);}
.sr-d-affiche .howto:nth-child(3) .howto__n:not(.sr-island:not(.sr-d-affiche) *){background:var(--sr-blue);color:#fff;}
.sr-d-affiche .howto h3:not(.sr-island:not(.sr-d-affiche) *){font-size:clamp(24px,2.2vw,30px);margin-bottom:10px;}
.sr-d-affiche .howto p:not(.sr-island:not(.sr-d-affiche) *){color:var(--sr-muted);}
@media (max-width:860px){.sr-d-affiche .howtos:not(.sr-island:not(.sr-d-affiche) *){grid-template-columns:1fr;gap:48px;}}

/* ---------- Spots : flyers à languettes ---------- */
.sr-d-affiche .flyers:not(.sr-island:not(.sr-d-affiche) *){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3vw,40px);}
.sr-d-affiche .flyer:not(.sr-island:not(.sr-d-affiche) *){position:relative;display:grid;gap:10px;align-content:start;justify-items:start;padding:26px 22px 120px;background:var(--sr-surface);border:3px solid var(--sr-ink);transform:rotate(var(--r,0deg));overflow:hidden;}
.sr-d-affiche .flyer h3:not(.sr-island:not(.sr-d-affiche) *){font-size:clamp(24px,2.2vw,30px);}
.sr-d-affiche .flyer p:not(.sr-island:not(.sr-d-affiche) *){margin:0;}
.sr-d-affiche .flyer__hours:not(.sr-island:not(.sr-d-affiche) *){font-weight:800;color:var(--sr-blue);}
.sr-d-affiche .flyer__note:not(.sr-island:not(.sr-d-affiche) *){color:var(--sr-muted);font-size:14px;}
.sr-d-affiche .flyer__tabs:not(.sr-island:not(.sr-d-affiche) *){position:absolute;left:0;right:0;bottom:0;height:96px;display:grid;grid-template-columns:repeat(6,1fr);border-top:3px dashed var(--sr-ink);}
.sr-d-affiche .flyer__tabs span:not(.sr-island:not(.sr-d-affiche) *){writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border-left:1px dashed rgba(26,24,48,.45);overflow:hidden;white-space:nowrap;padding:4px 0;}
.sr-d-affiche .flyer__tabs span:nth-child(3):not(.sr-island:not(.sr-d-affiche) *){transform:rotate(180deg) translateX(-6px) rotate(-6deg);}
@media (max-width:860px){.sr-d-affiche .flyers:not(.sr-island:not(.sr-d-affiche) *){grid-template-columns:1fr;max-width:460px;}}

/* ---------- Appel à l'action ---------- */
.sr-d-affiche .cta:not(.sr-island:not(.sr-d-affiche) *){padding-block:clamp(40px,7vw,96px);overflow-x:clip;}
@media (max-width:860px){.sr-d-affiche .cta__poster:not(.sr-island:not(.sr-d-affiche) *){box-shadow:6px 6px 0 var(--sr-ink);}}
@media (max-width:420px){.sr-d-affiche .logo:not(.sr-island:not(.sr-d-affiche) *){font-size:19px;padding:5px 10px;}.sr-d-affiche .sr-header__bar:not(.sr-island:not(.sr-d-affiche) *){gap:12px;}}
.sr-d-affiche .cta__poster:not(.sr-island:not(.sr-d-affiche) *){display:grid;justify-items:center;gap:18px;text-align:center;padding:clamp(32px,6vw,80px) clamp(20px,4vw,48px);background:var(--sr-pink);border:3px solid var(--sr-ink);box-shadow:10px 10px 0 var(--sr-ink);transform:rotate(var(--r,0deg));}
.sr-d-affiche .cta__title:not(.sr-island:not(.sr-d-affiche) *){font-size:clamp(52px,9vw,140px);}
.sr-d-affiche .cta__title.riso:not(.sr-island:not(.sr-d-affiche) *){text-shadow:.04em .04em 0 var(--sr-yellow),-.03em -.02em 0 rgba(0,100,168,.6);}
.sr-d-affiche .cta__poster > p:not(.eyebrow):not(.sr-island:not(.sr-d-affiche) *){font-size:18px;font-weight:600;}

/* ---------- Pied de page ---------- */
.sr-d-affiche .sr-footer:not(.sr-island:not(.sr-d-affiche) *){padding:clamp(40px,6vw,80px) 0 28px;border-top:3px solid var(--sr-ink);background:var(--sr-ink);color:var(--sr-bg);}
.sr-d-affiche .sr-footer__big:not(.sr-island:not(.sr-d-affiche) *){margin:0 0 36px;font-family:var(--sr-fdisp);font-size:clamp(56px,13vw,200px);line-height:.85;text-transform:uppercase;color:var(--sr-yellow);text-shadow:.04em .04em 0 var(--sr-pink);}
.sr-d-affiche .sr-footer__grid:not(.sr-island:not(.sr-d-affiche) *){display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:28px;}
.sr-d-affiche .sr-footer .logo:not(.sr-island:not(.sr-d-affiche) *){transform:rotate(-2deg);}
.sr-d-affiche .sr-footer__about p:not(.sr-island:not(.sr-d-affiche) *){margin:16px 0;color:#D9D3C2;max-width:36ch;}
.sr-d-affiche .sr-footer__h:not(.sr-island:not(.sr-d-affiche) *){font-family:var(--sr-fbody);font-weight:800;font-size:13px;letter-spacing:.14em;color:var(--sr-yellow);margin-bottom:12px;}
.sr-d-affiche .sr-footer li a:not(.sr-island:not(.sr-d-affiche) *){display:inline-block;padding:5px 0;color:#EFE6D2;text-underline-offset:4px;}
.sr-d-affiche .sr-footer .sr-open:not(.sr-island:not(.sr-d-affiche) *){color:var(--sr-yellow);}
.sr-d-affiche .sr-footer :focus-visible:not(.sr-island:not(.sr-d-affiche) *){outline-color:var(--sr-yellow);}
.sr-d-affiche .sr-socials:not(.sr-island:not(.sr-d-affiche) *){display:flex;gap:18px;margin-top:24px;}
.sr-d-affiche .sr-socials a:not(.sr-island:not(.sr-d-affiche) *){color:var(--sr-yellow);font-weight:800;}
.sr-d-affiche .sr-footer__bottom:not(.sr-island:not(.sr-d-affiche) *){margin-top:36px;padding-top:16px;border-top:1px solid rgba(239,230,210,.3);font-size:14px;color:#D9D3C2;}
@media (max-width:860px){.sr-d-affiche .sr-footer__grid:not(.sr-island:not(.sr-d-affiche) *){grid-template-columns:1fr 1fr;}}
@media (max-width:520px){.sr-d-affiche .sr-footer__grid:not(.sr-island:not(.sr-d-affiche) *){grid-template-columns:1fr;}}

/* ---------- Pages internes ---------- */
.sr-d-affiche .sr-phead h1:not(.sr-island:not(.sr-d-affiche) *){text-shadow:.04em .04em 0 var(--sr-pink);}
.sr-d-affiche .sr-phead h1 em:not(.sr-island:not(.sr-d-affiche) *){color:var(--sr-blue);}
.sr-d-affiche .sr-phead__media img:not(.sr-island:not(.sr-d-affiche) *),
.sr-d-affiche .sr-split__img img:not(.sr-island:not(.sr-d-affiche) *){padding:10px;background:#fff;box-shadow:0 14px 30px rgba(26,24,48,.22);transform:rotate(1.5deg);}
.sr-d-affiche .sr-faq__q:not(.sr-island:not(.sr-d-affiche) *){text-transform:uppercase;}
.sr-d-affiche .card:not(.sr-island:not(.sr-d-affiche) *){box-shadow:var(--sr-shadow);}
.sr-d-affiche .sr-open.is-open .sr-open__dot:not(.sr-island:not(.sr-d-affiche) *){background:#2E9E5B;}

/* ---------- Mouvement : « collage » ----------
   Les affiches se plaquent sur le mur : arrivent de biais et un peu plus
   grandes, puis se posent à leur inclinaison (ease-out avec léger dépassement,
   cascade 110 ms). Le titre est tamponné lettre par lettre. */
.sr-motion .sr-d-affiche [data-rv]:not(.is-in):not(.sr-island:not(.sr-d-affiche) *){opacity:0;transform:translateY(18px);}
.sr-motion .sr-d-affiche [data-rv="paste"]:not(.is-in):not(.sr-island:not(.sr-d-affiche) *){opacity:0;transform:rotate(calc(var(--r,0deg) + 5deg)) scale(1.07) translateY(-10px);}
.sr-motion .sr-d-affiche [data-rv="paste"]:not(.sr-island:not(.sr-d-affiche) *){transition-timing-function:var(--sr-ease-out),cubic-bezier(.34,1.3,.64,1),ease,ease;}
.sr-motion .sr-d-affiche .poster[data-rv="paste"].is-in a:not(.sr-island:not(.sr-d-affiche) *){transition:transform 260ms var(--sr-ease-out),box-shadow 260ms var(--sr-ease-out);}
.sr-motion .sr-d-affiche [data-split] .sr-ch:not(.sr-island:not(.sr-d-affiche) *){animation:af-stamp 520ms cubic-bezier(.34,1.3,.64,1) both;animation-delay:calc(200ms + min(var(--c,0),40) * 30ms);}
@keyframes af-stamp{from{opacity:0;transform:scale(1.6) rotate(-8deg);}}
.sr-motion .sr-d-affiche .badge-round:not(.sr-island:not(.sr-d-affiche) *){animation:af-spin 900ms var(--sr-ease-out) 900ms both;}
@keyframes af-spin{from{opacity:0;transform:rotate(-200deg) scale(.4);}}

/* ---------- Effets rares : Flyer ----------
   Encollage à la brosse : chaque affiche est révélée par un coup de brosse
   en biais. Coin qui se décolle au survol (souris). Encre riso qui se décale
   avec la vitesse de défilement (--sr-riso, theme.js). */
.sr-motion .sr-d-affiche .poster[data-rv]:not(.sr-island:not(.sr-d-affiche) *){-webkit-mask-image:linear-gradient(115deg,#000 42%,transparent 58%);mask-image:linear-gradient(115deg,#000 42%,transparent 58%);
  -webkit-mask-size:320% 100%;mask-size:320% 100%;-webkit-mask-position:100% 0;mask-position:100% 0;transition:opacity var(--sr-dur-in) var(--sr-ease-out),transform calc(var(--sr-dur-in) + 80ms) cubic-bezier(.34,1.3,.64,1),-webkit-mask-position 1s var(--sr-ease-io),mask-position 1s var(--sr-ease-io);}
.sr-motion .sr-d-affiche .poster[data-rv].is-in:not(.sr-island:not(.sr-d-affiche) *){-webkit-mask-position:0 0;mask-position:0 0;}
.sr-motion .sr-d-affiche .poster[data-rv].is-done:not(.sr-island:not(.sr-d-affiche) *){-webkit-mask-image:none;mask-image:none;}
.sr-d-affiche .poster:not(.sr-island:not(.sr-d-affiche) *) a::after{content:"";position:absolute;top:-3px;right:-3px;width:52px;height:52px;pointer-events:none;
  background:linear-gradient(225deg,var(--sr-bg) 49%,rgba(26,24,48,.28) 50%,#fff 64%,#E9E1CF 100%);transform:scale(0);transform-origin:100% 0;transition:transform 280ms var(--sr-ease-out);}
@media (hover:hover) and (pointer:fine){.sr-d-affiche .poster:not(.sr-island:not(.sr-d-affiche) *) a:hover::after{transform:scale(1);}}
.sr-d-affiche .riso:not(.sr-island:not(.sr-d-affiche) *){text-shadow:calc(.045em + var(--sr-riso,0) * .07em) calc(.04em - var(--sr-riso,0) * .03em) 0 var(--sr-pink),calc(-.03em - var(--sr-riso,0) * .05em) -.02em 0 rgba(0,100,168,.55);}

/* ---- Kiosque de commande (plugin) : affiches collées au mur ---- */
.sr-d-affiche{
  --sr-k-radius:4px; --sr-k-radius-sm:4px;
  --sr-k-ring:inset 0 0 0 3px #1A1830;
  --sr-k-shadow:6px 6px 0 #1A1830;
  --sr-k-shadow-hi:10px 10px 0 #1A1830;
  --sr-k-lift:-4px; --sr-k-lift-x:-4px;
}
.sr-d-affiche .srcc-k-steps:not(.sr-island:not(.sr-d-affiche) *),
.sr-d-affiche .srcc-k-cats:not(.sr-island:not(.sr-d-affiche) *){box-shadow:6px 6px 0 #1A1830,inset 0 0 0 3px #1A1830;}
.sr-d-affiche .srcc-k-step.is-active:not(.sr-island:not(.sr-d-affiche) *){background:#FF5CB8;color:#1A1830;box-shadow:inset 0 0 0 2px #1A1830;}
.sr-d-affiche .srcc-k-cat:not(.sr-island:not(.sr-d-affiche) *){font-weight:800;}
.sr-d-affiche .srcc-k-cat.is-active:not(.sr-island:not(.sr-d-affiche) *){background:#FFE14A;color:#1A1830;box-shadow:inset 0 0 0 2px #1A1830;}
.sr-d-affiche .srcc-k-cat.is-active .srcc-k-cat__count:not(.sr-island:not(.sr-d-affiche) *){background:#1A1830;color:#FFE14A;}
/* Affiches légèrement de travers, qui se redressent au survol */
.sr-d-affiche .srcc-k-item:nth-child(3n+1):not(.sr-island:not(.sr-d-affiche) *),
.sr-d-affiche .srcc-k-formula-card:nth-child(3n+1):not(.sr-island:not(.sr-d-affiche) *){--sr-k-tilt:-.8deg;}
.sr-d-affiche .srcc-k-item:nth-child(3n+2):not(.sr-island:not(.sr-d-affiche) *),
.sr-d-affiche .srcc-k-formula-card:nth-child(3n+2):not(.sr-island:not(.sr-d-affiche) *){--sr-k-tilt:.6deg;}
.sr-d-affiche .srcc-k-item:nth-child(3n):not(.sr-island:not(.sr-d-affiche) *),
.sr-d-affiche .srcc-k-formula-card:nth-child(3n):not(.sr-island:not(.sr-d-affiche) *){--sr-k-tilt:-.3deg;}
/* Ruban adhésif sur les menus */
.sr-d-affiche .srcc-k-formula-card:not(.sr-island:not(.sr-d-affiche) *){overflow:visible;}
.sr-d-affiche .srcc-k-formula-card:not(.sr-island:not(.sr-d-affiche) *)::before{content:"";position:absolute;z-index:3;top:-12px;left:50%;width:84px;height:24px;margin-left:-42px;background:rgba(255,225,74,.82);transform:rotate(-3deg);box-shadow:0 1px 0 rgba(26,24,48,.15);pointer-events:none;}
.sr-d-affiche .srcc-k-item__img:not(.sr-island:not(.sr-d-affiche) *),
.sr-d-affiche .srcc-k-formula-card__img:not(.sr-island:not(.sr-d-affiche) *){border-bottom:3px solid #1A1830;}
.sr-d-affiche .srcc-k-item__name:not(.sr-island:not(.sr-d-affiche) *),
.sr-d-affiche .srcc-k-formula-card__name:not(.sr-island:not(.sr-d-affiche) *){font-weight:400;letter-spacing:0;}
.sr-d-affiche .srcc-k-formula-card__steps:not(.sr-island:not(.sr-d-affiche) *){color:#0064A8;}
.sr-d-affiche .srcc-k-item__add:not(.sr-island:not(.sr-d-affiche) *){background:#FFE14A;color:#1A1830;box-shadow:inset 0 0 0 3px #1A1830;font-weight:800;}
.sr-d-affiche .srcc-k-formula-card__cta:not(.sr-island:not(.sr-d-affiche) *){background:#FF5CB8;color:#1A1830;box-shadow:inset 0 0 0 2px #1A1830;}
.sr-d-affiche .srcc-k-recapbar:not(.sr-island:not(.sr-d-affiche) *){box-shadow:6px 6px 0 #FF5CB8,inset 0 0 0 3px #1A1830;}
