/* =====================================================================
   Boutique Spider-Man — "Balance dans la ville" (v2)
   Structure inédite : manchette défilante, interactif d'abord,
   catégories en fil de toile vertical, best-sellers en rail d'affiches.
   Hero = vraie balançoire (pendule) accrochée à une toile.
   Toile de fond en parallaxe au scroll. Mobile-first. Variables.
   ===================================================================== */

:root{
  --rouge: #C8102E;
  --bleu:  #003087;
  --nuit:  #0A0E1A;
  --nuit-2:#121826;
  --blanc: #F4F6FF;
  --toile: #9FB0D0;

  --titre: 'Anton', system-ui, sans-serif;
  --corps: 'Archivo', system-ui, sans-serif;

  --maxw: 1180px;
  --glow-r: 0 0 18px rgba(200,16,46,.5);
}

.sp-html-source-home, .sp-html-source-home *{ box-sizing: border-box; margin: 0; padding: 0; }
html{ scroll-behavior: smooth; }

body.page-id-28428{
  font-family: var(--corps);
  color: var(--blanc);
  background-color: var(--nuit);
  line-height: 1.65;
  overflow-x: hidden;
  background-image:
    radial-gradient(80% 50% at 15% 0%, rgba(0,48,135,.4), transparent 60%),
    radial-gradient(70% 50% at 90% 25%, rgba(200,16,46,.2), transparent 60%),
    linear-gradient(180deg, #0c1120, var(--nuit));
  background-attachment: fixed;
}

.sp-html-source-home h1, .sp-html-source-home h2, .sp-html-source-home h3{ font-family: var(--titre); font-weight: 400; line-height: 1.02; letter-spacing: .01em; text-transform: uppercase; }
.sp-html-source-home img{ max-width: 100%; display: block; }
.sp-html-source-home a{ color: var(--rouge); }

.sp-html-source-home .sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.sp-html-source-home :focus-visible{ outline: 3px solid var(--rouge); outline-offset: 3px; }

/* ---------- Toile de fond en parallaxe (défile au scroll) ---------- */
.sp-html-source-home .webbg{
  position: fixed; inset: -20% -10% -20% -10%; z-index: -1; pointer-events: none; opacity: .16;
  background-image:
    radial-gradient(circle, transparent 68%, rgba(159,176,208,.5) 69% 70%, transparent 71%),
    radial-gradient(circle, transparent 40%, rgba(159,176,208,.4) 41% 42%, transparent 43%),
    conic-gradient(from 0deg, rgba(159,176,208,.28) 0 1deg, transparent 1deg 45deg, rgba(159,176,208,.28) 45deg 46deg, transparent 46deg 90deg, rgba(159,176,208,.28) 90deg 91deg, transparent 91deg 135deg, rgba(159,176,208,.28) 135deg 136deg, transparent 136deg 180deg, rgba(159,176,208,.28) 180deg 181deg, transparent 181deg 225deg, rgba(159,176,208,.28) 225deg 226deg, transparent 226deg 270deg, rgba(159,176,208,.28) 270deg 271deg, transparent 271deg 315deg, rgba(159,176,208,.28) 315deg 316deg, transparent 316deg 360deg);
  background-size: 460px 460px; background-position: center;
  transform: translate3d(0,0,0); transition: transform .1s linear; will-change: transform;
}

/* ---------- Geste signature : coin de toile ---------- */
.sp-html-source-home .webc{ position: relative; }
.sp-html-source-home .webc::before{ content: ""; position: absolute; top: 0; left: 0; width: 54px; height: 54px; pointer-events: none; z-index: 3; opacity: .8;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cg fill='none' stroke='%239FB0D0' stroke-width='1'%3E%3Cpath d='M0 0 L60 6'/%3E%3Cpath d='M0 0 L48 30'/%3E%3Cpath d='M0 0 L30 48'/%3E%3Cpath d='M0 0 L6 60'/%3E%3Cpath d='M46 0 A46 46 0 0 1 0 46'/%3E%3Cpath d='M28 0 A28 28 0 0 1 0 28'/%3E%3C/g%3E%3C/svg%3E") no-repeat; background-size: contain; }

/* ---------- Boutons ---------- */
.sp-html-source-home .btn{ display: inline-flex; align-items: center; gap: .5rem; font-family: var(--titre); font-size: 1rem; letter-spacing: .04em; text-transform: uppercase; text-decoration: none; cursor: pointer; padding: .7em 1.5em; border-radius: 4px; background: var(--rouge); color: #fff; border: 2px solid var(--rouge); transition: transform .12s ease, box-shadow .12s ease; }
.sp-html-source-home .btn i{ width: 18px; height: 18px; }
.sp-html-source-home .btn--bleu{ background: var(--bleu); border-color: var(--bleu); }
.sp-html-source-home .btn--ghost{ background: transparent; color: var(--blanc); border-color: var(--toile); }
.sp-html-source-home .btn:hover{ transform: translateY(-2px); box-shadow: var(--glow-r); }

/* ---------- Sections ---------- */
.sp-html-source-home .section{ min-height: 100svh; display: flex; flex-direction: column; justify-content: center; padding: 4rem 1.1rem; position: relative; }
.sp-html-source-home .band{ padding: 0; }
.sp-html-source-home .wrap{ max-width: var(--maxw); margin: 0 auto; width: 100%; }
.sp-html-source-home .head{ max-width: var(--maxw); margin: 0 auto 1.8rem; width: 100%; text-align: center; }
.sp-html-source-home .head .kicker{ font-family: var(--titre); font-size: .8rem; letter-spacing: .3em; color: var(--rouge); display: block; margin-bottom: .6rem; }
.sp-html-source-home .head h2{ font-size: clamp(2rem, 8vw, 4rem); color: var(--blanc); }
.sp-html-source-home .head h2 em{ color: var(--rouge); font-style: normal; }
.sp-html-source-home .head .lede{ font-family: var(--corps); color: var(--toile); max-width: 62ch; margin: 1rem auto 0; font-size: 1.05rem; text-transform: none; }
.sp-html-source-home .panel{ background: var(--nuit-2); border: 1px solid rgba(159,176,208,.2); border-radius: 10px; box-shadow: 0 18px 40px rgba(0,0,0,.5); }

/* =====================================================================
   1. HERO — balançoire pendule accrochée à une toile
   ===================================================================== */
.sp-html-source-home .hero{ min-height: 100svh; display: flex; align-items: flex-end; padding: 2rem 1.1rem 3rem; position: relative; overflow: hidden; }
.sp-html-source-home .skyline{ position: absolute; inset: auto 0 0 0; height: 46%; z-index: 0; opacity: .55;
  background: repeating-linear-gradient(90deg, #0e1526 0 24px, transparent 24px 30px, #0b1120 30px 60px, transparent 60px 66px);
  -webkit-mask: linear-gradient(180deg, transparent, #000 45%); mask: linear-gradient(180deg, transparent, #000 45%); }
/* la balançoire : bras accroché en haut, héros au bout, oscillation type pendule */

.sp-html-source-home .swing{
  position: absolute;
  pointer-events: none;
  top: 0.3rem;
  left: 66%;
  width: clamp(250px, 30vw, 520px);
  height: clamp(320px, 60svh, 540px);
  transform: translateX(-45%);
  z-index: 1;
  overflow: visible;
}

.sp-html-source-home .swing__rope{
  position: absolute;
  left: 53%;
  top: -4%;
  width: clamp(4px, 0.4vw, 8px);
  height: 84%;
  transform: translateX(-50%);
}

.sp-html-source-home .swing__hero{
  position: absolute;
  left: 50%;
  bottom: 4%;
  transform: translateX(-50%);
  width: 85%;
  max-width: 85%;
  height: auto;
  max-height: 78%;
  object-fit: contain;
  object-position: center bottom;
}
@keyframes pendulum{ 0% { transform: rotate(-26deg); } 50% { transform: rotate(24deg); } 100% { transform: rotate(-26deg); } }
.sp-html-source-home .hero__inner{ position: relative; z-index: 2; max-width: var(--maxw); margin: 0 auto; width: 100%; }
.sp-html-source-home .hero__title{ font-size: clamp(2.8rem, 14vw, 6.5rem); color: var(--blanc); text-shadow: 3px 3px 0 var(--rouge); }
.sp-html-source-home .hero__title span{ display: block; color: var(--rouge); text-shadow: 3px 3px 0 var(--bleu); }
.sp-html-source-home .hero__lead{ color: var(--toile); max-width: 40ch; font-size: 1.1rem; margin-top: .6rem; }
.sp-html-source-home .hero__cta{ display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1rem; }
.sp-html-source-home .hero__promo{ font-family: var(--titre); font-size: .9rem; letter-spacing: .06em; margin-top: .8rem; }
.sp-html-source-home .hero__promo b{ background: var(--rouge); color: #fff; padding: .1em .5em; border-radius: 3px; }

/* =====================================================================
   2. MANCHETTE (ticker défilant — Daily Bugle)
   ===================================================================== */
.sp-html-source-home .ticker{ background: var(--rouge); color: #fff; border-top: 3px solid #fff; border-bottom: 3px solid #fff; overflow: hidden; padding: .55rem 0; }
.sp-html-source-home .ticker__track{ display: inline-flex; white-space: nowrap; will-change: transform; animation: slide 20s linear infinite; }
.sp-html-source-home .ticker span{ font-family: var(--titre); font-size: 1rem; letter-spacing: .06em; padding-right: 2.5rem; }
.sp-html-source-home .ticker span::before{ content: "◆ "; color: #ffd; }
@keyframes slide{ from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* =====================================================================
   3. TOILE (interactif) — placé tôt
   ===================================================================== */
.sp-html-source-home .web{ max-width: 640px; margin: 0 auto; width: 100%; text-align: center; }
.sp-html-source-home .web__stage{ position: relative; height: 320px; border: 1px solid rgba(159,176,208,.2); border-radius: 12px; overflow: hidden; background: radial-gradient(circle at 50% 30%, #16203a, #0a0e1a); display: grid; place-items: center; }
.sp-html-source-home .web__line{ position: absolute; top: 12px; left: 50%; width: 3px; height: 0; background: linear-gradient(180deg, #fff, var(--toile)); transform: translateX(-50%); box-shadow: 0 0 8px rgba(255,255,255,.6); }
.sp-html-source-home .web.is-shooting .web__line{ animation: shoot .45s ease forwards; }
@keyframes shoot{ from { height: 0; } to { height: 150px; } }
.sp-html-source-home .web__catch{ position: relative; z-index: 2; max-height: 76%; width: auto; opacity: 0; transform: translateY(-20px); filter: drop-shadow(0 12px 18px rgba(0,0,0,.6)); }
.sp-html-source-home .web.is-caught .web__catch{ animation: drop .5s cubic-bezier(.2,.8,.2,1.3) forwards; }
@keyframes drop{ from { opacity: 0; transform: translateY(-40px); } to { opacity: 1; transform: translateY(0); } }
.sp-html-source-home .web__btn{ margin-top: 1rem; }
.sp-html-source-home .web__panel{ margin-top: 1rem; min-height: 3rem; }
.sp-html-source-home .web__panel .name{ font-family: var(--titre); font-size: 1.4rem; color: var(--rouge); }
.sp-html-source-home .web__panel .desc{ color: var(--toile); }

/* =====================================================================
   4. CATÉGORIES — fil de toile vertical (descente en rappel)
   ===================================================================== */
.sp-html-source-home .strand{ max-width: 760px; margin: 0 auto; width: 100%; position: relative; padding: .5rem 0; }
.sp-html-source-home .strand::before{ content: ""; position: absolute; top: 0; bottom: 0; left: 22px; width: 2px; background: linear-gradient(180deg, transparent, var(--toile) 6%, var(--toile) 94%, transparent); }
.sp-html-source-home .node{ position: relative; padding: 1rem 0 1rem 56px; }
.sp-html-source-home .node::before{ content: ""; position: absolute; left: 14px; top: 1.4rem; width: 18px; height: 18px; border-radius: 50%; background: var(--rouge); border: 3px solid var(--nuit); box-shadow: var(--glow-r); }
.sp-html-source-home .node__card{ display: flex; align-items: center; gap: .9rem; text-decoration: none; color: var(--blanc); padding: 1rem 1.1rem; }
.sp-html-source-home .node__card i{ width: 26px; height: 26px; color: var(--rouge); flex: none; }
.sp-html-source-home .node__card h3{ font-size: 1.2rem; }
.sp-html-source-home .node__card .go{ font-family: var(--titre); font-size: .64rem; letter-spacing: .1em; color: var(--toile); display: block; margin-top: .1rem; }
.sp-html-source-home .node__card:hover{ border-color: var(--rouge); }
@media (min-width: 800px){
  .sp-html-source-home .strand::before{ left: 50%; transform: translateX(-1px); }
  .sp-html-source-home .node{ width: 50%; padding: 1rem 2rem; }
  .sp-html-source-home .node:nth-child(odd){ left: 0; text-align: right; }
  .sp-html-source-home .node:nth-child(odd) .node__card{ flex-direction: row-reverse; }
  .sp-html-source-home .node:nth-child(even){ left: 50%; }
  .sp-html-source-home .node::before{ left: auto; right: -9px; top: 1.6rem; }
  .sp-html-source-home .node:nth-child(even)::before{ left: -9px; right: auto; }
}

/* =====================================================================
   5. BEST-SELLERS — rail d'affiches WANTED (horizontal)
   ===================================================================== */
.sp-html-source-home .rail-hint{ max-width: var(--maxw); margin: 0 auto .6rem; width: 100%; font-family: var(--titre); font-size: .7rem; letter-spacing: .1em; color: var(--toile); display: flex; align-items: center; gap: .4rem; }
.sp-html-source-home .rail-hint i{ width: 16px; height: 16px; }
.sp-html-source-home .rail{ max-width: var(--maxw); margin: 0 auto; width: 100%; display: grid; grid-auto-flow: column; grid-auto-columns: 78%; gap: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; padding: .3rem .2rem 1.4rem; }
.sp-html-source-home .rail > *{ scroll-snap-align: start; }
.sp-html-source-home .rail::-webkit-scrollbar{ height: 8px; }
.sp-html-source-home .rail::-webkit-scrollbar-thumb{ background: var(--rouge); border-radius: 8px; }
.sp-html-source-home .poster{ padding: .9rem; display: flex; flex-direction: column; }
.sp-html-source-home .poster__media{ position: relative; aspect-ratio: 3/4; border-radius: 8px; display: grid; place-items: center; margin-bottom: .7rem; border: 1px solid rgba(159,176,208,.18); background: radial-gradient(circle at 50% 35%, rgba(200,16,46,.1), transparent 60%), #0a0e1a; }
.sp-html-source-home .poster__media .wanted{ position: absolute; top: .6rem; left: 50%; transform: translateX(-50%); font-family: var(--titre); font-size: .6rem; letter-spacing: .2em; color: var(--toile); }
.sp-html-source-home .poster__media .ph{ font-family: var(--titre); font-size: .74rem; letter-spacing: .05em; color: var(--toile); display: grid; gap: .3rem; justify-items: center; text-align: center; }
.sp-html-source-home .poster__media .ph i{ width: 28px; height: 28px; color: var(--rouge); }
.sp-html-source-home .poster__flag{ position: absolute; bottom: .6rem; left: .6rem; font-family: var(--titre); font-size: .6rem; letter-spacing: .06em; background: var(--rouge); color: #fff; padding: .3em .6em; border-radius: 3px; }
.sp-html-source-home .poster__name{ font-family: var(--titre); font-size: 1.05rem; }
.sp-html-source-home .poster__cat{ font-size: .74rem; color: var(--toile); text-transform: uppercase; letter-spacing: .05em; margin: .2rem 0 .6rem; }
.sp-html-source-home .poster__bottom{ margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.sp-html-source-home .poster__price{ font-family: var(--titre); font-size: 1.15rem; color: var(--rouge); }
.sp-html-source-home .poster__price s{ font-size: .76rem; color: var(--toile); }
.sp-html-source-home .poster__add{ border: 2px solid var(--rouge); background: transparent; color: var(--rouge); width: 42px; height: 42px; border-radius: 6px; cursor: pointer; display: grid; place-items: center; }
.sp-html-source-home .poster__add:hover{ background: var(--rouge); color: #fff; }
.sp-html-source-home .poster__add i{ width: 20px; height: 20px; }
@media (min-width: 700px){ .sp-html-source-home .rail{ grid-auto-columns: 40%; } }
@media (min-width: 1000px){ .sp-html-source-home .rail{ grid-auto-columns: 24%; } }

/* =====================================================================
   RÉASSURANCE
   ===================================================================== */
.sp-html-source-home .assure{ max-width: var(--maxw); margin: 0 auto; width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.sp-html-source-home .assure__item{ padding: 1rem; display: flex; align-items: center; gap: .7rem; }
.sp-html-source-home .assure__item i{ width: 26px; height: 26px; color: var(--rouge); flex: none; }
.sp-html-source-home .assure__item strong{ font-family: var(--titre); font-size: .85rem; letter-spacing: .03em; display: block; }
.sp-html-source-home .assure__item span{ font-size: .82rem; color: var(--toile); }

/* =====================================================================
   FEATURE
   ===================================================================== */
.sp-html-source-home .feature__inner{ max-width: var(--maxw); margin: 0 auto; width: 100%; display: flex; flex-direction: column; gap: 1.8rem; align-items: center; }
.sp-html-source-home .feature__media{ position: relative; width: 100%; min-height: 300px; display: grid; place-items: center; }
.sp-html-source-home .feature__media::before{ content: ""; position: absolute; width: 62%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(200,16,46,.22), transparent 70%); }
.sp-html-source-home .feature__media img{ position: relative; z-index: 2; max-height: 340px; width: auto; filter: drop-shadow(0 18px 26px rgba(0,0,0,.55)); }
.sp-html-source-home .feature__media img{ border-radius: 16px; border: 1px solid rgba(255,255,255,.24); object-fit: cover; background: #111826; }
.sp-html-source-home .feature__media{ isolation: isolate; }
.sp-html-source-home .feature__media::after{ content: ""; position: absolute; inset: 12% 8% 10% 8%; border-radius: 20px; border: 1px dashed rgba(255,255,255,.15); pointer-events:none; z-index:1; }
.sp-html-source-home .feature__text h2{ font-size: clamp(1.8rem, 6vw, 2.8rem); margin-bottom: .8rem; }
.sp-html-source-home .feature__text p{ color: var(--toile); margin-bottom: .8rem; }
.sp-html-source-home .slist{ list-style: none; margin-top: .8rem; display: grid; gap: .6rem; }
.sp-html-source-home .slist li{ display: flex; align-items: center; gap: .6rem; color: var(--blanc); }
.sp-html-source-home .slist li i{ width: 18px; height: 18px; color: var(--rouge); flex: none; }

/* =====================================================================
   CHIFFRES
   ===================================================================== */
.sp-html-source-home .stats{ border-top: 1px solid rgba(159,176,208,.2); border-bottom: 1px solid rgba(159,176,208,.2); padding: 2rem 1.1rem; }
.sp-html-source-home .stats__row{ max-width: var(--maxw); margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 1.4rem; text-align: center; }
.sp-html-source-home .stats__n{ font-family: var(--titre); font-size: clamp(1.8rem,7vw,2.8rem); color: var(--rouge); }
.sp-html-source-home .stats__l{ font-family: var(--titre); font-size: .6rem; letter-spacing: .12em; color: var(--toile); }

/* =====================================================================
   AVIS
   ===================================================================== */
.sp-html-source-home .reviews{ max-width: var(--maxw); margin: 0 auto; width: 100%; display: grid; grid-template-columns: 1fr; gap: 1.2rem; }
.sp-html-source-home .review{ padding: 1.4rem 1.3rem 1.3rem; }
.sp-html-source-home .review__stars{ display: flex; gap: .1rem; color: var(--rouge); margin-bottom: .5rem; }
.sp-html-source-home .review__stars i{ width: 18px; height: 18px; fill: var(--rouge); }
.sp-html-source-home .review blockquote{ margin-bottom: .8rem; }
.sp-html-source-home .review figcaption{ font-family: var(--titre); font-size: .68rem; letter-spacing: .06em; color: var(--toile); }

/* =====================================================================
   PROMO
   ===================================================================== */
.sp-html-source-home .promo .panel{ max-width: 760px; margin: 0 auto; text-align: center; padding: 2.2rem 1.4rem; }
.sp-html-source-home .promo h2{ font-size: clamp(1.8rem,6vw,2.8rem); }
.sp-html-source-home .promo p{ color: var(--toile); max-width: 50ch; margin: .6rem auto 1.2rem; }
.sp-html-source-home .promo__code{ display: inline-flex; align-items: center; gap: .7rem; font-family: var(--titre); font-size: 1.4rem; letter-spacing: .08em; background: var(--rouge); color: #fff; border-radius: 5px; padding: .4em 1em; cursor: pointer; box-shadow: var(--glow-r); }
.sp-html-source-home .promo__code i{ width: 20px; height: 20px; }

/* =====================================================================
   FAQ
   ===================================================================== */
.sp-html-source-home .faq__list{ max-width: 800px; margin: 0 auto; width: 100%; display: grid; gap: .8rem; }
.sp-html-source-home .faq-item{ overflow: hidden; }
.sp-html-source-home .faq-item summary{ list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 1rem; font-family: var(--titre); font-size: 1rem; letter-spacing: .02em; padding: 1.05rem 1.2rem; }
.sp-html-source-home .faq-item summary::-webkit-details-marker{ display: none; }
.sp-html-source-home .faq-item summary i{ width: 22px; height: 22px; flex: none; color: var(--rouge); transition: transform .2s ease; }
.sp-html-source-home .faq-item[open] summary i{ transform: rotate(45deg); }
.sp-html-source-home .faq-item__body{ padding: 0 1.2rem 1.2rem; color: var(--toile); }

/* =====================================================================
   NEWSLETTER
   ===================================================================== */
.sp-html-source-home .subscribe .panel{ max-width: 760px; margin: 0 auto; text-align: center; padding: 2.4rem 1.4rem; }
.sp-html-source-home .subscribe h2{ font-size: clamp(1.8rem,6vw,2.8rem); margin-bottom: .4rem; }
.sp-html-source-home .subscribe p{ color: var(--toile); max-width: 52ch; margin: 0 auto 1.2rem; }
.sp-html-source-home .subscribe__form{ max-width: 460px; margin: 0 auto; }
.sp-html-source-home .field{ display: flex; flex-direction: column; gap: .6rem; }
.sp-html-source-home .field input{ font-family: var(--corps); font-size: 1rem; padding: .85em 1.1em; border-radius: 5px; border: 1px solid var(--toile); background: #05070d; color: var(--blanc); }
.sp-html-source-home .field input::placeholder{ color: var(--toile); }
.sp-html-source-home .field__error{ color: var(--rouge); font-weight: 700; margin-top: .5rem; }
.sp-html-source-home .subscribe__small{ font-size: .78rem; color: var(--toile); margin-top: 1rem; }

/* ---------- Toast ---------- */
.sp-html-source-home .toast{ position: fixed; left: 50%; bottom: 1.4rem; transform: translate(-50%, 200%); z-index: 999; background: var(--rouge); color: #fff; font-family: var(--titre); font-size: .8rem; letter-spacing: .05em; padding: .85em 1.3em; border-radius: 5px; box-shadow: var(--glow-r); transition: transform .35s cubic-bezier(.2,.9,.3,1.3); max-width: 92vw; text-align: center; }
.sp-html-source-home .toast.is-visible{ transform: translate(-50%, 0); }

/* ---------- Apparition au scroll ---------- */
.sp-html-source-home .reveal{ opacity: 0; transform: translateY(24px); transition: opacity .6s ease, transform .6s ease; }
.sp-html-source-home .reveal.is-in{ opacity: 1; transform: none; }

/* ---------- Responsive ---------- */
@media (min-width: 700px){
  .sp-html-source-home .assure{ grid-template-columns: repeat(4, 1fr); }
  .sp-html-source-home .stats__row{ grid-template-columns: repeat(4, 1fr); }
  .sp-html-source-home .reviews{ grid-template-columns: repeat(3, 1fr); }
  .sp-html-source-home .field{ flex-direction: row; } .sp-html-source-home .field input { flex: 1; }
}
@media (min-width: 1000px){
  .sp-html-source-home .hero{ align-items: center; }
  .sp-html-source-home .swing{ left: 68%; height: min(72vh, 520px); }
  .sp-html-source-home .feature__inner{ flex-direction: row; align-items: center; }
  .sp-html-source-home .feature--reverse .feature__inner{ flex-direction: row-reverse; }
  .sp-html-source-home .feature__media, .sp-html-source-home .feature__text{ flex: 1; }
}

/* ---------- prefers-reduced-motion ---------- */
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .sp-html-source-home .reveal{ opacity: 1; transform: none; }
  .sp-html-source-home .web__catch{ opacity: 1; transform: none; }
  .sp-html-source-home .swing{ transform: rotate(-6deg); }
  .sp-html-source-home .webbg{ display: none; }
}

/* HERMES_RESTORE_BEFORE_1625_CLEAN_NY_PLAN_20260702 */
/* Etat restaure proprement : source HTML + plan NY noir/blanc + WooCommerce non compresse. */
.sp-html-source-home .section:not(.band), .sp-html-source-home .section:not(.band) :where(h1, .sp-html-source-home h2, .sp-html-source-home h3, .sp-html-source-home h4, .sp-html-source-home summary, .sp-html-source-home strong, .sp-html-source-home a:not(.btn):not(.button):not(.ny-point)){
  color:#f8fbff!important;
}
.sp-html-source-home .section:not(.band) :where(p, .sp-html-source-home li, .sp-html-source-home span:not(.price):not(.woocommerce-Price-amount):not(.amount), .sp-html-source-home small, .sp-html-source-home blockquote, .sp-html-source-home figcaption), .sp-html-source-home .lede, .sp-html-source-home .feature__text p, .sp-html-source-home .edito__panel p, .sp-html-source-home .faq-item__body{
  color:#d7e0f2!important;
}
.sp-html-source-home .kicker, .sp-html-source-home .go, .sp-html-source-home .review figcaption{color:#7bd5ff!important;}
.sp-html-source-home .review__stars, .sp-html-source-home .star-rating, .sp-html-source-home .star-rating:before, .sp-html-source-home .star-rating span:before{color:#ffd447!important;}
.sp-html-source-home .band:not(.stats):not(.promo), .sp-html-source-home .band:not(.stats):not(.promo) :where(h2, .sp-html-source-home h3, .sp-html-source-home p, .sp-html-source-home strong, .sp-html-source-home span, .sp-html-source-home div){color:#111827!important;}
.sp-html-source-home .stats, .sp-html-source-home .stats *{color:#fff!important;}
.sp-html-source-home .hero__visual .swinger::after{display:none!important;content:none!important;}

/* Plan NY noir/blanc, inspire carte imprimee */
.sp-html-source-home .strand--map{width:min(1120px,calc(100% - 28px))!important;max-width:1120px!important;margin:0 auto!important;padding:0!important;display:block!important;}
.sp-html-source-home .strand--map:before, .sp-html-source-home .strand--map:after{display:none!important;content:none!important;}
.sp-html-source-home .ny-map{position:relative!important;min-height:720px!important;border-radius:18px!important;overflow:hidden!important;background:#f4f1e9!important;border:1px solid rgba(255,255,255,.50)!important;box-shadow:0 38px 100px rgba(0,0,0,.44),inset 0 0 0 1px rgba(3,7,18,.18)!important;isolation:isolate!important;padding:0!important;}
.sp-html-source-home .ny-map:after{content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.45),transparent 18%),radial-gradient(circle at 80% 72%,rgba(0,0,0,.06),transparent 24%),repeating-linear-gradient(0deg,rgba(0,0,0,.025) 0 1px,transparent 1px 4px)!important;opacity:.58!important;}
.sp-html-source-home .ny-map:before{content:""!important;position:absolute!important;inset:34px 54px!important;z-index:1!important;pointer-events:none!important;background:linear-gradient(73deg,transparent 0 34.7%,#111 34.9% 35.25%,transparent 35.5% 100%),linear-gradient(73deg,transparent 0 40.7%,#111 40.9% 41.22%,transparent 41.5% 100%),linear-gradient(73deg,transparent 0 46.7%,#111 46.9% 47.22%,transparent 47.5% 100%),linear-gradient(73deg,transparent 0 52.7%,#111 52.9% 53.22%,transparent 53.5% 100%),linear-gradient(73deg,transparent 0 58.7%,#111 58.9% 59.22%,transparent 59.5% 100%),linear-gradient(18deg,transparent 0 22.8%,#111 23% 23.28%,transparent 23.55% 100%),linear-gradient(18deg,transparent 0 33.8%,#111 34% 34.28%,transparent 34.55% 100%),linear-gradient(18deg,transparent 0 44.8%,#111 45% 45.28%,transparent 45.55% 100%),linear-gradient(18deg,transparent 0 55.8%,#111 56% 56.28%,transparent 56.55% 100%),linear-gradient(18deg,transparent 0 66.8%,#111 67% 67.28%,transparent 67.55% 100%),linear-gradient(18deg,transparent 0 77.8%,#111 78% 78.28%,transparent 78.55% 100%),linear-gradient(107deg,transparent 0 21%,rgba(0,0,0,.10) 21.5% 27%,transparent 27.4% 100%),linear-gradient(107deg,transparent 0 73%,rgba(0,0,0,.10) 73.5% 80%,transparent 80.4% 100%)!important;opacity:.92!important;clip-path:polygon(8% 8%,88% 0,98% 21%,91% 92%,17% 99%,1% 73%)!important;filter:drop-shadow(0 14px 22px rgba(0,0,0,.14))!important;}
.sp-html-source-home .ny-map__river{position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;background:linear-gradient(103deg,transparent 0 18%,rgba(0,0,0,.12) 18.5% 27%,transparent 27.5% 100%),linear-gradient(103deg,transparent 0 73%,rgba(0,0,0,.10) 73.5% 82%,transparent 82.5% 100%)!important;opacity:.68!important;}
.sp-html-source-home .ny-map__grid{position:absolute!important;inset:38px 62px!important;z-index:2!important;pointer-events:none!important;opacity:.45!important;background:repeating-linear-gradient(19deg,transparent 0 36px,rgba(0,0,0,.52) 37px 38px,transparent 39px 70px),repeating-linear-gradient(74deg,transparent 0 46px,rgba(0,0,0,.38) 47px 48px,transparent 49px 86px),linear-gradient(105deg,transparent 0 38%,rgba(0,0,0,.70) 38.2% 38.55%,transparent 38.9% 100%)!important;clip-path:polygon(26% 3%,62% 0,71% 18%,65% 38%,72% 55%,64% 86%,51% 100%,32% 94%,22% 70%,29% 49%,21% 28%)!important;}
.sp-html-source-home .ny-map__label{position:absolute!important;z-index:3!important;color:rgba(0,0,0,.46)!important;font:900 .72rem/1 Archivo,Arial,sans-serif!important;text-transform:uppercase!important;letter-spacing:.22em!important;pointer-events:none!important;background:rgba(244,241,233,.70)!important;padding:.22rem .38rem!important;border-radius:4px!important;}
.sp-html-source-home .ny-map__label--manhattan{left:42%!important;top:8%!important;transform:rotate(72deg)!important}.sp-html-source-home .ny-map__label--queens{right:8%!important;top:34%!important}.sp-html-source-home .ny-map__label--brooklyn{right:15%!important;bottom:14%!important}.sp-html-source-home .ny-map__label--bronx{left:16%!important;top:15%!important}
.sp-html-source-home .ny-point{position:absolute!important;left:var(--x)!important;top:var(--y)!important;z-index:8!important;transform:translate(-50%,-50%)!important;text-decoration:none!important;color:#111!important;}
.sp-html-source-home .ny-dot{display:block!important;width:18px!important;height:18px!important;border-radius:999px!important;background:#111!important;border:3px solid #f4f1e9!important;box-shadow:0 0 0 2px #111,0 10px 18px rgba(0,0,0,.22)!important;transition:transform .18s ease,background .18s ease!important;}
.sp-html-source-home .ny-point:hover .ny-dot{transform:scale(1.18)!important;background:#fff!important;border-color:#111!important;}
.sp-html-source-home .ny-card{position:absolute!important;left:26px!important;top:50%!important;transform:translateY(-50%)!important;width:192px!important;min-height:64px!important;display:grid!important;grid-template-columns:24px 1fr!important;align-items:center!important;gap:.48rem!important;padding:.58rem .68rem!important;border-radius:3px!important;background:#fff!important;color:#111!important;border:2px solid #111!important;box-shadow:7px 7px 0 rgba(0,0,0,.20)!important;opacity:.98!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;}
.sp-html-source-home .ny-card:before{content:""!important;position:absolute!important;right:100%!important;top:50%!important;width:26px!important;height:2px!important;background:#111!important;transform:translateY(-50%)!important;}
.sp-html-source-home .ny-card i, .sp-html-source-home .ny-card svg{width:20px!important;height:20px!important;color:#111!important;stroke:#111!important;grid-row:1/3!important;}
.sp-html-source-home .ny-card strong{color:#111!important;font:900 .84rem/1.05 Archivo,Arial,sans-serif!important;letter-spacing:.01em!important;display:block!important;grid-column:2!important;}
.sp-html-source-home .ny-card small{color:#555!important;font:900 .56rem/1 Archivo,Arial,sans-serif!important;text-transform:uppercase!important;letter-spacing:.12em!important;display:block!important;grid-column:2!important;}
.sp-html-source-home .ny-point--6 .ny-card, .sp-html-source-home .ny-point--8 .ny-card{left:auto!important;right:26px!important}.sp-html-source-home .ny-point--6 .ny-card:before, .sp-html-source-home .ny-point--8 .ny-card:before{right:auto!important;left:100%!important}
.sp-html-source-home .ny-point:hover .ny-card{transform:translateY(-50%) translate(-2px,-2px)!important;background:#111!important;color:#fff!important;box-shadow:10px 10px 0 rgba(0,0,0,.16)!important}.sp-html-source-home .ny-point:hover .ny-card strong, .sp-html-source-home .ny-point:hover .ny-card small, .sp-html-source-home .ny-point:hover .ny-card i, .sp-html-source-home .ny-point:hover .ny-card svg{color:#fff!important;stroke:#fff!important}.sp-html-source-home .ny-point:hover .ny-card small{color:#ddd!important}
.sp-html-source-home .ny-point--1{--x:17%!important;--y:31%!important}.sp-html-source-home .ny-point--2{--x:31%!important;--y:59%!important}.sp-html-source-home .ny-point--3{--x:42%!important;--y:21%!important}.sp-html-source-home .ny-point--4{--x:53%!important;--y:43%!important}.sp-html-source-home .ny-point--5{--x:64%!important;--y:67%!important}.sp-html-source-home .ny-point--6{--x:78%!important;--y:25%!important}.sp-html-source-home .ny-point--7{--x:25%!important;--y:79%!important}.sp-html-source-home .ny-point--8{--x:84%!important;--y:53%!important}

/* WooCommerce : bloc normal, cartes egales, pas de rail horizontal */
.sp-html-source-home #product-grid.rail{display:block!important;grid-auto-flow:initial!important;grid-auto-columns:initial!important;overflow:visible!important;scroll-snap-type:none!important;width:min(1180px,100%)!important;max-width:1180px!important;}
.sp-html-source-home #product-grid.rail>*{width:100%!important;max-width:100%!important;scroll-snap-align:none!important;}
.sp-html-source-home #product-grid .woocommerce{display:block!important;width:100%!important;max-width:100%!important;margin:0 auto!important;}
.sp-html-source-home #product-grid ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:1rem!important;align-items:stretch!important;width:100%!important;max-width:100%!important;}
.sp-html-source-home #product-grid ul.products:before, .sp-html-source-home #product-grid ul.products:after{display:none!important;content:none!important;}
.sp-html-source-home #product-grid ul.products li.product{float:none!important;width:auto!important;min-width:0!important;max-width:none!important;height:100%!important;min-height:390px!important;margin:0!important;padding:14px!important;display:flex!important;flex-direction:column!important;background:#fff!important;color:#111827!important;border:1px solid rgba(15,23,42,.12)!important;border-radius:14px!important;box-shadow:0 18px 42px rgba(0,0,0,.2)!important;overflow:hidden!important;}
.sp-html-source-home #product-grid .woocommerce-image__wrapper{height:232px!important;min-height:232px!important;max-height:232px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 0 14px!important;padding:8px!important;overflow:hidden!important;background:#fff!important;border:1px solid rgba(15,23,42,.08)!important;border-radius:10px!important;}
.sp-html-source-home #product-grid .woocommerce-image__wrapper a{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;}
.sp-html-source-home #product-grid .woocommerce-image__wrapper img, .sp-html-source-home #product-grid img.attachment-woocommerce_thumbnail{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;margin:0!important;padding:0!important;display:block!important;background:#fff!important;}
.sp-html-source-home #product-grid .woocommerce-card__header{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;gap:8px!important;min-height:0!important;background:#fff!important;color:#111827!important;padding:0!important;margin:0!important;}
.sp-html-source-home #product-grid .woocommerce-loop-product__title, .sp-html-source-home #product-grid .woocommerce-loop-product__title a{color:#111827!important;font-size:1rem!important;line-height:1.28!important;font-weight:800!important;min-height:3.85em!important;max-height:3.85em!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;margin:0!important;}
.sp-html-source-home #product-grid .price, .sp-html-source-home #product-grid .price *{color:#c8102e!important;font-weight:900!important;line-height:1.15!important;margin:0!important;}
.sp-html-source-home #product-grid .button{margin-top:auto!important;width:100%!important;min-height:44px!important;padding:11px 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;color:#fff!important;background:#c8102e!important;border:2px solid #c8102e!important;border-radius:7px!important;font-weight:900!important;line-height:1.1!important;}
@media(max-width:980px){.sp-html-source-home #product-grid ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.sp-html-source-home #product-grid ul.products{grid-template-columns:1fr!important}.sp-html-source-home .ny-map{min-height:auto!important;padding:1rem!important;display:grid!important;gap:.6rem!important;background:#f4f1e9!important}.sp-html-source-home .ny-map:before, .sp-html-source-home .ny-map:after, .sp-html-source-home .ny-map__river, .sp-html-source-home .ny-map__grid, .sp-html-source-home .ny-map__label{display:none!important}.sp-html-source-home .ny-point{position:relative!important;left:auto!important;top:auto!important;transform:none!important;display:flex!important;align-items:center!important;gap:.7rem!important}.sp-html-source-home .ny-card, .sp-html-source-home .ny-point--6 .ny-card, .sp-html-source-home .ny-point--8 .ny-card{position:relative!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;width:100%!important}.sp-html-source-home .ny-card:before{display:none!important}}
/* END HERMES_RESTORE_BEFORE_1625_CLEAN_NY_PLAN_20260702 */

/* HERMES_HOME_VIEWPORT_FIX_20260706
   - Home full-width in Shoptimizer.
   - Desktop sections fit one visible screen minus sticky/header area.
   - Keep sizing dynamic instead of cropping overflowing content.
   - Header/cart repair after the home CSS reset was scoped. */
body.page-id-28428 .site-content, body.page-id-28428 .content-area, body.page-id-28428 .site-main, body.page-id-28428 .entry-content, body.page-id-28428 .site-content .col-full{
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.page-id-28428 .content-area, body.page-id-28428 #primary{
  float: none !important;
}
body.page-id-28428 .entry-content > .sp-html-source-home{
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  overflow-x: clip;
}

@media (min-width: 993px){
  body.page-id-28428{ --sp-header-offset: 92px; }
  body.page-id-28428.admin-bar{ --sp-header-offset: 124px; }

  body.page-id-28428 .sp-html-source-home{
    --sp-screen: calc(100svh - var(--sp-header-offset));
    --sp-pad-y: clamp(24px, 4.2svh, 48px);
    --sp-pad-x: clamp(22px, 3.2vw, 54px);
  }

  body.page-id-28428 .sp-html-source-home > section, body.page-id-28428 .sp-html-source-home .section, body.page-id-28428 .sp-html-source-home .band{
    height: var(--sp-screen) !important;
    min-height: var(--sp-screen) !important;
    max-height: none !important;
    padding: var(--sp-pad-y) var(--sp-pad-x) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
    gap: clamp(1rem, 1.8svh, 2rem);
  }

  body.page-id-28428 .sp-html-source-home .hero{
    min-height: var(--sp-screen) !important;
    justify-content: flex-end !important;
    padding-top: clamp(16px, 3svh, 36px) !important;
    padding-bottom: clamp(22px, 4svh, 44px) !important;
  }

  body.page-id-28428 .sp-html-source-home .hero{
    align-items: center !important;
    padding-top: clamp(24px, 4svh, 44px) !important;
    padding-bottom: clamp(28px, 5svh, 56px) !important;
  }

  body.page-id-28428 .sp-html-source-home .hero__inner, body.page-id-28428 .sp-html-source-home .head, body.page-id-28428 .sp-html-source-home .wrap, body.page-id-28428 .sp-html-source-home .feature__inner, body.page-id-28428 .sp-html-source-home .reviews, body.page-id-28428 .sp-html-source-home .assure, body.page-id-28428 .sp-html-source-home .stats__row, body.page-id-28428 .sp-html-source-home #product-grid.rail, body.page-id-28428 .sp-html-source-home .faq__list, body.page-id-28428 .sp-html-source-home .subscribe .panel, body.page-id-28428 .sp-html-source-home .promo .panel, body.page-id-28428 .sp-html-source-home .web{
    max-width: min(1180px, 90vw) !important;
  }

  body.page-id-28428 .sp-html-source-home .head{
    margin-bottom: clamp(12px, 2.1svh, 24px) !important;
  }
  body.page-id-28428 .sp-html-source-home .head h2{
    font-size: clamp(2rem, min(5.4vw, 6.2svh), 3.7rem) !important;
    line-height: .98 !important;
  }
  body.page-id-28428 .sp-html-source-home .head .lede{
    font-size: clamp(.92rem, 1.55svh, 1.06rem) !important;
    line-height: 1.45 !important;
    margin-top: clamp(8px, 1.3svh, 14px) !important;
  }
  body.page-id-28428 .sp-html-source-home .hero__title{
    font-size: clamp(3.6rem, min(8.6vw, 13svh), 6.8rem) !important;
    line-height: .92 !important;
  }
  body.page-id-28428 .sp-html-source-home .hero__lead{
    font-size: clamp(1rem, 1.9svh, 1.18rem) !important;
    line-height: 1.48 !important;
  }
  body.page-id-28428 .sp-html-source-home .swing{
    height: min(58svh, 500px) !important;
    top: 0 !important;
  }
  body.page-id-28428 .sp-html-source-home .web__stage{
    height: clamp(250px, 38svh, 330px) !important;
  }
  body.page-id-28428 .sp-html-source-home .ny-map{
    min-height: 0 !important;
    height: clamp(390px, 58svh, 590px) !important;
  }
  body.page-id-28428 .sp-html-source-home #product-grid ul.products{
    gap: clamp(10px, 1.35vw, 16px) !important;
  }
  body.page-id-28428 .sp-html-source-home #product-grid ul.products li.product{
    min-height: 0 !important;
    padding: clamp(9px, 1.35svh, 14px) !important;
  }
  body.page-id-28428 .sp-html-source-home #product-grid .woocommerce-image__wrapper{
    height: clamp(132px, 23svh, 205px) !important;
    min-height: clamp(132px, 23svh, 205px) !important;
    max-height: clamp(132px, 23svh, 205px) !important;
  }
  body.page-id-28428 .sp-html-source-home #product-grid .woocommerce-loop-product__title, body.page-id-28428 .sp-html-source-home #product-grid .woocommerce-loop-product__title a{
    font-size: clamp(.82rem, 1.45svh, .98rem) !important;
    line-height: 1.18 !important;
    min-height: 3.55em !important;
    max-height: 3.55em !important;
  }
  body.page-id-28428 .sp-html-source-home #product-grid .button{
    min-height: clamp(34px, 5.5svh, 43px) !important;
    padding: clamp(7px, 1.1svh, 11px) 10px !important;
  }
  body.page-id-28428 .sp-html-source-home .feature__inner{
    min-height: clamp(68%, 76%, 82%) !important;
    gap: clamp(22px, 3vw, 46px) !important;
  }
  body.page-id-28428 .sp-html-source-home .feature__media{
    min-height: 0 !important;
  }
  body.page-id-28428 .sp-html-source-home .feature__media img{
    max-height: clamp(250px, 47svh, 390px) !important;
  }
  body.page-id-28428 .sp-html-source-home .feature__text h2, body.page-id-28428 .sp-html-source-home .promo h2, body.page-id-28428 .sp-html-source-home .subscribe h2{
    font-size: clamp(1.9rem, min(4vw, 5svh), 3rem) !important;
  }
  body.page-id-28428 .sp-html-source-home .feature__text p, body.page-id-28428 .sp-html-source-home .edito p, body.page-id-28428 .sp-html-source-home .review blockquote, body.page-id-28428 .sp-html-source-home .faq-item__body{
    font-size: clamp(.86rem, 1.48svh, 1rem) !important;
    line-height: 1.45 !important;
    margin-bottom: clamp(6px, 1svh, 12px) !important;
  }
  body.page-id-28428 .sp-html-source-home .edito .panel{
    padding: clamp(18px, 2.5svh, 28px) !important;
  }
  body.page-id-28428 .sp-html-source-home .reviews{
    gap: clamp(12px, 1.8vw, 22px) !important;
    align-items: stretch !important;
  }
  body.page-id-28428 .sp-html-source-home .review{
    padding: clamp(18px, 2.5svh, 28px) !important;
  }
  body.page-id-28428 .sp-html-source-home .faq__list{
    gap: clamp(8px, 1.1svh, 14px) !important;
  }
  body.page-id-28428 .sp-html-source-home .faq-item summary{
    padding: clamp(12px, 1.7svh, 18px) clamp(16px, 1.8vw, 24px) !important;
  }
}

@media (max-width: 992px){
  body.page-id-28428 .sp-html-source-home > section, body.page-id-28428 .sp-html-source-home .hero, body.page-id-28428 .sp-html-source-home .section, body.page-id-28428 .sp-html-source-home .band{
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}
/* END HERMES_HOME_VIEWPORT_FIX_20260706 */

/* Ajustements visuels demandés (hero/map/avis/promo/walker) */
.sp-html-source-home .web__link{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .38rem;
  margin-top: .75rem;
  padding: .6rem 1rem;
  border-radius: 999px;
  border: 1px solid #ffb2be;
  background: linear-gradient(180deg, #ffffff 0%, #f6f4ff 100%);
  color: #241f49 !important;
  font-family: var(--titre);
  letter-spacing: .01em;
  box-shadow: 0 12px 20px rgba(20, 10, 45, 0.18);
}

.sp-html-source-home .web__link:hover{
  background: linear-gradient(180deg, #ffffff 0%, #fce7ec 100%);
}

.sp-html-source-home .review__stars i, .sp-html-source-home .review__stars svg{
  color: #ffd447;
  width: 1rem;
  height: 1rem;
}

.sp-html-source-home .review__stars svg path, .sp-html-source-home .review__stars svg rect, .sp-html-source-home .review__stars svg circle{
  fill: #ffd447 !important;
  stroke: #ffd447 !important;
}

.sp-html-source-home .ny-map{
  min-height: 420px;
  background:
    radial-gradient(circle at 12% 14%, rgba(255,255,255,.6), transparent 42%),
    linear-gradient(180deg, #f9fafb 0%, #f2f2f7 100%);
  overflow: hidden;
}

.sp-html-source-home .ny-map__grid, .sp-html-source-home .ny-map__river{
  opacity: .9;
}

.sp-html-source-home .ny-map__label{
  color: #101828;
  font-weight: 700;
}

.sp-html-source-home .ny-point{
  text-decoration: none;
}

.sp-html-source-home .ny-dot{
  width: .8rem;
  height: .8rem;
  border-color: #ffeb46;
  box-shadow: 0 0 0 6px #0b1020a8, 0 0 22px #ff6b70aa;
}

.sp-html-source-home .ny-card{
  background: linear-gradient(145deg, #ffffffd2, #fff);
  color: #1e2148;
  border: 1px solid #ffdae0;
  box-shadow: 0 8px 20px rgba(19, 28, 50, 0.14);
}

.sp-html-source-home .ny-card > i, .sp-html-source-home .ny-card svg{
  display: none !important;
}

.sp-html-source-home .ny-card::before{
  content: "🕷";
  width: 17px;
  height: 17px;
  border-radius: 50%;
  display: inline-block;
  margin-right: .34rem;
  background: linear-gradient(180deg, #ff5a79, #f6c74c);
  border: 1px solid #ffe0e7;
  box-shadow: inset 0 0 0 1px #fff;
  flex: 0 0 17px;
  color: #fff;
  font-size: 11px;
  text-align: center;
  line-height: 16px;
}

.sp-html-source-home .ny-card strong{
  color: #161c45;
}

.sp-html-source-home .ny-card small{
  color: #2c3365;
}

.sp-html-source-home .edito .panel{
  position: relative;
  overflow: hidden;
  color: #eef1ff;
  background: linear-gradient(120deg, rgba(11, 18, 33, 0.82), rgba(29, 36, 58, 0.78)),
    linear-gradient(120deg, rgba(11, 18, 33, 0.8), rgba(29, 36, 58, 0.88));
  border-color: rgba(255, 255, 255, 0.24);
}

.sp-html-source-home .edito .panel::before{
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 18% 22%, rgba(255, 170, 90, 0.18), transparent 50%),
    radial-gradient(circle at 82% 12%, rgba(255, 96, 130, 0.18), transparent 40%);
  pointer-events: none;
}

.sp-html-source-home .edito .panel p{
  color: #ecf0ff;
}

.sp-html-source-home .edito .panel > *{
  position: relative;
  z-index: 2;
}

.sp-html-source-home .band.promo .panel{
  position: relative;
  color: #f9fafd !important;
  background: linear-gradient(110deg, rgba(11, 24, 46, 0.94), rgba(17, 32, 61, 0.94));
  border-color: rgba(255, 190, 220, 0.36);
}

.sp-html-source-home .band.promo .panel h2, .sp-html-source-home .band.promo .panel p, .sp-html-source-home .band.promo .panel span{
  color: #f8fbff !important;
}

.sp-html-source-home .band.promo .panel h2{
  position: relative;
}

.sp-html-source-home .band.promo .promo__code{
  background: linear-gradient(180deg, #ffd9e0, #ff7c97);
  color: #2b1130;
  border-color: rgba(255, 214, 230, 0.64);
}

/* Compatibilité classe page home (NY/sections récentes) */
.sp-html-source-home .strand--map{width:min(1120px, calc(100% - 28px))!important;max-width:1120px!important;margin:0 auto!important;padding:0!important;display:block!important}
.sp-html-source-home .strand--map:before,
.sp-html-source-home .strand--map:after{display:none!important;content:none!important}

.sp-html-source-home .spider-map{position:relative!important;min-height:720px!important;height:100%!important;border-radius:18px!important;overflow:hidden!important;background:#f4f1e9!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 38px 100px rgba(0,0,0,.44),inset 0 0 0 1px rgba(3,7,18,.18)!important;isolation:isolate!important;padding:0!important}
.sp-html-source-home .spider-map:before{content:""!important;position:absolute!important;inset:34px 54px!important;z-index:1!important;pointer-events:none!important;background:linear-gradient(73deg,transparent 0 34.7%,#111 34.9% 35.25%,transparent 35.5% 100%),linear-gradient(73deg,transparent 0 40.7%,#111 40.9% 41.22%,transparent 41.5% 100%),linear-gradient(73deg,transparent 0 46.7%,#111 46.9% 47.22%,transparent 47.5% 100%),linear-gradient(73deg,transparent 0 52.7%,#111 52.9% 53.22%,transparent 53.5% 100%),linear-gradient(73deg,transparent 0 58.7%,#111 58.9% 59.22%,transparent 59.5% 100%),linear-gradient(18deg,transparent 0 22.8%,#111 23% 23.28%,transparent 23.55% 100%),linear-gradient(18deg,transparent 0 33.8%,#111 34% 34.28%,transparent 34.55% 100%),linear-gradient(18deg,transparent 0 44.8%,#111 45% 45.28%,transparent 45.55% 100%),linear-gradient(18deg,transparent 0 55.8%,#111 56% 56.28%,transparent 56.55% 100%),linear-gradient(18deg,transparent 0 66.8%,#111 67% 67.28%,transparent 67.55% 100%),linear-gradient(18deg,transparent 0 77.8%,#111 78% 78.28%,transparent 78.55% 100%),linear-gradient(107deg,transparent 0 21%,rgba(0,0,0,.10) 21.5% 27%,transparent 27.4% 100%),linear-gradient(107deg,transparent 0 73%,rgba(0,0,0,.10) 73.5% 80%,transparent 80.4% 100%)!important;opacity:.92!important;clip-path:polygon(8% 8%,88% 0,98% 21%,91% 92%,17% 99%,1% 73%)!important;filter:drop-shadow(0 14px 22px rgba(0,0,0,.14))!important;}
.sp-html-source-home .spider-map:after{content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.45),transparent 18%),radial-gradient(circle at 80% 72%,rgba(0,0,0,.06),transparent 24%),repeating-linear-gradient(0deg,rgba(0,0,0,.025) 0 1px,transparent 1px 4px)!important;opacity:.58!important;}
.sp-html-source-home .spider-map__art{position:relative!important;z-index:0!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:720/520!important}
.sp-html-source-home .spider-map__art .river{opacity:.5!important}
.sp-html-source-home .spider-map__art .river--west,
.sp-html-source-home .spider-map__art .river--east{stroke:#0a0e1a!important;stroke-width:2.4!important;fill:none!important}
.sp-html-source-home .spider-map__art .island{fill:rgba(0,0,0,0.06)!important;stroke:rgba(0,0,0,0.14)!important;stroke-width:1.5!important}
.sp-html-source-home .spider-map__art .park{fill:rgba(255,255,255,.5)!important;stroke:#7d97c2!important;stroke-width:1!important}
.sp-html-source-home .spider-map__art .streets path{stroke:#2c3244!important;stroke-width:2.4!important;fill:none!important}
.sp-html-source-home .spider-map__art .metro circle{fill:rgba(0,0,0,.32)!important}

.sp-html-source-home .map-stop,
.sp-html-source-home .ny-point{position:absolute!important;left:var(--x)!important;top:var(--y)!important;z-index:8!important;transform:translate(-50%,-50%)!important;text-decoration:none!important;color:#111!important;}
.sp-html-source-home .map-stop__dot,
.sp-html-source-home .ny-dot{display:block!important;width:18px!important;height:18px!important;border-radius:999px!important;background:#111!important;border:3px solid #f4f1e9!important;box-shadow:0 0 0 2px #111,0 10px 18px rgba(0,0,0,.22)!important;transition:transform .18s ease,background .18s ease!important}
.sp-html-source-home .map-stop:hover .map-stop__dot,
.sp-html-source-home .ny-point:hover .ny-dot{transform:scale(1.18)!important;background:#fff!important;border-color:#111!important}

.sp-html-source-home .map-stop .map-stop__label,
.sp-html-source-home .ny-card{position:absolute!important;left:26px!important;top:50%!important;transform:translateY(-50%)!important;width:192px!important;min-height:64px!important;display:grid!important;grid-template-columns:24px 1fr!important;align-items:center!important;gap:.48rem!important;padding:.58rem .68rem!important;border-radius:3px!important;background:#fff!important;color:#111!important;border:2px solid #111!important;box-shadow:7px 7px 0 rgba(0,0,0,.20)!important;opacity:.98!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important}
.sp-html-source-home .map-stop .map-stop__label{left:22px!important;display:grid!important;grid-template-columns:24px 1fr!important;align-items:center!important;gap:.48rem!important}
.sp-html-source-home .map-stop .map-stop__label:before,
.sp-html-source-home .ny-card:before{content:""!important;position:absolute!important;right:100%!important;top:50%!important;width:26px!important;height:2px!important;background:#111!important;transform:translateY(-50%)!important}
.sp-html-source-home .map-stop .map-stop__label i,
.sp-html-source-home .map-stop .map-stop__label svg,
.sp-html-source-home .ny-card i,
.sp-html-source-home .ny-card svg{width:20px!important;height:20px!important;color:#111!important;stroke:#111!important;grid-row:1/3!important}
.sp-html-source-home .map-stop strong,
.sp-html-source-home .ny-card strong{color:#111!important;font:900 .84rem/1.05 Archivo,Arial,sans-serif!important;letter-spacing:.01em!important;display:block!important;grid-column:2!important}
.sp-html-source-home .map-stop small,
.sp-html-source-home .ny-card small{color:#555!important;font:900 .56rem/1 Archivo,Arial,sans-serif!important;text-transform:uppercase!important;letter-spacing:.12em!important;display:block!important;grid-column:2!important}

.sp-html-source-home .map-stop:hover .map-stop__label,
.sp-html-source-home .ny-point:hover .ny-card{transform:translateY(-50%) translate(-2px,-2px)!important;background:#111!important;color:#fff!important;box-shadow:10px 10px 0 rgba(0,0,0,.16)!important}
.sp-html-source-home .map-stop:hover .map-stop__label strong,
.sp-html-source-home .map-stop:hover .map-stop__label small,
.sp-html-source-home .map-stop:hover .map-stop__label i,
.sp-html-source-home .map-stop:hover .map-stop__label svg,
.sp-html-source-home .ny-point:hover .ny-card strong,
.sp-html-source-home .ny-point:hover .ny-card small,
.sp-html-source-home .ny-point:hover .ny-card i,
.sp-html-source-home .ny-point:hover .ny-card svg{color:#fff!important;stroke:#fff!important}
.sp-html-source-home .map-stop:hover .map-stop__label small,
.sp-html-source-home .ny-point:hover .ny-card small{color:#ddd!important}

/* Sections demandées: Service de quartier + Le mot du quartier */
.sp-html-source-home .assure-section .assure{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem!important}
.sp-html-source-home .assure-section .assure__item{min-height:0!important;padding:.58rem .62rem!important;align-items:flex-start!important;gap:.55rem!important}
.sp-html-source-home .assure-section .assure__item img{width:40px!important;height:40px!important;object-fit:contain!important;object-position:center!important;flex:0 0 auto!important;opacity:.95}
.sp-html-source-home .assure-section .assure__item strong{font-size:.76rem!important;line-height:1.2!important}
.sp-html-source-home .assure-section .assure__item span{font-size:.75rem!important;line-height:1.2!important;display:block!important}

.sp-html-source-home .edito .edito__layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(230px,0.78fr)!important;gap:1rem!important;align-items:start!important;min-height:0!important}
.sp-html-source-home .edito .edito__layout > div:first-child{min-width:0!important}
.sp-html-source-home .edito .edito__images{display:grid!important;grid-template-columns:1fr!important;gap:.62rem!important;min-width:0!important}
.sp-html-source-home .edito .edito__image{width:100%!important;height:clamp(110px,18vh,160px)!important;object-fit:cover!important;border-radius:10px!important}

/* Araignée qui se balade */
#spider-walker{
  position: fixed;
  left: 0;
  top: 0;
  width: clamp(44px, 4vw, 60px);
  height: auto;
  pointer-events: none;
  z-index: 2;
  opacity: .26;
  filter: grayscale(20%) saturate(150%);
  transform: translate3d(0, 0, 0);
}

#spider-walker img{
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 700px){
  .sp-html-source-home .swing__hero{
    width: 86%;
    max-height: 70%;
  }

  .sp-html-source-home .assure-section .assure{grid-template-columns:1fr 1fr!important}
  .sp-html-source-home .edito .edito__layout{grid-template-columns:1fr!important}
  .sp-html-source-home .edito .edito__images{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .sp-html-source-home .edito .edito__image{height:clamp(86px,16vh,110px)!important}

  .sp-html-source-home .swing{
    width: clamp(175px, 46vw, 320px);
    height: min(56svh, 330px);
  }

  #spider-walker{
    width: 34px;
    opacity: .18;
  }

  .sp-html-source-home .edito .panel{
    background-position: 80% center;
  }
}


/* HERMES_SPIDERMAN_HOME_FIX_20260709
   Correctifs home ciblés: hero/toile, bouton sens araignée, plan NY, service, édito, stats. */
body.page-id-28428 .sp-html-source-home .hero{
  --hero-top-offset: clamp(86px, 11svh, 132px);
  align-items: center !important;
  justify-content: center !important;
  padding-top: var(--hero-top-offset) !important;
  text-align: center !important;
}
body.page-id-28428 .sp-html-source-home .hero__inner{
  display: grid !important;
  place-items: center !important;
  text-align: center !important;
  padding-top: clamp(260px, 42svh, 430px) !important;
  margin-inline: auto !important;
}
body.page-id-28428 .sp-html-source-home .hero__lead{
  margin-inline: auto !important;
}
body.page-id-28428 .sp-html-source-home .hero__cta{
  justify-content: center !important;
}
body.page-id-28428 .sp-html-source-home .hero__promo{
  text-align: center !important;
}
body.page-id-28428 .sp-html-source-home .swing{
  left: 50% !important;
  top: calc(var(--hero-top-offset) * -0.92) !important;
  width: clamp(260px, 31vw, 430px) !important;
  height: clamp(365px, 56svh, 535px) !important;
  transform: translateX(-50%) !important;
  z-index: 1 !important;
  opacity: .98 !important;
}
body.page-id-28428 .sp-html-source-home .swing__hero{
  left: 50% !important;
  bottom: 0 !important;
  width: min(92%, 390px) !important;
  max-width: 92% !important;
  max-height: 76% !important;
  object-fit: contain !important;
  filter: drop-shadow(0 22px 32px rgba(0,0,0,.62)) !important;
}
body.page-id-28428 .sp-html-source-home .swing__rope{
  left: 50% !important;
  top: 0 !important;
  height: 67% !important;
  width: 4px !important;
  transform: translateX(-50%) rotate(-3deg) !important;
  transform-origin: top center !important;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(190,205,238,.88) 62%, rgba(255,255,255,.72)) !important;
  box-shadow: 0 0 10px rgba(255,255,255,.7), 0 0 22px rgba(125,151,194,.28) !important;
  border-radius: 999px !important;
}
body.page-id-28428 .sp-html-source-home .swing__rope::before,
body.page-id-28428 .sp-html-source-home .swing__rope::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  width: clamp(54px, 6vw, 86px) !important;
  height: 1px !important;
  background: rgba(236,242,255,.58) !important;
  transform-origin:left center !important;
}
body.page-id-28428 .sp-html-source-home .swing__rope::before{top:34%;transform:translateX(-50%) rotate(27deg)}
body.page-id-28428 .sp-html-source-home .swing__rope::after{top:51%;transform:translateX(-50%) rotate(-24deg)}

body.page-id-28428 .sp-html-source-home .web__link,
body.page-id-28428 .sp-html-source-home .web__panel a,
body.page-id-28428 .sp-html-source-home .web__panel a:visited{
  color:#151a2f !important;
  background:linear-gradient(180deg,#fff 0%,#f2f5ff 100%) !important;
  border:2px solid rgba(22,31,56,.72) !important;
  text-shadow:none !important;
}
body.page-id-28428 .sp-html-source-home .web__panel a:hover,
body.page-id-28428 .sp-html-source-home .web__panel a:focus-visible{
  color:#fff !important;
  background:#c8102e !important;
  border-color:#fff !important;
}

body.page-id-28428 .sp-html-source-home .categories{
  justify-content:center !important;
}
body.page-id-28428 .sp-html-source-home .strand--map{
  width:min(1140px,94vw) !important;
}
body.page-id-28428 .sp-html-source-home .spider-map{
  height:clamp(520px,64svh,720px) !important;
  min-height:520px !important;
  background:#f3efe4 !important;
  border:3px solid #111827 !important;
  box-shadow:0 34px 80px rgba(0,0,0,.38), inset 0 0 0 8px rgba(255,255,255,.52) !important;
}
body.page-id-28428 .sp-html-source-home .spider-map:before,
body.page-id-28428 .sp-html-source-home .spider-map:after{
  opacity:.2 !important;
}
body.page-id-28428 .sp-html-source-home .spider-map__art{
  position:absolute !important;
  inset:18px !important;
  width:calc(100% - 36px) !important;
  height:calc(100% - 36px) !important;
  aspect-ratio:auto !important;
  z-index:1 !important;
  opacity:1 !important;
}
body.page-id-28428 .sp-html-source-home .spider-map__art rect{fill:#f8f3e7 !important;stroke:#111827 !important;stroke-width:4 !important}
body.page-id-28428 .sp-html-source-home .spider-map__art text{fill:#1f2937 !important;font:900 18px/1 Archivo,Arial,sans-serif !important;letter-spacing:.08em !important;opacity:.7 !important}
body.page-id-28428 .sp-html-source-home .map-stop{z-index:5 !important}
body.page-id-28428 .sp-html-source-home .map-stop .map-stop__label{
  width:auto !important;
  min-width:150px !important;
  max-width:205px !important;
  min-height:44px !important;
  grid-template-columns:20px minmax(0,1fr) !important;
  padding:.52rem .62rem !important;
  background:rgba(255,255,255,.96) !important;
  color:#111827 !important;
  border:2px solid #111827 !important;
  box-shadow:5px 5px 0 rgba(17,24,39,.20) !important;
  font:900 .74rem/1.12 Archivo,Arial,sans-serif !important;
}
body.page-id-28428 .sp-html-source-home .map-stop .map-stop__label svg,
body.page-id-28428 .sp-html-source-home .map-stop .map-stop__label i,
body.page-id-28428 .sp-html-source-home .map-stop .map-stop__label span[aria-hidden="true"]{
  width:18px !important;height:18px !important;color:#c8102e !important;stroke:#c8102e !important;font-size:16px !important;
}

body.page-id-28428 .sp-html-source-home .assure-section{
  justify-content:center !important;
}
body.page-id-28428 .sp-html-source-home .assure-section .assure{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:clamp(14px,1.6vw,24px) !important;
  align-items:stretch !important;
}
body.page-id-28428 .sp-html-source-home .assure-section .assure__item{
  display:grid !important;
  grid-template-columns:1fr !important;
  place-items:center !important;
  text-align:center !important;
  min-height:clamp(190px,28svh,265px) !important;
  padding:clamp(1.1rem,2.2vw,1.7rem) !important;
  gap:.85rem !important;
}
body.page-id-28428 .sp-html-source-home .assure-section .assure__item img{
  display:none !important;
}
body.page-id-28428 .sp-html-source-home .assure-section .assure__item i,
body.page-id-28428 .sp-html-source-home .assure-section .assure__item svg{
  display:grid !important;
  width:clamp(42px,4.5vw,62px) !important;
  height:clamp(42px,4.5vw,62px) !important;
  padding:12px !important;
  color:#fff !important;
  stroke:#fff !important;
  background:radial-gradient(circle at 35% 25%,#e73c53,#9c0d25 72%) !important;
  border:2px solid rgba(255,255,255,.55) !important;
  border-radius:999px !important;
  box-shadow:0 18px 34px rgba(200,16,46,.25) !important;
}
body.page-id-28428 .sp-html-source-home .assure-section .assure__item strong{font-size:clamp(.95rem,1.25vw,1.12rem) !important;line-height:1.16 !important}
body.page-id-28428 .sp-html-source-home .assure-section .assure__item span{font-size:clamp(.88rem,1.05vw,1rem) !important;line-height:1.35 !important}

body.page-id-28428 .sp-html-source-home .edito{
  justify-content:center !important;
}
body.page-id-28428 .sp-html-source-home .edito .edito__layout{
  grid-template-columns:minmax(0,1.25fr) minmax(220px,.55fr) !important;
  gap:clamp(1.2rem,2vw,2rem) !important;
  align-items:center !important;
}
body.page-id-28428 .sp-html-source-home .edito .panel{padding:clamp(1.4rem,2.7vw,2.4rem) !important}
body.page-id-28428 .sp-html-source-home .edito .panel p{
  font-size:clamp(1rem,1.18vw,1.16rem) !important;
  line-height:1.62 !important;
  margin-bottom:.72rem !important;
}
body.page-id-28428 .sp-html-source-home .edito .edito__images{
  display:block !important;
}
body.page-id-28428 .sp-html-source-home .edito .edito__image{
  display:none !important;
}
body.page-id-28428 .sp-html-source-home .edito .edito__image:first-child{
  display:block !important;
  height:clamp(285px,43svh,430px) !important;
  width:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  padding:clamp(.8rem,1.4vw,1.2rem) !important;
  background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.12),rgba(255,255,255,.03) 68%) !important;
  border:1px solid rgba(255,255,255,.18) !important;
}

body.page-id-28428 .sp-html-source-home .stats{
  min-height:clamp(250px,36svh,360px) !important;
  height:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(90deg,rgba(200,16,46,.18),rgba(14,35,76,.28)) !important;
}
body.page-id-28428 .sp-html-source-home .stats__row{
  width:min(1120px,92vw) !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:clamp(12px,1.5vw,22px) !important;
}
body.page-id-28428 .sp-html-source-home .stats__row > div{
  padding:clamp(1rem,2vw,1.45rem) !important;
  border:1px solid rgba(255,255,255,.2) !important;
  border-radius:16px !important;
  background:rgba(5,9,18,.58) !important;
  box-shadow:0 20px 44px rgba(0,0,0,.22) !important;
}
body.page-id-28428 .sp-html-source-home .stats__n{
  display:block !important;
  color:#fff !important;
  text-shadow:3px 3px 0 #c8102e,0 0 28px rgba(255,255,255,.18) !important;
  font-size:clamp(2.15rem,4.8vw,4rem) !important;
  line-height:1 !important;
}
body.page-id-28428 .sp-html-source-home .stats__l{
  display:block !important;
  margin-top:.5rem !important;
  color:#dfe7ff !important;
  font-size:clamp(.7rem,.95vw,.9rem) !important;
}

@media (max-width: 992px){
  body.page-id-28428 .sp-html-source-home .hero__inner{padding-top:clamp(230px,38svh,350px) !important}
  body.page-id-28428 .sp-html-source-home .swing{top:-22px !important;width:clamp(220px,54vw,340px) !important;height:clamp(310px,48svh,430px) !important}
  body.page-id-28428 .sp-html-source-home .spider-map{height:auto !important;min-height:0 !important;padding:1rem !important;display:grid !important;gap:.7rem !important}
  body.page-id-28428 .sp-html-source-home .spider-map__art{display:none !important}
  body.page-id-28428 .sp-html-source-home .map-stop{position:relative !important;left:auto !important;top:auto !important;transform:none !important;display:grid !important;grid-template-columns:18px 1fr !important;align-items:center !important;gap:.65rem !important;color:#111827 !important}
  body.page-id-28428 .sp-html-source-home .map-stop .map-stop__label{position:relative !important;left:auto !important;top:auto !important;transform:none !important;width:100% !important;max-width:none !important}
  body.page-id-28428 .sp-html-source-home .map-stop .map-stop__label:before{display:none !important}
  body.page-id-28428 .sp-html-source-home .assure-section .assure{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  body.page-id-28428 .sp-html-source-home .edito .edito__layout{grid-template-columns:1fr !important}
  body.page-id-28428 .sp-html-source-home .edito .edito__image:first-child{height:clamp(210px,34svh,320px) !important}
  body.page-id-28428 .sp-html-source-home .stats__row{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media (max-width: 560px){
  body.page-id-28428 .sp-html-source-home .hero__inner{padding-top:260px !important}
  body.page-id-28428 .sp-html-source-home .assure-section .assure,
  body.page-id-28428 .sp-html-source-home .stats__row{grid-template-columns:1fr !important}
}
/* END HERMES_SPIDERMAN_HOME_FIX_20260709 */

/* HERMES_SPIDERMAN_MANDATORY_FIX_20260709
   Corrections obligatoires: chaque bloc = écran, hero header inclus, lisibilité, produits complets, stats/avis/promo. */
body.page-id-28428{
  --sp-header-real: clamp(118px, 15svh, 172px);
  --sp-home-screen: calc(100svh - var(--sp-header-real));
}
body.page-id-28428 .site-content,
body.page-id-28428 .shoptimizer-archive,
body.page-id-28428 .site-main{
  overflow: visible !important;
}
body.page-id-28428 .sp-html-source-home{
  overflow: visible !important;
}
body.page-id-28428 .sp-html-source-home > section,
body.page-id-28428 .sp-html-source-home .section,
body.page-id-28428 .sp-html-source-home .band{
  height: var(--sp-home-screen) !important;
  min-height: var(--sp-home-screen) !important;
  max-height: var(--sp-home-screen) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  padding: clamp(18px, 2.4svh, 34px) clamp(16px, 3vw, 48px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: clamp(10px, 1.6svh, 22px) !important;
}
body.page-id-28428 .sp-html-source-home .hero{
  height: var(--sp-home-screen) !important;
  min-height: var(--sp-home-screen) !important;
  max-height: var(--sp-home-screen) !important;
  padding-top: clamp(8px, 1.4svh, 18px) !important;
  padding-bottom: clamp(14px, 2svh, 28px) !important;
  justify-content: center !important;
  align-items: center !important;
}
body.page-id-28428 .sp-html-source-home .hero__inner{
  padding-top: clamp(220px, 35svh, 330px) !important;
  max-width: min(1120px, 92vw) !important;
}
body.page-id-28428 .sp-html-source-home .hero__title{
  font-size: clamp(3rem, min(8vw, 10svh), 6.2rem) !important;
}
body.page-id-28428 .sp-html-source-home .swing{
  top: clamp(-80px, -9svh, -34px) !important;
  height: clamp(315px, 47svh, 440px) !important;
  width: clamp(230px, 28vw, 365px) !important;
}
body.page-id-28428 .sp-html-source-home .swing__rope{
  height: 74% !important;
}
body.page-id-28428 .sp-html-source-home .swing__hero{
  width: min(94%, 330px) !important;
  max-height: 76% !important;
}

/* Bouton Tire ta toile : toutes les formes de liens générés restent lisibles. */
body.page-id-28428 .sp-html-source-home #web-panel a,
body.page-id-28428 .sp-html-source-home #web-panel a:link,
body.page-id-28428 .sp-html-source-home #web-panel a:visited,
body.page-id-28428 .sp-html-source-home .web__link,
body.page-id-28428 .sp-html-source-home .web__link span{
  color:#101827 !important;
  -webkit-text-fill-color:#101827 !important;
  text-shadow:none !important;
}
body.page-id-28428 .sp-html-source-home #web-panel a,
body.page-id-28428 .sp-html-source-home .web__link{
  background:#fff !important;
  border:2px solid #101827 !important;
  box-shadow:0 10px 0 rgba(0,0,0,.22),0 18px 34px rgba(0,0,0,.28) !important;
}
body.page-id-28428 .sp-html-source-home #web-panel a:hover,
body.page-id-28428 .sp-html-source-home #web-panel a:hover span,
body.page-id-28428 .sp-html-source-home .web__link:hover,
body.page-id-28428 .sp-html-source-home .web__link:hover span{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:#c8102e !important;
}
body.page-id-28428 .sp-html-source-home .web__stage{
  height: clamp(230px, 35svh, 315px) !important;
}

/* Carte New York: labels lisibles + chaque collection contient Spider-Man. */
body.page-id-28428 .sp-html-source-home .categories .head{
  margin-bottom: clamp(8px, 1.2svh, 14px) !important;
}
body.page-id-28428 .sp-html-source-home .categories .head h2{
  font-size: clamp(1.8rem, min(4.5vw, 5.5svh), 3.1rem) !important;
}
body.page-id-28428 .sp-html-source-home .categories .head .lede{
  max-width: 78ch !important;
  font-size: clamp(.88rem, 1.35svh, 1rem) !important;
}
body.page-id-28428 .sp-html-source-home .spider-map{
  height: clamp(430px, 55svh, 610px) !important;
  min-height: clamp(430px, 55svh, 610px) !important;
}
body.page-id-28428 .sp-html-source-home .map-stop .map-stop__label{
  min-width: 178px !important;
  max-width: 238px !important;
  min-height: 50px !important;
  padding: .58rem .72rem !important;
  font-size: .82rem !important;
  line-height: 1.14 !important;
  letter-spacing: 0 !important;
  color:#0f172a !important;
  background:rgba(255,255,255,.985) !important;
  text-transform:none !important;
}
body.page-id-28428 .sp-html-source-home .map-stop .map-stop__label strong,
body.page-id-28428 .sp-html-source-home .map-stop .map-stop__label small,
body.page-id-28428 .sp-html-source-home .map-stop .map-stop__label{
  color:#0f172a !important;
  -webkit-text-fill-color:#0f172a !important;
}
body.page-id-28428 .sp-html-source-home .map-stop:hover .map-stop__label,
body.page-id-28428 .sp-html-source-home .map-stop:hover .map-stop__label strong,
body.page-id-28428 .sp-html-source-home .map-stop:hover .map-stop__label small{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

/* Produits: cartes entières dans un écran, pas de crop brutal. */
body.page-id-28428 .sp-html-source-home .bestsellers{
  justify-content:center !important;
}
body.page-id-28428 .sp-html-source-home .bestsellers .head{
  margin-bottom: clamp(6px, 1svh, 12px) !important;
}
body.page-id-28428 .sp-html-source-home .bestsellers .head h2{
  font-size: clamp(1.8rem, min(4.2vw, 5svh), 3rem) !important;
}
body.page-id-28428 .sp-html-source-home .bestsellers .head .lede{
  font-size: clamp(.84rem, 1.25svh, .98rem) !important;
  max-width: 82ch !important;
}
body.page-id-28428 .sp-html-source-home #product-grid.rail{
  overflow: visible !important;
  max-height: calc(var(--sp-home-screen) - clamp(165px, 23svh, 245px)) !important;
  width: min(1180px, 94vw) !important;
}
body.page-id-28428 .sp-html-source-home #product-grid .woocommerce,
body.page-id-28428 .sp-html-source-home #product-grid ul.products{
  height: 100% !important;
  max-height: 100% !important;
}
body.page-id-28428 .sp-html-source-home #product-grid ul.products{
  display:grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(8px, 1vw, 14px) !important;
  overflow: visible !important;
}
body.page-id-28428 .sp-html-source-home #product-grid ul.products li.product{
  display:flex !important;
  flex-direction:column !important;
  min-height:0 !important;
  height: clamp(330px, 47svh, 430px) !important;
  max-height: clamp(330px, 47svh, 430px) !important;
  padding: clamp(8px, 1svh, 12px) !important;
  overflow:hidden !important;
}
body.page-id-28428 .sp-html-source-home #product-grid .woocommerce-image__wrapper{
  height: clamp(145px, 21svh, 210px) !important;
  min-height: clamp(145px, 21svh, 210px) !important;
  max-height: clamp(145px, 21svh, 210px) !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
}
body.page-id-28428 .sp-html-source-home #product-grid .woocommerce-image__wrapper img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
}
body.page-id-28428 .sp-html-source-home #product-grid .woocommerce-card__header{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
  min-height:0 !important;
}
body.page-id-28428 .sp-html-source-home #product-grid .woocommerce-loop-product__title,
body.page-id-28428 .sp-html-source-home #product-grid .woocommerce-loop-product__title a{
  font-size: clamp(.72rem, 1.15svh, .88rem) !important;
  line-height:1.18 !important;
  min-height:auto !important;
  max-height:3.6em !important;
  overflow:hidden !important;
}
body.page-id-28428 .sp-html-source-home #product-grid .star-rating{
  transform:scale(.82) !important;
  transform-origin:left center !important;
  margin:.2rem 0 !important;
}
body.page-id-28428 .sp-html-source-home #product-grid .price{
  margin-top:auto !important;
  font-size: clamp(.86rem, 1.35svh, 1rem) !important;
}
body.page-id-28428 .sp-html-source-home #product-grid .button{
  width:100% !important;
  min-height:34px !important;
  max-height:40px !important;
  padding:7px 8px !important;
  font-size: clamp(.66rem, 1.05svh, .78rem) !important;
  line-height:1.05 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* Stats: un écran complet + cards égales. */
body.page-id-28428 .sp-html-source-home .stats{
  height: var(--sp-home-screen) !important;
  min-height: var(--sp-home-screen) !important;
  max-height: var(--sp-home-screen) !important;
  padding: clamp(24px, 4svh, 54px) clamp(18px, 4vw, 58px) !important;
  background:
    radial-gradient(circle at 16% 20%, rgba(200,16,46,.45), transparent 30%),
    radial-gradient(circle at 85% 72%, rgba(36,82,160,.45), transparent 34%),
    linear-gradient(135deg,#05070d 0%,#10182b 55%,#05070d 100%) !important;
}
body.page-id-28428 .sp-html-source-home .stats__row{
  height:min(520px, 72%) !important;
  width:min(1180px,94vw) !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  align-items:stretch !important;
}
body.page-id-28428 .sp-html-source-home .stats__row > div{
  height:100% !important;
  min-height:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035)) !important;
  border:1px solid rgba(255,255,255,.24) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 28px 60px rgba(0,0,0,.34) !important;
}
body.page-id-28428 .sp-html-source-home .stats__n{
  font-size:clamp(2.4rem,5.6vw,5rem) !important;
}

/* Avis: moins vide avec fond visuel Spider-Man / ville. */
body.page-id-28428 .sp-html-source-home .reviews-section{
  position:relative !important;
  isolation:isolate !important;
  background:
    linear-gradient(90deg,rgba(5,7,13,.9),rgba(5,7,13,.52)),
    radial-gradient(circle at 80% 30%,rgba(200,16,46,.28),transparent 34%),
    url('/wp-content/themes/child-shoptimizer-child/spiderman.png') right 8% center / min(38vw,460px) auto no-repeat,
    linear-gradient(135deg,#060912,#121a2d) !important;
}
body.page-id-28428 .sp-html-source-home .reviews-section:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  background:repeating-linear-gradient(115deg,rgba(255,255,255,.045) 0 1px,transparent 1px 34px),repeating-linear-gradient(25deg,rgba(255,255,255,.035) 0 1px,transparent 1px 42px) !important;
  opacity:.78 !important;
}
body.page-id-28428 .sp-html-source-home .reviews{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  width:min(1120px,92vw) !important;
}
body.page-id-28428 .sp-html-source-home .review{
  min-height: clamp(210px, 28svh, 300px) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  background:rgba(8,13,26,.78) !important;
  backdrop-filter:blur(5px) !important;
}

/* Edition spéciale: nouvelle direction visuelle. */
body.page-id-28428 .sp-html-source-home .band.promo{
  background:
    radial-gradient(circle at 18% 24%, rgba(255,255,255,.12), transparent 22%),
    radial-gradient(circle at 78% 68%, rgba(200,16,46,.48), transparent 30%),
    linear-gradient(135deg,#07101f 0%,#0a2349 52%,#05070d 100%) !important;
}
body.page-id-28428 .sp-html-source-home .band.promo .panel{
  width:min(920px,92vw) !important;
  min-height:clamp(310px,50svh,500px) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  border-radius:32px !important;
  border:2px solid rgba(255,255,255,.24) !important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.04)),
    radial-gradient(circle at 50% 0%,rgba(255,255,255,.16),transparent 48%) !important;
  box-shadow:0 36px 100px rgba(0,0,0,.46), inset 0 0 0 1px rgba(255,255,255,.08) !important;
  overflow:hidden !important;
}
body.page-id-28428 .sp-html-source-home .band.promo .panel:before{
  content:"PARKER10" !important;
  position:absolute !important;
  inset:auto -4% -18% auto !important;
  font-family:var(--titre) !important;
  font-size:clamp(5rem,14vw,11rem) !important;
  color:rgba(255,255,255,.055) !important;
  letter-spacing:.02em !important;
  transform:rotate(-8deg) !important;
}
body.page-id-28428 .sp-html-source-home .band.promo h2{
  font-size:clamp(2.3rem,6vw,4.7rem) !important;
  line-height:.95 !important;
  max-width:760px !important;
}
body.page-id-28428 .sp-html-source-home .band.promo p{
  font-size:clamp(1rem,1.4vw,1.2rem) !important;
  line-height:1.55 !important;
  color:#dce7ff !important;
}
body.page-id-28428 .sp-html-source-home .band.promo .promo__code{
  margin-top:clamp(.5rem,1.2svh,1rem) !important;
  background:#fff !important;
  color:#c8102e !important;
  border:3px solid #c8102e !important;
  border-radius:999px !important;
  font-size:clamp(1.25rem,2.7vw,2rem) !important;
  padding:.6em 1.35em !important;
  box-shadow:0 14px 0 rgba(200,16,46,.45),0 28px 46px rgba(0,0,0,.32) !important;
}
body.page-id-28428 .sp-html-source-home .band.promo .promo__code span,
body.page-id-28428 .sp-html-source-home .band.promo .promo__code svg{
  color:#c8102e !important;
  stroke:#c8102e !important;
}

@media (max-width: 992px){
  body.page-id-28428{--sp-header-real: clamp(88px, 12svh, 132px)}
  body.page-id-28428 .sp-html-source-home > section,
  body.page-id-28428 .sp-html-source-home .section,
  body.page-id-28428 .sp-html-source-home .band{
    height:auto !important;
    min-height:var(--sp-home-screen) !important;
    max-height:none !important;
    overflow:visible !important;
  }
  body.page-id-28428 .sp-html-source-home #product-grid ul.products{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  body.page-id-28428 .sp-html-source-home #product-grid ul.products li.product{height:auto !important;max-height:none !important;min-height:340px !important}
  body.page-id-28428 .sp-html-source-home .stats__row,
  body.page-id-28428 .sp-html-source-home .reviews{grid-template-columns:repeat(2,minmax(0,1fr)) !important;height:auto !important}
}
@media (max-width: 560px){
  body.page-id-28428 .sp-html-source-home #product-grid ul.products,
  body.page-id-28428 .sp-html-source-home .stats__row,
  body.page-id-28428 .sp-html-source-home .reviews{grid-template-columns:1fr !important}
  body.page-id-28428 .sp-html-source-home .map-stop .map-stop__label{min-width:0 !important;max-width:none !important}
}
/* END HERMES_SPIDERMAN_MANDATORY_FIX_20260709 */

/* HERMES_SPIDERMAN_FINAL_SCREEN_FIX_20260709
   Fix final demandé: header taille normale, hero+header=1 écran, sections=1 écran, map lisible, produits non coupés. */
body.page-id-28428{
  --sp-real-header: clamp(184px, 22svh, 238px);
  --sp-section-screen: 100svh;
  --sp-hero-screen: calc(100svh - var(--sp-real-header));
}

/* Toutes les sections home desktop = exactement un écran. */
@media (min-width: 993px){
  body.page-id-28428 .sp-html-source-home > section,
  body.page-id-28428 .sp-html-source-home .section,
  body.page-id-28428 .sp-html-source-home .band{
    height:var(--sp-section-screen) !important;
    min-height:var(--sp-section-screen) !important;
    max-height:var(--sp-section-screen) !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    padding:clamp(20px,3svh,42px) clamp(18px,3.2vw,54px) !important;
  }

  /* Cas spécial: le hero est plus petit car le header est au-dessus. Header + hero = 100svh. */
  body.page-id-28428 .sp-html-source-home .hero{
    height:var(--sp-hero-screen) !important;
    min-height:var(--sp-hero-screen) !important;
    max-height:var(--sp-hero-screen) !important;
    padding-top:clamp(6px,1svh,14px) !important;
    padding-bottom:clamp(12px,1.8svh,24px) !important;
    align-items:center !important;
    justify-content:center !important;
  }
  body.page-id-28428 .sp-html-source-home .hero__inner{
    padding-top:clamp(170px,25svh,270px) !important;
    max-width:min(1060px,92vw) !important;
  }
  body.page-id-28428 .sp-html-source-home .hero__title{
    font-size:clamp(2.8rem,min(7.2vw,8.8svh),5.8rem) !important;
    line-height:.9 !important;
  }
  body.page-id-28428 .sp-html-source-home .hero__lead{
    font-size:clamp(.95rem,1.55svh,1.12rem) !important;
    line-height:1.42 !important;
  }
  body.page-id-28428 .sp-html-source-home .swing{
    top:clamp(-58px,-6svh,-24px) !important;
    left:50% !important;
    width:clamp(210px,24vw,330px) !important;
    height:clamp(270px,37svh,390px) !important;
    transform:translateX(-50%) !important;
  }
  body.page-id-28428 .sp-html-source-home .swing__hero{
    width:min(92%,300px) !important;
    max-height:74% !important;
  }
  body.page-id-28428 .sp-html-source-home .swing__rope{
    height:76% !important;
  }
}

/* Plan: le label Collection Spider-Man doit rester visible, et tous les labels lisibles. */
body.page-id-28428 .sp-html-source-home .map-stop--main{
  z-index:12 !important;
}
body.page-id-28428 .sp-html-source-home .map-stop--main .map-stop__label{
  min-width:220px !important;
  max-width:260px !important;
  font-size:.9rem !important;
  font-weight:900 !important;
  background:#fff !important;
  border-color:#c8102e !important;
  box-shadow:6px 6px 0 rgba(200,16,46,.24),0 14px 28px rgba(0,0,0,.18) !important;
}
body.page-id-28428 .sp-html-source-home .map-stop .map-stop__label{
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  word-break:normal !important;
  color:#0b1220 !important;
  -webkit-text-fill-color:#0b1220 !important;
}
body.page-id-28428 .sp-html-source-home .map-stop .map-stop__label svg,
body.page-id-28428 .sp-html-source-home .map-stop .map-stop__label i{
  color:#c8102e !important;
  stroke:#c8102e !important;
}
body.page-id-28428 .sp-html-source-home .map-stop:hover .map-stop__label svg,
body.page-id-28428 .sp-html-source-home .map-stop:hover .map-stop__label i{
  color:#fff !important;
  stroke:#fff !important;
}

/* Produits: ne plus couper les cartes, quitte à afficher moins de cartes sur desktop. */
@media (min-width: 993px){
  body.page-id-28428 .sp-html-source-home .bestsellers .head{
    flex:0 0 auto !important;
    margin-bottom:clamp(8px,1.1svh,14px) !important;
  }
  body.page-id-28428 .sp-html-source-home .bestsellers .head h2{
    font-size:clamp(1.7rem,min(3.8vw,4.7svh),2.8rem) !important;
  }
  body.page-id-28428 .sp-html-source-home .bestsellers .head .lede,
  body.page-id-28428 .sp-html-source-home .rail-hint{
    font-size:clamp(.78rem,1.15svh,.94rem) !important;
    line-height:1.35 !important;
    margin-bottom:clamp(5px,.9svh,10px) !important;
  }
  body.page-id-28428 .sp-html-source-home #product-grid.rail{
    flex:1 1 auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    width:min(1180px,94vw) !important;
    padding:0 0 10px !important;
  }
  body.page-id-28428 .sp-html-source-home #product-grid ul.products{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    gap:clamp(12px,1.2vw,18px) !important;
    height:100% !important;
    max-height:100% !important;
    overflow:visible !important;
  }
  body.page-id-28428 .sp-html-source-home #product-grid ul.products li.product{
    flex:0 0 clamp(235px,22vw,286px) !important;
    width:clamp(235px,22vw,286px) !important;
    height:100% !important;
    max-height:none !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
    padding:clamp(10px,1.2svh,14px) !important;
  }
  body.page-id-28428 .sp-html-source-home #product-grid .woocommerce-image__wrapper{
    flex:0 0 clamp(150px,24svh,245px) !important;
    height:clamp(150px,24svh,245px) !important;
    min-height:clamp(150px,24svh,245px) !important;
    max-height:clamp(150px,24svh,245px) !important;
  }
  body.page-id-28428 .sp-html-source-home #product-grid .woocommerce-image__wrapper img{
    object-fit:contain !important;
    width:100% !important;
    height:100% !important;
  }
  body.page-id-28428 .sp-html-source-home #product-grid .woocommerce-card__header{
    flex:1 1 auto !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
  }
  body.page-id-28428 .sp-html-source-home #product-grid .woocommerce-loop-product__title,
  body.page-id-28428 .sp-html-source-home #product-grid .woocommerce-loop-product__title a{
    font-size:clamp(.74rem,1.15svh,.9rem) !important;
    line-height:1.18 !important;
    max-height:3.55em !important;
    overflow:hidden !important;
  }
  body.page-id-28428 .sp-html-source-home #product-grid .price{margin-top:auto !important;}
  body.page-id-28428 .sp-html-source-home #product-grid .button{
    flex:0 0 auto !important;
    min-height:36px !important;
    max-height:none !important;
    white-space:normal !important;
  }
}

/* Stats et autres bandes: annule les anciens max-height/auto qui cassaient le plein écran. */
@media (min-width: 993px){
  body.page-id-28428 .sp-html-source-home .stats,
  body.page-id-28428 .sp-html-source-home .promo,
  body.page-id-28428 .sp-html-source-home .reviews-section,
  body.page-id-28428 .sp-html-source-home .assure-section,
  body.page-id-28428 .sp-html-source-home .edito,
  body.page-id-28428 .sp-html-source-home .feature,
  body.page-id-28428 .sp-html-source-home .faq,
  body.page-id-28428 .sp-html-source-home .subscribe{
    height:100svh !important;
    min-height:100svh !important;
    max-height:100svh !important;
  }
  body.page-id-28428 .sp-html-source-home .stats__row{
    height:clamp(360px,58svh,560px) !important;
  }
}
/* END HERMES_SPIDERMAN_FINAL_SCREEN_FIX_20260709 */

/* HERMES_SPIDERMAN_NO_HEADER_TOUCH_FIX_20260709
   Ne cible plus header/footer. Corrections limitées à .sp-html-source-home. */
@media (min-width: 993px){
  body.page-id-28428{
    --sp-natural-header-space: clamp(132px, 17svh, 178px);
    --sp-hero-home: calc(100svh - var(--sp-natural-header-space));
  }

  /* Hero: seul le contenu home est dimensionné. Header/footer jamais ciblés. */
  body.page-id-28428 .sp-html-source-home .hero{
    height: var(--sp-hero-home) !important;
    min-height: var(--sp-hero-home) !important;
    max-height: var(--sp-hero-home) !important;
    padding: clamp(4px,.8svh,10px) clamp(18px,3vw,48px) clamp(30px,5svh,58px) !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }
  body.page-id-28428 .sp-html-source-home .hero__inner{
    padding-top: clamp(145px, 21svh, 235px) !important;
  }
  body.page-id-28428 .sp-html-source-home .swing{
    top: clamp(-48px, -5svh, -18px) !important;
    width: clamp(205px, 23vw, 315px) !important;
    height: clamp(255px, 34svh, 360px) !important;
  }

  /* Barre rouge: elle ne doit pas créer un écran en plus. On la remonte en recouvrement doux. */
  body.page-id-28428 .sp-html-source-home .ticker{
    position: relative !important;
    z-index: 6 !important;
    margin-top: clamp(-48px, -5.5svh, -34px) !important;
    transform: translateY(-1px) !important;
    padding: clamp(.42rem,.8svh,.55rem) 0 !important;
  }

  /* Tous les vrais blocs après ticker restent un écran, sans header/footer. */
  body.page-id-28428 .sp-html-source-home > section:not(.hero),
  body.page-id-28428 .sp-html-source-home .section:not(.hero),
  body.page-id-28428 .sp-html-source-home .band{
    height: 100svh !important;
    min-height: 100svh !important;
    max-height: 100svh !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
  }
}

/* Plan: label Collection Spider-Man lisible, sans couvrir les autres points. */
body.page-id-28428 .sp-html-source-home .map-stop--main{
  left: 48% !important;
  top: 50% !important;
  z-index: 20 !important;
}
body.page-id-28428 .sp-html-source-home .map-stop--main .map-stop__label{
  min-width: 210px !important;
  max-width: 245px !important;
  background: #fff !important;
  color: #0b1220 !important;
  -webkit-text-fill-color:#0b1220 !important;
  border: 2px solid #c8102e !important;
  font-size: .88rem !important;
}
body.page-id-28428 .sp-html-source-home .map-stop--main .map-stop__label svg,
body.page-id-28428 .sp-html-source-home .map-stop--main .map-stop__label i{
  color:#c8102e !important;
  stroke:#c8102e !important;
}

/* Produits: moins étiré, plus propre, rail horizontal de cards compactes. */
@media (min-width: 993px){
  body.page-id-28428 .sp-html-source-home .bestsellers{
    padding-top: clamp(20px,3svh,36px) !important;
    padding-bottom: clamp(20px,3svh,36px) !important;
  }
  body.page-id-28428 .sp-html-source-home .bestsellers .head{
    max-width:min(980px,86vw) !important;
  }
  body.page-id-28428 .sp-html-source-home #product-grid.rail{
    flex: 0 0 auto !important;
    height: clamp(390px, 58svh, 520px) !important;
    max-height: clamp(390px, 58svh, 520px) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 0 12px !important;
  }
  body.page-id-28428 .sp-html-source-home #product-grid ul.products{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    gap:18px !important;
    height:100% !important;
  }
  body.page-id-28428 .sp-html-source-home #product-grid ul.products li.product{
    flex:0 0 245px !important;
    width:245px !important;
    height:100% !important;
    max-height:100% !important;
    border-radius:18px !important;
    transform:none !important;
  }
  body.page-id-28428 .sp-html-source-home #product-grid .woocommerce-image__wrapper{
    flex:0 0 205px !important;
    height:205px !important;
    min-height:205px !important;
    max-height:205px !important;
    background:#fff !important;
    border-radius:14px !important;
  }
  body.page-id-28428 .sp-html-source-home #product-grid .woocommerce-image__wrapper img{
    object-fit:contain !important;
    padding:8px !important;
  }
}

/* Stats: moins vide, cards égales, libellé court. */
@media (min-width: 993px){
  body.page-id-28428 .sp-html-source-home .stats{
    padding: clamp(40px,6svh,76px) clamp(28px,4vw,64px) !important;
  }
  body.page-id-28428 .sp-html-source-home .stats__row{
    height: clamp(300px,45svh,430px) !important;
    max-width: min(1040px,90vw) !important;
    gap: clamp(16px,2vw,28px) !important;
  }
  body.page-id-28428 .sp-html-source-home .stats__row > div{
    min-height: 0 !important;
    padding: clamp(18px,2vw,28px) !important;
  }
  body.page-id-28428 .sp-html-source-home .stats__n{
    font-size: clamp(2.4rem,4.5vw,4.3rem) !important;
  }
  body.page-id-28428 .sp-html-source-home .stats__l{
    font-size: clamp(.72rem,.82vw,.86rem) !important;
    letter-spacing:.08em !important;
  }
}

/* Edition spéciale: background DA Spider-Man plus assumé. */
body.page-id-28428 .sp-html-source-home .band.promo{
  background:
    linear-gradient(90deg, rgba(4,7,16,.92), rgba(4,7,16,.50)),
    radial-gradient(circle at 16% 18%, rgba(200,16,46,.58), transparent 30%),
    radial-gradient(circle at 82% 68%, rgba(27,84,176,.52), transparent 32%),
    url('/wp-content/themes/child-shoptimizer-child/spiderman.png') right 8% center / min(34vw,420px) auto no-repeat,
    linear-gradient(135deg,#05070d,#102247 58%,#05070d) !important;
  position:relative !important;
  isolation:isolate !important;
}
body.page-id-28428 .sp-html-source-home .band.promo:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  background:
    repeating-linear-gradient(118deg, rgba(255,255,255,.055) 0 1px, transparent 1px 42px),
    repeating-linear-gradient(28deg, rgba(255,255,255,.04) 0 1px, transparent 1px 50px) !important;
  opacity:.9 !important;
}
body.page-id-28428 .sp-html-source-home .band.promo .panel{
  margin-left: max(4vw, calc((100vw - 1180px)/2)) !important;
  margin-right:auto !important;
  width:min(640px,58vw) !important;
  min-height:clamp(330px,50svh,470px) !important;
  text-align:left !important;
  align-items:flex-start !important;
}

/* Araignée baladeuse: remplacer l'icône abstraite par une araignée reconnaissable, discrète. */
#spider-walker{
  width: clamp(34px, 3.2vw, 48px) !important;
  opacity: .36 !important;
  filter: drop-shadow(0 8px 12px rgba(0,0,0,.42)) !important;
}
#spider-walker::before{
  content:"🕷️" !important;
  display:block !important;
  font-size: clamp(30px, 3vw, 46px) !important;
  line-height:1 !important;
}
#spider-walker img{
  display:none !important;
}
/* END HERMES_SPIDERMAN_NO_HEADER_TOUCH_FIX_20260709 */

/* HERMES_SPIDERMAN_VISUAL_FINAL_20260709
   Scope strict home uniquement. Aucun sélecteur header/footer. */
@media (min-width: 993px){
  body.page-id-28428 .sp-html-source-home{
    --sp-header-natural-space: clamp(118px, 15svh, 164px);
    --sp-hero-height-final: calc(100svh - var(--sp-header-natural-space));
  }
  body.page-id-28428 .sp-html-source-home .hero{
    height: var(--sp-hero-height-final) !important;
    min-height: var(--sp-hero-height-final) !important;
    max-height: var(--sp-hero-height-final) !important;
    padding-top: clamp(2px,.5svh,8px) !important;
    padding-bottom: clamp(42px,6svh,72px) !important;
    justify-content:center !important;
    overflow:hidden !important;
  }
  body.page-id-28428 .sp-html-source-home .hero__inner{
    padding-top: clamp(120px,18svh,205px) !important;
  }
  body.page-id-28428 .sp-html-source-home .swing{
    top: clamp(-52px,-5.2svh,-22px) !important;
    height: clamp(230px,32svh,340px) !important;
    width: clamp(205px,22vw,305px) !important;
  }
  body.page-id-28428 .sp-html-source-home .ticker{
    margin-top: clamp(-72px,-8svh,-48px) !important;
    position:relative !important;
    z-index:12 !important;
  }
}

/* Plan: Collection Spider-Man visible + surbrillance jamais illisible. */
body.page-id-28428 .sp-html-source-home .map-stop--main{
  left:49% !important;
  top:49% !important;
  z-index:30 !important;
}
body.page-id-28428 .sp-html-source-home .map-stop--main .map-stop__label{
  min-width: 230px !important;
  max-width: 270px !important;
  background:#fff !important;
  color:#0b1220 !important;
  -webkit-text-fill-color:#0b1220 !important;
  border:3px solid #c8102e !important;
  font-size:.94rem !important;
  font-weight:900 !important;
}
body.page-id-28428 .sp-html-source-home .map-stop .map-stop__label,
body.page-id-28428 .sp-html-source-home .map-stop .map-stop__label strong,
body.page-id-28428 .sp-html-source-home .map-stop .map-stop__label small{
  color:#0b1220 !important;
  -webkit-text-fill-color:#0b1220 !important;
  text-shadow:none !important;
}
body.page-id-28428 .sp-html-source-home .map-stop:hover .map-stop__label,
body.page-id-28428 .sp-html-source-home .map-stop:focus-visible .map-stop__label{
  background:#fff6f8 !important;
  color:#0b1220 !important;
  -webkit-text-fill-color:#0b1220 !important;
  border-color:#c8102e !important;
  box-shadow:8px 8px 0 rgba(200,16,46,.24),0 18px 34px rgba(0,0,0,.18) !important;
}
body.page-id-28428 .sp-html-source-home .map-stop:hover .map-stop__label strong,
body.page-id-28428 .sp-html-source-home .map-stop:hover .map-stop__label small,
body.page-id-28428 .sp-html-source-home .map-stop:hover .map-stop__label i,
body.page-id-28428 .sp-html-source-home .map-stop:hover .map-stop__label svg{
  color:#0b1220 !important;
  -webkit-text-fill-color:#0b1220 !important;
  stroke:#c8102e !important;
}

/* Produits: stopper l'étirement vertical, cards compactes et propres. */
@media (min-width: 993px){
  body.page-id-28428 .sp-html-source-home .bestsellers{
    padding-top: clamp(24px,3.2svh,42px) !important;
    padding-bottom: clamp(24px,3.2svh,42px) !important;
    justify-content:center !important;
  }
  body.page-id-28428 .sp-html-source-home .bestsellers .head{
    flex:0 0 auto !important;
    max-width:min(920px,84vw) !important;
    margin-bottom: clamp(12px,1.8svh,22px) !important;
  }
  body.page-id-28428 .sp-html-source-home #product-grid.rail{
    flex:0 0 auto !important;
    width:min(1120px,92vw) !important;
    height:430px !important;
    max-height:430px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:0 0 12px !important;
  }
  body.page-id-28428 .sp-html-source-home #product-grid ul.products{
    display:flex !important;
    flex-wrap:nowrap !important;
    height:430px !important;
    align-items:stretch !important;
    gap:16px !important;
  }
  body.page-id-28428 .sp-html-source-home #product-grid ul.products li.product{
    flex:0 0 236px !important;
    width:236px !important;
    height:430px !important;
    max-height:430px !important;
    min-height:430px !important;
    padding:12px !important;
    border-radius:18px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
  }
  body.page-id-28428 .sp-html-source-home #product-grid .woocommerce-image__wrapper{
    flex:0 0 188px !important;
    width:100% !important;
    height:188px !important;
    min-height:188px !important;
    max-height:188px !important;
    background:#fff !important;
    border-radius:14px !important;
    overflow:hidden !important;
  }
  body.page-id-28428 .sp-html-source-home #product-grid .woocommerce-image__wrapper img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    padding:8px !important;
  }
  body.page-id-28428 .sp-html-source-home #product-grid .woocommerce-loop-product__title,
  body.page-id-28428 .sp-html-source-home #product-grid .woocommerce-loop-product__title a{
    font-size:.82rem !important;
    line-height:1.18 !important;
    max-height:3.55em !important;
  }
}

/* Stats: fond + effet toile pour remplir l'écran sans vide. */
body.page-id-28428 .sp-html-source-home .stats{
  background:
    radial-gradient(circle at 18% 22%, rgba(200,16,46,.62), transparent 26%),
    radial-gradient(circle at 82% 65%, rgba(22,76,171,.58), transparent 30%),
    repeating-linear-gradient(118deg, rgba(255,255,255,.055) 0 1px, transparent 1px 42px),
    repeating-linear-gradient(28deg, rgba(255,255,255,.04) 0 1px, transparent 1px 48px),
    linear-gradient(135deg,#05070d 0%,#101c38 58%,#05070d 100%) !important;
  position:relative !important;
  isolation:isolate !important;
}
body.page-id-28428 .sp-html-source-home .stats:before{
  content:"" !important;
  position:absolute !important;
  inset:9% 6% !important;
  z-index:-1 !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:34px !important;
  background:radial-gradient(circle at 50% 50%, rgba(255,255,255,.08), transparent 64%) !important;
  box-shadow:0 32px 90px rgba(0,0,0,.28), inset 0 0 80px rgba(255,255,255,.035) !important;
}
body.page-id-28428 .sp-html-source-home .stats__row > div{
  background:rgba(5,9,18,.72) !important;
  border:1px solid rgba(255,255,255,.24) !important;
  box-shadow:0 22px 48px rgba(0,0,0,.32), inset 0 0 0 1px rgba(255,255,255,.05) !important;
}

/* Promo 10%: image générée localement, DA rouge/bleu/toile. */
body.page-id-28428 .sp-html-source-home .band.promo{
  background-image:
    linear-gradient(90deg,rgba(3,6,14,.88),rgba(3,6,14,.42)),
    url('/wp-content/themes/child-shoptimizer-child/spiderman-promo-bg-generated.png') !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}
body.page-id-28428 .sp-html-source-home .band.promo .panel{
  backdrop-filter:blur(6px) !important;
  background:linear-gradient(135deg,rgba(8,14,28,.80),rgba(8,14,28,.50)) !important;
  border:1px solid rgba(255,255,255,.28) !important;
}

/* Araignée baladeuse: vraie image PNG transparente, pas emoji ni icône abstraite. */
#spider-walker{
  width:clamp(42px,4vw,62px) !important;
  height:clamp(42px,4vw,62px) !important;
  opacity:.55 !important;
  background:url('/wp-content/themes/child-shoptimizer-child/spider-walker-real.png') center/contain no-repeat !important;
  filter:drop-shadow(0 10px 16px rgba(0,0,0,.48)) !important;
}
#spider-walker::before{display:none !important;content:none !important;}
#spider-walker img{display:none !important;}
/* END HERMES_SPIDERMAN_VISUAL_FINAL_20260709 */

/* HERMES_SPIDERMAN_REQUESTED_FIX_20260709
   Correctif demandé scope home uniquement. Aucun header/footer ciblé. */
@media (min-width: 993px){
  body.page-id-28428 .sp-html-source-home{--sp-header-space-safe:clamp(118px,15svh,160px);--sp-hero-screen-safe:calc(100svh - var(--sp-header-space-safe));}
  body.page-id-28428 .sp-html-source-home .hero{height:var(--sp-hero-screen-safe)!important;min-height:var(--sp-hero-screen-safe)!important;max-height:var(--sp-hero-screen-safe)!important;padding-top:0!important;padding-bottom:clamp(46px,6.5svh,76px)!important;overflow:hidden!important;}
  body.page-id-28428 .sp-html-source-home .hero__inner{padding-top:clamp(112px,17svh,190px)!important;}
  body.page-id-28428 .sp-html-source-home .swing{top:clamp(-56px,-5.8svh,-24px)!important;height:clamp(220px,31svh,325px)!important;width:clamp(200px,21vw,300px)!important;}
  body.page-id-28428 .sp-html-source-home .ticker{margin-top:clamp(-88px,-9.5svh,-62px)!important;z-index:30!important;position:relative!important;}
}
body.page-id-28428 .sp-html-source-home .map-stop--main{display:none!important;}
body.page-id-28428 .sp-html-source-home .map-stop:hover .map-stop__label,
body.page-id-28428 .sp-html-source-home .map-stop:focus-visible .map-stop__label,
body.page-id-28428 .sp-html-source-home .map-stop:hover .map-stop__label *,
body.page-id-28428 .sp-html-source-home .map-stop:focus-visible .map-stop__label *{color:#0b1220!important;-webkit-text-fill-color:#0b1220!important;stroke:#c8102e!important;text-shadow:none!important;}
body.page-id-28428 .sp-html-source-home .map-stop:hover .map-stop__label,
body.page-id-28428 .sp-html-source-home .map-stop:focus-visible .map-stop__label{background:#fff!important;border-color:#c8102e!important;}
@media (min-width: 993px){
  body.page-id-28428 .sp-html-source-home .bestsellers{justify-content:center!important;}
  body.page-id-28428 .sp-html-source-home #product-grid.rail{width:min(1080px,92vw)!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;}
  body.page-id-28428 .sp-html-source-home #product-grid ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;height:auto!important;max-height:none!important;overflow:visible!important;}
  body.page-id-28428 .sp-html-source-home #product-grid ul.products li.product:nth-child(n+5){display:none!important;}
  body.page-id-28428 .sp-html-source-home #product-grid ul.products li.product{width:auto!important;height:360px!important;min-height:360px!important;max-height:360px!important;flex:none!important;padding:12px!important;border-radius:16px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;}
  body.page-id-28428 .sp-html-source-home #product-grid .woocommerce-image__wrapper{height:150px!important;min-height:150px!important;max-height:150px!important;flex:0 0 150px!important;background:#fff!important;border-radius:12px!important;}
  body.page-id-28428 .sp-html-source-home #product-grid .woocommerce-image__wrapper img{object-fit:contain!important;width:100%!important;height:100%!important;padding:8px!important;}
  body.page-id-28428 .sp-html-source-home #product-grid .woocommerce-loop-product__title,
  body.page-id-28428 .sp-html-source-home #product-grid .woocommerce-loop-product__title a{font-size:.78rem!important;line-height:1.16!important;max-height:3.45em!important;overflow:hidden!important;}
  body.page-id-28428 .sp-html-source-home #product-grid .star-rating{transform:scale(.75)!important;transform-origin:left center!important;margin:.12rem 0!important;}
  body.page-id-28428 .sp-html-source-home #product-grid .price{font-size:.9rem!important;margin-top:auto!important;}
  body.page-id-28428 .sp-html-source-home #product-grid .button{min-height:34px!important;padding:7px 8px!important;font-size:.68rem!important;line-height:1.08!important;}
}
body.page-id-28428 .sp-html-source-home .stats{background-image:linear-gradient(90deg,rgba(4,7,16,.86),rgba(4,7,16,.42)),url('/wp-content/themes/child-shoptimizer-child/spiderman-stats-rooftop-bg.png')!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;}
body.page-id-28428 .sp-html-source-home .stats:before{display:none!important;content:none!important;}
body.page-id-28428 .sp-html-source-home .stats__row > div{background:rgba(5,9,18,.58)!important;backdrop-filter:blur(4px)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 18px 40px rgba(0,0,0,.26)!important;}
body.page-id-28428 .sp-html-source-home .band.promo{background-image:linear-gradient(90deg,rgba(3,6,14,.76),rgba(3,6,14,.20)),url('/wp-content/themes/child-shoptimizer-child/spiderman-promo-bg-generated-v2.png')!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;}
body.page-id-28428 .sp-html-source-home .band.promo .panel{background:rgba(5,9,18,.62)!important;backdrop-filter:blur(6px)!important;border:1px solid rgba(255,255,255,.28)!important;}
/* END HERMES_SPIDERMAN_REQUESTED_FIX_20260709 */

/* HERMES_HERO_HEADER_SCREEN_LOCK_20260709
   Le script mesure le header sans le modifier. Aucun sélecteur header/footer ici. */
@media (min-width: 993px){
  body.page-id-28428 .sp-html-source-home{
    --sp-measured-header-h: 150px;
    --sp-measured-ticker-h: 42px;
    --sp-first-screen-hero-h: calc(100svh - var(--sp-measured-header-h));
  }
  body.page-id-28428 .sp-html-source-home .hero{
    height: var(--sp-first-screen-hero-h) !important;
    min-height: var(--sp-first-screen-hero-h) !important;
    max-height: var(--sp-first-screen-hero-h) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    padding-top: 0 !important;
    padding-bottom: calc(var(--sp-measured-ticker-h) + clamp(10px, 1.8svh, 22px)) !important;
    margin: 0 !important;
    justify-content: center !important;
  }
  body.page-id-28428 .sp-html-source-home .ticker{
    margin-top: calc(-1 * var(--sp-measured-ticker-h)) !important;
    margin-bottom: 0 !important;
    height: var(--sp-measured-ticker-h) !important;
    min-height: var(--sp-measured-ticker-h) !important;
    max-height: var(--sp-measured-ticker-h) !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    z-index: 50 !important;
  }
  body.page-id-28428 .sp-html-source-home .hero__inner{
    padding-top: clamp(96px, 15svh, 170px) !important;
  }
  body.page-id-28428 .sp-html-source-home .swing{
    top: clamp(-48px, -5svh, -18px) !important;
    height: clamp(210px, 30svh, 315px) !important;
    width: clamp(190px, 20vw, 290px) !important;
  }
}
/* END HERMES_HERO_HEADER_SCREEN_LOCK_20260709 */

/* HERMES_SPIDERMAN_ROPE_TO_HAND_20260709
   Ajuste uniquement le visuel hero: la toile arrive vers la main, pas dans le dos. */
body.page-id-28428 .sp-html-source-home .swing__rope{
  left: 63% !important;
  top: -2% !important;
  height: 74% !important;
  width: 4px !important;
  transform: translateX(-50%) rotate(13deg) !important;
  transform-origin: top center !important;
}
body.page-id-28428 .sp-html-source-home .swing__rope::before{
  top: 40% !important;
  width: clamp(42px, 4.5vw, 68px) !important;
  transform: translateX(-50%) rotate(18deg) !important;
}
body.page-id-28428 .sp-html-source-home .swing__rope::after{
  top: 57% !important;
  width: clamp(34px, 3.8vw, 58px) !important;
  transform: translateX(-50%) rotate(-18deg) !important;
}
body.page-id-28428 .sp-html-source-home .swing__hero{
  object-position: center bottom !important;
}
@media (max-width: 700px){
  body.page-id-28428 .sp-html-source-home .swing__rope{
    left: 64% !important;
    transform: translateX(-50%) rotate(11deg) !important;
  }
}
/* END HERMES_SPIDERMAN_ROPE_TO_HAND_20260709 */

/* HERMES_SPIDERMAN_ROPE_TO_HAND_STRONG_20260709
   Reposition finale: la toile s'arrête sur la main tendue, devant l'image, pas dans le dos. */
body.page-id-28428 .sp-html-source-home .swing{
  overflow: visible !important;
}
body.page-id-28428 .sp-html-source-home .swing__hero{
  z-index: 2 !important;
}
body.page-id-28428 .sp-html-source-home .swing__rope{
  z-index: 5 !important;
  left: 72% !important;
  top: -6% !important;
  height: 58% !important;
  width: 4px !important;
  transform-origin: top center !important;
  transform: translateX(-50%) rotate(24deg) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(200,216,248,.92) 72%, rgba(255,255,255,.86)) !important;
  box-shadow: 0 0 9px rgba(255,255,255,.82), 0 0 22px rgba(125,151,194,.38) !important;
  border-radius: 999px !important;
}
body.page-id-28428 .sp-html-source-home .swing__rope::before,
body.page-id-28428 .sp-html-source-home .swing__rope::after{
  z-index: 6 !important;
  background: rgba(236,242,255,.72) !important;
}
body.page-id-28428 .sp-html-source-home .swing__rope::before{
  top: 70% !important;
  width: clamp(34px, 3.6vw, 56px) !important;
  transform: translateX(-50%) rotate(35deg) !important;
}
body.page-id-28428 .sp-html-source-home .swing__rope::after{
  top: 82% !important;
  width: clamp(26px, 3vw, 46px) !important;
  transform: translateX(-50%) rotate(-26deg) !important;
}
/* petit point d'accroche visuel au niveau de la main */
body.page-id-28428 .sp-html-source-home .swing::after{
  content:"" !important;
  position:absolute !important;
  z-index:6 !important;
  left: calc(72% + clamp(48px, 5.8vw, 82px)) !important;
  top: 52% !important;
  width: 10px !important;
  height: 10px !important;
  border-radius:999px !important;
  background:#fff !important;
  box-shadow:0 0 10px rgba(255,255,255,.9), 0 0 18px rgba(159,176,208,.7) !important;
  transform: translate(-50%,-50%) !important;
}
@media (max-width: 700px){
  body.page-id-28428 .sp-html-source-home .swing__rope{
    left: 71% !important;
    height: 56% !important;
    transform: translateX(-50%) rotate(21deg) !important;
  }
  body.page-id-28428 .sp-html-source-home .swing::after{
    left: calc(71% + 42px) !important;
    top: 51% !important;
  }
}
/* END HERMES_SPIDERMAN_ROPE_TO_HAND_STRONG_20260709 */

/* HERMES_SPIDERMAN_ROPE_EXACT_HAND_20260710
   D'après capture: main tendue à gauche. La toile doit partir du haut et finir sur cette main. */
body.page-id-28428 .sp-html-source-home .swing__rope{
  z-index: 8 !important;
  left: 53% !important;
  top: -12% !important;
  height: clamp(128px, 19svh, 168px) !important;
  width: 4px !important;
  transform-origin: top center !important;
  transform: translateX(-50%) rotate(64deg) !important;
  background: linear-gradient(180deg, rgba(255,255,255,1), rgba(210,225,255,.96)) !important;
  box-shadow: 0 0 10px rgba(255,255,255,.95), 0 0 24px rgba(180,205,255,.55) !important;
  border-radius: 999px !important;
}
body.page-id-28428 .sp-html-source-home .swing__rope::before,
body.page-id-28428 .sp-html-source-home .swing__rope::after{
  display:none !important;
  content:none !important;
}
body.page-id-28428 .sp-html-source-home .swing::after{
  content:"" !important;
  position:absolute !important;
  z-index:9 !important;
  left: 24% !important;
  top: 15% !important;
  width: 9px !important;
  height: 9px !important;
  border-radius:999px !important;
  background:#fff !important;
  box-shadow:0 0 10px rgba(255,255,255,1), 0 0 18px rgba(190,215,255,.85) !important;
  transform: translate(-50%,-50%) !important;
}
@media (min-width: 1300px){
  body.page-id-28428 .sp-html-source-home .swing__rope{
    left: 52% !important;
    top: -10% !important;
    height: clamp(132px, 18svh, 172px) !important;
    transform: translateX(-50%) rotate(63deg) !important;
  }
  body.page-id-28428 .sp-html-source-home .swing::after{
    left: 23.5% !important;
    top: 15.5% !important;
  }
}
@media (max-width: 700px){
  body.page-id-28428 .sp-html-source-home .swing__rope{
    left: 54% !important;
    top: -8% !important;
    height: 112px !important;
    transform: translateX(-50%) rotate(60deg) !important;
  }
  body.page-id-28428 .sp-html-source-home .swing::after{
    left: 27% !important;
    top: 17% !important;
  }
}
/* END HERMES_SPIDERMAN_ROPE_EXACT_HAND_20260710 */

/* HERMES_SPIDERMAN_VISIBLE_WEB_TO_HAND_20260710
   Toile visible indépendante: elle finit sur la main gauche tendue. */
body.page-id-28428 .sp-html-source-home .swing{
  overflow: visible !important;
}
/* On neutralise l'ancien brin qui tombait au mauvais endroit / disparaissait. */
body.page-id-28428 .sp-html-source-home .swing__rope{
  display: none !important;
}
/* Nouveau brin: ancré visuellement sur la main gauche. */
body.page-id-28428 .sp-html-source-home .swing::before{
  content:"" !important;
  position:absolute !important;
  z-index:12 !important;
  left:24% !important;
  top:-20% !important;
  width:5px !important;
  height:36% !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(226,236,255,.98) 72%, rgba(255,255,255,1)) !important;
  box-shadow:0 0 10px rgba(255,255,255,.95),0 0 22px rgba(185,210,255,.65) !important;
  transform-origin:bottom center !important;
  transform:rotate(28deg) !important;
  pointer-events:none !important;
}
/* Point d'accroche exactement sur la main gauche. */
body.page-id-28428 .sp-html-source-home .swing::after{
  content:"" !important;
  position:absolute !important;
  z-index:13 !important;
  left:24% !important;
  top:16% !important;
  width:9px !important;
  height:9px !important;
  border-radius:999px !important;
  background:#fff !important;
  box-shadow:0 0 10px rgba(255,255,255,1),0 0 18px rgba(190,215,255,.9) !important;
  transform:translate(-50%,-50%) !important;
  pointer-events:none !important;
}
@media (min-width:1300px){
  body.page-id-28428 .sp-html-source-home .swing::before{left:23.5% !important;top:-19% !important;height:35% !important;transform:rotate(27deg) !important;}
  body.page-id-28428 .sp-html-source-home .swing::after{left:23.5% !important;top:16% !important;}
}
@media (max-width:700px){
  body.page-id-28428 .sp-html-source-home .swing::before{left:26% !important;top:-14% !important;height:32% !important;transform:rotate(25deg) !important;width:4px !important;}
  body.page-id-28428 .sp-html-source-home .swing::after{left:26% !important;top:18% !important;width:8px !important;height:8px !important;}
}
/* END HERMES_SPIDERMAN_VISIBLE_WEB_TO_HAND_20260710 */

/* HERMES_SPIDERMAN_SVG_WEB_HAND_20260710
   Toile réelle en SVG au-dessus du visuel, jusqu'à la main gauche. */
body.page-id-28428 .sp-html-source-home .swing{
  overflow: visible !important;
}
body.page-id-28428 .sp-html-source-home .swing__rope{
  display:none !important;
}
body.page-id-28428 .sp-html-source-home .hero-hand-web{
  position:absolute !important;
  z-index:40 !important;
  left:-6% !important;
  top:-34% !important;
  width:72% !important;
  height:58% !important;
  pointer-events:none !important;
  overflow:visible !important;
  filter:drop-shadow(0 0 7px rgba(255,255,255,.9)) drop-shadow(0 0 18px rgba(185,210,255,.55)) !important;
}
body.page-id-28428 .sp-html-source-home .hero-hand-web svg{
  display:block !important;
  width:100% !important;
  height:100% !important;
  overflow:visible !important;
}
body.page-id-28428 .sp-html-source-home .hero-hand-web .web-main{
  stroke:#fff !important;
  stroke-width:2.8 !important;
  stroke-linecap:round !important;
  opacity:1 !important;
}
body.page-id-28428 .sp-html-source-home .hero-hand-web .web-thin{
  stroke:rgba(235,243,255,.78) !important;
  stroke-width:1.1 !important;
  stroke-linecap:round !important;
  opacity:.9 !important;
}
body.page-id-28428 .sp-html-source-home .hero-hand-web .web-anchor{
  fill:#fff !important;
  opacity:1 !important;
}
@media (max-width:700px){
  body.page-id-28428 .sp-html-source-home .hero-hand-web{
    left:-3% !important;
    top:-26% !important;
    width:70% !important;
    height:52% !important;
  }
}
/* END HERMES_SPIDERMAN_SVG_WEB_HAND_20260710 */

/* HERMES_SPIDERMAN_WEB_POSITION_FINAL_20260710
   D'après capture: main à ~24%/16% du bloc swing. La toile doit être un segment continu jusqu'à ce point. */
body.page-id-28428 .sp-html-source-home .swing{
  overflow: visible !important;
}
body.page-id-28428 .sp-html-source-home .swing__rope{
  display:none !important;
}
body.page-id-28428 .sp-html-source-home .hero-hand-web{
  display:block !important;
  position:absolute !important;
  z-index:999 !important;
  left:20% !important;
  top:-38% !important;
  width:30% !important;
  height:55% !important;
  pointer-events:none !important;
  overflow:visible !important;
  opacity:1 !important;
  filter:drop-shadow(0 0 8px rgba(255,255,255,1)) drop-shadow(0 0 18px rgba(180,210,255,.8)) !important;
}
body.page-id-28428 .sp-html-source-home .hero-hand-web svg{
  display:block !important;
  width:100% !important;
  height:100% !important;
  overflow:visible !important;
}
/* Remplace visuellement la géométrie SVG par un vrai trait CSS continu, plus fiable selon les tailles. */
body.page-id-28428 .sp-html-source-home .hero-hand-web::before{
  content:"" !important;
  position:absolute !important;
  left:64% !important;
  top:0 !important;
  width:5px !important;
  height:104% !important;
  border-radius:999px !important;
  background:#fff !important;
  box-shadow:0 0 10px rgba(255,255,255,1),0 0 22px rgba(185,210,255,.8) !important;
  transform-origin:bottom center !important;
  transform:rotate(26deg) !important;
}
body.page-id-28428 .sp-html-source-home .hero-hand-web .web-main{
  stroke:#fff !important;
  stroke-width:5 !important;
  stroke-linecap:round !important;
  opacity:1 !important;
}
body.page-id-28428 .sp-html-source-home .hero-hand-web .web-thin{
  stroke:rgba(235,243,255,.86) !important;
  stroke-width:1.4 !important;
  stroke-linecap:round !important;
  opacity:.95 !important;
}
body.page-id-28428 .sp-html-source-home .hero-hand-web .web-anchor{
  fill:#fff !important;
  opacity:1 !important;
}
/* Point exactement sur la main gauche. */
body.page-id-28428 .sp-html-source-home .hero-hand-web::after{
  content:"" !important;
  position:absolute !important;
  left:12% !important;
  top:100% !important;
  width:10px !important;
  height:10px !important;
  border-radius:999px !important;
  background:#fff !important;
  box-shadow:0 0 10px rgba(255,255,255,1),0 0 18px rgba(190,215,255,.95) !important;
  transform:translate(-50%,-50%) !important;
}
@media (max-width:700px){
  body.page-id-28428 .sp-html-source-home .hero-hand-web{
    left:22% !important;
    top:-30% !important;
    width:31% !important;
    height:49% !important;
  }
  body.page-id-28428 .sp-html-source-home .hero-hand-web::before{
    left:62% !important;
    transform:rotate(24deg) !important;
  }
}
/* END HERMES_SPIDERMAN_WEB_POSITION_FINAL_20260710 */

/* HERMES_SPIDERMAN_INTEGRATED_WEB_IMAGE_20260710
   La toile est intégrée directement à l'image du Spider-Man. On neutralise tous les anciens traits CSS/JS. */
body.page-id-28428 .sp-html-source-home .swing__rope,
body.page-id-28428 .sp-html-source-home .hero-hand-web{
  display:none !important;
  content:none !important;
}
body.page-id-28428 .sp-html-source-home .swing::before,
body.page-id-28428 .sp-html-source-home .swing::after{
  display:none !important;
  content:none !important;
}
body.page-id-28428 .sp-html-source-home .swing__hero{
  content:url('/wp-content/themes/child-shoptimizer-child/spider-verse-web-hand.png') !important;
}
/* END HERMES_SPIDERMAN_INTEGRATED_WEB_IMAGE_20260710 */

/* HERMES_SPIDERMAN_WEB_HAND_IMAGE_V2_20260710
   Image corrigée: toile attachée au bout de la main gauche, sans X ni traits CSS additionnels. */
body.page-id-28428 .sp-html-source-home .swing__rope,
body.page-id-28428 .sp-html-source-home .hero-hand-web,
body.page-id-28428 .sp-html-source-home .swing::before,
body.page-id-28428 .sp-html-source-home .swing::after{
  display:none !important;
  content:none !important;
}
body.page-id-28428 .sp-html-source-home .swing__hero{
  content:url('/wp-content/themes/child-shoptimizer-child/spider-verse-web-hand-v2.png') !important;
}
/* END HERMES_SPIDERMAN_WEB_HAND_IMAGE_V2_20260710 */

/* HERMES_SPIDERMAN_USER_IMAGE_HERO_20260710
   Utilise l'image fournie par le user: Spider-Man avec toile déjà intégrée. */
body.page-id-28428 .sp-html-source-home .swing__rope,
body.page-id-28428 .sp-html-source-home .hero-hand-web,
body.page-id-28428 .sp-html-source-home .swing::before,
body.page-id-28428 .sp-html-source-home .swing::after{
  display:none !important;
  content:none !important;
}
@media (min-width: 993px){
  body.page-id-28428 .sp-html-source-home .swing{
    left:50% !important;
    top:clamp(-42px,-4.6svh,-18px) !important;
    width:clamp(310px,31vw,430px) !important;
    height:clamp(245px,37svh,385px) !important;
    transform:translateX(-50%) !important;
    overflow:visible !important;
  }
}
body.page-id-28428 .sp-html-source-home .swing__hero{
  content:url('/wp-content/themes/child-shoptimizer-child/spiderman-user-web-clean.png') !important;
  width:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center top !important;
  filter:drop-shadow(0 22px 32px rgba(0,0,0,.62)) !important;
}
@media (max-width: 700px){
  body.page-id-28428 .sp-html-source-home .swing{
    width:clamp(250px,62vw,350px) !important;
    height:clamp(220px,42svh,330px) !important;
    top:-14px !important;
  }
}
/* END HERMES_SPIDERMAN_USER_IMAGE_HERO_20260710 */

/* HERMES_SPIDERMAN_STATS_BG_CLEAN_20260710
   Remplace le fond moche du bloc stats par un fond NY/toits plus propre et discret. */
body.page-id-28428 .sp-html-source-home .stats{
  background-image:
    linear-gradient(90deg, rgba(3,7,16,.88), rgba(3,7,16,.45)),
    url('/wp-content/themes/child-shoptimizer-child/spiderman-stats-bg-clean-rooftop.png') !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}
body.page-id-28428 .sp-html-source-home .stats:before{
  display:none !important;
  content:none !important;
}
body.page-id-28428 .sp-html-source-home .stats__row > div{
  background:rgba(5,10,22,.42) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 16px 38px rgba(0,0,0,.24) !important;
  backdrop-filter:blur(3px) !important;
}
body.page-id-28428 .sp-html-source-home .stats__n{
  text-shadow:2px 2px 0 rgba(200,16,46,.8), 0 0 28px rgba(255,255,255,.18) !important;
}
/* END HERMES_SPIDERMAN_STATS_BG_CLEAN_20260710 */

/* HERMES_SPIDERMAN_STATS_USER_BG_20260710
   BG du bloc stats remplacé par l'image fournie par le user. */
body.page-id-28428 .sp-html-source-home .stats{
  background-image:
    linear-gradient(90deg, rgba(3,7,16,.78), rgba(3,7,16,.34)),
    url('/wp-content/themes/child-shoptimizer-child/spiderman-stats-user-bg.jpg') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
body.page-id-28428 .sp-html-source-home .stats:before{
  display:none !important;
  content:none !important;
}
body.page-id-28428 .sp-html-source-home .stats__row > div{
  background:rgba(5,9,18,.50) !important;
  backdrop-filter:blur(3px) !important;
  border:1px solid rgba(255,255,255,.20) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.30) !important;
}
/* END HERMES_SPIDERMAN_STATS_USER_BG_20260710 */

/* HERMES_SPIDERMAN_STATS_TITLE_SIZE_20260710
   Ajout titre stats + correction du 4,9/5 qui revenait à la ligne. */
body.page-id-28428 .sp-html-source-home .stats{
  gap:clamp(18px,3svh,34px) !important;
}
body.page-id-28428 .sp-html-source-home .stats__head{
  width:min(1040px,92vw) !important;
  margin:0 auto !important;
  text-align:center !important;
  position:relative !important;
  z-index:2 !important;
}
body.page-id-28428 .sp-html-source-home .stats__head .kicker{
  color:#ffdfeb !important;
  font-family:var(--titre) !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  font-size:clamp(.72rem,.9vw,.9rem) !important;
  display:block !important;
  margin-bottom:.35rem !important;
}
body.page-id-28428 .sp-html-source-home .stats__title{
  color:#fff !important;
  font-size:clamp(1.8rem,4vw,3.25rem) !important;
  line-height:1 !important;
  text-shadow:2px 2px 0 rgba(200,16,46,.82),0 18px 38px rgba(0,0,0,.38) !important;
  margin:0 !important;
}
body.page-id-28428 .sp-html-source-home .stats__n{
  white-space:nowrap !important;
  letter-spacing:-.04em !important;
  font-size:clamp(2rem,3.9vw,3.55rem) !important;
  line-height:.95 !important;
}
body.page-id-28428 .sp-html-source-home .stats__row > div:nth-child(2) .stats__n{
  font-size:clamp(1.75rem,3.1vw,2.95rem) !important;
  letter-spacing:-.06em !important;
}
body.page-id-28428 .sp-html-source-home .stats__row{
  height:auto !important;
  min-height:clamp(250px,36svh,360px) !important;
}
body.page-id-28428 .sp-html-source-home .stats__row > div{
  min-width:0 !important;
}
@media (max-width:700px){
  body.page-id-28428 .sp-html-source-home .stats__title{font-size:clamp(1.55rem,8vw,2.25rem) !important;}
  body.page-id-28428 .sp-html-source-home .stats__n{font-size:2.35rem !important;}
  body.page-id-28428 .sp-html-source-home .stats__row > div:nth-child(2) .stats__n{font-size:2.1rem !important;}
}
/* END HERMES_SPIDERMAN_STATS_TITLE_SIZE_20260710 */

/* HERMES_SPIDERMAN_STATS_49_HEADINGS_20260710
   Réduit fortement le 4,9/5 et verrouille l'affichage sur une seule ligne. */
body.page-id-28428 .sp-html-source-home .stats__row > div:nth-child(2){
  overflow:hidden !important;
}
body.page-id-28428 .sp-html-source-home .stats__row > div:nth-child(2) .stats__n{
  display:block !important;
  white-space:nowrap !important;
  font-size:clamp(1.45rem,2.35vw,2.25rem) !important;
  line-height:.95 !important;
  letter-spacing:-.08em !important;
  transform:scaleX(.88) !important;
  transform-origin:center center !important;
  max-width:100% !important;
  margin-inline:auto !important;
}
body.page-id-28428 .sp-html-source-home .stats__row > div:nth-child(2) .stats__l{
  margin-top:.7rem !important;
}
@media (max-width:700px){
  body.page-id-28428 .sp-html-source-home .stats__row > div:nth-child(2) .stats__n{
    font-size:1.7rem !important;
    transform:scaleX(.86) !important;
  }
}
/* END HERMES_SPIDERMAN_STATS_49_HEADINGS_20260710 */

/* HERMES_SPIDERMAN_PROMO_BG_TYPO_20260710
   Bloc Edition spéciale: nouveau BG + typo plus éditoriale. */
body.page-id-28428 .sp-html-source-home .band.promo{
  background-image:
    linear-gradient(90deg, rgba(2,6,16,.78), rgba(2,6,16,.18)),
    url('/wp-content/themes/child-shoptimizer-child/spiderman-promo-edition-speciale-v3.png') !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}
body.page-id-28428 .sp-html-source-home .band.promo .panel{
  width:min(680px,58vw) !important;
  min-height:clamp(360px,52svh,520px) !important;
  margin-left:max(5vw,calc((100vw - 1180px)/2)) !important;
  margin-right:auto !important;
  align-items:flex-start !important;
  text-align:left !important;
  padding:clamp(2rem,4vw,3.4rem) !important;
  border-radius:34px !important;
  background:linear-gradient(135deg,rgba(4,8,20,.78),rgba(7,14,34,.52)) !important;
  border:1px solid rgba(255,255,255,.28) !important;
  box-shadow:0 38px 110px rgba(0,0,0,.48), inset 0 0 0 1px rgba(255,255,255,.06) !important;
  backdrop-filter:blur(6px) !important;
}
body.page-id-28428 .sp-html-source-home .band.promo .kicker{
  font-family:var(--titre) !important;
  font-size:clamp(.76rem,1vw,.95rem) !important;
  letter-spacing:.24em !important;
  text-transform:uppercase !important;
  color:#ffcfdb !important;
}
body.page-id-28428 .sp-html-source-home .band.promo h2{
  font-family:var(--titre) !important;
  color:#fff !important;
  font-size:clamp(2.35rem,5.2vw,4.6rem) !important;
  line-height:.9 !important;
  letter-spacing:-.045em !important;
  text-align:left !important;
  max-width:11ch !important;
  text-shadow:3px 3px 0 #c8102e, 0 22px 44px rgba(0,0,0,.45) !important;
}
body.page-id-28428 .sp-html-source-home .band.promo p{
  color:#dbe7ff !important;
  font-size:clamp(1rem,1.35vw,1.18rem) !important;
  line-height:1.58 !important;
  max-width:46ch !important;
  margin-left:0 !important;
  margin-right:0 !important;
  text-align:left !important;
}
body.page-id-28428 .sp-html-source-home .band.promo .promo__code{
  background:#fff !important;
  color:#c8102e !important;
  border:3px solid #c8102e !important;
  border-radius:999px !important;
  font-family:var(--titre) !important;
  font-size:clamp(1.15rem,2.2vw,1.75rem) !important;
  letter-spacing:.12em !important;
  box-shadow:0 12px 0 rgba(200,16,46,.45),0 26px 42px rgba(0,0,0,.34) !important;
}
body.page-id-28428 .sp-html-source-home .band.promo .promo__code span,
body.page-id-28428 .sp-html-source-home .band.promo .promo__code svg{
  color:#c8102e !important;
  stroke:#c8102e !important;
}
@media (max-width:700px){
  body.page-id-28428 .sp-html-source-home .band.promo .panel{width:min(92vw,680px) !important;margin-inline:auto !important;}
  body.page-id-28428 .sp-html-source-home .band.promo h2{max-width:100% !important;font-size:clamp(2rem,10vw,3rem) !important;}
}
/* END HERMES_SPIDERMAN_PROMO_BG_TYPO_20260710 */

/* HERMES_SPIDERMAN_REMOVE_IMAGE_CARDS_20260710
   Enlève l'effet "image dans une card" sur les visuels décoratifs de la home. */
body.page-id-28428 .sp-html-source-home .feature__media{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
body.page-id-28428 .sp-html-source-home .feature__media::before,
body.page-id-28428 .sp-html-source-home .feature__media::after{
  display:none !important;
  content:none !important;
}
body.page-id-28428 .sp-html-source-home .feature__media img,
body.page-id-28428 .sp-html-source-home .edito__image,
body.page-id-28428 .sp-html-source-home .assure__item img,
body.page-id-28428 .sp-html-source-home .web__catch,
body.page-id-28428 .sp-html-source-home .swing__hero{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  outline:0 !important;
}
body.page-id-28428 .sp-html-source-home .feature__media img,
body.page-id-28428 .sp-html-source-home .swing__hero{
  filter:drop-shadow(0 24px 34px rgba(0,0,0,.58)) !important;
}
body.page-id-28428 .sp-html-source-home .edito .edito__image:first-child{
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
/* Garde les vraies cards produits et avis intactes; seulement les images décoratives sont sorties des cadres. */
/* END HERMES_SPIDERMAN_REMOVE_IMAGE_CARDS_20260710 */

/* HERMES_SPIDERMAN_SPIDER_LEG_FAQ_20260710
   FAQ araignée: image fournie au centre + questions cliquables sur les pattes. */
body.page-id-28428 .sp-html-source-home .faq{
  background:
    radial-gradient(circle at 50% 45%, rgba(200,16,46,.20), transparent 34%),
    linear-gradient(180deg,#060914 0%,#090f21 58%,#05070e 100%) !important;
  overflow:hidden !important;
}
body.page-id-28428 .sp-html-source-home .faq .section__head{
  position:relative !important;
  z-index:4 !important;
}
body.page-id-28428 .sp-html-source-home .faq__list{
  position:relative !important;
  width:min(1160px,94vw) !important;
  min-height:clamp(560px,70svh,760px) !important;
  margin:clamp(18px,3svh,34px) auto 0 !important;
  display:block !important;
  background-image:url('/wp-content/themes/child-shoptimizer-child/spiderman-faq-spider-clean.png') !important;
  background-repeat:no-repeat !important;
  background-position:center 46% !important;
  background-size:clamp(360px,42vw,560px) auto !important;
}
body.page-id-28428 .sp-html-source-home .faq__list::before{
  content:"" !important;
  position:absolute !important;
  inset:8% 19% 2% !important;
  background:radial-gradient(circle,rgba(255,255,255,.07),transparent 58%) !important;
  filter:blur(14px) !important;
  pointer-events:none !important;
}
body.page-id-28428 .sp-html-source-home .faq-item{
  position:absolute !important;
  z-index:3 !important;
  width:clamp(235px,22vw,310px) !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}
body.page-id-28428 .sp-html-source-home .faq-item summary{
  min-height:0 !important;
  list-style:none !important;
  cursor:pointer !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:.7rem !important;
  padding:.78rem 1rem !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.94) !important;
  color:#080b14 !important;
  border:2px solid rgba(200,16,46,.95) !important;
  box-shadow:0 12px 0 rgba(200,16,46,.75),0 22px 44px rgba(0,0,0,.34) !important;
  font-family:var(--titre) !important;
  font-size:clamp(.82rem,1.02vw,.98rem) !important;
  line-height:1.05 !important;
  text-transform:none !important;
}
body.page-id-28428 .sp-html-source-home .faq-item summary::-webkit-details-marker{display:none !important;}
body.page-id-28428 .sp-html-source-home .faq-item summary i,
body.page-id-28428 .sp-html-source-home .faq-item summary svg{
  flex:0 0 auto !important;
  width:18px !important;
  height:18px !important;
  color:#c8102e !important;
  stroke:#c8102e !important;
}
body.page-id-28428 .sp-html-source-home .faq-item[open] summary{
  background:#c8102e !important;
  color:#fff !important;
  border-color:#fff !important;
  box-shadow:0 12px 0 rgba(255,255,255,.22),0 22px 44px rgba(0,0,0,.42) !important;
}
body.page-id-28428 .sp-html-source-home .faq-item[open] summary i,
body.page-id-28428 .sp-html-source-home .faq-item[open] summary svg{color:#fff !important;stroke:#fff !important;}
body.page-id-28428 .sp-html-source-home .faq-item__body{
  margin-top:.8rem !important;
  padding:1rem !important;
  border-radius:18px !important;
  background:rgba(5,8,17,.88) !important;
  color:#e8eefb !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.38) !important;
  backdrop-filter:blur(5px) !important;
}
body.page-id-28428 .sp-html-source-home .faq-item__body p{margin:0 !important;font-size:.95rem !important;line-height:1.45 !important;}
/* Questions posées sur les pattes de l'araignée */
body.page-id-28428 .sp-html-source-home .faq-item:nth-child(1){left:2%;top:4%;transform:rotate(-7deg) !important;}
body.page-id-28428 .sp-html-source-home .faq-item:nth-child(2){right:2%;top:4%;transform:rotate(7deg) !important;}
body.page-id-28428 .sp-html-source-home .faq-item:nth-child(3){left:0;top:34%;transform:rotate(-4deg) !important;}
body.page-id-28428 .sp-html-source-home .faq-item:nth-child(4){right:0;top:34%;transform:rotate(4deg) !important;}
body.page-id-28428 .sp-html-source-home .faq-item:nth-child(5){left:8%;bottom:6%;transform:rotate(5deg) !important;}
body.page-id-28428 .sp-html-source-home .faq-item:nth-child(6){right:8%;bottom:6%;transform:rotate(-5deg) !important;}
@media (max-width:900px){
  body.page-id-28428 .sp-html-source-home .faq__list{
    min-height:0 !important;
    padding-top:clamp(330px,72vw,520px) !important;
    background-position:center top !important;
    background-size:clamp(300px,70vw,500px) auto !important;
    display:grid !important;
    gap:1rem !important;
  }
  body.page-id-28428 .sp-html-source-home .faq-item{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    transform:none !important;
  }
}
/* END HERMES_SPIDERMAN_SPIDER_LEG_FAQ_20260710 */

/* HERMES_SPIDERMAN_FAQ_CLEAN_LAYOUT_20260710
   Refonte propre du bloc FAQ araignée: boutons discrets sur les pattes + réponse dans un panneau central. */
body.page-id-28428 .sp-html-source-home .faq{
  background:
    radial-gradient(circle at 50% 42%, rgba(125,38,150,.32), transparent 34%),
    radial-gradient(circle at 50% 100%, rgba(200,16,46,.18), transparent 42%),
    linear-gradient(180deg,#050914 0%,#081124 54%,#04070f 100%) !important;
  overflow:hidden !important;
}
body.page-id-28428 .sp-html-source-home .faq__list{
  position:relative !important;
  width:min(1180px,94vw) !important;
  min-height:clamp(560px,68svh,720px) !important;
  margin:clamp(14px,2svh,26px) auto 0 !important;
  display:block !important;
  background-image:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0)),
    url('/wp-content/themes/child-shoptimizer-child/spiderman-faq-spider-clean.png') !important;
  background-repeat:no-repeat !important;
  background-position:center 44% !important;
  background-size:clamp(315px,35vw,455px) auto !important;
}
body.page-id-28428 .sp-html-source-home .faq__list::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:42% !important;
  width:clamp(390px,48vw,650px) !important;
  height:clamp(390px,48vw,650px) !important;
  transform:translate(-50%,-50%) !important;
  border-radius:999px !important;
  background:radial-gradient(circle,rgba(255,255,255,.10),rgba(200,16,46,.07) 36%,transparent 68%) !important;
  filter:blur(10px) !important;
  pointer-events:none !important;
}
body.page-id-28428 .sp-html-source-home .faq-item{
  position:absolute !important;
  z-index:4 !important;
  width:clamp(205px,18vw,255px) !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  transform:none !important;
}
body.page-id-28428 .sp-html-source-home .faq-item summary{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:.65rem !important;
  min-height:0 !important;
  padding:.72rem .9rem !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,rgba(7,12,25,.92),rgba(16,25,48,.82)) !important;
  color:#f7f9ff !important;
  border:1px solid rgba(255,255,255,.20) !important;
  border-left:4px solid #c8102e !important;
  box-shadow:0 14px 34px rgba(0,0,0,.36) !important;
  font-family:var(--texte) !important;
  font-size:clamp(.82rem,.92vw,.95rem) !important;
  font-weight:700 !important;
  line-height:1.18 !important;
  letter-spacing:-.02em !important;
  text-transform:none !important;
  cursor:pointer !important;
  transition:transform .18s ease, background .18s ease, border-color .18s ease !important;
}
body.page-id-28428 .sp-html-source-home .faq-item summary::-webkit-details-marker{display:none !important;}
body.page-id-28428 .sp-html-source-home .faq-item summary:hover{
  transform:translateY(-2px) !important;
  background:linear-gradient(135deg,rgba(20,30,58,.96),rgba(200,16,46,.72)) !important;
  border-color:rgba(255,255,255,.35) !important;
}
body.page-id-28428 .sp-html-source-home .faq-item[open] summary{
  background:linear-gradient(135deg,#c8102e,#7b1024) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.42) !important;
  box-shadow:0 16px 38px rgba(200,16,46,.32),0 18px 42px rgba(0,0,0,.38) !important;
}
body.page-id-28428 .sp-html-source-home .faq-item summary i,
body.page-id-28428 .sp-html-source-home .faq-item summary svg{
  width:16px !important;
  height:16px !important;
  flex:0 0 auto !important;
  color:#ffccd6 !important;
  stroke:#ffccd6 !important;
}
/* Le texte de réponse ne pousse plus les boutons: panneau propre en bas du bloc. */
body.page-id-28428 .sp-html-source-home .faq-item__body{
  display:none !important;
  position:absolute !important;
  left:50% !important;
  bottom:clamp(-150px,-17svh,-105px) !important;
  width:min(760px,76vw) !important;
  transform:translateX(-50%) !important;
  padding:1.15rem 1.3rem !important;
  border-radius:24px !important;
  background:rgba(4,8,18,.92) !important;
  color:#eaf0ff !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 22px 58px rgba(0,0,0,.50), inset 0 0 0 1px rgba(255,255,255,.05) !important;
  backdrop-filter:blur(8px) !important;
  z-index:8 !important;
}
body.page-id-28428 .sp-html-source-home .faq-item[open] .faq-item__body{display:block !important;}
body.page-id-28428 .sp-html-source-home .faq-item__body p{margin:0 !important;font-size:clamp(.92rem,1.05vw,1rem) !important;line-height:1.52 !important;}
/* Positionnement plus propre: sur les extrémités des pattes, sans rotation. */
body.page-id-28428 .sp-html-source-home .faq-item:nth-child(1){left:3%;top:8%;}
body.page-id-28428 .sp-html-source-home .faq-item:nth-child(2){right:3%;top:8%;}
body.page-id-28428 .sp-html-source-home .faq-item:nth-child(3){left:5%;top:41%;}
body.page-id-28428 .sp-html-source-home .faq-item:nth-child(4){right:5%;top:41%;}
body.page-id-28428 .sp-html-source-home .faq-item:nth-child(5){left:12%;bottom:10%;}
body.page-id-28428 .sp-html-source-home .faq-item:nth-child(6){right:12%;bottom:10%;}
@media (max-width:900px){
  body.page-id-28428 .sp-html-source-home .faq__list{
    min-height:0 !important;
    padding-top:clamp(320px,72vw,500px) !important;
    background-position:center top !important;
    background-size:clamp(280px,68vw,440px) auto !important;
    display:grid !important;
    gap:.9rem !important;
  }
  body.page-id-28428 .sp-html-source-home .faq-item{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
  }
  body.page-id-28428 .sp-html-source-home .faq-item__body{
    position:relative !important;
    left:auto !important;
    bottom:auto !important;
    width:100% !important;
    transform:none !important;
    margin-top:.65rem !important;
  }
}
/* END HERMES_SPIDERMAN_FAQ_CLEAN_LAYOUT_20260710 */

/* HERMES_SPIDERMAN_FAQ_LINES_LIGHT_BG_20260710
   FAQ plus propre: fond clair, araignée noire lisible, traits reliant les bulles aux pattes. */
body.page-id-28428 .sp-html-source-home .faq{
  background:
    radial-gradient(circle at 50% 42%, rgba(255,255,255,.98) 0 24%, rgba(244,247,253,.96) 42%, rgba(221,230,246,.98) 100%) !important;
  color:#06101f !important;
  overflow:hidden !important;
}
body.page-id-28428 .sp-html-source-home .faq .section__head h2,
body.page-id-28428 .sp-html-source-home .faq .section__head p{
  color:#07101f !important;
  text-shadow:none !important;
}
body.page-id-28428 .sp-html-source-home .faq .section__head .kicker{
  color:#c8102e !important;
}
body.page-id-28428 .sp-html-source-home .faq__list{
  background-image:url('/wp-content/themes/child-shoptimizer-child/spiderman-faq-spider-clean.png') !important;
  background-repeat:no-repeat !important;
  background-position:center 47% !important;
  background-size:clamp(360px,38vw,520px) auto !important;
  min-height:clamp(600px,72svh,760px) !important;
  isolation:isolate !important;
}
body.page-id-28428 .sp-html-source-home .faq__list::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:48% !important;
  width:clamp(440px,50vw,700px) !important;
  height:clamp(440px,50vw,700px) !important;
  transform:translate(-50%,-50%) !important;
  border-radius:999px !important;
  background:radial-gradient(circle,rgba(255,255,255,.74),rgba(255,255,255,.28) 48%,transparent 72%) !important;
  filter:blur(10px) !important;
  z-index:0 !important;
  pointer-events:none !important;
}
body.page-id-28428 .sp-html-source-home .faq-item{
  z-index:3 !important;
  width:clamp(215px,19vw,280px) !important;
  overflow:visible !important;
}
/* Traits de liaison vers les pattes. Ils passent derrière les bulles et devant le fond clair. */
body.page-id-28428 .sp-html-source-home .faq-item::before{
  content:"" !important;
  position:absolute !important;
  z-index:-1 !important;
  height:3px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,rgba(200,16,46,.95),rgba(5,10,20,.92)) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.9),0 5px 14px rgba(0,0,0,.18) !important;
  transform-origin:center center !important;
  pointer-events:none !important;
}
body.page-id-28428 .sp-html-source-home .faq-item:nth-child(1)::before{width:clamp(135px,13vw,190px) !important;right:-46% !important;top:64% !important;transform:rotate(19deg) !important;}
body.page-id-28428 .sp-html-source-home .faq-item:nth-child(2)::before{width:clamp(135px,13vw,190px) !important;left:-46% !important;top:64% !important;transform:rotate(-19deg) !important;}
body.page-id-28428 .sp-html-source-home .faq-item:nth-child(3)::before{width:clamp(150px,15vw,220px) !important;right:-56% !important;top:50% !important;transform:rotate(-6deg) !important;}
body.page-id-28428 .sp-html-source-home .faq-item:nth-child(4)::before{width:clamp(150px,15vw,220px) !important;left:-56% !important;top:50% !important;transform:rotate(6deg) !important;}
body.page-id-28428 .sp-html-source-home .faq-item:nth-child(5)::before{width:clamp(155px,15vw,220px) !important;right:-54% !important;top:22% !important;transform:rotate(-24deg) !important;}
body.page-id-28428 .sp-html-source-home .faq-item:nth-child(6)::before{width:clamp(155px,15vw,220px) !important;left:-54% !important;top:22% !important;transform:rotate(24deg) !important;}
/* Petits points d'accroche côté patte. */
body.page-id-28428 .sp-html-source-home .faq-item::after{
  content:"" !important;
  position:absolute !important;
  z-index:1 !important;
  width:10px !important;
  height:10px !important;
  border-radius:999px !important;
  background:#c8102e !important;
  border:2px solid #fff !important;
  box-shadow:0 6px 16px rgba(0,0,0,.22) !important;
  pointer-events:none !important;
}
body.page-id-28428 .sp-html-source-home .faq-item:nth-child(1)::after{right:-48% !important;top:73% !important;}
body.page-id-28428 .sp-html-source-home .faq-item:nth-child(2)::after{left:-48% !important;top:73% !important;}
body.page-id-28428 .sp-html-source-home .faq-item:nth-child(3)::after{right:-58% !important;top:48% !important;}
body.page-id-28428 .sp-html-source-home .faq-item:nth-child(4)::after{left:-58% !important;top:48% !important;}
body.page-id-28428 .sp-html-source-home .faq-item:nth-child(5)::after{right:-55% !important;top:10% !important;}
body.page-id-28428 .sp-html-source-home .faq-item:nth-child(6)::after{left:-55% !important;top:10% !important;}
body.page-id-28428 .sp-html-source-home .faq-item summary{
  background:#fff !important;
  color:#08101d !important;
  border:1px solid rgba(8,16,29,.14) !important;
  border-left:5px solid #c8102e !important;
  border-radius:16px !important;
  box-shadow:0 14px 28px rgba(11,22,43,.16) !important;
  font-size:clamp(.82rem,.95vw,.96rem) !important;
  font-weight:800 !important;
}
body.page-id-28428 .sp-html-source-home .faq-item summary:hover,
body.page-id-28428 .sp-html-source-home .faq-item[open] summary{
  background:#c8102e !important;
  color:#fff !important;
  border-color:#c8102e !important;
}
body.page-id-28428 .sp-html-source-home .faq-item summary i,
body.page-id-28428 .sp-html-source-home .faq-item summary svg{
  color:#c8102e !important;
  stroke:#c8102e !important;
}
body.page-id-28428 .sp-html-source-home .faq-item summary:hover i,
body.page-id-28428 .sp-html-source-home .faq-item summary:hover svg,
body.page-id-28428 .sp-html-source-home .faq-item[open] summary i,
body.page-id-28428 .sp-html-source-home .faq-item[open] summary svg{
  color:#fff !important;
  stroke:#fff !important;
}
body.page-id-28428 .sp-html-source-home .faq-item__body{
  background:#fff !important;
  color:#172033 !important;
  border:1px solid rgba(8,16,29,.12) !important;
  box-shadow:0 24px 60px rgba(11,22,43,.22) !important;
}
body.page-id-28428 .sp-html-source-home .faq-item__body p{color:#172033 !important;}
@media (max-width:900px){
  body.page-id-28428 .sp-html-source-home .faq__list{
    background-size:clamp(280px,68vw,440px) auto !important;
    background-position:center top !important;
  }
  body.page-id-28428 .sp-html-source-home .faq-item::before,
  body.page-id-28428 .sp-html-source-home .faq-item::after{
    display:none !important;
    content:none !important;
  }
}
/* END HERMES_SPIDERMAN_FAQ_LINES_LIGHT_BG_20260710 */

/* HERMES_SPIDERMAN_FAQ_SVG_CONNECTORS_20260710
   Remplace les traits CSS buggés par un SVG fixe derrière les bulles. */
body.page-id-28428 .sp-html-source-home .faq__list{
  overflow:visible !important;
}
/* Désactive tous les anciens traits / points pseudo-elements qui partaient dans tous les sens. */
body.page-id-28428 .sp-html-source-home .faq-item::before,
body.page-id-28428 .sp-html-source-home .faq-item::after{
  display:none !important;
  content:none !important;
}
body.page-id-28428 .sp-html-source-home .faq-connectors{
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  width:100% !important;
  height:100% !important;
  pointer-events:none !important;
  overflow:visible !important;
}
body.page-id-28428 .sp-html-source-home .faq-connectors line{
  stroke:#c8102e !important;
  stroke-width:.35 !important;
  stroke-linecap:round !important;
  opacity:.72 !important;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.8)) drop-shadow(0 3px 6px rgba(0,0,0,.16)) !important;
}
body.page-id-28428 .sp-html-source-home .faq-connectors circle{
  fill:#c8102e !important;
  stroke:#fff !important;
  stroke-width:.35 !important;
  filter:drop-shadow(0 3px 6px rgba(0,0,0,.18)) !important;
}
body.page-id-28428 .sp-html-source-home .faq-item{
  z-index:4 !important;
}
body.page-id-28428 .sp-html-source-home .faq-item__body{
  z-index:20 !important;
  transform:translateX(-50%) rotate(0deg) !important;
  max-width:min(720px,72vw) !important;
}
body.page-id-28428 .sp-html-source-home .faq-item[open]{
  z-index:30 !important;
}
@media (max-width:900px){
  body.page-id-28428 .sp-html-source-home .faq-connectors{
    display:none !important;
  }
}
/* END HERMES_SPIDERMAN_FAQ_SVG_CONNECTORS_20260710 */

/* HERMES_SPIDERMAN_FAQ_DYNAMIC_CONNECTORS_20260710
   Traits dynamiques: chaque trait part de la bulle et arrive sur le point de patte. */
body.page-id-28428 .sp-html-source-home .faq-connectors{
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  width:100% !important;
  height:100% !important;
  pointer-events:none !important;
  overflow:visible !important;
}
body.page-id-28428 .sp-html-source-home .faq-connectors line{
  stroke:#d20c2f !important;
  stroke-width:2.4px !important;
  stroke-linecap:round !important;
  opacity:.92 !important;
  vector-effect:non-scaling-stroke !important;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.9)) drop-shadow(0 4px 8px rgba(0,0,0,.14)) !important;
}
body.page-id-28428 .sp-html-source-home .faq-connectors circle{
  fill:#d20c2f !important;
  stroke:#fff !important;
  stroke-width:2px !important;
  vector-effect:non-scaling-stroke !important;
  filter:drop-shadow(0 3px 7px rgba(0,0,0,.20)) !important;
}
body.page-id-28428 .sp-html-source-home .faq-item::before,
body.page-id-28428 .sp-html-source-home .faq-item::after{
  display:none !important;
  content:none !important;
}
body.page-id-28428 .sp-html-source-home .faq-item{
  z-index:4 !important;
}
body.page-id-28428 .sp-html-source-home .faq-item summary{
  position:relative !important;
  z-index:5 !important;
}
@media (max-width:900px){
  body.page-id-28428 .sp-html-source-home .faq-connectors{display:none !important;}
}
/* END HERMES_SPIDERMAN_FAQ_DYNAMIC_CONNECTORS_20260710 */

/* HERMES_SPIDERMAN_FAQ_NO_CROSS_LINES_20260710
   Corrige le rendu moche: bulles droites + traits courts sans croisement. */
body.page-id-28428 .sp-html-source-home .faq__list{
  background-position:center 47% !important;
  background-size:clamp(350px,36vw,500px) auto !important;
}
body.page-id-28428 .sp-html-source-home .faq-item,
body.page-id-28428 .sp-html-source-home .faq-item summary{
  transform:none !important;
}
body.page-id-28428 .sp-html-source-home .faq-item summary{
  border-radius:14px !important;
  box-shadow:0 12px 26px rgba(11,22,43,.14) !important;
}
/* Repositionnement stable autour de l'araignée, dans le même ordre visuel que les pattes. */
body.page-id-28428 .sp-html-source-home .faq-item:nth-child(1){left:7% !important;right:auto !important;top:8% !important;bottom:auto !important;}
body.page-id-28428 .sp-html-source-home .faq-item:nth-child(2){left:4% !important;right:auto !important;top:42% !important;bottom:auto !important;}
body.page-id-28428 .sp-html-source-home .faq-item:nth-child(3){right:7% !important;left:auto !important;top:42% !important;bottom:auto !important;}
body.page-id-28428 .sp-html-source-home .faq-item:nth-child(4){left:12% !important;right:auto !important;bottom:7% !important;top:auto !important;}
body.page-id-28428 .sp-html-source-home .faq-item:nth-child(5){right:12% !important;left:auto !important;bottom:7% !important;top:auto !important;}
body.page-id-28428 .sp-html-source-home .faq-item:nth-child(6){right:7% !important;left:auto !important;top:8% !important;bottom:auto !important;}
body.page-id-28428 .sp-html-source-home .faq-connectors line{
  stroke:#c8102e !important;
  stroke-width:2px !important;
  opacity:.78 !important;
}
body.page-id-28428 .sp-html-source-home .faq-connectors circle{
  r:5 !important;
}
/* Le petit spider walker décoratif ne doit pas polluer le bloc FAQ. */
body.page-id-28428 .sp-html-source-home .faq .spider-walker,
body.page-id-28428 .sp-html-source-home .faq .scroll-spider{
  display:none !important;
}
/* END HERMES_SPIDERMAN_FAQ_NO_CROSS_LINES_20260710 */

/* HERMES_SPIDERMAN_FAQ_ANCHOR_POINTS_20260710
   Ajuste les points: haut sur les pattes, bas sur les pattes extérieures. */
body.page-id-28428 .sp-html-source-home .faq-connectors line{
  stroke:#c8102e !important;
  stroke-width:2.1px !important;
  opacity:.82 !important;
}
body.page-id-28428 .sp-html-source-home .faq-connectors circle{
  fill:#c8102e !important;
  stroke:#fff !important;
  stroke-width:2px !important;
}
/* END HERMES_SPIDERMAN_FAQ_ANCHOR_POINTS_20260710 */

/* HERMES_SPIDERMAN_FAQ_SPACING_TITLE_COLOR_20260710
   FAQ: plus d'air en haut/bas + titre et texte colorés sur fond clair. */
body.page-id-28428 .sp-html-source-home .faq{
  padding-top:clamp(5rem,9svh,8rem) !important;
  padding-bottom:clamp(5rem,9svh,8rem) !important;
}
body.page-id-28428 .sp-html-source-home .faq .section__head{
  margin-bottom:clamp(1.8rem,4svh,3.2rem) !important;
}
body.page-id-28428 .sp-html-source-home .faq .section__head .kicker{
  color:#c8102e !important;
  text-shadow:none !important;
}
body.page-id-28428 .sp-html-source-home .faq .section__head h2{
  color:#071326 !important;
  text-shadow:2px 2px 0 rgba(200,16,46,.18), 0 14px 32px rgba(8,18,35,.12) !important;
}
body.page-id-28428 .sp-html-source-home .faq .section__head h2 span,
body.page-id-28428 .sp-html-source-home .faq .section__head h2 em{
  color:#c8102e !important;
}
body.page-id-28428 .sp-html-source-home .faq .section__head p{
  color:#26364f !important;
  text-shadow:none !important;
  font-weight:600 !important;
}
body.page-id-28428 .sp-html-source-home .faq__list{
  margin-top:clamp(2rem,4svh,3.8rem) !important;
  margin-bottom:clamp(2rem,4svh,3.8rem) !important;
}
@media (max-width:900px){
  body.page-id-28428 .sp-html-source-home .faq{
    padding-top:3.5rem !important;
    padding-bottom:3.5rem !important;
  }
}
/* END HERMES_SPIDERMAN_FAQ_SPACING_TITLE_COLOR_20260710 */

/* HERMES_SPIDERMAN_FAQ_MARGIN_TITLE_FINAL_20260710
   Fix final FAQ: vraie marge haut/bas + titre/texte lisibles sur fond clair. */
html body.page-id-28428 .sp-html-source-home section.faq,
html body.page-id-28428 .sp-html-source-home .section.faq,
html body.page-id-28428 .sp-html-source-home .faq{
  margin-top:clamp(54px,7svh,90px) !important;
  margin-bottom:clamp(54px,7svh,90px) !important;
  padding-top:clamp(70px,9svh,120px) !important;
  padding-bottom:clamp(72px,9svh,125px) !important;
  box-sizing:border-box !important;
  background:
    radial-gradient(circle at 50% 48%, rgba(255,255,255,.98) 0 30%, rgba(244,247,253,.98) 52%, rgba(222,231,247,.98) 100%) !important;
}
html body.page-id-28428 .sp-html-source-home section.faq .section__head,
html body.page-id-28428 .sp-html-source-home .faq .section__head{
  position:relative !important;
  z-index:10 !important;
  margin-top:0 !important;
  margin-bottom:clamp(34px,5svh,64px) !important;
  padding-top:0 !important;
}
html body.page-id-28428 .sp-html-source-home section.faq .section__head .kicker,
html body.page-id-28428 .sp-html-source-home .faq .section__head .kicker{
  color:#c8102e !important;
  opacity:1 !important;
  text-shadow:none !important;
}
html body.page-id-28428 .sp-html-source-home section.faq .section__head h1,
html body.page-id-28428 .sp-html-source-home section.faq .section__head h2,
html body.page-id-28428 .sp-html-source-home section.faq h2,
html body.page-id-28428 .sp-html-source-home .faq .section__head h2{
  color:#071326 !important;
  opacity:1 !important;
  -webkit-text-fill-color:#071326 !important;
  text-shadow:2px 2px 0 rgba(200,16,46,.14),0 14px 34px rgba(8,18,35,.13) !important;
  mix-blend-mode:normal !important;
}
html body.page-id-28428 .sp-html-source-home section.faq .section__head h2 span,
html body.page-id-28428 .sp-html-source-home section.faq .section__head h2 em,
html body.page-id-28428 .sp-html-source-home .faq .section__head h2 span,
html body.page-id-28428 .sp-html-source-home .faq .section__head h2 em{
  color:#c8102e !important;
  -webkit-text-fill-color:#c8102e !important;
}
html body.page-id-28428 .sp-html-source-home section.faq .section__head p,
html body.page-id-28428 .sp-html-source-home .faq .section__head p{
  color:#26364f !important;
  opacity:1 !important;
  -webkit-text-fill-color:#26364f !important;
  text-shadow:none !important;
  font-weight:600 !important;
}
html body.page-id-28428 .sp-html-source-home .faq__list{
  margin-top:clamp(28px,4svh,54px) !important;
  margin-bottom:clamp(28px,4svh,54px) !important;
}
@media (max-width:900px){
  html body.page-id-28428 .sp-html-source-home section.faq,
  html body.page-id-28428 .sp-html-source-home .section.faq,
  html body.page-id-28428 .sp-html-source-home .faq{
    margin-top:38px !important;
    margin-bottom:38px !important;
    padding-top:52px !important;
    padding-bottom:52px !important;
  }
}
/* END HERMES_SPIDERMAN_FAQ_MARGIN_TITLE_FINAL_20260710 */

/* HERMES_SPIDERMAN_FAQ_GAP_SUBTITLE_DARK_20260710
   Corrige le collage avec le bloc précédent + sous-texte FAQ trop gris. */
html body.page-id-28428 .sp-html-source-home section.faq,
html body.page-id-28428 .sp-html-source-home .section.faq,
html body.page-id-28428 .sp-html-source-home .faq{
  /* pas de collapse: on crée une vraie respiration interne visible */
  border-top:clamp(46px,7svh,86px) solid #050914 !important;
  border-bottom:clamp(46px,7svh,86px) solid #050914 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding-top:clamp(52px,7svh,88px) !important;
  padding-bottom:clamp(70px,9svh,120px) !important;
  background-clip:padding-box !important;
}
html body.page-id-28428 .sp-html-source-home section.faq .section__head,
html body.page-id-28428 .sp-html-source-home .faq .section__head{
  padding-inline:clamp(18px,4vw,60px) !important;
  margin-bottom:clamp(42px,5.8svh,72px) !important;
}
html body.page-id-28428 .sp-html-source-home section.faq .section__head h2,
html body.page-id-28428 .sp-html-source-home .faq .section__head h2{
  color:#071326 !important;
  -webkit-text-fill-color:#071326 !important;
  opacity:1 !important;
  text-shadow:2px 2px 0 rgba(200,16,46,.18),0 12px 24px rgba(8,18,35,.12) !important;
}
html body.page-id-28428 .sp-html-source-home section.faq .section__head p,
html body.page-id-28428 .sp-html-source-home .faq .section__head p,
html body.page-id-28428 .sp-html-source-home section.faq .section__head .lead,
html body.page-id-28428 .sp-html-source-home .faq .section__head .lead{
  color:#0f1c31 !important;
  -webkit-text-fill-color:#0f1c31 !important;
  opacity:1 !important;
  font-weight:700 !important;
  text-shadow:none !important;
}
html body.page-id-28428 .sp-html-source-home .faq__list{
  margin-top:clamp(22px,3svh,42px) !important;
}
@media (max-width:900px){
  html body.page-id-28428 .sp-html-source-home section.faq,
  html body.page-id-28428 .sp-html-source-home .section.faq,
  html body.page-id-28428 .sp-html-source-home .faq{
    border-top:38px solid #050914 !important;
    border-bottom:38px solid #050914 !important;
    padding-top:42px !important;
    padding-bottom:52px !important;
  }
}
/* END HERMES_SPIDERMAN_FAQ_GAP_SUBTITLE_DARK_20260710 */

/* HERMES_SPIDERMAN_FAQ_NO_OVERLAP_READABLE_20260710
   Corrige la superposition avec le bloc précédent: plus de border sombre interne, gros espace réel, titre/texte lisibles. */
html body.page-id-28428 .sp-html-source-home section.faq,
html body.page-id-28428 .sp-html-source-home .section.faq,
html body.page-id-28428 .sp-html-source-home .faq{
  position:relative !important;
  z-index:1 !important;
  clear:both !important;
  transform:none !important;
  top:auto !important;
  margin-top:clamp(90px,12svh,150px) !important;
  margin-bottom:clamp(90px,12svh,150px) !important;
  border-top:0 !important;
  border-bottom:0 !important;
  padding-top:clamp(135px,16svh,205px) !important;
  padding-bottom:clamp(120px,15svh,190px) !important;
  overflow:visible !important;
  background:
    linear-gradient(180deg,#e9eef7 0%,#f8fafc 12%,#ffffff 48%,#eaf0fa 100%) !important;
  background-clip:border-box !important;
}
/* Si le bloc précédent a un effet pleine hauteur/absolute, on force une respiration après lui. */
html body.page-id-28428 .sp-html-source-home section.faq::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  height:clamp(54px,7svh,88px) !important;
  background:linear-gradient(180deg,rgba(5,9,20,.10),rgba(5,9,20,0)) !important;
  pointer-events:none !important;
  z-index:0 !important;
}
html body.page-id-28428 .sp-html-source-home section.faq .section__head,
html body.page-id-28428 .sp-html-source-home .faq .section__head{
  position:relative !important;
  z-index:5 !important;
  transform:none !important;
  top:auto !important;
  margin-top:0 !important;
  margin-bottom:clamp(56px,7svh,92px) !important;
  padding-top:0 !important;
  padding-inline:clamp(18px,4vw,72px) !important;
}
html body.page-id-28428 .sp-html-source-home section.faq .section__head h2,
html body.page-id-28428 .sp-html-source-home .faq .section__head h2{
  color:#071326 !important;
  -webkit-text-fill-color:#071326 !important;
  opacity:1 !important;
  font-size:clamp(2.25rem,4.8vw,4.35rem) !important;
  line-height:.98 !important;
  letter-spacing:-.035em !important;
  text-shadow:2px 2px 0 rgba(200,16,46,.16),0 12px 28px rgba(8,18,35,.12) !important;
  mix-blend-mode:normal !important;
}
html body.page-id-28428 .sp-html-source-home section.faq .section__head p,
html body.page-id-28428 .sp-html-source-home .faq .section__head p,
html body.page-id-28428 .sp-html-source-home section.faq .section__head .lead,
html body.page-id-28428 .sp-html-source-home .faq .section__head .lead{
  color:#101b30 !important;
  -webkit-text-fill-color:#101b30 !important;
  opacity:1 !important;
  font-weight:700 !important;
  text-shadow:none !important;
}
html body.page-id-28428 .sp-html-source-home .faq__list{
  margin-top:clamp(42px,6svh,78px) !important;
  position:relative !important;
  z-index:2 !important;
}
@media (max-width:900px){
  html body.page-id-28428 .sp-html-source-home section.faq,
  html body.page-id-28428 .sp-html-source-home .section.faq,
  html body.page-id-28428 .sp-html-source-home .faq{
    margin-top:64px !important;
    margin-bottom:64px !important;
    padding-top:90px !important;
    padding-bottom:90px !important;
  }
  html body.page-id-28428 .sp-html-source-home section.faq .section__head h2,
  html body.page-id-28428 .sp-html-source-home .faq .section__head h2{
    font-size:clamp(2rem,9vw,3rem) !important;
  }
}
/* END HERMES_SPIDERMAN_FAQ_NO_OVERLAP_READABLE_20260710 */

/* HERMES_SPIDERMAN_FAQ_BIGGER_TOP_GAP_20260710
   Demande user: encore plus grosse marge entre le bloc précédent et le titre FAQ. */
html body.page-id-28428 .sp-html-source-home section.faq,
html body.page-id-28428 .sp-html-source-home .section.faq,
html body.page-id-28428 .sp-html-source-home .faq{
  margin-top:clamp(150px,20svh,260px) !important;
  padding-top:clamp(190px,22svh,300px) !important;
  scroll-margin-top:140px !important;
}
html body.page-id-28428 .sp-html-source-home section.faq .section__head,
html body.page-id-28428 .sp-html-source-home .faq .section__head{
  margin-top:0 !important;
  padding-top:0 !important;
  margin-bottom:clamp(62px,8svh,105px) !important;
}
/* garde le titre bien lisible après l'augmentation de l'espace */
html body.page-id-28428 .sp-html-source-home section.faq .section__head h2,
html body.page-id-28428 .sp-html-source-home .faq .section__head h2{
  color:#071326 !important;
  -webkit-text-fill-color:#071326 !important;
  opacity:1 !important;
}
html body.page-id-28428 .sp-html-source-home section.faq .section__head p,
html body.page-id-28428 .sp-html-source-home .faq .section__head p{
  color:#101b30 !important;
  -webkit-text-fill-color:#101b30 !important;
  opacity:1 !important;
}
@media (max-width:900px){
  html body.page-id-28428 .sp-html-source-home section.faq,
  html body.page-id-28428 .sp-html-source-home .section.faq,
  html body.page-id-28428 .sp-html-source-home .faq{
    margin-top:96px !important;
    padding-top:120px !important;
  }
}
/* END HERMES_SPIDERMAN_FAQ_BIGGER_TOP_GAP_20260710 */

/* HERMES_SPIDERMAN_FAQ_HUGE_TOP_GAP_20260710
   Demande user: encore plus d'air avant le titre FAQ. Séparation très visible entre bloc précédent et FAQ. */
html body.page-id-28428 .sp-html-source-home section.faq,
html body.page-id-28428 .sp-html-source-home .section.faq,
html body.page-id-28428 .sp-html-source-home .faq{
  margin-top:clamp(240px,30svh,420px) !important;
  padding-top:clamp(260px,32svh,460px) !important;
  padding-bottom:clamp(140px,16svh,220px) !important;
  clear:both !important;
  position:relative !important;
  top:auto !important;
  transform:none !important;
}
html body.page-id-28428 .sp-html-source-home section.faq .section__head,
html body.page-id-28428 .sp-html-source-home .faq .section__head{
  margin-top:0 !important;
  padding-top:0 !important;
  margin-bottom:clamp(70px,9svh,120px) !important;
}
html body.page-id-28428 .sp-html-source-home section.faq .section__head h2,
html body.page-id-28428 .sp-html-source-home .faq .section__head h2{
  color:#071326 !important;
  -webkit-text-fill-color:#071326 !important;
  opacity:1 !important;
}
html body.page-id-28428 .sp-html-source-home section.faq .section__head p,
html body.page-id-28428 .sp-html-source-home .faq .section__head p,
html body.page-id-28428 .sp-html-source-home section.faq .section__head .lead,
html body.page-id-28428 .sp-html-source-home .faq .section__head .lead{
  color:#101b30 !important;
  -webkit-text-fill-color:#101b30 !important;
  opacity:1 !important;
  font-weight:700 !important;
}
@media (max-width:900px){
  html body.page-id-28428 .sp-html-source-home section.faq,
  html body.page-id-28428 .sp-html-source-home .section.faq,
  html body.page-id-28428 .sp-html-source-home .faq{
    margin-top:140px !important;
    padding-top:170px !important;
  }
}
/* END HERMES_SPIDERMAN_FAQ_HUGE_TOP_GAP_20260710 */

/* HERMES_SPIDERMAN_FAQ_BOTTOM_GAP_EQUAL_TOP_20260710
   Applique la même grosse respiration en bas qu'en haut du bloc Questions fréquentes. */
html body.page-id-28428 .sp-html-source-home section.faq,
html body.page-id-28428 .sp-html-source-home .section.faq,
html body.page-id-28428 .sp-html-source-home .faq{
  margin-top:clamp(240px,30svh,420px) !important;
  margin-bottom:clamp(240px,30svh,420px) !important;
  padding-top:clamp(260px,32svh,460px) !important;
  padding-bottom:clamp(260px,32svh,460px) !important;
  clear:both !important;
  position:relative !important;
  top:auto !important;
  transform:none !important;
}
html body.page-id-28428 .sp-html-source-home .faq__list{
  margin-bottom:clamp(70px,9svh,120px) !important;
}
/* empêche le bloc suivant de remonter/coller visuellement à la FAQ */
html body.page-id-28428 .sp-html-source-home section.faq + section,
html body.page-id-28428 .sp-html-source-home .section.faq + .section{
  margin-top:clamp(90px,12svh,170px) !important;
}
@media (max-width:900px){
  html body.page-id-28428 .sp-html-source-home section.faq,
  html body.page-id-28428 .sp-html-source-home .section.faq,
  html body.page-id-28428 .sp-html-source-home .faq{
    margin-top:140px !important;
    margin-bottom:140px !important;
    padding-top:170px !important;
    padding-bottom:170px !important;
  }
}
/* END HERMES_SPIDERMAN_FAQ_BOTTOM_GAP_EQUAL_TOP_20260710 */

/* HERMES_SPIDERMAN_FAQ_REAL_TOP_GAP_HEAD_20260710
   Corrige la vraie structure FAQ: le titre est dans .head, pas .section__head. Gros espace au-dessus + texte foncé. */
html body.page-id-28428 .sp-html-source-home #techno,
html body.page-id-28428 .sp-html-source-home section.feature#techno{
  margin-bottom:clamp(260px,34svh,520px) !important;
}
html body.page-id-28428 .sp-html-source-home section.faq#faq,
html body.page-id-28428 .sp-html-source-home .section.faq#faq,
html body.page-id-28428 .sp-html-source-home #faq.faq{
  margin-top:clamp(260px,34svh,520px) !important;
  margin-bottom:clamp(240px,30svh,420px) !important;
  padding-top:clamp(190px,24svh,360px) !important;
  padding-bottom:clamp(260px,32svh,460px) !important;
  clear:both !important;
  position:relative !important;
  top:auto !important;
  transform:none !important;
  overflow:visible !important;
}
html body.page-id-28428 .sp-html-source-home section.faq#faq > .head,
html body.page-id-28428 .sp-html-source-home .faq#faq > .head,
html body.page-id-28428 .sp-html-source-home #faq .head{
  position:relative !important;
  z-index:20 !important;
  margin-top:0 !important;
  padding-top:0 !important;
  margin-bottom:clamp(80px,10svh,140px) !important;
  text-align:center !important;
}
html body.page-id-28428 .sp-html-source-home #faq .head .kicker{
  color:#c8102e !important;
  -webkit-text-fill-color:#c8102e !important;
  opacity:1 !important;
  text-shadow:none !important;
}
html body.page-id-28428 .sp-html-source-home #faq .head h2{
  color:#071326 !important;
  -webkit-text-fill-color:#071326 !important;
  opacity:1 !important;
  text-shadow:2px 2px 0 rgba(200,16,46,.16),0 14px 30px rgba(8,18,35,.13) !important;
  mix-blend-mode:normal !important;
}
html body.page-id-28428 .sp-html-source-home #faq .head .lede,
html body.page-id-28428 .sp-html-source-home #faq .head p{
  color:#101b30 !important;
  -webkit-text-fill-color:#101b30 !important;
  opacity:1 !important;
  font-weight:700 !important;
  text-shadow:none !important;
}
html body.page-id-28428 .sp-html-source-home #faq .faq__list{
  margin-top:clamp(60px,8svh,120px) !important;
}
@media (max-width:900px){
  html body.page-id-28428 .sp-html-source-home #techno,
  html body.page-id-28428 .sp-html-source-home section.feature#techno{
    margin-bottom:150px !important;
  }
  html body.page-id-28428 .sp-html-source-home section.faq#faq,
  html body.page-id-28428 .sp-html-source-home .section.faq#faq,
  html body.page-id-28428 .sp-html-source-home #faq.faq{
    margin-top:150px !important;
    margin-bottom:140px !important;
    padding-top:150px !important;
    padding-bottom:170px !important;
  }
}
/* END HERMES_SPIDERMAN_FAQ_REAL_TOP_GAP_HEAD_20260710 */

/* HERMES_SPIDERMAN_FAQ_AIR_INSIDE_LIGHT_FINAL_20260710
   Reset final: plus de marge externe sombre. L'aération est dans le bloc clair, avant le titre FAQ. */
html body.page-id-28428 .sp-html-source-home #techno,
html body.page-id-28428 .sp-html-source-home section.feature#techno{
  margin-bottom:0 !important;
}
html body.page-id-28428 .sp-html-source-home section.faq#faq,
html body.page-id-28428 .sp-html-source-home .section.faq#faq,
html body.page-id-28428 .sp-html-source-home #faq.faq{
  margin-top:0 !important;
  margin-bottom:0 !important;
  border:0 !important;
  clear:both !important;
  position:relative !important;
  top:auto !important;
  transform:none !important;
  overflow:hidden !important;
  height:auto !important;
  min-height:clamp(1180px,165svh,1650px) !important;
  padding-top:clamp(360px,42svh,620px) !important;
  padding-bottom:clamp(360px,42svh,620px) !important;
  background:
    linear-gradient(180deg,#eef3fb 0%,#ffffff 18%,#ffffff 74%,#eef3fb 100%) !important;
  background-color:#fff !important;
  background-clip:border-box !important;
}
html body.page-id-28428 .sp-html-source-home section.faq#faq::before,
html body.page-id-28428 .sp-html-source-home #faq.faq::before{
  display:none !important;
  content:none !important;
}
html body.page-id-28428 .sp-html-source-home section.faq#faq > .head,
html body.page-id-28428 .sp-html-source-home .faq#faq > .head,
html body.page-id-28428 .sp-html-source-home #faq .head{
  position:relative !important;
  z-index:30 !important;
  top:auto !important;
  transform:none !important;
  margin-top:0 !important;
  padding-top:0 !important;
  margin-bottom:clamp(90px,11svh,150px) !important;
  text-align:center !important;
}
html body.page-id-28428 .sp-html-source-home #faq .head .kicker{
  color:#c8102e !important;
  -webkit-text-fill-color:#c8102e !important;
  opacity:1 !important;
  text-shadow:none !important;
}
html body.page-id-28428 .sp-html-source-home #faq .head h2{
  color:#071326 !important;
  -webkit-text-fill-color:#071326 !important;
  opacity:1 !important;
  text-shadow:2px 2px 0 rgba(200,16,46,.16),0 14px 30px rgba(8,18,35,.13) !important;
  mix-blend-mode:normal !important;
  line-height:.98 !important;
}
html body.page-id-28428 .sp-html-source-home #faq .head .lede,
html body.page-id-28428 .sp-html-source-home #faq .head p{
  color:#101b30 !important;
  -webkit-text-fill-color:#101b30 !important;
  opacity:1 !important;
  font-weight:700 !important;
  text-shadow:none !important;
}
html body.page-id-28428 .sp-html-source-home #faq .faq__list{
  margin-top:clamp(70px,9svh,130px) !important;
  margin-bottom:clamp(120px,14svh,210px) !important;
}
/* Le bloc suivant ne doit plus compenser/remonter après la FAQ. */
html body.page-id-28428 .sp-html-source-home section.faq#faq + section,
html body.page-id-28428 .sp-html-source-home .section.faq#faq + .section{
  margin-top:0 !important;
}
@media (max-width:900px){
  html body.page-id-28428 .sp-html-source-home section.faq#faq,
  html body.page-id-28428 .sp-html-source-home .section.faq#faq,
  html body.page-id-28428 .sp-html-source-home #faq.faq{
    min-height:auto !important;
    padding-top:220px !important;
    padding-bottom:220px !important;
  }
  html body.page-id-28428 .sp-html-source-home #faq .head{
    margin-bottom:80px !important;
  }
}
/* END HERMES_SPIDERMAN_FAQ_AIR_INSIDE_LIGHT_FINAL_20260710 */

/* HERMES_SPIDERMAN_FAQ_ONE_SCREEN_DESKTOP_20260710
   Règle finale user: le bloc Questions rapides fait exactement un écran desktop, sans superposition/coupe. */
@media (min-width: 901px){
  html body.page-id-28428 .sp-html-source-home section.faq#faq,
  html body.page-id-28428 .sp-html-source-home .section.faq#faq,
  html body.page-id-28428 .sp-html-source-home #faq.faq{
    --sp-faq-screen: calc(100svh - var(--sp-home-header-h, 0px));
    height:var(--sp-faq-screen) !important;
    min-height:var(--sp-faq-screen) !important;
    max-height:var(--sp-faq-screen) !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding:clamp(24px,3.4svh,42px) clamp(24px,3vw,48px) clamp(26px,3.6svh,44px) !important;
    box-sizing:border-box !important;
    clear:both !important;
    position:relative !important;
    top:auto !important;
    transform:none !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    background:linear-gradient(180deg,#eef3fb 0%,#ffffff 42%,#eef3fb 100%) !important;
  }
  html body.page-id-28428 .sp-html-source-home section.faq#faq::before,
  html body.page-id-28428 .sp-html-source-home #faq.faq::before{
    display:none !important;
    content:none !important;
  }
  html body.page-id-28428 .sp-html-source-home section.faq#faq > .head,
  html body.page-id-28428 .sp-html-source-home .faq#faq > .head,
  html body.page-id-28428 .sp-html-source-home #faq .head{
    flex:0 0 auto !important;
    position:relative !important;
    z-index:20 !important;
    margin:0 auto clamp(12px,1.8svh,22px) !important;
    padding:0 !important;
    width:min(1040px,92vw) !important;
    text-align:center !important;
    transform:none !important;
    top:auto !important;
  }
  html body.page-id-28428 .sp-html-source-home #faq .head .kicker{
    color:#c8102e !important;
    -webkit-text-fill-color:#c8102e !important;
    opacity:1 !important;
    text-shadow:none !important;
    font-size:clamp(.68rem,.82vw,.86rem) !important;
    letter-spacing:.28em !important;
    margin-bottom:clamp(4px,.5svh,7px) !important;
  }
  html body.page-id-28428 .sp-html-source-home #faq .head h2{
    color:#071326 !important;
    -webkit-text-fill-color:#071326 !important;
    opacity:1 !important;
    font-size:clamp(2rem,4.2svh,3.6rem) !important;
    line-height:.92 !important;
    letter-spacing:-.035em !important;
    margin:0 !important;
    text-shadow:2px 2px 0 rgba(200,16,46,.14),0 12px 24px rgba(8,18,35,.10) !important;
    mix-blend-mode:normal !important;
  }
  html body.page-id-28428 .sp-html-source-home #faq .head .lede,
  html body.page-id-28428 .sp-html-source-home #faq .head p{
    color:#101b30 !important;
    -webkit-text-fill-color:#101b30 !important;
    opacity:1 !important;
    font-size:clamp(.84rem,1.25svh,1rem) !important;
    line-height:1.35 !important;
    max-width:760px !important;
    margin:clamp(8px,1.2svh,14px) auto 0 !important;
    font-weight:700 !important;
    text-shadow:none !important;
  }
  html body.page-id-28428 .sp-html-source-home #faq .faq__list{
    flex:1 1 auto !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    width:min(1180px,94vw) !important;
    margin:0 auto !important;
    padding:0 !important;
    position:relative !important;
    z-index:2 !important;
    display:block !important;
    background-image:url('/wp-content/themes/child-shoptimizer-child/spiderman-faq-spider-clean.png') !important;
    background-repeat:no-repeat !important;
    background-position:center 50% !important;
    background-size:min(34vw, calc((100svh - var(--sp-home-header-h, 0px)) * .58)) auto !important;
  }
  html body.page-id-28428 .sp-html-source-home #faq .faq__list::before{
    display:block !important;
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:min(48vw, calc((100svh - var(--sp-home-header-h, 0px)) * .76)) !important;
    height:min(48vw, calc((100svh - var(--sp-home-header-h, 0px)) * .76)) !important;
    transform:translate(-50%,-50%) !important;
    border-radius:999px !important;
    background:radial-gradient(circle,rgba(255,255,255,.72),rgba(255,255,255,.18) 54%,transparent 72%) !important;
    filter:blur(10px) !important;
    pointer-events:none !important;
    z-index:0 !important;
  }
  html body.page-id-28428 .sp-html-source-home #faq .faq-item{
    position:absolute !important;
    width:clamp(190px,17vw,260px) !important;
    margin:0 !important;
    padding:0 !important;
    z-index:4 !important;
    transform:none !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
  }
  html body.page-id-28428 .sp-html-source-home #faq .faq-item summary{
    padding:clamp(.52rem,1svh,.72rem) clamp(.7rem,1vw,.95rem) !important;
    border-radius:14px !important;
    font-size:clamp(.78rem,1.34svh,.95rem) !important;
    line-height:1.12 !important;
    min-height:0 !important;
    transform:none !important;
    background:#fff !important;
    color:#08101d !important;
    border:1px solid rgba(8,16,29,.14) !important;
    border-left:5px solid #c8102e !important;
    box-shadow:0 12px 26px rgba(11,22,43,.14) !important;
  }
  /* positions compactes: contenu occupe environ 80% de l'écran sans couper */
  html body.page-id-28428 .sp-html-source-home #faq .faq-item:nth-child(1){left:4% !important;top:7% !important;right:auto !important;bottom:auto !important;}
  html body.page-id-28428 .sp-html-source-home #faq .faq-item:nth-child(2){left:3% !important;top:45% !important;right:auto !important;bottom:auto !important;}
  html body.page-id-28428 .sp-html-source-home #faq .faq-item:nth-child(3){right:3% !important;top:45% !important;left:auto !important;bottom:auto !important;}
  html body.page-id-28428 .sp-html-source-home #faq .faq-item:nth-child(4){left:10% !important;bottom:4% !important;right:auto !important;top:auto !important;}
  html body.page-id-28428 .sp-html-source-home #faq .faq-item:nth-child(5){right:10% !important;bottom:4% !important;left:auto !important;top:auto !important;}
  html body.page-id-28428 .sp-html-source-home #faq .faq-item:nth-child(6){right:4% !important;top:7% !important;left:auto !important;bottom:auto !important;}
  html body.page-id-28428 .sp-html-source-home #faq .faq-item__body{
    position:absolute !important;
    left:50% !important;
    bottom:auto !important;
    top:calc(100% + 10px) !important;
    width:min(620px,58vw) !important;
    max-height:calc((100svh - var(--sp-home-header-h, 0px)) * .24) !important;
    overflow:auto !important;
    transform:translateX(-50%) rotate(0deg) !important;
    padding:.85rem 1rem !important;
    font-size:.9rem !important;
    z-index:30 !important;
    background:#fff !important;
    color:#172033 !important;
    border:1px solid rgba(8,16,29,.12) !important;
    box-shadow:0 24px 60px rgba(11,22,43,.22) !important;
  }
  html body.page-id-28428 .sp-html-source-home section.faq#faq + section,
  html body.page-id-28428 .sp-html-source-home .section.faq#faq + .section{
    margin-top:0 !important;
  }
}
@media (max-width:900px){
  html body.page-id-28428 .sp-html-source-home section.faq#faq,
  html body.page-id-28428 .sp-html-source-home .section.faq#faq,
  html body.page-id-28428 .sp-html-source-home #faq.faq{
    height:auto !important;
    min-height:auto !important;
    max-height:none !important;
    margin:0 !important;
    padding:3.5rem 1rem !important;
    overflow:visible !important;
  }
}
/* END HERMES_SPIDERMAN_FAQ_ONE_SCREEN_DESKTOP_20260710 */

/* HERMES_SPIDERMAN_FAQ_TRUE_FULL_SCREEN_NO_BARS_20260713
   FAQ desktop = exactement 1 écran visible, sans bandes noires haut/bas. */
@media (min-width: 901px){
  html body.page-id-28428 .sp-html-source-home section.faq#faq,
  html body.page-id-28428 .sp-html-source-home .section.faq#faq,
  html body.page-id-28428 .sp-html-source-home #faq.faq{
    /* IMPORTANT: plus de 100svh - header ici, sinon bandes noires haut/bas dans la capture. */
    height:100svh !important;
    min-height:100svh !important;
    max-height:100svh !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding:clamp(22px,3svh,36px) clamp(28px,3.2vw,54px) clamp(24px,3.2svh,38px) !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    background:#f3f7fc !important;
    background-image:linear-gradient(180deg,#edf3fb 0%,#ffffff 40%,#eaf1fb 100%) !important;
    background-clip:border-box !important;
    border:0 !important;
    clear:both !important;
    position:relative !important;
    top:auto !important;
    transform:none !important;
  }
  html body.page-id-28428 .sp-html-source-home section.faq#faq::before,
  html body.page-id-28428 .sp-html-source-home #faq.faq::before{
    display:none !important;
    content:none !important;
  }
  html body.page-id-28428 .sp-html-source-home section.faq#faq > .head,
  html body.page-id-28428 .sp-html-source-home .faq#faq > .head,
  html body.page-id-28428 .sp-html-source-home #faq .head{
    flex:0 0 auto !important;
    margin:0 auto clamp(14px,2svh,24px) !important;
    padding:0 !important;
    width:min(1120px,94vw) !important;
    text-align:center !important;
    position:relative !important;
    z-index:20 !important;
  }
  html body.page-id-28428 .sp-html-source-home #faq .head .kicker{
    color:#c8102e !important;
    -webkit-text-fill-color:#c8102e !important;
    opacity:1 !important;
    font-size:clamp(.68rem,.95svh,.9rem) !important;
    letter-spacing:.30em !important;
    line-height:1 !important;
    margin-bottom:clamp(5px,.7svh,9px) !important;
    text-shadow:none !important;
  }
  html body.page-id-28428 .sp-html-source-home #faq .head h2{
    color:#071326 !important;
    -webkit-text-fill-color:#071326 !important;
    opacity:1 !important;
    font-size:clamp(2rem,4.8svh,4rem) !important;
    line-height:.92 !important;
    margin:0 !important;
    text-shadow:2px 2px 0 rgba(200,16,46,.14),0 12px 24px rgba(8,18,35,.10) !important;
    mix-blend-mode:normal !important;
  }
  html body.page-id-28428 .sp-html-source-home #faq .head .lede,
  html body.page-id-28428 .sp-html-source-home #faq .head p{
    color:#101b30 !important;
    -webkit-text-fill-color:#101b30 !important;
    opacity:1 !important;
    font-size:clamp(.84rem,1.45svh,1.05rem) !important;
    line-height:1.32 !important;
    max-width:850px !important;
    margin:clamp(7px,1.1svh,13px) auto 0 !important;
    font-weight:700 !important;
    text-shadow:none !important;
  }
  html body.page-id-28428 .sp-html-source-home #faq .faq__list{
    flex:1 1 auto !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 auto !important;
    padding:0 !important;
    width:min(1220px,94vw) !important;
    position:relative !important;
    z-index:2 !important;
    background-image:url('/wp-content/themes/child-shoptimizer-child/spiderman-faq-spider-clean.png') !important;
    background-repeat:no-repeat !important;
    background-position:center 49% !important;
    background-size:min(34vw,58svh) auto !important;
  }
  html body.page-id-28428 .sp-html-source-home #faq .faq-item{
    width:clamp(190px,17vw,265px) !important;
  }
  html body.page-id-28428 .sp-html-source-home #faq .faq-item summary{
    padding:clamp(.52rem,1svh,.72rem) clamp(.72rem,1vw,.95rem) !important;
    font-size:clamp(.78rem,1.35svh,.95rem) !important;
    line-height:1.12 !important;
  }
  /* contenu réparti sur 75-90% de l'écran, sans sortir du bloc */
  html body.page-id-28428 .sp-html-source-home #faq .faq-item:nth-child(1){left:5% !important;top:7% !important;right:auto !important;bottom:auto !important;}
  html body.page-id-28428 .sp-html-source-home #faq .faq-item:nth-child(2){left:4% !important;top:45% !important;right:auto !important;bottom:auto !important;}
  html body.page-id-28428 .sp-html-source-home #faq .faq-item:nth-child(3){right:4% !important;top:45% !important;left:auto !important;bottom:auto !important;}
  html body.page-id-28428 .sp-html-source-home #faq .faq-item:nth-child(4){left:11% !important;bottom:5% !important;right:auto !important;top:auto !important;}
  html body.page-id-28428 .sp-html-source-home #faq .faq-item:nth-child(5){right:11% !important;bottom:5% !important;left:auto !important;top:auto !important;}
  html body.page-id-28428 .sp-html-source-home #faq .faq-item:nth-child(6){right:5% !important;top:7% !important;left:auto !important;bottom:auto !important;}
  html body.page-id-28428 .sp-html-source-home section.faq#faq + section,
  html body.page-id-28428 .sp-html-source-home .section.faq#faq + .section{
    margin-top:0 !important;
  }
}
/* END HERMES_SPIDERMAN_FAQ_TRUE_FULL_SCREEN_NO_BARS_20260713 */

/* HERMES_SPIDERMAN_PROMO_BG_DA_V4_20260713
   Remplace le BG du bloc Edition spéciale par un fond plus DA Spider-Man: skyline, rouge/bleu, toile discrète. */
body.page-id-28428 .sp-html-source-home .band.promo{
  background-image:
    linear-gradient(90deg, rgba(2,6,16,.50), rgba(2,6,16,.12)),
    url('/wp-content/themes/child-shoptimizer-child/spiderman-promo-bg-da-v4.png') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  border-top:5px solid #c8102e !important;
}
body.page-id-28428 .sp-html-source-home .band.promo .panel{
  background:linear-gradient(135deg,rgba(3,7,20,.82),rgba(7,14,35,.60)) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:0 38px 110px rgba(0,0,0,.46), inset 0 0 0 1px rgba(255,255,255,.05) !important;
}
body.page-id-28428 .sp-html-source-home .band.promo h2{
  text-shadow:3px 3px 0 #c8102e, 0 18px 40px rgba(0,0,0,.42) !important;
}
/* END HERMES_SPIDERMAN_PROMO_BG_DA_V4_20260713 */

/* HERMES_SPIDERMAN_PROMO_BG_NO_CHARACTER_V5_20260713
   Bloc Edition spéciale: nouveau BG DA Spider-Man sans personnage moche en arrière-plan. */
body.page-id-28428 .sp-html-source-home .band.promo{
  background-image:
    linear-gradient(90deg, rgba(2,6,16,.46), rgba(2,6,16,.10)),
    url('/wp-content/themes/child-shoptimizer-child/spiderman-promo-bg-da-v5-no-character.png') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  border-top:5px solid #c8102e !important;
}
body.page-id-28428 .sp-html-source-home .band.promo::before,
body.page-id-28428 .sp-html-source-home .band.promo::after{
  display:none !important;
  content:none !important;
}
body.page-id-28428 .sp-html-source-home .band.promo .panel{
  background:linear-gradient(135deg,rgba(3,7,20,.84),rgba(7,14,35,.62)) !important;
  border:1px solid rgba(255,255,255,.22) !important;
}
/* END HERMES_SPIDERMAN_PROMO_BG_NO_CHARACTER_V5_20260713 */

/* HERMES_SPIDERMAN_PROMO_USER_HOMECOMING_20260713
   Bloc Edition spéciale: utilise l'image fournie par le user en fond. */
body.page-id-28428 .sp-html-source-home .band.promo{
  background-image:
    linear-gradient(90deg, rgba(2,6,16,.86) 0%, rgba(2,6,16,.66) 32%, rgba(2,6,16,.18) 68%, rgba(2,6,16,.08) 100%),
    url('/wp-content/themes/child-shoptimizer-child/spiderman-promo-user-homecoming.jpg') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  border-top:5px solid #c8102e !important;
}
body.page-id-28428 .sp-html-source-home .band.promo::before,
body.page-id-28428 .sp-html-source-home .band.promo::after{
  display:none !important;
  content:none !important;
}
body.page-id-28428 .sp-html-source-home .band.promo .panel{
  background:linear-gradient(135deg,rgba(3,7,20,.84),rgba(7,14,35,.58)) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:0 38px 110px rgba(0,0,0,.46), inset 0 0 0 1px rgba(255,255,255,.05) !important;
}
/* END HERMES_SPIDERMAN_PROMO_USER_HOMECOMING_20260713 */

/* HERMES_SPIDERMAN_PROMO_HOMECOMING_SHARP_20260715
   Le BG fourni etait petit; version preparee 1920x900 nette pour eviter l'upscale navigateur flou. */
body.page-id-28428 .sp-html-source-home .band.promo{
  background-image:url('/wp-content/themes/child-shoptimizer-child/spiderman-promo-homecoming-sharp-1920x900.jpg') !important;
  background-size:100% 100% !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  image-rendering:auto !important;
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  border-top:5px solid #c8102e !important;
}
body.page-id-28428 .sp-html-source-home .band.promo::before,
body.page-id-28428 .sp-html-source-home .band.promo::after{
  display:none !important;
  content:none !important;
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body.page-id-28428 .sp-html-source-home .band.promo .panel{
  background:linear-gradient(135deg,rgba(3,7,20,.78),rgba(7,14,35,.52)) !important;
  border:1px solid rgba(255,255,255,.24) !important;
}
/* END HERMES_SPIDERMAN_PROMO_HOMECOMING_SHARP_20260715 */

/* HERMES_SPIDERMAN_PROMO_CHARACTERS_RIGHT_FINAL_20260715
   Dernière demande: enlever le BG Homecoming flou et mettre des personnages univers Spider-Man sur la droite. */
body.page-id-28428 .sp-html-source-home .band.promo{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background-color:#050814 !important;
  background-image:
    linear-gradient(90deg,rgba(3,6,14,.96) 0%,rgba(3,6,14,.88) 34%,rgba(3,6,14,.52) 58%,rgba(3,6,14,.12) 100%),
    url('/wp-content/themes/child-shoptimizer-child/spiderman-promo-characters-right-1920x900.jpg') !important;
  background-size:cover !important;
  background-position:center right !important;
  background-repeat:no-repeat !important;
  filter:none !important;
  backdrop-filter:none !important;
}
body.page-id-28428 .sp-html-source-home .band.promo::before,
body.page-id-28428 .sp-html-source-home .band.promo::after{
  display:none !important;
  content:none !important;
  background:none !important;
  filter:none !important;
  backdrop-filter:none !important;
}
body.page-id-28428 .sp-html-source-home .band.promo .panel{
  width:min(680px,92vw) !important;
  margin-left:clamp(24px,7vw,116px) !important;
  margin-right:auto !important;
  text-align:left !important;
  background:linear-gradient(135deg,rgba(4,8,18,.82),rgba(8,14,30,.58)) !important;
  border:1px solid rgba(255,255,255,.20) !important;
  border-left:6px solid #e31b3f !important;
  box-shadow:0 28px 80px rgba(0,0,0,.36),0 0 0 1px rgba(227,27,63,.12) inset !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  position:relative !important;
  z-index:3 !important;
}
body.page-id-28428 .sp-html-source-home .band.promo .kicker{
  color:#ff314f !important;
  -webkit-text-fill-color:#ff314f !important;
  text-shadow:none !important;
}
body.page-id-28428 .sp-html-source-home .band.promo h2{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-shadow:0 10px 28px rgba(0,0,0,.45),2px 2px 0 rgba(227,27,63,.22) !important;
  max-width:10.5em !important;
}
body.page-id-28428 .sp-html-source-home .band.promo p{
  color:#e9eef8 !important;
  -webkit-text-fill-color:#e9eef8 !important;
  opacity:1 !important;
  max-width:52ch !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
body.page-id-28428 .sp-html-source-home .band.promo .promo__code{
  background:#e31b3f !important;
  color:#fff !important;
  border:2px solid rgba(255,255,255,.28) !important;
  box-shadow:0 18px 38px rgba(227,27,63,.34) !important;
}
@media (max-width:900px){
  body.page-id-28428 .sp-html-source-home .band.promo{
    background-image:
      linear-gradient(180deg,rgba(3,6,14,.74),rgba(3,6,14,.92)),
      url('/wp-content/themes/child-shoptimizer-child/spiderman-promo-characters-right-1920x900.jpg') !important;
    background-position:68% center !important;
  }
  body.page-id-28428 .sp-html-source-home .band.promo .panel{
    margin-inline:auto !important;
    text-align:center !important;
  }
  body.page-id-28428 .sp-html-source-home .band.promo p{margin-inline:auto !important;}
}
/* END HERMES_SPIDERMAN_PROMO_CHARACTERS_RIGHT_FINAL_20260715 */

/* HERMES_SPIDERMAN_PROMO_USER_PNG_CHARACTERS_RIGHT_20260715
   Bloc Edition speciale: plus de photo floue en BG. PNG compose depuis les images PJ user, personnages a droite. */
body.page-id-28428 .sp-html-source-home .band.promo{
  background-image:url('/wp-content/themes/child-shoptimizer-child/spiderman-promo-user-characters-right.png') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  border-top:5px solid #c8102e !important;
}
body.page-id-28428 .sp-html-source-home .band.promo::before,
body.page-id-28428 .sp-html-source-home .band.promo::after{
  display:none !important;
  content:none !important;
  background:none !important;
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body.page-id-28428 .sp-html-source-home .band.promo .panel{
  background:linear-gradient(135deg,rgba(3,7,20,.82),rgba(7,14,35,.56)) !important;
  border:1px solid rgba(255,255,255,.24) !important;
  box-shadow:0 38px 110px rgba(0,0,0,.46), inset 0 0 0 1px rgba(255,255,255,.05) !important;
}
/* END HERMES_SPIDERMAN_PROMO_USER_PNG_CHARACTERS_RIGHT_20260715 */

/* HERMES_SPIDERMAN_PROMO_PJ_PNG_CLEAN_SPIDEY_20260715
   Image finale demandée: utiliser les PJ, en PNG, avec Spiderman détouré sans liseré blanc. */
body.page-id-28428 .sp-html-source-home .band.promo{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background-color:#050814 !important;
  background-image:url('/wp-content/themes/child-shoptimizer-child/spiderman-promo-user-characters-right.png') !important;
  background-size:cover !important;
  background-position:center right !important;
  background-repeat:no-repeat !important;
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body.page-id-28428 .sp-html-source-home .band.promo::before,
body.page-id-28428 .sp-html-source-home .band.promo::after{
  display:none !important;
  content:none !important;
  background:none !important;
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body.page-id-28428 .sp-html-source-home .band.promo .panel{
  width:min(660px,92vw) !important;
  margin-left:clamp(22px,6.5vw,108px) !important;
  margin-right:auto !important;
  text-align:left !important;
  background:linear-gradient(135deg,rgba(3,7,17,.84),rgba(5,12,26,.58)) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-left:6px solid #e31b3f !important;
  box-shadow:0 26px 70px rgba(0,0,0,.34) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body.page-id-28428 .sp-html-source-home .band.promo h2{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  max-width:10.5em !important;
  text-shadow:0 10px 26px rgba(0,0,0,.46),2px 2px 0 rgba(227,27,63,.22) !important;
}
body.page-id-28428 .sp-html-source-home .band.promo p{
  color:#edf3ff !important;
  -webkit-text-fill-color:#edf3ff !important;
  opacity:1 !important;
}
@media (max-width:900px){
  body.page-id-28428 .sp-html-source-home .band.promo{
    background-position:68% center !important;
  }
  body.page-id-28428 .sp-html-source-home .band.promo .panel{
    margin-inline:auto !important;
    text-align:center !important;
  }
}
/* END HERMES_SPIDERMAN_PROMO_PJ_PNG_CLEAN_SPIDEY_20260715 */


/* HERMES_SPIDERMAN_PROMO_CLEAN_SPIDEY_CUTOUT_20260715
   Bloc Edition speciale: remplace le Spiderman rectangulaire mal detoure par une banniere avec PNG propre. */
body.page-id-28428 .sp-html-source-home .band.promo{
  background-image:url(/wp-content/themes/child-shoptimizer-child/spiderman-promo-user-characters-right-clean-spidey-20260715.png) !important;
  background-size:cover !important;
  background-position:center right !important;
  background-repeat:no-repeat !important;
}
@media (max-width:900px){
  body.page-id-28428 .sp-html-source-home .band.promo{
    background-position:68% center !important;
  }
}
/* END HERMES_SPIDERMAN_PROMO_CLEAN_SPIDEY_CUTOUT_20260715 */


/* HERMES_SPIDERMAN_PROMO_RESTORE_COMPO_RECUT_ONLY_20260715
   Bloc Edition speciale: restauration de la composition precedente; seul le fond rectangulaire autour du Spiderman debout est attenue. */
body.page-id-28428 .sp-html-source-home .band.promo{
  background-image:url('/wp-content/themes/child-shoptimizer-child/spiderman-promo-user-characters-right-same-compo-clean-v4-20260715.png') !important;
  background-size:cover !important;
  background-position:center right !important;
  background-repeat:no-repeat !important;
}
@media (max-width:900px){
  body.page-id-28428 .sp-html-source-home .band.promo{
    background-position:68% center !important;
  }
}
/* END HERMES_SPIDERMAN_PROMO_RESTORE_COMPO_RECUT_ONLY_20260715 */



/* HERMES_SPIDERMAN_PROMO_NO_BG_TWO_IMAGES_RIGHT_20260715
   Bloc Edition speciale: plus de BG/personnage mal decoupe; deux PNG propres regroupes a droite. */
body.page-id-28428 .sp-html-source-home .band.promo{
  background-image:url('/wp-content/themes/child-shoptimizer-child/spiderman-promo-no-bg-two-images-right-20260715.png') !important;
  background-size:cover !important;
  background-position:center right !important;
  background-repeat:no-repeat !important;
}
body.page-id-28428 .sp-html-source-home .band.promo .panel{
  margin-left:clamp(22px,6.5vw,108px) !important;
  margin-right:auto !important;
}
@media (max-width:900px){
  body.page-id-28428 .sp-html-source-home .band.promo{
    background-position:62% center !important;
  }
}
/* END HERMES_SPIDERMAN_PROMO_NO_BG_TWO_IMAGES_RIGHT_20260715 */



/* HERMES_SPIDERMAN_PROMO_USER_IMAGES_BG_REMOVED_RIGHT_20260715
   Bloc Edition speciale: utilise strictement les deux images fournies par l'utilisateur; BG/damier supprime, personnages a droite. */
body.page-id-28428 .sp-html-source-home .band.promo{
  background-image:url('/wp-content/themes/child-shoptimizer-child/promo-respect-user-images-no-bg-right-v2-20260715.png') !important;
  background-size:cover !important;
  background-position:center right !important;
  background-repeat:no-repeat !important;
}
body.page-id-28428 .sp-html-source-home .band.promo .panel{
  margin-left:clamp(22px,6.5vw,108px) !important;
  margin-right:auto !important;
}
@media (max-width:900px){
  body.page-id-28428 .sp-html-source-home .band.promo{
    background-position:62% center !important;
  }
}
/* END HERMES_SPIDERMAN_PROMO_USER_IMAGES_BG_REMOVED_RIGHT_20260715 */



/* HERMES_SPIDERMAN_PROMO_DEUX_IMAGES_FOURNIES_BG_RETIRE_V3_20260715
   Bloc Edition speciale: respecte les deux images fournies; damier/fond retire; personnages groupes a droite. */
body.page-id-28428 .sp-html-source-home .band.promo{
  background-image:url('/wp-content/themes/child-shoptimizer-child/promo-deux-images-fournies-bg-retire-v3-20260715.png') !important;
  background-size:cover !important;
  background-position:center right !important;
  background-repeat:no-repeat !important;
}
body.page-id-28428 .sp-html-source-home .band.promo .panel{
  margin-left:clamp(22px,6.5vw,108px) !important;
  margin-right:auto !important;
}
@media (max-width:900px){
  body.page-id-28428 .sp-html-source-home .band.promo{
    background-position:62% center !important;
  }
}
/* END HERMES_SPIDERMAN_PROMO_DEUX_IMAGES_FOURNIES_BG_RETIRE_V3_20260715 */



/* HERMES_SPIDERMAN_PROMO_REPLACE_SPIDERMAN_NEW_IMAGE_V4_20260715
   Bloc Edition speciale: remplace uniquement Spiderman par la nouvelle image fournie; Venom conserve; personnages a droite. */
body.page-id-28428 .sp-html-source-home .band.promo{
  background-image:url('/wp-content/themes/child-shoptimizer-child/promo-spiderman-remplace-nouvelle-image-v4-20260715.png') !important;
  background-size:cover !important;
  background-position:center right !important;
  background-repeat:no-repeat !important;
}
body.page-id-28428 .sp-html-source-home .band.promo .panel{
  margin-left:clamp(22px,6.5vw,108px) !important;
  margin-right:auto !important;
}
@media (max-width:900px){
  body.page-id-28428 .sp-html-source-home .band.promo{
    background-position:62% center !important;
  }
}
/* END HERMES_SPIDERMAN_PROMO_REPLACE_SPIDERMAN_NEW_IMAGE_V4_20260715 */



/* HERMES_SPIDERMAN_PROMO_REPLACE_SPIDERMAN_EXACT_V5_20260715
   Bloc Edition speciale: remplace Spiderman par l'image exacte fournie (-1.png); Venom conserve; personnages a droite. */
body.page-id-28428 .sp-html-source-home .band.promo{
  background-image:url('/wp-content/themes/child-shoptimizer-child/promo-spiderman-remplace-nouvelle-image-exact-v5-20260715.png') !important;
  background-size:cover !important;
  background-position:center right !important;
  background-repeat:no-repeat !important;
}
body.page-id-28428 .sp-html-source-home .band.promo .panel{
  margin-left:clamp(22px,6.5vw,108px) !important;
  margin-right:auto !important;
}
@media (max-width:900px){
  body.page-id-28428 .sp-html-source-home .band.promo{
    background-position:62% center !important;
  }
}
/* END HERMES_SPIDERMAN_PROMO_REPLACE_SPIDERMAN_EXACT_V5_20260715 */



/* HERMES_SPIDERMAN_PROMO_BUTTON_CONTRAST_FIX_20260715
   Bloc Edition speciale: bouton rouge lisible, texte et icone forces en blanc. */
body.page-id-28428 .sp-html-source-home .band.promo .promo__code{
  background:#e31b3f !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border:2px solid rgba(255,255,255,.46) !important;
  box-shadow:0 18px 38px rgba(227,27,63,.34), inset 0 0 0 1px rgba(255,255,255,.12) !important;
}
body.page-id-28428 .sp-html-source-home .band.promo .promo__code span,
body.page-id-28428 .sp-html-source-home .band.promo .promo__code i,
body.page-id-28428 .sp-html-source-home .band.promo .promo__code svg{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  stroke:#ffffff !important;
  fill:none !important;
}
body.page-id-28428 .sp-html-source-home .band.promo .promo__code:hover,
body.page-id-28428 .sp-html-source-home .band.promo .promo__code:focus-visible{
  background:#ff3155 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  outline:3px solid rgba(255,255,255,.42) !important;
  outline-offset:3px !important;
}
/* END HERMES_SPIDERMAN_PROMO_BUTTON_CONTRAST_FIX_20260715 */



/* HERMES_SPIDERMAN_TOILE_TECHNO_FAQ_VISUAL_FIX_20260716
   - Tire ta toile: le personnage reste dans la card.
   - Techno de pointe: le visuel prend la meme hauteur visuelle que le texte.
   - FAQ: points/lignes lisibles au-dessus de l'araignee. */
body.page-id-28428 .sp-html-source-home .web__stage{
  overflow:hidden !important;
  padding:clamp(12px,2.2svh,22px) !important;
  box-sizing:border-box !important;
}
body.page-id-28428 .sp-html-source-home .web__catch,
body.page-id-28428 .sp-html-source-home .web.is-caught .web__catch{
  display:block !important;
  max-width:88% !important;
  max-height:88% !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform-origin:center center !important;
}
body.page-id-28428 .sp-html-source-home #techno .feature__inner{
  align-items:stretch !important;
}
body.page-id-28428 .sp-html-source-home #techno .feature__media{
  min-height:clamp(500px,70svh,760px) !important;
  align-self:stretch !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
body.page-id-28428 .sp-html-source-home #techno .feature__media img{
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:clamp(520px,72svh,780px) !important;
  min-height:clamp(440px,58svh,620px) !important;
  object-fit:contain !important;
}
body.page-id-28428 .sp-html-source-home #faq .faq-connectors{
  z-index:3 !important;
  pointer-events:none !important;
}
body.page-id-28428 .sp-html-source-home #faq .faq-connectors circle{
  r:6 !important;
  fill:#c8102e !important;
  stroke:#ffffff !important;
  stroke-width:3 !important;
}
@media (max-width:900px){
  body.page-id-28428 .sp-html-source-home #techno .feature__media{
    min-height:clamp(320px,48svh,520px) !important;
  }
  body.page-id-28428 .sp-html-source-home #techno .feature__media img{
    min-height:0 !important;
    max-height:clamp(320px,48svh,520px) !important;
  }
}
/* END HERMES_SPIDERMAN_TOILE_TECHNO_FAQ_VISUAL_FIX_20260716 */



/* HERMES_SPIDERMAN_WEB_FIT_FAQ_BOTTOM_DOTS_20260716
   Tire ta toile: le personnage tient entier dans la card.
   FAQ: les points bas sont recales sur les pattes de l'araignee. */
body.page-id-28428 .sp-html-source-home .web__stage{
  height:clamp(300px,38svh,340px) !important;
  overflow:hidden !important;
  padding:18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
body.page-id-28428 .sp-html-source-home .web__catch,
body.page-id-28428 .sp-html-source-home .web.is-caught .web__catch{
  position:relative !important;
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:min(62%,440px) !important;
  max-height:calc(100% - 42px) !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:auto !important;
  transform:none !important;
}
body.page-id-28428 .sp-html-source-home .web.is-caught .web__catch{
  opacity:1 !important;
  animation:sp-web-drop-contained .34s ease-out both !important;
}
@keyframes sp-web-drop-contained{
  from{opacity:0;transform:translateY(-18px) scale(.96)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
body.page-id-28428 .sp-html-source-home #faq .faq-connectors circle{
  fill:#d80f34 !important;
  stroke:#ffffff !important;
  stroke-width:3.4 !important;
}
/* END HERMES_SPIDERMAN_WEB_FIT_FAQ_BOTTOM_DOTS_20260716 */



/* HERMES_SPIDERMAN_FAQ_BOTTOM_DOTS_ON_LEGS_20260716
   Recalage final: les deux points du bas sont sur les pattes interieures, pas dans le vide. */
body.page-id-28428 .sp-html-source-home #faq .faq-connectors circle{
  fill:#d80f34 !important;
  stroke:#ffffff !important;
  stroke-width:3.6 !important;
}
/* END HERMES_SPIDERMAN_FAQ_BOTTOM_DOTS_ON_LEGS_20260716 */



/* HERMES_SPIDERMAN_FAQ_TOP_DOTS_ON_LEGS_20260716
   Recalage final: les deux points du haut sont poses sur les pattes hautes. */
body.page-id-28428 .sp-html-source-home #faq .faq-connectors circle{
  fill:#d80f34 !important;
  stroke:#ffffff !important;
  stroke-width:3.6 !important;
}
/* END HERMES_SPIDERMAN_FAQ_TOP_DOTS_ON_LEGS_20260716 */



/* HERMES_SPIDERMAN_FEATURE_IMAGES_CTA_RAIL_HINT_20260716
   Heros/agilite: visuels agrandis harmonieusement. Produits: cache l'indication de glissement. CTA collections ajoutes aux blocs texte. */
body.page-id-28428 .sp-html-source-home .rail-hint{
  display:none !important;
}
body.page-id-28428 .sp-html-source-home #heros .feature__inner,
body.page-id-28428 .sp-html-source-home #agilite .feature__inner{
  align-items:stretch !important;
}
body.page-id-28428 .sp-html-source-home #heros .feature__media,
body.page-id-28428 .sp-html-source-home #agilite .feature__media{
  min-height:clamp(430px,60svh,640px) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
body.page-id-28428 .sp-html-source-home #heros .feature__media img,
body.page-id-28428 .sp-html-source-home #agilite .feature__media img{
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:clamp(455px,62svh,660px) !important;
  min-height:clamp(390px,52svh,560px) !important;
  object-fit:contain !important;
}
body.page-id-28428 .sp-html-source-home .feature__cta,
body.page-id-28428 .sp-html-source-home .section-cta{
  margin-top:clamp(1rem,2svh,1.5rem) !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:.75rem !important;
  align-items:center !important;
}
body.page-id-28428 .sp-html-source-home .feature__cta .btn,
body.page-id-28428 .sp-html-source-home .section-cta .btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:44px !important;
  padding:.72rem 1.1rem !important;
  border-radius:999px !important;
  background:#c8102e !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border:2px solid #c8102e !important;
  font-weight:900 !important;
  text-decoration:none !important;
  box-shadow:0 12px 28px rgba(200,16,46,.24) !important;
}
body.page-id-28428 .sp-html-source-home .feature__cta .btn:hover,
body.page-id-28428 .sp-html-source-home .section-cta .btn:hover{
  background:#e31b3f !important;
  border-color:#e31b3f !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
@media (max-width:900px){
  body.page-id-28428 .sp-html-source-home #heros .feature__media,
  body.page-id-28428 .sp-html-source-home #agilite .feature__media{
    min-height:clamp(300px,46svh,480px) !important;
  }
  body.page-id-28428 .sp-html-source-home #heros .feature__media img,
  body.page-id-28428 .sp-html-source-home #agilite .feature__media img{
    min-height:0 !important;
    max-height:clamp(310px,46svh,500px) !important;
  }
}
/* END HERMES_SPIDERMAN_FEATURE_IMAGES_CTA_RAIL_HINT_20260716 */