body.term-prazdniki #true-side {
    display: none;
}
@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  border: 0;
  -webkit-tap-highlight-color: transparent;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

:focus,
:active {
  outline: none;
}

a:focus,
a:active, a {
  outline: none;
  color: #000;
}

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

html,
body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

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

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

button {
  cursor: pointer;
}

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

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

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

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

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

input {
  border-radius: 0;
}
/* хром, сафари */
body::-webkit-scrollbar { width: 0; }

/* ie 10+ */
body { -ms-overflow-style: none; }

/* фф (свойство больше не работает, других способов тоже нет)*/
bodys { overflow: -moz-scrollbars-none; }
@font-face {
  font-family: "iconfonts";
  src: url("../../iconfonts/icomoon.eot?vqsq52");
  src: url("../../iconfonts/icomoon.eot?vqsq52#iefix") format("embedded-opentype"), url("../iconfonts/icomoon.ttf?vqsq52") format("truetype"), url("../iconfonts/icomoon.woff?vqsq52") format("woff"), url("../iconfonts/icomoon.svg?vqsq52#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=icon-] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "iconfonts" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-search:before {
  content: "\e900";
}
.icon-arrow-down:before {
  content: "\e901";
}
.icon-arrow-left:before {
  content: "\e902";
}
.icon-arrow-right:before {
  content: "\e903";
}
.icon-arrow-up:before {
  content: "\e904";
}
.icon-backet-buy:before {
  content: "\e905";
}
.icon-basket-delete:before {
  content: "\e906" !important ;
}
.icon-email:before {
  content: "\e907";
}
.icon-geolocation:before {
  content: "\e908";
}
.icon-phone:before {
  content: "\e909";
}
.icon-telegram:before {
  content: "\e90a";
}
.icon-vk:before {
  content: "\e90b";
}
.icon-whatsapp:before {
  content: "\e90c";
}

.counter__btn, .btn {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

._ibg {
  position: relative;
}
._ibg img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

body.ie ._ibg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
body.ie ._ibg img {
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
}

.btn {
  padding-top: 5px;
  /* Если меньше контейнера */
  padding-left: 25px;
  /* Если меньше контейнера */
  padding-right: 25px;
  padding-bottom: 5px;
  /* Если меньше контейнера */
  min-height: 60px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.page .info ul li {
	list-style: disc;
}
@media (max-width: 1192px) {
  .btn {
    padding-left: calc(15px + 10 * ((100vw - 320px) / 872));
  }
}
@media (max-width: 1192px) {
  .btn {
    padding-right: calc(15px + 10 * ((100vw - 320px) / 872));
  }
}
@media (max-width: 1192px) {
  .btn {
    min-height: calc(50px + 10 * ((100vw - 320px) / 872));
  }
}
@media (any-hover: hover) {
  .btn:active {
    transform: translateY(2px);
  }
}

.close {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  background-color: transparent;
}
@media (any-hover: hover) {
  .close:hover:before, .close:hover:after {
    background-color: #383838;
  }
}
.close:before, .close:after {
  content: "";
  width: 20px;
  height: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  background-color: #000;
}
@media (any-hover: hover) {
  .close:before, .close:after {
    transition: background-color 0.2s ease 0s;
  }
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}

.counter {
  display: flex;
  align-items: center;
}

.block-global{
  display:flex;
  flex-direction: column;
  width: 100%;
  margin-top: calc(10px + 5 * ((100vw - 320px) / 1120));
}
.block-global .container{
  align-items: start;
  column-gap: calc(5px + 25 * ((100vw - 320px) / 1120));
}
@media (min-width: 1120px){
  .block-global .container{
    column-gap: 30px;
  }
}
.block-global .woocommerce-info{
  width: 100%;
}
.counter__btn {
  /* Если меньше контейнера */
  width: 30px;
  /* Если меньше контейнера */
  height: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #453A35;
  text-align: center;
  white-space: nowrap;
  /* Если меньше контейнера */
  font-size: 26px;
  color: #FFF7E7;
}
@media (max-width: 1192px) {
  .counter__btn {
    width: calc(25px + 5 * ((100vw - 320px) / 872));
  }
}
@media (max-width: 1192px) {
  .counter__btn {
    height: calc(25px + 5 * ((100vw - 320px) / 872));
  }
}
@media (max-width: 1192px) {
  .counter__btn {
    font-size: calc(20px + 6 * ((100vw - 320px) / 872));
  }
}
@media (any-hover: hover) {
  .counter__btn {
    transition: background-color 0.2s ease 0s;
  }
  .counter__btn:hover {
    background-color: rgb(48, 48, 48);
  }
}
.counter__btn_disabled {
  opacity: 0.7;
  pointer-events: none;
}
.counter__input {
  /* Если меньше контейнера */
  width: 30px;
  /* Если меньше контейнера */
  height: 30px;
  text-align: center;
}
@media (max-width: 1192px) {
  .counter__input {
    width: calc(25px + 5 * ((100vw - 320px) / 872));
  }
}
@media (max-width: 1192px) {
  .counter__input {
    height: calc(25px + 5 * ((100vw - 320px) / 872));
  }
}

.field__form {
  flex: 1 1 100%;
}
.field__item {
  display: flex;
  align-items: center;
  flex: 1 1 100%;
}
.field__input {
  padding: 0px 15px;
  flex: 1 1 100%;
  /* Если меньше контейнера */
  min-height: 50px;
}
@media (max-width: 1192px) {
  .field__input {
    min-height: calc(40px + 10 * ((100vw - 320px) / 872));
  }
}
.field__btn {
  /* Если меньше контейнера */
  min-width: 50px;
  /* Если меньше контейнера */
  min-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}
@media (max-width: 1192px) {
  .field__btn {
    min-width: calc(40px + 10 * ((100vw - 320px) / 872));
  }
}
@media (max-width: 1192px) {
  .field__btn {
    min-height: calc(40px + 10 * ((100vw - 320px) / 872));
  }
}
body {
  background-color: #fff;
  font-family: Ubuntu !important;
  color: #453A35;
  font-size: 14px;
}
body._lock-scroll {
  overflow: hidden;
}

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

.content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

._container {
  padding: 0 15px;
  margin: 0px auto;
  max-width: 1192px;
}

.header {
  background: #FFF7E7;
  padding: 44px 0 27px 0;
  width: 100%;
  z-index: 1000;
}
.header .menu-btn {
  display: inline-block;
  outline: none;
  cursor: pointer;
  background: none;
  border: 0;
  /*padding: .5em;
  background-color: #fafafa;
  border: 1px solid #ccc;*/
}
.header .burger-icon {
  position: relative;
  margin-top: 8px;
  margin-bottom: 8px;
}
.header .burger-icon, .header .burger-icon:before, .header .burger-icon:after {
  border-radius: 5px;
  display: block;
  width: 21px;
  height: 2px;
  background-color: #444444;
  transition-property: background-color, transform;
  transition-duration: 0.3s;
}
.header .burger-icon:before, .header .burger-icon:after {
  position: absolute;
  content: "";
}
.header .burger-icon:before {
  top: -6px;
}
.header .burger-icon:after {
  top: 6px;
}
.header .menu-btn.is-active .burger-icon {
  background-color: transparent;
}
.header .menu-btn.is-active .burger-icon:before {
  transform: translateY(6px) rotate(45deg);
}
.header .menu-btn.is-active .burger-icon:after {
  transform: translateY(-6px) rotate(-45deg);
}
.header__body {
  display: flex;
  flex-direction: column;
}
.header .header__body-burger, .header .header__body-mb {
  display: none;
}
.header .header__burger-first {
  display: none;
}
.header__networks {
  display: flex;
}

@media screen and (max-width: 550px) {
  .header__networks {
    display: none;
  }
}
.header__network {
  cursor: pointer;
  -o-object-fit: contain;
     object-fit: contain;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 17px;
  width: 30px;
  height: 30px;
  background: #C9A989;
  border: 2px solid #C9A989;
  color: #fff;
}
@media (any-hover: hover) {
  .header__network {
    transition: color 0.3s ease 0s, background 0.3s ease 0s;
  }
  .header__network:hover {
    color: #C9A989;
    background: rgba(201, 169, 137, 0);
  }
}
.header__network:nth-child(1) {
  font-size: 20px;
}
.header__network:nth-child(2) {
  margin: 0 13px;
}
.header__network:nth-child(3) {
  font-size: 11px;
}
.header__top {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 38px;
}
.header__phone {
  color: #5E4B42;
  margin-bottom: 7px;
}
@media screen and (max-width: 767px) {
  .header__phone {
    font-size: calc(16px + 8.5 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .header__phone {
    font-size: calc(16px + 5 * (100vw / 1440));
  }
}
@media (min-width: 767px) {
  .header__phone {
    line-height: calc(15px + 9 * ((100vw - 320px) / 1120));
  }
}
@media (max-width: 767px) {
  .header__phone {
    line-height: calc(15px + 15.3 * ((100vw - 320px) / 1120));
  }
}
@media (any-hover: hover) {
  .header__phone {
    transition: all 0.3s ease 0s;
  }
  .header__phone:hover {
    color: #c98989;
  }
}
.header__question {
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
  color: #5E4B42;
  display: flex;
  flex-direction: row;
  position: relative;
  display: inline-flex;
  cursor: pointer;
}
.header__question a{
  color: #5E4B42;
  display: flex;
  flex-direction: column;
}
.header__question a::after {
  content: "";
  width: 80%;
  position: absolute;
  height: 1px;
  background: #5E4B42;
  bottom: -2px;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .header__question a{
    transition: all 0.3s ease 0s;
  }
  .header__question a:hover {
    color: #c98989;
  }
  .header__question a:hover::after {
    background: #c98989;
  }
}
.header__menu {
  border: 0px solid #453A35;
  border-width: 0.5px 0;
}
.header__menu-items {
  width: 100%;
  display: flex;
}
.header__menu-item:not(:last-child) {
  width: 12.4%;
  font-size: 14px;
}
@media (any-hover: hover) {
  .header__menu-item:not(:last-child):hover {
    background: #5E4B42;
    color: #FFF7E7;
  }
}
.header__menu-item:last-child {
  margin-left: 29px;
  font-size: 12px;
  width: 159px;
  text-align: left;
}
.header__menu-item:last-child span:nth-child(2) {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .header__menu-item:last-child {
    transition: all 0.3s ease 0s;
  }
  .header__menu-item:last-child span {
    transition: all 0.3s ease 0s;
  }
  .header__menu-item:last-child:hover span:last-child {
    color: #C9A989;
  }
  .header__menu-item:last-child:hover span:first-child {
    color: #FFF7E7;
    -webkit-animation: backet-animation 0.9s ease infinite alternate;
            animation: backet-animation 0.9s ease infinite alternate;
  }
}
.header__menu-item {
  color: #453A35;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 10px 0;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}
.header__phone {
  display: block;
}
.header__icon {
  padding: 9px;
  font-size: 17px;
  text-decoration: none;
  background: #FFA588;
  border-radius: 50%;
  margin-right: 10px;
}
.header__button-open {
  display: none;
  font-size: 20px;
  text-align: center;
  background: #5E4B42;
  padding: 20px 0;
  color: #FFF7E7;
  cursor: pointer;
}
.header__body-mb{
  column-gap: 16px;
  flex-direction: row;
  align-items: center;
}
.header__body-mb .header__logo{
  display: flex;
  align-items: center;
}
.header__body-mb .header__nav{
  display: flex;
  column-gap: 9px;
  align-items: center;
}
.header__body-mb .header__nav-item{
  background-color: #FFA588;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: #5E4B42;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}
@media (any-hover:hover){
.header__body-mb .header__nav-item{
  cursor: pointer;
  transition: all 0.3s ease 0s;
}
.header__body-mb .header__nav-item:hover{
  background-color:#5E4B42;
  color:#FFFFFF;
}
}
@media screen and (max-width: 992px) {
  .header{
    position: fixed;
    padding: 18px 0;
  }
  .header__body-burger .header__menu-items {
    flex-direction: column;
    align-items: center;
  }
  .header__body-burger .header__menu-items .header__menu-item {
    width: 100%;
    padding: 15px 0;
  }
  .header__body-pc {
    display: none;
  }
  .header__body-mb{
    display: flex !important;
  }
  .header__body-burger {
    display: flex !important;
    background: #FFF7E7;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000000;
    height: 100%;
    padding: 48px 40px 38px;
  }
  .header__body-burger .header__network {
    margin-bottom: 10px;
  }
  .header__body-burger .header__top {
    flex-direction: column;
    align-items: start;
  }
  .header__body-burger .header__top .header__logo {
    margin-bottom: 20px;
  }
  .header__body-burger .header__menu-items {
    align-items: start;
  }
  .header__body-burger .header__menu-item {
    justify-content: start;
  }
  .header__body-burger .header__menu-item:last-child {
    margin-left: 0;
  }
  .header__body-burger {
    transition: all 0.5s ease 0s;
    right: -150%;
  }
  .header__body-burger.active {
    right: 0;
  }
  .header__body-burger .header__info{
    text-align: left;
    align-items: start;
  }
  .header__burger {
    position: absolute;
    top: 25px;
    right: 25px;

  }
  .header__burger-first {
    position: absolute;
    display: block;
    z-index: 100;
    background: #453a35 !important;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    right: 30px;
    top: 25px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding:0;
  }
  .header__burger-first .burger-icon, .header__burger-first .burger-icon:before, .header__burger-first .burger-icon:after {
    background: #FFF7E7;
  }
}
@media (max-width: 400px){
  .header__burger-first {
    top: 16px;
  }
}
.header__search{
  display: flex;
  background: #FFFFFF;
  border: 0.5px solid #5E4B42;
  border-radius: 100px;
  align-items: center;
  width: 100%;
  max-width: 200px;
  padding: 6px 12px 7px 12px;
  max-height: 30px;
}
.search-mb-body{
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (max-width: 992px){
  .search-mb-body{
    margin-top: 91px;
  }
}
.search-mb{
  display: none;
}
.header__search .dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{
  padding: 0 0 0 33px;
}
.header__search .dgwt-wcas-search-wrapp{
  margin: 0;
  min-width: auto;
  max-width: 100%;
  width: 100%;
}
.header__search .dgwt-wcas-no-submit .dgwt-wcas-ico-magnifier{
  max-width: 12px;
  max-height: 12px;
  height: 12px;
  width: 12px;
}
.header__search-icon{
  margin-right: 10px;
  min-width: 12px;
}
.header__search .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{
  height: auto;
  border: 0;
  font-size: 12px;
  line-height: 14px;
}
.header__search-input{
  background-color: rgba(0, 0, 0, 0) !important;
  padding: 0 !important;
  font-size: 12px;
  line-height: 14px;
}
.dgwt-wcas-suggestions-wrapp{
  margin-left: -13px;
  margin-top: 1px;
  width: 200px !important;
}
.header__body-burger .header__search{
  margin-bottom: 10px;
}
@media (max-width: 570px){
  .header__body-mb .header__search{
    display: none;
  }
  .search-mb{
    display: flex;
  }
  .search-mb-body{
    margin-top: 110px;
  }
}
@media (max-width: 400px){
  .search-mb-body{
    margin-top: 95px;
  }
}
.header__info{
  display: flex;
  flex-direction: column;
  text-align: right;
  align-items: flex-end;
}
.header__email{
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #5E4B42;
  margin-bottom: 10px;
}
@media (any-hover:hover){
.header__email{
  transition: all 0.3s ease 0s;
  cursor: pointer;
}
.header__email:hover{
  color: #c98989;
}
}
.no-scroll {
  position: fixed;
  background: #000;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  top: 0;
  left: 100%;
  transition: all 0.3s ease 0s, left 0s ease 0s;
}
.no-scroll.active {
  z-index: 100000;
  display: block;
  opacity: 0.6;
  left: 0;
}
.footer{
  width: 100%;
}
.footer__body {
  /* Всегда */
  margin-top: calc(35px + 40 * ((100vw - 320px) / 1120));
  padding: 30px 0 65px 0;
  border: 0.5px solid #5E4B42;
  border-width: 0.5px 0 0 0;
  justify-content: space-between;
  color: #453A35;
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 10px;
  grid-auto-flow: dense;
}
@media screen and (max-width: 740px) {
  .footer__body {
    grid-template-columns: repeat(1, 1fr);
  }
  .footer__body .footer__left {
    margin-bottom: 20px;
  }
  .footer__body .footer__right {
    justify-self: start;
  }
}
.footer__left {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(151px, 1fr));
  gap: 10px;
  row-gap: 40px;
  grid-auto-flow: dense;
}
.footer__right {
  justify-self: end;
}
.footer__item {
  margin: 20px 0;
  cursor: pointer;
  font-size: 14px;
  line-height: 16px;
}
.footer__item:first-child {
  margin-top: 0;
}
.footer__item:last-child {
  margin-bottom: 0;
}
.footer__item a {
  transition: all 0.3s ease 0s;
  color: #453A35;
}
@media (any-hover: hover) {
  .footer__item {
    transition: all 0.3s ease 0s;
  }
  .footer__item:hover a {
    color: #C9A989;
  }
}
.footer__title {
  font-weight: 500;
  font-size: 21px;
  line-height: 24px;
  margin-bottom: 23px;
}
.footer__icon {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFCF5;
  margin-right: 9px;
  background: #5E4B42;
  border-radius: 50%;
}
.footer__contact {
  font-size: 14px;
  line-height: 16px;
  color: #453A35;
}
@media (any-hover: hover) {
  .footer__contact {
    transition: all 0.3s ease 0s;
  }
  .footer__contact:hover {
    color: #C9A989;
  }
}
.footer__contacts-item {
  display: flex;
  align-items: center;
}
.footer__contacts-item:not(:last-child) {
  margin-bottom: 10px;
}

.popup-wrapper__item {
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  overflow: auto;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease 0s;
  background-color: rgba(0, 0, 0, 0.5);
}
@media (any-hover: hover) {
  .popup-wrapper__item::-webkit-scrollbar {
    width: 6px;
    box-shadow: inset 0px 0px 1px rgb(134, 134, 134);
    background-color: #e9e9e9;
  }
  .popup-wrapper__item::-webkit-scrollbar-thumb {
    background-color: #82878F;
  }
  .popup-wrapper__item::-webkit-scrollbar-thumb:hover {
    background-color: #6d7177;
  }
}
.popup-wrapper__item._active {
  opacity: 1;
  pointer-events: auto;
}
.popup-wrapper__item._active .popup-item__body {
  opacity: 1;
  transform: scale(1);
}

.popup-item__body {
  margin: auto;
  max-width: 320px;
  width: 100%;
  overflow: hidden;
  box-shadow: 0px 0px 40px rgba(165, 178, 192, 0.9);
  opacity: 0;
  transform: scale(0.8);
  transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
}
@media (max-width: 425.2px) {
  .popup-item__body {
    max-width: none;
  }
}
.popup-item__top {
  padding-top: 10px;
  /* Если меньше контейнера */
  padding-right: 20px;
  /* Если меньше контейнера */
  padding-left: 20px;
  padding-bottom: 10px;
  /* Если меньше контейнера */
  min-height: 68px;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #E7EAEE;
  background-color: #FFF7E7;
}
@media (max-width: 1192px) {
  .popup-item__top {
    padding-right: calc(15px + 5 * ((100vw - 320px) / 872));
  }
}
@media (max-width: 1192px) {
  .popup-item__top {
    padding-left: calc(15px + 5 * ((100vw - 320px) / 872));
  }
}
@media (max-width: 1192px) {
  .popup-item__top {
    min-height: calc(58px + 10 * ((100vw - 320px) / 872));
  }
}
.popup-item__title {
  margin-right: 15px;
  text-transform: uppercase;
  /* Если меньше контейнера */
  font-size: 18px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0.1em;
  text-align: left;
  color: #453A35;
}
@media (max-width: 1192px) {
  .popup-item__title {
    font-size: calc(16px + 2 * ((100vw - 320px) / 872));
  }
}
.popup-item__close {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
}
.popup-item__close span {
  width: 12px;
  height: 2px;
  display: flex;
  position: relative;
  background-color: transparent;
}
.popup-item__close span:before, .popup-item__close span:after {
  content: "";
  width: 12px;
  height: 2px;
  position: absolute;
  background-color: #453A35;
}
.popup-item__close span:before {
  top: -8px;
  transform: rotate(45deg) translate(5px, 6px);
}
.popup-item__close span:after {
  top: 8px;
  transform: rotate(-45deg) translate(5px, -6px);
}
.popup-item__content {
  /* Если меньше контейнера */
  padding: 20px;
  max-height: 540px;
  overflow: auto;
  background-color: #FFF7E7;
}
@media (max-width: 1192px) {
  .popup-item__content {
    padding: calc(15px + 5 * ((100vw - 320px) / 872));
  }
}
@media (any-hover: hover) {
  .popup-item__content::-webkit-scrollbar {
    width: 6px;
    box-shadow: inset 0px 0px 1px rgb(134, 134, 134);
    background-color: #e9e9e9;
  }
  .popup-item__content::-webkit-scrollbar-thumb {
    background-color: #82878F;
  }
  .popup-item__content::-webkit-scrollbar-thumb:hover {
    background-color: #6d7177;
  }
}

.main__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* Всегда */
  padding-bottom: calc(40px + 40 * ((100vw - 320px) / 1120));
  /* Всегда */
  padding-top: calc(25px + 25 * ((100vw - 320px) / 1120));
}
.main__col {
  display: flex;
  width: 100%;
  justify-content: space-between;
  /* Всегда */
  margin-bottom: calc(37.5px + 37.5 * ((100vw - 320px) / 1120));
  column-gap: 20px;
}
.main__left {
  width: 100%;
  padding: 0 3.5%;
}
.main__left .main__title {
  max-width: 295px;
}
.main__right-item{
}
.main__slider .main__left-item, .main__slider .main__right-item{
  padding: 0;
}
.main__left, .main__slider .main__left-item, .main__slider .main__right-item{
  padding-top: calc(20px + 14 * ((100vw - 320px) / 1120)) !important;
  padding-bottom: calc(20px + 14 * ((100vw - 320px) / 1120)) !important;
}
.main__slider .main__right-item, .main__slider .main__left-item{
  max-height: none;
  height: 100%;
}
.main__slider .swiper-slide{
  height: auto !important;
}
.main__slider .main__title{
  text-align: center;
}
.main__left.halloween{
  background: url("../img/main/halloween 1.png") 0 0/100% 100% no-repeat;
}
.main__left.february-23{
  background: url("../img/main/23-february.png") 0 0/100% 100% no-repeat;
}
.main__left.love{
  background: url("../img/main/love.png") 0 0/100% 100% no-repeat;
}
.main__left.march-8{
  background: url("../img/main/march-8.png") 0 0/100% 100% no-repeat;
}
.main__left.child-day, .swiper-slide .child-day{
  background: url("") 0 0/100% 100% no-repeat;
}
.main__slider{
  display: none !important;
}
 .swiper-slide .child-day{
  background: linear-gradient(124.88deg, #FE975D 1.57%, #FF9C41 100%);
}
.swiper-slide .child-day .main__left-item{
  display:flex;
  flex-direction:column;
  align-items: center;
}
.main__slider .main__left-item, .main__slider .main__right-item{
  display:flex;
  flex-direction:column;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 500px){
  .main__left, .main__right{
    display: none;
  }
.main__slider{
    display: block !important;
  }
}
.love .main__title, .march-8 .main__title{
  color: #FFF7E7;
}
.swiper-slide  .main__title {
  max-width: calc(220px + 30 * ((100vw - 320px) / 1120));
}
.main__right {
  width: 100%;
}
.main__title {
  font-weight: 500;
  color: #453A35;
  margin-bottom: calc(6px + 19 * ((100vw - 320px) / 1440));
  font-size: calc(14px + 8.8 * ((100vw - 320px) / 1440));
  line-height: calc(16px + 12 * ((100vw - 320px) / 1120));
}
@media (min-width: 1192px){
  .main__title{
    font-size: 22px;
    line-height: 28px;
  }
}
.main__button {
  color: #453A35;
  padding: 16px 0;
  padding-left: calc(31px + 26 * ((100vw - 320px) / 1440));
  padding-right: calc(31px + 26 * ((100vw - 320px) / 1440));
  max-height: 55px;
  border-radius: 30px;
  background: #FFA588;
  border: 2px solid #FFA588;
  transition: all 0.3s ease 0s;
  max-width: calc(170px + 34 * ((100vw - 320px) / 1440));
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main__button a{
  color: #453A35;
}
@media screen and (max-width: 767px) {
  .main__button {
    font-size: calc(15px + 8.5 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .main__button {
    font-size: calc(15px + 5 * (100vw / 1440));
  }
}
@media (min-width: 767px) {
  .main__button {
    line-height: calc(12px + 11 * ((100vw - 320px) / 1120));
  }
}
@media (max-width: 767px) {
  .main__button {
    line-height: calc(12px + 18.7 * ((100vw - 320px) / 1120));
  }
}
@media (any-hover: hover) {
  .main__button:hover {
    background: rgba(255, 165, 136, 0);
    color: #FFA588;
  }
}
.main__button-left {
  background: #FFF7E7;
  border: 2px solid #FFF7E7;
  width: 100%;
}
@media (any-hover: hover) {
  .main__button-left:hover {
    background: rgba(255, 247, 231, 0);
    color: #FFF7E7;
  }
}
.main__right-item {
  padding: 23px 15px 30px 40px;
  display: flex;
  background: #FFF7E7;
  position: relative;
  max-height: 200px;
}
.main__right-item:nth-child(1) {
  /* Всегда */
  margin-bottom: calc(15px + 35 * ((100vw - 320px) / 1120));
}
/* .main__right-item:nth-child(2) {
  padding-right: 0;
} */
.main__right-item:nth-child(2) .main__img img {
  width: 157px;
  transform: translate(0, 8px);
}
.main__qualitys {
  display: grid;
  grid-template-columns: repeat(4, minmax(240px, 1fr));
  -moz-column-gap: 20px;
       column-gap: 20px;
  grid-auto-flow: dense;
  padding-left: calc(10 + 36 * ((100vw - 320px) / 1120));
  padding-right: calc(23 + 23 * ((100vw - 320px) / 1120));

}
.main__quality {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-right: 20px;
}
.main__quality:not(:nth-child(4))::after {
  content: "";
  height: 100%;
  width: 1px;
  background: #453A35;
  position: absolute;
  right: 0;
}
.main__quality-img {
  min-width: 50px;
  min-height: 50px;
  width: 50px;
  height: 50px;
  background: #C9A989;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 20px;
}
.main__quality-title {
  font-size: 14px;
  line-height: 16px;
  color: #453A35;
}
.main .quality-bold {
  font-weight: 600;
}
.main__quality-info {
  display: flex;
  align-items: center;
}
.main__slider{
  width: 100%;
  overflow: visible !important;
}
.main__slider .main__right-item{
  margin-bottom: 0;
}
.main__slider .main__right-item, .main__slider .main__left-item{
  width: 100%;
}

@media screen and (max-width: 900px){
  .main__col {
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
  }
  .page .main__left, .page .main__right{
    max-width: 539px;
}
  .page .main__left{
    min-height: 240px;
    height: calc(280px + 328.3 * ((100vw - 320px) / 1120));
  }

}

@media screen and (max-width: 516px) {
  .main__right-item:nth-child(2) img {
    transform: none !important;
  }
  .main__right-item .main__img {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
  }
  .main__right-item .main__info {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
}
.main__img img{
  width: 100%;
  max-height: 160px;
  object-fit: contain;
}
@media screen and (max-width: 1130px) {
  .main__qualitys {
    grid-template-columns: repeat(2, minmax(240px, 1fr));
    row-gap: 15px;
  }
  .main__qualitys .main__quality {
    justify-content: start;
  }
  .main__qualitys .main__quality:nth-child(2)::after {
    display: none;
  }
}
@media screen and (max-width: 510px) {
  .main__qualitys {
    grid-template-columns: repeat(1, 1fr);
  }
  .main__qualitys .main__quality {
    padding-right: 0;
  }
  .main__qualitys .main__quality::after {
    display: none;
  }
}
.statement {
  background: #F9E4B7;
}
.statement__body {
  display: flex;
  justify-content: space-between;
  /* Всегда */
  padding-top: calc(10px + 60 * ((100vw - 320px) / 1120));
  /* Всегда */
  padding-bottom: calc(35px + 56 * ((100vw - 320px) / 1120));
}
.statement__title {
  margin-bottom: 55px;
  font-weight: 700;
  text-transform: uppercase;
  color: #453A35;
}
@media screen and (max-width: 767px) {
  .statement__title {
    font-size: calc(15px + 34 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .statement__title {
    font-size: calc(15px + 20 * (100vw / 1440));
  }
}
@media (min-width: 767px) {
  .statement__title {
    line-height: calc(16px + 24 * ((100vw - 320px) / 1120));
  }
}
@media (max-width: 767px) {
  .statement__title {
    line-height: calc(16px + 40.8 * ((100vw - 320px) / 1120));
  }
}
.statement__form {
  width: 100%;
  max-width: 355px;
}
.statement__form p {
  margin: 0;
}
.statement__confirm-body p{
  width: 100%;
  max-width: 230px;
}
.statement__feedback {
  font-size: 14px;
  line-height: 16px;
  color: #453A35;
  margin-bottom: 17px;
}
.statement__buttons {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 27px;
  font-size: 14px;
}
.statement__buttons .statement__button {
  min-width: 160px;
  border: 1px solid #5E4B42;
  border-radius: 20px;
  padding: 9px 12px;
  max-height: 36px;
  display: flex;
  justify-content: center;
  display: inline-flex;
  transition: all 0.3s ease 0s;
  cursor: pointer;
}
.statement__buttons .statement__button span{
  display: flex;
  align-items: center;
  font-size: 16px;
}
.statement__button.active{
  color: #FFF7E7;
  background: #5E4B42;
}
@media (any-hover: hover) {
  .statement__buttons .statement__button:hover {
    color: #FFF7E7;
    background: #5E4B42;
  }
}
.statement__buttons .statement__button .icon-phone {
  margin-right: 12px;
}
.statement__buttons .statement__button .icon-email {
  margin-right: 11px;
}
.statement__input-title {
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 16px;
  color: #453A35;
}
.statement__input input:not(.u-order) {
  margin-bottom: 20px;
  background: #FFFFFF;
  border-radius: 20px;
  padding: 15px 0 15px 20px;
  width: 100%;
  border: 1px solid rgba(251, 222, 159, 0);
  max-height: 36px;
}
.statement__email, .statement__phone{
  display: none;
}
.statement__input.active{
  display: block;
}
@media (any-hover: hover) {
  .statement__input input:not(.u-order) {
    transition: all 0.3s ease 0s;
  }
  .statement__input input:not(.u-order):hover {
    border-color: #fbde9f;
  }
}
.statement__input-body {
  width: 100%;
  border-radius: 15px;
  background: #FFFFFF;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-bottom: 20px;
  border: 1px solid rgba(251, 222, 159, 0);
  overflow: hidden;
}
input#example{
  display: none;
}
@media (any-hover: hover) {
  .statement__input-body {
    transition: all 0.3s ease 0s;
  }
  .statement__input-body:hover {
    border-color: #fbde9f;
  }
}
.statement .u-order {
  width: 100%;
  height: 100%;
  resize: none;
}
.statement__file {
  display: block;
  font-size: 14px;
  line-height: 16px;
  color: #453A35;
  text-decoration: underline;
  cursor: pointer;
}
@media (any-hover: hover) {
  .statement__file {
    transition: all 0.3s ease 0s;
  }
  .statement__file:hover {
    color: rgb(255, 165, 136);
  }
}
.statement__confirm {
  padding: 10px !important;
  background: #5E4B42 !important;
  border: 2px solid #5E4B42 !important;
  border-radius: 30px !important;
  color: #FFF7E7 !important;
  transition: all 0.3s ease 0s;
  width: 100%;
  margin-top: 20px;
  max-width: 230px;
  height: 100%;
  max-height: 55px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-weight: 400 !important;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .statement__confirm {
    font-size: calc(15px + 8.5 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .statement__confirm {
    font-size: calc(15px + 5 * (100vw / 1440));
  }
}
@media (min-width: 767px) {
  .statement__confirm {
    line-height: calc(12px + 11 * ((100vw - 320px) / 1120));
  }
}
@media (max-width: 767px) {
  .statement__confirm {
    line-height: calc(12px + 18.7 * ((100vw - 320px) / 1120));
  }
}
@media (any-hover: hover) {
  .statement__confirm:hover {
    background: rgba(94, 75, 66, 0) !important;
    color: #453A35 !important;
  }
}
.statement__img {
  width: 130%;
  position: absolute;
  left: -120px;
  top: 50%;
  transform: translate(0, -50%);
}
.statement__left {
  width: 60%;
}
.statement__right {
  width: 40%;
  position: relative;
}

.statement__file-input {
  display: none;
}
.statement__form #wpcf7-f5814-o2{
  display: none;
}
@media screen and (max-width: 900px) {
  .statement__body {
    flex-direction: column-reverse;
  }
  .statement__left, .statement__right {
    width: 100%;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .statement__img {
    width: 75%;
    position: relative;
    left: 0%;
    top: 0%;
    transform: translate(0);
  }
  .statement__title {
    text-align: center;
  }
  .statement__form {
    display: flex;
    flex-direction: column;
  }
  .statement__confirm-body {
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width: 376px) {
  .statement__buttons {
    flex-direction: column;
  }
  .statement__buttons .statement__button:first-child {
    margin-bottom: 15px;
  }
}
.products__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 31px;
  /* Всегда */
  padding-top: calc(10px + 80 * ((100vw - 320px) / 1120));
}
.products__title {
  font-weight: 700;
  text-transform: uppercase;
  color: #453A35;
  margin-bottom: calc(20px + 22 * ((100vw - 320px) / 1120));
  text-align: center;
}
@media screen and (max-width: 767px) {
  .products__title {
    font-size: calc(15px + 34 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .products__title {
    font-size: calc(15px + 20 * (100vw / 1440));
  }
}
@media (min-width: 767px) {
  .products__title {
    line-height: calc(16px + 24 * ((100vw - 320px) / 1120));
  }
}
@media (max-width: 767px) {
  .products__title {
    line-height: calc(16px + 40.8 * ((100vw - 320px) / 1120));
  }
}
.products__categories {
  display: flex;
  width: 100%;
  justify-content: center;
  white-space: nowrap;
  align-items: center;
  flex-wrap: wrap;
  /* Всегда */
  margin-bottom: calc(10px + 40 * ((100vw - 320px) / 1120));
}
.products__category {
  margin: 0 calc(10px + 27 * ((100vw - 320px) / 1120));
  padding: 10px 0;
  font-weight: 500;
  font-size: 21px;
  line-height: 24px;
  text-transform: uppercase;
  color: #C9A989;
  cursor: pointer;
  transition: all 0.3s ease 0s;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .products__category {
    font-size: calc(19px + 3.4 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .products__category {
    font-size: calc(19px + 2 * (100vw / 1440));
  }
}
.products__category:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #453A35;
  opacity: 0;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .products__category:hover {
    color: #453A35;
  }
  .products__category:hover:after {
    opacity: 1;
  }
}
.products__categories-dish {
  display: flex;
  flex-direction: column;
  width: 100%;
  display: none;
  align-items: center;
}
.products__categories-top {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(528px, 1fr));
  gap: 10px;
  margin-bottom: 10px;
}
.products__categories-top .products__category-dish {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.products__categories-top .products__category-dish:first-child {
  margin-right: 10px;
}
.products__categories-top .products__category-dish img {
  position: absolute;
  right: 0;
}
.products__categories-top .products__category-dish .products__category-img-hidden {
  position: relative;
  height: 100%;
  object-fit: contain;
}
@media (max-width:570px){
  .products__categories-top .products__category-dish .products__category-img-hidden {
   opacity: 0;
  }
}
.products__category-title {
  font-weight: 500;
  font-size: calc(14px + 6 * ((100vw - 320px) / 1120));
  line-height: calc(16px + 7 * ((100vw - 320px) / 1120));
  color: #453A35;
  white-space: nowrap;
  text-transform: uppercase;
  padding-top: calc(20px + 20 * ((100vw - 320px) / 1120));
  padding-left: calc(20px + 20 * ((100vw - 320px) / 1120));

}
.products__categories-bottom {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
  gap: 10px;
  grid-auto-flow: dense;
}
.products__categories-bottom .products__category-dish {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.products__categories-bottom .products__category-img-body {
  display: flex;
  justify-content: flex-end;
}
.products .products__category-dish {
  cursor: pointer;
  overflow: hidden;
  height: 100%;
  max-height: 360px;
}
.products .products__category-dish.pink {
  background: #FFE8E1;
}
.products .products__category-dish.yellow {
  background: #FFF7E7;
}
@media (any-hover: hover) {
  .products .products__category-dish .products__category-img-body img {
    transition: all 0.5s ease 0s;
  }
  .products .products__category-dish .products__category-img-body:hover img {
    transform: scale(1.1);
  }
}
.products__price {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 40px;
  grid-auto-flow: dense;
  margin-top: 35px;
  width: 100%;
  color: #453A35;
}
.products__price-item {
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(158, 133, 108, 0.15);
  border-radius: 15px;
  padding: 20px;
  display: flex;
  align-items: center;
  transition: all 0.3s ease 0s;
  cursor: pointer;
}
.products__price-item.tab-active {
  background: #F9E4B7;
}
.products__price-item p{
  margin: 0;
}
.products__price-img {
  width: 50px;
  height: 50px;
  background: #5E4B42;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 17px;
}
.products__price-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  margin: 0;
}

@media screen and (max-width: 570px) {
  .products__categories-top {
    display: block;
  }
  .products__categories-top .products__category-dish {
    flex-direction: column;
    max-height: 400px;
  }
  .products__categories-top .products__category-dish:first-child {
    margin-bottom: 10px;

  }
  .products__categories-top .products__category-dish img {
    bottom: 0;
  }
}
@media screen and (max-width: 410px) {
  .products__category-img-body {
    justify-content: end;
  }
  .products__category-img-body :nth-child(2) img, .products__category-img-body :nth-child(5) img {
    width: 100%;
    background: #000;
  }
  .products__categories-bottom {
    grid-template-columns: repeat(1, 1fr);
  }
  .products__category-dish img:not(.bunny) {
    object-fit: scale-down;
  }
}
.products__category.tab-active {
  color: #453A35;
}
.products__category.tab-active:after {
  opacity: 1;
}

.products__categories-dish.tab-active {
  display: block;
}

.products__categories-cols {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 40px;
  grid-auto-flow: dense;
}
@media (max-width: 500px) {
  .products__categories-cols {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.products__categories-cols .products__category-dish {
  height: 614px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 769px) {
  .products__categories-cols .products__category-dish {
    height: auto;
  }
}
.products__categories-cols .products__category-dish .products__category-title {
  width: 100%;
}
.products__categories-cols .products__category-dish .products__category-img-body {
  width: 100%;
  display: flex;
  justify-content: center;
}
.products__categories-cols .products__category-dish .products__category-img-body img {
  max-width: 100%;
}
.products__more-button{
  display: none;
  font-weight: 400;
  font-size: 20px;
  line-height: 23px;
  color: #453A35;
  padding: 16px 0 ;
  width: 100%;
  max-width: 280px;
  background: #FFA588;
  border-radius: 100px;
  text-align: center;
  margin: 0 auto;
  margin-top: 25px;
  border: 2px solid #FFA588;
  text-transform: uppercase;
}
@media (any-hover:hover){
.products__more-button{
  cursor: pointer;
  transition: all 0.3s ease 0s;
}
.products__more-button:hover{
  background: rgba(0, 0, 0, 0);
  color: #FFA588;
}
}
.work__body {
  /* Всегда */
  padding-top: calc(40px + 40 * ((100vw - 320px) / 1120));
  /* Всегда */
  padding-bottom: calc(0px + 101 * ((100vw - 320px) / 1120));
}
@media (min-width: 1192px){
  .work__body{
    padding-top: 80px;
    padding-bottom: 101px;
  }
}
.work__title {
  font-weight: 700;
  text-transform: uppercase;
  color: #453A35;
  text-align: center;
  margin-bottom: calc(60px + 58 * ((100vw - 320px) / 1120));;
}
.work__text{
  font-size: calc(14px + 2 * ((100vw - 320px) / 1120));
  line-height: calc(16px + 4 * ((100vw - 320px) / 1120));
  color: #453A35;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .work__title {
    font-size: calc(19px + 27.2 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .work__title {
    font-size: calc(19px + 16 * (100vw / 1440));
  }
}
@media (min-width: 767px) {
  .work__title {
    line-height: calc(25px + 15 * ((100vw - 320px) / 1120));
  }
}
@media (max-width: 767px) {
  .work__title {
    line-height: calc(25px + 25.5 * ((100vw - 320px) / 1120));
  }
}
.work__items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  grid-auto-flow: dense;
  row-gap: 75px;
  -moz-column-gap: 40px;
       column-gap: 40px;
}
.work__item {
  font-size: 16px;
  line-height: 20px;
  width: 100%;
  max-width: 360px;
  height: 155px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 32px;
  position: relative;
}
.work__item:not(:last-child) {
  background: #F9E4B7;
}
.work__item::before {
  position: absolute;
  left: 33px;
  top: -32px;
  font-weight: 700;
  font-size: 35px;
  line-height: 40px;
  text-transform: uppercase;
  color: #FFFFFF;
  background: #C9A989;
  padding: 10px 21px 12px;
  border-radius: 50%;
}
.work__item::after {
  width: 100%;
  max-width: 360px;
}
.work__item:nth-child(1):before {
  content: "1";
}
.work__item:nth-child(1)::after {
  content: url("../img/work/lines-up.png");
  position: absolute;
  left: 88px;
  top: -55px;
}
.work__item:nth-child(2):before {
  content: "2";
}
.work__item:nth-child(2) {
  z-index: 2;
}
.work__item:nth-child(2)::after {
  content: url("../img/work/lines-down.png");
  position: absolute;
  left: 88px;
  top: -6px;
}
.work__item:nth-child(3):before {
  content: "3";
}
.work__item:nth-child(3)::after {
  content: url("../img/work/lines-up-short.png");
  position: absolute;
  left: 88px;
  top: -55px;
}
.work__item:nth-child(4):before {
  content: "4";
}
.work__item:nth-child(4) {
  z-index: 2;
}
.work__item:nth-child(4)::after {
  content: url("../img/work/lines-down.png");
  position: absolute;
  left: 88px;
  top: -6px;
}
.work__item:nth-child(5):before {
  content: "5";
}
.work__item:last-child img {
  position: absolute;
  top: calc(-160px + -55 * ((100vw - 320px) / 1120));;
  z-index: 2;
  max-width: none;
}
@media (min-width: 1192px){
  .work__item:last-child img{
    top: -215px;
  }
}
@media (max-width: 900px){
  .work__item:last-child img{
    width: 125%;
  }
}
@media (max-width: 600px){
  .work__item:last-child img{
    width: 100%;
  }
}
.work__bold {
  font-weight: 500;
}

@media screen and (max-width: 1189px) {
  .work__item:nth-child(3)::after {
    content: url("../img/work/lines-up.png");
  }
  .work__item:nth-child(1), .work__item:nth-child(3), .work__item:nth-child(5) {
    justify-self: end;
  }
}
@media screen and (max-width: 789px) {
  .work__item {
    justify-self: center !important;
  }
  .work__item::after {
    content: "" !important;
  }
  .work__items {
    grid-template-columns: repeat(1, 1fr);
  }
}
.compilation__body {
  padding-bottom:25px;
  padding-top: calc(30px + 70 * ((100vw - 320px) / 1120));
  display: flex;
  flex-direction: column;
  align-items: center;
}
.compilation__title {
  font-weight: 700;
  text-transform: uppercase;
  color: #453A35;
  text-align: center;
  margin-bottom: 45px;
}
@media screen and (max-width: 767px) {
  .compilation__title {
    font-size: calc(19px + 27.2 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .compilation__title {
    font-size: calc(19px + 16 * (100vw / 1440));
  }
}
@media (min-width: 767px) {
  .compilation__title {
    line-height: calc(25px + 15 * ((100vw - 320px) / 1120));
  }
}
@media (max-width: 767px) {
  .compilation__title {
    line-height: calc(25px + 25.5 * ((100vw - 320px) / 1120));
  }
}
.compilation__categories {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  /* Всегда */
  margin-bottom: calc(10px + 30 * ((100vw - 320px) / 1120));
  column-gap: calc(10px + 10 * ((100vw - 320px) / 1120));
}
.compilation__category {
  font-weight: 500;
  font-size: calc(14px + 7 * ((100vw - 320px) / 1120));
  line-height: calc(16px + 8 * ((100vw - 320px) / 1120));
  text-transform: uppercase;
  color: #C9A989;
  cursor: pointer;
  transition: all 0.3s ease 0s;
  display: flex;
  flex-direction: column;
  padding: calc(7.5px + 10 * ((100vw - 320px) / 1120)) 0;
}
@media (min-width: 1192px){
  .compilation__category{
    font-size: 21px;
    line-height: 24px;
  }
}
.compilation__category:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #453A35;
  opacity: 0;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .compilation__category:hover {
    color: #453A35;
  }
  .compilation__category:hover:after {
    opacity: 1;
  }
}
.compilation__items {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(135px + 245 * ((100vw - 320px) / 1120)), 1fr));
  grid-gap: 10px;
  grid-auto-flow: dense;
  display: none;
}
@media (min-width: 1192px){
  .compilation__items{
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
  }
}
.compilation .compilation__items.tab-active {
  display: grid;
}
.compilation__item {
  justify-self: center;
  max-width: 380px;
  width: 100%;
  overflow: hidden;
  background: #D9D9D9;
  box-shadow: 0px 0px 5.53191px rgba(158, 133, 108, 0.15);
  display:flex;
  flex-direction:column;
  justify-content: space-between;
}
.compilation__item a{
  flex: 1 1 auto;
  background: #fff;
}
.compilation__item .compilation__item-img{
  height: 100%;
}
.compilation__item .compilation__item-img, .compilation__item img{
}
.compilation__item-img {
  max-height: 230px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media (any-hover: hover) {
  .compilation__item-img {
    transition: transform 0.4s ease 0s;
  }
  .compilation__item-img:hover {
    transform: scale(1.05);
  }
}
.compilation__item-img img {
  width: 100%;
  object-fit: cover;
}
.compilation__item-text {
  padding: 12px calc(7px + 13 * ((100vw - 320px) / 1120));
  background: #fff;
  display: flex;
  justify-content: space-between;
  color: #453A35;
  align-items: center;
}
@media (max-width: 992px){
  .compilation__item-text{
    display: flex;
    flex-direction: column;
    align-items: start;
  }
  .compilation__item-price{
    width: 100%;
    justify-content: space-between;
  }
}
.compilation__item-title {
  font-size: calc(8px + 6 * ((100vw - 320px) / 1120));
  line-height: calc(9px + 7 * ((100vw - 320px) / 1120));
  max-width: 184px;
}
.compilation__item-price {
  font-weight: 500;
  font-size: calc(10px + 5 * ((100vw - 320px) / 1120));
  line-height: calc(8px + 10 * ((100vw - 320px) / 1120));
  display: flex;
  align-items: center;
}
.compilation__item-button {
  margin-left: 14px;
  min-width: 36px;
  min-height: 36px;
  background: #FFA588;
  border-radius: 50%;
  font-size: 17px;
  cursor: pointer;
  padding: 0;
  color: rgba(94, 75, 66, 1);
}
.compilation__item-button:hover{
  border-width: 0px !important;
}
@media (any-hover: hover) {
  .compilation__item-button {
    transition: all 0.3s ease 0s;
  }
  .compilation__item-button:hover {
    -webkit-animation: backet-animation 0.9s ease infinite alternate;
            animation: backet-animation 0.9s ease infinite alternate;
  }
}

.compilation__category.tab-active {
  color: #453A35;
}
.compilation__category.tab-active:after {
  opacity: 1;
}

.answer__body {
  /* Всегда */
  padding-top: calc(0px + 97 * ((100vw - 320px) / 1120));
}
.answer__title {
  font-weight: 700;
  text-transform: uppercase;
  color: #453A35;
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .answer__title {
    font-size: calc(19px + 27.2 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .answer__title {
    font-size: calc(19px + 16 * (100vw / 1440));
  }
}
@media (min-width: 767px) {
  .answer__title {
    line-height: calc(25px + 15 * ((100vw - 320px) / 1120));
  }
}
@media (max-width: 767px) {
  .answer__title {
    line-height: calc(25px + 25.5 * ((100vw - 320px) / 1120));
  }
}
.answer__items-body {
  display: flex;
  justify-content: center;
}
.answer__items {
  width: 960px;
}
.answer__item {
  padding: 30px 0;
  padding-bottom: 10px;
  color: #453A35;
  border: 0px solid #C9A989;
  border-bottom-width: 1px;
  position: relative;
}
.answer__item:first-child {
  border-top-width: 1px;
}
.answer__item-title {
  font-weight: 500;
  margin-bottom: 19px;
}
@media screen and (max-width: 767px) {
  .answer__item-title {
    font-size: calc(15px + 5.1 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .answer__item-title {
    font-size: calc(15px + 3 * (100vw / 1440));
  }
}
@media (min-width: 767px) {
  .answer__item-title {
    line-height: calc(18px + 3 * ((100vw - 320px) / 1120));
  }
}
@media (max-width: 767px) {
  .answer__item-title {
    line-height: calc(18px + 5.1 * ((100vw - 320px) / 1120));
  }
}
@media screen and (max-width: 640px) and (any-hover: hover) {
  .answer__item-title {
    cursor: pointer;
  }
  .answer__item-title:hover {
    transition: all 0.3s ease 0s;
    color: #FFA588;
  }
}
.answer__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  max-width: 782px;
}
.answer__button {
  position: absolute;
  top: 16px;
  right: 0;
  width: 53px;
  height: 53px;
  background: #F9E4B7;
  border: 0px !important;
  border-radius: 50%;
  cursor: pointer;
}
.answer__button::after, .answer__button::before {
  content: "";
  width: 25px;
  height: 1px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #5E4B42;
  transition: all 0.5s ease 0s;
}


.answer__button-line{
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%, -50%) rotate(90deg);
  width: 25px;
  height: 1px;
  background: #5E4B42;
  transition: all 0.5s ease 0s;
}
.answer__button::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.answer ._active .answer__button-line {
  transform: translate(-50%, -50%) rotate(0deg);
}
@media (any-hover: hover) {
  .answer__button {
    transition: background 0.5s ease 0s;
  }
  .answer__button:hover {
    background: #5E4B42;
  }
  .answer__button:hover .answer__button-line,
  .answer__button:hover::before{
    background: #FFF7E7;
  }
}
.catalog__body {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.path__body {
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  padding-bottom: 40px;
}
.path__body, .path__body a {
  color: #D0C4B8;
}
.path__body .breadcrumb_last{
  color: #453A35;
}
.path__body a, .path__body .breadcrumb_last{
  margin: 0 8px;
}
@media (any-hover: hover) {
  .path__body a {
    transition: all 0.3s ease 0s;
  }
  .path__body a:hover {
    color: #453A35;
  }
}

.catalog__path {
  padding: 47px 0;
}

.catalog__categories {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  white-space: nowrap;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: calc(10px + 40 * ((100vw - 320px) / 1120));
}
@media (any-hover: hover) {
  .catalog__categories .catalog__category:hover {
    color: #453A35;
  }
  .catalog__categories .catalog__category:hover:after {
    opacity: 1;
  }
}
@media screen and (max-width: 1049px) {
  .catalog__categories .catalog__category {
    margin: 0 37px;
  }
}

.catalog__category {
  padding: 10px 0;
  font-weight: 500;
  font-size: 21px;
  line-height: 24px;
  text-transform: uppercase;
  color: #C9A989;
  cursor: pointer;
  transition: all 0.3s ease 0s;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .catalog__category {
    font-size: calc(19px + 3.4 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .catalog__category {
    font-size: calc(19px + 2 * (100vw / 1440));
  }
}
.catalog__category:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #453A35;
  opacity: 0;
  transition: all 0.3s ease 0s;
}
.catalog__category.tab-active {
  color: #453A35;
}
.catalog__category.tab-active:after {
  opacity: 1;
}

.catalog__items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(219px, 1fr));
  row-gap: calc(15px + 30 * ((100vw - 320px) / 1120));
  column-gap: calc(10px + 21 * ((100vw - 320px) / 1120));
  grid-auto-flow: dense;
  /* Всегда */
  padding-bottom: calc(40px + 75 * ((100vw - 320px) / 1120));
}
@media (min-width: 1192px){
  .catalog__items{
    row-gap: 45px;
    column-gap: 41px;
  }
}
@media (max-width: 510px){
  .catalog__items{
    grid-template-columns: repeat(2, 1fr);
  }
}
.catalog__items .catalog__item {
  cursor: pointer;
  justify-self: center;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(158, 133, 108, 0.15);
  border-radius: 15px;
  width: 100%;
  height: 100%;
  max-width: 260px;
  max-height: 325px;
  overflow: hidden;
}
.catalog__items .catalog__item img {
  width: 100%;
}
.catalog__items .catalog__item .catalog__title {
  padding: 21px 0;
  text-align: center;
  font-weight: 500;
  font-size: calc(12px + 8 * ((100vw - 320px) / 1120));
  line-height: 23px;
  color: #453A35;
  text-transform: uppercase;
}
@media (min-width: 1192px){
  .catalog__items .catalog__item .catalog__title{
    font-size: 20px;
  }
}
@media (any-hover: hover) {
  .catalog__items .catalog__item img, .catalog__items .catalog__item .catalog__title {
    transition: all 0.3s ease 0s;
  }
  .catalog__items .catalog__item:hover img {
    transform: scale(1.11);
  }
  .catalog__items .catalog__item:hover .catalog__title {
    color: #C9A989;
  }
}

.catalog__content {
  display: none;
}
.catalog__content.tab-active {
  display: block;
}

.superiority__body {
  /* Всегда */
  padding-top: calc(50px + 50 * ((100vw - 320px) / 1120));
}
.superiority__text-body {
  display: flex;
}
@media (max-width: 992px) {
  .superiority__text-body {
    flex-direction: column;
  }
}
.superiority__left {
  margin-right: 53px;
  padding: 0 76px 0 101px;
  background: #FFF7E7;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-height: 515px;
}
@media (max-width: 992px) {
  .superiority__left {
    min-height: auto;
    padding: 30px;
    align-items: center;
  }
}
.superiority__left-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #453A35;
  margin-bottom: 28px;
}
.superiority__left-text {
  margin-bottom: 30px;
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
  color: #453A35;
  max-width: 375px;
}
ul.superiority__left-text li{
	list-style: disc;
}
.superiority__right {
  padding-top: 54px;
  /* Всегда */
  padding-top: calc(20px + 34 * ((100vw - 320px) / 1120));
}
.superiority__left, .superiority__right {
  width: 100%;
}
.superiority__item:not(:last-child) {
  margin-bottom: 40px;
}
.superiority__title {
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  color: #5E4B42;
  margin-bottom: 15px;
  position: relative;
}
@media (min-width: 992px) {
  .superiority__title::before {
    content: "";
    width: 60px;
    height: 60px;
    background: #F9E4B7;
    position: absolute;
    border-radius: 50%;
    top: -20px;
    left: -84px;
  }
}
.superiority__text {
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
  color: #453A35;
}
.superiority__list {
  margin-bottom: 23px;
}
.superiority__list li {
  margin-bottom: 6px;
  padding-left: 20px;
  position: relative;
}
.superiority__list li::before {
  content: "";
  width: 4px;
  height: 4px;
  background: #453A35;
  position: absolute;
  border-radius: 50%;
  top: 5px;
  left: 8px;
}

.computation {
  margin-right: 14px;
  display: flex;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(158, 133, 108, 0.15);
  border-radius: 15px;
  padding: 35px 0;
  padding-right: calc(10px + 40 * ((100vw - 320px) / 1120));
  width: 100%;
  gap: 20px;
  position: relative;
}
.computation .onsale{
  position: absolute;
  top:0;
  left: 0;
}
.computation .range-slider.flat {
  --thumb-size: 25px;
  --track-height: calc(var(--thumb-size) / 3);
  --progress-shadow: none;
  --progress-flll-shadow: none;
  --thumb-shadow: 0 0 0 7px var(--primary-color) inset, 0 0 0 99px #5E4B42 inset;
  --thumb-shadow-hover: 0 0 0 9px var(--primary-color) inset,
    0 0 0 99px #5E4B42 inset;
  --thumb-shadow-active: 0 0 0 13px var(--primary-color) inset;
}
.computation .range-slider {
  width: 100%;
  --primary-color: #5E4B42;
  --value-offset-y: var(--ticks-gap);
  --value-active-color: white;
  --value-background: transparent;
  --value-background-hover: var(--primary-color);
  --value-font: 700 12px/1 Arial;
  --fill-color: var(--primary-color);
  --progress-background: #F9E4B7;
  --progress-radius: 20px;
  --track-height: calc(var(--thumb-size) / 2);
  --min-max-font: 12px Arial;
  --min-max-opacity: 0.5;
  --min-max-x-offset: 10%;
  --thumb-size: 22px;
  --thumb-color: #5E4B42;
  --thumb-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 0 1px rgba(0, 0, 0, 0.5) inset,
    0 0 0 99px var(--thumb-color) inset;
  --thumb-shadow-active: 0 0 0 calc(var(--thumb-size) / 4) inset
      var(--thumb-color),
    0 0 0 99px var(--primary-color) inset, 0 0 3px rgba(0, 0, 0, 0.4);
  --thumb-shadow-hover: var(--thumb-shadow);
  --ticks-thickness:none;
  --ticks-height: 5px;
  --ticks-gap: var(
    --ticks-height,
    0
  );
  --ticks-color: silver;
  --step: 1;
  --ticks-count: Calc(var(--max) - var(--min)) / var(--step);
  --maxTicksAllowed: 30;
  --too-many-ticks: Min(1, Max(var(--ticks-count) - var(--maxTicksAllowed), 0));
  --x-step: Max(
    var(--step),
    var(--too-many-ticks) * (var(--max) - var(--min))
  );
  --tickInterval: 100/ ((var(--max) - var(--min)) / var(--step)) * var(--tickEvery, 1);
  --tickIntervalPerc: calc(
    (100% - var(--thumb-size)) / ((var(--max) - var(--min)) / var(--x-step)) *
      var(--tickEvery, 1)
  );
  --value-a: Clamp(
    var(--min),
    var(--value, 0),
    var(--max)
  );
  --value-b: var(--value, 0);
  --text-value-a: var(--text-value, "");
  --completed-a: calc(
    (var(--value-a) - var(--min)) / (var(--max) - var(--min)) * 100
  );
  --completed-b: calc(
    (var(--value-b) - var(--min)) / (var(--max) - var(--min)) * 100
  );
  --ca: Min(var(--completed-a), var(--completed-b));
  --cb: Max(var(--completed-a), var(--completed-b));
  --thumbs-too-close: Clamp(
    -1,
    1000 * (Min(1, Max(var(--cb) - var(--ca) - 5, -1)) + 0.001),
    1
  );
  --thumb-close-to-min: Min(1, Max(var(--ca) - 2, 0));
  --thumb-close-to-max: Min(1, Max(98 - var(--cb), 0));
  display: inline-block;
  height: max(var(--track-height), var(--thumb-size));
  background: linear-gradient(to right, var(--ticks-color) var(--ticks-thickness), transparent 1px) repeat-x;
  background-size: var(--tickIntervalPerc) var(--ticks-height);
  background-position-x: calc(var(--thumb-size) / 2 - var(--ticks-thickness) / 2);
  background-position-y: var(--flip-y, bottom);
  padding-bottom: var(--flip-y, var(--ticks-gap));
  padding-top: calc(var(--flip-y) * var(--ticks-gap));
  position: relative;
  z-index: 1;
}
.computation .range-slider[data-ticks-position=top] {
  --flip-y: 1;
}
.computation .range-slider::before, .computation .range-slider::after {
  --offset: calc(var(--thumb-size) / 2);
  content: counter(x) "кг";
  display: var(--show-min-max, block);
  font: var(--min-max-font);
  position: absolute;
  bottom: var(--flip-y, -2.5ch);
  top: calc(-2.5ch * var(--flip-y));
  opacity: clamp(0, var(--at-edge), var(--min-max-opacity));
  transform: translateX(calc(var(--min-max-x-offset) * var(--before, -1) * -1)) scale(var(--at-edge));
  pointer-events: none;
  color: #998776;
}
.computation .range-slider::before {
  --before: 1;
  counter-reset: x var(--min);
  left: calc(var(--offset) / 2);
}
.computation .range-slider::after {
  counter-reset: x var(--max);
  right: var(--offset);
}
.computation .range-slider__values {
  position: relative;
  top: 50%;
  line-height: 0;
  text-align: justify;
  width: 100%;
  pointer-events: none;
  margin: 0 auto;
  z-index: 5;
}
.computation .range-slider__values::after {
  content: "";
  width: 100%;
  display: inline-block;
  height: 0;
  background: red;
}
.computation .range-slider__progress {
  --start-end: calc(var(--thumb-size) / 2);
  --clip-end: calc(100% - (var(--cb)) * 1%);
  --clip-start: calc(var(--ca) * 1%);
  --clip: inset(-20px var(--clip-end) -20px var(--clip-start));
  position: absolute;
  left: var(--start-end);
  right: var(--start-end);
  top: calc(var(--ticks-gap) * var(--flip-y, 0) + var(--thumb-size) / 2 - var(--track-height) / 2);
  height: calc(var(--track-height));
  background: var(--progress-background, #eee);
  pointer-events: none;
  z-index: -1;
  border-radius: var(--progress-radius);
}
.computation .range-slider__progress::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  -webkit-clip-path: var(--clip);
          clip-path: var(--clip);
  top: 0;
  bottom: 0;
  background: var(--fill-color, black);
  box-shadow: var(--progress-flll-shadow);
  z-index: 1;
  border-radius: inherit;
}
.computation .range-slider__progress::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: var(--progress-shadow);
  pointer-events: none;
  border-radius: inherit;
}

.woocommerce-cart-form {
  width: 100%;
}
.computation .range-slider > input {
  -webkit-appearance: none;
  width: 100%;
  height: var(--thumb-size);
  margin: 0;
  position: absolute;
  left: 0;
  top: calc(50% - max(var(--track-height), var(--thumb-size)) / 2 + var(--ticks-gap) / 2 * var(--flip-y, -1));
  cursor: -webkit-grab;
  cursor: grab;
  outline: none;
  background: none;
}
.computation .range-slider > input:not(:only-of-type) {
  pointer-events: none;
}
.computation .range-slider > input::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  height: var(--thumb-size);
  width: var(--thumb-size);
  transform: var(--thumb-transform);
  border-radius: var(--thumb-radius, 50%);
  background: var(--thumb-color);
  box-shadow: var(--thumb-shadow);
  border: none;
  pointer-events: auto;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.computation .range-slider > input::-moz-range-thumb {
  -moz-appearance: none;
       appearance: none;
  height: var(--thumb-size);
  width: var(--thumb-size);
  transform: var(--thumb-transform);
  border-radius: var(--thumb-radius, 50%);
  background: var(--thumb-color);
  box-shadow: var(--thumb-shadow);
  border: none;
  pointer-events: auto;
  -moz-transition: 0.1s;
  transition: 0.1s;
}
.computation .range-slider > input::-ms-thumb {
  appearance: none;
  height: var(--thumb-size);
  width: var(--thumb-size);
  transform: var(--thumb-transform);
  border-radius: var(--thumb-radius, 50%);
  background: var(--thumb-color);
  box-shadow: var(--thumb-shadow);
  border: none;
  pointer-events: auto;
  -ms-transition: 0.1s;
  transition: 0.1s;
}
.computation .range-slider > input:hover {
  --thumb-shadow: var(--thumb-shadow-hover);
}
.computation .range-slider > input:hover + output {
  --value-background: var(--value-background-hover);
  --y-offset: -5px;
  color: var(--value-active-color);
  box-shadow: 0 0 0 3px var(--value-background);
}
.computation .range-slider > input:active {
  --thumb-shadow: var(--thumb-shadow-active);
  cursor: -webkit-grabbing;
  cursor: grabbing;
  z-index: 2;
}
.computation .range-slider > input:active + output {
  transition: 0s;
}
.computation .range-slider > input:nth-of-type(1) {
  --is-left-most: Clamp(0, (var(--value-a) - var(--value-b)) * 99999, 1);
}
.computation .range-slider > input:nth-of-type(1) + output {
  --value: var(--value-a);
  --x-offset: calc(var(--completed-a) * -1%);
}
.computation .range-slider > input:nth-of-type(1) + output:not(:only-of-type) {
  --flip: calc(var(--thumbs-too-close) * -1);
}
.computation .range-slider > input:nth-of-type(1) + output::after {
  content: var(--prefix, "") var(--text-value-a) var(--suffix, "");
}
.computation .range-slider > input:nth-of-type(2) {
  --is-left-most: Clamp(0, (var(--value-b) - var(--value-a)) * 99999, 1);
}
.computation .range-slider > input:nth-of-type(2) + output {
  --value: var(--value-b);
}
.computation .range-slider > input:only-of-type ~ .range-slider__progress {
  --clip-start: 0;
}
.computation .range-slider > input + output {
  --flip: -1;
  --x-offset: calc(var(--completed-b) * -1%);
  --pos: calc(
    ((var(--value) - var(--min)) / (var(--max) - var(--min))) * 100%
  );
  pointer-events: none;
  position: absolute;
  z-index: 5;
  background: var(--value-background);
  border-radius: 10px;
  padding: 2px 4px;
  left: var(--pos);
  transform: translate(var(--x-offset), calc(150% * var(--flip) - (var(--y-offset, 0px) + var(--value-offset-y)) * var(--flip)));
  transition: all 0.12s ease-out, left 0s;
}
.computation .range-slider > input + output::after {
  content: var(--prefix, "") var(--text-value-b) var(--suffix, "");
  font: var(--value-font);
}
.computation__img-body {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 100%;
  position: relative;
}
.computation__img-text-body {
  position: relative;
  bottom: 0;
  width: 100%;
  text-align: center;
  height: 17px;
  display: flex;
  justify-content: center;
  z-index: 3;
}
@media (any-hover: hover) {
  .computation__img-text-body {
    transition: all 0.5s ease 0s;
  }
  .computation__img-option.hover{
    z-index: 1;
    opacity: 1;
  }
}
.computation__img-text {
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  cursor: pointer;
  margin-bottom: -15px;
}
.computation__img-option, .computation .computation__mini-price {
  display: flex;
  flex-direction: column;
  padding: 20px;
  background: #FFF7E7;
  border-radius: 15px;
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: -1;
  opacity: 0;
  transition: all 0.5s ease 0s;
  transform: translate(-50%, 0);
  width: 100%;
  max-width: 220px;
  margin: 0;
}
.computation__img-option.active, .computation .computation__mini-price.active {
  z-index: 4;
  opacity: 1;
}
.computation__img-option li, .computation .computation__mini-price li {
  display: flex;
  position: relative;
  white-space: nowrap;
  align-items: end;
  margin: 5px 0;
  text-align: left;
}
.computation__img-option li:last-child, .computation .computation__mini-price li:last-child {
  margin-bottom: 0;
}
.computation__img-option li:first-child, .computation .computation__mini-price li:first-child {
  margin-top: 0;
}
.computation__img-option li .space, .computation .computation__mini-price li .space {
  width: 100%;
  height: 1px;
  border: 0.5px dashed #998776;
  margin: 0 4px;
}
.computation .summary{
  z-index: 3;
}
.computation__title {
  font-weight: 500;
  font-size: 21px;
  line-height: 24px;
  margin-bottom: 33px;
}
.computation__subtitle {
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
}
.computation__left {
  margin-right: 40px;
}
.computation__right {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.computation__mini-info {
  display: flex;
  margin-bottom: 40px;
}
.computation__mini-info .computation__mini-img {
  display: inline-flex;
  min-width: 33px;
  min-height: 33px;
  background: #F9E4B7;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
}
.computation__mini-info .computation__decor, .computation__mini-info .computation__price {
  display: flex;
  align-items: center;
  width: 100%;
}
.computation__mini-info .computation__price {
  margin-right: 50px;
}
.computation__mini-info .computation__price .computation__mini-price-body {
  position: relative;
  margin-left: 7px;
  width: 16px;
  height: 16px;
  background: #FFA588;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.computation__mini-info .computation__price .computation__mini-price-body .computation__mini-price {
  width: 200px;
}
@media (any-hover: hover) {
  .computation__mini-info .computation__price .computation__mini-price-body {
    transition: all 0.5s ease 0s;
  }
  .computation__mini-info .computation__price .computation__mini-price-body:hover .computation__mini-price {
    z-index: 1;
    opacity: 1;
  }
}
.computation .computation__decor span:last-child {
  max-width: 130px;
}
.computation__weight-title {
  margin-bottom: 25px;
}
.computation__options {
  display: flex;
  width: 100%;
}
.computation__options .computation__weight-body, .computation__options .computation__amout-body, .computation__options .computation__filling-body {
  width: 100%;
}
.computation__options .computation__weight-body {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.computation .computation__range {
  max-width: 220px;
}
.computation__filling-body {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: end;
}
.computation__filling-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  padding-right: 12px;
  position: relative;
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.computation__filling-title label{
  font-weight: 500;
}
@media (any-hover: hover) {
  .computation__filling-title {
    transition: all 0.3s ease 0s;
  }
  .computation__filling-title:hover {
    color: #FFA588;
  }
}
.computation__filling-title * {
  cursor: pointer;
}
.computation__filling-title span {
  font-size: 12px;
  margin-right: 10px;
}
.computation__filling-title span::before {
  display: inline-flex;
  transition: transform 0.3s ease 0s;
  width: 14px;
  height: 14px;
  background: #F9E4B7;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.computation__filling-title.active span::before {
  transform: rotate(180deg);
}
.computation__filling-list {
  width: 264px;
  display: flex;
  flex-direction: column;
  align-items: start;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 2;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(158, 133, 108, 0.15);
  border-radius: 10px;
  max-height: 160px;
  overflow-y: scroll;
}
.computation__filling-list::-webkit-scrollbar {
  width: 12px;
}
.computation__filling-list::-webkit-scrollbar-track {
  background: #FFF7E7;
  border-radius: 0 10px 10px 0;
}
.computation__filling-list::-webkit-scrollbar-thumb {
  background: #F9E4B7;
  border-radius: 100px;
  width: 10px;
  height: 49px;
}
.computation__filling-list li {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 14px;
  padding: 10px 16px;
  width: 100%;
  cursor: pointer;
  position:relative;
}
.computation__filling-list li:not(:first-child) {
  border-top: 1px solid #5E4B42;
}
.computation__filling-li-img{
  width: 100%;
  height: 100%;
  max-width: 52px;
  max-height: 37px;
  margin-right: 12px;
}
.computation__filling-list li img {
  object-fit: cover;
}
.computation__filling-list.hidden {
  display: none;
}
.computation__bottom {
  display: flex;
  margin-top: 45px;
  justify-content: space-between;
  column-gap: 10px;
}
.computation__bottom-text {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.computation__bottom-price {
  font-size: 30px;
  line-height: 34px;
}
@media screen and (max-width: 767px) {
  .computation__bottom-price {
    font-size: calc(15px + 25.5 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .computation__bottom-price {
    font-size: calc(15px + 15 * (100vw / 1440));
  }
}
@media (min-width: 767px) {
  .computation__bottom-price {
    line-height: calc(17px + 17 * ((100vw - 320px) / 1120));
  }
}
@media (max-width: 767px) {
  .computation__bottom-price {
    line-height: calc(17px + 28.9 * ((100vw - 320px) / 1120));
  }
}
.computation__weight {
  font-size: 10px;
  line-height: 11px;
  color: #998776;
  margin-top: 8px;
}
.computation__confirm {
  padding: 11px 18px !important;
  background: #FFA588 !important;
  border: 2px solid #FFA588 !important;
  border-radius: 30px !important;
  font-size: 16px !important;
  line-height: 18px;
  font-weight: 400 !important;
  color: #000 !important;
}
@media screen and (max-width: 767px) {
  .computation__confirm {
    font-size: calc(11px + 8.5 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .computation__confirm {
    font-size: calc(11px + 5 * (100vw / 1440));
  }
}
@media (any-hover: hover) {
  .computation__confirm {
    transition: all 0.3s ease 0s;
  }
  .computation__confirm:hover {
    background: rgba(255, 166, 136, 0);
    color: #FFA588;
  }
}
.computation__amounter {
  display: flex;
  padding: 7px 15px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border: 0.5px solid #5E4B42;
  border-radius: 100px;
  font-size: 12px;
  line-height: 14px;
  width: 100%;
  max-width: 126px;
  margin-top: 15px;
}
.computation__amounter span:first-child, .computation__amounter span:last-child {
  font-size: 20px;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}
.computation .tc-extra-product-options{
  display: none;
}
.computation .summary {
  padding: 0 5px;
}
@media (any-hover: hover) {
  .computation__add, .computation__remove {
    transition: all 0.3 s ease 0s;
  }
  .computation__add:hover, .computation__remove:hover {
    color: #FFA588;
  }
}

.calc .brown {
  color: #998776;
}
.calc__body {
  /* Всегда */
  padding-bottom: calc(30px + 65 * ((100vw - 320px) / 1120));
}
.calc__result {
  display: flex;
  /* Всегда */
  margin-top: calc(0px + 50 * ((100vw - 320px) / 1120));
  justify-content: space-between;
  font-family: ubuntu;
  color: #453A35;
  width: 100%;
  max-width: 1192px;
  margin: 0 auto;
}
.calc__infos {
  width: 100%;
  max-width: 261px;
  padding: 0 26px;
}
.calc__info-title {
  padding: 12px 0;
  border: 0.5px solid #5E4B42;
  border-width: 0.5px 0 0.5px 0;
  text-align: left;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  padding-left: 2px;
}
.calc__info-title span {
  margin-right: 25px;
  font-size: 12px;
  display: flex;
  align-items: center;
  transition: transform 0.3s ease 0s;
  width: 14px;
  height: 14px;
  background: #F9E4B7;
  justify-content: center;
  border-radius: 50%;
}
.calc__info-title._active span {
  transform: rotate(180deg);
}
@media (any-hover: hover) {
  .calc__info-title {
    transition: all 0.3s ease 0s;
  }
  .calc__info-title:hover {
    color: #FFA588;
  }
}
.calc__info {
  padding: 15px 0;
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 14px;
}
.calc__info-img {
  min-width: 30px;
  height: 30px;
  background: #FFA588;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  position: relative;
}
.calc__info-img img {
  max-width: 100%;
}
.calc .computation__amout-title {
  margin-bottom: 15px;
}
.calc__info-desc {
  display: block;
  margin-top: 5px;
  font-weight: 300;
  font-size: 9px;
  line-height: 9px;
  color: #453A35;
}

@media (max-width: 1010px) {
  .calc__result {
    flex-direction: column;
    align-items: center;
  }
  .computation {
    margin: 0;
    margin-bottom: 20px;
    max-width: 100%;
  }
  .calc__infos {
    max-width: 100%;
  }
}
@media (max-width: 723px) {
  .computation {
    flex-direction: column;
    align-items: center;
    padding: 15px 0;
    padding-right: calc(10px + 40 * ((100vw - 320px) / 1120));
  }
  .computation__left {
    margin: 0;
    margin-bottom: 20px;
  }
  .computation__title {
    text-align: center;
  }
  .calc__infos {
    padding: 0;
  }
}
@media (max-width: 460px) {
  .computation__mini-info {
    flex-direction: column;
  }
  .computation__mini-info .computation__price {
    magrin: 0;
    margin-bottom: 10px;
  }
  .computation__options {
    flex-direction: column;
  }
  .computation__options .computation__filling-body {
    align-items: start;
    margin-top: 30px;
  }
  .computation__options .computation__filling-body .computation__filling-list {
    left: 0;
    right: auto;
  }
}
@media (max-width: 390px) {
  .computation__bottom {
    flex-direction: column;
  }
  .computation__bottom .computation__confirm-body {
    margin-top: 20px;
    display: flex;
    width: 100%;
    justify-content: center;
    flex-direction: column;
  }
  .computation__bottom .computation__confirm {
    max-width: 184px;
  }
}
.filling-fillings__body {
  /* Всегда */
  padding-top: calc(20px + 80 * ((100vw - 320px) / 1120));
}

.filling .filling__slider-body {
  position: relative;
}
.filling .filling__slider-body .swiper {
  width: 100%;
  height: 100%;
  max-width: 880px;
}
.filling .filling__slider-body .swiper-slide {
  height: 286px;
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  /* display: flex; */
  justify-content: center;
  align-items: center;
}
.filling .filling__slider-body .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 160px;
  min-height: 100%;
}
.filling .filling__slider-body .swiper-slide {
  /* display: flex; */
  flex-direction: column;
  background: #fff;
  /* box-shadow: 0px 0px 10px rgba(158, 133, 108, 0.15); */
  border-radius: 15px;
  border-radius: 15px;
  overflow: hidden;
  min-height: 240px;
}
.filling .filling__slider-body .swiper-slide__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
}
.filling .filling__slider-body .filling__swiper-prev, .filling .filling__slider-body .filling__swiper-next {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  /* Всегда */
  width: calc(30px + 20 * ((100vw - 320px) / 1120));
  /* Всегда */
  height: calc(30px + 20 * ((100vw - 320px) / 1120));
  background: #F9E4B7;
  border: 2px solid #F9E4B7;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-weight: bold;
  cursor: pointer;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .filling .filling__slider-body .filling__swiper-prev, .filling .filling__slider-body .filling__swiper-next {
    font-size: calc(12px + 13.6 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .filling .filling__slider-body .filling__swiper-prev, .filling .filling__slider-body .filling__swiper-next {
    font-size: calc(12px + 8 * (100vw / 1440));
  }
}
@media (any-hover: hover) {
  .filling .filling__slider-body .filling__swiper-prev, .filling .filling__slider-body .filling__swiper-next {
    transition: all 0.3s ease 0s;
  }
  .filling .filling__slider-body .filling__swiper-prev:hover, .filling .filling__slider-body .filling__swiper-next:hover {
    background: #FFF7E7;
  }
}
.filling .filling__slider-body .filling__swiper-prev {
  left: 0;
}
.filling .filling__slider-body .filling__swiper-next {
  right: 0;
}
.filling .filling__slider-body .swiper-button-disabled {
  opacity: 0.5;
}
.filling .filling__main-title {
  /* Всегда */
  margin-bottom: calc(15px + 35 * ((100vw - 320px) / 1120));
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
  color: #5E4B42;
}
@media screen and (max-width: 767px) {
  .filling .filling__main-title {
    font-size: calc(15px + 34 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .filling .filling__main-title {
    font-size: calc(15px + 20 * (100vw / 1440));
  }
}
@media (min-width: 767px) {
  .filling .filling__main-title {
    line-height: calc(16px + 24 * ((100vw - 320px) / 1120));
  }
}
@media (max-width: 767px) {
  .filling .filling__main-title {
    line-height: calc(16px + 40.8 * ((100vw - 320px) / 1120));
  }
}
.filling .filling__text {
  height: 100%;
  padding: 17px calc(3px + 17 * ((100vw - 320px) / 1120));
}
.filling .filling__title {
  font-weight: 500;
  font-size: calc(14px + 2 * ((100vw - 320px) / 1120));
  line-height: calc(12px + 6 * ((100vw - 320px) / 1120));
  color: #5E4B42;
  margin-bottom: 10px;
  text-align: left;
}
.filling .filling__desc {
  font-weight: 300;
  font-size: calc(10px + 2 * ((100vw - 320px) / 1120));
  line-height: 14px;
  text-align: left;
}
@media (min-width: 1192px){
  .filling .filling__title{
    font-size: 16px;
    line-height: 18px;
  }
  .filling .filling__desc{
    font-size: 12px;
  }
  .filling .filling__text {
    padding: 17px 20px;
  }
}
@media (max-width: 960px) {
  .filling__img img {
    width: 100%;
  }
  .filling__slider-body .swiper {
    width: 75% !important;
  }
}
.filling__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, 203px);
  grid-gap: calc(15px + 20 * ((100vw - 320px) / 1120));
  grid-auto-flow: dense;
  justify-content: center;
}
.filling__grid .filling__text {
  height: 100%;
}
.filling__grid .filling__desc, .filling__grid .filling__title {
  text-align: center;
}
.filling__grid .filling__img {
  display: flex;
  justify-content: center;
}
.filling__grid .filling__item {
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(158, 133, 108, 0.15);
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
.filling__grid .filling__item img {
  height: 153px;
  transition: all 0.3s ease 0s;
  object-fit: cover;
}
@media (any-hover: hover) {
  .filling__grid .filling__item {
    cursor: pointer;
    transition: all 0.3s ease 0s;
  }
  .filling__grid .filling__item:hover img {
    transform: scale(1.05);
  }
}
@media (max-width: 500px){
  .filling__grid{
    grid-template-columns: 1fr 1fr;

  }
}
.gingerbreads__grid {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.gingerbreads__grid .filling__item {
  max-width: 300px;
  justify-self: center;
}
@media (min-width: 665px) {
  .gingerbreads__grid .filling__item:first-child {
    justify-self: end;
  }
  .gingerbreads__grid .filling__item:last-child {
    justify-self: start;
  }
}
@media (max-width: 355px) {
  .gingerbreads__grid .filling__item {
    max-width: 100%;
  }
}
.gingerbreads__grid img{
  object-fit: contain !important;
}
@media (max-width: 665px) {
  .gingerbreads__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .gingerbreads__grid .filling__item:first-child {
    justify-self: center;
  }
  .gingerbreads__grid .filling__item:last-child {
    justify-self: center;
  }
}
.filling__text-chocolate {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.recommended .recommended__body {
  /* Всегда */
  padding-top: calc(30px + 60 * ((100vw - 320px) / 1120));
  /* Всегда */
  padding-top: calc(20px + 20 * ((100vw - 320px) / 1120));
  position: relative;
}
.recommended .recommended__slider-body {
  position: relative;
}
.recommended .recommended__slider-body .swiper {
  width: 100%;
  height: 100%;
  max-width: 880px;
}
.recommended .recommended__slider-body .swiper-slide__body {
  width: 100%;
}
@media (any-hover: hover) {
  .recommended .recommended__slider-body .swiper-slide__body {
    transition: all 0.3s ease 0s;
  }
  .recommended .recommended__slider-body .swiper-slide__body:hover img {
    transform: scale(1.1);
  }
}
.recommended .recommended__slider-body .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  height: auto;
}
.recommended .recommended__slider-body .swiper-slide img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease 0s;
}
.recommended .recommended__slider-body .swiper-slide {
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(158, 133, 108, 0.15);
  border-radius: 15px;
  overflow: hidden;
}
.recommended .recommended__slider-body .recommended__text {
  height: 100%;
  padding: 17px;
}
.recommended .recommended__slider-body .recommended__title {
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  color: #5E4B42;
  margin-bottom: 10px;
  text-align: center;
}
.recommended .recommended__slider-body .recommended__desc {
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  text-align: left;
}
.recommended .recommended__slider-body .swiper-slide__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.recommended .recommended__swiper-prev, .recommended .recommended__swiper-next {
  position: absolute;
  top: 50%;
  /* Всегда */
  width: calc(30px + 20 * ((100vw - 320px) / 1120));
  /* Всегда */
  height: calc(30px + 20 * ((100vw - 320px) / 1120));
  background: #F9E4B7;
  transform: translate(0, -50%);
  border: 2px solid #F9E4B7;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-weight: bold;
  cursor: pointer;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .recommended .recommended__swiper-prev, .recommended .recommended__swiper-next {
    font-size: calc(12px + 13.6 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .recommended .recommended__swiper-prev, .recommended .recommended__swiper-next {
    font-size: calc(12px + 8 * (100vw / 1440));
  }
}
@media (any-hover: hover) {
  .recommended .recommended__swiper-prev, .recommended .recommended__swiper-next {
    transition: all 0.3s ease 0s;
  }
  .recommended .recommended__swiper-prev:hover, .recommended .recommended__swiper-next:hover {
    background: #FFF7E7;
  }
}
.recommended .recommended__swiper-prev {
  left: 0;
}
.recommended .recommended__swiper-next {
  right: 0;
}
.recommended .swiper-button-disabled {
  opacity: 0.5;
}
.recommended .recommended__main-title {
  /* Всегда */
  margin-bottom: calc(15px + 35 * ((100vw - 320px) / 1120));
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
  color: #5E4B42;
}
@media screen and (max-width: 767px) {
  .recommended .recommended__main-title {
    font-size: calc(15px + 34 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .recommended .recommended__main-title {
    font-size: calc(15px + 20 * (100vw / 1440));
  }
}
@media (min-width: 767px) {
  .recommended .recommended__main-title {
    line-height: calc(16px + 24 * ((100vw - 320px) / 1120));
  }
}
@media (max-width: 767px) {
  .recommended .recommended__main-title {
    line-height: calc(16px + 40.8 * ((100vw - 320px) / 1120));
  }
}
.recommended .recommended__img {
  display: flex;
  justify-content: center;
}
.info{
  margin-top: 20px;
}
.info .info__title {
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  /* Всегда */
  margin-bottom: calc(20px + 45 * ((100vw - 320px) / 1120));
}
@media screen and (max-width: 767px) {
  .info .info__title {
    font-size: calc(15px + 34 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .info .info__title {
    font-size: calc(15px + 20 * (100vw / 1440));
  }
}
@media (min-width: 767px) {
  .info .info__title {
    line-height: calc(16px + 24 * ((100vw - 320px) / 1120));
  }
}
@media (max-width: 767px) {
  .info .info__title {
    line-height: calc(16px + 40.8 * ((100vw - 320px) / 1120));
  }
}
.info .delivery {
  color: #5E4B42;
}
.info .delivery__body {
  display: flex;
}
@media (max-width: 1192px) {
  .info .delivery__body {
    flex-direction: column;
  }
}
.info .delivery__items {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, 300px);
  -moz-column-gap: 22px;
       column-gap: 22px;
  row-gap: 22px;
  grid-auto-flow: dense;
  margin-bottom: 20px;
  justify-content: center;
}
@media (max-width: 1192px) {
  .info .delivery__items {
    justify-content: center;
  }
}
.info .delivery__item {
  padding: 30px 22px 30px 30px;
  background: #FFF7E7;
  border-radius: 20px;
}
.info .delivery__title {
  font-weight: 500;
  font-size: 20px;
  line-height: 25px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  margin-bottom: 23px;
}
@media screen and (max-width: 767px) {
  .info .delivery__title {
    font-size: calc(15px + 5.1 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .info .delivery__title {
    font-size: calc(15px + 3 * (100vw / 1440));
  }
}
@media (min-width: 767px) {
  .info .delivery__title {
    line-height: calc(16px + 9px * ((100vw - 320px) / 1120));
  }
}
@media (max-width: 767px) {
  .info .delivery__title {
    line-height: calc(16px + 15.3px * ((100vw - 320px) / 1120));
  }
}
.info .delivery__title .delivery__img {
  margin-right: 13px;
  min-width: 40px;
  min-height: 40px;
  border-radius: 50%;
  background: #C9A989;
  display: flex;
  align-items: center;
  justify-content: center;
}
.info .delivery__title .delivery__subtitle {
  font-size: 9px;
  line-height: 16px;
  text-transform: uppercase;
  text-align: right;
}
.info .delivery__title::before {
  display: inline-flex;
  width: 40px;
  height: 40px;
  background: #C9A989;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-right: 15px;
}
.info .delivery__list {
  display: flex;
  flex-direction: column;
  align-items: start;
  margin: 0 !important;
}
.info .delivery__list li {
  padding-left: 20px;
  position: relative;
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
  list-style: none !important;
}
.info .delivery__list li a{
  color: #5e4b42;
}
.info .delivery__list li:nth-child(2) {
  margin: 15px 0;
}
.info .delivery__list li::before {
  content: "";
  width: 12px;
  height: 12px;
  background: #C9A989;
  position: absolute;
  left: 0;
  border-radius: 50%;
}
.info .delivery__cities {
  margin-left: 20px;
}
.delivery__cities ul{
  margin: 0 !important;
}
.info .delivery__cities ul li {
  text-decoration: underline;
  cursor: pointer;
}
@media (max-width: 1192px) {
  .info .delivery__cities ul {
    margin-top: 20px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, 200px);
    -moz-column-gap: 22px;
         column-gap: 22px;
    grid-auto-flow: dense;
    justify-content: center;
  }
}
.info .delivery .delivery-under {
  text-decoration: underline;
  cursor: pointer;
}
.delivery-under.tel, .delivery-under.whatsApp{
  display: none;
}
body._touch .delivery-under.tel{
  display: inline-block;
}
body._pc .delivery-under.whatsApp{
  display: inline-block;
}
.info .delivery .delivery-bold {
  font-weight: 500;
}
.info .payment {
  color: #5E4B42;
}
.info .payment .info__title {
  margin: 0;
  /* Всегда */
  margin-top: calc(20px + 85 * ((100vw - 320px) / 1120));
  margin-bottom: 14px;
}
.info .payment .info__subtitle {
  font-weight: 300;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  /* Всегда */
  margin-bottom: calc(20px + 33 * ((100vw - 320px) / 1120));
}
.info .payment__body {
  display: flex;
  /* Всегда */
  margin-bottom: calc(20px + 51 * ((100vw - 320px) / 1120));
}
@media (max-width: 1192px) {
  .info .payment__body {
    flex-direction: column;
  }
}
.info .payment__items {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, 260px);
  -moz-column-gap: 22px;
       column-gap: 22px;
  row-gap: 22px;
  grid-auto-flow: dense;
}
@media (max-width: 1192px) {
  .info .payment__items {
    justify-content: center;
  }
}
.info .payment__item {
  padding: 30px 21px 41px 18px;
  background: #FFF7E7;
  border-radius: 20px;
}
.info .payment__title {
  font-weight: 500;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  margin-bottom: 23px;
}
@media screen and (max-width: 767px) {
  .info .payment__title {
    font-size: calc(15px + 3.4 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .info .payment__title {
    font-size: calc(15px + 2 * (100vw / 1440));
  }
}
@media (min-width: 767px) {
  .info .payment__title {
    line-height: calc(16px + 9 * ((100vw - 320px) / 1120));
  }
}
@media (max-width: 767px) {
  .info .payment__title {
    line-height: calc(16px + 15.3 * ((100vw - 320px) / 1120));
  }
}
.info .payment__title .payment__img {
  margin-right: 13px;
  min-width: 40px;
  min-height: 40px;
  border-radius: 50%;
  background: #C9A989;
  display: flex;
  align-items: center;
  justify-content: center;
}
.info .payment__title .payment__subtitle {
  font-size: 9px;
  line-height: 16px;
  text-transform: uppercase;
  text-align: right;
}
.info .payment__list {
  display: flex;
  flex-direction: column;
  align-items: start;
  margin: 0 !important;
}
.info .payment__list li {
  padding-left: 20px;
  position: relative;
  list-style: none !important;
}
.info .payment__list li:nth-child(2) {
  margin: 15px 0;
}
.info .payment__list li::before {
  content: "";
  width: 12px;
  height: 12px;
  background: #C9A989;
  position: absolute;
  left: 0;
  border-radius: 50%;
}
.info .payment__cities {
  margin-left: 20px;
}
.info .payment__cities ul li {
  margin: 6px 0;
  text-decoration: underline;
  cursor: pointer;
}
.info .payment__cities ul li:first-child {
  margin-top: 0;
}
.info .payment__cities ul li:last-child {
  margin-bottom: 0;
}
@media (max-width: 1192px) {
  .info .payment__cities ul {
    margin-top: 20px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, 200px);
    -moz-column-gap: 22px;
         column-gap: 22px;
    grid-auto-flow: dense;
    justify-content: center;
  }
}
.info .payment-bold {
  font-weight: 500;
}

.spollers__item {
  padding-top: 20px;
  border: 1px solid #C9A989;
  border-width: 1px 0 1px 0;
  padding-bottom: 30px;
  position: relative;
}
.spollers__title {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
}
@media screen and (max-width: 640px) and (any-hover: hover) {
  .spollers__title {
    cursor: pointer;
  }
  .spollers__title:hover {
    transition: all 0.3s ease 0s;
    color: #FFA588;
  }
}
.spollers__text {
  margin-top: 19px;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 30px;
}
.spollers__button {
  position: absolute;
  top: 10px;
  right: 0;
  width: 53px;
  height: 53px;
  background: #F9E4B7;
  border: 2px solid #F9E4B7;
  border-radius: 50%;
  cursor: pointer;
}
@media (any-hover: hover) {
  .spollers__button {
    transition: background 0.6s ease 0s;
  }
  .spollers__button:hover {
    background: rgba(249, 228, 183, 0);
  }
}
.spollers__button::after, .spollers__button::before {
  content: "";
  width: 25px;
  height: 1px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #5E4B42;
  transition: transform 0.3s ease 0s;
}
.spollers__button::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.spollers ._active::after {
  transform: translate(-50%, -50%) rotate(0deg);
}

.error__body {
  display: flex;
  justify-content: space-between;
  /* Всегда */
  padding-top: calc(20px + 70 * ((100vw - 320px) / 1120));
}
.error__right, .error__left {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.error__title {
  font-weight: 500;
  text-transform: uppercase;
  color: #5E4B42;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .error__title {
    font-size: calc(19px + 27.2 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .error__title {
    font-size: calc(19px + 16 * (100vw / 1440));
  }
}
@media (min-width: 767px) {
  .error__title {
    line-height: calc(25px + 15 * ((100vw - 320px) / 1120));
  }
}
@media (max-width: 767px) {
  .error__title {
    line-height: calc(25px + 25.5 * ((100vw - 320px) / 1120));
  }
}
.error__text {
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 40px;
}
.error__button {
  background: #FFA588;
  border-radius: 30px;
  padding: 16px 28px;
  cursor: pointer;
  border: 2px solid #FFA588;
}
@media screen and (max-width: 767px) {
  .error__button {
    font-size: calc(12px + 10.2 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .error__button {
    font-size: calc(12px + 6 * (100vw / 1440));
  }
}
@media (min-width: 767px) {
  .error__button {
    line-height: calc(14px + 7 * ((100vw - 320px) / 1120));
  }
}
@media (max-width: 767px) {
  .error__button {
    line-height: calc(14px + 11.9 * ((100vw - 320px) / 1120));
  }
}
@media (any-hover: hover) {
  .error__button {
    transition: all 0.3s ease 0s;
  }
  .error__button:hover {
    background: rgba(255, 166, 136, 0);
    color: #FFA588;
  }
}
.error__right {
  margin-left: 164px;
}
.error__img {
  padding: 40px 25px;
  background: #FFE8E1;
  border-radius: 50%;
  width: 404px;
  max-width: 100%;
  height: 404px;
}

@media (max-width: 992px) {
  .error__body {
    flex-direction: column-reverse;
  }
  .error__right {
    margin: 0;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
  }
  .error__img {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 440px) {
  .error__img {
    background: none;
  }
}
.city__body {
  /* Всегда */
  padding-top: calc(30px + 80 * ((100vw - 320px) / 1120));
}
.city__title {
  font-weight: 500;
  text-transform: uppercase;
  color: #5E4B42;
  text-align: center;
  /* Всегда */
  margin-bottom: calc(20px + 57 * ((100vw - 320px) / 1120));
}
@media screen and (max-width: 767px) {
  .city__title {
    font-size: calc(19px + 27.2 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .city__title {
    font-size: calc(19px + 16 * (100vw / 1440));
  }
}
@media (min-width: 767px) {
  .city__title {
    line-height: calc(25px + 15 * ((100vw - 320px) / 1120));
  }
}
@media (max-width: 767px) {
  .city__title {
    line-height: calc(25px + 25.5 * ((100vw - 320px) / 1120));
  }
}
.city__items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 40px;
  grid-auto-flow: dense;
}
.city__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: #FFFFFF;
  box-shadow: 0px 0px 8.43836px rgba(158, 133, 108, 0.15);
  border-radius: 12.6575px;
}
.city__img {
  margin-bottom: 17px;
}
.city__img img {
  width: 100%;
}
.city__text {
  padding: 0 30px 25px 30px;
}
.city__item-title {
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  margin-bottom: 12px;
}
.city__price {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 12px;
}
.city__button {
  padding: 9.5px 35px;
  background: #FFA588;
  border: 2px solid #FFA588;
  border-radius: 30px;
  font-size: 14px;
  line-height: 16px;
}
@media (any-hover: hover) {
  .city__button {
    transition: all 0.3s ease 0s;
  }
  .city__button:hover {
    background: rgba(255, 165, 136, 0);
    color: #5E4B42;
  }
}
.city__info {
  display: flex;
  justify-content: space-between;
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  /* Всегда */
  margin-top: calc(20px + 50 * ((100vw - 320px) / 1120));
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
  grid-auto-flow: dense;
}
.basket__calcs {
  display: flex;
  flex-direction: column;
  width: calc(100% - 240px);
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(158, 133, 108, 0.15);
  border-radius: 30px;
  /* Всегда */
  padding-left: calc(10px + 50 * ((100vw - 320px) / 1120));
  /* Всегда */
  padding-right: calc(10px + 50 * ((100vw - 320px) / 1120));
  /* Всегда */
  padding-top: calc(10px + 33 * ((100vw - 320px) / 1120));
  /* Всегда */
  padding-bottom: calc(10px + 33 * ((100vw - 320px) / 1120));
}
.select2-results{
 max-height: 278px !important;
}
#customer_details {
  width: 100%;
  position: relative;
}
.select2-container {
  width: 100% !important;
}
.woocommerce-billing-fields {
  position: relative;
}
#checkbox_cart2_field {
  position: absolute;
  right: 0;
  top: 280px;
}
#order_review {
  display: none;
}
#order_review_heading {
  display: none;
}
[name="update_cart"] {
  display: none;
}
.basket__title, .cart_totals-title {
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 45px;
}
.woocommerce-billing-fields__field-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form-row {
  width: 49%;
}
.woocommerce-info {
  display: none;
}
@media screen and (max-width: 767px) {
  .basket__title, .cart_totals-title {
    font-size: calc(19px + 27.2 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .basket__title, .cart_totals-title {
    font-size: calc(19px + 16 * (100vw / 1440));
  }
}
@media (min-width: 767px) {
  .basket__title, .cart_totals-title {
    line-height: calc(25px + 15 * ((100vw - 320px) / 1120));
  }
}
@media (max-width: 767px) {
  .basket__title, .cart_totals-title {
    line-height: calc(25px + 25.5 * ((100vw - 320px) / 1120));
  }
}
.basket__calc {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  border: 1px solid #5E4B42;
  border-width: 1px 0;
}
.basket__computation {
  display: flex;
  width: 100%;
}
.basket__img {
  width: 100%;
  height: 100%;
  max-width: 70px;
  max-height: 70px;
  margin-right: 21px;
}
.basket__item {
  margin: 0 25px;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.basket__item-title {
  margin-bottom: 11px;
  font-size: 12px;
  line-height: 14px;
  color: #D0C4B8;
}
.basket__item:first-child {
  margin-left: 0;
}
.basket__item-name {
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
}
.basket__item-list {
  position: relative;
  display: flex;
  width: 130px;
  justify-content: space-between;
  max-width: 100%;
  background: #FFFFFF;
  border: 0.381443px solid #5E4B42;
  border-radius: 76.2887px;
  padding: 6px 12px;
  align-items: center;
  font-size: 16px;
  line-height: 10px;
  height: 100%;
  max-height: 30px;
  cursor: pointer;
}
.basket__item-list span:last-child {
  transition: transform 0.3s ease 0s;
  font-size: 12px;
}
.basket__item-list.active-list span:last-child {
  transform: rotate(180deg);
}
.basket__item-counter {
  font-size: 16px;
  line-height: 10px;
  padding: 5px 11px;
  display: flex;
  align-items: center;
  background: #FFFFFF;
  border: 0.381443px solid #5E4B42;
  border-radius: 76.2887px;
  justify-content: space-between;
  width: 105px;
  height: 100%;
  max-height: 30px;
  height: 30px;
}
.basket__item-price {
  font-weight: 300;
  font-size: 21px;
  line-height: 16px;
}
.basket__button-body {
  width: auto;
  min-width: 28px;
  min-height: 28px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.quantity .qty {
  height: 30px;
  padding: 0;
  text-align: center;
  background: transparent;
}
.basket__button {
  width: 100%;
  height: 100%;
  max-width: 28px;
  max-height: 28px;
  line-height: 28px;
  text-align: center;
  background: #C9A989;
  border-radius: 50%;
  color: #5E4B42;
}
.basket__button {
  transition: all 0.3s ease 0s;
}
.basket__button:hover {
background: #5E4B42;
}
.basket__button:hover:before {
  color: #C9A989 !important;
}
.woocommerce-notices-wrapper {
  display: none;
}
.basket__item-ul {
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(158, 133, 108, 0.15);
  border-radius: 10px;
  border: 1px solid #5E4B42;
  position: absolute;
  top: 100%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, 0);
  opacity: 0;
  z-index: -1;
  transition: all 0.3s ease 0s;
  margin: 0;
}
.basket__item-ul li {
  padding: 10px 0;
  font-size: 13px;
  cursor: pointer;
}
@media (any-hover: hover) {
  .basket__item-ul li {
    transition: all 0.3s ease 0s;
  }
  .basket__item-ul li:hover {
    color: #FFA588;
  }
}
.basket__item-ul li:nth-child(2) {
  border: 1px solid #5E4B42;
  border-width: 1px 0 1px 0;
}
.basket__item-ul li span {
  padding: 0 10px;
  display: inline-block;
}
.basket__item-ul.active-list {
  opacity: 1;
  z-index: 2;
}
.basket__minus {
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.basket__minus::before {
  content: "";
  width: 7px;
  height: 1px;
  background: #5E4B42;
  display: block;
}
.basket__plus {
  position: relative;
  cursor: pointer;
  height: 100%;
  display: flex;
  align-items: center;
}
.basket__plus::before {
  content: "";
  width: 7px;
  height: 1px;
  background: #5E4B42;
  display: block;
}
.basket__plus::after {
  content: "";
  width: 7px;
  height: 1px;
  background: #5E4B42;
  display: block;
  transform: rotate(90deg);
  position: absolute;
}
@media (any-hover: hover) {
  .basket__plus::after, .basket__plus::before, .basket__minus::after, .basket__minus::before {
    transition: all 0.3s ease 0s;
  }
  .basket__plus:hover::after, .basket__plus:hover::before, .basket__minus:hover::after, .basket__minus:hover::before {
    background: #FFA588;
  }
}
@media (any-hover: hover) {
  .basket .basket__item-list {
    transition: all 0.3s ease 0s;
  }
  .basket .basket__item-list:hover {
    color: #FFA588;
  }
}
 .basket__item-list-select {
  line-height: 15px;
  white-space: nowrap; /* Запрещаем перенос строк */
  overflow: hidden; /* Обрезаем все, что не помещается в область */
  padding: 5px; /* Поля вокруг текста */
  text-overflow: ellipsis; /* Добавляем многоточие */
}
.basket__result {
  margin-top: 26px;
  display: flex;
  justify-content: space-between;
  /* Всегда */
  padding-bottom: calc(15px + 45 * ((100vw - 320px) / 1120));
}
.basket__coupon-body {
  display: flex;
}
.basket__coupon-input-body {
  padding: 9px;
  border: 0.5px solid #5E4B42;
  border-radius: 20px;
}
.basket__coupon-input-body input {
  text-align: center;
  font-weight: 300;
  font-size: 16px;
  line-height: 11px;
  color: #706E6E;
}
.basket__coupon-button {
  margin-left: 17px;
  font-size: 16px;
  line-height: 11px;
  text-transform: uppercase;
  padding: 9px 28px;
  background: #F9E4B7;
  border-radius: 30px;
}
@media (any-hover: hover) {
  .basket__coupon-button {
    transition: all 0.3s ease 0s;
  }
  .basket__coupon-button:hover {
    background: #5E4B42;
    color: #F9E4B7;
  }
}
.basket__result-price {
  display: flex;
  font-size: 16px;
  justify-content: flex-end;
}
.basket__form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(323px, 1fr));
  -moz-column-gap: 12px;
       column-gap: 12px;
  row-gap: 25px;
  grid-auto-flow: dense;
}
.basket__main {
  display: flex;
}
.basket__commercial {
  display: flex;
  flex-direction: column;
  margin-left: 0px;
  padding-left: 40px;
  float: right;
  width: 200px;
  max-width: 200px;
}
.woocommerce-shipping-fields {
  display: none;
}
.basket__commercial-title {
  font-weight: 500;
  line-height: 30px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media (max-width: 860px){
  .basket__calcs {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .basket__commercial-title {
    font-size: calc(13px + 5.1 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .basket__commercial-title {
    font-size: calc(13px + 3 * (100vw / 1440));
  }
}
@media (min-width: 767px) {
  .basket__commercial-title {
    line-height: calc(15px + 5 * ((100vw - 320px) / 1120));
  }
}
@media (max-width: 767px) {
  .basket__commercial-title {
    line-height: calc(15px + 8.5 * ((100vw - 320px) / 1120));
  }
}
.basket__commercial-text {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 32px;
}
.basket__commercial-items {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.basket__commercial-item {
  padding-bottom: 25px;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(158, 133, 108, 0.15);
  border-radius: 15px;
  margin-bottom: 34px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 200px;
}
.basket__commercial-item:last-child {
  margin-bottom: 0;
}
.basket__commercial-img {
  margin-bottom: 20px;
}
.basket__commercial-img img {
  width: 100%;
}
.basket__list {
  min-width: 130px;
}
.basket__form-input-body, .woocommerce-billing-fields__field-wrapper input {
  display: flex;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(158, 133, 108, 0.15);
  border-radius: 30px;
  border: 0.5px solid #5E4B42;
  border-radius: 30px;
  overflow: hidden;
}
.basket__form-input-body input, .woocommerce-billing-fields__field-wrapper input, .select2-container--default .select2-selection--single .select2-selection__rendered  {
  width: 100%;
  height: 39px;
  padding: 12px 21px !important;
  background-color: rgba(255, 255, 255, 0) !important;
}
.select2-container--default .select2-selection--single {
  border: 0 !important;
}
.select2-search--dropdown {
  display: none;
}
.basket__form-list-body,body table.wccpf_fields_table td.wccpf_value select, .select2-container--default .select2-selection--single .select2-selection__rendered {
  display: flex;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(158, 133, 108, 0.15);
  border-radius: 30px;
  border: 0.5px solid #5E4B42;
  border-radius: 30px;
  padding: 12px 21px;
  justify-content: space-between;
  cursor: pointer;
  align-items: center;
  width: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  display: block;
  line-height: 13px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  width: 15px;
  height: 15px;
  background: #F9E4B7;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  transition: all 0.3s ease 0s;
  display: inline-flex;
  font-family: "iconfonts" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 12px;
  right: 18px;
}
.form-row input[type=checkbox], .form-row input[type=radio] {
  height: 12px;
}
.select2-container .select2-selection--single .select2-selection__clear {
  display: none;
}
body table.wccpf_fields_table td.wccpf_value select {
	-moz-appearance: none;
	-webkit-appearance: none;
  padding: 0 20px;
}
.wccpf_value {
  position: relative;
}
.wccpf_value::after {
  content: "\e903";
  width: 15px;
  height: 15px;
  background: #F9E4B7;
  color: #453A35;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  transform: rotate(90deg);
  display: inline-flex;
  font-family: "iconfonts" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  position: absolute;
  right: 15px;
  top: 15px;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.basket__form-list-body span:last-child {
  /* width: 15px;
  height: 15px;
  background: #F9E4B7;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  transition: all 0.3s ease 0s;
  display: inline-flex; */
  width: 100%;
}
.thwcfe-input-field-wrapper > label {
  display: none;
}
.checkbox {
  display: flex;
}
.checkbox input {
  display: inline-block;
  margin-right: 10px;
}
.basket__form-list-body.active span:last-child {
  transform: rotate(180deg);
}
.basket__form-textarea-body, .woocommerce-input-wrapper textarea {
  border: 0.5px solid #5E4B42;
  border-radius: 15px;
  height: 100%;
  max-height: 600px;
  overflow: hidden;
  height: 115px;
}
.description {
  display: none;
}
.basket__form-textarea-body textarea, .woocommerce-input-wrapper textarea {
  padding: 10px 20px !important;
  width: 100%;
  resize: none;
}
.basket__form-item {
  position: relative;
}
.basket__form-list {
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(158, 133, 108, 0.15);
  border-radius: 10px;
  max-height: 125px;
  position: absolute;
  top: 100%;
  width: 100%;
  opacity: 0;
  z-index: 1;
  transition: all 0.3s ease 0s, transform 0.8s ease 0s;
  transform: scaleY(0) translate(0, -100%);
  overflow-y: auto;
  margin: 0;
}
.basket__form-list::-webkit-scrollbar {
  width: 12px;
}
.basket__form-list::-webkit-scrollbar-track {
  background: #FFF7E7;
  border-radius: 0 10px 10px 0;
}
.basket__form-list::-webkit-scrollbar-thumb {
  background: #F9E4B7;
  border-radius: 100px;
  width: 10px;
  height: 49px;
}
.basket__form-list li {
  cursor: pointer;
  padding: 13px 17px;
  border: 0.5px solid #5E4B42;
  border-width: 0.5px 0;
  display: flex;
  align-items: center;
}
.basket__form-list li:last-child {
  border-width: 0.5px 0 0 0;
}
.basket__form-list li:first-child {
  border-width: 0 0 0.5px 0;
}
.basket__form-list.active {
  opacity: 1;
  transform: scaleY(1);
}
.basket__dot {
  width: 13px;
  height: 13px;
  display: inline-flex;
  border-radius: 50%;
  border: 0.5px solid #5E4B42;
  margin-right: 10px;
  align-items: center;
  justify-content: center;
}
.basket__dot.active::before {
  content: "";
  height: 7px;
  width: 7px;
  background: #5E4B42;
  border-radius: 50%;
}
 .basket__form-checkboxs {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
 .basket__form-checkbox {
  font-weight: 300;
  font-size: 15px;
  color: #5E4B42;
  display: flex;
  align-items: center;
}
 .basket__form-checkbox input {
  cursor: pointer;
  margin-right: 8px;
}
.basket__form-checkbox label{
  margin: 0 !important;
  font-weight: 300 !important;

}
.basket__order .basket__result-price{
  font-size: 16px;
  line-height: 16px;
  text-transform: uppercase;
  color: #453A35;
  font-weight: 400;
}
.basket__order .woocommerce-Price-amount{
  font-size: 16px;
  line-height: 16px;
  text-transform: uppercase;
  color: #453A35;
  font-weight: 400;
}
.basket__order {
  display: flex;
  margin-bottom: 15px;
  justify-content: space-between;
  width: 49%;
  position: absolute;
  right: 0;
  bottom: 35px;
  z-index: 2;
}
.form-row label {
  color: #5E4B42;
  font-size: 15px;
}
.form-row {
  margin-bottom: 33px;
  z-index: 1;
}
 .basket__order-button {
  font-size: 14px;
  line-height: 16px;
  background: #FFA588;
  border: 2px solid #FFA588;
  padding: 10px 18px;
  border-radius: 30px;
  color: #000;
  font-weight: 400;
}
@media (any-hover: hover) {
  .basket .basket__order-button {
    transition: all 0.3s ease 0s;
  }
  .basket .basket__order-button:hover {
    background: rgba(255, 165, 136, 0);
    color: #5E4B42;
  }
}
@media (max-width: 1100px) {
   .basket__main {
    flex-direction: column;
  }
 .basket__commercial {
    max-width: 100%;
    text-align: center;
    padding: 0;
    margin-top: 20px;
  }
  .basket__commercial .basket__commercial-items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
  .basket__commercial .basket__commercial-items .basket__commercial-item {
    justify-self: center;
  }
}
@media (max-width: 860px) {
  .basket__title, .cart_totals-title {
    text-align: center;
  }
  .basket__calc {
    flex-direction: column;
  }
  .basket__calc .basket__computation {
    flex-direction: column;
    align-items: center;
  }
  .basket__calc .basket__computation .basket__item {
    margin: 10px 0;
    align-items: center;
  }
  .basket__calc .basket__img {
    margin-right: 0;
  }
  .basket__item-list {
    width: auto;
  }
  .basket__item-ul {
    width: auto;
  }
  .basket__button-body {
    width: 28px;
    height: 28px;
  }
  .basket__result {
    flex-direction: column;
    align-items: center;
  }
  .basket__coupon-body {
    margin-bottom: 10px;
  }
  .form-row {
    width: 100%;
  }

  .woocommerce-billing-fields__field-wrapper {
    padding-bottom: 120px;
  }

  #checkbox_cart2_field {
    bottom: 90px;
    top: auto;
  }

  .basket__result-price {
    justify-content: center;
  }

  .basket__order {
    width: 100%;
    bottom: 0;
  }

  .basket__commercial {
    display: none;
  }
}
@media (max-width: 564px) {
  .basket .basket__coupon-body {
    flex-direction: column;
    align-items: center;
  }
  .basket .basket__coupon-body button {
    margin: 10px 0;
  }
}
@media (max-width: 473px) {
  .basket .basket__form {
    display: flex;
    flex-direction: column;
  }
  .basket .basket__order {
    flex-direction: column;
    align-items: center;
  }
  .basket .basket__order button {
    margin-top: 15px;
  }
}

.dessert__whom {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  text-transform: uppercase;
  cursor: pointer;
  /* Всегда */
  margin-bottom: calc(10px + 30 * ((100vw - 320px) / 1120));
  column-gap: calc(20px + 28 * ((100vw - 320px) / 1120));
  row-gap: 15px;
  max-width: 1192px;
  margin: 0 auto;

}
.dessert__whom span {
  /* Всегда */
  /* margin-right: calc(12px + 35 * ((100vw - 320px) / 1120)); */
  /* Всегда */
  /* margin-left: calc(12px + 35 * ((100vw - 320px) / 1120)); */
}
.dessert__whom a{
  color: #C9A989;
  font-weight: 500;
  font-size: calc(14px + 7 * ((100vw - 320px) / 1120));
  line-height: calc(16px + 8 * ((100vw - 320px) / 1120));
}
@media (min-width: 1192px){
  .dessert__whom a{
    font-size: 21px;
    line-height: 24px;
  }
}
@media (any-hover: hover) {
  .dessert__whom a {
    transition: all 0.3s ease 0s;
  }
  .dessert__whom span:hover a {
    color: #453A35;
  }
}
.dessert__sorting {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: start;
  margin-bottom: 10px;
}
.dessert__sort-text {
  margin-right: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}
.dessert__sort-item {
  display: flex;
  margin: 0 7px;
  align-items: center;
  position: relative;
}
.dessert__dot {
  width: 100%;
  min-width: 13px;
  height: 13px;
  border: 0.5px solid #5E4B42;
  border-radius: 50%;
  display: inline-block;
  margin-right: 7px;
  opacity: 0;
}
.dessert__dot+label::before{
  content: '';
  position:absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 0.5px solid #5E4B42;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
.dessert__dot:checked+label::after{
  content: '';
  position:absolute;
  border-radius: 50%;
  top: 50%;
  left: 3px;
  transform: translate(0, -50%);
  background: #5E4B42;
  width: 7px;
  height: 7px;
}
.dessert__main {
  display: flex;
  /* Всегда */
  margin-top: calc(10px + 25 * ((100vw - 320px) / 1120));
}
.dessert .sidebar {
  display: flex;
  flex-direction: column;
  margin-right: 20px;
  min-width: 300px;
}
.dessert .sidebar__item {
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(158, 133, 108, 0.15);
  border-radius: 15px;
  overflow: hidden;
  max-width: 300px;
  min-height: 186px;
  margin: 7.5px 0;
}
.dessert .sidebar__item:first-child {
  margin-top: 0;
}
.dessert .sidebar__title {
  padding: 15px 0 15px 40px;
  background: #F9E4B7;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
}
.dessert .sidebar__item-body {
  display: flex;
  flex-direction: column;
  min-height: 136px;
  max-height: 136px;
  justify-content: center;
}
.dessert .sidebar__price-gap {
  padding: 0 40px;
  display: flex;
}
.dessert .sidebar__price-from, .dessert .sidebar__price-to {
  border: 0.5px solid #5E4B42;
  border-radius: 20px;
  padding: 10px;
  max-width: 94px;
  position: relative;
}
.dessert .sidebar__price-from input, .dessert .sidebar__price-to input {
  text-align: center;
  width: 100%;
}
.dessert .sidebar__price-to {
  margin-left: 20px;
}
.dessert .sidebar__price-to::after {
  content: "";
  height: 1px;
  width: 19px;
  display: block;
  background: #453A35;
  position: absolute;
  top: 50%;
  left: -30px;
}
.dessert .sidebar__price-from {
  margin-right: 20px;
}
.dessert .sidebar__range-body {
  padding: 0 40px;
}
.dessert .sidebar .range-slider.flat {
  --thumb-size: 20px;
  --track-height: calc(var(--thumb-size) / 3);
  --progress-shadow: none;
  --progress-flll-shadow: none;
  --thumb-shadow: 0 0 0 7px var(--primary-color) inset, 0 0 0 99px $lightBrown inset;
  --thumb-shadow-hover: 0 0 0 9px var(--primary-color) inset,
    0 0 0 99px $lightBrown inset;
  --thumb-shadow-active: 0 0 0 13px var(--primary-color) inset;
}
.dessert .sidebar .range-slider {
  width: 100%;
  --primary-color: $lightBrown;
  --value-offset-y: var(--ticks-gap);
  --value-active-color: white;
  --value-background: transparent;
  --value-background-hover: var(--primary-color);
  --value-font: 700 12px/1 Arial;
  --fill-color: var(--primary-color);
  --progress-background: #F9E4B7;
  --progress-radius: 20px;
  --track-height: calc(var(--thumb-size) / 2);
  --min-max-font: 12px Arial;
  --min-max-opacity: 0.5;
  --min-max-x-offset: 10%;
  --thumb-size: 22px;
  --thumb-color: $lightBrown;
  --thumb-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 0 1px rgba(0, 0, 0, 0.5) inset,
    0 0 0 99px var(--thumb-color) inset;
  --thumb-shadow-active: 0 0 0 calc(var(--thumb-size) / 4) inset
      var(--thumb-color),
    0 0 0 99px var(--primary-color) inset, 0 0 3px rgba(0, 0, 0, 0.4);
  --thumb-shadow-hover: var(--thumb-shadow);
  --ticks-thickness:none;
  --ticks-height: 2px;
  --ticks-gap: var(
    --ticks-height,
    0
  );
  --ticks-color: silver;
  --step: 1;
  --ticks-count: Calc(var(--max) - var(--min)) / var(--step);
  --maxTicksAllowed: 30;
  --too-many-ticks: Min(1, Max(var(--ticks-count) - var(--maxTicksAllowed), 0));
  --x-step: Max(
    var(--step),
    var(--too-many-ticks) * (var(--max) - var(--min))
  );
  --tickInterval: 100/ ((var(--max) - var(--min)) / var(--step)) * var(--tickEvery, 1);
  --tickIntervalPerc: calc(
    (100% - var(--thumb-size)) / ((var(--max) - var(--min)) / var(--x-step)) *
      var(--tickEvery, 1)
  );
  --value-a: Clamp(
    var(--min),
    var(--value, 0),
    var(--max)
  );
  --value-b: var(--value, 0);
  --text-value-a: var(--text-value, "");
  --completed-a: calc(
    (var(--value-a) - var(--min)) / (var(--max) - var(--min)) * 100
  );
  --completed-b: calc(
    (var(--value-b) - var(--min)) / (var(--max) - var(--min)) * 100
  );
  --ca: Min(var(--completed-a), var(--completed-b));
  --cb: Max(var(--completed-a), var(--completed-b));
  --thumbs-too-close: Clamp(
    -1,
    1000 * (Min(1, Max(var(--cb) - var(--ca) - 5, -1)) + 0.001),
    1
  );
  --thumb-close-to-min: Min(1, Max(var(--ca) - 2, 0));
  --thumb-close-to-max: Min(1, Max(98 - var(--cb), 0));
  display: inline-block;
  height: max(var(--track-height), var(--thumb-size));
  background: linear-gradient(to right, var(--ticks-color) var(--ticks-thickness), transparent 1px) repeat-x;
  background-size: var(--tickIntervalPerc) var(--ticks-height);
  background-position-x: calc(var(--thumb-size) / 2 - var(--ticks-thickness) / 2);
  background-position-y: var(--flip-y, bottom);
  padding-bottom: var(--flip-y, var(--ticks-gap));
  padding-top: calc(var(--flip-y) * var(--ticks-gap));
  position: relative;
  z-index: 1;
}
.dessert .sidebar .range-slider[data-ticks-position=top] {
  --flip-y: 1;
}
.dessert .sidebar .range-slider__values {
  position: relative;
  top: 50%;
  line-height: 0;
  text-align: justify;
  width: 100%;
  pointer-events: none;
  margin: 0 auto;
  z-index: 5;
}
.dessert .sidebar .range-slider__values::after {
  content: "";
  width: 100%;
  display: inline-block;
  height: 0;
  background: red;
}
.dessert .sidebar .range-slider__progress {
  --start-end: calc(var(--thumb-size) / 2);
  --clip-end: calc(100% - (var(--cb)) * 1%);
  --clip-start: calc(var(--ca) * 1%);
  --clip: inset(-20px var(--clip-end) -20px var(--clip-start));
  position: absolute;
  left: var(--start-end);
  right: var(--start-end);
  top: calc(var(--ticks-gap) * var(--flip-y, 0) + var(--thumb-size) / 2 - var(--track-height) / 2);
  height: calc(var(--track-height));
  background: var(--progress-background, #eee);
  pointer-events: none;
  z-index: -1;
  border-radius: var(--progress-radius);
}
.dessert .sidebar .range-slider__progress::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  -webkit-clip-path: var(--clip);
          clip-path: var(--clip);
  top: 0;
  bottom: 0;
  background: var(--fill-color, black);
  box-shadow: var(--progress-flll-shadow);
  z-index: 1;
  border-radius: inherit;
}
.dessert .sidebar .range-slider__progress::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: var(--progress-shadow);
  pointer-events: none;
  border-radius: inherit;
}
.dessert .sidebar .range-slider > input {
  -webkit-appearance: none;
  width: 100%;
  height: var(--thumb-size);
  margin: 0;
  position: absolute;
  left: 0;
  top: calc(50% - max(var(--track-height), var(--thumb-size)) / 2 + var(--ticks-gap) / 2 * var(--flip-y, -1));
  cursor: -webkit-grab;
  cursor: grab;
  outline: none;
  background: none;
}
.dessert .sidebar .range-slider > input:not(:only-of-type) {
  pointer-events: none;
}
.dessert .sidebar .range-slider > input::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  height: var(--thumb-size);
  width: var(--thumb-size);
  transform: var(--thumb-transform);
  border-radius: var(--thumb-radius, 50%);
  background: var(--thumb-color);
  box-shadow: var(--thumb-shadow);
  border: none;
  pointer-events: auto;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.dessert .sidebar .range-slider > input::-moz-range-thumb {
  -moz-appearance: none;
       appearance: none;
  height: var(--thumb-size);
  width: var(--thumb-size);
  transform: var(--thumb-transform);
  border-radius: var(--thumb-radius, 50%);
  background: var(--thumb-color);
  box-shadow: var(--thumb-shadow);
  border: none;
  pointer-events: auto;
  -moz-transition: 0.1s;
  transition: 0.1s;
}
.dessert .sidebar .range-slider > input::-ms-thumb {
  appearance: none;
  height: var(--thumb-size);
  width: var(--thumb-size);
  transform: var(--thumb-transform);
  border-radius: var(--thumb-radius, 50%);
  background: var(--thumb-color);
  box-shadow: var(--thumb-shadow);
  border: none;
  pointer-events: auto;
  -ms-transition: 0.1s;
  transition: 0.1s;
}
.dessert .sidebar .range-slider > input:hover {
  --thumb-shadow: var(--thumb-shadow-hover);
}
.dessert .sidebar .range-slider > input:hover + output {
  --value-background: var(--value-background-hover);
  --y-offset: -5px;
  color: var(--value-active-color);
  box-shadow: 0 0 0 3px var(--value-background);
}
.dessert .sidebar .range-slider > input:active {
  --thumb-shadow: var(--thumb-shadow-active);
  cursor: -webkit-grabbing;
  cursor: grabbing;
  z-index: 2;
}
.dessert .sidebar .range-slider > input:active + output {
  transition: 0s;
}
.dessert .sidebar .range-slider > input:nth-of-type(1) {
  --is-left-most: Clamp(0, (var(--value-a) - var(--value-b)) * 99999, 1);
}
.dessert .sidebar .range-slider > input:nth-of-type(1) + output {
  --value: var(--value-a);
  --x-offset: calc(var(--completed-a) * -1%);
}
.dessert .sidebar .range-slider > input:nth-of-type(1) + output:not(:only-of-type) {
  --flip: calc(var(--thumbs-too-close) * -1);
}
.dessert .sidebar .range-slider > input:nth-of-type(1) + output::after {
  content: var(--prefix, "") var(--text-value-a) var(--suffix, "");
}
.dessert .sidebar .range-slider > input:nth-of-type(2) {
  --is-left-most: Clamp(0, (var(--value-b) - var(--value-a)) * 99999, 1);
}
.dessert .sidebar .range-slider > input:nth-of-type(2) + output {
  --value: var(--value-b);
}
.dessert .sidebar .range-slider > input:only-of-type ~ .range-slider__progress {
  --clip-start: 0;
}
.dessert .sidebar .range-slider > input + output {
  --flip: -1;
  --x-offset: calc(var(--completed-b) * -1%);
  --pos: calc(
    ((var(--value) - var(--min)) / (var(--max) - var(--min))) * 100%
  );
  pointer-events: none;
  position: absolute;
  z-index: 5;
  background: var(--value-background);
  border-radius: 10px;
  padding: 2px 4px;
  left: var(--pos);
  transform: translate(var(--x-offset), calc(150% * var(--flip) - (var(--y-offset, 0px) + var(--value-offset-y)) * var(--flip)));
  transition: all 0.12s ease-out, left 0s;
}
.dessert .sidebar .range-slider > input + output::after {
  content: var(--prefix, "") var(--text-value-b) var(--suffix, "");
  font: var(--value-font);
}
.dessert .sidebar__range {
  margin-top: 25px;
}
.dessert .sidebar__list, .bapf_body {
  display: flex;
  flex-direction: column;
  overflow: auto;
  padding: 22px 40px;
}
.dessert .sidebar__list::-webkit-scrollbar {
  width: 12px;
}
.dessert .sidebar__list::-webkit-scrollbar-track {
  background: #FFF7E7;
  border-radius: 0 10px 10px 0;
}
.dessert .sidebar__list::-webkit-scrollbar-thumb {
  background: #F9E4B7;
  border-radius: 100px;
  width: 10px;
  height: 49px;
}
.dessert .sidebar__list li {
  margin: 5px 0;
  display: flex;
  align-items: center;
}
.dessert .sidebar__list-dot {
  margin-right: 8px;
}
.dessert .sidebar__button {
  background: #C9A989;
  border-radius: 30px;
  border: 2px solid #C9A989;
  font-size: 20px;
  line-height: 23px;
  padding: 16px 57px;
  max-width: 236px;
  align-self: center;
  /* Всегда */
  margin-top: calc(20px + 60 * ((100vw - 320px) / 1120));
  margin-bottom: 22px;
}
@media (any-hover: hover) {
  .dessert .sidebar__button {
    transition: all 0.3s ease;
  }
  .dessert .sidebar__button:hover {
    background: rgba(94, 75, 66, 0);
    color: #C9A989;
  }
}
.dessert .sidebar__reset {
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
  background: rgba(94, 75, 66, 0);
  text-decoration: underline;
}
.dessert input[type=radio],
.dessert label {
  cursor: pointer;
}
.dessert input[type=radio] {
  position: relative;
  height: 13px;
  width: 13px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}
.dessert input[type=radio]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  border: 1px solid #453A35;
}
.dessert input[type=radio]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: rgb(0, 0, 0);
  transform: translate(-50%, -50%);
  visibility: visible;
}
.dessert__products-body {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dessert__products {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-flow: dense;
  gap: 10px;
}
.dessert__products-item {
  background: #FFFFFF;
  box-shadow: 0px 0px 8.43836px rgba(158, 133, 108, 0.15);
  border-radius: 12.6575px;
  padding-bottom: 25px;
}
.dessert__products-img {
  margin-bottom: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dessert__products-img img {
  width: 100%;
}
.dessert__products-text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dessert__products-title {
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  margin-bottom: 12px;
}
.dessert__products-price {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  margin-bottom: 12px;
}
.dessert__products-button {
  padding: 9.5px 35px;
  background: #FFA588;
  border-radius: 30px;
  border: 2px solid #FFA588;
}
@media (any-hover: hover) {
  .dessert__products-button {
    transition: all 0.3s ease 0s;
  }
  .dessert__products-button:hover {
    background: rgba(255, 166, 136, 0);
    color: #FFA588;
  }
}
@media (max-width: 760px) {
  .dessert__main {
    flex-direction: column;
  }
  .dessert .sidebar {
    margin: 0;
    min-width: auto;
  }
  .dessert .sidebar__item {
    max-width: 100%;
  }
  .dessert .sidebar__price-gap {
    justify-content: center;
  }
  .dessert .sidebar__reset {
    margin-bottom: 30px;
  }
}
.dessert :root {
  --background-range:#a4a4a4;
}
.dessert .filter {
  padding: 30px;
  width: 300px;
}
.dessert .filter > div {
  padding-top: 20px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.dessert .filter > div > div {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.dessert .filter .slider {
  margin-top: 10px;
  position: relative;
  height: 6px;
  background: #fff;
  border: 1px solid #000;
}
.dessert .filter .color-range {
  position: absolute;
  background: var(--background-range, #000);
  width: 95%;
  border: none;
  height: 6px;
  left: 15px;
}
.dessert .filter .block-min, .dessert .block-max {
  width: 15px;
  height: 25px;
  position: absolute;
  left: 0;
  top: -11.5px;
  background: #fff;
  border: 1px solid #000;
  border-radius: 4px;
  z-index: 1;
}
.dessert .filter .block-max {
  left: 95%;
}
.dessert__button {
  font-size: 20px;
  line-height: 23px;
  padding: 16px 0;
  background: #C9A989;
  border-radius: 30px;
  border: 2px solid #C9A989;
  /* Всегда */
  margin-top: calc(10px + 30 * ((100vw - 320px) / 1120));
  max-width: 265px;
  width: 100%;
}
@media (any-hover: hover) {
  .dessert__button {
    transition: all 0.3s ease 0s;
  }
  .dessert__button:hover {
    background: rgba(0, 0, 0, 0);
    color: #C9A989;
  }
}
.dessert__pages {
  display: flex;
  align-items: center;
  margin-top: 48px;
  justify-content: center;
  column-gap: calc(0px + 14 * ((100vw - 320px) / 1120));
}
.dessert__icon {
  font-size: 23px;
  font-weight: bold;
  margin: 0 25px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (any-hover: hover) {
  .dessert__icon {
    transition: all 0.3s ease 0s;
  }
  .dessert__icon:hover, .page-numbers.next:hover, .page-numbers.prev:hover {
    color: #FFA588;
  }
}
.dessert__page {
  width: 44px;
  height: 44px;
  font-size: 20px;
  line-height: 23px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  /* background: #F9E4B7; */
  border-radius: 50%;
  /* border: 2px solid #F9E4B7; */
  /* margin: 0 7.5px; */
  cursor: pointer;
}
@media (any-hover: hover) {
  .dessert__page {
    transition: all 0.3s ease 0s;
  }
  .dessert__page:hover {
    background: rgba(249, 228, 183, 0);
    color: #FFA588;
  }
}
.dessert__sidebar-open {
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  padding: 15px 0;
  margin-bottom: 10px;
  background: #5E4B42;
  color: #FFF7E7;
  border-radius: 3px;
}
@media (min-width: 760px) {
  .dessert__sidebar-open {
    display: none;
  }
}

.about__body {
  /* Всегда */
  padding-top: calc(20px + 70 * ((100vw - 320px) / 1120));
  /* Всегда */
  padding-bottom: calc(20px + 80 * ((100vw - 320px) / 1120));
}
.about__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* Всегда */
  margin-bottom: calc(20px + 30 * ((100vw - 320px) / 1120));
}
@media (max-width: 1020px) {
  .about__item {
    flex-direction: column;
  }
  .about__item:not(:nth-child(2), :last-child) {
    flex-direction: column-reverse;
  }
  .about__item .about__texts {
    margin-top: 15px;
    margin-bottom: 25px;
    text-align: center;
  }
}
.about__texts {
  width: 100%;
  max-width: 600px;
}
.about__title {
  font-weight: 500;
  text-transform: uppercase;
  color: #5E4B42;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .about__title {
    font-size: calc(19px + 27.2 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .about__title {
    font-size: calc(19px + 16 * (100vw / 1440));
  }
}
@media (min-width: 767px) {
  .about__title {
    line-height: calc(25px + 15 * ((100vw - 320px) / 1120));
  }
}
@media (max-width: 767px) {
  .about__title {
    line-height: calc(25px + 25.5 * ((100vw - 320px) / 1120));
  }
}
.about__text {
  font-size: 14px;
  line-height: 16px;
  color: #453A35;
}
.about__img img {
  width: 100%;
}
.about .regular {
  font-weight: 400;
}
.about .margin-text {
  margin-bottom: 20px;
}

.advantages {
  background: #F9E4B7;
}
.advantages__body {
  /* Всегда */
  padding-top: calc(15px + 60 * ((100vw - 320px) / 1120));
  /* Всегда */
  padding-bottom: calc(10px + 60 * ((100vw - 320px) / 1120));
}
.advantages__title {
  text-align: center;
  font-weight: 500;
  color: #5E4B42;
  /* Всегда */
  margin-bottom: calc(20px + 70 * ((100vw - 320px) / 1120));
}
@media screen and (max-width: 767px) {
  .advantages__title {
    font-size: calc(19px + 27.2 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .advantages__title {
    font-size: calc(19px + 16 * (100vw / 1440));
  }
}
@media (min-width: 767px) {
  .advantages__title {
    line-height: calc(25px + 15 * ((100vw - 320px) / 1120));
  }
}
@media (max-width: 767px) {
  .advantages__title {
    line-height: calc(25px + 25.5 * ((100vw - 320px) / 1120));
  }
}
.advantages__items-top, .advantages__items-bottom {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 50px;
  grid-auto-flow: dense;
}
.advantages__items-top {
  -moz-column-gap: 50px;
       column-gap: 50px;
  /* Всегда */
  margin-bottom: calc(10px + 40 * ((100vw - 320px) / 1120));
}
.advantages__items-top .advantages__item {
  flex-basis: 280px;
}
.advantages__items-bottom {
  -moz-column-gap: 30px;
       column-gap: 30px;
}
.advantages__items-bottom .advantages__item {
  flex-basis: 170;
}
.advantages__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.advantages__img {
  background: #FFFFFF;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
}
.advantages__text {
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  font-weight: 300;
}
.advantages .regular {
  font-weight: 400;
}

.production__body {
  /* Всегда */
  padding-top: calc(20px + 80 * ((100vw - 320px) / 1120));
  /* Всегда */
  padding-bottom: calc(20px + 80 * ((100vw - 320px) / 1120));
}
.production__title {
  font-weight: 500;
  text-transform: uppercase;
  color: #5E4B42;
  text-align: center;
  /* Всегда */
  margin-bottom: calc(20px + 70 * ((100vw - 320px) / 1120));
}
@media screen and (max-width: 767px) {
  .production__title {
    font-size: calc(19px + 27.2 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .production__title {
    font-size: calc(19px + 16 * (100vw / 1440));
  }
}
@media (min-width: 767px) {
  .production__title {
    line-height: calc(25px + 15 * ((100vw - 320px) / 1120));
  }
}
@media (max-width: 767px) {
  .production__title {
    line-height: calc(25px + 25.5 * ((100vw - 320px) / 1120));
  }
}
.production__items {
  display: grid;
  grid-template-columns: repeat(auto-fit, 260px);
  -moz-column-gap: 40px;
       column-gap: 40px;
  row-gap: 45px;
  grid-auto-flow: dense;
  justify-content: center;
}
@media (max-width: 590px){
  .production__items{
    grid-template-columns: 1fr 1fr;
  }
}
.production__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(158, 133, 108, 0.15);
  border-radius: 15px;
  padding-bottom: 26px;
  cursor: pointer;
  overflow: hidden;
  height: 100%;
  justify-content: space-between;
}
@media (any-hover: hover) {
  .production__item:hover {
    color: #FFA588;
  }
  .production__item:hover img {
    transform: scale(1.05);
  }
}
.production__img {
  width: 100%;
}
.production__img img {
  transition: all 0.3s ease 0s;
  width: 100%;
}
.production__item-title {
  margin-top: 21px;
  font-weight: 500;
  font-size: calc(12px + 4 * ((100vw - 320px) / 1120));
  line-height: calc(14px + 4 * ((100vw - 320px) / 1120));
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  text-align: center;
}
@media (min-width: 1192px){
  .production__item-title{
    font-size: 16px;
    line-height: 18px;
  }
}
.contacts__body {
  display: flex;
  justify-content: center;
  /* Всегда */
  padding-top: calc(20px + 103 * ((100vw - 320px) / 1120));
}
.contacts__items {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 50px;
  grid-auto-flow: dense;
}
.contacts__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #FFF7E7;
  border-radius: 20px;
  padding: 38px 40px;
  text-align: center;
}
.contacts__img {
  margin-bottom: 25px;
}
.contacts__title {
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  text-transform: uppercase;
  color: #5E4B42;
  margin-bottom: 25px;
}
.contacts__time {
  font-weight: 300;
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}
.contacts__address {
  margin-bottom: 20px;
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
}
.contacts__metro {
  font-size: 12px;
  line-height: 18px;
  font-weight: 300;
}
.contacts .regular {
  font-weight: normal;
}

.related .path__body {
  padding-top: 0;
}
.related__whom {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  color: #C9A989;
  font-weight: 500;
  font-size: 21px;
  line-height: 24px;
  text-transform: uppercase;
  cursor: pointer;
  /* Всегда */
  margin-bottom: calc(10px + 30 * ((100vw - 320px) / 1120));
}
.related__whom span {
  /* Всегда */
  margin-right: calc(12px + 35 * ((100vw - 320px) / 1120));
  /* Всегда */
  margin-left: calc(12px + 35 * ((100vw - 320px) / 1120));
}
@media (any-hover: hover) {
  .related__whom span {
    transition: all 0.3s ease 0s;
  }
  .related__whom span:hover {
    color: #453A35;
  }
}
.related__sorting {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.related__sort-text {
  margin-right: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}
.related__sort-item {
  display: flex;
  margin: 0 7px;
  align-items: center;
}
.related__dot {
  width: 100%;
  min-width: 13px;
  height: 13px;
  border: 0.5px solid #5E4B42;
  border-radius: 50%;
  display: inline-block;
  margin-right: 7px;
}
.related__main {
  display: flex;
  /* Всегда */
  margin-top: calc(10px + 25 * ((100vw - 320px) / 1120));
}
.related {
  margin-top: 15px;
}
.related .sidebar {
  display: flex;
  flex-direction: column;
  margin-right: 20px;
  min-width: 300px;
}
.related .sidebar__item {
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(158, 133, 108, 0.15);
  border-radius: 15px;
  overflow: hidden;
  max-width: 300px;
  min-height: 186px;
  margin: 7.5px 0;
}
.related .sidebar__item:first-child {
  margin-top: 0;
}
.related .sidebar__title {
  padding: 15px 0 15px 40px;
  background: #F9E4B7;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
}
.related .sidebar__item-body {
  display: flex;
  flex-direction: column;
  min-height: 136px;
  max-height: 136px;
  justify-content: center;
}
.related .sidebar__price-gap {
  padding: 0 40px;
  display: flex;
}
.related .sidebar__price-from, .related .sidebar__price-to {
  border: 0.5px solid #5E4B42;
  border-radius: 20px;
  padding: 10px;
  max-width: 94px;
  position: relative;
}
.related .sidebar__price-from input, .related .sidebar__price-to input {
  text-align: center;
  width: 100%;
}
.related .sidebar__price-to {
  margin-left: 20px;
}
.related .sidebar__price-to::after {
  content: "";
  height: 1px;
  width: 19px;
  display: block;
  background: #453A35;
  position: absolute;
  top: 50%;
  left: -30px;
}
.related .sidebar__price-from {
  margin-right: 20px;
}
.related .sidebar__range-body {
  padding: 0 40px;
}
.related .sidebar .range-slider.flat {
  --thumb-size: 20px;
  --track-height: calc(var(--thumb-size) / 3);
  --progress-shadow: none;
  --progress-flll-shadow: none;
  --thumb-shadow: 0 0 0 7px var(--primary-color) inset, 0 0 0 99px $lightBrown inset;
  --thumb-shadow-hover: 0 0 0 9px var(--primary-color) inset,
    0 0 0 99px $lightBrown inset;
  --thumb-shadow-active: 0 0 0 13px var(--primary-color) inset;
}
.related .sidebar .range-slider {
  width: 100%;
  --primary-color: $lightBrown;
  --value-offset-y: var(--ticks-gap);
  --value-active-color: white;
  --value-background: transparent;
  --value-background-hover: var(--primary-color);
  --value-font: 700 12px/1 Arial;
  --fill-color: var(--primary-color);
  --progress-background: #F9E4B7;
  --progress-radius: 20px;
  --track-height: calc(var(--thumb-size) / 2);
  --min-max-font: 12px Arial;
  --min-max-opacity: 0.5;
  --min-max-x-offset: 10%;
  --thumb-size: 22px;
  --thumb-color: $lightBrown;
  --thumb-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 0 1px rgba(0, 0, 0, 0.5) inset,
    0 0 0 99px var(--thumb-color) inset;
  --thumb-shadow-active: 0 0 0 calc(var(--thumb-size) / 4) inset
      var(--thumb-color),
    0 0 0 99px var(--primary-color) inset, 0 0 3px rgba(0, 0, 0, 0.4);
  --thumb-shadow-hover: var(--thumb-shadow);
  --ticks-thickness:none;
  --ticks-height: 2px;
  --ticks-gap: var(
    --ticks-height,
    0
  );
  --ticks-color: silver;
  --step: 1;
  --ticks-count: Calc(var(--max) - var(--min)) / var(--step);
  --maxTicksAllowed: 30;
  --too-many-ticks: Min(1, Max(var(--ticks-count) - var(--maxTicksAllowed), 0));
  --x-step: Max(
    var(--step),
    var(--too-many-ticks) * (var(--max) - var(--min))
  );
  --tickInterval: 100/ ((var(--max) - var(--min)) / var(--step)) * var(--tickEvery, 1);
  --tickIntervalPerc: calc(
    (100% - var(--thumb-size)) / ((var(--max) - var(--min)) / var(--x-step)) *
      var(--tickEvery, 1)
  );
  --value-a: Clamp(
    var(--min),
    var(--value, 0),
    var(--max)
  );
  --value-b: var(--value, 0);
  --text-value-a: var(--text-value, "");
  --completed-a: calc(
    (var(--value-a) - var(--min)) / (var(--max) - var(--min)) * 100
  );
  --completed-b: calc(
    (var(--value-b) - var(--min)) / (var(--max) - var(--min)) * 100
  );
  --ca: Min(var(--completed-a), var(--completed-b));
  --cb: Max(var(--completed-a), var(--completed-b));
  --thumbs-too-close: Clamp(
    -1,
    1000 * (Min(1, Max(var(--cb) - var(--ca) - 5, -1)) + 0.001),
    1
  );
  --thumb-close-to-min: Min(1, Max(var(--ca) - 2, 0));
  --thumb-close-to-max: Min(1, Max(98 - var(--cb), 0));
  display: inline-block;
  height: max(var(--track-height), var(--thumb-size));
  background: linear-gradient(to right, var(--ticks-color) var(--ticks-thickness), transparent 1px) repeat-x;
  background-size: var(--tickIntervalPerc) var(--ticks-height);
  background-position-x: calc(var(--thumb-size) / 2 - var(--ticks-thickness) / 2);
  background-position-y: var(--flip-y, bottom);
  padding-bottom: var(--flip-y, var(--ticks-gap));
  padding-top: calc(var(--flip-y) * var(--ticks-gap));
  position: relative;
  z-index: 1;
}
.related .sidebar .range-slider[data-ticks-position=top] {
  --flip-y: 1;
}
.related .sidebar .range-slider__values {
  position: relative;
  top: 50%;
  line-height: 0;
  text-align: justify;
  width: 100%;
  pointer-events: none;
  margin: 0 auto;
  z-index: 5;
}
.related .sidebar .range-slider__values::after {
  content: "";
  width: 100%;
  display: inline-block;
  height: 0;
  background: red;
}
.related .sidebar .range-slider__progress {
  --start-end: calc(var(--thumb-size) / 2);
  --clip-end: calc(100% - (var(--cb)) * 1%);
  --clip-start: calc(var(--ca) * 1%);
  --clip: inset(-20px var(--clip-end) -20px var(--clip-start));
  position: absolute;
  left: var(--start-end);
  right: var(--start-end);
  top: calc(var(--ticks-gap) * var(--flip-y, 0) + var(--thumb-size) / 2 - var(--track-height) / 2);
  height: calc(var(--track-height));
  background: var(--progress-background, #eee);
  pointer-events: none;
  z-index: -1;
  border-radius: var(--progress-radius);
}
.related .sidebar .range-slider__progress::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  -webkit-clip-path: var(--clip);
          clip-path: var(--clip);
  top: 0;
  bottom: 0;
  background: var(--fill-color, black);
  box-shadow: var(--progress-flll-shadow);
  z-index: 1;
  border-radius: inherit;
}
.related .sidebar .range-slider__progress::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: var(--progress-shadow);
  pointer-events: none;
  border-radius: inherit;
}
.related .sidebar .range-slider > input {
  -webkit-appearance: none;
  width: 100%;
  height: var(--thumb-size);
  margin: 0;
  position: absolute;
  left: 0;
  top: calc(50% - max(var(--track-height), var(--thumb-size)) / 2 + var(--ticks-gap) / 2 * var(--flip-y, -1));
  cursor: -webkit-grab;
  cursor: grab;
  outline: none;
  background: none;
}
.related .sidebar .range-slider > input:not(:only-of-type) {
  pointer-events: none;
}
.related .sidebar .range-slider > input::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  height: var(--thumb-size);
  width: var(--thumb-size);
  transform: var(--thumb-transform);
  border-radius: var(--thumb-radius, 50%);
  background: var(--thumb-color);
  box-shadow: var(--thumb-shadow);
  border: none;
  pointer-events: auto;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.related .sidebar .range-slider > input::-moz-range-thumb {
  -moz-appearance: none;
       appearance: none;
  height: var(--thumb-size);
  width: var(--thumb-size);
  transform: var(--thumb-transform);
  border-radius: var(--thumb-radius, 50%);
  background: var(--thumb-color);
  box-shadow: var(--thumb-shadow);
  border: none;
  pointer-events: auto;
  -moz-transition: 0.1s;
  transition: 0.1s;
}
.related .sidebar .range-slider > input::-ms-thumb {
  appearance: none;
  height: var(--thumb-size);
  width: var(--thumb-size);
  transform: var(--thumb-transform);
  border-radius: var(--thumb-radius, 50%);
  background: var(--thumb-color);
  box-shadow: var(--thumb-shadow);
  border: none;
  pointer-events: auto;
  -ms-transition: 0.1s;
  transition: 0.1s;
}
.related .sidebar .range-slider > input:hover {
  --thumb-shadow: var(--thumb-shadow-hover);
}
.related .sidebar .range-slider > input:hover + output {
  --value-background: var(--value-background-hover);
  --y-offset: -5px;
  color: var(--value-active-color);
  box-shadow: 0 0 0 3px var(--value-background);
}
.related .sidebar .range-slider > input:active {
  --thumb-shadow: var(--thumb-shadow-active);
  cursor: -webkit-grabbing;
  cursor: grabbing;
  z-index: 2;
}
.related .sidebar .range-slider > input:active + output {
  transition: 0s;
}
.related .sidebar .range-slider > input:nth-of-type(1) {
  --is-left-most: Clamp(0, (var(--value-a) - var(--value-b)) * 99999, 1);
}
.related .sidebar .range-slider > input:nth-of-type(1) + output {
  --value: var(--value-a);
  --x-offset: calc(var(--completed-a) * -1%);
}
.related .sidebar .range-slider > input:nth-of-type(1) + output:not(:only-of-type) {
  --flip: calc(var(--thumbs-too-close) * -1);
}
.related .sidebar .range-slider > input:nth-of-type(1) + output::after {
  content: var(--prefix, "") var(--text-value-a) var(--suffix, "");
}
.related .sidebar .range-slider > input:nth-of-type(2) {
  --is-left-most: Clamp(0, (var(--value-b) - var(--value-a)) * 99999, 1);
}
.related .sidebar .range-slider > input:nth-of-type(2) + output {
  --value: var(--value-b);
}
.related .sidebar .range-slider > input:only-of-type ~ .range-slider__progress {
  --clip-start: 0;
}
.related .sidebar .range-slider > input + output {
  --flip: -1;
  --x-offset: calc(var(--completed-b) * -1%);
  --pos: calc(
    ((var(--value) - var(--min)) / (var(--max) - var(--min))) * 100%
  );
  pointer-events: none;
  position: absolute;
  z-index: 5;
  background: var(--value-background);
  border-radius: 10px;
  padding: 2px 4px;
  left: var(--pos);
  transform: translate(var(--x-offset), calc(150% * var(--flip) - (var(--y-offset, 0px) + var(--value-offset-y)) * var(--flip)));
  transition: all 0.12s ease-out, left 0s;
}
.related .sidebar .range-slider > input + output::after {
  content: var(--prefix, "") var(--text-value-b) var(--suffix, "");
  font: var(--value-font);
}
.related .sidebar__range {
  margin-top: 25px;
}
.related .sidebar__list {
  display: flex;
  flex-direction: column;
  overflow: auto;
  padding-left: 40px;
}
.related .sidebar__list::-webkit-scrollbar {
  width: 12px;
}
.related .sidebar__list::-webkit-scrollbar-track {
  background: #FFF7E7;
  border-radius: 0 10px 10px 0;
}
.related .sidebar__list::-webkit-scrollbar-thumb {
  background: #F9E4B7;
  border-radius: 100px;
  width: 10px;
  height: 49px;
}
.related .sidebar__list li {
  margin: 5px 0;
  display: flex;
  align-items: center;
}
.related .sidebar__list-dot {
  margin-right: 8px;
}
.related .sidebar__button {
  background: #C9A989;
  border-radius: 30px;
  border: 2px solid #C9A989;
  font-size: 20px;
  line-height: 23px;
  padding: 16px 57px;
  max-width: 236px;
  align-self: center;
  /* Всегда */
  margin-top: calc(20px + 60 * ((100vw - 320px) / 1120));
  margin-bottom: 22px;
}
@media (any-hover: hover) {
  .related .sidebar__button {
    transition: all 0.3s ease;
  }
  .related .sidebar__button:hover {
    background: rgba(94, 75, 66, 0);
    color: #C9A989;
  }
}
.related .sidebar__reset {
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
  background: rgba(94, 75, 66, 0);
  text-decoration: underline;
}
.related input[type=radio],
.related label {
  cursor: pointer;
}
.related input[type=radio] {
  position: relative;
  height: 13px;
  width: 13px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}
.related input[type=radio]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  border: 1px solid #453A35;
}
.related input[type=radio]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: rgb(0, 0, 0);
  transform: translate(-50%, -50%);
  visibility: visible;
}
.related__products-body {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.related__products {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-flow: dense;
  gap: 10px;
}
.related__products-item {
  background: #FFFFFF;
  box-shadow: 0px 0px 8.43836px rgba(158, 133, 108, 0.15);
  border-radius: 12.6575px;
  padding-bottom: 25px;
}
.related__products-img {
  margin-bottom: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.related__products-img img {
  width: 100%;
}
.related__products-text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.related__products-title {
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  margin-bottom: 12px;
}
.related__products-price {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  margin-bottom: 12px;
}
.related__products-button {
  padding: 9.5px 35px;
  background: #FFA588;
  border-radius: 30px;
  border: 2px solid #FFA588;
}
@media (any-hover: hover) {
  .related__products-button {
    transition: all 0.3s ease 0s;
  }
  .related__products-button:hover {
    background: rgba(255, 166, 136, 0);
    color: #FFA588;
  }
}
@media (max-width: 760px) {
  .related__main {
    flex-direction: column;
  }
  .related .sidebar {
    margin: 0;
    min-width: auto;
  }
  .related .sidebar__item {
    max-width: 100%;
  }
  .related .sidebar__price-gap {
    justify-content: center;
  }
  .related .sidebar__reset {
    margin-bottom: 30px;
  }
}
.related :root {
  --background-range:#a4a4a4;
}
.related .filter {
  padding: 30px;
  width: 300px;
}
.related .filter > div {
  padding-top: 20px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.related .filter > div > div {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.related .filter .slider {
  margin-top: 10px;
  position: relative;
  height: 6px;
  background: #fff;
  border: 1px solid #000;
}
.related .filter .color-range {
  position: absolute;
  background: var(--background-range, #000);
  width: 95%;
  border: none;
  height: 6px;
  left: 15px;
}
.related .filter .block-min, .related .block-max {
  width: 15px;
  height: 25px;
  position: absolute;
  left: 0;
  top: -11.5px;
  background: #fff;
  border: 1px solid #000;
  border-radius: 4px;
  z-index: 1;
}
.related .filter .block-max {
  left: 95%;
}
.related__button {
  font-size: 20px;
  line-height: 23px;
  padding: 16px 57px;
  background: #C9A989;
  border-radius: 30px;
  border: 2px solid #C9A989;
  /* Всегда */
  margin-top: calc(10px + 34 * ((100vw - 320px) / 1120));
}
@media (any-hover: hover) {
  .related__button {
    transition: all 0.3s ease 0s;
  }
  .related__button:hover {
    background: rgba(0, 0, 0, 0);
    color: #C9A989;
  }
}
.related__pages {
  display: flex;
  align-items: center;
  margin-top: 48px;
}
.related__icon {
  font-size: 23px;
  font-weight: bold;
  margin: 0 25px;
  cursor: pointer;
}
@media (any-hover: hover) {
  .related__icon {
    transition: all 0.3s ease 0s;
  }
  .related__icon:hover {
    color: #FFA588;
  }
}
.related__page {
  width: 44px;
  height: 44px;
  font-size: 20px;
  line-height: 23px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #F9E4B7;
  border-radius: 50%;
  border: 2px solid #F9E4B7;
  margin: 0 7.5px;
  cursor: pointer;
}
@media (any-hover: hover) {
  .related__page {
    transition: all 0.3s ease 0s;
  }
  .related__page:hover {
    background: rgba(249, 228, 183, 0);
    color: #FFA588;
  }
}
.related__sidebar-open {
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  padding: 15px 0;
  margin-bottom: 10px;
  background: #5E4B42;
  color: #FFF7E7;
  border-radius: 3px;
}
@media (min-width: 760px) {
  .related__sidebar-open {
    display: none;
  }
}

.corporate__body {
  /* Всегда */
  padding-top: calc(15px + 77 * ((100vw - 320px) / 1120));
  /* Всегда */
  padding-bottom: calc(15px + 60 * ((100vw - 320px) / 1120));
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.corporate__texts {
  width: 100%;
  max-width: 522px;
}
.corporate__title {
  font-weight: 500;
  font-size: 35px;
  line-height: 40px;
  text-transform: uppercase;
  color: #5E4B42;
  margin-bottom: 25px;
}
.corporate__text {
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
}

.corporate-title {
  font-weight: 500;
  text-transform: uppercase;
  color: #5E4B42;
  margin-bottom: 25px;
  text-align: center;
}

  .corporate__title, .corporate-title {
    font-size: calc(16px + 20 * ((100vw - 320px)/ 1120));
    line-height: calc(16px + 24 * ((100vw - 320px) / 1120));
  }

@media (min-width: 1192px){
  .corporate__title, .corporate-title {
    font-size: 35px;
    line-height: 40px;
  }
}
.corporate-text {
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
}

.about-corporate {
  background: #F9E4B7;
}
.about-corporate__body {
  /* Всегда */
  padding-top: calc(20px + 50 * ((100vw - 320px) / 1120));
  /* Всегда */
  padding-bottom: calc(20px + 50 * ((100vw - 320px) / 1120));
  display: flex;
  justify-content: space-between;
  column-gap: calc(0px + 246 * ((100vw - 320px) / 1120));
  -moz-column-gap: calc(0px + 246 * ((100vw - 320px) / 1120));
}
@media (min-width: 1192px){
  .about-corporate__body{
    column-gap: 246px;
  }
}
.about-corporate__left {
  width: 100%;
  max-width: 360px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.about-corporate__list {
  display: flex;
  flex-direction: column;
  padding: 40px 25px;
  background: #FFFFFF;
  border-radius: 20px;
}
.about-corporate__li {
  display: flex;
  align-items: center;
}
.about-corporate__li:not(:last-child) {
  margin-bottom: 20px;
}
.about-corporate__left-img {
  min-width: 54px;
  height: 54px;
  background: #FFA588;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 17px;
}
.about-corporate__list-text {
  font-size: 14px;
  line-height: 16px;
  color: #453A35;
  font-weight: 300;
}
.about-corporate__left-text {
  margin-top: 21px;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  width: 100%;
  max-width: 340px;
}
.about-corporate__right {
  width: 100%;
}
.about-corporate__items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  -moz-column-gap: 28px;
       column-gap: 28px;
  row-gap: 50px;
  grid-auto-flow: dense;
}
.about-corporate__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.about-corporate__right-img {
  width: 100px;
  height: 100px;
  background: #FFFFFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
}
.about-corporate__right-text {
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  font-weight: 300;
}
.about-corporate .regular {
  font-weight: 400;
}
@media (max-width: 992px){
  .about-corporate__body{
    column-gap: 10px;
    align-items: center;
  }
}
@media (max-width: 840px){
  .corporate__body{
    flex-direction: column-reverse;
    gap: 15px;
  }
}
@media (max-width: 715px){
  .about-corporate__body{
    flex-direction: column;
    align-items: stretch;
  }
  .about-corporate__list{
    margin-left: 0;
  }
}
.brand__body {
  /* Всегда */
  padding-top: calc(15px + 70 * ((100vw - 320px) / 1120));
  /* Всегда */
  padding-bottom: calc(15px + 10 * ((100vw - 320px) / 1120));
  display: flex;
  flex-direction: column;
  align-items: center;
}
.brand__title {
  margin-bottom: 25px;
  width: 100%;
  max-width: 573px;
}
.brand__text {
  width: 100%;
  max-width: 573px;
  /* Всегда */
  margin-bottom: calc(20px + 40 * ((100vw - 320px) / 1120));
}
.brand__cards .products  {
  display: grid;
  grid-template-columns: repeat(auto-fit, 200px);
  /* grid-template-columns: 200px 200px; */
  grid-template-rows: none;
  grid-auto-flow: dense;
  gap: calc(15px + 30 * ((100vw - 320px) / 1120));
  width: 100%;
  justify-content: center;
}
@media (max-width: 475px){
  .brand__cards .products  {
      grid-template-columns: 1fr 1fr;
  }
}
.brand__cards, .brand__card, .brand__cards .woocommerce{
  width: 100%;  
}
.brand__cards .woocommerce-loop-product__title{
  font-weight: 300 !important;
  font-size: 12px !important;
  line-height: 14px !important;
  color: #453A35;
  padding: 0 5px;
}
.brand__cards .woocommerce-Price-amount{
  font-weight: 500;
  font-size: 14px;
  line-height: 16px ;
  text-align: center;
  color: #453A35;
}
.brand__card {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.brand__card-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #FFFFFF;
  box-shadow: 0px 0px 8.43836px rgba(158, 133, 108, 0.15);
  border-radius: 12.6575px;
  margin-bottom: 25px;
}
.brand__card-img {
  width: 100%;
  margin-bottom: 18px;
}
.brand__card-img img {
  width: 100%;
}
.brand__card-texts {
  padding-bottom: 25px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.brand__card-title {
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  margin-bottom: 12px;
}
.brand__card-price {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  margin-bottom: 12px;
}
.brand__card-button {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  width: 100%;
  background: #FFA588;
  border-radius: 30px;
  max-width: 140px;
  padding: 10px 0;
  border: 2px solid #FFA588;
}
@media (any-hover: hover) {
  .brand__card-button {
    cursor: pointer;
    transition: all 0.3s ease 0s;
  }
  .brand__card-button:hover {
    background: rgba(255, 165, 136, 0);
    color: #FFA588;
  }
}
.brand__card-look {
  text-align: center;
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #5E4B42;
  margin-top: 25px;
}
@media (any-hover: hover) {
  .brand__card-look {
    cursor: pointer;
    transition: all 0.3s ease 0s;
  }
  .brand__card-look:hover {
    color: #FFA588;
  }
}

.table__body {
  /* Всегда */
  padding-top: calc(20px + 84 * ((100vw - 320px) / 1120));
  /* Всегда */
  padding-bottom: calc(10px + 20 * ((100vw - 320px) / 1120));
  display: flex;
  flex-direction: column;
  align-items: center;
}
.table__title, .table__text {
  width: 100%;
  max-width: 615px;
}
.table__text {
  margin-bottom: 60px;
}
.table__cards {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  grid-auto-flow: dense;
  gap: 40px;
  margin-bottom: 60px;
}
.table__card {
  cursor: pointer;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(158, 133, 108, 0.15);
  border-radius: 15px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.table__card-title {
  padding: 21px 0 23px 0;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  max-width: 170px;
}
@media (any-hover: hover) {
  .table__card {
    cursor: pointer;
    transition: all 0.3s ease 0s;
  }
  .table__card:hover {
    color: #FFA588;
  }
  .table__card:hover .table__img {
    transform: scale(1.05);
  }
}
.table__img {
  transition: all 0.3s ease 0s;
  width: 100%;
}
.table__img img {
  width: 100%;
}
.table__button {
  font-size: 16px;
  line-height: 18px;
  background: #FFA588;
  border-radius: 30px;
  border: 2px solid #FFA588;
  width: 100%;
  max-width: 200px;
  padding: 17px 0;
}
@media (any-hover: hover) {
  .table__button {
    cursor: pointer;
    transition: all 0.3s ease 0s;
  }
  .table__button:hover {
    background: rgba(255, 165, 136, 0);
  }
}

.new-year__body {
  /* Всегда */
  padding-top: calc(15px + 70 * ((100vw - 320px) / 1120));
  /* Всегда */
  padding-bottom: calc(15px + 10 * ((100vw - 320px) / 1120));
  display: flex;
  flex-direction: column;
  align-items: center;
}
.new-year__title {
  margin-bottom: 25px;
  width: 100%;
  max-width: 573px;
}
.new-year__text {
  width: 100%;
  max-width: 573px;
  /* Всегда */
  margin-bottom: calc(20px + 40 * ((100vw - 320px) / 1120));
}
.new-year__cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, 200px);
  grid-auto-flow: dense;
  justify-content: center;
  gap: 45px;
  width: 100%;
}
.new-year__card {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.new-year__card-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #FFFFFF;
  box-shadow: 0px 0px 8.43836px rgba(158, 133, 108, 0.15);
  border-radius: 12.6575px;
  margin-bottom: 25px;
}
.new-year__card-img {
  width: 100%;
  margin-bottom: 18px;
}
.new-year__card-img img {
  width: 100%;
}
.new-year__card-texts {
  padding-bottom: 25px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.new-year__card-title {
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  margin-bottom: 12px;
}
.new-year__card-price {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  margin-bottom: 12px;
}
.new-year__card-button {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  width: 100%;
  background: #FFA588;
  border-radius: 30px;
  max-width: 140px;
  padding: 10px 0;
  border: 2px solid #FFA588;
}
@media (any-hover: hover) {
  .new-year__card-button {
    cursor: pointer;
    transition: all 0.3s ease 0s;
  }
  .new-year__card-button:hover {
    background: rgba(255, 165, 136, 0);
    color: #FFA588;
  }
}
.new-year ul.products{
  grid-template-rows: none;
}
.new-year__card-look {
  text-align: center;
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #5E4B42;
}
@media (any-hover: hover) {
  .new-year__card-look {
    cursor: pointer;
    transition: all 0.3s ease 0s;
  }
  .new-year__card-look:hover {
    color: #FFA588;
  }
}
.new-year__card .woocommerce, .new-year__card .products, .new-year__card li, .march__card .woocommerce, .march__card .products, .march__card li  {
  height: 100%;
  grid-template-columns: none;
}
.new-year__body-card{
  display: grid;
  grid-template-columns: repeat(auto-fit, 200px);
  grid-auto-flow: dense;
  justify-content: center;
  gap: calc(20px + 40 * ((100vw - 320px) / 1120));
  width: 100%;
}
@media (max-width: 475px){
.new-year__body-card, .new-year__card-looks{
  grid-template-columns: 1fr 1fr;
}
}

.march__body {
  /* Всегда */
  padding-top: calc(15px + 70 * ((100vw - 320px) / 1120));
  /* Всегда */
  padding-bottom: calc(15px + 75 * ((100vw - 320px) / 1120));
  display: flex;
  flex-direction: column;
  align-items: center;
}
.march__title {
  margin-bottom: 25px;
  width: 100%;
  max-width: 573px;
}
.march__text {
  width: 100%;
  max-width: 573px;
  /* Всегда */
  margin-bottom: calc(20px + 40 * ((100vw - 320px) / 1120));
}
.march__cards {
  display: grid;
  /* grid-template-columns: repeat(auto-fit, 200px); */
  grid-auto-flow: dense;
  justify-content: center;
  gap: 45px;
  width: 100%;
  grid-template-columns: 200px 200px;
}
.march__card {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.march__card-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #FFFFFF;
  box-shadow: 0px 0px 8.43836px rgba(158, 133, 108, 0.15);
  border-radius: 12.6575px;
  margin-bottom: 25px;
}
.march__card-img {
  width: 100%;
  margin-bottom: 18px;
}
.march__card-img img {
  width: 100%;
}
.march__card-texts {
  padding-bottom: 25px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.march__card-title {
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  margin-bottom: 12px;
}
.march__card-price {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  margin-bottom: 12px;
}
.march__card-button {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  width: 100%;
  background: #FFA588;
  border-radius: 30px;
  max-width: 140px;
  padding: 10px 0;
  border: 2px solid #FFA588;
}
@media (any-hover: hover) {
  .march__card-button {
    cursor: pointer;
    transition: all 0.3s ease 0s;
  }
  .march__card-button:hover {
    background: rgba(255, 165, 136, 0);
    color: #FFA588;
  }
}
.march__card-look {
  text-align: center;
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #5E4B42;
}
@media (any-hover: hover) {
  .march__card-look {
    cursor: pointer;
    transition: all 0.3s ease 0s;
  }
  .march__card-look:hover {
    color: #FFA588;
  }
}

@media (max-width: 500px){
  .brand__cards, .new-year__cards , .march__cards{
   grid-template-columns: repeat(2, 1fr);
  }
}

.tasting__body {
  /* Всегда */
  padding-top: calc(20px + 4  0 * ((100vw - 320px) / 1120));
  padding-bottom: 18px;
}
.tasting__title {
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  color: #5E4B42;
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .tasting__title {
    font-size: calc(15px + 34 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .tasting__title {
    font-size: calc(15px + 20 * (100vw / 1440));
  }
}
@media (min-width: 767px) {
  .tasting__title {
    line-height: calc(16px + 24 * ((100vw - 320px) / 1120));
  }
}
@media (max-width: 767px) {
  .tasting__title {
    line-height: calc(16px + 40.8 * ((100vw - 320px) / 1120));
  }
}
.tasting__text {
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  /* Всегда */
  margin-bottom: calc(20px + 36 * ((100vw - 320px) / 1120));
}
.tasting__subtitle {
  font-weight: 500;
  line-height: 29px;
  text-align: center;
  text-transform: uppercase;
  color: #C9A989;
  /* Всегда */
  margin-bottom: calc(50px + 30 * ((100vw - 320px) / 1120));
}
@media screen and (max-width: 767px) {
  .tasting__subtitle {
    font-size: calc(20px + 8.5 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .tasting__subtitle {
    font-size: calc(20px + 5 * (100vw / 1440));
  }
}
.tasting__main {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1015px) {
  .tasting__main {
    flex-direction: column;
    justify-content: center;
  }
  .tasting__main .tasting__items {
    align-items: center;
    margin-bottom: 30px;
  }
  .tasting__main .tasting__img img {
    width: 100%;
  }
}
.tasting__items {
  display: flex;
  flex-direction: column;
  counter-reset: numbers;
}
.tasting__left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.tasting__img img{
  max-width: none;
}
.tasting__item {
  background: #FFF7E7;
  border-radius: 20px;
  width: 100%;
  max-width: 400px;
  height: 126px;
  display: flex;
  flex-direction: column;
  padding-left: 48px;
  justify-content: center;
  position: relative;
}
.tasting__item:not(:last-child) {
  margin-bottom: 51px;
}
.tasting__item-title {
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .tasting__item-title {
    font-size: calc(14px + 6.8 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .tasting__item-title {
    font-size: calc(14px + 4 * (100vw / 1440));
  }
}
.tasting__item-text {
  margin-top: 7px;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
}
.tasting__item-number {
  counter-increment: numbers;
  color: #fff;
  position: absolute;
  width: 62px;
  height: 62px;
  background: #C9A989;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -31px;
  left: 48px;
}
.tasting__item-number::before {
  content: counter(numbers);
  font-weight: 700;
  font-size: 35px;
  line-height: 40px;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .tasting__item-number::before {
    font-size: calc(20px + 25.5 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .tasting__item-number::before {
    font-size: calc(20px + 15 * (100vw / 1440));
  }
}
.tasting .telephone {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.fillings__body {
  /* Всегда */
  padding-top: calc(20px + 80 * ((100vw - 320px) / 1120));
  /* Всегда */
  padding-bottom: calc(20px + 98 * ((100vw - 320px) / 1120));
}
.fillings__title {
  font-weight: 500;
  color: #5E4B42;
  /* Всегда */
  margin-bottom: calc(20px + 30 * ((100vw - 320px) / 1120));
  text-align: center;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .fillings__title {
    font-size: calc(15px + 34 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .fillings__title {
    font-size: calc(15px + 20 * (100vw / 1440));
  }
}
@media (min-width: 767px) {
  .fillings__title {
    line-height: calc(16px + 24 * ((100vw - 320px) / 1120));
  }
}
@media (max-width: 767px) {
  .fillings__title {
    line-height: calc(16px + 40.8 * ((100vw - 320px) / 1120));
  }
}
.fillings__items {
  display: grid;
  grid-template-columns: repeat(auto-fit, 240px);
  -moz-column-gap: 28px;
  column-gap: calc(10px + 18 * ((100vw - 320px) / 1120));
  row-gap: calc(15px + 35 * ((100vw - 320px) / 1120));
  grid-auto-flow: dense;
  justify-content: center;
}
@media (max-width: 550px){
  .fillings__items{
    grid-template-columns: 1fr 1fr;
  }
  .fillings__item{
    max-width: 240px;
  }
}
.fillings__item {
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(158, 133, 108, 0.15);
  border-radius: 15px;
  overflow: hidden;
}
.fillings__item img {
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .fillings__item {
    cursor: pointer;
    transition: all 0.3s ease 0s;
  }
  .fillings__item:hover img {
    transform: scale(1.05);
  }
}
.fillings__item-texts {
  display: flex;
  flex-direction: column;
  padding: 17px calc(12px + 7 * ((100vw - 320px) / 1120)) 0 calc(12px + 7 * ((100vw - 320px) / 1120));
}
.fillings__item-title {
  font-weight: 500;
  font-size: calc(12px + 4 * ((100vw - 320px) / 1120));
  line-height: calc(13px + 5 * ((100vw - 320px) / 1120));
  margin-bottom: 8px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap:wrap;
  column-gap: 5px;
}
.fillings__item-text {
  font-weight: 300;
  font-size: calc(10px + 2 * ((100vw - 320px) / 1120));
  line-height: calc(12px + 2 * ((100vw - 320px) / 1120));
}
.fillings__item-price {
  font-weight: 500;
  font-size: 8px;
  line-height: 9px;
  background: #FFA588;
  border-radius: 100px;
  padding: 3px 0;
  width: 100%;
  max-width: 67px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3px;
}

.ingredients {
  /* Всегда */
  margin-top: calc(20px + 80 * ((100vw - 320px) / 1120));
  position: relative;
}
.ingredients__background {
  width: 100%;
  height: 100%;
}
.ingredients__body {
  display: flex;
  align-items: center;
  height: 100%;
}
.ingredients__item {
  width: 14%;
  height: 22.6%;
  position: absolute;
}
.ingredients__item-title {
  font-weight: 500;
  /* Всегда */
  margin-bottom: calc(0px + 12 * ((100vw - 320px) / 1120));
}
@media screen and (max-width: 767px) {
  .ingredients__item-title {
    font-size: calc(12px + 30.6 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .ingredients__item-title {
    font-size: calc(12px + 18 * (100vw / 1440));
  }
}
@media (min-width: 767px) {
  .ingredients__item-title {
    line-height: calc(15px + 19 * ((100vw - 320px) / 1120));
  }
}
@media (max-width: 767px) {
  .ingredients__item-title {
    line-height: calc(15px + 32.3 * ((100vw - 320px) / 1120));
  }
}
.ingredients__item-text {
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
}
@media screen and (max-width: 767px) {
  .ingredients__item-text {
    font-size: calc(10px + 6.8 * ((100vw - 320px) / 1440));
  }
}
@media screen and (min-width: 767px) {
  .ingredients__item-text {
    font-size: calc(10px + 4 * (100vw / 1440));
  }
}
@media (min-width: 767px) {
  .ingredients__item-text {
    line-height: calc(12px + 4 * ((100vw - 320px) / 1120));
  }
}
@media (max-width: 767px) {
  .ingredients__item-text {
    line-height: calc(12px + 6.8 * ((100vw - 320px) / 1120));
  }
}
.ingredients__item-texts {
  position: absolute;
  width: 250px;
}
.ingredients .absolute-body {
  position: absolute;
  transition: all 0.3s ease 0s;
  opacity: 0;
  z-index: -1;
}
.ingredients__item:nth-child(1) {
  bottom: 15%;
  left: 11%;
  cursor: pointer;
}
.ingredients__item:nth-child(1) .ingredients__item-texts {
  top: -25%;
  left: 100%;
}
.ingredients__item:nth-child(1) .absolute-body {
  top: -125%;
}
.ingredients__item:nth-child(1):hover .absolute-body {
  opacity: 1;
  z-index: 1;
}
.ingredients__item:nth-child(2) {
  top: 40%;
  left: 43%;
  cursor: pointer;
}
.ingredients__item:nth-child(2) .ingredients__item-texts {
  top: -25%;
  left: 21%;
}
.ingredients__item:nth-child(2) .absolute-body {
  top: -70%;
  right: 35%;
}
.ingredients__item:nth-child(2):hover .absolute-body {
  opacity: 1;
  z-index: 1;
}
.ingredients__item:nth-child(3) {
  top: 40%;
  left: 63%;
  cursor: pointer;
}
.ingredients__item:nth-child(3) .ingredients__item-texts {
  top: -25%;
  left: 0%;
}
.ingredients__item:nth-child(3) .absolute-body {
  top: -70%;
  right: 35%;
}
.ingredients__item:nth-child(3):hover .absolute-body {
  opacity: 1;
  z-index: 1;
}
.ingredients__item:nth-child(4) {
  top: 60%;
  right: 5%;
  cursor: pointer;
}
.ingredients__item:nth-child(4) .ingredients__item-texts {
  top: -25%;
  left: 0%;
}
.ingredients__item:nth-child(4) .absolute-body {
  bottom: 50%;
  right: 35%;
}
.ingredients__item:nth-child(4):hover .absolute-body {
  opacity: 1;
  z-index: 1;
}
@media (max-width: 1050px) {
  .ingredients .ingredients__item-img {
    display: none;
  }
  .ingredients__item:nth-child(1) .absolute-body {
    top: -55%;
  }
  .ingredients__item:nth-child(4) .absolute-body {
    right: 165%;
  }
}
@media (max-width: 940px) {
  .ingredients .ingredients__item-img {
    display: none;
  }
  .ingredients .absolute-body {
    position: relative;
  }
  .ingredients__item:nth-child(1) .absolute-body {
    top: -55%;
  }
  .ingredients__item:nth-child(4) .absolute-body {
    right: 165%;
  }
}
@media (max-width: 590px) {
  .ingredients .ingredients__item-img {
    display: none;
  }
  .ingredients .absolute-body {
    position: relative;
    transform: translate(-135%, 0);
  }
  .ingredients__item:nth-child(1) .absolute-body {
    top: -55%;
  }
  .ingredients__item:nth-child(4) .absolute-body {
    right: 165%;
  }
}
@media (max-width: 444px) {
  .ingredients__item-texts {
    max-width: 200px;
  }
}

@media (max-width: 992px){
  main.page, .catalog__top-body{
    /* padding-top: 91px; */
  }
}

.catalog__top-body main.page{
  padding-top: 0;
}

.catalog__top-body .term-description {
	  margin-top: 30px;
    font-size: 16px;
    line-height: 18px;
	text-align: justify;
}
.catalog__top-body .term-description p {
	margin-bottom: 20px;
}

.catalog__top-body .term-description h2, .catalog__top-body .term-description h3, .catalog__top-body .term-description h4 {
	margin: 0 0 20px 0;
}

.catalog__top-body .term-description h2 {
	font-size: 28px;
	line-height: 30px;
}

.catalog__top-body .term-description h3 {
	font-size: 24px;
	line-height: 26px;
}

.catalog__top-body .term-description h4 {
	font-size: 22px;
	line-height: 24px;
}

.catalog__top-body .term-description ul li {
	list-style: disc;
}

@-webkit-keyframes backet-animation {
  0% {
    transform: translate(0px, 0px);
  }
  10% {
    transform: translate(0.5px, 1px);
  }
  20% {
    transform: translate(0.5px, -0.5px);
  }
  30% {
    transform: translate(-0.5px, -1px);
  }
  40% {
    transform: translate(0.5px, -0.5px);
  }
  50% {
    transform: translate(0.5px, 1px);
  }
  60% {
    transform: translate(0px, 0px);
  }
}

@keyframes backet-animation {
  0% {
    transform: translate(0px, 0px);
  }
  10% {
    transform: translate(0.5px, 1px);
  }
  20% {
    transform: translate(0.5px, -0.5px);
  }
  30% {
    transform: translate(-0.5px, -1px);
  }
  40% {
    transform: translate(0.5px, -0.5px);
  }
  50% {
    transform: translate(0.5px, 1px);
  }
  60% {
    transform: translate(0px, 0px);
  }
}
.product-category{
  background: #FFFFFF;
  box-shadow: 0px 0px 8.43836px rgba(158, 133, 108, 0.15);
  border-radius: 12.6575px;
  width: 100%;
  overflow: hidden;
}
.product-category img{
  margin-bottom: 20px !important;
}
@media (any-hover:hover){
  .product-category img{
  transition: all 0.3s ease ;
  }
  .product-category:hover img{
    transform: scale(1.05);
  }
}

ul.products {
  grid-template-columns: repeat(auto-fit, 200px );
  grid-template-rows: repeat(auto-fit, calc(300px + 50 * ((100vw - 320px) / 1120)));
  grid-auto-flow: dense;
  gap: 10px;
  width: 100%;
  display: grid;
  background: #fff;
  justify-content: center;
}
@media (min-width: 1192px){
  ul.products{
    grid-template-rows: repeat(auto-fit, 350px );

  }
}
@media (max-width: 440px){
  ul.products{
    grid-template-columns: repeat(2, 1fr );
  }
}
ul.products::before, ul.products::after {
  content: "";
  display: none !important;
}
.wc-block-components-price-slider__range-input-progress, .rtl .wc-block-components-price-slider__range-input-progress{
  --range-color: #C9A989 !important;
}
.wc-block-components-price-slider__range-input-progress, .wc-block-components-price-slider__range-input-wrapper{
  height: 6px !important;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border-width: 0px !important;
  width: 19px;
  height: 19px;
  background: #C9A989 !important;
  cursor: pointer;
  border-radius: 50%;
}

/* All the same stuff for Firefox */
input[type=range]::-moz-range-thumb {
  width: 19px;
  height: 19px;
  background: #C9A989 !important;
  cursor: pointer;
  border-radius: 50%;
  border-width: 0px !important;

}

/* All the same stuff for IE */
input[type=range]::-ms-thumb {
  border-width: 0px !important;
  width: 19px;
  height: 19px;
  background: #C9A989 !important;
  cursor: pointer;
  border-radius: 50%;
}

.wc-block-components-price-slider__controls .wc-block-components-price-slider__amount{
  border: 0.5px solid #5E4B42;
  border-radius: 20px !important;
  background: #fff !important;
}
.page-template-template-fullwidth-php .site-main ul.products.columns-3 li.product, .page-template-template-fullwidth-php .header-widget-region ul.products.columns-3 li.product, .page-template-template-homepage-php .site-main ul.products.columns-3 li.product, .page-template-template-homepage-php .header-widget-region ul.products.columns-3 li.product, .storefront-full-width-content .site-main ul.products.columns-3 li.product, .storefront-full-width-content .header-widget-region ul.products.columns-3 li.product{
  background: #FFFFFF;
  box-shadow: 0px 0px 8.43836px rgba(158, 133, 108, 0.15);
  border-radius: 12.6575px;
  padding-bottom: 24px;
}

ul.products li.product .button{
  background: #FFA588;
  border-radius: 30px;
  text-transform: uppercase;
  font-size: calc(12px + 2 * ((100vw - 320px) / 1120));
  line-height: 16px;
  color: #453A35;
  border: 2px solid #FFA588;
  padding: 10px 0;
  max-height: calc(30px + 5 * ((100vw - 320px) / 1120));
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (any-hover:hover){
  ul.products li.product .button{
    cursor: pointer;
    transition: all 0.3s ease 0s;
  }
ul.products li.product .button:hover{
  background: rgba(0, 0, 0, 0);
  }
}
.site-main{
  display: flex !important;
  flex-direction: column;
}
.products{

}
.storefront-sorting{
  max-width: 1192px;
  margin: 0 auto;
  margin-top: 20px;

}

@media (any-hover:hover){
.page-numbers li .page-numbers{
  cursor: pointer;
  transition: all 0.3s ease 0s;
}
.page-numbers li .page-numbers:hover{
  background: rgba(0, 0, 0, 0);
}
}
.woocommerce-noreviews{
  background: #C9A989 !important;
}
.wc-block-price-filter, .wc-block-price-slider{
  display: flex;
  flex-direction: column;
  margin-bottom: 0 !important;
}
.wc-block-components-price-slider__range-input-wrapper{
  order: 3;
  grid-column-end: 3;
  grid-column-start: 1;
}
.wc-block-components-price-slider__controls .wc-block-components-price-slider__amount:last-child{
  order: 2;
}
.wc-block-price-filter__title, .wc-block-attribute-filter__title{
  padding: 15px 0;
  padding-left: 40px;
  background: #F9E4B7;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 0;
}
.wc-block-price-slider, .wc-block-attribute-filter{
  padding: 0 36px;
  padding-bottom: 20px;
}
.wc-block-attribute-filter{
  padding-top: 15px;
}
.wp-block-button__link{
  margin: 0 auto;
  margin-top: 20px;
  background: #C9A989 !important;
  border-radius: 30px;
  font-size: 20px;
  line-height: 23px;
  color: #453A35 !important;
}
ul.products li.product, ul.products .wc-block-grid__product, .wc-block-grid__products li.product, .wc-block-grid__products .wc-block-grid__product{
   margin-bottom: 0 !important;
   background: #FFFFFF;
   box-shadow: 0px 0px 8.43836px rgba(158, 133, 108, 0.15);
   border-radius: 12.6575px;
   width: 100%;
   overflow: hidden;
   padding-bottom: 15px;
}
.wc-block-attribute-filter{
  overflow: auto;
}
.wc-block-attribute-filter::-webkit-scrollbar {
  width: 12px;
}
.wc-block-attribute-filter::-webkit-scrollbar-track {
  background: #FFF7E7;
  border-radius: 0 10px 10px 0;
}
.wc-block-attribute-filter::-webkit-scrollbar-thumb {
  background: #F9E4B7;
  border-radius: 100px;
  width: 10px;
  height: 49px;
}
.woocommerce-products-header{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: calc(10px + 20 * ((100vw - 320px) / 1120));

}
.wp-block-button__link{
  width: 100%;
  max-width: 236px;
  font-size: 20px;
  line-height: 23px;
  color: #453A35;
  border: 2px solid #C9A989 !important;
  transition: all 0.3s ease 0s;
  text-transform: uppercase;
}
.wp-block-button__link:hover{
  background: rgba(255, 255, 255, 0) !important;
}
textarea{
  padding: 0 !important;
  background-color: rgba(255, 255, 255, 0) !important;
  box-shadow: none !important;

}
input{
  box-shadow: none !important;
}
a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus{
  outline-color: rgba(255, 255, 255, 0) !important    ;
}
li.product img{
  transition: all 0.4s ease 0s;
}
li.product:hover img{
  transform: scale(1.1);
}
.woocommerce-products-header__title, .page-title{
  text-align: center;
  font-size: calc(16px + 20 * ((100vw - 320px)/ 1120));
  line-height: calc(16px + 24 * ((100vw - 320px) / 1120));
  font-weight: 500;
  text-transform: uppercase;
  color: #5E4B42;
  margin-bottom: 25px;
  margin-top: 20px;
}

.woocommerce-products-header{
  padding-bottom: 0 !important;

}
.site-main{
  margin-bottom: 0 !important;
}
#catalog__body{
  display: flex;
  flex-direction: column;
}
.storefront-sorting{
  width: 100%;
}
.woocommerce-ordering{
  padding: 8px 15px !important;
  border: 2px solid #5E4B42;
  border-radius: 50px;
}
.orderby{
}
.woocommerce-result-count{
  margin-top: 10px;
}
.container{
  width: 100%;
  max-width: 1192px;
  display: flex;
  gap: calc(5px + 10 * ((100vw - 320px) / 1120));
  padding: 0 15px;
  justify-content: center;
  margin: 0 auto;
}


.widget, .berocket_single_filter_widget  {
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(158, 133, 108, 0.15);
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 10px !important;
}
.open-filter-button{
  display: none;
}
.sidebar{
  width: 100%;
  max-width: 300px;
  row-gap: 7.5px;
  transition: max-height 0.15s ease-out;
}
@media (max-width: 760px){
  .container{
    flex-direction: column;
    align-items: center;
  }
  .open-filter-button{
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    padding: 15px 0;
    margin-bottom: 10px;
    background: #5E4B42;
    color: #FFF7E7;
    border-radius: 3px;
  }
  .sidebar{
    max-height: 0;
    overflow: hidden;
    max-width: 100%;
  }
}
.sidebar.open{
  transition: max-height 0.25s ease-in;
}
.container__header{
justify-content: center;
}
.wc-backward{
  background-color: #5E4B42 !important;
  border-radius: 25px !important;
  color: #fff !important;
  border: 2px solid #5E4B42 !important;
  transition: all 0.3s ease 0s;
}
.wc-backward:hover{
  background-color: rgba(255, 255, 255, 0) !important;
  color: #5E4B42 !important;
}
.woocommerce-info, .cart-empty{
  background-color: #5E4B42 !important;
}
.wc-block-attribute-filter{
  margin-bottom: 0 !important ;
}
.wc-block-price-slider{
  padding-bottom: 20px;
}
.catalog-ordering-count{
  display: flex;
  justify-content: center;
}
.woocommerce-pagination{
  margin-top: 20px;
  grid-column-start: 1;
  grid-column-end: -1;
  border: 0 !important;
}
.woocommerce-pagination ul{
  display: flex;
  justify-content: center;
  column-gap: calc(5px + 10 * ((100vw - 320px) / 1120));
  align-items: center;
}
.woocommerce-pagination .next::after, .woocommerce-pagination .prev::after{
  font-family: "iconfonts" !important;
  font-size: calc(16px + 7 * ((100vw - 320px) / 1120));
  font-weight: bold;
  cursor: pointer;
  width: 44px !important;
  height: 44px !important;
  transition: all 0.3s ease 0s;
 }
 .woocommerce-pagination .next::after{
  content: "\e903" !important;
 }
 .woocommerce-pagination .prev::after{
  content: "\e902" !important;
 }
 @media (any-hover: hover){
  .woocommerce-pagination .next:hover::after, .woocommerce-pagination .prev:hover::after {
      color: #FFA588;
  }
}
 .woocommerce-pagination .page-numbers.next,  .woocommerce-pagination .page-numbers.prev,
 .dessert__pages .page-numbers.next,  .dessert__pages .page-numbers.prev{
  width: calc(0px + 44 * ((100vw - 320px) / 1120)) !important;
  height: 44px !important;
  background-color: rgba(0, 0, 0, 0) !important;
  padding: 0 7px !important;
 }
 span.page-numbers:not(.next, .prev),  a.page-numbers:not(.next, .prev){
  font-size: calc(16px + 4 * ((100vw - 320px) / 1120));
  background: #F9E4B7 !important;
  border-radius: 50% !important;
  width: calc(28px + 16 * ((100vw - 320px) / 1120)) !important;
  height: calc(28px + 16 * ((100vw - 320px) / 1120)) !important;
  max-width: 44px;
  max-height: 44px;
  border-color: #F9E4B7 !important;
  padding: 0!important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover){
  span.page-numbers:not(.next, .prev):hover, a.page-numbers:not(.next, .prev):hover {
    background: rgba(94, 75, 66, 1) !important;
    color: #FFF7E7 !important;
  }
}
.page-numbers.next, .page-numbers.prev{
  display: flex;
  justify-content: center;
  align-items: center;
}
.woocommerce-pagination .next::after, .woocommerce-pagination .prev::after{
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.product.type-product .flex-control-nav{
  display: none;
}
.product.type-product .product_title {
  font-weight: 500;
  font-size: calc(16px + 5 * ((100vw - 320px) / 872));
  line-height: calc(15px + 9 * ((100vw - 320px) / 872));
  color: #453A35;
}
.product-info{
  display: flex;
  margin-bottom: 40px;
}
.product-info-item{
  display: flex;
  align-items: center;
  width: 100%;
}
.product-price .woocommerce-Price-currencySymbol{
  display: none;
}
.product-info-item p{
  color: #453A35;
  font-size: 14px !important;
  margin: 0 !important;
}
.product-icon{
  display: inline-flex;
  min-width: 33px;
  min-height: 33px;
  background: #F9E4B7;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
}
.product-icon img{
  border-radius: 0 !important;
}
.product-counter-title{
  margin-bottom: 15px;
}
.product-counter-body {
  display: flex;
  padding: 7px 15px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border: 0.5px solid #5E4B42;
  border-radius: 100px;
  font-size: 12px;
  line-height: 14px;
  width: 100%;
  max-width: 126px;
}
.product-counter .product-counter-minus, .product-counter .product-counter-plus {
  font-size: 20px;
  cursor: pointer;
}
@media (any-hover: hover) {
  .product-counter-plus, .product-counter-minus {
    transition: all 0.3s ease 0s;
  }
  .product-counter-plus:hover, .product-counter-minus:hover {
    color: #FFA588;
  }
}
.product-options{
  display: flex;
  justify-content: space-between;
  flex-wrap:wrap;
  gap: 10px;
}
.calc__info-subtitle{
  color: #453A35;
}
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery, .storefront-full-width-content.single-product div.product .summary{
  margin-bottom: 0 !important;
}
.filling{
  padding-top: calc(30px + 65 * ((100vw - 320px) / 1120));
}
@media (max-width: 1120px){
.filling{
  padding-top: 95px;
}
}
ul.products li.product{
  display: flex;
  flex-direction: column;
  align-items: center;
}
ul.products li.product .woocommerce-LoopProduct-link{
  flex: 1 1 auto;
}
.single-product div.product .woocommerce-product-gallery img, .single-product div.product .woocommerce-product-gallery .flex-viewport{
  width: 100%;
  height: auto;
  max-width: calc(300px  + 25 * ((100vw - 320px) / 1120));
  max-height: calc(300px + 25 * ((100vw - 320px) / 1120));

}
@media (max-width: 420px){
  .product-info{
    flex-direction: column;
    gap: 20px;
  }
}
.product-table-item{
  display: flex;
  flex-direction: column;
  position: relative;
}
.product-table-title{
  margin-bottom: 11px;
  font-size: 12px;
  line-height: 14px;
  color: #D0C4B8;
}
.product-table-item a{
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  color: #453A35;
}
table.cart td.product-remove{
  position: relative;
  width: 74px;
}
table.cart td.product-remove a.remove{
  position: absolute !important;
  top: 35% !important;
  right: 0%;
  overflow: visible;
  width: 100%;
  height: 100%;
}
a.remove::before{
  width: 100% !important;
  height: 100%!important;
  width: 28px !important;
  height: 28px !important;
  background: #C9A989 ;
  border-radius: 50% !important;
  color: #5E4B42 !important;
  overflow: visible;
  display: flex !important;
  justify-content: center;
  align-items: center;
  font-family: 'iconfonts' !important;
  transition: all 0.3s ease 0s;
}
table.cart td.actions input{
  text-align: center;
  font-weight: 300;
  font-size: 16px;
  line-height: 11px;
  color: #000;
  padding: 9px;
  border: 0.5px solid #5E4B42;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0);
}
table.cart td.actions input::placeholder{
  color: #706E6E;
}
table.cart td.actions input::placeholder{
  color: #706E6E;
}
table.cart td.actions input::-moz-placeholder{
  color: #706E6E;
}
table.cart td.actions input:-moz-placeholder{
  color: #706E6E;
}
.coupon{
  display: flex !important;
  gap: 17px;
}
.coupon button{
  font-size: 16px;
  line-height: 11px;
  text-transform: uppercase;
  padding: 16px 28px;
  background: #F9E4B7;
  font-weight: normal;
  border-radius: 30px;
}
.shop_table {
  padding-bottom: calc(15px + 45 * ((100vw - 320px) / 1120));
}
@media (any-hover: hover) {
  .coupon button{
    transition: all 0.3s ease 0s;
  }
  .coupon button:hover{
    background: #5E4B42;
    color: #F9E4B7;
  }
}
td.result p{
  font-size: 25px;
  line-height: 29px;
  text-transform: uppercase;
  margin-bottom: 0;
}
table.cart{
  margin-bottom: 0 !important;
}
table.cart td, table:not( .has-background ) th{
  background: rgba(0, 0, 0, 0) !important;
}
table thead th{
  padding: 0.5em !important;
}

.cart_totals {
  width: 100% !important;
}
table.cart td.actions{
  padding-top: 15px;
}
td .woocommerce-Price-amount{
  font-weight: 300;
  font-size: 21px;
  line-height: 16px;
}
@media (min-width: 768px){
  .cart_item td{
    border: 1px solid #5E4B42 !important;
    border-width: 1px 0 !important;
  }
}
@media (max-width: 767px){
  table.cart{
    border-collapse: collapse;
  }
  .cart_item{
    border: 1px solid #5E4B42 !important;
    border-width: 1px 0 !important;
  }
  table.cart td.product-remove a.remove{
    position: relative !important;
  }
  table.cart td.product-remove{
    display: flex;
    justify-content: end;
  }
  table.cart td.product-remove{
    position: relative;
    width: auto;
  }
  table.cart td.product-remove a.remove{
    right: 0 !important;
  }
  table.cart td.product-remove{
    padding-right: 12px !important;
    padding-bottom: 10px !important;
  }
  .product-table-item{
    align-items: center;
  }
  td.result p{
    text-align: center;
  }
}
table.cart td.actions input{
  margin: 0 !important;
  width: auto !important;
}
table.cart td.actions .coupon{
  gap: 17px;
  flex-wrap:wrap;
}
 @media (max-width: 564px){
  .coupon{
    flex-direction: column;
    align-items: center;
  }
  .basket__form-checkboxs{
    gap: 5px;
  }
 }
 @media (max-width: 430px){
  .basket__order{
    flex-direction: column;
    gap: 10px;
    align-items: center;
    margin-top: 10px;
  }
  .basket__result-price{
    justify-content: sta  rt;
  }
  .basket__form{
    grid-template-columns:repeat(1, 1fr)
  }
 }
 @media (max-width: 442px){
  .computation__filling-list{
    margin: 0;
    right: auto;
    left: 0;
  }
 }
 a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus{
  outline:0px;
 }
 .wc-block-components-price-slider__actions{
  display: none;
 }
 .wc-block-components-price-slider--is-input-inline .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount{
  max-width: 94px !important;
 }
 .wc-blocks-filter-wrapper h3, .prdctfltr_regular_title, .bapf_head{
  padding: 14px 0 15px 40px !important;
  background: #F9E4B7;
  font-family: 'Ubuntu';
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #453A35;
 }
 .bapf_head h3{
  margin-bottom: 0;
  font-weight: 500;
 }
 .wc-block-attribute-filter__actions{
  display: none !important;
 }
 .wc-block-components-checkbox__label{
  font-family: 'Ubuntu';
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #453A35;
 }
 .prdctfltr_wc .prdctfltr_filter{
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgb(158 133 108 / 15%);
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 10px !important;
    padding: 0 !important;
 }
 .prdctfltr_checkboxes{
  padding: 0 36px;
  padding-bottom: 20px;
  padding-top: 20px;
 }
 /* .ajax-load-more-wrap{
  grid-column-start: 1;
  grid-column-end: 5;
 } */
 .prdctfltr_wc.prdctfltr_checkbox .prdctfltr_filter label>span:before{
  border-radius: 50%;
  width: 11px !important;
  height: 11px !important;
  border: 0.5px solid #5E4B42 !important;
  position: relative;
 }
 .prdctfltr_wc.prdctfltr_checkbox .prdctfltr_filter label.prdctfltr_active>span:after{
  content: '' !important;
  width: 7px;
  height: 7px;
  background: #5E4B42;
  border-radius: 50%;
  top: 4px;
  left: 3px;

 }
 .term-description{
  margin: 0 auto;
  font-size: 12px;
  line-height: 18px;
  color: #a76d33;
  font-weight: 400;
  text-align: center;
  flex-direction: column;
 }
 .content-area{
  margin-bottom: 0;
 }
 .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:not(:checked)+.wc-block-components-checkbox__mark,
 .wc-block-components-checkbox .wc-block-components-checkbox__mark{
  display: none !important;
 }
 .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]{
  height: 13px;
  width: 13px;
  border-radius: 50%;
  border: 0.5px solid #5E4B42;
  position: relative;
  min-width: auto;
  min-height: auto;
  margin-right: 0;
 }
 .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked::before{
  background: #5E4B42;
  content: '';
  border-radius: 50%;
  height: 7px;
  width: 7px;
  position: absolute;
  top: 2.5px;
  left: 2px;
 }
 .wc-block-components-checkbox label{
  align-items: center;
  column-gap: 8px;
 }
 .welcome, .popup-cart{
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  z-index: 1000;
  justify-content: center;
  align-items: center;
  display: none;
 }
 .welcome.open, .popup-cart.open{
  display: flex;
 }
 .welcome__body, .popup-cart__body{
  background: #FFFFFF;
  border-radius: 20px;
  padding: 54px 115px;
  text-align: center;
  position: relative;
  padding-top: calc(45px + 9 * ((100vw - 320px) / 1120));
  padding-bottom: calc(20px + 34 * ((100vw - 320px) / 1120));
  padding-left: calc(20px + 95 * ((100vw - 320px) / 1120));
  padding-right: calc(20px + 95 * ((100vw - 320px) / 1120));
}
.popup-cart__body{
  padding-left: calc(20px + 50 * ((100vw - 320px) / 1120));
  padding-right: calc(20px + 50 * ((100vw - 320px) / 1120));
}
.welcome__close, .popup-cart__close{
  position: absolute;
  top: calc(14px + 7 * ((100vw - 320px) / 1120));
  right: calc(15px + 6 * ((100vw - 320px) / 1120));
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  padding: 0;
  transition: all 0.3s ease;
  border-radius: 4px;
}
.welcome__title, .popup-cart__title{
  font-weight: 700;
  font-size: 27px;
  line-height: 31px;
  text-align: center;
  text-transform: uppercase;
  color: #453A35;
  margin-bottom: 30px;
  max-width: 460px;
  font-size: calc(20px + 7 * ((100vw - 320px) / 1120));
  line-height: calc(20px + 11  * ((100vw - 320px) / 1120));
}
@media (min-width: 1120px){
  .welcome__title, .popup-cart__title{
    font-size: 27px;
  }
}
.welcome__text, .popup-cart__text{
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #453A35;
  margin-bottom: 35px;
  max-width: 460px;
}
.welcome__button, .popup-cart__buy, .popup-cart__continue{
  font-weight: 400;
  font-size: calc(12px + 2 * ((100vw - 320px) / 1120));
  line-height: 16px;
  text-transform: uppercase;
  color: #453A35;
  background: #FFA588;
  border-radius: 30px;
  padding: 13.5px 24.5px;
  border: 2px solid #FFA588 !important;
  transition: all 0.3s ease 0s;
}
@media (any-hover:hover){
  .welcome__button, .popup-cart__buy{
    cursor: pointer;
  }
  .welcome__button:hover, .popup-cart__buy:hover{
    background: rgba(255, 165, 136, 0) !important;
    color: rgba(255, 165, 136, 1);
  }
}
.popup-cart__buttons{
  display: flex;
  flex-direction: column;
  row-gap: 11px;
  align-items: center;
}
.popup-cart__continue{
  background: rgba(255, 165, 136, 0) !important;
  color: rgba(255, 165, 136, 1);
  transition: all 0.3s ease 0s;
}
@media (any-hover:hover){

  .popup-cart__continue:hover{
    background: rgba(255, 165, 136, 1) !important;
    color: #453A35;
  }
}
.popup-cart__continue, .popup-cart__buy{
  width: 100%;
  max-width: 207px;
  text-align: center;
  padding: 13.5px 0;
}
.pagination__body, .catalog-desc{
  grid-column-start: 1;
  grid-column-end: 5;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1172px){
  .pagination__body, .catalog-desc{
    grid-column-start: 1;
  }
}
@media (max-width: 960px){
  .pagination__body, .catalog-desc{
    grid-column-end: 3;
  }
}
@media (max-width: 760px){
  .pagination__body, .catalog-desc{
    grid-column-end: 4;
  }
}
@media (max-width: 649px){
  .pagination__body, .catalog-desc{
    grid-column-end: 3;
  }
}
@media (max-width: 439px){
  .pagination__body, .catalog-desc{
    grid-column-end: 2;
  }
}

.up__body{
  position: fixed;
  bottom: calc(30px + 70 * ((100vw - 320px) / 1120));
  width: 100%;
  z-index: 50;
  height: 0;
}

@media (min-width: 1120px){
  .up__body{
    bottom: 30px;
  }
}
.up__body ._container{
  position: relative;
}
.up{
  width: 50px;
  height: 0px;
  background: #FFFFFF;
  box-shadow: 0px 0px 9.1px rgba(201, 169, 137, 0.53);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  right: 0;
  transition: all 0.3s ease 0s;
  bottom: 0;
  opacity: 0;
}
.up__body.active .up{
  height: 50px;
  opacity: 1;
}
.catalog-block{
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: calc(10px + 25 * ((100vw - 320px) / 1120));
}
.pf_rngstyle_thin .irs-slider{
  width: 20px;
  height: 19px;
  border-radius: 50%;
}
.pf_rngstyle_thin .irs-slider.state_hover, .pf_rngstyle_thin .irs-slider:hover{
  background-position: 0 -152px;
}
.pf_rngstyle_thin .irs-from, .pf_rngstyle_thin .irs-to, .pf_rngstyle_thin .irs-single{
  background: #C9A989;
}
.prdctfltr_filter_inner{
  display: flex;
  flex-direction: column;
}
.woocommerce-ordering{
  display: inline-flex;
  margin-right: 1em;
}
.prdctfltr_wc .prdctfltr_woocommerce_ordering{
  margin: 0;
}

.products .pagination__body{
  display: flex;
}
.catalog-block .page-title, .catalog-top-filter .pagination__body, .catalog-desc .woocommerce-ordering, .catalog-desc .woocommerce-result-count{
  display: none !important;
}
ul.products li.product .button{
  width: 100%;
  max-width: calc(110px + 30 * ((100vw - 320px) / 1120));
}
@media (min-width: 1192px){
  ul.products li.product .button{
    max-width: 140px;
    font-size: 14px;
    max-height: 35px;
  }
}
.catalog-top-filter{
  margin-top: calc(20px + 60 * ((100vw - 320px) / 1120));;
}
@media (min-width: 1120px){
  .catalog-top-filter{
    margin-top: 30px;
  }
}
.catalog-top-filter .storefront-sorting{
  display: flex;
  justify-content: center;
}
.bapf_sfilter{
  margin-bottom: 10px !important;
}
.bapf_body ul{
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.bapf_asradio2 ul li input[type=checkbox]{
  border: 0.5px solid #5E4B42;
  height: 13px;
  width: 13px;
}
.bapf_asradio2 ul li input[type=checkbox]:checked{
  background-color: #5E4B42;
}
.irs--round .irs-bar{
  background-color: #C9A989;
  height: 6px;
}
.irs--round .irs-line{
  background-color: #F9E4B7;
  border-radius: 10px;
  height: 6px;
}
.irs--round .irs-handle{
  background-color: #C9A989;
  border: 0;
  width: 19px;
  height: 19px;
  top: auto;
  bottom: 2px;
  box-shadow: none;
  cursor: pointer;
}
.irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover{
  background-color: #C9A989;
}
.bapf_slidr_all{
  padding-top: 30px;
}
.irs--round .irs-from, .irs--round .irs-single, .irs--round .irs-to{
  border: 0.5px solid #5E4B42;
  border-radius: 20px;
  padding: 10px;
  max-width: 94px;
  width: 100%;
  background: #fff;
  color: #453A35;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  top: -33px;
  visibility: visible !important;
  left: auto !important;
  right: auto !important;
}
.irs--round .irs-from{
  left: 0 !important;
}
.irs--round .irs-to{
  right: 0 !important;
}
.irs--round .irs-to:after{
  content: "";
  height: 1px;
  width: 19px;
  display: block;
  background: #453A35;
  position: absolute;
  top: 50%;
  left: -27px;
}
@media (max-width: 760px){
  .irs--round .irs-to:after{
    content: none;
  }
}
.irs--round .irs-from:before, .irs--round .irs-to:before{
 content: none;
}
.irs--round .irs-max, .irs--round .irs-min{
  display: none;
}
.irs-single{
  display: none;
}
@media (max-width: 900px){
  main.page{
    display:flex;
    flex-direction:column;
  }
  .home .products{
    order: 1;
  }
  .home .main{
    order: 2;
  }
  .home .compilation{
    order: 3;
  }
  .home .statement{
    order: 4;
  }
  .home .work{
    order: 5;
  }
  .home .text-main{
    order: 6;
  }
  .home .answer{
    order: 7;
  }
  .products__title{
    display: none;
  }
}
@media (max-width: 500px){
  .products__price{
    display: none;
  }
  .products__more-button{
    display: block;
  }
}
@media (max-width: 400px){
  .products__category-dish{
    max-height: calc(210px + 150 * ((100vw - 320px) / 1120)) !important;
  }
  .products__category-dish img{
    max-height: 100%;
    object-fit: contain;
  }
  .products__category-dish img:not(.bunny){
    max-height: 174px;
  }
}
.products__categories-cols a{
  width: 100%;
}
.woocommerce-loop-product__title{
  font-size: 12px;
  line-height: 14px;
}
.hidden {
display: none;
}
.edit-link {
display: none;
}
.filling-option{
  white-space: normal !important;
  align-items: start !important;
}

.tm-epo-totals {display: none;}
.tm-cart-edit-options {color: #D0C4B8!important;}
.tc-price-in-cart {display: none;}
.tc-name {display: none;}

.button.alt
{
background-color: #333333!important;
    border-color: #333333!important;
    color: #ffffff!important;
    padding: 11px 18px!important;
    background: #FFA588!important;
    border: 2px solid #FFA588 !important;
    border-radius: 30px !important;
    font-size: 16px !important;
    line-height: 18px!important;
    font-weight: 400 !important;
    color: #000 !important;
}
.quantity {

}
.tc-totals-form.tc-show{
  width: 0;
}
.added_to_cart {
  display: none;
}
#billing_email_field, #billing_phone_field{
  position: relative;
}
#billing_email_field::after, #billing_phone_field::after{
  content:'*';
  color: #e2401c;
  font-size: 15px;
  position: absolute;
  right: 10px;
  top: 5px;
}
.amount-value{
  display: inline-flex;
  align-items: center;

}
.amount-value input, .amount-value input:focus{
  text-align: right;
  padding: 0;
  width: 50%;
  background: rgba(0, 0, 0, 0);
}
.filling__slide-zoom{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 10000;
  align-items: center;
  justify-content: center;
}
.filling__slide-zoom.active{
  display: flex;
}
.filling__slide-zoom-background{
  background: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.filling__slide-zoom-img{
  position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  max-height:679px;
  max-width: 679px;
}
.filling__slide-zoom-img img{
  width: 100%;
  height:100%;
  object-fit: contain;
}
.filling__slide-zoom-close{
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
}
.filling__slide-zoom-close:before, .filling__slide-zoom-close:after{
  content: '';
  display:block;
  width: 25px;
  height: 1.5px;
  background: #fff;
  position: absolute;
  top:0;
  right:0%;
}
.filling__slide-zoom-close:before{
  transform: rotate(45deg);
}
.filling__slide-zoom-close:after{
  transform: rotate(-45deg);
}

.onsale {

    max-height: 18px;
  }

  .reviews__title {
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    /* Если меньше контейнера */
    margin-top: 89px;
    /* Если меньше контейнера */
    margin-bottom: 89px;
  }
  @media screen and (max-width: 767px) {
    .reviews__title {
      font-size: calc(23px + 20.4 * ((100vw - 320px) / 1440));
    }
  }
  @media screen and (min-width: 767px) {
    .reviews__title {
      font-size: calc(23px + 12 * (100vw / 1440));
    }
  }
  @media (min-width: 767px) {
    .reviews__title {
      line-height: calc(26px + 14 * ((100vw - 320px) / 1120));
    }
  }
  @media (max-width: 767px) {
    .reviews__title {
      line-height: calc(26px + 23.8 * ((100vw - 320px) / 1120));
    }
  }
  @media (max-width: 1192px) {
    .reviews__title {
      margin-top: calc(46px + 43 * ((100vw - 320px) / 872));
    }
  }
  @media (max-width: 1192px) {
    .reviews__title {
      margin-bottom: calc(23px + 66 * ((100vw - 320px) / 872));
    }
  }
  @media (min-width: 1192px){
    .reviews__title{
      font-size: 35px;
      line-height: 40px;
    }
  }
  .reviews__main {
    display: flex;
    justify-content: space-between;
    column-gap: 140px;
  }
  @media (max-width: 1192px){
    .reviews__main{
      -moz-column-gap: calc(0px + 140 * ((100vw - 320px) / 872));
      column-gap: calc(0px + 140 * ((100vw - 320px) / 872));
    }
  }
  @media (max-width: 820px) {
    .reviews__main {
      flex-direction: column;
      justify-content: stretch;
      align-items: center;
    }
  }
  .reviews__img {
    /* width: 50%; */
    height: 100%;
  }
  .reviews__img img {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  @media (max-width: 1190px) {
    .reviews__img img {
      width: 100%;
    }
  }
  @media (max-width: 992px) {
    .reviews__img {
      margin-bottom: 17px;
    }
  }
  @media (max-width: 820px) {
    .reviews__img {
      width: 80%;
    }
  }
  @media (max-width: 440px) {
    .reviews__img {
      width: 100%;
    }
  }
  .reviews__list-body {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  @media (max-width: 820px) {
    .reviews__list-body {
      width: 100%;
    }
  }
  .reviews__list {
    display: flex;
    flex-direction: column;
    margin: 0;
    max-height: 547px;
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
    max-width: 458px;
  }
  @media (max-width: 1192px) {
    .reviews__list {
      max-height: calc(405px + 142 * ((100vw - 320px) / 872));
    }
  }
  .reviews__list::-webkit-scrollbar{
    width: 0;
  }
  .reviews__list li {
    /* Если меньше контейнера */
    padding-top: 23px;
    /* Если меньше контейнера */
    padding-bottom: 23px;
    border: 0px solid #D0C4B8;
    border-bottom-width: 1px;
  }
  @media (max-width: 1192px) {
    .reviews__list li {
      padding-top: calc(15px + 8 * ((100vw - 320px) / 872));
    }
  }
  @media (max-width: 1192px) {
    .reviews__list li {
      padding-bottom: calc(15px + 8 * ((100vw - 320px) / 872));
    }
  }
  @media (min-width: 1192px) {
    .reviews__list li {
      padding-bottom: 23px;
      padding-top: 23px;

    }
  }
  .reviews__list li:first-child {
    border-top-width: 1px;
  }
  .reviews__review {
    display: flex;
    flex-direction: column;
  }
  .reviews__review-top, .comment-author {
    display: flex;
    /* Если меньше контейнера */
    -moz-column-gap: 15px;
         column-gap: 15px;
    /* Если меньше контейнера */
    margin-bottom: 28px;
  }
  .comment-meta{
    margin-bottom: 28px;
  }
  .comment-author{
    display: flex;
  }
  .comment-author .avatar, .reviews__review-avatar{
    margin-right: 15px;
  }
  @media (max-width: 1192px) {
    .reviews__review-top, .comment-author {
      -moz-column-gap: calc(10px + 5 * ((100vw - 320px) / 872));
           column-gap: calc(10px + 5 * ((100vw - 320px) / 872));
    }
    .comment-author .avatar, .reviews__review-avatar{
      margin-right: calc(10px + 5 * ((100vw - 320px) / 872));
    }
  }
  @media (max-width: 1192px) {
    .reviews__review-top, .comment-meta, .comment-author {
      margin-bottom: calc(19px + 9 * ((100vw - 320px) / 872));
    }
  }

  @media (min-width: 1192px) {
    .reviews__review-top, .comment-author {
      margin-bottom: 28px;
    }
    .comment-author .avatar, .reviews__review-avatar{
      margin-right: 15px;
    }
  }
  @media (min-width: 1192px) {
    .comment-meta {
      margin-bottom: 28px;
    }
  }

  .reviews__review-avatar, .comment-author .avatar, .reviews__review-avatar{
    width: 100%;
    /* Если меньше контейнера */
    max-width: 59px;
    /* Если меньше контейнера */
    height: 59px;
    /* background: #D9D9D9; */
    border-radius: 50%;
    overflow: hidden;
  }
  @media (max-width: 1192px) {
    .reviews__review-avatar, .comment-author .avatar , .reviews__review-avatar{
      max-width: calc(41px + 18 * ((100vw - 320px) / 872));
    }
  }
  @media (max-width: 1192px) {
    .reviews__review-avatar, .comment-author .avatar , .reviews__review-avatar{
      height: calc(41px + 18 * ((100vw - 320px) / 872));
    }
  }
  .reviews__review-avatar img, .comment-author .avatar , .reviews__review-avatar{
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .reviews__review-data {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .reviews__review-data-top {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    /* Если меньше контейнера */
    margin-bottom: 10px;
  }
  @media (max-width: 1192px) {
    .reviews__review-data-top {
      margin-bottom: calc(7px + 3 * ((100vw - 320px) / 872));
    }
  }
  .reviews__review-data-bottom {
    display: flex;
    justify-content: space-between;
  }
  .reviews__review-data-bottom .reviews__review-date, .reviews__review-data-bottom a {
    display: none;
  }
  @media (max-width: 992px) {
    .reviews__review-data-bottom .reviews__review-date, .reviews__review-data-bottom a {
      display: block;
    }
  }
  .reviews__review-data-grade-order {
    display: flex;
    /* Если меньше контейнера */
    -moz-column-gap: 13px;
         column-gap: 13px;
  }
  @media (max-width: 1192px) {
    .reviews__review-data-grade-order {
      -moz-column-gap: calc(9px + 4 * ((100vw - 320px) / 872));
           column-gap: calc(9px + 4 * ((100vw - 320px) / 872));
    }
  }
  .reviews__review-name, .comment-author, .reviews__review-data-top cite{
    font-weight: 700;
    color: #453A35;
    font-style: normal;
  }
  @media screen and (max-width: 767px) {
    .reviews__review-name, .comment-author, .reviews__review-data-top cite {
      font-size: calc(14px + 10.2 * ((100vw - 320px) / 1440));
    }
  }
  @media screen and (min-width: 767px) {
    .reviews__review-name, .comment-author, .reviews__review-data-top cite {
      font-size: calc(14px + 6 * (100vw / 1440));
    }
  }
  @media (min-width: 767px) {
    .reviews__review-name, .comment-author, .reviews__review-data-top cite {
      line-height: calc(16px + 7 * ((100vw - 320px) / 1120));
    }
  }
  @media (max-width: 767px) {
    .reviews__review-name, .comment-author, .reviews__review-data-top cite {
      line-height: calc(16px + 11.9 * ((100vw - 320px) / 1120));
    }
  }

  @media (min-width: 1192px) {
    .reviews__review-name, .comment-author, .reviews__review-data-top cite {
      font-size: 20px;
      line-height: 23px;
    }
  }
  .reviews__review-date, .comment-metadata time, .reviews__review-data-top a, .reviews__review-data-bottom a {
    color: #D0C4B8;
    font-weight: normal;
  }
  .reviews__review-date, .comment-metadata time, .reviews__review-data-top a{
    display: block;
  }
  .comment-meta{
    display: flex;
    justify-content: space-between;
  }

  @media screen and (max-width: 767px) {
    .reviews__review-date, .comment-metadata time, .reviews__review-data-top a, .reviews__review-data-bottom a  {
      font-size: calc(9px + 8.5 * ((100vw - 320px) / 1440));
    }
  }
  @media screen and (min-width: 767px) {
    .reviews__review-date, .comment-metadata time, .reviews__review-data-top a, .reviews__review-data-bottom a  {
      font-size: calc(9px + 5 * (100vw / 1440));
    }
  }
  @media (min-width: 767px) {
    .reviews__review-date, .comment-metadata time, .reviews__review-data-top a, .reviews__review-data-bottom a  {
      line-height: calc(11px + 5 * ((100vw - 320px) / 1120));
    }
  }
  @media (max-width: 767px) {
    .reviews__review-date, .comment-metadata time, .reviews__review-data-top a, .reviews__review-data-bottom a  {
      line-height: calc(11px + 8.5 * ((100vw - 320px) / 1120));
    }
  }
  @media (min-width: 1192px) {
    .reviews__review-date, .comment-metadata time, .reviews__review-data-top a, .reviews__review-data-bottom a  {
      font-size: 14px;
      line-height: 16px;
    }
  }
  @media (max-width: 992px) {
    .reviews__review-date, .reviews__review-data-top a {
      display: none;
    }
  }
  .reviews__review-grade {
    display: flex;
    -moz-column-gap: 3px;
         column-gap: 3px;
  }
  .reviews__review-star {
    /* Всегда */
    width: calc(11px + 5 * ((100vw - 320px) / 1120));
    /* Всегда */
    height: calc(11px + 5 * ((100vw - 320px) / 1120));
    -o-object-fit: contain;
       object-fit: contain;
  }
  @media (min-width: 1192px) {
    .reviews__review-star {
      width: 16px;
      height: 16px;
    }
  }
  .reviews__review-order-id {
    color: #D0C4B8;
  }
  @media screen and (max-width: 767px) {
    .reviews__review-order-id {
      font-size: calc(9px + 8.5 * ((100vw - 320px) / 1440));
    }
  }
  @media screen and (min-width: 767px) {
    .reviews__review-order-id {
      font-size: calc(9px + 5 * (100vw / 1440));
    }
  }
  @media (min-width: 767px) {
    .reviews__review-order-id {
      line-height: calc(11px + 5 * ((100vw - 320px) / 1120));
    }
  }
  @media (max-width: 767px) {
    .reviews__review-order-id {
      line-height: calc(11px + 8.5 * ((100vw - 320px) / 1120));
    }
  }

  @media (min-width: 1192px) {
    .reviews__review-order-id {
      font-size: 14px;
      line-height: 16px;
    }
  }

  .reviews__review-comment, .comment-content, .commnet-text {
    color: #453A35;
    margin-bottom: 0;
  }
  .comment-content p:last-child, .commnet-text p:last-child{
    margin-bottom: 0;
  }
  @media screen and (max-width: 767px) {
    .reviews__review-comment, .comment-content, .commnet-text {
      font-size: calc(10px + 6.8 * ((100vw - 320px) / 1440));
    }
  }
  @media screen and (min-width: 767px) {
    .reviews__review-comment, .comment-content, .commnet-text {
      font-size: calc(10px + 4 * (100vw / 1440));
    }
  }
  @media (min-width: 767px) {
    .reviews__review-comment, .comment-content, .commnet-text {
      line-height: calc(11px + 5 * ((100vw - 320px) / 1120));
    }
  }
  @media (max-width: 767px) {
    .reviews__review-comment, .comment-content, .commnet-text {
      line-height: calc(11px + 8.5 * ((100vw - 320px) / 1120));
    }
  }
  @media (min-width: 1192px) {
    .reviews__review-comment, .comment-content, .commnet-text {
      font-size: 14px;
      line-height: 16px;
    }
  }


  
  .reviews__catalog {
    margin-top: 16px;
    /* Если меньше контейнера */
    margin-top: 16px;
    color: #453A35;
    padding: 15px;
    width: 100%;
    max-width: 315px;
    background: #FFA588;
    border: 2px solid #FFA588;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  @media (max-width: 1192px) {
    .reviews__catalog {
      margin-top: calc(24px + -8 * ((100vw - 320px) / 872));
    }
  }
  @media screen and (max-width: 767px) {
    .reviews__catalog {
      font-size: calc(18px + 3.4 * ((100vw - 320px) / 1440));
    }
  }
  @media screen and (min-width: 767px) {
    .reviews__catalog {
      font-size: calc(18px + 2 * (100vw / 1440));
    }
  }
  @media (min-width: 767px) {
    .reviews__catalog {
      line-height: calc(21px + 2 * ((100vw - 320px) / 1120));
    }
  }
  @media (max-width: 767px) {
    .reviews__catalog {
      line-height: calc(21px + 3.4 * ((100vw - 320px) / 1120));
    }
  }
  @media (any-hover: hover) {
    .reviews__catalog {
      cursor: pointer;
      transition: all 0.3s ease 0s;
    }
    .reviews__catalog:hover {
      background: rgba(0, 0, 0, 0);
    }
  }
  @media (min-width: 1192px) {
    .reviews__catalog {
      font-size: 20px;
      line-height: 23px;
      margin-top: 16px;
    }
  }
  .reviews__more {
    -moz-column-gap: 8px;
         column-gap: 8px;
    margin-top: 25px;
    /* display: none; */
    display: flex;
  }
  @media (max-width: 820px) {
    .reviews__more {
      display: flex;
    }
  }
  .reviews__more-plus {
    width: 16px;
    height: 16px;
    position: relative;
    background: #F9E4B7;
    border-radius: 50%;
  }
  .reviews__more-plus::before, .reviews__more-plus::after {
    content: "";
    background: #5E4B42;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .reviews__more-plus::after {
    width: 9px;
    height: 1px;
  }
  .reviews__more-plus::before {
    width: 1px;
    height: 9px;
  }
  .reviews__more span {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-decoration-line: underline;
    color: #453A35;
  }
  
  .reviews-form__title, .comment-reply-title {
    font-weight: 700;
    font-size: 35px;
    line-height: 40px;
    text-transform: uppercase;
    color: #453A35;
    text-align: center;
    /* Если меньше контейнера */
    margin-top: 80px;
    /* Если меньше контейнера */
    margin-bottom: 44px;
  }
  @media (max-width: 1192px) {
    .reviews-form__title, .comment-reply-title {
      margin-top: calc(50px + 30 * ((100vw - 320px) / 872));
    }
  }
  @media (max-width: 1192px) {
    .reviews-form__title, .comment-reply-title {
      margin-bottom: calc(46px + -2 * ((100vw - 320px) / 872));
    }
  }
  @media screen and (max-width: 767px) {
    .reviews-form__title, .comment-reply-title {
      font-size: calc(23px + 12 * ((100vw - 320px) / 1440));
      line-height: calc(26px + 14 * ((100vw - 320px) / 1440));
    }
  }
  @media screen and (min-width: 767px) {
    .reviews-form__title, .comment-reply-title {
      font-size: calc(23px + 11 * (100vw / 1440));
      line-height: calc(26px + 13 * ((100vw - 320px) / 1440));
    }
  }
  .reviews-form__grade, .comment-notes {
    display: flex;
    -moz-column-gap: 13px;
         column-gap: 13px;
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    color: #706E6E;
    margin-bottom: 20px;
  }
  .comment-notes{
    -moz-column-gap: 0px;
    column-gap: 0px;
  }
  .reviews-form__stars {
    display: flex;
    -moz-column-gap: 3px;
         column-gap: 3px;
    align-items: center;
  }
  .reviews-form__stars img {
    cursor: pointer;
  }
  .reviews-form__body{
    display: flex;
    justify-content: center;
  }
  .comments-template__body{
    display: flex;
    justify-content: center;
  }
  .comment-list, .comments-title{
    display: none;
  }
  .comments-template__main{
    width: 100%;
  }
  .comments-template__main .comment-respond{
    margin: auto;
    padding: 0 !important;
    background: rgba(0, 0, 0, 0) !important;
  }
  .reviews-form__main, .comments-template__main .comment-respond{
    width: 100%;
    max-width: 666px;
  }
  .reviews-form__fields {
    display: flex;
    flex-direction: column;
    row-gap: 25px;
  }
  .reviews-form__field, .comment-form input:not([type='submit']), .comment-form textarea {
    font-size: 12px;
    line-height: 14px;
  }
  .reviews-form__field input, .reviews-form__field textarea, .comment-form input:not([type='submit']), .comment-form textarea{
    border-radius: 30px;
    width: 100%;
    border: 0.5px solid #5E4B42;
  }
  .reviews-form__field input::-moz-placeholder, .reviews-form__field textarea::-moz-placeholder, .comment-form input::-moz-placeholder, .comment-form textarea::-moz-placeholder,
  .comment-form-comment textarea::-moz-placeholder {
    font-weight: 300;
    color: #706E6E;
    width: 100%;
    max-width: 363px;
  }
  .reviews-form__field input::placeholder, .reviews-form__field textarea::placeholder, .comment-form input::placeholder, .comment-form textarea::placeholder,
  .comment-form-comment textarea::placeholder{
    font-weight: 300;
    color: #706E6E;
    width: 100%;
    max-width: 363px;
  }
  @media (max-width: 440px) {
    .reviews-form__field input::-moz-placeholder, .reviews-form__field textarea::-moz-placeholder, .comment-form input::-moz-placeholder, .comment-form textarea::-moz-placeholder,
    .comment-form-comment textarea::-moz-placeholder {
      max-width: none;
    }
    .reviews-form__field input::placeholder, .reviews-form__field textarea::placeholder, .comment-form input::placeholder, .comment-form textarea::placeholder,
    .comment-form-comment textarea::placeholder {
      max-width: none;
    }
  }
  .reviews-form__field input, .comment-form input:not([type='submit']) {
    padding: 13px 21px;
    background: rgba(0, 0, 0, 0);
  }
  .reviews-form__field textarea, .comment-form textarea {
    padding: 20px !important;
    resize: none;
    height: 169px;
    background: rgba(0, 0, 0, 0);
  }
  .reviews-form__submit-body {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
  }
  .comment-form input[type="submit"]{
    align-self: end;
  }
  .reviews-form__submit-button, .comment-form input[type="submit"] {
    background: #5E4B42;
    border-radius: 30px;
    font-size: 20px;
    line-height: 23px;
    color: #FFFCF5;
    border: 2px solid #5E4B42;
    padding: 0 57px;
    /* Если меньше контейнера */
    padding-top: 14px;
    /* Если меньше контейнера */
    padding-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  @media (max-width: 1192px) {
    .reviews-form__submit-button, .comment-form input[type="submit"] {
      padding-top: calc(11px + 3 * ((100vw - 320px) / 872));
    }
  }
  @media (max-width: 1192px) {
    .reviews-form__submit-button, .comment-form input[type="submit"] {
      padding-bottom: calc(11px + 3 * ((100vw - 320px) / 872));
    }
  }
  @media (any-hover: hover) {
    .reviews-form__submit-button, .comment-form input[type="submit"] {
      cursor: pointer;
      transition: all 0.3s ease 0s;
    }
    .reviews-form__submit-button:hover, .comment-form input[type="submit"]:hover {
      color: #5E4B42;
      background: rgba(0, 0, 0, 0);
    }
  }
  @media (max-width: 400px) {
    .reviews-form__submit-button, .comment-form input[type="submit"] {
      width: 100%;
    }
  }

  .comment-form{
    display:flex;
    flex-direction:column;
  }
  .comment-form p:not(.comment-notes, .comment-form-order){
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    margin-bottom: 25px !important;
    width: 100% !important;
  }
  .comment-form p label{
    font-size: 20px;
    margin-bottom: 10px;
  }
  .comment-form-order{
    margin: 0;
  }
  .comment-form-comment label{
    display: none;
  }

.woocommerce-pagination .page-numbers li .page-numbers.current {
	color: #ffffff;
  background-color: rgba(94,75,66,1) !important;
}