.container {
  max-width: 1190px;
  width: 100%;
  padding: 0 40px;
  margin: 0 auto;
}

body {
  background: var(--bg, #fafafa);
  overflow-x: hidden;
}.header__links {
  width: 290px;
}

h2 {
  color: var(--black, #111);
  font-family: Manrope;
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.close {
  display: none !important;
}
/* MAIN */ /* MAIN */ /* MAIN */ /* MAIN */ /* MAIN */ /* MAIN */ /* MAIN */ /* MAIN */ /* MAIN */ /* MAIN */ /* MAIN */ /* MAIN */
/* Header */ /* Header */ /* Header */
header {
  padding-top: 30px;
  margin-bottom: 20px;
}
.header .container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.header__top {
  position: relative;
  display: flex;
  gap: 30px;
  justify-content: space-between;
  align-items: center;
}
.header__top-left {
  max-width: 160px;
  width: 100%;
}
.header__logo {
  width: 100%;
}
.header__logo img {
  width: 100%;
  object-fit: contain;
}
.header__top-right {
  display: flex;
  flex-direction: column;
  gap: 25px;
  flex-grow: 1;
}
.header__top-right-top {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
}
.header__top-right-bottom {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
}
.header__infos {
  align-items: center;
  display: flex;
  gap: 20px;
}
.header__top-right-top a {
  color: var(--Grey, #5f5c5b);
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.header__info {
  text-decoration: none;
  display: inline-block;
  border-bottom: 1px solid #5f5c5b;
  padding-bottom: 1px;
}
.header__info-city {
  position: relative;
  margin-right: 23px;
  margin-left: 23px;
}
.header__info-city::before {
  content: "";
  position: absolute;
  top: 1px;
  left: -23px;
  width: 18px;
  height: 18px;
  background-image: url("../img/svg/geo.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.header__info-city::after {
  content: "";
  position: absolute;
  top: 1px;
  right: -23px;
  width: 18px;
  height: 18px;
  background-image: url("../img/svg/arrow-bottom.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.header__tel {
  position: relative;
}
.header__tel::before {
  content: "";
  position: absolute;
  top: 1px;
  left: -23px;
  width: 18px;
  height: 18px;
  background-image: url("../img/svg/tel.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.header__catalog {
  position: relative;
  display: inline-block;
  color: var(--bg, #fafafa);
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: 8px;
  background: var(--Orange, #e05511);
  padding: 10px 54px 10px 20px;
  transition: all 0.3s ease;
}
.header__catalog:hover{
  background: var(--Orange, #fafafa);
  color: var(--bg, #e05511);
  outline: 2px solid #e05511;
  transition: all 0.3s ease;
}
.header__catalog::after {
  content: "";
  position: absolute;
  top: 11px;
  right: 20px;
  width: 24px;
  height: 24px;
  background-image: url("../img/svg/catalog.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.header__catalog:hover::after {
  background-image: url('../img/svg/catalog-orange.svg');
}
.header__input-wrapper {
  position: relative;
  border-radius: 8px;
  border: 1px solid var(--Orange, #e05511);
  padding: 10px 54px 10px 20px;
  flex-grow: 1;
}
.header__input {
  background: none;
  width: 100%;
  padding: 0 0 0 0;
  color: var(--Orange, #e05511);
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.input__svg {
  position: absolute;
  top: 11px;
  right: 20px;
  width: 24px;
  height: 24px;
  object-fit: cover;
}
.header__buttons a{
  transition: all 0.3s ease;
}
.header__buttons a:hover{
  color: var(--bg, #fafafa);
  background: var(--Orange, #e05511);
}
.header__favorite:hover::before {
  background-image: url(../img/svg/favourite-white.svg);
}
.header__cart:hover::before {
  background-image: url(../img/svg/cart-white.svg);
}
.header__login:hover::before {
  background-image: url(../img/svg/login-white.svg);
}
.header__input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: var(--Orange, #e05511);
}
.header__input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: var(--Orange, #e05511);
}
.header__input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: var(--Orange, #e05511);
}
.header__input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--Orange, #e05511);
}
.header__input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--Orange, #e05511);
}
.header__input::placeholder {
  /* Most modern browsers support this now. */
  color: var(--Orange, #e05511);
}
.header__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header__bottom-left {
  max-width: 437px;
  width: 100%;
}
.header__links {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.header__link {
  color: var(--Grey, #5f5c5b);
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.header__bottom-right {
  max-width: 360px;
  width: 100%;
}
.header__links {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.header__button {
  position: relative;
  display: inline-block;
  border-radius: 8px;
  border: 1px solid var(--Orange, #e05511);
  padding: 10px 15px 10px 44px;
  color: var(--Orange, #e05511);
  font-family: Manrope;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  background: none;
}
.header__button::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 15px;
  width: 24px;
  height: 24px;
}
.header__login::before {
  background-image: url("../img/svg/login.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.header__cart::before {
  background-image: url("../img/svg/cart.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.header__favorite::before {
  background-image: url("../img/svg/favourite.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.header .select {
  position: relative;
}
.header .select__current {
  color: var(--Grey, #5f5c5b);
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.header .select.is-active .select__body {
  display: inline-block;
}
.header .select__header {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.header .select__body {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  border-radius: 8px;
  border: 1px solid var(--Grey, #5f5c5b);
  background: var(--bg, #fafafa);
  z-index: 50;
}
.burger__button {
 transition: all 0.3s ease;
}
.burger__button:hover {
  background: var(--Orange, #fafafa);
  outline: 2px solid var(--Orange, #e05511);
}
.burger__default {
}
.burger__hover {
  display: none;
}
.burger__button:hover .burger__default{
  display: none;
 }
 .burger__button:hover .burger__hover{
  display: inline;
 }
.header .select__item {
  padding: 5px 10px;
  color: var(--Grey, #5f5c5b);
  /* field text */
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  transition: all 0.3s ease;
}
.header .select__item:hover {
  background: var(--bg, #fafafa);
  color: var(--Orange, #e05511);
  cursor: pointer;
  border-radius: 8px;
}

.catalog {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  display: flex;
  align-items: flex-start;
  z-index: 101;
  border-radius: 8px;
  background: var(--grey-light, #f2f2f2);
  box-shadow: 0px 9px 24px 0px rgba(0, 0, 0, 0.15);
}
.catalog__left {
  max-width: 450px;
  width: 100%;
  padding: 15px 15px 25px 35px;
  border-right: 1px solid #dadada;
}
.catalog__categories {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 23px;
}
.catalog__category {
  position: relative;
  margin-left: 38px;
  color: var(--black, #111);
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  transition: all 0.2s ease;
  text-align: left;
}
.catalog__category:hover {
  color: var(--Orange, #e05611a2);
}
.active {
  color: var(--Orange, #e05511) !important;
}
.catalog__category::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -38px;
  width: 28px;
  height: 28px;
}
.catalog__category-1::before {
  background-image: url("../img/svg/catalog/1.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.catalog__category-2::before {
  background-image: url("../img/svg/catalog/2.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.catalog__category-3::before {
  background-image: url("../img/svg/catalog/3.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.catalog__category-4::before {
  background-image: url("../img/svg/catalog/4.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.catalog__category-5::before {
  background-image: url("../img/svg/catalog/5.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.catalog__category-6::before {
  background-image: url("../img/svg/catalog/6.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.catalog__category-7::before {
  background-image: url("../img/svg/catalog/7.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.catalog__category-8::before {
  background-image: url("../img/svg/catalog/8.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.catalog__category-9::before {
  background-image: url("../img/svg/catalog/9.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.catalog__category-10::before {
  background-image: url("../img/svg/catalog/10.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.catalog__category-11::before {
  background-image: url("../img/svg/catalog/11.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.catalog__category-12::before {
  background-image: url("../img/svg/catalog/12.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.catalog__category-13::before {
  background-image: url("../img/svg/catalog/13.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.catalog__category-14::before {
  background-image: url("../img/svg/catalog/14.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.catalog__right {
  padding: 25px 30px 25px 35px;
}
.catalog__items {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: flex-start;
}
.catalog__items-columns {
  display: flex;
  gap: 40px;
  flex-direction: row;
  align-items: flex-start;
}
.catalog__items-columns-left,
.catalog__items-columns-right {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: flex-start;
}
.catalog__right a {
  color: var(--black, #111);
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
  transition: all 0.1s ease;
}
.catalog__right a:hover {
  color: var(--Grey, #5f5c5b);
}
.header-tablet {
  display: none;
}
.header-mobile {
  display: none;
}
.header__row {
  position: relative;
}
@media (max-width: 900px) {
  .header-tablet {
    display: block;
  }
  .header-pc {
    display: none;
  }
  .header__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
  }
  .header__top-left {
    max-width: 86px;
    width: 100%;
  }
  .header__top-right-bottom {
    flex-grow: 1;
    gap: 5px;
  }
  .header__bottom {
    gap: 20px;
  }
  .header__buttons {
    flex-wrap: nowrap;
  }
  .header__link {
    font-size: 16px;
    font-weight: 600;
  }
  .header__bottom-right {
    max-width: 350px;
    width: 100%;
  }
  .header__button {
    padding: 10px 15px 10px 40px;
  }
  .header__bottom-left {
    max-width: 322px;
    width: 100%;
  }
}
.burger__button {
  border-radius: 8px;
  background: var(--Orange, #e05511);
  padding: 7px;
}
@media (max-width: 767px) {
  .header-mobile {
    display: block;
  }
  .header-tablet {
    display: none;
  }
  .header__logo {
    width: 86px;
  }
  .header__row {
    margin-bottom: 15px;
  }
  .header__buttons {
    display: flex;
    justify-content: space-between;
    gap: 2.5px;
  }
  .header__bottom-right {
    max-width: 1050px;
    width: 100%;
  }
  .header .container {
    display: flex;
    flex-direction: column;
    gap: 0px;
  }
}
@media (max-width: 600px) {
  .container {
    max-width: 1140px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
  }
  .header__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
  }
}
@media (max-width: 785px) {
  .header__button::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 5px;
    width: 24px;
    height: 24px;
  }
  .header__button {
    padding: 9px 15px 10px 30px;
  }
}
@media (max-width: 767px) {
  .header__button::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 15px;
    width: 24px;
    height: 24px;
  }
  .header__button {
    padding: 9px 15px 10px 40px;
  }
  .header__cart::before {
    top: 8px;
    left: 11px;
  }
}
.catalog__left {
  min-width: 290px;
  flex-shrink: 1;
}
.catalog__right {
  flex-shrink: 1;
}
@media (max-width: 920px) {
  .catalog__categories {
    width: 290px;
    flex-shrink: 0;
  }
  .catalog__left {
    width: 330px;
    flex-shrink: 0;
  }
  .catalog__items-columns {
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: flex-start;
  }
}
@media (max-width: 700px) {
  .catalog__left {
    max-width: 100%;
    border-right: none;
    width: 100%;
  }
  .header-mobile .catalog__category.active {
    width: 100%;
    margin-left: 72px;
    position: relative;
  }
  .header-mobile .catalog__category.active::after {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    left: -72px;
    background-image: url("../img/svg/arrow-left-black.svg");
    background-repeat: no-repeat;
    background-size: cover;
  }
  .catalog__right {
    padding-top: 0;
  }
  .catalog {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
    z-index: 101;
    border-radius: 8px;
    background: var(--grey-light, #f2f2f2);
    box-shadow: 0px 9px 24px 0px rgba(0, 0, 0, 0.15);
  }
  .catalog__left {
    padding-bottom: 0;
  }
}
@media (max-width: 470px) {
  .catalog__left {
    padding: 20px 10px 0px 10px;
  }
  .catalog__right {
    padding: 0px 10px 25px 10px;
  }
}
/* Burger */ /* Burger */ /* Burger */
.burger.open {
  transform: translateY(0px);
}
.burger {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2000;
  background: var(--grey-light, #f2f2f2);
  padding: 25px 10px;
  transform: translateY(-1000px);
  transition: all 0.5s ease;
}
.burger__close {
  position: absolute;
  top: 25px;
  right: 10px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.burger__content {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.burger__top {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  width: 100%;
}
.burger__top a,
.burger__bottom a,
.burger .header__info {
  color: var(--Grey, #5f5c5b);
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.burger__bottom {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  width: 100%;
}
.burger .header__tel {
  margin-left: 22px;
  margin-bottom: 7px;
}
.burger__logo {
  align-self: center;
}
/* Burger */ /* Burger */ /* Burger */
/* Header */ /* Header */ /* Header */

/* Intro */ /* Intro */ /* Intro */
.intro {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 10px;
  margin-bottom: 30px;
}
.intro__slider {
  max-width: 730px;
  width: 100%;
  overflow: hidden;
}
.intro__promo {
  border-radius: 8px;
  border: 1px solid var(--Grey, #5f5c5b);
  max-width: 350px;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.intro__top {
  padding: 15px;
}
.promo__title {
  color: var(--black, #111);
  font-family: Manrope;
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.promo__subtitle {
  color: var(--black, #111);
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.promo__bottom {
  width: 100%;
}
.promo__bottom img {
  width: 100%;
  object-fit: contain;
}
.scroll {
  position: relative;
  max-width: 730px;
  border-radius: 8px;
  width: 100%;
  overflow: hidden;
}
.scroll__items {
  width: 100%;
  display: flex;
  flex-shrink: 0;
  transition: all 0.5s ease;
}
.scroll-left {
  width: 44px;
  height: 44px;
  position: absolute;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 8px;
  border: 1px solid var(--bg, #fafafa);
  background-image: url("../img/svg/arrow-left.svg");
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 100;
}
.scroll-right {
  width: 44px;
  height: 44px;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 8px;
  border: 1px solid var(--bg, #fafafa);
  background-image: url("../img/svg/arrow-right.svg");
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 100;
}
.scroll__item {
  border-radius: 8px;
  background-image: url("../img/intro/slider/img-1.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 420px;
  position: relative;
  width: 100%;
  flex-shrink: 0;
  margin-right: 40px;
  padding: 25px;
  z-index: 1;
}
.scroll__item::before {
  content: "";
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    2deg,
    #5f5c5b 7.52%,
    rgba(255, 255, 255, 0) 100.5%
  );
  bottom: 0;
  left: 0;
}
.scroll__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
  bottom: 25px;
  left: 25px;
  z-index: 3;
}
.scroll__title {
  color: var(--bg, #fafafa);
  font-family: Manrope;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.scroll__subtitle {
  color: var(--bg, #fafafa);
  font-family: Manrope;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 10px;
}
.scroll__link {
  color: var(--bg, #fafafa);
  font-family: Manrope;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: 8px;
  background: var(--Orange, #e05511);
  padding: 10px 25px;
  transition: all 0.3s ease;
}
.scroll__link:hover {
  color: var(--bg, #e05511);
  background: var(--Orange, #fafafa);
}
.scroll__dots {
  position: absolute;
  bottom: 25px;
  right: 25px;
  display: flex;
  gap: 6px;
  z-index: 100;
}
.scroll__dot {
  width: 15px;
  height: 15px;
  cursor: pointer;
  border-radius: 15px;
  border: 1px solid var(--bg, #fafafa);
}
.dote__active {
  background: var(--bg, #fafafa);
}
.shop-swiper-socials a img{
transition: all 0.3s ease;
}
.shop-swiper-socials a:hover img{
transform: scale(1.1);
}
@media (max-width: 850px) {
  .intro__promo {
    max-width: 210px;
  }
  .intro__top {
    padding: 10px;
  }
  .scroll__item {
    height: 308px;
  }
  .intro .scroll {
    height: 308px;
  }
  .scroll-left,
  .scroll-right {
    display: none;
  }
  .promo__bottom {
    width: 168px;
  }
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 12px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
@media (max-width: 670px) {
  .intro {
    display: flex;
    align-items: center;
    gap: 30px;
    flex-direction: column;
  }
  .intro__promo {
    max-width: 292px;
  }
  .promo__bottom {
    width: 292px;
  }
  .scroll__item {
    padding: 13px 13px 70px 13px;
  }
  .scroll__content {
    bottom: 65px;
    left: 13px;
  }
  .scroll__dots {
    bottom: 21px;
    right: 50%;
    transform: translate(50%);
  }
}
.scroll-right {
  transition: all 0.3s ease;
}
.scroll-right:hover {
  background: #fafafa;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/svg/arrow-right-hover.svg);
}
.scroll-left {
  transition: all 0.3s ease;
}
.scroll-left:hover {
  background: #fafafa;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/svg/arrow-left-hover.svg);
}
.product__card__button {
  transition: all 0.3s ease;
}
.product__card__button:hover {
  color: var(--bg, #e05511);
  background: var(--Orange, #fafafa);
  outline: 2px solid #e05511;
}
.shop-button-prev, .shop-button-next{
  transition: all 0.3s ease;
}
.shop-button-prev:hover{
  background:#e05511;
}
.shop-button-next:hover{
  background:#e05511;
}
.shop-button-hover {
  display: none;
}
.shop-button-next:hover .shop-button-default {
  display: none;
}
.shop-button-next:hover .shop-button-hover {
  display: inline;
}
.shop-button-prev:hover .shop-button-default {
  display: none;
}
.shop-button-prev:hover .shop-button-hover {
  display: inline;
}






.hit-button-prev, .hit-button-next{
  transition: all 0.3s ease;
}
.hit-button-prev:hover{
  background:#e05511;
}
.hit-button-next:hover{
  background:#e05511;
}
.hit-button-hover {
  display: none;
}
.hit-button-next:hover .hit-button-default {
  display: none;
}
.hit-button-next:hover .hit-button-hover {
  display: inline;
}
.hit-button-prev:hover .hit-button-default {
  display: none;
}
.hit-button-prev:hover .hit-button-hover {
  display: inline;
}











.novelty-button-prev, .novelty-button-next{
  transition: all 0.3s ease;
}
.novelty-button-prev:hover{
  background:#e05511;
}
.novelty-button-next:hover{
  background:#e05511;
}
.novelty-button-hover {
  display: none;
}
.novelty-button-next:hover .novelty-button-default {
  display: none;
}
.novelty-button-next:hover .novelty-button-hover {
  display: inline;
}
.novelty-button-prev:hover .novelty-button-default {
  display: none;
}
.novelty-button-prev:hover .novelty-button-hover {
  display: inline;
}
/* Intro */ /* Intro */ /* Intro */

/* Division */ /* Division */ /* Division */
.division {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  gap: 10px;
  margin-bottom: 50px;
}
.division__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 8px;
  background: var(--grey-light, #f2f2f2);
  max-width: 255px;
  width: 100%;
  overflow: hidden;
}
.division__text {
  padding: 20px 0 0 20px;
  color: var(--Grey, #5f5c5b);
  font-family: Manrope;
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  max-width: 195px;
  width: 100%;
}
.division__item img {
  height: 130px;
  object-fit: contain;
  align-self: flex-end;
}
@media (max-width: 900px) {
  .division {
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 30px;
    justify-content: center;
  }
  .division__item {
    max-width: 333px;
  }
}
@media (max-width: 767px) {
  .division__item {
    max-width: 300px;
  }
}
@media (max-width: 702px) {
  .division__item {
    max-width: 280px;
  }
}
@media (max-width: 660px) {
  .division__item {
    max-width: 250px;
  }
  h2 {
    margin-bottom: 20px;
  }
  .swiper__settings {
    margin-bottom: 20px;
  }
  .hit .swiper__settings,
  .novelty .swiper__settings {
    justify-content: center;
  }
  .shop-swiper {
    margin-bottom: 20px;
  }
  .shops .swiper__settings {
    display: none;
  }
}
@media (max-width: 550px) {
  .division__item {
    max-width: 290px;
  }
  .division {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 660px) {
  .shops .select-city {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 450px;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start !important;
  }
}
/* Division */ /* Division */ /* Division */

/* Shops */ /* Shops */ /* Shops */
.shops {
  margin-bottom: 50px;
}
.shops .select {
  max-width: 250px;
  width: 100%;
  position: relative;
}
.shops .select.is-active .select__body {
  display: block;
}
.shops .select__header {
  position: relative;
  display: inline-block;
  max-width: 250px;
  width: 100%;
  border-radius: 8px;
  background: var(--Orange, #e05511);
  cursor: pointer;
  padding: 10px 60px 10px 25px;
}
.shops .select__header::after {
  content: "";
  position: absolute;
  top: 11px;
  right: 25px;
  width: 24px;
  height: 24px;
  background-image: url("../img/svg/arrow-white-bottom.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.shops .select__current {
  color: var(--bg, #fafafa);
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.shops .select__body {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  top: 100%;
  border-radius: 8px;
  padding: 0;
  background: var(--Orange, #e05511);
  overflow-y: hidden;
  z-index: 50;
}
.shops .select__item {
  padding: 10px 20px;
  color: var(--bg, #fafafa);
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  transition: all 0.3s ease;
}
.shops .select__item:hover {
  background: var(--bg, #fafafa);
  color: var(--Orange, #e05511);
  cursor: pointer;
}
.shops .select-city {
  display: flex;
  max-width: 450px;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.shops .select-city label {
  color: var(--black, #111);
  font-family: Manrope;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.shops .swiper-button-lock {
  display: inline-block !important;
}
.shop-swiper {
  width: 100%;
}
.swiper__settings {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.swiper__buttons {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.shop-button {
  padding: 10px;
  border-radius: 8px;
  border: 1px solid var(--Orange, #e05511);
  cursor: pointer;
}
.shops .swiper-slide {
  border-radius: 8px;
  background: var(--grey-light, #f2f2f2);
  padding: 21px 30px;
}
.shops .shop-swiper-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.shops .shop-swiper-title img {
  width: 30px;
  height: 30px;
}
.shops .shop-swiper-h3 {
  color: var(--black, #111);
  font-family: Manrope;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.shops .shop-swiper-h4 {
  margin-bottom: 10px;
  color: var(--black, #111);
  font-family: Manrope;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.shops .shop-swiper-p {
  color: var(--black, #111);
  font-family: Manrope;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.shops .shop-swiper-block {
  margin-bottom: 12px;
}
.shops-mobile {
  display: none;
}
.swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  border: 1px solid var(--Orange, #e05511);
  background: none;
}

.swiper-pagination-bullet-active {
  border-radius: 15px;
  border: 1px solid var(--Orange, #e05511);
  background: var(--Orange, #e05511);
}
.swiper__buttons-mobile {
  display: none;
}
.shop-button {
  position: relative;
  z-index: 20;
}
.swiper-pagination {
  position: static;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0px, 15px, 0);
}
@media (max-width: 660px) {
  .swiper__buttons-pc .swiper__buttons {
    display: none;
  }
  .swiper__buttons-mobile {
    display: flex;
  }
}
/* Shops */ /* Shops */ /* Shops */

/* HIT */ /* HIT */ /* HIT */
.hit {
  padding: 20px 0 20px 0;
  background: var(--grey-light, #f2f2f2);
  margin-bottom: 50px;
}
.hit .swiper__settings {
  margin-bottom: 20px;
}
.product__card {
  display: flex;
  flex-direction: column;
  max-width: 255px;
  width: 100%;
  border-radius: 7px;
  background: var(--bg, #fafafa);
  padding: 15px;
  overflow: hidden;
}
.product__card svg {
  align-self: flex-end;
}
.product__card img {
  width: 100%;
  height: 182px;
  object-fit: contain;
  margin-bottom: 34px;
}
.product__card__title {
  color: var(--black, #111);
  font-family: Manrope;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 15px;
  min-height: 115px;
}
.product__card__article {
  color: var(--Grey, #5f5c5b);
  font-family: Manrope;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: 5px;
  border: 1px solid var(--Grey, #5f5c5b);
  padding: 4px;
  margin-bottom: 10px;
  align-self: flex-start;
}
.product__card__remains {
  color: var(--Grey, #5f5c5b);
  font-family: Manrope;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: 5px;
  background: var(--grey-light, #f2f2f2);
  padding: 4px;
  margin-bottom: 12px;
  align-self: flex-start;
}
.product__card__cost {
  color: var(--black, #111);
  font-family: Manrope;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 12px;
}
.product__card__discount-title {
  color: var(--Orange, #e05511);
  font-family: Manrope;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 5px;
}
.product__card__discount {
  color: var(--Orange, #e05511);
  font-family: Manrope;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 12px;
}
.product__card__button {
  color: var(--bg, #fafafa);
  font-family: Manrope;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: 8px;
  background: var(--Orange, #e05511);
  padding: 10px 25px;
}
@media (max-width: 1000px) {
  .product__card {
    max-width: 329px;
    width: 100%;
  }
}
@media (max-width: 500px) {
  .product__card {
    max-width: 500px;
    width: 100%;
  }
}
@media (max-width: 660px) {
  .hit-swiper {
    margin-bottom: 20px;
  }
  .hit {
    padding: 20px 0 20px 0;
    background: var(--grey-light, #f2f2f2);
    margin-bottom: 30px;
  }
}

/* HIT */ /* HIT */ /* HIT */

/* Registration */ /* Registration */ /* Registration */
.registration {
  width: 100%;
  margin-bottom: 50px;
  border-radius: 16px;
  box-shadow: 0px 9px 24px 0px rgba(0, 0, 0, 0.15);
  background: linear-gradient(90deg, #e05511 12.03%, #c14305 87.03%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0px;
  padding-left: 50px;
  overflow: hidden;
  margin-bottom: 80px;
}
.registration__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  max-width: 520px;
  width: 100%;
}
.registration__right {
  max-width: 500px;
  width: 100%;
}
.registration__right img {
  width: 100%;
  object-fit: contain;
  transform: rotate(25deg) translate(75px, 20px);
}
.registration__left-title {
  color: var(--bg, #fafafa);
  font-family: Manrope;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.registration__left-input {
  color: var(--bg, #fafafa);
  /* smoll btn */
  font-family: Manrope;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: 8px;
  background: var(--Grey, #5f5c5b);
  padding: 10px 25px;
  transition: all 0.3s ease;
}
.registration__left-input:hover {
  color: var(--bg, #5f5c5b);
outline: 2px solid #fafafa;
  background: var(--Grey, #fafafa);
}
@media (max-width: 1040px) {
  .registration__left-title {
    font-size: 30px;
  }
}
@media (max-width: 800px) {
  .registration__right img {
    width: 110%;
    object-fit: contain;
    transform: rotate(25deg) translate(35px, 25px);
  }
  .registration__left {
    padding: 30px 0 30px 0;
  }
}
@media (max-width: 700px) {
  .registration__left {
    padding: 0px 25px 25px 25px;
  }
  .registration {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 0px;
    padding-left: 0px;
    overflow: hidden;
    margin-bottom: 50px;
  }
  .registration__right img {
    width: 100%;
    object-fit: contain;
    transform: rotate(25deg) translate(35px, 25px);
  }
  .registration__right {
    max-width: 380px;
    width: 100%;
    margin-bottom: 60px;
  }
  .registration__left {
    justify-content: center;
    align-items: center;
  }
  .registration__left-input {
    width: 100%;
    display: block;
    color: var(--bg, #fafafa);
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 8px;
    background: var(--Grey, #5f5c5b);
    padding: 10px 25px;
    text-align: center;
  }
}
/* Registration */ /* Registration */ /* Registration */

/* Novelty */ /* Novelty */ /* Novelty */
.novelty {
  margin-bottom: 50px;
}
.product__img {
  position: relative;
}
.product__new {
  position: absolute;
  bottom: 12px;
  left: 0;
  color: var(--bg, #fafafa);
  font-family: Manrope;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: 8px;
  background: var(--green, #3fd20d);
  padding: 4px 7px;
}
/* Novelty */ /* Novelty */ /* Novelty */

/* Footer */ /* Footer */ /* Footer */
.footer {
  background: var(--grey-light, #f2f2f2);
}
.footer .container {
  padding: 102px 77px 8px 77px;
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.footer__top,
.footer__bottom {
  display: flex;
  justify-content: space-between;
}
.footer__top {
  align-items: flex-start;
}
.footer__bottom {
  align-items: center;
}
.footer__top .footer__row {
  max-width: 257px;
  width: 100%;
}
.footer__subtitle {
  color: var(--Grey, #5f5c5b);
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.footer__row-cards {
  display: flex;
  align-items: center;
  gap: 22px;
}
.footer__row-items {
  display: flex;
  align-items: center;
  gap: 8px;
}
.footer__logo {
  align-self: center;
}
.footer__logo img {
  width: 100%;
  object-fit: contain;
}
.footer__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.footer__h3 {
  color: var(--black, #111);
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 20px;
}
.footer__links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
.footer__link {
  color: var(--black, #111);
  font-family: Manrope;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.footer__list-first .footer__links {
  margin-bottom: 54px;
}
p.footer__link {
  margin-bottom: 20px;
}
.footer__socials {
  display: flex;
  gap: 20px;
}
.footer-tablet {
  display: none;
}
@media (max-width: 1030px) {
  .footer-tablet {
    display: block;
  }
  .footer-pc {
    display: none;
  }
  .footer__logo {
    align-self: flex-start;
  }
  .footer__bottom {
    align-items: flex-start;
    flex-direction: column-reverse;
  }
  .footer .container {
    padding: 65px 77px 8px 77px;
    display: flex;
    flex-direction: column;
    gap: 60px;
  }
}
@media (max-width: 700px) {
  .footer__logo {
    width: 186px;
    align-self: center;
  }
  .footer .container {
    padding: 34px 10px 34px 10px;
    display: flex;
    flex-direction: column;
    gap: 60px;
  }
  .footer__bottom {
    align-items: center;
  }
  .footer__top {
    gap: 20px;
    flex-wrap: wrap;
  }
}
@media (max-width: 574px) {
  .footer__row-cards {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
  .footer__row-cards {
    margin-bottom: 64px;
  }
}
.footer__socials a{
  transition: all 0.3s ease;
}
.footer__socials a:hover{
  transform: scale(1.1);
}
/* Footer */ /* Footer */ /* Footer */
/* MAIN */ /* MAIN */ /* MAIN */ /* MAIN */ /* MAIN */ /* MAIN */ /* MAIN */ /* MAIN */ /* MAIN */ /* MAIN */ /* MAIN */ /* MAIN */

/* CATALOGS */ /* CATALOGS */ /* CATALOGS */ /* CATALOGS */ /* CATALOGS */ /* CATALOGS */ /* CATALOGS */ /* CATALOGS */ /* CATALOGS */
/* Breadcrumbs */ /* Breadcrumbs */ /* Breadcrumbs */
.breadcrumbs {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.breadcrumbs a,
.breadcrumbs span {
  color: var(--Grey, #5f5c5b);
  font-family: Manrope;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
/* Breadcrumbs */ /* Breadcrumbs */ /* Breadcrumbs */

/* Categories */ /* Categories */ /* Categories */
.categories {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 74px;
}
.categories__item {
  border-radius: 8px;
  background: var(--grey-light, #f2f2f2);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  min-height: 166px;
  max-width: 350px;
  width: 100%;
  transition: all 0.3s ease;
}
.categories__item:hover {
  outline: 3px solid #e05511;
}
.categories__item-top {
  width: 48px;
  height: 48px;
}
.categories__item-bottom {
  color: var(--black, #111);
  font-family: Manrope;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media (max-width: 1170px) {
  .categories__item {
    max-width: 400px;
  }
}
@media (max-width: 1025px) {
  .categories__item {
    max-width: 320px;
  }
}
@media (max-width: 760px) {
  .categories__item {
    max-width: 280px;
  }
}
@media (max-width: 550px) {
  .categories__item {
    padding: 10px;
  }
  .categories {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
}
@media (max-width: 600px) {
  .categories__item {
    max-width: 500px;
  }
}
/* Categories */ /* Categories */ /* Categories */
/* CATALOGS */ /* CATALOGS */ /* CATALOGS */ /* CATALOGS */ /* CATALOGS */ /* CATALOGS */ /* CATALOGS */ /* CATALOGS */ /* CATALOGS */

/* CATALOG */ /* CATALOG */ /* CATALOG */ /* CATALOG */ /* CATALOG */ /* CATALOG */ /* CATALOG */ /* CATALOG */ /* CATALOG */ /* CATALOG */
/* Catalog */ /* Catalog */ /* Catalog */
.catalog-items {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: flex-start;
  margin-bottom: 40px;
}
.catalog__filter {
  margin-top: 11px;
  width: 260px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  flex-shrink: 0;
}
.catalog-items__right {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.catalog__sort {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
}
.catalog__names {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: flex-start;
}
.catalog__names h4 {
  color: var(--Grey, #5f5c5b);
  font-family: Manrope;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.catalog__name {
  color: var(--black, #111);
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  background: none;
  text-align: left;
}
.catalog__sort-right {
  display: flex;
  gap: 10px;
  align-items: center;
}
.catalog__sort-left {
  display: flex;
  gap: 5px;
  align-items: center;
}
.catalog__sort-right p {
  color: var(--Grey, #5f5c5b);
  /* btn */
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.catalog__sort-button {
  border-radius: 5px;
  padding: 5px 10px;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 5px;
  background: var(--grey-light, #f2f2f2);
}
.catalog__sort-button.choosed {
  border: 1px solid var(--Orange, #e05511);
  color: var(--Orange, #e05511);
}

.catalog__sort-left .select {
  position: relative;
}
.catalog__sort-left .select__current {
  color: var(--Orange, #e05511);
  /* btn */
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
  border-bottom: none;
  padding-bottom: 0;
  margin-left: 0px;
}
.catalog__sort-left .select__current::after {
  content: "";
  position: absolute;
  top: 0px;
  right: -25px;
  width: 24px;
  height: 24px;
  background-image: url(../img/svg/arrow-bottom-orang.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
.catalog__sort-left .select__current::before {
  content: "";
  display: none;
}
.catalog__sort-left .select.is-active .select__body {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: flex-start;
}
.catalog__sort-left .select__header {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.catalog__sort-left .select__body {
  width: 256px;
  padding: 15px;
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% + 9px);
  border-radius: 8px;
  background: var(--bg, #fafafa);
  box-shadow: 0px 9px 24px 0px rgba(0, 0, 0, 0.15);
  z-index: 50;
}
.catalog__sort-left .select__item {
  color: var(--Grey, #5f5c5b);
  /* btn */
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  transition: all 0.3s ease;
}
.catalog__sort-left .select__item:hover {
  background: var(--bg, #fafafa);
  color: var(--Orange, #e05511);
  cursor: pointer;
  border-radius: 8px;
}
.catalog__sort-left-p {
  color: var(--Grey, #5f5c5b);
  /* btn */
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.catalog__cards {
  margin-bottom: 30px;
}
.catalog__card {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
}

.catalog__pagination {
  max-width: 335px;
  width: 100%;
  display: flex;
  gap: 10px;
}
.catalog-pagination__arrow {
  border-radius: 5px;
  background: var(--Orange, #e05511);
  padding: 5px 10px;
}
.catalog-pagination__arrow svg {
  margin-top: 2px;
}
.catalog-pagination__button {
  color: var(--Grey, #5f5c5b);
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 5px;
  background: var(--grey-light, #f2f2f2);
  padding: 5px 10px;
}
.catalog-pagination__button-current {
  color: var(--Orange, #e05511);
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 5px;
  border: 1px solid var(--Orange, #e05511);
  padding: 5px 10px;
}
.catalog__colors {
}
.catalog__cost {
}
.catalog__availability {
}
.catalog__apply {
  border-radius: 8px;
  background: var(--Orange, #e05511);
  padding: 10px 25px;
  width: 100%;
  color: var(--bg, #fafafa);
  /* smoll btn */
  font-family: Manrope;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.catalog__reset {
  border-radius: 8px;
  background: var(--Grey, #5f5c5b);
  padding: 10px 25px;
  width: 100%;
  color: var(--bg, #fafafa);
  /* smoll btn */
  font-family: Manrope;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.catalog-items h3 {
  color: var(--Grey, #5f5c5b);
  font-family: Manrope;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.catalog__colors,
.catalog__cost,
.catalog__availability {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.cost__checkbox-label {
  color: var(--black, #111);
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.custom__checkbox {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid var(--Grey, #5f5c5b);
  background: none;
  vertical-align: sub;
  margin-right: 5px;
}
.custom__checkbox::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../img/svg/accept.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.2s ease;
}
.real__checkbox:checked + .custom__checkbox::before {
  transform: translate(-50%, -50%) scale(1);
}
.real__checkbox:checked + .custom__checkbox {
  border: none;
}
.real__checkbox {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
  z-index: -10;
}
.catalog__filter-tablet {
  display: none;
}
@media (max-width: 1000px) {
  .catalog__filter-tablet {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 10px;
  }
  .catalog__filter-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .catalog__filter {
    display: none;
  }
  .catalog-items {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;
    margin-bottom: 40px;
  }
}

::selection {
  color: #fff;
  background: #17a2b8;
}
.wrapper {
  width: 400px;
  background: #fff;
  border-radius: 10px;
  padding: 20px 25px 40px;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1);
}
header h2 {
  font-size: 21px;
  font-weight: 600;
}
header p {
  margin-top: 5px;
  font-size: 16px;
}
.price-input {
  width: 100%;
  justify-content: space-between;
  margin: 0;
  display: flex;
  gap: 15px;
}
.price-input .field {
  display: flex;
  width: 100%;
  height: 45px;
  align-items: center;
}
.field input {
  width: 100%;
  color: var(--Grey, #5f5c5b);
  /* smoll btn */
  font-family: Manrope;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: 8px;
  border: 1px solid var(--Grey, #5f5c5b);
  text-align: left;
  padding: 10px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.price-input .separator {
  width: 130px;
  display: flex;
  font-size: 19px;
  align-items: center;
  justify-content: center;
}
.slider {
  height: 5px;
  position: relative;
  background: #5f5c5b;
  border-radius: 5px;
}
.slider .progress {
  height: 100%;
  left: 25%;
  right: 25%;
  position: absolute;
  border-radius: 5px;
  background: #e05511;
}
.range-input {
  position: relative;
}
.range-input input {
  position: absolute;
  width: 100%;
  height: 5px;
  top: -20px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type="range"]::-webkit-slider-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50px;
  background: var(--Grey, #5f5c5b);
  border: 6px solid #e05511;
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
input[type="range"]::-moz-range-thumb {
  height: 17px;
  width: 17px;
  border: none;
  border-radius: 50%;
  background: #17a2b8;
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
.toggle__center {
  display: flex;
  gap: 15px;
  align-items: flex-end;
}
.toggle__center label {
  color: var(--black, #111);
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.toggle__input {
  position: relative;
  width: 37px;
  height: 20px;
  appearance: none;
  -webkit-appearance: none;
  border-radius: 40px;
  border: 1px solid var(--Grey, #5f5c5b);
  transition: all 0.5s ease;
}
.toggle__input:checked {
  border-radius: 40px;
  border: 1px solid var(--Orange, #e05511);
  background: var(--Orange, #e05511);
}
.toggle__input::before {
  content: "";
  position: absolute;
  border-radius: 40px;
  background: var(--Grey, #5f5c5b);
  width: 12px;
  height: 12px;
  top: 3px;
  left: 4px;
}
.toggle__input:checked::before {
  content: "";
  position: absolute;
  border-radius: 40px;
  background: var(--bg, #fafafa);
  width: 12px;
  height: 12px;
  top: 3px;
  left: 19px;
}

.catalog__filter-tablet .select {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 15px;
  max-width: 33%;
  width: 100%;
}
.catalog__filter-tablet .select__current {
  display: inline-block;
  color: var(--Grey, #5f5c5b);
  /* field text */
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 10px;
  width: 100%;
}
.catalog__filter-tablet .header__info-city::after {
  display: none;
}
.catalog__filter-tablet .header__info-city::before {
  display: none;
}
.catalog__filter-tablet .select.is-active .select__body {
  width: 100%;
  display: inline-block;
  border-radius: 8px;
  border: 1px solid var(--Grey, #5f5c5b);
}
.catalog__filter-tablet .header__info-city {
  margin-right: 0px;
  margin-left: 0px;
}
.catalog__filter-tablet .header__info {
  border-radius: 8px;
  border: 1px solid var(--Grey, #5f5c5b);
}
.catalog__filter-tablet .select__header {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.catalog__filter-tablet .select__header::before {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  background-image: url("../img/svg/arrow-bottom.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.catalog__filter-tablet .select__body {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  border-radius: 8px;
  border: 1px solid var(--Grey, #5f5c5b);
  background: var(--bg, #fafafa);
  z-index: 50;
}
.catalog__filter-tablet .select__item {
  padding: 10px 20px;
  color: var(--Grey, #5f5c5b);
  /* field text */
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.catalog__filter-tablet .select__item:hover {
  background: var(--bg, #fafafa);
  color: var(--Orange, #e05511);
  cursor: pointer;
  border-radius: 8px;
}

@media (max-width: 900px) {
  .catalog-items h3 {
    color: var(--Grey, #5f5c5b);
    font-family: Manrope;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
}

@media (max-width: 750px) {
  .catalog__filter-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
  }
  .catalog__filter-tablet .select {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 100%;
    width: 100%;
  }
  .price-input-tablet {
    margin-bottom: 15px;
  }
  .catalog__sort {
    flex-wrap: wrap;
  }
}
@media (max-width: 500px) {
  .catalog__sort-left {
    flex-wrap: wrap;
  }
  .catalog__sort-right {
    width: 100%;
  }
  .catalog__sort-button {
    border-radius: 5px;
    padding: 5px 20px;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 5px;
    background: var(--grey-light, #f2f2f2);
  }
}
@media (max-width: 600px) {
  .catalog__pagination {
    align-self: center;
  }
}
/* Catalog */ /* Catalog */ /* Catalog */
/* CATALOG */ /* CATALOG */ /* CATALOG */ /* CATALOG */ /* CATALOG */ /* CATALOG */ /* CATALOG */ /* CATALOG */ /* CATALOG */ /* CATALOG */

/* CARD */ /* CARD */ /* CARD */ /* CARD */ /* CARD */ /* CARD */ /* CARD */ /* CARD */ /* CARD */ /* CARD */ /* CARD */ /* CARD */ /* CARD */
.card {
  margin-bottom: 30px;
}
.swiper__content h2 {
  color: var(--black, #111);
  font-family: Manrope;
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 0px;
}
.card__bottom-info {
  margin-bottom: 50px;
}
.card__bottom-info .container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.card__bottom-info h3 {
  color: var(--black, #111);
  font-family: Manrope;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.card__bottom-info .description p {
  color: var(--black, #111);
  /* field text */
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.description,
.property {
  padding: 20px;
  border-radius: 8px;
  background: var(--grey-light, #f2f2f2);
}
.description,
.property {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.property__info {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.property__left,
.property__right {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.property__item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.property__item-left {
  align-self: flex-start;
  color: var(--black, #111);
  /* field text */
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.property__item-right {
  align-self: flex-end;
  color: var(--black, #111);
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.breadcrumbs a.active {
  flex-shrink: 0;
}
.breadcrumbs {
  flex-wrap: wrap;
}
@media (max-width: 700px) {
  .property__right {
    display: none;
  }
  .card__bottom-info {
    margin-bottom: 20px;
  }
  .breadcrumbs {
    display: none;
  }
  .breadcrumbs span:last-of-type {
    display: none;
  }
}
.card {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
.card__left,
.card__middle,
.card__right {
  max-width: 700px;
  width: 100%;
}
.card__middle {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.property__property {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.property__property-item {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.property__property-item-left {
  color: var(--Grey, #5f5c5b);
  /* field text */
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  align-self: flex-start;
}
.property__property-item-right {
  align-self: flex-end;
  color: var(--Grey, #5f5c5b);
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.property__property a {
  align-self: flex-start;
  color: var(--Orange, #e05511);
  /* field text */
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.card__category {
  width: 100%;
  font-family: Manrope;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 10px;
}
.card__categories {
  width: 100%;
  display: flex;
  align-items: center;
}
.card__category-1 {
  border-radius: 8px 0px 0px 8px;
}
.card__category-2 {
  border-radius: 0px 8px 8px 0px;
}
.card__category-active {
  color: var(--Orange, #e05511);
  border: 1px solid var(--Orange, #e05511);
}
.card__desription {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: flex-start;
}
.card__desription p {
  color: var(--Grey, #5f5c5b);
  /* field text */
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.card__desription a {
  color: var(--Orange, #e05511);
  /* field text */
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.card h2 {
  color: var(--black, #111);
  font-family: Manrope;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.catalog__basket {
  color: var(--Orange, #e05511);
  /* smoll btn */
  font-family: Manrope;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: 8px;
  border: 1px solid var(--Orange, #e05511);
  padding: 10px 15px;
}
.card__hit a {
  color: var(--bg, #fafafa);
  font-family: Manrope;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: 8px;
  background: var(--green, #3fd20d);
  padding: 4px 7px;
}
.card__hit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
}
.card__right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 7px;
  border: 1px solid var(--Orange, #e05511);
  padding: 15px;
}
.card .product__card__discount {
  font-size: 40px;
}
.product__card__cost-title {
  color: var(--black, #111);
  font-family: Manrope;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 5px;
}
.product__card__cost-subtitle {
  color: var(--black, #111);
  font-family: Manrope;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 5px;
}
.card__buttons {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.card__button {
  width: 100%;
}
.card__quantity {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.quantity__p {
  color: var(--black, #111);
  font-family: Manrope;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.quantity__buttons {
  display: flex;
  width: 100%;
  border-radius: 8px;
  background: var(--grey-light, #f2f2f2);
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.quantity__minus {
  background: none;
  border-radius: 8px;
  border: 1px solid var(--Orange, #e05511);
  padding: 7px 10px 7px 10px;
}
.quantity__input {
  background: none;
  color: var(--Orange, #e05511);
  /* btn */
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  flex-grow: 1;
  text-align: center;
}
.catalog__category{
background: none;
}
.quantity__plus {
  background: none;
  border-radius: 8px;
  border: 1px solid var(--Orange, #e05511);
  padding: 7px 10px 7px 10px;
  margin-left: 10px;
}
.quantity__minus svg,
.quantity__plus svg {
  position: relative;
  top: 2px;
}
.card__center {
  max-width: 725px;
  width: 100%;
  flex-grow: 1;
}
.card__center-left {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}
.card__right {
  width: 350px;
}
.card__center-left {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}
.card__left {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: space-between;
  min-height: 259px;
}
.card__main {
  width: 100%;
  cursor: pointer;
  min-height: 350px;
}
.card__main img {
  height: 100%;
  min-height: 350px;
  width: 100%;
  object-fit: contain;
}
.card-subphotos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 360px;
}
.card-subphoto {
  max-width: 83px;
  max-height: 83px;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.card-subphoto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-tablet {
  display: none;
}
@media (min-width: 1101px) {
h2 {font-size:21px !important;}
}
@media (max-width: 1100px) {
  .card-tablet {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .card__right {
    max-width: 730px;
    width: 100%;
  }
  .card-pc {
    display: none;
  }h1 {
   
    font-size: 30px !important;
    font-weight: 600 !important;
    margin-bottom: 25px;
  }
  .card-tablet h2 {
    margin-bottom: -10px;
    max-width: 730px;
    text-align: flex-start;
  }
  .card__left {
    max-width: 730px;
  }
  .card-subphotos {
    align-items: center;
    max-width: 730px;
  }
  .card-tablet {
    gap: 30px;
  }
  .card__hit-left {
    display: flex;
    gap: 10px;
    align-items: center;
  }
  .card__numbers {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }
  .card__number-left,
  .card__number-right {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .card-tablet .product__card__article {
    margin-bottom: 0px;
  }
  .card-tablet .product__card__remains {
    margin-bottom: 0px;
  }
}
.card__hit-mobile {
  display: none;
}
@media (max-width: 500px) {
  .card__hit-pc {
    display: none;
  }
  .card__hit-mobile {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .card__numbers {
    display: flex;
    flex-direction: column;
  }
  .card__number-left {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
  }
  .card__number-right {
    gap: 0px;
  }
  .card__hit-top,
  .card__hit-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .quantity__input {
    min-width: 100px;
  }
}
.photo-open{
  position: fixed;
  top: 0;
bottom: 0;
left: 0;
right: 0;
background: var(--Grey, rgba(95, 92, 91, 0.7));
z-index: 10000;
}
.photo-open .container{
  width: 100%;
  height: 100%;
}
.photo-open .photo__wrapper{
  max-width: 748px;
  width: 100%;
  margin: 0 auto;
  margin-top: 50vh;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0 15px;
}
.photo__wrapper .card__main{
width: 100%;
display: flex;
justify-content: center;
gap: 20px;
align-items: center;
cursor: default;
flex-shrink: 1;
}
.photo-open .photo__wrapper .card__main img{
  flex-grow: 1;
  width: 100%;
  object-fit: contain;
  background-color: #fff;
  }
  .photo-open  .photo-left, .photo-right{
    border-radius: 8px;
border: 1px solid var(--bg, #FAFAFA);
padding: 10px;
cursor: pointer;
  }
  .photo-open  .photo-left{
    position: relative;
    left: 15px;
  }
  .photo-open  .photo-right{
    position: relative;
    right: 15px;
  }
  .photo-open .photo-left svg, .photo-open .photo-right svg{
    position: relative;
    top: 2px;
  }
  .photo-open .card-subphoto{
    background-color: #fff;
    height: 83px;
    width: 83px;
  }
  .photo-open .card-subphoto img{
    height: 83px;
    width: 83px;
    object-fit: cover;
  }
  .photo-open .card-subphotos {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 615px;
}
/* CARD */ /* CARD */ /* CARD */ /* CARD */ /* CARD */ /* CARD */ /* CARD */ /* CARD */ /* CARD */ /* CARD */ /* CARD */ /* CARD */ /* CARD */
.quantity__minus, .quantity__plus{
  transition: all 0.3s ease;
}
.quantity__minus:hover{
  background: #e05511;
}
.quantity__minus:hover svg path{
  fill: #fafafa;
}
.quantity__plus:hover{
  background: #e05511;
}
.quantity__plus:hover svg path{
  fill: #fafafa;
}
.catalog__apply{
  transition: all 0.3s ease;
}
.catalog__basket{
  transition: all 0.3s ease;
}
.catalog__reset{
  transition: all 0.3s ease;
}
.catalog__apply:hover{
  background: var(--Orange, #fafafa);
  color: var(--bg, #e05511);
  outline: 1px solid #e05511;
}
.catalog__basket:hover{
  background: var(--Orange, #e05511);
    color: var(--bg, #fafafa);
}
.catalog__reset:hover{
  background: var(--Grey, #fafafa);
    color: var(--bg, #5f5c5b);
    outline: 1px solid #5f5c5b;
}
.favourite__input{
  appearance: none;
    -webkit-ppearance: none;
    position: absolute;
    left: 0;
    top: 0;
}
.checkbox__favourite{
  position: relative;
  width: 24px;
  height: 24px;
  align-self:flex-end;
}
.checkbox__favourite label::before{
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url('../img/svg/basket.svg');
  background-size:cover;
background-repeat:no-repeat;
}
.favourite__input:checked + label::before{
  background-image: url('../img/svg/basket-active.png');
  background-size:cover;
background-repeat:no-repeat;
}

/* SHOPPING-CART */ /* SHOPPING-CART */ /* SHOPPING-CART */ /* SHOPPING-CART */ /* SHOPPING-CART */ /* SHOPPING-CART */ /* SHOPPING-CART */
.shopping-h4{
  color: var(--black, #111);
font-family: Manrope;
font-size: 25px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 20px;
}
.shopping__cart{
  display: flex;
  justify-content: space-between;
  align-items:flex-start;
  margin-bottom: 100px;
}
.shopping__item{
  display: flex;
  justify-content: space-between;
  align-items:center;
  padding: 15px;
  min-width: 730px;
  width: 100%;
}
.shopping__items{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.shopping__item-left{
  display: flex;
  flex-direction: column;
  align-items:flex-start;
}
.shopping__item-left .checkbox__favourite {
  align-self: flex-start; 
}
.shopping__item-left .product__new {
  position: static;
  color: var(--bg, #fafafa);
  font-family: Manrope;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: 8px;
  background: var(--green, #3fd20d);
  padding: 4px 7px;
}
.shopping__item-left .product__img{
padding: 25px 35px;
}
.shopping__item-info{
  display: flex;
  gap: 8px;
}
.shopping__item-right{
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}
.shopping__item .product__card__article, .shopping__item .product__card__remains, .shopping__item .product__card__cost, .shopping__item .product__card__discount{
  margin-bottom: 0px;
}
.shopping__item .product__card__title{
  min-height: 0px;
  margin-bottom: 0px;
}
.shopping__item .product__card__discount-title {
  margin-bottom: -7px;
}
.button__remove{
  border-radius: 8px;
background: var(--Grey, #5F5C5B);
padding: 8px 25px;
margin-left: 10px;
}
.button__remove svg{
  position: relative;
    top: 2px;
}
.shopping__cost{
  padding: 15px;
  border-radius: 7px;
border: 1px solid var(--Orange, #E05511);
display: flex;
flex-direction: column;
gap: 10px;
flex-grow: 1;
max-width: 350px;
width: 100%;
}
.shopping__cost-column {
  display: flex;
  justify-content: space-between;
  align-items:flex-start;
  gap: 5px;
}
.shopping__cost-column p{
  color: var(--Orange, #E05511);
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.shopping__cost-column .shopping__cost-price {
  font-size: 40px;
}
@media(max-width:1150px){
  .shopping__cart {
    flex-direction: column;
    gap: 30px;
    align-items:center;
}
.shopping__cost {
  max-width: 900px;
  width: 100%;
}
.shopping-h4{
  display: none;
}
.shopping__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  min-width: 0px;
  max-width: 1150px;
  width: 100%;
}
}
@media(max-width:800px){
  .shopping__cart {
    margin-bottom: 30px;
}
}
@media(max-width:750px){
.shopping__item .quantity__input {
flex-shrink: 1;
}
.shopping__item-info {
  flex-wrap: wrap;
}
.quantity__buttons{
  max-width: 300px;
}
.shopping__item .quantity__buttons input{
  max-width: 150px;
}
}
@media(max-width:700px){
  .shopping__item {
    flex-direction: column;
    gap: 12px;
  }
  .quantity__buttons{
    max-width: 700px;
  }
  .shopping__item .quantity__buttons input{
    max-width: 700px;
  }
  }
  @media(max-width:450px){
    .quantity__buttons{
      max-width: 450px;
      width: 100%;
    }
    .shopping__item .quantity__buttons input{
      width: 150px;
      flex-grow: 0;
      flex-shrink: 1;
    }
    }
/* SHOPPING-CART */ /* SHOPPING-CART */ /* SHOPPING-CART */ /* SHOPPING-CART */ /* SHOPPING-CART */ /* SHOPPING-CART */ /* SHOPPING-CART */

/* SHOPPING-EMPTY */ /* SHOPPING-EMPTY */ /* SHOPPING-EMPTY */ /* SHOPPING-EMPTY */ /* SHOPPING-EMPTY */ /* SHOPPING-EMPTY */ /* SHOPPING-EMPTY */
.shopping__empty{
  margin: 0 auto;
  margin-bottom: 100px;
  margin-top: 43px;
  display: flex;
  flex-direction: column;
  align-items:center;
  gap: 22px;
  max-width: 383px;
  width: 100%;
}
.shopping__img {
  max-width: 274px;
  width: 100%;
}
.shopping__img img{
  object-fit: cover;
  width: 100%;
}
.shopping__title {
  color: var(--black, #111);
font-family: Manrope;
font-size: 25px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.shopping__buttons {
  display: flex;
  justify-content: space-between;
  align-items:center;
  gap: 10px;
  width: 100%;
}
.shopping__buttons .catalog__basket {
  width: 100%;
  background: var(--bg, #fafafa);
}
.shopping__buttons .catalog__basket:hover {
  width: 100%;
  background: var(--bg, #e05511);
}
@media(max-width:450px){
  .shopping__buttons{
    flex-direction: column;
  }
}
@media (max-width: 700px){
  .shopping.breadcrumbs {
      display: flex;
  }
  .breadcrumbs.shopping span:last-of-type {
    display: inline-block;
}
}
/* SHOPPING-EMPTY */ /* SHOPPING-EMPTY */ /* SHOPPING-EMPTY */ /* SHOPPING-EMPTY */ /* SHOPPING-EMPTY */ /* SHOPPING-EMPTY */ /* SHOPPING-EMPTY */

/* FZ */ /* FZ */ /* FZ */ /* FZ */ /* FZ */ /* FZ */ /* FZ */ /* FZ */ /* FZ */ /* FZ */ /* FZ */ /* FZ */ /* FZ */ /* FZ */ /* FZ */
.fz{
  margin-bottom: 75px;
}
.fz__text{
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 50px;
}
.fz__p{
  color: var(--black, #111);
font-family: Manrope;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.fz__span{
  color: var(--Orange, #E05511);
}
.fz__contacts {
  display: flex;
  justify-content: space-between;
  align-items:stretch;
  gap: 10px;
}
.fz__contact {
  display: flex;
  justify-content: space-between;
  align-items:flex-start;
  gap: 30px;
}
.fz__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.fz__specification {
  color: #000;
font-family: Manrope;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.fz__name {
  color: #000;
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 10px;
}
.fz__tel {
  display: flex;
  gap: 5px;
  align-items:center;
  margin-bottom: 5px;
}
.fz__email {
  display: flex;
  gap: 5px;
  align-items:center;
}
.fz__tel span, .fz__email span{
  color: #000;
font-family: Manrope;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.fz__tel svg, .fz__email svg{
position: relative;
top: 2px;
}
@media(max-width:1100px){
  .fz__contacts{
    flex-direction: column;
    gap: 30px;
  }
  .fz__contact {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 30px;
}
}
@media(max-width:800px){
  .fz {
    margin-bottom: 65px;
}
}
@media(max-width:550px){
  .fz__contact {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 30px;
}
.fz__specification {
  margin-bottom: 30px;
}
}
/* FZ */ /* FZ */ /* FZ */ /* FZ */ /* FZ */ /* FZ */ /* FZ */ /* FZ */ /* FZ */ /* FZ */ /* FZ */ /* FZ */ /* FZ */ /* FZ */ /* FZ */

/* MODALS */ /* MODALS */ /* MODALS */ /* MODALS */ /* MODALS */ /* MODALS */ /* MODALS */ /* MODALS */ /* MODALS */ /* MODALS */ /* MODALS */
.modal{
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  z-index: 100;
  background: rgba(95, 92, 91, 0.25);
}
.modal__contant{
  padding: 20px;
  border-radius: 8px;
background: var(--bg, #FAFAFA);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
gap: 20px;
max-width: 443px;
width: 100%;
max-height: 90%;
overflow-y: scroll;
}
.modal__contant::-webkit-scrollbar {
  width: 0;
}
.modal__buttons{
  display: flex;
  gap: 2px;
  background:rgb(240,240,240);
  border-radius: 8px;
}
.modal__buttons button{
  width: 50%;
  font-size: 18px;
}
.modal__buttons .catalog__basket{
  border: none;
}
.modal__input {
  display: flex;
  gap: 10px;
  display: flex;
  flex-direction: column;
}
.modal__input label{
  color: var(--Orange, #E05511);
font-family: Manrope;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.modal__input input{
  border-radius: 8px;
border: 1px solid var(--Grey, #5F5C5B);
padding: 10px 20px;
color: var(--Grey, #5F5C5B);
font-family: Manrope;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.modal__input a{
  color: var(--Orange, #E05511);
font-family: Manrope;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
cursor: pointer;
}
.model__button-login{
  font-size: 14px;
}
.modal__input-radio{
  appearance: none;
  position: absolute;
}
.radio__label{
  padding-left: 30px;
  color: var(--black, #111);
font-family: Manrope;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
cursor: pointer;
position: relative;
}
.radio__label::before{
  content: '';
  width: 20px;
  height: 20px;
  display: block;
  border-radius: 50%;
border: 1px solid var(--Grey, #5F5C5B);
position: absolute;
left: 0;
top: 3px;
z-index: 1;
transition: all 0.3s ease;
}
.radio__label::after{
  content: '';
  width: 10px;
  height: 10px;
  display: block;
  border-radius: 50%;
background: #E05511;
position: absolute;
left: 5px;
top: 8px;
z-index: 2;
transition: all 0.3s ease;
opacity: 0;
}
.modal__input-radio:checked + .radio__label::before{
  border: 1px solid #E05511;
}
.modal__input-radio:checked + .radio__label::after{
  opacity: 1;
}
.modal__h4 {
  color: var(--black, #111);
text-align: center;
font-family: Manrope;
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.modal__subtitle {
  color: var(--Grey, #5F5C5B);
text-align: center;
font-family: Manrope;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.modal svg{
  display: inline-block;
  margin: 0 auto;
}
.password__recovery .modal__subtitle{
  text-align: left;
}
.password__recovery .modal__contant{
position: relative;
}
.button__back{
  position: absolute;
  left: 20px;
  top: 25px;
  width: 24px;
height: 24px;
cursor: pointer;
  }
  @media(max-width:480px){
    .modal__contant{
      max-width: 350px;
    }
    .password__recovery .modal__h4 {
      margin-left: 25px;
      font-size: 23px;
  }
  }
/* MODALS */ /* MODALS */ /* MODALS */ /* MODALS */ /* MODALS */ /* MODALS */ /* MODALS */ /* MODALS */ /* MODALS */ /* MODALS */ /* MODALS */

/* DELIVERY */ /* DELIVERY */ /* DELIVERY */ /* DELIVERY */ /* DELIVERY */ /* DELIVERY */ /* DELIVERY */ /* DELIVERY */ /* DELIVERY */
.delivery {
  display: flex;
  justify-content: space-between;
  align-items:flex-start;
  margin-bottom: 55px;
  gap: 25px;
}
.delivery h4{
  color: var(--black, #111);
font-family: Manrope;
font-size: 25px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.delivery__left {
width: 100%;
flex-grow: 1;
display: flex;
flex-direction: column;
gap: 30px;
align-items: flex-start;
}
.delivery__buttons {
  display: flex;
  max-width: 400px;
  width: 100%;
  background: rgb(242,242,242);
  border-radius: 8px;
}
.delivery__buttons input{
  width: 50%;
}
.delivery__main{
  width: 100%;
}

.delivery-active {
  color: #FFF;
  background: var(--Orange, #E05511);
  transition: all 0.3s ease;
}
.delivery-active:hover {
  color: #000;
  background: rgb(242,242,242);
}
.delivery__main{
display: flex;
flex-direction: column;
gap: 20px;
}
.delivery__inputs{
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items:center
}
.delivery__main textarea{
  border-radius: 8px;
border: 1px solid var(--Grey, #5F5C5B);
color: var(--Grey, #5F5C5B);
/* field text */
font-family: Manrope;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
resize: none;
padding: 10px 20px;
}
.delivery__inputs .modal__input{
  width: 100%;
}
.delivery h5{
  color: var(--black, #111);
font-family: Manrope;
font-size: 25px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.delivery__warning{
  color: var(--bg, #FAFAFA);
font-family: Manrope;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
border-radius: 8px;
background: var(--Orange, #E05511);
padding: 10px 20px;
margin-bottom: 30px;
}
.delivery__contacts,.delivery__pickup{
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
margin-bottom: 20px;
}
.delivery__right {
  width: 350px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex-shrink: 0;
}
.delivery__execution{
  display: flex;
  flex-direction: column;
  padding: 15px;
  border-radius: 7px;
border: 1px solid var(--Orange, #E05511);
gap: 10px;
width: 100%;
}
.delivery__orange{
  display: flex;
  justify-content: space-between;
  align-items:center;
  color: var(--Orange, #E05511);
font-family: Manrope;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.delivery__default{
  display: flex;
  flex-direction: column;
  color: var(--Grey, #5F5C5B);
font-family: Manrope;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.span__underline{
  text-decoration-line: underline;
}
.delivery__cost{
  display: flex;
  flex-direction: column;
}
.delivery__cost span{
  color: var(--Orange, #E05511);
  font-family: Manrope;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.delivery__cost .delivery__p{
  color: var(--Orange, #E05511);
  font-family: Manrope;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}






.delivery .delivery__input-radio{
  appearance: none;
  position: absolute;
}
.delivery .radio__label{
  display: flex;
  flex-direction: column;
  padding: 20px;
  padding-left: 50px;
cursor: pointer;
position: relative;
border-radius: 8px;
border: 1px solid var(--Grey, #5F5C5B);
}
.delivery .radio__label .radio__title{
  color: var(--black, #111);
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.delivery .radio__label .radio__subtitle{
  color: var(--Grey, #5F5C5B);
  font-family: Manrope;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.delivery__radio_1 .radio__title{
margin-bottom: 5px;
}
.delivery .radio__label::before{
  content: '';
  width: 20px;
  height: 20px;
  display: block;
  border-radius: 50%;
border: 1px solid var(--Grey, #5F5C5B);
position: absolute;
left: 20px;
top: 22.5px;
z-index: 1;
transition: all 0.3s ease;
}
.delivery .radio__label::after{
  content: '';
  width: 10px;
  height: 10px;
  display: block;
  border-radius: 50%;
background: #E05511;
position: absolute;
left: 25px;
top: 28px;
z-index: 2;
transition: all 0.3s ease;
opacity: 0;
}
.delivery .delivery__input-radio:checked + .radio__label::before{
  border: 1px solid #E05511;
}
.delivery .delivery__input-radio:checked + .radio__label{
  border: 1px solid #E05511;
}
.delivery .delivery__input-radio:checked + .radio__label .radio__title{
  color: var(--Orange, #E05511);
}
.delivery .delivery__input-radio:checked + .radio__label::after{
  opacity: 1;
}
.delivery__payments{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.delivery__cards{
  display: flex;
  align-items: center;
  gap: 10px;
}
.delivery__payments .delivery__radio{
  width: 100%;
}
.delivery-tablet{
  display: none;
}
@media(max-width:980px){
.delivery-tablet{
  display: flex;
  flex-direction: column;
}
.delivery-pc{
  display: none;
}
.delivery__payments {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items:stretch;
}
.delivery .radio__label {
min-height: 127px;
}
.delivery__buttons {
  max-width: 1000px;
  width: 100%;
}
}
@media(max-width:793px){
  .delivery .radio__label {
    min-height: 149px;
}
}
@media(max-width:715px){
  .delivery__payments {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: stretch;
}
.delivery .radio__label {
  min-height: 117px;
}
.delivery__payments{
  width: 100%;
}
.delivery__warning {
  margin-bottom: 0px;
}
.delivery__contacts{
margin-bottom: 0;
}
}
@media(max-width:580px){
  .delivery__inputs {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}
}
@media(max-width:400px){
  .delivery__buttons{
flex-direction: column;
  }
  .delivery__buttons input{
   width: 100%;
      }
}
/* DELIVERY */ /* DELIVERY */ /* DELIVERY */ /* DELIVERY */ /* DELIVERY */ /* DELIVERY */ /* DELIVERY */ /* DELIVERY */ /* DELIVERY */

/* ACCOUNT */ /* ACCOUNT */ /* ACCOUNT */ /* ACCOUNT */ /* ACCOUNT */ /* ACCOUNT */ /* ACCOUNT */ /* ACCOUNT */ /* ACCOUNT */ /* ACCOUNT */
.account{
  display: flex;
  gap: 30px;
  align-items: flex-start;
  margin-bottom: 30px;
}
.account__left{
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 255px;
  flex-shrink: 0;
}
.account__buttons{
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  background: rgb(242,242,242);
  gap: 10px;
}
.account__buttons button, .account__buttons a{
  width: 100%;
  background: rgb(242,242,242);
  gap: 10px;
  color: var(--black, #111);
font-family: Manrope;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
padding: 10px;
display: flex;
align-items:center;
gap: 10px;
border-radius: 8px;
transition: all 0.3s ease;
}
.account__button-active{
  color: var(--bg, #FAFAFA) !important;
  background: var(--Orange, #E05511) !important;
}
.account__button-active svg path{
fill: #fafafa;
transition: all 0.3s ease;
}

.account__buttons button:hover, .account__buttons a:hover{
  color: var(--bg, #FAFAFA) !important;
  background: var(--Orange, #E05511) !important;
}
.account__buttons button:hover svg path, .account__buttons a:hover svg path{
  fill: #fafafa;
}
.account__block[data-account="1"]{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.account__right{
  width: 100%;
}
.account__block[data-account="1"] .delivery__inputs {
  width: 100%;
}
.account__block[data-account="2"] .account__block-add{
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items:center;
  justify-content: center;
  margin-top: 43px;
}
.account__block[data-account="5"] .account__add-orders{
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items:center;
  justify-content: center;
  margin-top: 43px;
}
.account__block[data-account="5"] .account__add-orders h4{
  text-align: center;
}
.account__block[data-account="5"] .account__add-orders button{
  max-width: 233px;
}
.account__block h4{
  color: var(--black, #111);
  font-family: Manrope;
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.account__block[data-account="2"] .account__block-add .catalog__apply {
  width: 223px;
}
.account-modal input{
  font-size: 18px;
  padding: 10px 20px;
}
.account-modal .delivery__inputs input{
  max-width: 190px;
  width: 100%;
}
.account__block[data-account="3"]{
  max-width: 400px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.account__block[data-account="6"] .account__bonuses{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.account__bonus{
  display: flex;
  align-items:center;
  gap: 20px;
  width: 100%;
  background: rgb(242,242,242);
  padding: 15px;
}
.bonus__right{
  width: 100%;
}
.bonus__left {
  width: 286px;
}
.bonus__left img{
  width: 286px;
  object-fit: contain;
}
.bonus__right {
  display: flex;
  flex-direction: column;
}
.bonus__title {
  color: var(--black, #111);
font-family: Manrope;
font-size: 17px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 12px;
}
.bonus__subtitle {
  color: var(--black, #111);
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 5px;
}
.bonus__cost {
  color: var(--Orange, #E05511);
font-family: Manrope;
font-size: 30px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 12px;
}
.bonus__buttons {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items:center;
  gap: 12px;
}
.bonus__buttons button{
width: 100%;
}
.account__block h5{
  color: #000;
font-family: Manrope;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.account__block[data-account="5"] .account__block__orders{
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 100%;
  margin-bottom: 100px;
}
.account__orders-active{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.account__orders-active .account__order{
  padding: 15px;
  border-radius: 7px;
background: var(--grey-light, #F2F2F2);
}
.account__order{
display: flex;
flex-direction: column;
gap: 12px;
}
.order__top{
  display: flex;
  gap: 10px;
  color: var(--Grey, #5F5C5B);
font-family: Manrope;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.order__bottom{
  display: flex;
  gap: 12px;
}
.order__left{
  width: 80px;
  height: 85px;
}
.order__left img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.order__right {
  display: flex;
flex-direction: column;
gap: 5px;
}
.order__title {
  color: var(--black, #111);
font-family: Manrope;
font-size: 17px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.order__subtitle {
  color: var(--black, #111);
font-family: Manrope;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.order__cost {
  color: var(--black, #111);
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.account__orders{
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
  border-radius: 7px;
background: var(--grey-light, #F2F2F2);
transition: all 0.3s ease;
}
.account__orders .account__order{
 padding: 12px 0;
}
.account__orders-top{
  display: flex;
  justify-content: space-between;
  align-items:center;
  cursor: pointer;
}
.dont-expanded{
  height: 65px;
  overflow: hidden;
  transition: all 0.3s ease;
}
.dont-expanded svg{
  transform: rotate(180deg);
  transition: all 0.3s ease;
}
.main.account-tablet{
  display: none;
}
@media(max-width:1000px){
  .main.account-pc{
    display: none;
  }
  .main.account-tablet{
    display: block;
  }
  .account{flex-direction: column;}
  .account__left{
    width: 100%;
  }
  .account__block[data-account="2"] .account__block-add .breadcrumbs.shopping{
margin-top: -42px;
align-self:flex-start;
  }

}
@media(max-width:850px){
  .account__block[data-account="5"] .account__block__orders .breadcrumbs.shopping{
    margin-bottom: 0px;
    align-self:flex-start;
      }
  .account__block[data-account="6"] .account__bonuses .bonus__left{
   max-width: 250px;
   width: 100%;
      }
      .account__bonus {
        display: flex;
        align-items: center;
        gap: 30px;
      }
}
.account__bonus-activ{
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
  align-items:center;
  margin-top: 120px;
  margin-bottom: 160px;
}
.account__add-orders{
  margin-top: 120px !important;
  margin-bottom: 160px; 
}
.account__block[data-account="2"] .account__block-add{
  margin-top: 120px !important;
  margin-bottom: 160px; 
    } 
    .account__block-addresses{
      margin-bottom: 160px;
    }
@media(max-width:800px){
  .account__block[data-account="1"] .delivery__inputs{
    flex-direction: column;
      }
      .account__block[data-account="1"] .breadcrumbs.shopping{
        margin-bottom: -10px;
        align-self:flex-start;
          }
          .account__block[data-account="3"] .breadcrumbs.shopping{
            margin-bottom: 0px;
            align-self:flex-start;
              }
              .account__block[data-account="6"] .account__bonuses .catalog__apply{
                max-width: 160px;
                width: 100%;
                   }
}


@media(max-width:760px){
  .account__bonus {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-direction: column;
  }
  .bonus__buttons{
    flex-direction: column;
  }
  .account__block[data-account="6"] .account__bonuses .catalog__apply{
    max-width: 1600px;
    width: 100%;
       }
       .account__block[data-account="6"] .account__bonuses .bonus__left {
       max-width: 2500px; 
        width: 100%;
        display: flex;
        justify-content: center;
    }

}
@media(max-width:650px){
  .order__bottom{
    flex-direction: column;
  }
  .order__top{
    flex-direction: column;
  }
  .account__order {
    gap: 0px;
}
}
.account__block-addresses{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.account__block-addresses h5{
  margin-bottom: 10px;
}
.account__block-address{
  display: flex;
  align-items:flex-start;
  padding: 20px;
  border-radius: 8px;
border: 1px solid var(--Orange, #E05511);
}
.account__block-address-right{
  display: flex;
  align-items:center;
  gap: 5px;
}
.account__block-address-right svg{
  cursor: pointer;
}
.account__block-address-left{
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items:flex-start;
width: 100%;
}
.account__block-address-left__title{
  color: var(--Orange, #E05511);
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.account__block-address-left__subtitle{
  color: var(--Grey, #5F5C5B);
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
/* ACCOUNT */ /* ACCOUNT */ /* ACCOUNT */ /* ACCOUNT */ /* ACCOUNT */ /* ACCOUNT */ /* ACCOUNT */ /* ACCOUNT */ /* ACCOUNT */ /* ACCOUNT */

.delivery__method{
  width: 100%;
}
.delivery__input-method{
  appearance: none;
  position: absolute;
}
.delivery__method label{
  cursor: pointer;
  color: #000;
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: 8px;
  padding: 10px 20px;
  width: 100%;
  text-align: center;
  display: block;
  background: rgb(242,242,242);
  transition: all 0.3s ease;
}
.delivery__input-method:checked + label{
  background: var(--Orange, #E05511);
  color: #FFF;
}