.our-collection {
  margin: 2rem 0;
}

.our-collection .our-collection__title {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: .5rem;
}

/* --- Layout --- */
.our-collection .our-collection__layout {
  display: flex;
  gap: 2.3rem;
  align-items: flex-start;
}

.our-collection .our-collection__layout--reversed {
  flex-direction: row-reverse;
}

.our-collection .our-collection__col--carousel {
  flex: 0 0 calc(50% - 1.15rem);
  min-width: 0;
  position: relative;
}

.our-collection .our-collection__col--side {
  flex: 0 0 calc(50% - 1.15rem);
  min-width: 0;
}

/* --- Carousel images --- */
.our-collection .our-collection__link {
  display: block;
  width: 100%;
}

.our-collection .our-collection__img,
.our-collection .our-collection__side-img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: .8rem;
  max-width: 100%;
}

.our-collection .our-collection__img:hover:not(a[href="javascript:void(0)"] > .our-collection__img),
.our-collection .our-collection__side-img:hover:not(a[href="javascript:void(0)"] > .our-collection__side-img) {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border: 1px solid #111;
}

.our-collection .our-collection__slide {
  width: 100%;
}

/* Side image */
.our-collection .our-collection__col--side .our-collection__link {
  display: block;
  width: 100%;
}

/* --- Custom owl nav buttons --- */
.our-collection .owl-nav {
  margin: 0;
}

.our-collection .owl-prev,
.our-collection .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 4.1rem;
  height: 4.1rem;
  border-radius: 50% !important;
  border: 1px solid #CACACA !important;
  background: #fff !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer;
  transition: border-color .2s;
  line-height: 0;
}

.our-collection .owl-prev {
  left: -2.05rem;
}

.our-collection .owl-next {
  right: -2.05rem;
}

.our-collection .owl-prev:hover,
.our-collection .owl-next:hover {
  border-color: #626262 !important;
}

/* Disabled state */
.our-collection .owl-prev.disabled,
.our-collection .owl-next.disabled {
  opacity: .35;
  cursor: default;
}

/* --- Responsive --- */
@media (max-width: 991.98px) {
  .our-collection .our-collection__layout {
    gap: 1.6rem;
  }

  .our-collection .our-collection__col--carousel,
  .our-collection .our-collection__col--side {
    flex: 0 0 calc(50% - .8rem);
  }
}

@media (max-width: 767.98px) {
  .our-collection .our-collection__layout {
    flex-direction: column;
  }

  .our-collection .our-collection__layout--reversed {
    flex-direction: column;
  }

  .our-collection .our-collection__col--carousel,
  .our-collection .our-collection__col--side {
    flex: unset;
    width: 100%;
    max-width: 55.5rem;
    margin: 0 auto;
  }

  .our-collection .our-collection__col--side .our-collection__link {
    width: 100%;
  }
}