@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

*,
*:before,
*:after {bottom-text
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

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

html {
  font-size: 16px;
}

html,
body {
  height: 100%;
  min-width: 320px;
}

body {
  line-height: 1;
  font-family: "Poppins", sans-serif;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  background-color: #fff;
  color: #0B0B0B;
}

input,
button,
textarea {
  font-family: "Poppins", sans-serif;
  font-size: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
  background-color: inherit;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
a{
    color: #0B0B0B;

}
a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

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

.wrapper {
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

._container {
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
}

* {
    font-family: Montserrat,serif!important;
}
/* header */
.header_top_email_frame {
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}
.header_top_date,
.header_top_email,
.header_top_e-catalog {
  display: flex;
  align-items: center;
  gap: 3px;
  color: #FFFFFF;
}

.header_top_enter_link a,
.header_top_email a,
.header_top_e-catalog a {
  color: #FFFFFF;
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
}
.header_top_e-catalog img {
    width: 16px;
    height: 16px;
}

.header__top {
  padding: 8px 0;
  background-color: #0B0B0B;
}

.header__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header__top__left {
  display: flex;
  gap: 18px;
}

header .header__bottom .header__bottom_top .header__search {
  width: 100%;
  max-width: 536px;
  position: relative;
}

header .header__bottom .header__bottom_top .header__search-form {
  width: 100%;
  padding: 3px 16px;
  padding-right: 6px;
  border-radius: 4px;
  border: 1px solid #0B0B0B;
  background: #FFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.header__bottom {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.header__sale {
  font-weight: 600;
  color: #DF5A5A;
}
.header__search-result .header__search-item .prices {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    margin-bottom: 5px;
}
@media screen and (max-width:1356px) {
  ._container{
      padding: 0 20px;

  }
}


header .header__bottom .header__bottom_top .header__search-form .input-text {
  width: 100%;
  display: block;
}

header .header__bottom .header__bottom_top .header__search-form .input-text input {
  width: 100%;
  color: rgba(72, 72, 72, 0.6);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
  border: unset;
  padding: 0;
  height: 100%;
}

header .header__bottom .header__bottom_top .header__search-form .input-text input::placeholder {
  color: #B1B1B1;
  font-size: 14px;
  line-height: 21px;
}

header .header__bottom .header__bottom_top .header__search-form .input-btn {
  display: block;
}

.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  border-radius: 4px;
  border: 1px solid #d50808;
  background: #d50808;
  color: white;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  transition: 1s ;
}

header .header__bottom .header__bottom_top .header__search-form .input-btn .btn {
  padding: 7px 18px;
}

.header__contacts-phone {
  font-size: 16px;
  line-height: 24px;
  color: #d50808;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 7px;
}

.header__icons {
  display: flex;
  align-items: center;
  gap: 24px;
}

.header__basket {
  position: relative;
}

.header__basket__item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.header__favorite{
    position:relative;
}
.change-info{
    position:absolute;
    width:250px;
    padding:10px 0;
    right:20px;
}
.basket__item__count, .favorite__item__count {
  width: 13px;
  height: 13px;
  background-color: #DF5A5A;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
  text-align: center;
  font-family: Lato;
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: 0.09px;
  text-transform: none;
  position: absolute;
  right: -3px;
  top: 0px;
}

.header__basket__price {
  font-size: 14px;
  line-height: 21px;
  color: #0B0B0B;
}

.header__bottom .catalog-btn {
  font-family: "Lato", sans-serif;
  padding: 10px 13px;
  width: auto;
  display: flex;
  gap: 7px;
}

.header__bottom_bottom .header__navigation ul {
  display: flex;
  gap: 3.125rem;
}

.header__bottom_bottom .header__navigation ul li a {
  font-weight: 500;
  font-size: 1rem;
  line-height: 24px;
  color: #0B0B0B;
  transition: 0.5s;
}
.header__bottom_bottom .header__navigation ul li a:hover{
  color: #F1C01F;
}
.header__search{
  position: relative;
}
.header__search-result {
  width: 100%;
  position: absolute;
  top: 48px;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 16px 30px;
  border-radius: 10px;
  padding-right: 10px;
  z-index: 50;
  background: #FFF;
  box-shadow: 0px 4px 29px 0px rgba(90, 102, 114, 0.20);
  padding-right: 10px;
  display: none;
}
.header .prices {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 10px;
    margin-bottom: 5px;
}
.header .header__bottom .header__container .header__search .header__search-show-more a {
    width: 100%;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background: #0B0B0B;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: unset;
    cursor: pointer;
}
@media (max-width: 768px) { /* assuming $md2 is 768px */
  .header__search-result {
    box-shadow: unset;
    top: 0;
    position: relative;
    transform: unset;
    left: 0;
    background: unset;
    border-radius: 0;
  }
 .basket__products .basket__item {
        min-width: 696px;
    }
        .basket__products .basket__products-title {
        min-width: 696px;
    }
}

.header__search-result .header__search-scroll {
  width: 100%;
  padding-right: 16px;
  max-height: 370px;
  overflow: auto;
}

.header__search-result .header__search-scroll .header__search-show-more {
  text-align: center;
}
.header__search-show-more .btn{
  padding: 10px;
}

.header__search-result .header__search-scroll .header__search-description {
  padding: 0;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 10px;
}

.header__search-result .header__search-scroll .header__search-description span,
.header__search-result .header__search-scroll .header__search-description p {
  white-space: unset !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 110% !important;
  letter-spacing: 0.09px !important;
  text-transform: none !important;
}

.header__search-result .header__search-scroll .header__search-description p {
  display: inline;
}

.header__search-result .header__search-scroll::-webkit-scrollbar {
  width: 10px;
  border-radius: 6px;
  background: #888;
}

.header__search-result .header__search-scroll::-webkit-scrollbar-thumb {
  background: #1f1f1f;
  border-radius: 6px;
}

.header__search-result .header__search-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #1f1f1f;
}

.header__search-result .header__search-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: unset;
}

.header__search-result .header__search-item .img {
  display: block;
  width: 100%;
  max-width: 60px;
}

.header__search-result .header__search-item .img img {
  width: 100%;
  height: 60px;
  border-radius: 8px;
  object-fit: cover;
  object-position: center;
}

.header__search-result .header__search-item .prices {
  gap: 16px;
  margin-top: 10px;
}

@media (max-width: 1024px) {

  .header__search-result .header__search-item .prices p {
    font-size: 14px;
  }
  .header__search-result .header__search-item .prices del {
    font-size: 12px;
  }
  .header__search-result .header__search-item .prices span::before {
    width: 40px;
    height: 1px;
    top: 6px;
    left: 2px;
  }
  .myroom__flex{
    flex-wrap: wrap;
  }
}

.header__search-result .header__search-item h4 a {
  color: #333;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: 0.09px;
  text-transform: none;
}
.main__banner__slider {
  position: relative;
  height: 550px;
  background-image: url('../../public/img/alfabg.svg');
  background-repeat: no-repeat;
  background-size: cover;
}

.main__banner__slider .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.content-slider {
    position: relative;
    z-index: 10;
    max-width: 620px;
    width: 100%;
    margin: 0 0 0 100px;
}
.content-slider__text p {
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    color: #fff;
    line-height: 60px;
    font-weight: 500;
}
.content-slider__text p span {
    color: #F4C033;
    font-size: 55px;
    font-weight: 600;
}
.content-slider__buy {
    margin: 15px 0 0 0;
}
.content-slider__buy p {
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    color: #F4C033;
    font-weight: 400;
}
.content-slider__button {
    margin: 40px 0 0 0;
}
.content-slider__button a {
    display: inline-block;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    border: 1px solid #F4C033;
    border-radius: 2px;
    padding: 16px 23px;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.body-success__icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;}
.content-slider__button a:hover {
    background-color: #F4C033;
    color: #000;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.swiper-slide {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.swiper-slide__image {
    max-width: 700px;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 10px;
    top:0;
}
.swiper-slide__image {
    object-fit: contain;
    object-position: center;
}
.title-main__frame h1 {
    font-size: 35px;
    font-weight: 600;
    text-align: center;
}
.main__success {
  display: none;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
    position: fixed;
    z-index: 20;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    width: calc(100% - 10px);
}
.success__frame {
  display: flex;
  flex-direction: column;
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  border: 2px solid #aaa;
  border-radius: 9px;
  background-color: #fff;
  padding: 20px 20px 50px 20px;
}
.close-success {
  position: relative;
  width: 25px;
  height: 25px;
  align-self: flex-end;
  cursor: pointer;
}
.close-success:hover span::after,
.close-success:hover span::before{
  background-color: #000;
  transition: background-color 0.3s ease;
}
.close-success span {
  display: block;
  width: 25px;
  height: 25px;
}
.close-success span::after,
.close-success span::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  height: 2px;
  background-color: #aaa;
  transition: background-color 0.3s ease;
}
.close-success span::after {
  transform: translate(-50%, -50%) rotate(45deg);
}
.close-success span::before {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.body-success {
  padding: 0 30px;
}
@media (max-width: 479.98px) {
  .body-success {
    padding: 0 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.body-success__title {
  font-family: "Poppins", sans-serif;
  font-size: 30px;
  margin: 0 0 15px 0;
}
.body-success__body {
  display: flex;
  align-items: center;
}
.body-success__icon {
  flex: 0 0 60px;
  width: 60px;
  height: 60px;
  animation: checkScale 1.5s ease;
}
.body-success__text {
  font-family: "Poppins", sans-serif;
  margin: 0 0 0 20px;
}
/* Success Icon Animation */
@keyframes checkScale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.page {
  display: flex;
  flex-direction: column;
  margin-bottom: 80px;
}
.page-welcome {
    gap: 80px;
}
.search-page {
    padding: 20px!important;
}
.swiper-button-next,
.swiper-button-prev {
    user-select: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  content: "";
}

.swiper-button-next,
.swiper-button-prev,
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  background-color: white;
  opacity: .5;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  box-shadow: 4px 7px 20px 0px #40404026;


}

/* Best Offer Section mobile off */
@media (max-width: 620px) {
    .main__best__offer {
        display: none;
    }
}

.main__section__block-title {
  line-height: 2.1rem;
  font-size: 1.5rem;
  border-bottom: 4px solid #F1C01F;
  margin-bottom: 34px;
  font-weight: 300;
  padding-bottom: 12px;
}

.main__section__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.main__section__view_all {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  color: #0B0B0B99;
  text-decoration: underline;
}
.filter_category_product .main__new__product_item a {
    width: 100%;
    height: 303px;
    align-self: center;
}
.filter_category_product .main__new__product_item a img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%!important;
}
.main__banner__slider .swiper-button-prev,
.main__best__offer .swiper-button-prev,
.main__trust_us .swiper-button-prev, .recomended_product .swiper-button-prev, .main__category-swiper .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.recomended_product .swiper-slide {
    max-width: 413px;
    display: block;
    margin-right: 0!important;
}
.recomended_product .swiper-wrapper {
    column-gap: 16px;
}
.recomended_product .main__plaster-sconce__product_item_content h3 {
    min-height: 42px;
}
.recomended_product .plaster-sconce__product_favorite:hover,
.recomended_product .plaster-sconce__product_basket:hover {
    background-color: #f4bc00;
    transition: background-color 0.3s ease;
}
.recomended_product .main__plaster-sconce__product_item img {
    object-fit: contain;
    object-position: center;
}
.main__new__product_item > a > img ,
.main__plaster-sconce__product_item > a > img , .recomended_img {
    height:300px!important;
    object-fit:contain;
    width:100%;
}
div.main__new__product_item,
div.main__new__product_item_content {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.main__new__product_item_content {
    height: 100%;
}
.main__new__product_item_content h3 {
    flex: 1 1 100%;
}
.main__new__product_item a {
    min-height: 300px;
}
@media (max-width: 500px) {
    .main__new__product_item a {
        min-height: 200px;
    }
}
.main__new__products._horizontal .main__new__product_item > a > img {
    height: 200px!important;
    width: 200px;
}
.main__banner__slider .swiper-button-next,
.main__best__offer .swiper-button-next,
.main__trust_us .swiper-button-next,.recomended_product .swiper-button-next, .main__category-swiper .swiper-button-next{
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}


.main__banner__slider .slider_text_content_title {
  line-height: 3.375rem;
  font-size: 2.25rem;
  margin-bottom: 16px;
  font-weight: 400;
}

.main__banner__slider .slider_text_content_title span {
  font-weight: 500;
}

.slider_text_content_desc {
  font-size: 1rem;
  line-height: 24px;
  font-weight: 300;
  margin-bottom: 41px;
}

.slider_text_content_link {
  font-weight: 600;
  font-size: 1rem;
  line-height: 24px;
  color: #0B0B0B;
  text-decoration: underline;
  text-transform: uppercase;
}

.main__category__product__block {
  display: flex;
  align-items: center;
  box-shadow: 4px 7px 20px 0px #4040400D;
  border-radius: 4px;
  justify-content: space-between;
  overflow: hidden;
  height: 124px;
  transition: transform 0.2s ease;
}
@media (any-hover: hover) {
    .main__category__product__block:hover {
        transform: scale(1.03);
        transition: transform 0.2s ease;
    }
}

.main__category__product-content {
  margin-left: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 100px;
  width: 100%;
}
.main__category__product__block img{
  max-width: 50%;
  height: auto;
}
.main__category .main__category__product__block img,
.main__catalog__content .main__category__product__block img{
    height: 100%;
    object-fit: contain;
}
.main__category__product-content h3 {
  font-weight: 400;
  line-height: 24px;
}

.main__category__product-content p {
  color: #828282;
  line-height: 21px;
  font-size: 14px;

}

.main__category__product,
.main__new__products,
.main__plaster-sconce__products {
  display: grid;
  grid-template-columns: repeat(auto-fit, 313px);
  gap: 16px;
}



.main-filter-content .main__new__products {
    max-width: unset;
    margin: unset;
      grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1160px) {
    .main-filter-content .main__new__products {
      grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 570px) {

}




.main__category__product {
    grid-template-columns: repeat(4, 1fr);
    max-width: 1300px;
    margin: 0 auto 0 auto!important;
}
@media (max-width: 1190px) {
    .main__category__product {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 880px) {
    .main__category__product {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 580px) {
    .main__category__product {
        grid-template-columns: repeat(1, 1fr);
    }
}

.main__new__products {
    grid-template-columns: repeat(4, 1fr);
    max-width: 1300px;
    margin: 0px auto 0 auto!important;
}
@media (max-width: 1190px) {
    .main__new__products {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 880px) {
    .main__new__products {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 700px) {
    .main__product_info {
        flex-wrap: wrap;
    }
    .main__product_info .product_basket {
        flex: 1 1 100%;
        margin: 10px 0 0 0;
    }
    .main__new__product_item .main__product_prices {
        height: auto!important;
    }
    .main__new__product_item_content h3 {
        flex: 1 1 auto;
    }
    .main__new__product_item_content {
        height: auto;
    }
}

@media (max-width: 500px) {
    /*.main__new__product_item a {*/
    /*    min-height: 200px;*/
    /*}*/
    .filter_category_product .main__new__product_item a {
        height: 100%;
    }
}

/* Changed Recomendation Block Stlyes */
.main__new__product__content .main__new__products,
.main__plaster-sconce .main__plaster-sconce__products {
    grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1260px) {
    .main__new__product__content .main__new__products,
    .main__plaster-sconce .main__plaster-sconce__products {
    grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 920px) {
    .main__new__product__content .main__new__products,
    .main__plaster-sconce .main__plaster-sconce__products {
    grid-template-columns: repeat(2, 1fr);
    }
}
/*@media (max-width: 620px) {*/
/*    .main__new__product__content .main__new__products,*/
/*    .main__plaster-sconce .main__plaster-sconce__products {*/
/*    grid-template-columns: repeat(1, 1fr);*/
/*}*/
/*}*/


.main__new__products._horizontal {
    grid-template-columns: repeat(auto-fit, 100%);
    gap: 5px;
}


.main__new__product_item,
.main__plaster-sconce__product_item {
  padding: 7px 5px 15px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
}
.main__new__product_item,
.main__new__product_item a {
    overflow: hidden;
}
.main__new__product_item_content h3 a:hover {
       text-decoration: underline;
}

.main__new__products._horizontal .main__new__product_item {
    flex-direction: row;
}

.main__new__product_item img,
.main__plaster-sconce__product_item  img{
max-width: 100%;
height: auto;
}
.main__new__product_item_content,
.main__plaster-sconce__product_item_content {
  display: flex;
  flex-direction: column;
  gap: 11px;
  width: 95%;
  margin: auto;
}

.main__new__product_item_content h3,
.main__plaster-sconce__product_item_content h3 {
  font-size: 14px;
  line-height: 21px;
  font-weight: 300;
}

.main__product_info,
.main__plaster-sconce__product_info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main__new__product_item span,
.main__new__product_item .main__product_prices,
.main__plaster-sconce__product_item span,
.main__plaster-sconce__product_item .main__plaster-sconce__product_prices  {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main__new__products._horizontal .main__new__product_item .main__product_prices {
    width: 100%;
    flex: 1 1 auto;
    align-items: start;
}

.main__product_prices,
.main__plaster-sconce__product_prices {
  padding-right: 18px;
  font-weight: 500;
}

.main__new__product_item .product_favorite,
.main__plaster-sconce__product_item .plaster-sconce__product_favorite {
  display: inline-block;
  background-color: #F7F7F6;
  padding: 10px 11px;
  border-radius: 4px;
  height: unset;
}

.main__new__products._horizontal .main__new__product_item .product_favorite {
    height: 40px;
    flex: 0 0 40px;
    margin: 0 10px 0 0;
}

.product_favorite img,
.plaster-sconce__product_favorite img {
  width: 20px;
  height: 20px;
}

.main__new__product_item .product_basket,
.main__plaster-sconce__product_item .plaster-sconce__product_basket {
  background-color: #F7F7F6;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  gap: 1px;
  border-radius: 4px;
  height: unset;

}
.main__product_info .product_basket {
    background-color: #f4bc00;
}
.product_basket,
.product_favorite {
    transition: background 0.3s ease;
}
.product_basket:hover,
.product_favorite:hover {
    background: #F1C01F;
    transition: background 0.3s ease;
}
.main__new__products._horizontal .main__new__product_item .product_basket {
    height: 40px;
     flex: 0 0 140px;
     gap: 10px;
}

.product_old_price,
.plaster-sconce__product_old_price {
  color: #B1B1B1;
  font-size: 14px;
  line-height: 21px;
  position: relative;

}

.product_old_price::after,
.plaster-sconce__product_old_price::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #B1B1B1;
  display: inline-block;
  position: absolute;
  transform: rotate(-5deg);
}

.main__product_prices,
.main__plaster-sconce__product_prices {
  display: flex;
  flex-direction: column;

}

.main__best__offer {
  position: relative;
}

.main__best__offer_item {
  max-height: 293px;
  box-shadow: 4px 7px 20px 0px #4040400D;
  border: #4040400D 1px solid;
  padding-left: 18px;
  display: flex;
  gap: 42px;
  border-radius: 4px;
  height:auto;
}

.main__best__offer_item img {
  height: 100%;
  max-width: 219px;
  width: 100%;
  margin-left:auto;
}

.main__best__offer_content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 20px;
}

.main__best__offer_titles h4 {
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
}

.main__best__offer_titles p,
.main__best__offer_titles h5 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
}

.main__best__offer_titles {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 20px;
}

.swiper-button-custom {
  position: absolute;
  left: 0;
  top: 70%;
  transform: translateY(-50%);
  z-index: 10;
}
.swiper-button-custom {
    transition: opacity 0.3s ease;
}
.swiper-button-custom:hover {
    opacity: 1;
    transition: opacity 0.3s ease;
}
.main__best__offer_link {
  font-size: 14px;
  line-height: 16.6px;
  color: #0B0B0B;
  text-decoration: underline;
}

.main__nature-colors_content {
  display: flex;
  background-color: #F1F2F0;
  border-radius: 4px;
  padding: 12px 16px 12px 40px;
  justify-content: space-between;
  align-items: center;
}
.main__nature-colors_content {
      overflow: hidden;
  }
  .main__nature-colors_content .main__nature-colors_img {
      transition: transform 0.3s ease;
      height: 500px;
  }
  @media (any-hover: hover) {
      .main__nature-colors_content:hover .main__nature-colors_img {
          transform: scale(1.06);
          transition: transform 0.3s ease;
      }
  }
.main__nature-colors_text {
  max-width: 483px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.main__nature-colors_text a {
    transition: background-color 0.3s ease, color 0.3s ease;
}
.main__nature-colors_text a:hover {
    background-color: #F1C01F;
    color: #000;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.main__nature-colors_text h2 {
  font-size: 2.8rem;
  line-height: 4.2rem;
  font-weight: 500;
}

.main__nature-colors_text a {
  max-width: 266px;
  width: 100%;
  padding: 18px;
  color: #FAFAFA;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  background-color: #0B0B0B;
  border-radius: 4px;
}

.main__blog__items {
  display: flex;
  gap: 16px;
}

.main__blog__item {
  display: flex;
  background-color: #F1F2F0;
  width:100%;
  overflow: hidden;
}
.main__blog__item a img {
    transition: transform 0.3s ease;
}
@media (any-hover: hover) {
    .main__blog__item a:hover img{
        transform: scale(1.06);
        transition: transform 0.3s ease;
    }
}
.blog__content h3 a:hover {
    text-decoration: underline;
}
.blog__content p {
    margin: 15px 0 0 0;
    display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: calc(30px * 3);
}

.main__blog__item a,.main__blog__content .main__blog__item>img
{
    max-width: 268px;
 max-height:268px;
display:inline-block;
}
.main__blog__content .main__blog__item>img{
     height:268px;

}
.main__blog__content .main__blog__item{
    width:unset;
}
.main__blog__item a img {
 height: 268px;
 width: 268px;
}
.main__blog__text__content {
  display: flex;
  flex-direction: column;
  padding: 16px 20px;
}

.blog__date {
  align-self: flex-end;
  color: #0B0B0B8C;
  font-size: 1rem;
  line-height: 28px;
  display: flex;
  align-items: center;
  gap: 7px;
}

.blog__content {
  display: block;
  gap: 15px;
  margin: 40px 0 0 0;
}

.blog__content h3 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  color: #0B0B0B;
}

.blog__content p {
  line-height: 30px;
    color: #0B0B0B;

}
.product__swiper-gallery .swiper-slide a{
    max-width:708px;
    max-height:642px;
    width:100%;
    height:100%;
    display:inline-block;
}
.main__trust_us .swiper-slide ,.main__category-swiper .swiper-slide{
  width: 100%;
  margin-right: 16px;
}
.main__trust_us .swiper-slide a,.main__category-swiper .swiper-slide a {
    width:100%;
    height:100%;
    display:inline-block;
    min-width:150px;
}
.main__trust_us .swiper-slide a img, .main__category-swiper .swiper-slide a img{
    width:100%;
    height:100%;
}
.product__container .product__swiper-gallery .swiper-slide a {
    height: 642px!important;
}
.product__container .product__swiper-gallery .swiper-slide a img {
    object-fit: contain!important;
}
.main__trust_us .swiper-wrapper, .main__category-swiper .swiper-wrapper{
    align-items:center;
}
.main__trust_us,.main__category-swiper  {
  position: relative;
}

.main__trust_us .swiper-button-custom {
  top: 80%;
}
@media screen and (max-width:1024px){
        .main__blog__items {
        flex-wrap: wrap;
    }
    .main__blog__item{
        width:100%;
    }
    .main__blog__item a img{
        max-width:100%;
        width:100%;
        object-fit:cover;
    }
      .main__blog__item a{
        max-width:100%;
    }
    .blog__date{
        align-self:flex-start;
    }
}
.product-item_sale{
  position: absolute;
  top: 25px;
  right: 4px;
  width: 80px;
  height: 45px!important;
color: white;
background-color: rgba(255, 0, 0, 0.595);
}

  .product-item__animate {
    width: 20px;
    height: 20px!important;
    background-color: #F1C01F;
    border-radius: 50%;
    position: absolute;
    right: 45%;
    bottom: 20px;
    z-index: 99999;
    opacity: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
  text-align: center;
}

@keyframes moveUp {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translate(0px, -500px);
        opacity: 0;
    }
}
footer .footer__soc {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
}
.contact__info_container .footer__soc a:not(:last-child) {
    margin: 0 10px 0 0;
}
footer .footer__soc svg{
  width: 31px;
}
footer {
  background-color: #0B0B0B;
  padding: 30px 0 22px 0;
}

.footer__content {
  display: flex;
  justify-content: space-between;
}

.footer__about {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.footer__rights {
  color: white;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
}

.footer__section__title {
  color: #FAFAFA;
  font-size: 14px;
  line-height: 21px;
  font-weight: 600;
  margin-bottom: 11px;
}

.footer__navigation__blocks {
  display: flex;
  gap: 79px;
}

.footer__navigation__blocks ul,
.footer_info__item {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.footer__links {
  display: flex;
  gap: 9.5%;
  width: 40%;
}
.footer_nav_email_frame {
    row-gap: 5px;
    display: flex;
    flex-direction: column;
}
.footer_nav_link {
  font-size: 14px;
  line-height: 21px;
  color: #E5E5E5;
  display: flex;
  align-items: center;
  gap: 3px;
}

.catalog_content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
  gap: 30px 20px;
}

.catalog_item {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.catalog_item img {
  width: 100%;
  max-height: 236px;
  height: 100%;
  object-fit: cover;
}

.main__page_title {
  font-size: 28px;
  line-height: 42px;
  text-align: center;
  margin-bottom: 34px;
  font-weight: 300;
}
.myroom-menu .myroom-menu__button button, .myroom-menu .myroom-menu__item {
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.myroom-menu .myroom-menu__button {
    width: 100%;
    margin-top: 20px;
    padding: 10px 20px 10px 10px;
}
.myroom-menu .myroom-menu__button button {
    height: 48px;
    justify-content: center;
    border-radius: 5px;
    background: #0B0B0B;
    color: #fff;
    border: unset;
    cursor: pointer;
    outline: none;
}
.myroom {
  width: 100%;
}
.myroom .myroom__container h1, .reset-pass__container h1 {
  color: #333;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  /* 33.6px */
  letter-spacing: 0.56px;
  margin-bottom: 36px;
}
.reset-pass__container{
     width: 100%;
}
.myroom .myroom__container .myroom__flex {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
.myroom .myroom__container .myroom__flex .myroom-menu {
  width: 100%;
  max-width: 390px;
}
.myroom .myroom__container .myroom__flex .myroom__right {
  width: 100%;
  max-width: 852px;
  min-width: 600px;
}
.myroom .myroom__container .myroom__flex .myroom__right h2 {
  color: #333;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  /* 31.2px */
  letter-spacing: 0.52px;
  margin-bottom: 36px;
}
.myroom .myroom__container .myroom__flex .myroom__right form {
  width: 100%;
}
.myroom .myroom__container .myroom__flex .myroom__right form .myroom__grid {
  margin-bottom: 38px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}
.myroom .myroom__container .myroom__flex .myroom__right form .myroom__grid .input-text {
  margin: 0;
}
.myroom .myroom__container .myroom__flex .myroom__right form .myroom__grid .input-text input {
  margin-top: 12px;
}
.myroom .myroom__container .myroom__flex .myroom__right form .input-btn {
  width: 100%;
}
.myroom .myroom__container .myroom__flex .myroom__right form .input-btn button {
  display: flex;
  justify-content: center;
  align-items: center;
}

.order-story .order-story__container h1 {
  color: #333;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.56px;
  margin-bottom: 36px;
}
.order-story .order-story__container .order-story__flex {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
.order-story .order-story__container .order-story__flex .myroom-menu {
  max-width: 390px;
}
.order-story .order-story__container .order-story__flex .order-story__right {
  width: 100%;
  max-width: 852px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 36px;
  overflow-x: scroll;
  overflow-y: hidden;

}
.order-story .order-story__container .order-story__flex .order-story__right h2 {
  color: #333;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  /* 31.2px */
  letter-spacing: 0.52px;
}

.orders-table {
  width: 100%;
  border: unset;
  padding: 0;
  min-width: 600px;
  overflow-y: hidden;
  overflow-x: scroll;
}
.orders-table tbody {
  width: 100%;
}
.orders-table tbody tr {
  width: 100%;
}
.orders-table tbody tr td {
  margin: 0;
  padding: 16px 0;
  background: #FCFCFC;
  border-bottom: 1px solid #EDEDED;
}
.orders-table tbody tr td:first-child {
  width: 136px;
}
.orders-table tbody tr td:nth-child(2) {
  width: 148px;
}
.orders-table tbody tr td:nth-child(3) {
  width: 144px;
}
.orders-table tbody tr td:nth-child(4) {
  width: 110px;
}
.orders-table tbody tr td:nth-child(5) {
  width: 176px;
}
.orders-table tbody tr td:last-child {
  width: 142px;
}
.orders-table tbody tr td p {
  color: #201E1E;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: none;
  text-align: center;
}
.orders-table tbody tr td a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  border: 1px solid #EDEDED;
  background: #0B0B0B;
  margin: 0 auto;
}
.orders-table tbody tr:last-child td:first-child {
  border-radius: 0px 0px 0px 10px;
}
.orders-table tbody tr:last-child td:last-child {
  border-radius: 0px 0px 10px 0px;
}
.orders-table tbody tr:first-child td {
  margin: 0;
  padding: 20px 0;
  background: #0B0B0B;
}
.orders-table tbody tr:first-child td:first-child {
  border-radius: 10px 0px 0px 0px;
  width: 136px;
}
.orders-table tbody tr:first-child td:nth-child(2) {
  width: 148px;
}
.orders-table tbody tr:first-child td:nth-child(3) {
  width: 144px;
}
.orders-table tbody tr:first-child td:nth-child(4) {
  width: 110px;
}
.orders-table tbody tr:first-child td:nth-child(5) {
  width: 176px;
}
.orders-table tbody tr:first-child td:last-child {
  border-radius: 0px 10px 0px 0px;
  width: 142px;
}
.orders-table tbody tr:first-child td p {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: none;
  text-align: center;
}

.order-single {
  width: 100%;
}
.order-single .order-single__container h1 {
  color: #333;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  /* 33.6px */
  letter-spacing: 0.56px;
  margin-bottom: 36px;
}
.order-single .order-single__container .basket__products {
  margin-bottom: 36px;
}
.order-single .order-single__container .order-single__total {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  padding: 28px 20px;
  border-radius: 10px;
  border: 1px solid #DADADA;
  background: rgba(217, 217, 217, 0);
  margin-bottom: 40px;
}
.order-single .order-single__container .order-single__total p {
  color: #333;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  gap: 16px;
}
.order-single .order-single__container .order-single__total p span {
  color: #333;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: none;
}
.order-single .order-single__container .order-single__characteristics {
  width: 100%;
  border-radius: 10px;
  border: 2px solid #EDEDED;
  background: #FCFCFC;
  overflow: hidden;
}
.order-single .order-single__container .order-single__characteristics p {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
  gap: 16px;
  border-bottom: 1px solid #EDEDED;
  color: #333;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.order-single .order-single__container .order-single__characteristics p span {
  font-size: 16px;
}
.order-single .order-single__container .order-single__characteristics .comments {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.myroom-menu {
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #EDEDED;
  background: #FCFCFC;
  padding-right: 0;
}
.myroom-menu .myroom-menu__item {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 18px;
  padding: 10px;
  border-radius: 17px 0px 0px 17px;
  transition: all 0.5s;
  position: relative;
  color: #333;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.32px;
}
.myroom-menu .myroom-menu__item span {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: #0B0B0B;
  min-width: 40px;
}
.myroom-menu .myroom-menu__item::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 10px;
  background: #0B0B0B;
  opacity: 0;
  transition: all 0.5s;
}
.myroom-menu .myroom-menu__item.active {
  background: #F3F4F5;
}
.myroom-menu .myroom-menu__item.active::before {
  opacity: 1;
}
.myroom-menu .myroom-menu__item:hover::before {
  opacity: 1;
}
.myroom .myroom__container .myroom__flex .myroom__right form .input-btn button {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    width: 100%;
    padding: 15px;
}
.reset-pass .reset-pass__container .reset-pass__flex, .forget-pass .forget-pass__container .forget-pass__flex {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}
.reset-pass .reset-pass__container .reset-pass__flex .reset-pass__right {
    width: 100%;
    max-width: 852px;
    min-width: 600px;
}
.reset-pass .reset-pass__container .reset-pass__flex .reset-pass__right form {
    width: 100%;
    max-width: 690px;
}
.reset-pass .reset-pass__container .reset-pass__flex .reset-pass__right form h2, .forget-pass__form h1 {
    color: #333;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0.52px;
    margin-bottom: 36px;
}


.reset-pass .reset-pass__container .reset-pass__flex .reset-pass__right form p {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 135.9%;
    margin-bottom: 20px;
}
.reset-pass .reset-pass__container .reset-pass__flex .reset-pass__right form .input-text, #forget_pass_form .input-text {
    margin-bottom: 20px;
    position: relative;
}
.reset-pass .reset-pass__container .reset-pass__flex .myroom-menu {
    max-width: 390px;
}
.reset-pass .save_password{
  padding: 15px;
  width: 100%;
}
.brendcrumbs {
  width: 100%;
  padding: 24px 0;
}

.brendcrumbs__container {
  display: flex;
  gap: 8px;
}

.brendcrumbs .brendcrumbs__container a,
.brendcrumbs .brendcrumbs__container p {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  color: rgba(16, 14, 41, 0.7);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.14px;
}

.brendcrumbs .brendcrumbs__container p {
  color: #0B0B0B;
}

.catalog_item p {
  font-size: 20px;
  line-height: 30px;
}

.main__blog__content {
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 20px 16px;
  margin-bottom: 40px;
}

/*.pagination {*/
/*  display: flex;*/
/*  width: 100%;*/
/*  justify-content: space-between;*/
/*  align-items: center;*/
/*  padding-top: 30px;*/
/*}*/
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding-top: 30px;
  margin: 20px 0;
}

.pagination_list_data {
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  display: flex;
  gap: 25px;
  margin: auto;
}
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 20px 0;
  list-style: none;
  flex-wrap:wrap;
}

.page-item {
  margin: 0 5px;
}
.page-item.active span{
    background-color: #000;
    color: #fff;
}

.page-link {
  display: inline-block;
  padding: 8px 12px;
  text-decoration: none;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.page-link:hover {
  background-color:black;
  color: white;
}

.page-item.disabled .page-link {
  color: #6c757d;
  cursor: not-allowed;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.order-single {
  width: 100%;
}
.order-single .order-single__container h1 {
  color: #333;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  /* 33.6px */
  letter-spacing: 0.56px;
  margin-bottom: 36px;
}
.order-single .order-single__container .basket__products {
  margin-bottom: 36px;
}
.order-single .order-single__container .order-single__total {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  padding: 28px 20px;
  border-radius: 10px;
  border: 1px solid #DADADA;
  background: rgba(217, 217, 217, 0);
  margin-bottom: 40px;
}
.order-single .order-single__container .order-single__total p {
  color: #333;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  gap: 16px;
}
.order-single .order-single__container .order-single__total p span {
  color: #333;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: none;
}
.order-single .order-single__container .order-single__characteristics {
  width: 100%;
  border-radius: 10px;
  border: 2px solid #EDEDED;
  background: #FCFCFC;
  overflow: hidden;
}
.order-single .order-single__container .order-single__characteristics p {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
  gap: 16px;
  border-bottom: 1px solid #EDEDED;
  color: #333;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;

}
.order-single .order-single__container .order-single__characteristics p span {
  font-size: 16px;
    font-weight: 500;

}
.order-single .order-single__container .order-single__characteristics .comments {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.current_page {
  font-weight: 500;
}


.page_item {
  display: block;
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  text-decoration: none;
  color: black;
  background-color: white;
}

.page_item.active {
  background-color: #0B0B0B;
  color: white;
}

.pagination_pages {
  display: flex;
  gap: 25px;
  align-items: center;
}

.page_item img {
  vertical-align: baseline;
}

.main__single__blog , .main__about__us , .main__shipping__us{
  max-width: 900px;
  width: 100%;
  margin: auto;
}
.main__shipping__us {
    max-width: 1300px;
    padding: 0 10px;
}
.main__shipping__us h2 {
    line-height: 2.1rem;
    font-size: 1.5rem;
    border-bottom: 4px solid #F1C01F;
    margin-bottom: 34px;
    font-weight: 300;
    padding-bottom: 12px;
}
.main__shipping__us p {
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
}
.main__shipping__us p:not(:last-child) {
    margin: 0 0 15px 0;
}
.main__shipping__us h3 {
    line-height: 1.5rem;
    font-size: 1.2rem;
    font-weight: 400;
    padding: 0 0 3px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #000;
    display: inline-block;
}

.main__single__blog__content, .main__about__us__content {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.main__about__us__content .main__about__images {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.main__about__us__content .main__about__images img {
    max-width: calc(33.333% - 20px);
    width: 100%;
    max-height: 300px;
    object-fit: contain;
    object-position: center;
}

.main__single__blog__image_content,.main__about__image_content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.slngleBlog_icons span {
  display: flex;
  align-items: center;
  gap: 3px;
}

.slngleBlog_icons {
  display: flex;
  gap: 5px;
  align-items: center;
}

.main__single__blog__text, .main__about__text {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.main__single__blog__text p,.main__about__text p  {
  font-size: 16px;
  line-height: 18.75px;
  letter-spacing: 0.7px;
}

.main__single__blog__text h2 ,.main__about__text h2 {
  font-weight: 500;
  font-size: 20px;
  line-height: 23.44px;
}

.filter__form {
  display: flex;
  flex-direction: column;
}

.filter__item {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.filter__item:not(:last-child) {
  width: 254px;
  border-bottom: 1px solid #E8E8E8;
  padding-bottom: 10px;
}

/* input[type="checkbox"] {
  display: none;
  color: white;
} */
input[type="checkbox"]:not(.checkbox input) {
  display: none;
  color: white;
}

input[type="checkbox"]+label::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #E8E8E8;
  border-radius: 3px;
  vertical-align: middle;
  margin-right: 8px;
}

input[type="checkbox"]:checked+label::before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiPjxwYXRoIGZpbGw9IndoaXRlIiBkPSJNNDM4LjYgMTA1LjRjMTIuNSAxMi41IDEyLjUgMzIuOCAwIDQ1LjNsLTI1NiAyNTZjLTEyLjUgMTIuNS0zMi44IDEyLjUtNDUuMyAwbC0xMjgtMTI4Yy0xMi41LTEyLjUtMTIuNS0zMi44IDAtNDUuM3MzMi44LTEyLjUgNDUuMyAwTDE2MCAzMzguNyAzOTMuNCAxMDUuNGMxMi41LTEyLjUgMzIuOC0xMi41IDQ1LjMgMCIvPjwvc3ZnPg==");
  display: inline-block;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  vertical-align: middle;
  background-color: #0B0B0B;
  font-size: 12px;

}

.filter__group {
  padding: 15px 16px;
  border-radius: 4px;
  border: solid 1px #E6E6E6;
  max-width: 288px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 17px;
}

.filter__group__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.filter__title__btn {
  padding: 10px 8px;
}

.filter__product__btn,
.param-select-button {
  width: 100%;
  max-width: 288px;
  padding: 14px 0;
  gap: 10px;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
}

.filter__title {
  font-weight: 300;
  font-size: 28px;
  line-height: 42px;
  margin-bottom: 20px;
}

.filter__group__title span {
  font-size: 17px;
  line-height: 20px;
  font-weight: 300;
}

.filter_price_block {
  display: flex;
  max-width: 226px;
  width: 100%;
  margin: auto;
  justify-content: space-between;

}

.filter__input {
  max-width: 100px;
  border: solid #E8E8E8 1.5px;
  background-color: #FAFAFA;
  padding: 10px 0;
  text-align: center;
  border-radius: 4px;
}

.filter__input::placeholder {
  font-weight: 400;
  font-size: 1rem;
  line-height: 19.2px;
  color: #0B0B0B;
}

.filter_price label {
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 1px;
  font-weight: 300;
}

.filter_price {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

.close_filter__group {
  transform: rotate(180deg);
}

.filter_group_content {
  display: none;
}

.filter_group_content.open {
  display: flex;
}

.filter__properties {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 288px;
  width: 100%;
}

.filters__groups {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.range__slider {
  margin: 20px 0 0 0;
}
.slider-range {
  height: 5px;
  border-radius: 5px;
  background-color: #aaa;
  position: relative;
}
.slider-range__progress {
  position: absolute;
  left: 25%;
  right: 25%;
  height: 5px;
  border-radius: 5px;
  background-color: #17a2b8;
}
.lines-range {
  position: relative;
}
.lines-range input {
  position: absolute;
  top: -5px;
  height: 5px;
  width: 100%;
  background: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  pointer-events: none;
}
.lines-range input[type="range"]::-webkit-slider-thumb {
  height: 17px;
  width: 17px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #17a2b8;
  border-radius: 50%;
  pointer-events: auto;
}
.lines-range input[type="range"]::-moz-range-thumb {
  height: 17px;
  width: 17px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #17a2b8;
  border-radius: 50%;
  pointer-events: auto;
}
.reset_btn {
  max-width: 288px;
  width: 100%;
  border: 1px solid #0B0B0B;
  background-color: #F7F7F6;
  font-size: 14px;
  line-height: 21px;
  padding: 15px 0;
  border-radius: 5px;
}
input[type=email] {
    text-transform: none !important;
}
.main-filter-content {
  display: flex;
  gap: 41px;
}
.main__trust_us .swiper-slide {
    width: 216.667px!important;
}

.filter {
    position: relative;
    z-index: 10;
    margin: 0 0 20px 0;
}
.filter__catalog {
    margin: 100px auto 0 auto;
}
.filter__frame {
  display: flex;
  align-items: center;
}
.filter__view {
  margin: 0 23px 0 0;
}
.view-filter {
  display: flex;
  align-items: center;
}
.view-filter__btn {
  position: relative;
  width: 22px;
  height: 22px;
}
.view-filter__btn:not(:last-child) {
  margin: 0 17px 0 0;
}
.view-filter__btn::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 22px;
  background-position: center;
  filter: opacity(0.6);
}
.view-filter__horizontal::before {
  background-image: url('../img/filter/horizontal.svg');
}
.view-filter__grid::before {
  background-image: url('../img/filter/grid.svg');
}
.view-filter__btn:hover:before,
.view-filter__btn._active:before {
  filter: opacity(1);
}
.check-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 10px;
  flex: 1 1 auto;
  width: 100%;
  user-select: none;
  margin: 0 10px 0 0;
}
.check-filter__checkbox {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  padding: 0 10px 0 14px;
  height: 40px;
  background-color: #FAFAFA;
  border-radius: 4px;
}
.check-filter__checkbox label,
.check-filter__checkbox input {
  cursor: pointer;
}
.check-filter__checkbox:not(:last-child) {
  margin: 0 16px 0 0;
}
.check-filter__checkbox label {
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.01em;
  text-transform: capitalize;
  color: #0B0B0B;
}
.check-filter__checkbox input {
    display: block!important;
  margin: 0 16px 0 0;
  position: relative;
}
.check-filter__checkbox input:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 22px;
  height: 22px;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}
.check-filter__checkbox input:checked:before {
  background-color: #0B0B0B;
  border: 1px solid #0B0B0B;
  border-radius: 4px;
  background-image: url('../img/filter/mark.svg');
}
label.sale-checkbox__label {
  color: rgba(223, 90, 90, 1);
}
.sort-filter__box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 0 50px 0 16px;
  height: 40px;
  width: 200px;
  background-color: #FAFAFA;
  border-radius: 4px;
  cursor: pointer;
}
.sort-filter__box::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%) rotate(45deg);
  display: block;
  width: 6px;
  height: 6px;
  border: 2px solid rgba(11, 11, 11, 1);
  border-left: 0;
  border-top: 0;
  transition: all 0.2s linear;
}
.sort-filter__box._active::after {
    transform: translateY(-50%) rotate(225deg);
    transition: all 0.2s linear;
}
.sort-filter__selected {
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.01em;
  text-transform: capitalize;
  color: #0B0B0B;
}
.sort-filter__options {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  width: 100%;
  padding: 3px;
  background-color: #FAFAFA;
  transition: all 0.2s linear;
}
.sort-filter__options._active {
  opacity: 1;
  visibility: visible;
  transition: all 0.2s linear;
}
.sort-filter__item {
  padding: 5px;
}
.sort-filter__item:hover {
  background-color: #aaa;
}




.filter_category_items {
  display: grid;
  grid-template-columns: repeat(auto-fit, calc(100% / 3 - 16px));
  gap: 16px;
  margin: 0 0 34px 0;
}
.filter_category_product{
  width: 100%;
}
.filter_buttons {
  display: flex;
  gap: 17px;
  align-items: center;
  padding-top: 44px;
  margin-bottom: 30px;
  flex-wrap: wrap;
}

.filter_item {
  background-color: #FAFAFA;
  padding: 10px;
  border-radius: 4px;
  position: relative;
}

.filter_item label {
  font-size: 1rem;
  line-height: 24px;
}

.sale_product_label {
  color: #DF5A5A;
}

.filter__group__title svg {
  margin-left: 8px;
}

.filter_item .filter_group_content {
  max-width: 140px;
  position: absolute;
  background-color: #FAFAFA;
  width: 100%;
  left: 0;
  padding-top: 10px;
  padding-left: 10px;
}

.filter_item .filter__item:not(:last-child) {
  width: unset;
  border-bottom: unset;
}

.filter_buttons .filter__group__title span {
  font-size: 1rem;
  line-height: 24px;
  font-weight: 400;

}

.filter__sort {
  margin-left: auto;
}
.filter__title{
  display: none;
}
.list__view__product {
  grid-template-columns: 1fr;
  grid-template-rows: repeat(12, 170px);
}

.list__view__product .main__new__product_item {
  flex-direction: row;
}

.list__view__product .main__new__product_item_content {
  margin: unset;
  justify-content: space-between;
}

.list__view__product .main__new__product_item_content h3 {
  font-size: 18px;
}

.list__view__product .main__product_info {
  justify-content: unset;
  gap: 10%;
}
.hide-catalog {
    width: 100%;
    position: absolute;
    top: 180px;
    max-width: 1400px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 10px;
    z-index: 50;
    background: #fff;
    box-shadow: 0 4px 29px 0 rgba(90, 102, 114, .2);
    padding: 28px 10px 28px 16px;
    display: none;
}
.hide-catalog.active{
  display: block;
}
.hide-catalog .hide-catalog__grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    max-height:400px;
    height: 100%;
    overflow: auto;
}

.hide-catalog .hide-catalog__grid li {
    margin-bottom: 10px;
}
.hide-catalog .hide-catalog__grid li .category-title {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: block;
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
.hide-catalog .hide-catalog__grid li .category-title img {
    min-width: 24px;
    max-width: 24px;
    height: auto;
}
.hide-catalog .hide-catalog__grid li ul {
    margin-left: 34px;
}
.hide-catalog .hide-catalog__grid li a {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #0B0B0B;
}
/*Additional Styles*/
.hide-catalog .hide-catalog__grid li {
    margin-bottom: 0;
}
.hide-catalog .hide-catalog__grid li a.category-title {
    height: 100%;
    align-items: center;
    margin-bottom: 0;
}
.hide-catalog .hide-catalog__grid li a.category-title img {
    max-width: 100px;
    width: 100%;
}
.catalog_filters_box{
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.close_filter_box{
    display: none;
  }
.product__container .product__top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px;
    margin-bottom: 40px;
}
.product__container .product__top .product__img {
    width: 100%;
    max-width:650px;
    border-radius: 4px;
    height: 100%;

}
 .product__container .product__top .product__img .product__swiper-gallery {
    width: 100%;
    position: relative;
    height: 100%;
}
 .product__container .product__top .product__img .product__swiper-gallery .fancy-btn {
    position: absolute;
    left: 26px;
    top: 26px;
    z-index: 15;
    padding: 8px;
    border-radius: 2px;
    background: rgba(0, 40, 67, 0.35);
}
 .product__swiper-gallery .slideprev, .product__swiper-gallery .slidenext {
    position: absolute;
    left: 16px;
    bottom: 0;
    transform: translateY(-50%);
    z-index: 5;
    background-color: white;
    opacity: .5;
     padding: 3px 6px;
    box-shadow: 4px 7px 20px 0px #40404026;
    border-radius: 50%;
    width: 32px;
    height: 32px;
}
.product__swiper-gallery .slideprev svg, .product__swiper-gallery .slidenext svg{
  position: relative;
  top: 3px;
}
.product__swiper-gallery .slidenext {
    left: unset;
    right: 16px;
    z-index: 6;
}
 .product__swiper-gallery .swiper {
    z-index: 4;
    width: 100%;
    height: 100%;
}
.product__swiper-gallery .slideprev {
    position: absolute;
    left: 16px;
    bottom: 0;
    transform: translateY(-50%);
    z-index: 6;
}
.product__swiper-gallery  .swiper-slide img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
 .product__swiper-gallery .swiper-pagination {
    position: absolute;
    z-index: 5;
    bottom: 20px;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.product__swiper-gallery .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
}
 .product__swiper-gallery  .swiper-pagination .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: block;
    background: unset;
    transition: all 0.5s;
    opacity: 1;
    background-color: #FFFFFF33;
}
.recomended_product .swiper-button-custom{
  top: var(--swiper-navigation-top-offset,50%);
}
.product__container .main__product_prices{
  flex-direction: row;
  gap: 16px;
  align-items: center;
}
.product__container .main__product_prices .product_old_price::after{
top: 9px;
left: 0;
}
.product__container .main__product_prices .product_old_price{
  font-size: 1rem;
  line-height: 24px;
}
.product__container .main__product_prices .new__product_price{
font-size: 20px;
  line-height: 30px;

}
.product__top .product__info {
    width: 100%;
    max-width: 536px;
    background-color: #FAFAFA;
    height: 100%;
    padding: 40px;
    border-radius: 4px;

}
.product__top .product__info .product__character {
    width: 100%;
}
.product__top .product__info .product__character p {
    color: #100E29;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0.28px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    margin-bottom: 10px;
}
.product__info{
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.product__character{
  padding-top: 22px;
}
.product__top .product__info .product__character p:nth-child(n+3) span {
  font-weight: 500;
}
.product__top .product__info .product__character p span {
    color: #100E29;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0.28px;
}
.product__info__title{
  font-size: 28px;
  line-height: 42px;
  font-weight: 400;
  letter-spacing: 1px;
}
.product__price p,.product__info__count{
  font-size: 14px;
  line-height: 21px;
}
input[type=email] {
    text-transform: none !important;
}
.product__price{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.product-buttons{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
 row-gap: 20px;
 position:relative;
}
.product-buttons button{
  padding: 10px 14px;
  display: flex;
  gap: 6px;
}
.order_btn{
  border: 1px solid #0B0B0B;
  border-radius: 5px;
  height: 100%;
}
.product__bottom{
  max-width: 700px;
}
.product__bottom__description__title{
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
}
.product__bottom p{
line-height: 24px;
opacity: .7;
}
.product__bottom{
  display: flex;
  gap: 10px;
  flex-direction: column;
}

.recomended_product{
  position: relative;
}
.contact__content{
  display: flex;
  gap: 45px;
}
.contact__info_container{
  max-width: 256px;
  width: 100%;
}

.contact__info_container .footer__soc{
  display: flex;
  align-items: center;
 }
.contact__info_container .footer__soc a{
  display: flex;
  width: 32px;
  height: 32px;
    align-items: center;
justify-content: center;
}

.contact__info__title{
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
}
.contact__info{
  display: flex;
  flex-direction: column;
  gap: 13px;
  border-bottom: 1px solid #E8E8E8;
  max-width: 250px;
  width: 100%;
  padding-bottom: 12px;
}
.contact__info__item{
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
}
.contact__social__media{
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
}
.contact__info_container{
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.contact__map, .contact__map iframe{
  width: 100%;
  height: 462px;
  border-radius: 4px;
}
.empty-page__title,.empty-page_recent_view_title,.favorite-goods-page__title{
  font-size: 24px;
  line-height: 30px;
}
.empty-page_recent_view{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.favorite-goods-page__empty{
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
}
.empty-page__btn{
  padding: 15px;
}
.favorite-goods-page_content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.favorite-goods-page_content .main__plaster-sconce__product_item{
  position: relative;
}
.favorite-goods-page_content .plaster-sconce__product_favorite{
  position: absolute;
  top: 20px;
  right: 20px;
}
.favorite-goods-page__full{
  padding-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.basket_page .basket_page_cont {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
}
.basket_page .basket_page_cont h1 {
    font-size: 24px;
    line-height: 20px;
    text-transform: uppercase;
    color: #30251e;
    margin-bottom: 43px;
}
.basket_page .basket_page_cont .basket_page_flex {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}
.basket_page .basket_page_cont .basket_page_flex .basket_page_left {
    max-width: 700px;
    width: 100%;
}
.basket_page .basket_page_cont .basket_page_flex .basket_page_left .basket_page_item {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
    background: #FFF;
    gap: 20px;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.15);
}
.basket_page .basket_page_cont .basket_page_flex .basket_page_left .basket_page_item .remove {
    position: absolute;
    right: 15px;
    top: 8px;
    z-index: 6;
    background: none;
}
.basket_page .basket_page_cont .basket_page_flex .basket_page_left .basket_page_item .basketitemimg {
    width: 100%;
    right: 0;
    max-width: 120px;
    bottom: -36%;
    transform: translateY(-50%);
    position: absolute;
    z-index: 1;
    max-height: 115px;
    height: 100%;
}
.basket_page .basket_page_cont .basket_page_flex .basket_page_left .basket_page_item .text {
    max-width: 500px;
    position: relative;
    z-index: 3;
    width: 100%;
    padding: 7px 20px 20px;
    background-color: rgba(255, 255, 255, 0.7);
}
.basket_page .basket_page_cont .basket_page_flex .basket_page_left .basket_page_item .text .type {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 20px;
    color: #8D8D8D;
}
.basket_page .basket_page_cont .basket_page_flex .basket_page_left .basket_page_item .text .item_flex .counter p {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
    color: #8D8D8D;
}
.basket_page .basket_page_cont .basket_page_flex .basket_page_left .basket_page_item .text .type span {

    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    margin-left: 6px;
    color: #232300;
}
.basket_page .basket_page_cont .basket_page_flex .basket_page_left .basket_page_item .text .item_flex {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.basket_page .basket_page_cont .basket_page_flex .basket_page_left .basket_page_item .text .item_flex .product_price {
    width: 100%;
    max-width: 100px;
}
.basket_page .basket_page_cont .basket_page_flex .basket_page_left .basket_page_item .text .item_flex .product_price p:first-child {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #8D8D8D;
}
.basket_page .basket_page_cont .basket_page_flex .basket_page_left .basket_page_item .text .item_flex .product_price p:last-child {
    font-weight: 700;
    font-size: 24px;
    line-height: 31px;
    margin-top: 5px;
    color: #232300;
}
.basket_page .basket_page_cont .basket_page_flex .basket_page_left .basket_page_item .text .item_flex .product_price p:last-child span {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #232300;
    margin-left: 3px;
}
.basket_page .basket_page_cont .basket_page_flex .basket_page_left .basket_page_item .text .item_flex .counter {
    max-width: 75px;
    width: 100%;
}
.basket_page .basket_page_cont .basket_page_flex .basket_page_left .basket_page_item .text .item_flex .counter .counter_flex {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    height: 38px;
    gap: 5px;
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    border-radius: 5px;
}
.basket_page .basket_page_cont .basket_page_flex .basket_page_left .basket_page_item .text .item_flex .counter .counter_flex button {
    height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.basket_page .basket_page_cont .basket_page_flex .basket_page_left .basket_page_item .text .item_flex .counter .counter_flex span {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #232300;
}
.basket_page .basket_page_cont .basket_page_flex .basket_page_left .basket_page_item .text .item_flex .product_price {
    width: 100%;
    max-width: 100px;
}
.basket_page .basket_page_cont .basket_page_flex .basket_page_left .basket_page_item .text h3 a {
    font-weight: 700;
    font-size: 18px;
    line-height: 36px;
    color: #232300;
}
.basket_page .basket_page_cont .basket_page_flex .basket_page_right {
    width: 100%;
    max-width: 370px;
}
.basket_page .basket_page_cont .basket_page_flex .basket_page_right .basket_page_itog {
    width: 100%;
    margin-bottom: 30px;
    background: #FFF;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding: 20px 30px;
}
.basket_page .basket_page_cont .basket_page_flex .basket_page_right .basket_page_itog h2 {
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    margin-bottom: 14px;
    color: #232300;
}
.basket_page .basket_page_cont .basket_page_flex .basket_page_right .basket_page_itog p {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #8D8D8D;
    margin-bottom: 15px;
}
.basket_page .basket_page_cont .basket_page_flex .basket_page_right .basket_page_itog .itogp {
    margin-bottom: 0;
    padding-top: 15px;
    border-top: 1px solid #C4C4C4;
}
.basket_page .basket_page_cont .basket_page_flex .basket_page_right  .checkout_btn{
padding: 20px;
}
.oform_product_img{
  width: 50px;
  height: 50px;
  object-fit: contain;
}


.favorite-goods-page__empty p{
  display: flex;
  align-items: center;
  gap: 5px;
}
.favorite_empty_page{
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.basket {
  width: 100%;
}
.basket .basket__container h1 {
  color: #333;
  font-size: 28px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.56px;
  margin-bottom: 36px;
}
.basket .basket__container .basket__total {
  width: 100%;
  margin-bottom: 40px;
}
.basket .basket__container .basket__total p {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70px;
  border-radius: 10px;
  border: 1px solid #DADADA;
  background: rgba(217, 217, 217, 0);
  gap: 14px;
  color: #333;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
}
.basket .basket__container .basket__total p span {
  color: #333;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  text-transform: none;
}
.basket .basket__container .basket__buttons {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.basket .basket__container .basket__buttons a {
  width: 100%;
  max-width: 282px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.16px;
  border-radius: 10px;
}
.basket .basket__container .basket__buttons a:first-child {
  border: 1px solid #DADADA;
  background: #FCFCFC;
  color: #333;
}
.basket .basket__container .basket__buttons a:last-child {
  color: #FFF;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #0B0B0B;
}

.basket__products {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #EDEDED;
  background: #FCFCFC;
  margin-bottom: 46px;
}
.basket__products .basket__products-title {
  width: 100%;
  background: #0B0B0B;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.basket__products .basket__products-title p {
  padding: 18px 16px;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: none;
  text-align: center;
  width: 100%;
  max-width: 80px;
  height: auto;
}
.basket__products .basket__products-title p:nth-child(2) {
  max-width: 154px;
}
.basket__products .basket__products-title p:nth-child(3) {
  max-width: 326px;
}
.basket__products .basket__products-title p:nth-child(4) {
  max-width: 202px;
}
.basket__products .basket__products-title p:nth-child(5) {
  max-width: 186px;
}
.basket__products .basket__products-title p:nth-child(6) {
  max-width: 218px;
}
.basket__products .basket__products-title p:nth-child(7) {
  max-width: 132px;
}
.basket__products .basket__item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  border-bottom: 1px solid #EDEDED;
}
.basket__products .basket__item p {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 80px;
  width: 100%;
  color: #333;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.9px;
  text-transform: none;
  border-right: 1px solid #EDEDED;
}
.basket__products .basket__item .basket__item-img {
  width: 100%;
  max-width: 154px;
  border-right: 1px solid #EDEDED;
  padding: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.basket__products .basket__item .basket__item-img img {
  max-width: 94px;
  width: 100%;
  height: 94px;
  object-fit: cover;
  border-radius: 3px;
}
.basket__products .basket__item h4 {
  color: #333;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  text-transform: none;
  max-width: 326px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 28px 20px;
  border-right: 1px solid #EDEDED;
}
.basket__products .basket__item .price {
  color: #333;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: none;
  width: 100%;
  max-width: 202px;
  border-right: 1px solid #EDEDED;
  display: flex;
  justify-content: center;
  align-items: center;
}
.basket__products .basket__item .counter {
  width: 100%;
  max-width: 186px;
  border-right: 1px solid #EDEDED;
  display: flex;
  justify-content: center;
  align-items: center;
}
.basket__products .basket__item .counter .counter-flex {
  width: 100%;
  max-width: 126px;
  height: 44px;
  padding: 8px 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  border-radius: 10px;
  background: #F3F4F5;
}
.basket__products .basket__item .counter .counter-flex span {
  color: #3F3F3F;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.17px;
  text-align: center;
  text-transform: none;
  display: block;
  width: 100%;
}
.basket__products .basket__item .counter .counter-flex button {
padding: 5px 12px;
}
.basket__products .basket__item .total-price {
  width: 100%;
  max-width: 218px;
  border-right: 1px solid #EDEDED;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: none;
}
.basket__products .basket__item .remove-btn {
  width: 100%;
  max-width: 132px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.checkout {
  width: 100%;
}
.checkout .checkout__container h1 {
  color: #333;
  font-size: 28px;
  font-weight: 500;
  line-height: 120%;
  /* 33.6px */
  letter-spacing: 0.56px;
  margin-bottom: 36px;
}
.checkout .checkout__container .checkout__form {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
.checkout .checkout__container .checkout__form .checkout__form-left {
  width: 100%;
  max-width: 390px;
}
.checkout .checkout__container .checkout__form .checkout__form-left .checkout__select {
  width: 100%;
}
.checkout .checkout__container .checkout__form .checkout__form-left .checkout__select .checkout__select-item {
  width: 100%;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #EDEDED;
  background: #FCFCFC;
  margin-bottom: 36px;
}
.checkout .checkout__container .checkout__form .checkout__form-left .checkout__select .checkout__select-item:last-child {
  margin-bottom: 0;
}
.checkout .checkout__container .checkout__form .checkout__form-left .checkout__select .checkout__select-item .title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  padding-bottom: 20px;
  /*margin-bottom: 20px;*/
}
.checkout .checkout__container .checkout__form .checkout__form-left .checkout__select .checkout__select-item .title p {
  color: #3F3F3F;
  font-size: 22px;
  font-weight: 500;
  line-height: 120%;
  /* 26.4px */
  letter-spacing: 0.22px;
}
.checkout .checkout__container .checkout__form .checkout__form-left .checkout__select .checkout__select-item .checkbox {
  margin-bottom: 18px;
}
.checkout .checkout__container .checkout__form .checkout__form-left .checkout__select .checkout__select-item .checkbox:last-child {
  margin-bottom: 0;
}
.checkout .checkout__container .checkout__form .checkout__right {
  width: 100%;
  max-width: 852px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.checkout .checkout__container .checkout__form .checkout__right h2 {
  color: #333;
  font-size: 26px;
  font-weight: 500;
  line-height: 120%;
  /* 31.2px */
  letter-spacing: 0.52px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}
.checkout__right .input{
 margin: 10px 0;
}
.checkout .checkout__container .checkout__form .checkout__right .checkout__newadres {
  width: 100%;
  display: none;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}
.checkout .checkout__container .checkout__form .checkout__right .checkout__newadres .input-text {
  margin: 0;
}
.checkout .checkout__container .checkout__form .checkout__right .checkout__instructions {
  width: 100%;
  padding-bottom: 30px;
  border-bottom: 1px solid #EDEDED;
}
.checkout .checkout__container .checkout__form .checkout__right .checkout__instructions h4 {
  color: #3F3F3F;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.36px;
    margin-bottom: 30px;

}
.checkout .checkout__container .checkout__form .checkout__right .checkout__instructions p {
  color: #333;
  font-size: 16px;
  font-weight: 600;
  line-height: 110%;
  /* 17.6px */
  letter-spacing: 0.16px;
  margin-bottom: 12px;
}
.checkout .checkout__container .checkout__form .checkout__right .checkout__instructions p:last-child {
  margin-bottom: 0;
}
.checkout .checkout__container .checkout__form .checkout__right .checkout__instructions p span {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.7px;
  margin-left: 8px;
}
.checkout .checkout__container .checkout__form .checkout__right .checkout__total {
  width: 100%;
  padding-bottom: 30px;
  border-bottom: 1px solid #EDEDED;
}
.checkout .checkout__container .checkout__form .checkout__right .checkout__total h4 {
  color: #3F3F3F;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.36px;
  margin-bottom: 30px;
}
.checkout .checkout__container .checkout__form .checkout__right .checkout__total p {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
  border-bottom: 1px solid #EDEDED;
  color: #3F3F3F;
  font-size: 17px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.34px;
  text-transform: none;
}
.checkout .checkout__container .checkout__form .checkout__right .checkout__total p span {
  color: #333;
  text-align: right;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  text-transform: none;
}

input[type="radio"] {
    appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #EDEDED;
    border-radius: 50%;
    outline: none;
    margin-right: 10px;
    position: relative;
}

input[type="radio"]:checked::before {
    content: '';
    width: 8px;
    height: 8px;
    background-color:#0B0B0B ;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: 3px;
}
.checkout__select-item span{
  color: #333333B2;
  font-size: 14px;
 margin-bottom: 10px;
 width: 90%;
 position: relative;
 left: 30px;
 display: inline-block;
 line-height: 20px;
}
.payment_selection{
 display: flex;
 margin-bottom: 10px;
}

.checkout__right label:not(.input-text){
  display: flex;
  line-height: 20px;
  font-size: 18px;
}
.payment_selection{
  display: flex;
}
.checkout__select-item label:not(.payment_selection){
  display: flex;
  margin-bottom: 15px;
}

.input-text {
    width: 100%;
    display: block;
    color: rgba(51, 51, 51, 0.6);
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    text-transform: none;
}
.input-text .input {
    width: 100%;
    height: 50px;
    padding: 0 20px;
    border-radius: 3px;
    border: 1px solid #EDEDED;
    background: #FCFCFC;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    text-transform: none;
    outline: none;
}

.input-text .input.p {
    color: rgba(51, 51, 51, 0.9);
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.input-text .input.textarea {
    height: 120px;
    padding: 16px 20px;
    resize: none;
    margin-top: 12px;
}
.make_order_btn{
  width: 100%;
  padding: 14px 0;
  font-size: 15px;
}
.custom-table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.custom-table {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    border-collapse: collapse;
}
.custom-bg-light {
    background-color: #0B0B0B;
}
.custom-table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}
.custom-table thead td, .custom-table thead th {
    border-bottom-width: 2px;
    padding: .75rem;
    text-align: left;
      white-space:nowrap;
    color: white;
}
.custom-table tbody td, .custom-table tbody th{
  border: 1px solid #dee2e6;
 text-align: left;
     padding: .75rem;
}
.form-control{
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out

}
 .login__form  .reg-link{
    background-color: #F1C01F;
    padding: 15px;
    max-width: 150px;
    margin:50px auto 0 auto;
    border: 1px solid transparent;
    color: #0B0B0B;
}
.custom-table tbody td:first-child, .custom-table tbody th:first-child, .custom-table thead th:first-child {
  text-align: center;
}
.input-group-append{
  display: flex;
}
.refresh_btn{
padding: 10px;
background-color: #0B0B0B;
color: white;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;

}
.refresh_btn svg,.remove_btn svg{
  width: 15px;
  height: 15px;
}
.remove_btn{
  padding: 10px;
background-color: #b2000c;
color: white;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;

}
.input-group{
  display: flex;
}
 .checkout__container{
   display: flex;
   flex-direction: column;
   gap: 30px;
 }
 .main_shipping_content h2{
   font-size:1.5rem;
 }
 .main_shipping_content{
   display: flex;
   flex-direction: column;
   gap: 12px;
 }
 .main_shipping_content ul li{
   list-style-type:square ;
 }
 .main_shipping_content ul {
    list-style-position: initial;
    padding-left: 20px;
 }
 .main_shipping_content p{
   margin-left: 20px;
   line-height: 25px;
 }
 .brends-page .brends-page__container h1 {
    color: #333;
    font-size: 28px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: .56px;
    margin-bottom: 30px;
}
.brends-page .brends-page__container .brends-page__letters {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: 12px;
    margin-bottom: 40px;
}
.brends-page .brends-page__container .brends-page__letters button {
    width: 100%;
    max-width: 58px;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 58px;
    height: 85px;
    gap: 10px;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    text-transform: uppercase;
    background: #f9f9f9;
}
.brends-page .brends-page__container h4 {
    color: #333;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.brends-page .brends-page__container .brends-page__letters .brends-page__letters-grid {
   width: 100%;
    display: grid;
    grid-template-columns: repeat(27, 1fr);
    grid-gap: 16px 12px;
}
.brends-page .brends-page__container .brends-page__letters .brends-page__letters-grid button {
    width: auto;
    height: auto;
}
.brends-page .brends-page__container h4 {
    color: #333;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.brends-page .brends-page__container .brends-page__grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 30px;
    grid-gap: 20px 0;
}
.brends-page .brends-page__container .brends-page__grid a {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid hsla(0, 0%, 90%, .6);
    color: #30251e;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    color: #F1C01F;
}
.brend-single .brend-single__container h1 {
    color: #333;
    font-size: 28px;
    font-weight: 500;
    line-height: 131.25%;
    letter-spacing: .84px;
    text-transform: none;
    margin-bottom: 36px;
}
.brend-single .brend-single__container .brend-single__grid, .discount__grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px,300px));
    grid-gap: 20px;
    margin-bottom: 40px;
    justify-content: space-evenly;
}
.brend-single .brend-single__container .brend-single__grid .main__new__product_item a img{
  width: 100%;
}  
.brnadSingle_name{
  color: rgba(16, 14, 41, 0.7)!important;
  font-weight: 400;
}
.header__container .callback-btn {
    background: #F1C01F;
    width: 100%;
    max-width: 180px;
    height: 100%;
    color: #252525;
    font-size: 18px;
    font-weight: 500;
    padding: 5px 0;
    transition: background-color 1s, border-color 1s, color 1s;
    margin-left: auto;
    margin-right: 20px;
    box-sizing: border-box; 
    border: 1px solid transparent; 
}

.header__container .callback-btn:hover,.reg-link:hover {
    background-color: #252525;
    border: 1px solid #F1C01F; 
    color: white;
}


.callback-modal{
  display: none;
  width: 100%;
  height: 100vh;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  justify-content: center;
  align-items: center;
  z-index: 20;
  top: 0;
  left: 0;
}
.callback-modal  .modal__container{
      width: 100%;
    max-width: 670px;
    border-radius: 4px;
    background: #FFF;

}
.modal__container .checkbox span svg{
  opacity: 0;
}
.callback-modal .modal__container .modal__form .checkbox input:checked ~ span svg {
    opacity: 1;
}
.callback-modal h2{
      color: #1C2752;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 30px 16px;
    text-align: center;
}
.callback-modal .modal__form{
      width: 100%;
    padding: 30px 16px;
}
.callback-modal .modal__form .input-text {
    width: 100%;
    display: block;
    max-width: 600px;
    margin: 0 auto 20px;
}
.callback-modal .modal__form .input-text input, .callback-modal .modal__form .input-text textarea{
      width: 100%;
    height: 60px;
    border-radius: 2px;
    border: 1px solid rgba(23, 20, 59, 0.2);
    padding: 0px 18px;
    color: rgba(38, 38, 38, 0.5);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.7px;

}
.callback-modal  .modal__form .input-text{
      width: 100%;
    display: block;
    max-width: 600px;
    margin: 0 auto 20px;
}
.callback-modal  .modal__form .checkbox {
    width: 100%;
    max-width: 600px;
    margin: 0 auto 40px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}

.callback-modal  .modal__form .checkbox input{
      width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
}
.callback-modal  .modal__form .checkbox span {
    width: 26px;
    height: 26px;
    min-width: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    border: 1px solid #100E29;
}
.callback-modal  .modal__form .checkbox p {
    color: #262626;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.65px;
}
.callback-modal .modal__form .flex {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    max-width: 600px;
    margin: 0 auto;
}

.callback-modal .modal__form .flex .input-btn {
    width: 100%;
    display: block;
    max-width: 304px;
}
.callback-modal  .modal__container .modal__form .flex button {
    width: 100%;
    height: 40px;
    max-width: 278px;
    border-radius: 2px;
    border: 1px solid #1C2752;
    color: #1C2752;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

}
.callback-modal  .modal__container .modal__form .flex .input-btn input {
    border-radius: 2px;
    background: #F1C01F;
    width: 100%;
    height: 40px;
    color: #1C2752;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;

}
 .login__container .login__form , .registration__container .registration__form{
    width: 100%;
    max-width: 582px;
}
.login__container .login__form form {
    width: 100%;
}
.login__container .login__form form .input-text,.registration__form .input-text {
    width: 100%;
    margin-bottom: 20px;
}

.login__container .login__form form .input-text .input,.registration__form .input-text .input {
    width: 100%;
    height: 50px;
    padding: 0 20px;
    border-radius: 3px;
    border: 1px solid #EDEDED;
    background: #FCFCFC;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    text-transform: none;
    outline: none;
    margin-top: 12px;
}
.login__container .login__form form .flex {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 26px;
}
.login__container .login__form form .flex a {
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration-line: underline;
}
.login__container .login__form form .flex a {
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration-line: underline;
}
.login__container .login__form form .checkbox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    position: relative;
}
.login__container .login__form form .btn, .registration__form .btn{
  padding: 15px 0;
  width: 100%;
}
.login__container .login__form form .remember_me_section label{
    margin: 0;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    text-decoration-line: underline;
}
.login__container .main__login__content{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.login__container .login__form .login__passinfo .btn{
  width: 100%;
}
.login__container .login__form .login__passinfo, .reset-pass__passinfo, .forget-pass__passinfo {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 30px;
    gap: 16px;
}
.registration__content__container{
      width: 100%;
    max-width: 582px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: auto;
}
.registration__label {
    font-size: 13px;
    line-height: 18px;
    display: flex;
}
.registration_agreement_content {
    margin-bottom: 30px;
}
.reset-pass__right .toggle-password, .registration__form .toggle-password, .forget-pass__form .toggle-password {
    position: absolute;
    top: 50%;
    right: 10px;
}
#reset_pass_form .input-text, .registration__form .input-text{
  position: relative;
}
.succses-modal {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  background-color: rgba(72, 72, 72, 0.60);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.succses-modal   .succes-modal__container {
    width: 100%;
    max-width: 500px;
    padding: 20px;
    border-radius: 16px;
    background-color: #FFF;
    display:flex;
    flex-direction:column;
    gap:10px;
}
 .succses-modal   .succes-modal__container  p, .succses-modal   .succes-modal__container  a {
      color: #333;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      text-align: center;
    }

@media screen and (max-width:1100px) {
  header .header__bottom .header__bottom_top .header__search {
    max-width: 500px;
  }
    .basket_page .basket_page_cont .basket_page_flex .basket_page_left .basket_page_item img {
        width: 100%;
        max-width: 160px;
        height: 165px;
    }

}

@media screen and (min-width:1025px) {
  .mobile_menu_btn {
    display: none;
  }

  .header__navigation .header__contacts-phone {
    display: none;

  }
  
}

@media screen and (max-width:1024px) {
  .order-story .order-story__container .order-story__flex{
      flex-wrap: wrap;
    }
.basket__wrapper {
    max-width: 100%; 
    width: 900px; 
 overflow-y: hidden;
  overflow-x: auto; 
}
.basket__products{
 overflow-y: hidden;
  overflow-x: auto; 
    }
  .header__contacts-phone,
  .header__bottom .catalog-btn,
  .header__basket__price {
    display: none;
  }
 .catalog-fillters{
   display: none;
 }
 .page{
   margin-top: 50px;
 }

.filter__title{
  display: block;
}
 .main-filter-content{
   flex-direction: column;
 }

 .checkout .checkout__container .checkout__form {
   flex-direction:column ;
 }
  .header__bottom_bottom {
    position: absolute;
    left: 0;
    top: 130px;
    background-color: #100E29;
    width: 100%;
    z-index: 10;
    flex-direction: column;
    justify-content: unset;
    text-align: center;
    max-height: 0;
    transition: .5s linear;
    overflow: hidden;
  }
.filter__sort{
  margin-left: unset;
}
  .header__bottom_bottom .header__navigation ul {
    flex-direction: column;
    gap: 10px;
  }

  .header__bottom_bottom .header__navigation ul li a {
    color: white;
  }

  .header__navigation ul li .header__contacts-phone {
    display: block;
    margin-bottom: 10px;
  }

  .header__contacts-phone svg path {
    fill: white;
  }

  .header__bottom_bottom.active {
    display: block;
    max-height: 100%;
    padding: 30px 20px;

  }

  .slider_text_content_desc {
    margin-bottom: 20px;
  }

  .main__banner__slider .slider_text_content_title {
    font-size: 24px;
    line-height: 2rem;
  }


  .content-slider {
    margin: 0;
    padding: 20px 25px;
    margin: auto;
    border-radius: 5px;
    max-width: 100%;
    width: 100%;
    text-align: center;
  }
  .content-slider__text p {
      font-size: 35px;
      line-height: 50px;
  }
  .content-slider__text p span {
      display: block;
      font-size: 45px;
  }
  .content-slider__button {
      margin: 20px 0 0 0;
  }
  .main__banner__slider .swiper-slide__image {
      max-width: 100%;
      right: 0;
  }
  .main__banner__slider .swiper-slide {
      position: relative;
      justify-content: center;
  }
  .main__banner__slider .swiper-slide::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.7);
  }

  .slider_text_content_link,
  .main__section__view_all {
    font-size: 0.8rem;
  }

  .main__section__block-title {
    font-size: 1.3rem;
  }

  .main__section__title {
    align-items: baseline;
  }

  .main__nature-colors_content {
    flex-direction: column;
    padding: 12px 16px;
    gap: 20px;
  }
  

  .main__nature-colors_img {
    width: 100%;

  }
.main__blog__content{
    grid-template-columns:repeat(2, 50%);
}
  .main__blog__item {
    flex-direction: column;
  }
.main__blog__content .main__blog__item img{
    max-width:100%;
}
  .main__nature-colors_text h2 {
    font-size: 2rem;
    line-height: 3rem;
  }

  .main__nature-colors_text a {
    max-width: 220px;
  }

  .footer__links {
    width: 100%;
    flex-wrap: wrap;
    gap: 20px;
  }

  .footer__content,
  .footer__about {
    gap: 20px;
    justify-content: unset;
  }

  header .header__bottom .header__container .header__search {
    position: absolute;
    left: 0;
    top: 110px;
    padding: 20px;
    z-index: 10;
    box-shadow: 0 0 4px rgba(0, 0, 0, .1);
    background-color: #fff;
    max-width: unset;
    margin-bottom: 20px;
  }
  .catalog_item{
    text-align: center;
  }
 
  .catalog-filters.active{
    position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        z-index: 100;
        background-color: rgba(0, 0, 0, .6);
        display: flex;
         
  }
  .filter__properties .active .filter__title, .filter__properties .active .close_filter_box{
    display: block;

  }
  .catalog_filters_box{
    display: none;
  }
.catalog_filters_box.active{
     max-width: 400px;
        padding: 60px 20px 20px;
        overflow: auto;
        background-color: white;
        height: 100%;
        display: flex;
        flex-direction: column;
        gap: 25px;
        position: relative;
}
.close_filter_box{
  position: absolute;
  right: 20px;
  top: 20px;
}
.product__container .product__top{
  flex-wrap: wrap;
}
.product__container .product__top .product__img,.product__top .product__info{
        max-width: unset;
    }
.product-buttons{
  justify-content: unset;
  gap: 10px;
}
.basket_page .basket_page_cont .basket_page_flex{
  flex-direction: column;
  align-items: center;
}
.basket_page .basket_page_cont h1{
  text-align: center;
}
.favorite-goods-page_content {
    grid-template-columns: repeat(3, 1fr);
}
}
.order-story .order-story__container .order-story__flex .table_data {
    overflow-x: auto;
}
@media screen and (max-width:924px){
    .main__about__images img{
    width:100%;
}
}
@media screen and (max-width:768px) {
  .basket_page .basket_page_cont .basket_page_flex .basket_page_left .basket_page_item img{
        width: 100%;
        max-width: 160px;
        height: 165px;
    }
        .brends-page .brends-page__container .brends-page__letters {
        gap: 6px;
        margin-bottom: 20px;
    }
        .brends-page .brends-page__container .brends-page__letters button {
        max-width: 40px;
        min-width: 40px;
        width: 40px;
    }
        .brends-page .brends-page__container .brends-page__letters .brends-page__letters-grid {
        grid-gap: 6px;
        overflow: auto;
    }
    .brends-page .brends-page__container .brends-page__grid a {
        font-size: 14px;
    }
    .brends-page .brends-page__container .brends-page__grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .header__top__left{
      display: none;
    }
  .order-single .order-single__container .order-single__total p{
      font-size: 14px;
    }
      .order-single .order-single__container .order-single__total {
        gap:15px;
      }
      .order-single .order-single__container .order-single__characteristics p{
        font-size: 16px;
      }
      .order-single .order-single__container .order-single__characteristics p span{
        font-size: 14px;
      }
      .order-story .order-story__container .order-story__flex .order-story__right,.myroom .myroom__container .myroom__flex .myroom__right{
        overflow-y: hidden;
        overflow-x: scroll;
      }
      
     .filter__frame {
        flex-wrap: wrap;
        justify-content: space-between;
        }
        .view-filter {
        order: 2;
        }
        .check-filter {
        order: 1;
        margin: 0 0 10px 0;
        padding: 0 0 10px 0;
        }
        .sort-filter {
            order: 3;
        }
}
@media screen and (max-width:728px) {
  .myroom .myroom__container .myroom__flex .myroom__right form .myroom__grid{
    grid-template-columns: repeat(1, 1fr);
  }
  .center-div{
    width:100%!important;
}
  .myroom .myroom__container .myroom__flex .myroom__right{
    min-width: unset;
  }
  .favorite-goods-page_content {
    grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width:550px) {
.main__new__product_item .product_basket, .main__plaster-sconce__product_item .plaster-sconce__product_basket{
  padding: 8px;
  font-size: 12px;
}

.main__new__products._horizontal .main__new__product_item .product_basket {
    padding: 0;
    font-size: 18px;
    flex: 0 0 50px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main__new__products._horizontal .main__product_info {
    flex-direction: column;
    align-items: start;
}

.main__new__products._horizontal .main__new__product_item .product_favorite {
    margin: 0 0 10px 0;
}

.main__new__products._horizontal .main__new__product_item .main__product_prices {
    padding: 0 0 5px 0;
    margin: 0 0 10px 0;
}
}
@media screen and (max-width:500px) {
  .footer__content {
    flex-wrap: wrap;
  }
  .basket_page .basket_page_cont .basket_page_flex .basket_page_left .basket_page_item .text .item_flex {
        width: 100%;
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .basket_page .basket_page_cont .basket_page_flex .basket_page_left .basket_page_item .text {
        max-width: unset;
        padding: 0 20px 20px;
    }
.basket_page .basket_page_cont .basket_page_flex .basket_page_left .basket_page_item .text .item_flex .product_price p:first-child,.basket_page .basket_page_cont .basket_page_flex .basket_page_left .basket_page_item .text .item_flex .counter p{
  font-size: 13px;
}
}

@media screen and (max-width:470px) {
 .favorite-goods-page_content {
    grid-template-columns: 1fr;
}
.main__new__product_item .product_basket, .main__plaster-sconce__product_item .plaster-sconce__product_basket{
  font-size: 16px;
}
.main__plaster-sconce__product_item a img{
width: 100%;
} 
.content-slider__text p {
    font-size: 25px;
    line-height: 30px;
}
.content-slider__text p span {
        font-size: 30px;
        line-height: 35px;
}
.content-slider__buy p {
    font-size: 20px;
}
.content-slider {
    padding: 20px 10px;
}
}
.fancybox-button--zoom{
  display: none!important;
}
.fancybox-button--zoom-in,.fancybox-button--zoom-out{
  width: 40px;
  height: 40px;
}
.fancybox-button{
  background: none!important;
}
.user_address{
  display: flex;
  gap: 20px;
}
.user_address .input-text{
  width: 10%;
}

.myroom__right .user_address .input-text {
    width: 100%;
}
@media (max-width: 750px) {
    .myroom__right .user_address {
        flex-direction: column;
        gap: 20px!important;
    }
}


@media screen and (max-width:600px) {
   .main__blog__content{
    grid-template-columns:1fr;
  }
  .contact__content{
        flex-direction: column;
    align-items: center;

  }
.contact__info_container{
  max-width: unset;
  text-align: center;
}
.contact__info{
  max-width: unset;
  width: unset;
}
.contact__map, .contact__map iframe{
  height: 300px;
}
.favorite-goods-page_content{
  justify-content: center;
}
.filter_category_items{
  grid-template-columns: 1fr;
}
.user_address{
      gap: 20px;
}
.user_address .input-text{
  width: 100%;
      white-space: nowrap;
    display: flex;
    flex-direction: column;
}
}
@media screen and (max-width:390px){
   .user_address{
      gap: 10px;
} 
}
@media (max-width: 768px) {
  .page-link {
    padding: 6px 10px; /* Reduce padding for smaller screens */
    font-size: 14px;   /* Smaller text */
  }
}

@media (max-width: 480px) {
  .pagination {
    gap: 10px; /* Less gap between items */
  }

  .page-item {
    margin: 0 3px;
  }

  .page-link {
    padding: 5px 8px; /* Even smaller padding */
    font-size: 12px;  /* Smaller text size */
  }
}

.bottom-text h2 {
    font-weight: 600;
    font-size: 24px;
}
.bottom-text h3 {
    font-weight: 600;
    font-size: 20px;
}
.bottom-text p {
    font-weight: 400;
    font-size: 18px;
    margin: 0 0 15px 0;
}
.bottom-text * {
    margin: 0 0 10px 0;
}
.bottom-text *:last-child,
.bottom-text p:last-child {
    margin: 0;
}
}
}

/* Opt */
.main__opt-banner {
  margin: 0 0 45px 0;
}
.opt-banner__banner img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.main__opt-text {
  margin: 0 0 25px 0;
}
.opt-text__frame {
  padding: 15px 5px;
}
.opt-text__frame h1 {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 20px 0;
}
.opt-text__block {
  font-size: 20px;
  text-align: center;
  font-weight: 500;
  line-height: 1.4;
}
.opt-text__bold {
  font-weight: 600;
}
.main__opt-form {
  margin: 0 0 45px 0;
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
}
.form-opt {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.form-opt__title {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 25px 0;
}
.form-opt__block {
  width: 100%;
  display: flex;
}
@media (max-width: 766.98px) {
    .form-opt__block {
        flex-direction: column;
        row-gap: 20px;
    }
}
.form-opt__block:not(:last-child) {
  margin: 0 0 20px 0;
}
.form-opt__sub-block {
  display: flex;
  flex-direction: column;
  align-items: start;
  width: 100%;
}
.form-opt__sub-block label {
    padding: 0 0 10px 0;
}
.form-opt__sub-block:not(:last-child) {
  margin: 0 20px 0 0;
}
.form-opt__sub-block label {
  font-size: 16px;
  font-weight: 400;
  color: #000;
}
.form-opt__sub-block input {
  width: 100%;
  border: 1px solid #aaa;
  padding: 10px;
}
.form-opt__sub-block textarea {
  width: 100%;
  height: 100px;
  border: 1px solid #aaa;
  padding: 10px;
  resize: none;
}
.form-opt__button-frame {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    column-gap: 10px;
}
.form-opt__button-frame label {
    padding: 0!important;
}
.form-opt__submit-btn,
.form-opt__pin-btn {
    background-color: #F1C01F;
    color: #000;
    height: 40px;
    max-width: 180px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #000;
}
.form-opt__submit-btn:hover,
.form-opt__pin-btn:hover {
    background-color: #000;
    color: #F1C01F;
    border: 1px solid #F1C01F;
    transition: all 0.3s ease;
}
.form-opt__pin-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
}
.form-opt__pin-btn input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
}
.form-opt__button-frame {
    display: flex;
    align-items: center;
}
@media (max-width: 480px) {
    .form-opt__button-frame {
        flex-direction: column;
        row-gap: 10px;
    }
    .form-opt__submit-btn, .form-opt__pin-btn {
        max-width: 100%;
    }
}
.apply-button {
    background-color: #17a2b8;
    color: #fff;
    margin: 15px 0 0 0;
    border-radius: 3px;
    padding: 3px;
}
.range__frame {
    display: flex;
    flex-direction: column;
}


/* Floating Button Styles */
/* Floating Icons */
.floating-button {
  position: fixed;
  bottom: 15px;
  right: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 40;
}
.floating-button__social {
  display: flex;
  align-items: center;
  flex-direction: column;
  transform: translate(0, 100%);
  transition: opacity 0.25s ease, transform 0.4s ease;
  opacity: 0;
}
.floating-button__item {
  margin: 0;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  position: relative;
  z-index: 10;
}
.floating-button__desc{
  position: absolute;
  left: 0%;
  top: 50%;
  transform: translate(0, -50%);
  opacity: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  transition: opacity 0.2s ease, left 0.4s ease;
  z-index: -1;
  padding: 1px 5px;
  background-color: #000;
}
.floating-button__desc::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -18px;
    transform: translateY(-50%);
    display: block;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 11px solid transparent;
    border-left: 8px solid #000;
}
.floating-button__item:hover .floating-button__desc {
  opacity: 1;
  left: -170%;
  transition: opacity 0.3s ease, left 0.3s ease;
}
.floating-button__item:hover .floating-button__telegram-desc {
  left: -200%;
}
.floating-button__main {
  position: relative;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F4BC00;
  border-radius: 100%;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.floating-button__main span {
    position: relative;
  width: 80px;
  height: 80px;
  padding: 15px;
}
.floating-button__main span::after,
.floating-button__main span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 100%;
    height: 3px;
    background-color: #fff;
}
.floating-button__main span::after {
    transform: translate(-50%, -50%) rotate(90deg);
}
.floating-button__social a {
  margin: 0 0 5px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.floating-button__item a svg {
    width: 30px;
    height: 30px;
}
.floating-button__whatsapp svg {
    width: 60px!important;
  height: 60px!important;
}
.floating-button__phone {
  position: relative;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  display: block;
  background-color: #F4BC00;
  border-radius: 100%;
}
.floating-button__whatsapp {
  position: relative;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  display: block;
}
.floating-button__telegram {
  position: relative;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  display: block;
  background-color: #37aee2;
  border-radius: 100%;
}
.floating-button__phone img, .floating-button__whatsapp img, .floating-button__telegram img {
  width: 100%;
  height: 100%;
}
.floating-button__phone img {
  padding: 10px;
}
.floating-button__telegram img {
  padding: 5px;
}
.flo-active {
  transform: translate(0, 0);
  transition: opacity 0.5s ease, transform 0.3s ease;
  opacity: 1;
}
#floCon.vibrating {
  animation: vibrate 0.6s linear infinite;
}
@keyframes vibrate {
  0% {
    transform: translate(0);
  }
  20% {
    transform: rotate(10deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: translate(0);
  }
}

jdiv {
    display: none!important;
}



.zoom-image {
  width: 100%;
  display: block;
}

.zoom-lens {
  position: absolute;
  width: 200px;
  height: 200px;
  border: 2px solid #ddd;
  background-repeat: no-repeat;
  background-size: 200%;
  pointer-events: none;
  display: none;
}

/* Section h2 */
section > h2 {
    display: none;
}

/* Advantages */
/* Advantages */
.advantages__frame {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -40px;
}
.advantages__advantage {
  margin: 0 40px 0 40px;
  flex: 0 1 calc(25% - 80px);
}
@media (max-width: 990.98px) {
    .advantages__advantage {
          margin: 0 40px 40px 40px;
          flex: 0 1 calc(50% - 80px);
        }
}
@media (max-width: 479.98px) {
    .advantages__frame {
          display: flex;
          flex-wrap: wrap;
          margin: 0;
        }
    .advantages__advantage {
          margin: 0 0 35px 0;
          flex: 1 1 100%;
        }
}
.advantage {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.advantage__image {
  width: 70px;
  flex: 0 0 70px;
  height: 70px;
  margin: 0 0 20px 0;
}
.advantage__image svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}
.advantage figcaption {
  text-align: center;
}
.advantage figcaption h3 {
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: #0E0E0E;
  margin: 0 0 12px 0;
}
.advantage figcaption p {
  line-height: 120%;
  text-align: center;
  color: rgba(14, 14, 14, 0.8);
}
.cls-1, .cls-2 {
    fill: #F4C033!important;
}
@media (max-width: 766.98px) {
    .advantages {
        display: none;
    }
}
.main__reviews_text h2 {
        line-height: 2.1rem;
    font-size: 1.5rem;
    border-bottom: 4px solid #F1C01F;
    margin-bottom: 34px;
    font-weight: 300;
    padding-bottom: 12px;
}

.install_selection input[type="checkbox"]:not(.checkbox input) {
    display: block;
}
.install_selection input {
    margin: 0 10px 0 0;
}
.install_selection p {
    line-height: 1.2;
}
.main__new__product .main__new__product_item > a > img {
    object-fit: contain;
}
@media (max-width: 500px) {
    .main__new__product_item > a > img {
        height: 200px!important;
    }
    .main__new__product .main__new__product_item a {
        min-height: unset!important;
        overflow: visible;
    }
}
/*.main__best__offer .mySwiper .swiper-slide.main__best__offer_item {*/
/*    max-width: 100%!important;*/
/*}*/
.main__best__offer .mySwiper._container {
    padding: 0;
}
.main__reviews_swiper-frame {
    overflow: hidden;
    max-width: 850px;
    width: 100%;
}
.main__reviews_swiper-image-frame {
    border-radius: 4px;
    height: 100%;
}
.main__reviews_swiper-image-frame img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
}
.main__reviews_swiper-slide {
    height: 184px;
}
.main__reviews_body {
    display: flex;
    align-items: center;
}
.main__reviews_swiper-text {
    padding: 0 0 0 72px;
    max-width: 250px;
}
.main__reviews_swiper-text h3 {
    border-bottom: 6px solid #f4bc00;
    color: #303133;
    font-size: 35px;
    font-weight: 500;
    line-height: 1.2;
}
.main__reviews_swiper-image-frame {
    position: relative;
    cursor: pointer;
}
.main__reviews_swiper-image-frame::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.main__reviews_swiper-image-frame:hover::before {
    opacity: 1;
    transition: opacity 0.3s ease;
}
.main__reviews_swiper-image-frame span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 25px;
    height: 25px;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.main__reviews_swiper-image-frame span::before,
.main__reviews_swiper-image-frame span::after {
    content: '';
    position: absolute;
    display: block;
    background-color: #f4bc00;
    width: 100%;
    height: 3px;
}
.main__reviews_swiper-image-frame span::after {
    transform: rotate(90deg);
}
.main__reviews_swiper-image-frame:hover span {
    opacity: 1;
    transition: opacity 0.3s ease;
}

/* FullScreen Modal */
.fullscreen-modal {
  position: fixed;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  background: rgba(0, 0, 0, 0.95);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.fullscreen-modal.active {
  display: flex;
}
.fullscreen-modal img {
  max-width: 90vw;
  max-height: 80vh;
}
.close-modal {
  position: absolute;
  top: 20px;
  right: 30px;
  background: none;
  border: none;
  font-size: 2rem;
  color: white;
  cursor: pointer;
}