/* default styles */
.container-new-index {
  max-width: 90.75rem;
  width: unset;
  margin: 0 auto;
  padding: 0 1rem;
}

/* swiper styles */

body {

  font-size: 14px;

  margin: 0;
  padding: 0;
}

/*
.swiper {
  width: 100%;
  height: 100%;
}*/

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* reset styles */

*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  border: none;
  box-sizing: border-box;
}

a,
a:visited,
a:hover {
  color: inherit;
  text-decoration: none;
}

a:focus,
a:active {
  outline: none;
}

aside,
nav,
footer,
header,
section,
main {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

ul {
  list-style: none;
}

img,
svg {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}

input,
button {
  font-family: inherit;
  font-size: inherit;
}

button {
  display: inline-block;
  box-shadow: none;
  background-color: transparent;
  background: none;
  cursor: pointer;
}

button:focus,
button:active {
  outline: none;
}

button::-moz-focus-inner {
  padding: 0;
  margin: 0;
}

/* own styles */

.main-banner__promo_wrapper {
  margin-bottom: 2.5rem;
  display: flex;
  flex-direction: row-reverse;
}

.main-banner__promo {
  display: block;
  max-width: 32.7rem;
  text-align: right;
}

.main-banner__swiper-slide {
  position: relative;
  color: white;
  max-height: 43.75rem;
}

.main-banner__swiper-slide_info {
  position: absolute;
  bottom: 3.75rem;
  /* bottom: 20.75rem; */
  left: 3.75rem;
  max-width: 35rem;
}

.main-banner__swiper-button-next,
.main-banner__swiper-button-prev {
  color: transparent;
  transition: all 0.5s ease;
  padding: 0.75rem;
  background: #1a1a1a;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.125rem;
  height: 2.125rem;

  position: unset;
}

.main-banner__swiper-button-next::after,
.main-banner__swiper-button-prev::after {
  display: none;
}

.main-banner__swiper-button-next:hover,
.main-banner__swiper-button-prev:hover {
  background: #b8aa32;
}

.main-banner__swiper_navigation {
  position: absolute;
  right: 1.25rem;
  bottom: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 97%;
  top: 50%;
  transform: translateY(-3%);
  z-index: 2;
  pointer-events: none;
}
.main-banner__swiper_navigation .swiper-button-next,
.main-banner__swiper_navigation .swiper-button-prev{
  pointer-events: all;
}
.main-banner__navigation_block{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 4rem;
  position: relative;
}
.main-banner__mySwiper{
  aspect-ratio: 21 / 9;
  /* aspect-ratio: 5 / 4; */
}
@media (max-width:768px) {
  .main-banner__mySwiper{
    aspect-ratio: 5 / 4;
  }
}
.main-banner__mySwiper .swiper-wrapper{
  /* height: 90%; */
}
.main-banner__mySwiper .main-banner__swiper-slide_img{
  height: 100%;
}
.main-banner__swiper-pagination {
  /* color: white; */
  /* top: 40%;
  right: 1.25rem;
  left: unset; */
  color: black;
  flex-direction: row;
  top: auto !important;
  left: 50%;
  transform: translate(-50%, 30%);
  width: unset;
  /* flex-direction: column; */
  display: flex;
  gap: 2.5rem;
  font-size: 1.25rem;
  bottom: unset;
}

.main-banner__swiper-pagination span {
  font-size: 1.25rem;
  transition: all 0.5s ease;
  transform-origin: right center;
  text-align: right;

  position: relative;
  padding-right: 1.25rem;
cursor: pointer;
}
.main-banner__swiper_navigation-mobile{
  display: none;
  opacity: 0;
}
.main-banner__swiper{
  position: relative;
}
.main-banner__swiper-pagination span::after {
  content: "";
  position: absolute;
  /* background: white; */
  background-color: black;
  height: 1px;
  width: 9px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.5s ease;
  transform-origin: right center;
}

.main-banner__swiper-pagination .active {
  transform: scale(1.5);
  padding-right: 3rem;
}

.main-banner__swiper-pagination span.active::after {
  width: 2.625rem;
}

.main-banner__swiper-slide_info-header {
  font-size: 5rem;
  text-transform: uppercase;
  line-height: 1.1;
  margin-bottom: 1.5rem;
}
@media (max-width:998px) {
  .main-banner__swiper-slide_info-header{
    font-size: 3rem;
  }
}
.main-banner__swiper-slide_info-desc {
  font-size: 1.25rem;
    color: #fff !important;
    opacity: 1;
  margin-bottom: 1.5em;
}

.main-banner__swiper-slide_info-link {
  color: white;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0.75rem 1.25rem;
  border: 1px solid white;
}

.main-banner {
  margin-bottom: 7.75rem;
}

/* collections */

.collections {
  margin-bottom: 7.5rem;
}

.collections__header {
  font-weight: 500;
  margin-bottom: 3rem;
  text-transform: uppercase;
  font-size: 2.75rem;
}

.collection__subheader {
  text-transform: uppercase;
  position: relative;
  padding: 0.75rem 0 0.75rem 2rem;
  margin-bottom: 2px;
  font-size: 1.75rem;
}

.collection__subheader::before {
  content: "";
  position: absolute;
  left: 0;
  top: 40%;
  transform: translateX(-50%);
  width: 0.75rem;
  height: 0.75rem;
  background: #b8aa32;
  border-radius: 100%;
}

.collection_1,
.collection_2,
.collection_3 {
  margin-bottom: 7.5rem;
}

.collection_1__wrapper,
.collection_2__wrapper {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 0.625rem;
  margin-bottom: 4rem;
}

.collection_1__wrapper_one,
.collection_2__wrapper_one {
  width: 60%;
}

.collection_1__wrapper_another,
.collection_2__wrapper_another {
  width: 40%;
}

.collection_1__wrapper_one,
.collection_2__wrapper_one {
  min-height: 38.125rem;
}

.img-holder {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.main-photo,
.live-photo {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: opacity 0.5s ease;
  object-fit: cover;
}

.live-photo {
  opacity: 0;
}

.img-holder:hover .main-photo {
  opacity: 0;
}

.img-holder:hover .live-photo {
  opacity: 1;
}

.collection_1__wrapper_another,
.collection_2__wrapper_another {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
  gap: 10px;
}

.collection_1__wrapper-item,
.collection_2__wrapper-item {
  display: flex;
  flex-direction: column;
  max-width: 18.375rem;
}

.collection_1__wrapper_another .img-holder.collection_1__wrapper-item_img,
.collection_2__wrapper_another .img-holder.collection_2__wrapper-item_img {
  margin-bottom: 0.625rem;
}

.collection_1__wrapper-item_info,
.collection_2__wrapper-item_info,
.collection_3__wrapper-item_info,
.collection_4__wrapper-item_info {
  font-size: 14px;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: center;
}
.collection_1__wrapper-item_info .collection__item_price,
.collection_2__wrapper-item_info .collection__item_price,
.collection_3__wrapper-item_info .collection__item_price,
.collection_4__wrapper-item_info .collection__item_price{
  font-weight: 700;
}
.product-item__price,
.collection__item_header_text{
  font-weight: 400 !important;
  font-size: 10px;
}
.collection__item_header {
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.w-100{
  width: 100%;
}
.item-info__description:empty {
  display: none;
}
.item-info__description:not(:has(*)):empty {
  display: none;
}
.slider-items-arrow_right svg,
.slider-items-arrow_left svg{
  max-width: 3.4rem;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.slider-items-arrow_right,
.slider-items-arrow_left{
    position: absolute;
    width: 3.4rem;
    height: 100%;
    left: 0;
    pointer-events: all;
}
  .slider-items__btns{
  display: none;
  position: absolute;
    top: 43%;
    transform: translateY(-50%);
    left: 0;
    z-index: 111;
    display: block;
    width: 100%;
    height: 10%;
    cursor: pointer;
    transition: all 300ms ease;
    pointer-events: none;
  }
  .slider-items-arrow_right{
  right: 0;
  left: auto;
  transform: rotate(180deg);
  }
@media (max-width:768px) {
  .slider-items-arrow_right,
.slider-items-arrow_left{
  display: block;
  }
}
.main-button-container-desk{
  display: block;
}

.collection_1__wrapper-item_desc,
.collection_2__wrapper-item_desc,
.collection_4__wrapper-item_desc {
  border: 1px solid white;
  padding: 0.75rem 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.collection__desc_header {
  font-size: 1.25rem;
  text-transform: uppercase;
}

.collection__desc_text {
  line-height: 1.3;
}

.collection_1__wrapper_one .img-holder.collection_1__main-img,
.collection_2__wrapper_one .img-holder.collection_2__main-img {
  margin-bottom: 0.625rem;
}

.collection__link {
  display: flex;
  align-items: center;
  justify-content: center;
}

.collection__link a {
  width: 100%;
  color: white;
  text-transform: uppercase;
  padding: 0.75rem 0;
  background: #1a1a1a;
  text-align: center;
  font-size: 1rem;
  transition: all 0.5s ease;
  opacity: 1;
}

.collection__link a:hover {
  opacity: 0.8;
}

.collection_1__wrapper_another > *,
.collection_2__wrapper_another > *,
.collection_4__wrapper > * {
  min-width: 0;
}

.collection_3__main-img {
  min-height: 32.75rem;
}

.collection_3__wrapper {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 0.625rem;
  margin-bottom: 4rem;
}

.collection__desc {
  max-width: 42.125rem;
  margin-bottom: 2rem;
}

.collection_3__main-img {
  margin-bottom: 0.625rem;
}

.collection_3__wrapper .collection-item-alt {
  flex: 1;
}

.collection_4__main-img {
  min-height: 20.82rem;
}

.collection_4__wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 4rem;
  grid-auto-rows: 1fr;
}

.collection_4__main-img {
  margin-bottom: 0.625rem;
}

/* about us */

.about-us-section {
  color: white;
  background: #1a1a1a;
  padding: 5rem 0;
  padding-top: 3rem;
}

.about-us-section__header {
  text-transform: uppercase;
  font-size: 4.675rem;
  /* margin-bottom: 5rem; */
  margin-bottom: 3rem;
  line-height: 1.1;
}

.about-us-section__top-part {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 1.875rem;
  margin-bottom: 3.75rem;
}

.about-us-section__img,
.about-us-section__top-part_info {
  flex: 1;
}

.about-us-section__img {
  overflow: hidden;
}

.main-banner__swiper-slide_info-header {
  color: white;
}

.main-banner__swiper-slide_info-desc {
    color: #F8F8F88F;
}

.about-us-section__img img {
  width: 100%;
  max-width: 655px;
  aspect-ratio: 1 / 1; /* Квадратная форма */
  object-fit: cover; /* Обрезка изображения, сохраняя пропорции */
  object-position: top; /* Прижимает картинку сверху */
  display: block; /* Убирает лишние отступы */
}
@media (max-width:768px) {
  .about-us-section__img img{
    max-width: 100%;
  }
}
.about-us-section__header_top-part {
  text-transform: uppercase;
  font-size: 3rem;
  margin-bottom: 1.25rem;
}

.about-us-section__subheader {
  text-transform: uppercase;
  line-height: 1.3;
  letter-spacing: 20%;
  margin-bottom: 2.75rem;
  font-size: 1.75rem;
}

.about-us-section__text {
  font-size: 0.875rem;
  line-height: 1.3;
}

.about-us-section__text-top {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 5rem;
}

.about-us-section__text-header {
  text-transform: uppercase;
  position: relative;
  padding: 0.75rem 0 0.75rem 2rem;
  margin-bottom: 2px;
  font-size: 1.75rem;
}

.about-us-section__text-header::before {
  content: "";
  position: absolute;
  left: 0;
  top: 35%;
  transform: translateX(-50%);
  width: 0.75rem;
  height: 0.75rem;
  background: #b8aa32;
  border-radius: 100%;
}

.about-us-section__bottom-wrapper {
  padding-top: 2.5rem;
  border-top: 1px solid white;
}

.about-us-section__bottom-text_wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2.5px;
}

.about-us-section__bottom-text_wrapper > * {
  max-width: 19.875rem;
}

.about-us-section__bottom-part_info-text-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2.5rem;
}

.about-us-section__bottom-part_info-text-wrapper > * {
  flex: 1;
}

.modal__order-window {
  height: auto !important;
}

.link-button::before {
 opacity: 0 !important;
}
.slider-items-grid {
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    row-gap: 4.5rem;
}
.slider-items-grid .product-item {
  max-width: 100% !important;
}
.product-item__cover {
display: block;
}
.collection-card__bg:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: linear-gradient(to left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}
@media screen and (max-width: 577px) {
  .collection-card__bg:before {
    height: auto;
  }
}
@media screen and (max-width: 48rem) {
  .main-banner__swiper-slide_info-header {
    font-size: 3rem;
  }
  .footer-block_spam,
  .footer-block_socials {
     padding: 1rem 0;
     background: transparent !important;
  }
  .main-banner__swiper-pagination {
    top: 1.25rem;
    transform: translate(-50%, 60%);
  }

  .main-banner__swiper-button-next,
  .main-banner__swiper-button-prev {
    width: 3.125rem;
    height: 3.125rem;
  }
  .main-banner__swiper_navigation {
    bottom: 2.25rem;
  }
  .main-banner__swiper-slide_info {
    left: 1.25rem;
    bottom: 1.85rem;
    margin-right: 1.25rem;
  }

  .collection_1__wrapper,
  .collection_2__wrapper {
    flex-direction: column;
  }
  .collection_1__wrapper_one,
  .collection_1__wrapper_another,
  .collection_2__wrapper_one,
  .collection_2__wrapper_another {
    width: unset;
  }
  .collection_1__wrapper_one .img-holder.collection_1__main-img,
  .collection_2__wrapper_one .img-holder.collection_2__main-img {
    min-height: 33.75rem;
  }
  .collection_1__wrapper-item,
  .collection_2__wrapper-item {
    min-height: 22.5rem;
    max-width: 100%;
  }
  .collection_3__wrapper {
    flex-direction: column;
    gap: 2rem;
  }

  .collection_4__wrapper {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 5rem;
  }
  .slider-items-grid {
	  display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px;
      row-gap: 2.5rem;
  }
}



@media screen and (max-width: 32rem) {
  .main-banner__swiper-slide_info-header {
    font-size: 2rem;
    margin-bottom: 0.75rem;
  }
  .main-banner__swiper-pagination {
    display: none;
  }
  .main-banner__swiper-wrapper {
    padding-bottom: 4rem;
  }
  .main-banner__swiper_navigation {
    flex-direction: row-reverse;
    right: 0;
    gap: 0.5rem;
    bottom: 1.25rem;
  }

  .collection_1__wrapper-item,
  .collection_2__wrapper-item {
    min-height: 16.5rem;
  }
  .collection_1__wrapper,
  .collection_2__wrapper {
    margin-bottom: 2rem;
  }
  .collection_3__main-img {
    min-height: 17.75rem;
  }

  .collection_4__wrapper {
    grid-template-columns: 1fr;
    row-gap: 1rem;
  }
  .collection_4__wrapper .collection-item-alt:first-child,
  .collection_4__wrapper .collection-item-alt:nth-child(2) {
    margin-bottom: 4rem;
  }
}