﻿@font-face {
  font-family: "Montserrat";
  font-weight: 500;
  font-style: normal;
  src: url("../fonts/Montserrat-Medium.woff") format("woff"), url("../fonts/Montserrat-Medium.woff2") format("woff2");
  font-display: swap; }

@font-face {
  font-family: "a _ Avante Titler Cps Up C";
  src: url("../fonts/6835.ttf");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "a _ Avante Lt";
  src: url("../fonts/a_AvanteLt-Light_1305.ttf");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "a _ Avante Bs";
  src: url("../fonts/7fonts.ru_60AVANTE_B.TTF");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

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

ul,
ol {
  padding: 0; }

body,
h1,
h2,
h3,
p,
ul,
ol,
li {
  margin: 0; }

ul {
  list-style: none; }

img {
  width: 100%;
  display: block; }

.topbar__logo > img {
  width: auto;
  display: initial; }

input,
button {
  font: inherit; }

a {
  text-decoration: none; }

html,
body {
  height: 100%; }

body {
  font-family: "a _ Avante Lt", sans-serif;
  font-weight: 300;
  color: #111;
  background-color: #fff;
  font-size: 12px;
  line-height: 18px; }
  @media (min-width: 992px) {
    body {
      font-size: calc(0.00216 * 100vw + 9.86207px); } }
  @media (min-width: 1920px) {
    body {
      font-size: 14px; } }
  @media (min-width: 992px) {
    body {
      line-height: calc(0.00647 * 100vw + 11.58621px); } }
  @media (min-width: 1920px) {
    body {
      line-height: 24px; } }

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

.main {
  flex-grow: 1; }

.container {
  width: 100%;
  max-width: 1344px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px; }
  @media screen and (max-width: 992px) {
    .container {
      max-width: 720px; } }
  @media screen and (max-width: 768px) {
    .container {
      max-width: 540px; } }
  @media screen and (max-width: 576px) {
    .container {
      max-width: none; } }

.selection {
  display: block; }

.select2 {
  width: 100% !important; }
  .select2-selection {
    width: 100%; }
  .select2-search--dropdown {
    display: none; }
  .select2-selection__arrow {
    top: 50%;
    transform: translateY(-50%); }
    .select2-selection__arrow::before, .select2-selection__arrow::after {
      content: '';
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 0px;
      width: 7px;
      height: 2px;
      background-color: #999;
      transition: all 0.3s;
      border-radius: 25px;
      pointer-events: none; }
    .select2-selection__arrow::before {
      right: 11px;
      transform: rotate(45deg); }
      @media (min-width: 992px) {
        .select2-selection__arrow::before {
          right: calc(0.01078 * 100vw + 0.31034px); } }
      @media (min-width: 1920px) {
        .select2-selection__arrow::before {
          right: 21px; } }
    .select2-selection__arrow::after {
      right: 6px;
      transform: rotate(-45deg); }
      @media (min-width: 992px) {
        .select2-selection__arrow::after {
          right: calc(0.01078 * 100vw + -4.68966px); } }
      @media (min-width: 1920px) {
        .select2-selection__arrow::after {
          right: 16px; } }
  .select2-container {
    position: relative; }
    .select2-container.select2-container--open .select2-selection__arrow::before {
      transform: rotate(-45deg); }
    .select2-container.select2-container--open .select2-selection__arrow::after {
      transform: rotate(45deg); }
    .select2-container .select2-selection--single {
      height: auto; }
    .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
      width: 4px; }
    .select2-container--default .select2-selection--single {
      font-size: 14px;
      line-height: 1;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 15px; }
      @media (min-width: 992px) {
        .select2-container--default .select2-selection--single {
          font-size: calc(0.00216 * 100vw + 11.86207px); } }
      @media (min-width: 1920px) {
        .select2-container--default .select2-selection--single {
          font-size: 16px; } }
      @media (min-width: 992px) {
        .select2-container--default .select2-selection--single {
          padding-top: calc(0.00539 * 100vw + -0.34483px); } }
      @media (min-width: 1920px) {
        .select2-container--default .select2-selection--single {
          padding-top: 10px; } }
      @media (min-width: 992px) {
        .select2-container--default .select2-selection--single {
          padding-bottom: calc(0.00539 * 100vw + -0.34483px); } }
      @media (min-width: 1920px) {
        .select2-container--default .select2-selection--single {
          padding-bottom: 10px; } }
      @media (min-width: 992px) {
        .select2-container--default .select2-selection--single {
          padding-left: calc(0.00754 * 100vw + 7.51724px); } }
      @media (min-width: 1920px) {
        .select2-container--default .select2-selection--single {
          padding-left: 22px; } }
  .select2 b {
    display: none; }

.check {
  width: 0;
  height: 0;
  position: absolute;
  opacity: 0;
  z-index: -1;
  visibility: hidden; }

.label {
  position: relative;
  width: fit-content;
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 10px;
  align-items: center;
  font-size: 14px;
  line-height: 16px;
  color: #a2a2a2;
  cursor: pointer; }
  @media (min-width: 992px) {
    .label {
      gap: calc(0.00539 * 100vw + 4.65517px); } }
  @media (min-width: 1920px) {
    .label {
      gap: 15px; } }
  @media (min-width: 992px) {
    .label {
      font-size: calc(0.00216 * 100vw + 11.86207px); } }
  @media (min-width: 1920px) {
    .label {
      font-size: 16px; } }
  @media (min-width: 992px) {
    .label {
      line-height: calc(0.00323 * 100vw + 12.7931px); } }
  @media (min-width: 1920px) {
    .label {
      line-height: 19px; } }
  .label__input:checked + .label__inputCustom::after {
    transform: translate(-50%, -50%) scale(1); }
  .label__inputCustom {
    position: relative;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border: 1px solid #bbb;
    font-size: 14px;
    line-height: 1.3;
    transition: background-color 0.38s ease-in-out;
    border-radius: 5px; }
    @media (min-width: 992px) {
      .label__inputCustom {
        font-size: calc(0.00216 * 100vw + 11.86207px); } }
    @media (min-width: 1920px) {
      .label__inputCustom {
        font-size: 16px; } }
    .label__inputCustom::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) scale(0);
      width: 24px;
      height: 24px;
      background-color: #C4A98B;
      border-radius: 3px;
      transition: transform 0.38s ease-in-out; }

.input,
.textarea {
  font-family: "a _ Avante Lt", sans-serif;
  outline: none;
  border: none;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #fff;
  font-size: 14px;
  line-height: 16px; }
  @media (min-width: 992px) {
    .input,
    .textarea {
      padding-top: calc(0.00862 * 100vw + -3.55172px); } }
  @media (min-width: 1920px) {
    .input,
    .textarea {
      padding-top: 13px; } }
  @media (min-width: 992px) {
    .input,
    .textarea {
      padding-bottom: calc(0.00862 * 100vw + -3.55172px); } }
  @media (min-width: 1920px) {
    .input,
    .textarea {
      padding-bottom: 13px; } }
  @media (min-width: 992px) {
    .input,
    .textarea {
      padding-left: calc(0.01078 * 100vw + -0.68966px); } }
  @media (min-width: 1920px) {
    .input,
    .textarea {
      padding-left: 20px; } }
  @media (min-width: 992px) {
    .input,
    .textarea {
      padding-right: calc(0.01078 * 100vw + -0.68966px); } }
  @media (min-width: 1920px) {
    .input,
    .textarea {
      padding-right: 20px; } }
  @media (min-width: 992px) {
    .input,
    .textarea {
      font-size: calc(0.00216 * 100vw + 11.86207px); } }
  @media (min-width: 1920px) {
    .input,
    .textarea {
      font-size: 16px; } }
  @media (min-width: 992px) {
    .input,
    .textarea {
      line-height: calc(0.00539 * 100vw + 10.65517px); } }
  @media (min-width: 1920px) {
    .input,
    .textarea {
      line-height: 21px; } }
  .input::placeholder,
  .textarea::placeholder {
    font-size: 14px;
    color: #111; }
    @media (min-width: 992px) {
      .input::placeholder,
      .textarea::placeholder {
        font-size: calc(0.00216 * 100vw + 11.86207px); } }
    @media (min-width: 1920px) {
      .input::placeholder,
      .textarea::placeholder {
        font-size: 16px; } }

.textarea {
  border: 1px solid #e1e1e1;
  width: 100%;
  resize: none; }

.breadcrumbs {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto; }
  .breadcrumbs__item {
    position: relative; }
    .breadcrumbs__item:not(:last-child) {
      margin-right: 5px; }
      @media (min-width: 992px) {
        .breadcrumbs__item:not(:last-child) {
          margin-right: calc(0.00539 * 100vw + -0.34483px); } }
      @media (min-width: 1920px) {
        .breadcrumbs__item:not(:last-child) {
          margin-right: 10px; } }
    .breadcrumbs__item:not(:first-child) {
      padding-left: 10px; }
      @media (min-width: 992px) {
        .breadcrumbs__item:not(:first-child) {
          padding-left: calc(0.00539 * 100vw + 4.65517px); } }
      @media (min-width: 1920px) {
        .breadcrumbs__item:not(:first-child) {
          padding-left: 15px; } }
      .breadcrumbs__item:not(:first-child)::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 6px;
        height: 6px;
        background-color: #C4A98B;
        border-radius: 50%; }
    .breadcrumbs__item:last-child .breadcrumbs__link {
      color: #111; }
  .breadcrumbs__link {
    font-size: 14px;
    line-height: 16px;
    color: #999999;
    transition: color .38s ease-in-out; }
    @media (min-width: 992px) {
      .breadcrumbs__link {
        font-size: calc(0.00216 * 100vw + 11.86207px); } }
    @media (min-width: 1920px) {
      .breadcrumbs__link {
        font-size: 16px; } }
    @media (min-width: 992px) {
      .breadcrumbs__link {
        line-height: calc(0.00539 * 100vw + 10.65517px); } }
    @media (min-width: 1920px) {
      .breadcrumbs__link {
        line-height: 21px; } }
    .breadcrumbs__link:hover, .breadcrumbs__link:active {
      color: #111; }

.basket {
  padding-top: 15px;
  margin-bottom: 45px; }
  @media (min-width: 992px) {
    .basket {
      padding-top: calc(0.01616 * 100vw + -1.03448px); } }
  @media (min-width: 1920px) {
    .basket {
      padding-top: 30px; } }
  @media (min-width: 992px) {
    .basket {
      margin-bottom: calc(0.04849 * 100vw + -3.10345px); } }
  @media (min-width: 1920px) {
    .basket {
      margin-bottom: 90px; } }
  .basket__back {
    position: relative;
    font-size: 14px;
    line-height: 16px;
    padding-left: 15px;
    color: #999; }
    @media (min-width: 992px) {
      .basket__back {
        font-size: calc(0.00216 * 100vw + 11.86207px); } }
    @media (min-width: 1920px) {
      .basket__back {
        font-size: 16px; } }
    @media (min-width: 992px) {
      .basket__back {
        line-height: calc(0.00539 * 100vw + 10.65517px); } }
    @media (min-width: 1920px) {
      .basket__back {
        line-height: 21px; } }
    .basket__back::before, .basket__back::after {
      content: '';
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0px;
      width: 7px;
      height: 2px;
      background-color: #999;
      transition: all 0.3s;
      border-radius: 25px;
      pointer-events: none; }
    .basket__back::before {
      top: 3.5px;
      transform: rotate(-45deg); }
      @media (min-width: 992px) {
        .basket__back::before {
          top: calc(0.00377 * 100vw + -0.24138px); } }
      @media (min-width: 1920px) {
        .basket__back::before {
          top: 7px; } }
    .basket__back::after {
      bottom: 3.5px;
      transform: rotate(45deg); }
      @media (min-width: 992px) {
        .basket__back::after {
          bottom: calc(0.00377 * 100vw + -0.24138px); } }
      @media (min-width: 1920px) {
        .basket__back::after {
          bottom: 7px; } }
  .basket__box {
    display: flex;
    align-items: center;
    gap: 15px;
    gap: 10px;
    margin-bottom: 15px; }
    @media (min-width: 992px) {
      .basket__box {
        gap: calc(0.01616 * 100vw + -1.03448px); } }
    @media (min-width: 1920px) {
      .basket__box {
        gap: 30px; } }
    @media (min-width: 992px) {
      .basket__box {
        margin-bottom: calc(0.01185 * 100vw + 3.24138px); } }
    @media (min-width: 1920px) {
      .basket__box {
        margin-bottom: 26px; } }
    .basket__box:has( + .basket__back) {
      gap: 15px; }
      @media (min-width: 992px) {
        .basket__box:has( + .basket__back) {
          gap: calc(0.01616 * 100vw + -1.03448px); } }
      @media (min-width: 1920px) {
        .basket__box:has( + .basket__back) {
          gap: 30px; } }
    .basket__box--breadcrumbs {
      gap: 0; }
    .basket__box--sb {
      margin-bottom: 15px;
      justify-content: space-between; }
      @media (min-width: 992px) {
        .basket__box--sb {
          margin-bottom: calc(0.01616 * 100vw + -1.03448px); } }
      @media (min-width: 1920px) {
        .basket__box--sb {
          margin-bottom: 30px; } }
    .basket__box--line {
      position: relative;
      padding-bottom: 10px; }
      @media (min-width: 992px) {
        .basket__box--line {
          padding-bottom: calc(0.00754 * 100vw + 2.51724px); } }
      @media (min-width: 1920px) {
        .basket__box--line {
          padding-bottom: 17px; } }
      .basket__box--line::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 60px;
        height: 1px;
        background-color: #C4A98B; }
        @media (min-width: 992px) {
          .basket__box--line::after {
            width: calc(0.02371 * 100vw + 36.48276px); } }
        @media (min-width: 1920px) {
          .basket__box--line::after {
            width: 82px; } }
    .basket__box-title {
      font-size: 20px;
      line-height: 1.33;
      text-transform: uppercase;
      letter-spacing: 2.2px; }
      @media (min-width: 992px) {
        .basket__box-title {
          font-size: calc(0.00431 * 100vw + 15.72414px); } }
      @media (min-width: 1920px) {
        .basket__box-title {
          font-size: 24px; } }
    .basket__box-text, .basket__box-delete {
      color: #999999; }
    .basket__box-delete {
      cursor: pointer; }
  .basket__inner {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 15px; }
    @media (min-width: 992px) {
      .basket__inner {
        gap: calc(0.01616 * 100vw + -1.03448px); } }
    @media (min-width: 1920px) {
      .basket__inner {
        gap: 30px; } }
    .basket__inner--gap {
      gap: 20px; }
      @media (min-width: 992px) {
        .basket__inner--gap {
          gap: calc(0 * 100vw + 20px); } }
      @media (min-width: 1920px) {
        .basket__inner--gap {
          gap: 20px; } }
    .basket__inner-box--height {
      position: relative;
      padding-right: 10px;
      overflow-y: scroll;
      height: fit-content;
      max-height: 578px; }
      @media (min-width: 992px) {
        .basket__inner-box--height {
          padding-right: calc(0.00862 * 100vw + 1.44828px); } }
      @media (min-width: 1920px) {
        .basket__inner-box--height {
          padding-right: 18px; } }
      .basket__inner-box--height::-webkit-scrollbar {
        width: 10px;
        background-color: #F3F3F3; }
      .basket__inner-box--height::-webkit-scrollbar-thumb {
        background-color: #C4A98B; }
      .basket__inner-box--height .gradient {
        position: sticky;
        bottom: 0;
        pointer-events: none; }
        .basket__inner-box--height .gradient__elem {
          position: relative; }
          .basket__inner-box--height .gradient__elem::after {
            content: "";
            position: absolute;
            bottom: -1px;
            left: 0;
            width: 100%;
            height: 180px;
            background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%); }
  .basket__item {
    display: grid;
    align-items: center;
    grid-template-columns: 18px minmax(80px, 117px) minmax(90px, 194px) minmax(60px, 160px) minmax(70px, 130px) 12px;
    gap: 15px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1; }
    @media (min-width: 992px) {
      .basket__item {
        gap: calc(0.00539 * 100vw + 9.65517px); } }
    @media (min-width: 1920px) {
      .basket__item {
        gap: 20px; } }
    @media (min-width: 992px) {
      .basket__item {
        margin-bottom: calc(0.00539 * 100vw + 4.65517px); } }
    @media (min-width: 1920px) {
      .basket__item {
        margin-bottom: 15px; } }
    @media (min-width: 992px) {
      .basket__item {
        padding-bottom: calc(0.00539 * 100vw + 4.65517px); } }
    @media (min-width: 1920px) {
      .basket__item {
        padding-bottom: 15px; } }
    .basket__item .label {
      grid-template-columns: 18px 1fr; }
      .basket__item .label__inputCustom {
        width: 18px;
        height: 18px; }
        .basket__item .label__inputCustom::after {
          width: 12px;
          height: 12px; }
    .basket__item-box {
      margin-top: auto; }
      .basket__item-box--column {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: unset; }
    .basket__item-border {
      border: 1px solid #EFEFEF; }
    .basket__item-img {
      object-fit: contain;
      height: 100px; }
      @media (min-width: 992px) {
        .basket__item-img {
          height: calc(0.01832 * 100vw + 81.82759px); } }
      @media (min-width: 1920px) {
        .basket__item-img {
          height: 117px; } }
    .basket__item-title {
      font-size: 20px;
      line-height: 1.33;
      margin-bottom: 5px;
      text-transform: uppercase; }
      @media (min-width: 992px) {
        .basket__item-title {
          font-size: calc(0.00431 * 100vw + 15.72414px); } }
      @media (min-width: 1920px) {
        .basket__item-title {
          font-size: 24px; } }
    .basket__item-text {
      margin-top: auto;
      color: #999999;
      margin-bottom: 5px;
      letter-spacing: -.8px;
      line-height: 1.6; }
      @media (min-width: 992px) {
        .basket__item-text {
          margin-bottom: calc(0.00539 * 100vw + -0.34483px); } }
      @media (min-width: 1920px) {
        .basket__item-text {
          margin-bottom: 10px; } }
    .basket__item-price {
      font-size: 24px;
      line-height: 1.3;
      color: #C4A98B;
      text-align: right;
      letter-spacing: -1.3px; }
      @media (min-width: 992px) {
        .basket__item-price {
          font-size: calc(0.00862 * 100vw + 15.44828px); } }
      @media (min-width: 1920px) {
        .basket__item-price {
          font-size: 32px; } }
    .basket__item-discounts {
      position: relative;
      font-size: 14px;
      line-height: 1.3;
      color: #C4A98B;
      text-align: center;
      margin-left: 10px;
      padding-bottom: 12px; }
      @media (min-width: 992px) {
        .basket__item-discounts {
          font-size: calc(0.00216 * 100vw + 11.86207px); } }
      @media (min-width: 1920px) {
        .basket__item-discounts {
          font-size: 16px; } }
      @media (min-width: 992px) {
        .basket__item-discounts {
          margin-left: calc(0.01078 * 100vw + -0.68966px); } }
      @media (min-width: 1920px) {
        .basket__item-discounts {
          margin-left: 20px; } }
      .basket__item-discounts::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 42%;
        transform: translateX(-50%);
        width: 110px;
        height: 48px;
        background-image: url("/images/icons/discounts.svg");
        background-repeat: no-repeat;
        background-size: contain;
        z-index: -1; }
    .basket__item-close {
      position: relative;
      margin-top: 13px;
      margin-bottom: auto;
      cursor: pointer;
      height: 12px;
      width: 12px; }
      .basket__item-close::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 12px;
        height: 12px;
        background-image: url("../images/icons/close.svg");
        background-repeat: no-repeat;
        background-size: contain; }
  .basket__promocode {
    display: flex;
    flex-direction: column;
    background-color: #e1e1e1;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px; }
    @media (min-width: 992px) {
      .basket__promocode {
        padding-top: calc(0.01078 * 100vw + 4.31034px); } }
    @media (min-width: 1920px) {
      .basket__promocode {
        padding-top: 25px; } }
    @media (min-width: 992px) {
      .basket__promocode {
        padding-bottom: calc(0.01078 * 100vw + 4.31034px); } }
    @media (min-width: 1920px) {
      .basket__promocode {
        padding-bottom: 25px; } }
    @media (min-width: 992px) {
      .basket__promocode {
        padding-left: calc(0.01616 * 100vw + -1.03448px); } }
    @media (min-width: 1920px) {
      .basket__promocode {
        padding-left: 30px; } }
    @media (min-width: 992px) {
      .basket__promocode {
        padding-right: calc(0.01616 * 100vw + -1.03448px); } }
    @media (min-width: 1920px) {
      .basket__promocode {
        padding-right: 30px; } }
    @media (min-width: 992px) {
      .basket__promocode {
        margin-bottom: calc(0.01078 * 100vw + -0.68966px); } }
    @media (min-width: 1920px) {
      .basket__promocode {
        margin-bottom: 20px; } }
    .basket__promocode-title {
      text-align: center;
      font-size: 20px;
      line-height: 1.3;
      text-transform: uppercase;
      margin-bottom: 15px;
      letter-spacing: 2px; }
      @media (min-width: 992px) {
        .basket__promocode-title {
          font-size: calc(0.00431 * 100vw + 15.72414px); } }
      @media (min-width: 1920px) {
        .basket__promocode-title {
          font-size: 24px; } }
      @media (min-width: 992px) {
        .basket__promocode-title {
          margin-bottom: calc(0.01078 * 100vw + 4.31034px); } }
      @media (min-width: 1920px) {
        .basket__promocode-title {
          margin-bottom: 25px; } }
    .basket__promocode-box {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      align-items: center;
      gap: 10px; }
      .basket__promocode-box .basket__btn {
        grid-column: 3/4;
        text-transform: capitalize;
        font-size: 14px;
        line-height: 16px; }
        @media (min-width: 992px) {
          .basket__promocode-box .basket__btn {
            font-size: calc(0.00216 * 100vw + 11.86207px); } }
        @media (min-width: 1920px) {
          .basket__promocode-box .basket__btn {
            font-size: 16px; } }
        @media (min-width: 992px) {
          .basket__promocode-box .basket__btn {
            line-height: calc(0.00539 * 100vw + 10.65517px); } }
        @media (min-width: 1920px) {
          .basket__promocode-box .basket__btn {
            line-height: 21px; } }
    .basket__promocode-input {
      grid-column: 1/3;
      padding-top: 10px;
      padding-bottom: 10px; }
      @media (min-width: 992px) {
        .basket__promocode-input {
          padding-top: calc(0.00431 * 100vw + 5.72414px); } }
      @media (min-width: 1920px) {
        .basket__promocode-input {
          padding-top: 14px; } }
      @media (min-width: 992px) {
        .basket__promocode-input {
          padding-bottom: calc(0.00431 * 100vw + 5.72414px); } }
      @media (min-width: 1920px) {
        .basket__promocode-input {
          padding-bottom: 14px; } }
      .basket__promocode-input::placeholder {
        color: #999; }
  .basket__btn {
    outline: none;
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    color: #fff;
    background-color: #C4A98B;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 22px;
    font-family: "a _ Avante Lt", sans-serif;
    font-weight: 300;
    transition: background-color .38s ease-in-out; }
    @media (min-width: 992px) {
      .basket__btn {
        padding-top: calc(0.00539 * 100vw + 4.65517px); } }
    @media (min-width: 1920px) {
      .basket__btn {
        padding-top: 15px; } }
    @media (min-width: 992px) {
      .basket__btn {
        padding-bottom: calc(0.00539 * 100vw + 4.65517px); } }
    @media (min-width: 1920px) {
      .basket__btn {
        padding-bottom: 15px; } }
    @media (min-width: 992px) {
      .basket__btn {
        padding-left: calc(0.01078 * 100vw + -0.68966px); } }
    @media (min-width: 1920px) {
      .basket__btn {
        padding-left: 20px; } }
    @media (min-width: 992px) {
      .basket__btn {
        padding-right: calc(0.01078 * 100vw + -0.68966px); } }
    @media (min-width: 1920px) {
      .basket__btn {
        padding-right: 20px; } }
    @media (min-width: 992px) {
      .basket__btn {
        font-size: calc(0.00216 * 100vw + 11.86207px); } }
    @media (min-width: 1920px) {
      .basket__btn {
        font-size: 16px; } }
    @media (min-width: 992px) {
      .basket__btn {
        font-size: calc(0.00323 * 100vw + 14.7931px); } }
    @media (min-width: 1920px) {
      .basket__btn {
        font-size: 21px; } }
    @media (min-width: 992px) {
      .basket__btn {
        line-height: calc(0.00647 * 100vw + 15.58621px); } }
    @media (min-width: 1920px) {
      .basket__btn {
        line-height: 28px; } }
    .basket__btn:active {
      background-color: #c4a98bcf; }
    .basket__btn--true {
      color: #fff;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 15px;
      padding-right: 15px;
      background-color: #C2C2C2; }
      @media (min-width: 992px) {
        .basket__btn--true {
          padding-top: calc(0.00216 * 100vw + 2.86207px); } }
      @media (min-width: 1920px) {
        .basket__btn--true {
          padding-top: 7px; } }
      @media (min-width: 992px) {
        .basket__btn--true {
          padding-bottom: calc(0.00216 * 100vw + 2.86207px); } }
      @media (min-width: 1920px) {
        .basket__btn--true {
          padding-bottom: 7px; } }
      @media (min-width: 992px) {
        .basket__btn--true {
          padding-left: calc(0.00862 * 100vw + 6.44828px); } }
      @media (min-width: 1920px) {
        .basket__btn--true {
          padding-left: 23px; } }
      @media (min-width: 992px) {
        .basket__btn--true {
          padding-right: calc(0.00862 * 100vw + 6.44828px); } }
      @media (min-width: 1920px) {
        .basket__btn--true {
          padding-right: 23px; } }
    .basket__btn:has( + .basket__info-text--mini) {
      margin-bottom: 10px; }
      @media (min-width: 992px) {
        .basket__btn:has( + .basket__info-text--mini) {
          margin-bottom: calc(0 * 100vw + 10px); } }
      @media (min-width: 1920px) {
        .basket__btn:has( + .basket__info-text--mini) {
          margin-bottom: 10px; } }
  .basket__info {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
    border: 1px solid #e1e1e1; }
    @media (min-width: 992px) {
      .basket__info {
        padding-top: calc(0.01078 * 100vw + 4.31034px); } }
    @media (min-width: 1920px) {
      .basket__info {
        padding-top: 25px; } }
    @media (min-width: 992px) {
      .basket__info {
        padding-bottom: calc(0.01078 * 100vw + 4.31034px); } }
    @media (min-width: 1920px) {
      .basket__info {
        padding-bottom: 25px; } }
    @media (min-width: 992px) {
      .basket__info {
        padding-left: calc(0.01616 * 100vw + -1.03448px); } }
    @media (min-width: 1920px) {
      .basket__info {
        padding-left: 30px; } }
    @media (min-width: 992px) {
      .basket__info {
        padding-right: calc(0.01616 * 100vw + -1.03448px); } }
    @media (min-width: 1920px) {
      .basket__info {
        padding-right: 30px; } }
    @media (min-width: 992px) {
      .basket__info {
        margin-bottom: calc(0.01078 * 100vw + -0.68966px); } }
    @media (min-width: 1920px) {
      .basket__info {
        margin-bottom: 20px; } }
    .basket__info-box {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-bottom: 5px;
      margin-bottom: 5px;
      border-bottom: 1px solid #e1e1e1; }
      @media (min-width: 992px) {
        .basket__info-box {
          padding-bottom: calc(0.00323 * 100vw + 1.7931px); } }
      @media (min-width: 1920px) {
        .basket__info-box {
          padding-bottom: 8px; } }
      @media (min-width: 992px) {
        .basket__info-box {
          margin-bottom: calc(0.00431 * 100vw + 0.72414px); } }
      @media (min-width: 1920px) {
        .basket__info-box {
          margin-bottom: 9px; } }
      .basket__info-box--mb {
        margin-bottom: 15px; }
        @media (min-width: 992px) {
          .basket__info-box--mb {
            margin-bottom: calc(0.00539 * 100vw + 9.65517px); } }
        @media (min-width: 1920px) {
          .basket__info-box--mb {
            margin-bottom: 20px; } }
    .basket__info-text {
      text-transform: uppercase;
      font-size: 14px;
      line-height: 20px; }
      @media (min-width: 992px) {
        .basket__info-text {
          font-size: calc(0.00216 * 100vw + 11.86207px); } }
      @media (min-width: 1920px) {
        .basket__info-text {
          font-size: 16px; } }
      @media (min-width: 992px) {
        .basket__info-text {
          line-height: calc(0.01293 * 100vw + 7.17241px); } }
      @media (min-width: 1920px) {
        .basket__info-text {
          line-height: 32px; } }
      .basket__info-text--mini {
        text-transform: capitalize;
        max-width: 420px;
        margin-left: auto;
        margin-right: auto;
        font-size: 12px;
        text-align: center;
        line-height: 1;
        color: #999; }
      .basket__info-text--link {
        text-transform: lowercase;
        display: block;
        font-size: 12px;
        text-align: center;
        color: #C4A98B;
        line-height: 1; }
    .basket__info-total {
      color: #C4A98B;
      font-size: 24px;
      line-height: 28px; }
      @media (min-width: 992px) {
        .basket__info-total {
          font-size: calc(0.00862 * 100vw + 15.44828px); } }
      @media (min-width: 1920px) {
        .basket__info-total {
          font-size: 32px; } }
      @media (min-width: 992px) {
        .basket__info-total {
          line-height: calc(0.01616 * 100vw + 11.96552px); } }
      @media (min-width: 1920px) {
        .basket__info-total {
          line-height: 43px; } }
    .basket__info .label--center {
      align-items: start;
      margin-bottom: 15px;
      grid-template-columns: 18px 1fr; }
      @media (min-width: 992px) {
        .basket__info .label--center {
          margin-bottom: calc(0.02155 * 100vw + -6.37931px); } }
      @media (min-width: 1920px) {
        .basket__info .label--center {
          margin-bottom: 35px; } }
      .basket__info .label--center .label__inputCustom {
        width: 18px;
        height: 18px; }
        .basket__info .label--center .label__inputCustom::after {
          width: 12px;
          height: 12px; }
  .basket__details-title {
    position: relative;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    padding-bottom: 15px;
    margin-bottom: 15px;
    letter-spacing: 2.6px; }
    @media (min-width: 992px) {
      .basket__details-title {
        font-size: calc(0.00431 * 100vw + 15.72414px); } }
    @media (min-width: 1920px) {
      .basket__details-title {
        font-size: 24px; } }
    @media (min-width: 992px) {
      .basket__details-title {
        line-height: calc(0.00862 * 100vw + 15.44828px); } }
    @media (min-width: 1920px) {
      .basket__details-title {
        line-height: 32px; } }
    @media (min-width: 992px) {
      .basket__details-title {
        padding-bottom: calc(0.00323 * 100vw + 11.7931px); } }
    @media (min-width: 1920px) {
      .basket__details-title {
        padding-bottom: 18px; } }
    @media (min-width: 992px) {
      .basket__details-title {
        margin-bottom: calc(0.01293 * 100vw + 2.17241px); } }
    @media (min-width: 1920px) {
      .basket__details-title {
        margin-bottom: 27px; } }
    .basket__details-title::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 50px;
      height: 1px;
      background-color: #C4A98B; }
      @media (min-width: 992px) {
        .basket__details-title::after {
          width: calc(0.03448 * 100vw + 15.7931px); } }
      @media (min-width: 1920px) {
        .basket__details-title::after {
          width: 82px; } }
  .basket__details-box {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px; }
    @media (min-width: 992px) {
      .basket__details-box {
        gap: calc(0.00539 * 100vw + 4.65517px); } }
    @media (min-width: 1920px) {
      .basket__details-box {
        gap: 15px; } }
    @media (min-width: 992px) {
      .basket__details-box {
        margin-bottom: calc(0.00431 * 100vw + 10.72414px); } }
    @media (min-width: 1920px) {
      .basket__details-box {
        margin-bottom: 19px; } }
  .basket__details-text {
    color: #999999;
    letter-spacing: .9px; }
  .basket__details-input {
    width: 100%;
    max-width: 295px;
    border: 1px solid #e1e1e1; }
  .basket__details-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 15px;
    row-gap: 10px;
    margin-bottom: 15px; }
    @media (min-width: 992px) {
      .basket__details-grid {
        column-gap: calc(0.01401 * 100vw + 1.10345px); } }
    @media (min-width: 1920px) {
      .basket__details-grid {
        column-gap: 28px; } }
    @media (min-width: 992px) {
      .basket__details-grid {
        row-gap: calc(0.01078 * 100vw + -0.68966px); } }
    @media (min-width: 1920px) {
      .basket__details-grid {
        row-gap: 20px; } }
    @media (min-width: 992px) {
      .basket__details-grid {
        margin-bottom: calc(0.01078 * 100vw + 4.31034px); } }
    @media (min-width: 1920px) {
      .basket__details-grid {
        margin-bottom: 25px; } }
    .basket__details-grid--width {
      max-width: 630px; }
  .basket__details-boxImg {
    display: flex;
    align-items: center;
    padding-left: 25px;
    gap: 10px; }
  .basket__details-paiment {
    object-fit: contain;
    width: fit-content;
    height: 14px; }
  .basket__details-block {
    max-width: 625px; }
    .basket__details-block .select2-selection__arrow::before, .basket__details-block .select2-selection__arrow::after {
      background-color: #707070; }
  .basket__details-textarea {
    border: 1px solid #e1e1e1; }
  .basket__details .select2:has( + .basket__details-select) {
    margin-bottom: 10px; }
    @media (min-width: 992px) {
      .basket__details .select2:has( + .basket__details-select) {
        margin-bottom: calc(0.00862 * 100vw + 1.44828px); } }
    @media (min-width: 1920px) {
      .basket__details .select2:has( + .basket__details-select) {
        margin-bottom: 18px; } }
  .basket__details .select2:has( + .basket__details-textarea) {
    margin-bottom: 10px; }
    @media (min-width: 992px) {
      .basket__details .select2:has( + .basket__details-textarea) {
        margin-bottom: calc(0.01078 * 100vw + -0.68966px); } }
    @media (min-width: 1920px) {
      .basket__details .select2:has( + .basket__details-textarea) {
        margin-bottom: 20px; } }
  .basket__details .label {
    align-items: start;
    font-size: 14px;
    line-height: 18px;
    grid-template-columns: 18px 1fr;
    gap: 10px; }
    @media (min-width: 992px) {
      .basket__details .label {
        font-size: calc(0.00216 * 100vw + 11.86207px); } }
    @media (min-width: 1920px) {
      .basket__details .label {
        font-size: 16px; } }
    @media (min-width: 992px) {
      .basket__details .label {
        line-height: calc(0.00647 * 100vw + 11.58621px); } }
    @media (min-width: 1920px) {
      .basket__details .label {
        line-height: 24px; } }
    .basket__details .label__inputCustom {
      width: 18px;
      height: 18px;
      border-radius: 50%; }
      .basket__details .label__inputCustom::after {
        width: 12px;
        height: 12px;
        border-radius: 50%; }
    .basket__details .label:has( + .label) {
      margin-bottom: 15px; }
      @media (min-width: 992px) {
        .basket__details .label:has( + .label) {
          margin-bottom: calc(0.00431 * 100vw + 10.72414px); } }
      @media (min-width: 1920px) {
        .basket__details .label:has( + .label) {
          margin-bottom: 19px; } }
    .basket__details .label:has( + .basket__details-boxImg) {
      margin-bottom: 10px; }
      @media (min-width: 992px) {
        .basket__details .label:has( + .basket__details-boxImg) {
          margin-bottom: calc(0.00216 * 100vw + 7.86207px); } }
      @media (min-width: 1920px) {
        .basket__details .label:has( + .basket__details-boxImg) {
          margin-bottom: 12px; } }

.count {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 15px;
  padding-right: 15px;
  border: 1px solid #efefef;
  max-width: 122px; }
  @media (min-width: 992px) {
    .count {
      gap: calc(0.01401 * 100vw + 1.10345px); } }
  @media (min-width: 1920px) {
    .count {
      gap: 28px; } }
  @media (min-width: 992px) {
    .count {
      padding-top: calc(0.00431 * 100vw + 2.72414px); } }
  @media (min-width: 1920px) {
    .count {
      padding-top: 11px; } }
  @media (min-width: 992px) {
    .count {
      padding-bottom: calc(0.00431 * 100vw + 2.72414px); } }
  @media (min-width: 1920px) {
    .count {
      padding-bottom: 11px; } }
  @media (min-width: 992px) {
    .count {
      padding-left: calc(0.00647 * 100vw + 8.58621px); } }
  @media (min-width: 1920px) {
    .count {
      padding-left: 21px; } }
  @media (min-width: 992px) {
    .count {
      padding-right: calc(0.00647 * 100vw + 8.58621px); } }
  @media (min-width: 1920px) {
    .count {
      padding-right: 21px; } }
  .count__minus, .count__plus {
    position: relative;
    width: 9px;
    height: 9px;
    cursor: pointer; }
  .count__minus::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    min-width: 9px;
    height: 1px;
    border-radius: 25px;
    background-color: #999; }
  .count__plus::after, .count__plus::before {
    content: "";
    position: absolute;
    border-radius: 25px;
    background-color: #999; }
  .count__plus::after {
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 100%;
    min-width: 9px;
    height: 1px; }
  .count__plus::before {
    right: 4px;
    height: 9px;
    width: 1px; }
  .count__num {
    font-size: 14px; }
    @media (min-width: 992px) {
      .count__num {
        font-size: calc(0.00216 * 100vw + 11.86207px); } }
    @media (min-width: 1920px) {
      .count__num {
        font-size: 16px; } }

.brand__title {
  font-weight: 700;
  font-size: 17px;
  line-height: 1;
  letter-spacing: 1.2px;
  color: #f94f0d;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 15px; }

.brand__inner {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
  align-items: center; }

.brand__img {
  object-fit: contain;
  height: 60px;
  filter: grayscale(1); }
  @media (min-width: 992px) {
    .brand__img {
      height: calc(0.02478 * 100vw + 35.41379px); } }
  @media (min-width: 1920px) {
    .brand__img {
      height: 83px; } }

.paymentFixed-js--active {
  position: sticky;
  top: 12%; }

.payment__order-option::placeholder {
  color: #999999; }

@media (min-width: 1344px) {
  .paymentFixed-js {
    position: sticky;
    top: 12%; } }

@media (max-width: 992px) {
  .basket__inner {
    grid-template-columns: 1fr; }
  .basket__details-block, .basket__details-grid {
    max-width: 100%; } }

@media (max-width: 768px) {
  .basket__item {
    grid-template-columns: 18px 1fr 1fr 1fr 1fr; }
    .basket__item .label {
      grid-column: 1/2; }
    .basket__item-border {
      grid-column: 2/4; }
    .basket__item-box:nth-child(3) {
      grid-column: 4/6; }
    .basket__item-box:nth-child(4) {
      grid-column: 2/4; }
    .basket__item-box:nth-child(5) {
      grid-column: 4/6; }
    .basket__item-price {
      text-align: center;
      margin-bottom: 20px; }
    .basket__item-close {
      grid-row: 2/3;
      grid-column: 1/2;
      margin-top: 0; }
  .basket__details-title {
    padding-bottom: 5px;
    font-size: 16px; }
  .basket__info-total {
    font-size: 20px; } }

@media (max-width: 576px) {
  .breadcrumbs {
    flex-direction: column; }
    .breadcrumbs__item:not(:last-child) {
      margin-right: 0;
      margin-bottom: 5px; }
    .breadcrumbs__item:not(:first-child) {
      padding-left: 0;
      padding-top: 5px; }
      .breadcrumbs__item:not(:first-child)::after {
        top: 0;
        left: 50%;
        transform: translate(-50%, -50%); }
    .breadcrumbs__link:hover, .breadcrumbs__link:active {
      color: #999999; }
  .basket__details-box .basket__details-input {
    width: fit-content; } }

@media (max-width: 480px) {
  .basket__details-box {
    flex-wrap: wrap; }
  .basket__details-grid {
    grid-template-columns: 1fr; }
  .basket__details-input {
    max-width: 100%; } }

@media (max-width: 390px) {
  .basket .basket__item-img {
    width: 100%;
    margin-bottom: 0; }
  .basket__item {
    grid-template-columns: 18px 1fr 12px; }
    .basket__item .label {
      grid-column: 1/2; }
    .basket__item-border {
      grid-column: 2/3; }
    .basket__item-box:nth-child(3) {
      grid-column: 2/3; }
    .basket__item-box:nth-child(4) {
      grid-column: 2/3; }
    .basket__item-box:nth-child(5) {
      grid-column: 2/3; }
    .basket__item-close {
      margin-top: 0; }
    .basket__item-title, .basket__item-text {
      text-align: center; }
    .basket__item-count {
      margin-left: auto;
      margin-right: auto; }
    .basket__item-discounts {
      margin-left: 0;
      padding-bottom: 15px; }
      .basket__item-discounts::after {
        left: 47%; }
  body .payment__product-select {
    width: 100%; } }
