/* @import url('/templates/css/components/product.css'); */
/* @import url('/templates/css/components/modal-product.css'); */
/* @import url('/templates/css/components/private.css'); */
/* @import url('/templates/css/components/ordering__info-form.css'); */
/* @import url('/templates/css/components/ordering-edit.css'); */
@import url('/templates/css/components/header-address.css');

@charset "UTF-8";

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor;
}

/* Указываем box sizing */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Убираем внешние отступы */
body,
h1,
h2,
h3,
h4,
p,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Выставляем основные настройки по-умолчанию для body */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1;
  background: #FBFBFC;
}

/* Удаляем стандартную стилизацию для всех ul и il, у которых есть атрибут class*/
ul[class],
ol[class] {
  list-style: none;
}

ul, ol {
  padding: 0;
}

/* Упрощаем работу с изображениями */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Указываем понятную периодичность в потоке данных у article*/
article > * + * {
  margin-top: 1em;
}

/* Наследуем шрифты для инпутов и кнопок */
input,
button,
textarea,
select {
  font: inherit;
  margin: 0;
  padding: 0;
}

input,
button {
  border: none;
  outline: none;
  background-color: transparent;
}

button {
  cursor: pointer;
}

a {
  text-decoration: none;
  color: inherit;
}

@font-face {
  font-family: "Golos";
  src: url("../fonts/golos-regular.woff2");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Golos";
  src: url("../fonts/golos-medium.woff2");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "Golos";
  src: url("../fonts/golos-demibold.woff2");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "Golos";
  src: url("../fonts/golos-bold.woff2");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "PT Root UI";
  src: url("../fonts/ptroot-light.woff2");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "Bebas Neue";
  src: url("../fonts/bebas-bold.woff2");
  font-style: normal;
  font-weight: 700;
}
html,
body {
  height: 100%;
}

body {
  font-family: "Golos", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #A6B3C8;
  
  scroll-behavior: smooth;
}

main.active {
  display: none;
}

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

.main {
  flex: 1 0 auto;
}

.footer {
  flex: 0 0 auto;
}

.container {
  max-width: 1450px;
  margin: 0 auto;
  padding: 0 15px;
}

.container-d {
  max-width: 1450px;
  margin: 0 auto;
  padding: 0 15px;
}

.container-fluid {
  max-width: 1450px;
  margin: 0 auto;
  padding: 0 15px;
}

.container-window {
  max-width: 100%;
  margin: 0 auto;
}

.title h1,
.title h2 {
  font-weight: 600;
  font-size: 48px;
  line-height: 1;
  color: #16263F;
  margin-bottom: 37px;
  text-align: center;
}

@media (max-width: 1500px) {
  .container-d,
.container {
    max-width: 1200px;
  }
}
@media (max-width: 1200px) {
  .container-d,
.container {
    max-width: 960px;
  }
}
@media (max-width: 991px) {
  .container-d,
.container {
    max-width: 560px;
  }
}
@media (max-width: 768px) {
  .container-d,
.container {
    max-width: 87%;
  }

  .title h2 {
    font-size: 28px;
    line-height: 22px;
  }
}
@media (max-width: 650px) {
  .container-d {
    max-width: 100%;
  }
}
.icon-logo {
  width: 128px;
  height: 48px;
  fill: #DF3663;
}

.header {
  padding: 30px 0;
  transition: all .4s ease;
  background-color: #fff;
}
.header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header__logo {
  margin-right: 71px;
  width: 128px;
}
.header__address {
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.3s;
}
.header__address span {
  position: relative;
}
.header__address span::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed rgba(22, 38, 63, 0.3);
  bottom: 3px;
  left: 0;
  transition: 0.3s;
}
.header__address:hover {
  color: #FA5581;
}
.header__address:hover span::after {
  border-bottom: 1px dashed rgba(250, 85, 129, 0.3);
}
.header__address svg {
  margin-right: 10px;
  width: 24px;
  height: 24px;
}
.header__basket {
  margin-right: 30px;
}

.header.header--scroll {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 999;
  transition: all .4s ease;
}
.header.header--scroll .header__address-box {
  /* display: none; */
  margin-left: 30px;
}

@media(max-width: 1440px) {
    .header.header--scroll{
        padding-top: 40px;
    }
    
    .header.header--scroll .header__address-box{
        margin: 0;
    }
}

@media (max-width: 1024px) {
    .header.header--scroll{
        padding-bottom: 70px;
    }
    
    .header.header--scroll .header__select-form-inner{
        padding-bottom: 10px;
    }
}
.header.header--scroll .basket {
  margin-left: auto;
}

.header__address-box {
  margin-right: auto;
      width: 100%;
}

.header__address-delivery {
  color: #16263F;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: color 0.3s;
  position: relative;
}
.header__address-delivery span {
  font-weight: 600;
  font-size: 16px;
  border-bottom: 1px dashed rgba(22, 38, 63, 0.3);
  transition: border 0.3s;
}
.header__address-delivery:hover {
  color: #FA5581;
}
.header__address-delivery:hover span {
  border-bottom: 1px dashed rgba(250, 85, 129, 0.3);
}

.icon-address-del {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.icon-address-check {
  width: 24px;
  height: 24px;
  margin-left: 10px;
}

.header__address-box {
  position: relative;
}

.header__address-form {
  position: absolute;
  left: 0;
  top: 35px;
  z-index: 60;
  width: 100%;
  padding: 20px;
  background-color: #FFFFFF;
  border: 1px solid #F1F1F1;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
  border-radius: 30px;
  display: none;
  flex-direction: column;
}
.header__address-form label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #F4F4F4;
  border-radius: 50px;
  padding-right: 10px;
  padding-left: 10px;
  height: 50px;
  margin-bottom: 10px;
}
.header__address-form input {
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
  color: #16263F;
  width: 85%;
}

.header__address-form.active {
  display: flex;
}

.header__address-submit {
  background: #F1A7BB;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
  border-radius: 30px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 30px;
  color: #fff;
  transition: background-color 0.3s;
}
.header__address-submit:hover {
  background-color: #FA5581;
}

.icon-close {
  width: 24px;
  height: 24px;
  color: #DF3663;
}

.header__address-remove {
  width: 24px;
  height: 24px;
}


@media (max-width: 1200px) {


  .header__search {
    margin-right: auto;
  }
  .header__logo {
    margin-right: 30px;
  }

  .header__address-delivery {
    background-color: #FF858E;
    border-radius: 40px;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    height: 30px;
  }
  .header__address-delivery span {
    border-bottom: none;
  }

  .icon-address-del {
    width: 18px;
    height: 18px;
  }

  .header__address-form {
    top: 45px;
  }

  .header__address-delivery:hover {
    color: #16263F;
  }
  .header__address-delivery:hover span {
    border: none;
  }
}
@media (max-width: 650px) {
  .header__logo {
    margin-right: 0;
    width: 80px;
    height: 38px;
  }
}
.basket {
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  color: #16263F;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.basket:hover {
  color: #FA5581;
}
.basket:hover span {
  background-color: #FA5581;
  color: #fff;
}
.basket svg {
  margin-right: 7px;
  width: 24px;
  height: 24px;
}
.basket span {
  font-weight: 600;
  font-size: 13px;
  line-height: 30px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 34px;
  border-radius: 30px;
  background-color: #DF3663;
  margin-left: 6px;
  transition: 0.3s;
}
.basket i {
  font-family: inherit;
  font-style: normal;
  font-size: inherit;
  margin-left: 5px;
}

@media (max-width: 1200px) {
  .basket {
    margin-left: auto;
  }
}
@media (max-width: 991px) {
  .basket {
    margin-left: auto;
  }
}
@media (max-width: 820px) {
  .basket {
    font-size: 0;
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid #F1F1F1;
  }
  .basket svg {
    width: 30px;
    height: 30px;
  }
  .basket span {
    margin-left: 0;
  }
}
.burger {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 30px;
  border: 1px solid #F1F1F1;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
  border-radius: 30px;
  position: relative;
}

.burger::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 1px solid #F1F1F1;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
  border-radius: 30px;
  width: 100%;
  height: 100%;
  z-index: 7;
  background-color: #fff;
}

.burger button {
  position: relative;
  width: 18px;
  height: 16px;
  background-color: transparent;
  z-index: 10;
}
.burger button:hover span {
  background-color: #FA5581;
}
.burger span {
  position: absolute;
  right: 0;
  width: 100%;
  height: 2px;
  background-color: #16263F;
  transition: background-color 0.3s;
}
.burger span:last-child {
  bottom: 0;
}
.burger span:first-child {
  top: 0;
}
.burger span:nth-child(2) {
  width: 80%;
  top: 50%;
  transform: translateY(-50%);
}
.burger button.active span:first-child {
  transform: rotate(45deg);
  top: 7px;
}
.burger button.active span:nth-child(2) {
  opacity: 0;
}
.burger button.active span:last-child {
  transform: rotate(-45deg);
  bottom: 7px;
}

.mobile__menu {
  position: absolute;
  background-color: #fff;
  top: 25px;
  right: 25px;
  height: auto;
  transition: opacity .3s;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.4);
  border-radius: 30px;
  border: 1px solid #F1F1F1;
  z-index: 6;
  padding: 30px 0;
  padding-left: 40px;
  padding-right: 45px;
  width: 280px;
  
  opacity: 0;
  visibility: hidden;
  transition: all .4s ease;
}

.mobile__menu-list {
    width: 100%;
    margin: 0;
}

.mobile__menu-list li:not(:last-child) {
    margin-bottom: 25px;
}

.mobile__menu-list a {
  display: flex;
  align-items: center;
  width: 100%;
  font-weight: 600;
  font-size: 16px;
  color: #16263F;
  transition: color 0.3s;
}
.mobile__menu-list a:hover {
  color: #FA5581;
}
.mobile__menu-list svg {
  width: 30px;
  height: 30px;
  margin-right: 15px;
}

.mobile__menu.active {
  visibility: visible;
  opacity: 1;
  transition: all .4s ease;
}

@media (max-width: 820px) {
  .burger {
    border-left: 1px solid #f1f1f1;
  }
}
@media (max-width: 991px) {
  .burger {
    display: flex;
  }
}
@media (max-width: 475px) {
  .burger {
    border-radius: none;
    border: none;
    box-shadow: none;
    margin-left: 15px;
  }
  .burger button {
    width: 23px;
    height: 20px;
  }
  .burger button.active span:first-child {
    top: 9.25px;
  }
  .burger button.active span:last-child {
    bottom: 9.25px;
  }
  .burger span:nth-child(2) {
    width: 100%;
  }
}
.login {
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  color: #16263F;
  width: 120px;
  height: 50px;
  background-color: #FFFFFF;
  border: 1px solid #F1F1F1;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.login:hover {
  border: 1px solid #A6B3C8;
}
.login svg {
  margin-right: 7px;
  width: 24px;
  height: 24px;
}

@media (max-width: 768px) {
  .login {
    font-size: 0;
    width: auto;
    height: auto;
    padding: 0;
    border: none;
    box-shadow: none;
    background-color: transparent;
  }
  .login:hover {
    border: none;
    color: #DF3663;
  }
  .login svg {
    margin-right: 0;
    width: 30px;
    height: 30px;
  }
}
.hero {
  overflow: hidden;
  user-select: none;
  margin-bottom: 115px;
  
  position: relative;
}

/* main slider test */
.main-slider{
    margin-bottom: 120px;
}

.main__slider::after{
    content: url('../images/main-slider/leftside-decor.png');
    position: absolute;
    
    top: 0;
    left: -250px;
    
    z-index: 10;
}

.main__slider::before{
    content: url('../images/main-slider/rightside-decor.png');
    position: absolute;
    
    top: 0;
    right: -250px;
    
    z-index: 10;
}

.main__slider-slide.swiper-slide{
    opacity: .3;
    transition: opacity .4s ease;
}

.main__slider-slide.swiper-slide-active{
    opacity: 1;
    transition: opacity .4s ease;
}

.main__slider-banner {
    width: 100%;
    display: block;
}

.main__slider-banner img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 30px;
}

.main__slider-banner img.resp{
    display: none;
}

.main__slider-button{
    position: absolute;
    z-index: 11;
    
    top: 50%;
    transform: translateY(-50%);
    
    width: 50px;
    height: 50px;
    
    display: flex;
    align-items: center;
    justify-content: center;
    
    border-radius: 50%;
    background: #fff;
    
    border: 1px solid #F1F1F1;
    
    filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.05));
    
    cursor: pointer;
    transition: all .4s ease;
}

.main__slider-button svg path{
    transition: all .4s ease;
}

.main__slider-button:hover{
    border-color: #FA5581;
}

.main__slider-button:hover svg path{
    stroke: #FA5581;
}


.main__slider-button--prev{
    left: 14.5%;
}

.main__slider-button--next{
    right: 14.5%;
}

.main__slider-pagination{
    display: none;
    align-items: center;
    justify-content: center;
    
    margin-top: 20px;
}

.main__slider-pagination .swiper-pagination-bullet{
    background: rgba(22, 38, 63, 0.1);
    
    width: 8px;
    height: 8px;
    opacity: 1;
}

.main__slider-pagination .swiper-pagination-bullet-active{
    background: rgba(22, 38, 63, 1);
}


@media(max-width: 1200px) {
    .main-slider{
        margin-bottom: 100px;
    }
}


@media(max-width: 1024px) {
    .main-slider{
        margin-bottom: 80px;
    }
    
    .main__slider::after{
        left: -310px;
    }
    
    .main__slider::before{
        right: -310px;
    }
    
    .main__slider-button--next{
        right: 8.5%;
    }
    
    .main__slider-button--prev{
        left: 8.5%;
    }
}

@media(max-width: 768px) {
    .main-slider{
        margin-bottom: 60px;
    }
    
    .main__slider::after{
        left: -350px;
    }
    
    .main__slider::before{
        right: -350px;
    }
    
    .main__slider-button--next{
        right: 5%;
    }
    
    .main__slider-button--prev{
        left: 5%;
    }
}

@media(max-width: 576px) {
    .main__slider-button{
        display: none;
    }
    
    .main__slider-pagination{
        display: flex;
    }
    
    .main__slider-banner img{
        display: none;
    }
    
    .main__slider-banner img.resp{
        display: block;
    }
}

@media(max-width: 475px) {
    .main-slider{
        margin-bottom: 40px;
    }
}

/*  */

.hero__inner {
  overflow: initial;
}
.hero__item {
  padding: 0 10px;
  border-radius: 30px;
}
.hero__item img {
  border-radius: 30px;
  height: 366px;
  width: 100%;
  object-fit: cover;
}
.hero .swiper-slide {
  transition: opacity 0.3s;
  opacity: 0.1;
}

.hero .swiper-slide-active{
  opacity: 1;
  transition: opacity 0.3s;
}

.hero__button {
  width: 50px;
  height: 50px;
  background: #FFFFFF;
  border: 1px solid #F1F1F1;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
  border-radius: 100%;
  transform: matrix(-1, 0, 0, 1, 0, 0);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 5;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: 0.3s;
}
.hero__button:hover {
  box-shadow: 0px 4px 30px rgba(250, 85, 129, 0.9);
}
.hero__button-prev {
  left: -12px;
}
.hero__button-next {
  right: -12px;
}
.hero__bullets {
  display: flex;
  justify-content: center;
  align-items: center;
  left: 50%;
  padding-top: 15px;
  display: none;
}
.hero__bullets .swiper-pagination-bullet {
  background-color: #16263F;
  opacity: 0.1;
  transition: 0.3s;
}
.hero__bullets .swiper-pagination-bullet-active {
  transition: 0.3s;
  opacity: 1;
}

.arrow {
  width: 24px;
  height: 24px;
  fill: #16263F;
}

@media (max-width: 991px) {
  .hero__button {
    display: none;
  }
  .hero .swiper-slide {
    transition: opacity 0.3s;
    opacity: 0.1;
  }
  .hero .swiper-slide-active {
    opacity: 1;
    transition: opacity 0.3s;
  }
  .hero__item {
    padding: 0 5px;
  }
  .hero__item img {
    width: 100%;
  }
  .hero__bullets {
    display: flex;
  }
}
@media (max-width: 768px) {
  .hero {
    margin-bottom: 50px;
  }
}
.categories {
  margin-bottom: 140px;
}
.categories__title h2 {
  margin-bottom: 57px;
}
.categories__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}
.categories__item {
  display: block;
  background-color: #FFFFFF;
  border: 1px solid #F1F1F1;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
  border-radius: 30px;
  overflow: hidden;
}
.categories__item-img {
  height: 290px;
  flex: 0 0 290px;
}
.categories__item-img img {
  max-width: 100%;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.categories__item-info {
  padding: 24px 34px 22px;
  border-radius: 0 0 30px 30px;
  border: 1px solid transparent;
  border-top: none;
  transition: 0.3s;
}
.categories__item-info h4 {
  font-weight: 600;
  font-size: 20px;
  color: #16263F;
  margin-bottom: 14px;
}

.categories__info-box {
  display: flex;
  align-items: center;
}
.categories__info-box span {
  font-weight: 400;
  font-size: 13px;
  display: flex;
  align-items: center;
  color: #16263F;
}
.categories__info-box span:not(:last-child) {
  margin-right: 17px;
}

.categories__item:hover .categories__item-info {
  border: 1px solid #FA5581;
  border-top: none;
}

.develop__item-img,
.opening__item-img {
  position: relative;
}

.opening__item-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(89.74deg, rgba(252, 185, 84, 0.8) 1.27%, rgba(59, 255, 55, 0.768) 101.37%);
}
.opening__item-info h4 {
  font-weight: 600;
  font-size: 30px;
  line-height: 33px;
  color: #fff;
  text-align: center;
  max-width: 200px;
}

.develop__item-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
}
.develop__item-info h4 {
  font-weight: 600;
  font-size: 30px;
  line-height: 33px;
  color: #16263F;
  opacity: 0.5;
}

.icon-categories {
  fill: #A6B3C8;
  margin-right: 6px;
}
.icon-rub {
  width: 10px;
  height: 12px;
}
.icon-time {
  width: 16px;
  height: 16px;
}
.icon-star {
  width: 20px;
  height: 20px;
}
.icon-calendar {
  width: 78px;
  height: 78px;
  fill: #fff;
  margin-bottom: 13px;
}
.icon-develop {
  width: 82px;
  height: 82px;
  margin-bottom: 25px;
  fill: #16263F;
  opacity: 0.5;
}

@media (max-width: 1200px) {
  .categories__item-info {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 991px) {
  .categories__items {
    grid-template-columns: repeat(2, 1fr);
  }

  .categories__item-img {
    height: 200px;
  }
}
@media (max-width: 768px) {
  .categories {
    margin-bottom: 40px;
  }

  .title h2 {
    font-size: 28px;
    line-height: 22px;
    margin-bottom: 20px;
  }
}
@media (max-width: 650px) {
  .categories__items {
    grid-gap: 10px;
  }
  .categories__items {
    grid-template-columns: repeat(1, 1fr);
  }
  .categories__item-info h4 {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 7px;
    order: 1;
  }
  .categories__item-mode {
      order: 3;
      font-size: 13px;
      line-height: 18px;
      max-width: 240px;
      margin-top: 3px;
  }
  .categories__info-box {
      order: 2;
      height: 30px;
  }

  .develop__item-info h4,
.opening__item-info h4 {
    font-size: 16px;
    line-height: 18px;
    max-width: 110px;
  }

  .categories__item-img {
    height: 150px;
  }


  .categories__item-info {
    padding: 20px 20px 14px 20px;
  }

  .categories__item {
    border-radius: 20px;
  }

  .categories__item:hover .categories__item-info {
    border-radius: 0 0 20px 20px;
    border-top: none;
  }

  .icon-calendar {
    width: 43px;
    height: 43px;
    margin-bottom: 7px;
  }
  .icon-develop {
    width: 43px;
    height: 43px;
    margin-bottom: 12px;
  }
}
@media (max-width: 425px) {
  .categories__item-img {
    height: 135px;
  }

  .categories__item-info h4 {
    margin-bottom: 6px;
  }
}
.slang {
  margin-bottom: 20px;
}
.slang__inner {
  position: relative;
}
.slang__info {
  padding-top: 45px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 350px;
  height: 350px;
  border-radius: 100%;
  background-color: #fff;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.slang__info a {
  display: block;
  width: 296px;
  height: 95px;
  margin-bottom: 15px;
}
.slang__info svg {
  fill: #DF3663;
  width: 100%;
  height: 100%;
}
.slang__info p {
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  color: #16263F;
  max-width: 210px;
}
.slang__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
  margin: 0;
  padding: 0;
}
.slang__list li {
  overflow: hidden;
  border-radius: 30px;
  position: relative;
}
.slang__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #DF3663 0%, rgba(223, 54, 99, 0) 100%);
  transform: matrix(1, 0, 0, -1, 0, 0);
  opacity: 0.7;
  mix-blend-mode: color;
}
.slang__list li:first-child {
  border-radius: 0 30px 30px 0;
}
.slang__list li:last-child {
  border-radius: 30px 0 0 30px;
}
.slang__list img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 1630px) {
  .slang__info {
    padding-top: 15px;
    width: 200px;
    height: 200px;
  }
  .slang__info a {
    width: auto;
    height: 40px;
  }
  .slang__info p {
    font-size: 15px;
    line-height: 18px;
  }
}
@media (max-width: 991px) {
  .slang__list {
    grid-template-columns: repeat(3, 1fr);
    padding: 0;
  }
  .slang__list li:nth-child(3) {
    display: none;
  }
}
@media (max-width: 768px) {
  .slang {
    margin-bottom: 40px;
  }

  .slang__list {
    grid-template-columns: repeat(2, 1fr);
  }
  .slang__list li:nth-child(2) {
    display: none;
  }
}
@media (max-width: 475px) {
  .container-window {
    padding: 0 15px;
    margin: 0 auto;
  }

  .slang__list li::before,
.slang__list li:last-child,
.slang__list li:first-child {
    border-radius: 20px;
  }

  .slang__info {
    width: 141px;
    height: 141px;
    padding-top: 0;
  }
  .slang__info a {
    width: 92px;
    height: 43px;
    margin-bottom: 6px;
  }
  .slang__info p {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
  }
}
.about__inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.about__content {
  max-width: 1060px;
  width: 100%;
  margin-right: 20px;
}

.about__banner {
  position: relative;
  min-height: 400px;
  display: flex;
  flex-direction: column;
  color: #fff;
  padding: 0 50px 26px 50px;
  margin-bottom: 30px;
  justify-content: flex-end;
}
.about__banner::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 400px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25%, #000000 100%);
  opacity: 0.8;
  filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.05));
  left: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 30px;
}
.about__banner img {
  object-fit: cover;
  object-position: center;
  max-width: 100%;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
}
.about__banner-raiting {
  display: flex;
  justify-content: center;
  align-items: center;
  /* margin-top: auto; */
  width: 90px;
  height: 40px;
  background: #DF3663;
  border-radius: 50px;
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 22px;
}
.about__banner-raiting svg {
  width: 24px;
  height: 24px;
  margin-right: 4px;
}

.about__banner-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 23px;
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  font-weight: 600;
}
.about__banner-header h1 {
  font-size: 42px;
}
.about__banner-header a {
  font-size: 24px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.4);
  padding-bottom: 5px;
  transition: all 0.3s;
}
.about__banner-header a:hover {
  color: #FA5581;
  border-bottom: 1px dashed #FA5581;
}

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

.about__banner-list {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
}
.about__banner-list li {
  font-weight: 400;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.about__banner-list li + li {
  margin-left: 30px;
}
.about__banner-list a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.about__banner-list span {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.4);
}
.about__banner-list svg {
  margin-right: 5px;
}
.about__banner-list .icon {
  fill: #A6B3C8;
  width: 20px;
  height: 20px;
}
.about__banner-list .icon-rub {
  width: 14px;
  height: 16px;
}

.about__banner-link {
  font-weight: 600;
  font-size: 14px;
  width: 200px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 40px;
  transition: background-color 0.3s;
}
.about__banner-link:hover {
  background-color: rgba(250, 85, 129, 0.6);
}

.cart {
  max-width: 340px;
  position: relative;
  height: auto;
  width: 100%;
  padding: 10px;
  /* padding-top: 20px; */
  background-color: #FFFFFF;
  border: 1px solid #F1F1F1;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
  border-radius: 30px;
  position: sticky;
  top: 0;
  right: 0;
  overflow: hidden;
  transition: top 1s;
  /* height: 660px; */
}

.cart__form-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  margin-bottom: 20px;
}
.cart__form-header h4 {
  font-weight: 600;
  font-size: 20px;
  line-height: 22px;
  color: #DF3663;
}
.cart__form-header a {
  width: 24px;
  height: 24px;
  position: relative;
}
.cart__form-header a:hover svg {
  fill: #FA5581;
}
.cart__form-header a.active svg {
  fill: #FF858E;
}
.cart__form-header svg {
  width: 100%;
  height: 100%;
  fill: #A6B3C8;
  transition: fill 0.3s;
}

.cart__delete {
  position: absolute;
  left: -175px;
  top: 30px;
  padding: 20px;
  padding-top: 25px;
  background-color: #fff;
  border: 1px solid #F1F1F1;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
  border-radius: 30px;
  z-index: 22;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
}
.cart__delete h5 {
  margin: 0;
  padding: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 14px;
  color: #16263F;
}
.cart__delete .cart__delete-btns {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cart__delete .cart__delete-btns button {
  width: 80px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #DF3663;
  border-radius: 40px;
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  transition: background-color 0.3s;
}
.cart__delete .cart__delete-btns button:hover {
  background-color: #FA5581;
}
.cart__delete .cart__delete-btns button + button {
  margin-left: 10px;
}

.cart__delete.active {
  display: flex;
}

.ordering__aside-header .cart__delete {
  top: 56px;
  left: -160px;
}

.cart__list {
  padding: 0 20px;
  margin: 0;
  margin-bottom: 100px;
  height: 300px;
}

.ordering__list {
  height: auto;
}

.cart__item {
  padding-top: 20px;
  border-top: 1px solid #F1F1F1;
  position: relative;
}

.cart__item__aside .ordering-icon{
  width: 20px;
  height: 20px;
  }

.cart__item:not(:last-child) {
  padding-bottom: 20px;
}
.cart__item:last-child {
  padding-bottom: 15px;
  padding-top: 14px;
  border-bottom: 1px solid #F1F1F1;
}

.cart__item-top {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  color: #16263F;
  margin-bottom: 4px;
}

.cart__item-top h5 {
    font-size: 12px;
    line-height: 1.2;
  font-weight: 500;
  /* font-size: inherit; */
  /* line-height: 20px; */
  margin: 0;
  padding: 0;
  max-width: 200px;
}

.cart__item-opts{
  color: #9e9e9e; 
  font-size: 0.75rem;
}

.cart__item-price {
  font-weight: 600;
}
.cart__item-price span {
  display: inline-block;
  margin-right: 5px;
}

.cart__item-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cart__item-bottom p {
  font-size: 11px;
  line-height: 16px;
}

.cart__item-count {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 80px;
  font-size: 12px;
  margin-right: auto;
}
.cart__item-count input {
  max-width: 17px;
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
  margin-left: auto;
}
.cart__item-count span {
  margin-right: auto;
}

.cart__item-btn {
  width: 16px;
  height: 16px;
  border-radius: 100%;
}
.cart__item-btn:hover svg {
  fill: #FA5581;
}
.cart__item-btn svg {
  width: 100%;
  height: 100%;
  fill: #A6B3C8;
  transition: fill 0.3s;
}

.cart__item-size {
  font-weight: 400;
  font-size: 12px;
}
.cart__item-size span {
  display: inline-block;
  margin-right: 3px;
}

.cart__submit {
  background-color: rgba(166, 179, 200, 0.1);
  border-radius: 20px;
  padding: 20px;
}
.cart__submit button {
  font-weight: 700;
  font-size: 14px;
  color: #fff;
  padding: 15px 0;
  line-height: 30px;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
  border-radius: 30px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.cart__btn-inner {
  position: relative;
  z-index: 2;
}
.cart__btn-inner input {
  width: 40px;
  padding-left: 5px;
  color: #fff;
}

.cart__submit-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}

.cart__submit-total span,
.cart__submit-time span {
  display: block;
  margin-bottom: 4px;
}
.cart__submit-time 
.ordering__info-min
p {
  margin-top: 5px; 
  width: 174px;
}

.cart__submit-link {
  font-size: 30px;
  color: #16263F;
}
.cart__submit-link span {
  display: inline-block;
  border-bottom: 1px dashed rgba(22, 38, 63, 0.3);
  padding-bottom: 6px;
}

.cart__submit-price {
  font-weight: 600;
  font-size: 30px;
  color: #16263F;
}
.cart__submit-price span {
  display: inline-block;
  margin-right: 5px;
}

.cart__btn {
  background-color: #F1A7BB;
  /*display: none;*/
}

.cart__btn-send {
  background-color: #DF3663;
  transition: background-color 0.3s;
}
.cart__btn-send:disabled {
  background-color: #F1A7BB;
}
.cart__btn-send:disabled:hover {
  background-color: #F1A7BB;
}
.cart__btn-send:hover {
  background-color: #FA5581;
}

.cart__null {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
  border-radius: 30px;
}
.cart__null img {
  margin-bottom: 20px;
}
.cart__null h4 {
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  color: #16263F;
  max-width: 170px;
  text-align: center;
}

.cart__address {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-image: url("../images/map.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.cart__address h4 {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  max-width: 190px;
  text-align: center;
  color: #16263F;
}
.cart__address img {
  margin-top: auto;
  margin-bottom: 10px;
}
.cart__address a {
  font-weight: 700;
  font-size: 15px;
  line-height: 30px;
  color: #fff;
  margin-top: auto;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px 34px;
  background-color: #DF3663;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
  border-radius: 30px;
  transition: background-color 0.3s;
}
.cart__address a:hover {
  background-color: #FA5581;
}
.cart__address svg {
  margin-right: 5px;
}

@media (max-width: 991px) {
  .cart__null {
    /* display: none; */
  }
}
.about__menu {
  /* padding-bottom: 20px; */
  /* padding-top: 20px; */
  /* padding-left: 10px; */
  border-bottom: 1px solid #F1F1F1;
  margin-bottom: 35px;
  position: sticky;
  left: 0;
  top: 74px;
  z-index: 5;
  width: 100%;
  background-color: #fff;
  
  height: 63px;
  padding: 0 !important;
  display: flex;
  align-items: center;
}
.about__menu-list {
  padding: 0 !important;
  margin: 0;
  display: flex;
  align-items: center;
  margin-right: 25px;
  height: 100%;
 
}
.about__menu-list li:not(:last-child) {
  margin-right: 30px;
}
.about__menu-list a {
  font-weight: 400;
  font-size: 16px;
  color: #16263F;
  transition: color 0.3s;
  
  line-height: 22px;
  padding: 19px 1px;
}
.about__menu-list a:hover {
  color: #A6B3C8;
}
.about__menu-list a.active {
  font-weight: 600;
  /* padding-bottom: 5px; */
  border-bottom: 3px solid #DF3663;
  /* padding-bottom: 20px; */
  transition: color 0.3s;
  
  font-style: normal;
}
.about__menu-list a.active:hover {
  color: #16263F;
}
.about__menu-list .about__menu-list--more a.active {
  font-weight: 600;
  border-bottom: 3px solid #DF3663;
  padding-bottom: 0;
}

.about__menu-list--more {
  display: none;
  animation: dropdown 0.5s;
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
}
.about__menu-list--more li:not(:last-child) {
  margin-bottom: 15px;
}

.about__menu-dropdown {
  position: relative;
}
.about__menu-dropdown:hover .about__menu-list--more {
  display: block;
}
.about__menu-dropdown span {
  font-weight: 400;
  font-size: 16px;
  color: #16263F;
  cursor: pointer;
  position: relative;
  padding-bottom: 20px;
}

@media (max-width: 650px) {
  .about__menu {
    top: 70px;
  }
}
@keyframes dropdown {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.stock {
  margin-bottom: 120px;
}
.stock h2 {
  text-align: left;
}

.sets {
  margin-bottom: 130px;
}
.sets h2 {
  text-align: left;
      display: inline-flex;
    width: 100%;
    justify-content: flex-start;
}

.cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}

.card {
  background-color: #FFFFFF;
  border: 1px solid #F1F1F1;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
  border-radius: 30px;
  padding: 10px;
  padding-bottom: 20px;
}

.card .shk-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
}

.stock__card {
  position: relative;
}
.stock__card::before {
  content: "Акция";
  position: absolute;
  font-weight: 600;
  font-size: 14px;
  color: #16263F;
  width: 90px;
  height: 40px;
  background: linear-gradient(259.04deg, #FFD747 0%, #EE8950 100%);
  border-radius: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 30px;
  top: -10px;
  z-index: 2;
}

.card__img {
  width: 100%;
  height: 230px;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 20px;
  display: block;
}
.card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.card__info {
  padding: 0 20px;
  /* padding-bottom: 30px; */
  width: 100%;
}
.card__info-size {
  margin-bottom: 8px;
  padding: 0 20px;
}
.card a {
  font-weight: 400;
  font-size: 20px;
  line-height: 22px;
  color: #16263F;
  margin-bottom: 15px;
  display: flex;
  padding: 0 20px;
  margin-bottom: auto;
}

.card a.card__img {
    padding: 0;
    margin-bottom: 20px;
    position: relative;
}
.card__info p {
  margin-bottom: 17px;
}

.card__form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 20px;
  margin-top: 15px;
}
.card__form button {
  font-weight: 500;
  font-size: 18px;
  color: #16263F;
  background-color: rgba(166, 179, 200, 0.2);
  border-radius: 30px;
  width: 100%;
  height: 50px;
  transition: background-color 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
}

.card__form button > span {
    position: relative;
    padding-left: 28px;
}

.card__form button > span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url('../images/basket-icon.svg');
}

.card__form button:hover {
  background-color: rgba(166, 179, 200, 0.6);
}
.card__form svg {
  display: none;
}

.card__form-price {
  font-weight: 600;
  font-size: 30px;
  color: #16263F;
}

.card__price-form--new {
  color: #619D68;
  margin-right: 10px;
}

.card__price-form--old {
  font-size: 20px;
  color: #A6B3C8;
  position: relative;
  margin-right: auto;
}
.card__price-form--old::before {
  content: "";
  position: absolute;
  left: -5px;
  top: 50%;
  transform: translateY(-50%);
  width: 120%;
  height: 2px;
  background-color: #DF3663;
}

.map {
  width: 100%;
  height: 460px;
  border-radius: 30px;
  overflow: hidden;
  position: relative;
  margin-bottom: 130px;
}

.map__inner {
  width: 100%;
  height: 100%;
}

.map__info {
  width: 350px;
  position: absolute;
  left: 40px;
  top: 40px;
  z-index: 4;
  height: 2px;
  padding: 0 40px;
  padding-top: 46px;
  padding-bottom: 30px;
  background-color: #fff;
  border: 1px solid #F1F1F1;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  height: auto;
}
.map__info h2 {
  text-align: left;
  margin-bottom: 30px;
}

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

.map__info-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
}
.map__info-item span {
  font-size: 14px;
  color: #A6B3C8;
  margin-bottom: 10px;
}
.map__info-item strong {
  font-weight: 600;
  font-size: 20px;
  color: #16263F;
  margin-bottom: 2px;
}
.map__info-item a {
  font-weight: 600;
  font-size: 14px;
  color: #DF3663;
  display: inline-block;
  border-bottom: 1px dashed rgba(223, 54, 99, 0.3);
  transition: border 0.3s;
}
.map__info-item a:hover {
  border-bottom: 1px dashed #df3663;
}

.map__info-item {
  padding-top: 10px;
  margin-top: 15px;
  border-top: 1px solid #F1F1F1;
  padding-left: 20px;
  position: relative;
}
.map__info-item svg {
  fill: #A6B3C8;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 13px;
}
.map__info-item:first-child {
  margin-top: 0;
}

.map__info-address strong {
  font-size: 16px;
}

.map__info-social a {
  font-size: 16px;
  color: #16263F;
  border-bottom: none;
  margin-bottom: 0;
  transition: color 0.3s;
}
.map__info-social a:hover {
  color: #FA5581;
}

.ymaps-2-1-79-copyright__content,
.ymaps-2-1-79-gotoymaps__container,
.ymaps-2-1-79-gototech,
.ymaps-2-1-79-gotoymaps__pin,
.ymaps-2-1-79-gotoymaps__text {
  display: none !important;
}

.ymaps-2-1-79-ground-pane {
  filter: grayscale(1);
}

.breadcrumbs {
  padding: 0;
  display: flex;
  align-items: center;
  margin: 30px 0 48px;
  font-size: 12px;
  line-height: 22px;
}
.breadcrumbs li + li {
  margin-left: 15px;
  padding-left: 18px;
  position: relative;
}
.breadcrumbs li + li::before {
  content: "/";
  position: absolute;
  left: 0;
}
.breadcrumbs a {
  transition: color 0.3s;
}
.breadcrumbs a:hover {
  color: #FA5581;
}

.ordering {
  margin-bottom: 130px;
}
.ordering h1 {
  text-align: left;
}

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

.ordering__aside {
  width: 460px;
}

.ordering__aside-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}
.ordering__aside-header a {
  width: 50px;
  height: 50px;
  border: 1px solid #F1F1F1;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.ordering__aside-header a:hover svg {
  fill: #FA5581;
}
.ordering__aside-header a.active svg {
  fill: #FF858E;
}
.ordering__aside-header svg {
  width: 24px;
  height: 24px;
  transition: fill 0.3s;
}

.ordering__aside-box p {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 13px;
}
.ordering__aside-box h4 {
  font-weight: 600;
  font-size: 30px;
  color: #16263F;
}

.ordering__list {
  padding: 0;
  margin-bottom: 0;
}

.ordering__item.cart__item {
  padding-top: 25px;
  padding-bottom: 25px;
  margin-bottom: 0;
}

.ordering__item {
  position: relative;
  padding-left: 110px;
}
.ordering__item:last-child {
  /* border-bottom: none; */
}
.ordering__item img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 90px;
  height: 65px;
  border-radius: 10px;
}

.ordering__info {
  background-color: rgba(166, 179, 200, 0.1);
  border-radius: 20px;
  padding: 40px 28px;
}

.ordering__info-delivery {
  padding-bottom: 17px;
  margin-bottom: 28px;
  border-bottom: 1px solid rgba(22, 38, 63, 0.1);
  padding-left: 55px;
  background-image: url("../images/car.webp");
  background-repeat: no-repeat;
  background-position: left 5px;
}
.ordering__info-delivery p {
  font-size: 12px;
  line-height: 16px;
}

.ordering__info-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  color: #16263F;
  margin-bottom: 5px;
}

.ordering__info-price {
  font-weight: 600;
}
.ordering__info-price span {
  margin-right: 5px;
}

.ordering__info-summ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 36px;
  color: #16263F;
}

.ordering__info-price {
  font-weight: 600;
}

.form__user {
  max-width: 820px;
  width: 100%;
}
.form__user button[type="submit"] {
  background-color: #DF3663;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
  border-radius: 30px;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}
.form__user button:disabled {
  background-color: #F1A7BB;
}

.form__user-tabs {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.form__user-tab {
  background-color: #FFFFFF;
  border: 1px solid #F1F1F1;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 68px;
  width: 100%;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #16263F;
  transition: 0.3s;
  position: relative;
}
.form__user-tab svg {
  margin-right: 10px;
  fill: #A6B3C8;
  transition: 0.3s;
}
.form__user-tab label {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 30px;
  padding: 0;
  margin: 0;
  transition: 0.3s;
}
.form__user-tab label:hover {
  border: 1px solid #FF858E;
  color: #DF3663;
  transition: 0.3s;
}
.form__user-tab label:hover svg {
  fill: #DF3663;
}
.form__user-tab input {
  appearance: none;
  position: absolute;
  width: 0;
  height: 0;
}
.form__user-tab input:checked + label {
  border: 1px solid #FF858E;
  color: #DF3663;
}
.form__user-tab input:checked + label svg {
  fill: #DF3663;
}

.form__user-tab + .form__user-tab {
  margin-left: 20px;
}

.icon-car {
  width: 24px;
  height: 24px;
}
.icon-map {
  width: 26px;
  height: 26px;
}

.form__user-items {
  padding: 40px;
  padding-bottom: 50px;
  background-color: #FFFFFF;
  border: 1px solid #F1F1F1;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
  border-radius: 30px;
}

.form__user-item h3 {
  font-weight: 600;
  font-size: 24px;
  color: #16263F;
  margin-bottom: 25px;
}
 

.form__title h4 {
  font-weight: 500;
  font-size: 16px;
  color: #A6B3C8;
  margin-bottom: 15px;
}

.form__user-pickup,
.form__user-pay,
.form__user-time,
.form__user-address,
.form__user-name {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #F1F1F1;
}

.form__user-time {
  padding-bottom: 82px;
}

.form__user-inputs {
  display: flex;
}
.form__user-inputs input + input {
  margin-left: 20px;
}

.form__input {
  border: 1px solid rgba(166, 179, 200, 0.4);
  border-radius: 30px;
  width: 100%;
  height: 50px;
  position: relative;
  transition: border 0.3s;
  scroll-margin-top: 350px;
}
.form__input:hover {
  border: 1px solid #A6B3C8;
}
.form__input input {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #16263F;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 25px;
  z-index: 2;
  outline: none;
  position: relative;
  border-radius: 30px;
  background: transparent !important;
  scroll-margin-top: 350px;
}
.form__input label {
  font-size: 14px ;
  position: absolute;
  left: 25px;
  top: 50%  ;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  padding: 3px;
  background-color: #fff;
  transition: 0.3s;
}
.form__input i {
  color: #DF3663;
}
.form__input input:focus + label ,
.input_filled  + label,
.form__input input + label.active
 
{
  top: -2px;
  font-size: 12px;
}

.form__input + .form__input {
  margin-left: 20px;
}

.form__input-mb {
  margin-bottom: 20px;
}

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

.form__user-select {
  border: 1px solid rgba(166, 179, 200, 0.4);
  border-radius: 30px;
  width: 320px;
  background-image: url("../images/time.webp");
  background-repeat: no-repeat;
  background-position: 25px center;
}
.form__user-select span {
  font-size: 14px;
  line-height: 22px;
  color: #16263F;
  padding-left: 40px;
}
.form__user-select .list {
  background-color: #FFFFFF;
  border: 1px solid #F1F1F1;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
  border-radius: 30px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 20px 25px;
}
.form__user-select .option {
  padding: 0;
  min-height: auto;
  font-size: 14px;
  line-height: 22px;
  color: #16263F;
}
.form__user-select .option:hover {
  background-color: transparent;
}
.form__user-select .option + .option {
  margin-top: 10px;
}

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  background-color: transparent;
}

.nice-select .option.selected.focus {
  background-image: url("../images/check.webp");
  background-repeat: no-repeat;
  background-position: 95% center;
}

.nice-select .option.selected {
  font-weight: 400;
}

.nice-select:active {
  border: 1px solid rgba(166, 179, 200, 0.4);
}

.nice-select.open {
  border: 1px solid rgba(166, 179, 200, 0.4);
}

.nice-select:hover {
  border: 1px solid #A6B3C8;
}

.nice-select:after {
  right: 25px;
  border-bottom: 1px solid #16263F;
  border-right: 1px solid #16263F;
}

.form__user-ways {
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
}

.form__user-ways label:not(:last-child) {
    margin-right: 20px;
}

.form__user-ways label {
  border: 1px solid rgba(166, 179, 200, 0.4);
  box-sizing: border-box;
  border-radius: 30px;
  padding-top: 80px;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 25px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  width: 165px;
  height: 180px;
  position: relative;
  transition: box-shadow 0.3s;
  overflow: hidden;
}
.form__user-ways label:hover {
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
}
.form__user-ways label::before {
  content: "";
  position: absolute;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  border: 2px solid rgba(166, 179, 200, 0.4);
  top: 25px;
  left: 30px;
  z-index: 1;
}
.form__user-ways label::after {
  content: "";
  position: absolute;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  border: none;
  background-image: url("../images/check-white.webp");
  background-repeat: no-repeat;
  background-position: center;
  top: 25px;
  left: 30px;
  z-index: 2;
  background-color: #FA5581;
  opacity: 0;
}
.form__user-ways input {
  font-size: 0;
  position: absolute;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form__user-ways input#sdacha {
  display: block;
  opacity: 0;
  font-size: 100%;
  bottom: 0;
  border: solid 1px rgba(166, 179, 200, 0.4);
  left: 0;
  right: 0;
  width: 88%;
  border-radius: inherit;
  margin: 0 auto;
  padding: 0.2rem;
  text-align: center;
}
.form__user-ways input:checked + label::after {
  opacity: 1;
}

.form__user-ways input:checked + label>input#sdacha {
  opacity: 1;
}

.form__user-ways strong {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #16263F;
  margin-bottom: 10px;
  pointer-events: none;
}
.form__user-ways span {
  font-size: 12px;
  line-height: 14px;
}

.form__user-comment {
  width: 100%;
}
.form__user-comment textarea {
  width: 100%;
  height: 200px;
  border: 1px solid rgba(166, 179, 200, 0.4);
  border-radius: 30px;
  outline: none;
  padding: 25px;
  font-weight: 600;
  color: #16263F;
  resize: none;
}

.form__user-police {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.form__user-police label {
  font-size: 12px;
  line-height: 17px;
  padding-left: 28px;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.form__user-police label::after, .form__user-police label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border: 1.5px solid rgba(166, 179, 200, 0.4);
  border-radius: 6px;
  z-index: 1;
}
.form__user-police label::after {
  background-image: url("../images/check-red.webp");
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2;
  opacity: 0;
}
.form__user-police input:checked + label::after {
  opacity: 1;
}
.form__user-police i {
  font-weight: 600;
  font-style: normal;
}
.form__user-police input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form__user-pickup h4 {
  margin-bottom: 15px;
}

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

.form__user-inner .map__info-items {
  max-width: 270px;
}
.form__user-inner .map__info-item:first-child {
  padding-top: 0;
  border-top: none;
}

.form__info-map {
  width: 100%;
  height: 320px;
  border-radius: 15px;
  overflow: hidden;
}

.modal-map__content .ymaps-2-1-79-balloon {
    box-shadow: none;
}

#modal-pickup .ymaps-2-1-79-balloon{
    margin-top: -48px;
}

.modal-map__content .ymaps-2-1-79-balloon__layout{
    background: #df3663;
    border-radius: 12px;
}

.modal-map__content .ymaps-2-1-79-balloon__content {
    background: transparent;
}

.form__info-map .ymaps-2-1-79-balloon-content__header {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    white-space: nowrap;
}

.form__info-map .ymaps-2-1-79-balloon__content ymaps {
    height: auto !important;
    width: fit-content !important;
}

.modal-map__content .ymaps-2-1-79-balloon-content__header{
    line-height: 1.1;
    margin-bottom: 0;
}

.balloon-time{
    font-weight: 700;
    font-size: 14px;
}

.modal-map__pane .ymaps-2-1-79-balloon-content__header{
    text-align: center !important;
}
.modal-map__pane .ymaps-2-1-79-balloon__close+.ymaps-2-1-79-balloon__content{
    margin-right: 0;
    padding-right: 12px;
    color: #fff;
    font-family: "Golos", sans-serif;
}

.balloon-text{
    font-weight: 400;
    font-size: 12px;
}

.balloon-price{
    font-weight: 500;
    font-size: 14px;
}


.modal-map__content .ymaps-2-1-79-balloon__tail {
    box-shadow: none;
}

.modal-map__content .ymaps-2-1-79-balloon__tail:after {
    background: #df3663;
}

.modal-map__content .ymaps-2-1-79-balloon__close {
    display: none;
}

.form__info-map .ymaps-2-1-79-balloon__close+.ymaps-2-1-79-balloon__content {
    margin-right: 0;
    padding: 10px 16px;
}

.form__user-address.active {
  display: none;
}

.form__user-pickup {
  display: none;
}

.form__user-pickup.active {
  display: block;
}


.form__user-alert{
    border-radius: 20px;
    border: 1px dashed #DF3663;
    background: rgba(223, 54, 99, 0.05);
    
    padding: 40px 30px 30px;
    margin-top: 40px;
}



.form__user-alert-top{
    display: flex;
    align-items: center;
    gap: 30px;
    
    margin-bottom: 26px;
}

.form__user-alert-icon{
    display: flex;
    align-items: center;
    justify-content: center;
}

.form__user-alert-desc h4{
    color: #16263F;
    font-family: Golos;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    
    margin-bottom: 8px;
}

.form__user-alert-desc p{
    color: rgba(22, 38, 63, 0.50);
    font-family: Golos;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    margin-bottom: 17px;
}
.form__user-alert-desc p span{
    color: #DF3663;
}

.form__user-alert-desc .form__user-police{
    display: block;
}

.form__user-alert-desc .form__user-police label{
    color: #16263F;
    font-family: Golos;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 17px; /* 141.667% */
}


.modal {
  max-width: 460px;
  border-radius: 20px;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
  padding: 50px;
  width: 100%;
}
.modal h4 {
  font-weight: 600;
  font-size: 36px;
  line-height: 44px;
  color: #16263F;
  max-width: 297px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 25px;
}
.modal p {
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  text-align: center;
  color: #16263F;
}
.modal img {
  margin: 0 auto;
  margin-bottom: 20px;
}
.modal button {
  background-color: #DF3663;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  font-weight: 700;
  font-size: 15px;
  color: #fff;
  padding: 0;
  transition: background-color 0.3s;
}
.modal button:hover {
  background-color: #FA5581;
}
.modal button:disabled {
   background-color: #e9adbd;
}
.modal button.fancybox-button {
  width: auto;
  background-color: transparent;
  display: block;
  margin-left: auto;
}

.fancybox-button svg {
    width: auto;
}

.modal__input + .modal__input {
  margin-left: 0;
}

.modal__address-grid {
  margin-top: 20px;
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}

.modal-bid__input + .modal-bid__input {
  margin-left: 0;
}

.modal-bid__input {
  margin-bottom: 20px;
  margin-left: 0;
}

.modal-bid button {
  margin-bottom: 20px;
}

.modal-processed p {
  font-size: 20px;
  line-height: 27px;
}

.modal-time h4 {
  margin-bottom: 27px;
}

.modal-time__tabs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #F6F7F9;
  border-radius: 40px;
  padding: 10px;
  margin-bottom: 30px;
}
.modal-time__tabs button.modal-time__tab {
  background-color: transparent;
  width: 170px;
  height: 40px;
  font-weight: 600;
  font-size: 15px;
  line-height: 30px;
  color: #A6B3C8;
  box-shadow: none;
}
.modal-time__tabs button.modal-time__tab.active {
  background-color: #fff;
  color: #16263F;
}

.modal-time__items {
  margin-bottom: 30px;
  display: none;
}

.modal-time__items.active {
  display: block;
}

.modal-time__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: relative;
}
.modal-time__item label {
  width: 100%;
  font-size: 20px;
  line-height: 22px;
  color: #16263F;
  cursor: pointer;
  position: relative;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: color 0.3s;
}
.modal-time__item label:hover {
  color: #7B8798;
}
.modal-time__item label::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("../images/check.webp");
  background-repeat: no-repeat;
  width: 24px;
  height: 26px;
  opacity: 0;
}
.modal-time__item input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
}
.modal-time__item input:checked + label {
  font-weight: 600;
}
.modal-time__item input:checked + label:after {
  opacity: 1;
}

.modal-time__item + .modal-time__item {
  margin-top: 30px;
}

.page {
  margin-bottom: 100px;
}
.page h1 {
  text-align: left;
}
.page__slider {
  background-color: #fff;
  border-radius: 15px;
  margin-bottom: 27px;
}
.page__slide {
  height: 550px;
  position: relative;
  overflow: hidden;
  border-radius: 15px;
}
.page__slide::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 280px;
  background: linear-gradient(180deg, rgba(234, 105, 12, 0) 0%, rgba(0, 0, 0, 0) 0.01%, #000000 100%);
  mix-blend-mode: normal;
  opacity: 0.4;
  border-radius: 15px 0px 0px 15px;
}
.page__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.page__pagination.swiper-pagination {
  left: 30px;
  bottom: 30px;
  width: auto;
}
.page__pagination.swiper-pagination span {
  background-color: rgba(255, 255, 255, 0.3);
}
.page__pagination.swiper-pagination span.swiper-pagination-bullet-active {
  background-color: #fff;
}
.page hr {
  background-color: #f1f1f1;
  opacity: 0.2;
  margin: 0;
}

.page__text p {
  font-weight: 400;
  font-size: 16px;
  line-height: 27px;
  color: #16263F;
  margin-bottom: 25px;
}
.page__text p:not(:first-child) {
  margin-top: 30px;
}
.page__text h4 {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  color: #16263F;
  margin-bottom: 20px;
  margin-top: 55px;
}
.page__text ul {
  margin-bottom: 40px;
}
.page__text li {
  font-weight: 400;
  font-size: 16px;
  line-height: 27px;
  color: #16263F;
}
.page__text li:not(:last-child) {
  margin-bottom: 4px;
}
.page__text ol {
  margin: 0;
  margin-bottom: 40px;
  padding-left: 15px;
}
.page__text ul li {
  list-style: none;
  position: relative;
  padding-left: 15px;
}
.page__text ul li::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  left: 0;
  top: 10px;
  background-color: #DF3663;
}
.page__text blockquote {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #16263F;
  padding: 38px 100px 28px 40px;
  background-color: rgba(223, 54, 99, 0.05);
  border-radius: 20px;
  position: relative;
  margin-bottom: 60px;
}
.page__text blockquote::before {
  content: "";
  position: absolute;
  left: 40px;
  top: -20px;
  background-image: url("../images/quote.webp");
  width: 45px;
  height: 45px;
  background-repeat: no-repeat;
  background-position: center;
}

.page-gallery {
  margin-bottom: 60px;
  margin-top: 55px;
}
.page-gallery h4 {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  color: #16263F;
  margin-bottom: 25px;
}
.page-gallery__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}
.page-gallery__item {
  background-color: #EDEDED;
  border-radius: 20px;
  height: 270px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.page-gallery__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.page-gallery__item span {
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(223, 54, 99, 0.5);
  border-radius: 20px;
  background-image: url("../images/search.webp");
  background-position: center;
  background-repeat: no-repeat;
  transition: height 0.3s;
}
.page-gallery__item:hover span {
  height: 100%;
}

.page__table {
  margin-top: 45px;
}
.page__table h4 {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  color: #16263F;
  margin-bottom: 30px;
}
.page__table table {
  width: 100%;
}
.page__table th {
  text-align: left;
  font-weight: 400;
  font-size: 16px;
  line-height: 27px;
  color: #16263F;
}
.page__table td {
  font-weight: 700;
  font-size: 16px;
  line-height: 27px;
  color: #16263F;
  text-align: left;
  width: 200px;
}
.page__table tr {
  border-radius: 20px;
  padding: 20px 25px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page__table tr:nth-child(2n+1) {
  background-color: rgba(166, 179, 200, 0.1);
}
.page__table tr:first-child {
  background-color: #DF3663;
}
.page__table tr:first-child th, .page__table tr:first-child td {
  color: #fff;
}

.office {
  margin-bottom: 50px;
}
.office h1 {
  text-align: left;
  margin-bottom: 35px;
}

.office__inner {
  background-color: #fff;
  border: 1px solid #f1f1f1;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
  border-radius: 30px;
  padding: 60px 120px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 80px;
  grid-row-gap: 30px;
}

.office__item {
  width: 100%;
  height: 50px;
  border: 1px solid rgba(166, 179, 200, 0.4);
  border-radius: 30px;
}
.office__item label {
  position: relative;
  padding-left: 20px;
  padding-right: 27px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.office__item span {
  position: absolute;
  top: -12px;
  left: 23px;
  z-index: 2;
  padding: 0 3px;
  background-color: #fff;
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
}
.office__item input {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #16263F;
}
.office__item button {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #FA5581;
}

.office__item--date input {
  width: 100%;
}

.office__item--code input::placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #A6B3C8;
}
.office__item--code button {
  color: #A6B3C8;
}

.office__item--sub {
  border: none;
  height: auto;
}
.office__item--sub label {
  cursor: pointer;
  position: relative;
  padding: 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 22px;
  color: #16263F;
  padding-left: 30px;
  width: auto;
  height: auto;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.office__item--sub label::before, .office__item--sub label::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(166, 179, 200, 0.4);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 6px;
  z-index: 1;
}
.office__item--sub label::after {
  z-index: 2;
  border: none;
  background-color: #DF3663;
  background-image: url("../images/check-white.webp");
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
}
.office__item--sub input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
}
.office__item--sub input:checked + label::after {
  opacity: 1;
}
.office__item--sub span {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #16263F;
  position: static;
  display: block;
  padding: 0;
  margin-bottom: 5px;
}

.office__close-link {
  font-weight: 700;
  font-size: 15px;
  line-height: 30px;
  color: #fff;
  background-color: #F1A7BB;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
  border-radius: 30px;
  padding: 15px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column-start: 2;
  grid-column-end: 3;
}

.login__popup-form h2 {
  font-weight: 600;
  font-size: 36px;
  line-height: 44px;
  color: #16263F;
  margin-bottom: 12px;
  text-align: center;
}
.login__popup-form p {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #16263F;
  margin-bottom: 25px;
}
.login__popup-form button {
  margin-bottom: 20px;
}
.login__popup-form button:disabled {
  background-color: #F1A7BB;
}

.login-popup__input {
  margin-bottom: 20px;
}

.login__sms-form h2 {
  font-weight: 600;
  font-size: 36px;
  line-height: 44px;
  color: #16263F;
  margin-bottom: 18px;
  text-align: center;
}
.login__sms-form button {
  margin-bottom: 20px;
  background-color: #F1A7BB;
}
.login__sms-form button span {
  display: inline-block;
  margin: 0 5px;
}
.login__sms-form button.done {
  background-color: #DF3663;
}

.login-sms_info {
  text-align: center;
  margin-bottom: 25px;
}
.login-sms_info p {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #A6B3C8;
}
.login-sms_info span {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  color: #16263F;
  margin-right: 5px;
  display: inline-block;
}
.login-sms_info a {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  color: #DF3663;
}

.login-sms__wrap {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.login-sms__wrap input {
  width: 75px;
  height: 50px;
  border-radius: 30px;
  border: 1px solid rgba(166, 179, 200, 0.4);
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #16263F;
  padding: 0 30px;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type=number]:hover,
input[type=number]:focus {
  -moz-appearance: number-input;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.footer {
  padding: 90px 0 78px;
  background-color: rgba(166, 179, 200, 0.1);
  color: #7B8798;
  position: relative;
}
.footer__inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-evenly;
}
.footer__logo {
  margin-right: 82px;
}
.footer__logo a {
  display: block;
  margin-bottom: 15px;
  width: 251px;
  color: #DF3663;
}
.footer__logo svg {
  width: 251px;
  height: 94px;
}
.footer__logo h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #16263F;
  margin: 0;
  margin-bottom: 25px;
}
.footer__logo p {
  font-weight: 400;
  font-size: 14px;
  line-height: 34px;
}
.footer__menu {
  margin-right: 82px;
  padding-right: 82px;
  border-right: 1px solid rgba(22, 38, 63, 0.1);
}
.footer__menu--border {
  padding-left: 82px;
  border-left: 1px solid rgba(22, 38, 63, 0.1);
}
.footer__menu h4 {
  font-weight: 500;
  font-size: 18px;
  line-height: 34px;
  margin-bottom: 4px;
}
.footer__info-social {
  margin-bottom: 30px;
}
.footer__info-social h5 {
  font-weight: 400;
  font-size: 14px;
  line-height: 34px;
  margin: 0;
  margin-bottom: 5px;
}

.social__list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.social__list li + li {
  margin-left: 10px;
}
.social__list a {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  background-color: #7B8798;
  border-radius: 17px;
  transition: 0.3s;
}
.social__list a:hover {
  background-color: #FA5581;
}

.menu__list {
  padding: 0;
}
.menu__list li {
  padding-left: 22px;
  position: relative;
}
.menu__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 1px;
  background-color: #FA5581;
}
.menu__list a {
  font-weight: 400;
  font-size: 14px;
  line-height: 34px;
  transition: 0.3s;
}
.menu__list a:hover {
  color: #FA5581;
}

.privacy {
  font-weight: 500;
  font-size: 14px;
  line-height: 34px;
  color: #DF3663;
  border-bottom: 1px solid rgba(223, 54, 99, 0.2);
  transition: 0.3s;
}
.privacy:hover {
  border-bottom: 1px solid #DF3663;
}

.develop {
  margin-top: 30px;
  font-size: 14px;
  line-height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.develop img {
  margin-left: 3px;
}

.icon-facebook {
  width: 8px;
  height: 16px;
}
.icon-instagram {
  width: 18px;
  height: 18px;
}
.icon-twitter {
  width: 16px;
  height: 13px;
}

.footer.active {
  display: none;
}

@media (max-width: 1366px) {
  .footer__info {
    margin-left: auto;
  }
  .footer__logo {
    margin-right: auto;
  }
  .footer__menu--border {
    padding-left: 41px;
  }
  .footer__menu {
    margin-right: 41px;
    padding-right: 41px;
  }
}
@media (max-width: 1100px) {
  .footer__menu--border {
    display: none;
  }
  .footer__menu {
    margin-right: 0;
    padding-right: 0;
    border: none;
  }
}
@media (max-width: 768px) {
  .footer {
    padding-bottom: 74px;
  }

  .footer__menu {
    display: none;
  }
}
@media (max-width: 650px) {
  .footer {
    padding-top: 46px;
  }

  .footer__logo {
    padding-bottom: 32px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(22, 38, 63, 0.1);
    margin-left: auto;
    display: block;
    width: 100%;
  }
  .footer__logo p {
    position: absolute;
    bottom: 11px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .footer__logo h5 {
    display: none;
  }
  .footer__logo a {
    margin: auto;
    width: 125px;
  }
  .footer__logo svg {
    width: 125px;
    height: 47px;
  }

  .footer__info-social {
    display: none;
  }

  .footer__inner {
    flex-direction: column;
    align-items: center;
  }

  .footer__info {
    margin-right: auto;
    text-align: center;
  }

  .develop {
    margin-top: 0;
  }
}
.navbar {
  display: none;
  padding: 12px 17px;
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #fff;
  z-index: 50;
}
.navbar__list {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.navbar__list li + li {
  padding-left: 7%;
  margin-left: 4%;
  border-left: 1px solid #F1F1F1;
}
.navbar__list a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #16263F;
  transition: color 0.3s;
  font-size: 0;
  line-height: 0;
}
.navbar__list a:hover {
  color: #DF3663;
}
.navbar__list a:focus {
  color: #DF3663;
}
.navbar__list svg {
  width: 30px;
  height: 30px;
}


@media (max-width: 768px) {
  .navbar {
    display: block;
  }
}
@media (max-width: 550px) {
  .navbar__list a {
    font-size: 10px;
    font-size: 0;
    line-height: 0;
  }
}
@media (max-width: 1500px) {
  .about__content {
    max-width: 100%;
    width: 70%;
  }

  .cart {
    max-width: 100%;
    width: 30%;
  }

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

  .about__banner-list {
    display: grid;
    grid-column-gap: 20px;
    grid-row-gap: 10px;
    grid-template-columns: repeat(4, 1fr);
  }
  .about__banner-list li {
    justify-content: start;
  }
  .about__banner-list li + li {
    margin: 0;
  }

  .page-gallery__item {
    height: 230px;
  }

  .office__inner {
    padding: 60px 40px;
    grid-column-gap: 40px;
  }
}
@media (max-width: 1350px) {
  .form__user {
    margin-right: 20px;
  }

  .about__banner-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1250px) {
  .form__user {
    max-width: 700px;
  }

  .form__user-inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .form__user-inner .map__info-items {
    max-width: 100%;
    margin-bottom: 20px;
    width: 100%;
  }

  .form__user-ways {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }
  .form__user-ways label {
    width: 100%;
  }

  .ordering h1 {
    line-height: 1;
  }
}
@media (max-width: 1200px) {
  .page-gallery__items {
    grid-template-columns: repeat(2, 1fr);
  }

  .page-gallery__item {
    height: 250px;
  }

  .page__slide {
    height: 300px;
  }

  .page__text blockquote {
    font-size: 16px;
    line-height: 20px;
    padding: 30px;
  }

  .office__inner {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
  }
}
@media (max-width: 1150px) {
  .about__content {
    width: 65%;
  }

  .cart {
    width: 35%;
  }

  .about__banner-header {
    flex-direction: column;
  }

  .about__banner-content {
    flex-direction: column;
    align-items: flex-start;
  }

  .about__banner-list {
    margin-bottom: 30px;
  }

  .form__user {
    max-width: 600px;
  }

  .card__price-form--new {
    font-size: 25px;
  }

  .about__banner-list {
    margin-bottom: 0;
  }
}
@media (max-width: 1050px) {
  .about__banner-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1023px) {
  .ordering__form {
    flex-direction: column;
  }

  .form__user {
    max-width: 100%;
    margin-bottom: 50px;
  }

  .ordering__aside {
    width: 100%;
    margin-bottom: 30px;
  }

  .form__user {
    order: 1;
  }

  .ordering {
    margin-bottom: 50px;
  }

  .form__user {
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .about__inner {
    display: block;
  }

  .about__content {
    width: 100%;
    margin-right: 0;
  }

  .about__banner-content {
    flex-direction: row;
    align-items: center;
  }

  .about__banner-list {
    margin-bottom: 0;
  }

  .about__banner-header {
    flex-direction: row;
  }
  .about__banner-header h1 {
    margin-bottom: 0;
  }

  .cart {
    width: 100%;
    margin-bottom: 80px;
    display: none;
  }

  .container-mb {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 15px;
  }

  .cart {
    position: static;
  }

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

  .about__content {
    order: 1;
  }

  .cart__list {
    /* margin-bottom: 50px; */
  }

  .form__input-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }
  .form__input-box .form__input + .form__input {
    margin-left: 0;
  }
  .card__price-form--new {
    font-size: 30px;
  }

  .cards {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
  }

  .card__price-form--new {
    font-size: 20px;
  }

  .card__form-price {
    font-size: 20px;
  }

  .card__price-form--old {
    font-size: 14px;
  }

  .page-gallery__items {
    grid-template-columns: repeat(1, 1fr);
  }

  .page__text h4 {
    margin-top: 25px;
    font-size: 20px;
  }

  .page__text blockquote {
    margin-bottom: 25px;
  }

  .page-gallery {
    margin: 25px 0;
  }

  .page__table {
    margin-top: 25px;
  }

  .page__table tr {
    padding: 15px;
  }

  .page__table th {
    margin-right: 10px;
  }

  .office__inner {
    padding: 40px 20px;
  }

  .breadcrumbs {
    margin-bottom: 25px;
  }
  .card a {
      font-size: 16px;
      margin-bottom: auto;
  }
  .card a.card__img {
      margin-bottom: 8px;
  }
}
@media (max-width: 780px) {
  .office__inner {
    grid-template-columns: repeat(1, 1fr);
  }

  .office__close-link {
    grid-column-start: 0;
    grid-column-end: 1;
  }

  .header {
    padding-bottom: 15px;
    padding-top: 50px;
  }

  .ordering h1 {
    margin-bottom: 25px;
  }

  .form__user-pickup, .form__user-pay, .form__user-time, .form__user-address, .form__user-name {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  .form__user-time {
    padding-bottom: 60px;
  }

  .form__user-ways label {
    padding: 15px;
    padding-top: 75px;
  }
  .form__user-ways label::before, .form__user-ways label::after {
    top: 15px;
    left: 15px;
  }
}
@media (max-width: 768px) {
  .cards {
    grid-gap: 10px;
  }

  .about__banner {
    padding: 30px;
  }

  .about__menu {
    margin-bottom: 50px;
  }

  .stock {
    margin-bottom: 80px;
  }

  .sets {
    margin-bottom: 80px;
  }

  .map {
    margin-bottom: 80px;
  }

  .about__banner {
    min-height: auto;
  }

  .about__banner-header {
    flex-direction: column;
  }
  .about__banner-header h1 {
    margin-bottom: 30px;
    line-height: 35px;
  }

  .about__banner-content {
    flex-direction: column;
    align-items: flex-start;
  }

  .about__banner-list {
    margin-bottom: 30px;
  }

  .card__info {
    padding: 10px;
    padding-top: 0;
  }

  .about__banner::before {
    background: rgba(0, 0, 0, 0.7);
    height: 100%;
  }

  .card__img {
    height: 200px;
  }

  .office h1 {
    font-size: 35px;
    margin-bottom: 20px;
  }

  .title h1 {
    font-size: 40px;
  }

  .about__banner-header a {
    display: none;
  }
  .about__banner-header h1 {
    margin-bottom: 0;
  }

  .about__banner-list {
    margin-bottom: 0;
  }

  .ordering__info-summ {
    font-size: 25px;
  }
  .card a {
    font-size: 14px;
    padding: 0 10px;
  }
  .card {
    padding: 5px;
    padding-bottom: 15px;
  }
  .card a.card__img {
    height: 150px;
    margin-bottom: 2px;
  }
  .card__info-size {
     padding: 0 10px;
     margin-bottom: 0;
  }
  .card__form {
    padding: 0 10px;
  }
  .card__form button {
      height: 45px;
      font-size: 16px;
  }
  .card__form {
      margin-top: 7px;
  }
}
@media (max-width: 670px) {
  .cards {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  }

  .form__user-tab {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .form__user-tab svg {
    margin-right: 0;
    margin-bottom: 5px;
  }

  .form__user-tab + .form__user-tab {
    margin: 0;
    margin-left: 10px;
  }

  .form__user-select {
    width: 100%;
  }

  .card__img {
    height: 150px;
    margin-bottom: 4px;
  }

  .card__info-size {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 22px;
  }

  .card a {
    font-size: 14px;
    line-height: 17px;
  }

  .card__info p {
    margin-bottom: 12px;
    font-size: 12px;
    line-height: 16px;
  }

  .form__user-ways span {
    display: none;
  }
  .form__user-ways strong {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1;
    text-align: center;
  }
  .form__user-ways label {
    height: 80px;
    padding-top: 40px;
  }
  .form__user-ways label::before, .form__user-ways label::after {
    width: 20px;
    height: 20px;
    left: 50%;
    transform: translateX(-50%);
  }
  .form__user-ways label {
      border-radius: 15px;
  }
}

@media (max-width: 550px) {
  .map {
    height: auto;
  }

  .map__inner {
    display: none;
  }

  .map__info {
    position: static;
    width: 100%;
  }

  .about__banner-list {
    grid-template-columns: repeat(1, 1fr);
  }

  .about__banner-link {
    width: 100%;
  }

  .about__banner {
    padding: 20px;
  }

  .map {
    border-radius: 20px;
  }

  .form__inputs {
    display: block;
  }

  .form__input + .form__input {
    margin-left: 0;
    margin-top: 20px;
  }

  .form__input-box {
    grid-template-columns: repeat(1, 1fr);
  }

  .form__input-box .form__input + .form__input {
    margin-top: 0;
  }

  .form__user-ways {
    grid-gap: 10px;
  }

  .form__user-items {
    padding: 15px;
  }

  .modal__input + .modal__input {
    margin-top: 0;
  }

  .modal__address-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .modal {
    padding: 30px;
    max-width: 360px;
  }
  .modal h4 {
    font-size: 30px;
    line-height: 35px;
    max-width: 100%;
  }
  .form__user-tab svg {
    display: none;
  }
  .form__user-tab label {
      padding: 0 10px;
  }
}

@media (max-width: 475px) {
  .hero__inner {
    max-width: 200px;
  }

  .hero {
    margin-bottom: 30px;
  }

  .title h2 {
    font-size: 22px;
  }

  .categories h2 {
    color: #A6B3C8;
  }

  .card__price-form--old {
    position: absolute;
    bottom: 10px;
    left: 19px;
  }

  .stock__card::before {
    font-size: 12px;
    width: 60px;
    height: 30px;
    left: 15px;
  }

  .card__img {
    height: 108px;
  }

  .hero__item img {
    border-radius: 12px;
  }

  .page-gallery__items {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  }

  .page-gallery__item {
    height: 130px;
  }

  .page__slide {
    height: 230px;
  }

  .page__pagination.swiper-pagination {
    left: 15px;
    bottom: 15px;
  }

  .page__text p, .page__text li, .page__text blockquote {
    font-size: 14px;
  }

  .page__table th, .page__table td {
    font-size: 14px;
  }
  .page__table td {
    width: 35%;
  }
  .page__table th {
    margin-right: 10px;
    width: 65%;
  }

  .page h1 {
    font-size: 35px;
    margin-bottom: 25px;
  }

  .page-gallery__item span {
    background-size: 25%;
  }

  .office__inner {
    background-color: transparent;
    box-shadow: none;
    border: none;
    padding: 0;
  }

  .office__inner {
    grid-gap: 20px;
  }

  .office__item button {
    font-size: 14px;
    line-height: 1;
  }

  .office__item input {
    font-size: 14px;
    line-height: 1;
  }

  .office h1 {
    font-size: 22px;
    margin-bottom: 30px;
  }

  .header {
    padding-bottom: 10px;
    padding-top: 40px;
  }

  .hero {
    margin-bottom: 15px;
  }

  .footer {
    padding-top: 30px;
  }

  .sets {
    margin-bottom: 40px;
  }

  .map {
    margin-bottom: 40px;
  }

  .footer__logo a {
    width: 80px;
  }

  .footer__logo svg {
    width: 100%;
  }

  .footer {
    padding-top: 15px;
  }

  .footer__logo {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }


  .about__menu {
    margin-bottom: 30px;
  }

  .stock {
    margin-bottom: 30px;
  }

  .about__banner {
    padding: 15px;
    margin-bottom: 15px;
    margin-bottom: 0;
  }

  .about__banner-header {
    padding-bottom: 15px;
  }
  .about__banner-header h1 {
    font-size: 30px;
  }

  .about__menu {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 15px;
  }

  .about__menu-list a.active {
    /* padding-bottom: 10px; */
  }
  .about__menu {
      height: 64px;
  }
}
@media (max-height: 820px) {
  .cart__list {
    height: 300px;
    
  }
  .ordering__list {
        height: auto;
  }
}
@media (max-height: 700px) {
  .cart {
    /* height: 600px; */
  }

  .cart__list {
    margin-bottom: 41px;
  }
}

@media (max-height: 640px) {
  .modal {
    padding: 15px;
  }
  .modal h4 {
    margin-bottom: 15px;
  }
}
 
/* Правки 30.12.2021 */ 

/* Правки 17.01 */

.navbar__list li {
    width: 25%;
}

.navbar__list li + li {
    padding: 0;
    margin: 0;
}
.navbar {
    padding-left: 0;
    padding-right: 0;
}

 

.about__menu-list {
  flex-wrap: nowrap;
  overflow-x: auto;
  white-space: nowrap;
  padding-bottom: 20px;
}
.about__menu {
    padding-bottom: 70px;
}

/* Date */

.input__hidden {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	opacity: 0;
}
.private__form-field .date-days {
	position: relative;
}
.private__form-field .date {
	display: flex;
}

.private__form-field .select-date {
	width: 75px;
	height: 40px;
}
.private__form-field .select-mouths {
	width: 140px;
	height: 40px;
}
.private__form-field select.select-mouths, .private__form-field select.select-date {
	border: none !important;
}
.private__form-field .current {
	position: static !important;
	padding: 0 !important;
	background-color: unset !important;
	font-weight: 500;
	color: #000;
} 
.private__form-field .nice-select {
	border: none;
}
.private__form-field .nice-select .list {
	width: 100%;
	max-height: 401px;
	overflow-y: scroll;
}
.private__form-field .select-date .option {
	padding: 0 18px;
}
.private__form-field .nice-select .option {
	font-weight: 500;
	color: #000;
}
.private__form-field .nice-select .option.selected.focus {
	background: transparent;
}
.private__form-field .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
	background-color: #f6f6f6;
}
@media (max-width:399px){
	.private__form-field .select-mouths {
		width: 120px;
	}
	.private__form-field .nice-select .list {
		max-height: 200px;
	}
}
@media (max-width:355px){
	.private__form-field .select-mouths {
		width: 85px;
	}
}
/* Date end */
@media (max-width: 1200px) {
    .header__logo {
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .form__user-comment textarea {
        height: 100px;
    }
    .ordering__info {
        padding: 15px;
    }
}

@media (min-height: 850px) {
    /* .cart__list {
        height: 210px;
        margin-bottom: 30px;
    } */
    /* .cart {
        height: 500px;
    } */
    .ordering__list {
        height: auto;
    }
}

@media (max-width: 991px) {
    .cart__list {
        height: auto;
    }
    .ordering__list {
        height: auto;
    }
}

@media (max-width: 475px) {
    .cart__item-top h5 {
        max-width: 150px;
    }
}

.product {
    margin-bottom: 120px;
}

.product__inner {
    display: flex;
    justify-content: flex-start; 
    align-items: flex-start;
    padding: 20px;
    padding-right: 40px;
    border: 1px solid #F1F1F1;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
    border-radius: 30px;
}

.product__img {
    border-radius: 15px;
    overflow: hidden;
    margin-right: 40px;
    max-width: 780px;
    width: 780px;
    height: 561px;
    position: relative;
}

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

.product__info h1,
.product__info h2 {
    font-weight: 600;
    font-size: 48px;
    line-height: 1.2;
    color: #16263F;
    margin-bottom: 20px;
}

.product__info-size {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #F1F1F1;
}

.product__info-size span {
    display: inline-block;
    line-height: 1;
}

.product__info-size span:not(:last-child) {
    margin-right: 15px;
    padding-right: 15px;
    position: relative;
}

.product__info-size span:not(:last-child)::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #A6B3C8;
}

.product__info-desc {
    margin-bottom: 28px;
}

.product-title h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #16263F;
    margin-bottom: 5px;
}

.product__info-form h4 {
    margin-bottom: 13px;
}

.product__info-desc p {
    max-width: 540px;
}

.product__info-choice {
    display: grid;
    grid-template-columns: repeat(3, 130px);
    grid-gap: 20px;
    margin-bottom: 60px;
}

.product__info-check {
    display: flex;
}

.product__info-choice label {
    border: 1px solid #DBE1E9;
    border-radius: 30px;
    font-weight: 600;
    font-size: 13px;
    color: #16263F;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 58px;
    padding-bottom: 15px;
    height: 100%;
    width: 100%;
    position: relative;
    cursor: pointer;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.product__info-choice label:hover {
    border: 1px solid rgba(166, 179, 200, 0.4);
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
}

.product__info-choice label::before {
    content: '';
    position: absolute;
    top: 20px;
    left: 15px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: #DF3663;
    background-image: url('../../images/check.svg');
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
}

.product__info-choice label > span {
    font-weight: 600;
    font-size: 16px;
    color: #FA5581;
}

.product__info-choice input {
    -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

.product__info-choice input:checked + label::before {
    opacity: 1;
}

.product__info-choice input:checked + label::hover {
    border: 1px solid #DBE1E9;
    box-shadow: none;
}

.product__info-buy {
    padding-top: 45px;
    border-top: 1px solid #F1F1F1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.product__info-price {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
   margin-right: 20px;
}

.product__info-price--current {
    font-weight: 600;
    font-size: 30px;
    color: #16263F;
}

.product__info-price--old {
    font-weight: 400;
    font-size: 22px;
    color: #A6B3C8;
    margin-top: 7px;
    position: relative;
    padding-left: 6px;
    padding-right: 6px;
}

.product__info-price--old::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #DF3663;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.product__info-buy button {
    width: 200px;
    height: 50px;
    background: #DF3663;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.product__info-buy button:hover {
    background-color: #FA5581;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
}

.product__info-buy button > span:last-child {
    display: none;
}

.similar {
    margin-bottom: 140px;
}

.similar__inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}

.similar h2 {
    font-weight: 600;
    font-size: 48px;
    color: #16263F;
    margin-bottom: 40px;
}



@media (max-width: 1280px) {
    .similar__inner {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1200px) {
    .product__info-choice {
        margin-bottom: 30px;
    }
    .product__info-buy {
        padding-top: 30px;
    }
    .product__img {
        height: 500px;
    }
}

@media (max-width: 991px) {
    .product__img {
        margin-right: 20px;
        max-width: 100%;
    }
    .product__info h1,
    .product__info h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .product__info-size {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .product-title h4 {
        margin-bottom: 5px;
    }
    .product__info-choice {
        margin-bottom: 20px;
    }
    .product__info-buy {
        padding-top: 20px;
    }
    .product__info-desc {
        margin-bottom: 20px;
    }
    .product__info-choice label {
        padding: 10px;
        padding-bottom: 5px;
        padding-top: 30px;
        align-items: center;
        border-radius: 15px;
        text-align: center;
    }
    .product__info-choice label::before {
        top: 5px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 25px;
        height: 25px;
    }
    .product__inner {
        flex-direction: column;
        padding: 20px;
    }
    .product__img {
        margin-right: 0;
        margin-bottom: 30px;
        width: 100%;
        height: 400px;
    }
    .product__info {
        width: 100%;
    }
    .product__info-desc p {
        max-width: 100%;
    }
    .product__info-buy {
        justify-content: space-between;
    }
    .product__info-choice {
        grid-template-columns: repeat(4, 1fr);
    }
    .product__info-buy button > span:first-child {
        display: none;
    }
    .product__info-buy button > span:last-child {
        display: block;
        position: relative;
        padding-left: 28px;
    }
    .product__info-buy button > span:last-child::before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        background-image: url('../images/basket-icon.svg');
        z-index: 2;
    }
    .product__info-buy button {
        background-color: rgba(166, 179, 200, .2);
        color: #16263F;
        font-weight: 500;
        font-size: 16px;
        width: 100%;
    }
    
    .product__info-buy button:hover {
        background-color: rgba(166, 179, 200, 0.6);
    }
    .product__info-price {
        display: none;
    }
    .similar__inner {
        grid-gap: 10px;
    }
    .product {
        margin-bottom: 80px;
    }
    .similar {
        margin-bottom: 80px;
    }
    .similar h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }
}

@media (max-width: 650px) {
    .product__info-choice {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 10px;
    }
    .product__img {
        height: 300px;
        margin-bottom: 20px;
    }
    .similar__inner {
        grid-template-columns: repeat(2, 1fr);
    }
    .product {
        margin-bottom: 50px;
    }
    .similar {
        margin-bottom: 50px;
    }
}

@media (max-width: 475px) {
    .product__info-choice label {
        font-size: 9px;
        line-height: 1.2;
    }
    .product__info-choice label > span {
        font-size: 12px;
        line-height: 1;
    }
    .product__info-choice label::before {
        width: 20px;
        height: 20px;
        background-size: 50%;
    }
    .product__img {
        height: 200px;
    }
    .product__inner {
        padding: 0;
        border: none;
        border-radius: none;
        box-shadow: none;
    }
}

.modal-product {
    max-width: 1180px;
    width: 100%;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    background-color: #fff;
    padding: 20px;
}

.modal-product__inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}

.modal-product__info {
   padding: 0 20px; 
}

.modal-product__info-choice {
    margin-bottom: 0;
}

.product-modal__info-desc {
    margin-bottom: 20px;
}

.modal-product__img {
    max-width: 560px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    
    grid-row: span 2;
}
.modal-product__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.modal-product__link {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    width: 100%;
    height: 90px;
    background-color: rgba(166, 179, 200, 0.2);
    font-weight: 600;
    font-size: 18px;
    color: #DF3663;
}

.modal-product__info-buy {
    padding-top: 0;
    border-top: none;
    border-radius: 10px;
    width: 100%;
    height: fit-content;
    margin-top: auto;
    background-color: rgba(166, 179, 200, 0.2);
    padding: 0 20px;
    justify-content: space-between;
}

.modal-product__info-price {
    flex-direction: row;
    margin-right: 0;
    align-items: center;
}

.modal-product__info-price--old {
    margin-top: 0;
    margin-left: 14px;
}

.modal-product__info-buy button {
    width: 260px;
}

.modal-product__icon {
    margin-left: 10px;
    width: 16px;
    height: 15px;
}

@media (max-width: 991px) {
    .modal-product {
        max-width: 768px;
    }
    .modal-product__info-choice {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }
    .modal-product__info-buy button {
        width: 100%;
    }
    .modal-product__info {
        padding: 0;
    }
    .modal-product__link {
        height: 50px;
        border-radius: 40px;
    }
    .modal-product__info-buy button {
        width: 100%;
    }
    .modal-product__info-buy {
        height: auto;
        padding: 0;
        background-color: transparent;
    }
    .modal-product__link {
        font-weight: 400;
    }
}

@media (max-width: 768px) {
    .modal-product {
        max-width: 500px;
    }
    .modal-product__inner {
        grid-template-columns: repeat(1, 1fr);
    }
    .modal-product__link {
        order: 2;
    }
    .modal-product__img {
        height: 250px;
    }
    .modal-product__info-choice {
        grid-template-columns: repeat(3, 1fr);
    }
    .fancybox-button {
        /* display: none; */
        top: -10px;
        right: -5px;
    }
    .fancybox-slide--html .fancybox-close-small {
        top: -10px;
        right: -5px;
    }
}

@media (max-width: 600px) {
    .modal-product__img {
        height: 200px;
    }
}

@media (max-width: 475px) {
    .modal-product {
        max-width: 320px;
    }
    .modal-product__img {
        height: 150px;
    }
    .modal-product__link {
        font-size: 12px;
    }
    .modal-product__icon {
        width: 11px;
        height: 11px;
    }
    .modal-product__link {
        border-radius: 10px;
    }
    .modal-product__inner {
        grid-gap: 10px;
    }
}

.private {
    margin-bottom: 140px;
    margin-top: 30px;
}

.private.title h1 {
    text-align: left;
}

.private__inner {
    display: flex;
    justify-content: start;
    align-items: flex-start;
}

.private__menu {
    background-color: #fff;
    border: 1px solid #F1F1F1;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
    border-radius: 30px;
    margin-right: 60px;
    padding: 30px;
}

.private__list {
    margin: 0;
    padding: 0;
    margin-bottom: 36px;
}

.private__list li:not(:last-child) {
    margin-bottom: 26px;
}

.private__list a {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    color: #16263F;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}

.private__list a:hover {
    color: #DF3663;
}

.private__list a.active {
    color: #DF3663;
}

.private__icon {
    fill: currentColor;
    width: 24px;
    height: 24px;
    margin-right: 12px;
}

.private__icon path {
    fill: currentColor;
}

.private__menu-link {
    width: 240px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #F1A7BB;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
    border-radius: 30px;
    font-weight: 700;    
    font-size: 15px;
    color: #DF3663;
}

.private__menu-link.disabled {
    background-color: #F1A7BB;
    color: #fff;
}

.private__info {
    width: 100%;
}

.private__info h4 {
    font-weight: 600;
    font-size: 30px;
    color: #16263F;
    margin-bottom: 40px;
}

.private__box {
    max-width: 100%;
}

.private__form-box {
    display: grid; 
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 30px;
    margin-bottom: 30px;
}

.private__form {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.private__form-field {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    border: 1px solid rgba(166, 179, 200, .2);
    border-radius: 30px;
    padding-left: 26px;
    padding-right: 30px;
}

.private__form-field span {
    position: absolute;
    left: 23px;
    top: -13px;
    padding-left: 3px;
    padding-right: 3px;
    background-color: #fff;
}

.private__form-field input {
    font-weight: 500;
    width: 80%;
}

.private__form-field button {
    font-weight: 500;
    color: #DF3663;
}

.private__form-check {
    position: relative;
    margin-bottom: 30px;
}

.private__form-check span {
    display: block;
    font-weight: 500;
    font-size: 16px;
    color: #16263F;
    margin-bottom: 5px;
}

.private__form-check label {
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    color: #16263F;
    position: relative;
    padding-left: 30px;
}

.private__form-check label::before,
.private__form-check label::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 1px solid rgba(166, 179, 200, .4);
    border-radius: 6px;
}

.private__form-check label::after {
    background-image: url('../../images/check-red.webp');
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    z-index: 2;
}

.private__form-check input {
    -webkit-appearance: none;
   -moz-appearance: none;
    appearance: none;
    position: absolute;
}

.private__form-check input:checked + label::after {
    opacity: 1;
}

.private__forms-link {
    background-color: #DF3663;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
    border-radius: 30px;
    width: 360px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 15px;
    color: #fff;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.private__forms-link:hover {
    background-color: #FA5581;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
}

.private__address {
    margin-bottom: 30px;
}

.private__empty {
    width: 100%;
    height: 135px;
    border: 1px solid rgba(166, 179, 200, .4);
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #fff;
}

.private__empty-icon {
    width: 30px;
    height: 30px;
    margin-right: 0;
    margin-bottom: 9px;
}

.private__empty p {
   font-weight: 500;
    font-size: 16px;
    line-height: 22px; 
}

.private__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #FFFFFF;
    border: 1px solid rgba(166, 179, 200, .4);
    border-radius: 20px;
    padding: 20px 30px;
}

.private__item:not(:last-child) {
    margin-bottom: 10px;
}

.private__item h5 {
    font-weight: 600;
    font-size: 16px;
    padding: 0;
    margin: 0;
    color: #16263F;
    width: 100px;
}

.private__item span {
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-weight: 500;
    font-size: 16px;
}

.private__item a {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    color: #F1A7BB;
    -webkit-transition: color.3s;
    -moz-transition: color.3s;
    -ms-transition: color.3s;
    -o-transition: color.3s;
    transition: color.3s;
}

.private__item a:hover {
    color: #FA5581;
}

.private__item a:first-child {
    margin-left: auto;
}

.private__item a + a {
    margin-left: 32px;
}

.private__history-item {
    -ms-user-select: none; 
	-moz-user-select: none; 
	-webkit-user-select: none; 
	user-select: none; 
	border-radius: 20px;
	-webkit-transition: box-shadow .3s;
	-moz-transition: box-shadow .3s;
	-ms-transition: box-shadow .3s;
	-o-transition: box-shadow .3s;
	transition: box-shadow .3s;
}

.private__history-item:hover {
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05); 
}

.private__history-item:not(:last-child) {
    margin-bottom: 15px;
}

.private__history-drop {
    border: 1px solid rgba(166, 179, 200, .4);
    border-radius: 20px;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 10px 0;
    padding-left: 20px;
    padding-right: 30px;
    cursor: pointer;
}


.private__history-status {
    position: absolute;
    width: 4px;
    height: 40px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #619D68;
}

.private__history-status--taken {
    background-color: #DF3663;
}


.private__history-info {
    display: flex;
    flex-direction: column;
}

.private__history-info:not(:last-child) {
    margin-right: 100px;
}

.private__history-info span {
    font-size: 12px;
}

.private__history-info strong {
    font-weight: 600;
    font-size: 18px;
    color: #16263F;
}

.private__history-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    margin-right: 30px;
}

.private__history-list li {
    width: 83px;
    height: 60px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    overflow: hidden;
}

.private__history-list li:not(:last-child) {
    margin-right: 10px;
}

.private__history-list img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.down {
    padding: 20px;
    padding-right: 30px;
    border: 1px solid rgba(166, 179, 200, .4);
    border-radius: 0 0 20px 20px;
    border-top: none;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.down__products {
    max-width: 670px;
    width: 100%;
}

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

.down__product:not(:last-child) {
    padding-bottom: 21px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(166, 179, 200, .4);
}

.down__product img {
    width: 83px;
    height: 60px;
    border-radius: 5px;
    overflow: hidden;
    display: block;
    margin-right: 20px;
}

.down__product-info {
    display: flex;
    flex-direction: column;
    margin-right: auto;
}

.down__product-info strong {
    font-weight: 600;
    font-size: 20px;
    color: #16263F;
    margin-bottom: 4px;
}

.down__product-price {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 600;
    font-size: 20px;
    color: #16263F;
}

.down__product-price--new {
    color: #619D68;
}

.down__product-price--new span {
    font-size: 16px;
    color: #A6B3C8;
    position: relative;
}

.down__product-price--new span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    background-color: #DF3663;
}

.down__info {
    max-width: 50%;
}

.down__info-item {
    display: flex;
    flex-direction: column;
}

.down__info-item:not(:last-child) {
    margin-bottom: 20px;
}

.down__info-item span {
    font-size: 12px;
    margin-bottom: 5px;
}

.down__info-item strong {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #16263F;
}

.down {
    display: none;
    opacity: 0;
    height: 0;
}

.private__history-item.active .down {
    display: flex;
    opacity: 1;
    height: auto;
}

.private__history-item.active .private__history-drop {
    border-radius: 20px 20px 0 0; 
}

.private__history-item.active .private__icon {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.private__form-check label {
    -ms-user-select: none; 
	-moz-user-select: none; 
	-webkit-user-select: none; 
	user-select: none; 
	cursor: pointer;
}

.modal.modal-private {
    max-width: 800px;
    width: 100%;
}

.modal.modal-private h4 {
    max-width: 100%;
}

.modal-private h5 {
    margin: 0;
    margin-top: 20px;
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 16px;
}

.modal.modal-private button {
    margin: 0 auto;
}

.modal button.fancybox-button {
    background-color: transparent;
    box-shadow: none;
    margin: 0;
}

@media (max-width: 1500px) { 
    .private__history-info:not(:last-child) {
        margin-right: 20px;
    }
    .down__products {
        max-width: 430px;
    }
}

@media (max-width: 1200px) {
    .private__menu {
        padding: 20px;
        margin-right: 20px;
    }
    .private__form-box {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 15px;
    }
    .private__list {
        margin-bottom: 20px;
    }
    .private__list li:not(:last-child) {
        margin-bottom: 20px;
    }
    .down__product-info strong {
        max-width: 250px;
    }
    .private__info h4 {
        margin-bottom: 20px;
    }
    .private__forms-link {
        width: 100%;
    }
}

@media (max-width: 1120px) {
    .private__inner {
        flex-direction: column;
    }
    .private__menu {
        padding: 30px;
        width: 100%;
        margin-bottom: 30px;
        margin-right: 0;
    }
    .private__forms-link {
        width: 100%;
    }
}

@media (max-width: 991px) { 
    .private__item a + a {
        margin-left: 10px;
    }    
    .private__icon {
        margin-right: 10px;
    }
    .private__item a {
        font-size: 0;
    }
    .private__item svg {
        margin: 0;
    }
    .private__item {
        padding: 15px;
    }
    .modal.modal-private {
        max-width: 500px;
    }
}

@media (max-width: 800px) {
    .private__history-list li:nth-child(4) {
        display: none;
    }
}

@media (max-width: 768px) {
    .private__menu-link {
        width: 100%;
    }
    .private__history-list li:nth-child(3) {
        display: none;
    }
    .down {
        flex-direction: column;
        padding: 20px;
    }
    .down__info {
        max-width: 100%;
        margin-bottom: 30px;
    }
    .down__products {
        max-width: 100%;
    }
    .private {
        margin-bottom: 50px;
    }
}

@media (max-width: 650px) {
    .private__history-list {
        display: none;
    }
    .private__history-drop {
        padding-right: 20px;
    }
    .private__history-drop svg {
        margin-right: 0;
    }
    .private__item {
        display: block;
    }
    .private__item h5 {
        width: auto;
        text-align: center;
        margin: 0;
    }
    .private__item span {
        text-align: center;
        margin-bottom: 5px;
    }
    .private__item a {
        display: inline-block;
        width: 30px;
        height: 30px;
    }
    .private__item a + a {
        float: right;
    }
    
    .private__item svg {
        width: 100%;
        height: 100%;
    }
    .modal.modal-private {
        max-width: 90%;
        padding: 20px;
    }
    .modal.modal-private h4 {
        font-size: 30px;
        line-height: 1.2;
    }
}

@media (max-width: 525px) {
    .down__product-info strong {
        max-width: 180px;
    }
    .private__menu {
        padding: 20px;
    }
}

@media (max-width: 475px) {
    .down__product-info strong {
        font-size: 16px;
    }
    .down__product-price {
        font-size: 18px;
    }
    .down__product-info strong {
        max-width: 200px;
    }
    .down {
        padding: 15px;
    }
    .down__product img {
        margin-right: 10px;
        width: 70px;
        height: 50px;
    }
    .down__product:not(:last-child) {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
    .down__info-item:not(:last-child) {
        margin-bottom: 10px;
    }
    .private__history-info span {
        font-size: 10px;
    }
    .private__history-info:not(:last-child) {
        margin-right: 0;
    }
    .private.title h1 {
        margin-bottom: 20px;
        font-size: 30px;
    }
    .private__info h4 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .modal.modal-private {
        padding-top: 50px;
    }
}

.ordering__box-mod {
    background: rgba(166, 179, 200, 0.1);
    border-radius: 0 0 20px 20px;
    padding: 30px;
    padding-top: 0;
}

.ordering__info-form button {
    background-color: #fff;
    border: 1px dashed rgba(223, 54, 99, 0.3);
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    font-weight: 600;
    color: #DF3663;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}

.ordering__info-form button:hover {
    color: #FA5581;
}

.ordering__info-form button > span {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ordering__info-form button.active {
    border: 1px dashed rgba(166, 179, 200, 0.3);
}

.ordering__info-form button > span:last-child {
    color: #A6B3C8;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

.ordering__info-form button.active > span:last-child {
    display: flex;
}

.ordering__info-form button.active > span:first-child {
    display: none;
}

.ordering-icon {
    width: 24px;
    height: 24px;
    fill: currentColor;
    margin-right: 6px;
}

.ordering__info-promo {
/*     border: 1px solid #A6B3C8;
border-radius: 30px;
width: 100%;
height: 59px;
position: relative;
display: flex;
justify-content: space-between;
align-items: center; */
    display: none;
    opacity: 0;
    flex-wrap: wrap;
}
.ordering__info-promo-flex {
    border: 1px solid #A6B3C8;
    border-radius: 30px;
    width: 100%;
    height: 59px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ordering__info-promo.active {
    display: flex;
    opacity: 1;
    margin-top: 20px;
}

.ordering__info-promo input {
    padding: 0 25px;
    color: #A6B3C8;
}

.ordering__info-promo input::placeholder {
    color: #A6B3C8;
}

.ordering__info-promo button {
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    width: 150px;
    height: 60px;
    border: none;
    background-color: #DF3663;
    border-radius: 40px;
    position: absolute;
    right: -1px;
    top: -2px;
    z-index: 2;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -ms-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}

.ordering__info-promo button:hover {
    background-color: #FA5581;
    color: #fff;
}

.ordering__info-sale {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    /* display: none;
    opacity: 0; */
}

.ordering__info-sale.active {
    display: flex;
    opacity: 1;
}

.ordering__info-sale p {
    font-weight: 400;
    font-size: 16px;
    color: #16263F;
}
.ordering__info-sale span {
    font-weight: 600;
    font-size: 18px;
    color: #619D68;
}

.ordering__info-min p {
    font-size: 12px;
    text-align: center;
    margin-top: 15px;
}

#promo-error {
    font-size: 17px;
    color: #DF3663;
    margin-top: 15px;
    text-align: center;
}

@media (max-width: 768px) {
    .ordering__box-mod {
        padding: 15px;
        padding-top: 0;
    }
    .ordering__info-promo.active {
        margin-top: 15px;
    }
    .ordering__info-sale {
        margin-bottom: 15px;
    }
}

@media (max-width: 560px) {
    .ordering__info-promo.active {
        margin-top: 15px;
    }
    .ordering__info-sale {
        margin-bottom: 15px;
    }
    .ordering__info-promo button {
        width: 110px;
        font-size: 14px;
    }
    .ordering__info-min p {
        margin-bottom: 15px;
    }
}

.ordering__item.cart__item {
    position: relative;
}

.ordering__item-delete {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 0;
}

.ordering__item-delete svg {
    margin: 0;
}

.cart__item-delete {
    right: 15px;
}

.form__user-time {
    display: flex;
    flex-direction: column;
}

.form__user-fields {
    display: none;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    margin-top: 20px;
}

.form__user-field span {
    display: block;
    margin-bottom: 5px;
}

.form__user-field span.current {
    margin-bottom: 0;
    color: #16263F;
}

.form__user-field input {
    width: 100%;
    height: 42px;
    border: 1px solid rgba(166, 179, 200, 0.4);
    border-radius: 30px;
    padding: 0 15px;
}

.form__times-select {
    width: 100%;
    height: 42px;
    border: 1px solid rgba(166, 179, 200, 0.4);
    border-radius: 30px;
}

.form__times-select .list {
    width: 100%;
    background-color: #FFFFFF;
    border: 1px solid #F1F1F1;
    box-shadow: 0px 4px 30px rgb(0 0 0 / 5%);
    border-radius: 30px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0;
    padding: 20px 25px;
}
.form__times-select .option {
    color: #16263F;
    padding: 0;
}

@media (max-width: 475px) {
    .form__user-fields {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* Правки 15.02.2022 */

#promo-error {
    /* position: absolute; */
    position: static;
    flex: 0 1 100%;
    width: 100%;
    left: 50%;
    z-index: 3;
   /*  -webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   -o-transform: translateX(-50%);
   transform: translateX(-50%); */
    top: 45px;
}

.ordering__aside div:first-child {
    position: relative;
    /* height: 600px; */
}

.ordering__box-mod.active {
    padding-bottom: 75px;
}

/* правки 17.02.2022 */

.modal-map {
    margin-top: 50px;
    padding: 30px 10px 10px;
    max-width: 464px;
    width: 100%;
    overflow: visible;
}

.modal-map button.fancybox-close-small {
    display: none;
}

.modal-map__position {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.modal-map__position span {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    color: #16263f;
}

.modal-map__box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

button.modal-map__tab {
    width: 100%;
    height: auto;
    padding: 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    color: #DF3663;
    background-color: #fff;
    border: 1px solid #FF858E;
    border-radius: 30px;
    transition: all .3s ease;
}

.modal-map__content-top {
    margin-bottom: 20px;
    display: flex;
    gap: 10px;
}

.modal-map__tab.active {
    background-color: #DF3663;
    color: #fff;
}

.modal-map__field {
    position: relative;
    flex-grow: 1;
}

.modal-map__field:has(input:focus) .modal-map__field-list {
    opacity: 1;
    pointer-events: all;
}

.modal-map__field.active {
    display: flex;
    opacity: 1;
    flex-direction: column;
    gap: 10px;
}

.modal-map__field-input {
    padding: 10px 12px 10px 20px;
    border: 1px solid #d2d7e0;
    border-radius: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.modal-map__field-input input {
    width: 100%;
    font-weight: 500;
    font-size: 16px;
    padding-right: 10px;
}

.modal-map__field-list {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    margin: 0;
    padding: 8px 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
}

.modal-map__field-address {
    cursor: pointer;
}

.modal-map__field-address p {
    margin-bottom: 2px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    text-align: left;
}

.modal-map__field-address small {
    font-size: 10px;
    line-height: 1.2;
    color: rgba(22, 38, 63, 0.25);
}

.modal .modal-map__btn-success {
    width: auto;
    height: 50px;
    border: 2px solid #DF3663;
    background-color: #DF3663;
    border-radius: 50px;
    color: #DF3663;
    padding: 0 5px;
    margin-left: 10px;
    display: none;
    color: #fff;
}

.modal .modal-map__btn-success:hover {
    color: #fff;
    background-color: #DF3663;
}

.modal .modal-map__btn-delete,
.modal .modal-map__btn-add {
    height: 100%;
    width: auto;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    color: #DF3663;
    border: none;
    padding: 0;
    margin: 0;
}

.modal .modal-map__btn-delete svg {
    fill: #fff;
}

.modal .modal-map__btn-delete:hover {
    background-color: transparent;
}

.modal-map__pane {
    width: 100%;
    height: 320px;
    border-radius: 15px;
    overflow: hidden;
}

.modal .modal-map__btn-delete {
    display: none;
}

.modal .modal-map__field-input.active > .modal .modal-map__btn-delete {
    color: #fff;
}

@media (hover: hover) {
    button.modal-map__tab:hover {
        background-color: #df3663;
        color: #fff;
    }
}

.ordering__extra {
    margin-top: 20px;
    margin-bottom: 20px;
}

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

.ordering__extra-name {
    font-size: 12px;
    line-height: 20px;
    color: #16263F;
    margin-right: 80px;
    max-width: 120px;
    width: 100%;
}

.ordering__extra-price {
    font-size: 12px;
}

.card__img-parameters {
    position: absolute;
    bottom: 8px;
    left: 8px;
    background: #FFFFFF;
    border-radius: 40px;
    height: 40px;
    min-width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0 10px;
}

.card__img-parameters li {
    width: 18px;
    height: 19px;
}

.card__img-parameters img {
    max-width: 100%;
    width: auto;
    height: auto;
}

@media (max-width:768px) {
    .card__img-parameters li {
        width: 11px;
        height: 12px;
    }
    .card__img-parameters {
        height: 25px;
        min-width: 25px;
        padding: 0 5px;
    }
}

.ordering__info-error {
    text-align: center;
    margin-top: 17px;
}

.categories__item-mode {
    margin-bottom: 5px;
    display: flex;
}
.categories__item-mode svg {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    margin-right: 4px;
    margin-top: 3px;
    margin-left: -2px;
}
.color-black {
    color: #16263F;
}

.color-gray {
    color: #A6B3C8;
}

@media (max-width: 1500px) {
    .categories__item-img {
        height: 200px;
        flex: 0 0 200px;
    }
    .categories__item-img img {
        height: 100%;
    }
}

@media(max-width: 768px) {
    .about__banner-time .categories__item-mode {
        display: block;
    }
}

@media (max-width: 650px) {
    .categories__item-img {
        height: 208px;
        flex: 0 0 208px;
    }
    .categories__item-img img {
        height: 100%;
    }
}

.categories__item-info,
.categories__item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.categories__item-info {
    height: 100%;
}

.about__banner-time {
    margin-bottom: 10px;
}

.about__banner-time .categories__item-mode {
    font-size: 16px;
    margin-bottom: 0;
}

/* правки 18.03.2022 */

.card__form {
    flex-direction: column;
}

.product__info-buy button:disabled,
.card__form button:disabled {
    opacity: 0.5;
}

.card p {
    margin-top: 10px;
    text-align: center;
}

.shk-item.fancybox-content {
    padding: 0;
    border-radius: 20px;
    overflow: hidden;
}

.modal-product__info-buy {
    padding: 20px;
    flex-wrap: wrap;
}

.modal-product__link {
    height: auto;
}

.modal-product__info-buy.product__info-buy p {
    text-align: center;
    margin: 0 auto;
    margin-top: 10px;
}

.product__info-buy {
    width: 90%;
    flex-wrap: wrap;
}

.modal-product__info-buy.product__info-buy {
    width: 100%;
}

.product__info-buy p {
    margin-top: 10px;
}

@media (max-width: 991px) {
    .modal-product__info-buy {
        padding: 0;
    }
    .modal-product__link {
        height: 50px;
    }
    .product__info-buy {
        width: 100%;
    }
    .product__info-buy p {
        margin: 0 auto;
        margin-top: 10px;
    }
}
    
@media (max-width: 650px) {
    .card p {
        font-size: 12px;
        line-height: 1.2;
    }
}
    
@media (max-width: 475px) {
    .shk-item.fancybox-content {
        font-size: 12px;
    }
}
/*--pribor--*/
.ordering__pribor {
    margin-bottom: 40px;
}

.ordering__pribor h3 {
  font-weight: 500;
  font-size: 24px;
  text-align: left;
  margin-bottom: 30px;
  color: #000;
}
.ordering__pribor ul {
  list-style: none;
  margin: 0;
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(4, 1fr);
  align-items: stretch;
}
.ordering__pribor ul li {
  cursor: pointer;
  border-radius: 30px;
  padding: 10px 0px;
  padding-bottom: 15px;
  border: solid 1px #A6B3C8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.ordering__pribor ul li p {
  /* text-transform: capitalize; */
}
.ordering__pribor ul li:hover .ordering__pribor-img {
  background-color: #DF3663;
}
.ordering__pribor ul li:hover .ordering__pribor-img img {
  filter: brightness(0) invert(1);
}
.ordering__pribor-img {
  margin: 0 auto;
  margin-bottom: 15px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 1px #DF3663;
  transition: 0.3s all;
}
.ordering__pribor-img img {
  transition: 0.3s all;
  max-width: 100%;
  margin: 0 auto;
}
.ordering__pribor-name {
  font-size: 14px;    
  line-height: 1.2;
  overflow: hidden;
  color: #000;
  text-align: center;
  margin-bottom: 6px;
}
.ordering__pribor-price {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  text-align: center;
}

@media (max-width: 1023px) {
    .ordering__pribor ul li {
        padding-bottom: 10px;
    }
    .ordering__pribor-img {
        margin-bottom: 10px;
    }
    .ordering__pribor-name {
        margin-bottom: 5px;
    }
}

@media (max-width: 650px) {
  .ordering__pribor ul {
    grid-gap: 0.5rem;
  }
  .ordering__pribor ul li {
    border-radius: 20px;
    padding: 0;
  }
  .ordering__pribor ul li .ordering__pribor-img {
    transform: scale(0.8);
  }
}

/* /////////////// */
.form__user-cash{
    opacity: 0;
    visibility: hidden;
    height: 0;
    padding-top: 0;
    margin-top: 0;
    border-top: 1px solid #F1F1F1;
      transition: 0.2s;
   
}
.form__user-cash.active{
    opacity: 1;
    visibility: visible;
    height: auto;
     padding-top: 40px;
    margin-top: 40px;
}
.form__user-cash input{
    display: block;
        
      
         
        padding-left: 15px;
}
.form__user-cash .form__input{
      max-width: 350px;
        height: 50px;
        width: 100%;
}
/* .form__user-cash .form__input label{
   display: none;
} */
.form__user-cash label{
     font-weight: 500;
    font-size: 16px;
    color: #A6B3C8;
}


.map-div {
    text-align: center;
    height: 567px;
    position: relative;
        overflow: hidden;
}
.map-div::before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    background: #fff;
    width: 100%;
    height: 69px;
    z-index: 1;
    
    display: none;
}

.map-div iframe {
    width: 100%;
    height: 567px;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 0;
    transform: translateX(-50%);
    /* transform: scale(2); */
}
    
    
    /* /////////////////////////// */
    
    
.date{
    display: flex;
}
.select {
  position: relative;
 
  height: 40px;
  margin: 0 auto;
}
.date-select{
    width: 75px;
}
.mouths-select{
     width: 230px;
}
.select[data-state=active] .select__title::before {
  transform: translate(-3px, -50%) rotate(-45deg);
}
.select[data-state=active] .select__title::after {
  transform: translate(3px, -50%) rotate(45deg);
}
.select[data-state=active] .select__content {
  opacity: 1;
  max-height: 401px;
    overflow-y: scroll;
}
.select[data-state=active] .select__label + .select__input + .select__label {
  max-height: 40px;
  border-top-width: 1px;
}

.select__title {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 8px 16px;
  border-radius: 5px;   
      font-weight: 500;
      color: #000;
  cursor: pointer;
}
.select__title::before, .select__title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  display: block;
  width: 10px;
  height: 2px;
  transition: all 0.3s ease-out;
  background-color: #909090;
  transform: translate(-3px, -50%) rotate(45deg);
}
.select__title::after {
  transform: translate(3px, -50%) rotate(-45deg);
}
.select__title:hover {
  border-color: #d8093a;
}
.select__title:hover::before, .select__title:hover::after {
  background-color: #d8093a;
}

.select__content {
  position: absolute;
  top: 40px;
  left: 3px;

  width: calc(100% - 6px);
  background-color: #ffffff;
  border: 1px solid #c7ccd1;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s ease-out;
  opacity: 0;
  z-index: 8;
}

.select__input {
  display: none;
}
.select__input:checked + label {
  background-color: #dedede;
}
.select__input:disabled + label {
  opacity: 0.6;
  pointer-events: none;
}

.select__label {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  max-height: 0;
  padding: 0 16px;
  transition: all 0.2s ease-out;
  cursor: pointer;
  overflow: hidden;
}
.select__label + input + .select__label {
  border-top: 0 solid #c7ccd160;
}
.select__label:hover {
  background-color: #d8093a !important;
  color: #ffffff;
}
.date-days {
  position: relative;
}
.date-days::before {
  position: absolute;
  content: "";
  width: 1px;
	height: 40px;
	bottom: -4px;
	right: -2px;
	background: #a6b3c833;
	z-index: 1;
      
}

.nav-search{
  
    position: relative;
        width: 50px;
    height: 13px;
}
.nav-search input{
  position: absolute;
   
         top: -9px;
    right: -100%;
    opacity: 0;
    visibility: hidden;
   width: 100%;
     max-width: 556px;
    
border: 1px solid #F1F1F1;
box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);

    border-radius: 30px;
    padding-left: 26px;
    padding-right: 30px;
    height: 35px;
    
transition: 0.3s;
z-index: 10;
}
.nav-search.active  {
  max-width: 556px;
    width: 100%;
 }
.nav-search.active .icon-nav-search  {
   display: none;
 }
.nav-search.active .close-search  {
   display: block;
 }
 
 .close-search {
  position: absolute;
  right: 13px;
  top: -3px;
  z-index: 10;
 
  width: 25px;
  height: 25px;
  cursor: pointer;
  display: none;
}
.close-search::before, .close-search::after {
  position: absolute;
  content: "";
  background: #000;
  transform: rotate(45deg);
}
.close-search::after {
  width: 20px;
  height: 2px;
     top: 12px;
    left: 2px;
}
.close-search::before {
  width: 2px;
     height: 20px;
    left: 10px;
    top: 2px;
}
 
 
.nav-search.active input{
    right: 7px;
     visibility: visible;
     opacity: 1;
 }
.icon-nav-search{
        font-size: 25px;
    position: absolute;
    right: 13px;
    top: -3px;
    color: #000;
    z-index: 10;
      cursor: pointer;
}
.navbar .icon-nav-search {
    position: static;
}
.search_advice_wrapper{
    opacity: 0;
    visibility: hidden;
    height: auto;
    margin-top: 29px;
    margin-left: -4px;
    background: #fff;
    width: 100%;
    padding: 14px;
    border: 1px solid #F1F1F1;
    box-shadow: 0px 4px 30px rgb(0 0 0 / 5%);
    border-radius: 30px;
}
.search_advice_wrapper.active{
    opacity: 1;
    visibility: visible;
    
}
@media (max-width: 1200px) {
  .nav-search.active {

    margin-left: 51px;
}  
}
@media (max-width: 768px) {
    .nav-search{
    display: block;
}
}

@media (max-width: 600px) {
    .nav-search.active {
     margin-left: 0px; 
    position: fixed;
    top: 0;
    left: 0;
    max-width: 100%;
    height: 100%;
   
    background: #16263fe0;
    z-index: 10;
    padding: 0 20px;
}

.close-search {
        right: 24px;
    top: 104px;
 }
 .search_advice_wrapper{
         margin-top: 138px;
         margin-left: 0;
 }
.nav-search.active input{
        opacity: 1;
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
   
    max-width: calc(100vw - 40px);
}
    .nav-search.active .icon-nav-search{
            top: 105px;
    left: 90%;
    transform: translateX(-50%);
  
    }
}

@media (max-width: 500px) {
   .nav-search input{
       left: 30px;
   }
   .basket{
           padding-right: 5px;
    margin-right: 5px;
   }
   .basket svg {
    width: 20px;
    height: 20px;
}
.basket span {
    
    font-size: 11px;
   
    width: 50px;
   
   
}
.icon-nav-search {
    font-size: 19px;
 
}
}


 .garnish label {
    display: block;
    margin-bottom: 20px;
    position: relative;
    padding-left: 40px;
    color: #16263f;
    font-size: 16px;
}
.garnish p {
    display: inline;
    color: #fa5581;
    font-weight: 700;
    font-size: 16px;
}

.garnish-price {
    color: #fa5581;
    font-weight: 700;
    font-size: 16px;
    margin-left: 10px;
}

/* для элемента input c type="radio" */
.custom-radio > input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

/* для элемента label связанного с .custom-radio */
.custom-radio > span {
    display: inline-flex;
    align-items: center;
    user-select: none;
}

/* создание в label псевдоэлемента  before со следующими стилями */
.custom-radio > span::before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    bottom: -7px;
    border-radius: 50%;
    border: 2px solid #a6b3c85e;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
        font-size: 14px;

}

/* стили для активной радиокнопки (при нажатии на неё) */
.custom-radio > input:not(:disabled):active + span::before {
    border-color: #ff9bb6;
}

/* стили для радиокнопки, находящейся в состоянии checked */
.custom-radio > input:checked + span::before {
    content: "\2714";
    background: #df3663;
    border: 2px solid #df3663;
    color: #fff;
}

/* стили для радиокнопки, находящейся в состоянии disabled */
.custom-radio > input:disabled + span::before {
    background-color: #e9ecef;
}
 
 

/* //////////////// */
.okayNav__nav--invisible {
    position: absolute;
    top: 41px;
     opacity: 0;
    visibility: hidden;
 
    overflow-y: initial;
    
    height: max-content;
    box-shadow: rgb(0 0 0 / 30%) 0px 0px 5px;
    border-radius: 10px;
    overflow: hidden;
}
 
.okayNav__nav--invisible.nav-open{
    opacity: 1;
    visibility: visible;
}
.okayNav__nav--invisible.nav-right {
    right: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
.okayNav__menu-toggle {
    position: relative;
    top: 0;
}
.okayNav__menu-toggle::after{
    content: "Еще";
        font-weight: 400;
    font-size: 16px;
    
}
.okayNav__menu-toggle span, .okayNav__menu-toggle.icon--active span {
    background: transparent;
}
.okayNav__menu-toggle.icon--active {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.okayNav a{
            font-weight: 400;
    font-size: 16px;
    color: #16263F;
    
}

.okayNav__menu-toggle::before {
    content: "\276F";
        position: absolute;
    right: -10px;
        transform: rotate(90deg);
}

.okayNav__menu-toggle.icon--active::before {
  
        transform: rotate(-90deg);
}
.okayNav__nav--visible a:hover, .okayNav a:hover  {
  
    color: #A6B3C8;
}

.header--scroll .about__menu {
    padding-bottom: 75px;
    background: #fff;
}
 .okayNav:not(.loaded) {
    visibility: visible;
    
}
@media (max-width: 768px) {
    .about__menu {
    padding-bottom: 0px;
    overflow-x: auto;
}
}

/* Start edit oformlenie */
.form__user-address.form__title {
    position: relative;
}
.form-switch {
    position: absolute;
    top: 0;
    right: 0;
}
.switch {
  position: relative;
  display: inline-block;
  width: 150px;
  height: 20px;
}
.switch .form-switch__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #A6B3C8;
}
.switch input {display:none;}

.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: unset;
  right: 0;
  bottom: 0;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s;
  width: 38px;
  border: 1px solid #DBE1E9;
}

.switch .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 1px;
  bottom: 1px;
  background-color: #A6B3C8;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch input:checked + .slider {
  /* background-color: #2196F3; */
}

.switch input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.switch input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
  background-color: #DF3663;
}

/* Rounded sliders */
.slider.round {
  border-radius: 30px;
}

.slider.round:before {
  border-radius: 50%;
}

@media (max-width: 767px) {
    .switch .form-switch__text {
        display: none;
    }   
}

.order-page__address-box {
	position: relative;
	width: 100%;
}
.order-page__address {
	font-weight: 500;
	font-size: 16px;
	line-height: 30px;
	display: flex;
	align-items: center;
	transition: 0.3s;
	height: 50px;
	padding-left: 30px;
	cursor: pointer;
	width: 100%;
}
.order-page__address svg {
	margin-right: 10px;
	width: 24px;
	height: 24px;
}
.order-page__address span {
	position: relative;
}
.order-page__address-inner {
	background-color: #FFFFFF;
	border: 1px solid #F1F1F1;
	box-shadow: 0px 4px 30px rgb(0 0 0 / 5%);
	border-radius: 30px;
	display: flex;
	flex-direction: column;
	padding: 30px;
	position: absolute;
	top: 115%;
	left: 0;
	z-index: 20;
	min-width: 330px;
	display: none;
}
.order-page__address-inner.active {
	display: flex;
}
.order-page-address__add {
	display: flex;
	align-items: center;
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	color: #16263F;
	white-space: nowrap;
}
.order-page-address__add span {
    margin-left: 10px;
}
.order-page-address__add:not(:last-child) {
	margin-bottom: 25px;
}
.order-page-address__link {
	font-size: 14px;
	line-height: 100%;
	font-weight: 500;
	color: #16263F;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-ms-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
	white-space: nowrap;
	position: relative;
}
.order-page-address__link.active::after {
	content: '';
	width: 14px;
	height: 14px;
	position: absolute;
	right: 0;
	background: url('/../../templates/images/check_bl.svg');
}

.order-page-address__link:not(:last-child) {
	margin-bottom: 25px;
}
.order-page-address__remove {
    position: absolute;
	right: -15px;
    width: 14px;
    height: 14px;
    opacity: 0;
    top: 0;
}
.order-page-address__link:hover .order-page-address__remove {
    opacity: 1;
}
/* .order-page-address__link:hover:hover {
    color: #FA5581;
} */
.modal-adress-edit {
    padding: 50px 30px 50px 30px;
}
.modal-adress-edit__text {
    font-size: 20px;
    line-height: 130%;
    text-align: center;
    color: #16263F;
    margin-top: 18px;
}
.modal-adress-edit__text span {
    color: #DF3663;
}
.modal-adress-edit__buttons {
    margin-top: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.modal-adress-edit__back {
    text-align: center;
    color: #16263F !important;
    background: #F1F0EC !important;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
    border-radius: 30px;
    width: 100%;
    max-width: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal-adress-edit__back:hover {
    background: #cbcbcb !important;
}
.modal-adress-edit__back:not(:last-child) {
    margin-bottom: 20px;
}
.modal-adress-edit__add {
    font-weight: 700;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    background: #DF3663;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
    border-radius: 30px;
    width: 100%;
    max-width: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    height: 60px;
    transition: background 0.3s ease 0s;
}
.modal-adress-edit__add:hover {
   background: #bb2a50;
}

/* End edit oformlenie */
.header__address-box {
    margin-right: 0;
    width: auto;
}
.header-newsearch {
    flex: 1 1 auto;
    margin-right: 30px;
    margin-left: 20px;
    display: flex;
    justify-content: flex-end;
}
.header-newsearch .row {
    position: relative;
    width: 50px;
    transition: all 0.3s ease 0s;
}
.header-newsearch .row .form-group {
    flex: 1 1 auto;
}
.header-newsearch .row .btn {
    background: #FFFFFF;
    border: 1px solid #F1F1F1;
    border-radius: 50%;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    transition: background 0.3s ease 0s;
    display: none;
    position: relative;
    z-index: 1;
    margin-left: auto;
}
.header-newsearch .row .btn.callback-search {
    display: flex;
    position: relative;
    z-index: 1;
}
.header-newsearch .row .btn:hover {
     background: #e5e5e5;
}
.header-newsearch .row input.form-control {
    
    height: 50px;
    font-size: 14px;
    line-height: 22px;
    color: #A6B3C8;
    background: #FFFFFF;
    border: 1px solid #F1F1F1;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
    border-radius: 30px;
    width: 100%;
    
    position: absolute;
    right: 0;
    width: 100%;
}

.header-newsearch.active .row {
    width: 100%;
    height: 50px;
}

.header-newsearch.active .row .btn.callback-search {
    display: none;
}
.header-newsearch.active .row input.form-control {
    padding: 0 30px;
}
.header-newsearch__close {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background: url('../images/close.svg') center center no-repeat;
    cursor: pointer;
}
.header-newsearch.active .header-newsearch__close {
    z-index: 2;
}
.modal-mobile-search {
    width: 100%;
    padding: 0;
    position: relative;
    top: -35%;
    min-height: 100px;
    background: transparent;
    overflow: hidden;
}
.modal-mobile-search .fancybox-close-small {
    
}
.modal-mobile-search__search {
    margin-top: 50px;
}
.modal-mobile-search__search .header-newsearch {
    display: block;
    margin: 0 !important;
}
.modal-mobile-search__search .header-newsearch .row .btn.callback-search {
    display: none;
}
.modal-mobile-search__search .header-newsearch .row {
    width: 100%;
    height: 50px;
}
.modal-mobile-search__search .header-newsearch .row input.form-control {
    padding: 0 20px;
}
.ui-widget.ui-widget-content {
    background: #FFFFFF;
    border: 1px solid #F1F1F1;
    box-shadow: 0px 4px 30px rgb(0 0 0 / 5%);
    border-radius: 30px;
    padding: 30px;
    border: none;
}
.ui-menu .ui-menu-item {
    list-style: none;
}
.ui-menu .ui-menu-item:not(:last-child) {
    margin-bottom: 15px !important;
} 
.ui-menu .ui-menu-item-wrapper {
    font-size: 16px;
    line-height: 22px;
    color: #16263F;
    padding: 0 !important;
}
.ui-state-active, .ui-widget-content .ui-state-active {
    border: none !important;
    background: unset !important;
    color: #FA5581 !important;
    font-weight: unset !important;
    margin: 0 !important;
}
@media (max-width: 1200px) {
    .header-newsearch {
        margin-right: 20px;
    }
}
@media (max-width: 991px) {
    .header-newsearch {
        margin-right: 10px;
        margin-left: 20px;
    }
    .ui-menu.ui-widget.ui-widget-content {
        z-index: 99999;
    }
}
@media (max-width: 767px) {
    .header__address span {
        white-space: nowrap;
    }
    .header-newsearch__close {
        display: none;
    }
    header .header-newsearch .row .btn.callback-search {
        display: flex;
        background: transparent;
        border: none;
        box-shadow: unset;
        width: 50px;
        height: 50px;
    }
    header .header-newsearch .row .btn.callback-search svg {
        width: 25px;
        height: 25px;
    }
    header .header-newsearch .row .form-group {
        display: none;
    }
    header .header-newsearch .row {
        width: auto;
    }
    header .header-newsearch {
        margin-right: 5px;
    }
    .header-newsearch .row input.form-control {
        font-size: 16px;
    }
    
}
@media (max-width: 500px) {
    header .header-newsearch .row .btn.callback-search {
        width: 30px;
        height: 30px;
    }
    header .header-newsearch .row .btn.callback-search svg {
        width: 20px;
    }
}
/* OfferMap start*/
.modap-map__offer-adress {
    display: none;
    position: absolute;
    left: 0;
    top: 105%;
    z-index: 3;
    width: 100%;
}
.modap-map__offer-adress ul{
    display: flex;
    flex-direction: column;
    gap: 15px;
    background: #fff;
    border-radius: 20px;
    padding: 8px 20px;
    list-style: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    margin: 0;
}
.modap-map__offer-adress ul li {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    color: #16263f;
    cursor: pointer;
    transition: all 0.3s ease;
}

.modap-map__offer-adress ul li:hover {
    color: #df3663;
}

.modal-address-offer {
    display: none;
    position: absolute;
    left: 0;
    top: 105%;
    width: 100%;
    z-index: 9999;
}
.modal-address-offer ul{
    background: #fff;
    border-radius: 20px;
    padding: 15px;
    color: #000;
    list-style: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    margin: 0;
}
.modal-address-offer ul li {
    padding: 5px;
    cursor: pointer;
    color: #000;
}
.modal-address-offer ul li:hover {
    color: #8b8b8b;
}
/* OfferMap end */
.div-error-message {
    text-align: center;
    padding: 15px 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    background-color: #d10038;
    border-radius: 50px;
    margin-top: 30px;
}
@media (max-width: 767px) {
    .div-error-message {
        padding: 10px;
        font-size: 14px;
    }
}
.adress-select {
    width: 100%;
    border: none;
    border-radius: 30px;
    background: transparent;
    height: 100%;
    line-height: 50px;
}
.adress-select.nice-select .list {
    width: 100%;
}
.adress-select.nice-select:hover {
    border: none;
}
.adress-select .current {
    color: #333;
    font-weight: 500;
}
.adress-select.nice-select .option.selected.focus {
    background-position: 98% center;
}
.modal .modal-map__btn-delete, .modal .modal-map__btn-add:disabled{
    color: #e9adbd;
    background: transparent;
}
.modal .modal-map__btn-delete, .modal .modal-map__btn-add:disabled svg path {
    fill: #e9adbd;
}
@media (max-width: 570px) {
    .nice-select.adress-select .current {
        white-space: normal;
        line-height: 20px;
        height: 50px;
        display: flex;
        align-items: center;
    }
    .header__address span {
        font-size: 11px;
    }
}
.modap-map__min-mount {
    display: none;
    color: red;
    text-align: left;
    transition: all 0.3s ease 0s;
    width: 100%;
    font-size: 12px;
}
.modap-map__min-mount span {
    font-weight: 600;
}

.hero__item.swiper-slide {
    outline: none !important;
}

/* ---------------------------------- корзина на пасху */

.cart {
    overflow: visible;
}

.cart__null {
    height: 600px;
}

.cart form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.cart__form-header {
    flex-direction: column;
}

.cart__list {
    margin-bottom: 30px;
    height: auto;
    max-height: 400px;
}

.cart-inner,
.cart-inner form {
    height: 100%;
}

.cart__submit {
    margin-top: auto;
}

.cart__form-header h4 div {
    font-size: 12px !important;
    line-height: 1.2 !important;
    margin: 10px 0 !important;
    margin-bottom: 0 !important;
    padding: 5px !important;
    border-radius: 10px !important;
}

.cart__form-header a {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #F1F1F1;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
    border-radius: 30px;
    right: 0;
    top: -25px;
    background-color: #fff;
}

.ordering__item-delete {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #F1F1F1;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
    border-radius: 30px;
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .3s ease-in-out;
}

.cart__item:hover .ordering__item-delete {
    opacity: 1;
    visibility: visible;
}

.cart__form-header a svg {
    width: 20px;
    height: 20px;
}

.cart__submit-total {
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
}

.cart__form-header h4 {
    line-height: 1.2;
}

.ordering__list.cart__list {
    max-height: 100%;
}

@media(max-height: 1000px) {
    
    .cart form {
        min-height: auto;
    }
    
    .cart__list {
        max-height: 250px;
    }
    
    .ordering__list.cart__list {
        max-height: 100%;
    }
}

/* ---------------------------------- корзина на пасху */

/* Обводка для акционной карточки */

.card {
    border: 4px solid transparent;
    outline: 1px solid #F1F1F1;
}

.stock__card {
    border-color: #DF3663;
}

/* Динамическая ширина плашки корзины */

.basket span {
    width: auto;
    min-width: 56px;
    padding: 5px;
}

@media(max-width: 500px) {
    
    .basket span {
    width: auto;
    min-width: 50px;
    }
}

@media(max-width: 365px) {
    
    .basket span {
    padding: 2px;
    font-size: 8px;
    }
}


/* Атрибуты акции */

.stock__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.stock__price {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 9px 13px;
    max-height: 40px;
    font-weight: 600;
    font-size: 26px;
    color: #FFFFFF;
    background-color: #2EBC66;
}

.stock__price:before, .stock__price:after {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #FFFFFF;
    content: '';
}

.stock__price:before {
    left: 0;
    transform: translateX(-50%);
}

.stock__price:after {
    right: 0;
    transform: translateX(50%);
}

.stock__current-price {
    margin-right: 8px;
}

.stock__ex-price {
    position: relative;
    font-weight: 400;
    font-size: 20px;
}

.stock__ex-price:before {
    content: "";
    border-bottom: 1.5px solid #FF2464;
    position: absolute;
    width: 100%;
    height: 50%;
    transform: rotate(-16.22deg);
}

 .stock__button.shk-submit {
    display: inline-flex;
    font-weight: 600;
    font-size: 18px;
    padding: 13px 29px;
    max-width: 108px;
    color: #FFFFFF; 
    background-color: #DF3663;
}

@media (max-width: 1132px) {
    .stock__ex-price {
        font-size: 16px;
    }

    .stock__current-price {
        margin-right: 5px;
        font-size: 18px;
    }
}

@media (max-width: 1028px) {
    .stock__button.shk-submit {
        width: auto;
        padding: 8px 16px;
    }
}

@media (max-width: 893px) {
    .stock__ex-price {
        display: none;
    }

    .stock__current-price {
        margin-right: 0;
    }
}

@media (max-width: 805px) {
    .stock__button.shk-submit {
        font-size: 16px;
    }
}

@media (max-width: 449px) {
    .stock__price {
        font-size: 16px;
        padding: 9px;
    }
 
    .stock__button.shk-submit {
        font-size: 14px;
    }
}

@media (max-width: 449px) {
    .stock__button.shk-submit {
        padding: 8px 10px;
    }
     
    .stock__price {
        margin-right: 5px;
    }
 
    .stock__current-price {
        font-size: 14px;
    }
}


/* Предупреждение о высокой нагрузке */

.warning {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 90px 0 40px;
    padding: 40px 40px 10px;
    max-width: 800px;
    background-color: #f6f7fa;
    border-radius: 20px;
}

.warning:before {
    position: absolute;
    top: -53px;
    left: 50%;
    z-index: -1;
    width: 106px;
    height: 106px;
    transform: translateX(-50%);
    border-radius: 50%;
    background-color: #f6f7fa;
    content: '';
}

.warning__text {
    margin-bottom: 12px;
    font-family: 'Golos', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.57;
    text-align: center;
    color: #16263F;
}

.warning__text:before {
    position: absolute;
    top: -27px;
    left: 50%;
    transform: translateX(-50%);
    width: 36px;
    height: 36px;
    background: url("/templates/images/icons/alert-circle.svg") no-repeat center;
    content: '';
}

.warning__police {
    margin-bottom: 19px;
    display: flex;
    justify-content: center;
    color: #16263F
}

.warning .warning__button button {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .warning {
        padding: 20px;
    }
    
    .warning button[type="submit"] {
        margin-bottom: 0;
    }
}

/*Отзывы в заказах*/
.down__ReviewPanel{
  display: none;
}



/* страница отзывов */
.reviews{
    margin-bottom: 130px;
}

.reviews__title{
    color:  #16263F;
    font-family: 'Golos';
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2; /* 45.833% */

    margin-bottom: 40px;
}

*{
    box-sizing: border-box;
}

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

.reviews__container{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0 20px;
}

.reviews__content{
    max-width: 940px;
    width: 100%;
}

.reviews__items{
    margin-bottom: 64px;
    padding: 10px;
}

.reviews__item{
    margin-bottom: 20px;
    border-radius: 20px;
    background: #fff;
}

.reviews__item:last-child{
    margin-bottom: 0;
}

.reviews__form{
    max-width: 460px;
    width: 100%;
    flex-shrink: 0;
}

.reviews__item-top{
    position: relative;
    padding-bottom: 25px;
    border-bottom: 1px solid #F1F1F1;
    margin-bottom: 20px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 30px;
}

.reviews__item-text{
    color:  #16263F;
    font-family: 'Golos';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 171.429% */
}

.reviews__item-text p{
    margin-bottom: 15px;
}

.reviews__item-text p:last-child{
    margin-bottom: 0;
}

.reviews__item-date{
    display: inline-flex;
    align-items: center;
    gap: 0 5px;
}

.reviews__item-date-text{
    color:  #95A2B6;
    font-family: 'Golos';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 169.231% */
}

.reviews__item-content,
.reviews__answer{
    padding: 40px;
}


.reviews__answer{
    background: #FDF5F7;
    border-radius: 20px;
}

.reviews__answer-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 30px;
    margin-bottom: 22px;
}

.reviews__answer-date{
    display: inline-flex;
    align-items: center;
    gap: 0 5px;
}

.reviews__answer-date-icon,
.reviews__item-date-icon{
    display: flex;
    align-items: center;
    justify-content: center;
}

.reviews__answer-date-text{
    color:  #95A2B6;
    font-family: 'Golos';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 169.231% */
}

.reviews__answer-text{
    color:  #16263F;
    font-family: 'Golos';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 171.429% */
}

.reviews__answer-author{
    color: #DF3663;
    font-family: 'Golos';
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.reviews__load-more{
    width: 100%;
    height: 70px;

    cursor: pointer;
    outline: none;
    padding: 0;
    border: none;
    border-radius: 30px;

    transition: background .4s ease;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 5px;

    color: #DF3663;
    font-family: 'Golos';
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    

    background: transparent;
}

.reviews__load-more:hover{
    background: #FDF5F7;

    transition: background .4s ease;
}

.reviews__load-more-icon{
    display: flex;
    align-items: center;
    justify-content: center;
}

.reviews__form{
    position: sticky;
    top: 70px;
}

.reviews__form-inner{
    padding: 50px 65px;
    background: #fff;
    border-radius: 30px;
}

.reviews__form-title{
    color: #16263F;
    text-align: center;
    font-family: 'Golos';
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;

    margin-bottom: 30px;
}

.reviews__form-input{
    width: 100%;
}

.reviews__form-input input,
.reviews__form-textarea textarea{
    width: 100%;
    height: 50px;

    border: 1px solid rgba(149, 162, 182, 0.4);
    outline: none;
    padding: 0 15px 0 25px;
    border-radius: 30px;

    display: block;

    color: #78879F;
    font-family: 'Golos';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    
}

.reviews__form-input input::placeholder,
.reviews__form-textarea textarea::placeholder{
    color: #78879F;
    font-family: 'Golos';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
}

.reviews__form-textarea {
    margin-bottom: 20px;
}

.reviews__form-textarea textarea{
    resize: none;
    min-height: 150px;
    padding: 14px 26px;
}

.reviews__form-input{
    margin-bottom: 20px;
}

.reviews__form-input:last-child{
    margin-bottom: 0;
}

.reviews__form-label{
    color:  #95A2B6;
    text-align: center;
    font-family: 'Golos';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 150% */

    max-width: 285px;
    margin: 10px auto 20px;
}

.reviews__form-radios{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    margin-bottom: 20px;

    border-radius: 30px;
    border: 1px solid rgba(149, 162, 182, 0.4);
}

.reviews__form-file{
    margin-bottom: 30px;
    border-radius: 40px;
    border: 1px dashed rgba(223, 54, 99, 0.30);
    background: var(--ffffff, #FFF);
}

.reviews__form-file input{
    display: none;
}

.reviews__form-file label{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 6px;

    padding: 20px;
    width: 100%;
    cursor: pointer;
}

.reviews__form-file-icon{
    display: flex;
    align-items: center;
    justify-content: center;
}

.reviews__form-file-text{
    color: #FA5581;
    font-family: 'Golos';
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
}

.reviews__form-submit{
    width: 100%;
    height: 60px;

    border-radius: 30px;
    background: #DF3663;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    outline: none;
    border: none;

    color: #FFF;
    text-align: center;
    font-family: 'Golos';
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.reviews__form-radio input{
    display: none;
}

.reviews__form-radio input:checked + label .reviews__form-radio-icon{
    background: #DF3663;
    border: none;
}

.reviews__form-radio input:checked + label .reviews__form-radio-icon::before{
    display: block;
}

.reviews__form-radio label{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px 0;

    cursor: pointer;
    padding: 15px 0 10px;
}

.reviews__form-radio-icon{
    display: block;

    width: 20px;
    height: 20px;

    border-radius: 50%;
    border: 2px solid rgba(149, 162, 182, 0.4);

    position: relative;
}

.reviews__form-radio-icon::before{
    content: url('../images/icons/checked-icon.svg');
    position: absolute;

    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);

    display: none;
}

.reviews__form-radio-text{
    color:  #16263F;
    font-family: 'Golos';
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 157.143% */
}

.reviews__form-radio{
    border-right: 1px solid rgba(149, 162, 182, 0.4);
}

.reviews__form-radio:last-child{
    border: none;
}

.reviews__form-radio:nth-child(2) {
    min-width: 140px;
}


@media(max-width: 1440px) {
    .reviews__item-content, .reviews__answer{
        padding: 30px;
    }

    .reviews__form-inner{
        padding: 50px;
    }
}

@media(max-width: 1024px) {
    .reviews__container{
        flex-direction: column;
        align-items: center;
        gap: 50px 0;
    }

    .reviews__form{
        position: static;
        max-width: 550px;
    }

    .reviews__content{
        max-width: 100%;
    }

    .reviews__item-content, .reviews__answer{
        padding: 30px 20px;
    }

    .reviews__item{
        margin-bottom: 10px;
    }

    .reviews__form-inner{
        padding: 30px 50px;
    }

    .reviews__title{
        font-size: 42px;
    }

    .reviews{
        margin-bottom: 80px;
    }

    .reviews__item-top{
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .reviews__items{
        margin-bottom: 30px;
    }
}

@media(max-width: 768px) {
    .reviews__item-content, .reviews__answer{
        padding: 20px 15px;
    }

    .reviews__title{
        font-size: 36px;
    }

    .reviews__form-inner{
        padding: 0;
    }

    .reviews__form-title{
        font-size: 26px;
    }
}

@media(max-width: 475px) {
    .reviews__item-content, .reviews__answer{
        padding-left: 0;
        padding-right: 0;
    }
    
    .reviews__title{
        font-size: 30px;
    }
}

/*  */


/* form user alert media */
@media(max-width: 1250px) {
    .form__user-alert button[type=submit] {
        margin-bottom: 20px;
    }
    
    .form__user-alert-top{
        margin-bottom: 20px;
    }
    
    .form__user-alert-desc p{
        margin-bottom: 12px;
    }
}

@media(max-width: 1024px) {
    .form__user-alert{
        margin-top: 30px;
        padding: 30px;
    }
}

@media(max-width: 768px) {
    .form__user-alert{
        padding: 20px;
    }
    
    .form__user-alert-top{
        flex-direction: column;
        gap: 20px;
    }
    
    .form__user-alert button[type="submit"] {
        font-size: 14px;
        line-height: 18px;
        padding: 0 15px;
    }
}
/*  */


/* header select */
.header__select-form{
    margin-left: 30px;
    flex-shrink: 0;
    max-width: 230px;
    width: 100%;
}

.header__select{
    
    width: 100%;
    height: 50px;
    
    border-radius: 50px;
    border: 1px solid #DF3663;
    padding: 0 12px;
    
    position: relative;

}

.header__select-trigger{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    
    height: 100%;
    cursor: pointer;
}

.header__select-trigger-icon,
.header__select-arrow{
    display: flex;
    align-items: center;
    justify-content: center;
}

.header__select-trigger.active .header__select-arrow{
    transform: rotate(180deg);
    transition: transform .3s ease;
}

.header__select-arrow{
    transition: transform .3s ease;
}

.header__select-value-title{
    color:  #16263F;
    font-family: Golos;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
    
    min-width: 125px;
}

.header__select-value-subtitle{
    color: #16263F;
    font-family: Golos;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 183.333% */
}

.header__select-list {
    position: absolute;
    left: 0;
    top: 70px;
    
    z-index: 10;
    
    width: 100%;
    
    border-radius: 30px;
    border: 1px solid #F1F1F1;
    background: #FFF;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.40);
    
    padding: 30px;
    
    opacity: 0;
    visibility: hidden;
    transition: .2s;
}

.header__select-list.visible{
    opacity: 1;
    visibility: visible;
    transition: opacity .4s ease;
}

.header__select-item{
    display: flex;
    align-items: center;
    gap: 13px;
    
    margin-bottom: 30px;
    cursor: pointer;
}

.header__select-item:last-child{
    margin-bottom: 0;
}

.header__select-item:hover .header__select-item-title{
    color: #DF3663;
    transition: color .4s ease;
}

.header__select-item-title{
    color: #16263F;
    font-family: Golos;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 137.5% */
    transition: color .4s ease;
}

.header__select-item-subtitle{
    color: #16263F;
    font-family: Golos;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 183.333% */
}
/*  */

@media(max-width: 1440px) {
      .header {
    padding-top: 40px;
    position: relative;
  }
  .header__address {
    color: #A6B3C8;
  }
    .header__address-box {
        z-index: 20;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        padding: 6px 0;
        width: 100%;
        /* box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05); */
        color: #A6B3C8;
    }
  .header__address-box span::after {
    border-bottom: 1px dashed rgba(166, 179, 200, 0.3);
  }
  
  .header__logo{
      margin-right: 20px;
  }
  
  .header__select-form{
      margin: 0;
  }
  
  .header__select-list{
      padding: 20px;
  }
}

@media(max-width: 1200px) {
        .header__select-value-title{
        font-size: 14px;
    }
    
    .header__select-item-title{
        font-size: 14px;
    }
    
    .header__select-form{
        max-width: 210px;
    }
    
    .header__select-item{
        gap: 8px;
    }
}

@media(max-width: 1024px) {
    .header{
        padding-bottom: 90px;
        padding-top: 60px;
    }
    
    .header__select-form-inner{
        padding: 0 10px 20px;
    }
    
    .header__select-form{
        position: absolute;
        
        max-width: 100%;
        width: 100%;
        bottom: 0;
        left: 0;
    }
    
    .header__select-list{
        top: 68px;
    }
}

/* product similar swiper */
.product-similar__inner h2{
    color: #16263F;
    font-family: Golos;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2; /* 45.833% */
    
    margin-bottom: 20px;
}

.product-similar{
    margin-bottom: 140px;
}

.product-similar__product{
    border-radius: 30px;
    border: 1px solid #F1F1F1;
    background: #FFF;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.05);
    
    padding: 10px 10px 30px 10px;
}

.product-similar__product-wrapper{
    padding: 20px 20px 0 20px;
}

.product-similar__product-form-inner{
    position: relative;
}

.product-similar__product-label{
    position: absolute;
    left: 20px;
    top: -20px;
    
    padding: 9px 20px;
    
    color: #16263F;
    font-family: Golos;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 157.143% */
    text-transform: uppercase;
    
    border-radius: 40px;
}

.product-similar__product--new .product-similar__product-label{
    background: linear-gradient(259deg, #8DFF47 0%, #50EE86 100%);;
}

.product-similar__product--hit .product-similar__product-label{
    background: linear-gradient(259deg, #93CBFF 0%, #79B7F0 100%);
}

.product-similar__product--promo .product-similar__product-label{
    background: linear-gradient(259deg, #FFD747 0%, #EE8950 100%);
}

.product-similar__product-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.product-similar__product-weight{
    color: #95A2B6;
    font-family: Golos;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    
    margin-bottom: 8px;
}

.product-similar__product-title{
    color: #16263F;
    font-family: Golos;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 110% */
    margin-bottom: 8px;
    
    display: inline-block;
}

.product-similar__product p{
    color:  #95A2B6;
    font-family: Golos;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    
}

.product-similar__product-bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 13px;
    
    margin-top: 17px;
}

.product-similar__product-price{
    display: flex;
    align-items: center;
    gap: 13px;
}

.product-similar__product-current-price{
    color: #16263F;
    font-family: Golos;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2; /* 73.333% */
}

.product-similar__product-previous-price{
    color: #95A2B6;
    font-family: Golos;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2; /* 110% */
    
    position: relative;
}

.product-similar__product-previous-price::after{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 2px;
    background: #DF3663;
}

.product-similar__submit{
    color: #FFF;
    font-family: Golos;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 122.222% */
    
    max-width: 108px;
    width: 100%;
    height: 50px;
    
    border-radius: 40px;
    background: #DF3663;
    transition: opacity .4s ease;
}

.product-similar__submit:hover{
    opacity: .7;
    transition: opacity .4s ease;
}

.product-similar__slider{
    height: 500px;
}

.product-similar__slide{
    display: flex;
    align-items: center;
}

.product-similar__slider-wrapper{
    position: relative;
}

.product-similar__button-prev,
.product-similar__button-next{
    display: flex;
    align-items: center;
    justify-content: center;
    
    width: 50px;
    height: 50px;

    border: 1px solid #F1F1F1;
    filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.05));
    background: #fff;
    border-radius: 50%;
    
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    
    cursor: pointer;
}
.product-similar__button-prev{
    left: -30px;
}
.product-similar__button-next{
    right: -30px;
}

@media(max-width: 1500px) {
    .product-similar__button-prev{
        left: 0;
    }
    .product-similar__button-next{
        right: 0;
    }
    
    .product-similar__product-bottom{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 15px;
    }
    
    .product-similar__submit{
        max-width: 100%;
    }
    
    .product-similar__slider{
        height: 560px;
    }
    
    .product-similar__inner h2{
        font-size: 44px;
    }
    
    .product-similar__button-prev, .product-similar__button-next{
        top: 45%;
    }
}

@media(max-width: 1440px) {
    .product-similar__product-image{
        display: block;
        height: 260px;
    }
    
    .product-similar__slider{
        height: 590px;
    }
    
    .product-similar{
        margin-bottom: 120px;
    }
}

@media(max-width: 1200px) {
    .product-similar__inner h2{
        font-size: 40px;
    }
}

@media(max-width: 1024px) {
    .product-similar__slider{
        height: 630px;
    }
    
    .product-similar__product-image{
        display: block;
        height: 300px;
    }
    
    .product-similar__inner h2{
        font-size: 36px;
    }
    
    .product-similar__product-current-price{
        font-size: 28px;
    }
    
    .product-similar{
        margin-bottom: 100px;
    }
}

@media(max-width: 992px) {
    .product-similar__inner h2{
        font-size: 30px;
    }
    
    .product-similar__product-current-price{
        font-size: 26px;
    }
}

@media(max-width: 768px) {
    
    .product-similar{
        margin-bottom: 80px;
    }
    
    .product-similar__product-wrapper{
        padding: 15px 0 0 0;
    }
    
    .product-similar__product-current-price{
        font-size: 24px;
    }
    
    .product-similar__submit{
        font-size: 16px;
    }
    
    .product-similar__product-bottom{
        margin-top: 10px;
    }
    
    .product-similar__product-image{
        height: 300px;
    }
    
    .product-similar__slide-inner{
        width: 100%;
    }
    
    .product-similar__slider{
        height: 570px;
    }
}
/*  */


/* Оформление заказа, блок с оплатой */
.form__user-radio input[type=radio] {
    display: none;
}

.form__user-radio input[type=radio]:checked + label .form__user-radio-icon::after{
    display: block;
}

.form__user-radio{
    margin-bottom: 25px;
}

.form__user-radio:last-child{
    margin-bottom: 0;
}

.form__user-radio label{
    display: flex;
    align-items: flex-end;
    gap: 10px;
    
    cursor: pointer;
}

.form__user-radio-text{
    line-height: 1.1;
    color: #16263F;
}

.form__user-radio-icon{
    display: block;
    
    width: 20px;
    height: 20px;
    
    border: 1.5px solid rgba(166, 179, 200, 0.4);
    border-radius: 6px;
    
    position: relative;
}

.form__user-radio-icon::after{
    content: url("../images/check-red.webp");
    position: absolute;
    
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    display: none;
}


.form__user-radio .form__input{
    opacity: 0;
    visibility: hidden;
    transition: all .3s ;
    
    max-height: 0;
}

.form__user-radio .form__input.visible{
    opacity: 1;
    visibility: visible;
    transition: max-height .3s;
    max-height: 50px;
    margin-left: 15px;
    margin-top: 15px;
}
/*  */

/* доставка */
.delivery-conditions{
    margin-bottom: 130px;
}

.delivery-conditions h2{
    color: #16263F;
    font-family: Golos;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2; /* 45.833% */
    
    margin-bottom: 30px;
}

#delivery-conditions-map{
    height: 680px;
    width: 100%;
}

#delivery-conditions-map .ymaps-2-1-79-inner-panes{
    border-radius: 30px;
}

.delivery-conditions__map-wrapper{
    position: relative;
}

.delivery-conditions__map-zones{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 100px;
    
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 20px 80px 0px rgba(0, 0, 0, 0.15);
    
    max-width: 450px;
    width: 100%;
    
    padding: 10px;
}

.map-zone{
    border-radius: 10px;
    padding: 30px;
    margin-bottom: 10px;
}

.map-zone:last-child{
    margin-bottom: 0;
}

.map-zone--orange{
    background: rgba(230, 126, 35, 0.05);

}

.map-zone--pink{
    background: rgba(208, 159, 228, 0.10);
}

.map-zone--grey{
    background: rgba(126, 140, 141, 0.05);
}

.map-zone--orange .map-zone__title{
    color: #E67E23;

}

.map-zone--pink .map-zone__title{
    color: #D09FE4;
}

.map-zone--grey .map-zone__title{
    color: #7E8C8D;
}

.map-zone__title{
    color: #E67E23;

    font-family: Golos;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 110% */
    
    margin-bottom: 15px;
}

.map-zone__blocks{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
}

.map-zone__block{
    display: flex;
    align-items: center;
    gap: 15px;
}

.map-zone__icon{
    width: 50px;
    height: 50px;
    
    border-radius: 50%;
    
    display: flex;
    align-items: center;
    justify-content: center;
    
    flex-shrink: 0;
}

.map-zone--orange .map-zone__icon{
    background: rgba(230, 126, 35, 0.20);

}

.map-zone--pink .map-zone__icon{
    background: rgba(208, 159, 228, 0.20);
}

.map-zone--grey .map-zone__icon{
    background: rgba(126, 140, 141, 0.20);
}

.map-zone--orange .map-zone__icon svg path{
    fill: #E67E23;

}

.map-zone--pink .map-zone__icon svg path{
    fill: #D09FE4;
}

.map-zone--grey .map-zone__icon svg path{
    fill: #7E8C8D;
}

.map-zone__content-label{
    color: #16263F;
    font-family: Golos;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 166.667% */
}

.map-zone__content-value{
    color: #16263F;
    font-family: Golos;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 111.111% */
}

.delivery-conditions__map-wrapper{
    margin-bottom: 70px;
}

.delivery-conditions__text{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px 50px;
    
    margin-bottom: 70px;
}

.delivery-conditions__text p{
    color: #16263F;
    font-family: Golos;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px; /* 168.75% */
}

.delivery-conditions__triggers{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

.delivery-conditions__trigger {
    border-radius: 30px;
    border: 1px solid #F1F1F1;
    background: #FFF;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.05);
    
    padding: 30px;
    
    display: flex;
    align-items: center;
    gap: 20px;
}

.delivery-conditions__trigger-text{
    color: #16263F;
    font-family: Golos;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    max-width: 210px;
}

.delivery-conditions__trigger-text span{
    font-weight: 600;
}


@media(max-width: 1440px) {
    .delivery-conditions{
        margin-bottom: 120px;
    }
    
    .delivery-conditions h2{
        font-size: 44px;
    }
    
    .delivery-conditions__map-wrapper{
        margin-bottom: 50px;
    }
    
    .delivery-conditions__text{
        margin-bottom: 50px;
    }
    
    .delivery-conditions__map-zones{
        left: 50px;
    }
}

@media(max-width: 1200px) {
    .delivery-conditions h2{
        font-size: 42px;
    }
    
    .delivery-conditions__map-zones{
        left: 30px;
    }
    
    .delivery-conditions__trigger-text{
        font-size: 20px;
        max-width: 190px;
    }
    
    .delivery-conditions__trigger{
        padding: 20px;
    }
}

@media(max-width: 1024px) {
    .delivery-conditions{
        margin-bottom: 100px;
    }
    
    .delivery-conditions h2{
        font-size: 40px;
    }
    
    .delivery-conditions__text p{
        font-size: 14px;
    }
    
    .delivery-conditions__trigger-text{
        font-size: 18px;
        max-width: 170px;
    }
    
    .delivery-conditions__triggers{
        grid-template-columns: repeat(2, 1fr);
    }
    
    .delivery-conditions__text{
        grid-gap: 20px;
    }
}

@media(max-width: 768px) {
    .delivery-conditions__map-zones{
        position: static;
        transform: none;
        box-shadow: none;
        
        max-width: 100%;
        padding: 0;
        order: 1;
    }
    
    .delivery-conditions__map-wrapper{
        display: flex;
        flex-direction: column;
        gap: 20px;
        
        margin-bottom: 40px;
    }
    
    .delivery-conditions__text{
        margin-bottom: 40px;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 10px;
    }
    
    .delivery-conditions__map{
        order: 2;
    }
    
    .map-zone{
        padding: 20px;
    }
    
    .delivery-conditions h2{
        font-size: 36px;
        margin-bottom: 20px;
    }
    
    .delivery-conditions__triggers{
        grid-template-columns: repeat(1, 1fr);
    }
    
    #delivery-conditions-map{
        height: 580px;
    }
    
    .header{
        padding-top: 45px;
        padding-bottom: 80px;
    }
}

@media(max-width: 576px) {
    .delivery-conditions h2{
        font-size: 32px;
    }
}

@media(max-width: 475px) {
    .map-zone__blocks{
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 15px;
    }
    
    #delivery-conditions-map{
        height: 480px;
    }
}
/*  */










/* Новая главная */
.main-slider{
    margin-bottom: 100px;
}

.main__swiper .main__slider-banner{
    height: 550px;
}

.main__swiper .main__slider-banner img {
    object-fit: cover;
    border-radius: 20px;
}

.main__swiper::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    
    background-image: url('../images/new-main/main-slider/slider-left-decor.svg');
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    
    height: 100%;
    width: 180px;
    z-index: 2;
}


.main__swiper::after{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    
    background-image: url('../images/new-main/main-slider/slider-right-decor.svg');
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    
    height: 100%;
    width: 180px;
    z-index: 2;
}

.main__swiper .main__slider-slide.swiper-slide{
    opacity: 1;
}


.products-types{
    margin-bottom: 100px;
}

.products-types__items{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    margin: 0;
}

.products-types__item{
    width: 100%;
    min-height: 192px;
    border-radius: 12px;
    padding: 25px;
    
    display: block;
    

    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-position: bottom right;
    -webkit-background-size: 70%;
    background-size: 70%;
    
    border: 1px solid #F1F1F1;
    transition: all .4s ease;
}

.products-types__item:hover{
    border-color: #FA5581;
    transition: all .4s ease;
}

.main-slider__title{
    visibility: hidden;
    overflow: hidden;
    height: 0;
}

.products-types__items li:nth-child(1) .products-types__item{
    -webkit-background-size: 65%;
    background-size: 65%;
}

.products-types__items li:nth-child(2) .products-types__item{
    -webkit-background-size: 60%;
    background-size: 60%;
}

.products-types__items li:nth-child(3) .products-types__item{
    -webkit-background-size: 55%;
    background-size: 55%;
}

.products-types__items li:nth-child(4) .products-types__item{
    -webkit-background-size: 85%;
    background-size: 85%;
}


.products-types__items li:nth-child(5) .products-types__item{
    -webkit-background-size: 70%;
    background-size: 70%;
}

.products-types__items li:nth-child(6) .products-types__item{
    -webkit-background-size: 60%;
    background-size: 60%;
}

.products-types__items li:nth-child(7) .products-types__item{
    -webkit-background-size: 55%;
    background-size: 55%;
}

.products-types__items li:nth-child(8) .products-types__item{
    -webkit-background-size: 75%;
    background-size: 75%;
}

.products-types__items li:nth-child(9) .products-types__item{
    -webkit-background-size: contain;
    background-size: contain;
}

.products-types__items li:nth-child(10) .products-types__item{
    -webkit-background-size: 55%;
    background-size: 55%;
}

.products-types__items li:nth-child(11) .products-types__item{
    -webkit-background-size: 55%;
    background-size: 55%;
    background-position: bottom right;
}

.products-types__items li:nth-child(12) .products-types__item{
    -webkit-background-size: 80%;
    background-size: 80%;
}

.products-types__items li:nth-child(13) .products-types__item{
    -webkit-background-size: 65%;
    background-size: 65%;
}

.products-types__items li:nth-child(14) .products-types__item{
    -webkit-background-size: 65%;
    background-size: 65%;
}

.products-types__items li:nth-child(15) .products-types__item{
    -webkit-background-size: 60%;
    background-size: 60%;
}

.products-types__items li:nth-child(16) .products-types__item{
    -webkit-background-size: 60%;
    background-size: 60%;
}



.products-types__item-title{
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    color: #16263F;
    
    max-width: 230px;
}


.products{
    margin-bottom: 100px;
}

.section-title{

    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 120%;
    color: #16263F;
    
    margin-bottom: 40px;
}

.products__items{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}

.products__item{
    padding: 10px 10px 30px;
    border-radius: 30px;
    background: #fff;
    
    position: relative;
    border: 1px solid #F1F1F1;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);

}

.products__item--absent{
    opacity: .6;
}



.products__item .products__item-absent{
    display: none;
}

.products__item--absent .products__item-absent{
    display: flex;
}

.products__item--absent .products__item-price{
    display: none;
}

.products__item--absent .products__item-button{
    display: none;
}

.products__item-absent{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #95A2B6;
    
    height: 50px;
    width: 100%;
    
    display: flex;
    align-items: center;
    justify-content: center;
}

.products__item-content{
    padding: 0 20px;
}

.product__item-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.products__item-peppers{
    display: flex;
    align-items: center;
    gap: 0;
}

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

.products__item-pepper svg{
    width: 34px;
    height: 34px;
}

.products__item-pepper svg path{
    fill: rgba(166, 179, 200, 0.2);
}

.products__item-pepper--current svg path{
    fill: #E35050;
}

.products__item-labels{
    position: absolute;
    top: -10px;
    left: 0;
    
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    gap: 5px;
    
    width: 100%;
    padding: 0 10px;
}

.products__item-label{
    
    padding: 10px 12px;
    
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
    color: #16263F;
    border-radius: 40px;
}

.products__item-label--new{
    background: linear-gradient(259.04deg, #8DFF47 0%, #50EE86 100%);
    
}

.products__item-label--stock{
    background: linear-gradient(259.04deg, #FFD747 0%, #EE8950 100%);
}

.products__item-label--spicy{
    background: #F3F3F5;
}

.products__item-label--hit{
    background: #F3F3F5;
}

.products__item-label--action{
    background: linear-gradient(225deg, #ffd747 0%, #ee8950 100%);
}

.products__item-image{
    width: 100%;
    height: 230px;
    
    margin-bottom: 20px;
    
    background-image: url('../images/image-preloader.png');
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    background-size: contain;
}

.products__item-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 25px;
}

.products__item-image img.-js-loaded{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 25px;
}

.products__item-weight {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #95A2B6;
}

.products__item-title{
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    color: #16263F;
    
    margin-bottom: 22px;
}

.products__item-desc {
    margin-bottom: 17px;
    margin-top: auto;
    
    display: none;
}

.products__item-desc p{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #95A2B6;

}

.products__item-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    
    margin-top: auto;
}

.products__item-price{
    display: flex;
    align-items: center;
    gap: 15px;
}

.products__item-current-price{
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 22px;
    color: #619D68;
}

.products__item-old-price{
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    color: #95A2B6;
    
    position: relative;
}

.products__item-old-price::before{
    content: '';
    position: absolute;
    
    top: 50%;
    transform: translateY(-50%);
    
    left: 0;
    
    width: 110%;
    height: 1px;
    background: #DF3663;
}

.products__item-button{
    font-weight: 500;
    font-size: 18px;
    color: #16263F;
    background-color: rgba(166, 179, 200, 0.2);
    border-radius: 30px;
    width: 100%;
    height: 50px;
    transition: background-color 0.3s;
    
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.products__item-bottom form{
    width: 100%;
}

.products__item-button:hover {
    background: #FA5581;
    transition: background .4s ease;
}

.products__item-button:hover .products__item-button-text {
    color: #fff;
    transition: color .4s ease;
}
.products__item-button-text{
    transition: color .4s ease;
}


.products__item-button:hover .products__item-button-icon svg path{
    fill: #fff;
    transition: fill .4s ease;
}

.products__item-button-icon svg path{
    transition: fill .4s ease;
}

.main__swiper-pagination{
    display: none;
}

.main__swiper-pagination .swiper-pagination-bullet{
    margin: 0;
    width: 8px;
    height: 8px;
    
    background: rgba(223, 54, 99, 0.1);
    opacity: 1;

}

.main__swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 20px;
    background: #DF3663;
    border-radius: 360px;
}

.main-slider .container{
    padding: 0;
}


.products-tabs{
    margin-bottom: 50px;
}

.products-tabs__top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding-bottom: 23px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.products-tabs__content-item{
    display: none;
}

.products-tabs__content-item.-js-active{
    display: block;
}

.products-tabs__arrows{
    display: flex;
    align-items: center;
    gap: 10px;
}

.products-tabs__arrow{
    width: 50px;
    height: 50px;

    background: #FFFFFF;
    border: 1px solid #F1F1F1;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    
    display: flex;
    align-items: center;
    justify-content: center;
    
    cursor: pointer;
    transition: all .4s ease;
}

.products-tabs__arrow:hover{
    border-color: #DF3663;
    transition: all .4s ease;
}

.products-tabs__buttons{
    display: flex;
    align-items: center;
    gap: 30px;
}

.products-tabs__button{
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 1.2;
    color: #16263F;
    cursor: pointer;
    
    position: relative;


}

.products-tabs__button::before{
    content: '';
    position: absolute;
    
    width: 100%;
    height: 2px;
    background: #DF3663;
    left: 0;
    bottom: -33px;
    
    display: none;
}

.products-tabs__button.-js-active{
    font-weight: 600;
}

.products-tabs__button.-js-active::before{
    display: block;
}

.products-hits,
.products-new{
    padding: 23px 0;
}

.products__item-button-icon{
    align-items: center;
    justify-content: center;
    display: flex;
}

.header{
    position: relative;
}


.header.-js-categories-showed{
    padding-bottom: 112px;
}

.categories-row{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s ease;
    height: 0;
}

.categories-row.-js-visible{
    opacity: 1;
    visibility: visible;
    transition: opacity .4s ease;
    height: fit-content;
}

.categories-row__list{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 0 10px 0;
    overflow-x: auto;
    margin: 0;
    
    width: 100%;
}

.categories-row__list::-webkit-scrollbar {
  height: 6px;
}

.categories-row__list::-webkit-scrollbar-track {
  background: rgba(166, 179, 200, 0.2);
}

.categories-row__list::-webkit-scrollbar-thumb {
  background-color: #DF3663;
  border-radius: 20px;
}

.categories-row__item{
    flex-shrink: 0;
}

.categories-row__link{
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 8px;
    text-align: center;
    color: #16263F;

    border: 1px solid transparent;

    width: 90px;
    min-height: 85px;
    padding: 5px 5px 10px;
    border-radius: 5px;
    
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    
    background-repeat: no-repeat;
    background-position: left top;
    -webkit-background-size: contain;
    background-size: 80%;
    transition: border-color .4s ease;
}

.categories-row__link:hover{
    border-color: #DF3663;
    transition: border-color .4s ease;
}

.categories-row__item:nth-child(1) .categories-row__link{
    background-size: 75%;
    background-position: right top;
}

.categories-row__item:nth-child(2) .categories-row__link{
    background-position: left top;
    -webkit-background-size: 75%;
    background-size: 75%;
}

.categories-row__item:nth-child(3) .categories-row__link{
    background-position: left top;
    -webkit-background-size: 75%;
    background-size: 75%;
}

.categories-row__item:nth-child(4) .categories-row__link{
    background-position: left top;
    -webkit-background-size: 80%;
    background-size: 80%;
}

.categories-row__item:nth-child(5) .categories-row__link{
    background-position: left top;
    -webkit-background-size: 80%;
    background-size: 80%;
}

.categories-row__item:nth-child(6) .categories-row__link{
    -webkit-background-size: 80%;
    background-size: 80%;
}

.categories-row__item:nth-child(7) .categories-row__link{
    background-position: left top;
}

.categories-row__item:nth-child(8) .categories-row__link{
    background-position: center top;
    -webkit-background-size: 70%;
    background-size: 70%;
}

.categories-row__item:nth-child(9) .categories-row__link{
    background-position: center top;
    -webkit-background-size: 75%;
    background-size: 75%;
}

.categories-row__item:nth-child(10) .categories-row__link{
    -webkit-background-size: 80%;
    background-size: 80%;
}

.categories-row__item:nth-child(11) .categories-row__link{
    -webkit-background-size: 70%;
    background-size: 70%;
    background-position: right top;
}

.categories-row__item:nth-child(12) .categories-row__link{
    -webkit-background-size: 80%;
    background-size: 80%;
    background-position: right top;
}

.categories-row__item:nth-child(13) .categories-row__link{
    -webkit-background-size: 75%;
    background-size: 75%;
    background-position: center top;
}

.categories-row__item:nth-child(14) .categories-row__link{
    -webkit-background-size: 75%;
    background-size: 75%;
    background-position: center top;
}

.categories-row__item:nth-child(15) .categories-row__link{
    background-position: right top;
    -webkit-background-size: 70%;
    background-size: 70%;
}

.categories-row__item:nth-child(16) .categories-row__link{
    background-position: right top;
    -webkit-background-size: 70%;
    background-size: 70%;
}

.categories-row__item:nth-child(17) .categories-row__link{
    background-position: right top;
    -webkit-background-size: 70%;
    background-size: 70%;
}






.categories-row__item-image{
    width: 28px;
    height: 28px;
}

.categories-row__item-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.products__items{
    margin: 0;
}

.products__item .product{
    margin: 0;
    height: 100%;
}

.products__item-content{
    height: calc(100% - 250px);
    
    display: flex;
    flex-direction: column;
}

.products-tabs__content .products__item{
    height: 460px;
}


@media(max-width: 1440px) {
    
    .main__swiper::after, .main__swiper::before{
        display: none;
    }
    
    .main__swiper .main__slider-banner{
        height: 500px;
    }
    
    .main__swiper::after,
    .main__swiper::before{
        width: 140px;
    }

    
    .products__item-button{
        width: 100%;
        flex: auto;
    }
    
    .products__item-absent{
        height: 88px;
    }
    
    .header{
        padding-top: 45px;
    }
    
    .header__address{
        font-size: 14px;
    }
    
    .header.header--scroll{
        padding-top: 45px;
    }
    
    .products__item-bottom{
        flex-direction: column;
        align-items: flex-start;
    }
    
    .products__item-bottom form{
        max-width: 100%;
    }
}

@media(max-width: 1200px) {
    .main__swiper::after,
    .main__swiper::before{
        display: none;
    }
    
    .products__items{
        grid-template-columns: repeat(3, 1fr);
    }
    
    .products-types__items{
        grid-template-columns: repeat(3, 1fr);
    }
    
    .main-slider,
    .products,
    .products-types{
        margin-bottom: 80px;
    }
    
    .main__swiper-pagination{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        margin-top: 12px;
    }
}

@media(max-width: 1024px) {
    
    
    .main__swiper .main__slider-banner{
        height: 450px;
    }
    
    .categories-row__list{
        gap: 10px;
    }
    
    .header.header--scroll.-js-categories-showed{
        padding-bottom: 112px;
    }
    
    .header.header--scroll{
        padding-bottom: 10px;
    }
    
    .header{
        padding-bottom: 30px;
    }
    
    .products-tabs__button::before{
        bottom: -32px;
    }
    
    .products-types__items{
        grid-gap: 15px;
    }
    
    .products__items {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px 15px;
    }
    
    .products-tabs__button{
        font-size: 24px;
    }
    
    .products-tabs__arrow{
        width: 44px;
        height: 44px;
    }
    
    .section-title{
        font-size: 28px;
    }
    
    
    .categories-row__link:hover{
        border-color: transparent;
    }
}

@media(max-width: 768px) {
    
    .products-tabs__content .products__item{
        height: 420px;
    }
    
    .header.header--scroll{
        padding-top: 10px;
    }
    
    .products__item-content{
        height: calc(100% - 200px);
    }
    
    .products{
        margin-bottom: 50px;
    }
    
    .main__swiper .main__slider-banner{
        height: 360px;
    }
    
    .products-tabs__button::before{
        bottom: -30px;
    }
    
    .products-types__items{
        grid-template-columns: repeat(2, 1fr);
    }
    
    .products-tabs__arrow{
        width: 34px;
        height: 34px;
    }
    
    
    .products-types__item-title{
        font-size: 18px;
    }
    
    .main-slider,
    .products-types{
        margin-bottom: 50px;
    }
    

    .products-tabs{
        display: block;
    }
    
    
    .products__item-content{
        padding: 0 5px;
    }
    
    .products__item-title{
        font-size: 18px;
    }
    
    .products__item-image{
        height: 180px;
    }
    
    .products__item-current-price{
        font-size: 24px;
    }
    
    .products__item-old-price{
        font-size: 18px;
    }
    
    .products-tabs__button{
        font-size: 18px;
    }
    
    .section-title{
        font-size: 26px;
        margin-bottom: 30px;
    }
    
}

@media(max-width: 650px) {
    .header{
        padding-bottom: 20px;
    }
}

@media(max-width: 576px) {
    


    .products-types__item{
        min-height: 160px;
        padding: 20px;
    }
    
    .main-slider .container{
        padding: 0 10px;
    }
    
    .main__swiper .main__slider-banner img{
        display: block;
    }
    
    .products-tabs__button{
        font-size: 18px;
    }
    
    .products-tabs__content .products__item{
        height: 420px;
    }
    
}

@media(max-width: 475px) {
    
    .products__item-pepper svg{
        width: 28px;
        height: 28px;
    }
    
    .products-tabs__content .products__item{
        height: 350px;
    }
    
    .products-tabs__content .products__item-title {
        max-width: 200px;
        font-size: 16px;
    }
    
    .main__swiper .main__slider-banner{
        height: 300px;
    }
    
    .products__item-absent{
        height: 46px;
    }
    
    .section-title{
        font-size: 24px;
    }
    
    .products__items{
        grid-gap: 25px 10px;
    }
    
    .categories-row__list{
        padding-bottom: 10px;
        gap: 5px;
    }
    
    .header.header--scroll.-js-categories-showed{
        padding-bottom: 110px;
    }
    
    .products-tabs__button::before{
        bottom: -31px;
    }
    

    .products-types__item{
        padding: 15px;
    }
    
    .products-types__item-title{
        font-size: 12px;
    }
    
    .products-types__item{
        min-height: 110px;
    }
    
    
    
    .products-types__items{
        grid-gap: 10px;
    }
    
    .products-tabs__button{
        font-size: 16px;
    }
    
    .products__item-label{
        font-size: 12px;
        padding: 6px 8px;
    }
    
    .products__item-image{
        height: 150px;
        margin-bottom: 4px;
    }
    
    .products__item-weight{
        font-size: 12px;
        margin-bottom: 0;
    }
    
    .products__item-title{
        font-size: 14px;
        margin-bottom: 15px;
    }
    
    .products__item-desc{
        margin-bottom: 13px;
    }
    
    .products__item-desc p{
        font-size: 12px;
    }
    
    .products__item-price{
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }
    
    .products__item-current-price{
        font-size: 20px;
    }
    
    .products__item-old-price{
        font-size: 14px;
    }
    
    .products__item-button-icon{
        display: flex;
    }
    
    .products__item-button{
        width: 100%;
        height: 45px;
    }
    
    .products__item-bottom{
        flex-direction: row;
        align-items: center;
    }
    
    .products__item{
        padding: 5px 5px 15px;
    }
    
    .products__item-content{
        padding: 0 10px;
    }
    
    
    .products__item-content {
        height: calc(100% - 154px);
    }
    
}

@media(max-width: 375px) {
    .main__swiper .main__slider-banner{
        height: 280px;
    }
}

.products__top .products__title{
    margin-bottom: 20px;
}

.products__return{
    display: inline-flex;
    align-items: center;
    gap: 12px;
    
    margin-bottom: 24px;
    margin-top: 30px;
}

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

.products__return-text{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;

    color: #000000;
}

.address-row{
    position: fixed;
    z-index: 1001;
    bottom: 0;
    left: 0;
    width: 100%;
    
    padding: 10px 30px;

    background: #F6F6F6;
    box-shadow: 0px -5px 15px rgba(8, 33, 96, 0.15);
    
    display: none;
}

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

.address-row__inner .address__inner{
    top: auto;
    bottom: 50px;
}

.products__top{
    margin-bottom: 30px;
}

.products__labels form{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    
    background: #FBFBFC;
}

.products__labels.-js-fixed{
    position: fixed;
    left: 0;
    top: 176px;
    
    width: 100%;
    
    z-index: 10;
}

@media(max-width: 1440px) {
    .products__labels.-js-fixed{
        top: 211px;
    }
}

@media(max-width: 768px) {
    .products__labels.-js-fixed{
        top: 176px;
    }
}

@media(max-width: 650px) {
    .products__labels.-js-fixed{
        top: 172px;
    }
}

@media(max-width: 475px) {
    .products__labels.-js-fixed{
        top: 170px;
    }
}

.products__labels.-js-fixed form{
    padding: 10px;
    justify-content: center;
}

.products__label{
    padding: 12px 20px;
    background: #F3F3F5;
    border-radius: 360px;
    
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    
    color: #000000;
    
    display: block;
    cursor: pointer;
    transition: all .4s ease;
}

.products__label:hover{
    background: #DF3663;
    color: #fff;
    transition: all .4s ease;
}

.products__checkbox input{
    display: none;
}

.products__checkbox input:checked + label {
    background: #DF3663;
    color: #fff;
    transition: all .4s ease;
} 

@media(max-width: 1440px) {
    .address-row .header__address-box {
        position: static;
        transform: none;
        padding: 0;
    }
}

@media(max-width: 1024px) {
    .products__label{
        padding: 8px 10px;
        font-size: 12px;
    }
}

@media(max-width: 768px) {
    .address-row{
        display: block;
    }
    
    .header .header__address-box{
        display: none;
    }
    
    .header{
        padding-top: 20px;
    }
    
    .categories-row__list::-webkit-scrollbar {
      display: none;
    }
    
    
}


@media(max-width: 475px) {
    .products__return-text{
        font-size: 12px;
    }
    
    .products__item-button{
        font-size: 16px;
    }
    
    .products-types__items li:nth-child(6),
    .products-types__items li:nth-child(16){
        grid-column: span 1;
    }
    
    .products-types__items li:nth-child(7){
        grid-column: span 2;
        
    }


    .products-types__item-title{
        max-width: 120px;
    }
    
    .products__label{
        font-size: 10px;
    }
    
    
    .products-types__items li:nth-child(3){
        grid-column: span 2;
    }
    

    .products-types__items li:nth-child(1) {order: 1;}
    
    .products-types__items li:nth-child(2) {order: 2;}
    
    .products-types__items li:nth-child(3) {order: 3;}
    
    .products-types__items li:nth-child(4) {order: 4;}
    
    .products-types__items li:nth-child(5) {order: 4;}
    
    .products-types__items li:nth-child(6) {order: 10;}
    
    .products-types__items li:nth-child(7) {order: 8;}
    
    .products-types__items li:nth-child(8) {order: 9;}
    
    .products-types__items li:nth-child(9) {order: 11;}
    
    .products-types__items li:nth-child(10) {order: 6;}
    
    .products-types__items li:nth-child(11) {order: 7;}
    
    .products-types__items li:nth-child(12) {order: 12;}
    
    .products-types__items li:nth-child(13) {order: 13;}
    
    .products-types__items li:nth-child(14) {order: 16;}
    
    .products-types__items li:nth-child(15) {order: 14;}
    
    .products-types__items li:nth-child(16) {order: 15;}
    
    .products-types__items li:nth-child(17) {order: 1;}
}
/*  */







.categories-row__item:nth-child(1) {
    order: 1;
}

.categories-row__item:nth-child(2) {
    order: 2;
}

.categories-row__item:nth-child(3) {
    order: 3;
}

.categories-row__item:nth-child(4) {
    order: 4;
}

.categories-row__item:nth-child(5) {
    order: 5;
}

.categories-row__item:nth-child(6) {
    order: 6;
}

.categories-row__item:nth-child(7) {
    order: 8;
}

.categories-row__item:nth-child(8) {
    order: 7;
}

.categories-row__item:nth-child(9) {
    order: 9;
}

.categories-row__item:nth-child(10) {
    order: 10;
}

.categories-row__item:nth-child(11) {
    order: 11;
}

.categories-row__item:nth-child(12) {
    order: 12;
}

.categories-row__item:nth-child(13) {
    order: 13;
}

.categories-row__item:nth-child(14) {
    order: 14;
}

.categories-row__item:nth-child(15) {
    order: 15;
}

.categories-row__item:nth-child(16) {
    order: 16;
}


.main__swiper-button{

    
    width: 50px;
    height: 50px;
    
    display: flex;
    align-items: center;
    justify-content: center;
    
    border-radius: 50%;
    background: #fff;
    border: 1px solid #F1F1F1;
    filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.05));
    
    cursor: pointer;
    transition: all .4s ease;

}

.main__swiper-button:hover{
    border-color: #FA5581;
    transition: all .4s ease;  
}

.main__swiper-button--next{
    right: 20%;
}

.main__swiper-button--prev{
    left: 20%;
}

@media(max-width: 1200px) {
    .main__swiper-button--next{
        right: 15%;
    }
    
    .main__swiper-button--prev{
        left: 15%;
    }
    
    .products__item-title{
        font-size: 18px;
        line-height: 1.2;
    }
}

@media(max-width: 1024px) {
    .main__swiper-button--next{
        right: 10%;
    }
    
    .main__swiper-button--prev{
        left: 10%;
    }
}

@media(max-width: 768px) {
    .main__swiper-button{
        width: 36px;
        height: 36px;
    }
    
    .main__swiper-button--next{
        right: 5%;
    }
    
    .main__swiper-button--prev{
        left: 5%;
    }
}

/* страница остлеживания заказа */
.tracking{
    margin-bottom: 80px;
}

.tracking h1{
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
    line-height: 1.2;
    color: #16263F;
    margin-bottom: 40px;

}

.tracking__wrapper{
    display: grid;
    grid-template-columns: 1fr 460px;
    grid-gap: 20px;
}

.tracking__content{
    padding: 40px 40px 50px;
    background: #FFFFFF;
    border-radius: 30px;
    
    display: flex;
    flex-direction: column;

}

.tracking__content-title{
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 1.2;
    color: #16263F;
    margin-bottom: 20px;
}

.tracking__content-title span{
    color: #DF3663;
}

.tracking__content-steps{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    padding-bottom: 42px;
    margin-bottom: 42px;
    border-bottom: 1px solid #F1F1F1;
}

.tracking__content-step{
    border: 1px solid #F1F1F1;
    border-radius: 18px;
    box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.05);
    padding: 14px;
    
    display: flex;
    flex-direction: column;
}

.tracking-step__progress{
    width: 100%;
    height: 12px;
    background: rgba(149, 162, 182, 0.16);
    border-radius: 18px;
    
    position: relative;
    margin-bottom: 18px;
}

.tracking-step__progress::before{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: 80px;
    background: #DF3663;
    border-radius: 18px;
    display: none;
}

.tracking-step--completed .tracking-step__progress::before{
    width: 100%;
    display: block;
}

.tracking-step--current .tracking-step__progress::before{
    display: block;
}

.tracking-step__text{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #16263F;
    margin-bottom: 13px;
    
}

.tracking-order h3{
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.2;
    /* identical to box height, or 92% */
    
    /* #16263F */
    color: #16263F;
    margin-bottom: 20px;
}

.tracking-order__desc{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    color: #16263F;
    margin-bottom: 20px;
}

.tracking-order__item{
    display: flex;
    align-items: center;
    gap: 20px;
}

.tracking-order__item-aside{
    margin-left: auto;
    text-align: right;
    flex-shrink: 0;
}

.tracking-order__item-image{
    width: 90px;
    height: 65px;
}

.tracking-order__item-image img{
    width: 100%;
    height: 100%;
    border-radius: 6px;
    object-fit: cover;
}

.tracking-order__item-content h4,
.tracking-order__item-aside h4{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.2;
    color: #16263F;

    margin-bottom: 5px;
}

.tracking-order__item-content p,
.tracking-order__item-aside p{

    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.2;
    color: #95A2B6;


}

.tracking-order__item{
    padding: 20px 0;
    border-bottom: 1px solid #F1F1F1;
}

.tracking-order__item:last-child{
    border-bottom: none;
}

.tracking-total{
    padding: 25px;
    background: rgba(149, 162, 182, 0.1);
    border-radius: 20px;
    margin-top: auto;
}

.tracking-total ul{
    margin: 0;
    margin-bottom: 35px;
}

.tracking-total li{
    list-style: none;
    margin-bottom: 20px;
    
    display: flex;
    align-items: flex-end;
    gap: 15px;

    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2;
    color: #16263F;
}

.tracking-total li span:nth-child(2) {
    flex: 1;
    height: 1px;
    border-bottom: 1px dashed rgba(22, 38, 63, 0.3);
}

.tracking-total li:last-child{
    margin-bottom: 0;
}

.tracking-total__bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.tracking-total__label{
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 1.2;
    color: #16263F;
}

.tracking-total__price{
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 1.2;
    color: #16263F;
}

.tracking-step__icon{
    width: 100%;
    height: 110px;
    background: #F2F2F2;
    border-radius: 10px;
    
    display: flex;
    align-items: center;
    justify-content: center;
    
    margin-top: auto;
}

.tracking-step.tracking-step--completed .tracking-step__icon svg path{
    fill: #E4426D;
    stroke: #E4426D;

}

.tracking-aside__top{
    background: #fff;
    border-radius: 30px;
    padding: 50px;
    margin-bottom: 20px;
    
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;

}

.tracking-aside__top h4{

    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    color: #16263F;


}


.tracking-aside__top a{
    font-style: normal;
    font-weight: 500;
    font-size: 34px;
    line-height: 1.2;
    color: #16263F;

}


@media(max-width: 1440px) {
    .tracking__content-steps{
        grid-gap: 10px;
    }
    
    .tracking__content{
        padding: 30px;
    }
    
    .tracking-aside__top{
        padding: 30px;
    }
    
    .reviews__form-inner{
        padding: 30px;
    }
}

@media(max-width: 1200px) {
    
    .tracking h1{
        font-size: 36px;
        margin-bottom: 30px;
    }
    
    .tracking__wrapper{
        grid-template-columns: 1fr;
    }
    
    .reviews__form{
        position: static;
        max-width: 100%;
    }
    
    .tracking__content-title{
        font-size: 24px;
    }
    
    .tracking__content-steps{
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    
    .tracking-order{
        margin-bottom: 30px;
    }
    
    .tracking__content{
        padding: 25px 15px;
    }
    
    .tracking-aside__top{
        padding: 25px 15px;
        gap: 10px;
    }
    
    .reviews__form-inner{
        padding: 25px 15px;
    }
    
    .tracking-aside__top a{
        font-size: 32px;
    }
}

@media(max-width: 1024px) {
    .main__swiper-button{
        width: 44px;
        height: 44px;
    }
}

@media(max-width: 768px) {
    
    .main__swiper-button{
        width: 34px;
        height: 34px;
    }
    
    .tracking h1{
        font-size: 28px;
        margin-bottom: 20px;
    }
    
    .tracking__content-steps{
        padding-bottom: 25px;
        margin-bottom: 25px;
    }
    
    .tracking-order{
        margin-bottom: 7px;
    }
    
    .tracking__content-steps{
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }
    
    .tracking-order__item-content h4, .tracking-order__item-aside h4{
        font-size: 16px;
    }
    
    .tracking-order__item-content h4{
        max-width: 200px;
    }
    
    .reviews__form-title{
        font-size: 22px;
    }
    
    .tracking-aside__top a{
        font-size: 28px;
    }
}

@media(max-width: 475px) {
    .tracking h1{
        font-size: 22px;
    }
    
    .tracking-order h3{
        font-size: 18px;
        margin-bottom: 18px;
    }
    
    .tracking-order__desc{
        margin-bottom: 8px;
        max-width: 200px;
    }
    
    .tracking-total__price{
        font-size: 22px;
    }
    
    .tracking-total__label{
        font-size: 20px;
    }
    
    .tracking__content-title{
        font-size: 18px;
        max-width: 160px;
    }
    
    .tracking-total li{
        font-size: 14px;
    }
    
    .tracking-aside__top h4{
        font-size: 14px;
    }
    
    .tracking-step__icon{
        height: 90px;
    }
    
    .tracking-step__icon svg{
        width: 50px;
        height: 50px;
    }
    
    .tracking-step__progress{
        height: 8px;
    }
    
    .tracking-step__progress::before{
        width: 50px;
    }
    
    .tracking__wrapper{
        grid-gap: 10px;
    }
    
    .tracking-aside__top{
        margin-bottom: 10px;
    }
    
    .tracking-order__item-content h4, .tracking-order__item-aside h4{
        font-size: 14px;
    }
    
    .tracking-step__text{
        font-size: 12px;
    }
    
    .tracking{
        margin-bottom: 40px;
    }
    
    .reviews__form-title{
        font-size: 18px;
    }
    
    .tracking-aside__top a{
        font-size: 26px;
    }
}



/*  */
@media(max-width: 1440px) {
    .modal-product__info h2{
        font-size: 38px;
    }
}

@media(max-width: 1200px) {
    .modal-product__info h2{
        font-size: 34px;
    }
}


@media(max-width: 991px) {
    .modal-product__info h2{
        font-size: 22px;
    }
}

@media(max-width: 768px) {
    .modal-product__info h2{
        font-size: 18px;
    }
}


/* .fancybox-content{
    overflow-x: hidden !important;
} */

.header-tel {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #000;
    transition: .3s ease;
}

.header__tel {
    margin-right: 25px;
}

.header-tel:hover {
    color: #df3663;
}

.header-tel span {
    font-family: "Golos", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 187%;
    
}

.burger .header-tel {
    margin-top: 22px;
    padding-top: 22px;
    border-top: 1px solid #f1f1f1;
}

.burger .header-tel span {
    position: static;
    height: auto;
    width: 100%;
    transform: translateY(0);
    background-color: transparent;
}

@media (min-width: 1022px) {
    .mobile__menu-tel {
       display: none; 
    }
}

@media (max-width: 1022px) {
    .header__tel {
        display: none;
    }
}

.text__inner {
    margin-bottom: 80px;
    font-family: "Golos Text", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 169%;
    color: #16263f;
}

.text__inner p:not(:last-child) {
    margin-bottom: 10px;
}

.text__inner :where(p, ul, div, li){
    scroll-margin-top: 200px;
}

/* иконка для выпечки 

.categories-row__item:nth-child(1) a {
    background-image: url(/templates/images/new-main/products-types/cackes2.png) !important;
    background-position: top -30px right !important;
}

.products-types__items li:nth-child(1) a {
    background-size: 50% !important;
}


@media (max-width: 475px) {
   .products-types__items li:nth-child(1) {
        grid-column: span 2;
    }

    .products-types__items li:nth-child(17) {
        order: 20;
   }

    .products-types__items li:nth-child(4) {
        order: 3;
        grid-column: span 2;
    }
    
    .products-types__items li:nth-child(4) a {
        background-size: 55% !important;
    }
    
    .products-types__items li:nth-child(7) {
        grid-column: auto;
        order: 21;
    }
    
        .products-types__items li:nth-child(3) {
        order: 4;
        grid-column: auto;
    }
    
    .products-types__items li:nth-child(8) {
        grid-column: span 2;
    }
    
    .products-types__items li:nth-child(8) a {
        background-size: 65%  !important;
    }
    
    .products-types__items li:nth-child(9) a {
        background-size: 70%  !important;
    }
    
    .products-types__items li:nth-child(12) a {
         background-size: 50%  !important;
    }
}*/

/* cookies */
.cookie {
    position: fixed;
    bottom: 0;
    z-index: 1002;
    width: 100%;
    box-shadow: 0px 4px 54px 0px rgba(0, 0, 0, 0.1);
    background: #fff;
    font-family: "Manrope", sans-serif;

    opacity: 0;
    transform: translateY(200px);
    transition: all 0.3s ease;
}

.show-cookie {
    opacity: 1;
    transform: translateY(0);
}

.cookie__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
    padding: 10px 0;
}

.cookie__text {
    font-size: 16px;
}

.cookie__text a {
    color: #DF3663;
    text-decoration: underline;
    text-underline-offset: 4px;
    transition: .3s ease;
}

.cookie__text a:hover {
    color: #FA5581;
}

.cookie__button {
    width: fit-content;
    font-size: 16px;
    padding: 10px 30px;
    background-color: #DF3663;
    border-radius: 40px;
    font-weight: 600;
    color: #fff;
    transition: .3s ease;
}

.cookie__button:hover {
    background-color: #FA5581;
}

@media (max-width: 768px) {
    .cookie__text {
        font-size: 14px;
        line-height: 1.6;
    }

    .cookie__button {
        font-size: 14px;
        padding: 10px 40px;
    }
}

@media (max-width: 520px) {
    .cookie__wrapper {
        flex-direction: column;
        gap: 15px;
    }
    
    .cookie__text {
        text-align: center;
        font-size: 12px;
        
    }

    .cookie__button {
        padding: 6px 10px;
        width: 100%;
        font-size: 12px;
    }
}


.products__banner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 158px;
    font-weight: 700;
    font-size: 36px;
    line-height: 120%;
    text-align: center;
    color: #fff;
    margin-bottom: 40px;
    border-radius: 25px;
}

.products__banner--ny {
    background: url("../images/ny-banner.jpg") no-repeat center;
    background-size: cover;
}

.products__top .products__title--ny {
    margin-bottom: 40px;
}

@media (max-width: 1200px) {
  .products__banner {
      font-size: 26px;
  }  
}

@media (max-width: 768px) {
  .products__banner {
      height: 120px;
      font-size: 18px;
      margin-bottom: 20px;
  } 
  
  .products__top .products__title--ny {
    margin-bottom: 20px;
}
}

/* Корзина НГ */

.ordering--ny .form__times-select .list {
    max-height: 300px;
    overflow-y: auto;
}

.ordering--ny .form__times-select .list::-webkit-scrollbar {
  width: 30px;
}

.ordering--ny .form__times-select .list::-webkit-scrollbar-track {
    box-shadow: inset 0 0 10px 10px rgba(166, 179, 200, 0.2);
    border: solid 12px transparent;
}

.ordering--ny .form__times-select .list::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 20px 10px #DF3663;
    border: solid 12px transparent;
    border-radius: 20px;
}

.form__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.form__container .form__user-select {
    height: 48px;
    width: 100%;
}

.form__container .form__times-select {
    height: 48px;
}

.form__container .nice-select {
    line-height: 48px;
}

.ordering--ny .form__user-time {
    padding-bottom: 40px;
}

.order_info_text {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    text-align: center;
    color: #000;
}

.ordering__info-sale--ny {
    margin-bottom: 30px;
}

.ordering__info-sale--ny span {
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    color: #16263f;
}

.ordering--ny .ordering__info {
    padding: 34px;
    background: rgba(149, 162, 182, 0.1);
    border-radius: 20px;
}

@media(max-width: 1200px) {
  .ordering__info-sale--ny span {
    font-size: 18px;
}  
}

@media(max-width: 550px) {
   .form__container {
       grid-template-columns: 1fr;
   } 
}


.products__item-label--gluten {
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    text-transform: uppercase;
    color: #3f3616;
    background: linear-gradient(225deg, #fff647 0%, #eede50 100%);
    border-radius: 40px;
    padding: 9px 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

@media (max-width: 768px) {
    .products__item-label--gluten {
        font-size: 12px;
        padding: 6px 8px;
        line-height: 1;
    }
}

@media (max-width: 540px) {
    .products__item-label--gluten {
        text-transform: none;
    }
    
    .products__item-label--gluten svg {
        display: none;
    }
}

.main__slider-slide--video {
    border-radius: 20px;
    overflow: hidden;
}
.main__slider-slide--video video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
}
.main__slider-slide--video video:last-child{
    display: none;
}

@media (max-width: 740px) {
    .main__slider-slide--video video:first-child{
        display: none;
    } 
   .main__slider-slide--video video:last-child{
        display: block;
    } 
}

@media (max-width: 768px) {
    .main__slider-slide video {
        width: 100%;
        height: 100%;
    }
}


.ordering__item img {
    object-fit: cover;
}


.modal-map__enter {
    display: none;
    flex-direction: column;
    gap: 20px;
    max-width: 360px;
    margin: 50px auto 0;
}

.modal-map__enter.active {
    display: flex;
}

.modal-map__enter p {
   font-weight: 600;
    font-size: 20px;
    line-height: 140%;
    text-align: center;
    color: #16263f; 
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.05);
    background: #df3663;
    font-weight: 700;
    font-size: 15px;
    line-height: 200%;
    color: #fff;
    border-radius: 30px;
    transition: all 0.3s ease;
}

.modal .modal-map__btn-add {
    align-items: center;
    justify-content: center;
    padding: 13px 20px;
    background: #df3663;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
    border-radius: 50px;
}

[class*="ymaps-2"][class*="-ground-pane"] {
    filter: none;
}

.modal-map__pickup, .modal-map__delivery {
    display: none;
}

.modal-map__pickup-dot {
    width: 18px;
    height: 18px;
    background-color: #df3663;
    outline: 1px solid #df3663;
    outline-offset: 2px;
    border-radius: 50%;
}

.modal-map__pickup.active, .modal-map__delivery.active {
    display: block;
}

p.modal-map__pickup-text {
    display: block;
    padding: 10px 20px;
    flex-grow: 1;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.37;
    text-align: left;
    border: 1px solid #d2d7e0;
    border-radius: 50px;
}

button.modal-map__pickup-submit {
    padding: 13px 20px;
    width: auto;
    height: auto;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
}

.modal-map .form__user-inner {
    align-items: start;
}

.modal .modal-map__btn-add:disabled {
    color: #fff;
    box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.05);
    background: #f1a7bb;
    pointer-events: none;
}

.modal-map .modal-map__btn-change {
    height: auto;
    width: fit-content;
    background-color: unset;
}

.modal-map .modal-map__btn-change:hover {
    background-color: unset;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus {
  -webkit-text-fill-color: #16263F;;
  transition: background-color 5000s ease-in-out 0s;  
}

.modal-map input:-webkit-autofill,
.modal-map input:-webkit-autofill:hover, 
.modal-map input:-webkit-autofill:focus {
  /* -webkit-text-fill-color: #fff; */
  transition: background-color 5000s ease-in-out 0s;
}

.ordering__aside {
    height: 100%;
    /*height: fit-content;
    top: 220px;
    position: sticky;*/
}

.ordering__form {
    gap: 80px;
    grid-template-columns: 1fr 500px;
    align-items: stretch;
    display: grid;
}

.notification{
    position: fixed;
    top: 100px;
    right: 100px;
    border-radius: 10px;
    padding: 19px 20px;
    backdrop-filter: blur(12px);
    background: rgba(223, 54, 99, 0.75);
    max-width: 231px;
    z-index: 1000;
}
.notification__title{
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    color: #fff;
    margin-bottom: 10px;
}
.notification__text{
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    color: #fff;
}

#signup_birthday{
    width: 75px;
}
.private__form--disabled{
    opacity: .5;
    cursor: no-drop;
}
#signup_birthday:disabled{
    cursor: no-drop;
}
.private__form-btn{
    max-width: 340px;
}
.private__form-btn:disabled{
    background: #f1a7bb;
    cursor: no-drop;
}

.f_error .label-text{
    color: #df3663;
}
.ordering__info-summ--first{
    margin-bottom: 50px;
}
.ordering__aside-btn--submit{
   /* position: sticky;
    top: 220px;
    bottom: 0;
    margin-top: 20px;
    z-index: 10;*/
}

.form__submit {
    position: sticky;
    top: 220px;
    z-index: 10;
    margin-top: 20px;
}

.btn:disabled{
    background: #f1a7bb;
    cursor: no-drop;
}

.ordering__info {
    border-radius: 20px 20px 0 0;
}

.ordering__info-min {
    margin-bottom: 30px;
    padding: 15px;
    border: 2px solid #df3663;
}

.ordering__info-min p {
    margin: 0;
    font-weight: 600;
    font-size: 20px;
    line-height: 114%;
    color: #df3663; 
}

@media(max-width: 1300px){
    .notification{
        right: 15px;
    }
    
    .ordering__form {
        grid-template-columns: 1fr;
    }
    
    .form__user {
        max-width: 100%;
    }
    
    .ordering__aside {
        width: 100%;
    }
    
    .form__submit {
        /*position: static;*/
        position: fixed;
        width: 100%;
        left: 0;
        top: auto;
        bottom: 20px;
        z-index: 1;
        margin-top: unset;
        border-radius: unset;
    }
}
@media (max-width: 992px) {
   /*.ordering__aside {
       position: static;
   } 
   .ordering__aside-btn--submit{
        position: fixed;
        width: 100%;
        left: 0;
        z-index: 1;
        margin-top: unset;
        border-radius: unset;
   }*/
}

@media (max-width: 768px) {
    .ordering__info-min {
        padding: 15px;
    }
    
    .modal-map__enter {
        margin-top: 25px;
    }
    
    .modal-map__enter p {
        font-size: 14px;
    }
    
    .modal-map__login {
        height: 50px;
    }
    
    .modal-map .map__info-item strong {
        font-size: 14px;
    }
    
    .modal-map .map__info-item span {
        font-size: 12px;
    }
    
    .header__logo {
        margin-right: 0;
    }
    
    .header-newsearch {
        margin-left: 10px;
    }
    
    .ordering__info-min p {
        font-size: 14px;
}
}

.container-large {
    margin: 0 auto;
    padding: 0 34px;
    max-width: 1488px;
}

.container-small {
    margin: 0 auto;
    padding: 0 15px;
    max-width: 494px;
}

@media (max-width: 575px) {
    .container-large {
        padding: 0 20px;
    }
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.address-select {
    padding: 4px;
    padding-left: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    border: 1px solid #d8d8d8;
    border-radius: 50px;
}

.address-select__info {
    display: flex;
    align-items: center;
    gap: 8px;
}

.address-select__text {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.address-select__text p {
    font-weight: 600;
    font-size: 15px;
    line-height: 1.2;
    color: #16263f;
}

.address-select__text small {
    font-size: 14px;
    line-height: 1.2;
    color: #16263f;
}

.address-select__btn {
    padding: 13px 20px;
    width: auto;
    height: auto;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
}

.btn-back {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 18px;
    transition: .3s ease;
}

.btn-back svg path{
    transition: fill .3s ease;
}

.btn-back:hover h1{
    color: #DF3663;
}
.btn-back:hover svg path{
    fill: #DF3663;
}

.btn-back h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
    color: #16263F;
    transition: .3s ease;
}

.cart-page {
    margin-bottom: 85px;
}

.cart-page__inner {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

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

.cart-page__minimum-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.cart-page__minimum-top p {
    line-height: 120%;
    color: #95a2b6;
}

.cart-page__minimum-block {
    padding: 16px;
    background-color: #ECECEC;
    border-radius: 16px;
    scroll-margin-top: 40px;
}

.cart-page__minimum-block p {
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    color: #16263F;
}

.cart-page__minimum-track {
    position: relative;
    width: 100%;
    height: 8px;
    background-color: #fff;
    border-radius: 12px;
}

.cart-page__minimum-line {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #DF3663;
    border-radius: 12px;
}

.btn-clean {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #646464;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
}

.cart-page__minimum-top .btn-clean{
    opacity: 1;
    pointer-events: all;
}

.cart-page__products {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.cart-product {
    padding-bottom: 24px;
    display: flex;
    align-items: stretch;
    gap: 20px;
    border-bottom: 1px solid #D8D8D8;
}

.cart-product__image {
    width: 100px;
    aspect-ratio: 1 / 1;
    border-radius: 6px;
    overflow: hidden;
    flex-shrink: 0;
}

.cart-product__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cart-product__main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    flex-grow: 1;
}

.cart-product__info {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cart-product__title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    color: #16263F;
}

.cart-product__bottom {
    display: flex;
    align-items: center;
    gap: 16px;
}

.cart-product__price {
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #16263F;
}

.cart-product__weight {
    font-size: 12px;
    line-height: 1;
    color: #95A2B6;
}

.cart-product__right {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 20px;
}

.cart-product__quantity {
    display: flex;
    align-items: center;
    gap: 19px;
}

.cart-product__quantity-btn  {
    display: flex;
}

.cart-product__quantity-btn svg {
    transition: all 0.3s ease;
}

.cart-product__quantity-input {
    width: 30px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    -moz-appearance: textfield;
    appearance: textfield;
}

.cart-product__quantity-input::-webkit-outer-spin-button, .cart-product__quantity-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.cart-page__additional {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    background: #f1f1f1;
    border-radius: 16px;
}

.cart-page__additional-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
}

.cart-page__promo-input {
    margin-bottom: 12px;
    padding: 4px;
    display: flex;
    border: 1px solid #D8D8D8;
    border-radius: 50px;
    transition: all 0.3s ease;
}

.cart-page__additional-list {
    margin: 0;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.cart-page__additional-item {
    padding: 10px 16px;
    display: flex;
    gap: 10px;
    font-size: 16px;
    line-height: 1.2;
    background-color: #fff;
    border-radius: 12px;
}

.cart-page__additional-item span {
    font-weight: 600;
}

.cart-page__promo-input input {
    padding: 0 16px;
    width: 100%;
    flex-grow: 1;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
}

.cart-page__promo-input input::placeholder {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    color: #16263F;
}

.cart-page__promo-btn {
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    background: #ececec;
    border-radius: 50px;
    transition: all 0.3s ease;
}

.cart-page__promo-btn:disabled {
    background-color: #D8D8D8;
    color: #858585;
    border-color: #D8D8D8;
    pointer-events: none;
}

.cart-page__promo-note {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    line-height: 1;
    color: #9A9A9A;
    transition: all 0.3s ease;
}

.cart-page__promo.applied .cart-page__promo-input {
    border-color: #1CBB41;
}

.cart-page__promo.applied .cart-page__promo-note {
    color: #1CBB41;
}

.cart-page__promo.invalid .cart-page__promo-input {
    border-color: #BD1621;
}

.cart-page__promo.invalid .cart-page__promo-note {
    color: #BD1621;
}

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

.cart-page__details-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    color: #16263F;
}

.cart-page__details-list {
    margin: 0;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-bottom: 1px solid #BDBDBD;
}

.cart-page__detail {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
}

.cart-page__detail-title {
    color: #9A9A9A;
}

.cart-page__detail-value {
    color: #000000;
}

.cart-page__total {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    color: #16263F;
}

.cart-page__button.btn {
    font-size: 18px;
}

.cart-page__add {
    padding: 6px;
    padding-left: 20px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    border-radius: 12px;
    background: #f8eff1;
}

.cart-page__add p {
    font-size: 14px;
    line-height: 1.2;
    color: #313131;
}

.cart-page__add-btn {
    padding: 10px 20px;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.2;
    background: rgba(223, 54, 99, 0.15);
    color: #cb1546;
    border-radius: 8px;
    transition: all 0.3s ease;
}

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

.order__block--gray{
    border-radius: 20px;
    padding: 20px 16px;
    background: #f1f2f5;
}

.order__block--gray input{
    background: #fff;
    border: unset;
}

.order-page__main{
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.btn-continue{
    background-color: #DF3663;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    padding: 0;
    transition: background-color 0.3s;
}    

p.modal-additional__text{
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
    color: #16263f;
    margin-bottom: 24px;
    text-align: left;
}

.modal-additional__btn-back{
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    text-align: center;
    color: #df3663;
    margin-top: 16px;
    display: block;
}

p.modal-additional__summ{
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    color: #16263f;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 20px;
}
p .modal-additional__summ-count{
    font-weight: 500;
}

.skeleton-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 20px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 180fr 936fr 180fr;
    gap: 70px;
}

.skeleton-wrapper--oneImage {
    height: 100%;
}

.skeleton-slide {
    flex-grow: 1;
    background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
}

.skeleton-slide:nth-child(1){
    border-radius: 0 10px 10px 0;
}
.skeleton-slide:nth-child(2){
    border-radius: 10px;
}
.skeleton-slide:nth-child(3){
    border-radius: 10px 0 0 10px;
}

.skeleton-wrapper--oneImage {
    border-radius: 0;
}

@keyframes shimmer {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

.main__swiper {
    opacity: 0;
    transition:.3s ease;
}

.main__swiper.visible {
    opacity: 1;
}

.main-slider__inner{
    position: relative;
}

@media (hover: hover) {
    .btn-continue:hover{
        background-color: #FA5581;
    }
    .cart-product__quantity-btn:hover svg {
        opacity: 0.5;
    }
    
    .cart-page__promo-btn:hover {
        background-color: #DF3663;
        color: #fff;
    }
    
    .btn:hover {
        background-color: #B5244A;
    }
    
    .cart-product:hover .btn-clean{
        opacity: .2;
        pointer-events: all;
    }
    
    .btn-clean:hover {
        opacity: 1 !important;
    }
    
    .cart-page__add-btn:hover {
        background-color: #df3663;
        color: #fff;
    }
}

@media(max-width: 1440px){
    .skeleton-wrapper{
        gap: 40px;
    }
}
@media(max-width: 1023px){
    .skeleton-wrapper{
        gap: 15px;
        grid-template-columns: 80fr 936fr 80fr;
    }
}
@media(max-width: 991px){
    .btn-clean{
        opacity: 1;
    }
}
@media(max-width: 768px){
    .skeleton-wrapper{
        gap: 15px;
        grid-template-columns: 40fr 936fr 40fr;
    }
}

@media(max-width: 575px){
    .skeleton-wrapper{
        gap: 10px;
    }
}

@media (max-width: 450px) {
    .cart-product {
        gap: 16px;
    }
    
    .cart-product__main {
        gap: 10px;
    }
    
    .cart-product__image {
        width: 68px;
        height: 68px;
    }
    
    .cart-product__title {
        font-size: 16px;
    }
    
    .cart-product__price {
        font-size: 16px;
    }
    
    .cart-page__promo-note {
        font-size: 12px;
    }
}

.order-page {
    margin-bottom: 85px;
}

.order-page__inner {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.order-page__tabs {
    margin-bottom: 32px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.order-page__tab {
    padding: 12px;
    border: 1px solid #FF858E;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #DF3663;
    cursor: pointer;
    transition: all 0.3s ease;
}

.order-page__tab:has(input:checked) {
    background-color: #DF3663;
    color: #fff;
}

.order-page__content {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.order-page__header {
    position: relative;
    margin-bottom: 32px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.order-page__header svg{
    flex-shrink: 0;
}

.order-page__header-subtext{
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    color: #16263f;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 6px;
}

.hidden{
    display: none !important;
}

.order-page__header-note {
    position: absolute;
    top: -8px;
    left: calc(100% + 20px);
    max-width: 252px;
    width: 100%;
    padding: 10px 20px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.15;
    background: #e9e9e9;
    color: #2a2a2a;
    border-radius: 50px;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.order-page__header-note::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -8px;
    width: 15px;
    height: 15px;
    background: #e9e9e9;
    transform: rotate(45deg) skew(-15deg, -15deg) translateY(-50%);
}

.order-page__header-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    color: #16263F;
}

.order-page__header-text p {
    font-size: 14px;
    line-height: 1.2;
    color: #16263F;
}

.order-page__header-button {
    margin-left: auto;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    background-color: #E9E9E9;
    color: #2A2A2A;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.order-page__bottom {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.order-payment__list {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.order-payment__option {
    padding: 30px 16px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border: 1px solid #D2D7E0;
    border-radius: 20px;
    cursor: pointer;
}

.order-payment__option-radio {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #95A2B6;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.order-payment__option-radio svg {
    opacity: 0;
    transition: all 0.3s ease;
}

.order-payment__option-name {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    color: #16263F;
}

.order-payment__option-subtitle {
    font-size: 12px;
    line-height: 1.2;
    color: #95A2B6;
}

.order-payment__option:has(input:checked) .order-payment__option-radio {
    background-color: #DF3663;
    border-color: #DF3663;
}

.order-payment__option:has(input:checked) .order-payment__option-radio svg {
    opacity: 1;
}

.order-page__details {
    color: #16263F;
}

.order-page__details-top {
    margin-bottom: 20px;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-bottom: 1px solid #bdbdbd;
}

.order-page__detail {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
}

.order-page__detail p:first-child {
    color: #9a9a9a;
}

.order-page__total {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
}

.order-page__button.btn {
    font-size: 18px;
}

.order-address .order-page__header {
    margin-bottom: 0;
}

.order-address__private {
    display: flex;
    align-items: center;
    gap: 21px;
}

.order-address__private-label {
    padding: 3px;
    width: 54px;
    height: 30px;
    display: flex;
    align-items: center;
    border-radius: 20px;
    border: 1px solid #16263f;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
}

.order-address__private-elem {
    width: 24px;
    height: 24px;
    background-color: #16263f;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.order-address__private span {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    color: #16263f;
}

.order-address__private-label:has(input:checked) {
    border-color: #df3663;
}

.order-address__private-label:has(input:checked) .order-address__private-elem {
    background-color: #df3663;
    transform: translateX(23px);
}

.order-address__main {
    padding-top: 32px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.order-address__main.hidden {
    display: none;
}

.order-address__inputs-top {
    padding-bottom: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    overflow: hidden;
    transition: all 0.3s linear;
}

.order-address__inputs-top.hidden {
    display: none;
}

.order-address__input {
    padding: 14px 20px;
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    border: 1px solid #d2d7e0;
    border-radius: 50px;
    color: #4F4F4F;
    transition: all 0.3s ease;
}

.order-address__input:focus {
    border-color: #DF3663;
}

.order-time__list {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.order-time__item {
    padding: 16px;
    background-color: #eee;
    border: 1px solid #eee;
    transition: all 0.3s ease;
}

.order-time__item:first-child {
    border-radius: 50px;
}

.order-time__item:last-child {
    border-radius: 20px;
}

.order-time__item:has(input:checked) {
    border-color: #df3663;
    background-color: #fff;
}

.order-time__item:has(input:checked) .order-time__radio-circle {
    border-color: #df3663;
    background-color: #df3663;
}

.order-time__radio {
    display: flex;
    gap: 17px;
    cursor: pointer;
}

.order-time__radio-circle {
    position: relative;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    background-color: #fff;
    border: 2px solid #949494;
    outline: 2px solid #fff;
    outline-offset: -4px;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.order-time__radio-text p {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    color: #16263f;
}

.order-time__radio-text small {
    font-size: 14px;
    line-height: 1.2;
    color: #16263f;
    font-family: "Golos Text", sans-serif;
}

.order-time__fields {
    display: none;
    padding-top: 24px;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.order-time__fields.active {
    display: grid;
}

.order-time__field {
    position: relative;
}

.order-time__field-name {
    position: absolute;
    top: -13px;
    left: 23px;
    padding: 0px 3px;
    font-size: 12px;
    line-height: 1.83;
    background-color: #fff;
    color: #4F4F4F;
    z-index: 1;
    pointer-events: none;
}

.order-time__select {
    padding-right: 15px;
    padding-left: 27px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
    color: #16263f;
    border: 1px solid #95a2b6;
    border-radius: 30px;
}

.order-time__select::placeholder {
    color: #16263f;
}

.order-time__select::after {
    width: 7px;
    height: 7px;
}

.order-time__select .list {
    width: 100%;
}

.order-page__bonus {
    padding: 16px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
    color: #16263f;
    background: #eee;
    border-radius: 50px;
}

@media (max-width: 1200px) {
    .order-page__header-note {
        max-width: 140px;
        border-radius: 20px;
    }
}

@media (max-width: 991px) {
    .order-page__header-note {
        display: none;
    }
}

@media (max-width: 450px) {
    .order-page__tabs {
        gap: 10px;
    }
    
    .order-payment__list {
        grid-template-columns: 1fr;
    }
    
    .order-payment__option {
        padding: 20px 15px;
    }
    
    .order-address__inputs-top {
        padding-bottom: 10px;
        gap: 10px;
    }
    
    .order-time__fields{
        grid-template-columns: 1fr;
    }
}

.modal-delivery {
    position: relative;
    padding: 40px;
    max-width: 700px;
}

.modal-delivery button.fancybox-close-small {
    padding: 0;
    position: absolute;
    right: 5px;
    bottom: calc(100% + 16px);
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: 2px solid #DF3663;
    border-radius: 50%;
}

.modal-delivery button.fancybox-close-small svg path {
    fill: #DF3663;
}

.modal-delivery__top {
    margin-bottom: 23px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.modal-delivery__city {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 600;
    color: #16263F;
}

.modal-delivery__tabs {
    display: flex;
    gap: 20px;
}

.modal-delivery__tab-btn {
    padding: 16px 63px;
    font-size: 16px;
    font-weight: 600;
    color: #DF3663;
    border: 1px solid #FF858E;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.modal-delivery__tab-btn:has(input:checked) {
    background-color: #DF3663;
    color: #fff;
    border-color: #DF3663;
}

.modal-delivery__tab-map {
    width: 100%;
    height: 325px;
    border-radius: 16px;
    overflow: hidden;
}

.modal-delivery__tab-top {
    margin-bottom: 23px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.form__user-alert-desc ul {
    padding-left: 18px;
    margin-top: 0;
}

.form__user-alert-desc li {
    color: rgba(22, 38, 63, 0.50);
}

.modal-additional {
    margin-top: 50px;
    max-width: 464px;
    padding: 42px 32px;
    overflow: unset;
}

button.modal__close {
    position: absolute;
    right: 0;
    bottom: calc(100% + 14px);
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: 2px solid #DF3663;
    border-radius: 50%;
    color: #DF3663;
    transition: all 0.3s ease;
}

.modal-additional button.fancybox-close-small {
    display: none;
}

.modal-additional__title {
    margin-bottom: 30px;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
    color: #16263f;
}

.modal-additional__list {
    margin-top: 0;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.modal-additional .cart-product {
    padding-bottom: 20px;
}

.modal-additional .cart-product__main {
    align-items: flex-start;
}

.modal-additional .cart-product__info {
    align-items: flex-start;
}

.modal-additional .cart-product__title {
    font-size: 20px;
}

.modal-additional .cart-product__price {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
}

.modal-additional .cart-product__quantity {
    gap: 60px;
}

.modal-additional .cart-product__quantity-btn {
    height: unset;
    box-shadow: unset;
    background-color: unset;
}

.modal-additional .cart-product__quantity-input {
    width: 30px;
}

.modal-additional__total {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.modal-additional__total p {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
}

.modal-additional__total p:last-child {
    font-weight: 500;
    text-align: right;
}

.modal-additional .modal-additional__continue {
    font-size: 18px;
}

@media (hover: hover) {
    .modal-additional .cart-product__quantity-btn:hover {
        background-color: unset;
    }
    
    button.modal__close:hover {
        color: #fff;
    }
    
    .order-page__header-button:hover ~ .order-page__header-note {
        opacity: 1;
        visibility: visible;
    }
}
@media (max-width: 1100px){
    .modal-additional__list {
        max-height: 400px;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #DF3663 transparent;
        -ms-overflow-style: auto;
        width: calc(100% + 20px);
        padding-right: 20px;
    }
    
    .modal-additional__list::-webkit-scrollbar {
        width: 6px;
    }
    
    .modal-additional__list::-webkit-scrollbar-track {
        background: transparent;
    }
    
    .modal-additional__list::-webkit-scrollbar-thumb {
        background-color: #DF3663;
        border-radius: 4px;
        border: 2px solid transparent;
        background-clip: content-box;
    }

}
@media (max-width: 450px) {
    .modal-additional {
        padding: 35px 25px;
    }
    
    .modal-additional .cart-product__quantity {
        gap: 20px;
    }
    
    .modal-additional__title {
        font-size: 26px;
    }
    
    .modal-additional .cart-product__title {
        font-size: 18px;
    }
}