#block-rhythm-sub-skariumblocpromo {
	margin-bottom: 0!important;
}
#block-rhythm-sub-skariumblocpromo h5{
	font-size: 32px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
}
.skarium_bloc_promo {
  --sk-night: #0f1f1a;
  --sk-wine: #52b370;
  --sk-gold: #52b370;
  --sk-snow: #fffaf0;
  --sk-radius: 18px;
  position: relative;
  width: 100%;
  margin: 0;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: var(--sk-night);
  color: var(--sk-snow);
  font-family: 'Manrope',system-ui,sans-serif;
  box-sizing: border-box;
  isolation: isolate;
  touch-action: pan-y;
}
.skarium_bloc_promo * {
  box-sizing: border-box;
}
.skp-slide {
  position: absolute;
  inset: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: opacity .9s ease,visibility .9s;
  background:
    linear-gradient(
      135deg,
      #8c1c2c,
      #0f1f1a
    );
}
.skp-slide:nth-child(5n+2) {
  background:
    linear-gradient(
      135deg,
      #0f3d2e,
      #1b1b3a
    );
}
.skp-slide:nth-child(5n+3) {
  background:
    linear-gradient(
      135deg,
      #5a1020,
      #c08a2c
    );
}
.skp-slide:nth-child(5n+4) {
  background:
    linear-gradient(
      135deg,
      #16324f,
      #0f1f1a
    );
}
.skp-slide:nth-child(5n) {
  background:
    linear-gradient(
      135deg,
      #3b1f4f,
      #8c1c2c
    );
}
.skp-slide.is-active {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.skp-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.02);
}
.skp-slide.is-active .skp-img {
  animation: skpZoom 9s ease-out forwards;
}
@keyframes skpZoom {
  to {
    transform: scale(1.12);
  }
}
.skp-slide::after {
  content: "";
  position: absolute;
  inset: 0;
}
.skp-content {
  position: absolute;
  z-index: 2;
  left: clamp(20px,5vw,72px);
  top: 50%;
  transform: translateY(-50%);
  max-width: min(560px,86%);
}
.skp-badge {
  display: inline-block;
  background: var(--sk-gold);
  color: #3a1a00;
  font-weight: 700;
  font-size: clamp(12px,1.2vw,15px);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 14px;
}
.skp-title {
  font-family: 'Fraunces',Georgia,serif;
  font-weight: 800;
  font-size: clamp(26px,4.6vw,60px);
  line-height: 1.05;
  margin: 0 0 12px;
  color: var(--sk-snow);
}
.skp-text {
  font-size: clamp(14px,1.5vw,19px);
  line-height: 1.5;
  margin: 0 0 22px;
  color: #f3e9d6;
  max-width: 46ch;
}
.skp-price {
  font-family: 'Fraunces',Georgia,serif;
  font-size: clamp(20px,2.4vw,32px);
  color: var(--sk-gold);
  margin: 0 0 20px;
}
.skp-price s {
  opacity: .6;
  font-size: .7em;
  margin-left: 10px;
  color: var(--sk-snow);
}
.skp-cta,.skp-cta:visited {
  display: inline-block;
  background: var(--sk-wine);
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  padding: 13px 26px;
  border-radius: 999px;
  border: 2px solid var(--sk-gold);
  transition: transform .2s,background .2s;
}
.skp-cta:hover,.skp-cta:focus-visible {
  transform: translateY(-2px);
  background: #a82438;
  color: #fff;
}
.skp-cta:focus-visible,.skp-arrow:focus-visible,.skp-dot:focus-visible {
  outline: 3px solid var(--sk-gold);
  outline-offset: 3px;
}
.skp-slide.is-active .skp-badge,.skp-slide.is-active .skp-title,.skp-slide.is-active .skp-text,.skp-slide.is-active .skp-price,.skp-slide.is-active .skp-cta {
  animation: skpIn .7s both;
}
.skp-slide.is-active .skp-title {
  animation-delay: .12s;
}
.skp-slide.is-active .skp-text {
  animation-delay: .24s;
}
.skp-slide.is-active .skp-price {
  animation-delay: .3s;
}
.skp-slide.is-active .skp-cta {
  animation-delay: .38s;
}
@keyframes skpIn {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.skp-snow {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  width: 100%;
  height: 100%;
}
.skp-count {
  position: absolute;
  z-index: 4;
  right: clamp(14px,3vw,36px);
  top: clamp(14px,3vw,30px);
  display: flex;
  gap: 8px;
  text-align: center;
}
.skp-count div {
  background: rgba(15,31,26,.7);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(232,194,122,.5);
  border-radius: 12px;
  padding: 6px 10px;
  min-width: 48px;
}
.skp-count b {
  display: block;
  font-family: 'Fraunces',Georgia,serif;
  font-size: clamp(16px,2vw,24px);
  color: var(--sk-gold);
}
.skp-count span {
  font-size: 11px;
}
.skp-arrow {
  position: absolute;
  z-index: 4;
  top: 50%;
  transform: translateY(-50%);
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1px solid rgba(255,250,240,.5);
  background: rgba(15,31,26,.55);
  color: #fff;
  font-size: 22px;
  cursor: pointer;
  padding: 0;
  transition: background .2s;
}
.skp-arrow:hover {
  background: var(--sk-wine);
}
.skp-prev {
  left: 12px;
}
.skp-next {
  right: 12px;
}
.skp-dots {
  position: absolute;
  z-index: 4;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
}
.skp-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 0;
  padding: 0;
  background: rgba(255,250,240,.45);
  cursor: pointer;
  transition: .3s;
}
.skp-dot.is-active {
  background: var(--sk-gold);
  width: 28px;
  border-radius: 6px;
}
.skp-bar {
  position: absolute;
  z-index: 4;
  left: 0;
  bottom: 0;
  height: 4px;
  width: 0;
  background: var(--sk-gold);
}
@media(max-width:768px) {
  /* Mobile : image 16/9 entière en haut, texte en dessous */
  .skarium_bloc_promo {
    aspect-ratio: 16/9;
    height: auto;
  }
  .skarium_bloc_promo:has(.skp-content) {
    aspect-ratio: auto;
    height: calc(56.25vw + 230px);
  }
  .skp-img {
    inset: 0 0 auto 0;
    height: auto;
    aspect-ratio: 16/9;
  }
  .skp-slide.is-active .skp-img {
    animation: none;
  }
  .skp-slide::after {
    display: none;
  }
  .skp-content {
    top: calc(56.25vw + 16px);
    bottom: 40px;
    transform: none;
    left: 18px;
    right: 18px;
    max-width: none;
    overflow: hidden;
  }
  .skp-title {
    font-size: clamp(22px,6.5vw,32px);
  }
  .skp-text {
    margin-bottom: 14px;
  }
  .skp-arrow {
    display: none;
  }
  .skp-count {
    left: 14px;
    right: auto;
  }
}
@media(prefers-reduced-motion:reduce) {
  .skp-slide,.skp-img,.skp-slide * {
    animation: none!important;
    transition: none!important;
  }
}