/* montserrat-regular - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v26-cyrillic_cyrillic-ext_latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/montserrat-v26-cyrillic_cyrillic-ext_latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/montserrat-v26-cyrillic_cyrillic-ext_latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
  --black: #212121;
  --white: #ffffff;
  --dark-gray: #777880;
  --dark-gray-2: #575555;
  --gray: #B8B3B3;
  --light-gray: #D6D2D2;
  --extra-light-gray: #E8E7ED;
  --validation: #FFC329;
  --error: #FF122E;
  --success: #83C83E;

  /* MAIN COLORS*/
  --main-blue: #6667AB;
  --main-gray: #F9F7F6;
  --main-light-blue: #F4F4FF;

  /* Secondary Pallette */
  --second-pink: #FF374F;
  --second-pink-light: #FF7E7E;
  --second-green: #97C06F;
  --second-green-light: #A9D97A;
  --second-yellow: #FFC329;
  --second-dark-gray: #9C968F;

  /* BG COLORS */
  --bg-white: #FFFFFF;
  --bg-disabled: #EDEAE7;
  --bg-light-gray: #F6F6F9;
  --bg-menu: #F6F4F2;

  /* STROKE COLORS*/
  --stroke-gray-dark: #D6D2D2;
  --stroke-gray-light: #EFEEEE;
  --stroke-gray-normal: #ECECEC;
  --stroke-focused: #212121;

  /* TEXT COLORS */
  --text-black: #212121;
  --text-white: #FFFFFF;
  --text-dark-gray: #777880;
  --text-light-gray: #D6D2D2;
  --text-gray: #B8B3B3;
  --text-disabled: #B8B3B3;
  --text-validation: #FFC329;
  --text-error: #FF122E;
  --text-success: #83C83E;

  /* BUTTON COLORS */
  --btn-violet-default: #6667AB;
  --btn-violet-hover: #55569B;
  --btn-violet-focused: #58599D;
  --btn-violet-active: #6667AB;
  --btn-violet-click: #4A4A8C;
  --btn-violet-disabled: #F2F3FB;
  --btn-violet-disabled-text: #B8B8E5;

  --btn-stroke-default: #6667AB;
  --btn-stroke-focused: #212121;
  --btn-stroke-hover: #55569B;

  --btn-white: #fff;

  /* FIELDS COLOR */
  --field-stroke-hover: #6667AB;
  --field-stroke-focused: #212121;
  --field-stroke-validation: #FFE5A2;
  --field-stroke-loading: #6667AB;
  --field-stroke-error: #FFBAC3;
  --field-stroke-success: #EFEEEE;
  --field-title: #B8B3B3;
  --field-text: #777780;
  --field-text-disable: #B8B3B3;
  --field-description: #807777;
  --field-white: #fff;

  /* SCROLL BAR COLORS */
  --scrollbar-color: #EBEBFD #fff;


  --width-container: 1200px;
  --gap-half: 24px;
  --gap: calc(var(--gap-half) * 2);
  --column-gap: 16px;
  --column-gap-half: calc(var(--column-gap) / 2);

  /* BREAKPOINTS */
  --mob: 320px;
  --tablet: 640px;
  --tablet-big: 960px;
  --desktop: 1280px;

  --mob-max: calc(var(--tablet) - 1px);
  --tablet-max: calc(var(--tablet-big) - 1px);
  --tablet-big-max: calc(var(--desktop) - 1px);

  /* FONTS */
  --font: 'Montserrat', sans-serif;

  --title-h1: 600 24px/110% var(--font);

  --font-body1: 400 16px/130% var(--font);
  --font-body2: 400 14px/130% var(--font);
  --font-body3: 400 12px/130% var(--font);
  --font-body4: 400 12px/130% var(--font);

}

@media screen and (min-width: 640px) {
  :root {
    --gap-half: 32px;
    --column-gap: 24px;

    /* FONTS */
    --title-h1: 600 28px/120% var(--font);

    --font-body1: 400 16px/130% var(--font);
    --font-body2: 400 14px/130% var(--font);
    --font-body3: 400 12px/130% var(--font);
  }
}

@media screen and (min-width: 960px) {
  :root {

  }
}

@media screen and (min-width: 1280px) {
  :root {
    /* FONTS */
    --title-h1: 600 40px/110% var(--font);

    --font-body1: 400 18px/140% var(--font);
    --font-body2: 400 16px/140% var(--font);
    --font-body3: 400 14px/140% var(--font);
    --font-body4: 400 13px/120% var(--font);
  }
}

/* COMMON STYLES */

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

html {
  overflow-x: initial !important;
}

/* Убрать когда отключим другой фалй стилей */
body *,
body *:focus {
  outline: initial !important;
}

body {
  font-family: var(--font) !important;
  background-color: #FAFAFA !important;
}

.visually-hidden {

}

.container {
  max-width: var(--width-container) !important;
}

.container, body, html {
  min-width: initial !important;
}

/* FORM ELEMENTS */

/* Default State */
.checkbox-field,
.radio-field {
  display: flex;
  align-items: flex-start;
  column-gap: 10px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.checkbox-field--small {
  font-size: 14px;
  line-height: 140%;
}

.checkbox-field--small .checkbox-field__icon,
.checkbox-field--filter .checkbox-field__icon {
  width: 15px;
  height: 15px;
  margin-top: 2px;
}

.radio-field--filter .radio-field__icon {
  width: 15px;
  height: 15px;
  margin-top: 4px;
}

.checkbox-field--filter .checkbox-field__icon {
  margin-top: 4px;
}

.checkbox-field--small .checkbox-field__icon svg,
.checkbox-field--filter .checkbox-field__icon svg {
  width: 10px;
  height: 9px;
}

.checkbox-field--filter {
  font-size: 16px;
  line-height: 24px;
}

.checkbox-field--confirm .checkbox-field__label {
  color: var(--text-dark-gray);
}

.checkbox-field--confirm .checkbox-field__label a {
  color: var(--main-blue);
}

.checkbox-field__checkbox,
.radio-field__radio {
  display: initial;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
  -webkit-appearance: auto;
}

.checkbox-field__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 1px solid var(--stroke-gray-dark);
  border-radius: 4px;
  transition: all .3s ease;
}


.radio-field__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 1px solid var(--stroke-gray-dark);
  border-radius: 50%;
  transition: all .3s ease;
}

.checkbox-field__icon svg {
  transition: all .3s ease;
}

.checkbox-field__label {
  color: var(--text-black);
}

.checkbox-field__label--icon {
  display: inline-flex;
  align-items: center;
}

.checkbox-field__icon-bean {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: -2px;
  background-image: url(images/icons/icon-coffee-bean.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.checkbox-field__icon-bean:last-of-type {
  margin-right: 8px;
}

/* Default Checked State */
.checkbox-field__checkbox:checked + .checkbox-field__icon {
  background-color: var(--main-blue);
  border: 1px solid var(--main-blue);
}

.checkbox-field__checkbox:checked + .checkbox-field__icon svg {
  stroke: var(--field-white);
}

.radio-field__radio:checked + .radio-field__icon {
  border: 1px solid var(--field-stroke-hover);
  background-color: var(--main-blue);
  box-shadow: inset 0 0 0 1px #fff;
}

/* Hover state */
.checkbox-field__checkbox:hover + .checkbox-field__icon {
  border: 1px solid var(--field-stroke-hover);
}

.radio-field__radio:hover + .radio-field__icon {
  border: 1px solid var(--field-stroke-hover);
}

/* Hover Checked state */
.checkbox-field__checkbox:checked:hover + .checkbox-field__icon {
  background-color: var(--btn-violet-hover);
  border: 1px solid var(--btn-violet-hover);
}

.radio-field__radio:checked:hover + .radio-field__icon {
  border: 1px solid var(--btn-violet-hover);
  background-color: var(--btn-violet-hover);
  box-shadow: inset 0 0 0 1px #fff;
}

/* Focused state*/
.checkbox-field__checkbox:focus-visible + .checkbox-field__icon {
  outline: 2px solid var(--stroke-focused) !important;
}

/* Disabled state */
.checkbox-field__checkbox:disabled + .checkbox-field__icon {
  border: 1px solid var(--bg-disabled);
  background-color: var(--bg-disabled);
  cursor: not-allowed;
  outline: none !important;
}

/* Disabled Checked state */
.checkbox-field__checkbox:disabled:checked + .checkbox-field__icon {
  border: 1px solid var(--bg-disabled);
  background-color: var(--bg-disabled);
}

.checkbox-field__checkbox:disabled:checked + .checkbox-field__icon svg {
  stroke: var(--text-disabled);
}

/* Error state */
.checkbox-field__checkbox.error + .checkbox-field__icon {
  border: 1px solid var(--text-error);
}

/* Error Checked state */
.checkbox-field__checkbox.error:checked + .checkbox-field__icon {
  background-color: var(--text-error);
}

/* CHECKBOX BTN */
.radio-btn {
  margin: 0;
}

.radio-btn__radio {
  position: absolute;
}

.radio-btn__btn {
  display: block;
  padding: 9px 17px;
  font-size: 14px;
  line-height: 140%;
  font-weight: 600;
  color: var(--text-dark-gray);
  border: 1px solid var(--stroke-gray-dark);
  border-radius: 40px;
  transition: all .3s ease;
  cursor: pointer;
}

.radio-btn__radio:checked + .radio-btn__btn {
  color: var(--main-blue);
  border-color: var(--main-blue);
}

.radio-btn__radio:focus-visible + .radio-btn__btn {
  outline: 2px solid var(--btn-stroke-focused) !important;
}

.radio-btn__radio:checked:focus-visible + .radio-btn__btn {
  color: var(--main-blue);
}

.delivery-time {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

/* QUANTITY Field */
.quantity-filed {
  display: inline-flex;
  width: 100%;
}

.quantity-filed__input {
  width: 100%;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: var(--btn-violet-active);
  border: 1px solid var(--btn-violet-active);
  border-left: none;
  border-right: none;
  border-radius: 0;
}

.quantity-filed__input::-webkit-outer-spin-button,
.quantity-filed__input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.quantity-filed__btn {
  flex-shrink: 0;
  position: relative;
  height: 48px;
  width: 48px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--btn-violet-active);
  background-color: rgba(0, 0, 0, 0);
}

.quantity-filed__btn--minus {
  padding-left: 24px;
  border-right: none;
  border-radius: 28px 0 0 28px;
}

.quantity-filed__btn--plus {
  padding-right: 24px;
  border-left: none;
  border-radius: 0 28px 28px 0;
}

.quantity-filed__btn:before,
.quantity-filed__btn:after {
  position: absolute;
  top: 0;
  bottom: 0;
  content: '';
  width: 16px;
  height: 2px;
  margin: auto;
  border-radius: 1px;
  background-color: var(--btn-violet-active);
}

.quantity-filed__btn--minus:before,
.quantity-filed__btn--minus:after {
  right: 4px;
}

.quantity-filed__btn--plus:before,
.quantity-filed__btn--plus:after {
  left: 4px;
}

.quantity-filed__btn--plus:after {
  transform: rotate(90deg);
}

.quantity-filed__btn--plus {
  padding-right: 24px;
  border-left: none;
  border-radius: 0 28px 28px 0;
}

.quantity-filed__btn span {
  display: initial;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
  -webkit-appearance: auto;
}

.quantity-filed--medium .quantity-filed__input {
  font-size: 12px;
  line-height: 16px;
}

.quantity-filed--medium .quantity-filed__btn {
  height: 40px;
  width: 32px;
}

.quantity-filed--medium .quantity-filed__btn:before,
.quantity-filed--medium .quantity-filed__btn:after {
  width: 10px;
}

.quantity-filed--medium .quantity-filed__btn--minus:before,
.quantity-filed--medium .quantity-filed__btn--minus:after {
  right: 3px;
}

.quantity-filed--medium .quantity-filed__btn--plus:before,
.quantity-filed--medium .quantity-filed__btn--plus:after {
  left: 3px;
}

.select-field {
  width: 100%;
}

.select-field__select {
  width: 100%;
}

.btn-text {
  display: inline-flex;
  align-items: center;
  column-gap: 6px;
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--btn-violet-default);
  border: none;
  background-color: rgba(0, 0, 0, 0);
  transition: all .3s ease;
  text-decoration: none;
}

.btn-text svg {
  flex-shrink: 0;
  stroke: var(--btn-stroke-default);
}

.btn-text:hover {
  color: var(--btn-violet-hover);
  text-decoration: none;
}

.btn-text:hover svg {
  stroke: var(--btn-stroke-hover);
}

.btn-text--more {
  font-size: 12px;
  line-height: 22px;
  font-weight: 500;
  color: var(--text-black);
}

.btn-text--more:hover {
  color: var(--btn-violet-default);
}

.btn-text--more svg {
  stroke: var(--text-black);
}

.btn-text--more:hover svg {
  stroke: var(--btn-violet-default);
}

.btn-text--delivery-more {
  display: block;
  font-size: 14px;
  line-height: 20px;
}

@media (min-width: 640px) {
  .btn-text--more {
    font-size: 12px;
    line-height: 22px;
  }
}

.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  column-gap: 8px;
  padding: 13px 31px;
  font-family: var(--font);
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: var(--btn-white);
  text-decoration: none;
  text-transform: uppercase;
  background-color: var(--btn-violet-default);
  border: 1px solid var(--btn-violet-default);
  border-radius: 100px;
  cursor: pointer;
  transition: all .3s ease;
  box-sizing: border-box;
}

.button svg {
  width: 16px;
  height: 16px;
  stroke: var(--btn-white);
}

.button:hover {
  background-color: var(--btn-violet-hover);
  color: var(--btn-white);
  text-decoration: none;
}

.button:focus-visible {
  background-color: var(--btn-violet-focused);
  color: var(--btn-white);
  outline: 2px solid var(--btn-stroke-focused) !important;
  outline-offset: 0;
}

.button:active {
  background-color: var(--btn-violet-active);
  color: var(--btn-white);
  outline: none !important;
}

.button:disabled {
  color: var(--btn-violet-disabled-text);
  background-color: var(--btn-violet-disabled);
  border: 1px solid var(--btn-violet-disabled);
  cursor: not-allowed;
}

.button:disabled svg {
  stroke: var(--btn-violet-disabled-text);
}

.button--full {
  width: 100%;
}

.button--large {
  padding: 14px 31px;
  font-size: 16px;
  line-height: 24px;
}

.button--large svg {
  width: 24px;
  height: 24px;
}

.button--medium {
  column-gap: 6px;
  padding: 11px 23px;
  font-size: 12px;
  line-height: 16px;
}

.button--small {
  column-gap: 6px;
  padding: 7px 23px;
  font-size: 10px;
  line-height: 16px;
}

.button--tag {
  color: var(--text-dark-gray);
  border-color: var(--stroke-gray-dark);
  background-color: rgba(0, 0, 0, 0);
}

.button--tag:hover {
  color: var(--btn-white);
  border-color: var(--btn-violet-hover);
  background-color: var(--btn-violet-hover);
}

.button--tag.active {
  color: var(--btn-white);
  border-color: var(--btn-violet-hover);
  background-color: var(--btn-violet-hover);
}

.button--white {
  background-color: rgba(0, 0, 0, 0);
  color: var(--btn-violet-default);
  border-color: var(--btn-stroke-default);
}

.button--white svg {
  stroke: var(--btn-violet-default);
}

.button--white:hover {
  color: var(--btn-violet-hover);
  background-color: rgba(0, 0, 0, 0);
  border-color: var(--btn-stroke-hover);
}

.button--white:focus-visible {
  color: var(--btn-violet-hover);
  background-color: rgba(0, 0, 0, 0);
  border-color: var(--btn-stroke-hover);
  outline-offset: 0;
}

@media (min-width: 960px) {
  .button--design-wtf {
    padding-left: 12px;
    padding-right: 12px;
  }
}

/* ПОЛЯ ФОРМ FIELD TEXT */
.field-text--filter .field-text__input {
  padding: 5px 20px;
}

.field-text__input {
  width: 100%;
  padding: 15px 20px;
  font-size: 16px;
  line-height: 24px;
  color: var(--text-black);
  border: 1px solid var(--stroke-gray-light);
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0);
  transition: all .3s ease;
}

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


.field-text__input.error {
  border-color: var(--field-stroke-error);
}

.field-text__input.warning {
  border-color: var(--field-stroke-validation);
}

.field-text__input.loading {
  border-color: var(--field-stroke-loading);
  pointer-events: none;
}

.field-text__input.success {
  border-color: var(--field-stroke-success);
}

.field-text__input::placeholder {
  color: var(--field-text);
}

.field-text__input:hover {
  border-color: var(--main-blue);
}

.field-text__input:focus {
  border-color: var(--field-stroke-focused);
}

.field-text__input:disabled {
  color: var(--field-text-disable);
  background-color: rgba(232, 231, 237, .3);
  border: 1px solid var(--stroke-gray-light);
}

.field-text__label {
  position: absolute;
  top: 8px;
  left: 21px;
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  color: var(--field-title);
}

.field-text__error,
.field-text__warning,
.field-text__loading,
.field-text__success {
  display: flex;
  align-items: flex-end;
  column-gap: 8px;
  height: 0;
  font-size: 12px;
  line-height: 16px;
  color: var(--field-description);
  opacity: 0;
  transform: scaleY(0);
  transition: all .3s ease;
}

.field-text__error:before,
.field-text__warning:before,
.field-text__loading:before,
.field-text__success:before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.field-text__error:before {
  background-image: url(images/icons/icon-input-error.svg);
}

.field-text__warning:before {
  background-image: url(images/icons/icon-input-warning.svg);
}

.field-text__loading:before {
  background-image: url(images/icons/icon-input-loader.svg);
  animation: spin infinite forwards 1s linear;
}

.field-text__success:before {
  background-image: url(images/icons/icon-input-success.svg);
}

.field-text__error span,
.field-text__warning span,
.field-text__loading span,
.field-text__success span {
  display: block;
}

.field-text__input.error ~ .field-text__error,
.field-text__input.warning ~ .field-text__warning,
.field-text__input.loading ~ .field-text__loading,
.field-text__input.success ~ .field-text__success {
  height: 24px;
  transform: scaleY(1);
  opacity: 1;
}

.field-text__input.error:disabled ~ .field-text__error,
.field-text__input.warning:disabled ~ .field-text__warning,
.field-text__input.loading:disabled ~ .field-text__loading,
.field-text__input.success:disabled ~ .field-text__success {
  height: 0;
  transform: scaleY(0);
  opacity: 0;
}

.field-text--label {
  position: relative;
}

.field-text--label .field-text__input {
  padding-top: 23px;
  padding-bottom: 7px;
}

.field-text--round .field-text__input {
  border-radius: 30px;
}

@media (min-width: 1280px) {
  .field-text--bonuses .field-text__input {
    padding: 11px 20px;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(180deg);
  }
}

.store-cart {
  padding-top: 16px;
  padding-bottom: 70px;
}

.store-cart__inner {
  max-width: calc(var(--width-container) + var(--gap));
  padding: 0 var(--gap-half);
  margin: 0 auto;
}

.store-cart__header {
  margin-bottom: 24px;
}

.store-cart__title {
  margin: 0;
  font-size: 28px;
  line-height: 120%;
  font-weight: 600;
  text-transform: uppercase;
}

.store-cart__title sup {
  top: -1.15em;
  font-size: 13px;
  line-height: 120%;
  font-weight: 400;
  color: var(--dark-gray);
}

.store-cart__content {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}

.store-cart__main {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}

.store-cart__subtitle {
  display: none;
}

@media (min-width: 640px) {
  .store-cart {
    padding-bottom: 100px;
  }

  .store-cart__title {
    text-align: center;
  }
}

@media (min-width: 960px) {
  .store-cart {
    padding-top: 48px;
    padding-bottom: 64px;
  }

  .store-cart__header {
    margin-bottom: 48px;
  }

  .store-cart__content {
    flex-direction: row;
    align-items: stretch;
    column-gap: var(--column-gap);
  }

  .store-cart__main {
    width: calc(66.66% - var(--column-gap-half));
  }

  .store-cart__aside {
    width: calc(33.33% - var(--column-gap-half));
  }

  .store-cart__subtitle {
    display: block;
    margin-top: 50px;
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 110%;
    text-transform: uppercase;
    color: var(--text-black);
  }

  .cart-total {
    /*position: sticky;*/
    /*top: 200px;*/
    width: 100%;
    padding: 20px;
    background-color: #fff;
  }
}

@media (min-width: 1280px) {
  .store-cart__title {
    font-size: 40px;
    line-height: 110%;
    text-align: left;
  }

  .store-cart__title sup {
    top: -1.6em;
  }
}

/* CART-GOODS */
.cart-goods {
  padding: 24px 12px 0;
  background-color: #fff;
  border-radius: 8px;
}

.cart-goods__header {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  padding-bottom: 28px;
  margin: 0 12px;
  border-bottom: 1px solid var(--stroke-gray-light);
}

.cart-goods__field {
  display: flex;
}

.cart-goods__item {
  border-top: 1px solid var(--stroke-gray-light);
}

.cart-goods__item:first-child {
  border-top: none;
}

@media (min-width: 640px) {
  .cart-goods {
    padding: 48px 24px 24px;
  }

  .cart-goods__header {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 26px;
    margin: 0;
  }

  .cart-goods__field {
    display: flex;
  }

  .cart-goods__item {
    border-top: 1px solid var(--stroke-gray-light);
  }

  .cart-goods__item:first-child {
    border-top: none;
  }
}

@media (min-width: 1280px) {
  .cart-goods {
    padding: 46px 36px 12px;
  }

  .cart-goods__header {
    justify-content: flex-start;
    column-gap: 14px;
    padding-bottom: 34px;
  }
}

/* GOODS CARD */
.goods-card {
  display: flex;
  column-gap: 4px;
  padding: 16px 0;
}

.goods-card__checkbox {
  flex-shrink: 0;
}

.goods-card__main {
  flex-grow: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  padding-bottom: 44px;
}

.goods-card__content {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}

.goods-card__photo-wrap {
  width: 80px;
  height: 80px;
}

.goods-card__photo {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.goods-card__info {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}

.goods-card__name {
  display: block;
  font-size: 14px;
  line-height: 120%;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--text-black);
}

.goods-card__feature {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.goods-card__feature-item {
  font-size: 14px;
  line-height: 130%;
}

.goods-card__feature-key {
  color: var(--text-dark-gray);
}

.goods-card__feature-value {
  color: var(--text-black);
}

.goods-card__feature-select {
  flex-grow: 1;
  display: block;
  margin-top: 4px;
}

.goods-card__actions {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.goods-card__action {
  display: flex;
}

.goods-card__order {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  text-align: right;
}

.goods-card__price {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}

.goods-card__price ins {
  font-size: 16px;
  line-height: 120%;
  font-weight: 600;
  color: var(--second-pink-light);
  text-decoration: none;
}

.goods-card__price del {
  font-size: 14px;
  line-height: 140%;
  color: var(--text-dark-gray);
}

.goods-card__price span {
  font-size: 16px;
  line-height: 120%;
  font-weight: 600;
  color: var(--text-black);
}

.goods-card__count {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  width: 100%;
}

.goods-card__price-one {
  font-size: 14px;
  line-height: 130%;
  color: var(--text-dark-gray);
}

@media (min-width: 640px) {
  .goods-card__main {
    flex-direction: row;
    column-gap: 24px;
    padding-bottom: 0;
  }

  .goods-card__content {
    flex-grow: 1;
  }

  .goods-card__name {
    line-height: 130%;
  }

  .goods-card__actions {
    position: static;
    column-gap: 24px;
    justify-content: initial;
    margin-top: 24px;
  }

  .goods-card__order {
    row-gap: 24px;
    min-width: 160px;
    text-align: left;
  }

  .goods-card__price ins,
  .goods-card__price span {
    font-size: 18px;
  }

  .goods-card__price del {
    font-size: 14px;
    line-height: 140%;
  }
}

@media (min-width: 1280px) {
  .goods-card {
    padding: 16px 0 24px;
  }

  .goods-card__content {
    flex-direction: row;
    column-gap: 24px;
  }

  .goods-card__photo-wrap {
    flex-shrink: 0;
    width: 149px;
    height: initial;
  }

  .goods-card__info {
    row-gap: 16px;
  }

  .goods-card__name {
    font-size: 12px;
  }

  .goods-card__feature {
    margin-bottom: 8px;
  }

  .goods-card__feature-item {
    display: flex;
    align-items: center;
    column-gap: 8px;
    font-size: 13px;
  }

  .goods-card__actions {
    margin-top: auto;
  }

  .goods-card__order {
    flex-shrink: 0;
    justify-content: space-between;
    width: 130px;
    min-width: initial;
  }

  .goods-card__price {
    row-gap: 8px;
  }

  .goods-card__price ins,
  .goods-card__price span {
    font-size: 16px;
  }

  .goods-card__price-one {
    font-size: 12px;
    line-height: 14px;
  }
}

/* CART TOTAL */
.cart-total {
  padding: 24px;
  border-radius: 8px;
  background-color: var(--bg-white);
}

.cart-total__title {
  display: block;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--text-black);
}

.cart-total__list {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  margin: 0;
  padding: 16px 0;
  list-style: none;
}

.cart-total__item {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  font-size: 14px;
  line-height: 140%;
}

.cart-total__value {
  text-transform: uppercase;
}

.cart-total__value b {
  color: var(--second-pink);
  font-weight: 400;
}

a.cart-total__value {
  color: var(--main-blue);
}

.cart-total__total {
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px;
  font-size: 20px;
  line-height: 120%;
  text-transform: uppercase;
  font-weight: 600;
}

.cart-total__delivery {
  padding: 16px 0;
  border-top: 1px solid var(--stroke-gray-light);
}

.cart-total__discount {
  padding: 24px 0;
  border-top: 1px solid var(--stroke-gray-light);
}

.cart-total__footer {
  padding-top: 24px;
  border-top: 1px solid var(--stroke-gray-light);
}

@media (min-width: 640px) {
  .cart-total__item {
    font-size: 16px;
    line-height: 130%;
  }

  .cart-total__discount {
    padding: 0 0 24px;
    border-top: none;
  }

  .cart-total__footer {
    padding-top: 0;
    border-top: none;
  }
}

@media (min-width: 960px) {
  .cart-total {
    position: sticky;
    top: 137px;
    max-height: calc(100vh - 160px);
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-color);
    overflow-y: auto;
  }
}

@media (min-width: 1280px) {
  .cart-total {
    top: 190px;
    max-height: calc(100vh - 210px);
  }
}

.order-footer {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

.order-footer__order {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}

@media (min-width: 640px) {
  .order-footer__order {
    align-self: flex-end;
    width: 335px;
  }
}

@media (min-width: 960px) {
  .order-footer__order {
    align-self: initial;
    width: initial;
  }
}

.total-delivery {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.total-delivery__item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.total-delivery__key {
  font-size: 12px;
  line-height: 150%;
  font-weight: 600;
}

.total-delivery__value {
  font-size: 14px;
  line-height: 130%;
}

a.total-delivery__value {
  color: var(--main-blue);
}

@media (min-width: 640px) {
  .total-delivery__key {
    font-size: 14px;
    line-height: 130%;
  }

  .total-delivery__value {
    font-size: 16px;
    line-height: 130%;
  }
}

/* INFO LABEL */
.info-label {
  display: flex;
  align-items: center;
  column-gap: 8px;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 130%;
  background-color: var(--main-light-blue);
  border-radius: 24px;
}

.info-label__icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.info-label__icon svg {
  flex-shrink: 0;
  stroke: var(--text-dark-gray);
}

.info-label--small {
  font-size: 12px;
  line-height: 120%;
}

.info-label--small span b {
  font-weight: 600;
}

.info-label--full {
  width: 100%;
}

@media (min-width: 640px) {
  .info-label {
    display: inline-flex;
    font-size: 16px;
  }

  .info-label--small {
    width: 100%;
    font-size: 13px;
  }
}

.cart-block {
  display: flex;
  flex-direction: column;
  row-gap: 70px;
  padding: 24px 16px;
  background-color: var(--white);
  border-radius: 8px;
}

.cart-block--tabs {
  display: none;
}

.cart-block--tabs.active {
  display: flex;
}

.cart-block__row .cart-block__header {
  padding-bottom: 16px;
}

.cart-block__item--delivery {
  display: none;
}

.cart-block__header {
  padding-bottom: 24px;
}

.cart-block__header--icon {
  display: flex;
  column-gap: 8px;
}

.cart-block__title {
  display: block;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
}

.cart-block__title--icon {
  display: inline-flex;
  column-gap: 8px;
  align-items: center;
}

.cart-block__title--row {
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.cart-block__title--row span {
  display: block;
  line-height: 24px;
}

.cart-block__title--row .btn-icon {
  width: 20px;
  height: 20px;
}

.cart-block__subtitle {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  line-height: 130%;
  color: var(--text-dark-gray);
}

.cart-block__content {
  display: flex;
  flex-direction: column;
  row-gap: 36px;
}

@media (min-width: 640px) {
  .cart-block {
    padding: 24px;
  }

  .cart-block__header {
    width: calc(100% - 160px);
  }

  .cart-block__title {
    font-size: 20px;
  }
}

@media (min-width: 1280px) {
  .cart-block__row {
    display: flex;
    align-items: center;
    row-gap: 16px;
  }

  .cart-block__row .cart-block__header {
    width: 270px;
    padding-bottom: 0;
  }

  .cart-block__title--icon {
    display: block;
    max-width: 180px;
    column-gap: 8px;
  }

  .cart-block__title--icon .btn-icon {
    vertical-align: bottom;
    margin-bottom: 4px;
  }

  .cart-block__row .cart-block__content {
    flex-grow: 1;
  }

  .cart-block__title {
    font-size: 22px;
    line-height: 140%;
  }

  .cart-block__subtitle {
    font-size: 16px;
    line-height: 140%;
  }
}

.buyer-info {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

.buyer-info__inputs {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.buyer-info__checkboxes {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

@media (min-width: 1280px) {
  .buyer-info {
    flex-direction: row;
    row-gap: 24px;
    justify-content: space-between;
  }

  .buyer-info__inputs {
    width: 385px;
  }

  .buyer-info__checkboxes {

  }
}

.list-slider {
  /*overflow: hidden;*/
}

.list-slider__wrap {
  display: flex;
  column-gap: 8px;
  width: 100%;
  font-size: 0;
  overflow-x: auto;
}

.list-slider__wrap .swiper-wrapper {
  display: flex;
  column-gap: 8px;
  width: 100%;
}

.list-slider__wrap .list-slider__item {
  flex-shrink: 0;
  width: 164px;
  height: initial !important;
  box-sizing: border-box;
}

.list-slider__wrap .swiper-button-next,
.list-slider__wrap .swiper-button-prev {
  display: none;
}

.list-slider__more {
  margin-top: 16px;
  text-align: right;
}

@media (min-width: 640px) {
  .list-slider {
    position: relative;
  }

  .list-slider__more {
    position: absolute;
    right: 0;
    bottom: calc(100% + 25px);
  }
}

@media (min-width: 1280px) {
  .list-slider__wrap {
    column-gap: 0;
    display: block;
    padding-right: 1px;
    overflow: hidden;
  }

  .list-slider__wrap .swiper-wrapper {
    column-gap: 0;
  }

  .list-slider__item {
    width: 164px !important;
  }

  .list-slider__wrap .swiper-button-next,
  .list-slider__wrap .swiper-button-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    width: 40px;
    height: 100%;
    margin: auto
  }

  .list-slider__wrap .swiper-button-prev {
    left: 0;
    background-image: linear-gradient(to right, #fff 0%, rgba(0, 0, 0, 0) 100%);
  }

  .list-slider__wrap .swiper-button-next {
    right: 0;
    background-image: linear-gradient(to left, #fff 0%, rgba(0, 0, 0, 0) 100%);
  }

  .list-slider__wrap .swiper-button-next:after,
  .list-slider__wrap .swiper-button-prev:after {
    content: normal;
  }

  .list-slider__wrap .swiper-button-next:before,
  .list-slider__wrap .swiper-button-prev:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/icons/icon-slider-right.svg);
  }

  .list-slider__wrap .swiper-button-prev:before {
    transform: rotate(180deg);
  }

  .list-slider__wrap .swiper-button-prev.swiper-button-disabled,
  .list-slider__wrap .swiper-button-next.swiper-button-disabled {
    opacity: 0;
  }
}

/* RADIO CARD */
.radio-card {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.radio-card__radio {
  display: initial;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
  opacity: 0;
  -webkit-appearance: auto;
}

.radio-card__radio:hover + .radio-card__content {
  border-color: var(--main-blue);
}

.radio-card__radio:checked + .radio-card__content {
  border-color: var(--main-blue);
}

.radio-card__content {
  position: relative;
  height: 100%;
  padding: 16px 23px;
  border: 1px solid var(--stroke-gray-dark);
  border-radius: 8px;
  transition: all .3s ease;
}

.radio-card__name {
  display: block;
  font-size: 12px;
  line-height: 120%;
  color: var(--text-black);
  transition: all .3s ease;
}

.radio-card__info {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  line-height: 16px;
  color: var(--field-title);
  transition: all .3s ease;
}

.radio-card--payment .radio-card__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.radio-card--payment .radio-card__system {
  align-self: flex-start;
  display: flex;
  align-items: center;
  column-gap: 8px;
  font-size: 12px;
  line-height: 130%;
  font-weight: 400;
}

.radio-card--payment .radio-card__card-number {
  margin-top: 8px;
  font-size: 13px;
  line-height: 120%;
  font-weight: 600;
  color: var(--text-black);
}

.radio-card--payment .radio-card__desc {
  margin-top: 4px;
  font-size: 14px;
  line-height: 130%;
  font-weight: 400;
  white-space: nowrap;
  color: var(--text-black);
}

@media (min-width: 1280px) {
  .radio-card--payment .radio-card__content {
    padding: 21px 23px;
    box-sizing: border-box;
  }
}

.new-partner {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}

.new-partner__title {
  font-size: 12px;
  line-height: 120%;
  text-transform: uppercase;
}

.new-partner__fields {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

@media (min-width: 640px) {
  .new-partner__title {
    font-size: 14px;
    line-height: 130%;
  }

  .new-partner__fields {
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 10px;
  }

  .new-partner__field {
    width: 100%;
  }

  .new-partner__field--half {
    width: calc(50% - 5px);
  }
}

@media (min-width: 1280px) {
  .new-partner {
    width: 385px;
  }

  .new-partner--full {
    width: initial;
  }

  .new-partner--full .new-partner__field {
    width: calc(50% - 5px);
  }

  .new-partner__title {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 140%;
  }
}

.delivery-list {
  display: flex;
  column-gap: 8px;
  overflow-x: auto;
}

.delivery-info {
  display: none;
}

.delivery-info.active {
  display: block;
}

.delivery-list__item {
  width: 33.33%;
  min-width: 194px;
}

.delivery-info__list {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.delivery-info__field-wrap {
  display: flex;
  align-items: flex-start;
  column-gap: 8px;
}

.delivery-info__icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.delivery-info__icon--store {
  background-image: url(images/icons/icon-store.svg);
}

.delivery-info__icon--truck {
  background-image: url(images/icons/icon-truck.svg);
}

.delivery-info__icon--pin {
  background-image: url(images/icons/icon-pin.svg);
}

.delivery-info__icon--home {
  background-image: url(images/icons/icon-home.svg);
}

.delivery-info__icon--message {
  background-image: url(images/icons/icon-message.svg);
}

.delivery-info__icon--calendar {
  background-image: url(images/icons/icon-calendar.svg);
}

.delivery-info__desc {
  flex-grow: 1;
  font-size: 14px;
  line-height: 130%;
}

.delivery-info__desc > p {
  margin-top: 8px;
  margin-bottom: 0;
}

.delivery-info__title {
  display: block;
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
  text-transform: uppercase;
}

.delivery-info__warning {
  margin-top: 8px;
}

.delivery-info__more {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
  text-align: right;
}

@media (min-width: 640px) {
  .delivery-info__title {
    font-size: 14px;
    line-height: 130%;
  }

  .delivery-info__desc {
    flex-grow: 1;
    font-size: 16px;
    line-height: 130%;
  }

  .delivery-info__warning {
    display: inline-flex;
  }
}

.delivery-pickup {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

.delivery-pickup__list {
  width: 100%;
}

.delivery-pickup__list .swiper-wrapper {
  display: flex;
  column-gap: 16px;
  overflow-x: auto;
}

.delivery-pickup__list .delivery-pickup__item {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  width: 100px;
}

.delivery-pickup__photo-wrap {
  position: relative;
  width: 100%;
  height: 100px;
}

.delivery-pickup__photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.delivery-pickup__count {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 22px;
  padding: 2px;
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  color: var(--text-white);
  border-radius: 20px;
  background-color: var(--main-blue);
}

.delivery-pickup__price {
  font-size: 14px;
  line-height: 130%;
  text-align: center;
  color: var(--text-dark-gray);
  transition: all .3s ease;
}

.delivery-pickup__item:hover {
  text-decoration: none;
}

.delivery-pickup__list .swiper-button-next,
.delivery-pickup__list .swiper-button-prev {
  display: none;
}

@media (min-width: 640px) {
  .delivery-pickup__list .delivery-pickup__item {
    width: 180px;
  }

  .delivery-pickup__photo-wrap {
    height: 180px;
  }
}

@media (min-width: 1280px) {
  .delivery-pickup__list .swiper-wrapper {
    column-gap: 0;
    overflow: initial;
  }

  .delivery-pickup__item:hover .delivery-pickup__price {
    color: var(--main-blue);
  }

  .delivery-pickup__list .swiper-button-next,
  .delivery-pickup__list .swiper-button-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    width: 40px;
    height: 100%;
    margin: auto
  }

  .delivery-pickup__list .swiper-button-prev {
    left: 0;
    background-image: linear-gradient(to right, #fff 0%, rgba(0, 0, 0, 0) 100%);
  }

  .delivery-pickup__list .swiper-button-next {
    right: 0;
    background-image: linear-gradient(to left, #fff 0%, rgba(0, 0, 0, 0) 100%);
  }

  .delivery-pickup__list .swiper-button-next:after,
  .delivery-pickup__list .swiper-button-prev:after {
    content: normal;
  }

  .delivery-pickup__list .swiper-button-next:before,
  .delivery-pickup__list .swiper-button-prev:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/icons/icon-slider-right.svg);
  }

  .delivery-pickup__list .swiper-button-prev:before {
    transform: rotate(180deg);
  }

  .delivery-pickup__list .swiper-button-prev.swiper-button-disabled,
  .delivery-pickup__list .swiper-button-next.swiper-button-disabled {
    opacity: 0;
  }
}

.delivery-card {
  position: relative;
  width: 100%;
  margin: 0;
  cursor: pointer;
}

.delivery-card__radio {
  position: absolute;
  display: none;
}

.delivery-card__content {
  position: relative;
  display: flex;
  column-gap: 8px;
  align-items: flex-start;
  padding: 16px;
  border: 1px solid var(--stroke-gray-dark);
  border-radius: 8px;
  transition: all .3s ease;
}

.delivery-card__icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.delivery-card__icon svg {
  display: block;
  width: 100%;
  stroke: var(--text-black);
  transition: all .3s ease;
}

.delivery-card__text {

}

.delivery-card__title {
  display: block;
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--text-black);
  transition: all .3s ease;
}

.delivery-card__time {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  line-height: 120%;
  color: var(--text-dark-gray);
  transition: all .3s ease;
}

.delivery-card__price {
  display: none;
}

.delivery-card__radio:hover {

}

.delivery-card__radio:checked + .delivery-card__content {
  border-color: var(--main-blue);
  background-color: var(--main-blue);
}

.delivery-card__radio:checked + .delivery-card__content .delivery-card__title,
.delivery-card__radio:checked + .delivery-card__content .delivery-card__price {
  color: var(--text-white);
}

.delivery-card__radio:checked + .delivery-card__content .delivery-card__time {
  color: var(--extra-light-gray);
}

.delivery-card__radio:checked + .delivery-card__content svg {
  stroke: var(--text-white);
}

@media (min-width: 640px) {
  .delivery-card__text {
    flex-grow: 1;
  }

  .delivery-card__price {
    display: block;
    margin-top: 16px;
    font-size: 14px;
    line-height: 130%;
    text-transform: uppercase;
    text-align: right;
  }
}

/* DELIVERY RADIO */
.delivery-radio {
  position: relative;
  padding-top: 56px;
}

.delivery-radio:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  border: 1px solid var(--stroke-gray-light);
  border-radius: 30px;
}

.delivery-radio__input {
  position: absolute;
  display: none;
}

.delivery-radio__card {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
}

.delivery-radio__price {
  order: 1;
  display: none;
  font-size: 12px;
  line-height: 18px;
  color: var(--text-black);
  font-weight: 600;
  text-transform: uppercase;
}

.delivery-radio__info {
  display: none;
  font-size: 12px;
  line-height: 18px;
  color: var(--text-dark-gray);
}

.delivery-radio__name {
  position: absolute;
  top: 0;
  width: 50%;
  padding: 14px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
  text-align: center;
  transition: all .3s ease;
}

.delivery-radio__border {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 40px;
  border: 1px solid var(--main-blue);
  border-radius: 30px;
  transition: all .3s ease;
}

.delivery-radio__card:nth-of-type(1) .delivery-radio__name {
  left: 0;
}

.delivery-radio__card:nth-of-type(2) .delivery-radio__name {
  right: 0;
}

.delivery-radio__input:nth-of-type(1):checked ~ .delivery-radio__border {
  transform: translateX(0);
}

.delivery-radio__input:nth-of-type(2):checked ~ .delivery-radio__border {
  transform: translateX(100%);
}

.delivery-radio__input:nth-of-type(1):checked + .delivery-radio__card .delivery-radio__name {
  color: var(--main-blue);
}

.delivery-radio__input:nth-of-type(2):checked + .delivery-radio__card .delivery-radio__name {
  color: var(--main-blue);
}

.delivery-radio__input:nth-of-type(1):checked + .delivery-radio__card .delivery-radio__price,
.delivery-radio__input:nth-of-type(1):checked + .delivery-radio__card .delivery-radio__info {
  display: block;
}

.delivery-radio__input:nth-of-type(2):checked + .delivery-radio__card .delivery-radio__price,
.delivery-radio__input:nth-of-type(2):checked + .delivery-radio__card .delivery-radio__info {
  display: block;
}

@media (min-width: 640px) {
  .delivery-radio {
    display: flex;
    column-gap: 8px;
    position: static;
    padding: 0;
  }

  .delivery-radio:before {
    content: normal;
  }

  .delivery-radio__card {
    flex-wrap: wrap;
    width: calc(50% - 4px);
    padding: 16px 24px 12px;
    border: 1px solid var(--stroke-gray-dark);
    border-radius: 8px;
    transition: all .3s ease;
  }

  .delivery-radio__name {
    position: static;
    width: 50%;
    padding: 0;
    font-size: 12px;
    line-height: 120%;
    text-transform: uppercase;
    text-align: left;
    transition: all .3s ease;
  }

  .delivery-radio__price,
  .delivery-radio__info {
    order: initial;
    display: block;
    width: 50%;
    transition: all .3s ease;
  }

  .delivery-radio__price {
    font-size: 12px;
    line-height: 120%;
    text-align: right;
    text-transform: uppercase;
  }

  .delivery-radio__info {
    margin-top: 2px;
  }

  .delivery-radio__border {
    position: static;
    display: none;
  }

  .delivery-radio__input:checked + .delivery-radio__card {
    border-color: var(--main-blue);
    background-color: var(--main-blue);
  }

  .delivery-radio__input:checked + .delivery-radio__card .delivery-radio__info,
  .delivery-radio__input:checked + .delivery-radio__card .delivery-radio__name,
  .delivery-radio__input:checked + .delivery-radio__card .delivery-radio__price {
    color: var(--text-white) !important;
  }
}

@media (min-width: 1280px) {
  .delivery-radio {
    min-width: 480px;
  }

  .delivery-radio__card {
    cursor: pointer;
  }
}

.btn-icon {
  flex-shrink: 0;
  display: block;
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 0;
  border: none;
  background-color: rgba(0, 0, 0, 0);
}

.btn-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

@media (min-width: 640px) {
  .btn-icon {
    width: 24px;
    height: 24px;
  }
}

@media (min-width: 1280px) {
  .btn-icon {
    display: inline-block;
  }
}

.cart-bonuses {

}

.cart-bonuses__info {
  margin-top: -16px;
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 140%;
}

.cart-bonuses__info span {

}

.cart-bonuses__info strong {
  color: var(--main-blue);
}

.cart-bonuses__switcher {
  position: relative;
  margin: 0 -16px;
}

.cart-bonuses__field {
  margin-top: 16px;
}

.cart-bonuses__switcher:after,
.cart-bonuses__switcher:before {
  content: '';
  position: absolute;
  top: 0;
  z-index: 1;
  width: 20px;
  height: 100%;
}

.cart-bonuses__switcher-inner {
  overflow-x: auto;
  padding: 0 16px;
  margin: 0 1px;
}

.cart-bonuses__switcher:after {
  right: 0;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, var(--white) 80%);
}

.cart-bonuses__switcher:before {
  left: 0;
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, var(--white) 80%);
}

@media (min-width: 640px) {
  .cart-bonuses {
    position: relative;
  }

  .cart-bonuses__info {
    position: absolute;
    left: 50%;
    bottom: 100%;
    line-height: 24px;
    transform: translateX(-50%);
  }
}

@media (min-width: 1280px) {
  .cart-bonuses {
    display: flex;
    gap: 8px;
    width: 100%;
  }

  .cart-bonuses__switcher {
    width: calc(66.66% - 4px);
    margin: 0;
  }

  .cart-bonuses__switcher:before,
  .cart-bonuses__switcher:after {
    content: normal;
  }

  .cart-bonuses__switcher-inner {
    padding: 0;
    margin: 0;
  }

  .cart-bonuses__field {
    width: calc(33.33% - 4px);
    margin: 0;
  }
}

.select2 {

}

.select-field .select2-container--default .select2-selection--single {
  height: 40px;
  border: 1px solid var(--field-stroke-success);
  border-radius: 8px;
}


.select-field .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 12px;
  padding-right: 38px;
  font-size: 13px;
  line-height: 38px;
}

.select-field .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 40px;
  width: 28px;
}

.select-field .select2-container--default .select2-selection--single .select2-selection__arrow b {
  position: static;
  display: block;
  width: 16px;
  height: 16px;
  margin: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(images/icons/icon-select-down.svg);
  border: none;
  transition: all .3s ease;
}

.select-field .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  transform: rotate(180deg);
}

.select-field .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  background-color: #fff;
  border-bottom-color: #fff;
}

.select-field--big .select2-container--default .select2-selection--single {
  height: 56px;
}

.select-field--big .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 16px;
  line-height: 54px;
}

.select-field--big .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 56px;
  width: 28px;
}

.select-field--transparent {
  width: auto;
}

.select-field--transparent .select2-container--default .select2-selection--single {
  height: 24px;
  border-color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
}

.select-field--transparent .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  font-size: 16px;
  line-height: 24px;
}

.select-field--transparent .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 24px;
}

.select-field--product-desc .select2-container--default .select2-selection--single {
  background-color: rgba(0, 0, 0, 0);
}


.select2-container--default .select2-results {
  padding: 4px;
}

.select2-container--open .select2-dropdown--below {
  border-radius: 0 0 8px 8px;
  border: none;
}

.select2-container--default .select2-results>.select2-results__options {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-color);
}

.select2-container .select2-results__option {
  padding: 12px 16px;
}

.switcher {
  position: relative;
  display: flex;
  min-width: 360px;
  box-shadow: inset 0 0 0 1px var(--stroke-gray-light);
  border-radius: 40px;
}

.switcher__border {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 50%;
  border-radius: 40px;
  border: 1px solid var(--main-blue);
  transition: left .3s ease;
  pointer-events: none;
}

.switcher__btn {
  width: 50%;
  padding: 13px 12px;
  margin: 0;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  transition: color .3s ease;
}

.switcher__radio {
  position: absolute;
  display: none;
}

.switcher__radio:checked + .switcher__btn {
  color: var(--main-blue);
}

.switcher__radio:nth-of-type(1) {
  left: 0;
}

.switcher__radio:nth-of-type(2) {
  right: 0;
}

.switcher__radio:nth-of-type(1):checked ~  .switcher__border {
  left: 0;
}

.switcher__radio:nth-of-type(2):checked ~  .switcher__border {
  left: 50%;
}

@media (min-width: 1280px) {
  .switcher {
    min-width: initial;
    column-gap: 8px;
    box-shadow: none;
  }

  .switcher__btn {
    width: calc(50% - 4px);
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--text-dark-gray);
    border: 1px solid var(--stroke-gray-dark);
    border-radius: 25px;
    transition: all .3s;
    cursor: pointer;
  }

  .switcher__radio:checked + .switcher__btn {
    color: var(--text-white);
    background-color: var(--main-blue);
    border-color: var(--main-blue);
  }

  .switcher__border {
    display: none;
  }
}

.total-discount {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media (min-width: 640px) {
  .total-discount {
    flex-direction: row;
  }

  .total-discount__field:first-child {
    flex-grow: 1;
  }

  .total-discount__field:last-child {
    flex-shrink: 0;
  }
}

.modal-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(33, 33, 33, .3);
}

.modal-popup.open {
  display: flex;
}

.modal-popup__content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 100%;
  padding: 24px;
  background-color: #fff;
}

.modal-popup__content-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 1px;
}

.modal-popup__close-btn {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 24px;
  height: 24px;
  font-size: 0;
  border: none;
  background-color: rgba(0, 0, 0, 0);
}

.modal-popup__close-btn:before,
.modal-popup__close-btn:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 20px;
  height: 2px;
  margin: auto;
  background-color: var(--text-dark-gray);
  border-radius: 1px;
}

.modal-popup__close-btn:before {
  transform: rotate(-45deg);
}

.modal-popup__close-btn:after {
  transform: rotate(45deg);
}

@media (min-width: 640px) {
  .modal-popup--payment .modal-popup__content {
    max-width: 640px;
  }
  .modal-popup__content {
    padding: 24px 32px 32px;
  }
}

@media (min-width: 960px) {
  .modal-popup__content {
    position: relative;
    width: 792px;
  }
}

@media (min-width: 1280px) {
  .modal-popup--payment .modal-popup__content {
    max-width: 588px;
  }

  .modal-popup__content {
    padding: 48px;
  }
}

.modal-delivery {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 1px;
}

.modal-delivery__step {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 1px;
}

.modal-delivery__step.hide {
  display: none;
}

.modal-delivery__header {
  position: relative;
  padding-right: 24px;
  margin-bottom: 36px;
}

.modal-delivery__title {
  display: block;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
}

.modal-delivery__link {
  display: none;
}

.modal-delivery__content {
  flex-grow: 1;
  padding-right: 20px;
  margin-right: -20px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-color);
}

.modal-delivery__footer {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: auto;
  padding-top: 24px;
}

.modal-delivery__fields {
  margin-bottom: 36px;
}

.modal-delivery__field {
  margin-top: 8px;
}

.modal-delivery__field:first-child {
  margin-top: 0;
}

.modal-delivery__field-link {
  margin-top: 24px;
}

.modal-delivery__field-checkbox {
  margin-top: 36px;
}

.modal-delivery__btn-prev {
  position: absolute;
  top: 3px;
  left: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--main-blue);
  border: none;
  background-color: rgba(0, 0, 0, 0);
}

.modal-delivery__btn-prev + .modal-delivery__title {
  padding-top: 36px;
  margin-right: -24px;
}

@media (min-width: 640px) {
  .modal-delivery__content {
    padding-right: 28px;
    margin-right: -28px;
  }

  .modal-delivery__footer {
    flex-direction: row-reverse;
  }

  .modal-delivery__btn {
    width: calc(50% - 4px);
  }

  .modal-delivery__btn-prev {
    top: 2px;
  }

  .modal-delivery__btn-prev + .modal-delivery__title {
    padding-top: 0;
    margin-right: -24px;
  }
}

@media (min-width: 960px) {
  .modal-delivery__footer {
    padding-top: 36px;
  }
}

@media (min-width: 1280px) {
  .modal-delivery__header {
    padding-right: 0;
  }

  .modal-delivery__content {
    padding-right: 34px;
    margin-right: -44px;
  }

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

  .modal-delivery__btn-prev {
    top: initial;
    bottom: 100%;
  }

  .modal-delivery__btn-prev + .modal-delivery__title {
    padding-top: 24px;
    margin-right: 0;
  }

  .modal-delivery__title {
    font-size: 22px;
    line-height: 140%;
    text-transform: uppercase;
    text-align: left;
  }

  .modal-delivery__link {
    display: block;
  }

  .modal-delivery__btn {
    width: initial;
  }

  .modal-delivery__btn:last-child {
    display: none;
  }

  .modal-delivery__fields {
    display: flex;
    flex-wrap: wrap;
    column-gap: 16px;
  }

  .modal-delivery__field {
    flex-grow: 1;
  }

  .modal-delivery__field--full {
    width: 100%;
  }

  .modal-delivery__field--half {
    width: calc(50% - 8px);
    margin-top: 10px;
  }

  .modal-delivery__field-narrow {
    flex-grow: 0;
    flex-shrink: 0;
    width: 173px;
    margin-top: 0;
  }

  .modal-delivery__field-phone {
    flex-grow: 0;
    flex-shrink: 0;
    width: 293px;
    margin-top: 0;
  }

  .modal-delivery__field-link {
    display: none;
    width: 100%;
  }

  .modal-delivery__field-checkbox {
    width: 100%;
    margin-top: 16px;
  }
}

.modal-pickup {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media (min-width: 640px) {
  .modal-pickup {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
  }

  .modal-pickup__item {
    width: calc(50% - 8px);
  }
}

@media (min-width: 1280px) {
  .modal-pickup {
    gap: 24px;
  }

  .modal-pickup__item {
    width: calc(50% - 12px);
  }
}

.delivery-point {
  width: 100%;
  margin: 0;
  cursor: pointer;
}

.delivery-point__radio {
  position: absolute;
  display: none;
}

.delivery-point__radio:checked + .delivery-point__content {
  border-color: var(--main-blue);
}

.delivery-point__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 228px;
  padding: 24px;
  color: var(--text-black);
  border: 1px solid var(--stroke-gray-normal);
  border-radius: 8px;
  transition: all .3s ease;
}

.delivery-point__title {
  display: block;
  font-size: 14px;
  line-height: 120%;
  font-weight: 600;
  text-transform: uppercase;
}

.delivery-point__address {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  line-height: 130%;
}

.delivery-point__info {
  margin-top: 8px;
  font-size: 12px;
  line-height: 130%;
  color: var(--text-dark-gray);
}

.delivery-point__info > * {
  margin-bottom: 8px;
}

.delivery-point__price {
  display: block;
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
  text-transform: uppercase;
}

.delivery-point__link {
  margin-top: auto;
  text-align: right;
}

.delivery-point--recipient .delivery-point__content {
  flex-direction: row;
  gap: 8px;
  min-height: 115px;
  padding: 16px;
}

.delivery-point--recipient .delivery-point__content:before {
  content: '';
  flex-shrink: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(images/icons/icon-user.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.delivery-point--recipient .delivery-point__content-wrap {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.delivery-point--recipient .delivery-point__title {
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 120%;
}

.delivery-point--recipient .delivery-point__phone {
  display: block;
  font-size: 12px;
  line-height: 130%;
  color: var(--text-dark-gray);
}

.delivery-point--recipient .delivery-point__link {
  margin-top: auto;
}

.delivery-point--ooo .delivery-point__content:before {
  background-image: url(images/icons/icon-ooo.svg);
}

@media (min-width: 640px) {
  .delivery-point--recipient {
    height: 100%;
  }

  .delivery-point--recipient .delivery-point__content {
    height: 100%;
    padding: 24px 24px 16px;
  }

  .delivery-point--recipient .delivery-point__link {
    padding-top: 30px;
    margin-top: auto;
  }
}

@media (min-width: 640px) {
  .delivery-point--recipient .delivery-point__phone {
    font-size: 13px;
  }
}

@media (min-width: 1280px) {
  .delivery-point--pickup-point .delivery-point__address {
    font-size: 13px;
    line-height: 120%;
  }

  .delivery-point--pickup-point .delivery-point__info {
    font-size: 13px;
  }
}


.map-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 215px;
  background-color: #F4F4FF;
  border: 1px solid #F4F4FF;
  border-radius: 8px;
  transition: all .3s ease;
}

.map-link:hover {
  border-color: var(--main-blue);
  text-decoration: none;
}

.map-link svg {
  stroke: var(--main-blue);
}

.map-link span {
  display: block;
  margin-top: 16px;
  font-size: 14px;
  line-height: 120%;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--main-blue);
}




/* Страница каталога */
.catalog-new {
  padding-bottom: 70px;
  color: var(--text-black);
}

.catalog-new__inner {
  max-width: calc(var(--width-container) + var(--gap));
  padding: 0 var(--gap-half);
  margin: 0 auto;
}

.catalog-new__head {
  margin-bottom: 16px;
}

.catalog-new__title {
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 600;
  line-height: 26px;
  text-transform: uppercase;
}

.catalog-new__aside {
  display: none;
}

.catalog-new__promo {
  margin-bottom: 24px;
  margin-left: -24px;
  margin-right: -24px;
}

.catalog-new__category {
  margin-bottom: 24px;
}

@media (min-width: 640px) {
  .catalog-new {
    padding-bottom: 100px;
  }

  .catalog-new__promo {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 1280px) {
  .catalog-new {
    padding-bottom: 120px;
  }

  .catalog-new__body {
    display: flex;
    gap: 24px;
  }

  .catalog-new__aside {
    display: block;
    width: calc(25% - 12px);
  }

  .catalog-new__main {
    width: calc(75% - 12px);
  }

  .catalog-new__head {
    margin-bottom: 24px;
  }

  .catalog-new__title {
    margin-bottom: 36px;
    font-size: 40px;
    line-height: 110%;
  }

  .catalog-new__promo {
    margin-bottom: 36px;
  }

  .catalog-new__category {
    margin-bottom: 36px;
  }
}

.tags {
  display: flex;
  gap: 8px;
  padding: 0 var(--gap-half);
  margin: 0;
  margin-left: calc(var(--gap-half) * -1);
  margin-right: calc(var(--gap-half) * -1);
  list-style: none;
  overflow: auto;
}

.tags__item {
  flex-shrink: 0;
}

@media (min-width: 1280px) {
  .tags {
    flex-wrap: wrap;
    overflow: initial;
  }
}

.goods-promo {
  padding: 24px;
  background-color: var(--main-light-blue);
}

.goods-promo__head {
  display: flex;
  flex-direction: column;
}

.goods-promo__title {
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  text-transform: uppercase;
}

.goods-promo__link {
  display: flex;
  align-items: flex-end;
  align-self: flex-end;
  margin-top: 10px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: var(--text-black);
  text-decoration: none;
  text-transform: uppercase;
}

.goods-promo__link svg {
  width: 24px;
  height: 24px;
  margin-left: 10px;
  stroke: var(--text-black);
}

.goods-promo__slide .swiper-wrapper {
  display: flex;
  align-items: stretch;
  gap: 16px;
  margin-left: -24px;
  margin-right: -24px;
  padding: 0 24px;
  overflow-y: hidden;
  overflow-x: auto;
}

.goods-promo__slide-item.swiper-slide {
  flex-shrink: 0;
  width: 165px;
  height: initial;
}

@media (min-width: 640px) {
  .goods-promo {
    padding-bottom: 1px;
  }

  .goods-promo__head {
    flex-direction: row;
    align-items: center;
    margin-bottom: 16px;
  }

  .goods-promo__title {
    font-size: 20px;
    line-height: 120%;
  }

  .goods-promo__link {
    flex-shrink: 0;
    align-self: initial;
    margin-top: 0;
  }

  .goods-promo__link svg {
    width: 32px;
    height: 32px;
    margin-bottom: -3px;
  }

  .goods-promo__slide .swiper-wrapper {
    gap: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    overflow: initial;
    overflow-x: initial;
    overflow-y: initial;
  }

  .goods-promo__slide-item.swiper-slide {
    width: initial;
  }

  .goods-promo__slide .swiper-pagination {
    position: static;
  }

  .goods-promo__slide .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border: 2px solid var(--main-blue);
    opacity: .5;
    background-color: rgba(0, 0, 0, 0);
  }

  .goods-promo__slide .swiper-pagination-bullet-active {
    background-color: var(--main-blue);
  }
}

@media (min-width: 1200px) {
  .goods-promo {
    display: flex;
    padding-bottom: 24px;
  }

  .goods-promo__head {
    flex-shrink: 0;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 242px;
    padding-top: 24px;
    margin-right: 16px;
  }

  .goods-promo__title {
    font-size: 22px;
    line-height: 140%;
  }

  .goods-promo__slide {
    flex-grow: 1;
  }
}


.goods-list__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.goods-list__select {
  /*flex-grow: 1;*/
  margin-right: 40px;
}

.goods-list__select select {
  width: 100%;
}

.goods-list__controls {
  display: flex;
  gap: 16px;
}

.goods-list__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}

.goods-list__list--alt {
  flex-direction: row;
  flex-wrap: wrap;
}

.goods-list__list--alt .goods-list__item {
  width: calc(50% - 8px);
}

@media (min-width: 640px) {
  .goods-list__list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
  }

  .goods-list__item {
    width: calc(50% - 12px);
  }

  .goods-list__list--alt .goods-list__item {
    width: calc(50% - 12px);
  }
}

@media (min-width: 1280px) {
  .goods-list__list {
    gap: 24px;
  }

  .goods-list__item {
    width: calc(33.33% - (48px / 3));
  }

  .goods-list__list--alt {
    display: block;
  }

  .goods-list__list--alt .goods-list__item {
    width: 100%;
    border-bottom: 1px solid var(--stroke-gray-light);
  }

  .goods-list__list--alt .goods-list__item:first-child {
    border-top: 1px solid var(--stroke-gray-light);
  }
}

.product-card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 16px 12px;
  border: 1px solid var(--stroke-gray-light);
  border-radius: 8px;
  background-color: #fff;
  box-sizing: border-box;
}

.product-card * {
  box-sizing: border-box;
}

.product-card__photo-wrap {
  position: relative;
  display: block;
  padding-top: 65.57%;
}

.product-card__photo-wrap picture {
  display: block;
}

.product-card__photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.product-card__info {
  margin-top: 16px;
}

.product-card__head {
  margin-bottom: 16px;
}

.product-card__manufacturer {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 8px;
}

.product-card__manufacturer a {
  display: block;
  padding: 5px 0;
  font-size: 12px;
  line-height: 14px;
  color: var(--main-blue);
  text-decoration: none;
}

.product-card__state {
  flex-shrink: 0;
  display: block;
  padding: 6px 16px;
  margin-right: -12px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  text-transform: uppercase;
  background-color: var(--main-light-blue);
}

.product-card__labels {
  position: absolute;
  top: 16px;
  left: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding-right: 48px;
}

.product-card__title {
  display: block;
  font-size: 14px;
  line-height: 120%;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  color: inherit;
}

.product-card__controls {
  position: absolute;
  top: 14px;
  right: 14px;
}

.product-card__categories {
  display: flex;
  margin-top: 16px;
  font-size: 12px;
  line-height: 14px;
}

.product-card__categories p {
  margin: 0;
}

.product-card__categories ul {
  display: flex;
  margin: 0 0 0 8px;
  padding: 0;
  list-style: none;
}

.product-card__categories li {
  margin-left: 5px;
}

.product-card__categories li:before {
  content: '|';
  padding-right: 5px;
  color: var(--main-blue);
}

.product-card__categories li:first-child {
  margin-left: 5px;
}

.product-card__categories li:first-child:before {
  content: normal;
}

.product-card__categories a {
  color: var(--main-blue);
  text-decoration: none;
}

.product-card__reviews {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 16px;
  text-decoration: none;
}

.product-card__reviews p {
  margin: 0;
  font-size: 12px;
  line-height: 14px;
  color: var(--text-dark-gray);
}

.product-card__footer {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  margin-top: 24px;
}

.product-card__price {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: auto;
}

.product-card__price ins,
.product-card__price span {
  font-size: 20px;
  line-height: 120%;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--text-black);
}

.product-card__price ins {
  color: var(--second-pink-light);
}

.product-card__price del {
  font-size: 14px;
  line-height: 140%;
  text-transform: uppercase;
  color: var(--text-dark-gray);
}

.product-card__btn {
  margin-top: 24px;
}

.product-card__delivery {
  margin-top: 8px;
  color: var(--text-dark-gray);
}

.product-card__delivery p {
  margin: 0;
  font-size: 12px;
  line-height: 14px;
}

.product-card__delivery a {
  color: var(--main-blue);
  text-decoration: none;
}

.product-card__variants {
  margin-bottom: 24px;
}

.product-card--alt {
  padding: 12px 8px 16px;
}

.product-card--alt .product-card__manufacturer {
  flex-direction: column-reverse;
  gap: 8px;
  margin-bottom: 4px;
}

.product-card--alt .product-card__manufacturer a {
  padding: 0;
}

.product-card--alt .product-card__state {
  align-self: flex-end;
  padding: 6px 8px;
  margin-right: -10px;
  text-transform: initial;
}

.product-card--alt .product-card__title {
  font-size: 12px;
}

.product-card--alt .product-card__info-list {
  display: none;
}

.product-card--alt .product-card__categories {
  display: none;
}

.product-card--alt .product-card__reviews p span {
  display: none;
}

.product-card--alt .product-card__price {
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: 4px;
}

.product-card--alt .product-card__price ins,
.product-card--alt .product-card__price span {
  font-size: 14px;
  line-height: 120%;
  color: var(--text-black);
}

.product-card--alt .product-card__price del {
  font-size: 10px;
  line-height: 12px;
}

.product-card--alt .product-card__footer {
  margin-top: 12px;
}

.product-card--alt .product-card__btn {
  margin-top: 12px;
}

.product-card--alt .product-card__btn .button {
  padding: 7px 19px;
  font-size: 10px;
  line-height: 14px;
}

.product-card--alt .product-card__delivery p {
  font-size: 10px;
  line-height: 14px;
}

.product-card--alt .product-card__controls {
  top: 12px;
  right: 10px;
}

.product-card--alt .product-card__labels {
  top: 12px;
  left: 10px;
}

.product-card--slider {
  display: flex;
  flex-direction: column;
  padding: 10px 10px 16px;
}

.product-card--slider .product-card__state {
  margin-right: -10px;
}

.product-card--slider .product-card__state {
  flex-shrink: 1;
  width: 69px;
  padding: 6px;
  font-size: 10px;
  line-height: 12px;
  font-weight: 500;
  white-space: nowrap;
}

.product-card--slider .product-card__manufacturer a {
  padding: 0;
}

.product-card--slider .product-card__head {
  margin-bottom: 8px;
}

.product-card--slider .product-card__title {
  display: -webkit-box;
  max-height: calc(12px * 1.2 * 2);
  font-size: 12px;
  line-height: 120%;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-card--slider .product-card__reviews {
  margin-top: 8px;
}

.product-card--slider .product-card__price {
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  margin-top: auto;
}

.product-card--slider .product-card__price del {
  font-size: 10px;
  line-height: 140%;
}

.product-card--slider .product-card__price ins {
  font-size: 16px;
  line-height: 140%;
}

.product-card--slider .product-card__btn {
  margin-top: 10px;
}

.product-card--slider .product-card__variants {
  margin-bottom: 10px;
}

.product-card--slider .product-variants {
  justify-content: space-between;
}

.product-card--slider .product-card__footer {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  margin-top: 12px;
}

.product-card--slider .product-card__labels {
  top: 10px;
  left: 10px;
}

.product-card--slider .product-card__controls {
  top: 10px;
  right: 10px;
}

.product-card--recomended {
  background-color: rgba(0, 0, 0, 0);
}

.product-card--recomended .product-card__info-list {
  display: none;
}

.product-card--recomended .product-card__categories {
  display: none;
}

.product-card--recomended .product-card__price {
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: 4px;
}

.product-card--recomended .product-card__price del {
  font-size: 10px;
  line-height: 12px;
  color: var(--text-dark-gray);
}

.product-card--recomended .product-card__price ins {
  font-size: 14px;
  line-height: 120%;
  color: var(--text-black);
}

.product-card--recomended .product-card__btn {
  margin-top: 16px;
}

.product-card--recomended .product-card__manufacturer {
  align-items: center;
}

.product-card--recomended .product-card__manufacturer a {
  font-size: 10px;
  line-height: 14px;
}

.product-card--recomended .product-card__state {
  padding: 6px 10px;
  text-transform: initial;
}

@media (min-width: 640px) {
  .product-card {
    padding: 16px 16px 24px;
  }

  .product-card--slider {
    padding: 10px 10px 16px;
  }

  .product-card__photo-wrap {
    padding-top: 82.78%;
  }

  .product-card__labels {
    left: 16px;
  }

  .product-card__controls {
    right: 16px;
  }

  .product-card--alt .product-card__state,
  .product-card__state {
    margin-right: -16px;
    padding: 6px 16px;
    text-transform: uppercase;
  }

  .product-card__manufacturer,
  .product-card--alt .product-card__manufacturer {
    flex-direction: row;
    margin-bottom: 8px;
  }

  .product-card--alt .product-card__manufacturer a {
    padding: 5px 0;
  }

  .product-card--alt .product-card__info-list {
    display: block;
  }

  .product-card--alt .product-card__categories {
    display: flex;
  }

  .product-card--alt .product-card__reviews p span {
    display: inline;
  }

  .product-card--alt .product-card__footer {
    margin-top: 24px;
  }

  .product-card--alt .product-card__price {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
  }

  .product-card--alt .product-card__price ins,
  .product-card--alt .product-card__price span {
    font-size: 20px;
    line-height: 120%;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--text-black);
  }

  .product-card--alt .product-card__price ins {
    color: var(--second-pink-light);
  }

  .product-card--alt .product-card__price del {
    font-size: 14px;
    line-height: 140%;
    text-transform: uppercase;
    color: var(--text-dark-gray);
  }

  .product-card--alt .product-card__btn {
    margin-top: 24px;
  }

  .product-card--alt .product-card__btn .button {
    padding: 11px 23px;
    font-size: 12px;
    line-height: 16px;
  }

  .product-card--alt .product-card__delivery p {
    font-size: 12px;
    line-height: 14px;
  }

  .product-card--alt .product-card__labels {
    left: 16px;
    top: 16px;
  }

  .product-card--alt .product-card__controls {
    top: 14px;
    right: 16px;
  }
}

@media (min-width: 1280px) {
  .product-card--alt {
    display: flex;
    flex-direction: row;
    padding: 16px 0 24px 0;
    margin: 0 -12px;
    border-radius: 0;
    border: none;
  }

  .product-card--alt .product-card__photo-wrap {
    width: calc(2/9*100%);
    padding: 0 12px;
  }

  .product-card--alt .product-card__photo {
    position: static;
  }

  .product-card--alt .product-card__head {
    display: flex;
    flex-direction: column-reverse;
  }

  .product-card--alt .product-card__manufacturer {
    margin-top: 8px;
    margin-bottom: 0;
  }

  .product-card--alt .product-card__manufacturer a {
    display: none;
  }

  .product-card--alt .product-card__state {
    margin-right: 0;
  }

  .product-card--alt .product-card__title {
    font-size: 14px;
  }

  .product-card--alt .product-card__info {
    width: calc(4/9*100%);
    padding: 0 12px;
    margin-top: 0;
  }

  .product-card--alt .product-info__item {
    margin-bottom: 4px;
  }

  .product-card--alt .product-info__item:first-child {
    display: block;
  }

  .product-card--alt .product-info__item p {
    font-size: 13px;
    line-height: 120%;
  }

  .product-card--alt .product-card__footer {
    display: flex;
    flex-direction: column;
    width: calc(2/9*100%);
    padding: 0 12px;
    margin-top: 0;
  }

  .product-card--alt .product-card__labels {
    position: static;
    padding-right: 0;
  }

  .product-card--alt .product-card__price {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    margin-top: 16px;
  }

  .product-card--alt .product-card__btn {
    margin-top: auto;
  }

  .product-card--alt .product-card__controls {
    position: static;
    display: flex;
    justify-content: flex-end;
    width: calc(1/9*100%);
    padding: 0 12px;
  }

  .product-card--recomended .product-card__info-list {
    display: block;
  }

  .product-card--recomended .product-card__categories {
    display: flex;
  }

  .product-card--recomended .product-card__price {
    flex-direction: row;
    align-items: center;
    gap: 16px;
  }

  .product-card--recomended .product-card__price del {
    font-size: 14px;
    line-height: 140%;
  }

  .product-card--recomended .product-card__price ins {
    font-size: 20px;
    line-height: 120%;
    color: var(--second-pink-light);
  }

  .product-card--recomended .product-card__btn {
    margin-top: 22px;
  }

  .product-card--recomended .product-card__btn .button {
    width: initial;
    padding: 11px 24px;
    font-size: 12px;
  }

  .product-card--recomended .product-card__manufacturer {
    align-items: center;
  }

  .product-card--recomended .product-card__manufacturer a {
    font-size: 12px;
    line-height: 14px;
  }

  .product-card--recomended .product-card__state {
    padding: 6px 16px;
    text-transform: uppercase;
  }
}

.product-label {
  display: flex;
  align-items: center;
  padding: 3px 7px;
  border: 1px solid;
  font-size: 10px;
  line-height: 14px;
  font-weight: 600;
  white-space: nowrap;
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, .8);
}

.product-label svg {
  width: 12px;
  height: 12px;
  margin-right: 2px;
}

.product-label--red {
  border-color: var(--second-pink-light);
  color: var(--second-pink-light);
}

.product-label--red svg {
  stroke: var(--second-pink-light);
}

.product-label--blue {
  border-color: var(--main-blue);
  color: var(--main-blue);
}

.product-label--blue svg {
  stroke: var(--main-blue);
}

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

.product-info__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.product-info__item:first-child {
  display: none;
}

.product-info__item:last-child {
  margin-bottom: 0;
}

.product-info__item p {
  display: flex;
  align-items: flex-start;
  column-gap: 4px;
  flex-wrap: wrap;
  margin: 0;
  font-size: 12px;
  line-height: 14px;
  color: var(--text-dark-gray);
}

.product-info__item p span {
  color: var(--dark-gray-2);
}

.product-info__item p span:first-child {
  white-space: nowrap;
}

.reviews-star {
  flex-shrink: 0;
  width: 60px;
  height: 12px;
  background-image: url(images/icons/icon-star-empty.svg);
  background-repeat: repeat-x;
}

.reviews-star:before {
  content: '';
  display: block;
  width: 0;
  height: 12px;
  background-image: url(images/icons/icon-star-full.svg);
  background-repeat: repeat-x;
}

.reviews-star--1:before {
  width: 20%;
}
.reviews-star--1_5:before {
  width: 30%;
}
.reviews-star--2:before {
  width: 40%;
}
.reviews-star--2_5:before {
  width: 50%;
}
.reviews-star--3:before {
  width: 60%;
}
.reviews-star--3_5:before {
  width: 70%;
}
.reviews-star--4:before {
  width: 80%;
}
.reviews-star--4_5:before {
  width: 90%;
}
.reviews-star--5:before {
  width: 100%;
}



.product-control {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.product-control__btn {
  display: block;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
}

.product-control__btn span {
  font-size: 1px;
  opacity: 0;
  position: absolute;
  pointer-events: none;
}

.product-control__btn svg {
  display: block;
  fill: white;
  fill-opacity: .6;
  stroke: #212121;
}

.product-control__btn.active svg {
  fill: var(--second-pink);
  fill-opacity: 1;
  stroke: var(--second-pink);
}



.goods-category {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.goods-category__item,
.goods-category__item-more {
  width: calc(50% - 8px);
}

.goods-category__item:nth-of-type(n + 8) {
  display: none;
}

.goods-category__card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  min-height: 110px;
  padding: 8px 6px;
  background-color: var(--main-light-blue);
  border-radius: 8px;
  overflow: hidden;
}

.goods-category__title {
  display: block;
  font-size: 10px;
  line-height: 120%;
  font-weight: 600;
  color: #25262A;
  text-transform: uppercase;
}

.goods-category__photo {
  height: 80px;
  margin-top: 11px;
  margin-bottom: -20px;
  margin-right: -15px;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
}

.goods-category__more-link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 10px;
  line-height: 14px;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--main-blue);
  border: 1px solid var(--main-blue);
  transition: all .3s ease;
}

.goods-category__more-link:hover {
  color: var(--main-blue);
  text-decoration: none;
  background-color: #E8E8FF;
}

.goods-category__more-link:after {
  content: '';
  width: 16px;
  height: 16px;
  margin-left: 4px;
  background-image: url(images/icons/icon-arrow-right.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (min-width: 640px) {
  .goods-category {
    gap: 24px;
  }

  .goods-category__item,
  .goods-category__item-more {
    width: calc(33.33% - 48px / 3);
  }

  .goods-category__item:nth-of-type(n + 8) {
    display: block;
  }

  .goods-category__item:nth-of-type(n + 9) {
    display: none;
  }

  .goods-category__card {
    padding: 12px;
  }

  .goods-category__title {
    font-size: 12px;
    line-height: 120%;
  }

  .goods-category__photo {
    height: 105px;
    margin-top: 25px;
    margin-right: -30px;
    margin-bottom: -30px;
  }

  .goods-category__more-link span {
    display: block;
    margin-top: 1px;
    font-size: 12px;
    line-height: 16px;
  }
}

@media (min-width: 1280px) {
  .goods-category {
    gap: 16px;
  }

  .goods-category__item,
  .goods-category__item-more {
    width: calc(20% - 64px / 5);
  }

  .goods-category__item:nth-of-type(n + 9) {
    display: block;
  }

  .goods-category__item:nth-of-type(n + 10) {
    display: none;
  }

  .goods-category__card {
    padding: 16px;
    transition: all .3s ease;
  }

  .goods-category__card:hover {
    text-decoration: none;
    background-color: #E8E8FF;
  }

  .goods-category__card.active {
    background-color: var(--main-blue);
  }

  .goods-category__card.active .goods-category__title {
    color: #fff;
  }

  .goods-category__photo {
    height: 115px;
    margin-top: 25px;
    margin-right: -31px;
    margin-bottom: -31px;
  }
}

.view-btn {
  display: none;
  gap: 4px;
  padding: 0;
  margin: 0;
  background: none;
  border: none;
}

.view-btn.active {
  display: flex;
  align-items: center;
  gap: 4px;
}

.view-btn span {
  display: none;
}

.view-btn:before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.view-btn--tile:before {
  background-image: url(images/icons/icon-tile.svg);
}

.view-btn--list:before {
  background-image: url(images/icons/icon-row.svg);
}

.view-btn--filter {
  display: flex;
}

.view-btn--filter:before {
  background-image: url(images/icons/icon-filter.svg);
}

@media (min-width: 640px) {
  .view-btn.active {
    display: none;
  }

  .view-btn--list {
    display: none;
  }

  .view-btn--filter span {
    display: block;
  }
}

@media (min-width: 1280px) {
  .view-btn.active {
    display: flex;
  }
}

.product-variants {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1px;
}

.product-variants__labels {
  display: flex;
  flex-wrap: wrap;
}

.product-variants__switcher {
  flex-shrink: 0;
  display: flex;
  border: 1px solid var(--stroke-gray-light);
  border-radius: 20px;
}

.product-variant {
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.product-variant__radio {
  display: none;
}

.product-variant__radio:checked + .product-variant__btn {
  color: var(--main-blue);
  border-color:  var(--main-blue);
}

.product-variant__btn {
  display: block;
  width: 43px;
  padding: 5px 3px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
  color: var(--dark-gray-2);
  text-align: center;
  white-space: nowrap;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0);
  transition: all .3s ease;
}

.switcher-variant {
  display: block;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.switcher-variant__radio {
  display: none;
}

.switcher-variant__radio:checked + .switcher-variant__btn {
  box-shadow: 0 0 0 1px var(--main-blue);
}

.switcher-variant__radio:checked + .switcher-variant__btn svg {
  stroke: var(--main-blue);
}

.switcher-variant__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 22px;
  border-radius: 20px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);
  transition: all .3s ease;
}

.switcher-variant__btn svg {
  stroke: var(--text-black);
  transition: all .3s ease;
}

.taste {
  width: 66px;
  height: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.taste--1 {
  background-image: url(images/icons/icon-taste-1.svg);
}

.taste--2 {
  background-image: url(images/icons/icon-taste-2.svg);
}

.taste--3 {
  background-image: url(images/icons/icon-taste-3.svg);
}

.taste--4 {
  background-image: url(images/icons/icon-taste-4.svg);
}

.taste--5 {
  background-image: url(images/icons/icon-taste-5.svg);
}


.modal-filter {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
  width: 100%;
  height: 100%;
}

.modal-filter.open {
  display: block;
}

.modal-filter__body {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 16px 4px 16px 24px;
  background-color: #fff;
}

.modal-filter__close {
  position: absolute;
  top: 17px;
  right: 24px;
  padding: 0;
  font-size: 10px;
  line-height: 14px;
  color: var(--main-blue);
  text-transform: uppercase;
  border: none;
  background-color: rgba(0, 0, 0, 0);
}

.modal-filter__content {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  height: 100%;
}

.modal-filter__scroll-wrap {
  flex-grow: 1;
  padding-right: 20px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-color);
}

.modal-filter__close {
  display: block;
  font-size: 10px;
  line-height: 14px;
}

.modal-filter__head {
  text-align: center;
  margin-bottom: 24px;
}

.modal-filter__title {
  display: block;
  font-size: 14px;
  line-height: 120%;
  text-transform: uppercase;
  font-weight: 600;
}

.modal-filter__tags {
  display: flex;
  flex-wrap: wrap;
  column-gap: 6px;
  row-gap: 8px;
  margin-top: 24px;
}

.modal-filter__method {
  margin-top: 24px;
}

.modal-filter__subtitle {
  display: block;
  margin-bottom: 16px;
  font-size: 12px;
  line-height: 120%;
  text-transform: uppercase;
  font-weight: 600;
}

.modal-filter__filters {
  margin-top: 16px;
}

.modal-filter__part {
  margin-top: 48px;
}

.modal-filter__part:first-child {
  margin-top: 0;
}

.modal-filter__buttons {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 24px;
}

@media (min-width: 640px) {
  .modal-filter__body {
    padding: 48px 4px 48px 32px;
  }

  .modal-filter__close {
    width: 24px;
    height: 24px;
    top: 24px;
    right: 32px;
  }

  .modal-filter__close:before,
  .modal-filter__close:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 19px;
    height: 2px;
    margin: auto;
    border-radius: 2px;
    background-color: var(--text-dark-gray);
  }

  .modal-filter__close:before {
    transform: rotate(-45deg);
  }

  .modal-filter__close:after {
    transform: rotate(45deg);
  }

  .modal-filter__close span {
    display: none;
  }

  .modal-filter__title {
    font-size: 20px;
    line-height: 120%;
    text-align: left;
  }

  .modal-filter__row {
    display: flex;
    gap: 24px;
  }

  .modal-filter__col {
    width: calc(50% - 12px);
  }

  .modal-filter__buttons {
    flex-direction: row-reverse;
  }

  .modal-filter__btn-wrap {
    width: calc(50% - 4px);
  }
}

@media (min-width: 1200px) {
  .modal-filter {
    justify-content: center;
    align-items: center;
    background-color: rgba(33, 33, 33, .3);
  }

  .modal-filter.open {
    display: flex;
  }

  .modal-filter__content {
    display: flex;
    flex-direction: column;
    flex-shrink: initial;
    height: 100%;
    min-height: 1px;
  }

  .modal-filter__body {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    max-width: 1320px;
    height: initial;
    padding: 48px 4px 48px 48px;
    margin: 0 auto;
  }

  .modal-filter__scroll-wrap {
    padding-right: 44px;
  }

  .modal-filter__filters {
    display: flex;
    gap: 24px;
  }

  .modal-filter__part {
    width: calc(25% - 24px * 3 / 4);
    margin: 0;
    border-top: 1px solid var(--stroke-gray-light);
  }

  .modal-filter__row {
    display: block;
  }

  .modal-filter__col {
    width: initial;
  }

  .modal-filter__buttons {
    flex-direction: column;
  }

  .modal-filter__btn-wrap {
    width: initial;
  }
}


.filter-tag {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 12px;
  border-radius: 20px;
  background-color: var(--main-light-blue);
}

.filter-tag__text {
  margin: 0;
  font-size: 12px;
  line-height: 110%;
  font-weight: 600;
  color: var(--main-blue);
}

.filter-tag__remove {
  position: relative;
  width: 16px;
  height: 16px;
  font-size: 0;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  transition: all .3s ease;
}

.filter-tag__remove:hover {
  transform: rotate(90deg);
}

.filter-tag__remove:before,
.filter-tag__remove:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 12px;
  height: 1px;
  margin: auto;
  background-color: var(--main-blue);
}

.filter-tag__remove:before {
  transform: rotate(-45deg);
}

.filter-tag__remove:after {
  transform: rotate(45deg);
}

.filter-tag__key {
  display: none;
}

.filter-methods {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.filter-methods__label {
  width: calc(50% - 8px);
  margin-bottom: 0;
}

.filter-methods__label:nth-child(n + 7) {
  display: none;
}

.filter-methods__checkbox {
  display: none;
}

.filter-methods__checkbox:checked + .filter-methods__card {
  color: #fff;
  background-color: var(--main-blue);
  border-color: var(--main-blue);
}

.filter-methods__checkbox:checked + .filter-methods__card .filter-methods__icon svg {
  stroke: #fff;
}

.filter-methods__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  height: 100%;
  min-height: 93px;
  padding: 10px;
  border-radius: 8px;
  font-size: 11px;
  line-height: 140%;
  text-transform: uppercase;
  font-weight: 600;
  border: 1px solid var(--stroke-gray-dark);
  transition: all .3s ease;
  box-sizing: border-box;
}

.filter-methods__icon {
  flex-shrink: 0;
  display: block;
  width: 32px;
  height: 32px;
}

.filter-methods__icon svg {
  stroke: var(--text-black);
  transition: all .3s ease;
}

.filter-methods__btn-more {
  width: 100%;
  padding: 17px;
  font-size: 10px;
  line-height: 14px;
  text-transform: uppercase;
  color: var(--main-blue);
  font-weight: 600;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid var(--main-blue);
}

@media (min-width: 640px) {
  .filter-methods {
    gap: 15px;
  }

  .filter-methods__label {
    width: calc(33.33% - 30px / 3);
  }

  .filter-methods__label:nth-child(n + 6) {
    display: none;
  }

  .filter-methods__btn-more {
    width: calc(33.33% - 30px / 3);
  }

  .filter-methods__card {
    flex-direction: row;
    align-items: center;
    min-height: 70px;
    padding: 10px 16px;
  }
}

@media (min-width: 1200px) {
  .filter-methods {
    gap: 11px;
  }

  .filter-methods__label:nth-child(n + 6) {
    display: block;
  }

  .filter-methods__label:nth-child(n + 7) {
    display: none;
  }

  .filter-methods__label,
  .filter-methods__btn-more {
    width: calc(100% / 7 - (11px * 6 / 7));
    cursor: pointer;
  }
}


.filter-accordion {
  border-bottom: 1px solid var(--stroke-gray-light);
}

.filter-accordion:first-child {
  border-top: 1px solid var(--stroke-gray-light);
}

.filter-accordion__btn {
  position: relative;
  width: 100%;
  padding: 16px 0;
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
  text-transform: uppercase;
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  border: none;
}

.filter-accordion__btn.open:after {
  transform: rotate(180deg);
}

.filter-accordion__btn:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
  margin: auto;
  background-image: url(images/icons/icon-arrow-accordion.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all .3s ease;
}

.filter-accordion__content {
  display: none;
  padding-bottom: 16px;
}

@media (min-width: 1200px) {
  .filter-accordion:first-child {
    border-top: none;
  }
}

.filter-checkboxes__all-wrap {
  display: flex;
  padding: 8px 0 4px;
  border-bottom: 1px solid var(--stroke-gray-light);
}

.filter-checkboxes__all-link {
  padding: 0;
  font-size: 10px;
  line-height: 14px;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--main-blue);
  border: none;
  background-color: rgba(0, 0, 0, 0);
}

.filter-checkboxes__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 8px;
  max-height: 184px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-color);
}

.filter-checkboxes__search + .filter-checkboxes__list {
  margin-top: 8px;
}



.filter-banner {
  display: block;
  width: 100%;
  margin-top: 16px;
  border-radius: 8px;
  overflow: hidden;
}

.filter-banner img {
  width: 100%;
}

@media (min-width: 1200px) {
  .filter-banner {
    margin-top: 24px;
  }
}


.filter-switcher {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid var(--stroke-gray-light);
}

.filter-switcher:first-of-type {
  border-top: 1px solid var(--stroke-gray-light);
}

.filter-switcher__text {
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
  text-transform: uppercase;
}

@media (min-width: 1200px) {
  .filter-switcher:first-of-type {
    border-top: none;
  }
}

.switcher-mini {
  flex-shrink: 0;
  margin: 0;
}

.switcher-mini__checkbox {
  display: none;
}

.switcher-mini__checkbox:checked + .switcher-mini__switcher {
  background-color: var(--main-blue);
  border-color: var(--main-blue);
}

.switcher-mini__checkbox:checked + .switcher-mini__switcher .switcher-mini__toddler {
  transform: translateX(24px);
  background-color: #fff;
}

.switcher-mini__switcher {
  display: block;
  width: 48px;
  padding: 3px;
  border: 1px solid var(--stroke-gray-dark);
  border-radius: 25px;
  transition: all .3s ease;
}

.switcher-mini__switcher:hover {
  background-color: var(--text-light-gray);
  border-color: var(--text-light-gray);
}

.switcher-mini__switcher:hover .switcher-mini__toddler {
  background-color: #fff;
}

.switcher-mini__toddler {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background-color: var(--stroke-gray-dark);
  transition: all .3s ease;
}

.filter-variants {

}

.filter-checkbox:hover .filter-checkbox__btn {
  color: var(--btn-violet-hover);
  border: 1px solid var(--btn-violet-hover);
}

.filter-checkbox__checkbox {
  display: none;
}

.filter-checkbox__checkbox:checked + .filter-checkbox__btn {
  color: #fff;
  background-color: var(--main-blue);
  border: 1px solid var(--main-blue);
}

.filter-checkbox__checkbox:disabled + .filter-checkbox__btn {
  color: var(--btn-violet-disabled-text);
  background-color: var(--btn-violet-disabled);
  border: 1px solid var(--btn-violet-disabled);
  pointer-events: none;
}

.filter-checkbox__btn {
  display: block;
  min-width: 64px;
  padding: 5px 12px;
  font-size: 14px;
  line-height: 140%;
  font-weight: 600;
  text-align: center;
  color: var(--text-dark-gray);
  border: 1px solid var(--stroke-gray-dark);
  border-radius: 20px;
  transition: all .3s ease;
  cursor: pointer;
}

.catalog-filter__item {
  margin-top: 36px;
}

.catalog-filter__item:first-child {
  margin-top: 0;
}

.catalog-filter__title {
  margin-bottom: 16px;
  display: block;
  font-size: 16px;
  line-height: 140%;
  font-weight: 600;
  text-transform: uppercase;
}

.checkbox-filter__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.checkbox-filter__item:nth-child(n+4) {
  display: none;
}

.checkbox-filter__btn {
  margin-top: 16px;
}

.checkbox-filter__all-link {
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--main-blue);
}

.accordion-category__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 4px;
  transition: all .3s ease;
}

.accordion-category__btn.open {
  background-color: var(--main-light-blue);
}

.accordion-category__btn.open .accordion-category__btn-icon {
  transform: rotate(180deg);
}

.accordion-category__btn:hover {
  text-decoration: none;
}

.accordion-category__btn-icon {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(images/icons/icon-accordion-down.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all .3s ease;
}

.accordion-category__content {
  display: none;
  padding-left: 24px;
}

.accordion-category__link {
  display: block;
  padding: 9px 16px;
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
  text-transform: uppercase;
}

.accordion-category__link:hover {
  text-decoration: none;
}

.range-slider__fields {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 16px;
}

.range-slider__label {
  position: relative;
  margin: 0;
}

.range-slider__label span {
  position: absolute;
  left: 16px;
  top: 50%;
  font-size: 16px;
  line-height: 24px;
  color: var(--field-text);
  transform: translateY(-50%);
}

.range-slider__label input {
  width: 100%;
  padding: 5px 15px 5px 45px;
  border-radius: 8px;
  border: 1px solid var(--stroke-gray-light);
  background-color: rgba(0, 0, 0, 0);
}

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

.range-slider__line {
  margin-top: -16px;
}

.range-slider .irs--round .irs-handle {
  top: 27px;
  width: 18px;
  height: 18px;
  border: 5px solid #fff;
  background-color: var(--main-blue);
}

.range-slider .irs--round .irs-bar {
  height: 2px;
  background-color: var(--main-blue);
}

.range-slider .irs--round .irs-line {
  height: 2px;
  background-color: var(--bg-disabled);
}



.payment-methods {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.payment-method {
  display: block;
  margin: 0;
  cursor: pointer;
}

.payment-methods__radio {
  display: none;
}

.payment-methods__radio:checked + .payment-method__card {
  border-color: var(--main-blue);
}

.payment-method__card {
  border-radius: 8px;
  border: 1px solid var(--stroke-gray-dark);
  transition: all .3s ease;
}

.payment-method__system {
  display: flex;
  align-items: center;
  gap: 8px;
}

.payment-method__icon {
  flex-shrink: 0;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.payment-method__system-name {
  font-size: 12px;
  line-height: 130%;
}

.payment-method__card-number {
  font-size: 14px;
  line-height: 120%;
  font-weight: 600;
}

.payment-method__card-date {
  font-size: 12px;
  line-height: 130%;
}

.payment-method--system .payment-method__card {
  padding: 12px;
}

.payment-method--system .payment-method__system + .payment-method__info {
  margin-top: 8px;
}

.payment-method--system .payment-method__icon {
  width: 40px;
  height: 40px;
}

.payment-method--system .payment-method__info {
  display: flex;
  align-items: center;
  gap: 8px;
}

.payment-method--option .payment-method__card {
  display: flex;
  align-items: center;
  gap: 24px;
  min-height: 64px;
  padding: 4px 16px 4px 24px;
}

.payment-method--option .payment-method__icon {
  width: 24px;
  height: 24px;
}

.payment-method--option .payment-method__info {
  display: flex;
  flex-direction: column;
}

.payment-method--option .payment-method__text {
  font-size: 14px;
  line-height: 130%;
}

.payment-method--option .payment-method__desc {
  font-size: 12px;
  line-height: 130%;
  color: var(--text-dark-gray);
}

@media (min-width: 640px) {
  .payment-method--system .payment-method__card {
    display: flex;
    gap: 16px;
    min-height: 62px;
    padding: 11px 15px;
  }

  .payment-method--system .payment-method__system {
    gap: 16px;
  }

  .payment-method--system .payment-method__system + .payment-method__info {
    margin-top: 0;
  }

  .payment-method--option .payment-method__card {
    padding: 11px 23px;
  }

  .payment-method--option .payment-method__info {
    flex-direction: row;
    align-items: center;
    gap: 16px;
  }

  .payment-method--option .payment-method__text {
    font-size: 16px;
    line-height: 140%;
  }
}

@media (min-width: 1280px) {
  .payment-method--system .payment-method__info {
    gap: 16px;
  }

  .payment-method--system .payment-method__system-name {
    font-size: 14px;
    line-height: 140%;
  }

  .payment-method--system .payment-method__card-number {
    font-size: 18px;
    line-height: 120%;
  }

  .payment-method--system .payment-method__card-date {
    font-size: 14px;
    line-height: 140%;
  }

  .payment-method--option .payment-method__text {
    font-size: 18px;
  }
}

.delivery-points {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 36px;
}

.point-delivery {
  display: block;
  margin: 0;
  cursor: pointer;
}

.point-delivery__radio {
  display: none;
}

.point-delivery__radio:checked + .point-delivery__card {
  border-color: var(--main-blue);
}

.point-delivery__card {
  display: flex;
  flex-direction: column;
  min-height: 126px;
  padding: 16px 16px 22px 16px;
  border-radius: 8px;
  border: 1px solid var(--stroke-gray-normal);
  transition: all .3s ease;
}

.point-delivery__info {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 16px;
}

.point-delivery__icon {
  flex-shrink: 0;
  display: block;
  width: 36px;
  height: 36px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.point-delivery__text {
  padding-top: 2px;
}

.point-delivery__name {
  display: block;
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
  text-transform: uppercase;
}

.point-delivery__estimate {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  line-height: 130%;
  color: var(--text-dark-gray);
}

.point-delivery__price {
  display: block;
  margin-top: auto;
  text-align: right;
  font-size: 12px;
  line-height: 120%;
  text-transform: uppercase;
  font-weight: 600;
}

@media (min-width: 640px) {
  .delivery-points {
    flex-direction: row;
    gap: 12px;
  }

  .delivery-points__item {
    width: calc(33.33% - (24px / 3));
  }
}

@media (min-width: 1280px) {
  .point-delivery__name {
    font-size: 14px;
    line-height: 120%;
  }

  .point-delivery__estimate {
    font-size: 13px;
    line-height: 120%;
  }
}



.page-product {
  padding-bottom: 84px;
}

.page-product__inner {
  max-width: calc(1200px + 48px);
  margin: 0 auto;
  padding: 0 24px;
}

.page-product__head {

}

.page-product__title {
  font-size: 24px;
  line-height: 110%;
  text-transform: uppercase;
  font-weight: 600;
}

.page-product__head-desc {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
}

.page-product__head-part {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}

.page-product__head-reviews {
  display: flex;
  align-items: center;
  gap: 2px;
  color: var(--main-blue);
  text-decoration: none;
}

.page-product__head-reviews span {
  margin: 0;
  font-size: 10px;
  line-height: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.btn-text--product-head {
  font-size: 10px;
  line-height: 14px;
}

.btn-text--product-desktop {
  display: none;
}

.page-product__buy-count,
.page-product__vendor-code {
  margin: 0;
  font-size: 10px;
  line-height: 14px;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--text-dark-gray);
  white-space: nowrap;
}

.page-product__buy-count--desktop {
  display: none;
}

.page-product__body {
  display: flex;
  flex-direction: column;
  gap: 70px;
  padding-top: 16px;
}

.page-product__subtitle {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  font-weight: 600;
}

.page-product__subtitle sup {
  margin-left: 6px;
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
  color: var(--text-dark-gray);
}

.page-product__description {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.page-product__desc-text {
  font-size: 14px;
  line-height: 130%;
}

.page-product__desc-text p,
.page-product__desc-text ul,
.page-product__desc-text ol {
  margin-bottom: 0;
  margin-top: 8px;
}

.page-product__desc-banner img {
  display: block;
  width: 100%;
  border-radius: 8px;
}

.page-product__features-content h3 {
  font-size: 14px;
  line-height: 120%;
  font-weight: 600;
  text-transform: uppercase;
}

.page-product__content-tabs {
  display: none;
}

.page-product__content-tabs.active {
  display: block;
}

.page-product__section-head {
  margin-bottom: 24px;
}

@media (min-width: 640px) {
  .page-product__inner {
    max-width: calc(1200px + 64px);
    padding: 0 32px;
  }

  .page-product__body {
    gap: 64px;
  }

  .page-product__title {
    font-size: 28px;
    line-height: 120%;
  }

  .page-product__head-part {
    gap: 24px;
  }

  .page-product__head-reviews {
    gap: 4px;
  }

  .page-product__head-reviews span {
    font-size: 12px;
    line-height: 16px;
  }

  .btn-text--product-head {
    margin-right: auto;
  }

  .page-product__buy-count,
  .page-product__vendor-code {
    font-size: 12px;
    line-height: 16px;
  }

  .page-product__section-head {
    margin-bottom: 24px;
  }

  .page-product__section-head--btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 36px;
  }

  .page-product__subtitle {
    margin: 0;
    font-size: 20px;
    line-height: 100%;
  }

  .page-product__description {
    gap: 24px;
  }

  .page-product__features-head {
    margin-bottom: 24px;
  }
}

@media (min-width: 1280px) {
  .page-product__body {
    gap: 80px;
    padding-top: 36px;
  }

  .page-product__title {
    font-size: 40px;
    line-height: 110%;
  }

  .page-product__head-desc {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .page-product__head-part {
    gap: 24px;
  }

  .page-product__buy-count--desktop {
    display: block;
  }

  .page-product__buy-count--mobile {
    display: none;
  }

  .page-product__description {
    display: flex;
  }

  .page-product__desc-content {
    flex-shrink: 0;
    width: calc(75% - 12px);
  }

  .page-product__desc-text {
    font-size: 16px;
    line-height: 140%;
  }

  .page-product__desc-banner {
    flex-shrink: 0;
    width: calc(25% - 12px);
  }

  .btn-text--product-desktop {
    display: flex;
    align-items: center;
  }

  .btn-text--product-head {
    font-size: 12px;
    line-height: 16px;
  }

  .page-product__description {
    flex-direction: row;
    gap: 24px;
  }

  .page-product__desc-content {
    width: calc(75% - 12px);
  }

  .page-product__section-head--btn {
    justify-content: flex-start;
  }

  .page-product__section-head--btn .page-product__subtitle {
    margin-bottom: 0;
  }

  .page-product__subtitle {
    margin-bottom: 16px;
    font-size: 22px;
    line-height: 140%;
  }

  .page-product__desc-text {
    margin-top: 16px;
    font-size: 16px;
    line-height: 140%;
  }

  .page-product__desc-banner {
    width: calc(25% - 12px);
  }

  .page-product__features-content {
    width: 75%;
  }
}

.product-features {
  margin-top: 16px;
  padding: 0;
  list-style: none;
}

.product-features + h3 {
  margin-top: 36px;
}

.product-features__item {
  display: flex;
  /*gap: 16px;*/
  margin-top: 16px;
}

.product-features__key {
  position: relative;
  flex-shrink: 0;
  width: calc(50% + 16px);
  padding-right: 16px;
  font-size: 12px;
  line-height: 130%;
  color: var(--text-dark-gray);
  overflow: hidden;
}

.product-features__key:after {
  content: '';
  position: absolute;
  top: 14px;
  left: 0;
  width: calc(100% - 4px);
  font-size: 12px;
  line-height: 130%;
  border-bottom: 1px dashed var(--stroke-gray-dark);
}

.product-features__key span {
  position: relative;
  z-index: 1;
  background-color: #FAFAFA;
}

.product-features__value {
  flex-shrink: 0;
  width: calc(50% - 16px);
  font-size: 14px;
  line-height: 130%;
}

.product-features__value a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--main-blue);
  text-decoration: none;
}

@media (min-width: 640px) {
  .product-features__key {
    width: calc(33.33% + 12px);
    padding-right: 24px;
    font-size: 14px;
  }

  .product-features__value {
    width: calc(66.66% - 12px);
  }
}

@media (min-width: 1280px) {
  .product-features {
    column-count: 2;
    column-gap: 126px;
  }

  .product-features__item {
    display: flex;
    width: 100%;
  }

  .product-features__key {
    width: calc(50% + 12px);
  }

  .product-features__value {
    width: calc(50% - 12px);
  }
}

.recipes {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.recipes-card {
  padding: 16px 12px;
  background-color: var(--main-light-blue);
  border-radius: 8px;
}

.recipes-card__head {
  margin-bottom: 16px;
}

.recipes-card__title {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 14px;
  line-height: 120%;
  text-transform: uppercase;
}

.recipes-card__icon {
  flex-shrink: 0;
  display: block;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.recipes-card__content p,
.recipes-card__content ul,
.recipes-card__content ol {
  margin: 8px 0;
}

.recipes-card__content p {
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
  text-transform: uppercase;
}

.recipes-card__content ul,
.recipes-card__content ol {
  padding-left: 21px;
}

.recipes-card__content ul + p,
.recipes-card__content ol + p {
  margin-top: 16px;
}

.recipes-card__content li {
  font-size: 14px;
  line-height: 130%;
}

.recipes-card__foot {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
}

.recipes-card__foot a {
  margin-top: 0;
}

.recipes-card__link {
  display: block;
  margin-top: 16px;
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
  color: inherit;
  text-decoration: none;
  text-transform: uppercase;
}

.recipes-card__link picture {
  position: relative;
  display: block;
  padding-top: 47.58%;
}

.recipes-card__photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.recipes-card__link-text {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  line-height: 120%;
  text-transform: uppercase;
  font-weight: 600;
}

@media (min-width: 640px) {
  .recipes {
    gap: 24px;
  }

  .recipes-card {
    padding: 24px;
  }

  .recipes-card__link {
    display: flex;
    align-items: flex-start;
    gap: 16px;
  }

  .recipes-card__link picture {
    position: static;
    flex-shrink: 0;
    display: block;
    width: 64px;
    height: 40px;
    padding-top: 0;
  }

  .recipes-card__photo {
    position: static;
  }

  .recipes-card__link-text {
    margin-top: 0;
  }
}

@media (min-width: 1280px) {
  .recipes {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .recipes__item {
    width: calc(50% - 12px);
  }

  .recipes-card {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .recipes-card__title {
    font-size: 16px;
    line-height: 140%;
  }

  .recipes-card__content {
    margin-top: -8px;
    margin-bottom: -8px;
  }

  .recipes-card__foot {
    margin-top: auto;
    padding-top: 24px;
  }
}

.reviews {
  display: flex;
  flex-direction: column;
  gap: 36px;
}

.review-card__title {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 120%;
  font-weight: 600;
  text-transform: uppercase;
}

.review-card__text {
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 130%;
}

.review-card__text p,
.review-card__text ul,
.review-card__text ol {
  margin-top: 8px;
  margin-bottom: 0;
}

.review-card__video {
  display: none;
}

.review-card__picture {
  position: relative;
  display: block;
  margin-top: 8px;
  padding-top: 73.8%;
}

.review-card__photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
}

@media (min-width: 640px) {
  .review-card__title {
    line-height: 130%;
  }

  .review-card__picture {
    padding-top: 59.03%;
  }
}

@media (min-width: 960px) {
  .reviews {
    flex-direction: row;
    column-gap: 24px;
    row-gap: 36px;
    flex-wrap: wrap;
  }

  .reviews__item {
    width: calc(50% - 24px);
  }

  .review-card {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .review-card__text {
    margin-top: -8px;
  }

  .review-card__visual {
    margin-top: auto;
  }

  .review-card__picture {
    padding-top: 59.52%;
  }
}

@media (min-width: 1280px) {
  .review-card__title {
    font-size: 16px;
    line-height: 140%;
  }

  .review-card__text {
    font-size: 16px;
    line-height: 140%;
  }

  .review-card__picture {
    padding-top: 59.03%;
  }
}



.product-tabs {
  display: flex;
  gap: 36px;
  margin: 0 -24px 12px;
  padding: 0 24px 12px;
  list-style: none;
  overflow-x: auto;
}

.product-tabs__link {
  display: block;
  padding: 6px 0;
  font-size: 12px;
  line-height: 140%;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--text-dark-gray);
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  white-space: nowrap;
  transition: all .3s ease;
}

.product-tabs__link:hover {
  text-decoration: none;
}

.product-tabs__link.active {
  color: var(--text-black);
  border-bottom-color: var(--text-black);
}

@media (min-width: 640px) {
  .product-tabs {
    margin: 0 0 24px;
    padding: 0;
    overflow-x: initial;
  }
}

.references__articles {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (min-width: 960px) {
  .references__articles {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
  }

  .references__article {
    width: calc(50% - 12px);
  }
}

@media (min-width: 960px) {
  .references__article {
    width: calc(33.33% - 16px);
  }
}

.mini-article {
  display: flex;
  gap: 8px;
}

.mini-article__picture-link {
  flex-shrink: 0;
  display: block;
  width: 63px;
  min-height: 98px;
}

.mini-article__picture {
  display: block;
  width: 100%;
  height: 100%;
}

.mini-article__photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
}

.mini-article__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.mini-article__title {
  display: block;
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  color: initial;
}

.mini-article__date {
  display: block;
  margin-top: auto;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--text-dark-gray);
}

@media (min-width: 640px) {
  .mini-article {
    gap: 16px;
  }

  .mini-article__picture-link {
    width: 100px;
    height: 92px;
  }

  .mini-article__title {
    font-size: 14px;
    line-height: 130%;
  }
}

.author-mini {
  display: flex;
  align-items: center;
  gap: 8px;
}

.author-mini__ava {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: cover;
  background-color: gray;
}

.author-mini__name {
  font-size: 12px;
  line-height: 140%;
}

.questions__list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.questions__btn-more {
  margin-top: 24px;
  text-align: right;
}

.question {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.question__ava {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
}

.question__name {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
  text-transform: uppercase;
}

.question__date {
  display: block;
  font-size: 12px;
  line-height: 140%;
  color: var(--text-dark-gray);
}

.question__text {
  margin-top: 23px;
  font-size: 14px;
  line-height: 130%;
}

.question__text p,
.question__text ul,
.question__text li {
  margin: 8px 0;
}

.question__more-link {
  font-size: 14px;
  line-height: 130%;
  color: var(--gray);
}

.question__controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
}

.question__control-like,
.question__control-answer {
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--text-gray);
}

.question__control-like {
  display: flex;
  align-items: center;
  gap: 6px;
}

.question__icon-like {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(/local/templates/specialty/images/icons/icon-like-gray.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.question__answer {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 16px;
}

.question__answer-link {
  display: flex;
  gap: 6px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--btn-violet-default);
}

.question__answer-link:after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(images/icons/icon-arrow-down-btn-blue.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.question__answer-wrap {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (min-width: 640px) {
  .questions__list {
    gap: 36px;
  }

  .questions__btn-more {
    margin-top: 36px;
    text-align: left;
  }

  .question__controls {
    justify-content: flex-start;
    gap: 24px;
  }
}

@media (min-width: 1280px) {
  .questions {
    width: 66.66%;
    padding-right: 12px;
  }

  .question__name {
    font-size: 14px;
    line-height: 120%;
  }

  .question__text {
    margin-top: 20px;
    font-size: 16px;
    line-height: 140%;
  }

  .question__text p,
  .question__text ul,
  .question__text li {
    margin: 16px 0;
  }

  .question__controls {
    margin-top: 16px;
  }
}

.references {
  display: flex;
  flex-direction: column;
  gap: 70px;
}

.references__row {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media (min-width: 640px) {
  .references {
    gap: 56px;
  }

  .references__row {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
  }

  .references__item {
    width: calc(50% - 12px);
  }

  .references__item--full {
    width: 100%;
  }
}

@media (min-width: 1280px) {
  .references {
    gap 48px;
  }

  .references__item,
  .references__item--full {
    width: calc(33.33% - 16px);
  }
}

.instruction-card {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  border: 1px solid var(--stroke-gray-normal);
  border-radius: 8px;
}

.instruction-card__title {
  display: block;
  font-size: 14px;
  line-height: 130%;
  font-weight: 600;
  text-transform: uppercase;
}

.instruction-card__files {
  display: flex;
  column-gap: 36px;
  row-gap: 16px;
  flex-wrap: wrap;
}

@media (min-width: 1280px) {
  .instruction-card {
    height: 100%;
  }

  .instruction-card__title {
    font-size: 16px;
    line-height: 140%;
  }
}

.file-link {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  text-decoration: none;
}

.file-link__icon {
  display: block;
  width: 30px;
  height: 36px;
  background-image: url(images/icons/icon-pdf.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.file-link__text {
  font-size: 14px;
  line-height: 140%;
  color: var(--main-blue);
}

.expert-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 12px 16px;
  border: 1px solid var(--stroke-gray-normal);
  border-radius: 8px;
}

.expert-card__label {
  display: inline-block;
  padding: 4px 8px;
  font-size: 10px;
  line-height: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--main-blue);
  background-color: var(--main-light-blue);
}

.expert-card__title {
  display: block;
  margin-top: 16px;
  font-size: 14px;
  line-height: 130%;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  color: inherit;
}

.expert-card__link {
  align-self: flex-end;
  display: flex;
  align-items: flex-end;
  gap: 10px;
  margin-top: 35px;
  text-decoration: none;
  color: initial;
}

.expert-card__link span {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  text-transform: uppercase;
}

.expert-card__link svg {
  width: 24px;
  height: 24px;
  stroke: var(--text-black);
}

@media (min-width: 1280px) {
  .expert-card {
    height: 100%;
    padding: 0 24px 16px;
  }

  .expert-card__title {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 140%;
  }

  .expert-card__link {
    margin-top: auto;
  }
}

.detailed-rating {
  display: table;
  width: 100%;
  margin-top: 16px;
  border-collapse: collapse;
}

.detailed-rating__row {
  display: table-row;
  border-bottom: 8px solid rgba(0, 0, 0, 0);
}

.detailed-rating__star {
  display: table-cell;
  vertical-align: middle;
}

.detailed-rating__bar {
  display: table-cell;
  width: 100%;
  padding-left: 8px;
  padding-right: 16px;
  vertical-align: middle;
}

.detailed-rating__count {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 12px;
  line-height: 14px;
  color: var(--main-blue);
}

@media (min-width: 640px) {
  .detailed-rating {
    width: 100%;
  }
}

@media (min-width: 1280px) {
  .detailed-rating__count {
    text-align: left;
  }
}

.rating-star {
  display: flex;
  gap: 4px;
  align-items: center;
}

.rating-star span {
  font-size: 12px;
  line-height: 14px;
}

.rating-star:after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('images/icons/icon-review-star.svg');
}

.rating-bar {
  width: 100%;
  height: 5px;
  background-color: var(--bg-disabled);
  border-radius: 3px;
  overflow: hidden;
}

.rating-bar__bar {
  height: 5px;
  background-color: var(--main-blue);
}

.reviews-rating {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.reviews-rating__rating {
  display: flex;
  align-items: center;
  gap: 8px;
}

.reviews-rating__rating span {
  font-size: 24px;
  line-height: 120%;
  font-weight: 600;
  color: var(--text-black);
}

.reviews-rating__reviews {
  padding-right: 10px;
  font-size: 12px;
  line-height: 14px;
  color: var(--text-dark-gray);
  font-weight: 500;
}

@media (min-width: 640px) {
  .reviews-rating {
    gap: 14px;
  }
}

@media (min-width: 1280px) {
  .reviews-rating {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .reviews-rating__rating {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
}

@media (min-width: 640px) {
  .review-btn {
    width: 282px;
  }
}

@media (min-width: 1280px) {
  .review-btn {
    width: 100%;
    margin-top: 24px;
  }
}

.reviews-product__controls {
  padding-top: 24px;
}

.reviews-product__photos.swiper {
  overflow: initial;
}

.reviews-product__photos.swiper .swiper-button-next,
.reviews-product__photos.swiper .swiper-button-prev {
  display: none;
}

.reviews-product__photos-wrap {
  display: flex;
  gap: 8px;
  width: auto;
  padding: 0 24px;
  margin-left: -24px;
  margin-right: -24px;
  overflow-y: auto;
}

.reviews-product__photo-link.swiper-slide {
  flex-shrink: 0;
  width: 88px;
  height: 88px;
}

.reviews-product__photo-link picture {
  display: block;
  width: 100%;
  height: 100%;
}

.reviews-product__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}

.reviews-product__list {
  margin-top: 24px;
}

@media (min-width: 640px) {
  .reviews-product__controls {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 36px;
  }
}

@media (min-width: 1280px) {
  .reviews-product {
    position: relative;
  }

  .reviews-product__photos {
    width: calc( (7 / 12 * 100%) - 12px + 80px);
    margin-right: -40px;
    margin-left: -40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .reviews-product__photos-wrap {
    padding: 0;
    margin: 0;
    overflow: hidden;
  }

  .reviews-product__controls {
    position: absolute;
    right: 0;
    top: 0;
    width: calc( (3 / 12 * 100%) - 12px );
    padding-top: 0;
  }

  .reviews-product__controls .reviews-rating {
    order: 1;
    width: 108px;
    padding-right: 8px;
  }

  .reviews-product__controls .detailed-rating {
    order: 2;
    width: 180px;
    margin-top: 0;
  }

  .reviews-product__controls .review-btn {
    order: 3;
    width: 100%;
  }

  .reviews-product__list {
    width: calc( (7 / 12 * 100%) - 12px );
  }

  .reviews-product__photos-wrap {
    overflow: initial;
    gap: initial;
  }

  .reviews-product__photos.swiper {
    padding-right: 40px;
    padding-left: 40px;
    margin-left: -40px;
    margin-right: -40px;
    overflow: hidden;
  }

  .reviews-product__photos.swiper .swiper-button-next,
  .reviews-product__photos.swiper .swiper-button-prev {
    top: 0;
    display: flex;
    height: 100%;
    width: 40px;
    background-color: #FAFAFA;
    margin: 0;
  }

  .reviews-product__photos.swiper .swiper-button-next:after,
  .reviews-product__photos.swiper .swiper-button-prev:after {
    content: '';
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/icons/icon-slider-right.svg);
  }

  .reviews-product__photos.swiper .swiper-button-prev:after {
    transform: rotate(180deg);
  }

  .reviews-product__photos.swiper .swiper-button-next {
    right: 0;

  }

  .reviews-product__photos.swiper .swiper-button-prev {
    left: 0;
  }

  .reviews-product__photos.swiper .swiper-button-disabled {
    opacity: 1;
  }

  .reviews-product__photos.swiper .swiper-button-disabled:after {
    opacity: 0;
  }

  .reviews-product__photo-link.swiper-slide {
    position: relative;
    height: initial;
  }

  .reviews-product__photo-link picture {
    position: relative;
    display: block;
    height: initial;
    padding-top: 100%;
  }

  .reviews-product__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.payment-methods {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.payment-method {
  display: block;
  margin: 0;
  cursor: pointer;
}

.payment-methods__radio {
  display: none;
}

.payment-methods__radio:checked + .payment-method__card {
  border-color: var(--main-blue);
}

.payment-method__card {
  border-radius: 8px;
  border: 1px solid var(--stroke-gray-dark);
  transition: all .3s ease;
}

.payment-method__system {
  display: flex;
  align-items: center;
  gap: 8px;
}

.payment-method__icon {
  flex-shrink: 0;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.payment-method__system-name {
  font-size: 12px;
  line-height: 130%;
}

.payment-method__card-number {
  font-size: 14px;
  line-height: 120%;
  font-weight: 600;
}

.payment-method__card-date {
  font-size: 12px;
  line-height: 130%;
}

.payment-method--system .payment-method__card {
  padding: 12px;
}

.payment-method--system .payment-method__system + .payment-method__info {
  margin-top: 8px;
}

.payment-method--system .payment-method__icon {
  width: 40px;
  height: 40px;
}

.payment-method--system .payment-method__info {
  display: flex;
  align-items: center;
  gap: 8px;
}

.payment-method--option .payment-method__card {
  display: flex;
  align-items: center;
  gap: 24px;
  min-height: 64px;
  padding: 4px 16px 4px 24px;
}

.payment-method--option .payment-method__icon {
  width: 24px;
  height: 24px;
}

.payment-method--option .payment-method__info {
  display: flex;
  flex-direction: column;
}

.payment-method--option .payment-method__text {
  font-size: 14px;
  line-height: 130%;
}

.payment-method--option .payment-method__desc {
  font-size: 12px;
  line-height: 130%;
  color: var(--text-dark-gray);
}

@media (min-width: 640px) {
  .payment-method--system .payment-method__card {
    display: flex;
    gap: 16px;
    min-height: 62px;
    padding: 11px 15px;
  }

  .payment-method--system .payment-method__system {
    gap: 16px;
  }

  .payment-method--system .payment-method__system + .payment-method__info {
    margin-top: 0;
  }

  .payment-method--option .payment-method__card {
    padding: 11px 23px;
  }

  .payment-method--option .payment-method__info {
    flex-direction: row;
    align-items: center;
    gap: 16px;
  }

  .payment-method--option .payment-method__text {
    font-size: 16px;
    line-height: 140%;
  }
}

@media (min-width: 1280px) {
  .payment-method--system .payment-method__info {
    gap: 16px;
  }

  .payment-method--system .payment-method__system-name {
    font-size: 14px;
    line-height: 140%;
  }

  .payment-method--system .payment-method__card-number {
    font-size: 18px;
    line-height: 120%;
  }

  .payment-method--system .payment-method__card-date {
    font-size: 14px;
    line-height: 140%;
  }

  .payment-method--option .payment-method__text {
    font-size: 18px;
  }
}

.delivery-points {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 36px;
}

.point-delivery {
  display: block;
  margin: 0;
  cursor: pointer;
}

.point-delivery__radio {
  display: none;
}

.point-delivery__radio:checked + .point-delivery__card {
  border-color: var(--main-blue);
}

.point-delivery__card {
  display: flex;
  flex-direction: column;
  min-height: 126px;
  padding: 16px 16px 22px 16px;
  border-radius: 8px;
  border: 1px solid var(--stroke-gray-normal);
  transition: all .3s ease;
}

.point-delivery__info {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 16px;
}

.point-delivery__icon {
  flex-shrink: 0;
  display: block;
  width: 36px;
  height: 36px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.point-delivery__text {
  padding-top: 2px;
}

.point-delivery__name {
  display: block;
  font-size: 12px;
  line-height: 120%;
  font-weight: 600;
  text-transform: uppercase;
}

.point-delivery__estimate {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  line-height: 130%;
  color: var(--text-dark-gray);
}

.point-delivery__price {
  display: block;
  margin-top: auto;
  text-align: right;
  font-size: 12px;
  line-height: 120%;
  text-transform: uppercase;
  font-weight: 600;
}

@media (min-width: 640px) {
  .delivery-points {
    flex-direction: row;
    gap: 12px;
  }

  .delivery-points__item {
    width: calc(33.33% - (24px / 3));
  }
}

@media (min-width: 1280px) {
  .point-delivery__name {
    font-size: 14px;
    line-height: 120%;
  }

  .point-delivery__estimate {
    font-size: 13px;
    line-height: 120%;
  }
}

.reviews-list__controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 8px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--stroke-gray-normal);
}

.reviews-list__control:first-child {
  /*flex-grow: 1;*/
}

.reviews-list__wrap {
  display: flex;
  flex-direction: column;
  gap: 36px;
  padding: 0;
  margin: 0;
}

.reviews-list__item {
  list-style: none;
}

.reviews-list__pagination {
  display: none;
}

.reviews-list__btn-more {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}

.reviews-list__btn-more a {
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--btn-violet-default);
  text-decoration: none;
}

@media (min-width: 640px) {
  .reviews-list__btn-more {
    margin-top: 36px;
  }
}

@media (min-width: 1280px) {
  .reviews-list__pagination {
    display: flex;
    justify-content: center;
    margin-top: 36px;
  }

  .reviews-list__btn-more {
    display: none;
  }
}

.grade-card {

}

.grade-card__user {
  display: flex;
  gap: 8px;
  align-items: center;
}

.grade-card__ava {
  width: 44px;
  height: 44px;
}

.grade-card__ava img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 30px;
}

.grade-card__info {
  flex-grow: 1;
}

.grade-card__name {
  display: block;
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 14px;
  color: var(--text-black);
}

.grade-card__grade {
  display: flex;
  align-items: center;
  gap: 4px;
}

.grade-card__date {
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  color: var(--text-dark-gray);
}

.grade-card__list {
  padding: 0;
  margin: 0;
}

.grade-card__item {
  margin-top: 16px;
  list-style: none;
}

.grade-card__key {
  display: block;
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 120%;
  text-transform: uppercase;
  font-weight: 600;
}

.grade-card__content {
  font-size: 14px;
  line-height: 130%;
}

@media (min-width: 640px) {
  .grade-card {
    position: relative;
    padding-left: 78px;
  }

  .grade-card__ava {
    position: absolute;
    left: 0;
    top: 0;
    width: 54px;
    height: 54px;
  }
}

.recommended__slider.swiper {
  overflow: initial;
}

.recommended__slider.swiper .swiper-button-next,
.recommended__slider.swiper .swiper-button-prev {
  display: none;
}

.recommended__slider-wrap {
  gap: 16px;
  padding-left: 24px;
  padding-right: 24px;
  margin-left: -24px;
  margin-right: -24px;
  overflow-x: auto;
}

.recommended__item.swiper-slide {
  flex-shrink: 0;
  width: 176px;
}

.recommended__link {
  margin-top: 24px;
  text-align: right;
}

@media (min-width: 1280px) {
  .recommended__slider.swiper {
    overflow: hidden;
  }

  .recommended__slider-wrap {
    overflow-x: initial;
    gap: 0;
  }

  .recommended__slider.swiper .swiper-button-next,
  .recommended__slider.swiper .swiper-button-prev {
    display: flex;
    width: 24px;
    height: 24px;
  }

  .recommended__slider.swiper .swiper-button-next:after,
  .recommended__slider.swiper .swiper-button-prev:after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('images/icons/icon-slider-right.svg');
  }

  .recommended__slider.swiper .swiper-button-prev:after {
    transform: rotate(180deg);
  }

  .recommended__slider.swiper .swiper-button-prev.swiper-button-disabled,
  .recommended__slider.swiper .swiper-button-next.swiper-button-disabled {
    opacity: 0;
  }
}

.product-desc__slider {
  margin-bottom: 36px;
}

.product-desc__info + .product-desc__order {
  margin-top: 70px;
}

.product-desc__order + .product-desc__info {
  margin-top: 70px;
}

.product-desc__info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.product-desc__options-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.product-desc__options-title {
  display: block;
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 130%;
  font-weight: 400;
  color: var(--text-dark-gray);
}

.product-desc__options-title span {
  color: var(--text-black);
}

.product-desc__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-left: 0;
  margin: 0;
}

.product-desc__item {
  list-style: none;
}

.product-desc__key {
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 130%;
  color: var(--text-dark-gray);
}

.product-desc__key span {
  display: block;
}

.product-desc__value {
  font-size: 14px;
  line-height: 130%;
}

.product-desc__value a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--btn-violet-default);
  text-decoration: none;
}

.product-desc__desc-more {
  text-align: center;
}

@media (min-width: 640px) {
  .product-desc {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .product-desc__slider {
    width: calc(50% - 12px);
  }

  .product-desc__info {
    width: calc(50% - 12px);
  }

  .product-desc__order {
    width: 100%;
  }

  .product-desc__desc-more {
    text-align: left;
  }
}

@media (min-width: 1280px) {
  .product-desc__slider {
    width: calc(41.66% - (48px / 3));
  }

  .product-desc__info {
    width: calc(33.33% - (48px / 3));
  }

  .product-desc__info + .product-desc__order {
    margin-top: 0;
  }

  .product-desc__order + .product-desc__info {
    margin-top: 0;
  }

  .product-desc__order {
    width: calc(25% - (48px / 3));
    margin-top: 0;
  }

  .product-desc__order-wrap {
    position: sticky;
    top: 135px;
  }

  .product-desc__list {
    display: table;
    border-collapse: collapse;
    margin: 0;
  }

  .product-desc__item {
    display: table-row;
    border-bottom: 16px solid rgba(0, 0, 0, 0);
  }

  .product-desc__key {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    overflow: hidden;
    font-size: 14px;
    line-height: 140%;
  }

  .product-desc__key span {
    position: relative;
    z-index: 1;
    display: inline-block;
  }

  .product-desc__key span:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: calc(100% + 5px);
    width: 1000%;
    border-bottom: 1px dashed var(--stroke-gray-dark);
  }

  .product-desc__value {
    display: table-cell;
    width: calc(50% - 12px);
    padding-left: 5px;
    vertical-align: top;
    font-size: 14px;
    line-height: 140%;
  }
}

.product-options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.product-options__item {

}

.product-options__item--weigth {

}

.product-options__item--state {
  width: calc(50% - 5px);
}

@media (min-width: 640px) {
  .product-options__item--state {
    width: initial;
  }
}

.product-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 10px;
  border-radius: 4px;
  text-decoration: none;
  color: inherit;
  border: 1px solid var(--stroke-gray-dark);
}

.product-option:hover {
  text-decoration: none;
}

.product-option.active {
  border-color: var(--main-blue);
}

.product-option--weigth {
  width: 84px;
}

.product-option--color {
  padding: 6px;
  border-radius: 3px;
}

.product-option--state {
  width: 100%;
  min-width: 133px;
  max-width: 150px;
  padding: 16px 10px;
}

.product-option__color {
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.product-option__key {
  font-size: 14px;
  line-height: 120%;
  font-weight: 600;
}

.product-option__value {
  font-size: 14px;
  line-height: 140%;
  color: var(--text-dark-gray);
}

@media (min-width: 640px) {
  .product-option--weigth {
    width: 85px;
  }
}

.order-card {
  padding: 0 24px 24px;
  border-radius: 8px;
  background-color: var(--main-light-blue);
}

.order-card__label {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px 7px;
  font-size: 10px;
  line-height: 14px;
  text-transform: uppercase;
  color: var(--main-blue);
  font-weight: 600;
  border: 1px solid var(--main-blue);
}

.order-card__label-icon {
  display: block;
  width: 12px;
  height: 12px;
}

.order-card__label-icon svg {
  display: block;
}

.order-card__label span {
  display: block;
  padding-top: 2px;
}

.order-card__label-info {
  width: 12px;
  height: 12px;
  margin: 0;
  padding: 0;
  border: none;
  background-image: url('images/icons/icon-info.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: rgba(0, 0, 0, 0);
}

.order-card__label + .order-card__price {
  margin-top: 16px;
  padding-top: 0;
}

.order-card__price {
  padding-top: 24px;
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.order-card__price ins {
  font-size: 24px;
  line-height: 120%;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  color: var(--second-pink-light);
}

.order-card__price del {
  font-size: 12px;
  line-height: 100%;
  color: var(--text-black);
}

.order-card__price span {
  font-size: 24px;
  line-height: 120%;
  font-weight: 600;
  white-space: nowrap;
  color: var(--text-black);
}

.order-card__points {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 6px;
  margin-top: 8px;
  border-radius: 4px;
  background-color: #fff;
}

.order-card__points-icon {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url('images/icons/icon-points.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.order-card__points-text {
  font-size: 14px;
  line-height: 140%;
  color: var(--text-black);
}

.order-card__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 8px 0 0;
  padding: 8px 0 0;
  border-top: 1px solid var(--stroke-gray-light);
}

.order-card__item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  list-style: none;
}

.order-card__item-text {
  font-size: 14px;
  line-height: 130%;
  color: var(--text-black);
}

.order-card__item-text p {
  margin: 0;
  font-size: inherit;
  color: inherit;
}

.order-card__item-desc {
  color: var(--text-dark-gray);
}

.order-card__item-text a {
  color: var(--main-blue);
  text-decoration: none;
}

.order-card__item-icon {
  flex-shrink: 0;
  display: block;
  width: 16px;
  height: 17px;
  padding-top: 1px;
}

.order-card__item-icon svg {
  display: block;
  width: 16px;
  height: 16px;
}

.order-card__available {
  margin-top: 20px;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: var(--second-pink-light);
}

.order-card__available p {
  margin: 0;
}

.order-card__available + .order-card__btn {
  margin-top: 12px;
}

.order-card__btn {
  margin-top: 16px;
}

.order-card__links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin-top: 8px;
}

.order-card__links--tablet {
  display: none;
}

.order-card__link {
  font-size: 14px;
  line-height: 140%;
  color: var(--main-blue);
  text-decoration: underline;
}

@media (min-width: 640px) {
  .order-card {
    display: flex;
    gap: 24px;
  }

  .order-card__col {
    flex-shrink: 0;
    width: calc(50% - 12px);
  }

  .order-card__list:nth-of-type(1) {
    border-top: none;
  }

  .order-card__links {
    display: none;
  }

  .order-card__links--tablet {
    display: flex;
    margin-top: 16px;
  }
}

@media (min-width: 1280px) {
  .order-card {
    display: block;
  }

  .order-card__col {
    width: initial;
  }

  .order-card__links {
    display: flex;
  }

  .order-card__links--tablet {
    display: none;
  }
}

.additional-services {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 24px 0 0;
  padding: 0;
}

.additional-services__item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  list-style: none;
}

.additional-services__item:before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  background-image: url('images/icons/icon-check-circle-green.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.additional-services__link {
  font-size: 12px;
  line-height: 140%;
  text-decoration: underline;
  color: var(--text-dark-gray);
}

.goods-slider {

}

.goods-slider__thumbnails {
  display: none;
}

.goods-slider__picture {
  display: block;
}

.goods-slider__photo {
  width: 100%;
}

.goods-slider__slider .goods-slider__pagination {
  position: static;
}

.goods-slider__slider .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px var(--main-blue);
  background-color: rgba(0, 0, 0, 0);
  opacity: .5;
}

.goods-slider__slider .swiper-pagination-bullet-active {
  background-color: var(--main-blue);
  opacity: .5;
}

.goods-slider__slider-labels {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 6px;
  width: 100%;
  padding: 0 16px;
}

.goods-thumbnails__prev,
.goods-thumbnails__next {
  display: none;
}

@media (min-width: 1280px) {
  .goods-slider {
    display: flex;
  }

  .goods-slider__thumbnails-wrap {
    position: relative;
    flex-shrink: 0;
    width: 56px;
    padding-top: 32px;
    padding-bottom: 32px;
    margin-right: 16px;
  }

  .goods-slider__thumbnails {
    display: block;
    height: 504px;
  }

  .goods-thumbnails__prev,
  .goods-thumbnails__next {
    position: absolute;
    z-index: 10;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    border: none;
  }

  .goods-thumbnails__prev {
    top: 0;
  }

  .goods-thumbnails__next {
    bottom: 0;
  }

  .goods-thumbnails__prev.swiper-button-disabled svg,
  .goods-thumbnails__next.swiper-button-disabled svg {
    stroke: #D6D2D2;
  }

  .goods-thumbnails__prev svg,
  .goods-thumbnails__next svg {
    stroke: #212121;
    transition: all .3s ease;
  }

  .goods-slider__slider {
    flex-grow: 1;
  }
}


.goods-thumbnails__item.swiper-slide {
  border-radius: 4px;
}

.goods-thumbnails__item.swiper-slide-thumb-active {
  position: relative;
}

.goods-thumbnails__item.swiper-slide-thumb-active:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  box-shadow: inset 0 0 0 2px var(--main-blue);
}

.goods-thumbnails__picture {
  display: block;
}

.goods-thumbnails__img {
  width: 56px;
  height: 56px;
  border-radius: 4px;
  object-fit: cover;
}

.pagination {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 0;
}

.pagination__list {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.pagination__list .pagination__item {
  margin: 0;
}

.pagination__link {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  min-width: 24px;
  padding-top: 2px;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  color: inherit;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0);
}

.pagination__link.active {
  border-color: var(--main-blue);
  color: var(--main-blue);
}

.pagination__link-prev,
.pagination__link-next {
  display: block;
  width: 24px;
  height: 24px;
}

.pagination__link-prev svg,
.pagination__link-next svg {
  stroke: var(--text-black);
}

.pagination__link-prev svg {
  transform: rotate(90deg);
}

.pagination__link-next svg {
  transform: rotate(-90deg);
}

.desc-logo {
  width: 50px;
  height: 36px;
  padding: 4px 6px;
  border: 1px solid var(--stroke-gray-light);
  border-radius: 4px;
}

.desc-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.pagination__item--num-link, .pagination__item--current-new {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.pagination__item--current-new {
  background-color: var(--btn-violet-default);
  color: var(--btn-white)!important;
}

.pagination__item--current-new:hover {
  background-color: var(--btn-violet-hover);
  color: var(--btn-white);
  text-decoration: none;
}

.pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 8px; }
.pagination__item {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #7c7e82;
  margin-right: 10px; }
.pagination__item span {
  pointer-events: none; }
.pagination__item--num-link, .pagination__item--current {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%; }
.pagination__item--current {
  background-color: #25262a;
  color: white; }
.pagination__item--prev {
  margin-right: 20px; }
.pagination__item--next {
  margin-left: 10px; }