body#everybody-scream header .link.everybody-scream::before {
  width: 106%;
}

#promo {
  background-color: var(--beige);
  padding: var(--m) var(--l);
  padding-top: calc(var(--l) * 1.25);
  width: 100%;
  height: auto;
}
@media (max-width: 1024px) {
  #promo {
    grid-template-columns: 1fr 1fr;
    padding-top: calc(var(--l) * 1.75);
  }
}
@media (max-width: 768px) {
  #promo {
    grid-template-columns: 1fr;
    padding: var(--m) var(--xs);
    padding-top: var(--xl);
  }
}
#promo img {
  display: block;
  width: 90%;
  height: auto;
  margin: 0px auto;
}

#products {
  background-color: var(--beige);
  padding: 0px var(--l);
}
@media (max-width: 768px) {
  #products {
    padding: 0px var(--xs);
  }
}
#products #product-carousel {
  --carousel-width: 90%;
  --slide-container-width: 100%;
  --slide-count: 3;
  --gap-count: calc(var(--slide-count) - 1);
  --slide-width: calc((100% - (var(--slide-gap) * var(--gap-count))) / var(--slide-count));
  --slide-height: auto;
  --slide-gap: var(--xs);
  --button-size: var(--xs);
  --button-gap: var(--s);
  margin: 0px auto;
}
@media (max-width: 1024px) {
  #products #product-carousel {
    --slide-count: 2;
  }
}
@media (max-width: 768px) {
  #products #product-carousel {
    --slide-count: 1;
    --gap-count: 1;
  }
}
#products #product-carousel .carousel-container {
  z-index: 1;
}
#products #product-carousel .carousel-container .slide {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: var(--xs);
  opacity: 1;
  transition: all 0.5s;
}
#products #product-carousel .carousel-container .slide .image {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  aspect-ratio: auto 1;
}
#products #product-carousel .carousel-container .slide .image img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#products #product-carousel .carousel-container .slide .title {
  font-size: 16px;
  color: var(--red);
  text-transform: unset;
  text-align: center;
}
#products #product-carousel .carousel-container .slide:has(.image:hover) {
  opacity: 1;
}
#products #product-carousel .carousel-container .slide:has(~ .slide:hover), #products #product-carousel .carousel-container .slide:hover ~ .slide {
  opacity: 0.6;
}
#products #product-carousel .carousel-controls {
  position: relative;
  width: 100%;
  padding: var(--s) 0px;
  margin-top: var(--m);
}
#products #product-carousel .carousel-controls .button-labels .label {
  color: var(--red);
}
#products #product-carousel .carousel-controls .link {
  pointer-events: all;
  margin-left: auto;
  color: var(--red);
}
#products #product-carousel .carousel-controls .link::before {
  background-color: var(--red);
}

#videos {
  background-color: var(--beige);
  padding: var(--m) var(--l);
  padding-bottom: calc(var(--l) * 1.5);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: var(--m);
}
@media (max-width: 768px) {
  #videos {
    padding: var(--m) var(--xs);
  }
}
#videos .video {
  width: 90%;
  margin: 0px auto;
}
#videos .video.active .play,
#videos .video.active .video-title {
  transition-delay: 0.25s;
}/*# sourceMappingURL=everybody-scream.css.map */