@charset "UTF-8";

/* ========================================
HERO SLIDESHOW (fade)
======================================== */

.hero-slideshow {
  position: relative;
  width: 100%;
  height: 100%;
}

.hero-slideshow img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  opacity: 0;
  transition: opacity 1.5s ease-in-out;
}

.hero-slideshow img.is-active {
  opacity: 1;
}


/* ========================================
COLLECTION SLIDER
======================================== */

.top-collection-slider {
  position: relative;
  padding: 0 2.25%;
}

.top-collection-track-wrap {
  overflow: hidden;
}

.top-collection-track {
  display: flex;
  gap: 20px;
}

.top-collection-track figure {
  flex-shrink: 0;
  aspect-ratio: 252 / 350;
}

.top-collection-track figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.top-collection-btn {
  position: absolute;
  top: 50%;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  z-index: 10;
  width: 25px;
}

.top-collection-btn img {
  width: 100%;
  display: block;
}

.top-collection-btn--prev {
  left: 0;
  transform: translateY(-50%) scaleX(-1);
}

.top-collection-btn--next {
  right: 0;
  transform: translateY(-50%);
}