.mra-ld-paintings-bg {
  background:
    radial-gradient(circle at 28% 34%, rgba(236, 24, 35, 0.20), transparent 34rem),
    radial-gradient(circle at 74% 28%, rgba(236, 24, 35, 0.14), transparent 32rem),
    linear-gradient(115deg, rgba(0, 0, 0, 0.96), rgba(34, 0, 8, 0.74), rgba(0, 0, 0, 0.92));
  inset: 0 calc(50% - 50vw);
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

.mra-ld-paintings-bg::before {
  animation: mra-ld-paintings-light-sweep 11s ease-in-out infinite alternate;
  background:
    linear-gradient(105deg, transparent 10%, rgba(255, 255, 255, 0.08) 38%, transparent 62%),
    radial-gradient(circle at 50% 44%, rgba(236, 24, 35, 0.18), transparent 30rem);
  content: "";
  filter: blur(18px);
  inset: -18% -16%;
  opacity: 0.56;
  position: absolute;
  z-index: 2;
}

.mra-ld-paintings-bg::after {
  background:
    linear-gradient(90deg, rgba(0,0,0,0.86) 0%, rgba(0,0,0,0.54) 24%, rgba(0,0,0,0.12) 54%, rgba(0,0,0,0.62) 100%),
    linear-gradient(180deg, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.10) 35%, rgba(0,0,0,0.88) 100%),
    radial-gradient(circle at 52% 42%, rgba(236, 24, 35, 0.18), transparent 38rem);
  content: "";
  inset: 0;
  position: absolute;
  z-index: 3;
}

.mra-ld-painting-frame {
  --mra-frame-w: clamp(230px, 18vw, 430px);
  --mra-frame-y: 0vh;
  --mra-frame-rotate: 0deg;
  --mra-frame-scale-start: 0.88;
  --mra-frame-scale-end: 1.10;
  animation: mra-ld-paintings-crawl var(--mra-frame-duration, 46s) linear infinite;
  aspect-ratio: 0.68;
  background-image: var(--mra-frame-bg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: clamp(20px, 2vw, 38px);
  box-shadow:
    0 34px 90px rgba(0, 0, 0, 0.64),
    inset 0 0 0 999px rgba(75, 0, 10, 0.16),
    inset 0 0 70px rgba(0, 0, 0, 0.64);
  filter: grayscale(1) sepia(1) hue-rotate(312deg) saturate(2.05) contrast(1.34) brightness(0.56);
  mix-blend-mode: screen;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: var(--mra-frame-top, 20%);
  left: var(--mra-frame-left, 50%);
  transform-origin: center;
  width: var(--mra-frame-w);
  will-change: transform, opacity, filter;
  z-index: 1;
}

.mra-ld-painting-frame::after {
  background:
    linear-gradient(180deg, rgba(0,0,0,0.12), rgba(0,0,0,0.48)),
    radial-gradient(circle at 50% 42%, rgba(236,24,35,0.28), transparent 54%);
  content: "";
  inset: 0;
  mix-blend-mode: multiply;
  position: absolute;
}

.mra-ld-painting-frame--1 {
  --mra-frame-duration: 48s;
  --mra-frame-left: -10%;
  --mra-frame-rotate: -8deg;
  --mra-frame-top: 18%;
  --mra-frame-w: clamp(230px, 17vw, 390px);
  animation-delay: -4s;
}

.mra-ld-painting-frame--2 {
  --mra-frame-duration: 52s;
  --mra-frame-left: 15%;
  --mra-frame-rotate: 6deg;
  --mra-frame-scale-start: 0.94;
  --mra-frame-scale-end: 1.18;
  --mra-frame-top: 6%;
  --mra-frame-w: clamp(250px, 19vw, 440px);
  animation-delay: -11s;
}

.mra-ld-painting-frame--3 {
  --mra-frame-duration: 45s;
  --mra-frame-left: 38%;
  --mra-frame-rotate: -3deg;
  --mra-frame-top: 38%;
  --mra-frame-w: clamp(240px, 18vw, 420px);
  animation-delay: -17s;
}

.mra-ld-painting-frame--4 {
  --mra-frame-duration: 50s;
  --mra-frame-left: 62%;
  --mra-frame-rotate: 9deg;
  --mra-frame-top: 14%;
  --mra-frame-w: clamp(220px, 16vw, 380px);
  animation-delay: -23s;
}

.mra-ld-painting-frame--5 {
  --mra-frame-duration: 44s;
  --mra-frame-left: 82%;
  --mra-frame-rotate: -6deg;
  --mra-frame-top: 50%;
  --mra-frame-w: clamp(220px, 16vw, 370px);
  animation-delay: -30s;
}

.mra-ld-painting-frame--6 {
  --mra-frame-duration: 54s;
  --mra-frame-left: 4%;
  --mra-frame-rotate: 5deg;
  --mra-frame-top: 58%;
  --mra-frame-w: clamp(210px, 15vw, 350px);
  animation-delay: -36s;
}

.mra-ld-painting-frame--7 {
  --mra-frame-duration: 47s;
  --mra-frame-left: 52%;
  --mra-frame-rotate: -10deg;
  --mra-frame-top: -10%;
  --mra-frame-w: clamp(230px, 17vw, 390px);
  animation-delay: -41s;
}

.mra-ld-painting-frame--8 {
  --mra-frame-duration: 56s;
  --mra-frame-left: 72%;
  --mra-frame-rotate: 4deg;
  --mra-frame-top: 68%;
  --mra-frame-w: clamp(210px, 15vw, 350px);
  animation-delay: -48s;
}

@keyframes mra-ld-paintings-crawl {
  0% {
    filter: grayscale(1) sepia(1) hue-rotate(312deg) saturate(1.90) contrast(1.22) brightness(0.40);
    opacity: 0;
    transform: translate3d(48vw, var(--mra-frame-y), 0) scale(var(--mra-frame-scale-start)) rotate(calc(var(--mra-frame-rotate) - 4deg));
  }
  10% {
    opacity: 0.18;
  }
  34% {
    filter: grayscale(1) sepia(1) hue-rotate(312deg) saturate(2.35) contrast(1.42) brightness(0.64);
    opacity: 0.34;
  }
  58% {
    opacity: 0.24;
  }
  80% {
    opacity: 0.30;
  }
  100% {
    filter: grayscale(1) sepia(1) hue-rotate(312deg) saturate(1.82) contrast(1.18) brightness(0.36);
    opacity: 0;
    transform: translate3d(-58vw, calc(var(--mra-frame-y) - 3vh), 0) scale(var(--mra-frame-scale-end)) rotate(calc(var(--mra-frame-rotate) + 6deg));
  }
}

@keyframes mra-ld-paintings-light-sweep {
  0% {
    transform: translate3d(-8%, -2%, 0) rotate(-2deg);
  }
  100% {
    transform: translate3d(8%, 2%, 0) rotate(2deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .mra-ld-painting-frame {
    animation: none;
    opacity: 0.14;
    transform: translate3d(0, 0, 0) scale(1) rotate(var(--mra-frame-rotate));
  }

  .mra-ld-paintings-bg::before {
    animation: none;
  }
}

@media (max-width: 767px) {
  .mra-ld-paintings-bg::after {
    background:
      linear-gradient(180deg, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0.48) 36%, rgba(0,0,0,0.90) 100%),
      radial-gradient(circle at 50% 43%, rgba(236, 24, 35, 0.20), transparent 26rem),
      rgba(0,0,0,0.28);
  }

  .mra-ld-painting-frame {
    --mra-frame-w: clamp(160px, 42vw, 270px);
    border-radius: clamp(18px, 7vw, 30px);
  }

  .mra-ld-painting-frame--1 {
    --mra-frame-left: -16%;
    --mra-frame-top: 19%;
  }

  .mra-ld-painting-frame--2 {
    --mra-frame-left: 25%;
    --mra-frame-top: 9%;
  }

  .mra-ld-painting-frame--3 {
    --mra-frame-left: 58%;
    --mra-frame-top: 35%;
  }

  .mra-ld-painting-frame--4 {
    --mra-frame-left: 8%;
    --mra-frame-top: 63%;
  }

  .mra-ld-painting-frame--5,
  .mra-ld-painting-frame--6,
  .mra-ld-painting-frame--7,
  .mra-ld-painting-frame--8 {
    display: none;
  }
}

/* Paintings background v3: immagine singola full-bleed, tagliata più alta sui volti. */
body.mra-ld-flashsale .mra-ld-paintings-bg::after {
  background:
    linear-gradient(90deg, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.56) 24%, rgba(0,0,0,0.08) 58%, rgba(0,0,0,0.50) 100%),
    linear-gradient(180deg, rgba(0,0,0,0.76) 0%, rgba(0,0,0,0.06) 42%, rgba(0,0,0,0.80) 100%),
    radial-gradient(circle at 52% 38%, rgba(236, 24, 35, 0.26), transparent 44rem);
}

body.mra-ld-flashsale .mra-ld-painting-frame {
  animation: mra-ld-paintings-solo 64s ease-in-out infinite both;
  aspect-ratio: auto;
  background-position: var(--mra-frame-pos, center 8%);
  background-size: cover;
  border: 0;
  border-radius: 0;
  box-shadow:
    inset 0 0 0 999px rgba(56, 0, 8, 0.08),
    inset 0 0 150px rgba(0, 0, 0, 0.54);
  display: block;
  filter: grayscale(1) sepia(1) hue-rotate(314deg) saturate(2.48) contrast(1.48) brightness(0.76);
  height: 116%;
  left: 50%;
  mix-blend-mode: normal;
  opacity: 0;
  top: 50%;
  width: 120vw;
  -webkit-mask-image: none;
  mask-image: none;
}

body.mra-ld-flashsale .mra-ld-painting-frame::after {
  background:
    linear-gradient(90deg, rgba(0,0,0,0.18), rgba(82,0,10,0.08) 48%, rgba(0,0,0,0.30)),
    radial-gradient(circle at 50% 34%, rgba(236,24,35,0.22), transparent 62%);
  mix-blend-mode: multiply;
}

body.mra-ld-flashsale .mra-ld-painting-frame--1 {
  --mra-frame-pos: center 8%;
  animation-delay: 0s;
}

body.mra-ld-flashsale .mra-ld-painting-frame--2 {
  --mra-frame-pos: center 5%;
  animation-delay: 8s;
}

body.mra-ld-flashsale .mra-ld-painting-frame--3 {
  --mra-frame-pos: center 6%;
  animation-delay: 16s;
}

body.mra-ld-flashsale .mra-ld-painting-frame--4 {
  --mra-frame-pos: center 7%;
  animation-delay: 24s;
}

body.mra-ld-flashsale .mra-ld-painting-frame--5 {
  --mra-frame-pos: center 9%;
  animation-delay: 32s;
}

body.mra-ld-flashsale .mra-ld-painting-frame--6 {
  --mra-frame-pos: center 10%;
  animation-delay: 40s;
}

body.mra-ld-flashsale .mra-ld-painting-frame--7 {
  --mra-frame-pos: center 8%;
  animation-delay: 48s;
}

body.mra-ld-flashsale .mra-ld-painting-frame--8 {
  --mra-frame-pos: center 7%;
  animation-delay: 56s;
}

@keyframes mra-ld-paintings-solo {
  0% {
    filter: grayscale(1) sepia(1) hue-rotate(314deg) saturate(2.20) contrast(1.36) brightness(0.56);
    opacity: 0;
    transform: translate3d(calc(-50% + 6vw), calc(-50% - 1.5vh), 0) scale(1.02) rotate(-1.1deg);
  }
  2.2% {
    opacity: 0.58;
  }
  5.8% {
    filter: grayscale(1) sepia(1) hue-rotate(314deg) saturate(2.70) contrast(1.56) brightness(0.86);
    opacity: 0.84;
  }
  9.6% {
    opacity: 0.80;
    transform: translate3d(calc(-50% - 1vw), calc(-50% + 0.2vh), 0) scale(1.08) rotate(0.25deg);
  }
  12.2% {
    filter: grayscale(1) sepia(1) hue-rotate(314deg) saturate(2.22) contrast(1.36) brightness(0.58);
    opacity: 0;
    transform: translate3d(calc(-50% - 7vw), calc(-50% + 1.6vh), 0) scale(1.14) rotate(1.4deg);
  }
  100% {
    opacity: 0;
    transform: translate3d(calc(-50% - 7vw), calc(-50% + 1.6vh), 0) scale(1.14) rotate(1.4deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.mra-ld-flashsale .mra-ld-painting-frame {
    animation: none;
    opacity: 0;
  }

  body.mra-ld-flashsale .mra-ld-painting-frame--1 {
    opacity: 0.66;
    transform: translate3d(-50%, -50%, 0) scale(1.06);
  }
}

@media (max-width: 767px) {
  body.mra-ld-flashsale .mra-ld-paintings-bg::after {
    background:
      linear-gradient(180deg, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.34) 36%, rgba(0,0,0,0.88) 100%),
      radial-gradient(circle at 50% 43%, rgba(236, 24, 35, 0.24), transparent 28rem);
  }

  body.mra-ld-flashsale .mra-ld-painting-frame {
    display: block;
    height: 118%;
    top: 50%;
    width: 178vw;
  }
}

body.mra-ld-flashsale{margin:0;background:#170006;color:#fff;font-family:Inter,Arial,sans-serif;overflow-x:clip}body.mra-ld-flashsale .mra-ld-paintings-bg{position:fixed;inset:0;z-index:0;min-height:100dvh}body.mra-ld-flashsale .mra-ld{background:transparent!important;width:100%;margin:0;min-height:calc(100dvh - 80px);padding:40px clamp(18px,4vw,80px) 100px}body.mra-ld-flashsale .mra-ld-inner{max-width:1600px}body.mra-ld-flashsale .mra-ld-card{background:rgba(12,0,4,.72);backdrop-filter:blur(8px)}body.mra-ld-flashsale .mra-ld-visuals{background:rgba(12,0,4,.45)}body.mra-ld-flashsale .mra-ld-status{max-width:900px;margin:clamp(80px,25vh,240px) auto!important;text-align:center;background:#10000680;border-radius:16px}body.mra-ld-flashsale .mra-builder{width:calc(100% - 36px);max-width:1600px;margin:18px auto;background:#100006dd;backdrop-filter:blur(12px)}

#mra-ld-flashsale-content{position:relative;z-index:1}

body.mra-ld-flashsale #mra-ld-flashsale-content{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}body.mra-ld-flashsale #footer-wrap,body.mra-ld-flashsale #footer,body.mra-ld-flashsale #tatsu-footer-container{position:relative;z-index:2}
