@charset "utf-8";

.slider { overflow: hidden; position: relative; width: 100%; }

.slider__slide { }

.slider__controls { align-items: center; display: flex; justify-content: space-between; margin: 0px; padding: 0.5rem 0.1875rem 0.1875rem; width: 100%; }

.slider__dots .fm-slider__dot--standard ~ label::before { height: 0.75rem; opacity: 0.75; width: 0.75rem; }

.slider__dots .fm-slider__dot--thumb ~ label { background-position: 50% center; background-size: cover; border: 1px solid var(--border-subtle); border-radius: 0.5rem; height: 3rem; margin: 0.125rem; width: 3rem; }

.slider__dots .fm-slider__dot--thumb.current ~ label { border-color: var(--border-primary); }

.slider__dots .fm-slider__dot--thumb.focus-visible ~ label { border-color: var(--text-reverse); border-radius: var(--border-radius,.125rem); box-shadow: rgb(24, 102, 255) 0px 0px 0px 0.125rem; outline: none; }

.slider__btn { flex-shrink: 0; }

.slider__autoplay-btn { background-color: var(--surface-primary); border-radius: 50%; position: absolute; z-index: 2; }

.slider__autoplay-btn .play { display: none; }

.slider__autoplay-btn.paused .play { display: block; }

.slider__autoplay-btn.paused .pause { display: none; }

.c-lightning-bolt { align-items: flex-end; display: flex; flex-direction: row; justify-content: center; padding: 1rem 0px 0.5rem; }

.c-lightning-bolt__icon { --width: 1.875rem; color: rgb(215, 215, 215); width: var(--width); }

.c-lightning-bolt__icon:first-of-type { margin-bottom: -0.5rem; transform: rotate(-90deg); }

.c-lightning-bolt__icon:nth-of-type(2) { --width: 2.8rem; margin: 0px -0.3rem; transform: rotate(-45deg); }

.c-lightning-bolt__icon:nth-of-type(3) { margin-bottom: -0.5rem; }

.prod-rec { overflow: hidden; position: relative; width: 100vw; }

.prod-rec__inner { background-color: rgb(1, 12, 6); padding-block: 2rem; width: 100vw; }

.prod-rec__container { display: grid; gap: 2rem; }

.prod-rec__header { gap: 1rem; }

.prod-rec__title { color: rgb(255, 255, 255); font-size: 1.625rem; font-weight: 700; line-height: 1.1; text-align: center; }

.prod-rec__list { display: grid; gap: 0.75rem; grid-template-columns: repeat(2, minmax(0px, 1fr)); }

.prod-rec--caffeine { margin-block: -3rem 0px; padding-block: 3rem 0px; }

.prod-rec__header--lightning { display: grid; }

.prod-rec__deco { pointer-events: none; position: absolute; width: 10.5rem; }

.prod-rec__deco--first { left: -1.5rem; top: -1.5rem; }

.prod-rec__deco--second { bottom: -1.5rem; right: -1.5rem; }

@media only screen and (min-width: 48em) {
  .slider__dots .fm-slider__dot--thumb ~ label { height: 5rem; width: 5rem; }
  .prod-rec__title { font-size: 2.0625rem; }
  .prod-rec__list { align-items: stretch; display: flex; flex-direction: row; gap: 1.5rem; justify-content: center; }
  .prod-rec__list-item { width: clamp(13rem, 100%, 20rem); }
  .prod-rec__list-item:last-child:nth-child(2n) { display: none; }
}

@media only screen and (min-width: 64em) {
  .prod-rec__inner { padding-block: 3rem 6.75rem; }
  .prod-rec__container { gap: 3rem; }
  .prod-rec__deco { width: 14rem; z-index: 3; }
  .prod-rec__deco--first { left: 8rem; top: 0px; }
  .prod-rec__deco--second { bottom: -2rem; right: 4rem; }
}

@media only screen and (min-width: 80em) {
  .prod-rec__title { font-size: 2.625rem; }
}

@media (prefers-reduced-motion: no-preference) {
  .c-lightning-bolt__icon:first-of-type { animation: 3s ease-in 1s infinite normal none running changeColor; }
  .c-lightning-bolt__icon:nth-of-type(2) { animation: 3s ease-in 2s infinite normal none running changeColor; }
  .c-lightning-bolt__icon:nth-of-type(3) { animation: 3s ease-in 3s infinite normal none running changeColor; }
}

@media (prefers-reduced-motion: reduce) {
  .c-lightning-bolt__icon:nth-of-type(2) { color: rgb(250, 38, 79); }
}

@media (max-width: 430px) {
  .prod-rec__deco--second { bottom: 1.5rem; right: 1.5rem; }
}