@charset "UTF-8";
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/HelveticaNeue-Thin.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/HelveticaNeue-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/HelveticaNeue-Roman.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/HelveticaNeue-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/HelveticaNeue-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  padding: 0;
  margin: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  /*font-family: Шрифт; font-size: Размер шрифта; font-weight: Жирность шрифта; line-height: Межстрочный интервал; color: Цвет шрифта*/
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 400;
  color: #1f1f1d;
  background: #fafafa;
}

body.lock {
  overflow: hidden; /*Это для того, чтобы не допускать скрол когда открыт попап*/
}

.title {
  font-weight: 500;
}

/*Классы для заголовков*/
.h6,
.h5,
.h4,
.h3,
.h2,
.h1 {
  margin: 0;
  /* Далее стили для общих заголовков (если есть) */
}

.h1 {
  font-size: 3.646vw;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.08vw;
  text-transform: uppercase;
}

.h2 {
  font-size: 3.125vw;
  font-style: normal;
  font-weight: 500;
  line-height: 3.474vw; /* 111.167% */
  letter-spacing: 0.083vw;
  text-transform: uppercase;
}

.h3 {
  font-size: 2.083vw;
  font-style: normal;
  font-weight: 500;
  line-height: 2.396vw; /* 115% */
  letter-spacing: 0.063vw;
  text-transform: uppercase;
}

.h4 {
  font-size: 1.667vw;
  font-style: normal;
  font-weight: 500;
  line-height: 1.812vw; /* 108.75% */
  letter-spacing: 0.042vw;
  text-transform: uppercase;
}

p {
  margin: 0;
}

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

li {
  list-style-type: none;
}

a {
  color: inherit;
  text-decoration: none;
  transition: 0.3s;
}

button {
  border: none;
  cursor: pointer;
  outline: none;
  background: transparent;
  color: inherit;
}

input,
textarea {
  border: none;
  outline: none;
  font-family: inherit;
  margin: 0;
}

textarea {
  resize: none;
}

/* Класс основной кнопки */
.btn {
  padding: 0.937vw 1.042vw 0.937vw;
  border-radius: 0.521vw;
  box-shadow: 0 0 0 1px inset #1f1f1d;
  display: flex;
  justify-content: center;
  gap: 0.729vw;
  align-items: center;
  font-size: 1.042vw;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.01vw;
  text-transform: uppercase;
  transition: 0.3s;
  width: max-content;
  background: transparent;
}
.btn svg {
  width: 1.25vw;
  height: 1.25vw;
}
.btn svg path {
  transition: 0.3s;
}
.btn:hover {
  background: #1f1f1d;
  color: #fafafa;
}
.btn:hover svg path {
  fill: #fafafa;
}
.btn_orange-hov:hover {
  background: #ef642d;
  box-shadow: 0 0 0 1px inset #ef642d;
}
.btn_white {
  box-shadow: 0 0 0 1px inset #fafafa;
  color: #fafafa;
}
.btn_white svg path {
  fill: #fafafa;
}
.btn_orange {
  background: #ef642d;
  box-shadow: 0 0 0 1px inset #ef642d;
  color: #fafafa;
}
.btn_orange:hover {
  background: #ef642d;
  box-shadow: 0 0 0 1px inset #ef642d;
}

/* Дальше можно добавлять стили для других кнопок, например .btn-blue, btn-lg, btn-sm и т.д. */
/* Класс для инпутов */
.input {
  background: transparent;
  border-bottom: 1px solid #fafafa;
  transition: 0.3s;
}
.input:focus {
  border-color: #ef642d;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: fieldtext !important;
}

.footer input:-webkit-autofill, .request input:-webkit-autofill,
.footer input:-webkit-autofill:hover, .request input:-webkit-autofill:hover, 
.footer input:-webkit-autofill:focus, .request input:-webkit-autofill:focus,
.footer input:-webkit-autofill:active, .request input:-webkit-autofill:active {
  -webkit-text-fill-color: #FFFFFF !important;
}

/* Класс для label*/
.main {
  display: flex;
  flex-direction: column;
  min-height: calc(100 * var(--vh));
  overflow: hidden;
}

html {
  scrollbar-gutter: stable;
}

/* Шапка */
.header {
  position: fixed;
  top: -1px;
  left: 0;
  width: 100%;
  z-index: 11;
  padding: 1.615vw 0;
  transition: 0.3s;
  border-radius: 0 0 0.781vw 0.781vw;
}
.header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header__left {
  display: flex;
  align-items: center;
  gap: 3.125vw;
}
.header__logo svg {
  width: 8.021vw;
  height: auto;
}
.header__right {
  display: flex;
  align-items: center;
  gap: 5.938vw;
}
.header__btn {
  font-size: 0.781vw;
}
.header__btn div {
  font-size: inherit;
  display: block;
}
.header__btn svg {
  width: 1.042vw;
  height: 1.042vw;
}
.header.active {
  background: #fafafa;
  box-shadow: 0 0 0 1px inset rgba(31, 31, 29, 0.1);
}
.header.active nav a {
  color: #1f1f1d;
}
.header.active .header__logo svg path:nth-child(1) {
  fill: #1f1f1d;
}
.header.active .hamburger svg line {
  stroke: #1f1f1d;
}
.header.active .hamburger:hover svg line {
  stroke: #ef642d;
}
.header.active .header__btn {
  box-shadow: 0 0 0 1px inset #1f1f1d;
  color: #1f1f1d;
}
.header.active .header__btn svg path {
  fill: #1f1f1d;
}
.header.active .header__btn:hover {
  box-shadow: 0 0 0 1px inset #ef642d;
  color: #fafafa;
}
.header.active .header__btn:hover svg path {
  fill: #fafafa;
}

/* Тип 1 (контентный хедер) — белые иконки shop-actions и account */
.header:not(.header_shop) .header__shop-actions svg path {
  fill: #fafafa;
  stroke: none;
}
.header:not(.header_shop) .header__shop-actions .header__fav svg path {
  fill: none;
  stroke: #fafafa;
}
.header:not(.header_shop) .header__shop-actions .header__search:hover svg path,
.header:not(.header_shop) .header__shop-actions .header__comp:hover svg path,
.header:not(.header_shop) .header__shop-actions .header__cart:hover svg path {
  fill: #ef642d;
  stroke: #ef642d;
}
.header:not(.header_shop) .header__shop-actions .header__fav:hover svg path {
  fill: none;
  stroke: #ef642d;
}
.header:not(.header_shop) .header__account-wrap .header__account {
  color: #fafafa;
  box-shadow: 0 0 0 1px inset #fafafa;
}
.header:not(.header_shop) .header__account-wrap .header__account svg path {
  fill: #fafafa;
}
.header:not(.header_shop) .header__account-wrap .header__account:hover {
  box-shadow: 0 0 0 1px inset #ef642d;
}

/* Тип 1 active (при скролле — фон светлый, иконки тёмные) */
.header.active:not(.header_shop) .header__shop-actions svg path {
  fill: #1f1f1d;
  stroke: none;
}
.header.active:not(.header_shop) .header__shop-actions .header__fav svg path {
  fill: none;
  stroke: #1f1f1d;
}
.header.active:not(.header_shop) .header__shop-actions .header__search:hover svg path,
.header.active:not(.header_shop) .header__shop-actions .header__comp:hover svg path,
.header.active:not(.header_shop) .header__shop-actions .header__cart:hover svg path {
  fill: #ef642d;
  stroke: #ef642d;
}
.header.active:not(.header_shop) .header__shop-actions .header__fav:hover svg path {
  fill: none;
  stroke: #ef642d;
}
.header.active:not(.header_shop) .header__account-wrap .header__account {
  color: #1f1f1d;
  box-shadow: 0 0 0 1px inset #1f1f1d;
}
.header.active:not(.header_shop) .header__account-wrap .header__account svg path {
  fill: #1f1f1d;
}
.header.active:not(.header_shop) .header__account-wrap .header__account:hover {
  box-shadow: 0 0 0 1px inset #ef642d;
  color: #fafafa;
}
.header.active:not(.header_shop) .header__account-wrap .header__account:hover svg path {
  fill: #fafafa;
}

/* Shop-actions — базовая раскладка (все страницы) */
.header__shop-actions {
  display: flex;
  gap: 1.302vw;
}
.header__shop-actions svg {
  width: 1.667vw;
  height: 1.667vw;
}
.header__shop-actions svg path {
  transition: 0.3s;
}
.header__cart,
.header__fav,
.header__comp {
  position: relative;
}
.header__cart-quant {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.625vw;
  font-style: normal;
  font-weight: 500;
  text-transform: uppercase;
  width: 1.51vw;
  height: 1.51vw;
  border-radius: 50%;
  background: #ff5542;
  position: absolute;
  top: -0.677vw;
  right: -0.677vw;
  color: #fafafa;
}

.hamburger {
  width: 2.5vw;
  height: 0.729vw;
  display: flex;
  justify-content: center;
}
.hamburger svg {
  width: 100%;
  height: 100%;
  display: block;
  flex-shrink: 0;
}
.hamburger svg line {
  transition: 0.3s;
}
.hamburger:hover svg line {
  stroke: #ef642d;
}

.nav {
  display: flex;
  align-items: center;
  gap: 2.604vw;
}
.nav a {
  color: #fafafa;
  font-size: 1.042vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.349vw; /* 129.5% */
  position: relative;
  transition: 0.3s ease;
}
.nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: #ef642d;
  height: 2px;
  width: 0;
  transition: 0.3s;
}
.nav a:hover::after {
  width: 1.563vw;
}

.page {
  flex-grow: 1; /* Это делается для того, чтобы блок между шапкой и подвалом растягивался и .main был на всю высоту экрана, иначе при маленьком контенте под футером останется пространство */
}

.show-tabl {
  display: none !important;
}

.show-tabl-fl {
  display: none !important;
}

.show-mob-fl {
  display: none !important;
}

.show-mob {
  display: none !important;
}

/* Подвал */
.footer {
  border-radius: 1.302vw 1.302vw 0 0;
  background: #1f1f1d;
  margin-top: 4.688vw;
}
.footer * {
  color: #fafafa;
}
.footer__top {
  display: flex;
  justify-content: space-between;
  align-items: start;
  padding: 6.875vw 0 3.333vw;
}
.footer__col {
  width: 22%;
}
.footer__logo {
  width: 8.021vw;
  height: auto;
}
.footer__info {
  margin-top: 1.875vw;
}
.footer__info div {
  font-size: 0.938vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.297vw; /* 143.889% */
  max-width: 9.792vw;
}
.footer__requisites {
  margin-top: 1.042vw;
  display: flex;
  gap: 0.521vw;
  flex-direction: column;
}
.footer__requisites div {
  opacity: 0.5;
  font-size: 0.833vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.footer__menu {
  width: 41%;
  display: flex;
  align-items: start;
  justify-content: space-between;
}
.footer__subtitle {
  opacity: 0.3;
  font-size: 0.99vw;
  font-style: normal;
  line-height: 127%; /* 1.257vw */
  letter-spacing: 0.01vw;
  text-transform: lowercase;
  margin-bottom: 2.344vw;
}
.footer__submenu {
  display: flex;
  flex-direction: column;
  gap: 0.938vw;
}
.footer__submenu a {
  font-size: 0.938vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.349vw; /* 143.889% */
  transition: 0.3s;
  text-transform: lowercase;
}
.footer__submenu a:hover {
  color: #ef642d;
}
.footer__contacts {
  display: flex;
  flex-direction: column;
  align-items: end;
}
.footer__socials {
  display: flex;
  gap: 0.833vw;
}
.footer__socials svg {
  width: 1.719vw;
  height: 1.719vw;
}
.footer__socials svg path {
  transition: 0.3s;
}
.footer__socials a:hover svg path {
  fill: #ef642d;
}
.footer__contacts-links {
  margin-top: 2.188vw;
}
.footer__email {
  font-size: 1.458vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.029vw;
  text-transform: uppercase;
  transition: 0.3s;
  text-align: right;
}
.footer__email:hover {
  color: #ef642d;
}
.footer__phone {
  font-size: 1.25vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.025vw;
  text-transform: uppercase;
  transition: 0.3s;
  text-align: right;
}
.footer__phone:hover {
  color: #ef642d;
}
.footer__phone-wrap {
  margin-top: 1.198vw;
  text-align: right;
}
.footer__phone-wrap .footer__phone {
  display: inline;
  margin-top: 0;
}

.footer__bottom {
  display: flex;
  justify-content: space-between;
  gap: 1.563vw;
  align-items: center;
  padding: 1.302vw 0;
}
.footer__bottom-content {
  display: flex;
  gap: 1.563vw;
  align-items: center;
}
.footer__bottom-content a:hover {
  color: #ef642d;
}
.footer__bottom-item {
  opacity: 0.5;
  font-size: 0.833vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.footer__bottom-item_policy {
  text-decoration: underline;
}

.btn_up {
  padding: 0.729vw 1.042vw;
}
.btn_up svg path {
  stroke: #fafafa;
}

.subscribe {
  padding: 1.302vw 11.25vw 1.302vw 7.188vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid rgba(250, 250, 250, 0.1);
  border-bottom: 1px solid rgba(250, 250, 250, 0.1);
}
.subscribe__title {
  font-size: 1.667vw;
  font-style: normal;
  font-weight: 500;
  line-height: 1.812vw; /* 108.75% */
  letter-spacing: 0.05vw;
  text-transform: uppercase;
  max-width: 22.917vw;
}
.subscribe__form {
  display: flex;
  align-items: start;
  flex-direction: column;
  gap: 1.615vw;
}
.subscribe__form-top {
  display: flex;
  gap: 2.344vw;
  align-items: start;
}
.subscribe__agreements {
  display: flex;
  flex-direction: column;
  gap: 0.417vw;
}
.subscribe__agreements .form__agreement {
  align-items: center;
  opacity: 0.5;
}
.subscribe__field {
  display: block;
  width: 34.063vw;
  position: relative;
}
.subscribe__label {
  font-size: 0.833vw;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 1.094vw;
  display: block;
}
.subscribe__input {
  font-size: 1.458vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.029vw;
  text-transform: uppercase;
  padding-bottom: 1.042vw;
  width: 100%;
}
.subscribe__btn {
  margin-top: 2.292vw;
}
.subscribe .dropdown {
  max-height: 100%;
  overflow: visible;
}

.container {
  width: 100%;
  padding: 0 1.042vw;
  margin-left: auto;
  margin-right: auto;
}
.container_min {
  width: 100%;
  padding: 0 9.271vw;
  margin-left: auto;
  margin-right: auto;
}

.img-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -o-object-fit: cover;
     object-fit: cover;
}

.hero {
  position: relative;
  border-radius: 0 0 1.302vw 1.302vw;
  overflow: hidden;
  padding: 9.554vw 0 2.865vw;
  min-height: 53.281vw;
  display: flex;
  align-items: stretch;
  margin-bottom: 4.688vw;
  z-index: 1;
}
.hero::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.55);
  z-index: -1;
}
.hero .img-bg {
  z-index: -2;
}
.hero .container {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.hero__title {
  margin-top: 12.865vw;
  max-width: 61.406vw;
  color: #fafafa;
}
.hero__bottom {
  margin-top: auto;
  display: flex;
  align-items: end;
  justify-content: space-between;
  width: 100%;
}
.hero__bottom-descr {
  display: flex;
  align-items: end;
  gap: 3.646vw;
}
.hero__bottom-text {
  color: #fafafa;
  font-size: 0.938vw;
  font-style: normal;
  font-weight: 400;
  line-height: 25.9px; /* 143.889% */
  text-transform: uppercase;
  max-width: 21.094vw;
}
.hero__bottom-text-wrap {
  width: 21.094vw;
}
.hero__bottom-contact {
  color: #fafafa;
  text-align: right;
  font-size: 1.458vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.029vw;
  text-transform: uppercase;
  transition: 0.3s;
}
.hero__bottom-contact:hover {
  color: #ef642d;
}
.hero__bottom-mail {
  margin-bottom: 0.781vw;
}
.hero__bottom-whats {
  font-size: 1.25vw;
  display: inline;
}

.text {
  opacity: 0.57;
  font-size: 0.938vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.349vw; /* 143.889% */
  text-transform: uppercase;
}
.text_white {
  color: #fafafa;
  opacity: 1;
}

section {
  padding: 4.688vw 0 4.688vw;
}

a {
  display: block;
}

.request {
  border-radius: 1.302vw;
  overflow: hidden;
  position: relative;
  margin-top: 4.688vw;
  margin-bottom: 4.688vw;
  padding: 9.375vw 0;
  min-height: 59.271vw;
  display: flex;
  align-items: stretch;
}
.request * {
  color: #fafafa;
}
.request .container_min {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.request__title {
  max-width: 21.667vw;
  margin-bottom: 3.906vw;
}
.request__content {
  display: flex;
  justify-content: space-between;
  align-items: end;
  width: 100%;
}
.request__descr {
  max-width: 19.167vw;
  display: flex;
  flex-direction: column;
  gap: 1.302vw;
}
.request__text_shedule {
  margin-top: 3.177vw;
}
.request__form {
  width: 100%;
  max-width: 39.6vw;
}
.request__form .form__agreement span {
  max-width: 14.219vw;
}
.request__field {
  position: relative;
  margin-bottom: 2.604vw;
  display: block;
}
.request__label {
  font-size: 0.938vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.349vw; /* 143.889% */
  margin-bottom: 1.458vw;
  display: block;
}
.request__input {
  padding-bottom: 1.458vw;
  font-size: 2.5vw;
  font-style: normal;
  font-weight: 400;
  line-height: 103%; /* 2.575vw */
  letter-spacing: 0.025vw;
  text-transform: uppercase;
  width: 100%;
}
.request__input::placeholder {
  opacity: 0.5;
  color: #fafafa;
}
.request__bottom {
  padding-top: 2.865vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.form__agreement {
  display: flex;
  align-items: start;
  cursor: pointer;
  gap: 1.25vw;
}
.form__agreement span {
  font-size: 0.781vw;
  font-style: normal;
  font-weight: 400;
  line-height: 112%; /* 0.875vw */
  letter-spacing: 0.008vw;
}
.form__agreement span a {
  display: inline;
  transition: 0.2s;
  text-decoration: underline;
}
.form__agreement span a:hover {
  color: #ef642d;
}
.form__agreement input {
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  width: 1.354vw;
  height: 1.354vw;
  cursor: pointer;
  flex-shrink: 0;
}
.form__agreement input::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 4px;
  box-shadow: 0 0 0 1px inset #fafafa;
  background: transparent;
}
.form__agreement input:checked::before {
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='13' height='10' viewBox='0 0 13 10' fill='none'%3e%3cpath d='M4.275 9.01875L0 4.74375L1.06875 3.675L4.275 6.88125L11.1562 0L12.225 1.06875L4.275 9.01875Z' fill='%23FAFAFA'/%3e%3c/svg%3e") center center/0.625vw 0.469vw no-repeat;
}

.cards-section__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.719vw;
}
.cards-section__slider {
  width: 89.408vw;
}
.cards-section__slider-wrap {
  display: flex;
  align-items: center;
  gap: 4.792vw;
}
.cards-section__slider .slick-list {
  padding-top: 1.302vw;
  margin: 0 -0.521vw;
  overflow: visible;
}
.cards-section__slider .card {
  margin: 0 0.521vw;
}

.card {
  border-radius: 2.083vw;
  box-shadow: 0 0 0 1px inset rgba(31, 31, 29, 0.1);
  padding: 1.563vw 2.604vw 2.604vw;
  position: relative;
  transition: 0.3s;
}
.card__labels {
  display: flex;
  align-items: center;
  gap: 0.417vw;
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(-50%);
}
.card__label {
  color: #fafafa;
  font-size: 0.833vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  padding: 0.885vw 1.042vw;
  justify-content: center;
  align-items: center;
  border-radius: 9.375vw;
}
.card__label_hit {
  background: #ef642d;
}
.card__label_sale {
  background: #ff5542;
}
.card__label_new {
  background: #f29337;
}
.card__label_out-of-stock {
  background: #888888;
}
.card--out-of-stock .card__image {
  opacity: 0.5;
}
.card__add:disabled,
.card__add_full:disabled {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}
.card__image {
  height: 22.24vw;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.card__meta {
  margin-top: 2.24vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.458vw;
}
.card__title {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.05vw;
  text-transform: uppercase;
  max-width: 25.063vw;
  transition: 0.3s;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  padding-top: 2px;
  margin-top: -2px;
  -webkit-line-clamp: 2;
}
.card__volume {
  display: flex;
  align-items: center;
  gap: 0.417vw;
  cursor: pointer;
}
.card__volume svg {
  width: 1.354vw;
  height: 1.354vw;
  flex-shrink: 0;
}
.card:hover {
  box-shadow: 0 0 0 1px inset #1f1f1d;
}
.card__title:hover {
  color: #ef642d;
}

.arrow {
  width: 3.438vw;
  height: 3.438vw;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
}
.arrow svg {
  width: 99%;
  height: 99%;
  overflow: visible;
}
.arrow svg rect,
.arrow svg path {
  transition: 0.3s;
}
.arrow:hover svg rect {
  fill: #ef642d;
  stroke: #ef642d;
}
.arrow:hover svg path {
  stroke: #ef642d;
  fill: #fafafa;
}

.off-coop__container {
  display: flex;
  gap: 1.042vw;
}
.off-coop__img {
  border-radius: 2.083vw;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.off-coop__img-wrap {
  aspect-ratio: 1;
  width: calc((100% - 1.042vw) / 2);
}
.off-coop__content {
  width: calc((100% - 1.042vw) / 2);
  border-radius: 2.083vw;
  box-shadow: 0 0 0 1px inset rgba(31, 31, 29, 0.1);
  padding: 3.125vw;
  aspect-ratio: 1;
  display: flex;
  align-items: stretch;
}
.off-coop__content-inner {
  display: flex;
  flex-direction: column;
}
.off-coop__title {
  margin-bottom: 2.083vw;
  margin-right: 1.563vw;
}
.off-coop__descr {
  max-width: 18.906vw;
}
.off-coop__btn {
  margin-top: auto;
  align-self: end;
}

.social {
  padding-top: 7.13vw;
  padding-bottom: 4.031vw;
}
.social__container {
  padding: 0 5.208vw;
  display: flex;
  align-items: start;
  justify-content: space-between;
}
.social__title {
  max-width: 24.115vw;
  margin-bottom: 2.292vw;
  line-height: 3.563vw;
}
.social__descr {
  max-width: 17.396vw;
}
.social__links {
  display: flex;
  gap: 0.625vw;
  padding-top: 1.6vw;
}
.social__link {
  width: 18.385vw;
  flex: 1;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1.042vw;
  box-shadow: 0 0 0 1px inset rgba(31, 31, 29, 0.1);
  transition: 0.3s;
}
.social__link svg {
  width: 8.073vw;
  height: 8.073vw;
}
.social__link svg path {
  transition: 0.3s;
}
.social__link:hover {
  background: var(--hover-color);
}
.social__link:hover svg path {
  fill: #fafafa;
}

.subcontainer {
  margin-left: 8.229vw;
  margin-right: 8.229vw;
}

.modal_gray {
  background: rgba(31, 31, 29, 0.3);
}

@media (max-width: 1150px) {
  .show-tabl-fl {
    display: flex !important;
  }
  .hide-tabl {
    display: none !important;
  }
  .show-tabl {
    display: block !important;
  }
  .h1 {
    font-size: 3.906vw;
    line-height: 4.167vw;
    letter-spacing: 0.117vw;
  }
  .h2 {
    font-size: 3.125vw;
    line-height: 3.516vw; /* 111.167% */
    letter-spacing: 0.143vw;
  }
  .btn {
    padding: 1.752vw 2.604vw;
    border-radius: 1.302vw;
    gap: 0.781vw;
    font-size: 1.823vw;
    letter-spacing: 0.018vw;
    background: #1f1f1d;
    color: #fafafa;
  }
  .btn svg {
    width: 1.693vw;
    height: 1.693vw;
  }
  .btn svg path {
    fill: #fafafa;
  }
  .btn_orange-hov {
    background: #ef642d;
    box-shadow: 0 0 0 1px inset #ef642d;
  }
  .btn_white {
    background: #ef642d;
    box-shadow: 0 0 0 1px inset #ef642d;
  }
  .btn_white svg path {
    fill: #fafafa;
  }
  .header {
    padding: 1.563vw 0;
    border-radius: 0 0 10px 10px;
  }
  .header__left {
    gap: 3.255vw;
  }
  .header__logo svg {
    width: 11.328vw;
  }
  .header__right {
    gap: 9.375vw;
  }
  .header__btn {
    background: transparent;
    box-shadow: 0 0 0 1px inset #fafafa;
    padding: 1.302vw;
  }
  .header__btn svg {
    width: 2.344vw;
    height: 2.344vw;
    flex-shrink: 0;
  }
  .hamburger {
    width: 4.427vw;
    height: 2.474vw;
    align-items: center;
  }
  .hamburger svg {
    width: 3.646vw;
    height: auto;
  }
  .nav {
    gap: 3.385vw;
  }
  .nav a {
    font-size: 1.432vw;
    line-height: normal;
  }
  .nav a:hover::after {
    width: 2.344vw;
  }
  .nav a::after {
    bottom: -0.391vw;
  }
  .header__shop-actions {
    gap: 2.604vw;
  }
  .header__shop-actions svg {
    width: 3.125vw;
    height: 3.125vw;
  }
  .header__cart-quant {
    font-size: 1.302vw;
    width: 2.865vw;
    height: 2.865vw;
    top: -1.432vw;
    right: -1.432vw;
  }
  .footer {
    border-radius: 1.953vw 1.953vw 0 0;
    margin-top: 5.208vw;
  }
  .footer__top {
    padding: 9.115vw 0 5.599vw;
  }
  .footer__logo {
    width: 11.328vw;
  }
  .footer__info {
    margin-top: 3.255vw;
  }
  .footer__info div {
    font-size: 1.432vw;
    line-height: normal;
    max-width: 14.974vw;
  }
  .footer__info-addr {
    margin-top: 1.302vw;
  }
  .footer__requisites {
    margin-top: 1.302vw;
    gap: 1.302vw;
  }
  .footer__requisites div {
    font-size: 1.432vw;
    line-height: 1;
  }
  .footer__menu {
    width: 75%;
    padding-right: 6.38vw;
  }
  .footer__col {
    width: auto;
  }
  .footer__subtitle {
    font-size: 1.563vw;
    line-height: 127%;
    letter-spacing: 0.016vw;
    margin-bottom: 3.906vw;
  }
  .footer__submenu {
    gap: 1.693vw;
  }
  .footer__submenu a {
    font-size: 2.083vw;
    line-height: normal; /* 143.889% */
  }
  .footer__contacts {
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid rgba(250, 250, 250, 0.1);
    justify-content: space-between;
  }
  .footer__socials {
    padding: 3.906vw 0;
    display: flex;
    gap: 2.083vw;
  }
  .footer__socials svg {
    width: 3.906vw;
    height: 3.906vw;
  }
  .footer__contacts-links {
    margin-top: 0;
  }
  .footer__email {
    font-size: 1.953vw;
    letter-spacing: 0.059vw;
  }
  .footer__phone {
    font-size: 1.953vw;
    letter-spacing: 0.059vw;
  }
  .footer__phone-wrap {
    margin-top: 1.302vw;
  }
  .footer__bottom {
    gap: 3.906vw;
    align-items: end;
    padding: 3.906vw 0;
  }
  .footer__bottom-item {
    font-size: 1.563vw;
  }
  .footer__bottom-content {
    flex-direction: column;
    gap: 2.083vw;
    align-items: start;
  }
  .subscribe {
    padding: 3.906vw 0;
    align-items: start;
  }
  .subscribe__title {
    font-size: 2.344vw;
    line-height: 3.255vw;
    letter-spacing: 0.141vw;
    max-width: 28.474vw;
    margin: 0;
  }
  .subscribe__form {
    gap: 4.036vw;
  }
  .subscribe__form-top {
    gap: 4.818vw;
  }
  .subscribe__agreements {
    gap: 0.781vw;
    margin-top: 0;
  }
  .subscribe__agreements .form__agreement {
    gap: 2.083vw;
  }
  .subscribe__agreements .form__agreement input {
    width: 2.344vw;
    height: 2.344vw;
  }
  .subscribe__btn {
    margin-top: 0;
    padding: 1.693vw 2.604vw;
  }
  .subscribe__field {
    width: 34.766vw;
  }
  .subscribe__input {
    font-size: 1.953vw;
    letter-spacing: 0.039vw;
    padding-bottom: 1.042vw;
  }
  .subscribe__label {
    font-size: 1.432vw;
    margin-bottom: 1.302vw;
  }
  .container {
    padding: 0 2.604vw;
  }
  .container_min {
    padding: 0 2.604vw;
  }
  .hero {
    border-radius: 0 0 1.953vw 1.953vw;
    padding: 12.109vw 0 4.557vw;
    min-height: 60.417vw;
    margin-bottom: 5.208vw;
  }
  .hero .container {
    display: flex;
    flex-direction: column;
  }
  .hero__title {
    margin-top: 11.198vw;
    margin-bottom: 8.203vw;
    max-width: 65.755vw;
  }
  .hero__bottom {
    margin-top: auto;
  }
  .hero__bottom-descr {
    gap: 9.896vw;
  }
  .hero__bottom-text {
    font-size: 1.432vw;
    line-height: 1.953vw; /* 136.364% */
    letter-spacing: 0.029vw;
    max-width: 26.172vw;
  }
  .hero__bottom-text-wrap {
    width: 26.042vw;
  }
  .hero__bottom-contact {
    font-size: 1.953vw;
    letter-spacing: 0.059vw;
  }
  .hero__bottom-mail {
    margin-bottom: 1.302vw;
  }
  .text {
    font-size: 1.563vw;
    line-height: 2.344vw; /* 143.889% */
  }
  section {
    padding: 5.208vw 0 5.208vw;
  }
  .request {
    border-radius: 1.953vw;
    margin-top: 5.208vw;
    margin-bottom: 5.208vw;
    padding: 9.115vw 0;
    min-height: 68.88vw;
  }
  .request .container_min {
    justify-content: start;
  }
  .request__title {
    max-width: 22.396vw;
    margin-bottom: 2.604vw;
  }
  .request__title_offer {
    max-width: 47.266vw;
  }
  .request__content {
    align-items: start;
  }
  .request__descr {
    max-width: 33.333vw;
    gap: 1.953vw;
  }
  .request__text_shedule {
    margin-top: 0vw;
  }
  .request__form {
    max-width: 46.615vw;
  }
  .request__form .form__agreement span {
    max-width: 28.646vw;
  }
  .request__field {
    margin-bottom: 3.906vw;
  }
  .request__label {
    font-size: 1.823vw;
    line-height: normal;
    margin-bottom: 2.734vw;
  }
  .request__input {
    padding-bottom: 1.042vw;
    font-size: 2.604vw;
    line-height: normal;
    letter-spacing: 0.052vw;
  }
  .request__bottom {
    padding-top: 0;
    flex-direction: column-reverse;
    align-items: start;
    gap: 3.255vw;
  }
  .request__submit {
    width: 100%;
  }
  .form__agreement {
    gap: 2.604vw;
    opacity: 0.7;
  }
  .form__agreement span {
    font-size: 1.563vw;
    letter-spacing: 0.016vw;
  }
  .form__agreement input {
    width: 2.865vw;
    height: 2.865vw;
  }
  .form__agreement input::before {
    border-radius: 0.521vw;
  }
  .form__agreement input:checked::before {
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='13' height='10' viewBox='0 0 13 10' fill='none'%3e%3cpath d='M4.275 9.01875L0 4.74375L1.06875 3.675L4.275 6.88125L11.1562 0L12.225 1.06875L4.275 9.01875Z' fill='%23FAFAFA'/%3e%3c/svg%3e") center center/1.237vw 0.911vw no-repeat;
  }
  .cards-section__top {
    margin-bottom: 2.604vw;
    padding: 0;
  }
  .cards-section__slider {
    width: 82.856vw;
  }
  .cards-section__slider-wrap {
    gap: 6.771vw;
  }
  .cards-section__slider .slick-list {
    padding-top: 2.604vw;
    margin: 0 -0.781vw;
  }
  .cards-section__slider .card {
    margin: 0 0.781vw;
  }
  .cards-section__next {
    margin-top: 2.604vw;
  }
  .arrow {
    width: 5.208vw;
    height: 5.208vw;
  }
  .card {
    border-radius: 1.953vw;
    padding: 3.255vw;
  }
  .card__labels {
    gap: 0.781vw;
  }
  .card__label {
    font-size: 1.693vw;
    padding: 1.302vw 1.563vw;
  }
  .card__image {
    height: 33.333vw;
    width: 100%;
  }
  .card__meta {
    margin-top: 1.823vw;
    margin-bottom: 1.693vw;
  }
  .card__title {
    white-space: normal;
    font-size: 2.604vw;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.026vw;
    max-width: 100%;
    height: 5.469vw;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .card__volume {
    gap: 6px;
  }
  .card__volume svg {
    width: 2.604vw;
    height: 2.604vw;
  }
  .off-coop__container {
    gap: 1.302vw;
  }
  .off-coop__img {
    border-radius: 1.953vw;
  }
  .off-coop__img-wrap {
    width: calc((100% - 1.302vw) / 2);
  }
  .off-coop__content {
    width: calc((100% - 1.302vw) / 2);
    border-radius: 1.953vw;
    padding: 2.604vw;
  }
  .off-coop__title {
    margin-bottom: 2.604vw;
  }
  .off-coop__descr {
    max-width: 39.453vw;
  }
  .off-coop__btn {
    margin-top: auto;
  }
  .social {
    padding: 5.208vw 0 5.417vw;
  }
  .social__container {
    padding: 0 2.604vw;
    align-items: center;
  }
  .social__title {
    max-width: 21.615vw;
    margin-bottom: 0;
    font-size: 3.125vw;
    line-height: 3.646vw;
  }
  .social__descr {
    display: none;
  }
  .social__links {
    width: auto;
    gap: 1.302vw;
    padding-top: 0;
  }
  .social__link {
    border-radius: 1.953vw;
    width: 22.656vw;
  }
  .social__link svg {
    width: 12.37vw;
    height: 12.37vw;
  }
  .subcontainer {
    margin-left: 0;
    margin-right: 0;
  }
  .slick-dots {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin: 3.906vw auto 0 auto;
  }
  .slick-dots li button {
    width: 1.302vw;
    height: 1.302vw;
    border-radius: 50%;
    background: rgba(31, 31, 29, 0.1);
    transition: 0.3s ease;
    font-size: 0;
    line-height: 0;
    display: block;
  }
  .slick-dots .slick-active button {
    background: #1f1f1d;
  }
  .h3 {
    font-size: 3.125vw;
    line-height: 3.516vw; /* 112.5% */
    letter-spacing: 0.148vw;
    text-transform: uppercase;
  }
  .h4 {
    font-size: 2.083vw;
    line-height: normal;
    letter-spacing: 0.052vw;
  }
  .btn_orange {
    background: #ef642d;
    box-shadow: 0 0 0 1px inset #ef642d;
    color: #fafafa;
  }
}
@media (max-width: 576px) {
  .show-mob-fl {
    display: flex !important;
  }
  .show-mob {
    display: block !important;
  }
  .hide-mob {
    display: none !important;
  }
  .h1 {
    font-size: 5.556vw;
    line-height: 6.111vw;
    letter-spacing: 0.167vw;
  }
  .h2 {
    font-size: 5vw;
    line-height: 6.944vw;
    letter-spacing: 0.222vw;
  }
  .btn {
    padding: 3.778vw 5.556vw;
    border-radius: 2.778vw;
    gap: 1.667vw;
    font-size: 3.889vw;
    letter-spacing: 0.039vw;
  }
  .btn svg {
    width: 3.611vw;
    height: 3.611vw;
  }
  .header {
    padding: 5vw 0;
    border-radius: 0 0 15px 15px;
  }
  .header__left {
    gap: 5.556vw;
  }
  .header__logo svg {
    width: 22.5vw;
  }
  .header__right {
    gap: 8.333vw;
  }
  .header__btn {
    background: transparent;
    box-shadow: 0 0 0 1px inset #fafafa;
    padding: 2.778vw;
  }
  .header__btn svg {
    width: 5vw;
    height: 5vw;
  }
  .hamburger {
    width: 7.778vw;
    height: 2.778vw;
  }
  .hamburger svg {
    width: 7.778vw;
    height: auto;
  }
  .nav {
    display: none;
  }
  .header__shop-actions {
    gap: 5.556vw;
  }
  .header__shop-actions svg {
    width: 6.667vw;
    height: 6.667vw;
  }
  .header__cart-quant {
    font-size: 2.778vw;
    width: 6.111vw;
    height: 6.111vw;
    top: -3.056vw;
    right: -3.056vw;
  }
  .footer {
    border-radius: 0;
    margin-top: 0;
  }
  .footer__top {
    padding: 13.889vw 0 15.278vw;
    flex-direction: column;
    gap: 6.944vw;
    align-items: start;
  }
  .footer__logo {
    width: 28.889vw;
  }
  .footer__info {
    margin-top: 5.556vw;
  }
  .footer__info div {
    font-size: 3.056vw;
    max-width: 31.944vw;
  }
  .footer__info-addr {
    margin-top: 2.778vw;
  }
  .footer__requisites {
    margin-top: 2.778vw;
    gap: 2.778vw;
  }
  .footer__requisites div {
    font-size: 3.056vw;
    line-height: 1;
  }
  .footer__menu {
    width: 100%;
    padding-right: 1.667vw;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 8.333vw 10.556vw;
  }
  .footer__col:nth-child(2) {
    grid-row: span 2;
  }
  .footer__subtitle {
    font-size: 3.333vw;
    letter-spacing: 0.033vw;
    margin-bottom: 5vw;
    line-height: 100%;
  }
  .footer__submenu {
    gap: 3.611vw;
  }
  .footer__submenu a {
    font-size: 4.444vw;
    line-height: 1;
  }
  .footer__contacts {
    flex-direction: column;
    justify-content: start;
    padding: 8.333vw 0;
  }
  .footer__socials {
    padding: 0;
    margin-bottom: 8.333vw;
    gap: 4.444vw;
  }
  .footer__socials svg {
    width: 9.167vw;
    height: 9.167vw;
  }
  .footer__email {
    font-size: 4.444vw;
    letter-spacing: 0.133vw;
    text-align: center;
    line-height: 1;
  }
  .footer__phone {
    font-size: 4.444vw;
    letter-spacing: 0.133vw;
    text-align: center;
  }
  .footer__phone-wrap {
    margin-top: 4.167vw;
    text-align: center;
  }
  .footer__bottom {
    gap: 8.333vw;
    align-items: start;
    padding: 8.333vw 0 11.111vw;
    flex-direction: column;
  }
  .footer__bottom-item {
    font-size: 3.333vw;
  }
  .footer__bottom-item:nth-child(1) {
    max-width: 59.444vw;
  }
  .footer__bottom-content {
    gap: 4.444vw;
  }
  .btn_up {
    align-self: center;
    padding: 2.778vw 11.389vw;
  }
  .subscribe {
    padding: 8.333vw 0 8.333vw;
    flex-direction: column;
  }
  .subscribe__title {
    font-size: 5vw;
    line-height: 6.944vw;
    letter-spacing: 0.3vw;
    max-width: 71.833vw;
    margin-bottom: 0;
  }
  .subscribe__form {
    gap: 5.556vw;
    width: 100%;
  }
  .subscribe__form-top {
    flex-direction: column;
    gap: 15vw;
    width: 100%;
    margin-top: 8.333vw;
  }
  .subscribe__agreements {
    gap: 6.389vw;
    margin-bottom: 3vw;
  }
  .subscribe__agreements .form__agreement {
    gap: 5.556vw;
  }
  .subscribe__agreements .form__agreement input {
    width: 6.111vw;
    height: 6.111vw;
  }
  .subscribe__agreements span {
    max-width: 50vw;
  }
  .subscribe__btn {
    padding: 3.611vw 5.556vw;
    width: 100%;
  }
  .subscribe__field {
    width: 100%;
  }
  .subscribe__input {
    font-size: 5.556vw;
    letter-spacing: 0.111vw;
    padding-bottom: 2.222vw;
  }
  .subscribe__label {
    font-size: 3.889vw;
    margin-bottom: 6.111vw;
    line-height: 1;
  }
  .subscribe .dropdown {
    max-height: 0;
    overflow: hidden;
  }
  .container {
    padding: 0 4.444vw;
  }
  .container_min {
    padding: 0 4.444vw;
  }
  .hero {
    border-radius: 0 0 2.778vw 2.778vw;
    padding: 25.833vw 0 6.944vw;
    min-height: 110.833vw;
    margin-bottom: 0;
  }
  .hero .img-bg {
    object-position: 80%;
  }
  .hero__title {
    margin-top: 4.167vw;
    margin-bottom: 5.278vw;
    max-width: 91.111vw;
  }
  .hero__bottom {
    flex-direction: column;
    gap: 5.833vw;
    align-items: end;
    justify-content: space-between;
    flex-grow: 1;
  }
  .hero__bottom-descr {
    gap: 3.333vw;
    align-items: start;
  }
  .hero__bottom-text {
    font-size: 3.333vw;
    line-height: 4.167vw; /* 136.364% */
    letter-spacing: 0.067vw;
    max-width: 43.889vw;
  }
  .hero__bottom-text-wrap {
    width: 43.889vw;
  }
  .hero__bottom-contact {
    font-size: 4.444vw;
    letter-spacing: 0.133vw;
  }
  .hero__bottom-mail {
    margin-bottom: 3.333vw;
  }
  .text {
    font-size: 3.333vw;
    line-height: 5vw; /* 143.889% */
  }
  section {
    padding: 15.278vw 0 15.278vw;
  }
  .request {
    border-radius: 3.333vw;
    margin-top: 0;
    margin-bottom: 0;
    padding: 15.278vw 0;
    min-height: 1px;
  }
  .request__title {
    max-width: 75.556vw;
    margin-bottom: 8.333vw;
  }
  .request__title_offer {
    max-width: 75.556vw;
  }
  .request__content {
    flex-direction: column-reverse;
    gap: 16.667vw;
  }
  .request__content_offer {
    gap: 11.111vw;
  }
  .request__descr {
    max-width: 78.333vw;
    gap: 4.167vw;
  }
  .request__form {
    max-width: 100%;
  }
  .request__form .form__agreement span {
    max-width: 61.111vw;
  }
  .request__field {
    margin-bottom: 7.778vw;
  }
  .request__label {
    font-size: 3.889vw;
    line-height: normal;
    margin-bottom: 5.833vw;
  }
  .request__input {
    padding-bottom: 2.222vw;
    font-size: 5.556vw;
  }
  .request__bottom {
    padding-top: 7.222vw;
    gap: 5.556vw;
  }
  .request__submit {
    width: 100%;
  }
  .form__agreement {
    gap: 5.556vw;
  }
  .form__agreement span {
    font-size: 3.333vw;
    letter-spacing: 0.033vw;
  }
  .form__agreement input {
    width: 6.111vw;
    height: 6.111vw;
  }
  .form__agreement input::before {
    border-radius: 1.111vw;
  }
  .form__agreement input:checked::before {
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='13' height='10' viewBox='0 0 13 10' fill='none'%3e%3cpath d='M4.275 9.01875L0 4.74375L1.06875 3.675L4.275 6.88125L11.1562 0L12.225 1.06875L4.275 9.01875Z' fill='%23FAFAFA'/%3e%3c/svg%3e") center center/2.639vw 1.944vw no-repeat;
  }
  .cards-section {
    padding-top: 12.5vw;
  }
  .cards-section__top {
    margin-bottom: 6.944vw;
  }
  .cards-section__slider {
    width: 100%;
  }
  .cards-section__slider-wrap {
    gap: 0;
  }
  .cards-section__slider .slick-list {
    padding-top: 5.556vw;
    margin: 0 -2.222vw;
  }
  .cards-section__slider .card {
    margin: 0 2.222vw;
  }
  .cards-section__next {
    display: none !important;
  }
  .cards-section__controls_mob {
    display: flex;
    align-items: center;
    gap: 2.222vw;
  }
  .cards-section__btn {
    margin-top: 8.333vw;
    width: 100%;
  }
  .arrow {
    width: 11.111vw;
    height: 11.111vw;
  }
  .card {
    border-radius: 5.556vw;
    padding: 6.944vw;
  }
  .card__labels {
    gap: 1.667vw;
  }
  .card__label {
    font-size: 3.611vw;
    padding: 3.056vw 3.333vw;
    letter-spacing: 0.108vw;
  }
  .card__image {
    height: 71.111vw;
  }
  .card__meta {
    margin-top: 3.889vw;
    margin-bottom: 3.611vw;
  }
  .card__title {
    font-size: 5.556vw;
    font-weight: 500;
    letter-spacing: 0.056vw;
    height: 11.667vw;
  }
  .card__volume svg {
    width: 5.556vw;
    height: 5.556vw;
  }
  .off-coop {
    overflow: hidden;
  }
  .off-coop__container {
    display: block;
  }
  .off-coop__container .slick-slide {
    margin: 0 1.667vw;
    height: auto;
  }
  .off-coop__container .slick-list {
    margin: 0 -1.667vw;
    overflow: visible;
  }
  .off-coop__img-wrap {
    width: auto;
    aspect-ratio: auto;
  }
  .off-coop__img {
    border-radius: 5.556vw;
    min-height: 104.722vw;
  }
  .off-coop__content {
    width: auto;
    aspect-ratio: auto;
    border-radius: 5.556vw;
    padding: 0;
    display: flex !important;
    min-height: 104.722vw;
  }
  .off-coop__content-inner {
    padding: 5.556vw 4.167vw 4.167vw 5.556vw;
    width: 100%;
  }
  .off-coop__title {
    margin-bottom: 8.333vw;
    max-width: 74.444vw;
  }
  .off-coop__descr {
    max-width: 72.778vw;
  }
  .off-coop__btn {
    margin-top: auto;
  }
  .social {
    padding: 15.278vw 0 15.278vw;
    overflow: hidden;
  }
  .social__container {
    padding: 0 4.444vw;
    flex-direction: column;
    align-items: start;
    gap: 8.333vw;
  }
  .social__title {
    max-width: 61.389vw;
    font-size: 5vw;
    line-height: 6.944vw;
    letter-spacing: 0.25vw;
  }
  .social__links {
    width: 100%;
    display: block;
  }
  .social__links .slick-list {
    margin: 0 -1.667vw;
    overflow: visible;
  }
  .social__link {
    display: flex !important;
    border-radius: 5.556vw;
    margin: 0 1.667vw;
  }
  .social__link svg {
    width: 23.611vw;
    height: 23.611vw;
  }
  .slick-dots {
    display: flex;
    justify-content: center;
    gap: 1.389vw;
    margin: 2.778vw auto 0 auto;
  }
  .slick-dots li button {
    width: 2.778vw;
    height: 2.778vw;
    border-radius: 2.778vw;
    background: rgba(31, 31, 29, 0.1);
    transition: 0.3s ease;
    font-size: 0;
    line-height: 0;
    display: block;
  }
  .slick-dots .slick-active button {
    background: #1f1f1d;
  }
  .h3 {
    font-size: 5vw;
    line-height: 6.944vw; /* 138.889% */
    letter-spacing: 0.3vw;
  }
  .h4 {
    font-size: 3.333vw;
    line-height: 1;
    letter-spacing: 0.1vw;
  }
}
.page__top_shop .breadcrumbs {
  margin-top: 6.375vw;
  margin-bottom: 5.208vw;
}

.breadcrumbs {
  margin-top: 9.635vw;
  display: flex;
  gap: 0.833vw;
  align-items: center;
}
.breadcrumbs li {
  display: flex;
  align-items: center;
  gap: 0.833vw;
}
.breadcrumbs li a,
.breadcrumbs li:last-child span {
  white-space: nowrap;
  font-size: 0.885vw;
  font-style: normal;
  font-weight: 400;
  line-height: 112%; /* 0.992vw */
  letter-spacing: 0.009vw;
  opacity: 0.5;
}
.breadcrumbs li a:hover {
  color: #ef642d;
  opacity: 1;
}
.breadcrumbs li:not(:first-child)::before {
  content: "";
  background: url("../img/icons/breadcrumbs.svg") center/contain no-repeat;
  display: inline-block;
  width: 1.25vw;
  height: 1.25vw;
  cursor: default;
  flex-shrink: 0;
  opacity: 0.5;
}
.breadcrumbs li:last-child {
  pointer-events: none;
}
.breadcrumbs li:last-child a,
.breadcrumbs li:last-child span {
  opacity: 1;
}
.breadcrumbs li:last-child::before {
  opacity: 1;
}

.dropdown {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s;
}

.dropdown-btn {
  cursor: pointer;
}
.subscribe__title-wrap.dropdown-btn {
  cursor: unset;
}

@media (max-width: 1150px) {
  .page__top_shop .breadcrumbs {
    margin-top: 10.109vw;
    margin-bottom: 5.208vw;
  }
  .breadcrumbs {
    gap: 5px;
  }
  .breadcrumbs li {
    gap: 5px;
  }
  .breadcrumbs li a {
    font-size: 1.563vw;
    line-height: 1; /* 19.04px */
    letter-spacing: 0;
  }
  .breadcrumbs li:not(:first-child)::before {
    width: 1.563vw;
    height: 1.563vw;
  }
}
@media (max-width: 576px) {
  .page__top_shop .breadcrumbs {
    margin-top: 25.833vw;
    margin-bottom: 4.167vw;
  }
  .breadcrumbs {
    gap: 5px;
  }
  .breadcrumbs li {
    gap: 5px;
  }
  .breadcrumbs li a {
    font-size: 3.333vw;
    line-height: 1; /* 19.04px */
    letter-spacing: 0.047vw;
  }
  .breadcrumbs li:not(:first-child)::before {
    width: 3.333vw;
    height: 3.333vw;
  }
  .breadcrumbs {
    overflow: hidden;
    flex-wrap: nowrap;
  }
  .breadcrumbs li {
    flex-shrink: 0;
  }
  .breadcrumbs li:last-child {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .breadcrumbs li:last-child a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .subscribe__title-wrap.dropdown-btn {
    cursor: pointer;
  }

  .card__volume {
    display: none;
  }
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100vw;
  height: calc(100 * var(--vh));
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.modal.show {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.modal__container {
  border-radius: 1.563vw;
  border: 1px solid rgba(31, 31, 29, 0.1);
  background: #fafafa;
  box-shadow: 0 451px 126px 0 rgba(0, 0, 0, 0), 0 289px 115px 0 rgba(0, 0, 0, 0.01), 0 0 55.3px 0 rgba(0, 0, 0, 0.11);
  padding: 7.813vw 4.167vw 4.167vw;
  position: relative;
  overflow-y: auto;
  max-height: calc(100 * var(--vh) - 1vh);
}

.close_modal {
  position: absolute;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 2.083vw;
  right: 2.083vw;
  width: 1.25vw;
  height: 1.25vw;
  opacity: 0.4;
}
.close_modal svg {
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}
.close_modal:hover {
  opacity: 1;
}

.btn_red-border {
  box-shadow: 0 0 0 1px inset #ff5542;
  color: #ff5542;
}
.btn_red-border:hover {
  background: #ff5542;
  color: #fafafa;
}

.btn_red {
  background: #ff5542;
  color: #fafafa;
  box-shadow: 0 0 0 1px inset #ff5542;
}
.btn_red:hover {
  box-shadow: 0 0 0 1px inset #1f1f1d;
}

.modal__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modal__title {
  font-size: 1.667vw;
  font-style: normal;
  font-weight: 500;
  line-height: 1.812vw; /* 108.75% */
  letter-spacing: 0.03vw;
  text-transform: uppercase;
  margin-bottom: 1.094vw;
  text-align: center;
}

@media (max-width: 1150px) {
  .modal {
    background: rgba(0, 0, 0, 0.3);
  }
  .modal__container {
    border-radius: 1.953vw;
    border: none;
    padding: 7.161vw 5.208vw;
  }
  .close_modal {
    top: 1.563vw;
    right: 1.563vw;
    width: 1.953vw;
    height: 1.953vw;
  }
  .modal__title {
    font-size: 2.344vw;
    line-height: 2.865vw; /* 122.222% */
    letter-spacing: 0.07vw;
    margin-bottom: 1.823vw;
  }
  .btn_red {
    background: transparent;
  }
  .btn_red-border {
    background: transparent;
  }
}
@media (max-width: 576px) {
  .modal__container {
    border-radius: 5.556vw;
    padding: 9.722vw 9.722vw 15.278vw;
    width: calc(100% - 8.889vw) !important;
  }
  .close_modal {
    top: 3.333vw;
    right: 3.333vw;
    width: 4.167vw;
    height: 4.167vw;
  }
  .modal__title {
    font-size: 4.444vw;
    line-height: 6.944vw; /* 122.222% */
    letter-spacing: 0.222vw;
    margin-bottom: 2.778vw;
  }
}
.nice-select .list {
  border-radius: 0.781vw;
  border: 1px solid #1f1f1d;
  background: #fafafa;
  left: 50%;
  transform: translateX(-50%);
  padding: 2.188vw 1.823vw;
  margin-top: 1.25vw;
}

.nice-select .option {
  padding: 0;
  line-height: 103%; /* 22.66px */
  min-height: 1px;
  opacity: 0.4;
}
.nice-select .option:not(:last-child) {
  margin-bottom: 1.302vw;
}

.nice-select {
  border: none;
  background: transparent;
  padding-left: 0;
  padding-right: 2.188vw;
  font-size: 1.146vw;
  font-style: normal;
  font-weight: 400;
  line-height: 103%; /* 1.18vw */
  letter-spacing: 0.011vw;
  height: auto;
}
.nice-select .current {
  transition: 0.2s ease-in-out;
  /* text-transform: lowercase; */
}
.nice-select:hover .current {
  opacity: 0.4;
}
.nice-select:hover:after {
  opacity: 0.4;
}
.nice-select:after {
  border: none;
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.8915 21.5324L5.99808 12.639L8.22104 10.416L16.0029 18.1979L23.7849 10.416L26.0078 12.639L17.1144 21.5324C16.8196 21.8271 16.4198 21.9926 16.0029 21.9926C15.5861 21.9926 15.1863 21.8271 14.8915 21.5324Z' fill='%231F1F1D' stroke='%23FAFAFA' stroke-width='0.5'/%3e%3c/svg%3e") center center/contain no-repeat;
  width: 1.667vw;
  height: 1.667vw;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  margin-top: 0;
  transform-origin: 50% 50%;
}
.nice-select.open:after {
  transform: rotate(-180deg) translateY(50%);
  transform-origin: 50% 50%;
}
.nice-select.open .list {
  transform: scale(1) translateY(0) translateX(-50%);
}
.nice-select.open .current {
  opacity: 0.4;
}
.nice-select.open:after {
  opacity: 0.4;
}

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

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

.checkbox__label {
  align-items: center;
  display: flex;
  cursor: pointer;
  gap: 1.042vw;
}
.checkbox__label input {
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  width: 1.875vw;
  height: 1.875vw;
  cursor: pointer;
  flex-shrink: 0;
}
.checkbox__label input::before {
  content: "";
  position: absolute;
  inset: 0;
  transition: all 0.2s;
  border-radius: 4px;
  border: 1.5px solid rgba(31, 31, 29, 0.1);
}
.checkbox__label input:checked::before {
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='25' height='19' viewBox='0 0 25 19' fill='none'%3e%3cpath d='M8.55 18.0375L0 9.4875L2.1375 7.35L8.55 13.7625L22.3125 0L24.45 2.1375L8.55 18.0375Z' fill='%231F1F1D'/%3e%3c/svg%3e") center center/1.25vw 0.938vw no-repeat;
  border: 1px solid rgb(31, 31, 29);
}

@media (max-width: 1150px) {
  .btn_red {
    background: #ff5542;
  }
  .nice-select .list {
    border-radius: 1.302vw;
    padding: 2.604vw;
    margin-top: 1.563vw;
    left: 0;
    transform: none;
  }
  .nice-select .option:not(:last-child) {
    margin-bottom: 1.302vw;
  }
  .nice-select {
    padding-right: 3.385vw;
    font-size: 1.563vw;
    line-height: 1;
    letter-spacing: 0.029vw;
  }
  .nice-select:after {
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.8915 21.5324L5.99808 12.639L8.22104 10.416L16.0029 18.1979L23.7849 10.416L26.0078 12.639L17.1144 21.5324C16.8196 21.8271 16.4198 21.9926 16.0029 21.9926C15.5861 21.9926 15.1863 21.8271 14.8915 21.5324Z' fill='%231F1F1D' stroke='%23FAFAFA' stroke-width='0.5'/%3e%3c/svg%3e") center center/contain no-repeat;
    width: 2.604vw;
    height: 2.604vw;
  }
  .nice-select.open .current {
    opacity: 1;
  }
  .nice-select.open:after {
    opacity: 1;
  }
  .nice-select.open .list {
    transform: scale(1) translateY(0);
  }
  .checkbox__label {
    gap: 2.083vw;
  }
  .checkbox__label input {
    width: 3.385vw;
    height: 3.385vw;
  }
  .checkbox__label input::before {
    border-radius: 3px;
    border: 1px solid rgba(31, 31, 29, 0.1);
    transition: 0.3s;
  }
  .checkbox__label input:checked::before {
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='25' height='19' viewBox='0 0 25 19' fill='none'%3e%3cpath d='M8.55 18.0375L0 9.4875L2.1375 7.35L8.55 13.7625L22.3125 0L24.45 2.1375L8.55 18.0375Z' fill='%231F1F1D'/%3e%3c/svg%3e") center center/1.823vw 1.302vw no-repeat;
  }
}
@media (max-width: 576px) {
  .nice-select .list {
    border-radius: 2.778vw;
    padding: 5.556vw;
    margin-top: 2.222vw;
    transform: none;
  }
  .nice-select .option:not(:last-child) {
    margin-bottom: 2.778vw;
  }
  .nice-select {
    padding-right: 7.222vw;
    font-size: 3.333vw;
    letter-spacing: 0.061vw;
  }
  .nice-select:after {
    width: 5.556vw;
    height: 5.556vw;
  }
  .checkbox__label {
    gap: 4.444vw;
  }
  .checkbox__label input {
    width: 7.222vw;
    height: 7.222vw;
  }
  .checkbox__label input::before {
    border-radius: 3px;
  }
  .checkbox__label input:checked::before {
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='25' height='19' viewBox='0 0 25 19' fill='none'%3e%3cpath d='M8.55 18.0375L0 9.4875L2.1375 7.35L8.55 13.7625L22.3125 0L24.45 2.1375L8.55 18.0375Z' fill='%231F1F1D'/%3e%3c/svg%3e") center center/3.889vw 2.778vw no-repeat;
  }
}
.input_error__text {
  display: none;
}

.input_error {
  position: relative;
}

.input_error {
  display: block;
}
.input_error .input_error__text {
  display: block;
}

.input_error__text {
  font-size: 0.781vw;
  font-weight: 400;
  line-height: 112%; /* 0.875vw */
  letter-spacing: 0.008vw;
  /* position: absolute; */
  top: 100%;
  margin-top: 0.729vw;
  color: #ff5542;
}

.btn.disabled {
  opacity: 0.4;
  background: #1f1f1d;
  color: #fafafa;
  pointer-events: none;
}

@media (max-width: 1150px) {
  .input_error__text {
    font-size: 1.432vw;
    letter-spacing: 0.02vw;
    margin-top: 1.302vw;
  }
}
@media (max-width: 576px) {
  .input_error__text {
    font-size: 3.056vw;
    letter-spacing: 0.042vw;
    margin-top: 2.778vw;
  }
  .subscribe__title-wrap {
    display: flex;
    align-items: start;
    justify-content: space-between;
    width: 100%;
  }
  .subscribe__title-wrap svg {
    transition: 0.3s;
  }
  .subscribe__title-wrap.active svg {
    transform: rotate(180deg);
  }
}
.minicart {
  width: 31.927vw;
  border-radius: 1.042vw;
  border: 1px solid #1f1f1d;
  background: #fafafa;
  position: absolute;
  top: 5.365vw;
  right: 1.042vw;
  padding: 1.406vw 2.083vw 0 2.083vw;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 5;
}
.minicart.show {
  opacity: 1;
  visibility: visible;
}
.minicart__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1.406vw;
  border-bottom: 1px solid rgba(31, 31, 29, 0.1);
}
.minicart__content {
  margin-top: 2.604vw;
}
.minicart__list {
  max-height: 33.177vw;
  overflow: auto;
  padding-right: 2.604vw;
  padding-bottom: 0.104vw;
}
.minicart__list .cart-item__img {
  width: 9.063vw;
  flex-shrink: 0;
  border-radius: 0.521vw;
}
.minicart__list .cart-item__img img {
  height: 7.865vw;
  max-width: 7.865vw;
}
.minicart__list .cart-item {
  gap: 1.042vw;
  align-items: center;
  padding-bottom: 1.042vw !important;
  border: none !important;
}
.minicart__list .cart-item .card__title {
  font-size: 1.042vw;
  margin-bottom: 2.031vw;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.minicart__list .cart-item .card__label {
  font-size: 0.573vw;
  padding: 0.365vw 0.521vw 0.313vw 0.521vw;
}
.minicart__list .card__labels {
  transform: none;
  top: 0;
  left: 10.104vw;
  gap: 0.208vw;
  position: static;
  margin-bottom: 0.677vw;
}
.minicart__list .cart-item__delete {
  width: 1.25vw;
}
.minicart__list::-webkit-scrollbar {
  width: 0.417vw;
}
.minicart__list::-webkit-scrollbar-track {
  background: rgba(31, 31, 29, 0.1);
  border-radius: 5px;
}
.minicart__list::-webkit-scrollbar-thumb {
  background: #1f1f1d;
  border-radius: 5px;
}
.minicart__list::-webkit-scrollbar-button:end:increment {
  background: #fafafa;
  display: block !important;
  height: 1.146vw;
  pointer-events: none;
}
.minicart__list * {
  scrollbar-width: thin;
  scrollbar-color: #1f1f1d rgba(31, 31, 29, 0.1);
}

.cart__clear {
  display: flex;
  gap: 0.521vw;
  font-size: 1.146vw;
  font-style: normal;
  font-weight: 400;
  line-height: 103%; /* 1.18vw */
  letter-spacing: 0.011vw;
  transition: 0.3s;
  align-items: center;
}
.cart__clear svg {
  width: 1.25vw;
  aspect-ratio: 1/1;
}
.cart__clear:hover {
  opacity: 0.6;
}

@media (max-width: 1150px) {
  .minicart {
    width: 57.161vw;
    border-radius: 1.953vw;
    border: none;
    box-shadow: 0 58.724vw 16.406vw 0 rgba(0, 0, 0, 0), 0 37.63vw 14.974vw 0 rgba(0, 0, 0, 0.01), 0 0 7.201vw 0 rgba(0, 0, 0, 0.11);
    top: 7.161vw;
    right: 2.604vw;
    padding: 3.906vw 3.906vw 0 3.906vw;
  }
  .minicart__top {
    padding-bottom: 3.906vw;
  }
  .minicart__content {
    margin-top: 3.906vw;
  }
  .minicart__list {
    max-height: 69.661vw;
    padding-right: 1.953vw;
    padding-bottom: 0.651vw;
  }
  .minicart__list .cart-item__img {
    width: 12.891vw;
    height: 12.891vw;
    border-radius: 3px;
  }
  .minicart__list .cart-item__img img {
    height: 11.328vw;
    max-width: 11.328vw;
  }
  .minicart__list .cart-item {
    gap: 1.953vw;
    padding-bottom: 3.255vw !important;
    align-items: stretch;
  }
  .minicart__list .cart-item .card__title {
    font-size: 1.563vw;
    margin-bottom: 1.042vw;
  }
  .minicart__list .cart-item .card__label {
    font-size: 1.302vw;
    padding: 0.651vw 0.781vw;
  }
  .minicart__list .card__labels {
    position: static;
    gap: 0.521vw;
  }
  .minicart__list .cart-item .product__quantity {
    margin-top: auto;
  }
  .minicart__list .cart-item__delete {
    width: 2.604vw;
  }
  .minicart__list::-webkit-scrollbar {
    width: 0.651vw;
  }
  .minicart__list::-webkit-scrollbar-track {
    border-radius: 5px;
  }
  .minicart__list::-webkit-scrollbar-thumb {
    border-radius: 5px;
  }
  .minicart__list::-webkit-scrollbar-button:end:increment {
    height: 3.906vw;
  }
  .cart__clear {
    gap: 0.781vw;
    font-size: 1.563vw;
    line-height: 150%;
    letter-spacing: 0.029vw;
  }
  .cart__clear svg {
    width: 2.604vw;
  }
}
@media (max-width: 576px) {
  .minicart {
    display: none !important;
  }
}
.input_error input {
  border-bottom-color: #ff5542;
}
.request__input.input_error,
.base-input.input_error,
.form__input.input_error {
  border-bottom-color: #ff5542;
}
.request__input.input_error::placeholder,
.base-input.input_error::placeholder,
.form__input.input_error::placeholder {
  color: #ff5542;
  opacity: 0.7;
}

.hide {
  display: none !important;
}

.header__btn .header__btn-icon_open {
  display: none;
}

.header__btn.open_full-modal .header__btn-icon_open {
  display: block;
}
.header__btn.open_full-modal .header__btn-icon_default {
  display: none;
}

.menu-wrap {
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100 * var(--vh));
  width: 100vw;
  z-index: 6;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  background: rgba(0, 0, 0, 0.3);
}
.menu-wrap.show {
  opacity: 1;
  visibility: visible;
}

.menu {
  height: auto;
  max-height: 100%;
  width: 100vw;
  background: #fafafa;
  overflow-y: auto;
  transition: 0.3s;
  border-radius: 0 0 25px 25px;
}
.menu__top {
  display: flex;
  align-items: center;
  gap: 3.125vw;
  padding: 2.083vw 0;
}
.menu .subscribe__input {
  border-bottom-color: #1f1f1d;
}
.menu .form__agreement input::before {
  box-shadow: 0 0 0 1px inset #1f1f1d;
}
.menu .subscribe {
  border-top-color: rgba(31, 31, 29, 0.1);
  border-bottom-color: rgba(31, 31, 29, 0.1);
  padding-top: 2.083vw;
  padding-bottom: 2.083vw;
  padding-left: 8.188vw;
  padding-right: 9.7vw;
}
.menu .footer__socials {
  margin-top: 3.646vw;
}
.menu .footer__socials svg path {
  fill: #1f1f1d;
}
.menu .footer__contacts-links {
  margin-top: 1.823vw;
}
.menu .footer__contacts {
  align-items: start;
}
.menu .footer__email {
  text-align: left;
}
.menu .footer__phone {
  text-align: left;
}
.menu .footer__phone-wrap {
  text-align: left;
}
.menu .form__agreement input:checked::before {
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='13' height='10' viewBox='0 0 13 10' fill='none'%3e%3cpath d='M4.275 9.01875L0 4.74375L1.06875 3.675L4.275 6.88125L11.1562 0L12.225 1.06875L4.275 9.01875Z' fill='%231F1F1D'/%3e%3c/svg%3e") center center/0.625vw 0.469vw no-repeat;
}
.menu .subscribe__agreements {
  flex-direction: row;
  gap: 1.042vw;
}
.menu .form__agreement {
  gap: 1.042vw;
}
.menu .subscribe__btn {
  margin-top: 1.592vw;
}
.menu .subscribe__form {
  gap: 2.083vw;
}
.menu .footer__bottom {
  padding: 2.083vw 0;
}

.menu__content {
  padding: 3.385vw 11.25vw 6.563vw 8.188vw;
  display: flex;
  justify-content: space-between;
}
.menu__content-subtitle {
  opacity: 0.3;
  font-size: 0.938vw;
  font-weight: 400;
  line-height: 1.349vw;
  text-transform: uppercase;
  margin-bottom: 3.542vw;
}
.menu__content-list {
  display: flex;
  flex-direction: column;
  gap: 1.563vw;
}
.menu__content-list a {
  font-size: 2.083vw;
  font-weight: 500;
  line-height: 2.396vw; /* 115% */
  letter-spacing: 0.057vw;
  text-transform: uppercase;
}
.menu__content-list a:hover {
  color: #ef642d;
}

.close_menu {
  width: 2.476vw;
  height: auto;
}
.close_menu svg {
  width: 100%;
  height: auto;
}
.close_menu line {
  transition: 0.2s;
}
.close_menu:hover line {
  stroke: #ef642d;
}

@media (max-width: 1150px) {
  .menu {
    height: auto;
    border-radius: 0 0 15px 15px;
  }
  .menu__top {
    gap: 2.995vw;
    padding: 2.604vw 0;
  }
  .menu .footer__socials {
    margin-top: 5.469vw;
    padding-top: 0;
    padding-bottom: 2.214vw;
    gap: 1.563vw;
  }
  .menu .form__agreement input:checked::before {
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='13' height='10' viewBox='0 0 13 10' fill='none'%3e%3cpath d='M4.275 9.01875L0 4.74375L1.06875 3.675L4.275 6.88125L11.1562 0L12.225 1.06875L4.275 9.01875Z' fill='%231F1F1D'/%3e%3c/svg%3e") center center/1.237vw 0.911vw no-repeat;
  }
  .menu .footer__contacts {
    flex-direction: column;
  }
  .menu .subscribe__agreements {
    flex-direction: column;
    gap: 0.781vw;
  }
  .menu .footer__contacts-links {
    margin-top: 0;
  }
  .menu .footer__socials svg {
    width: 2.604vw;
    height: 2.604vw;
  }
  .menu .subscribe {
    padding-top: 3.906vw;
    padding-bottom: 3.906vw;
    padding-left: 0;
    padding-right: 0;
  }
  .menu .subscribe__form {
    gap: 3.906vw;
  }
  .menu .subscribe__btn {
    margin-top: 0;
  }
  .menu .footer__bottom {
    padding: 3.906vw 0;
  }
  .menu .form__agreement {
    gap: 2.083vw;
  }
  .menu__content {
    padding: 2.604vw 5.208vw 5.208vw 0;
  }
  .menu__content-subtitle {
    font-size: 1.563vw;
    line-height: 127%; /* 1.984vw */
    letter-spacing: 0.016vw;
    margin-bottom: 2.344vw;
  }
  .menu__content-list {
    gap: 1.693vw;
  }
  .menu__content-list a {
    font-size: 2.083vw;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.063vw;
  }
  .close_menu {
    width: 3.906vw;
  }
}
@media (max-width: 576px) {
  .menu {
    height: calc(100 * var(--vh));
    border-radius: 0;
  }
  .menu__top {
    gap: 7.778vw;
    padding: 6.944vw 0;
  }
  .menu .footer__socials {
    margin-top: 0vw;
    padding-bottom: 0;
    gap: 4.444vw;
  }
  .menu .form__agreement input:checked::before {
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='13' height='10' viewBox='0 0 13 10' fill='none'%3e%3cpath d='M4.275 9.01875L0 4.74375L1.06875 3.675L4.275 6.88125L11.1562 0L12.225 1.06875L4.275 9.01875Z' fill='%231F1F1D'/%3e%3c/svg%3e") center center/2.639vw 1.944vw no-repeat;
  }
  .menu .footer__contacts {
    align-items: center;
    border-bottom-color: rgba(31, 31, 29, 0.1);
  }
  .menu .subscribe__agreements {
    gap: 6.389vw;
  }
  .menu .footer__email {
    text-align: center;
  }
  .menu .footer__phone {
    text-align: center;
  }
  .menu .footer__phone-wrap {
    text-align: center;
  }
  .menu .footer__contacts-links {
    margin-top: 0;
  }
  .menu .header__logo svg {
    width: 28.889vw;
  }
  .menu .subscribe__form {
    gap: 4.444vw;
  }
  .menu .footer__socials svg {
    width: 9.167vw;
    height: 9.167vw;
  }
  .menu .form__agreement {
    gap: 5.556vw;
  }
  .menu__content {
    padding: 0.278vw 0 15.278vw;
    flex-wrap: wrap;
    gap: 5.556vw;
  }
  .menu__content-subtitle {
    font-size: 3.333vw;
    line-height: 127%; /* 4.233vw */
    letter-spacing: 0.033vw;
    margin-bottom: 5vw;
  }
  .menu__content-list {
    gap: 3.611vw;
  }
  .menu__content-list a {
    font-size: 4.444vw;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.133vw;
  }
  .close_menu {
    width: 8.333vw;
  }
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

.list-main {
  display: flex;
  flex-direction: column;
  gap: 1.406vw;
}
.list-main li {
  opacity: 0.6;
  font-size: 0.833vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  position: relative;
  padding-left: 1.823vw;
}
.list-main li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.5;
  background: #1f1f1d;
  width: 0.677vw;
  height: 0.677vw;
  border-radius: 50%;
}

@media (max-width: 1150px) {
  .list-main {
    gap: 1.302vw;
  }
  .list-main li {
    font-size: 1.432vw;
    padding-left: 2.604vw;
    line-height: 2.344vw;
  }
  .list-main li::before {
    top: 0.521vw;
    width: 1.302vw;
    height: 1.302vw;
  }
}
@media (max-width: 576px) {
  .list-main {
    gap: 2.778vw;
  }
  .list-main li {
    font-size: 3.056vw;
    padding-left: 5.556vw;
    line-height: 5vw;
  }
  .list-main li::before {
    top: 1.111vw;
    width: 2.778vw;
    height: 2.778vw;
  }
}
.header__account-wrap {
  position: relative;
}

.header__account-menu {
  position: absolute;
  border-radius: 0.781vw;
  box-shadow: 0 0 0 1px inset #1f1f1d;
  background: #fafafa;
  width: 18.49vw;
  right: 0;
  top: 100%;
  margin-top: 1.042vw;
  z-index: 10;
}
.header__account-menu-inner {
  padding: 2.344vw;
}
.header__account-menu a {
  color: rgba(31, 31, 29, 0.4);
  font-size: 1.146vw;
  font-weight: 400;
  line-height: 103%; /* 1.18vw */
  letter-spacing: 0.011vw;
  display: flex;
  align-items: end;
  gap: 0.781vw;
  white-space: nowrap;
}
.header__account-menu a svg {
  height: 100%;
  width: auto;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.header__account-menu a:hover {
  color: #1f1f1d;
}
.header__account-menu a:hover .header__account-menu-icon {
  opacity: 1;
}
.header__account-menu-icon {
  height: 1.354vw;
  width: 1.354vw;
  position: relative;
  opacity: 0.2;
  transition: 0.3s;
}
.header__account-menu-top {
  display: flex;
  flex-direction: column;
  gap: 1.198vw;
  align-items: start;
  padding-bottom: 1.823vw;
}
.header__account-menu-bottom {
  display: flex;
  flex-direction: column;
  gap: 0.99vw;
  align-items: start;
  padding-top: 1.823vw;
  border-top: 1px solid rgba(31, 31, 29, 0.1);
}

.result__bottom {
  margin-top: 5.208vw;
  display: flex;
  justify-content: end;
  position: relative;
}
.result__more {
  justify-self: center;
  font-size: 1.146vw;
  font-style: normal;
  font-weight: 400;
  line-height: 103%; /* 1.18vw */
  letter-spacing: 0.011vw;
  transition: 0.3s;
  color: #ef642d;
  justify-self: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.result__more:hover {
  color: #1f1f1d;
}

.pagination {
  justify-self: end;
  display: flex;
  justify-content: end;
  gap: 0.521vw;
  margin-left: auto;
}
.pagination__item a {
  font-size: 0.938vw;
  font-weight: 400;
  line-height: 1.349vw; /* 143.889% */
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.979vw;
  height: 1.979vw;
  border-radius: 0.521vw;
  border: 1px solid rgba(31, 31, 29, 0.1);
  transition: 0.3s;
}
.pagination__item.active a {
  border-color: #1f1f1d;
}
.pagination__item.disabled {
  pointer-events: none;
}
.pagination__item:hover a {
  border-color: #1f1f1d;
}

.social_page {
  padding-bottom: 6.667vw;
}
.social_page .social__container {
  align-items: center;
}
.social_page .social__links {
  padding-top: 0;
}
.social_page .social__title {
  margin-bottom: 0;
}

.news__type {
  padding: 2.656vw 0;
  border-top: 1px solid rgba(31, 31, 29, 0.1);
  border-bottom: 1px solid rgba(31, 31, 29, 0.1);
}
.news__type-list {
  display: flex;
  gap: 4.115vw;
}
.news__type-item {
  font-size: 1.25vw;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.025vw;
  text-transform: uppercase;
  transition: 0.3s;
}
.news__type-item.active {
  color: #ef642d;
}
.news__type-item:hover {
  color: #ef642d;
}
.news__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-auto-rows: 1fr;
  gap: 3.125vw 0.99vw;
  margin-top: 3.646vw;
}

.cards-section__top_shop_mb90 {
  margin-bottom: 3.621vw !important;
}

@media (max-width: 1150px) {
  .header__account-menu {
    border-radius: 1.302vw;
    width: 29.036vw;
    margin-top: 1.432vw;
  }
  .header__account-menu-inner {
    padding: 2.604vw;
  }
  .header__account-menu a {
    font-size: 1.953vw;
    line-height: normal;
    letter-spacing: 0.029vw;
    gap: 1.953vw;
  }
  .header__account-menu-icon {
    height: 2.344vw;
    width: 2.344vw;
  }
  .header__account-menu-top {
    gap: 1.563vw;
    padding-bottom: 2.604vw;
  }
  .header__account-menu-bottom {
    gap: 1.563vw;
    padding-top: 2.604vw;
  }
  .result__bottom {
    margin-top: 5.208vw;
  }
  .result__more {
    font-size: 1.563vw;
    line-height: 1;
    letter-spacing: 0.029vw;
  }
  .pagination {
    gap: 0.911vw;
  }
  .pagination__item a {
    font-size: 1.953vw;
    font-weight: 400;
    line-height: 1; /* 143.889% */
    min-width: 4.427vw;
    height: 4.427vw;
    border-radius: 1.302vw;
  }
  .social_page {
    padding-bottom: 5.208vw;
  }
  .social_page .social__container {
    align-items: center;
  }
  .social_page .social__links {
    padding-top: 0;
  }
  .news__type {
    padding: 3.255vw 2.604vw;
    margin: 0 -2.604vw;
  }
  .news__type-list {
    gap: 2.865vw;
    margin: 0 -2.604vw;
    padding: 0 2.604vw;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .news__type-item {
    font-size: 2.083vw;
    letter-spacing: 0.063vw;
    text-transform: uppercase;
    white-space: nowrap;
  }
  .news__list {
    gap: 3.906vw 1.172vw;
    margin-top: 4.557vw;
  }
  .cards-section__top_shop_mb90 {
    margin-bottom: 2.995vw !important;
  }
}
@media (max-width: 576px) {
  .header__account-menu {
    border-radius: 2.778vw;
    width: 61.944vw;
    margin-top: 3.333vw;
  }
  .header__account-menu-inner {
    padding: 5.556vw;
  }
  .header__account-menu a {
    font-size: 4.167vw;
    letter-spacing: 0.061vw;
    gap: 4.167vw;
  }
  .header__account-menu-icon {
    height: 5vw;
    width: 5vw;
  }
  .header__account-menu-top {
    gap: 3.333vw;
    padding-bottom: 5.556vw;
  }
  .header__account-menu-bottom {
    gap: 3.333vw;
    padding-top: 5.556vw;
  }
  .result__bottom {
    margin-top: 6.944vw;
    align-items: center;
    flex-direction: column-reverse;
    gap: 6.944vw;
  }
  .result__more {
    font-size: 3.333vw;
    line-height: 1;
    letter-spacing: 0.061vw;
    position: static;
    transform: none;
  }
  .pagination {
    gap: 1.944vw;
    justify-content: center;
    margin-left: 0;
  }
  .pagination__item a {
    font-size: 4.167vw;
    min-width: 9.444vw;
    height: 9.444vw;
    border-radius: 2.778vw;
  }
  .social_page {
    padding-bottom: 15.278vw;
  }
  .social_page .social__container {
    align-items: start;
  }
  .social_page .social__links {
    padding-top: 0;
  }
  .news__type {
    padding: 6.944vw 4.444vw;
    margin: 0 -4.444vw;
  }
  .news__type-list {
    gap: 6.111vw;
    margin: 0 -4.444vw;
    padding: 0 4.444vw;
  }
  .news__type-item {
    font-size: 4.444vw;
    letter-spacing: 0.133vw;
  }
  .news__list {
    gap: 6.944vw 3.333vw;
    margin-top: 8.333vw;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-auto-rows: auto;
  }
  .cards-section__top_shop_mb90 {
    margin-bottom: 11.111vw !important;
  }
}
.breadcrumbs_page {
  margin-top: 0;
}
.breadcrumbs_page a {
  color: #fafafa;
}
.breadcrumbs_page li:not(:first-child)::before {
  background-image: url("../img/icons/breadcrumbs_white.svg");
}

.form__agreement.input_error {
  display: flex;
}
.form__agreement.input_error .input_error__text {
  white-space: nowrap;
}

.input_error input[type=checkbox]::before {
  box-shadow: 0 0 0 1px inset #ff5542 !important;
}

.notif {
  border-radius: 1.563vw;
  border: 1px solid rgba(31, 31, 29, 0.1);
  background: #fafafa;
  box-shadow: 0 23.49vw 6.563vw 0 rgba(0, 0, 0, 0), 0 15.052vw 5.99vw 0 rgba(0, 0, 0, 0.01), 0 0 2.88vw 0 rgba(0, 0, 0, 0.11);
  width: 18.958vw;
  height: 7.656vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
  top: 5.208vw;
  right: 1.042vw;
  z-index: 1051;
}
.notif__text {
  font-size: 0.938vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.349vw;
  text-align: center;
  white-space: nowrap;
}
.notif__close {
  opacity: 0.4;
  transition: 0.3s;
  position: absolute;
  top: 1.042vw;
  right: 1.042vw;
}
.notif__close:hover {
  opacity: 1;
}
.notif__close svg {
  display: block;
  width: 1.25vw;
  height: 1.25vw;
}
.notif.show {
  opacity: 1;
  visibility: visible;
}

.succes__subtitle {
  font-size: 0.938vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.349vw;
  margin-bottom: 0.677vw;
  text-align: center;
}
.succes__subtitle span {
  color: #ef642d;
}

.success__modal-container {
  width: 26.979vw;
  height: auto;
  padding: 3.958vw 2.604vw 3.438vw;
}
.success__modal-container .modal__title {
  margin-bottom: 0.677vw;
}
.success__modal-container .close_modal {
  top: 1.042vw;
  right: 1.302vw;
}

.cookie {
  border-radius: 1.042vw;
  border: 1px solid #1f1f1d;
  background: #fafafa;
  padding: 1.563vw;
  width: 52.135vw;
  display: flex;
  align-items: center;
  gap: 4.531vw;
  position: fixed;
  bottom: 1.042vw;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.cookie.show {
  opacity: 1;
  visibility: visible;
}
.cookie__title {
  font-size: 1.25vw;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.025vw;
  text-transform: uppercase;
  margin-bottom: 0.833vw;
}
.cookie__descr {
  font-size: 0.781vw;
  font-style: normal;
  font-weight: 400;
  line-height: 127%; /* 0.992vw */
  letter-spacing: 0.008vw;
  opacity: 0.57;
}
.cookie__descr a {
  text-decoration: underline;
  display: inline;
}
.cookie__descr a:hover {
  color: #ef642d;
}

.card__volume-wrap {
  position: relative;
}

.card__volume svg {
  transition: 0.2s;
}
.card__volume.active svg {
  transform: rotate(180deg);
}

.card__volume-choice {
  position: absolute;
  margin-top: 0.521vw;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0.781vw;
  border: 1px solid #1f1f1d;
  background: #fafafa;
  z-index: 3;
  padding: 1.563vw;
  opacity: 0;
  visibility: hidden;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 0.625vw;
}
.card__volume-choice.show {
  opacity: 1;
  visibility: visible;
}
.search__cards .card__volume {
  cursor: unset;
}
.search__cards .card__volume svg {
  display: none;
}
.search__cards .card__volume-choice {
  display: none;
}
.card__volume-choice > div {
  cursor: pointer;
}
.card__volume-choice > * {
  font-size: 0.938vw;
  font-style: normal;
  font-weight: 400;
  line-height: 103%; /* 0.966vw */
  letter-spacing: 0.009vw;
  transition: 0.2s;
  white-space: nowrap;
}
.card__volume-choice > *:hover {
  color: #ef642d;
}

.header__account {
  padding: 0.677vw 1.042vw;
}

.header__account-name {
  font-size: 0.781vw;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.008vw;
  text-transform: uppercase;
}

@media (max-width: 1150px) {
  .notif {
    border-radius: 1.302vw;
    box-shadow: 0 58.724vw 16.406vw 0 rgba(0, 0, 0, 0), 0 37.63vw 14.974vw 0 rgba(0, 0, 0, 0.01), 0 0 7.201vw 0 rgba(0, 0, 0, 0.11);
    width: auto;
    height: 10.677vw;
    top: 7.813vw;
    right: 2.604vw;
    padding: 2.604vw 3.906vw;
  }
  .notif__text {
    font-size: 1.563vw;
    line-height: 1;
  }
  .notif__close {
    top: 0.781vw;
    right: 0.781vw;
  }
  .notif__close svg {
    width: 1.953vw;
    height: 1.953vw;
  }
  .succes__subtitle {
    font-size: 2.083vw;
    line-height: 1;
    margin-bottom: 2.604vw;
  }
  .success__modal-container {
    width: 57.161vw;
    height: auto;
    padding: 7.161vw 5.208vw;
  }
  .success__modal-container .modal__title {
    margin-bottom: 1.823vw;
  }
  .success__modal-container .modal__content {
    justify-content: end;
    height: 100%;
  }
  .success__modal-container .close_modal {
    top: 1.953vw;
    right: 1.953vw;
  }
  .success__modal {
    background: transparent;
  }
  .success-request__modal-container .succes__subtitle {
    max-width: 39.063vw;
  }
  .cookie {
    border-radius: 1.953vw;
    width: 95.052vw;
    padding: 3.125vw;
    gap: 7.292vw;
    bottom: 2.604vw;
  }
  .cookie__title {
    font-size: 2.083vw;
    letter-spacing: 0.063vw;
    margin-bottom: 1.693vw;
  }
  .cookie__descr {
    font-size: 1.563vw;
    line-height: 1.823vw; /* 2.48vw */
    letter-spacing: 0.013vw;
  }
  .card__volume-choice {
    margin-top: 0.263vw;
    border-radius: 1.302vw;
    padding: 2.604vw;
    min-width: 12.24vw;
    gap: 1.563vw;
  }
  .card__volume-choice > * {
    font-size: 1.953vw;
    line-height: 1; /* 2.414vw */
    letter-spacing: 0.023vw;
  }
  .header__account {
    padding: 1.302vw 1.953vw;
    background: transparent;
    box-shadow: 0 0 0 1px inset #1f1f1d;
    color: #1f1f1d;
  }
  .header__account svg path {
    fill: #1f1f1d;
  }
  .header__account svg {
    width: 2.604vw;
    height: 2.604vw;
  }
  .header__account-name {
    letter-spacing: 0.02vw;
    font-size: 0;
  }
  .header__account-name::first-letter {
    font-size: 2.214vw;
  }
  .nav {
    display: none;
  }
}
@media (max-width: 576px) {
  .notif {
    border-radius: 2.778vw;
    box-shadow: 0 125.278vw 35vw 0 rgba(0, 0, 0, 0), 0 80.278vw 31.944vw 0 rgba(0, 0, 0, 0.01), 0 0 15.361vw 0 rgba(0, 0, 0, 0.11);
    height: 22.778vw;
    top: 16.667vw;
    right: 4.444vw;
    padding: 5.556vw 8.333vw;
  }
  .notif__text {
    font-size: 3.333vw;
    line-height: 1;
    white-space: nowrap;
  }
  .notif__close {
    top: 1.667vw;
    right: 1.667vw;
  }
  .notif__close svg {
    width: 4.167vw;
    height: 4.167vw;
  }
  .succes__subtitle {
    font-size: 3.333vw;
    line-height: 1;
    margin-bottom: 3.889vw;
  }
  .success__modal-container {
    width: 91.111vw;
    padding: 9.722vw 8.333vw;
  }
  .success__modal-container .modal__title {
    margin-bottom: 2.778vw;
  }
  .success__modal-container .close_modal {
    top: 3.333vw;
    right: 3.333vw;
  }
  .success-request__modal-container .succes__subtitle {
    max-width: 76.667vw;
    width: 76.667vw;
  }
  .cookie {
    border-radius: 4.167vw;
    width: 91.111vw;
    padding: 6.667vw 5.833vw;
    gap: 4.444vw;
    flex-direction: column;
    bottom: 3.889vw;
  }
  .cookie__title {
    font-size: 4.444vw;
    letter-spacing: 0.133vw;
    margin-bottom: 3.611vw;
    max-width: 55.556vw;
  }
  .cookie__descr {
    font-size: 3.333vw;
    line-height: 3.889vw; /* 5.292vw */
    letter-spacing: 0.028vw;
  }
  .cookie__close {
    position: absolute;
    top: 3.333vw;
    right: 3.333vw;
    opacity: 0.4;
    transition: 0.2s;
  }
  .cookie__close:hover {
    opacity: 1;
  }
  .cookie__close svg {
    width: 4.167vw;
    height: 4.167vw;
  }
  .cookie__btn {
    width: 100%;
  }
  .card__volume-choice {
    margin-top: 3.333vw;
    gap: 3.333vw;
    border-radius: 2.778vw;
    padding: 5.556vw;
    min-width: 26.111vw;
  }
  .card__volume-choice > * {
    font-size: 4.167vw;
    line-height: 1; /* 5.15vw */
    letter-spacing: 0.05vw;
  }
  .header__account {
    padding: 2.778vw 4.167vw;
  }
  .header__account svg {
    width: 5.556vw;
    height: 5.556vw;
  }
  .header__account-name {
    letter-spacing: 0.042vw;
  }
  .header__account-name::first-letter {
    font-size: 4.722vw;
  }
  body.logged-in .header__logo {
    display: none;
  }
}
input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.0818 14.8995L7.62695 9.44463L2.17213 14.8995L0.353855 13.0812L5.80868 7.62636L0.353855 2.17154L2.17213 0.353262L7.62695 5.80808L13.0818 0.353261L14.9001 2.17154L9.44523 7.62636L14.9001 13.0812L13.0818 14.8995Z" fill="%231F1F1D" stroke="%231F1F1D" stroke-width="0.5"/></svg>') center center/100% 100% no-repeat;
  cursor: pointer;
}
/* ─── White header variant ─────────────────────────────────────────────────── */
.header_shop {
  background: #fafafa;
}
.header_shop nav a,
.nav_shop a {
  color: #1f1f1d;
}
.header_shop .hamburger svg line {
  stroke: #1f1f1d;
}
.header_white {
  background: #fafafa;
}
.header_white nav a {
  color: #1f1f1d;
}
.header_white .header__logo svg path:nth-child(1) {
  fill: #1f1f1d;
}
.header_white .hamburger svg line {
  stroke: #1f1f1d;
}
.header_white .hamburger:hover svg line {
  stroke: #ef642d;
}
.header_white .header__btn {
  box-shadow: 0 0 0 1px inset #1f1f1d;
  color: #1f1f1d;
}
.header_white .header__btn svg path {
  fill: #1f1f1d;
}
.header_white .header__btn:hover {
  box-shadow: 0 0 0 1px inset #ef642d;
  color: #fafafa;
}
.header_white .header__btn:hover svg path {
  fill: #fafafa;
}

/* ─── Generic page content (page.php) ──────────────────────────────────────── */
.wp-content p,
.wp-content li {
  font-size: 0.938vw;
  line-height: 1.354vw;
  letter-spacing: 0.009vw;
}
.wp-content p {
  margin-bottom: 1.25vw;
}
.wp-content h2 {
  font-size: 1.458vw;
  font-weight: 500;
  letter-spacing: 0.029vw;
  text-transform: uppercase;
  margin-top: 2.5vw;
  margin-bottom: 1.25vw;
}
.wp-content h3 {
  font-size: 1.146vw;
  font-weight: 500;
  margin-top: 2.083vw;
  margin-bottom: 0.833vw;
}
.wp-content ul,
.wp-content ol {
  display: flex;
  flex-direction: column;
  gap: 0.938vw;
  padding-left: 0;
  margin-top: 1.25vw;
  margin-bottom: 1.25vw;
}
.wp-content ol {
  counter-reset: wp-list;
}
.wp-content ul > li,
.wp-content ol > li {
  position: relative;
  padding-left: 1.25vw;
}
.wp-content ul > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5lh;
  transform: translateY(-50%);
  background: #1f1f1d;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}
.wp-content ol > li {
  counter-increment: wp-list;
  padding-left: 1.875vw;
}
.wp-content ol > li::before {
  content: counter(wp-list) ".";
  position: absolute;
  left: 0;
  top: 0;
}
.policy__content a {
  display: inline-block;
  text-decoration: underline;
}
.wp-content a:hover {
  color: #ef642d;
}
.wp-content strong,
.wp-content b {
  font-weight: 700;
}
@media (max-width: 1150px) {
  .wp-content p,
  .wp-content li {
    font-size: 1.563vw;
    line-height: 2.214vw;
    letter-spacing: 0.047vw;
  }
  .wp-content p {
    margin-bottom: 1.953vw;
  }
  .wp-content h2 {
    font-size: 2.083vw;
    margin-top: 3.906vw;
    margin-bottom: 1.953vw;
  }
  .wp-content h3 {
    font-size: 1.823vw;
    margin-top: 3.255vw;
    margin-bottom: 1.302vw;
  }
  .wp-content ul,
  .wp-content ol {
    gap: 1.563vw;
    margin-top: 1.953vw;
    margin-bottom: 1.953vw;
  }
  .wp-content ul > li,
  .wp-content ol > li {
    padding-left: 1.563vw;
  }
  .wp-content ol > li {
    padding-left: 3.125vw;
  }
}
@media (max-width: 576px) {
  .wp-content p,
  .wp-content li {
    font-size: 3.333vw;
    line-height: 4.722vw;
    letter-spacing: 0.1vw;
  }
  .wp-content p {
    margin-bottom: 4.167vw;
  }
  .wp-content h2 {
    font-size: 4.444vw;
    margin-top: 8.333vw;
    margin-bottom: 4.167vw;
  }
  .wp-content h3 {
    font-size: 3.889vw;
    margin-top: 6.944vw;
    margin-bottom: 2.778vw;
  }
  .wp-content ul,
  .wp-content ol {
    gap: 3.333vw;
    margin-top: 4.167vw;
    margin-bottom: 4.167vw;
  }
  .wp-content ul > li,
  .wp-content ol > li {
    padding-left: 3.333vw;
  }
  .wp-content ol > li {
    padding-left: 6.667vw;
  }
}