.main {
   width: 100%;
   min-height: 500px;
   max-height: 500px;

   padding-top: 80px;
   /* box-sizing: border-box; */

   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: flex-start;
   overflow: hidden;
   background: rgba(23, 30, 38, 0.95);
}
.main__img {
   width: 55%;
   height: 100%;
}
.main__img img {
   width: 100%;
   height: 100%;
   min-height: 500px;
   object-fit: cover;
   object-position: center center;
}
.main__desc {
   width: 45%;
   min-height: 500px;
   max-height: 500px;
   background: rgba(23, 30, 38, 0.95);

   padding: 30px;
}
.main__title {
   font-family: Roboto;
   font-style: normal;
   font-weight: normal;
   font-size: 45px;
   line-height: 50px;
   text-align: left;
   letter-spacing: 0.1em;
   text-transform: uppercase;
   color: #ffffff;
   text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);

   margin-bottom: 15px;
}
.main__text {
   overflow-y: scroll;
   height: 405px;
   font-family: Roboto;
   font-style: normal;
   font-weight: 300;
   font-size: 15px;
   line-height: 20px;
   text-align: left;
   /* text-transform: uppercase; */
   color: #ffffff;
}

/* Сортировка */
.js-range-slider__wrapper {
   width: 30%;
}
.js-range-slider__wrapper .irs--round .irs-bar {
   background-color: #a68e6a;
}
.js-range-slider__wrapper .irs--round .irs-handle {
   border: 4px solid #a68e6a;
}
.js-range-slider__wrapper .irs-from,
.js-range-slider__wrapper .irs-to,
.js-range-slider__wrapper .irs-single {
   background-color: #a68e6a;
}
.js-range-slider__wrapper .irs-from::before,
.js-range-slider__wrapper .irs-to::before,
.js-range-slider__wrapper .irs-single::before {
   border-top-color: #a68e6a;
}
.sort {
   width: 100%;
   height: auto;
}
.sort::after {
   display: block;
   margin: 0 auto;
   width: 95%;
   height: 1px;
   background-color: #a68e6a;
}
.sort__form {
   width: 100%;
   height: auto;

   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: flex-start;
   flex-wrap: wrap;
}
.sort__select {
   display: block;
   width: 30% !important;
   height: auto;
   margin-bottom: 25px;

   font-family: Roboto !important;
   font-style: normal;
   font-weight: 300;
   font-size: 15px;
   line-height: 18px;
   text-align: center;
   text-transform: uppercase;
   color: #2f3c4b;
}
.remove__sort,
.confirm__sort {
   width: 100%;
   height: auto;
   margin-top: 20px;

   display: flex;
   flex-direction: row;
   justify-content: flex-end;
   align-items: center;

   cursor: pointer;
}
.remove__sort span,
.confirm__sort span {
   margin-left: 5px;
   font-family: Roboto;
   font-style: normal;
   font-weight: 300;
   font-size: 13px;
   line-height: 15px;
   text-align: center;
   text-transform: uppercase;
   color: #2f3c4b;
}

.sort__view {
   /*    width: 100%;
   height: auto;

   display: flex;
   flex-direction: row;
   align-items: center;

   margin-top: 25px;
   position: relative; */
}
.sort__view-of {
   display: block;
   font-family: Roboto;
   font-style: normal;
   font-weight: 300;
   font-size: 15px;
   line-height: 18px;
   text-align: center;
   text-transform: uppercase;
   color: #2f3c4b;

   margin-right: 10px;
}
.sort__view-select {
   display: block;
   width: auto !important;
   height: auto;

   font-family: Roboto !important;
   font-style: normal;
   font-weight: 300;
   font-size: 15px;
   line-height: 18px;
   text-align: center;
   text-transform: uppercase;
   color: #2f3c4b;
}
.sort__view-sale {
   margin-left: 30px;
   cursor: pointer;
}
.sort__view-search {
   margin-left: 15px;
   cursor: pointer;
}
.sort__view_right {
   margin-left: auto;

   display: flex;
   align-items: center;
}

/* Модальное окно поиска товаров */
.sort-modal__search {
   position: absolute !important;
   width: 51%;
   max-width: 1281px;
   height: auto;
   /* padding: 45px; */
   box-sizing: border-box;
   background: #fff;
   font-family: Roboto;
   position: relative;
   margin-left: 79px;
   /* box-shadow: 0px 0px 20px rgb(166 142 106 / 65%); */
   margin-top: -73px;
   overflow: auto;
   display: none;
}
.sort-modal__search .search-group {
   margin-top: 15px;
}
.sort-close-modal__search {
   position: absolute;
   top: 0px;
   right: 0px;
   cursor: pointer;
}

/* Пагинация */
.pagination {
   width: 100%;
   height: auto;

   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;

   margin: 50px 0;
}
.pagination__page {
   width: 25px;
   height: 25px;
   border-radius: 50%;
   overflow: hidden;

   background: #ffffff;
   border: 1px solid #a68e6a;

   display: flex;
   justify-content: center;
   align-items: center;

   margin: 0 5px;
   cursor: pointer;
   text-decoration: none;

   font-family: Roboto;
   font-style: normal;
   font-weight: 300;
   font-size: 15px;
   line-height: 18px;
   text-align: center;
   color: #2f3c4b;
}
/* .pagination__page a{

    display: flex;
    justify-content: center;
    align-items: center;

    border-radius: 50%;
    overflow: hidden;
    width: 100%;
    height: 100%;

    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #2F3C4B;
} */
.pagination__page_active {
   background: #a68e6a;
}

/* Карточка товара */
.items {
   width: 100%;
   height: auto;

   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: flex-start;
   flex-wrap: wrap;
}
.items .item__card {
   width: 20%;
   margin-bottom: 50px;
   border-right: 0.5px solid #a68e6a;
   position: relative;
}

.items .item__card:nth-child(2) {
   border-left: 0.5px solid #a68e6a;
}

.items .item__card:nth-child(7) {
   border-left: 0.5px solid #a68e6a;
}

.items .item__card:nth-child(12) {
   border-left: 0.5px solid #a68e6a;
}

.items .item__card:nth-child(17) {
   border-left: 0.5px solid #a68e6a;
}

.items .item__card:nth-child(22) {
   border-left: 0.5px solid #a68e6a;
}

.items .item__to_sale {
   position: absolute;
   top: 0;
   right: 0;
}
.item__tools .item__to_sale img:hover {
   height: auto;
   margin-top: 0;
   margin-left: 0;
}

.item__buy:hover {
   padding: 5px 20px;
   border: 1px solid #a68e6a;
   background-color: #a68e6a;
   color: white;
   box-sizing: border-box;
   border-radius: 5px;
   cursor: pointer;
}
@media (max-width: 1200px) {
   .items .item__card {
      width: 25%;
   }
   .items .item__card:not(:nth-child(5n)) {
      border-right: none;
   }
   .items .item__card:not(:nth-child(4n)) {
      border-right: 0.5px solid #a68e6a;
   }
}
@media (max-width: 1024px) {
   .items .item__card {
      width: 33.33333%;
   }
   .items .item__card:not(:nth-child(4n)) {
      border-right: none;
   }
   .items .item__card:not(:nth-child(3n)) {
      border-right: 0.5px solid #a68e6a;
   }
}
@media (max-width: 768px) {
   .main__img {
      width: 100%;
   }
   .main__img img {
      display: block;
      min-height: 300px;
      height: 300px;
   }
   .main {
      min-height: auto;
      max-height: none;
      height: auto;
      flex-direction: column;
   }
   .main__desc {
      width: 100%;
      min-height: auto;
      max-height: none;
      height: auto;
      box-sizing: border-box;
   }

   .sort__select {
      width: 45% !important;
   }
   .js-range-slider__wrapper {
      width: 100%;
   }

   .items .item__card {
      width: 50%;
   }
   .items .item__card:not(:nth-child(3n)) {
      border-right: none;
   }
   .items .item__card:not(:nth-child(2n)) {
      border-right: 0.5px solid #a68e6a;
   }
}
@media (max-width: 480px) {
   .sort__select {
      width: 49% !important;
      font-size: 10px !important;
   }

   .items .item__card {
      width: 100%;
   }
   .items .item__card:not(:nth-child(2n)) {
      border-right: none;
   }
}
