@charset "UTF-8";
@font-face {
  font-display: swap;
  font-family: Geologica;
  src: url(../fonts/Geologica/static/Geologica-Thin.ttf);
  font-style: normal;
  font-weight: 100;
}
@font-face {
  font-display: swap;
  font-family: Geologica;
  src: url(../fonts/Geologica/static/Geologica-ExtraLight.ttf);
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-display: swap;
  font-family: Geologica;
  src: url(../fonts/Geologica/static/Geologica-Light.ttf);
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-display: swap;
  font-family: Geologica;
  src: url(../fonts/Geologica/static/Geologica-Regular.ttf);
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-display: swap;
  font-family: Geologica;
  src: url(../fonts/Geologica/static/Geologica-Medium.ttf);
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-display: swap;
  font-family: Geologica;
  src: url(../fonts/Geologica/static/Geologica-SemiBold.ttf);
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-display: swap;
  font-family: Geologica;
  src: url(../fonts/Geologica/static/Geologica-Bold.ttf);
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-display: swap;
  font-family: Geologica;
  src: url(../fonts/Geologica/static/Geologica-ExtraBold.ttf);
  font-style: normal;
  font-weight: 800;
}
@font-face {
  font-display: swap;
  font-family: Geologica;
  src: url(../fonts/Geologica/static/Geologica-Black.ttf);
  font-style: normal;
  font-weight: 900;
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: Geologica;
}

body > iframe {
  display: none;
}

a {
  text-decoration: none;
  outline: 0;
}

img,
picture {
  max-width: 100%;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}

input,
textarea {
  outline: 0;
}

ol,
ul {
  margin: 0;
  padding: 0;
}

body,
html {
  /* overflow-x: hidden; */
  min-height: 100vh;
}

.no-select {
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}

:root {
  --font-family: "Geologica", sans-serif;
}

:root {
  --blue-green: #005a65;
  --turquoise: #b4d2c8;
  --red: #aa0535;
  --beige: #d1d2b0;
  --white: #fff;
  --black: #000;
  --blue-green-light: #cddbdd;
  --gray: #acacac;
  --gray-75: #f3f3f3;
  --gray-50: #fafafa;
  --main-text_gray: #929495;
}

.list-reset {
  margin: 0;
  padding: 0;
  list-style: none;
}

.btn-reset {
  padding: 0;
  background-color: transparent;
  cursor: pointer;
  border: none;
}

.container {
  width: 1412px;
  padding-left: 24px;
  padding-right: 24px;
  margin: 0 auto;
  max-width: 100%;
}

.container:after,
.container:before {
  content: " ";
  display: table;
}

.container:after {
  clear: both;
}

.clearfix:after,
.clearfix:before {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.hidden {
  display: none;
}

.wrapper * {
  -webkit-appearance: none;
}

.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
}

.footer {
  margin-top: auto;
}

.content {
  position: relative;
  z-index: 100;
  padding-top: 36px;
  padding-bottom: 77px;
}

.content:has(.box-share) {
  z-index: 200;
}

.header {
  position: relative;
  z-index: 202;
  width: 100%;
  padding-top: 12px;
}

.header__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 16px;
}

.header-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.header-links__item {
  margin-right: 28px;
  margin-top: 12px;
}

.header-links__item:last-child {
  margin-right: 0;
}

.header-links__item-link {
  display: inline-block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-links__item-link-text {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 133.333%;
  margin-right: 8px;
  white-space: nowrap;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.header-links__item-link-icon {
  display: block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  border-radius: 100%;
  background-color: #B4D2C8;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.header-links__item-link-icon svg {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.header-links__item-link-icon svg path {
  -webkit-transition: inherit;
  transition: inherit;
}

.header-links__item-link:hover .header-links__item-link-text {
  color: #005A65;
}

.header-links__item-link:hover .header-links__item-link-icon {
  background-color: #005A65;
}

.header-links__item-link:hover .header-links__item-link-icon svg path {
  fill: #fff;
}

.header-socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.header-socials__item {
  margin-right: 16px;
  margin-top: 12px;
}

.header-socials__item:last-child {
  margin-right: 0;
}

.header-socials__link {
  display: inline-block;
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 133.333%;
  border-bottom: 1px solid #005A65;
  padding-bottom: 1px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.header-socials__link:hover {
  color: #005A65;
  border-color: #B4D2C8;
}

.header__middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 14px 0px;
}

.logo {
  margin-right: 16px;
}

.logo img {
  display: block;
}

.header__middle-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.header-informer {
  white-space: nowrap;
  position: relative;
  margin-left: 25px;
  margin-top: 10px;
  z-index: 200;
}

.header-informer__phone {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
  margin-bottom: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.header-informer__phone a {
  color: inherit;
  line-height: inherit;
  font-weight: inherit;
  -webkit-transition: inherit;
  transition: inherit;
}

.header-informer__phone:hover a {
  color: #005A65;
}

.header-informer__phone_toggler {
  position: relative;
  padding-right: 21px;
}

.header-informer__toggler {
  width: 17px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 4px;
  cursor: pointer;
  z-index: 100;
}

.header-informer__toggler svg {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.header-informer__toggler:before {
  content: "";
  display: block;
  position: absolute;
  width: 150%;
  height: 150%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.header-informer__shedule {
  color: #B7B7B7;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin-bottom: 4px;
}

.header-informer__popup {
  position: absolute;
  left: -12px;
  top: 100%;
  border-radius: 16px;
  background: #FFF;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
  padding: 12px;
  padding-top: 16px;
  min-width: 211px;
  display: none;
}

.header-informer__item_popup {
  margin-bottom: 13px;
}

.header-informer__item_popup:last-child {
  margin-bottom: 0;
}

.header-informer__item_popup .header-informer__phone {
  margin-bottom: 0;
}

.header-informer.open .header-informer__toggler svg {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.header-callback {
  margin-left: 25px;
  margin-top: 10px;
}

.header-callback .btn {
  white-space: nowrap;
}

.btn {
  display: inline-block;
  cursor: pointer;
  padding: 12px 31px;
  border-radius: 50px;
  background: #005A65;
  color: #FFF;
  font-size: 17px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  border: 1px solid #005A65;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
}

.btn:hover {
  background-color: #B4D2C8;
  border-color: #B4D2C8;
  color: #000;
}

.header-panel {
  margin-left: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.header-panel__item {
  margin-right: 8px;
  margin-top: 10px;
}

.header-panel__item:last-child {
  margin-right: 0;
}

.header-panel__item_profile {
  display: none;
}

.header-panel__link {
  display: block;
  cursor: pointer;
  width: 48px;
  min-width: 48px;
  height: 48px;
  border-radius: 100%;
  background-color: #CDDBDD;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.header-panel__link svg {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.header-panel__link svg path {
  -webkit-transition: inherit;
  transition: inherit;
}

.header-panel__link:hover {
  background-color: #005A65;
}

.header-panel__link:hover svg path {
  stroke: #fff;
}

.header-panel__counter {
  position: absolute;
  z-index: 10;
  width: 22px;
  height: 22px;
  border-radius: 100%;
  border: 2px solid #fff;
  background-color: #005A65;
  top: -10px;
  right: -4px;
  color: #FFF;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.header__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.header-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 18px;
}

.header-menu__item {
  margin-right: 44px;
}

.header-menu__item:last-child {
  margin-right: 0;
}

.header-menu__link {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 133.333%;
  white-space: nowrap;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.header-menu__link:hover {
  color: #005A65;
}

.header-menu__item_parent {
  position: relative;
  padding-right: 20px;
}

.header-menu__item-toggler {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 1px;
  height: 100%;
  width: 17px;
}

.header-menu__item-toggler:before {
  content: "";
  display: block;
  position: absolute;
  width: 140%;
  height: 140%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.header-menu__item-toggler svg {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.header-profile {
  margin-top: 16px;
}

.header-profile__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.header-profile__link-icon {
  width: 28px;
  min-width: 28px;
  height: 28px;
  border-radius: 100%;
  position: relative;
  background-color: #CDDBDD;
  margin-right: 8px;
  -webkit-transition: inherit;
  transition: inherit;
}

.header-profile__link-icon svg {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -webkit-transition: inherit;
  transition: inherit;
}

.header-profile__link-icon svg path {
  -webkit-transition: inherit;
  transition: inherit;
}

.header-profile__link-text {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 133.333%;
  -webkit-transition: inherit;
  transition: inherit;
}

.header-profile__link:hover .header-profile__link-text {
  color: #005A65;
}

.header-profile__link:hover .header-profile__link-icon {
  background-color: #005A65;
}

.header-profile__link:hover .header-profile__link-icon svg path {
  stroke: #fff;
}

.header-submenu {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  border-radius: 16px;
  background: #FFF;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
  padding: 16px;
  margin-top: 8px;
  display: none;
  z-index: 202;
}

.header-submenu:before {
  content: "";
  display: block;
  width: 100%;
  height: 8px;
  position: absolute;
  bottom: 100%;
  left: 0;
}

.header-submenu__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.header-submenu__list {
  border-radius: 16px;
  background: #F3F3F3;
  padding: 8px;
  min-width: 232px;
}

.header-submenu__list-item {
  position: relative;
}

.header-submenu__list-item.hovered:not(:first-child):after {
  content: "";
  display: block;
  width: 70%;
  height: 200%;
  position: absolute;
  bottom: 0;
  right: 0;
}

.header-submenu__list-link {
  display: block;
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 133.333%;
  padding: 8px 20px;
  border-radius: 50px;
  white-space: nowrap;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.header-submenu__list-item.active .header-submenu__list-link,
.header-submenu__list-link:hover {
  background-color: rgba(172, 172, 172, 0.16);
}

.header-submenu__level {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 8px;
  flex-direction: column;
}

.header-submenu__level-list {
  margin-left: 24px;
  /*display: flex;
  flex-direction: column;*/
}

.header-submenu__level-list:first-child {
  /*margin-left: 24px;*/
}

.header-submenu__level-list-item {
  margin-bottom: 8px;
}

.header-submenu__level-list-item:first-child {
  /*margin-bottom: 12px;*/
}

.header-submenu__level-list-link {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 200;
  line-height: 150%;
  white-space: nowrap;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.header-submenu__level-list-link_parent {
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
}

.header-submenu__level-list-link:hover {
  color: #005A65;
}

.header-submenu__list-item .header-submenu__level {
  display: none;
}

.menu-burger {
  display: none;
}

.product-card {
  border-radius: 16px;
  padding-top: 72px;
  padding-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100% !important;
  position: relative;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  background-color: var(--gray-50);
}

.product-card.active .product-buttons__add {
  display: none;
}

.product-card.active .product-counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.box-line {
  margin-top: 8px;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 10px;
}

.box-line .line {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.box-line .line::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #afafaf;
}

.box-line .line .range {
  position: absolute;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: var(--blue-green);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.box-line .line .arrow {
  width: 0;
  height: 0;
}

.box-line .line .arrow.left {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #afafaf;
}

.box-line .line .arrow.right {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #afafaf;
}

.box-line .line .division {
  width: 1px;
  height: 100%;
  background-color: #afafaf;
}

.product-card_gray {
  background: #FAFAFA;
}

.product-card:hover {
  background-color: #F3F3F3;
}

.product-card:hover .card-marker {
  opacity: 1;
}

.product-card:hover .product-card__announce span.dark {
  color: var(--white);
  background-color: #3a2313;
}

.product-card:hover .product-card__announce span.citrus {
  color: var(--black);
  background-color: #fbaf41;
}

.product-card:hover .product-card__announce span.blueberry {
  color: var(--white);
  background-color: #4F86F7;
}

.product-card:hover .product-card__announce span.nut {
  color: var(--black);
  background-color: #e0c47b;
}

.product-card:hover .grinding-type__label {
  color: var(--black);
}

.product-card:hover .grinding-type__dropdown-current {
  color: var(--black);
}

.product-card:hover .product-card__tags {
  opacity: 1;
}

.product-card__image {
  position: relative;
  width: 140px;
  height: 164px;
  margin: 0px auto;
}

.product-card__image .card-marker {
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 50px;
  background-color: var(--black);
  white-space: nowrap;
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  line-height: 114%;
  color: var(--white);
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

.product-card__image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.product-card__text {
  margin-top: 8px;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
}

.product-card__title {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.product-card__title a {
  color: inherit;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.product-card__title a:hover {
  color: #005A65;
}

.product-card__announce {
  margin-top: 8px;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 200;
  line-height: 19px;
}

.product-card__announce span {
  border-radius: 4px;
  padding: 0px 1px;
  color: var(--black);
  background-color: transparent;
  -webkit-transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
}

.product-card__bottom {
  width: 100%;
  padding-top: 42px;
  margin-top: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.type-range {
  width: 100%;
  position: relative;
  /*cursor: pointer;*/
}

.type-range__labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  padding-right: 20px;
}

.type-range__label {
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: 200;
  line-height: 92.308%;
}
.type-range__info {
  position: absolute;
  right: 0.5px;
  top: -2.5px;
  cursor: pointer;
}
.type-range__line {
  margin-top: 8px;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
}

.type-range__line img {
  display: block;
  max-width: calc(100% + 20px);
  width: calc(100% + 20px);
  margin: 0 -10px;
}

.type-range__dot {
  width: 11px;
  height: 11px;
  border-radius: 100%;
  background-color: #005A65;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.type-range__tooltip {
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 356px;
  z-index: 100;
  display: none;
}

.type-range__tooltip-body {
  padding: 16px;
  background-color: #fff;
  border-radius: 16px;
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  position: relative;
}

.type-range__tooltip-body:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 20px;
  height: 9px;
  background-image: url(../img/product-card/type-range__tooltip-body.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}

.type-range__tooltip-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 12px;
  background: #F3F3F3;
  padding: 4px;
}

.type-range__tooltip-tab {
  width: 50%;
  cursor: pointer;
  border-radius: 8px;
  padding: 12px 8px;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 85.714%;
  text-align: center;
}

.type-range__tooltip-tab.active {
  color: #fff;
  background-color: #005A65;
}

.type-range__tooltip-block {
  margin-top: 12px;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 200;
  line-height: 121.429%;
  display: none;
}

.type-range__tooltip-block.active {
  display: block;
}

.grinding-type {
  margin-top: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.grinding-type__label {
  color: #5A5A5A;
  font-size: 15px;
  font-style: normal;
  font-weight: 200;
  line-height: 106.667%;
  margin-right: 8px;
  -webkit-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
}

.grinding-type__dropdown {
  position: relative;
}

.grinding-type__dropdown .product-item-scu-item-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.grinding-type__dropdown-current {
  display: inline-block;
  color: #5A5A5A;
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: 106.667%;
  position: relative;
  padding-right: 14px;
  border-bottom: 1px dashed #5A5A5A;
  padding-bottom: 1px;
  -webkit-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.grinding-type__dropdown-current:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 10px;
  height: 16px;
  background-image: url(../img/product-card/grinding-type__dropdown-current.svg);
  background-repeat: no-repeat;
  background-position: center center;
}

.grinding-type__dropdown-list {
  border-radius: 12px;
  position: absolute;
  top: -2px;
  left: -12px;
  min-width: 230px;
  z-index: 100;
  background-color: #fff;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
  overflow: hidden;
  display: none;
}

.grinding-type__dropdown-list.is-up {
  top: auto;
  bottom: -2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.grinding-type__dropdown-list.is-up .grinding-type__dropdown-list-current {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.grinding-type__dropdown-item {
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: 106.667%;
  white-space: nowrap;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  padding: 5px 12px;
  padding-bottom: 7px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.grinding-type__dropdown-item.current {
  display: none;
}

.grinding-type__dropdown-item:hover {
  background-color: #B4D2C8;
}

.grinding-type__dropdown-list-current {
  display: inline-block;
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: 106.667%;
  padding: 5px 12px;
  padding-bottom: 7px;
  padding-right: 14px;
  position: relative;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.grinding-type__dropdown-list-current:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 10px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../img/product-card/grinding-type__dropdown-current.svg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.product-card__tags {
  position: absolute;
  top: 24px;
  left: 24px;
  z-index: 100;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

.product-card__tags_right {
  left: auto;
  right: 24px;
  text-align: right;
  opacity: 1;
}

.product-card__tag {
  margin-bottom: 4px;
}

.product-card__tag-label {
  display: inline-block;
  color: #FFF;
  padding: 1px 8px;
  padding-bottom: 3px;
  border-radius: 50px;
  background-color: #005A65;
}

.product-card__tag-label span {
  color: inherit;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 114.286%;
  white-space: nowrap;
}

.product-card__tag-label_sale {
  background-color: #AA0535;
}

.product-card__tag-label_icon {
  background-color: #B4D2C8;
  color: #000;
  padding-top: 1px;
  padding-bottom: 1px;
}

.product-card__tag-label-icon {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  position: relative;
  vertical-align: middle;
}

.product-card__tag-label-icon img,
.product-card__tag-label-icon svg {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.product-pricing {
  padding-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -5.5px;
  margin-right: -5.5px;
}

.product-pricing[data-entity=sku-line-block] {
  .product-pricing__item {
    cursor: pointer;
  }
  .product-pricing__col.selected {
    .product-pricing__item {
      border-color: #005A65;
    }
    .product-pricing__item-label {
      color: #fff;
      background-color: var(--blue-green, #005A65);
    }
    .product-pricing__item-label span {
      background: var(--red, #AA0535);
      outline-color: var(--red, #AA0535);
    }
  }
}

.product-pricing__col {
  margin-top: 11px;
  padding-left: 5.5px;
  padding-right: 5.5px;
  width: 50%;
}

.product-pricing__item {
  border-radius: 12px;
  border: 1.4px solid #CDDBDD;
  background: #FFF;
  position: relative;
  padding: 11px 0px;
}

.product-pricing__item-values {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product-pricing__item-values span {
  white-space: nowrap;
  color: #000;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 94.118%;
  margin-left: 1px;
  margin-right: 1px;
}

.product-pricing__item-values span[data-type=discount] {
  color: #979797;
  position: relative;
  &::before {
    content: '';
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    background-color: var(--red, #AA0535);
    transform: rotate(345deg);
  }
}

.product-pricing__item-labels {
  position: absolute;
  top: -10px;
  left: -2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 10;
}

.product-pricing__item-label {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 85.714%;
  padding: 2px 4px;
  border-radius: 50px;
  background-color: #CDDBDD;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
}

.product-pricing__item-label:has(span) {
  padding: 2px 0 2px 4px;
}

.product-pricing__item-label span {
  display: inline-block;
  margin-left: 4px;
  padding: 0 4px 0 4px;
  outline: 2px solid var(--turquoise);
  height: 100%;
  border-radius: 50px;
  background: var(--turquoise);
  transition: background 0.4s ease-in-out, color 0.4s ease-in-out, outline-color 0.4s ease-in-out;
}

.product-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-buttons.basket-add {
    .product-counter {
      display: flex;
    }
    .product-buttons__add {
      display: none;
    }
}

.product-buttons__add {
  margin-top: 13px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-radius: 12px;
  background: #B4D2C8;
  padding: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.product-counter {
  margin-top: 13px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-radius: 12px;
  padding: 12px 20px;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: var(--blue-green);
}

.product-counter__btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product-counter__btn::before {
  content: '';
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  width: 24px;
  height: 24px;
}

.product-counter__btn:focus, .product-counter__btn:focus-visible {
  outline: none;
}

.product-counter .box-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 17px;
  line-height: 94%;
  color: var(--white);
}

.product-buttons__add span {
  color: #005A65;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  white-space: nowrap;
  margin-right: 6px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.product-buttons__add svg {
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.product-buttons__add svg path {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.product-buttons__add:hover {
  background: #005A65;
}

.product-buttons__add:hover span {
  color: #fff;
}

.product-buttons__add:hover svg path {
  stroke: #fff;
}

.product-buttons__fav {
  margin-top: 13px;
  margin-left: 8px;
  border-radius: 12px;
  width: 48px;
  min-width: 48px;
  height: 48px;
  background-color: #B4D2C8;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.product-buttons__fav svg {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.product-buttons__fav svg path {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (min-width: 1100px) {
  .product-buttons__fav:hover {
    background-color: #005A65;
  }

  .product-buttons__fav:hover svg path {
    stroke: #fff;
  }
}

.footer {
  border-radius: 20px 20px 0 0;
  background: #FAFAFA;
  padding-top: 40px;
  padding-bottom: 48px;
}

.footer__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 20px;
}

.footer-logo {
  margin-top: 8px;
}

.footer-socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 21px;
}

.footer-socials__item {
  margin-right: 4px;
  margin-top: 4px;
}

.footer-socials__item:last-child {
  padding-top: 0;
}

.footer-socials__link {
  display: block;
  width: 41px;
  min-width: 41px;
  height: 41px;
  border-radius: 100%;
  background-color: #CDDBDD;
  position: relative;
  -webkit-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out;
}

.footer-socials__link:focus, .footer-socials__link:focus-visible {
  outline: none;
}

.footer-socials__link:focus-visible, .footer-socials__link:hover, .footer-socials__link:active {
  background-color: var(--blue-green);
}

.footer-socials__link:focus-visible img, .footer-socials__link:hover img, .footer-socials__link:active img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.footer-socials__link img,
.footer-socials__link svg {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.footer-menu {
  margin-top: 8px;
}

.footer-menu__title {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 133.333%;
  white-space: nowrap;
  margin-top: 16px;
}

.footer-menu__title:first-child {
  margin-top: 0;
}

.footer-menu__title-link {
  color: inherit;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.footer-menu__title-link:hover {
  color: #005A65;
}

.footer-menu__list-item {
  margin-top: 16px;
}

.footer-menu__list-link {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 200;
  line-height: 150%;
  white-space: nowrap;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.footer-menu__list-link:hover {
  color: #005A65;
}

.footer-feedback .btn {
  width: 224px;
  padding: 16px 31px;
}

.footer__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 15px;
  padding-bottom: 20px;
}

.footer__contacts-block {
  margin-top: 28px;
}

.footer__contacts-block-title {
  color: #ACACAC;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.footer__contacts-block-value {
  color: #000;
  margin-top: 4px;
  font-size: 24px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
}

.footer__contacts-block-value a {
  color: inherit;
}

.footer__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 37px;
}

.footer-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.footer-links__item {
  margin-top: 12px;
  margin-right: 12px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
}

.footer-links__item:last-child {
  margin-right: 0;
}

.footer-links__item a {
  color: inherit;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.footer-links__item a:hover {
  color: rgb(0, 0, 0);
}

.footer-copyright {
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.5);
  font-family: Geologica;
  font-size: 13px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
}

.footer__bottom-col_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
}

.footer-dev {
  margin-left: 90px;
}

.global-section:has(.aside-box) {
  overflow: visible;
}

.global-section {
  padding: 44px 0px;
}

.global-section {
  overflow: hidden;
}

.global-section__title {
  color: #000;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 116.667%;
}

.global-section__line-title {
  margin-bottom: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.seo-text {
  margin-top: 28px;
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
}

.seo-text p {
  margin: 16px 0px;
}

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

html.show-modal {
  overflow: hidden;
  padding-right: var(--scrollbar-width, 0px);
  /* padding-right: 15px; */
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  background: rgba(0, 0, 0, 0.32);
  overflow: auto;
  display: none;
  /*-webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;*/
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 60px 16px;
}

.modal::-webkit-scrollbar {
  width: 0;
}

.modal {
  -ms-overflow-style: none;
}

.modal {
  overflow: -moz-scrollbars-none;
}

.modal.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: fadeIn 0.3s ease-out;
          animation: fadeIn 0.3s ease-out;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.modal__body {
  position: relative;
  max-width: 100%;
  margin: auto 0;
}

.modal__close {
  position: absolute;
  z-index: 100;
  top: 20px;
  right: 20px;
  cursor: pointer;
  width: 34px;
  height: 34px;
}

.modal__close svg {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.modal__close svg path {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.modal__close:hover svg path {
  stroke: #000;
}
.leaveReview {
  .popup-form {
    width: 600px;
  }
}
label.form__field {
  width: fit-content;
  display: block;
  cursor: pointer;
  .file-name {
    display: none;
  }
  .castom {
    padding: 5px;
    display: flex;
    align-items: center;
    gap: 4px;
    color: #005A65;
    font-size: 18px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
  }
}
label.form__field:hover {
  .castom {
    color: #000;
  }
}
 label.form__field:has(.error) {
   .castom {
     color: #EB1C24;
   }
 }
.form__field-input-file {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
}
.popup-form {
  border-radius: 16px;
  background: #FFF;
  width: 490px;
  max-width: 100%;
  padding: 44px;
}

.popup-form__title {
  color: #000;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.popup-form__content {
  padding-top: 24px;
}

.form {
  position: relative;
}

.form__field {
  position: relative;
  margin-top: 12px;
}

.form__field:first-child {
  margin-top: 0;
}

.form__field-input {
  display: block;
  width: 100%;
  border-radius: 16px;
  border: 1px solid #FAFAFA;
  background-color: #FAFAFA;
  padding: 15px 20px;
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 133.333%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.form__field-input_textarea {
  max-width: 100%;
  min-width: 100%;
  height: 156px;
  min-height: 156px;
  resize: none;
  -ms-overflow-style: none;  /* IE и Edge */
  scrollbar-width: none;
}

.form__field-input_textarea::-webkit-scrollbar {
  display: none;
}

.form__field-input::-webkit-input-placeholder {
  color: #ACACAC;
}

.form__field-input:-ms-input-placeholder {
  color: #ACACAC;
}

.form__field-input::-moz-placeholder {
  color: #ACACAC;
  opacity: 1;
}

.form__field-input:-moz-placeholder {
  color: #ACACAC;
  opacity: 1;
}

.form__field-input:focus,
.form__field-input.filled {
  background-color: #fff;
  border-color: rgba(172, 172, 172, 0.5);
}

.form__field-input.error {
  border-color: #EB1C24;
  color: #EB1C24;
}

.form__button {
  margin-top: 28px;
}

.form__submit {
  display: block;
  width: 402px;
  max-width: 100%;
  margin: auto;
  cursor: pointer;
  border: none;
  border-radius: 50px;
  background: #005A65;
  padding: 20.5px 14px;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  text-align: center;
}

.form__info {
  margin-top: 12px;
  color: #ACACAC;
  font-size: 14px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
}

.form__error-info {
  display: none;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 6px;
}

.form__error-info.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.form__error-info-icon {
  width: 19px;
  min-width: 19px;
  margin-right: 6px;
}

.form__error-info-icon svg {
  display: block;
}

.form__error-info-text {
  color: #EB1C24;
  font-size: 15px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
}

.mobile-panel {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: auto;
  z-index: 2000;
  background-color: #fff;
  padding: 32px 16px;
  padding-top: 72px;
  display: none;
}

.mobile-panel.show {
  display: block;
}

.mobile-panel__close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 28px;
  height: 28px;
  background-color: #fff;
  z-index: 1000;
}

.mobile-panel__close svg {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.mobile-menu__item {
  margin-top: 32px;
}

.mobile-menu__item:first-child {
  margin-top: 0;
}

.mobile-menu__link {
  display: inline-block;
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 200;
  line-height: 120%;
}

.mobile-links {
  margin-top: 48px;
  border-radius: 16px;
  background: #FAFAFA;
  padding: 24px;
}

.mobile-links .header-links {
  display: block;
}

.mobile-links .header-links__item {
  margin-top: 16px;
  margin-right: 0;
}

.mobile-links .header-links__item:first-child {
  margin-top: 0;
}

.mobile-links .header-links__item-link-text {
  font-size: 20px !important;
}

.mobile-links .footer-socials {
  padding-top: 27px !important;
}

.mobile-links .footer-socials__item {
  margin-top: 8px !important;
}

.modal-form-success {
  position: relative;
  border-radius: 16px;
  background: #FFF;
  padding: 44px;
  background-image: url(../img/modal-form-success.png);
  background-repeat: no-repeat;
  background-position: center top;
  width: 490px;
  max-width: 100%;
}

.modal-form-success__title {
  color: #000;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.modal-form-success__text {
  margin-top: 24px;
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 133.333%;
}

.modal-form-success__button {
  margin-top: 24px;
}

.modal-form-success__button .btn {
  width: 100%;
  padding: 20px;
}

.btn-show-more {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 6px;
  padding: 18px;
  border-radius: 14px;
  background-color: var(--gray-75);
  width: 100%;
  min-width: 213px;
  -webkit-transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
}

.btn-show-more.disabled {
  pointer-events: none;
}

.btn-show-more.disabled:before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--gray-75);
  border-radius: 14px;
}

.btn-show-more.disabled:after {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  border: 4px solid #ccc;
  border-top-color: #005a65;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

.btn-show-more:focus,
.btn-show-more:focus-visible {
  outline: none;
}

.btn-show-more:focus-visible,
.btn-show-more:hover,
.btn-show-more:active {
  background-color: var(--turquoise);
}

.btn-show-more:focus-visible .text,
.btn-show-more:hover .text,
.btn-show-more:active .text {
  color: var(--blue-green);
}

.btn-show-more.number {
  min-width: 56px;
}

.btn-show-more .text {
  font-family: var(--font-family);
  font-weight: 200;
  font-size: 16px;
  white-space: nowrap;
  color: var(--black);
  -webkit-transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
}

.btn-show-more .svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.products-tooltip {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.products-tooltip-btn {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.products-tooltip-btn:hover + .products-tooltip-desc {
  visibility: visible;
  opacity: 1;
  z-index: 2;
}

.products-tooltip-btn .svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  background-color: var(--turquoise);
  border-radius: 14px;
}

.products-tooltip-btn .text-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

.products-tooltip-btn .text-group span {
  text-align: start;
}

.products-tooltip-btn .text-group span:first-child {
  font-family: var(--font-family);
  font-weight: 200;
  font-size: 16px;
  line-height: 125%;
  color: var(--black);
  opacity: 0.6;
}

.products-tooltip-btn .text-group span:last-child {
  font-family: var(--font-family);
  font-weight: 200;
  font-size: 18px;
  color: var(--black);
}

.products-tooltip-desc {
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  border-radius: 16px;
  padding: 16px;
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 356px;
  min-width: 200px;
  height: auto;
  -webkit-transition: visibility 0.4s ease-in-out, opacity 0.4s ease-in-out, z-index 0.4s ease-in-out;
  transition: visibility 0.4s ease-in-out, opacity 0.4s ease-in-out, z-index 0.4s ease-in-out;
  background-color: var(--white);
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08), 0 0 4px 0 rgba(0, 0, 0, 0.04);
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08), 0 0 4px 0 rgba(0, 0, 0, 0.04);
}

.products-tooltip-desc::after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 20px;
  height: 9px;
  background-image: url(../img/product-card/type-range__tooltip-body.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}

.products-tooltip-desc p {
  font-family: var(--font-family);
  font-weight: 200;
  font-size: 14px;
  line-height: 121%;
  color: var(--black);
}

.aside-box {
  position: sticky;
  top: 100px;
  border-radius: 16px;
  background-color: var(--gray-75);
}

@media (max-width: 1050px) {
  .aside-box {
    position: static;
    top: 0;
  }
}

.aside-box .top {
  border-radius: 16px;
  padding: 24px;
  background-color: var(--gray-50);
}

.aside-box .product-pricing {
  padding-top: 0;
}

.aside-box .product-pricing__item {
  padding: 16px 0px;
}

.aside-box .product-pricing__item-label span {
  background-color: var(--red);
  color: var(--white);
}

.aside-box .grinding-type {
  position: relative;
  margin-top: 12px;
  padding: 16px 20px;
  background-color: var(--white);
  border-radius: 12px;
  border: 1.4px solid var(--blue-green-light);
}

.aside-box .grinding-type__label {
  font-weight: 300;
  font-size: 17px;
  line-height: 94%;
  color: var(--black);
}

.aside-box .grinding-type__dropdown {
  position: static;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.aside-box .grinding-type__dropdown-current {
  position: static;
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
  width: 100%;
  border-bottom: none;
  font-weight: 300;
  font-size: 17px;
  /*line-height: 94%;*/
  color: var(--black);
}

.aside-box .grinding-type__dropdown-current:has(+ div[style="display: block;"])::before {
  background-image: url(../img/product-card/grinding-type__dropdown-current-2.svg);
}

.aside-box .grinding-type__dropdown-current::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(../img/product-card/grinding-type__dropdown-current-1.svg);
  background-repeat: no-repeat;
  background-position: center right 16px;
  -webkit-transition: background-image 0.4s ease-in-out;
  transition: background-image 0.4s ease-in-out;
}

.aside-box .grinding-type__dropdown-current::after {
  display: none;
}

.aside-box .grinding-type__dropdown-list {
  width: 100%;
  top: 100%;
  left: 0;
}

.aside-box .grinding-type__dropdown-list-current {
  display: none;
}

.aside-box .product-buttons__fav {
  background-color: var(--gray-75);
}

.aside-box .product-buttons__fav._active {
  background-color: var(--blue-green);
}
@media (min-width: 1100px) {
  .aside-box .product-buttons__fav:focus-visible, .aside-box .product-buttons__fav:hover, .aside-box .product-buttons__fav:active {
    background-color: var(--blue-green);
  }
}


.aside-box .bottom {
  padding: 24px;
}

.aside-box .bottom__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}

.box-spoiler {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

.box-spoiler__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.box-spoiler__box-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 42px;
  min-width: 42px;
  height: 44px;
}

.box-spoiler__box-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.box-spoiler__title {
  font-weight: 200;
  font-size: 16px;
  line-height: 125%;
  color: var(--black);
}

.box-spoiler__time {
  font-weight: 300;
  font-size: 18px;
  color: var(--black);
}

.box-spoiler__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  border-radius: 16px;
  overflow: hidden;
  background-color: var(--gray-50);
}

.box-spoiler__btn {
  padding: 10px 18px 10px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 16px;
  gap: 10px;
  font-weight: 200;
  font-size: 14px;
  line-height: 114%;
  color: var(--black);
  background-color: transparent;
  -webkit-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out;
}

.box-spoiler__btn svg {
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}

.box-spoiler__btn:focus, .box-spoiler__btn:focus-visible {
  outline: none;
}

.box-spoiler__btn:focus-visible, .box-spoiler__btn:hover, .box-spoiler__btn:active {
  background-color: var(--turquoise);
}

.box-spoiler__btn.active svg {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.box-spoiler__btn .svg {
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--blue-green);
}

.box-spoiler__desc {
  display: none;
  padding: 12px 16px 0 16px;
  font-weight: 200;
  font-size: 14px;
  color: var(--black);
}

.box-spoiler__desc.active {
  display: block;
}

.box-spoiler__desc p span {
  color: var(--white);
  padding: 1px;
  border-radius: 8px;
  background-color: var(--blue-green);
}

.estimation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}

.estimation .name {
  font-family: var(--font-family);
  font-weight: 200;
  font-size: 16px;
  line-height: 125%;
  color: var(--black);
  opacity: 0.6;
}

.star-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.star-wrapper-text {
  display: flex;
  align-items: center;
  gap: 2px;
}

.star-wrapper .text {
  font-weight: 300;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0.03em;
  color: var(--black);
}

.inner_rating.box-star {
  .svg {
    cursor: pointer;
    display: flex;
    color: #acacac;
    transition: color 0.4s ease-in-out;
  }
  .filed {
    .svg {
      color: #ffbe0b;
    }
  }
}

.box-star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
}

.box-star.not-active {
  pointer-events: none;
}

.box-star .star {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.box-star .star input:checked + .svg {
  color: #ffbe0b;
}

.box-star .star .svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #acacac;
  -webkit-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
}

.leave-wrappwr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.box-leave {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.box-leave__btn {
  border: 1px solid var(--white);
  min-width: 193px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50px;
  padding: 14px;
  font-weight: 200;
  font-size: 17px;
  -webkit-transition: border-color 0.4s ease-in-out;
  transition: border-color 0.4s ease-in-out;
  color: var(--white);
  background-color: var(--blue-green);
}

.box-leave__btn:focus, .box-leave__btn:focus-visible {
  outline: none;
}

.box-leave__btn:focus-visible, .box-leave__btn:hover, .box-leave__btn:active {
  border-color: var(--blue-green);
}

.card-reviews {
  padding: 24px;
  border-radius: 16px;
  border: 1px solid var(--gray-75);
}

.card-reviews > *:last-child {
  margin-bottom: 0 !important;
}

.card-reviews__line-top {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.card-reviews__name {
  font-weight: 300;
  font-size: 20px;
  line-height: 120%;
  color: var(--black);
}

.card-reviews .box-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  font-weight: 200;
  font-size: 16px;
  line-height: 125%;
  color: var(--black);
  opacity: 0.6;
}

.card-reviews__list {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}

.card-reviews__list:last-child {
  margin-bottom: 0;
}

.card-reviews__point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}

.card-reviews__point .title {
  font-weight: 200;
  font-size: 16px;
  line-height: 125%;
  color: var(--black);
  opacity: 0.6;
}

.card-reviews__point .desc p {
  font-weight: 200;
  font-size: 18px;
  color: var(--black);
}

.card-reviews__swiper {
  margin-bottom: 24px;
}

.card-reviews__swiper:last-child {
  margin-bottom: 0;
}

.card-reviews__swiper .title {
  margin-bottom: 4px;
  font-weight: 200;
  font-size: 16px;
  line-height: 125%;
  color: var(--black);
  opacity: 0.6;
}

.card-reviews__comment {
  padding: 24px;
  border-radius: 16px;
  background-color: var(--gray-50);
}

.card-reviews__comment .box-comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

.card-reviews__comment .box-comment img {
  width: 48px;
  min-width: 48px;
  height: 48px;
  border-radius: 100%;
}

.card-reviews__comment .box-comment__message {
  font-weight: 200;
  font-size: 18px;
  color: var(--black);
}

.line-min-title {
  margin-bottom: 20px;
}

.min-title {
  color: var(--black);
  font-family: var(--font-family);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
}

.favourit-reset {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 2px 0;
  color: var(--black);
  font-family: var(--font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  transition: color 0.4s ease-in-out;
}
.favourit-reset .svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background-color: var(--blue-green-light);
}
.favourit-reset:focus, .favourit-reset:focus-visible {
  outline: none;
}
.favourit-reset:focus-visible, .favourit-reset:hover, .favourit-reset:active {
  color: var(--blue-green);
}

@media (max-width: 1300px) {
  .footer-logo {
    max-width: 117px;
  }
  .footer-socials__link {
    width: 38px;
    min-width: 38px;
    height: 38px;
  }
  .footer-feedback .btn {
    width: 196px;
    padding: 14px;
  }
  .footer__contacts-block-title {
    font-size: 14px;
  }
  .footer__contacts-block-value {
    font-size: 20px;
  }
}
@media (max-width: 1050px) {
  .global-section {
    padding: 36px 0px;
  }
  .global-section__line-title {
    margin-bottom: 24px;
  }
  .min-title {
    font-size: 20px;
    line-height: 120%;
  }
  .header {
    padding-top: 8px;
  }
  .header-links__item {
    margin-top: 8px;
    margin-right: 20px;
  }
  .header-links__item-link-text {
    font-size: 16px;
    margin-right: 7px;
  }
  .header-links__item-link-icon {
    width: 20px;
    min-width: 20px;
    height: 20px;
  }
  .header-links__item-link-icon svg {
    width: 10px;
    height: auto;
  }
  .header-socials__item {
    margin-top: 8px;
    margin-right: 20px;
  }
  .header-socials__link {
    font-size: 16px;
    line-height: normal;
  }
  .logo {
    width: 180px;
    margin-right: 8px;
  }
  .header__bottom {
    display: none;
  }
  .header-panel__item {
    margin-right: 6px;
    margin-top: 6px;
  }
  .header-panel__link {
    width: 44px;
    min-width: 44px;
    height: 44px;
  }
  .header-panel__item_profile {
    display: block;
  }
  .header-callback {
    margin-top: 6px;
  }
  .btn {
    font-size: 16px;
    padding: 11px 23.5px;
  }
  .header-informer {
    margin-top: 6px;
  }
  .header-informer__phone {
    font-size: 18px;
    line-height: 133.333%;
    margin-bottom: 1px;
  }
  .header-informer__toggler {
    top: 1px;
    right: 7px;
  }
  .header-informer__shedule {
    font-size: 15px;
    margin-bottom: 0;
  }
  .menu-burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    padding: 12px;
    width: 121px;
    border-radius: 50px;
    background: #CDDBDD;
    margin-top: 6px;
  }
  .menu-burger__icon {
    width: 20px;
    min-width: 20px;
    height: 20px;
    position: relative;
    margin-right: 6px;
  }
  .menu-burger__icon svg {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  .menu-burger__text {
    color: #005A65;
    font-size: 16px;
    font-weight: 200;
    line-height: normal;
  }
  .content {
    padding-top: 12px;
  }
  .global-section__title {
    font-size: 28px;
    line-height: 128.571%;
  }
  .seo-text {
    margin-top: 24px;
    font-size: 17px;
    line-height: 129%;
  }
  .footer__bottom {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .footer__bottom-col_right {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .footer-links {
    margin-top: 24px;
  }
  .footer-dev {
    position: relative;
    top: 70px;
  }
  .btn-show-more {
    padding: 14px;
    min-width: 213px;
  }
  .btn-show-more.number {
    min-width: 48px;
  }
  .products-tooltip-btn {
    gap: 8px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
  .products-tooltip-btn .text-group span:first-child {
    font-size: 15px;
    line-height: 133%;
  }
  .products-tooltip-btn .text-group span:last-child {
    font-size: 17px;
  }
  .aside-box .top {
    padding: 20px;
  }
  .aside-box .bottom {
    padding: 20px;
  }
  .box-spoiler {
    gap: 8px;
  }
  .box-spoiler__top {
    gap: 8px;
  }
  .box-spoiler__box-img {
    width: 39px;
    min-width: 39px;
    height: 41px;
  }
  .box-spoiler__title {
    font-size: 15px;
    line-height: 133%;
  }
  .box-spoiler__time {
    font-size: 17px;
  }
  .card-reviews__list {
    gap: 16px;
    margin-bottom: 16px;
  }
  .card-reviews__point .title {
    font-size: 15px;
    line-height: 133%;
  }
  .card-reviews__point .desc p {
    font-size: 18px;
  }
  .card-reviews__swiper {
    margin-bottom: 16px;
  }
  .card-reviews__comment .box-comment__message {
    font-size: 17px;
  }
}
@media (max-width: 991px) {
  .global-section__line-title {
    margin-bottom: 22px;
  }
  .header__top {
    padding-bottom: 12px;
  }
  .header__middle {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .header__middle-right {
    width: 100%;
    padding-top: 24px;
  }
  .header-panel {
    margin-left: auto;
  }
  .footer {
    padding: 30px 0px;
  }
  .footer-logo {
    margin-top: 0;
  }
  .footer__top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .footer__top-col:nth-child(1) {
    -webkit-box-ordinal-group: -9;
    -ms-flex-order: -10;
    order: -10;
  }
  .footer__top-col:nth-child(6) {
    -webkit-box-ordinal-group: -4;
    -ms-flex-order: -5;
    order: -5;
    width: 100%;
    margin-top: 24px;
  }
  .footer-feedback .btn {
    width: 328px;
    max-width: 100%;
    font-size: 17px;
  }
  .footer-menu {
    margin-top: 28px;
  }
  .footer__contacts {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .footer__contacts-block {
    margin-right: 28px;
  }
  .footer__contacts-block:last-child {
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  .line-min-title {
    margin-bottom: 16px;
  }
  .min-title {
    font-weight: 500;
  }
  .content {
    padding-bottom: 30px;
  }
  .global-section {
    padding: 24px 0px;
  }
  .global-section__line-title {
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
  }
  .container {
    padding-left: 16px;
    padding-right: 16px;
  }
  .header {
    padding-top: 12px;
  }
  .header__top {
    display: none;
  }
  .header__middle {
    padding-top: 0;
    padding-bottom: 12px;
  }
  .header__middle-right {
    display: none;
  }
  .logo {
    width: 155px;
  }
  .menu-burger {
    margin-top: 0;
  }
  .global-section__title {
    font-size: 24px;
    line-height: 116.667%;
  }
  .seo-text {
    margin-top: 20px;
    font-size: 16px;
    line-height: 131%;
  }
  .footer__top-col {
    width: 100%;
  }
  .footer-menu__list {
    display: none;
  }
  .footer-menu__title {
    font-size: 20px;
    line-height: 120%;
  }
  .footer-menu__title-link {
    position: relative;
    padding-right: 22px;
  }
  .footer-menu__title-link:after {
    content: "";
    display: block;
    background-image: url(../img/footer-menu__title-link.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 16px;
    height: 26px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .footer-menu.open .footer-menu__list {
    display: block;
  }
  .footer-menu.open .footer-menu__title-link:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .footer-dev {
    top: 0;
    -webkit-box-ordinal-group: -9;
    -ms-flex-order: -10;
    order: -10;
    margin-left: 0;
  }
  .footer-payments {
    margin-top: 30px;
    width: 100%;
  }
  .modal__close {
    top: 12px;
    right: 12px;
  }
  .popup-form {
    padding: 24px;
  }
  .popup-form__title {
    font-size: 24px;
  }
  .products-tooltip-btn .text-group span:first-child {
    font-weight: 200;
    font-size: 14px;
    line-height: 143%;
  }
  .products-tooltip-btn .text-group span:last-child {
    font-weight: 200;
    font-size: 16px;
  }
  .aside-box .top {
    padding: 16px;
  }
  .aside-box .product-pricing {
    margin-left: -4px;
    margin-right: -4px;
  }
  .aside-box .product-pricing__col {
    padding-left: 4px;
    padding-right: 4px;
  }
  .aside-box .grinding-type {
    margin-top: 8px;
  }
  .aside-box .product-buttons__add {
    margin-top: 8px;
  }
  .aside-box .product-buttons__fav {
    margin-top: 8px;
  }
  .aside-box .bottom {
    padding: 16px;
  }
  .box-spoiler {
    gap: 9px;
  }
  .box-spoiler__title {
    font-size: 14px;
    line-height: 143%;
  }
  .box-spoiler__time {
    font-size: 16px;
  }
  .leave-wrappwr {
    width: 100%;
  }
  .box-leave {
    width: 100%;
  }
  .box-leave__btn {
    width: 100%;
    font-size: 16px;
  }
  .card-reviews {
    padding: 16px;
  }
  .card-reviews__line-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2px;
  }
  .card-reviews__name {
    font-size: 18px;
  }
  .card-reviews .box-time {
    font-size: 14px;
  }
  .card-reviews__line-top {
    margin-bottom: 16px;
  }
  .card-reviews__list {
    gap: 12px;
  }
  .card-reviews__point .title {
    font-size: 14px;
    line-height: 143%;
  }
  .card-reviews__point .desc p {
    font-size: 16px;
  }
  .card-reviews__swiper {
    font-size: 14px;
    line-height: 143%;
  }
  .card-reviews__comment {
    padding: 16px;
  }
  .card-reviews__comment .box-comment__message {
    font-size: 16px;
  }
}
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#preloader .loader {
  width: 55px;
  height: 55px;
  border: 10px solid #ccc;
  border-top-color: #005a65;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  transform: none;
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.path__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  overflow: hidden;
}

.path__list li:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
}

.path__list li a {
  font-weight: 200;
  font-size: 16px;
  line-height: 125%;
  white-space: nowrap;
  color: var(--gray);
  -webkit-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
}

.path__list li a:focus,
.path__list li a:focus-visible {
  outline: none;
}

.path__list li a:focus-visible,
.path__list li a:hover,
.path__list li a:active {
  color: var(--black);
}

.path__list li:not(:first-child) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}

.path__list li:not(:first-child)::before {
  content: "";
  margin: auto 2px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: var(--blue-green);
}

.path__list li:last-child a {
  pointer-events: none;
  color: var(--black);
}

.path__box-back {
  display: none;
}

@media (max-width: 1000px) {
  .path {
    padding-top: 12px;
  }
  .path__list {
    display: none;
  }
  .path__box-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .path__link-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: var(--orange);
  }
  .path__link-back .svg {
    width: 44px;
    min-width: 44px;
    height: 24px;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    background-color: var(--turquoise);
  }
  .path__link-back svg {
    pointer-events: none;
  }
  .path__link-back .text {
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 200;
    font-size: 17px;
    line-height: 141%;
    color: var(--black);
  }
  .path__link-back:focus,
  .path__link-back:focus-visible {
    outline: none;
  }
}
.box-reviews__line-title {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
}

.box-reviews__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: 32px;
  color: var(--black);
}

.box-reviews__title span {
  border-radius: 100px;
  padding: 9px 12px;
  font-weight: 400;
  font-size: 16px;
  line-height: 112%;
  text-align: center;
  color: var(--white);
  background-color: var(--blue-green);
}

.box-reviews__line-estimation {
  margin-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
}

.box-reviews__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

.box-reviews__btn-show-wrapper {
  padding-top: 24px;
}

.box-reviews__btn-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  border-radius: 14px;
  padding: 18px;
  background-color: var(--gray-75);
  color: var(--black);
  -webkit-transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
}

.box-reviews__btn-show .text {
  font-weight: 200;
  font-size: 16px;
}

.box-reviews__btn-show .svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.box-reviews__btn-show:focus, .box-reviews__btn-show:focus-visible {
  outline: none;
}

.box-reviews__btn-show:focus-visible, .box-reviews__btn-show:hover, .box-reviews__btn-show:active {
  color: var(--white);
  background-color: var(--blue-green);
}

@media (max-width: 1050px) {
  .box-reviews__title {
    font-size: 28px;
  }
  .box-reviews__title span {
    padding: 8px 11px;
  }
  .box-reviews__line-estimation {
    margin-bottom: 24px;
  }
  .box-reviews__list {
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .box-reviews__line-title {
    margin-bottom: 20px;
  }
  .box-reviews__title {
    font-size: 24px;
    line-height: 117%;
  }
  .box-reviews__title span {
    display: none;
  }
  .box-reviews__line-estimation {
    margin-bottom: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
  }
}
.box-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.box-share__btn {
  padding: 10px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 6px;
  color: #005A65;
  font-size: 16px;
  font-style: normal;
  font-weight: 200;
  line-height: 137.5%;
  -webkit-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
}

.box-share__btn .svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.box-share__btn:focus,
.box-share__btn:focus-visible {
  outline: none;
}

.box-share__btn:focus-visible,
.box-share__btn:hover,
.box-share__btn:active {
  color: #000;
}

.box-share__modal {
  /*display: none;
  position: fixed;
  z-index: 201;
  inset: 0;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.32);*/
}

.box-share__modal.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.box-share__window {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
  position: relative;
  height: fit-content;
  margin: auto;
  max-width: 500px;
  min-width: 428px;
  border-radius: 16px;
  padding: 44px 36px 36px;
  background-color: #fff;
}

.box-share__close {
  position: absolute;
  padding: 10px;
  top: 16px;
  right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #005A65;
  -webkit-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
}

.box-share__close:focus,
.box-share__close:focus-visible {
  outline: none;
}

.box-share__close:focus-visible,
.box-share__close:hover,
.box-share__close:active {
  color: #000;
}

.box-share__title {
  color: #000;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.box-share__line-links {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

.box-share__copy-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 12px;
  border: 1px solid #fff;
  gap: 8px;
  width: 100%;
  padding: 15.5px;
  color: #FFF;
  font-size: 17px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  background-color: #005A65;
  -webkit-transition: border-color 0.4s ease-in-out;
  transition: border-color 0.4s ease-in-out;
}

.box-share__copy-link:focus,
.box-share__copy-link:focus-visible {
  outline: none;
}

.box-share__copy-link:focus-visible,
.box-share__copy-link:hover,
.box-share__copy-link:active {
  border-color: #005A65;
}

.box-share__copy-link .svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.box-share__group-link {
  position: relative;
  padding-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.box-share__group-link .box-share__desc {
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  color: #ACACAC;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.box-share__group-link .network__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 52px;
  min-width: 52px;
  height: 52px;
  border-radius: 14px;
}

.box-share__group-link .network__link.vk {
  background-color: #0075FE;
}

.box-share__group-link .network__link.wa {
  background-color: #2FCC68;
}

.box-share__group-link .network__link.tg {
  background-color: #27A7E6;
}

.box-share__group-link .network__link:focus,
.box-share__group-link .network__link:focus-visible {
  outline: none;
}

.box-share__desc-qr {
  padding: 36px 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 14px;
  background-color: #FAFAFA;
}

.box-share__desc-qr .box-qr {
  width: 100%;
  /*тут что то было не понятное*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.box-share__desc-qr .desc {
  max-width: 235px;
  color: #ACACAC;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

@media (max-width: 768px) {
  .box-share__btn {
    gap: 4px;
    padding: 5px 6px;
    font-size: 14px;
  }
  .box-share__window {
    gap: 16px;
    max-width: 328px;
    min-width: 328px;
    padding: 44px 24px 24px;
  }
  .box-share__close {
    padding: 8px;
    top: 12px;
    right: 12px;
  }
  .box-share__close svg {
    width: 11.5px;
    height: 11.5px;
  }
  .box-share__title {
    font-size: 24px;
    line-height: 133.333%;
  }
  .box-share__copy-link {
    padding: 14px;
    font-size: 16px;
  }
  .box-share__line-links {
    gap: 16px;
  }
  .box-share__group-link {
    padding-top: 28px;
    padding-bottom: 4px;
  }
  .box-share__group-link .network__link {
    width: 48px;
    min-width: 48px;
    height: 48px;
  }
  .box-share__group-link .network__link svg {
    max-width: 28px;
  }
  .box-share__desc-qr {
    padding: 20px;
  }
}
.card-your-order {
  position: sticky;
  /* top: 20px; */
  top: 110px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

body:has(.card-your-order) {
  overflow-x: visible;
}

.card-your-order__wrapper {
  padding-bottom: 24px;
  border-radius: 16px;
  background-color: var(--gray-75);
}

.card-your-order__box-top {
  padding: 28px;
  background-color: var(--gray-50);
  border-radius: 16px;
}

.card-your-order__title {
  margin-bottom: 16px;
  color: var(--black);
  font-family: var(--font-family);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.card-your-order__point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 20px;
}

.card-your-order__point .line-point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.card-your-order__point .line-point .name {
  color: var(--main-text_gray);
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
}

.card-your-order__point .line-point .between {
  margin: 0 4px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 30px;
  border-bottom: none;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--gray)), color-stop(60%, var(--gray)), color-stop(40%, transparent), to(transparent));
  background-image: linear-gradient(to right, var(--gray) 0%, var(--gray) 60%, transparent 40%, transparent 100%);
  background-size: 10px 0.9px;
  background-position: left bottom 5px;
  background-repeat: repeat-x;
}

.card-your-order__point .line-point .info {
  position: relative;
  color: var(--black);
  text-align: right;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  .bx-price-old {
    position: absolute;
    font-size: 10px;
    color: #B7B7B7;
    text-decoration: line-through;
    inset: calc(100% - 4px) 0 0 0;
  }
}

.card-your-order__promo {
  width: 100%;
}

.card-your-order__promo-input {
  width: 100%;
  padding: 16px 20px;
  color: var(--black);
  font-family: var(--font-family);
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 94.118%;
  background-color: var(--white);
  border-radius: 12px;
  border: 1.4px solid rgba(172, 172, 172, 0.25);
}

.card-your-order__promo-input::-webkit-input-placeholder {
  color: var(--gray);
}

.card-your-order__promo-input::-moz-placeholder {
  color: var(--gray);
}

.card-your-order__promo-input:-ms-input-placeholder {
  color: var(--gray);
}

.card-your-order__promo-input::-ms-input-placeholder {
  color: var(--gray);
}

.card-your-order__promo-input::placeholder {
  color: var(--gray);
}

.card-your-order__promo-input:focus, .card-your-order__promo-input:focus-visible {
  outline: none;
}

.card-your-order__box-bottom {
  padding: 24px 28px 0;
}

.card-your-order__box-bottom .line-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  gap: 30px;
}

.card-your-order__box-bottom .line-price .total {
  color: var(--black);
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
}

.card-your-order__box-bottom .line-price .price {
  color: var(--black);
  text-align: right;
  font-family: var(--font-family);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.card-your-order__group-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 14px;
}

.card-your-order__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 17.5px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid var(--white);
  border-radius: 16px;
  background-color: var(--blue-green);
  color: var(--white);
  font-family: var(--font-family);
  font-size: 17px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  -webkit-transition: border-color 0.4s ease-in-out;
  transition: border-color 0.4s ease-in-out;
}

.card-your-order__btn:focus, .card-your-order__btn:focus-visible {
  outline: none;
}

.card-your-order__btn:focus-visible, .card-your-order__btn:hover, .card-your-order__btn:active {
  border-color: var(--blue-green);
}

.card-your-order__box-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 9px;
}

.card-your-order__box-checkbox .order-checkbox {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.card-your-order__box-checkbox .order-checkbox__input {
  display: none;
}

.card-your-order__box-checkbox .order-checkbox__input:checked + .order-checkbox__castom {
  background-color: var(--blue-green);
  border-color: var(--blue-green);
}

.card-your-order__box-checkbox .order-checkbox__castom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  border: 1px solid var(--gray);
  -webkit-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out;
}

.card-your-order__box-checkbox .order-checkbox__castom .svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.card-your-order__desc-order {
  color: var(--gray);
  font-family: var(--font-family);
  font-size: 15px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
}

.card-your-order__desc-order a {
  cursor: pointer;
  text-decoration: underline;
  color: var(--gray);
  -webkit-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
}

.card-your-order__desc-order a:focus, .card-your-order__desc-order a:focus-visible {
  outline: none;
}

.card-your-order__desc-order a:focus-visible, .card-your-order__desc-order a:hover, .card-your-order__desc-order a:active {
  color: var(--black);
}

@media (max-width: 1050px) {
  .card-your-order {
    gap: 20px;
  }
  .card-your-order__wrapper {
    padding-bottom: 20px;
  }
  .card-your-order__box-top {
    padding: 24px;
  }
  .card-your-order__title {
    font-size: 20px;
  }
  .card-your-order__point {
    margin-bottom: 24px;
  }
  .card-your-order__point .line-point .name {
    font-size: 17px;
  }
  .card-your-order__point .line-point .info {
    font-size: 17px;
  }
  .card-your-order__box-bottom {
    padding: 20px 24px 0;
  }
  .card-your-order__box-bottom .line-price .total {
    font-size: 17px;
  }
  .card-your-order__box-bottom .line-price .price {
    font-size: 22px;
  }
  .card-your-order__group-btn {
    gap: 12px;
  }
  .card-your-order__btn {
    padding: 15.5px;
  }
  .card-your-order__box-checkbox {
    align-items: start;
  }
}
@media (max-width: 1000px) {
  .card-your-order {
    position: static;
  }
}
@media (max-width: 768px) {
  .card-your-order {
    gap: 24px;
  }
  .card-your-order__box-top {
    padding: 20px;
  }
  .card-your-order__wrapper {
    padding-bottom: 16px;
  }
  .card-your-order__title {
    margin-bottom: 12px;
  }
  .card-your-order__point {
    margin-bottom: 20px;
  }
  .card-your-order__point .line-point .name {
    font-weight: 300;
  }
  .card-your-order__box-bottom {
    padding: 16px 20px 0;
  }
}
.catalog-section__list {
  margin-top: 28px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.catalog-section__list .categories-list__block-image {
  max-width: 144px;
  max-height: 144px;
  inset: auto 32px 32px auto;
}

.catalog-section__list .categories-list__block-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1050px) {
  .catalog-section__list {
    margin-top: 24px;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .catalog-section__list .categories-list__block {
    min-height: 214px;
  }
  .catalog-section__list .categories-list__block-image {
    max-width: 128px;
    max-height: 128px;
    inset: auto 24px 24px auto;
  }
}
@media (max-width: 768px) {
  .catalog-section__list {
    margin-top: 20px;
    grid-template-columns: repeat(1, 1fr);
    gap: 12px;
  }
  .catalog-section__list .categories-list__block {
    min-height: 112px;
  }
  .catalog-section__list .categories-list__block-image {
    max-width: 88px;
    max-height: 88px;
    inset: auto 24px 50% auto;
  }
}
.categories-list {
  padding-top: 20px;
  padding-bottom: 44px;
}

.categories-list__inner {
  display: flex;
}

.categories-list__blocks {
  flex-grow: 1;
  display: flex;
  margin-left: -12px;
  margin-right: -12px;
}

.categories-list__col {
  width: 33.33%;
  padding-left: 12px;
  padding-right: 12px;
  margin-top: 24px;
}

.categories-list__block {
  display: block;
  min-height: 280px;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  background-color: #F4F4F4;
  background-image: url(../img/categories-list/categories-list__block.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
  transition: all 0.3s;
}

.categories-list__block-content {
  padding: 32px;
}

.categories-list__block-title {
  color: #000;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: all 0.3s;
}

.categories-list__block-count {
  margin-top: 4px;
  color: #B3B3B3;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  transition: all 0.3s;
}

.categories-list__block:hover {
  background-color: #005A65;
  background-image: none;
}

.categories-list__block:hover .categories-list__block-title,
.categories-list__block:hover .categories-list__block-count {
  color: #fff;
}

.categories-list__block-image {
  position: absolute;
  right: 0;
  bottom: 0;
}

.categories-list__block-image img,
.categories-list__block-image picture {
  display: block;
}

.categories-list__all {
  width: 248px;
  min-width: 248px;
  margin-top: 24px;
  margin-left: 24px;
}

.categories-list__all-link {
  display: block;
  height: 100%;
  border-radius: 16px;
  background-color: #005A65;
  background-image: url(../img/categories-list/categories-list__all-link.svg);
  background-repeat: no-repeat;
  background-position: left bottom;
  padding: 32px;
  position: relative;
}

.categories-list__all-link:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-image: url(../img/categories-list/categories-list__all-link-after.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.categories-list__all-title {
  color: #FFF;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
  z-index: 200;
}

.categories-list__all-title_mobile {
  display: none;
}

.categories-list__all-button {
  position: absolute;
  bottom: 32px;
  left: 32px;
  background-color: #B4D2C8;
  width: 113px;
  height: 40px;
  border-radius: 20px;
  z-index: 200;
}

.categories-list__all-button svg {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

@media (max-width: 1050px) {
  .categories-list {
    padding-top: 12px;
    padding-bottom: 36px;
  }
  .categories-list__all {
    width: 112px;
    min-width: 112px;
    margin-left: 20px;
  }
  .categories-list__all-link {
    padding: 24px 16px;
    background-image: none;
  }
  .categories-list__all-title {
    font-size: 22px;
  }
  .categories-list__all-button {
    left: 16px;
    bottom: 16px;
    width: 80px;
    height: 24px;
  }
  .categories-list__all-button svg {
    width: 36px;
    height: auto;
  }
  .categories-list__all-title {
    display: none;
  }
  .categories-list__all-title_mobile {
    display: block;
  }
  .categories-list__blocks {
    margin-left: -10px;
    margin-right: -10px;
  }
  .categories-list__col {
    padding-left: 10px;
    padding-right: 10px;
  }
  .categories-list__block {
    min-height: 232px;
  }
  .categories-list__block-content {
    padding: 24px;
  }
  .categories-list__block-title {
    font-size: 22px;
  }
  .categories-list__block-count {
    margin-top: 2px;
    font-size: 14px;
  }
  .categories-list__block-image img, .categories-list__block-image picture {
    max-height: 136px;
  }
}
@media (max-width: 768px) {
  .categories-list {
    padding-bottom: 30px;
  }
  .categories-list__inner {
    display: block;
  }
  .categories-list__blocks {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }
  .categories-list__col {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    margin-top: 12px;
  }
  .categories-list__col:first-child {
    margin-top: 0;
  }
  .categories-list__block {
    min-height: 112px;
    background-image: url(../img/categories-list/categories-list__block_mobile.svg);
  }
  .categories-list__block-title {
    font-size: 20px;
  }
  .categories-list__block-image {
    bottom: 50%;
    transform: translateY(50%);
  }
  .categories-list__block-image img, .categories-list__block-image picture {
    max-height: 102px;
    max-width: 102px;
  }
  .categories-list__all {
    margin-top: 12px;
    margin-left: 0;
    width: 100%;
    min-width: none;
  }
  .categories-list__all-link {
    padding: 24px 16px;
    padding-right: 24px;
    display: flex;
    justify-content: space-between;
    align-content: center;
  }
  .categories-list__all-title {
    font-size: 20px;
    line-height: 120%;
  }
  .categories-list__all-title br {
    display: none;
  }
  .categories-list__all-button {
    position: relative;
    left: 0;
    bottom: 0;
  }
  .categories-list__all-link:after {
    content: none;
  }
}
.category-page__list {
  padding-top: 24px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr 24px 1fr 24px 1fr;
  grid-template-columns: repeat(4, 1fr);
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  row-gap: 24px;
}

.category-page__line-bottom {
  padding-top: 24px;
}

.category-page__group-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 30px;
}

.category-page__wrapper-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}

@media (max-width: 1300px) {
  .category-page__list {
    padding-top: 16px;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(3, 1fr);
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
  }
}
@media (max-width: 1050px) {
  .category-page__line-bottom {
    padding-top: 20px;
  }
}
@media (max-width: 991px) {
  .category-page__list {
    -ms-grid-columns: 1fr [2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .category-page__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .category-page__line-bottom {
    padding-top: 16px;
  }
  .category-page__group-btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
  }
  .category-page__wrapper-btn {
    width: 100%;
  }
}
.filter {
  margin-top: 28px;
}

.filter form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.filter__top-line {
  margin-left: -24px;
  margin-right: -24px;
}

.filter__list-1 {
  padding-left: 24px;
  padding-right: 24px;
  overflow-x: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.filter__list-1 li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.filter__link-top {
  min-width: 250px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  padding: 24px;
  border-radius: 16px;
  background-color: var(--gray-50);
  -webkit-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out;
}

.filter__link-top img {
  max-width: 46px;
  max-height: 46px;
  -webkit-transition: -webkit-filter 0.4s ease-in-out;
  transition: -webkit-filter 0.4s ease-in-out;
  transition: filter 0.4s ease-in-out;
  transition: filter 0.4s ease-in-out, -webkit-filter 0.4s ease-in-out;
}

.filter__link-top:focus, .filter__link-top:focus-visible {
  outline: none;
}

.filter__link-top:focus-visible, .filter__link-top:hover, .filter__link-top:active {
  background-color: var(--blue-green);
}

.filter__link-top:focus-visible .text, .filter__link-top:hover .text, .filter__link-top:active .text {
  color: var(--white);
}

.filter__link-top:focus-visible img, .filter__link-top:hover img, .filter__link-top:active img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.filter__link-top .svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.filter__link-top .text {
  font-family: var(--font-family);
  font-weight: 200;
  font-size: 18px;
  -webkit-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
  color: var(--black);
}

.filter__middle-line {
  margin-left: -24px;
  margin-right: -24px;
  padding-bottom: 20px;
}

.filter__list-2 {
  padding-left: 24px;
  padding-right: 24px;
  overflow-x: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.filter__link-middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 12px;
  padding: 12px 20px;
  background-color: rgba(0, 90, 101, 0.1);
  white-space: nowrap;
  color: var(--black);
  -webkit-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
}

.filter__link-middle .text {
  font-family: var(--font-family);
  font-weight: 200;
  font-size: 17px;
  line-height: 94%;
}

.filter__link-middle:focus, .filter__link-middle:focus-visible {
  outline: none;
}

.filter__link-middle:focus-visible, .filter__link-middle:hover, .filter__link-middle:active {
  background-color: var(--blue-green);
  color: var(--white);
}

.filter__link-middle.active .landings-list__clear-filter.colored_theme_bg_hovered_hover:before{
  display: none;
}

.filter__link-middle.active .landings-list__clear-filter.colored_theme_bg_hovered_hover {
  display: flex;
  width: 20px;
  flex-shrink: 0;
  align-items: center;
  justify-content: end;
  margin: auto;
}

.filter__link-middle.active .landings-list__clear-filter svg {
  margin: 0;
}

.filter-open-btn {
  display: none;
}

.filter__title {
  display: none;
}

.filter__close {
  display: none;
}

.filter__list-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  row-gap: 8px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.filter .dropdown {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.filter .dropdown__line-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.filter .dropdown__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  white-space: nowrap;
}

.filter .dropdown__btn:focus, .filter .dropdown__btn:focus-visible {
  outline: none;
}

.filter .dropdown__btn:focus-visible .text, .filter .dropdown__btn:hover .text, .filter .dropdown__btn:active .text {
  color: var(--blue-green);
}

.filter .dropdown__btn:focus-visible .svg, .filter .dropdown__btn:hover .svg, .filter .dropdown__btn:active .svg {
  color: var(--blue-green);
}

.filter .dropdown__btn.active .svg svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.filter .dropdown__btn .text {
  font-family: var(--font-family);
  font-weight: 200;
  font-size: 15px;
  line-height: 160%;
  color: var(--black);
  -webkit-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
}

.filter .dropdown__btn .counter {
  display: none;
}

.filter .dropdown__btn .svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
  color: var(--black);
}

.filter .dropdown__btn .svg svg {
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}

.filter .dropdown__btn-reset {
  display: none;
}

.filter .dropdown__box {
  visibility: hidden;
  z-index: -10;
  opacity: 0;
  padding: 8px 12px;
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  min-width: 170px;
  border-radius: 12px;
  background-color: var(--white);
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08), 0 0 4px 0 rgba(0, 0, 0, 0.04);
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08), 0 0 4px 0 rgba(0, 0, 0, 0.04);
  -webkit-transition: visibility 0.4s ease-in-out, z-index 0.4s ease-in-out, opacity 0.4s ease-in-out;
  transition: visibility 0.4s ease-in-out, z-index 0.4s ease-in-out, opacity 0.4s ease-in-out;
}

.filter .dropdown__box.active {
  visibility: visible;
  z-index: 200;
  opacity: 1;
}

.filter .dropdown__btn-back {
  display: none;
}

.filter .dropdown__line-title {
  display: none;
}

.filter .dropdown__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 16px;
  max-height: 235px;
  overflow-y: auto;
  padding-bottom: 1px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.filter .dropdown__list::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.filter .dropdown__point {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  gap: 10px;
}

.filter .dropdown__point .input {
  display: none;
}

.filter .dropdown__point .input:checked + .castom {
  border-color: var(--blue-green);
  background-color: var(--blue-green);
}

.filter .dropdown__point .castom {
  width: 14px;
  min-width: 14px;
  height: 14px;
  border: 1px solid var(--gray);
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--white);
  -webkit-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
  background-color: transparent;
}

.filter .dropdown__point .text {
  font-family: var(--font-family);
  font-weight: 200;
  font-size: 15px;
  line-height: 107%;
  color: var(--black);
}

.filter .dropdown__submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  border-radius: 50px;
  padding: 9px;
  font-family: var(--font-family);
  font-weight: 200;
  font-size: 15px;
  color: var(--black);
  background-color: var(--gray-75);
  -webkit-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
}

.dropdown__submit.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.filter .dropdown__submit:focus, .filter .dropdown__submit:focus-visible {
  outline: none;
}

.filter .dropdown__submit:focus-visible, .filter .dropdown__submit:hover, .filter .dropdown__submit:active {
  background-color: var(--blue-green);
  color: var(--white);
}

@media (max-width: 1050px) {
  .filter {
    margin-top: 24px;
  }
  .filter__list-1 {
    gap: 16px;
  }
  .filter__link-top {
    min-width: 214px;
    padding: 20px;
    gap: 12px;
  }
  .filter__link-top .text {
    font-size: 17px;
  }
  .filter__middle-line {
    padding-bottom: 16px;
  }
  .filter__link-middle .text {
    font-size: 16px;
    line-height: 100%;
  }
}
@media (max-width: 768px) {
  .filter {
    margin-top: 20px;
  }
  .filter form {
    gap: 12px;
  }
  .filter__top-line {
    margin-left: -16px;
    margin-right: -16px;
  }
  .filter__list-1 {
    padding-left: 16px;
    padding-right: 16px;
    gap: 8px;
  }
  .filter__link-top {
    min-width: 173px;
    padding: 12px;
  }
  .filter__link-top img {
    max-width: 36px;
    max-height: 36px;
  }
  .filter__link-top .text {
    font-size: 16px;
    line-height: 119%;
  }
  .filter__middle-line {
    margin-left: -16px;
    margin-right: -16px;
    padding-bottom: 12px;
  }
  .filter__list-2 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .filter__link-middle {
    padding: 8px 12px;
  }
  .filter-open-btn {
    width: 100%;
    padding: 16px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 16px;
    gap: 8px;
    background-color: var(--gray-50);
    color: var(--black);
  }
  .filter-open-btn.active + .filter__wrapper {
    visibility: visible;
    opacity: 1;
    z-index: 150;
  }
  .filter-open-btn:focus, .filter-open-btn:focus-visible {
    outline: none;
  }
  .filter-open-btn .text {
    font-family: var(--font-family);
    font-weight: 200;
    font-size: 16px;
    color: var(--black);
  }
  .filter-open-btn .svg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .filter__wrapper {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    z-index: -10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 72px 16px 16px;
    background-color: var(--white);
    -webkit-transition: visibility 0.4s ease-in-out, opacity 0.4s ease-in-out, z-index 0.4s ease-in-out;
    transition: visibility 0.4s ease-in-out, opacity 0.4s ease-in-out, z-index 0.4s ease-in-out;
  }
  .filter__wrapper.active {
    visibility: visible;
    opacity: 1;
    z-index: 150;
  }
  .filter__title {
    margin-bottom: 24px;
    display: block;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 160%;
    color: var(--black);
  }
  .filter__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 15;
  }
  .filter__close:focus, .filter__close:focus-visible {
    outline: none;
  }
  .filter__list-3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: auto;
    height: calc(100vh - 150px);
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .filter__list-3 li {
    padding: 20px 0;
    border-bottom: 1px solid var(--gray-75);
  }
  .filter__list-3 li:first-child {
    padding-top: 0;
  }
  .filter__list-3 li:last-child {
    padding-bottom: 0;
    border: none;
  }
  .filter .dropdown__line-btn {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
  }
  .filter .dropdown__btn {
    gap: 6px;
  }
  .filter .dropdown__btn .text {
    font-family: var(--font-family);
    font-weight: 200;
    font-size: 17px;
    line-height: 141%;
    color: var(--black);
  }
  .filter .dropdown__btn .counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20px;
    min-width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: var(--blue-green);
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 120%;
    text-align: center;
    color: var(--white);
  }
  .filter .dropdown__btn .svg {
    display: none;
  }
  .filter .dropdown__btn-reset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4px 8px;
    border-radius: 50px;
    background-color: #fedad8;
    font-family: var(--font-family);
    font-weight: 200;
    font-size: 17px;
    line-height: 94%;
    color: #fa453b;
  }
  .filter .dropdown__btn-reset:focus, .filter .dropdown__btn-reset:focus-visible {
    outline: none;
  }
  .filter .dropdown__box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px 16px;
  }
  .filter .dropdown__btn-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .filter .dropdown__btn-back .svg {
    width: 44px;
    height: 24px;
    border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--turquoise);
  }
  .filter .dropdown__btn-back .text {
    font-family: var(--font-family);
    font-weight: 200;
    font-size: 17px;
    line-height: 141%;
    color: var(--black);
  }
  .filter .dropdown__line-title {
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    padding-top: 32px;
  }
  .filter .dropdown__line-title .dropdown__btn-reset {
    font-size: 14px;
  }
  .filter .dropdown__caption {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 160%;
    color: var(--black);
  }
  .filter .dropdown__list {
    gap: 4px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: auto;
    max-height: calc(100vh - 228px);
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin: 0 -10px;
  }
  .filter .dropdown__list li {
    padding: 0 10px;
    border: none;
  }
  .filter .dropdown__point {
    position: relative;
    margin: 0 -10px;
    padding: 10px 12px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 16px;
    background-color: transparent;
    -webkit-transition: background-color 0.4s ease-in-out;
    transition: background-color 0.4s ease-in-out;
  }
  .filter .dropdown__point:has(input:checked) {
    background-color: var(--gray-75);
  }
  .filter .dropdown__point .text {
    font-size: 20px;
    line-height: 140%;
  }
  .filter .dropdown__point .castom {
    width: 20px;
    min-width: 20px;
    height: 20px;
    background-color: var(--white);
  }
  .filter .dropdown__submit-box {
    padding-top: 16px;
  }
  .filter .dropdown__submit {
    border-radius: 16px;
    padding: 14px;
    background-color: var(--blue-green);
    color: var(--white);
  }
}
.line-orders {
  border-radius: 24px;
  position: relative;
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px;
  -webkit-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out;
}

.line-orders::before {
  content: "";
  position: absolute;
  inset: auto 0 0;
  width: 100%;
  height: 1px;
  background-color: var(--gray-75);
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

@media (min-width: 1050px) {
  .line-orders:focus-visible, .line-orders:hover {
    background-color: var(--gray-50);
  }
  .line-orders:focus-visible::before, .line-orders:hover::before {
    opacity: 0;
  }
  .line-orders:focus-visible .zeroing, .line-orders:hover .zeroing {
    opacity: 1;
  }
}
.line-orders__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 13px;
}

.line-orders__box-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.line-orders__box-img img {
  width: 74px;
  height: 74px;
  -o-object-fit: cover;
  object-fit: cover;
}

.line-orders__box-title {
  max-width: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px;
}
@media (max-width: 1050px) {
  .line-orders__box-title {
    max-width: 350px;
  }
}

.line-orders__title {
  color: var(--black);
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 122.222%;
}

.line-orders__points {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.line-orders-drop-down {
  position: relative;
}

.line-orders-drop-down.open-up .line-orders-drop-down__box {
  top: auto;
  bottom: calc(100% + 4px);
}

.line-orders-drop-down__btn {
  border-radius: 50px;
  padding: 6px 8px;
  background-color: var(--blue-green);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
  color: var(--white);
  font-family: var(--font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 75%;
  -webkit-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
}
.line-orders-drop-down__btn.active {
  background-color: var(--turquoise);
  color: var(--blue-green);
}
.line-orders-drop-down__btn.active .svg {
  transform: rotate(180deg);
}

.line-orders-drop-down__btn .svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: transform 0.4s ease-in-out;
}

.line-orders-drop-down__btn:focus, .line-orders-drop-down__btn:focus-visible {
  outline: none;
}

.line-orders-drop-down__btn:focus-visible, .line-orders-drop-down__btn:hover, .line-orders-drop-down__btn:active {
  background-color: var(--turquoise);
  color: var(--blue-green);
}

.line-orders-drop-down__btn.active {
  background-color: var(--turquoise);
  color: var(--blue-green);
}

.line-orders-drop-down__box {
  min-width: 170px;
  position: absolute;
  z-index: 2;
  left: 0;
  opacity: 0;
  visibility: hidden;
  top: calc(100% + 4px);
  border-radius: 12px;
  background-color: var(--white);
  overflow: hidden;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
}
.line-orders-drop-down__box.active {
  opacity: 1;
  visibility: visible;
}

.line-orders-drop-down__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.line-orders-drop-down__input {
  display: none;
}

.line-orders-drop-down__input:checked + .castom {
  background-color: var(--blue-green);
  border-color: var(--blue-green);
}

.line-orders-drop-down__point {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10.5px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  padding: 10px 14.5px;
}

.line-orders-drop-down__point .castom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15px;
  min-width: 15px;
  height: 15px;
  border-radius: 3px;
  border: 1px solid var(--gray);
  -webkit-transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;
}

.line-orders-drop-down__btn-line {
  padding: 8px 12px;
}

.line-orders-drop-down__btn-line .submit {
  border-radius: 50px;
  padding: 8.5px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--black, #000);
  font-family: Geologica;
  font-size: 15px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  background-color: var(--gray-75);
  -webkit-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
}

.line-orders-drop-down__btn-line .submit:first, .line-orders-drop-down__btn-line .submit:first-child {
  outline: none;
}

.line-orders-drop-down__btn-line .submit:focus-visible, .line-orders-drop-down__btn-line .submit:hover, .line-orders-drop-down__btn-line .submit:active {
  background-color: var(--blue-green);
  color: var(--white);
}

.line-orders__group-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 24px;
}

.line-orders__info {
  min-width: 78px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1px;
  padding-right: 12px;
}

.line-orders__info.price {
  min-width: 70px;
}

.line-orders__info .name {
  color: var(--black);
  font-family: var(--font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 200;
  line-height: 125%;
  opacity: 0.6;
}

.line-orders__info .info {
  position: relative;
  width: fit-content;
  z-index: 2;
  color: var(--black);
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
}
.line-orders__info .info.active {
  color: var(--white);
  font-size: 14px !important;
}
.line-orders__info .info.active::after {
  content: "";
  position: absolute;
  inset: -1.5px -4px;
  z-index: -1;
  background-color: #AA0535;
  border-radius: 50px;
}

.line-orders .orders-counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.line-orders .orders-counter__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 36px;
}

.line-orders .orders-counter__wrapper .line-orders__info {
  padding: 0;
}

.line-orders .orders-counter__wrapper .line-orders__info .info {
  font-weight: 400;
}

.line-orders .orders-counter__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 32px;
  min-width: 32px;
  height: 32px;
  border: 1px solid var(--white);
  background-color: var(--blue-green);
  border-radius: 100%;
  transition: border-color 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.line-orders .orders-counter__btn.disabled {
  opacity: 1;
  pointer-events: auto;
}

.line-orders .orders-counter__btn:focus, .line-orders .orders-counter__btn:focus-visible {
  outline: none;
}

.line-orders .orders-counter__btn:focus-visible, .line-orders .orders-counter__btn:hover, .line-orders .orders-counter__btn:active {
  border-color: var(--blue-green);
}

.line-orders .orders-counter__input {
  pointer-events: none;
  text-align: center;
  width: 36px;
  min-width: 36px;
  background-color: var(--white);
  border: none;
  color: var(--black);
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 88.889%;
}

.line-orders .zeroing {
  opacity: 0;
  width: 44px;
  min-width: 44px;
  height: 44px;
  border: 1px solid var(--white);
  background-color: #FEDAD8;
  border-radius: 12px;
  -webkit-transition: opacity 0.4s ease-in-out, border-color 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, border-color 0.4s ease-in-out;
  color: #FA453B;
}
.line-orders .zeroing .text {
  display: none;
}

.line-orders .zeroing:focus, .line-orders .zeroing:focus-visible {
  outline: none;
}

@media (min-width: 1050px) {
  .line-orders .zeroing:focus-visible, .line-orders .zeroing:hover, .line-orders .zeroing:active {
    border-color: #FEDAD8;
  }
}
@media (max-width: 1300px) {
  .line-orders__box-img img {
    width: 60px;
    min-width: 60px;
    height: 60px;
  }
  .line-orders__group-info {
    flex-wrap: wrap;
    gap: 24px;
  }
}
@media (max-width: 1050px) {
  .line-orders {
    align-items: start;
    padding: 12px 24px 16px 12px;
    gap: 40px;
  }
  .line-orders__left {
    align-items: start;
    gap: 8px;
  }
  .line-orders__box-title {
    gap: 16px;
  }
  .line-orders__title {
    font-size: 16px;
    line-height: 120%;
  }
  .line-orders-drop-down__btn {
    font-size: 15px;
    padding: 5px 8px;
  }
  .line-orders__group-info {
    margin-bottom: 38px;
    flex-wrap: nowrap;
    position: relative;
    justify-content: space-between;
  }
  .line-orders__info {
    padding: 0;
    gap: 0;
  }
  .line-orders__info .name {
    font-size: 14px;
    line-height: 120%;
  }
  .line-orders__info .info {
    font-size: 17px;
    line-height: 120%;
  }
  .line-orders .orders-counter__wrapper {
    align-items: end;
    gap: 37px;
  }
  .line-orders .orders-counter__btn {
    width: 24px;
    min-width: 24px;
    height: 24px;
  }
  .line-orders .orders-counter__input {
    font-size: 17px;
    line-height: 120%;
  }
  .line-orders .zeroing {
    width: auto;
    min-width: auto;
    height: auto;
    opacity: 1;
    position: absolute;
    top: calc(100% + 16px);
    transform: translate(-50%, 0);
    color: var(--black);
    padding: 3px 12px;
    background-color: var(--gray-50);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
  }
  .line-orders .zeroing .text {
    display: inline-block;
    color: var(--black);
    font-family: var(--font-family);
    font-size: 15px;
    font-style: normal;
    font-weight: 200;
    line-height: 120%;
  }
  .line-orders .zeroing svg {
    width: 14px;
    height: 14px;
  }
}
@media (max-width: 768px) {
  .line-orders {
    position: relative;
    padding: 12px 0 16px;
    flex-direction: column;
    gap: 16px;
  }
  .line-orders__box-title {
    max-width: 215px;
  }
  .line-orders__points {
    flex-wrap: wrap;
  }
  .line-orders__right {
    padding-left: 68px;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .line-orders__group-info {
    position: static;
    margin-bottom: 0;
    flex-wrap: wrap;
  }
  .line-orders__hidden-mob .line-orders__info .info {
    font-size: 20px;
    font-weight: 400;
  }
  .line-orders__box-title {
    gap: 12px;
  }
  .line-orders .zeroing {
    top: 12px;
    right: 0;
    transform: none;
    padding: 7px;
  }
  .line-orders .zeroing svg {
    width: 18px;
    height: 18px;
  }
  .line-orders .zeroing .text {
    display: none;
  }
}
.main-about {
  margin: 44px 0px;
  padding: 88px 0px;
  background-image: url(../img/main-about/main-about.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: cover;
}

.main-about__inner {
  border-radius: 16px;
  background: #FFF;
  padding: 44px;
  padding-bottom: 29px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.main-about__left {
  flex-grow: 1;
  padding-right: 24px;
  position: relative;
  z-index: 100;
}

.main-about__title {
  color: #000;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 116.667%;
}

.main-about__text {
  margin-top: 24px;
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
}

.main-about__text p {
  margin-bottom: 16px;
}

.main-about__right {
  width: 510px;
  min-width: 510px;
  position: relative;
  z-index: 100;
}

.main-about__bottom {
  display: none;
}

.main-about__button {
  text-align: right;
}

.main-about__button a {
  display: inline-block;
  width: 177px;
  border-radius: 50px;
  background: #B4D2C8;
  padding: 12px;
  text-align: center;
  color: #005A65;
  font-size: 16px;
  font-style: normal;
  font-weight: 200;
  line-height: 125%;
  transition: all 0.3s;
}

.main-about__button a:hover {
  background-color: #005A65;
  color: #fff;
}

.main-about__grid {
  margin-top: 23px;
  display: flex;
  margin-left: -6px;
  margin-right: -6px;
}

.main-about__col {
  width: 50%;
  padding-left: 6px;
  padding-right: 6px;
}

.main-about__image img {
  display: block;
  border-radius: 16px;
}

.main-about__price {
  margin-top: 12px;
}

.main-about__price a {
  display: block;
  text-align: center;
  border-radius: 16px;
  background: #005A65;
  color: #FFF;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 117.647%;
  padding: 26px;
  transition: all 0.3s;
}

.main-about__price a:hover {
  color: #005A65;
  background-color: #B4D2C8;
}

.main-about__price .btn {
  width: 100%;
  display: block;
  text-align: center;
  border-radius: 16px;
  background: #005A65;
  color: #FFF;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 117.647%;
  padding: 26px;
  transition: all 0.3s;
}
.main-about__price .btn:hover {
  color: #005A65;
  background-color: #B4D2C8;
}


.main-about__icon {
  display: block;
  position: absolute;
}

.main-about__icon_before {
  top: 0;
  left: 0;
}

.main-about__icon_after {
  bottom: 0;
  right: 0;
}

@media (max-width: 1050px) {
  .main-about {
    margin: 36px 0px;
    padding: 56px 0px;
  }
  .main-about__inner {
    padding: 32px;
    display: block;
    max-width: 912px;
    margin-left: auto;
    margin-right: auto;
  }
  .main-about__left {
    padding-right: 0;
  }
  .main-about__title {
    font-size: 28px;
    line-height: 128.571%;
  }
  .main-about__text {
    font-size: 17px;
    line-height: 129.412%;
  }
  .main-about__right {
    width: 100%;
    min-width: 0;
  }
  .main-about__right {
    display: none;
  }
  .main-about__bottom {
    display: flex;
    position: relative;
    z-index: 200;
  }
  .main-about__bottom-images {
    flex-grow: 1;
    display: flex;
    margin-left: -6px;
    margin-right: -6px;
  }
  .main-about__bottom-buttons {
    width: 276px;
    min-width: 276px;
    margin-left: 12px;
  }
  .main-about__image img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: top center;
  }
  .main-about__button a {
    width: 100%;
    font-size: 17px;
    white-space: nowrap;
    line-height: 94px;
    padding: 0;
    height: 94px;
    border-radius: 16px;
    text-align: center;
  }
  .main-about__price a {
    width: 100%;
    font-size: 17px;
    white-space: nowrap;
    line-height: 94px;
    padding: 0;
    height: 94px;
    border-radius: 16px;
    text-align: center;
  }

  .main-about__price .btn {
    width: 100%;
    font-size: 17px;
    white-space: nowrap;
    line-height: 94px;
    padding: 0;
    height: 94px;
    border-radius: 16px;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .main-about {
    padding: 16px 0px;
    margin: 30px 0px;
  }
  .main-about__inner {
    padding: 20px;
  }
  .main-about__title {
    font-size: 24px;
    line-height: 116.667%;
  }
  .main-about__text {
    margin-top: 13px;
    font-size: 16px;
    line-height: 131.25%;
  }
  .main-about__bottom {
    display: block;
  }
  .main-about__bottom-images {
    margin-left: -20px;
    margin-right: -20px;
    overflow-x: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
  .main-about__bottom-images::-webkit-scrollbar {
    width: 0;
  }
  .main-about__bottom-images {
    -ms-overflow-style: none;
  }
  .main-about__bottom-images {
    overflow: -moz-scrollbars-none;
  }
  .main-about__col {
    width: 240px;
    min-width: 240px;
    padding-left: 0;
    padding-right: 0;
    margin-right: 10px;
  }
  .main-about__col:last-child {
    margin-right: 0;
  }
  .main-about__image img {
    height: 175px;
  }
  .main-about__bottom-buttons {
    margin-top: 15px;
    margin-left: 0;
    width: 100%;
    min-width: 0;
  }
  .main-about__button a {
    line-height: 52px;
    height: 52px;
  }
  .main-about__price a {
    line-height: 52px;
    height: 52px;
  }

  .main-about__price .btn {
    line-height: 52px;
    height: 52px;
  }
}
.main-advantages {
  padding: 44px 0px;
}

.main-advantages__list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
}

.main-advantages__col {
  width: 25%;
  padding-left: 12px;
  padding-right: 12px;
}

.main-advantages__block {
  display: flex;
  align-items: center;
  padding: 14px;
  padding-right: 10px;
}

.main-advantages__block-icon {
  width: 52px;
  min-width: 52px;
  height: 52px;
  margin-right: 20px;
  position: relative;
}

.main-advantages__block-icon img {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.main-advantages__block-text {
  color: #000;
  font-size: 19px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

@media (max-width: 1450px) {
  .main-advantages__col {
    width: 50%;
  }
}
@media (max-width: 1050px) {
  .main-advantages {
    padding: 15px 0px;
  }
  .main-advantages__block {
    padding: 30px 44px;
  }
  .main-advantages__block-icon {
    width: 68px;
    min-width: 68px;
    height: 68px;
  }
  .main-advantages__block-text {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .main-advantages__block {
    padding: 14px;
    padding-right: 10px;
  }
  .main-advantages__block-icon {
    width: 52px;
    min-width: 52px;
    height: 52px;
  }
  .main-advantages__block-text {
    font-size: 19px;
  }
}
@media (max-width: 768px) {
  .main-advantages__list {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }
  .main-advantages__col {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  .main-advantages__col .main-advantages__block {
    margin-top: 24px;
  }
  .main-advantages__col:first-child .main-advantages__block {
    margin-top: 0;
  }
}
.main-blog {
  position: relative;
}

.main-blog__all {
  position: absolute;
  right: 0;
  bottom: 100%;
  transform: translateY(-32px);
}

.main-blog__all-link {
  display: flex;
}

.main-blog__all-text {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  transition: all 0.3s;
}

.main-blog__all-icon {
  position: relative;
  margin-left: 6px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #CDDBDD;
  transition: all 0.3s;
}

.main-blog__all-icon svg {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.main-blog__all-icon svg path {
  transition: all 0.3s;
}

.main-blog__all-link:hover .main-blog__all-text {
  color: #005A65;
}

.main-blog__all-link:hover .main-blog__all-icon {
  background-color: #005A65;
}

.main-blog__all-link:hover .main-blog__all-icon svg path {
  fill: #fff;
}

.main-blog__list {
  margin-top: 28px;
  position: relative;
}

.main-blog__list .swiper {
  overflow: visible;
}

.main-blog__list .swiper-slide {
  width: 323px;
}

.main-blog__block {
  display: block;
  height: 100%;
  position: relative;
}

.main-blog__block-tag {
  position: absolute;
  top: 20px;
  left: 20px;
  border-radius: 50px;
  background: #CDDBDD;
  padding: 6px 12px;
  color: #5A5A5A;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 114.286%;
}

.main-blog__block-image {
  height: 215px;
  overflow: hidden;
  border-radius: 16px;
}

.main-blog__block-image img {
  display: block;
  width: 100%;
  max-height: 100%;
  border-radius: 16px;
  object-fit: cover;
}

.main-blog__block-date {
  margin-top: 16px;
  color: #ACACAC;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.main-blog__block-title {
  margin-top: 6px;
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  transition: all 0.3s;
}

.main-blog__block:hover .main-blog__block-title {
  color: #005A65;
}

.main-blog__list-arrows {
  display: none;
}

@media (max-width: 1450px) {
  .main-blog__list:after {
    content: "";
    display: block;
    width: 184px;
    height: 100%;
    background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 0;
    right: -24px;
    z-index: 100;
    pointer-events: none;
  }
  .main-blog__list-arrows {
    display: flex;
    position: relative;
    margin-top: 40px;
  }
  .main-blog__list-arrow {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    border-radius: 14px;
    background: #B4D2C8;
    width: 52px;
    height: 52px;
    transition: all 0.3s;
  }
  .main-blog__list-arrow:after {
    content: none;
  }
  .main-blog__list-arrow_prev {
    margin-right: 8px;
  }
  .main-blog__list-arrow svg {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: auto;
    height: auto;
  }
  .main-blog__list-arrow svg path {
    transition: all 0.3s;
  }
  .main-blog__list-arrow:hover {
    background-color: #005A65;
  }
  .main-blog__list-arrow:hover svg path {
    fill: #fff;
  }
}
@media (max-width: 768px) {
  .main-blog__list:after {
    display: none;
  }
  .main-blog__list {
    margin-top: 20px;
  }
  .main-blog__list-arrows {
    display: none;
  }
  .main-blog__all {
    display: none;
  }
  .main-blog__list .swiper-slide {
    width: 280px;
  }
  .main-blog__block-tag {
    top: 16px;
    left: 16px;
  }
  .main-blog__block-image {
    height: 186px;
  }
  .main-blog__block-date {
    margin-top: 12px;
    font-size: 14px;
  }
  .main-blog__block-title {
    margin-top: 4px;
    font-size: 17px;
  }
}
.main-categories {
  margin-top: 14px;
}

.main-categories__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -12px;
  margin-right: -12px;
}

.main-categories__col {
  width: 33.33%;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 24px;
}

.main-categories__block {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: #F4F4F4;
  padding: 10px;
}

.main-categories__block-icon {
  width: 68px;
  min-width: 68px;
  height: 68px;
  border-radius: 100%;
  position: relative;
  margin-right: 16px;
  background-color: rgba(0, 90, 101, 0.16);
  transition: all 0.3s;
}

.main-categories__block-icon img {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transition: inherit;
}

.main-categories__block-title {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 200;
  line-height: 140%;
  transition: all 0.3s;
  white-space: nowrap;
}

.main-categories__block:hover .main-categories__block-icon {
  background-color: #005A65;
}

.main-categories__block:hover .main-categories__block-icon img {
  filter: grayscale(1) brightness(1000%);
}

.main-categories__block:hover .main-categories__block-title {
  color: #005A65;
}

@media (max-width: 1050px) {
  .main-categories__list {
    margin-left: -8px;
    margin-right: -8px;
  }
  .main-categories__col {
    padding-left: 8px;
    padding-right: 8px;
  }
  .main-categories__block {
    padding: 6px;
  }
  .main-categories__block-icon {
    width: 52px;
    min-width: 52px;
    height: 52px;
    margin-right: 12px;
  }
  .main-categories__block-icon img {
    max-height: 28px;
    max-width: 31px;
    object-fit: contain;
  }
  .main-categories__block-title {
    font-size: 17px;
    line-height: 164.706%;
  }
}
@media (max-width: 991px) {
  .main-categories__list {
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
    overflow-x: auto;
  }
  .main-categories__list::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .main-categories__list {
    -ms-overflow-style: none;
  }
  .main-categories__list {
    overflow: -moz-scrollbars-none;
  }
  .main-categories__col {
    padding-left: 0;
    padding-right: 0;
    margin-right: 8px;
    margin-bottom: 0px;
    width: 270px;
    min-width: 270px;
  }
  .main-categories__col:last-child {
    margin-right: 0;
  }
  .main-categories__block {
    padding: 6px 18px;
    padding-right: 6px;
    justify-content: flex-start;
  }
  .main-categories__block-icon {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }
  .main-categories__block-icon img {
    max-width: 21px;
    max-height: 23px;
  }
  .main-categories__block-title {
    font-size: 15px;
    line-height: 186.667%;
  }
}
@media (max-width: 768px) {
  .main-categories__list {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .main-categories__col {
    width: 228px;
    min-width: 228px;
  }
}
.main-slider {
  padding-bottom: 44px;
}

.main-slider__inner {
  position: relative;
}

.main-slider__slide {
  display: flex;
  align-items: center;
  border-radius: 16px;
  min-height: 476px;
  background-repeat: no-repeat;
  background-position: right center;
  overflow: hidden;
  position: relative;
}

.main-slider__slide-content {
  padding: 84px;
  position: relative;
  z-index: 100;
}

.main-slider__slide-title {
  color: #000;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 116.667%;
}

.main-slider__slide-text {
  margin-top: 12px;
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
}

.main-slider__slide-button {
  margin-top: 36px;
}

.main-slider__slide-button .btn {
  padding: 16px;
  min-width: 228px;
}

.main-slider__arrow {
  width: 48px;
  height: 48px;
  background-color: #005A65;
  border-radius: 100%;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
}

.main-slider__arrow svg {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: auto;
  height: auto;
  transition: all 0.3s;
}

.main-slider__arrow svg path {
  transition: inherit;
}

.main-slider__arrow:after {
  content: none;
}

.main-slider__arrow_prev {
  left: -24px;
}

.main-slider__arrow_next {
  right: -24px;
}

.main-slider__arrow:hover {
  background-color: #B4D2C8;
}

.main-slider__arrow:hover svg path {
  fill: #000;
}

@media (max-width: 1050px) {
  .main-slider {
    padding-bottom: 36px;
  }
  .main-slider__slide {
    min-height: 400px;
    background-color: #EEE;
    background-position: 5% center;
  }
  .main-slider__slide:before {
    content: "";
    display: block;
    position: absolute;
    background-image: url(../img/main-slider/main-slider__slide_after.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 235px;
    height: 400px;
    max-height: 100%;
    left: 200px;
    top: 0;
  }
  .main-slider__slide-content {
    padding: 55px;
  }
  .main-slider__slide-title {
    font-size: 28px;
    line-height: normal;
  }
  .main-slider__slide-text {
    margin-top: 8px;
    font-size: 17px;
  }
  .main-slider__slide-button {
    margin-top: 24px;
  }
  .main-slider__slide-button .btn {
    font-size: 16px;
    min-width: 196px;
    padding: 12px;
  }
  .main-slider__arrow {
    display: none;
  }
}
@media (max-width: 991px) {
  .main-slider {
    margin-top: 24px;
  }
  .main-slider__slide {
    background-image: none;
  }
}
@media (max-width: 768px) {
  .main-slider__slide {
    display: block;
    min-height: 0;
  }
  .main-slider__slide:before {
    left: 80px;
  }
  .main-slider__slide-content {
    padding: 28px 24px;
    min-height: 328px;
    display: flex;
    flex-direction: column;
  }
  .main-slider__slide-title {
    font-size: 22px;
    line-height: normal;
    width: 100%;
  }
  .main-slider__slide-text {
    font-size: 16px;
    line-height: normal;
    width: 100%;
  }
  .main-slider__slide-button {
    width: 100%;
    margin-top: auto;
    padding-top: 24px;
  }
  .main-slider__slide-button .btn {
    width: 280px;
    max-width: 100%;
    padding: 13px;
  }
}
.order-products {
  display: flex;
  gap: 1.7595307918%;
  justify-content: center;
}

.order-products__left {
  width: 74.5601173021%;
}

.order-products__line-points {
  margin-bottom: 24px;
}

.order-products__right {
  position: relative;
  width: 23.6803519062%;
}

.order-products .points-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}

.order-products .card-points {
  padding: 16px 20px;
  border: 1px solid var(--gray-75);
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.order-products .card-points .svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.order-products .card-points__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.order-products .card-points__info .name {
  color: var(--black);
  font-family: var(--font-family);
  font-size: 15px;
  font-style: normal;
  font-weight: 200;
  line-height: 120%;
}

.order-products .card-points__info .time {
  color: var(--black);
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 122.222%;
}

.order-products .box-orders {
  margin-bottom: 44px;
}

.order-products .box-orders__line-title {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 30px;
}

.order-products .box-orders__title {
  color: var(--black);
  font-family: var(--font-family);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
}

.order-products .box-orders__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}

.order-products .box-orders__list li:last-child .line-orders::before {
  display: none;
}

.order-products .btn-clear {
  padding: 2px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 6px;
}

.order-products .btn-clear .text {
  color: var(--black);
  font-family: var(--font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  -webkit-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
}

.order-products .btn-clear .svg {
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 100%;
  background-color: var(--blue-green-light);
}

.order-products .btn-clear:focus, .order-products .btn-clear:focus-visible {
  outline: none;
}

.order-products .btn-clear:focus-visible .text, .order-products .btn-clear:hover .text, .order-products .btn-clear:active .text {
  color: var(--blue-green);
}

@media (max-width: 1300px) {
  .order-products {
    gap: 20px;
  }
  .order-products__left {
    width: 67.2131147541%;
  }
  .order-products__right {
    width: 30.737704918%;
  }
}
@media (max-width: 1050px) {
  .order-products .points-list {
    gap: 8px;
  }
  .order-products .card-points {
    padding: 12px 16px;
  }
  .order-products .card-points__info .name {
    font-size: 14px;
  }
  .order-products .card-points__info .time {
    font-size: 17px;
  }
  .order-products__line-points {
    margin-bottom: 20px;
  }
  .order-products .btn-clear .text {
    font-size: 15px;
  }
  .order-products .box-orders {
    margin-bottom: 36px;
  }
  .order-products .box-orders__list {
    gap: 12px;
  }
}
@media (max-width: 1000px) {
  .order-products {
    flex-direction: column;
  }
  .order-products__left {
    width: 100%;
  }
  .order-products__right {
    position: static;
    margin: 0 auto;
    width: 100%;
    max-width: 450px;
  }
}
@media (max-width: 768px) {
  .order-products {
    gap: 32px;
  }
  .order-products .points-list {
    flex-wrap: wrap;
    justify-content: center;
  }
  .order-products .card-points {
    padding: 8.5px;
    justify-content: center;
    min-width: 152px;
  }
  .order-products .card-points .svg img {
    width: 28px;
    height: 36px;
  }
  .order-products .card-points__info .time {
    line-height: 120%;
  }
  .order-products__line-points {
    margin-bottom: 34px;
  }
  .order-products .box-orders__line-title {
    margin-bottom: 16px;
  }
  .order-products .box-orders__box-clear {
    display: none;
  }
  .order-products .box-orders__list {
    gap: 8px;
  }
}
.order-schedule {
  padding: 44px 0px;
}

.order-schedule__inner {
  background-color: #005A65;
  border-radius: 16px;
  padding: 48px 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-image: url(../img/order-schedule/order-schedule.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: auto 100%;
}

.order-schedule__content {
  display: flex;
  align-items: center;
}

.order-schedule__icon {
  width: 72px;
  min-width: 72px;
  margin-right: 28px;
}

.order-schedule__icon img {
  display: block;
}

.order-schedule__text {
  color: #FFF;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.order-schedule__counter {
  width: 390px;
  min-width: 390px;
}

.order-schedule__counter-numbers {
  display: flex;
}

.order-schedule__counter-number {
  flex-grow: 1;
  border-radius: 12px;
  background: #FFF;
  color: #000;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  white-space: nowrap;
  padding: 12px 6px;
  text-align: center;
}

.order-schedule__counter-number:nth-child(1) {
  width: 100px;
  min-width: 100px;
}

.order-schedule__counter-number:nth-child(2) {
  margin-left: 8px;
  margin-right: 8px;
  width: 139px;
  min-width: 139px;
}

.order-schedule__counter-number:nth-child(3) {
  width: 135px;
  min-width: 135px;
}

.order-schedule__counter-progress {
  margin-top: 8px;
  border-radius: 8px;
  background: #FFF;
  padding: 4px;
}

.order-schedule__counter-progress-bar {
  height: 12px;
  border-radius: 8px;
  background-image: url(../img/order-schedule/order-schedule__counter-progress-bar.jpg);
  background-repeat: repeat-x;
  background-size: auto 100%;
}

@media (max-width: 1050px) {
  .order-schedule {
    padding: 36px 0px;
  }
  .order-schedule__inner {
    padding: 32px 36px;
  }
  .order-schedule__icon {
    margin-right: 20px;
  }
  .order-schedule__text {
    font-size: 20px;
    padding-right: 42px;
  }
  .order-schedule__counter {
    width: 327px;
    min-width: 327px;
  }
  .order-schedule__counter-number {
    font-size: 28px;
    padding: 10px 6px;
  }
  .order-schedule__counter-number:nth-child(1) {
    width: 80px;
    min-width: 80px;
  }
  .order-schedule__counter-number:nth-child(2) {
    margin-left: 4px;
    margin-right: 4px;
    width: 119px;
    min-width: 119px;
  }
  .order-schedule__counter-number:nth-child(3) {
    width: 112px;
    min-width: 112px;
  }
  .order-schedule__counter-progress {
    padding: 3px 4px;
  }
  .order-schedule__counter-progress-bar {
    height: 10px;
  }
}
@media (max-width: 768px) {
  .order-schedule {
    padding: 30px 0px;
  }
  .order-schedule__inner {
    padding: 24px;
    padding-bottom: 28px;
    display: block;
    background-image: url(../img/order-schedule/order-schedule_mobile.png);
    background-position: right bottom;
  }
  .order-schedule__content {
    display: block;
  }
  .order-schedule__counter {
    min-width: 0;
    width: 280px;
  }
  .order-schedule__counter-number:nth-child(1) {
    width: 68px;
    min-width: 68px;
  }
  .order-schedule__counter-number:nth-child(2) {
    width: 99px;
    min-width: 99px;
  }
  .order-schedule__counter-number:nth-child(3) {
    width: 97px;
    min-width: 97px;
  }
  .order-schedule__icon {
    width: 47px;
    min-width: 47px;
    margin-right: 0;
  }
  .order-schedule__text {
    padding-right: 0;
    margin-top: 12px;
    font-size: 18px;
  }
  .order-schedule__counter-numbers {
    margin-top: 20px;
  }
  .order-schedule__counter-number {
    font-size: 22px;
  }
}
.product-detail-info__line-links {
  margin-bottom: 28px;
}

.product-detail-info__list {
  border-radius: 50px;
  padding: 8px;
  background-color: var(--gray-50);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 6px;
}

.product-detail-info__list li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.product-detail-info__group-desc {
  margin-bottom: 88px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
}

.product-detail-info__desc h3 {
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 24px;
  color: var(--blue-green);
}

.product-detail-info__desc div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.product-detail-info__desc > *:not(:last-child) {
  margin-bottom: 16px;
}

.product-detail-info__desc p {
  font-weight: 200;
  font-size: 18px;
  color: var(--black);
}

.detail-info-link {
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 6px;
  padding: 16px;
  border-radius: 50px;
  background-color: transparent;
  font-family: var(--font-family);
  font-weight: 200;
  font-size: 17px;
  line-height: 94%;
  color: var(--black);
  -webkit-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
}

.detail-info-link .counter {
  font-weight: 400;
  font-size: 13px;
  line-height: 138%;
  text-align: center;
  color: var(--white);
  padding: 0 5px;
  border-radius: 100px;
  background-color: var(--blue-green);
}

.detail-info-link.active {
  color: var(--white);
  background-color: var(--blue-green);
}

.detail-info-link:focus, .detail-info-link:focus-visible {
  outline: none;
}

.detail-info-link:focus-visible, .detail-info-link:hover, .detail-info-link:active {
  color: var(--white);
  background-color: var(--blue-green);
}

.box-recipes {
  margin-bottom: 88px;
}

.box-recipes__line-title {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
}

.box-recipes__title {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 32px;
  color: var(--black);
}

@media (max-width: 1050px) {
  .product-detail-info__line-links {
    margin-bottom: 24px;
  }
  .product-detail-info__group-desc {
    margin-bottom: 76px;
    gap: 32px;
  }
  .product-detail-info__desc h3 {
    font-size: 22px;
  }
  .product-detail-info__desc p {
    font-size: 17px;
  }
  .box-recipes {
    margin-bottom: 76px;
  }
  .box-recipes__title {
    font-size: 28px;
    line-height: 129%;
  }
}
@media (max-width: 768px) {
  .product-detail-info__line-links {
    margin: 0 -16px;
    margin-bottom: 20px;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .product-detail-info__list {
    background-color: var(--gray-50);
    margin: 0 16px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .product-detail-info__group-desc {
    margin-bottom: 60px;
    gap: 28px;
  }
  .product-detail-info__desc h3 {
    margin-bottom: 16px;
    font-size: 20px;
  }
  .product-detail-info__desc p {
    font-size: 16px;
  }
  .detail-info-link {
    padding: 12px 20px;
    font-size: 15px;
    line-height: 107%;
  }
  .box-recipes {
    margin-bottom: 60px;
  }
  .box-recipes__line-title {
    margin-bottom: 14px;
  }
  .box-recipes__title {
    font-size: 24px;
    line-height: 117%;
  }
  .box-recipes-btn {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }
}
.products-page-section {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr 24px 1fr 24px 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.products-page-section__box-title {
  display: none;
  grid-column: 1/-1;
}

.products-page-section__box-info {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1/4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}

.products-page-section__aside {
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-column: 4/5;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
}

.products-page-section__box-detail-info {
  padding-right: 120px;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1/4;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}

.products-page-section__box-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 36px;
}

.products-page-section__box-swiper {
  position: relative;
  width: 47.9842674533%;
}

.products-page-section__marks {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.products-page-section__marks .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}

.products-page-section__marks .left__mark {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 50px;
  padding: 8px 12px;
  background-color: var(--blue-green);
  font-family: var(--font-family);
  font-weight: 200;
  font-size: 17px;
  line-height: 94%;
  color: var(--white);
}

.products-page-section__marks .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}

.products-page-section__marks .right__mark {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 50px;
  padding: 8px 12px;
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 17px;
  line-height: 94%;
  color: var(--black);
  background-color: var(--turquoise);
}

.products-page-section__marks .right__mark .svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  height: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.products-page-section .box-info {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.products-page-section .box-info .global-section__title {
  margin-bottom: 16px;
}

.products-page-section .box-info__desc {
  margin-bottom: 28px;
  font-family: var(--font-family);
  font-weight: 200;
  font-size: 18px;
  color: var(--black);
}

.products-page-section .box-info__desc span {
  border-radius: 4px;
  padding: 0px 1px;
  white-space: nowrap;
  color: var(--black);
  background-color: transparent;
  -webkit-transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
}

.products-page-section .box-info__desc span.dark {
  color: var(--white);
  background-color: #3a2313;
}

.products-page-section .box-info__desc span.citrus {
  color: var(--black);
  background-color: #fbaf41;
}

.products-page-section .box-info__desc span.blueberry {
  color: var(--white);
  background-color: #4F86F7;
}

.products-page-section .box-info__desc span.nut {
  color: var(--black);
  background-color: #e0c47b;
}

.products-page-section .box-info__list {
  margin-bottom: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.products-page-section .type-range__label {
  font-size: 16px;
  line-height: 75%;
}

.products-page-section .box-line {
  margin-top: 15px;
  margin-left: 10px;
  margin-right: 10px;
}

.products-page-section .box-line {
  width: calc(100% - 20px);
}

.products-page-section .box-line .line::before {
  left: -10px;
  right: -10px;
  width: calc(100% + 20px);
}

.products-page-section .box-line .line .arrow.left {
  border-right: 7px solid #afafaf;
  position: relative;
  left: -10px;
}

.products-page-section .box-line .line .arrow.right {
  border-left: 7px solid #afafaf;
  position: relative;
  right: -10px;
}

.products-page-section .box-line .line .range {
  z-index: 1;
}

@media (max-width: 1300px) {
  .products-page-section__aside {
    min-width: 315px;
  }
  .products-page-section__marks {
    display: none;
  }
  .products-page-section__box-detail-info {
    padding-right: 0;
  }
}
@media (max-width: 1050px) {
  .products-page-section {
    -webkit-column-gap: 36px;
    -moz-column-gap: 36px;
    column-gap: 36px;
    row-gap: 20px;
  }
  .products-page-section__box-info {
    gap: 28px;
  }
  .products-page-section__box-swiper {
    position: relative;
    width: 48.8%;
  }
  .products-page-section__aside {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
  }
  .products-page-section__box-detail-info {
    padding-top: 52px;
    grid-column: 1/-1;
  }
  .products-page-section .box-info .global-section__title {
    margin-bottom: 20px;
  }
  .products-page-section .box-info__desc {
    margin-bottom: 20px;
    font-size: 17px;
  }
  .products-page-section .box-info__list {
    margin-bottom: 28px;
    gap: 12px;
  }
  .products-page-section .type-range__label {
    font-size: 14px;
    line-height: 86%;
  }
  .products-page-section .box-line .line .arrow.left {
    border-right: 5px solid #afafaf;
  }
  .products-page-section .box-line .line .arrow.right {
    border-left: 5px solid #afafaf;
  }
}
@media (max-width: 1000px) {
  .products-page-section__box-title {
    display: block;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    grid-column: 1/-1;
  }
  .products-page-section__box-info {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
  }
  .products-page-section__aside {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
  }
  .products-page-section__box-detail-info {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
  }
}
@media (max-width: 991px) {
  .products-page-section {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
  .products-page-section__box-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .products-page-section__box-swiper {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .products-page-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
  }
  .products-page-section__marks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .products-page-section__marks .left__mark {
    padding: 4px 8px;
    font-weight: 300;
    font-size: 14px;
    line-height: 114%;
  }
  .products-page-section__marks .right__mark {
    padding: 2px 8px;
    font-weight: 300;
    font-size: 14px;
    line-height: 114%;
  }
  .products-page-section__box-info {
    gap: 24px;
    padding-bottom: 6px;
  }
  .products-page-section .box-info__desc {
    margin-bottom: 16px;
    font-size: 16px;
  }
  .products-page-section .box-info__list {
    margin-bottom: 16px;
  }
  .products-page-section__box-detail-info {
    padding-top: 20px;
  }
}
.products-page-swiper .swiper-slide {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
}

.products-page-swiper__box-img {
  position: relative;
}

.products-page-swiper__box-img::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.products-page-swiper__link {
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.products-page-swiper__link:focus, .products-page-swiper__link:focus-visible {
  outline: none;
}

.products-page-swiper__link img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.products-page-swiper-pagination {
  position: absolute;
  z-index: 2;
  bottom: 31px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.products-page-swiper-pagination .swiper-pagination-bullet {
  margin: 0 !important;
  background-color: var(--turquoise);
  opacity: 1;
  -webkit-transition: width 0.4s ease-in-out, background-color 0.4s ease-in-out, border-radius 0.4s ease-in-out;
  transition: width 0.4s ease-in-out, background-color 0.4s ease-in-out, border-radius 0.4s ease-in-out;
}

.products-page-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-radius: 100px;
  width: 32px;
  background-color: var(--blue-green);
}

@media (max-width: 1050px) {
  .products-page-swiper-pagination {
    bottom: 16px !important;
  }
}
@media (max-width: 768px) {
  .products-page-swiper {
    max-width: 420px;
    padding-bottom: 12px;
  }
  .products-page-swiper-pagination {
    bottom: 0 !important;
  }
  .products-page-swiper__box-img::before {
    padding-top: 63%;
  }
  .products-page-swiper__link img {
    -o-object-fit: contain;
    object-fit: contain;
  }
}
.products-slider {
  position: relative;
  margin-top: 28px;
  .swiper-slide {
    height: auto;
  }
}

.products-slider__arrow {
  position: absolute;
  margin: 0;
  width: 60px;
  height: 60px;
  background-color: #FFF;
  border-radius: 100%;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
}

.products-slider__arrow:after {
  content: none;
}

.products-slider__arrow_prev {
  left: 2vh;
  transform: translateY(-50%) translateX(-49px);
}

.products-slider__arrow_next {
  right: 2vh;
  transform: translateY(-50%) translateX(49px);
}

.products-slider__arrow svg {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: auto;
  height: auto;
  transition: all 0.3s;
}

.products-slider__arrow svg path {
  transition: all 0.3s;
}

.products-slider__arrow:hover {
  background-color: #005A65;
}

.products-slider__arrow:hover svg path {
  fill: #fff;
}

.products-slider .swiper-slide {
  width: 323px;
}

@media (max-width: 1450px) {
  .products-slider {
    padding-bottom: 68px;
  }
  .products-slider__arrow {
    transform: none;
    bottom: 0;
    top: auto;
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background-color: #B4D2C8;
  }
  .products-slider__arrow_prev {
    left: 0;
  }
  .products-slider__arrow_next {
    right: auto;
    left: 60px;
  }
  .products-slider .swiper {
    overflow: visible;
  }
}
@media (max-width: 768px) {
  .products-slider__arrow {
    width: 160px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .products-slider__arrow_prev {
    background-image: url(../img/products-slider__arrow_prev.svg);
  }
  .products-slider__arrow_next {
    left: 168px;
    background-image: url(../img/products-slider__arrow_next.svg);
  }
  .products-slider__arrow svg {
    display: none;
  }
}
.recipes-swiper {
  margin-bottom: 20px;
}

.recipes-swiper .swiper-slide {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
}

.recipes-swiper__group-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}

.recipes-swiper-btn {
  border: 1px solid var(--white);
  width: 52px;
  min-width: 52px;
  height: 52px;
  border-radius: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--blue-green);
  -webkit-transition: border-color 0.4s ease-in-out, opacity 0.4s ease-in-out;
  transition: border-color 0.4s ease-in-out, opacity 0.4s ease-in-out;
}

.recipes-swiper-btn:focus, .recipes-swiper-btn:focus-visible {
  outline: none;
}

.recipes-swiper-btn:focus-visible, .recipes-swiper-btn:hover, .recipes-swiper-btn:active {
  border-color: var(--blue-green);
}

.recipes-swiper-btn.swiper-button-disabled {
  opacity: 0.6;
  pointer-events: none;
}

.card-recipes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
  padding: 32px;
  border-radius: 16px;
  background-color: var(--gray-50);
}

.card-recipes__line-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 16px;
}

.card-recipes__title {
  font-weight: 400;
  font-size: 24px;
  line-height: 133%;
  color: var(--blue-green);
}

/*.card-recipes__box-info {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 84px;
}*/

.card-recipes__box-info {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.card-recipes__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.card-recipes__list.column {
  width: 70%;
  display: block;
  column-count: 2;
  column-gap: 60px;
}
@media (max-width: 1050px) {
  .card-recipes__list.column {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 40px;
  }
}
.card-recipes__item {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2px;
}

.card-recipes__item:last-child {
  margin-bottom: 0;
}

.card-recipes__item .title {
  font-weight: 200;
  font-size: 16px;
  line-height: 125%;
  opacity: 0.6;
  color: var(--black);
}

.card-recipes__item .desc {
  font-weight: 200;
  font-size: 18px;
  color: var(--black);
}
/*
.card-recipes__item .desc span {
  white-space: nowrap;
}
*/
.card-recipes__btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.card-recipes__btn-copy {
  width: 100%;
  max-width: 275px;
  border-radius: 12px;
  padding: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--black);
  gap: 8px;
  background-color: var(--gray-75);
  -webkit-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
}

.card-recipes__btn-copy svg path {
  -webkit-transition: stroke 0.4s ease-in-out;
  transition: stroke 0.4s ease-in-out;
  stroke: var(--black);
}

.card-recipes__btn-copy .svg {
  color: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.card-recipes__btn-copy .text {
  font-weight: 200;
  font-size: 16px;
}

.card-recipes__btn-copy:focus, .card-recipes__btn-copy:focus-visible {
  outline: none;
}

.card-recipes__btn-copy:focus-visible, .card-recipes__btn-copy:hover, .card-recipes__btn-copy:active {
  color: var(--white);
  background-color: var(--blue-green);
}

.card-recipes__btn-copy:focus-visible svg path, .card-recipes__btn-copy:hover svg path, .card-recipes__btn-copy:active svg path {
  stroke: var(--white);
}

@media (max-width: 1050px) {
  .recipes-swiper {
    margin-bottom: 0;
  }
  .recipes-swiper__group-btn {
    gap: 4px;
  }
  .recipes-swiper-btn {
    width: 44px;
    min-width: 44px;
    height: 44px;
  }
  .card-recipes {
    padding: 24px;
  }
  .card-recipes__box-info {
    margin-bottom: 18px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
  .card-recipes__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 44px;
  }
  .card-recipes__btn-copy {
    color: var(--white);
    background-color: var(--blue-green);
  }
  .card-recipes__btn-copy svg path {
    stroke: var(--white);
  }
}
@media (max-width: 768px) {
  .card-recipes__title {
    font-size: 20px;
  }
  .card-recipes__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    row-gap: 23px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .card-recipes__item {
    min-width: 130px;
  }
  .card-recipes__item .title {
    font-size: 14px;
  }
  .card-recipes__item .desc {
    font-size: 16px;
  }
  .card-recipes__box-info {
    margin-bottom: 20px;
  }
}
.reviews-swiper .swiper-slide {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
}

.reviews-swiper .card-img {
  border-radius: 16px;
  overflow: hidden;
  height: 100%;
  position: relative;
}

.reviews-swiper .card-img::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.reviews-swiper .card-img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 991px) {
  .reviews-swiper {
    margin: 0 -24px;
    padding: 0 24px;
  }
}
@media (max-width: 768px) {
  .reviews-swiper {
    margin: 0 -16px;
    padding: 0 16px;
  }
}
.subscribe-section {
  padding: 44px 0px;
  padding-top: 66px;
}

.subscribe-section__inner {
  display: flex;
  align-items: center;
  border-radius: 16px;
  background: #005A65;
  position: relative;
  overflow: hidden;
  padding: 34px 75px;
}

.subscribe-section__text {
  flex-grow: 1;
  position: relative;
  z-index: 100;
  color: #FFF;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin-right: 44px;
}

.subscribe-section__button {
  width: 228px;
  min-width: 228px;
  position: relative;
  z-index: 100;
}

.subscribe-section__button .btn {
  background-color: #B4D2C8;
  color: #000;
  padding: 16px 31px;
  width: 100%;
  text-align: center;
}

.subscribe-section__circle {
  position: absolute;
}

.subscribe-section__circle_1 {
  left: 0;
  top: 0;
}

.subscribe-section__circle_2 {
  bottom: 0;
  right: 0px;
}

@media (max-width: 1050px) {
  .subscribe-section {
    padding: 36px 0px;
  }
  .subscribe-section__inner {
    justify-content: center;
    padding: 23px;
  }
  .subscribe-section__text {
    font-size: 17px;
    margin-right: 28px;
    max-width: 436px;
  }
  .subscribe-section__button .btn {
    font-size: 17px;
    padding: 12px 31px;
  }
}
@media (max-width: 768px) {
  .subscribe-section {
    padding: 30px 0px;
  }
  .subscribe-section__inner {
    display: block;
    padding: 28px 24px;
  }
  .subscribe-section__text {
    max-width: 100%;
    font-size: 18px;
  }
  .subscribe-section__button {
    width: 100%;
    text-align: center;
    margin-top: 25px;
  }
}
.week-offer {
  padding: 44px 0px;
}

.week-offer .product-card {
  background-color: var(--white);
}

.week-offer .product-card:hover {
  background-color: #F3F3F3;
}

.week-offer__inner {
  border-radius: 16px;
  background: #FAFAFA;
  padding: 44px;
  padding-left: 64px;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.week-offer__content {
  margin-top: 3px;
  position: relative;
  z-index: 100;
  padding-right: 24px;
}

.week-offer__title {
  color: #005A65;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 116.667%;
}

.week-offer__text {
  color: #000;
  font-size: 26px;
  font-style: normal;
  font-weight: 200;
  line-height: 130.769%;
  margin-top: 24px;
}

.week-offer__text-label {
  display: inline-block;
  color: #FFF;
  font-size: 26px;
  font-style: normal;
  font-weight: 300;
  line-height: 34px;
  border-radius: 12px;
  background-color: #AA0535;
  padding: 1px 5px;
  position: relative;
  top: -1px;
  left: -6px;
}

.week-offer__list {
  display: flex;
  position: relative;
  z-index: 100;
}

.week-offer__list-col {
  margin-right: 24px;
  width: 323px;
  height: 100%;
}

.week-offer__list-col:last-child {
  margin-right: 0;
}

.week-offer__circle {
  display: block;
  position: absolute;
}

.week-offer__circle_1 {
  top: 0;
  left: 0;
}

.week-offer__circle_2 {
  bottom: 0;
  left: 0;
}

@media (max-width: 1200px) {
  .week-offer {
    padding: 36px 0px;
  }
  .week-offer__inner {
    padding: 32px;
    padding-bottom: 60px;
  }
  .week-offer__title {
    font-size: 32px;
    line-height: normal;
  }
  .week-offer__text {
    font-size: 20px;
    line-height: normal;
  }
  .week-offer__list-col {
    margin-right: 20px;
  }
}
@media (max-width: 1020px) {
  .week-offer__inner {
    display: block;
  }
  .week-offer__content {
    padding-right: 0;
  }
  .week-offer__title br {
    display: none;
  }
  .week-offer__text {
    margin-top: 12px;
  }
  .week-offer__text br {
    display: none;
  }
  .week-offer__list {
    margin-top: 16px;
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  .week-offer {
    padding: 30px 0px;
  }
  .week-offer__inner {
    border-radius: 0;
    padding: 0;
    background: transparent;
  }
  .week-offer__title {
    font-size: 28px;
  }
  .week-offer__text {
    font-size: 16px;
  }
  .week-offer__text-label {
    font-size: 16px;
    left: 0;
    line-height: normal;
  }
  .week-offer__circle {
    display: none;
  }
}
.box-type {
  margin-bottom: 44px;
}
.box-type__list {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.box-type__radio-wrapper {
  cursor: pointer;
  padding: 22px 24px 22px 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  border-radius: 16px;
  background-color: var(--gray-50);
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
}
.box-type__radio-wrapper:has(input:checked) {
  background-color: var(--gray-75);
}
.box-type__radio-wrapper .castom {
  width: 21px;
  min-width: 21px;
  height: 21px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--gray);
  background-color: var(--white);
  transition: border-color 0.4s ease-in-out, background-color 0.4s ease-in-out;
}
.box-type__radio-wrapper .text {
  color: var(--black);
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 133.333%;
  transition: color 0.4s ease-in-out;
}
.box-type__input {
  display: none;
}
.box-type__input:checked + .castom {
  background-color: var(--blue-green);
  border-color: var(--blue-green);
}

@media (max-width: 1050px) {
  .box-type {
    margin-bottom: 36px;
  }
  .box-type__radio-wrapper {
    flex: 1;
    padding: 18px;
    gap: 11px;
  }
  .box-type__radio-wrapper .text {
    font-size: 17px;
  }
}
@media (max-width: 991px) {
  .box-type {
    margin-bottom: 32px;
  }
  .box-type__list {
    padding: 6px;
    border-radius: 16px;
    gap: 4px;
    background-color: var(--gray-50);
  }
  .box-type__radio-wrapper {
    padding: 15px 3px;
  }
  .box-type__radio-wrapper:has(input:checked) {
    background-color: var(--blue-green);
  }
  .box-type__radio-wrapper:has(input:checked) .text {
    color: var(--white);
  }
  .box-type__radio-wrapper .castom {
    display: none;
  }
  .box-type__radio-wrapper .text {
    font-size: 15px;
    line-height: 120%;
  }
}
.box-delivery-region__box-field {
  display: flex;
  flex-direction: column;
  gap: 12px;
  /*margin-right: -9px;*/
  margin-bottom: 44px;
}
.box-delivery-region__input-box {
  width: 100%;
  background-image: url("../img/geo/geo.svg");
  background-repeat: no-repeat;
  background-position: center left 24px;
}
@media (max-width: 768px) {
  .box-delivery-region__input-box {
    background-position: center left 16px;
  }
}
.box-delivery-region__input {
  width: 100%;
  padding: 20px 20px 20px 56px;
  background-color: transparent;
  border-radius: 16px;
  color: var(--black);
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 133.333%;
  border: 1px solid rgba(172, 172, 172, 0.5);
}
.box-delivery-region__input:focus, .box-delivery-region__input:focus-visible {
  outline: none;
}
.box-delivery-region__desc {
  color: var(--black);
  font-family: var(--font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 200;
  line-height: 150%;
  opacity: 0.5;
}

@media (max-width: 1050px) {
  .box-delivery-region {
    margin-bottom: 36px;
  }
  .box-delivery-region__box-field {
    margin-right: 0;
  }
  .box-delivery-region__input-box {
    background-position: center left 20px;
  }
  .box-delivery-region__input {
    padding: 16px 16px 16px 52px;
    font-size: 17px;
    line-height: 141.176%;
  }
  .box-delivery-region__desc {
    font-size: 15px;
    line-height: 120%;
  }
}
@media (max-width: 768px) {
  .box-delivery-region {
    margin-bottom: 32px;
  }
  .box-delivery-region__input-box {
    background-position: center left 16px;
  }
  .box-delivery-region__input {
    padding: 14px 12px 14px 40px;
  }
  .box-delivery-region__desc {
    font-size: 14px;
  }
}
.shipping-method {
  margin-bottom: 44px;
}
.shipping-method__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

@media (max-width: 1300px) {
  .shipping-method__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1050px) {
  .shipping-method {
    margin-bottom: 36px;
  }
  .shipping-method__list {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}
@media (max-width: 1000px) {
  .shipping-method__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .shipping-method {
    margin-bottom: 32px;
  }
  .shipping-method__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.card-shipping-method {
  min-height: 145px;
  justify-content: space-between;
  position: relative;
  padding: 20px 20px 22px 24px;
  background-color: var(--gray-50);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 11px;
}
.card-shipping-method .btn-primary {
  position: relative;
}
.card-shipping-method:has(input:checked) {
  background-color: var(--gray-75);
}
.card-shipping-method:has(input:checked) .castom {
  border-color: var(--blue-green);
  background-color: var(--blue-green);
}
.card-shipping-method__label {
  cursor: pointer;
  position: absolute;
  inset: 0;
}
.card-shipping-method__input {
  display: none;
}
.card-shipping-method__line-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card-shipping-method__line-top .castom {
  width: 21px;
  min-width: 21px;
  height: 21px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--gray);
  background-color: var(--white);
}
.card-shipping-method__line-top .box-img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-shipping-method__line-top .box-img img {
  max-width: 145px;
}
.card-shipping-method__box-bottom {
  display: flex;
  flex-direction: column;
  gap: 7.5px;
}
.card-shipping-method__top {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.card-shipping-method__title {
  color: #1F1F1F;
  font-family: var(--font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.card-shipping-method__desc {
  color: #898989;
  font-family: var(--font-family);
  font-size: 15px;
  font-style: normal;
  font-weight: 200;
  line-height: 106.667%;
}
.card-shipping-method__desc span {
  color: #1F1F1F;
  font-weight: 300;
  line-height: normal;
}
.card-shipping-method__link {
  width: fit-content;
  position: relative;
  color: var(--blue-green);
  font-family: var(--font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 114.286%;
}
.card-shipping-method__link::before {
  position: absolute;
  bottom: -2px;
  content: "";
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to right, var(--blue-green) 0%, var(--blue-green) 60%, transparent 40%, transparent 100%);
  background-size: 10px 0.9px;
  background-position: left bottom;
  background-repeat: repeat-x;
}
.card-shipping-method__link:focus, .card-shipping-method__link:focus-visible {
  outline: none;
}
.card-shipping-method__link:focus-visible, .card-shipping-method__link:hover, .card-shipping-method__link:active {
  color: #1F1F1F;
}

@media (max-width: 1050px) and (min-width: 1000px) {
  .card-shipping-method {
    padding: 20px;
    min-height: 81px;
    flex-direction: row;
    gap: 36px;
  }
  .card-shipping-method__line-top {
    align-items: start;
    gap: 24px;
  }
  .card-shipping-method__line-top .box-img img {
    width: 130px;
    max-width: 130px;
  }
  .card-shipping-method__box-bottom {
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .card-shipping-method__desc {
    font-size: 16px;
    line-height: 120%;
  }
  .card-shipping-method__link {
    padding: 12px 18px;
    line-height: 120%;
    border-radius: 100px;
    border: 1px solid var(--blue-green, #005A65);
  }
  .card-shipping-method__link::before {
    display: none;
  }
}
@media (max-width: 768px) {
  .card-shipping-method {
    min-height: 146px;
    padding: 14px 12px;
    gap: 12px;
    justify-content: start;
  }
  .card-shipping-method__line-top {
    justify-content: start;
    gap: 11px;
  }
  .card-shipping-method__line-top .castom {
    width: 18px;
    min-width: 18px;
    height: 18px;
  }
  .card-shipping-method__line-top .box-img img {
    max-height: 19px;
    max-width: 100px;
  }
  .card-shipping-method__top {
    gap: 4px;
  }
  .card-shipping-method__title {
    font-size: 14px;
    line-height: 110%;
  }
  .card-shipping-method__desc {
    font-size: 12px;
    line-height: 120%;
  }
  .card-shipping-method__desc span {
    display: block;
    font-size: 14px;
    line-height: 120%;
  }
  .card-shipping-method__box-bottom {
    gap: 4px;
  }
  .card-shipping-method__link {
    font-size: 13px;
    line-height: 123.077%;
  }
}
.card-payment-method__hidden-mob {
  display: none;
}

@media (max-width: 1050px) and (min-width: 1000px) {
  .card-payment-method {
    position: relative;
    gap: 24px;
  }
  .card-payment-method .box-img {
    display: none;
  }
  .card-payment-method__hidden-mob {
    position: absolute;
    transform: translateY(-50%);
    right: 20px;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    min-width: 52px;
    height: 52px;
    border-radius: 100%;
    background-color: var(--white);
  }
  .card-payment-method__hidden-mob img {
    width: 34px;
    height: 24px;
  }
}
@media (max-width: 768px) {
  .card-payment-method .card-shipping-method__line-top {
    justify-content: space-between;
  }
  .card-payment-method .card-shipping-method__title {
    font-size: 16px;
  }
  .card-payment-method .card-shipping-method__desc {
    font-size: 14px;
  }
}
.recipient-info__list {
  display: flex !important;
  flex-wrap: wrap;
  gap: 12px;
  .recipient-info__input {
    width: 100%;
  }
  .recipient-info__textarea {
    width: 100%;
  }
  .form-group.bx-soa-customer-field:has(input) {
    width: calc(50% - 6px);
  }
  .form-group.bx-soa-customer-field:has(textarea) {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .recipient-info__list {
    .form-group.bx-soa-customer-field:has(input) {
      width: 100%;
    }
  }
}
.has-error {
  .recipient-info__input {
    border-color: #EB1C24;
    color: #EB1C24;
  }
  .recipient-info__textarea {
    border-color: #EB1C24;
    color: #EB1C24;
  }
}
.alert.alert-danger {
  margin-bottom: 20px;
  color: #EB1C24;
  font-size: 15px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
}
.alert.alert-success {
  margin-bottom: 20px;
  color: var(--black);
  font-size: 15px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  background-image: url("../img/alert/alert.svg");
  background-repeat: no-repeat;
  background-position: left center;
}
.recipient-info__input {
  padding: 20px;
  border-radius: 16px;
  color: var(--black);
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 133.333%;
  border: 1px solid rgba(172, 172, 172, 0.5);
}
.recipient-info__textarea {
  resize: none;
  padding: 20px;
  border-radius: 16px;
  color: var(--black);
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 133.333%;
  min-height: 148px;
  border: 1px solid rgba(172, 172, 172, 0.5);
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.recipient-info__textarea::-webkit-scrollbar {
  display: none;
}
.recipient-info__textarea:last-child {
  grid-column: span 2;
}

@media (max-width: 1050px) {
  .recipient-info__list {
    gap: 8px;
  }
  .recipient-info__input {
    padding: 18px 16px;
    font-size: 17px;
    line-height: 120%;
  }
  .recipient-info__textarea {
    padding: 18px 16px;
    font-size: 17px;
    line-height: 120%;
    min-height: 128px;
  }
}
@media (max-width: 768px) {
  .recipient-info__list {
    grid-template-columns: 1fr;
  }
  .recipient-info__input {
    padding: 16px;
    font-size: 16px;
    line-height: 120%;
  }
  .recipient-info__textarea {
    padding: 16px;
    font-size: 16px;
    line-height: 120%;
    min-height: 108px;
  }
  .recipient-info__textarea:last-child {
    grid-column: span 1;
  }
}
.receiving-basket__wrapper {
  padding: 44px;
  max-width: 1105px;
  border-radius: 16px;
  background-color: var(--white);
}
.receiving-basket__line-top {
  min-width: 1017px;
  margin-bottom: 20px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 20px;
  justify-content: space-between;
  background-color: var(--gray-50);
}
.receiving-basket__group-desc {
  display: flex;
  align-items: center;
  gap: 12px;
}
.receiving-basket__group-desc .svg {
  display: flex;
  align-items: center;
  justify-content: center;
}
.receiving-basket__desc {
  color: #000;
  font-family: var(--font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 200;
  line-height: 150%;
}
.receiving-basket__link {
  padding: 4px 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--blue-green);
  font-family: var(--font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 200;
  line-height: 171.429%;
  border-radius: 100px;
  border: 1px solid var(--blue-green);
  transition: color 0.4s ease-in-out;
}
.receiving-basket__link:focus, .receiving-basket__link:focus-visible {
  outline: none;
}
.receiving-basket__link:focus-visible, .receiving-basket__link:hover, .receiving-basket__link:active {
  color: var(--black);
}
.receiving-basket__title {
  margin-bottom: 20px;
  color: var(--black);
  font-family: var(--font-family);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
}
.receiving-basket__line-total {
  padding: 32px 94px 0;
  display: flex;
  align-items: end;
  justify-content: end;
  gap: 16px;
}
.receiving-basket__line-total .total {
  color: var(--black);
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
}
.receiving-basket__line-total .total-price {
  display: flex;
  align-items: end;
  gap: 4px;
}
.receiving-basket__line-total .total-price .old {
  color: #979797;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 111.111%;
  text-decoration-line: line-through;
}
.receiving-basket__line-total .total-price .actual {
  color: var(--black);
  text-align: right;
  font-family: var(--font-family);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.receiving-basket__group-btn {
  padding-top: 49px;
  display: flex;
  align-items: center;
  justify-content: end;
  flex-wrap: wrap;
  gap: 12px;
}
.receiving-basket__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 17.5px;
  border-radius: 16px;
  border: 1px solid var(--blue-green);
  transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
}
.receiving-basket__btn .text {
  font-family: var(--font-family);
  font-size: 17px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
}
.receiving-basket__btn:focus, .receiving-basket__btn:focus-visible {
  outline: none;
}
.receiving-basket__btn.reject {
  min-width: 254px;
  color: var(--blue-green);
}
.receiving-basket__btn.reject:focus, .receiving-basket__btn.reject:hover, .receiving-basket__btn.reject:active {
  color: var(--white);
  background-color: var(--blue-green);
}
.receiving-basket__btn.add {
  min-width: 269px;
  color: var(--white);
  background-color: var(--blue-green);
}
.receiving-basket__btn.add:focus, .receiving-basket__btn.add:hover, .receiving-basket__btn.add:active {
  color: var(--blue-green);
  background-color: transparent;
}
.receiving-basket .box-orders__list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.receiving-basket .line-orders-drop-down__btn {
  pointer-events: none;
}
.receiving-basket .line-orders {
  padding: 12px 96px 12px 12px;
  pointer-events: none;
}
.receiving-basket .line-orders__info {
  padding: 0;
}
.receiving-basket .line-orders__info.price {
  padding-left: 9px;
}
.receiving-basket .line-orders__info.price .info {
  font-weight: 400;
}

@media (max-width: 1300px) {
  .receiving-basket__line-top {
    min-width: 100%;
  }
  .receiving-basket__link .text span {
    display: none;
  }
  .receiving-basket .line-orders {
    padding: 16px;
  }
  .receiving-basket__line-total {
    padding: 32px 0 0;
  }
}
@media (max-width: 1050px) {
  .receiving-basket__wrapper {
    padding: 32px;
  }
  .receiving-basket__line-top {
    padding: 16px;
    gap: 33px;
  }
  .receiving-basket__desc {
    font-size: 15px;
    line-height: 120%;
  }
  .receiving-basket__link {
    padding: 4px 28px;
    font-size: 14px;
    line-height: 171.429%;
  }
  .receiving-basket__title {
    font-size: 20px;
    line-height: 120%;
  }
  .receiving-basket .line-orders__box-title {
    gap: 8px;
  }
  .receiving-basket .line-orders__points {
    gap: 6px;
  }
  .receiving-basket .line-orders__group-info {
    margin-bottom: 0;
    gap: 36px;
  }
  .receiving-basket .line-orders__info .name {
    font-size: 16px;
    line-height: 125%;
  }
  .receiving-basket .line-orders__info .info {
    font-size: 18px;
    line-height: normal;
  }
  .receiving-basket__line-total {
    padding: 24px 0 0;
  }
  .receiving-basket__group-btn {
    padding-top: 30px;
  }
  .receiving-basket__btn {
    padding: 15.5px;
  }
}
@media (max-width: 768px) {
  .receiving-basket__wrapper {
    padding: 16px;
  }
  .receiving-basket__line-top {
    padding: 12px;
    flex-direction: column;
    gap: 12px;
  }
  .receiving-basket__group-desc {
    gap: 8px;
    align-items: start;
  }
  .receiving-basket__desc {
    font-size: 14px;
    line-height: 120%;
  }
  .receiving-basket__link {
    width: 100%;
    max-width: 208px;
  }
  .receiving-basket__title {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 120%;
  }
  .receiving-basket .line-orders {
    padding: 12px 16px 12px 0;
    gap: 12px;
  }
  .receiving-basket .line-orders__box-title {
    gap: 12px;
  }
  .receiving-basket .line-orders__group-info {
    column-gap: 20px;
    row-gap: 12px;
  }
  .receiving-basket .line-orders__info.price {
    padding: 0;
  }
  .receiving-basket .line-orders__info.price .info {
    font-size: 20px;
    line-height: 120%;
  }
  .receiving-basket .line-orders__info .name {
    font-size: 14px;
    line-height: 120%;
  }
  .receiving-basket .line-orders__info .info {
    font-size: 17px;
    line-height: 120%;
  }
  .receiving-basket__line-total {
    gap: 8px;
  }
  .receiving-basket__line-total .total {
    font-size: 16px;
    line-height: 120%;
  }
  .receiving-basket__line-total .total-price .old {
    font-size: 16px;
    line-height: 120%;
  }
  .receiving-basket__line-total .total-price .actual {
    font-size: 22px;
    line-height: 120%;
  }
  .receiving-basket__group-btn {
    flex-direction: column-reverse;
    gap: 8px;
  }
  .receiving-basket__btn {
    padding: 13.5px;
    width: 100%;
    min-width: 100%;
  }
}
.favourites-section:first-child {
  margin-top: 28px;
}
.favourites-section-wrapper {
  display: flex;
  flex-direction: column;
  gap: 58px;
}
.favourites-section__line-title {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.favourites-section__title {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--black);
  font-family: var(--font-family);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
}
.favourites-section__title .count {
  width: 28px;
  min-width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--blue-green);
  border-radius: 100%;
  color: var(--white);
  text-align: center;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
.favourites-section__list-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.favourites-section__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.favourites-section__box-btn .btn-show-more {
  max-width: 213px;
}

@media (max-width: 1300px) {
  .favourites-section__list-wrapper {
    gap: 20px;
  }
  .favourites-section__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}
@media (max-width: 1050px) {
  .favourites-section:first-child {
    margin-top: 24px;
  }
  .favourites-section-wrapper {
    gap: 50px;
  }
}
@media (max-width: 991px) {
  .favourites-section:first-child {
    margin-top: 20px;
  }
  .favourites-section__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .favourites-section__title {
    font-size: 20px;
    line-height: 120%;
    gap: 6px;
  }
  .favourites-section__title .count {
    width: 24px;
    min-width: 24px;
    height: 24px;
    font-size: 16px;
    line-height: 112.5%;
  }
  .favourites-section__list {
    grid-template-columns: 1fr;
  }
  .favourites-section-wrapper {
    gap: 40px;
  }
}
.successfully {
  min-height: 100vh;
  background-image: url(../img/successfully/ornament.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
}
.successfully .container {
  min-height: 100vh;
}
.successfully__wrapper {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
}
.successfully__wrapper .logo {
  position: absolute;
  top: 80px;
}
.successfully__box-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.successfully__main-desc {
  color: var(--black);
  font-family: var(--font-family);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
}
.successfully__desc {
  color: var(--black);
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
}
.successfully__group-btn {
  padding-top: 20px;
  display: flex;
  gap: 12px;
}
.successfully-btn {
  min-width: 248px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 17.5px;
  font-family: var(--font-family);
  font-size: 17px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
}
.successfully-btn:focus, .successfully-btn:focus-visible {
  outline: none;
}
.successfully-btn.payment {
  color: var(--white);
  background-color: var(--blue-green);
}
.successfully-btn.payment:focus-visible, .successfully-btn.payment:hover, .successfully-btn.payment:active {
  color: var(--blue-green);
  background-color: var(--turquoise);
}
.successfully-btn.back {
  color: var(--blue-green);
  background-color: var(--turquoise);
}
.successfully-btn.back:focus-visible, .successfully-btn.back:hover, .successfully-btn.back:active {
  color: var(--white);
  background-color: var(--blue-green);
}
.successfully__box-bottom {
  position: absolute;
  bottom: 48px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.successfully__group-links {
  display: flex;
  gap: 12px;
}
.successfully__link {
  color: var(--black);
  font-family: var(--font-family);
  font-size: 13px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  opacity: 0.5;
}
.successfully__link:focus, .successfully__link:focus-visible {
  outline: none;
}
.successfully__link:focus-visible, .successfully__link:hover, .successfully__link:active {
  opacity: 1;
}
.successfully__bottom-desc {
  color: var(--black);
  font-family: var(--font-family);
  font-size: 13px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  opacity: 0.5;
}

@media (max-width: 1050px) {
  .successfully {
    min-height: 1366px;
    background-image: url(../img/successfully/ornament1050.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
  }
  .successfully__wrapper {
    padding-top: 68px;
    align-items: start;
    flex-direction: column;
    gap: 158px;
  }
  .successfully__wrapper .logo {
    position: static;
    top: 68px;
  }
  .successfully__main-desc {
    font-size: 28px;
    line-height: 114.286%;
  }
  .successfully__group-btn {
    padding-top: 16px;
  }
  .successfully-btn.payment:focus-visible, .successfully-btn.payment:hover, .successfully-btn.payment:active {
    color: var(--white);
    background-color: var(--blue-green);
  }
  .successfully-btn.back:focus-visible, .successfully-btn.back:hover, .successfully-btn.back:active {
    color: var(--blue-green);
    background-color: var(--turquoise);
  }
  .successfully__box-bottom {
    display: none;
  }
}
@media (max-width: 768px) {
  .successfully {
    min-height: 100vh;
    background-image: none;
  }
  .successfully__wrapper {
    padding-top: 24px;
    padding-bottom: 24px;
    gap: 129px;
  }
  .successfully__main-desc {
    font-size: 18px;
    line-height: 120%;
  }
  .successfully__desc {
    font-size: 16px;
    line-height: 120%;
  }
  .successfully__group-btn {
    padding-top: 24px;
    flex-direction: column;
    gap: 8px;
  }
  .successfully-btn {
    min-width: 100%;
    padding: 14px;
    font-size: 16px;
  }
}
.box-search {
  margin-top: 28px;
}
.box-search__line-search {
  margin-bottom: 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.box-search__group {
  display: flex;
  gap: 8px;
}
.box-search__label {
  display: flex;
  background-image: url(../img/box-search/search-1.svg);
  background-repeat: no-repeat;
  background-position: center left 16px;
}
.box-search__input {
  min-width: 496px;
  border-radius: 16px;
  padding: 16px 16px 16px 48px;
  background-color: transparent;
  color: var(--black);
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 133.333%;
  border: 2px solid var(--gray-75, #F3F3F3);
}
.box-search__input:focus, .box-search__input:focus-visible {
  outline: none;
}
.box-search__submit {
  min-width: 164px;
  padding: 16.5px;
  border-radius: 16px;
  background-color: var(--blue-green, #005A65);
  color: var(--white, #FFF);
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
}
.box-search__submit .svg {
  display: none;
  align-items: center;
  justify-content: center;
}
.box-search__submit:focus, .box-search__submit:focus-visible {
  outline: none;
}
.box-search__submit:focus-visible, .box-search__submit:hover, .box-search__submit:active {
  color: var(--blue-green, #005A65);
  background-color: #CDDBDD;
}
.box-search__desc {
  color: var(--gray, #ACACAC);
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 133.333%;
}
.box-search__box-swiper {
  margin-bottom: 20px;
}
.box-search__link-all {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 6px 20px;
  border-radius: 14px;
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 14px;
  border: 1px solid var(--white);
  font-style: normal;
  font-weight: 200;
  line-height: 85.714%;
  background-color: var(--gray-75, #F3F3F3);
  transition: border-color 0.4s ease-in-out;
}
.box-search__link-all .svg {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 2px 1px 2px;
}
.box-search__link-all:focus, .box-search__link-all:focus-visible {
  outline: none;
}
.box-search__link-all:focus-visible, .box-search__link-all:hover, .box-search__link-all:active {
  border-color: var(--gray-75, #F3F3F3);
}

@media (max-width: 1050px) {
  .box-search {
    margin-top: 24px;
  }
  .box-search__line-search {
    margin-bottom: 24px;
  }
  .box-search__input {
    font-size: 17px;
    line-height: 120%;
  }
  .box-search__submit {
    padding: 16px;
    font-size: 17px;
    line-height: 120%;
  }
  .box-search__desc {
    font-size: 17px;
    line-height: 120%;
  }
  .box-search__box-swiper {
    margin-bottom: 24px;
  }
}
@media (max-width: 1000px) {
  .box-search__line-search {
    gap: 8px;
    margin-bottom: 20px;
  }
  .box-search__group {
    position: relative;
  }
  .box-search__label {
    width: 100%;
    background-image: none;
  }
  .box-search__input {
    padding: 14px 48px 14px 16px;
    min-width: 100%;
  }
  .box-search__submit {
    min-width: auto;
    position: absolute;
    inset: 0 0 0 auto;
    padding: 10px 16px;
    background-color: transparent;
  }
  .box-search__submit .text {
    display: none;
  }
  .box-search__submit .svg {
    display: flex;
  }
  .box-search__desc {
    font-size: 16px;
    line-height: 120%;
  }
  .box-search__box-swiper {
    margin-bottom: 20px;
  }
}
.swiper-search {
  position: relative;
}
.swiper-search:has(.swiper-slide.swiper-slide-next::nth-last-child(3))::after {
  opacity: 0;
}
.swiper-search::after {
  content: "";
  position: absolute;
  inset: 0 0 0 auto;
  z-index: 2;
  pointer-events: none;
  width: 25.4398826979%;
  background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
  transition: opacity 0.4s ease-in-out;
}
.swiper-search .swiper-slide {
  box-sizing: border-box;
  height: auto;
}
.swiper-search__line-btn {
  padding-top: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  flex-wrap: wrap;
}
.swiper-search-group-btn {
  display: flex;
  align-items: center;
  gap: 4px;
}
.swiper-search-btn {
  width: 52px;
  min-width: 52px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  border: 1px solid #FFF;
  background-color: var(--gray-75, #F3F3F3);
  transition: border-color 0.4s ease-in-out;
}
.swiper-search-btn:focus, .swiper-search-btn:focus-visible {
  outline: none;
}
.swiper-search-btn:focus-visible, .swiper-search-btn:hover, .swiper-search-btn:active {
  border-color: var(--gray-75, #F3F3F3);
}

@media (max-width: 1050px) {
  .swiper-search::after {
    display: none;
  }
}
.card-search {
  display: flex;
  gap: 12px;
  height: 100%;
  padding: 16px;
  border-radius: 16px;
  position: relative;
  border: 2px solid var(--gray-75, #F3F3F3);
}
.card-search__link {
  position: absolute;
  inset: 0;
}
.card-search__left {
  border-radius: 16px;
  display: flex;
  overflow: hidden;
  width: 43.3566433566%;
  min-width: 43.3566433566%;
  height: 89px;
  max-height: 89px;
}
.card-search__left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-search__right {
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: space-between;
}
.card-search__right .marker {
  width: fit-content;
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: 123.077%;
  padding: 4px 8px;
  border-radius: 50px;
  background-color: var(--turquoise, #B4D2C8);
}
.card-search__right .desc {
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 3.6em;
  line-height: 1.2em;
}
.card-search__right .desc span {
  border-radius: 16px;
  background-color: yellow;
}

@media (max-width: 768px) {
  .card-search {
    padding: 12px;
  }
  .card-search__right {
    gap: 8px;
  }
  .card-search__right .marker {
    padding: 2px 8px;
  }
}
/*19.12.25 простая детальная карта*/
.desc-hidden-box {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 14;
}
.desc-hidden-box *:not(:last-child) {
  margin-bottom: 16px;
}
.desc-hidden-btn {
  padding-top: 12px;
  color: var(--blue-green, #005A65);
  font-family: Geologica;
  font-size: 16px;
  font-style: normal;
  font-weight: 200;
  line-height: 130%;
  text-decoration: underline;
  transition: color 0.4s ease-in-out;
}
.desc-hidden-btn:focus, .desc-hidden-btn:focus-visible {
  outline: none;
}
.desc-hidden-btn:focus-visible, .desc-hidden-btn:hover {
  color: var(--black, #000);
}

.orders-counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.orders-counter__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 32px;
  min-width: 32px;
  height: 32px;
  border: 1px solid var(--white);
  background-color: var(--blue-green);
  border-radius: 100%;
  transition: border-color 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.orders-counter__btn.disabled {
  opacity: 0.6;
  pointer-events: none;
}

.orders-counter__input {
  pointer-events: none;
  text-align: center;
  width: 36px;
  min-width: 36px;
  background-color: var(--white);
  border: none;
  color: var(--black);
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 88.889%;
}

@media (max-width: 1050px) {
  .orders-counter__btn {
    width: 24px;
    min-width: 24px;
    height: 24px;
  }
  .orders-counter__input {
    font-size: 17px;
    line-height: 120%;
  }
}
.light-section .product-pricing {
  align-items: center;
}
.light-section .product-detail-info__list {
  width: calc(100% - 32px);
}

.light-card {
  padding-top: 48px;
}
.light-card .product-card__bottom {
  padding-top: 30px;
}

.modal-search__close {
  cursor: pointer;
  position: fixed;
  top: 32px;
  right: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--blue-green, #005A65);
  transition: color 0.4s ease-in-out;
}
@media (max-width: 1050px) {
  .modal-search__close {
    top: 12px;
    right: 24px;
  }
}
.modal-search__close svg path {
  transition: stroke 0.4s ease-in-out;
}
.modal-search__close:hover {
  color: #CDDBDD;
}
.modal-search__close:hover svg path {
  stroke: var(--blue-green, #005A65);
}
.modal-search__box-form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
@media (max-width: 1050px) {
  .modal-search__box-form {
    gap: 8px;
  }
}
.modal-search__label {
  flex: 1;
}
.modal-search__wrapper {
  padding-top: 20px;
  /* margin-left: -15px; */
}
@media (max-width: 1050px) {
  .modal-search__wrapper {
    padding-top: 6px;
  }
}
.modal-search__label {
  display: flex;
  align-items: center;
  padding: 0 16px;
  gap: 10px;
  height: 58px;
  overflow: hidden;
  border-radius: 16px;
  background-color: #fff;
}
@media (max-width: 991px) {
  .modal-search__label {
    height: 48px;
  }
}
.modal-search__svg {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .modal-search__svg {
    display: none;
  }
}
.modal-search__input {
  border: none;
  background-color: transparent;
  width: 100%;
  padding: 17px 0;
  color: var(--black, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 133.333%;
}
@media (max-width: 991px) {
  .modal-search__input {
    padding: 12px 0;
    font-size: 16px;
  }
}
.modal-search__input:focus, .modal-search__input:focus-visible {
  outline: none;
}
.modal-search__submit {
  height: 56px;
  width: 100%;
  max-width: 185px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  color: var(--white, #FFF);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  background-color: var(--blue-green, #005A65);
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
}
@media (max-width: 991px) {
  .modal-search__submit {
    max-width: 60px;
    height: 48px;
    font-size: 16px;
  }
}
.modal-search__submit .svg {
  display: none;
}
@media (max-width: 991px) {
  .modal-search__submit .svg {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 991px) {
  .modal-search__submit .text {
    display: none;
  }
}
.modal-search__submit:focus, .modal-search__submit:focus-visible {
  outline: none;
}
.modal-search__submit:focus-visible, .modal-search__submit:hover {
  color: var(--blue-green, #005A65);
  background-color: #CDDBDD;
}
/*19.12.25 простая детальная карта*/
/*24.12.25 БЛОГ*/
.blog-page {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1050px) {
  .blog-page {
    margin-top: 24px;
  }
}
@media (max-width: 991px) {
  .blog-page {
    margin-top: 20px;
  }
}
.blog-page__line-filter {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .blog-page__line-filter {
    margin-bottom: 12px;
  }
}
.blog-page__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 24px;
  row-gap: 24px;
}
@media (max-width: 1050px) {
  .blog-page__list {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 20px;
    row-gap: 20px;
  }
}
@media (max-width: 991px) {
  .blog-page__list {
    grid-template-columns: 1fr;
  }
}

.card-blog {
  height: 100%;
  position: relative;
}
.card-blog__box-img {
  position: absolute;
  z-index: -1;
  inset: 0 0 auto 0;
  border-radius: 16px;
  overflow: hidden;
  max-height: 216px;
}
@media (max-width: 1050px) {
  .card-blog__box-img {
    max-height: 232px;
  }
}
@media (max-width: 991px) {
  .card-blog__box-img {
    height: 100%;
  }
}
.card-blog__box-img .tag {
  pointer-events: none;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1;
  padding: 6px 12px;
  border-radius: 50px;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 114.286%;
  background-color: var(--blue-green-light, #CDDBDD);
  color: var(--wireframe-text, #5A5A5A);
}
.card-blog__box-img::before {
  content: "";
  display: block;
  padding-top: 67%;
}
@media (max-width: 1050px) {
  .card-blog__box-img::before {
    padding-top: 75%;
  }
}
@media (max-width: 991px) {
  .card-blog__box-img::before {
    display: none;
  }
}
.card-blog__box-img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-blog__link {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-top: 71%;
  padding-bottom: 20px;
}
@media (max-width: 1050px) {
  .card-blog__link {
    gap: 4px;
    padding-top: 79%;
  }
}
@media (max-width: 991px) {
  .card-blog__link {
    padding-top: 248px;
    padding-bottom: 12px;
  }
}
.card-blog__link .time {
  color: var(--gray, #ACACAC);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  transition: color 0.4s ease-in-out;
}
@media (max-width: 1050px) {
  .card-blog__link .time {
    font-size: 14px;
  }
}
.card-blog__link .title {
  color: var(--black, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  transition: color 0.4s ease-in-out;
}
@media (max-width: 1050px) {
  .card-blog__link .title {
    font-size: 18px;
  }
}
.card-blog__link:focus, .card-blog__link:focus-visible {
  outline: none;
}
@media (min-width: 992px) {
  .card-blog__link:focus-visible .time, .card-blog__link:hover .time {
    color: var(--blue-green, #005A65);
  }
  .card-blog__link:focus-visible .title, .card-blog__link:hover .title {
    color: var(--blue-green, #005A65);
  }
}

.drop-down-filter-1 {
  position: relative;
  display: flex;
  width: fit-content;
}
.drop-down-filter-1__btn {
  display: flex;
  padding: 16px 36px;
  gap: 4px;
  align-items: center;
  justify-content: center;
  color: var(--black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 200;
  line-height: 150%;
  border-radius: 14px;
  background-color: var(--gray-50, #FAFAFA);
  transition: background-color 0.4s ease-in-out;
}
@media (max-width: 991px) {
  .drop-down-filter-1__btn {
    padding: 10px 20px;
  }
}
.drop-down-filter-1__btn.active svg {
  transform: rotate(180deg);
}
.drop-down-filter-1__btn svg {
  transition: transform 0.4s ease-in-out;
}
.drop-down-filter-1__btn .svg {
  margin-left: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.drop-down-filter-1__btn:focus, .drop-down-filter-1__btn:focus-visible {
  outline: none;
}
@media (min-width: 992px) {
  .drop-down-filter-1__btn:focus-visible, .drop-down-filter-1__btn:hover {
    background-color: #d6d4d4;
  }
}
.drop-down-filter-1__box {
  opacity: 0;
  visibility: hidden;
  width: 100%;
  position: absolute;
  top: calc(100% + 1px);
  z-index: 2;
  display: flex;
  flex-direction: column;
  border-radius: 14px;
  overflow: hidden;
  background-color: var(--gray-50, #FAFAFA);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}
.drop-down-filter-1__box.active {
  opacity: 1;
  visibility: visible;
}
.drop-down-filter-1__link {
  padding: 12px 36px;
  font-size: 16px;
  font-style: normal;
  font-weight: 200;
  line-height: 150%;
  color: var(--black, #000);
  background-color: transparent;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
}
@media (max-width: 991px) {
  .drop-down-filter-1__link {
    padding: 8px 20px;
  }
}
.drop-down-filter-1__link.disabled {
  pointer-events: none;
  color: #918f8f;
}
.drop-down-filter-1__link:focus, .drop-down-filter-1__link:focus-visible {
  outline: none;
}
@media (min-width: 992px) {
  .drop-down-filter-1__link:focus-visible, .drop-down-filter-1__link:hover {
    background-color: #d6d4d4;
  }
}

.detailed-blog-page__container {
  width: 1192px;
  max-width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  margin: 0 auto;
}
@media (max-width: 1050px) {
  .detailed-blog-page__container {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .detailed-blog-page__container {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.detailed-blog-page__line-top {
  position: relative;
  padding: 12px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1050px) {
  .detailed-blog-page__line-top {
    padding: 14px 0;
  }
}
@media (max-width: 991px) {
  .detailed-blog-page__line-top {
    padding: 95px 0 12px;
  }
}
.detailed-blog-page .header-point__group {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 1050px) {
  .detailed-blog-page .header-point__group {
    gap: 16px;
  }
}
.detailed-blog-page .header-point__group .tag {
  color: #000;
  font-size: 17px;
  font-style: normal;
  font-weight: 200;
  line-height: 24px;
}
@media (max-width: 1050px) {
  .detailed-blog-page .header-point__group .tag {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .detailed-blog-page .header-point__group .tag {
    display: none;
  }
}
.detailed-blog-page .header-point__group .tag i {
  color: var(--blue-green, #005A65);
  font-style: normal;
}
.detailed-blog-page__line-bottom {
  padding-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 764px;
  margin: 0 auto;
}
@media (max-width: 1050px) {
  .detailed-blog-page__line-bottom {
    padding-top: 34px;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .detailed-blog-page__line-bottom {
    padding-top: 16px;
    gap: 12px;
  }
}
.detailed-blog-page__title {
  color: var(--black, #000);
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
}
@media (max-width: 1050px) {
  .detailed-blog-page__title {
    max-width: 700px;
    font-size: 32px;
  }
}
@media (max-width: 991px) {
  .detailed-blog-page__title {
    padding: 0 36px;
    font-size: 24px;
  }
}
.detailed-blog-page__group-person {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.detailed-blog-page__group-person .time {
  color: var(--gray, #ACACAC);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 88.889%;
}
@media (max-width: 1050px) {
  .detailed-blog-page__group-person .time {
    font-size: 17px;
  }
}
@media (max-width: 991px) {
  .detailed-blog-page__group-person .time {
    font-size: 16px;
    line-height: 100%;
  }
}
.detailed-blog-page__content {
  margin-top: 36px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-bottom: 88px;
}
@media (max-width: 1050px) {
  .detailed-blog-page__content {
    margin-top: 32px;
    gap: 28px;
  }
}
@media (max-width: 991px) {
  .detailed-blog-page__content {
    margin-top: 28px;
    gap: 16px;
  }
}
.detailed-blog-page__box-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  overflow: hidden;
}
.detailed-blog-page__nav {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 24px;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.detailed-blog-page__nav > * {
  flex: 0 0 auto;
}
.detailed-blog-page__nav::-webkit-scrollbar {
  display: none;
}
.detailed-blog-page__nav {
  cursor: grab;
  user-select: none;
}
.detailed-blog-page__nav.is-dragging {
  cursor: grabbing;
}
.detailed-blog-page__content-wrapper {
  max-width: 764px;
  margin: 0 auto;
  margin-bottom: 28px;
}
@media (max-width: 1050px) {
  .detailed-blog-page__content-wrapper {
    max-width: 100%;
    padding: 0 24px;
  }
}
@media (max-width: 991px) {
  .detailed-blog-page__content-wrapper {
    padding: 0 16px;
  }
}
.detailed-blog-page__content-wrapper:last-child {
  margin-bottom: 0;
}
.detailed-blog-page__min-container {
  max-width: 764px;
  margin: 0 auto;
}
@media (max-width: 1050px) {
  .detailed-blog-page__min-container {
    max-width: 100%;
    padding: 0 24px;
  }
}
.detailed-blog-page__min-container .container {
  padding: 0;
}
.detailed-blog-page__min-container .products-slider {
  padding-bottom: 68px;
}
@media (max-width: 991px) {
  .detailed-blog-page__min-container .products-slider {
    padding-bottom: 0;
  }
}
.detailed-blog-page__min-container .products-slider .swiper-wrapper::before {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  content: "";
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 70px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 13.57%, #FFF 118.57%);
  transition: opacity 0.4a ease-in-out, visibility 0.4s ease-in-out;
}
@media (max-width: 1450px) {
  .detailed-blog-page__min-container .products-slider .swiper-wrapper::before {
    display: none;
  }
}
.detailed-blog-page__min-container .products-slider .swiper-wrapper:has(.swiper-slide-active:first-child)::before {
  opacity: 1;
  visibility: visible;
}
.detailed-blog-page__min-container .products-slider__arrow {
  transform: none;
  bottom: 0;
  top: auto;
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background-color: #B4D2C8;
}
@media (max-width: 991px) {
  .detailed-blog-page__min-container .products-slider__arrow {
    display: none;
  }
}
.detailed-blog-page__min-container .products-slider__arrow:hover {
  background-color: #005A65;
}
.detailed-blog-page__min-container .products-slider__arrow_prev {
  left: 0;
}
.detailed-blog-page__min-container .products-slider__arrow_next {
  right: auto;
  left: 60px;
}
.detailed-blog-page__min-container .subscribe-section__inner {
  justify-content: center;
  padding: 23px;
}
.detailed-blog-page__min-container .subscribe-section__text {
  font-size: 17px;
  margin-right: 28px;
  max-width: 436px;
}
.detailed-blog-page__main-content-banner {
  padding: 24px 0 52px;
  width: 100%;
}
@media (max-width: 1050px) {
  .detailed-blog-page__main-content-banner {
    padding: 6px 0 34px;
  }
}
@media (max-width: 991px) {
  .detailed-blog-page__main-content-banner {
    padding: 0 0 38px;
  }
}
.detailed-blog-page__main-content-banner picture {
  display: flex;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.detailed-blog-page__main-content-banner img {
  max-height: 572px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1050px) {
  .detailed-blog-page__main-content-banner img {
    max-height: 512px;
  }
}
@media (max-width: 991px) {
  .detailed-blog-page__main-content-banner img {
    max-height: 232px;
  }
}
.detailed-blog-page__desc {
  color: var(--black, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
}
@media (max-width: 1050px) {
  .detailed-blog-page__desc {
    font-size: 18px;
    line-height: 125%;
  }
}
@media (max-width: 991px) {
  .detailed-blog-page__desc {
    font-size: 16px;
  }
}
.detailed-blog-page__desc h4 {
  color: var(--black, #000);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 991px) {
  .detailed-blog-page__desc h4 {
    font-size: 20px;
  }
}
.detailed-blog-page__desc > * {
  margin-bottom: 20px;
}
@media (max-width: 1050px) {
  .detailed-blog-page__desc > * {
    margin-bottom: 16px;
  }
}
.detailed-blog-page__desc > *:last-child {
  margin-bottom: 0;
}

.detailed-blog-link-back {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #000;
  font-size: 17px;
  font-style: normal;
  font-weight: 200;
  line-height: 141.176%;
  transition: color 0.4s ease-in-out;
}
@media (max-width: 1050px) {
  .detailed-blog-link-back {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .detailed-blog-link-back {
    font-size: 15px;
  }
}
.detailed-blog-link-back .svg {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .detailed-blog-link-back .svg {
    display: none;
  }
}
.detailed-blog-link-back .min-svg {
  display: none;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .detailed-blog-link-back .min-svg {
    display: flex;
  }
}
@media (max-width: 991px) {
  .detailed-blog-link-back .text {
    display: none;
  }
}
.detailed-blog-link-back .min-text {
  display: none;
}
@media (max-width: 991px) {
  .detailed-blog-link-back .min-text {
    display: inline-block;
  }
}
.detailed-blog-link-back:focus, .detailed-blog-link-back:focus-visible {
  outline: none;
}
@media (min-width: 992px) {
  .detailed-blog-link-back:focus-visible, .detailed-blog-link-back:hover {
    color: var(--blue-green, #005A65);
  }
}

.link-share {
  display: flex;
  align-items: center;
  gap: 2px;
  color: var(--black, #000);
  font-size: 17px;
  font-style: normal;
  font-weight: 200;
  line-height: 141.176%;
  transition: color 0.4s ease-in-out;
}
@media (max-width: 1050px) {
  .link-share {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .link-share {
    font-size: 15px;
  }
}
.link-share .svg {
  display: flex;
  align-items: center;
  justify-content: center;
}
.link-share:focus, .link-share:focus-visible {
  outline: none;
}
@media (min-width: 992px) {
  .link-share:focus-visible, .link-share:hover {
    color: var(--blue-green, #005A65);
  }
}

.person-info {
  display: flex;
  align-items: center;
  gap: 12px;
}
.person-info__box-img {
  width: 52px;
  height: 52px;
  flex-shrink: 0;
  background-color: rgba(0, 90, 101, 0.1019607843);
  border-radius: 100%;
  overflow: hidden;
}
@media (max-width: 991px) {
  .person-info__box-img {
    width: 44px;
    height: 44px;
  }
}
.person-info__box-img img {
  display: flex;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.person-info__box-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (max-width: 991px) {
  .person-info__box-info {
    gap: 0;
  }
}
.person-info__box-info span {
  color: var(--gray, #ACACAC);
  font-size: 14px;
  font-style: normal;
  font-weight: 200;
  line-height: 114.286%;
}
@media (max-width: 991px) {
  .person-info__box-info span {
    font-size: 13px;
    line-height: 120%;
  }
}
.person-info__box-info .name {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 88.889%;
}
@media (max-width: 1050px) {
  .person-info__box-info .name {
    font-size: 17px;
  }
}
@media (max-width: 991px) {
  .person-info__box-info .name {
    font-size: 16px;
    line-height: 120%;
  }
}

.detailed-blog-logo {
  display: flex;
}
.detailed-blog-logo__logo {
  display: flex;
}
.detailed-blog-logo__logo picture {
  display: flex;
}
@media (max-width: 991px) {
  .detailed-blog-logo__logo {
    position: absolute;
    top: 16px;
    left: 50%;
    transform: translate(-45%, 0);
  }
}
.detailed-blog-logo__logo:focus, .detailed-blog-logo__logo:focus-visible {
  outline: none;
}
@media (max-width: 1050px) {
  .detailed-blog-logo__logo img {
    max-width: 194px;
    height: auto;
  }
}
@media (max-width: 991px) {
  .detailed-blog-logo__logo img {
    max-width: 154px;
    height: auto;
  }
}

.detailed-blog-nav-link {
  padding: 16px 24px;
  border-radius: 100px;
  color: var(--black, #000);
  font-size: 17px;
  white-space: nowrap;
  font-style: normal;
  font-weight: 200;
  line-height: 94.118%;
  background-color: var(--gray-50, #FAFAFA);
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
}
@media (max-width: 1050px) {
  .detailed-blog-nav-link {
    font-size: 16px;
    line-height: 125%;
  }
}
@media (max-width: 991px) {
  .detailed-blog-nav-link {
    padding: 12px 16px;
  }
}
.detailed-blog-nav-link.active {
  color: var(--white, #FFF);
  background-color: var(--blue-green, #005A65);
}
.detailed-blog-nav-link:focus, .detailed-blog-nav-link:focus-visible {
  outline: none;
}
@media (min-width: 992px) {
  .detailed-blog-nav-link:focus-visible, .detailed-blog-nav-link:hover {
    color: var(--white, #FFF);
    background-color: var(--blue-green, #005A65);
  }
}

.comment {
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 991px) {
  .comment {
    padding: 8px 0;
  }
}
.comment__top {
  padding: 0 48px 0 64px;
  background-image: url("../img/comment/top.svg"), url("../img/comment/bottom.svg");
  background-repeat: no-repeat;
  background-position: top left, bottom right;
}
@media (max-width: 991px) {
  .comment__top {
    padding: 0 38px 0 42px;
    background-size: 26px 24px, 22px 20px;
  }
}
.comment__top p {
  color: var(--black, #000);
  font-size: 24px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
}
@media (max-width: 1050px) {
  .comment__top p {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .comment__top p {
    font-size: 18px;
  }
}
.comment__bottom {
  padding: 0 48px 0 64px;
}
@media (max-width: 991px) {
  .comment__bottom {
    padding: 0 38px 0 42px;
  }
}

.content-photo {
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 991px) {
  .content-photo {
    padding: 8px 0;
  }
}
.content-photo img {
  width: 100%;
  height: 100%;
  max-height: 464px;
  object-fit: cover;
}
.content-photo__desc {
  color: var(--gray, #ACACAC);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
}

.content-group-blogs {
  padding: 16px 0;
}
@media (max-width: 991px) {
  .content-group-blogs {
    padding: 8px 0;
  }
}
.content-group-blogs__wrapper {
  padding: 32px;
  border-radius: 16px;
  background-color: var(--gray-50, #FAFAFA);
}
@media (max-width: 1050px) {
  .content-group-blogs__wrapper {
    padding: 24px;
  }
}
.content-group-blogs__title {
  margin-bottom: 20px;
  color: var(--black, #000);
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 1050px) {
  .content-group-blogs__title {
    font-size: 20px;
    margin-bottom: 16px;
  }
}
@media (max-width: 991px) {
  .content-group-blogs__title {
    font-size: 18px;
  }
}
.content-group-blogs__list {
  padding: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  align-items: center;
  border-radius: 16px;
  background-color: var(--gray-75, #F3F3F3);
}
@media (max-width: 1050px) {
  .content-group-blogs__list {
    padding: 16px;
  }
}
@media (max-width: 991px) {
  .content-group-blogs__list {
    padding: 12px;
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
.content-group-blogs .card-blog__box-img .tag {
  display: none;
}
.content-group-blogs .card-blog__box-img {
  width: 80px;
  z-index: 0;
}
.content-group-blogs .card-blog__box-img::before {
  padding-top: 100%;
}
.content-group-blogs .card-blog__link {
  min-height: 80px;
  position: relative;
  padding: 0 0 0 92px;
  justify-content: center;
}
.content-group-blogs .card-blog__link .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*24.12.25 БЛОГ*/
/*15.01.26 аренда кофкмашин*/
.box-rental__list {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
@media (max-width: 991px) {
  .box-rental__list {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

.filter-line {
  padding-top: 28px;
  margin: 0 -24px;
}
@media (max-width: 768px) {
  .filter-line {
    padding-top: 20px;
    margin: 0 -16px;
  }
}
.filter-line__list {
  padding: 0 24px;
  display: flex;
  gap: 8px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.filter-line__list::-webkit-scrollbar {
  display: none;
}
@media (max-width: 768px) {
  .filter-line__list {
    padding: 0 16px;
  }
}
.filter-line__link {
  height: 40px;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 200;
  line-height: 100%;
  border-radius: 12px;
  background-color: rgba(0, 90, 101, 0.1);
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
}
.filter-line__link.active {
  color: #fff;
  background-color: #005A65;
}
.filter-line__link:focus, .filter-line__link:focus-visible {
  outline: none;
}
@media (min-width: 992px) {
  .filter-line__link:focus-visible, .filter-line__link:hover {
    color: #fff;
    background-color: #005A65;
  }
}

.card-rental {
  height: 100%;
  padding: 24px;
  display: flex;
  gap: 12px;
  border-radius: 16px;
  border: 1.6px solid var(--gray-75, #F3F3F3);
}
@media (max-width: 1300px) {
  .card-rental {
    position: relative;
    padding: 24px 24px 91px 24px;
  }
}
@media (max-width: 1050px) {
  .card-rental {
    gap: 10px;
  }
}
@media (max-width: 768px) {
  .card-rental {
    flex-direction: column;
    padding: 24px;
  }
}
.card-rental__box-img {
  width: 37.2990353698%;
  position: relative;
}
@media (max-width: 1050px) {
  .card-rental__box-img {
    width: 44.8598130841%;
  }
}
@media (max-width: 768px) {
  .card-rental__box-img {
    max-height: 200px;
    width: 100%;
  }
}
.card-rental__box-img::before {
  pointer-events: none;
  content: "";
  display: block;
  padding-top: 100%;
}
@media (max-width: 991px) {
  .card-rental__box-img::before {
    padding-top: 50%;
  }
}
@media (max-width: 768px) {
  .card-rental__box-img::before {
    padding-top: 70%;
  }
}
.card-rental__box-img img {
  position: absolute;
  inset: 0;
  display: flex;
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}
@media (max-width: 991px) {
  .card-rental__box-img img {
    aspect-ratio: 2/1;
    object-fit: contain;
  }
}
@media (max-width: 768px) {
  .card-rental__box-img img {
    max-height: 200px;
    aspect-ratio: 10/7;
  }
}
.card-rental__group-marker {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.card-rental__group-marker .marker {
  width: fit-content;
  padding: 4px 8px;
  color: var(--black, #000);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 114.286%;
  background-color: var(--turquoise, #B4D2C8);
  border-radius: 50px;
}
.card-rental__box-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.card-rental__title {
  margin-bottom: 12px;
  color: var(--black, #000);
  font-size: 19px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 1050px) {
  .card-rental__title {
    font-size: 18px;
  }
}
.card-rental__list-param {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 768px) {
  .card-rental__list-param {
    gap: 8px;
  }
}
.card-rental__group-btn {
  padding-top: 23px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
@media (max-width: 1300px) {
  .card-rental__group-btn {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 24px;
  }
}
@media (max-width: 768px) {
  .card-rental__group-btn {
    padding-top: 16px;
    position: static;
    flex-direction: column;
    align-items: normal;
  }
}
.card-rental-order {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  min-height: 48px;
  border-radius: 12px;
  color: var(--white, #FFF);
  font-size: 17px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  background-color: var(--blue-green, #005A65);
  transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
}
.card-rental-order:focus, .card-rental-order:focus-visible {
  outline: none;
}
@media (min-width: 992px) {
  .card-rental-order:focus-visible, .card-rental-order:hover {
    color: var(--black);
    background-color: var(--gray-75, #F3F3F3);
  }
}
@media (max-width: 768px) {
  .card-rental-order {
    font-size: 15px;
  }
}
.card-rental-detail {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  min-height: 48px;
  border-radius: 12px;
  color: var(--black);
  font-size: 17px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  background-color: var(--gray-75, #F3F3F3);
  transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
}
.card-rental-detail:focus, .card-rental-detail:focus-visible {
  outline: none;
}
@media (min-width: 992px) {
  .card-rental-detail:focus-visible, .card-rental-detail:hover {
    color: #fff;
    background-color: var(--blue-green, #005A65);
  }
}
@media (max-width: 768px) {
  .card-rental-detail {
    font-size: 15px;
  }
}

.param-line {
  display: flex;
  flex-direction: column;
  gap: 2px;
  color: var(--black, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
}
@media (max-width: 1050px) {
  .param-line {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .param-line {
    font-size: 15px;
  }
}
.param-line .name {
  color: var(--gray, #ACACAC);
  font-size: 16px;
  font-style: normal;
  font-weight: 200;
  line-height: 120%;
}
@media (max-width: 1050px) {
  .param-line .name {
    font-size: 14px;
  }
}

.box-why {
  margin-top: 28px;
}
.box-why__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (max-width: 991px) {
  .box-why__list {
    width: 450px;
    max-width: 100%;
    grid-template-columns: 1fr;
    gap: 28px;
  }
}

.card-why {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 1050px) {
  .card-why {
    padding: 20px;
  }
}
@media (max-width: 991px) {
  .card-why {
    padding: 0;
  }
}
.card-why__box-img {
  padding: 12px 0 0 15px;
  width: 71px;
  height: 68px;
  flex-shrink: 0;
  background-image: url("../img/card-why/bg.svg");
  background-repeat: no-repeat;
  background-position: top left;
}
.card-why__box-img img {
  width: 56px;
  height: 56px;
  flex-shrink: 0;
}
.card-why__info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.card-why__title {
  color: var(--black, #000);
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  text-transform: uppercase;
}
@media (max-width: 1050px) {
  .card-why__title {
    font-size: 20px;
  }
}
.card-why__desc {
  color: var(--black, #000);
  font-size: 17px;
  font-style: normal;
  font-weight: 200;
  line-height: 120%;
}
@media (max-width: 991px) {
  .card-why__desc {
    font-size: 16px;
  }
}

.box-about {
  display: flex;
  gap: 24px;
}
@media (max-width: 1050px) {
  .box-about {
    gap: 20px;
  }
}
@media (max-width: 991px) {
  .box-about {
    flex-direction: column;
  }
}
.box-about__left {
  width: 50.0747384155%;
}
@media (max-width: 1050px) {
  .box-about__left {
    width: 56.9672131148%;
  }
}
@media (max-width: 991px) {
  .box-about__left {
    width: 100%;
  }
}
.box-about__left .seo-text {
  font-size: 20px;
  line-height: 130%;
}
@media (max-width: 1050px) {
  .box-about__left .seo-text {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .box-about__left .seo-text {
    font-size: 16px;
  }
  .box-about__left .seo-text p {
    margin: 12px 0px;
  }
}
.box-about__right {
  flex: 1;
}
.box-about__box-img {
  height: 100%;
  display: flex;
  border-radius: 16px;
  overflow: hidden;
}
@media (max-width: 1050px) {
  .box-about__box-img {
    height: 90%;
  }
}
@media (max-width: 991px) {
  .box-about__box-img {
    height: 232px;
  }
}
.box-about__box-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.box-achievements .seo-text {
  font-size: 20px;
  line-height: 130%;
}
@media (max-width: 1050px) {
  .box-achievements .seo-text {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .box-achievements .seo-text {
    font-size: 16px;
  }
  .box-achievements .seo-text p {
    margin: 12px 0px;
  }
}
.box-achievements__swiper {
  padding-top: 28px;
}
@media (max-width: 991px) {
  .box-achievements__swiper {
    padding-top: 20px;
  }
}

.btn-swiper-1 {
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  border-radius: 14px;
  background-color: var(--gray-75, #F3F3F3);
  transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.btn-swiper-1 .svg {
  display: flex;
}
.btn-swiper-1.swiper-button-disabled {
  pointer-events: none;
  opacity: 0.5;
}
.btn-swiper-1:focus, .btn-swiper-1:focus-visible {
  outline: none;
}
@media (min-width: 992px) {
  .btn-swiper-1:focus-visible, .btn-swiper-1:hover {
    color: #fff;
    background-color: var(--blue-green, #005A65);
  }
}

.swiper-achievements__group-btn {
  padding-top: 24px;
  display: flex;
  gap: 8px;
}
@media (max-width: 991px) {
  .swiper-achievements__group-btn {
    padding-top: 20px;
  }
}

.card-achievements {
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-achievements__link {
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-achievements__link img {
  max-height: 380px;
}

/*.product-card {
  &:hover {
    .product-card__tag-label {
      opacity: 1;
    }
  }
  &__tags {
    right: 24px;
    opacity: 1;
  }
  &__tag {
    display: flex;
    gap: 5px;
    justify-content: space-between;
    &-label {
      height: fit-content;
      opacity: 0;
      padding: 5px 8px;
      border-radius: 20px;
      transition: opacity 0.4s ease-in-out;
      &_icon {
        opacity: 1;
      }
      span {
        white-space: normal;
      }
    }
  }
}*/
.box-form-questions {
  padding: 68px;
  display: flex;
  align-items: center;
  gap: 68px;
  border-radius: 24px;
  overflow: hidden;
  background-image: url("../img/box-form-questions/bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 1050px) {
  .box-form-questions {
    padding: 44px;
    gap: 44px;
    background-image: url("../img/box-form-questions/bg-1050.jpg");
  }
}
@media (max-width: 991px) {
  .box-form-questions {
    margin: 0 auto;
    width: 450px;
    max-width: 100%;
    padding: 24px;
    background-image: url("../img/box-form-questions/bg-991.jpg");
  }
}
.box-form-questions__box-form {
  max-width: 100%;
  width: 468px;
}
@media (max-width: 1050px) {
  .box-form-questions__box-form {
    width: 434px;
  }
}
@media (max-width: 991px) {
  .box-form-questions__box-form {
    width: 100%;
  }
}
.box-form-questions__title {
  margin-bottom: 4px;
  color: var(--black, #000);
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 116.667%;
}
@media (max-width: 1050px) {
  .box-form-questions__title {
    font-size: 28px;
    line-height: 130%;
  }
}
@media (max-width: 991px) {
  .box-form-questions__title {
    font-size: 24px;
  }
}
.box-form-questions__desc {
  margin-bottom: 20px;
  color: var(--black, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 144.444%;
}
@media (max-width: 1050px) {
  .box-form-questions__desc {
    font-size: 16px;
    line-height: 120%;
  }
}
@media (max-width: 991px) {
  .box-form-questions__desc {
    font-size: 14px;
  }
}
.box-form-questions .form__field-input {
  border-radius: 12px;
}
@media (max-width: 991px) {
  .box-form-questions .form__field-input {
    font-size: 16px;
  }
}
.box-form-questions .form__field-input_textarea {
  resize: none;
  height: 124px;
  min-height: 124px;
}
@media (max-width: 991px) {
  .box-form-questions .form__field-input_textarea {
    font-size: 16px;
  }
}
@media (max-width: 1050px) {
  .box-form-questions .form__button {
    margin-top: 24px;
  }
}
.box-form-questions .form__submit {
  width: 100%;
  border-radius: 14px;
}
@media (max-width: 1050px) {
  .box-form-questions .form__submit {
    height: 60px;
  }
}
.box-form-questions__box-logo {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .box-form-questions__box-logo {
    display: none;
  }
}

.form__box-checkbox {
  padding-top: 12px;
  display: flex;
  gap: 8px;
}
.form__checkbox {
  margin: 2px;
  position: relative;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 5px;
  border: 1.2px solid var(--blue-green, #005A65);
  background-color: #fff;
  transition: border-colors 0.4s ease-in-out;
}
.form__checkbox:has(.error) {
  border-color: #EB1C24;
}
.form__checkbox .castom {
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}
.form__checkbox-desc {
  color: var(--black, #000);
  font-size: 14px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
}
@media (max-width: 991px) {
  .form__checkbox-desc {
    font-size: 13px;
  }
}
.form__checkbox-desc a,
.form__info a {
  color: var(--blue-green, #005A65);
  text-decoration: underline;
}

.form__checkbox-desc a:focus, .form__checkbox-desc a:focus-visible {
  outline: none;
}
@media (min-width: 992px) {
  .form__checkbox-desc a:focus-visible, .form__checkbox-desc a:hover {
    color: var(--black, #000);
  }
}
.form__field-checkbox {
  cursor: pointer;
  position: absolute;
  inset: 0;
  opacity: 0;
}
.form__field-checkbox:checked + .castom {
  opacity: 1;
}
.form__field-checkbox:focus, .form__field-checkbox:focus-visible {
  outline: none;
}
/*15.01.26 аренда кофкмашин*/
/*16.01.26 детальная кофемашин*/
.path__desktop-box-back {
  display: flex;
  align-items: center;
  justify-content: start;
}
@media (max-width: 1000px) {
  .path__desktop-box-back {
    display: none;
  }
}
.path__desktop-link-back {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.path__desktop-link-back .svg {
  width: 44px;
  height: 24px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.path__desktop-link-back .text {
  color: #000;
  font-size: 17px;
  font-style: normal;
  font-weight: 200;
  line-height: 141.176%;
  transition: color 0.4s ease-in-out;
}
.path__desktop-link-back:focus, .path__desktop-link-back:focus-visible {
  outline: none;
}
.path__desktop-link-back:focus-visible .text, .path__desktop-link-back:hover .text {
  color: #005A65;
}

.box-detail-machine__mobile {
  display: none;
}
@media (max-width: 991px) {
  .box-detail-machine__mobile {
    margin-bottom: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
}
.box-detail-machine__wrapper {
  display: flex;
}
@media (max-width: 1050px) {
  .box-detail-machine__wrapper {
    gap: 20px;
  }
}
@media (max-width: 991px) {
  .box-detail-machine__wrapper {
    flex-direction: column-reverse;
    gap: 12px;
  }
}
.box-detail-machine__left {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 35px;
}
@media (max-width: 1050px) {
  .box-detail-machine__left {
    gap: 28px;
  }
}
.box-detail-machine__right {
  width: 49.1947291362%;
}
@media (max-width: 1050px) {
  .box-detail-machine__right {
    width: 48.9754098361%;
  }
}
@media (max-width: 991px) {
  .box-detail-machine__right {
    width: 100%;
  }
}
.box-detail-machine__desktop {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 1050px) {
  .box-detail-machine__desktop {
    gap: 8px;
  }
}
@media (max-width: 991px) {
  .box-detail-machine__desktop {
    display: none;
  }
}
.box-detail-machine__desc {
  color: rgba(0, 0, 0, 0.6);
  font-size: 24px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
}
@media (max-width: 1050px) {
  .box-detail-machine__desc {
    font-size: 18px;
    line-height: 130%;
  }
}
@media (max-width: 991px) {
  .box-detail-machine__desc {
    font-size: 16px;
  }
}
.box-detail-machine__tags {
  padding-top: 8px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.box-detail-machine__main-info {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (max-width: 1050px) {
  .box-detail-machine__main-info {
    gap: 36px;
  }
}
@media (max-width: 991px) {
  .box-detail-machine__main-info {
    gap: 20px;
  }
}
.box-detail-machine .card-rental__list-param {
  height: auto;
  gap: 33px;
}
@media (max-width: 1050px) {
  .box-detail-machine .card-rental__list-param {
    gap: 20px;
  }
}
@media (max-width: 991px) {
  .box-detail-machine .card-rental__list-param {
    gap: 12px;
  }
}
.box-detail-machine .param-line {
  position: relative;
  padding-left: 80px;
  justify-content: center;
}
@media (max-width: 991px) {
  .box-detail-machine .param-line {
    padding-left: 68px;
  }
}
.box-detail-machine .param-line {
  gap: 4px;
}
.box-detail-machine .param-line .svg {
  position: absolute;
  left: 0;
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .box-detail-machine .param-line .svg {
    width: 52px;
    height: 52px;
  }
}
.box-detail-machine .param-line .svg::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -8px;
  left: -11px;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  background-image: url("../img/param-line/bg.svg");
}
.box-detail-machine .param-line img {
  max-width: 56px;
  max-height: 56px;
}
@media (max-width: 991px) {
  .box-detail-machine .param-line img {
    max-width: 48px;
    max-height: 48px;
  }
}
.box-detail-machine .param-line .name {
  font-size: 20px;
  line-height: 120%;
}
@media (max-width: 1050px) {
  .box-detail-machine .param-line .name {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .box-detail-machine .param-line .name {
    font-size: 14px;
  }
}
.box-detail-machine .param-line .param {
  font-size: 24px;
  line-height: normal;
}
@media (max-width: 1050px) {
  .box-detail-machine .param-line .param {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .box-detail-machine .param-line .param {
    font-size: 18px;
  }
}
.box-detail-machine .card-rental-order {
  height: 56px;
  width: 288px;
  max-width: 100%;
  font-size: 18px;
}
@media (max-width: 1050px) {
  .box-detail-machine .card-rental-order {
    width: 320px;
  }
}
@media (max-width: 991px) {
  .box-detail-machine .card-rental-order {
    height: 48px;
    width: 100%;
    font-size: 16px;
  }
}
.box-detail-machine__box-prop {
  padding-top: 68px;
  display: flex;
  gap: 24px;
}
@media (max-width: 1050px) {
  .box-detail-machine__box-prop {
    padding-top: 64px;
    flex-direction: column;
  }
}
@media (max-width: 991px) {
  .box-detail-machine__box-prop {
    padding-top: 48px;
  }
}
.box-detail-machine__box-prop .prop-left {
  flex: 1;
}
.box-detail-machine__box-prop .prop-left__box {
  padding: 43px 0;
}
@media (max-width: 1050px) {
  .box-detail-machine__box-prop .prop-left__box {
    padding: 0;
  }
}
.box-detail-machine__box-prop .prop-left__title {
  margin-bottom: 24px;
  color: var(--black, #000);
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media (max-width: 1050px) {
  .box-detail-machine__box-prop .prop-left__title {
    font-size: 28px;
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  .box-detail-machine__box-prop .prop-left__title {
    font-size: 24px;
  }
}
.box-detail-machine__box-prop .prop-right {
  flex: 1;
  padding: 36px;
  border-radius: 16px;
  background-color: var(--gray-50, #FAFAFA);
}
@media (max-width: 1050px) {
  .box-detail-machine__box-prop .prop-right {
    padding: 24px;
  }
}
@media (max-width: 991px) {
  .box-detail-machine__box-prop .prop-right {
    padding: 20px;
  }
}

.machine-tag {
  padding: 10px 16px;
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 100px;
  background-color: var(--gray-50, #FAFAFA);
  color: var(--black, #000);
  font-size: 15px;
  font-style: normal;
  font-weight: 200;
  line-height: 106.667%;
}
@media (max-width: 991px) {
  .machine-tag {
    padding: 4px 12px;
    font-size: 14px;
  }
}
.machine-tag .svg {
  display: flex;
  align-items: center;
  justify-content: center;
}
.machine-tag img {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.detail-machine-swiper {
  position: relative;
}
.detail-machine-swiper .swiper-slide {
  box-sizing: border-box;
  height: auto;
}
.detail-machine-swiper .detail-machine-preview-swiper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
@media (max-width: 991px) {
  .detail-machine-swiper .detail-machine-preview-swiper {
    display: none;
  }
}
.detail-machine-swiper .swiper-slide-thumb-active .card-machine-preview {
  border-color: var(--blue-green, #005A65);
}

.card-machine-preview {
  cursor: pointer;
  overflow: hidden;
  width: 80px;
  height: 80px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  border: 1px solid #CDDBDD;
  transition: border-color 0.4s ease-in-out;
}
.card-machine-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 992px) {
  .card-machine-preview:hover {
    border-color: var(--blue-green, #005A65);
  }
}

.card-machine-main {
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-machine-main__link {
  display: flex;
}
.card-machine-main__link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.static-ul-p {
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: var(--black, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 200;
  line-height: 130%;
}
@media (max-width: 1050px) {
  .static-ul-p {
    font-size: 18px;
    gap: 16px;
  }
}
.static-ul-p ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1050px) {
  .static-ul-p ul {
    gap: 15px;
  }
}
.static-ul-p ul li {
  position: relative;
  padding: 0 0 0 28px;
}
.static-ul-p ul li::before {
  position: absolute;
  top: 9px;
  left: 6px;
  content: "";
  display: flex;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  flex-shrink: 0;
  background-color: var(--blue-green, #005A65);
}

.table-prop {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 991px) {
  .table-prop {
    gap: 12px;
  }
}
.table-prop-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.table-prop__line {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .table-prop__line {
    flex-direction: column;
    gap: 6px;
  }
}
.table-prop__line .name {
  color: var(--main-text_gray, #929495);
  font-size: 20px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
}
@media (max-width: 1050px) {
  .table-prop__line .name {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .table-prop__line .name {
    font-size: 16px;
  }
}
.table-prop__line .between {
  margin: 0 4px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 30px;
  border-bottom: none;
  background-image: linear-gradient(to right, var(--gray) 0%, var(--gray) 60%, transparent 40%, transparent 100%);
  background-size: 10px 0.9px;
  background-position: left bottom 5px;
  background-repeat: repeat-x;
}
@media (max-width: 991px) {
  .table-prop__line .between {
    display: none;
  }
}
.table-prop__line .prop {
  color: var(--black, #000);
  text-align: right;
  font-size: 20px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
}
@media (max-width: 1050px) {
  .table-prop__line .prop {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .table-prop__line .prop {
    text-align: left;
    font-size: 16px;
  }
}
.table-prop__btn {
  padding: 16px 20px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  display: flex;
  color: var(--black, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  border-radius: 12px;
  background-color: var(--gray-75, #F3F3F3);
}
.table-prop__btn .svg {
  display: flex;
  align-items: center;
  justify-content: center;
}
.table-prop__btn:focus, .table-prop__btn:focus-visible {
  outline: none;
}
.table-prop__btn svg {
  transition: transform 0.4s ease-in-out;
}
.table-prop__btn.open svg {
  transform: rotate(45deg);
}

.catd-machine {
  padding: 24px;
  height: 100%;
  display: flex;
  gap: 32px;
  border-radius: 16px;
  background-color: var(--gray-50, #FAFAFA);
  flex-direction: column;
  justify-content: space-between;
}
.catd-machine__box-img {
  position: relative;
  padding: 48px 56px 0 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.catd-machine__box-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.catd-machine__group-tags {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.catd-machine__group-tags .tag {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  border-radius: 50px;
  color: var(--black, #000);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 114.286%;
  background-color: var(--turquoise, #B4D2C8);
}
.catd-machine__box-desc {
  padding-top: 8px;
}
.catd-machine__title {
  margin-bottom: 8px;
  color: var(--black, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.catd-machine__desc {
  color: var(--black, #000);
  font-size: 14px;
  font-style: normal;
  font-weight: 200;
  line-height: 128.571%;
}
.catd-machine__box-rent {
  padding-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.catd-machine__box-rent .name {
  color: var(--gray, #ACACAC);
  font-size: 14px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
}
.catd-machine__box-rent .price {
  color: var(--black, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.catd-machine__link {
  padding: 14px 32px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: var(--blue-green, #005A65);
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  background-color: var(--turquoise, #B4D2C8);
  transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
}
.catd-machine__link:focus, .catd-machine__link:focus-visible {
  outline: none;
}
@media (min-width: 992px) {
  .catd-machine__link:focus-visible, .catd-machine__link:hover {
    color: #fff;
    background-color: var(--blue-green, #005A65);
  }
}
/*16.01.26 детальная кофемашин*/
/*18.01.26 список Акций*/
.box-stocks {
  margin-top: 28px;
}
@media (max-width: 1050px) {
  .box-stocks {
    margin-top: 24px;
  }
}
@media (max-width: 991px) {
  .box-stocks {
    margin-top: 20px;
  }
}
.box-stocks__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (max-width: 1050px) {
  .box-stocks__list {
    gap: 20px;
  }
}
@media (max-width: 991px) {
  .box-stocks__list {
    margin: 0 auto;
    width: 450px;
    max-width: 100%;
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.card-stocks {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}
.card-stocks::before {
  content: "";
  display: block;
  padding-top: 95%;
}
@media (max-width: 1050px) {
  .card-stocks::before {
    padding-top: 90%;
  }
}
@media (max-width: 991px) {
  .card-stocks::before {
    padding-top: 77%;
  }
}
.card-stocks__link {
  position: absolute;
  inset: 0;
}
.card-stocks__link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-stocks__link::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  transition: background 0.4s ease-in-out;
}
.card-stocks__link:focus, .card-stocks__link:focus-visible {
  outline: none;
}
@media (min-width: 992px) {
  .card-stocks__link:focus-visible::before, .card-stocks__link:hover::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.52) 100%);
  }
  .card-stocks__link:focus-visible + .stocks-tag, .card-stocks__link:hover + .stocks-tag {
    background-color: var(--blue-green, #005A65);
  }
}
.card-stocks .stocks-tag {
  pointer-events: none;
  position: absolute;
  top: 32px;
  left: 32px;
  max-width: calc(100% - 64px);
  padding: 8px 12px 8px 38px;
  color: var(--white, #FFF);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
  border-radius: 100px;
  background-image: url("../img/stocks-tag/timer.svg");
  background-color: rgba(255, 255, 255, 0.17);
  backdrop-filter: blur(5.9400000572px);
  background-repeat: no-repeat;
  background-position: left 12px center;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1050px) {
  .card-stocks .stocks-tag {
    top: 24px;
    left: 24px;
    max-width: calc(100% - 48px);
  }
}
@media (max-width: 991px) {
  .card-stocks .stocks-tag {
    font-size: 15px;
  }
}
.card-stocks__title {
  pointer-events: none;
  position: absolute;
  left: 32px;
  right: 32px;
  bottom: 32px;
  z-index: 2;
  color: var(--white, #FFF);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1050px) {
  .card-stocks__title {
    left: 24px;
    right: 24px;
    bottom: 24px;
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .card-stocks__title {
    font-size: 18px;
  }
}

.box-detailed-stocks {
  display: flex;
  gap: 24px;
}
@media (max-width: 991px) {
  .box-detailed-stocks {
    flex-direction: column;
  }
}
.box-detailed-stocks__left {
  width: 57.6246334311%;
}
@media (max-width: 1050px) {
  .box-detailed-stocks__left {
    width: 60.6557377049%;
  }
}
@media (max-width: 991px) {
  .box-detailed-stocks__left {
    width: 100%;
  }
}
.box-detailed-stocks__line-tag {
  margin-top: 16px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.box-detailed-stocks__right {
  flex: 1;
}
.box-detailed-stocks__contetnt {
  padding-top: 28px;
}
.box-detailed-stocks__box-img {
  width: 100%;
  max-height: 100%;
  height: 356px;
  border-radius: 16px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .box-detailed-stocks__box-img {
    height: 232px;
  }
}
.box-detailed-stocks__box-img img {
  width: 100%;
  height: 356px;
  object-fit: cover;
}
@media (max-width: 991px) {
  .box-detailed-stocks__box-img img {
    height: 232px;
  }
}

.stocks-tag {
  pointer-events: none;
  padding: 8px 12px 8px 38px;
  color: var(--white, #FFF);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
  border-radius: 100px;
  background-image: url("../img/stocks-tag/timer.svg");
  background-color: var(--blue-green, #005A65);
  background-repeat: no-repeat;
  background-position: left 12px center;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1050px) {
  .stocks-tag {
    top: 24px;
    left: 24px;
    max-width: calc(100% - 48px);
  }
}
@media (max-width: 991px) {
  .stocks-tag {
    font-size: 15px;
  }
}
/*18.01.26 список Акций*/
/*21.01.26 Правки страница корзина*/
body:has(div.bx-ui-sls-pane[style="overflow: hidden auto; display: block; bottom: auto;"]) .box-delivery-region__input {
  border-radius: 16px 16px 0 0;
  border-bottom: none;
}
body:has(div.bx-ui-sls-pane[style="overflow: hidden auto; display: block; bottom: 60px;"]) .box-delivery-region__input {
  border-radius: 16px 16px 0 0;
  border-bottom: none;
}
body:has(div.bx-ui-sls-pane[style="overflow: hidden auto; display: block; top: auto; bottom: 68px;"]) .box-delivery-region__input {
  border-radius: 16px 16px 0 0;
  border-bottom: none;
}
.bx-ui-sls-input-block.box-delivery-region__wrapper {
  position: relative;
  .bx-ui-sls-pane {
    max-height: 256px;
    position: absolute;
    top: 100% !important;
    bottom: auto !important;
    left: 0;
    right: 0;
    z-index: 3;

    border-radius: 0 0 16px 16px;
    overflow: hidden;
    color: var(--black);
    font-family: var(--font-family);
    font-size: 18px;
    font-style: normal;
    background-color: #fff;
    font-weight: 200;
    line-height: 133.333%;
    border: 1px solid rgba(172, 172, 172, 0.5);
    border-top: none;
    /* scrollbar-width: none;
    -ms-overflow-style: none; */
    .dropdown-item {
      cursor: pointer;
      .dropdown-item-text {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }
  }
  /* .bx-ui-sls-pane::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
  } */
  .bx-ui-sls-pane::-webkit-scrollbar {
    width: 4px;
  }
  .bx-ui-sls-pane::-webkit-scrollbar-track {
    border-radius: 100px;
    background-color: var(--gray-75, #F3F3F3);
  }
  .bx-ui-sls-pane::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-color: var(--blue-green, #005A65);
  }
}
@media (max-width: 1240px) {
  .bx-ui-sls-input-block.box-delivery-region__wrapper .bx-ui-sls-pane {
    max-height: 224px;
  }
}
@media (max-width: 768px) {
  .bx-ui-sls-input-block.box-delivery-region__wrapper .bx-ui-sls-pane {
    max-height: 208px;
  }
}
@-moz-document url-prefix() {
  .bx-ui-sls-input-block .bx-ui-sls-pane {
    scrollbar-width: thin;
    scrollbar-color: var(--gray-200, #646464) var(--gray-500, #232323);
  }
}
.bx-ui-sls-input-block.box-delivery-region__wrapper:has(div.bx-ui-sls-pane[style="overflow: hidden auto; display: block; bottom: auto;"])::before {
  pointer-events: none;
  content: "";
  position: absolute;
  z-index: 4;
  border-radius: 0 0 16px 16px;
  left: 1px;
  bottom: -255px;
  right: 4px;
  height: 54px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
}
@media (max-width: 1240px) {
  .bx-ui-sls-input-block.box-delivery-region__wrapper:has(div.bx-ui-sls-pane[style="overflow: hidden auto; display: block; bottom: auto;"])::before {
    bottom: -223px;
  }
}
@media (max-width: 768px) {
  .bx-ui-sls-input-block.box-delivery-region__wrapper:has(div.bx-ui-sls-pane[style="overflow: hidden auto; display: block; bottom: auto;"])::before {
    bottom: -207px;
  }
}
.bx-ui-sls-pane .dropdown-item.bx-ui-sls-variant {
  position: relative;
  padding: 20px 20px 20px 56px;
  background-color: transparent;
  background-image: url(../img/geo/geo.svg);
  background-repeat: no-repeat;
  background-position: center left 24px;
  transition: background-color 0.4s ease-in-out;
}
.bx-ui-sls-pane .dropdown-item-text {
  color: var(--gray, #ACACAC);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 24px;
}
@media (max-width: 1240px) {
  .bx-ui-sls-pane .dropdown-item.bx-ui-sls-variant {
    padding: 16px 16px 16px 56px;
  }
  .bx-ui-sls-pane .dropdown-item-text {
    font-size: 17px;
  }
}
@media (max-width: 1050px) {
  .bx-ui-sls-pane .dropdown-item.bx-ui-sls-variant {
    padding: 16px 16px 16px 52px;
    background-position: center left 20px;
  }
}
@media (max-width: 768px) {
  .bx-ui-sls-pane .dropdown-item.bx-ui-sls-variant {
    padding: 14px 12px 14px 40px;
    background-position: center left 16px;
  }
}
.bx-ui-sls-pane .dropdown-item.bx-ui-sls-variant::before {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  top: calc(50% - 12px);
  left: 20px;
  background-color: #fff;
  opacity: 0.5;
  transition: opacity 0.4s ease-in-out;
}
@media (max-width: 1050px) {
  .bx-ui-sls-pane .dropdown-item.bx-ui-sls-variant::before {
    left: 16px;
  }
}
.bx-ui-sls-pane .dropdown-item-text span {
  color: var(--black, #000);
}
@media (min-width: 992px) {
  .bx-ui-sls-pane .dropdown-item.bx-ui-sls-variant:hover {
    background-color: var(--gray-50, #FAFAFA);
  }
  .bx-ui-sls-pane .dropdown-item.bx-ui-sls-variant:hover::before {
    opacity: 0;
  }
}
.form-group.order-products__box-delivery-region.box-delivery-region.has-error {
  box-shadow: none !important;
}
.box-delivery-region__box-field {
  display: flex;
  flex-direction: column;
  gap: 12px;
  /*margin-right: -9px;*/
  margin-bottom: 44px;
}
.bx-ui-sls-container.box-delivery-region__input-box {
  position: relative;
}
.bx-ui-sls-container.box-delivery-region__input-box input:not(.box-delivery-region__input){
  position: absolute;
  border: 1px solid transparent !important;
  inset: 0;
  padding: 20px 20px 20px 56px !important;
  color: var(--black);
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 133.333%;
  background-color: transparent !important;
  pointer-events: none;
}
@media (max-width: 1050px) {
  .bx-ui-sls-container.box-delivery-region__input-box input:not(.box-delivery-region__input){
    padding: 16px 16px 16px 52px !important;
    font-size: 17px;
    line-height: 141.176%;
  }
}
@media (max-width: 768px) {
  .bx-ui-sls-container.box-delivery-region__input-box input:not(.box-delivery-region__input){
    padding: 14px 12px 14px 40px !important;
  }
}
.sdek_pvzLair {
  .btn {
    border-radius: 10px;
    width: 100%;
    padding: 12px;
    font-size: 13px;
  }
}
.bx-soa-pp-company {
  .bx-soa-pp-company-desc {
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
    button {
      border-radius: 10px !important;
      width: 100% !important;
      padding: 12px !important;
      font-size: 13px !important;
      background-color: var(--blue-green) !important;
    }
  }
}
/*21.01.26 Правки страница корзина*/
/*07.04.26 модалка добавить в корзину*/
.add-basket__window {
  padding: 32px;
  width: 466px;
  max-width: 100%;
  background-color: #fff;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1050px) {
  .add-basket__window {
    padding: 24px;
    width: 385px;
  }
}
@media (max-width: 991px) {
  .add-basket__window {
    padding: 20px;
    width: 328px;
    gap: 20px;
  }
}
.add-basket__window .tags-group {
  display: flex;
  justify-content: center;
  gap: 6px;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .add-basket__window .tags-group {
    gap: 4px;
  }
}
.add-basket__window .tag {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  border-radius: 50px;
  color: var(--black, #000);
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
  background-color: var(--turquoise, #B4D2C8);
}
.add-basket__title {
  color: var(--black, #000);
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 1050px) {
  .add-basket__title {
    font-size: 24px;
  }
}
@media (max-width: 991px) {
  .add-basket__title {
    font-size: 20px;
  }
}
.add-basket__box-img {
  margin: 0 auto 16px;
  width: 172px;
  max-width: 100%;
  height: 200px;
  max-height: 200px;
  min-height: 200px;
}
@media (max-width: 1050px) {
  .add-basket__box-img {
    width: 146px;
    height: 170px;
    max-height: 170px;
    min-height: 170px;
  }
}
@media (max-width: 991px) {
  .add-basket__box-img {
    width: 134px;
    height: 156px;
    max-height: 156px;
    min-height: 156px;
  }
}
.add-basket__box-img img {
  width: 100%;
  height: 100%;
  max-height: 200px;
  min-height: 200px;
  object-fit: cover;
}
@media (max-width: 1050px) {
  .add-basket__box-img img {
    max-height: 170px;
    min-height: 170px;
  }
}
@media (max-width: 991px) {
  .add-basket__box-img img {
    max-height: 156px;
    min-height: 156px;
  }
}
.add-basket__box-name {
  margin-bottom: 32px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
}
@media (max-width: 1050px) {
  .add-basket__box-name {
    gap: 5px;
  }
}
@media (max-width: 991px) {
  .add-basket__box-name {
    margin-bottom: 24px;
  }
}
.add-basket__name {
  color: var(--black, #000);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media (max-width: 1050px) {
  .add-basket__name {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .add-basket__name {
    font-size: 18px;
  }
}
.add-basket__group-btn {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 991px) {
  .add-basket__group-btn {
    gap: 8px;
  }
}
.add-basket__go-to {
  padding: 5px 10px;
  display: flex;
  align-items: center;
  height: 56px;
  justify-content: center;
  width: 100%;
  color: var(--white, #FFF);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  border-radius: 20px;
  background-color: var(--blue-green, #005A65);
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
}
@media (max-width: 1050px) {
  .add-basket__go-to {
    height: 52px;
  }
}
@media (min-width: 1001px) {
  .add-basket__go-to:focus-visible, .add-basket__go-to:hover {
    background-color: var(--gray-75, #F3F3F3);
    color: var(--black);
  }
}
.add-basket__close {
  padding: 5px 10px;
  display: flex;
  align-items: center;
  height: 56px;
  justify-content: center;
  width: 100%;
  color: var(--black);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  border-radius: 20px;
  background-color: var(--gray-75, #F3F3F3);
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
}
@media (max-width: 1050px) {
  .add-basket__close {
    height: 52px;
  }
}
@media (min-width: 1001px) {
  .add-basket__close:focus-visible, .add-basket__close:hover {
    background-color: var(--blue-green, #005A65);
    color: var(--white, #FFF);
  }
}
/*07.04.26 модалка добавить в корзину*/

/* company */

.hidden-title {
  display: none;
}

.box-about-top {
  display: flex;
  gap: 12px;
}
@media (max-width: 1050px) {
  .box-about-top {
    gap: 42px;
  }
}
@media (max-width: 991px) {
  .box-about-top {
    flex-direction: column;
    gap: 20px;
  }
}
.box-about-top__title {
  max-width: 100%;
  width: 670px;
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
}
@media (max-width: 1200px) {
  .box-about-top__title {
    width: 310px;
    font-size: 28px;
    line-height: 130%;
  }
}
@media (max-width: 991px) {
  .box-about-top__title {
    font-size: 24px;
  }
}
.box-about-top__title b {
  color: var(--blue-green, #005A65);
  font-weight: 500;
}
.box-about-top__desc {
  flex: 1;
  color: #000;
  font-family: var(--font-family);
  font-size: 24px;
  font-style: normal;
  font-weight: 200;
  line-height: 130%;
}
@media (max-width: 1050px) {
  .box-about-top__desc {
    font-size: 24px;
  }
}
@media (max-width: 991px) {
  .box-about-top__desc {
    font-size: 18px;
  }
}

@media (max-width: 991px) {
  .box-carousel {
    margin: 0 -24px;
  }
}
@media (max-width: 768px) {
  .box-carousel {
    margin: 0 -16px;
  }
}
.box-carousel__list {
  display: grid;
  gap: 24px;
}
@media (max-width: 1050px) {
  .box-carousel__list {
    gap: 20px;
  }
}
@media (max-width: 991px) {
  .box-carousel__list {
    padding: 0 24px;
    width: 100%;
    gap: 12px;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .box-carousel__list::-webkit-scrollbar {
    display: none; /* Chrome, Edge, Safari */
  }
}
@media (max-width: 768px) {
  .box-carousel__list {
    padding: 0 16px;
  }
}
.box-carousel__list img {
  border-radius: 16px;
  width: 100%;
  height: 468px;
  object-fit: cover;
}
@media (max-width: 1050px) {
  .box-carousel__list img {
    height: 344px;
  }
}
@media (max-width: 991px) {
  .box-carousel__list img {
    scroll-snap-align: center;
    width: 328px;
    height: 232px;
  }
}
.box-carousel.left .box-carousel__list {
  grid-template-columns: 40% 1fr 1fr;
}
@media (max-width: 1050px) {
  .box-carousel.left .box-carousel__list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 991px) {
  .box-carousel.left .box-carousel__list {
    grid-template-columns: 328px 328px 328px;
  }
}
.box-carousel.right .box-carousel__list {
  grid-template-columns: 1fr 1fr 40%;
}
@media (max-width: 1050px) {
  .box-carousel.right .box-carousel__list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 991px) {
  .box-carousel.right .box-carousel__list {
    grid-template-columns: 328px 328px 328px;
  }
}
.box-carousel__btn-line {
  display: none;
}
@media (max-width: 991px) {
  .box-carousel__btn-line {
    display: flex;
    padding-top: 16px;
    gap: 6px;
  }
  .box-carousel__btn-line .products-slider__arrow {
    position: relative;
    inset: auto;
    transition: opacity 0.4s ease-in-out;
  }
  .box-carousel__btn-line .products-slider__arrow.disabled {
    pointer-events: none;
    opacity: 0.5;
  }
  .box-carousel__btn-line .products-slider__arrow:hover {
    background-color: #B4D2C8;
  }
  .box-carousel__btn-line .products-slider__arrow:hover svg path {
    fill: rgb(0, 90, 101);
  }
}
@media (max-width: 991px) and (max-width: 768px) {
  .box-carousel__btn-line .products-slider__arrow {
    width: 48px;
    height: 48px;
    background-image: none;
  }
  .box-carousel__btn-line .products-slider__arrow svg {
    display: inline-block;
  }
}

.box-title-text {
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 20px;
  font-style: normal;
  font-weight: 200;
  line-height: 130%;
}
@media (max-width: 1050px) {
  .box-title-text {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .box-title-text {
    font-size: 16px;
  }
}
.box-title-text *:not(:last-child) {
  margin-bottom: 20px;
}
.box-title-text h3 {
  margin-bottom: 24px;
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
@media (max-width: 1050px) {
  .box-title-text h3 {
    margin-bottom: 20px;
    font-size: 28px;
  }
}
@media (max-width: 991px) {
  .box-title-text h3 {
    font-size: 24px;
  }
}

.box-about-video {
  display: flex;
  gap: 24px;
}
@media (max-width: 991px) {
  .box-about-video {
    flex-direction: column;
  }
}
.box-about-video__box-desc {
  width: 40.5563689605%;
}
@media (max-width: 1050px) {
  .box-about-video__box-desc {
    width: 48.7704918033%;
  }
}
@media (max-width: 991px) {
  .box-about-video__box-desc {
    width: 100%;
  }
}
.box-about-video__box-video {
  flex: 1;
}
@media (max-width: 991px) {
  .box-about-video__box-video {
    max-width: 100%;
    width: 450px;
    margin: 0 auto;
  }
}

.box-video {
  position: relative;
  width: 100%;
  height: 468px;
  overflow: hidden;
  border-radius: 16px;
}
@media (max-width: 1200px) {
  .box-video {
    height: calc(352px + 116 * (100vw - 1024px) / 896);
  }
}
@media (max-width: 991px) {
  .box-video {
    height: 232px;
  }
}
.box-video:has(video) img {
  opacity: 0;
  visibility: hidden;
}
.box-video video {
  position: absolute;
  inset: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.box-video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.4s ease-in-out, visibility 0.4 ease-in-out;
}
.box-video-play {
  background-color: transparent;
  border: none;
  cursor: pointer;
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.box-video-play img {
  width: 76px;
  height: 76px;
  flex-shrink: 0;
  transition: transform 0.4s ease-in-out;
}
@media (max-width: 991px) {
  .box-video-play img {
    width: 56px;
    height: 56px;
  }
}
.box-video-play:focus, .box-video-play:focus-visible {
  outline: none;
}
@media (min-width: 992px) {
  .box-video-play:focus-visible img, .box-video-play:hover img {
    transform: scale(1.2);
  }
}
.box-video-iframe {
  position: relative;
  width: 100%;
  height: 468px;
  overflow: hidden;
  border-radius: 16px;
}
@media (max-width: 1200px) {
  .box-video-iframe {
    height: calc(352px + 116 * (100vw - 1024px) / 896);
  }
}
@media (max-width: 991px) {
  .box-video-iframe {
    height: 232px;
  }
}
.box-video-iframe iframe {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

.bloggers-section {
  margin-top: 28px;
}
@media (max-width: 991px) {
  .bloggers-section {
    margin-top: 20px;
  }
}
.bloggers-section__line-top {
  padding: 24px 36px;
  border-radius: 16px;
  background-color: var(--gray-50, #FAFAFA);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.bloggers-section__line-top .desc {
  color: #000;
  font-family: var(--font-family);
  font-size: 20px;
  font-style: normal;
  font-weight: 200;
  line-height: 140%; /* 28px */
}
@media (max-width: 1050px) {
  .bloggers-section__line-top .desc {
    font-size: 18px;
  }
}
@media (max-width: 1050px) {
  .bloggers-section__line-top {
    gap: 24px;
  }
}
@media (max-width: 991px) {
  .bloggers-section__line-top {
    flex-direction: column;
    padding: 24px;
    gap: 20px;
  }
}
.bloggers-section__wrapper {
  margin-top: 36px;
}
@media (max-width: 1050px) {
  .bloggers-section__wrapper {
    margin-top: 28px;
  }
}
@media (max-width: 991px) {
  .bloggers-section__wrapper {
    margin-top: 24px;
  }
}
.bloggers-section__list {
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .bloggers-section__list {
    margin: 0 auto;
    width: 450px;
    max-width: 100%;
  }
}
.bloggers-section__item {
  padding: 76px 0;
  border-bottom: 1px solid var(--gray-75, #F3F3F3);
}
@media (max-width: 1050px) {
  .bloggers-section__item {
    padding: 52px 0;
  }
}
@media (max-width: 1050px) {
  .bloggers-section__item {
    padding: 16px 0;
  }
}
.bloggers-section__item:first-child {
  padding-top: 0;
}
.bloggers-section__item:last-child {
  padding-bottom: 0;
  border: none;
}

.link-transition {
  white-space: nowrap;
  height: 52px;
  padding: 5px 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 50px;
  color: var(--white, #FFF);
  font-family: var(--font-family);
  font-size: 17px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  background-color: var(--blue-green, #005A65);
  transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
}
@media (max-width: 991px) {
  .link-transition {
    height: 48px;
    width: 100%;
  }
}
.link-transition .svg {
  display: flex;
  color: var(--blue-green);
  transition: color 0.4s ease-in-out;
}
.link-transition:focus, .link-transition:focus-visible {
  outline: none;
}
@media (min-width: 992px) {
  .link-transition:focus-visible, .link-transition:hover {
    background-color: #B4D2C8;
    color: #000;
  }
  .link-transition:focus-visible .svg, .link-transition:hover .svg {
    color: #000;
  }
}

.card-bloggers {
  display: flex;
  gap: 24px;
}
@media (max-width: 1050px) {
  .card-bloggers .box-video-iframe {
    height: 268px;
  }
}
@media (max-width: 991px) {
  .card-bloggers {
    flex-direction: column-reverse;
    gap: 16px;
  }
  .card-bloggers .box-video-iframe {
    height: 188px;
  }
}
.card-bloggers__bottom {
  width: 40.5563689605%;
}
@media (max-width: 1050px) {
  .card-bloggers__bottom {
    width: 48.7704918033%;
  }
}
@media (max-width: 991px) {
  .card-bloggers__bottom {
    width: 100%;
  }
}
.card-bloggers__title {
  margin-bottom: 20px;
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 32px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
}
@media (max-width: 1050px) {
  .card-bloggers__title {
    font-size: 28px;
  }
}
@media (max-width: 991px) {
  .card-bloggers__title {
    margin-bottom: 12px;
    font-size: 20px;
  }
}
.card-bloggers__top {
  flex: 1;
}
.card-bloggers__link-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 991px) {
  .card-bloggers__link-list {
    gap: 8px;
  }
}
.card-bloggers__link {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 133.333%;
  transition: color 0.4s ease-in-out;
}
@media (max-width: 991px) {
  .card-bloggers__link {
    font-size: 16px;
    line-height: 150%;
  }
}
.card-bloggers__link .svg {
  display: flex;
  color: var(--blue-green, #005A65);
  transition: color 0.4s ease-in-out;
}
.card-bloggers__link:focus, .card-bloggers__link:focus-visible {
  outline: none;
}
.card-bloggers__link:focus-visible, .card-bloggers__link:hover {
  color: var(--blue-green);
}
.card-bloggers__link:focus-visible .svg, .card-bloggers__link:hover .svg {
  color: var(--black, #000);
}

.box-form-questions-2 {
  display: flex;
  gap: 10.2639296188%;
}
@media (max-width: 1050px) {
  .box-form-questions-2 {
    gap: 32px;
  }
}
@media (max-width: 991px) {
  .box-form-questions-2 {
    flex-direction: column;
    gap: 24px;
  }
}
.box-form-questions-2__box-question {
  width: 49.1202346041%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1050px) {
  .box-form-questions-2__box-question {
    width: 48.3606557377%;
  }
}
@media (max-width: 991px) {
  .box-form-questions-2__box-question {
    width: 100%;
    gap: 16px;
  }
}
.box-form-questions-2__box-question .desc-main {
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
}
@media (max-width: 1050px) {
  .box-form-questions-2__box-question .desc-main {
    font-size: 28px;
  }
}
@media (max-width: 991px) {
  .box-form-questions-2__box-question .desc-main {
    font-size: 24px;
  }
}
.box-form-questions-2__box-question .desc-main b {
  color: var(--blue-green, #005A65);
  font-weight: 500;
}
.box-form-questions-2__box-question .desc {
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 20px;
  font-style: normal;
  font-weight: 200;
  line-height: 130%;
}
@media (max-width: 1050px) {
  .box-form-questions-2__box-question .desc {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .box-form-questions-2__box-question .desc {
    font-size: 16px;
  }
}
.box-form-questions-2__box-form {
  flex: 1;
}
.box-form-questions-2 .form__submit {
  width: 100%;
  border-radius: 14px;
}
@media (max-width: 1050px) {
  .box-form-questions-2 .form__button {
    margin-top: 24px;
  }
  .box-form-questions-2 .form__submit {
    height: 60px;
    font-size: 18px;
  }
  .box-form-questions-2 .form__field-input_textarea {
    height: 124px;
  }
}
@media (max-width: 991px) {
  .box-form-questions-2 .form__submit {
    height: 56px;
    font-size: 16px;
  }
}
.box-form-questions-2 .form__checkbox-desc {
  color: var(--gray, #ACACAC);
}

.form__field-input_textarea {
  resize: none;
}

.box-achievements .swiper-achievements__group-btn {
  position: relative;
}
.box-achievements .btn-show-more {
  position: absolute;
  top: 24px;
  bottom: 0;
  right: 0;
  left: auto;
  width: auto;
  height: 56px;
}
@media (max-width: 991px) {
  .box-achievements .btn-show-more {
    min-width: 168px;
  }
}

.box-contacts {
  margin-top: 28px;
  display: flex;
  gap: 24px;
}
@media (max-width: 1050px) {
  .box-contacts {
    margin-top: 24px;
    gap: 36px;
  }
}
@media (max-width: 991px) {
  .box-contacts {
    gap: 32px;
    flex-direction: column;
  }
}
.box-contacts__left {
  width: 32.1847507331%;
}
@media (max-width: 1050px) {
  .box-contacts__left {
    width: 29.4057377049%;
  }
}
@media (max-width: 991px) {
  .box-contacts__left {
    width: 100%;
  }
}
.box-contacts__right {
  flex: 1;
}
.box-contacts__list-info {
  display: flex;
  flex-direction: column;
}
.box-contacts__item {
  padding: 20px 0;
  border-bottom: 1px solid var(--gray-75, #F3F3F3);
}
.box-contacts__item:last-child {
  border: none;
  padding-bottom: 0;
}
.box-contacts__item:first-child {
  padding-top: 0;
}
.box-contacts__box-btn {
  padding-top: 28px;
}
@media (max-width: 1050px) {
  .box-contacts__box-btn {
    display: none;
  }
}

@media (max-width: 1050px) {
  .global-section:has(.box-contacts) .global-section__title {
    max-width: 29.4057377049%;
  }
}

.card-info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.card-info__title {
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
@media (max-width: 1050px) {
  .card-info__title {
    font-size: 15px;
  }
}
.card-info__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.item-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.item-info .title {
  color: var(--gray, #ACACAC);
  font-family: var(--font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
@media (max-width: 1050px) {
  .item-info .title {
    font-size: 14px;
  }
}
.item-info .phone {
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 22px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  transition: color 0.4s ease-in-out;
}
@media (max-width: 1050px) {
  .item-info .phone {
    font-size: 20px;
  }
}
.item-info .phone:focus, .item-info .phone:focus-visible {
  outline: none;
}
@media (min-width: 992px) {
  .item-info .phone:focus-visible, .item-info .phone:hover {
    color: var(--blue-green, #005A65);
  }
}
.item-info .mail {
  color: var(--blue-green, #005A65);
  font-family: var(--font-family);
  font-size: 22px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  transition: color 0.4s ease-in-out;
  text-decoration: underline;
}
@media (max-width: 1050px) {
  .item-info .mail {
    font-size: 20px;
  }
}
.item-info .mail:focus, .item-info .mail:focus-visible {
  outline: none;
}
@media (min-width: 992px) {
  .item-info .mail:focus-visible, .item-info .mail:hover {
    color: var(--black, #000);
  }
}
.item-info .address {
  display: flex;
  flex-direction: column;
  gap: 12px;
  color: #000;
  font-family: var(--font-family);
  font-size: 22px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
}
@media (max-width: 1050px) {
  .item-info .address {
    font-size: 20px;
  }
}
.item-info .address b {
  font-size: 17px;
}
@media (max-width: 1050px) {
  .item-info .address b {
    font-size: 15px;
  }
}

.btn-requisites {
  padding: 5px 32px;
  max-width: 100%;
  width: 323px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 12px;
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  background-color: var(--gray-75, #F3F3F3);
  transition: background-color 0.4s ease-in-out;
}
.btn-requisites .svg {
  display: flex;
}
.btn-requisites:focus, .btn-requisites:focus-visible {
  outline: none;
}
@media (min-width: 992px) {
  .btn-requisites:focus-visible, .btn-requisites:hover {
    background-color: #B4D2C8;
  }
}

.requisites-modal .popup-form__content {
  padding-top: 24px;
}
.requisites-modal__list p {
  margin: 0 0 8px;
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 16px;
  line-height: 140%;
}
.requisites-modal__list p:last-child {
  margin-bottom: 0;
}
.js-copy-requisites {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 24px;
}
.js-copy-requisites.copied {
  background-color: #B4D2C8;
  border-color: #B4D2C8;
  color: #000;
}
.js-copy-requisites.copied svg path,
.js-copy-requisites.copied svg rect {
  stroke: #000;
}

.map-contacts {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  overflow: hidden;
}
@media (max-width: 1050px) {
  .map-contacts {
    margin-top: -59px;
    height: calc(100% + 59px);
  }
}
@media (max-width: 991px) {
  .map-contacts {
    margin-top: 0;
    height: 284px;
  }
}

.box-no-page {
  position: relative;
  margin: 0 auto;
  max-width: 100%;
  width: 631px;
  min-height: 543px;
}
@media (max-width: 1050px) {
  .box-no-page {
    padding: 50px 0;
    width: 528px;
    min-height: 100%;
  }
}
@media (max-width: 1050px) {
  .box-no-page {
    padding: 100px 0 120px;
  }
}
.box-no-page__desc {
  max-width: 330px;
  position: absolute;
  right: 0;
  bottom: 120px;
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 28px;
  font-style: normal;
  font-weight: 200;
  line-height: 110%;
}
@media (max-width: 1050px) {
  .box-no-page__desc {
    bottom: 35px;
    font-size: 24px;
    max-width: 290px;
  }
}
@media (max-width: 991px) {
  .box-no-page__desc {
    text-align: center;
    bottom: 70px;
    left: 0;
    width: 100%;
    font-size: 20px;
    max-width: 100%;
  }
}

.box-help {
  display: flex;
  gap: 24px;
}
@media (max-width: 991px) {
  .box-help {
    flex-direction: column;
  }
}
.box-help__nav-menu {
  width: 23.7151248164%;
}
@media (max-width: 1050px) {
  .box-help__nav-menu {
    width: 27.868852459%;
  }
}
@media (max-width: 991px) {
  .box-help__nav-menu {
    width: auto;
    margin: 0 -24px;
  }
}
@media (max-width: 768px) {
  .box-help__nav-menu {
    margin: 0 -16px;
  }
}
.box-help__body {
  flex: 1;
}
.box-help__nav {
  position: sticky;
  top: 115px;
  display: flex;
  flex-direction: column;
  padding: 24px 12px;
  border-radius: 16px;
  background-color: var(--gray-50, #FAFAFA);
}
@media (max-width: 991px) {
  .box-help__nav {
    padding: 0 24px;
    border-radius: 0;
    position: static;
    top: auto;
    flex-direction: row;
    gap: 8px;
    overflow: auto;
    background-color: transparent;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .box-help__nav::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 768px) {
  .box-help__nav {
    padding: 0 16px;
  }
}
.box-help-link {
  height: 56px;
  padding: 5px 12px;
  display: flex;
  align-items: center;
  border-radius: 16px;
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 19px;
  font-style: normal;
  font-weight: 200;
  line-height: 126.316%;
  transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
}
.box-help-link:focus, .box-help-link:focus-visible {
  outline: none;
}
.box-help-link.active {
  color: var(--blue-green, #005A65);
  background-color: var(--gray-75, #F3F3F3);
}
@media (max-width: 991px) {
  .box-help-link.active {
    color: var(--white, #FFF);
    background-color: var(--blue-green, #005A65);
  }
}
@media (min-width: 992px) {
  .box-help-link:focus-visible, .box-help-link:hover {
    color: var(--blue-green, #005A65);
    background-color: var(--gray-75, #F3F3F3);
  }
}
@media (max-width: 991px) {
  .box-help-link {
    white-space: nowrap;
    height: 48px;
    padding: 5px 20px;
    border-radius: 12px;
    font-size: 19px;
    line-height: 94.118%;
    background: var(--gray-50, #FAFAFA);
  }
}

.box-help-payment {
  margin-top: 28px;
}
@media (max-width: 1050px) {
  .box-help-payment {
    margin-top: 24px;
  }
}
@media (max-width: 991px) {
  .box-help-payment {
    margin-top: 20px;
  }
}

.box-help-text {
  color: #000;
  font-family: var(--font-family);
  font-size: 20px;
  font-style: normal;
  font-weight: 200;
  line-height: 130%;
}
@media (max-width: 1050px) {
  .box-help-text {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .box-help-text {
    font-size: 16px;
  }
}
.box-help-text a {
  color: var(--blue-green, #005A65);
  transition: color 0.4s ease-in-out;
  text-decoration: underline;
}
.box-help-text a:focus, .box-help-text a:focus-visible {
  outline: none;
}
@media (min-width: 992px) {
  .box-help-text a:focus-visible, .box-help-text a:hover {
    color: #000;
  }
}
.box-help-text h4 {
  font-weight: 300;
  font-size: 24px;
  margin-bottom: 26px !important;
}
@media (max-width: 1050px) {
  .box-help-text h4 {
    margin-bottom: 20px !important;
  }
}
@media (max-width: 991px) {
  .box-help-text h4 {
    font-size: 20px;
    margin-bottom: 16px !important;
  }
}
.box-help-text *:not(:last-child) {
  margin-bottom: 20px;
}
.box-help-text .line-img p {
  display: flex;
  text-align: end;
  gap: 12px;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .box-help-text .line-img p {
    gap: 8px;
  }
}
.box-help-text .line-img p * {
  margin-bottom: 0;
}
.box-help-text ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 1050px) {
  .box-help-text ul {
    gap: 11px;
  }
}
@media (max-width: 991px) {
  .box-help-text ul {
    gap: 6px;
  }
}
.box-help-text ul li {
  position: relative;
  padding-left: 38px;
  margin-bottom: 0 !important;
}
.box-help-text ul li::before {
  content: "";
  position: absolute;
  top: 13px;
  left: 3px;
  width: 20px;
  height: 2px;
  background-color: var(--blue-green, #005A65);
}

.card-guarantee {
  margin-top: 84px;
  padding: 32px;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background-color: var(--blue-green, #005A65);
  background-image: url("../img/card-guarantee/bg.svg");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
}
@media (max-width: 1050px) {
  .card-guarantee {
    margin-top: 55px;
    padding: 28px;
  }
}
@media (max-width: 991px) {
  .card-guarantee {
    margin-top: 57px;
    padding: 24px;
    background-image: url("../img/card-guarantee/bg(991).svg");
    background-position: bottom right;
    background-size: auto;
  }
}
.card-guarantee__title {
  color: var(--white, #FFF);
  font-family: var(--font-family);
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
}
@media (max-width: 1050px) {
  .card-guarantee__title {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .card-guarantee__title {
    font-size: 20px;
  }
}
.card-guarantee__desc {
  color: var(--white, #FFF);
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 130%;
}
@media (max-width: 1050px) {
  .card-guarantee__desc {
    font-size: 17px;
  }
}
@media (max-width: 991px) {
  .card-guarantee__desc {
    font-size: 16px;
    line-height: 125%;
  }
}

.box-help-info {
  margin-top: 28px;
}
@media (max-width: 1050px) {
  .box-help-info {
    margin-top: 24px;
  }
}
@media (max-width: 991px) {
  .box-help-info {
    margin-top: 20px;
  }
}

.box-help-delivery {
  margin-top: 28px;
}
@media (max-width: 1050px) {
  .box-help-delivery {
    margin-top: 24px;
  }
}
@media (max-width: 991px) {
  .box-help-delivery {
    margin-top: 20px;
  }
}
.box-help-delivery__text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 36px;
}
@media (max-width: 991px) {
  .box-help-delivery__text-wrapper {
    gap: 24px;
  }
}
.box-help-delivery__map {
  padding: 12px 0;
}

.box-help-questions-answers {
  margin-top: 28px;
}
@media (max-width: 1050px) {
  .box-help-questions-answers {
    margin-top: 24px;
  }
}
@media (max-width: 991px) {
  .box-help-questions-answers {
    margin-top: 20px;
  }
}
.box-help-questions-answers__tab-wrapp {
  margin-top: 24px;
}
@media (max-width: 1050px) {
  .box-help-questions-answers__tab-wrapp {
    margin-top: 20px;
  }
}

.tab-wrapp {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
@media (max-width: 991px) {
  .tab-wrapp {
    margin-left: -24px;
    margin-right: -24px;
  }
}
.tab-wrapp__nav-line {
  display: flex;
  gap: 8px;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.tab-wrapp__nav-line::-webkit-scrollbar {
  display: none;
}
@media (max-width: 991px) {
  .tab-wrapp__nav-line {
    padding: 0 24px;
  }
}
.tab-wrapp__btn {
  padding: 5px 24px;
  height: 48px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  border-radius: 100px;
  color: var(--black, #000);
  font-family: var(-font-family);
  font-size: 17px;
  font-style: normal;
  font-weight: 200;
  line-height: 94.118%;
  background-color: var(--gray-50, #FAFAFA);
  transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
}
.tab-wrapp__btn.active {
  color: var(--white, #FFF);
  background-color: var(--blue-green, #005A65);
}
.tab-wrapp__btn:focus, .tab-wrapp__btn:focus-visible {
  outline: none;
}
@media (min-width: 992px) {
  .tab-wrapp__btn:focus-visible, .tab-wrapp__btn:hover {
    color: var(--white, #FFF);
    background-color: var(--blue-green, #005A65);
  }
}
@media (max-width: 991px) {
  .tab-wrapp__box {
    padding: 0 24px;
  }
}

.accordion-wrapp {
  display: flex;
  flex-direction: column;
}
.accordion-wrapp__itoms {
  display: flex;
  flex-direction: column;
}
.accordion-wrapp__btn {
  padding: 32px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 20px;
  font-style: normal;
  font-weight: 200;
  line-height: 130%; /* 26px */
  border-radius: 16px 16px 0 0;
  transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
}
@media (max-width: 991px) {
  .accordion-wrapp__btn {
    padding: 24px 20px;
    gap: 16px;
    font-size: 18px;
  }
}
.accordion-wrapp__btn .text {
  text-align: start;
}
.accordion-wrapp__btn .svg {
  display: flex;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background-color: var(--blue-green, #005A65);
}
.accordion-wrapp__btn.active {
  color: var(--blue-green, #005A65);
  background-color: var(--gray-50, #FAFAFA);
}
.accordion-wrapp__btn:focus, .accordion-wrapp__btn:focus-visible {
  outline: none;
}
@media (min-width: 992px) {
  .accordion-wrapp__btn:focus-visible, .accordion-wrapp__btn:hover {
    color: var(--blue-green, #005A65);
    background-color: var(--gray-50, #FAFAFA);
  }
}
.accordion-wrapp__box {
  display: none;
  border-top: 1px solid var(--gray-75, #F3F3F3);
  padding: 28px 36px;
  border-radius: 0 0 16px 16px;
  background-color: var(--gray-50, #FAFAFA);
}
@media (max-width: 991px) {
  .accordion-wrapp__box {
    padding: 24px;
  }
}
.accordion-wrapp__box.active {
  display: block;
}

/* end company */

/* bloggers */

.bloggers-section {
  margin-top: 28px;
}
@media (max-width: 991px) {
  .bloggers-section {
    margin-top: 20px;
  }
}
.bloggers-section__line-top {
  padding: 24px 36px;
  border-radius: 16px;
  background-color: var(--gray-50, #FAFAFA);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.bloggers-section__line-top .desc {
  color: #000;
  font-family: var(--font-family);
  font-size: 20px;
  font-style: normal;
  font-weight: 200;
  line-height: 140%;
}
@media (max-width: 1050px) {
  .bloggers-section__line-top .desc {
    font-size: 18px;
  }
}
@media (max-width: 1050px) {
  .bloggers-section__line-top {
    gap: 24px;
  }
}
@media (max-width: 991px) {
  .bloggers-section__line-top {
    flex-direction: column;
    padding: 24px;
    gap: 20px;
  }
}
.bloggers-section__wrapper {
  margin-top: 36px;
}
@media (max-width: 1050px) {
  .bloggers-section__wrapper {
    margin-top: 28px;
  }
}
@media (max-width: 991px) {
  .bloggers-section__wrapper {
    margin-top: 24px;
  }
}
.bloggers-section__list {
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .bloggers-section__list {
    margin: 0 auto;
    width: 450px;
    max-width: 100%;
  }
}
.bloggers-section__item {
  padding: 76px 0;
  border-bottom: 1px solid var(--gray-75, #F3F3F3);
}
@media (max-width: 1050px) {
  .bloggers-section__item {
    padding: 52px 0;
  }
}
@media (max-width: 991px) {
  .bloggers-section__item {
    padding: 16px 0;
  }
}
.bloggers-section__item:first-child {
  padding-top: 0;
}
.bloggers-section__item:last-child {
  padding-bottom: 0;
  border: none;
}

.link-transition {
  white-space: nowrap;
  height: 52px;
  padding: 5px 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 50px;
  color: var(--white, #FFF);
  font-family: var(--font-family);
  font-size: 17px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  background-color: var(--blue-green, #005A65);
  transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
}
@media (max-width: 991px) {
  .link-transition {
    height: 48px;
    width: 100%;
  }
}
.link-transition .svg {
  display: flex;
  color: var(--blue-green);
  transition: color 0.4s ease-in-out;
}
.link-transition:focus,
.link-transition:focus-visible {
  outline: none;
}
@media (min-width: 992px) {
  .link-transition:focus-visible,
  .link-transition:hover {
    background-color: #B4D2C8;
    color: #000;
  }
  .link-transition:focus-visible .svg,
  .link-transition:hover .svg {
    color: #000;
  }
}

.card-bloggers {
  display: flex;
  gap: 24px;
}
@media (max-width: 1050px) {
  .card-bloggers .box-video-iframe {
    height: 268px;
  }
}
@media (max-width: 991px) {
  .card-bloggers {
    flex-direction: column-reverse;
    gap: 16px;
  }
  .card-bloggers .box-video-iframe {
    height: 188px;
  }
}
.card-bloggers__bottom {
  width: 40.5563689605%;
}
@media (max-width: 1050px) {
  .card-bloggers__bottom {
    width: 48.7704918033%;
  }
}
@media (max-width: 991px) {
  .card-bloggers__bottom {
    width: 100%;
  }
}
.card-bloggers__title {
  margin-bottom: 20px;
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 32px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
}
@media (max-width: 1050px) {
  .card-bloggers__title {
    font-size: 28px;
  }
}
@media (max-width: 991px) {
  .card-bloggers__title {
    margin-bottom: 12px;
    font-size: 20px;
  }
}
.card-bloggers__top {
  flex: 1;
}
.card-bloggers__link-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 991px) {
  .card-bloggers__link-list {
    gap: 8px;
  }
}
.card-bloggers__link {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 133.333%;
  transition: color 0.4s ease-in-out;
}
@media (max-width: 991px) {
  .card-bloggers__link {
    font-size: 16px;
    line-height: 150%;
  }
}
.card-bloggers__link .svg {
  display: flex;
  color: var(--blue-green, #005A65);
  transition: color 0.4s ease-in-out;
}
.card-bloggers__link:focus,
.card-bloggers__link:focus-visible {
  outline: none;
}
.card-bloggers__link:focus-visible,
.card-bloggers__link:hover {
  color: var(--blue-green);
}
.card-bloggers__link:focus-visible .svg,
.card-bloggers__link:hover .svg {
  color: var(--black, #000);
}

/* end bloggers */

/* Help pages: useful / payment / delivery / faq */
.box-help {
  display: flex;
  gap: 24px;
}

@media (max-width: 991px) {
  .box-help {
    flex-direction: column;
  }
}

.box-help__nav-menu {
  width: 23.7151248164%;
  flex-shrink: 0;
}

@media (max-width: 1050px) {
  .box-help__nav-menu {
    width: 27.868852459%;
  }
}

@media (max-width: 991px) {
  .box-help__nav-menu {
    width: auto;
    margin: 0 -24px;
  }
}

@media (max-width: 768px) {
  .box-help__nav-menu {
    margin: 0 -16px;
  }
}

.box-help__body {
  flex: 1;
  min-width: 0;
}

.box-help__nav {
  position: sticky;
  top: 115px;
  display: flex;
  flex-direction: column;
  padding: 24px 12px;
  border-radius: 16px;
  background-color: var(--gray-50, #FAFAFA);
}

@media (max-width: 991px) {
  .box-help__nav {
    padding: 0 24px;
    border-radius: 0;
    position: static;
    top: auto;
    flex-direction: row;
    gap: 8px;
    overflow: auto;
    background-color: transparent;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .box-help__nav::-webkit-scrollbar {
    display: none;
  }
}

@media (max-width: 768px) {
  .box-help__nav {
    padding: 0 16px;
  }
}

.box-help-link {
  height: 56px;
  padding: 5px 12px;
  display: flex;
  align-items: center;
  border-radius: 16px;
  color: var(--black, #000);
  font-family: var(--font-family);
  font-size: 19px;
  font-style: normal;
  font-weight: 200;
  line-height: 126.316%;
  text-decoration: none;
  transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
}

.box-help-link:focus,
.box-help-link:focus-visible {
  outline: none;
}

.box-help-link.active {
  color: var(--blue-green, #005A65);
  background-color: var(--gray-75, #F3F3F3);
}

@media (max-width: 991px) {
  .box-help-link.active {
    color: var(--white, #FFF);
    background-color: var(--blue-green, #005A65);
  }
}

@media (min-width: 992px) {
  .box-help-link:focus-visible,
  .box-help-link:hover {
    color: var(--blue-green, #005A65);
    background-color: var(--gray-75, #F3F3F3);
  }
}

@media (max-width: 991px) {
  .box-help-link {
    white-space: nowrap;
    height: 48px;
    padding: 5px 20px;
    border-radius: 12px;
    font-size: 19px;
    line-height: 94.118%;
    background: var(--gray-50, #FAFAFA);
  }
}

.box-help-text {
  color: #000;
  font-family: var(--font-family);
  font-size: 20px;
  font-style: normal;
  font-weight: 200;
  line-height: 130%;
}

@media (max-width: 1050px) {
  .box-help-text {
    font-size: 18px;
  }
}

@media (max-width: 991px) {
  .box-help-text {
    font-size: 16px;
  }
}

.box-help-text p,
.box-help-text h4,
.box-help-text ul {
  margin: 0;
}

.box-help-text a {
  color: var(--blue-green, #005A65);
  text-decoration: underline;
  transition: color 0.4s ease-in-out;
}

.box-help-text a:focus,
.box-help-text a:focus-visible {
  outline: none;
}

@media (min-width: 992px) {
  .box-help-text a:focus-visible,
  .box-help-text a:hover {
    color: #000;
  }
}

.box-help-text h4 {
  font-size: 24px;
  font-weight: 300;
}

@media (max-width: 991px) {
  .box-help-text h4 {
    font-size: 20px;
  }
}

.box-help-text > *:not(:last-child) {
  margin-bottom: 20px;
}

.box-help-text ul {
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

@media (max-width: 1050px) {
  .box-help-text ul {
    gap: 11px;
  }
}

@media (max-width: 991px) {
  .box-help-text ul {
    gap: 6px;
  }
}

.box-help-text ul li {
  position: relative;
  padding-left: 38px;
  margin-bottom: 0;
}

.box-help-text ul li::before {
  content: "";
  position: absolute;
  top: 13px;
  left: 3px;
  width: 20px;
  height: 2px;
  background-color: var(--blue-green, #005A65);
}

/* .global-section > .container > .global-section__title {
  display: none;
} */

/* End Help pages: useful / payment / delivery / faq */
/*30.04.26 страницы ЛК*/

.personal-account-section {
  margin-top: 36px;
  margin-bottom: 47px;
}
@media (max-width: 1300px) {
  .personal-account-section {
    margin-top: 24px;
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .personal-account-section {
    margin-bottom: 30px;
  }
}
.personal-account-section__wrapper {
  display: flex;
  gap: 24px;
}
@media (max-width: 1300px) {
  .personal-account-section__wrapper {
    flex-direction: column;
  }
}
.personal-account-section__menu {
  width: 23.6803519062%;
}
@media (max-width: 1300px) {
  .personal-account-section__menu {
    width: 100%;
  }
}
.personal-account-section__content {
  flex: 1;
}

.account-menu {
  width: 100%;
  padding: 24px;
  border-radius: 16px;
  background-color: var(--gray-50, #FAFAFA);
}
@media (max-width: 1300px) {
  .account-menu {
    padding: 0;
    background-color: transparent;
  }
}
.account-menu__list {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1300px) {
  .account-menu__list {
    margin: 0 -24px;
    padding: 0 24px;
    flex-direction: row;
    gap: 12px;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .account-menu__list::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 991px) {
  .account-menu__list {
    margin: 0 -16px;
    padding: 0 16px;
  }
}
@media (max-width: 1300px) {
  .account-menu__item {
    flex: 0 0 auto;
  }
}
.account-menu__link {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 5px 24px;
  border-radius: 16px;
  height: 56px;
  color: var(--black, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 133%;
  transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
}
@media (max-width: 1300px) {
  .account-menu__link {
    height: 48px;
    font-size: 17px;
    line-height: 141.176%;
  }
}
@media (max-width: 991px) {
  .account-menu__link {
    padding: 5px 12px;
    height: 40px;
    font-size: 15px;
    line-height: 160%;
  }
}
.account-menu__link.active {
  color: var(--blue-green, #005A65);
  background-color: var(--gray-75, #F3F3F3);
}
@media (max-width: 1300px) {
  .account-menu__link.active {
    color: var(--white, #FFF);
    background-color: var(--blue-green, #005A65);
  }
}
.account-menu__link:focus, .account-menu__link:focus-visible {
  outline: none;
}
@media (min-width: 992px) {
  .account-menu__link:focus-visible, .account-menu__link:hover {
    color: var(--blue-green, #005A65);
    background-color: var(--gray-75, #F3F3F3);
  }
}

.warning-type-1 {
  position: relative;
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 22px 60px 22px 20px;
  border-radius: 16px;
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 133.333%;
  background-color: var(--gray-50, #FAFAFA);
}
@media (max-width: 991px) {
  .warning-type-1 {
    padding: 16px 40px 16px 16px;
    gap: 8px;
    align-items: start;
    font-size: 16px;
    line-height: 125%;
  }
}
.warning-type-1 .svg {
  display: flex;
  align-items: center;
  justify-content: center;
}
.warning-type-1__close {
  position: absolute;
  top: 22px;
  right: 20px;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  color: var(--black, #000);
  background-color: transparent;
  cursor: pointer;
  border: none;
  transition: color 0.4s ease-in-out;
}
@media (max-width: 991px) {
  .warning-type-1__close {
    top: 8px;
    right: 8px;
    width: 24px;
    height: 24px;
  }
}
.warning-type-1__close .svg {
  display: flex;
  align-items: center;
  justify-content: center;
}
.warning-type-1__close:focus, .warning-type-1__close:focus-visible {
  outline: none;
}
@media (min-width: 992px) {
  .warning-type-1__close:focus-visible, .warning-type-1__close:hover {
    color: var(--blue-green, #005A65);
  }
}

.profile .warning-type-1 {
  margin-bottom: 24px;
}
@media (max-width: 1300px) {
  .profile .warning-type-1 {
    margin-bottom: 20px;
  }
}
.profile__content {
  width: 432px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 84px;
}
@media (max-width: 1300px) {
  .profile__content {
    width: 50%;
    gap: 56px;
  }
}
@media (max-width: 991px) {
  .profile__content {
    width: 100%;
    gap: 36px;
  }
}

.form-type-3 {
  width: 100%;
}
.form-type-3__wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.form-type-3__title {
  margin-bottom: 12px;
  color: var(--black, #000);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
}
@media (max-width: 991px) {
  .form-type-3__title {
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 160%;
  }
}
.form-type-3__smoll-info {
  color: var(--gray, #ACACAC);
  font-size: 17px;
  font-style: normal;
  font-weight: 200;
  line-height: 141.176%;
}
@media (max-width: 991px) {
  .form-type-3__smoll-info {
    font-size: 15px;
    line-height: 160%;
  }
}
.form-type-3__input-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.form-type-3__btn-group {
  padding-top: 12px;
}
@media (max-width: 991px) {
  .form-type-3__btn-group {
    padding-top: 8px;
  }
}

.input-type-1 {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.input-type-1.password .input-type-1__input {
  padding: 5px 54px 5px 20px;
}
.input-type-1__label {
  color: var(--black, #000);
  font-size: 17px;
  font-style: normal;
  font-weight: 200;
  line-height: 125%;
}
@media (max-width: 991px) {
  .input-type-1__label {
    font-size: 15px;
    line-height: 125%;
  }
}
.input-type-1__label b {
  color: var(--gray, #ACACAC);
  font-weight: 200;
}
.input-type-1__input {
  width: 100%;
  height: 56px;
  border-radius: 16px;
  border: 1px solid #E9E9E9;
  background-color: var(--white);
  padding: 5px 20px;
  color: var(--black, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 133.333%;
}
@media (max-width: 991px) {
  .input-type-1__input {
    font-size: 16px;
    line-height: 150%;
  }
}
.input-type-1__input::placeholder {
  color: var(--gray, #ACACAC);
}
.input-type-1__input:focus, .input-type-1__input:focus-visible {
  outline: none;
}
.input-type-1__btn-eye {
  position: absolute;
  bottom: 16px;
  right: 20px;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--black, #000);
  background-color: transparent;
  cursor: pointer;
  border: none;
  transition: color 0.4s ease-in-out;
}
.input-type-1__btn-eye .svg {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}
.input-type-1__btn-eye .svg.active {
  opacity: 1;
  visibility: visible;
}
.input-type-1__btn-eye:focus, .input-type-1__btn-eye:focus-visible {
  outline: none;
}
@media (min-width: 992px) {
  .input-type-1__btn-eye:focus-visible, .input-type-1__btn-eye:hover {
    color: var(--blue-green, #005A65);
  }
}

.btn-type-1 {
  width: 100%;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background-color: var(--blue-green);
  color: var(--white);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
}
.btn-type-1.disabled {
  background-color: var(--gray-75);
  color: var(--gray);
  pointer-events: none;
}
.btn-type-1:focus, .btn-type-1:focus-visible {
  outline: none;
}
@media (min-width: 992px) {
  .btn-type-1:focus-visible, .btn-type-1:hover {
    background-color: #B4D2C8;
    color: var(--black);
  }
}

.list-profiles {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1300px) {
  .list-profiles {
    gap: 20px;
  }
}

.table-type-1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 16px 16px 0 0;
  overflow: hidden;
}
.table-type-1__body {
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .table-type-1__body {
    gap: 12px;
  }
}
.table-type-1__body .table-type-1__row:not(:last-child) {
  border-bottom: 1px solid var(--gray-75);
}
@media (max-width: 991px) {
  .table-type-1__body .table-type-1__row:not(:last-child) {
    border-bottom: none;
  }
}
.table-type-1__row {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .table-type-1__row {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    height: auto;
    padding: 24px;
    border-radius: 16px;
    background-color: var(--gray-50);
  }
}
.table-type-1__row.head {
  background-color: var(--gray-75);
}
@media (max-width: 991px) {
  .table-type-1__row.head {
    display: none;
  }
}
.table-type-1__row.head .text {
  color: #000;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 125%;
}
.table-type-1__cell {
  padding: 5px 20px;
}
@media (max-width: 991px) {
  .table-type-1__cell {
    width: 100%;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
}
.table-type-1__cell .hide-name {
  display: none;
}
@media (max-width: 991px) {
  .table-type-1__cell .hide-name {
    display: inline-block;
    color: var(--gray, #ACACAC);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
  }
}
.table-type-1__cell .text {
  color: #000;
  font-size: 17px;
  font-style: normal;
  font-weight: 200;
  line-height: 125%;
}
.table-type-1__cell .text b {
  color: var(--gray, #ACACAC);
  font-weight: 200;
}
.table-type-1__cell.code {
  width: 9.4395280236%;
}
@media (max-width: 1300px) {
  .table-type-1__cell.code {
    width: 9.8360655738%;
  }
}
@media (max-width: 991px) {
  .table-type-1__cell.code {
    order: 2;
    width: 100%;
  }
}
.table-type-1__cell.time {
  width: 20.0589970501%;
}
@media (max-width: 1300px) {
  .table-type-1__cell.time {
    width: 20.9016393443%;
  }
}
@media (max-width: 991px) {
  .table-type-1__cell.time {
    order: 3;
    width: 100%;
  }
}
.table-type-1__cell.name {
  width: 37.4631268437%;
}
@media (max-width: 1300px) {
  .table-type-1__cell.name {
    width: 39.0368852459%;
  }
}
@media (max-width: 991px) {
  .table-type-1__cell.name {
    order: 1;
    width: 100%;
  }
}
.table-type-1__cell.type {
  width: 20.4523107178%;
}
@media (max-width: 1300px) {
  .table-type-1__cell.type {
    width: 21.3114754098%;
  }
}
@media (max-width: 991px) {
  .table-type-1__cell.type {
    order: 4;
    width: 100%;
  }
}
.table-type-1__cell.btns {
  height: 100%;
  width: 12.5860373648%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 5px;
}
@media (max-width: 1300px) {
  .table-type-1__cell.btns {
    width: 8.9139344262%;
  }
}
@media (max-width: 991px) {
  .table-type-1__cell.btns {
    padding: 8px 0 0 0;
    order: 5;
    gap: 8px;
    width: 100%;
    flex-direction: row;
  }
}

.btn-table {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
}
@media (max-width: 991px) {
  .btn-table {
    width: auto;
    flex: 1;
    height: 40px;
  }
}
.btn-table-type-1 {
  color: #005A65;
  background-color: var(--turquoise, #B4D2C8);
}
.btn-table-type-2 {
  color: #FA453B;
  background-color: #FEDAD8;
}
.btn-table:focus, .btn-table:focus-visible {
  outline: none;
}
@media (min-width: 992px) {
  .btn-table:focus-visible, .btn-table:hover {
    color: #fff;
    background-color: var(--blue-green, #005A65);
  }
}

.btn-add-profiles {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 20px;
  height: 60px;
  border-radius: 16px;
  background-color: var(--gray-50);
  color: var(--black);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 130%;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
}
@media (max-width: 1300px) {
  .btn-add-profiles {
    font-size: 17px;
  }
}
.btn-add-profiles:focus, .btn-add-profiles:focus-visible {
  outline: none;
}
@media (min-width: 992px) {
  .btn-add-profiles:focus-visible, .btn-add-profiles:hover {
    background-color: var(--blue-green);
    color: var(--white);
  }
}

.chek {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.chek__header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 22px 20px;
  border-radius: 16px;
  background-color: var(--gray-50, #FAFAFA);
}
@media (max-width: 1300px) {
  .chek__header {
    gap: 4px;
  }
}
.chek__header-title {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 133.333%;
}
@media (max-width: 1300px) {
  .chek__header-title {
    font-size: 17px;
    line-height: 141%;
  }
}
@media (max-width: 991px) {
  .chek__header-title {
    font-size: 16px;
  }
}
.chek .total-balance {
  color: var(--black, #000);
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}
@media (max-width: 1300px) {
  .chek .total-balance {
    font-size: 32px;
  }
}
@media (max-width: 991px) {
  .chek .total-balance {
    font-size: 28px;
  }
}
.chek__content {
  display: flex;
  flex-direction: column;
}
.chek__content .order-products__payment-method:first-child {
  width: 458px;
  max-width: 100%;
}
.chek__footer {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.chek__footer .btn-type-1 {
  width: 348px;
  max-width: 100%;
}

.payment-mount {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.payment-mount__item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.payment-mount__item-title {
  color: var(--gray, #ACACAC);
  font-size: 17px;
  font-style: normal;
  font-weight: 200;
  line-height: 141.176%;
}
.payment-mount__item-box-input {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.radio-type-1 {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.radio-type-1__input {
  cursor: pointer;
  position: absolute;
  opacity: 0;
  inset: 0;
}
.radio-type-1__input:checked + .castom {
  background-color: var(--blue-green);
  color: var(--white);
}
.radio-type-1 .castom {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 20px;
  border-radius: 12px;
  color: var(--black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 200;
  line-height: 100%;
  background-color: rgba(0, 90, 101, 0.1);
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
}
@media (max-width: 991px) {
  .radio-type-1 .castom {
    padding: 10px 16px;
  }
}

.checkbox-type-1 {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 1050px) {
  .checkbox-type-1 {
    align-items: start;
  }
}
.checkbox-type-1__input {
  cursor: pointer;
  position: absolute;
  inset: 0;
  opacity: 0;
}
.checkbox-type-1__input:checked + .castom {
  background-color: var(--blue-green);
  border-color: var(--blue-green);
}
.checkbox-type-1 .castom {
  margin: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  border-radius: 4px;
  border: 1px solid var(--gray);
  background-color: var(--white);
  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;
}
.checkbox-type-1__text {
  color: var(--gray, #ACACAC);
  font-size: 16px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
}
.checkbox-type-1__text a {
  position: relative;
  color: var(--gray, #ACACAC);
  transition: color 0.4s ease-in-out;
}
.checkbox-type-1__text a:focus, .checkbox-type-1__text a:focus-visible {
  outline: none;
}
@media (min-width: 992px) {
  .checkbox-type-1__text a:focus-visible, .checkbox-type-1__text a:hover {
    color: var(--black, #000);
  }
}

.global-section__title:has(.count) {
  display: flex;
  align-items: center;
  gap: 12px;
}
.global-section__title:has(.count) .count {
  min-width: 40px;
  height: 40px;
  background-color: var(--blue-green);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: 100px;
  color: #FFF;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 90%;
}
@media (max-width: 1300px) {
  .global-section__title:has(.count) .count {
    font-size: 16px;
    min-width: 36px;
    height: 36px;
  }
}

.story-orders .status {
  padding: 7px 12px 7px 34px;
  height: 32px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 112.5%;
  background-repeat: no-repeat;
  background-position: 12px center;
}
@media (max-width: 768px) {
  .story-orders .status {
    height: 36px;
    padding: 7px 12px 7px 32px;
    font-size: 15px;
  }
}
.story-orders .status.received {
  color: var(--blue-green);
  background-color: #B4D2C8;
  background-position: 10px center;
  background-image: url("../img/story-orders/check.svg");
}
.story-orders .status.cancelled {
  color: var(--red);
  background-color: #FEDAD8;
  background-image: url("../img/story-orders/cancel.svg");
}
.story-orders__list {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.story-orders__item {
  display: flex;
  flex-direction: column;
}
.story-orders__item .status {
  display: none;
}
.story-orders__item.received .status.received {
  display: flex;
}
.story-orders__item.cancelled .status.cancelled {
  display: flex;
}
.story-orders__item.cancelled .link-repeat {
  display: none;
}
.story-orders__item-top {
  position: relative;
  padding-right: 200px;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  min-height: 44px;
}
@media (max-width: 1300px) {
  .story-orders__item-top {
    gap: 8px;
    margin-bottom: 16px;
  }
}
@media (max-width: 768px) {
  .story-orders__item-top {
    padding-right: 0;
    flex-direction: column;
    align-items: start;
    gap: 12px;
  }
}
.story-orders__item-top-number {
  color: var(--black, #000);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
}
@media (max-width: 1300px) {
  .story-orders__item-top-number {
    font-size: 20px;
    line-height: 160%;
  }
}
@media (max-width: 768px) {
  .story-orders__item-top-number {
    line-height: 120%;
  }
}
.story-orders__item-top .link-repeat {
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 768px) {
  .story-orders__item-top .link-repeat {
    top: auto;
    bottom: 0;
  }
}
.story-orders__item-middle {
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (max-width: 1300px) {
  .story-orders__item-middle {
    margin-bottom: 20px;
  }
}
.story-orders__item-bottom {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1300px) {
  .story-orders__item-bottom {
    gap: 12px;
  }
}
.story-orders__item-bottom-text {
  color: var(--black, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}
@media (max-width: 1300px) {
  .story-orders__item-bottom-text {
    font-size: 18px;
  }
}
.story-orders__item-bottom .btn-show-more {
  margin-top: 24px;
  color: var(--black, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 130%;
}
@media (max-width: 1300px) {
  .story-orders__item-bottom .btn-show-more {
    font-size: 16px;
  }
}

.link-repeat {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding: 5px 16px;
  gap: 8px;
  color: var(--blue-green, #005A65);
  border-radius: 16px;
  background-color: var(--gray-75, #F3F3F3);
  font-size: 16px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
}
@media (max-width: 768px) {
  .link-repeat {
    height: 36px;
    padding: 5px 12px;
    font-size: 15px;
  }
}
.link-repeat .svg {
  display: flex;
  align-items: center;
  justify-content: center;
}
.link-repeat:focus, .link-repeat:focus-visible {
  outline: none;
}
@media (min-width: 992px) {
  .link-repeat:focus-visible, .link-repeat:hover {
    color: var(--white, #FFF);
    background-color: var(--blue-green, #005A65);
  }
}

.box-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}
@media (max-width: 768px) {
  .box-info {
    flex-direction: column;
    align-items: start;
    gap: 4px;
  }
}
.box-info .name {
  color: var(--gray, #ACACAC);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 135%;
}
@media (max-width: 768px) {
  .box-info .name {
    font-size: 14px;
    line-height: 120%;
  }
}
.box-info .info {
  color: var(--black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 135%;
}
@media (max-width: 768px) {
  .box-info .info {
    font-size: 15px;
    line-height: 120%;
  }
}

.profile-detail__back-group {
  margin-bottom: 28px;
}
@media (max-width: 1300px) {
  .profile-detail__back-group {
    margin-bottom: 24px;
  }
}
.profile-detail__content {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (max-width: 1300px) {
  .profile-detail__content {
    gap: 36px;
  }
}
@media (max-width: 991px) {
  .profile-detail__content {
    gap: 24px;
  }
}
.profile-detail__title {
  margin-bottom: 20px;
  color: var(--black, #000);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
}
@media (max-width: 1300px) {
  .profile-detail__title {
    font-size: 20px;
    line-height: 160%;
  }
}
@media (max-width: 991px) {
  .profile-detail__title {
    font-size: 18px;
    line-height: 177.778%;
  }
}
.profile-detail .box-type {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (max-width: 1300px) {
  .profile-detail .box-type {
    margin-bottom: 26px;
  }
}
@media (max-width: 991px) {
  .profile-detail .box-type {
    margin-bottom: 16px;
  }
}
.profile-detail .box-type .name {
  color: var(--gray, #ACACAC);
  font-size: 17px;
  font-style: normal;
  font-weight: 200;
  line-height: 141.176%;
}
@media (max-width: 991px) {
  .profile-detail .box-type .name {
    font-size: 15px;
  }
}
.profile-detail .box-type .type {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 125%;
}
@media (max-width: 1300px) {
  .profile-detail .box-type .type {
    font-size: 17px;
  }
}
.profile-detail .box-field {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.profile-detail .box-field .desc {
  color: var(--gray, #ACACAC);
  font-size: 17px;
  font-style: normal;
  font-weight: 200;
  line-height: 141.176%;
}
@media (max-width: 1300px) {
  .profile-detail .box-field .desc {
    font-size: 15px;
  }
}
.profile-detail .box-field .input-type-1 {
  width: 432px;
  max-width: 100%;
}
@media (max-width: 1300px) {
  .profile-detail .box-field .input-type-1 {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .profile-detail .box-field .input-type-1 {
    width: 100%;
  }
}
.profile-detail .box-field .box-field__group-input {
  width: 432px;
  max-width: 100%;
}
@media (max-width: 1300px) {
  .profile-detail .box-field .box-field__group-input {
    width: 50%;
  }
  .profile-detail .box-field .box-field__group-input .input-type-1 {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .profile-detail .box-field .box-field__group-input {
    width: 100%;
  }
}
.profile-detail .box-field__group-input {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.profile-detail__btn-group {
  padding-top: 32px;
}
@media (max-width: 1300px) {
  .profile-detail__btn-group {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .profile-detail__btn-group {
    padding-top: 24px;
    width: 100%;
  }
}

.link-back {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 200;
  line-height: 130%;
  transition: color 0.4s ease-in-out;
}
@media (max-width: 991px) {
  .link-back {
    gap: 8px;
    font-size: 17px;
  }
}
.link-back .svg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 32px;
  border-radius: 16px;
  background-color: var(--turquoise);
}
@media (max-width: 991px) {
  .link-back .svg {
    width: 44px;
    height: 24px;
  }
}
.link-back:focus, .link-back:focus-visible {
  outline: none;
}
@media (min-width: 992px) {
  .link-back:focus-visible, .link-back:hover {
    color: var(--blue-green, #005A65);
  }
}

.textarea-type-1 {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.textarea-type-1__label {
  color: var(--black, #000);
  font-size: 17px;
  font-style: normal;
  font-weight: 200;
  line-height: 125%;
}
@media (max-width: 991px) {
  .textarea-type-1__label {
    font-size: 15px;
    line-height: 125%;
  }
}
.textarea-type-1__text {
  resize: none;
  width: 100%;
  height: 156px;
  max-height: 156px;
  border-radius: 16px;
  border: 1px solid #E9E9E9;
  background-color: var(--white);
  padding: 16px 20px;
  color: var(--black, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 133.333%;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.textarea-type-1__text::-webkit-scrollbar {
  display: none;
}
@media (max-width: 991px) {
  .textarea-type-1__text {
    font-size: 16px;
    line-height: 150%;
  }
}
.textarea-type-1__text::placeholder {
  color: var(--gray, #ACACAC);
}
.textarea-type-1__text:focus, .textarea-type-1__text:focus-visible {
  outline: none;
}

/*30.04.26 страницы ЛК*/
/*08.05.26 самовывоз*/
#bx-soa-pickup {
  margin-bottom: 52px;
  .bx-soa-section-title-container.d-flex.justify-content-between.align-items-center.flex-nowrap {
    display: none;
  }
  #pickUpMap {
    margin-bottom: 28px !important;
    border-radius: 24px;
    overflow: hidden;
  }
  .bx-soa-pickup-subTitle {
    margin-bottom: 20px;
    color: var(--black, #000);
    font-size: 17px;
    font-style: normal;
    font-weight: 200;
    line-height: 130%;
  }
  .bx-soa-pickup-list.main {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .bx-soa-pickup-list-item {
    position: relative;
    padding: 20px;
    background-color: var(--gray-75, #F3F3F3);
    border-radius: 16px;
    overflow: hidden;

    .bx-soa-pickup-l-item-adress {
      display: flex;
      align-items: center;
      gap: 14px;
      color: var(--main-black, #1F1F1F);
      font-size: 16px;
      font-style: normal;
      font-weight: 300;
      line-height: 140%;

      .svg {
        margin: 4px;
        width: 21px;
        height: 21px;
        flex-shrink: 0;
        background-color: #fff;
        border: 1px solid var(--gray, #ACACAC);
        border-radius: 3px;
      }
    }

    .bx-soa-pickup-l-item-detail {
      display: none;
    }

    .bx-soa-pickup-l-item-btn {
      position: absolute;
      inset: 0;
      .btn-sm {
        position: absolute;
        inset: 0;
        opacity: 0;
      }
    }
  }

  .bx-soa-pickup-list-item.bx-selected {
    .bx-soa-pickup-l-item-adress {
      .svg {
        background-color: var(--blue-green, #005A65);
        border-color: #005A65;
        background-image: url('../img/tab/tab.svg');
      }
    }
    .bx-soa-pickup-l-item-detail {
      display: block;
      padding-top: 40px;
    }
  }

  .bx-soa-pickup-l-item-detail {
    .bx-soa-pickup-l-item-img {
      max-height: 24px;
      margin-bottom: 8px;
    }
    .bx-soa-pickup-l-item-name {
      margin-bottom: 20px;
      color: #898989;
      font-size: 14px;
      font-style: normal;
      font-weight: 200;
      line-height: 114.286%;
    }
    .bx-soa-pickup-l-item-desc {
      display: flex;
      flex-direction: column;
      gap: 20px;
      .x2_j_pickup-label-box {
        display: flex;
        flex-direction: column;
        gap: 4px;
        color: var(--main-black, #1F1F1F);
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
      }
      .x2_j_pickup-label {
        color: #898989;
        line-height: 16px;
      }
    }
  }
}

@media (max-width: 1050px) {
  #bx-soa-pickup {
    margin-bottom: 36px;
  }
}

@media (max-width: 991px) {
  #bx-soa-pickup {
    margin-bottom: 32px;
    .bx-soa-pickup-list.main {
      gap: 8px;
    }
    .bx-soa-pickup-list-item {
      padding: 16px;
      .bx-soa-pickup-l-item-adress {
        align-items: start;
        flex-direction: column;
        gap: 8px;
        font-size: 14px;
      }
      .bx-soa-pickup-l-item-detail {
        .bx-soa-pickup-l-item-name {
          margin-bottom: 16px;
        }
        .bx-soa-pickup-l-item-desc {
          gap: 16px;
          .x2_j_pickup-label-box{
            font-size: 14px;
          }
        }
      }
    }
    .bx-soa-pickup-list-item.bx-selected {
      .bx-soa-pickup-l-item-detail {
        padding-top: 25px;
      }
    }
  }
}

/*08.05.26 самовывоз*/


/* task 11996 */

@media (min-width:768px) {
	.header__middle.fixed {
		position: fixed;
		width: 100%;
		z-index: 10;
		max-width: 1412px;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06), 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
		border-bottom-left-radius: 24px;
		border-bottom-right-radius: 24px;
		padding: 16px;
		/* height: 96px; */
		background-color: #fff;
		align-items: center;
    opacity: 1;
		transition: transform 0.3s ease, opacity 0.3s ease;
	}

  .header__middle.fixed.fixed-prep,
	.header__middle.fixed.fixed-leave {
		transform: translate(-50%, -100%);
		opacity: 0;
		pointer-events: none;
	}

	.header__middle.fixed.fixed-prep {
		transition: none;
	}

  .header__middle.fixed .header-panel__link {
    width: 32px;
    min-width: 32px;
    height: 32px;
  }

	.header__middle.fixed .logo {
		height: 48px;
	}

	.header__middle.fixed .logo img {
		height: 100%;
	}

	.header-panel__item.hide {
		display: none;
	}

	.header__middle.fixed .header-panel__item.hide {
		display: block;
	}

	.header__middle.fixed .header-panel {
		margin-left: 80px;
	}
	.header__mobile {
		display: none;
	}
}
@media (max-width:991px) {
  .header__middle.fixed .header__middle-right {
    padding-top: 12px;
  }
  .header__middle.fixed .header-panel {
    margin-left: auto;
  }
  .header__middle.fixed .header-informer {
    margin: 0 !important;
  }
  .header__middle.fixed .header-callback {
    margin-top: 0 !important;
  }
}
@media (min-width:1051px) {
  .header__middle.fixed {
    padding: 16px 28px;
    height: 96px;
  }
  .header__middle.fixed .header-panel__link {
    width: 44px;
    min-width: 44px;
    height: 44px;
  }
}
@media (max-width:767px) {
	.header__mobile {
		position: fixed;
		display: none;
		/* display: none !important; */
		align-items: center;
		justify-content: center;
		gap: 14px;
		padding: 10px 16px;
		border-radius: 50px;
		background-color: #fff;
		box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06),
		0px 0px 4px 0px rgba(0, 0, 0, 0.04);
		z-index: 10;
		left:16px;
		right:16px;
		bottom: 16px;
		/* bottom: 92px; */
	}
	.header__mobile.active {
		display: flex;
	}
	.header__mobile .header-panel__item {
		margin: 0;
	}
	jdiv>jdiv> jdiv[class*="wrap__"].up {
		bottom: 80px !important;
	}
}
/* end task 11996 */


/* task 12483 */
.content:has(.box-share .show) {
  z-index: 203;
}
#pickUpMap {
  height: 476px !important;
}
@media (max-width: 991px) {
  #pickUpMap {
    height: 350px !important;
  }
}
/* end task 12483 */
/* task 12567 */
.content:has(.modal.show.basket-share-detail) {
  z-index: 203;
}
/* end task 12567 */

/* task 12916 */
.product-card:hover .apricot,
.product-card:hover .apricot-jelly,
.product-card:hover .yellow-stone,
.product-card:hover .yellow-stone-fruits {
  background-color: #F4962A !important;
  color: #000 !important;
}

.product-card:hover .alcoholic-notes {
  background-color: #7A2838 !important;
  color: #fff !important;
}

.product-card:hover .pineapple {
  background-color: #F4D020 !important;
  color: #000 !important;
}

.product-card:hover .orange {
  background-color: #FF8000 !important;
  color: #000 !important;
}

.product-card:hover .red-orange {
  background-color: #D94020 !important;
  color: #fff !important;
}

.product-card:hover .peanuts {
  background-color: #C49A55 !important;
  color: #000 !important;
}

.product-card:hover .banana {
  background-color: #F8E020 !important;
  color: #000 !important;
}

.product-card:hover .barberry {
  background-color: #C03030 !important;
  color: #fff !important;
}

.product-card:hover .white-wine,
.product-card:hover .dry-white-wine {
  background-color: #D4C870 !important;
  color: #000 !important;
}

.product-card:hover .white-peach {
  background-color: #FFD0A8 !important;
  color: #000 !important;
}

.product-card:hover .white-chocolate {
  background-color: #F8ECC8 !important;
  color: #000 !important;
}

.product-card:hover .belgian-cocoa {
  background-color: #4A2308 !important;
  color: #fff !important;
}

.product-card:hover .belgian-dark-chocolate,
.product-card:hover .dark-chocolate {
  background-color: #2A1000 !important;
  color: #fff !important;
}

.product-card:hover .bergamot,
.product-card:hover .applesauce {
  background-color: #A8C040 !important;
  color: #000 !important;
}

.product-card:hover .brazil-nut {
  background-color: #C4A060 !important;
  color: #000 !important;
}

.product-card:hover .brownie {
  background-color: #5A2A0A !important;
  color: #fff !important;
}

.product-card:hover .lingonberries {
  background-color: #B83040 !important;
  color: #fff !important;
}

.product-card:hover .lingonberry-jelly {
  background-color: #A02030 !important;
  color: #fff !important;
}

.product-card:hover .sinabon-buns {
  background-color: #C08040 !important;
  color: #000 !important;
}

.product-card:hover .bourbon {
  background-color: #7A2030 !important;
  color: #fff !important;
}

.product-card:hover .vanilla {
  background-color: #F8E8B0 !important;
  color: #000 !important;
}

.product-card:hover .wine-notes {
  background-color: #7A1820 !important;
  color: #fff !important;
}

.product-card:hover .grapes {
  background-color: #7B3F6E !important;
  color: #fff !important;
}

.product-card:hover .red-grapes,
.product-card:hover .red-grape {
  background-color: #9A2040 !important;
  color: #fff !important;
}

.product-card:hover .dark-grapes,
.product-card:hover .dark-grape {
  background-color: #5A1860 !important;
  color: #fff !important;
}

.product-card:hover .cherry-jelly {
  background-color: #9A0020 !important;
  color: #fff !important;
}

.product-card:hover .cherry-jam {
  background-color: #7A0018 !important;
  color: #fff !important;
}

.product-card:hover .cherry-lollipop {
  background-color: #CC2040 !important;
  color: #fff !important;
}

.product-card:hover .cherry-liqueur,
.product-card:hover .port-wine {
  background-color: #6B001A !important;
  color: #fff !important;
}

.product-card:hover .cherry-syrup {
  background-color: #8B0020 !important;
  color: #fff !important;
}

.product-card:hover .cherries,
.product-card:hover .garden-cherry,
.product-card:hover .ripe-cherries,
.product-card:hover .garden-cherries {
  background-color: #8B0000 !important;
  color: #fff !important;
}

.product-card:hover .chocolate-covered-cherries {
  background-color: #5A0020 !important;
  color: #fff !important;
}

.product-card:hover .baking,
.product-card:hover .sweet-pastries {
  background-color: #D4A060 !important;
  color: #000 !important;
}

.product-card:hover .baked-goods-with-jam,
.product-card:hover .apple-pie {
  background-color: #C89050 !important;
  color: #000 !important;
}

.product-card:hover .dried-strawberries {
  background-color: #A83040 !important;
  color: #fff !important;
}

.product-card:hover .sun-dried-tomatoes {
  background-color: #A03020 !important;
  color: #fff !important;
}

.product-card:hover .carnation {
  background-color: #5C2A00 !important;
  color: #fff !important;
}

.product-card:hover .hibiscus {
  background-color: #C82855 !important;
  color: #fff !important;
}

.product-card:hover .blueberries {
  background-color: #6070B8 !important;
  color: #fff !important;
}

.product-card:hover .\31 00\%-dark-chocolate {
  background-color: #1A0800 !important;
  color: #fff !important;
}

.product-card:hover .pomegranate {
  background-color: #8B1020 !important;
  color: #fff !important;
}

.product-card:hover .grapefruit,
.product-card:hover .grapefruit-marmalade,
.product-card:hover .ripe-grapefruit {
  background-color: #E8724A !important;
  color: #000 !important;
}

.product-card:hover .walnut {
  background-color: #7A4820 !important;
  color: #fff !important;
}

.product-card:hover .roasted-nuts {
  background-color: #A07020 !important;
  color: #fff !important;
}

.product-card:hover .pear-cider {
  background-color: #C8B040 !important;
  color: #000 !important;
}

.product-card:hover .delicate-spices {
  background-color: #C07848 !important;
  color: #000 !important;
}

.product-card:hover .dessert-cream {
  background-color: #F0D8A0 !important;
  color: #000 !important;
}

.product-card:hover .homemade-caramel {
  background-color: #B87820 !important;
  color: #000 !important;
}

.product-card:hover .melons {
  background-color: #F4C050 !important;
  color: #000 !important;
}

.product-card:hover .blackberries {
  background-color: #3C1A5A !important;
  color: #fff !important;
}

.product-card:hover .roasted-peanuts {
  background-color: #9A7030 !important;
  color: #fff !important;
}

.product-card:hover .roasted-walnuts {
  background-color: #6A3818 !important;
  color: #fff !important;
}

.product-card:hover .roasted-cashews {
  background-color: #B87A40 !important;
  color: #000 !important;
}

.product-card:hover .roasted-hazelnuts,
.product-card:hover .roasted-hazelnut,
.product-card:hover .roast-hazelnuts {
  background-color: #7A4A28 !important;
  color: #fff !important;
}

.product-card:hover .roasted-almonds,
.product-card:hover .roasted-almond {
  background-color: #A87840 !important;
  color: #fff !important;
}

.product-card:hover .jasmine {
  background-color: #F8EEB0 !important;
  color: #000 !important;
}

.product-card:hover .redcurrant-jelly,
.product-card:hover .blackcurrant-jam {
  background-color: #C03040 !important;
  color: #fff !important;
}

.product-card:hover .red-berry-jelly {
  background-color: #B82030 !important;
  color: #fff !important;
}

.product-card:hover .blackcurrant-elly,
.product-card:hover .black-currant,
.product-card:hover .blackcurrants-jam {
  background-color: #3A0850 !important;
  color: #fff !important;
}

.product-card:hover .yellow-cherry {
  background-color: #E8B020 !important;
  color: #000 !important;
}

.product-card:hover .yellow-apple,
.product-card:hover .yellow-apples {
  background-color: #D8C820 !important;
  color: #000 !important;
}

.product-card:hover .green-apple,
.product-card:hover .green-apples {
  background-color: #6AB020 !important;
  color: #000 !important;
}

.product-card:hover .green-grapes {
  background-color: #90B840 !important;
  color: #000 !important;
}

.product-card:hover .green-gooseberries,
.product-card:hover .gooseberries {
  background-color: #7AB030 !important;
  color: #000 !important;
}

.product-card:hover .green-tea {
  background-color: #7AB040 !important;
  color: #000 !important;
}

.product-card:hover .strawberry-jam {
  background-color: #D03040 !important;
  color: #fff !important;
}

.product-card:hover .raisins,
.product-card:hover .cardamom,
.product-card:hover .cinnamon {
  background-color: #8B4513 !important;
  color: #fff !important;
}

.product-card:hover .ginger,
.product-card:hover .gingers {
  background-color: #D4822A !important;
  color: #000 !important;
}

.product-card:hover .figs,
.product-card:hover .plums {
  background-color: #7030A0 !important;
  color: #fff !important;
}

.product-card:hover .yogurt {
  background-color: #F0EEE8 !important;
  color: #000 !important;
}

.product-card:hover .cocoa {
  background-color: #5C2D0A !important;
  color: #fff !important;
}

.product-card:hover .caramel {
  background-color: #C8922A !important;
  color: #000 !important;
}

.product-card:hover .duchess,
.product-card:hover .coriander {
  background-color: #C89A30 !important;
  color: #000 !important;
}

.product-card:hover .cashews,
.product-card:hover .butter-cookies {
  background-color: #D4A870 !important;
  color: #000 !important;
}

.product-card:hover .kiwi {
  background-color: #74B72E !important;
  color: #000 !important;
}

.product-card:hover .dogwood {
  background-color: #B83030 !important;
  color: #fff !important;
}

.product-card:hover .maple-syrup {
  background-color: #A05020 !important;
  color: #fff !important;
}

.product-card:hover .strawberries {
  background-color: #E00030 !important;
  color: #fff !important;
}

.product-card:hover .strawberries-jam {
  background-color: #C00020 !important;
  color: #fff !important;
}

.product-card:hover .cranberries,
.product-card:hover .ripe-cranberries {
  background-color: #B81828 !important;
  color: #fff !important;
}

.product-card:hover .cranberry-jam,
.product-card:hover .red-cherries {
  background-color: #A01020 !important;
  color: #fff !important;
}

.product-card:hover .coconut {
  background-color: #E0D4C0 !important;
  color: #000 !important;
}

.product-card:hover .chocolate-covered-prunes {
  background-color: #3A1040 !important;
  color: #fff !important;
}

.product-card:hover .apricot-kernels,
.product-card:hover .apricots-kernels {
  background-color: #C07830 !important;
  color: #000 !important;
}

.product-card:hover .red-plum,
.product-card:hover .red-plums,
.product-card:hover .ripe-red-plums {
  background-color: #9A1040 !important;
  color: #fff !important;
}

.product-card:hover .red-currants {
  background-color: #C83040 !important;
  color: #fff !important;
}

.product-card:hover .red-wine,
.product-card:hover .dry-red-wine {
  background-color: #7A1020 !important;
  color: #fff !important;
}

.product-card:hover .red-apple {
  background-color: #C82020 !important;
  color: #fff !important;
}

.product-card:hover .red-garden-berries,
.product-card:hover .red-berries,
.product-card:hover .sweet-red-berries,
.product-card:hover .red-berry {
  background-color: #C82030 !important;
  color: #fff !important;
}

.product-card:hover .creamy-cocoa-candy {
  background-color: #7A4A20 !important;
  color: #fff !important;
}

.product-card:hover .dried-apricots {
  background-color: #E08030 !important;
  color: #000 !important;
}

.product-card:hover .lime {
  background-color: #5CB85C !important;
  color: #000 !important;
}

.product-card:hover .lime-pie {
  background-color: #6BBF59 !important;
  color: #000 !important;
}

.product-card:hover .light-alcoholic-notes {
  background-color: #9A4848 !important;
  color: #fff !important;
}

.product-card:hover .lemongrass {
  background-color: #C8D060 !important;
  color: #000 !important;
}

.product-card:hover .lemon {
  background-color: #F5D000 !important;
  color: #000 !important;
}

.product-card:hover .lemon-caramel {
  background-color: #E8C428 !important;
  color: #000 !important;
}

.product-card:hover .lemon-cake {
  background-color: #E8C830 !important;
  color: #000 !important;
}

.product-card:hover .lemon-drop {
  background-color: #FFE800 !important;
  color: #000 !important;
}

.product-card:hover .lemon-tart {
  background-color: #F5E050 !important;
  color: #000 !important;
}

.product-card:hover .candied-lemon {
  background-color: #F0D840 !important;
  color: #000 !important;
}

.product-card:hover .macadamia-nuts,
.product-card:hover .macadamia-nut {
  background-color: #D4B880 !important;
  color: #000 !important;
}

.product-card:hover .raspberries,
.product-card:hover .red-raspberries {
  background-color: #CC0044 !important;
  color: #fff !important;
}

.product-card:hover .mango,
.product-card:hover .mango-puree {
  background-color: #FFB020 !important;
  color: #000 !important;
}

.product-card:hover .tangerine {
  background-color: #F47820 !important;
  color: #000 !important;
}

.product-card:hover .passion-fruit {
  background-color: #E08010 !important;
  color: #000 !important;
}

.product-card:hover .marzipan {
  background-color: #F8E8A0 !important;
  color: #000 !important;
}

.product-card:hover .honey {
  background-color: #D4A020 !important;
  color: #000 !important;
}

.product-card:hover .molasses {
  background-color: #4A2000 !important;
  color: #fff !important;
}

.product-card:hover .almonds {
  background-color: #D2A679 !important;
  color: #000 !important;
}

.product-card:hover .milk-chocolate,
.product-card:hover .milk-chocolates,
.product-card:hover .hazelnuts {
  background-color: #8B5E3C !important;
  color: #fff !important;
}

.product-card:hover .nutmeg {
  background-color: #8B6040 !important;
  color: #fff !important;
}

.product-card:hover .muscovado {
  background-color: #5A2A00 !important;
  color: #fff !important;
}

.product-card:hover .nectarine {
  background-color: #FF6A40 !important;
  color: #000 !important;
}

.product-card:hover .notes-of-strong-alcohol {
  background-color: #6B2737 !important;
  color: #fff !important;
}

.product-card:hover .nougat,
.product-card:hover .creamy-nougat {
  background-color: #E8CCA0 !important;
  color: #000 !important;
}

.product-card:hover .nutella {
  background-color: #4A2208 !important;
  color: #fff !important;
}

.product-card:hover .sea-buckthorn {
  background-color: #E88020 !important;
  color: #000 !important;
}

.product-card:hover .pecan-nuts,
.product-card:hover .pecans {
  background-color: #9A6030 !important;
  color: #fff !important;
}

.product-card:hover .honeydew-honey {
  background-color: #B07818 !important;
  color: #fff !important;
}

.product-card:hover .pepper {
  background-color: #3A1A10 !important;
  color: #fff !important;
}

.product-card:hover .peach {
  background-color: #FFB07A !important;
  color: #000 !important;
}

.product-card:hover .peach-jam {
  background-color: #F09060 !important;
  color: #000 !important;
}

.product-card:hover .pomelo {
  background-color: #C8C840 !important;
  color: #000 !important;
}

.product-card:hover .praline {
  background-color: #9A6018 !important;
  color: #fff !important;
}

.product-card:hover .spiced-orange {
  background-color: #D46A20 !important;
  color: #000 !important;
}

.product-card:hover .drunken-cherries {
  background-color: #6B0010 !important;
  color: #fff !important;
}

.product-card:hover .rye-baked-goods {
  background-color: #8A6030 !important;
  color: #fff !important;
}

.product-card:hover .roses {
  background-color: #E8608A !important;
  color: #000 !important;
}

.product-card:hover .pink-grapefruit {
  background-color: #E87090 !important;
  color: #000 !important;
}

.product-card:hover .rum {
  background-color: #8B4010 !important;
  color: #fff !important;
}

.product-card:hover .cider,
.product-card:hover .apple-cider {
  background-color: #C09030 !important;
  color: #000 !important;
}

.product-card:hover .sweet-cinnamon-pastries {
  background-color: #B07830 !important;
  color: #000 !important;
}

.product-card:hover .sweet-dried-fruits,
.product-card:hover .dried-fruits {
  background-color: #9A6028 !important;
  color: #fff !important;
}

.product-card:hover .sweet-tropical-fruits,
.product-card:hover .tropical-fruits {
  background-color: #FF8C00 !important;
  color: #000 !important;
}

.product-card:hover .sweet-roasted-hazelnuts {
  background-color: #8A5A30 !important;
  color: #fff !important;
}

.product-card:hover .sweet-cream-liqueur {
  background-color: #D4A850 !important;
  color: #000 !important;
}

.product-card:hover .sweet-tomato-and-hibiscus {
  background-color: #D04050 !important;
  color: #fff !important;
}

.product-card:hover .dark-plums,
.product-card:hover .dark-plum {
  background-color: #5A1060 !important;
  color: #fff !important;
}

.product-card:hover .dark-berries,
.product-card:hover .tea-with-bergamot,
.product-card:hover .earl-grey-tea {
  background-color: #5A1040 !important;
  color: #fff !important;
}

.product-card:hover .dark-cocoa,
.product-card:hover .chocolate-candy-with-liqueur,
.product-card:hover .chocolate-liqueur {
  background-color: #3A1808 !important;
  color: #fff !important;
}

.product-card:hover .dark-rum {
  background-color: #5A2808 !important;
  color: #fff !important;
}

.product-card:hover .dark-chocolates,
.product-card:hover .dark-choco {
  background-color: #3D1A0A !important;
  color: #fff !important;
}

.product-card:hover .tomato {
  background-color: #C83020 !important;
  color: #fff !important;
}

.product-card:hover .date {
  background-color: #7A4018 !important;
  color: #fff !important;
}

.product-card:hover .fruit-wine {
  background-color: #9A3050 !important;
  color: #fff !important;
}

.product-card:hover .sherry {
  background-color: #8B5020 !important;
  color: #fff !important;
}

.product-card:hover .floral-notes {
  background-color: #F2A7BB !important;
  color: #000 !important;
}

.product-card:hover .flower-honey {
  background-color: #E8C050 !important;
  color: #000 !important;
}

.product-card:hover .citrus,
.product-card:hover .citrus-marmalade,
.product-card:hover .citrus-fruits {
  background-color: #F7A800 !important;
  color: #000 !important;
}

.product-card:hover .citrus-liqueur {
  background-color: #F09010 !important;
  color: #000 !important;
}

.product-card:hover .jasmine-tea {
  background-color: #C8D8A0 !important;
  color: #000 !important;
}

.product-card:hover .merry {
  background-color: #C01020 !important;
  color: #fff !important;
}

.product-card:hover .bilberries,
.product-card:hover .bilberry-jam {
  background-color: #4A3080 !important;
  color: #fff !important;
}

.product-card:hover .dried-bilberries {
  background-color: #3D2870 !important;
  color: #fff !important;
}

.product-card:hover .bilberry-yogurt {
  background-color: #7060B0 !important;
  color: #fff !important;
}

.product-card:hover .prunes {
  background-color: #4A1A5A !important;
  color: #fff !important;
}

.product-card:hover .black-grapes {
  background-color: #3A1050 !important;
  color: #fff !important;
}

.product-card:hover .black-pepper {
  background-color: #2A1010 !important;
  color: #fff !important;
}

.product-card:hover .black-tea {
  background-color: #4A2810 !important;
  color: #fff !important;
}

.product-card:hover .rose-hips {
  background-color: #D04030 !important;
  color: #fff !important;
}

.product-card:hover .chocolate {
  background-color: #4A2010 !important;
  color: #fff !important;
}

.product-card:hover .chocolate-chip-cookies {
  background-color: #6B3A1A !important;
  color: #fff !important;
}

.product-card:hover .chocolate-oreo-cookies {
  background-color: #1A0A04 !important;
  color: #fff !important;
}

.product-card:hover .apples {
  background-color: #80B030 !important;
  color: #000 !important;
}

.product-card:hover .berry-jam {
  background-color: #A01828 !important;
  color: #fff !important;
}

.product-card:hover .berry-liqueur {
  background-color: #901020 !important;
  color: #fff !important;
}
/* end task 12916 */
/* task 14141 */
.products-page-section .box-info__desc span.apricot {
  color: var(--black);
  background-color: #F4962A;
}
.products-page-section .box-info__desc span.apricot-jelly {
  color: var(--black);
  background-color: #F4962A;
}
.products-page-section .box-info__desc span.alcoholic-notes {
  color: var(--white);
  background-color: #7A2838;
}
.products-page-section .box-info__desc span.pineapple {
  color: var(--black);
  background-color: #F4D020;
}
.products-page-section .box-info__desc span.orange {
  color: var(--black);
  background-color: #FF8000;
}
.products-page-section .box-info__desc span.red-orange {
  color: var(--black);
  background-color: #D94020;
}
.products-page-section .box-info__desc span.peanuts {
  color: var(--black);
  background-color: #C49A55;
}
.products-page-section .box-info__desc span.banana {
  color: var(--black);
  background-color: #F8E020;
}
.products-page-section .box-info__desc span.barberry {
  color: var(--white);
  background-color: #C03030;
}
.products-page-section .box-info__desc span.white-wine {
  color: var(--black);
  background-color: #D4C870;
}
.products-page-section .box-info__desc span.white-peach {
  color: var(--black);
  background-color: #FFD0A8;
}
.products-page-section .box-info__desc span.white-chocolate {
  color: var(--black);
  background-color: #F8ECC8;
}
.products-page-section .box-info__desc span.belgian-cocoa {
  color: var(--white);
  background-color: #4A2308;
}
.products-page-section .box-info__desc span.belgian-dark-chocolate {
  color: var(--white);
  background-color: #2A1000;
}
.products-page-section .box-info__desc span.bergamot {
  color: var(--black);
  background-color: #A8C040;
}
.products-page-section .box-info__desc span.brazil-nut {
  color: var(--black);
  background-color: #C4A060;
}
.products-page-section .box-info__desc span.brownie {
  color: var(--white);
  background-color: #5A2A0A;
}
.products-page-section .box-info__desc span.lingonberries {
  color: var(--white);
  background-color: #B83040;
}
.products-page-section .box-info__desc span.lingonberry-jelly {
  color: var(--white);
  background-color: #A02030;
}
.products-page-section .box-info__desc span.sinabon-buns {
  color: var(--black);
  background-color: #C08040;
}
.products-page-section .box-info__desc span.bourbon {
  color: var(--white);
  background-color: #7A2030;
}
.products-page-section .box-info__desc span.vanilla {
  color: var(--black);
  background-color: #F8E8B0;
}
.products-page-section .box-info__desc span.wine-notes {
  color: var(--white);
  background-color: #7A1820;
}
.products-page-section .box-info__desc span.grapes {
  color: var(--white);
  background-color: #7B3F6E;
}
.products-page-section .box-info__desc span.red-grapes {
  color: var(--white);
  background-color: #9A2040;
}
.products-page-section .box-info__desc span.dark-grapes {
  color: var(--white);
  background-color: #5A1860;
}
.products-page-section .box-info__desc span.cherry-jelly {
  color: var(--white);
  background-color: #9A0020;
}
.products-page-section .box-info__desc span.cherry-jam {
  color: var(--white);
  background-color: #7A0018;
}
.products-page-section .box-info__desc span.cherry-lollipop {
  color: var(--white);
  background-color: #CC2040;
}
.products-page-section .box-info__desc span.cherry-liqueur {
  color: var(--white);
  background-color: #6B001A;
}
.products-page-section .box-info__desc span.cherry-syrup {
  color: var(--white);
  background-color: #8B0020;
}
.products-page-section .box-info__desc span.cherries {
  color: var(--white);
  background-color: #8B0000;
}
.products-page-section .box-info__desc span.chocolate-covered-cherries {
  color: var(--white);
  background-color: #5A0020;
}
.products-page-section .box-info__desc span.garden-cherry {
  color: var(--white);
  background-color: #8B0000;
}
.products-page-section .box-info__desc span.baking {
  color: var(--black);
  background-color: #D4A060;
}
.products-page-section .box-info__desc span.baked-goods-with-jam {
  color: var(--black);
  background-color: #C89050;
}
.products-page-section .box-info__desc span.dried-strawberries {
  color: var(--white);
  background-color: #A83040;
}
.products-page-section .box-info__desc span.sun-dried-tomatoes {
  color: var(--white);
  background-color: #A03020;
}
.products-page-section .box-info__desc span.carnation {
  color: var(--white);
  background-color: #5C2A00;
}
.products-page-section .box-info__desc span.hibiscus {
  color: var(--white);
  background-color: #C82855;
}
.products-page-section .box-info__desc span.blueberries {
  color: var(--white);
  background-color: #6070B8;
}
.products-page-section .box-info__desc span.\31 00\%-dark-chocolate {
  color: var(--white);
  background-color: #1A0800;
}
.products-page-section .box-info__desc span.dark-chocolate {
  color: var(--white);
  background-color: #2A1000;
}
.products-page-section .box-info__desc span.pomegranate {
  color: var(--white);
  background-color: #8B1020;
}
.products-page-section .box-info__desc span.grapefruit {
  color: var(--black);
  background-color: #E8724A;
}
.products-page-section .box-info__desc span.grapefruit-marmalade {
  color: var(--black);
  background-color: #E8724A;
}
.products-page-section .box-info__desc span.walnut {
  color: var(--white);
  background-color: #7A4820;
}
.products-page-section .box-info__desc span.roasted-nuts {
  color: var(--black);
  background-color: #A07020;
}
.products-page-section .box-info__desc span.pear-cider {
  color: var(--black);
  background-color: #C8B040;
}
.products-page-section .box-info__desc span.delicate-spices {
  color: var(--black);
  background-color: #C07848;
}
.products-page-section .box-info__desc span.dessert-cream {
  color: var(--black);
  background-color: #F0D8A0;
}
.products-page-section .box-info__desc span.homemade-caramel {
  color: var(--black);
  background-color: #B87820;
}
.products-page-section .box-info__desc span.melons {
  color: var(--black);
  background-color: #F4C050;
}
.products-page-section .box-info__desc span.blackberries {
  color: var(--white);
  background-color: #3C1A5A;
}
.products-page-section .box-info__desc span.roasted-peanuts {
  color: var(--black);
  background-color: #9A7030;
}
.products-page-section .box-info__desc span.roasted-walnuts {
  color: var(--white);
  background-color: #6A3818;
}
.products-page-section .box-info__desc span.roasted-cashews {
  color: var(--black);
  background-color: #B87A40;
}
.products-page-section .box-info__desc span.roasted-hazelnuts {
  color: var(--white);
  background-color: #7A4A28;
}
.products-page-section .box-info__desc span.roasted-almonds {
  color: var(--black);
  background-color: #A87840;
}
.products-page-section .box-info__desc span.roasted-hazelnut {
  color: var(--white);
  background-color: #7A4A28;
}
.products-page-section .box-info__desc span.jasmine {
  color: var(--black);
  background-color: #F8EEB0;
}
.products-page-section .box-info__desc span.redcurrant-jelly {
  color: var(--white);
  background-color: #C03040;
}
.products-page-section .box-info__desc span.red-berry-jelly {
  color: var(--white);
  background-color: #B82030;
}
.products-page-section .box-info__desc span.blackcurrant-elly {
  color: var(--white);
  background-color: #3A0850;
}
.products-page-section .box-info__desc span.yellow-cherry {
  color: var(--black);
  background-color: #E8B020;
}
.products-page-section .box-info__desc span.yellow-apple {
  color: var(--black);
  background-color: #D8C820;
}
.products-page-section .box-info__desc span.yellow-stone {
  color: var(--black);
  background-color: #F4962A;
}
.products-page-section .box-info__desc span.yellow-stone-fruits {
  color: var(--black);
  background-color: #F4962A;
}
.products-page-section .box-info__desc span.green-apple {
  color: var(--black);
  background-color: #6AB020;
}
.products-page-section .box-info__desc span.green-grapes {
  color: var(--black);
  background-color: #90B840;
}
.products-page-section .box-info__desc span.green-gooseberries {
  color: var(--black);
  background-color: #7AB030;
}
.products-page-section .box-info__desc span.green-tea {
  color: var(--black);
  background-color: #7AB040;
}
.products-page-section .box-info__desc span.strawberry-jam {
  color: var(--white);
  background-color: #D03040;
}
.products-page-section .box-info__desc span.raisins {
  color: var(--white);
  background-color: #8B4513;
}
.products-page-section .box-info__desc span.ginger {
  color: var(--black);
  background-color: #D4822A;
}
.products-page-section .box-info__desc span.gingers {
  color: var(--black);
  background-color: #D4822A;
}
.products-page-section .box-info__desc span.figs {
  color: var(--white);
  background-color: #7030A0;
}
.products-page-section .box-info__desc span.yogurt {
  color: var(--black);
  background-color: #F0EEE8;
}
.products-page-section .box-info__desc span.cocoa {
  color: var(--white);
  background-color: #5C2D0A;
}
.products-page-section .box-info__desc span.caramel {
  color: var(--black);
  background-color: #C8922A;
}
.products-page-section .box-info__desc span.duchess {
  color: var(--black);
  background-color: #C89A30;
}
.products-page-section .box-info__desc span.cardamom {
  color: var(--white);
  background-color: #8B4513;
}
.products-page-section .box-info__desc span.cashews {
  color: var(--black);
  background-color: #D4A870;
}
.products-page-section .box-info__desc span.kiwi {
  color: var(--black);
  background-color: #74B72E;
}
.products-page-section .box-info__desc span.dogwood {
  color: var(--white);
  background-color: #B83030;
}
.products-page-section .box-info__desc span.maple-syrup {
  color: var(--white);
  background-color: #A05020;
}
.products-page-section .box-info__desc span.strawberries {
  color: var(--white);
  background-color: #E00030;
}
.products-page-section .box-info__desc span.strawberries-jam {
  color: var(--white);
  background-color: #C00020;
}
.products-page-section .box-info__desc span.cranberries {
  color: var(--white);
  background-color: #B81828;
}
.products-page-section .box-info__desc span.cranberry-jam {
  color: var(--white);
  background-color: #A01020;
}
.products-page-section .box-info__desc span.coconut {
  color: var(--black);
  background-color: #E0D4C0;
}
.products-page-section .box-info__desc span.chocolate-covered-prunes {
  color: var(--white);
  background-color: #3A1040;
}
.products-page-section .box-info__desc span.coriander {
  color: var(--black);
  background-color: #C89A30;
}
.products-page-section .box-info__desc span.cinnamon {
  color: var(--white);
  background-color: #8B4513;
}
.products-page-section .box-info__desc span.apricot-kernels {
  color: var(--black);
  background-color: #C07830;
}
.products-page-section .box-info__desc span.red-cherries {
  color: var(--white);
  background-color: #A01020;
}
.products-page-section .box-info__desc span.red-plum {
  color: var(--white);
  background-color: #9A1040;
}
.products-page-section .box-info__desc span.red-currants {
  color: var(--white);
  background-color: #C83040;
}
.products-page-section .box-info__desc span.red-wine {
  color: var(--white);
  background-color: #7A1020;
}
.products-page-section .box-info__desc span.red-apple {
  color: var(--white);
  background-color: #C82020;
}
.products-page-section .box-info__desc span.blackcurrant-jam {
  color: var(--white);
  background-color: #C03040;
}
.products-page-section .box-info__desc span.red-garden-berries {
  color: var(--white);
  background-color: #C82030;
}
.products-page-section .box-info__desc span.red-berries {
  color: var(--white);
  background-color: #C82030;
}
.products-page-section .box-info__desc span.red-grape {
  color: var(--white);
  background-color: #9A2040;
}
.products-page-section .box-info__desc span.creamy-cocoa-candy {
  color: var(--white);
  background-color: #7A4A20;
}
.products-page-section .box-info__desc span.gooseberries {
  color: var(--black);
  background-color: #7AB030;
}
.products-page-section .box-info__desc span.dried-apricots {
  color: var(--black);
  background-color: #E08030;
}
.products-page-section .box-info__desc span.lime {
  color: var(--black);
  background-color: #5CB85C;
}
.products-page-section .box-info__desc span.lime-pie {
  color: var(--black);
  background-color: #6BBF59;
}
.products-page-section .box-info__desc span.light-alcoholic-notes {
  color: var(--white);
  background-color: #9A4848;
}
.products-page-section .box-info__desc span.lemongrass {
  color: var(--black);
  background-color: #C8D060;
}
.products-page-section .box-info__desc span.lemon {
  color: var(--black);
  background-color: #F5D000;
}
.products-page-section .box-info__desc span.lemon-caramel {
  color: var(--black);
  background-color: #E8C428;
}
.products-page-section .box-info__desc span.lemon-cake {
  color: var(--black);
  background-color: #E8C830;
}
.products-page-section .box-info__desc span.lemon-drop {
  color: var(--black);
  background-color: #FFE800;
}
.products-page-section .box-info__desc span.lemon-tart {
  color: var(--black);
  background-color: #F5E050;
}
.products-page-section .box-info__desc span.candied-lemon {
  color: var(--black);
  background-color: #F0D840;
}
.products-page-section .box-info__desc span.macadamia-nuts {
  color: var(--black);
  background-color: #D4B880;
}
.products-page-section .box-info__desc span.raspberries {
  color: var(--white);
  background-color: #CC0044;
}
.products-page-section .box-info__desc span.red-raspberries {
  color: var(--white);
  background-color: #CC0044;
}
.products-page-section .box-info__desc span.mango {
  color: var(--black);
  background-color: #FFB020;
}
.products-page-section .box-info__desc span.mango-puree {
  color: var(--black);
  background-color: #FFB020;
}
.products-page-section .box-info__desc span.tangerine {
  color: var(--black);
  background-color: #F47820;
}
.products-page-section .box-info__desc span.passion-fruit {
  color: var(--black);
  background-color: #E08010;
}
.products-page-section .box-info__desc span.marzipan {
  color: var(--black);
  background-color: #F8E8A0;
}
.products-page-section .box-info__desc span.honey {
  color: var(--black);
  background-color: #D4A020;
}
.products-page-section .box-info__desc span.molasses {
  color: var(--white);
  background-color: #4A2000;
}
.products-page-section .box-info__desc span.almonds {
  color: var(--black);
  background-color: #D2A679;
}
.products-page-section .box-info__desc span.milk-chocolate {
  color: var(--white);
  background-color: #8B5E3C;
}
.products-page-section .box-info__desc span.nutmeg {
  color: var(--white);
  background-color: #8B6040;
}
.products-page-section .box-info__desc span.muscovado {
  color: var(--white);
  background-color: #5A2A00;
}
.products-page-section .box-info__desc span.nectarine {
  color: var(--black);
  background-color: #FF6A40;
}
.products-page-section .box-info__desc span.notes-of-strong-alcohol {
  color: var(--white);
  background-color: #6B2737;
}
.products-page-section .box-info__desc span.nougat {
  color: var(--black);
  background-color: #E8CCA0;
}
.products-page-section .box-info__desc span.nutella {
  color: var(--white);
  background-color: #4A2208;
}
.products-page-section .box-info__desc span.roasted-almond {
  color: var(--black);
  background-color: #A87840;
}
.products-page-section .box-info__desc span.roast-hazelnuts {
  color: var(--white);
  background-color: #7A4A28;
}
.products-page-section .box-info__desc span.sea-buckthorn {
  color: var(--black);
  background-color: #E88020;
}
.products-page-section .box-info__desc span.macadamia-nut {
  color: var(--black);
  background-color: #D4B880;
}
.products-page-section .box-info__desc span.pecan-nuts {
  color: var(--white);
  background-color: #9A6030;
}
.products-page-section .box-info__desc span.honeydew-honey {
  color: var(--black);
  background-color: #B07818;
}
.products-page-section .box-info__desc span.pecans {
  color: var(--white);
  background-color: #9A6030;
}
.products-page-section .box-info__desc span.pepper {
  color: var(--white);
  background-color: #3A1A10;
}
.products-page-section .box-info__desc span.peach {
  color: var(--black);
  background-color: #FFB07A;
}
.products-page-section .box-info__desc span.peach-jam {
  color: var(--black);
  background-color: #F09060;
}
.products-page-section .box-info__desc span.pomelo {
  color: var(--black);
  background-color: #C8C840;
}
.products-page-section .box-info__desc span.port-wine {
  color: var(--white);
  background-color: #6B001A;
}
.products-page-section .box-info__desc span.praline {
  color: var(--white);
  background-color: #9A6018;
}
.products-page-section .box-info__desc span.spiced-orange {
  color: var(--black);
  background-color: #D46A20;
}
.products-page-section .box-info__desc span.drunken-cherries {
  color: var(--white);
  background-color: #6B0010;
}
.products-page-section .box-info__desc span.rye-baked-goods {
  color: var(--white);
  background-color: #8A6030;
}
.products-page-section .box-info__desc span.roses {
  color: var(--black);
  background-color: #E8608A;
}
.products-page-section .box-info__desc span.pink-grapefruit {
  color: var(--black);
  background-color: #E87090;
}
.products-page-section .box-info__desc span.rum {
  color: var(--white);
  background-color: #8B4010;
}
.products-page-section .box-info__desc span.garden-cherries {
  color: var(--white);
  background-color: #8B0000;
}
.products-page-section .box-info__desc span.cider {
  color: var(--black);
  background-color: #C09030;
}
.products-page-section .box-info__desc span.sweet-pastries {
  color: var(--black);
  background-color: #D4A060;
}
.products-page-section .box-info__desc span.sweet-cinnamon-pastries {
  color: var(--black);
  background-color: #B07830;
}
.products-page-section .box-info__desc span.sweet-red-berries {
  color: var(--white);
  background-color: #C82030;
}
.products-page-section .box-info__desc span.sweet-dried-fruits {
  color: var(--white);
  background-color: #9A6028;
}
.products-page-section .box-info__desc span.sweet-tropical-fruits {
  color: var(--black);
  background-color: #FF8C00;
}
.products-page-section .box-info__desc span.sweet-roasted-hazelnuts {
  color: var(--white);
  background-color: #8A5A30;
}
.products-page-section .box-info__desc span.sweet-cream-liqueur {
  color: var(--black);
  background-color: #D4A850;
}
.products-page-section .box-info__desc span.sweet-tomato-and-hibiscus {
  color: var(--white);
  background-color: #D04050;
}
.products-page-section .box-info__desc span.plums {
  color: var(--white);
  background-color: #7030A0;
}
.products-page-section .box-info__desc span.red-plums {
  color: var(--white);
  background-color: #9A1040;
}
.products-page-section .box-info__desc span.dark-plums {
  color: var(--white);
  background-color: #5A1060;
}
.products-page-section .box-info__desc span.plum-wine {
  color: var(--white);
  background-color: #6A1860;
}
.products-page-section .box-info__desc span.creamy-caramel {
  color: var(--black);
  background-color: #D4A030;
}
.products-page-section .box-info__desc span.creamy-nougat {
  color: var(--black);
  background-color: #E8CCA0;
}
.products-page-section .box-info__desc span.butter-cookies {
  color: var(--black);
  background-color: #D4A870;
}
.products-page-section .box-info__desc span.cream-liqueur {
  color: var(--black);
  background-color: #D4A050;
}
.products-page-section .box-info__desc span.currant-leaf {
  color: var(--white);
  background-color: #3A8040;
}
.products-page-section .box-info__desc span.ripe-cherries {
  color: var(--white);
  background-color: #8B0000;
}
.products-page-section .box-info__desc span.ripe-cranberries {
  color: var(--white);
  background-color: #B81828;
}
.products-page-section .box-info__desc span.ripe-red-plums {
  color: var(--white);
  background-color: #9A1040;
}
.products-page-section .box-info__desc span.ripe-grapefruit {
  color: var(--black);
  background-color: #E8724A;
}
.products-page-section .box-info__desc span.spices {
  color: var(--white);
  background-color: #A0522D;
}
.products-page-section .box-info__desc span.dry-white-wine {
  color: var(--black);
  background-color: #D4C870;
}
.products-page-section .box-info__desc span.dry-red-wine {
  color: var(--white);
  background-color: #7A1020;
}
.products-page-section .box-info__desc span.dried-fruits {
  color: var(--white);
  background-color: #9A6028;
}
.products-page-section .box-info__desc span.dried-cherries {
  color: var(--white);
  background-color: #6A0818;
}
.products-page-section .box-info__desc span.dried-blueberries {
  color: var(--white);
  background-color: #3D2870;
}
.products-page-section .box-info__desc span.dried-apple {
  color: var(--white);
  background-color: #8C7028;
}
.products-page-section .box-info__desc span.dried-mango {
  color: var(--black);
  background-color: #E8A020;
}
.products-page-section .box-info__desc span.dried-green-apple {
  color: var(--black);
  background-color: #7A9828;
}
.products-page-section .box-info__desc span.dried-red-berries {
  color: var(--white);
  background-color: #9A2028;
}
.products-page-section .box-info__desc span.dried-mangoes {
  color: var(--black);
  background-color: #E8A020;
}
.products-page-section .box-info__desc span.dark-plum {
  color: var(--white);
  background-color: #5A1060;
}
.products-page-section .box-info__desc span.dark-berries {
  color: var(--white);
  background-color: #5A1040;
}
.products-page-section .box-info__desc span.dark-grape {
  color: var(--white);
  background-color: #5A1860;
}
.products-page-section .box-info__desc span.dark-cocoa {
  color: var(--white);
  background-color: #3A1808;
}
.products-page-section .box-info__desc span.dark-rum {
  color: var(--white);
  background-color: #5A2808;
}
.products-page-section .box-info__desc span.dark-chocolates {
  color: var(--white);
  background-color: #3D1A0A;
}
.products-page-section .box-info__desc span.tomato {
  color: var(--white);
  background-color: #C83020;
}
.products-page-section .box-info__desc span.tropical-fruits {
  color: var(--black);
  background-color: #FF8C00;
}
.products-page-section .box-info__desc span.date {
  color: var(--white);
  background-color: #7A4018;
}
.products-page-section .box-info__desc span.fruit-wine {
  color: var(--white);
  background-color: #9A3050;
}
.products-page-section .box-info__desc span.hazelnuts {
  color: var(--white);
  background-color: #8B5E3C;
}
.products-page-section .box-info__desc span.sherry {
  color: var(--white);
  background-color: #8B5020;
}
.products-page-section .box-info__desc span.floral-notes {
  color: var(--black);
  background-color: #F2A7BB;
}
.products-page-section .box-info__desc span.flower-honey {
  color: var(--black);
  background-color: #E8C050;
}
.products-page-section .box-info__desc span.citrus {
  color: var(--black);
  background-color: #F7A800;
}
.products-page-section .box-info__desc span.citrus-liqueur {
  color: var(--black);
  background-color: #F09010;
}
.products-page-section .box-info__desc span.citrus-marmalade {
  color: var(--black);
  background-color: #F7A800;
}
.products-page-section .box-info__desc span.citrus-fruits {
  color: var(--black);
  background-color: #F7A800;
}
.products-page-section .box-info__desc span.tea-with-bergamot {
  color: var(--white);
  background-color: #5A1040;
}
.products-page-section .box-info__desc span.jasmine-tea {
  color: var(--black);
  background-color: #C8D8A0;
}
.products-page-section .box-info__desc span.earl-grey-tea {
  color: var(--white);
  background-color: #5A1040;
}
.products-page-section .box-info__desc span.merry {
  color: var(--white);
  background-color: #C01020;
}
.products-page-section .box-info__desc span.black-currant {
  color: var(--white);
  background-color: #3A0850;
}
.products-page-section .box-info__desc span.bilberries {
  color: var(--white);
  background-color: #4A3080;
}
.products-page-section .box-info__desc span.dried-bilberries {
  color: var(--white);
  background-color: #3D2870;
}
.products-page-section .box-info__desc span.bilberry-jam {
  color: var(--white);
  background-color: #4A3080;
}
.products-page-section .box-info__desc span.bilberry-yogurt {
  color: var(--white);
  background-color: #7060B0;
}
.products-page-section .box-info__desc span.prunes {
  color: var(--white);
  background-color: #4A1A5A;
}
.products-page-section .box-info__desc span.blackcurrants-jam {
  color: var(--white);
  background-color: #3A0850;
}
.products-page-section .box-info__desc span.black-grapes {
  color: var(--white);
  background-color: #3A1050;
}
.products-page-section .box-info__desc span.black-pepper {
  color: var(--white);
  background-color: #2A1010;
}
.products-page-section .box-info__desc span.black-tea {
  color: var(--white);
  background-color: #4A2810;
}
.products-page-section .box-info__desc span.rose-hips {
  color: var(--white);
  background-color: #D04030;
}
.products-page-section .box-info__desc span.chocolate {
  color: var(--white);
  background-color: #4A2010;
}
.products-page-section .box-info__desc span.milk-chocolates {
  color: var(--white);
  background-color: #8B5E3C;
}
.products-page-section .box-info__desc span.dark-choco {
  color: var(--white);
  background-color: #3D1A0A;
}
.products-page-section .box-info__desc span.chocolate-candy-with-liqueur {
  color: var(--white);
  background-color: #3A1808;
}
.products-page-section .box-info__desc span.chocolate-chip-cookies {
  color: var(--white);
  background-color: #6B3A1A;
}
.products-page-section .box-info__desc span.chocolate-oreo-cookies {
  color: var(--white);
  background-color: #1A0A04;
}
.products-page-section .box-info__desc span.chocolate-liqueur {
  color: var(--white);
  background-color: #3A1808;
}
.products-page-section .box-info__desc span.apples {
  color: var(--black);
  background-color: #80B030;
}
.products-page-section .box-info__desc span.yellow-apples {
  color: var(--black);
  background-color: #D8C820;
}
.products-page-section .box-info__desc span.green-apples {
  color: var(--black);
  background-color: #6AB020;
}
.products-page-section .box-info__desc span.applesauce {
  color: var(--black);
  background-color: #A8C040;
}
.products-page-section .box-info__desc span.apple-pie {
  color: var(--black);
  background-color: #C89050;
}
.products-page-section .box-info__desc span.apple-cider {
  color: var(--black);
  background-color: #C09030;
}
.products-page-section .box-info__desc span.berry-jam {
  color: var(--white);
  background-color: #A01828;
}
.products-page-section .box-info__desc span.berry-liqueur {
  color: var(--white);
  background-color: #901020;
}
.products-page-section .box-info__desc span.red-berry {
  color: var(--white);
  background-color: #C82030;
}
.products-page-section .box-info__desc span.apricots-kernels {
  color: var(--black);
  background-color: #C07830;
}
/* task 14141 */

/* task 14141 hover*/
.product-card:hover .product-card__announce span.apricot {
  color: var(--black);
  background-color: #F4962A;
}
.product-card:hover .product-card__announce span.apricot-jelly {
  color: var(--black);
  background-color: #F4962A;
}
.product-card:hover .product-card__announce span.alcoholic-notes {
  color: var(--white);
  background-color: #7A2838;
}
.product-card:hover .product-card__announce span.pineapple {
  color: var(--black);
  background-color: #F4D020;
}
.product-card:hover .product-card__announce span.orange {
  color: var(--black);
  background-color: #FF8000;
}
.product-card:hover .product-card__announce span.red-orange {
  color: var(--black);
  background-color: #D94020;
}
.product-card:hover .product-card__announce span.peanuts {
  color: var(--black);
  background-color: #C49A55;
}
.product-card:hover .product-card__announce span.banana {
  color: var(--black);
  background-color: #F8E020;
}
.product-card:hover .product-card__announce span.barberry {
  color: var(--white);
  background-color: #C03030;
}
.product-card:hover .product-card__announce span.white-wine {
  color: var(--black);
  background-color: #D4C870;
}
.product-card:hover .product-card__announce span.white-peach {
  color: var(--black);
  background-color: #FFD0A8;
}
.product-card:hover .product-card__announce span.white-chocolate {
  color: var(--black);
  background-color: #F8ECC8;
}
.product-card:hover .product-card__announce span.belgian-cocoa {
  color: var(--white);
  background-color: #4A2308;
}
.product-card:hover .product-card__announce span.belgian-dark-chocolate {
  color: var(--white);
  background-color: #2A1000;
}
.product-card:hover .product-card__announce span.bergamot {
  color: var(--black);
  background-color: #A8C040;
}
.product-card:hover .product-card__announce span.brazil-nut {
  color: var(--black);
  background-color: #C4A060;
}
.product-card:hover .product-card__announce span.brownie {
  color: var(--white);
  background-color: #5A2A0A;
}
.product-card:hover .product-card__announce span.lingonberries {
  color: var(--white);
  background-color: #B83040;
}
.product-card:hover .product-card__announce span.lingonberry-jelly {
  color: var(--white);
  background-color: #A02030;
}
.product-card:hover .product-card__announce span.sinabon-buns {
  color: var(--black);
  background-color: #C08040;
}
.product-card:hover .product-card__announce span.bourbon {
  color: var(--white);
  background-color: #7A2030;
}
.product-card:hover .product-card__announce span.vanilla {
  color: var(--black);
  background-color: #F8E8B0;
}
.product-card:hover .product-card__announce span.wine-notes {
  color: var(--white);
  background-color: #7A1820;
}
.product-card:hover .product-card__announce span.grapes {
  color: var(--white);
  background-color: #7B3F6E;
}
.product-card:hover .product-card__announce span.red-grapes {
  color: var(--white);
  background-color: #9A2040;
}
.product-card:hover .product-card__announce span.dark-grapes {
  color: var(--white);
  background-color: #5A1860;
}
.product-card:hover .product-card__announce span.cherry-jelly {
  color: var(--white);
  background-color: #9A0020;
}
.product-card:hover .product-card__announce span.cherry-jam {
  color: var(--white);
  background-color: #7A0018;
}
.product-card:hover .product-card__announce span.cherry-lollipop {
  color: var(--white);
  background-color: #CC2040;
}
.product-card:hover .product-card__announce span.cherry-liqueur {
  color: var(--white);
  background-color: #6B001A;
}
.product-card:hover .product-card__announce span.cherry-syrup {
  color: var(--white);
  background-color: #8B0020;
}
.product-card:hover .product-card__announce span.cherries {
  color: var(--white);
  background-color: #8B0000;
}
.product-card:hover .product-card__announce span.chocolate-covered-cherries {
  color: var(--white);
  background-color: #5A0020;
}
.product-card:hover .product-card__announce span.garden-cherry {
  color: var(--white);
  background-color: #8B0000;
}
.product-card:hover .product-card__announce span.baking {
  color: var(--black);
  background-color: #D4A060;
}
.product-card:hover .product-card__announce span.baked-goods-with-jam {
  color: var(--black);
  background-color: #C89050;
}
.product-card:hover .product-card__announce span.dried-strawberries {
  color: var(--white);
  background-color: #A83040;
}
.product-card:hover .product-card__announce span.sun-dried-tomatoes {
  color: var(--white);
  background-color: #A03020;
}
.product-card:hover .product-card__announce span.carnation {
  color: var(--white);
  background-color: #5C2A00;
}
.product-card:hover .product-card__announce span.hibiscus {
  color: var(--white);
  background-color: #C82855;
}
.product-card:hover .product-card__announce span.blueberries {
  color: var(--white);
  background-color: #6070B8;
}
.product-card:hover .product-card__announce span.dark-chocolate {
  color: var(--white);
  background-color: #1A0800;
}
.product-card:hover .product-card__announce span.dark-chocolate {
  color: var(--white);
  background-color: #2A1000;
}
.product-card:hover .product-card__announce span.pomegranate {
  color: var(--white);
  background-color: #8B1020;
}
.product-card:hover .product-card__announce span.grapefruit {
  color: var(--black);
  background-color: #E8724A;
}
.product-card:hover .product-card__announce span.grapefruit-marmalade {
  color: var(--black);
  background-color: #E8724A;
}
.product-card:hover .product-card__announce span.walnut {
  color: var(--white);
  background-color: #7A4820;
}
.product-card:hover .product-card__announce span.roasted-nuts {
  color: var(--black);
  background-color: #A07020;
}
.product-card:hover .product-card__announce span.pear-cider {
  color: var(--black);
  background-color: #C8B040;
}
.product-card:hover .product-card__announce span.delicate-spices {
  color: var(--black);
  background-color: #C07848;
}
.product-card:hover .product-card__announce span.dessert-cream {
  color: var(--black);
  background-color: #F0D8A0;
}
.product-card:hover .product-card__announce span.homemade-caramel {
  color: var(--black);
  background-color: #B87820;
}
.product-card:hover .product-card__announce span.melons {
  color: var(--black);
  background-color: #F4C050;
}
.product-card:hover .product-card__announce span.blackberries {
  color: var(--white);
  background-color: #3C1A5A;
}
.product-card:hover .product-card__announce span.roasted-peanuts {
  color: var(--black);
  background-color: #9A7030;
}
.product-card:hover .product-card__announce span.roasted-walnuts {
  color: var(--white);
  background-color: #6A3818;
}
.product-card:hover .product-card__announce span.roasted-cashews {
  color: var(--black);
  background-color: #B87A40;
}
.product-card:hover .product-card__announce span.roasted-hazelnuts {
  color: var(--white);
  background-color: #7A4A28;
}
.product-card:hover .product-card__announce span.roasted-almonds {
  color: var(--black);
  background-color: #A87840;
}
.product-card:hover .product-card__announce span.roasted-hazelnut {
  color: var(--white);
  background-color: #7A4A28;
}
.product-card:hover .product-card__announce span.jasmine {
  color: var(--black);
  background-color: #F8EEB0;
}
.product-card:hover .product-card__announce span.redcurrant-jelly {
  color: var(--white);
  background-color: #C03040;
}
.product-card:hover .product-card__announce span.red-berry-jelly {
  color: var(--white);
  background-color: #B82030;
}
.product-card:hover .product-card__announce span.blackcurrant-elly {
  color: var(--white);
  background-color: #3A0850;
}
.product-card:hover .product-card__announce span.yellow-cherry {
  color: var(--black);
  background-color: #E8B020;
}
.product-card:hover .product-card__announce span.yellow-apple {
  color: var(--black);
  background-color: #D8C820;
}
.product-card:hover .product-card__announce span.yellow-stone {
  color: var(--black);
  background-color: #F4962A;
}
.product-card:hover .product-card__announce span.yellow-stone-fruits {
  color: var(--black);
  background-color: #F4962A;
}
.product-card:hover .product-card__announce span.green-apple {
  color: var(--black);
  background-color: #6AB020;
}
.product-card:hover .product-card__announce span.green-grapes {
  color: var(--black);
  background-color: #90B840;
}
.product-card:hover .product-card__announce span.green-gooseberries {
  color: var(--black);
  background-color: #7AB030;
}
.product-card:hover .product-card__announce span.green-tea {
  color: var(--black);
  background-color: #7AB040;
}
.product-card:hover .product-card__announce span.strawberry-jam {
  color: var(--white);
  background-color: #D03040;
}
.product-card:hover .product-card__announce span.raisins {
  color: var(--white);
  background-color: #8B4513;
}
.product-card:hover .product-card__announce span.ginger {
  color: var(--black);
  background-color: #D4822A;
}
.product-card:hover .product-card__announce span.gingers {
  color: var(--black);
  background-color: #D4822A;
}
.product-card:hover .product-card__announce span.figs {
  color: var(--white);
  background-color: #7030A0;
}
.product-card:hover .product-card__announce span.yogurt {
  color: var(--black);
  background-color: #F0EEE8;
}
.product-card:hover .product-card__announce span.cocoa {
  color: var(--white);
  background-color: #5C2D0A;
}
.product-card:hover .product-card__announce span.caramel {
  color: var(--black);
  background-color: #C8922A;
}
.product-card:hover .product-card__announce span.duchess {
  color: var(--black);
  background-color: #C89A30;
}
.product-card:hover .product-card__announce span.cardamom {
  color: var(--white);
  background-color: #8B4513;
}
.product-card:hover .product-card__announce span.cashews {
  color: var(--black);
  background-color: #D4A870;
}
.product-card:hover .product-card__announce span.kiwi {
  color: var(--black);
  background-color: #74B72E;
}
.product-card:hover .product-card__announce span.dogwood {
  color: var(--white);
  background-color: #B83030;
}
.product-card:hover .product-card__announce span.maple-syrup {
  color: var(--white);
  background-color: #A05020;
}
.product-card:hover .product-card__announce span.strawberries {
  color: var(--white);
  background-color: #E00030;
}
.product-card:hover .product-card__announce span.strawberries-jam {
  color: var(--white);
  background-color: #C00020;
}
.product-card:hover .product-card__announce span.cranberries {
  color: var(--white);
  background-color: #B81828;
}
.product-card:hover .product-card__announce span.cranberry-jam {
  color: var(--white);
  background-color: #A01020;
}
.product-card:hover .product-card__announce span.coconut {
  color: var(--black);
  background-color: #E0D4C0;
}
.product-card:hover .product-card__announce span.chocolate-covered-prunes {
  color: var(--white);
  background-color: #3A1040;
}
.product-card:hover .product-card__announce span.coriander {
  color: var(--black);
  background-color: #C89A30;
}
.product-card:hover .product-card__announce span.cinnamon {
  color: var(--white);
  background-color: #8B4513;
}
.product-card:hover .product-card__announce span.apricot-kernels {
  color: var(--black);
  background-color: #C07830;
}
.product-card:hover .product-card__announce span.red-cherries {
  color: var(--white);
  background-color: #A01020;
}
.product-card:hover .product-card__announce span.red-plum {
  color: var(--white);
  background-color: #9A1040;
}
.product-card:hover .product-card__announce span.red-currants {
  color: var(--white);
  background-color: #C83040;
}
.product-card:hover .product-card__announce span.red-wine {
  color: var(--white);
  background-color: #7A1020;
}
.product-card:hover .product-card__announce span.red-apple {
  color: var(--white);
  background-color: #C82020;
}
.product-card:hover .product-card__announce span.blackcurrant-jam {
  color: var(--white);
  background-color: #C03040;
}
.product-card:hover .product-card__announce span.red-garden-berries {
  color: var(--white);
  background-color: #C82030;
}
.product-card:hover .product-card__announce span.red-berries {
  color: var(--white);
  background-color: #C82030;
}
.product-card:hover .product-card__announce span.red-grape {
  color: var(--white);
  background-color: #9A2040;
}
.product-card:hover .product-card__announce span.creamy-cocoa-candy {
  color: var(--white);
  background-color: #7A4A20;
}
.product-card:hover .product-card__announce span.gooseberries {
  color: var(--black);
  background-color: #7AB030;
}
.product-card:hover .product-card__announce span.dried-apricots {
  color: var(--black);
  background-color: #E08030;
}
.product-card:hover .product-card__announce span.lime {
  color: var(--black);
  background-color: #5CB85C;
}
.product-card:hover .product-card__announce span.lime-pie {
  color: var(--black);
  background-color: #6BBF59;
}
.product-card:hover .product-card__announce span.light-alcoholic-notes {
  color: var(--white);
  background-color: #9A4848;
}
.product-card:hover .product-card__announce span.lemongrass {
  color: var(--black);
  background-color: #C8D060;
}
.product-card:hover .product-card__announce span.lemon {
  color: var(--black);
  background-color: #F5D000;
}
.product-card:hover .product-card__announce span.lemon-caramel {
  color: var(--black);
  background-color: #E8C428;
}
.product-card:hover .product-card__announce span.lemon-cake {
  color: var(--black);
  background-color: #E8C830;
}
.product-card:hover .product-card__announce span.lemon-drop {
  color: var(--black);
  background-color: #FFE800;
}
.product-card:hover .product-card__announce span.lemon-tart {
  color: var(--black);
  background-color: #F5E050;
}
.product-card:hover .product-card__announce span.candied-lemon {
  color: var(--black);
  background-color: #F0D840;
}
.product-card:hover .product-card__announce span.macadamia-nuts {
  color: var(--black);
  background-color: #D4B880;
}
.product-card:hover .product-card__announce span.raspberries {
  color: var(--white);
  background-color: #CC0044;
}
.product-card:hover .product-card__announce span.red-raspberries {
  color: var(--white);
  background-color: #CC0044;
}
.product-card:hover .product-card__announce span.mango {
  color: var(--black);
  background-color: #FFB020;
}
.product-card:hover .product-card__announce span.mango-puree {
  color: var(--black);
  background-color: #FFB020;
}
.product-card:hover .product-card__announce span.tangerine {
  color: var(--black);
  background-color: #F47820;
}
.product-card:hover .product-card__announce span.passion-fruit {
  color: var(--black);
  background-color: #E08010;
}
.product-card:hover .product-card__announce span.marzipan {
  color: var(--black);
  background-color: #F8E8A0;
}
.product-card:hover .product-card__announce span.honey {
  color: var(--black);
  background-color: #D4A020;
}
.product-card:hover .product-card__announce span.molasses {
  color: var(--white);
  background-color: #4A2000;
}
.product-card:hover .product-card__announce span.almonds {
  color: var(--black);
  background-color: #D2A679;
}
.product-card:hover .product-card__announce span.milk-chocolate {
  color: var(--white);
  background-color: #8B5E3C;
}
.product-card:hover .product-card__announce span.nutmeg {
  color: var(--white);
  background-color: #8B6040;
}
.product-card:hover .product-card__announce span.muscovado {
  color: var(--white);
  background-color: #5A2A00;
}
.product-card:hover .product-card__announce span.nectarine {
  color: var(--black);
  background-color: #FF6A40;
}
.product-card:hover .product-card__announce span.notes-of-strong-alcohol {
  color: var(--white);
  background-color: #6B2737;
}
.product-card:hover .product-card__announce span.nougat {
  color: var(--black);
  background-color: #E8CCA0;
}
.product-card:hover .product-card__announce span.nutella {
  color: var(--white);
  background-color: #4A2208;
}
.product-card:hover .product-card__announce span.roasted-almond {
  color: var(--black);
  background-color: #A87840;
}
.product-card:hover .product-card__announce span.roast-hazelnuts {
  color: var(--white);
  background-color: #7A4A28;
}
.product-card:hover .product-card__announce span.sea-buckthorn {
  color: var(--black);
  background-color: #E88020;
}
.product-card:hover .product-card__announce span.macadamia-nut {
  color: var(--black);
  background-color: #D4B880;
}
.product-card:hover .product-card__announce span.pecan-nuts {
  color: var(--white);
  background-color: #9A6030;
}
.product-card:hover .product-card__announce span.honeydew-honey {
  color: var(--black);
  background-color: #B07818;
}
.product-card:hover .product-card__announce span.pecans {
  color: var(--white);
  background-color: #9A6030;
}
.product-card:hover .product-card__announce span.pepper {
  color: var(--white);
  background-color: #3A1A10;
}
.product-card:hover .product-card__announce span.peach {
  color: var(--black);
  background-color: #FFB07A;
}
.product-card:hover .product-card__announce span.peach-jam {
  color: var(--black);
  background-color: #F09060;
}
.product-card:hover .product-card__announce span.pomelo {
  color: var(--black);
  background-color: #C8C840;
}
.product-card:hover .product-card__announce span.port-wine {
  color: var(--white);
  background-color: #6B001A;
}
.product-card:hover .product-card__announce span.praline {
  color: var(--white);
  background-color: #9A6018;
}
.product-card:hover .product-card__announce span.spiced-orange {
  color: var(--black);
  background-color: #D46A20;
}
.product-card:hover .product-card__announce span.drunken-cherries {
  color: var(--white);
  background-color: #6B0010;
}
.product-card:hover .product-card__announce span.rye-baked-goods {
  color: var(--white);
  background-color: #8A6030;
}
.product-card:hover .product-card__announce span.roses {
  color: var(--black);
  background-color: #E8608A;
}
.product-card:hover .product-card__announce span.pink-grapefruit {
  color: var(--black);
  background-color: #E87090;
}
.product-card:hover .product-card__announce span.rum {
  color: var(--white);
  background-color: #8B4010;
}
.product-card:hover .product-card__announce span.garden-cherries {
  color: var(--white);
  background-color: #8B0000;
}
.product-card:hover .product-card__announce span.cider {
  color: var(--black);
  background-color: #C09030;
}
.product-card:hover .product-card__announce span.sweet-pastries {
  color: var(--black);
  background-color: #D4A060;
}
.product-card:hover .product-card__announce span.sweet-cinnamon-pastries {
  color: var(--black);
  background-color: #B07830;
}
.product-card:hover .product-card__announce span.sweet-red-berries {
  color: var(--white);
  background-color: #C82030;
}
.product-card:hover .product-card__announce span.sweet-dried-fruits {
  color: var(--white);
  background-color: #9A6028;
}
.product-card:hover .product-card__announce span.sweet-tropical-fruits {
  color: var(--black);
  background-color: #FF8C00;
}
.product-card:hover .product-card__announce span.sweet-roasted-hazelnuts {
  color: var(--white);
  background-color: #8A5A30;
}
.product-card:hover .product-card__announce span.sweet-cream-liqueur {
  color: var(--black);
  background-color: #D4A850;
}
.product-card:hover .product-card__announce span.sweet-tomato-and-hibiscus {
  color: var(--white);
  background-color: #D04050;
}
.product-card:hover .product-card__announce span.plums {
  color: var(--white);
  background-color: #7030A0;
}
.product-card:hover .product-card__announce span.red-plums {
  color: var(--white);
  background-color: #9A1040;
}
.product-card:hover .product-card__announce span.dark-plums {
  color: var(--white);
  background-color: #5A1060;
}
.product-card:hover .product-card__announce span.plum-wine {
  color: var(--white);
  background-color: #6A1860;
}
.product-card:hover .product-card__announce span.creamy-caramel {
  color: var(--black);
  background-color: #D4A030;
}
.product-card:hover .product-card__announce span.creamy-nougat {
  color: var(--black);
  background-color: #E8CCA0;
}
.product-card:hover .product-card__announce span.butter-cookies {
  color: var(--black);
  background-color: #D4A870;
}
.product-card:hover .product-card__announce span.cream-liqueur {
  color: var(--black);
  background-color: #D4A050;
}
.product-card:hover .product-card__announce span.currant-leaf {
  color: var(--white);
  background-color: #3A8040;
}
.product-card:hover .product-card__announce span.ripe-cherries {
  color: var(--white);
  background-color: #8B0000;
}
.product-card:hover .product-card__announce span.ripe-cranberries {
  color: var(--white);
  background-color: #B81828;
}
.product-card:hover .product-card__announce span.ripe-red-plums {
  color: var(--white);
  background-color: #9A1040;
}
.product-card:hover .product-card__announce span.ripe-grapefruit {
  color: var(--black);
  background-color: #E8724A;
}
.product-card:hover .product-card__announce span.spices {
  color: var(--white);
  background-color: #A0522D;
}
.product-card:hover .product-card__announce span.dry-white-wine {
  color: var(--black);
  background-color: #D4C870;
}
.product-card:hover .product-card__announce span.dry-red-wine {
  color: var(--white);
  background-color: #7A1020;
}
.product-card:hover .product-card__announce span.dried-fruits {
  color: var(--white);
  background-color: #9A6028;
}
.product-card:hover .product-card__announce span.dried-cherries {
  color: var(--white);
  background-color: #6A0818;
}
.product-card:hover .product-card__announce span.dried-blueberries {
  color: var(--white);
  background-color: #3D2870;
}
.product-card:hover .product-card__announce span.dried-apple {
  color: var(--white);
  background-color: #8C7028;
}
.product-card:hover .product-card__announce span.dried-mango {
  color: var(--black);
  background-color: #E8A020;
}
.product-card:hover .product-card__announce span.dried-green-apple {
  color: var(--black);
  background-color: #7A9828;
}
.product-card:hover .product-card__announce span.dried-red-berries {
  color: var(--white);
  background-color: #9A2028;
}
.product-card:hover .product-card__announce span.dried-mangoes {
  color: var(--black);
  background-color: #E8A020;
}
.product-card:hover .product-card__announce span.dark-plum {
  color: var(--white);
  background-color: #5A1060;
}
.product-card:hover .product-card__announce span.dark-berries {
  color: var(--white);
  background-color: #5A1040;
}
.product-card:hover .product-card__announce span.dark-grape {
  color: var(--white);
  background-color: #5A1860;
}
.product-card:hover .product-card__announce span.dark-cocoa {
  color: var(--white);
  background-color: #3A1808;
}
.product-card:hover .product-card__announce span.dark-rum {
  color: var(--white);
  background-color: #5A2808;
}
.product-card:hover .product-card__announce span.dark-chocolates {
  color: var(--white);
  background-color: #3D1A0A;
}
.product-card:hover .product-card__announce span.tomato {
  color: var(--white);
  background-color: #C83020;
}
.product-card:hover .product-card__announce span.tropical-fruits {
  color: var(--black);
  background-color: #FF8C00;
}
.product-card:hover .product-card__announce span.date {
  color: var(--white);
  background-color: #7A4018;
}
.product-card:hover .product-card__announce span.fruit-wine {
  color: var(--white);
  background-color: #9A3050;
}
.product-card:hover .product-card__announce span.hazelnuts {
  color: var(--white);
  background-color: #8B5E3C;
}
.product-card:hover .product-card__announce span.sherry {
  color: var(--white);
  background-color: #8B5020;
}
.product-card:hover .product-card__announce span.floral-notes {
  color: var(--black);
  background-color: #F2A7BB;
}
.product-card:hover .product-card__announce span.flower-honey {
  color: var(--black);
  background-color: #E8C050;
}
.product-card:hover .product-card__announce span.citrus {
  color: var(--black);
  background-color: #F7A800;
}
.product-card:hover .product-card__announce span.citrus-liqueur {
  color: var(--black);
  background-color: #F09010;
}
.product-card:hover .product-card__announce span.citrus-marmalade {
  color: var(--black);
  background-color: #F7A800;
}
.product-card:hover .product-card__announce span.citrus-fruits {
  color: var(--black);
  background-color: #F7A800;
}
.product-card:hover .product-card__announce span.tea-with-bergamot {
  color: var(--white);
  background-color: #5A1040;
}
.product-card:hover .product-card__announce span.jasmine-tea {
  color: var(--black);
  background-color: #C8D8A0;
}
.product-card:hover .product-card__announce span.earl-grey-tea {
  color: var(--white);
  background-color: #5A1040;
}
.product-card:hover .product-card__announce span.merry {
  color: var(--white);
  background-color: #C01020;
}
.product-card:hover .product-card__announce span.black-currant {
  color: var(--white);
  background-color: #3A0850;
}
.product-card:hover .product-card__announce span.bilberries {
  color: var(--white);
  background-color: #4A3080;
}
.product-card:hover .product-card__announce span.dried-bilberries {
  color: var(--white);
  background-color: #3D2870;
}
.product-card:hover .product-card__announce span.bilberry-jam {
  color: var(--white);
  background-color: #4A3080;
}
.product-card:hover .product-card__announce span.bilberry-yogurt {
  color: var(--white);
  background-color: #7060B0;
}
.product-card:hover .product-card__announce span.prunes {
  color: var(--white);
  background-color: #4A1A5A;
}
.product-card:hover .product-card__announce span.blackcurrants-jam {
  color: var(--white);
  background-color: #3A0850;
}
.product-card:hover .product-card__announce span.black-grapes {
  color: var(--white);
  background-color: #3A1050;
}
.product-card:hover .product-card__announce span.black-pepper {
  color: var(--white);
  background-color: #2A1010;
}
.product-card:hover .product-card__announce span.black-tea {
  color: var(--white);
  background-color: #4A2810;
}
.product-card:hover .product-card__announce span.rose-hips {
  color: var(--white);
  background-color: #D04030;
}
.product-card:hover .product-card__announce span.chocolate {
  color: var(--white);
  background-color: #4A2010;
}
.product-card:hover .product-card__announce span.milk-chocolates {
  color: var(--white);
  background-color: #8B5E3C;
}
.product-card:hover .product-card__announce span.dark-choco {
  color: var(--white);
  background-color: #3D1A0A;
}
.product-card:hover .product-card__announce span.chocolate-candy-with-liqueur {
  color: var(--white);
  background-color: #3A1808;
}
.product-card:hover .product-card__announce span.chocolate-chip-cookies {
  color: var(--white);
  background-color: #6B3A1A;
}
.product-card:hover .product-card__announce span.chocolate-oreo-cookies {
  color: var(--white);
  background-color: #1A0A04;
}
.product-card:hover .product-card__announce span.chocolate-liqueur {
  color: var(--white);
  background-color: #3A1808;
}
.product-card:hover .product-card__announce span.apples {
  color: var(--black);
  background-color: #80B030;
}
.product-card:hover .product-card__announce span.yellow-apples {
  color: var(--black);
  background-color: #D8C820;
}
.product-card:hover .product-card__announce span.green-apples {
  color: var(--black);
  background-color: #6AB020;
}
.product-card:hover .product-card__announce span.applesauce {
  color: var(--black);
  background-color: #A8C040;
}
.product-card:hover .product-card__announce span.apple-pie {
  color: var(--black);
  background-color: #C89050;
}
.product-card:hover .product-card__announce span.apple-cider {
  color: var(--black);
  background-color: #C09030;
}
.product-card:hover .product-card__announce span.berry-jam {
  color: var(--white);
  background-color: #A01828;
}
.product-card:hover .product-card__announce span.berry-liqueur {
  color: var(--white);
  background-color: #901020;
}
.product-card:hover .product-card__announce span.red-berry {
  color: var(--white);
  background-color: #C82030;
}
.product-card:hover .product-card__announce span.apricots-kernels {
  color: var(--black);
  background-color: #C07830;
}
/* task 14141 hover*/
/* custom-scroll*/
.custom-scroll {
  --custom-scroll-height: 100%;
  --custom-scroll-track-width: 6px;
  --custom-scroll-track-top: 0px;
  --custom-scroll-track-right: 0px;
  --custom-scroll-track-bottom: 0px;
  --custom-scroll-track-color: transparent;
  --custom-scroll-thumb-color: rgba(0, 0, 0, 0.35);
  --custom-scroll-thumb-radius: 999px;
  position: relative;
  max-height: var(--custom-scroll-height);
}

.custom-scroll__viewport {
  max-height: inherit;
  overflow-x: hidden;
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.custom-scroll__viewport::-webkit-scrollbar {
  display: none;
}

.custom-scroll__viewport:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: -2px;
}

.custom-scroll__track {
  position: absolute;
  top: var(--custom-scroll-track-top);
  right: var(--custom-scroll-track-right);
  bottom: var(--custom-scroll-track-bottom);
  z-index: 1;
  width: var(--custom-scroll-track-width);
  background-color: var(--custom-scroll-track-color);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.custom-scroll__track.is-visible {
  opacity: 1;
  pointer-events: auto;
}

.custom-scroll__thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: var(--custom-scroll-thumb-radius);
  background-color: var(--custom-scroll-thumb-color);
  -ms-touch-action: none;
      touch-action: none;
  cursor: -webkit-grab;
  cursor: grab;
}

.custom-scroll.is-dragging .custom-scroll__thumb,
.custom-scroll__thumb:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
/* custom-scroll*/

/******select-profile*******/

.select-profile {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 1050px) {
  .select-profile {
    width: 100%;
  }
}

.select-profile.active .select-profile__options {
  opacity: 1;
  visibility: visible;
}

.select-profile.active .select-profile__btn {
  border-radius: 16px 16px 0 0;
  border-color: var(--gray-50, #FAFAFA);
  background-color: var(--gray-50, #FAFAFA);
}

.select-profile.active .select-profile__btn svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.select-profile__btn {
  padding: 16px 20px;
  width: 503px;
  max-width: 100%;
  height: 64px;
  color: var(--black, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 133.333%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 16px;
  border: 1px solid rgba(172, 172, 172, 0.5);
  background-color: var(--white, #FFF);
  -webkit-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-radius 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-radius 0.3s ease-in-out;
}
.select-profile__btn .text {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1050px) {
  .select-profile__btn {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .select-profile__btn {
    padding: 14px 12px;
    width: 100%;
    height: 52px;
    font-size: 16px;
  }
}
.select-profile__btn:focus,
.select-profile__btn:focus-visible {
  outline: none;
}

.select-profile__btn .svg {
  width: 16px;
  height: 16px;
  color: #005A65;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.select-profile__btn .svg svg {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.select-profile__options {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  background-color: var(--gray-50, #FAFAFA);
  width: 100%;
  border-radius: 0 0 16px 16px;
  overflow: hidden;
  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.select-profile__options > .custom-scroll {
  --custom-scroll-height: 383px;
  --custom-scroll-track-width: 4px;
  --custom-scroll-track-top: 12px;
  --custom-scroll-track-right: 8px;
  --custom-scroll-track-bottom: 12px;
  --custom-scroll-thumb-color: var(--blue-green, #005A65);
  width: 100%;
  min-height: 0;
}

.select-profile__options .custom-scroll__viewport:focus-visible {
  outline: none;
}

.select-profile__option {
  display: block;
  width: 100%;
  cursor: pointer;
  padding: 20px 28px 20px 20px;
  color: var(--black, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 133.333%;
}

@media (max-width: 991px) {
  .select-profile__option {
    padding: 14px 18px 14px 12px;
    font-size: 16px;
  }
  
}

.select-profile__option.select {
  pointer-events: none;
  background-color: var(--gray-75, #F3F3F3);
}

/******select-profile*******/
/* 14127 */

.is-grid-view .btn-show-more {
  position: static;
}

.bx_soa_location:has(.form-group.bx-soa-location-input-container) .box-type {
  margin-bottom: 24px;
}
@media (max-width: 1050px) {
  .bx_soa_location:has(.form-group.bx-soa-location-input-container) .box-type {
    margin-bottom: 16px;
  }
}
@media (max-width: 991px) {
  .bx_soa_location:has(.form-group.bx-soa-location-input-container) .box-type {
    margin-bottom: 12px;
  }
}
.form-group.bx-soa-location-input-container {
  margin-bottom: 44px;
}
@media (max-width: 1050px) {
  .form-group.bx-soa-location-input-container {
    margin-bottom: 36px;
  }
}
@media (max-width: 991px) {
  .form-group.bx-soa-location-input-container {
    margin-bottom: 32px;
  }
}

.--ui-context-content-light {
  display: none !important;
}

.popup-window-overlay::before {
  content: '';
  position: fixed;
  top: calc(50% - 27px);
  left: calc(50% - 27px);
  z-index: 1150;
  width: 54px;
  height: 54px;
  border: 10px solid #ccc;
  border-top-color: #005a65;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

/* 14127 */