:root {
  --a-color_purple: #dd3a99;
  --a-color_dark-purple: #791f74;
  --a-color_white: #ffffff;
  --a-color_gray: #878c92;
  --a-color_dark-gray: #393b3e;
  --a-color_red: #e81313;
  --a-color_dark: #0b010a;
}

:root {
  --a-padding--x1: 0.25rem;
  --a-padding--x2: 0.5rem;
  --a-padding--x3: 0.75rem;
  --a-padding--x4: 1rem;
  --a-padding--x5: 1.25rem;
  --a-padding--x6: 1.5rem;
  --a-padding--x7: 1.75rem;
  --a-padding--x8: 2rem;
  --a-padding--x9: 2.25rem;
  --a-padding--x10: 2.5rem;
  --a-padding--x11: 2.75rem;
  --a-padding--x12: 3rem;
  --a-padding--x13: 3.25rem;
  --a-padding--x14: 3.5rem;
  --a-padding--x15: 3.75rem;
  --a-padding--x16: 4rem;
  --a-padding--x17: 4.25rem;
  --a-padding--x18: 4.5rem;
  --a-padding--x19: 4.75rem;
  --a-padding--x20: 5rem;
  --layout-h-padding: 1.563rem;
  --layout-v-padding: 2rem;
}

.s-interior {
  position: relative;
  z-index: 1;
}

.s-interior__wrap {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1.875rem;
}

.s-interior__gallery-top {
  overflow: hidden;
  width: 100%;
  margin-bottom: 0.625rem;
}

.s-interior__gallery-top img {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 16.875rem;
  border-radius: 0.625rem;
  object-fit: cover;
}

.s-interior__gallery-bottom {
  overflow: hidden;
}

.s-interior__gallery-bottom img {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 0.375rem;
  object-fit: cover;
}

.s-interior__gallery-bottom__slide {
  overflow: hidden;
  cursor: pointer;
  position: relative;
  width: 3.75rem;
}

.s-interior__gallery-bottom__slide.swiper-slide-thumb-active .s-interior__gallery-overlay,
.s-interior__gallery-bottom__slide:hover .s-interior__gallery-overlay {
  opacity: 0;
}

.s-interior__gallery-bottom__slide .s-interior__gallery-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 0.375rem;
  transition: 0.5s;
  content: "";
}

.s-interior__title {
  margin-top: 0;
  margin-bottom: 1.25rem;
}

.s-interior__col {
  min-width: 0;
}

.s-interior__price {
  margin-bottom: 1.25rem;
  font-weight: 700;
  color: var(--a-color_purple);
}

.s-interior__text {
  margin-bottom: 1.875rem;
  color: var(--a-color_gray);
}

.s-interior__subtitle {
  margin-bottom: 1.25rem;
  color: var(--a-color_gray);
}

.s-interior__capabilities {
  max-width: 29.375rem;
  margin-bottom: 1.875rem;
  list-style: none;
}

.s-interior__capabilities li {
  position: relative;
  padding-left: 1.125rem;
}

.s-interior__capabilities li::before {
  position: absolute;
  top: 0.5rem;
  left: 0;
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border: 0.0625rem solid var(--a-color_purple);
  border-radius: 50%;
  content: " ";
}

.s-interior__button {
  position: relative;
  white-space: nowrap;
}

.s-interiors-all {
  background: radial-gradient(52.35% 52.35% at 50% 50%, rgba(221, 58, 153, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
}

.s-interiors-all__items {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1.25rem;
}

.s-interiors-all__item {
  overflow: hidden;
  cursor: pointer;
  position: relative;
  display: block;
  height: 10.75rem;
  border-radius: 0.625rem;
  transition: 0.5s;
}

.s-interiors-all__item:hover {
  opacity: 0.8;
}

.s-interiors-all__item-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.s-interiors-all__item-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(11, 1, 10, 0.3);
  content: "";
}

.s-interiors-all__item-info {
  position: absolute;
  bottom: 0.625rem;
  left: 0.9375rem;
}

.s-interiors-all__item-title {
  font-weight: 700;
  color: var(--a-color_white);
  margin-bottom: 0.5rem;
}

@media (min-width: 375px) {
  .s-interior__gallery-bottom__slide {
    width: 7rem;
    height: 7rem;
  }
}

@media (min-width: 575px) {
  .s-interiors-all__item {
    height: 13.75rem;
  }
}

@media screen and (min-width: 768px) {
  :root {
    --layout-h-padding: 1.875rem;
    --layout-v-padding: 2rem;
  }
}

@media (min-width: 768px) {
  .s-interior__gallery-top img {
    min-height: 29.875rem;
    border-radius: 0.9375rem;
  }

  .s-interior__gallery-bottom img {
    min-height: 7rem;
  }

  .s-interior__title {
    margin-bottom: 0.625rem;
  }

  .s-interior__subtitle {
    margin-bottom: 1.875srem;
  }

  .s-interior__capabilities {
    margin-bottom: 3.4375rem;
    columns: 2;
  }

  .s-interior__button {
    width: 13.75rem;
    height: 13.75rem;
    margin-top: 3.75rem;
    font-size: 1.125rem;
  }

  .s-interior__button::before {
    position: absolute;
    top: 0;
    right: -1.875rem;
    width: 1.875rem;
    height: 1.875rem;
    background: linear-gradient(131.6deg, rgba(111, 28, 112, 0.6) 26.49%, rgba(221, 58, 153, 0.6) 119.71%);
    border-radius: 100%;
    content: "";
  }

  .s-interiors-all__items {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 992px) {
  .s-interior__wrap {
    gap: 3.875rem;
    grid-template-columns: repeat(2, 1fr);
  }

  .s-interiors-all__items {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.875rem;
  }
}

@media screen and (min-width: 1200px) {
  :root {
    --layout-h-padding: 4.375rem;
    --layout-v-padding: 3.75rem;
  }
}

@media (max-width: 574px) {
  .s-interior__button {
    width: 100%;
  }
}

@media screen {
  .px-0 {
    padding-right: 0;
    padding-left: 0;
  }

  .py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .pb-0 {
    padding-bottom: 0;
  }

  .pt-0 {
    padding-top: 0;
  }

  .mb-0 {
    margin-bottom: 0;
  }

  .mt-0 {
    margin-top: 0;
  }
}
/*# sourceMappingURL=maps/interior_page.css.map */