/* ALMUNQIDH — v7 (22.09.2026) : cartes « Trois façons » sans images, numéros animés, bannière */

/* ---------- on retire les images et les anciens numéros ---------- */
body.theme-urgence #main .offer .offer__visual{display:none !important}
body.theme-urgence #main .offer-typography > span{display:none !important}
body.theme-urgence #main .offer-typography{
  aspect-ratio:auto !important;min-height:clamp(210px,20vw,280px) !important;justify-content:space-between !important;gap:18px !important;
  background:radial-gradient(90% 80% at 0% 0%,rgba(255,30,56,.26),transparent 62%),radial-gradient(90% 80% at 100% 100%,rgba(42,127,255,.18),transparent 62%),linear-gradient(180deg,#0C1222,#070A14) !important}
body.theme-urgence #main .offer:nth-child(2) .offer-typography{
  background:radial-gradient(90% 80% at 0% 0%,rgba(42,127,255,.28),transparent 62%),radial-gradient(90% 80% at 100% 100%,rgba(255,30,56,.16),transparent 62%),linear-gradient(180deg,#0C1222,#070A14) !important}
body.theme-urgence #main .offer-typography::after{
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px) !important;
  background-size:28px 28px !important;-webkit-mask:linear-gradient(180deg,#000,transparent 85%);mask:linear-gradient(180deg,#000,transparent 85%);
  animation:am7-grid 14s linear infinite}
@keyframes am7-grid{to{background-position:28px 28px,28px 28px}}

/* ---------- numéros animés (rouleaux) ---------- */
.am7-num{position:relative;z-index:2;display:flex;font-weight:800;font-size:clamp(4.6rem,8vw,7.6rem);line-height:1;letter-spacing:-.05em;
  filter:drop-shadow(0 0 22px rgba(255,30,56,.55));transform-origin:0 60%}
.am7-num--2{filter:drop-shadow(0 0 22px rgba(42,127,255,.6))}
.am7-reel{display:block;height:1em;overflow:hidden}
.am7-strip{display:flex;flex-direction:column;will-change:transform}
.am7-strip span{display:block;height:1em;color:transparent;
  background:linear-gradient(180deg,#fff 0%,#FFD3D9 38%,#FF1E38 100%);-webkit-background-clip:text;background-clip:text}
.am7-num--2 .am7-strip span{background:linear-gradient(180deg,#fff 0%,#D6E6FF 38%,#2A7FFF 100%);-webkit-background-clip:text;background-clip:text}
.am7-num::after{content:"";position:absolute;inset:-10% -20%;pointer-events:none;mix-blend-mode:screen;
  background:linear-gradient(100deg,transparent 42%,rgba(255,255,255,.55) 50%,transparent 58%) -120% 0/250% 100% no-repeat;opacity:0}
.offer.am7-in .am7-num{animation:am7-beat 2.6s ease-in-out 1.9s infinite}
.offer.am7-in .am7-num::after{opacity:1;animation:am7-shine 4.2s ease-in-out 1.8s infinite}
@keyframes am7-beat{0%,56%,100%{transform:scale(1)}8%{transform:scale(1.05)}16%{transform:scale(.99)}24%{transform:scale(1.03)}34%{transform:scale(1)}}
@keyframes am7-shine{0%,60%{background-position:120% 0}100%{background-position:-120% 0}}
/* trait sous le titre qui se trace */
body.theme-urgence #main .offer-typography > b{background-size:0 2px !important;transition:background-size 1s cubic-bezier(.2,.8,.2,1) .6s}
body.theme-urgence #main .offer.am7-in .offer-typography > b{background-size:64px 2px !important}

/* ---------- bannière ---------- */
.am7-banner{position:relative;margin:0 0 clamp(28px,4vw,52px);border-radius:22px;overflow:hidden;background:#05070D;
  box-shadow:0 34px 90px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.07),0 0 70px rgba(255,30,56,.14)}
.am7-banner--dessous{margin:clamp(28px,4vw,52px) 0 0}
.am7-banner img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;animation:am7-zoom 22s ease-in-out infinite alternate;transform-origin:50% 55%}
.am7-banner::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.10) 50%,transparent 60%) -120% 0/260% 100% no-repeat,
             linear-gradient(180deg,transparent 70%,rgba(5,7,13,.45));animation:am7-bshine 7s ease-in-out infinite}
@keyframes am7-zoom{from{transform:scale(1)}to{transform:scale(1.06)}}
@keyframes am7-bshine{0%,55%{background-position:120% 0,0 0}100%{background-position:-120% 0,0 0}}

@media (prefers-reduced-motion:reduce){
  .offer.am7-in .am7-num,.offer.am7-in .am7-num::after,.am7-banner img,.am7-banner::after,body.theme-urgence #main .offer-typography::after{animation:none !important}}