@charset "UTF-8";
/* Reset and base styles  */
* {
  padding: 0px;
  margin: 0px;
  border: none; }

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

/* Links */
a, a:link, a:visited {
  text-decoration: none; }

a:hover {
  text-decoration: none; }

/* Common */
aside, nav, footer, header, section, main {
  display: block; }

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

ul, ul li {
  list-style: none; }

img {
  vertical-align: top; }

img, svg {
  max-width: 100%;
  height: auto; }

address {
  font-style: normal; }

/* Form */
input, textarea, button, select {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background-color: transparent; }

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

button, input[type="submit"] {
  display: inline-block;
  box-shadow: none;
  background-color: transparent;
  background: none;
  cursor: pointer; }

input:focus, input:active,
button:focus, button:active {
  outline: none; }

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

label {
  cursor: pointer; }

legend {
  display: block; }

input[type='file'] {
  max-width: 100%; }

/*$primary-color: #776A69;*/
html {
  font-size: 62.5% !important; }

body {
  font-family: "Inter", sans-serif !important; }
  body .container, body .container-lg, body .container-md, body .container-sm, body .container-xl, body .container-xxl {
    max-width: 1424px;
    padding: 0 1.2rem;
    margin: auto;
    width: 100%; }
  body a {
    display: block; }
  @media (max-width: 1024px) {
    body.active {
      overflow: hidden; } }

.button-primary {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: normal;
  color: #FFFFFF;
  background: #847978;
  width: 100%;
  height: 4rem;
  border-radius: .5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: background .4s ease; }
  .button-primary:hover {
    background: #1A1A1A; }

.title-block {
  margin-bottom: clamp(2rem, calc(1.28vw + 1.54rem), 4rem);
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .title-block__form {
    justify-content: center; }
  .title-block__title {
    font-size: clamp(2rem, calc(1.15vw + 1.59rem), 3.8rem);
    font-weight: 700;
    line-height: normal;
    color: #847978;
    margin-bottom: 0; }
  .title-block__back {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.8rem);
    font-weight: 400;
    line-height: normal;
    color: #847978;
    transition: color .4s ease; }
    .title-block__back:hover {
      color: rgba(78, 52, 46, 0.5); }

@media (max-width: 1024px) {
  .header {
    padding: 1.5rem 0;
    background: #FFFFFF;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
    z-index: 20;
    position: relative; } }
.header__contact {
  background: rgba(224, 213, 192, 0.3);
  padding: 1rem 0; }
  .header__contact-section {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 1024px) {
      .header__contact-section {
        gap: 3rem;
        flex-wrap: wrap; } }
  .header__contact-element {
    display: flex;
    align-items: center;
    gap: 2.5rem; }
    @media (max-width: 500px) {
      .header__contact-element {
        flex-direction: column;
        gap: 1.5rem;
        width: 100%; } }
  .header__contact-link {
    display: grid;
    grid-template-columns: 1.8rem 1fr;
    align-items: center;
    gap: .5rem;
    font-size: clamp(1.1rem, calc(0.30vw + 0.99rem), 1.3rem);
    font-weight: 400;
    line-height: normal;
    color: #847978;
    margin-bottom: 0;
    transition: color .4s ease; }
    .header__contact-link:hover {
      color: #1a1a1a;
      transition: color .4s ease; }
.header__primary {
  padding: 2rem 0; }
  .header__primary-section {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .header__primary-logo {
    height: 5rem;
    overflow: hidden; }
    @media (max-width: 375px) {
      .header__primary-logo {
        height: 4rem; } }
    .header__primary-logo-img {
      height: 100%;
      width: 100%;
      object-fit: contain;
      object-position: center; }
  .header__primary-button {
    background: #847978;
    border-radius: .5rem;
    color: #FFFFFF;
    font-size: clamp(1.1rem, calc(0.76vw + 0.83rem), 1.6rem);
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 1.2rem;
    height: 4rem;
    padding: 0 1.5rem;
    transition: background .4s ease; }
    .header__primary-button:hover {
      background: #1A1A1A;
      color: #FFFFFF; }
  .header__primary-element {
    display: flex;
    align-items: center;
    gap: 3rem; }
  .header__primary-search {
    width: 33.5rem;
    position: relative; }
    @media (max-width: 1024px) {
      .header__primary-search {
        width: 100%; } }
    .header__primary-search-input {
      height: 4rem;
      width: 100%;
      border-radius: .5rem;
      border: 1px solid #847978;
      padding: 0 1.4rem;
      font-size: 1.4rem;
      font-weight: 400;
      line-height: normal;
      color: #847978; }
      .header__primary-search-input::placeholder {
        font-size: 1.4rem;
        font-weight: 400;
        line-height: normal;
        color: #847978; }
  .header__primary-buttons {
    display: flex;
    align-items: center;
    gap: 1rem; }
  .header__primary-link {
    width: 40px;
    height: 40px;
    border: 1px solid #847978;
    padding: 8px;
    border-radius: 1rem;
    background: #847978;
    color: #FFFFFF;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
            /*&:hover {
                transition: background 0.001s ease 0.3s;
                background: green;
            }

            &:hover .header__primary-link-icon:before {
                transition: border-top-width 0.3s ease, border-top-color 0.3s ease;
                border-width: 60px;
                border-top-color: green;
            }

            &:hover .header__primary-link-icon:after {
                transition: border-left-width 0.3s ease, border-left-color 0.3s ease;
                border-width: 60px;
                border-left-color: green;
            }

            &-icon {
                width: 40px;
                height: 40px;
                border: 1px solid $primary-color;
                padding: 8px;
                border-radius: 1rem;
                background: $primary-color;
                color: $white-color;
                position: relative;
                display: inline-block;
                overflow: hidden;

                &::after, &::before {
                    border: 0px solid transparent;
                }
            }*/ }
    .header__primary-link:after, .header__primary-link:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      transition: all 0.25s ease;
      border: 0px solid transparent; }
    .header__primary-link-icon {
      position: relative;
      transition: all 0.25s ease; }
    .header__primary-link:hover .header__primary-link-icon {
      z-index: 1;
      color: #847978; }
    .header__primary-link:hover {
      transition: background 0.001s ease 0.3s;
      background: #FFFFFF; }
    .header__primary-link:hover:before {
      transition: border-top-width 0.3s ease, border-top-color 0.3s ease;
      border-width: 60px;
      border-top-color: #FFFFFF; }
    .header__primary-link:hover:after {
      transition: border-left-width 0.3s ease, border-left-color 0.3s ease;
      border-width: 60px;
      border-left-color: #FFFFFF; }
.header__menu {
  padding: .8rem 0;
  background: rgba(224, 213, 192, 0.3); }
  .header__menu-section {
    display: flex;
    justify-content: space-between;
    position: relative;
    flex-direction: row;
    gap: 8px;
    background-color: transparent;
    align-items: center;
            /*&:hover .header__menu-link {
                color: $white-color;

                &:hover {
                    color: $white-color;
                }
            }*/ }
    @media (max-width: 1024px) {
      .header__menu-section {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem; } }
    @media (max-width: 500px) {
      .header__menu-section {
        flex-direction: column;
        gap: 1.5rem; } }
  .header__menu-link {
    font-size: clamp(1.4rem, calc(0.76vw + 0.83rem), 1.6rem);
    font-weight: 400;
    line-height: normal;
    color: #847978;
    padding: 12px 16px;
    text-decoration: none;
    border-radius: 6px;
    position: relative;
    z-index: 11;
    transition: color 0.2s ease;
    /*white-space: nowrap;*/ }
    @media (max-width: 1024px) {
      .header__menu-link {
        width: max-content;
        padding: 0; } }
  .header__menu-link.active {
    color: #FFFFFF; }
  .header__menu-highlight {
    position: absolute;
    top: -10px;
    left: 0;
    background-color: #847978;
    height: calc(100% + 20px);
    z-index: 1;
    opacity: 0;
    transition: all 0.3s ease;
    pointer-events: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 10; }
.header__mobile {
  display: none; }
  @media (max-width: 1024px) {
    .header__mobile {
      display: block; }
      .header__mobile .header__menu-link.active {
        text-decoration: underline;
        color: #847978; } }
.header__desktop {
  display: block; }
  @media (max-width: 1024px) {
    .header__desktop {
      display: none; } }
.header__burger {
  width: 35px;
  height: 35px;
  position: relative;
  transition-duration: 1s;
  cursor: pointer;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 2rem; }
  .header__burger-border {
    height: 2px;
    width: 35px;
    background-color: #847978;
    border-radius: 20px;
    position: absolute;
    transition-duration: .25s;
    transition-delay: .25s;
    top: 51%;
    transform: translateY(-51%); }
    .header__burger-border:before {
      left: 0;
      position: absolute;
      top: -10px;
      height: 2px;
      width: 35px;
      background-color: #847978;
      content: "";
      border-radius: 20px;
      transition-duration: .25s;
      transition: transform .25s, top .25s .25s; }
    .header__burger-border:after {
      left: 0;
      position: absolute;
      top: 10px;
      height: 2px;
      width: 35px;
      background-color: #847978;
      content: "";
      border-radius: 20px;
      transition-duration: .25s;
      transition: transform .25s, top .25s .25s; }
.header__burger.active .header__burger-border {
  transition-duration: 0.1s;
  transition-delay: .25s;
  background: transparent; }
  .header__burger.active .header__burger-border:before {
    transition: top .25s, transform .25s .25s;
    top: 0px;
    transform: rotateZ(-45deg); }
  .header__burger.active .header__burger-border:after {
    transition: top 0.4s, transform .25s .25s;
    top: 0px;
    transform: rotateZ(45deg); }
.header__mobile-block {
  padding: 1.5rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center; }
.header__modal {
  position: absolute;
  background: #FFFFFF;
  top: -100%;
  z-index: 10;
  width: 90%;
  left: 0;
  right: 0;
  margin: 2rem auto 0;
  border-radius: 1rem;
  padding: 2.5rem;
  /*display: none;*/
  transform: translateY(-100%);
  opacity: 0;
  transition: transform 0.4s ease, top 0.4s ease, opacity 0.3s ease; }
  .header__modal--active {
    /*display: block;*/
    transform: translateY(0);
    opacity: 1;
    top: 100%;
    display: flex;
    flex-direction: column;
    gap: 3rem;
    max-height: 36rem;
    overflow-y: scroll;
    overflow-x: hidden; }
    .header__modal--active::-webkit-scrollbar {
      display: none; }
    @media (max-width: 500px) {
      .header__modal--active {
        grid-template-columns: 1fr;
        height: auto;
        max-height: none;
        overflow: scroll; } }
.header__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease; }
  .header__overlay--active {
    opacity: 1;
    visibility: visible;
    z-index: 10; }

.banner__section {
  position: relative; }
.banner-main__image {
  /*height: 65rem;*/
  height: clamp(45rem, calc(20vw + 38rem), 65rem);
  overflow: hidden; }
  .banner-main__image-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center; }
.banner .thumbs-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: absolute;
  bottom: 3rem;
  z-index: 10;
  left: 0;
  right: 0;
  margin: auto; }
  @media (max-width: 600px) {
    .banner .thumbs-container {
      padding-right: 1.6rem; } }
.banner .thumb {
  height: clamp(4rem, calc(2.5vw + 3.2rem), 8rem);
  width: clamp(8rem, calc(5.8vw + 5.9rem), 17rem);
  /*filter: grayscale(50%);*/
  opacity: .8; }
  .banner .thumb img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 1rem;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); }
.banner .thumb.active {
  height: clamp(5rem, calc(2.8vw + 4rem), 10rem);
  width: clamp(10rem, calc(5.6vw + 8rem), 22rem);
  opacity: 1; }

.banner-main__content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10; }
  @media (max-width: 1024px) {
    .banner-main__content {
      transform: translate(-50%, -50%);
      left: 50%; } }
  @media (max-width: 500px) {
    .banner-main__content {
      width: 90%; } }
.banner-main__block {
  border-radius: 10px;
  background: linear-gradient(90deg, rgba(93, 64, 55, 0.8) 0%, rgba(109, 76, 65, 0.72) 75%);
  background: rgba(119, 106, 105, 0.9);
  padding: 3rem clamp(2rem, calc(3.84vw + 1.04rem), 5rem);
  width: 52rem; }
  @media (max-width: 500px) {
    .banner-main__block {
      width: 94%;
      margin: auto; } }
.banner-main__title {
  font-size: clamp(2rem, calc(2.73vw + 1.02rem), 3.8rem);
  font-weight: 700;
  line-height: normal;
  color: #FFFFFF;
  margin-bottom: 2rem; }
  @media (max-width: 1024px) {
    .banner-main__title {
      text-align: center; } }
.banner-main__description {
  font-size: clamp(1.4rem, calc(0.91vw + 1.07rem), 2rem);
  font-weight: 400;
  line-height: normal;
  color: #FFFFFF;
  margin-bottom: 0; }
  @media (max-width: 1024px) {
    .banner-main__description {
      text-align: center; } }
.banner-main__button {
  margin-top: 3rem;
  background: linear-gradient(90deg, #5D4037 0%, rgba(109, 76, 65, 0.9) 75%);
  background: #847978;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: normal;
  color: #FFFFFF;
  border-radius: .5rem;
  height: 4.8rem;
  width: 19rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background ease; }
  @media (max-width: 1024px) {
    .banner-main__button {
      margin: 3rem auto 0;
      height: 4rem;
      font-size: 1.4rem; } }
  @media (max-width: 500px) {
    .banner-main__button {
      width: 94%; } }
  .banner-main__button:hover {
    background: #1A1A1A; }

.marquee {
  width: 100%;
  background: rgba(224, 213, 192, 0.3);
  color: #847978;
  padding: 1.5rem 0;
  overflow: hidden;
  position: relative; }
  @media (max-width: 500px) {
    .marquee {
      padding: 1rem 0; } }

/* Контейнер для бегущего текста */
.marquee__container {
  display: flex;
  width: max-content;
  animation: marquee-scroll 40s linear infinite;
  gap: 1.5rem; }

/* Элемент текста */
.marquee__text {
  white-space: nowrap;
  font-size: clamp(1.1rem, calc(0.76vw + 0.83rem), 1.6rem);
  font-weight: 400;
  line-height: normal;
  gap: 2rem;
  display: flex;
  align-items: center;
  color: #847978; }
  @media (max-width: 500px) {
    .marquee__text {
      font-size: 1.2rem; } }

/* Модификатор для иконки */
.marquee__text--promo {
  color: #ffcc00; }

/* Стили для SVG иконки */
.marquee__text--promo svg {
  width: 17px;
  height: 17px; }

@keyframes marquee-scroll {
  0% {
    transform: translateX(-50%); }
  100% {
    transform: translateX(0); } }
.tab-pane:not(.show):not(.active) {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important; }

.tab-pane.show.active {
  display: block;
  height: auto; }

.catalog-slider {
  margin-top: clamp(5rem, calc(7.58vw + 2.27rem), 10rem);
  transition: margin-top .4s ease;
  /*&__tabs {
      width: 100%;
      position: relative;
  }*/ }
  .catalog-slider__header {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .catalog-slider .nav {
    /*&-item {
        height: 4rem;
    }*/ }
    .catalog-slider .nav-tabs {
      display: flex;
      gap: 1rem;
      border: none; }
    .catalog-slider .nav-link {
      height: 4rem;
      padding: 0 1rem;
      border-radius: .5rem;
      width: max-content;
      border: 1px solid rgba(78, 52, 46, 0.5);
      font-size: 1.4rem;
      font-weight: 400;
      line-height: normal;
      color: rgba(78, 52, 46, 0.5);
      background: transparent;
      transition: background .4s ease, color .4s ease;
      transition: height .4s ease, font-size .4s ease; }
      @media (max-width: 1024px) {
        .catalog-slider .nav-link {
          transition: height .4s ease, font-size .4s ease;
          height: 3rem;
          font-size: 1.2rem; } }
      .catalog-slider .nav-link:hover {
        background-color: #847978;
        color: #FFFFFF; }
    .catalog-slider .nav-link.active {
      background-color: #847978;
      color: #FFFFFF; }
  .catalog-slider__buttons {
    display: flex;
    gap: 1.5rem;
    position: absolute;
    bottom: 100%;
    right: 0;
    margin-bottom: 4rem; }
    @media (max-width: 500px) {
      .catalog-slider__buttons {
        position: relative;
        bottom: unset;
        right: unset;
        margin: 2rem auto 0;
        justify-content: center; } }
    .catalog-slider__buttons-btn {
      width: 4rem;
      height: 4rem;
      background: linear-gradient(90deg, #5D4037 0%, rgba(109, 76, 65, 0.9) 75%);
      background: #847978;
      border-radius: .5rem;
      transition: width 0.4s ease, height 0.4s ease; }
      @media (max-width: 1024px) {
        .catalog-slider__buttons-btn {
          height: 3rem;
          width: 3rem; } }
      @media (max-width: 1024px) {
        .catalog-slider__buttons-btn-icon {
          height: 1.5rem;
          width: 1.5rem; } }
  .catalog-slider .swiper-button-disabled {
    opacity: .5; }
  .catalog-slider .swiper-button-disabled {
    opacity: 0.5 !important;
    pointer-events: none !important; }
  .catalog-slider__content {
    margin-top: 4rem;
    position: relative; }

.catalog-general {
  margin-top: clamp(5rem, calc(7.58vw + 2.27rem), 10rem); }
  .catalog-general__section {
    display: grid;
    grid-template-columns: 33.5rem 1fr;
    gap: 2rem; }
    @media (max-width: 1024px) {
      .catalog-general__section {
        grid-template-columns: 1fr;
        position: relative; } }
  .catalog-general__cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem; }
    @media (max-width: 600px) {
      .catalog-general__cards {
        grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 500px) {
      .catalog-general__cards {
        grid-template-columns: 1fr; } }
  .catalog-general__buttons {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 1.5rem; }
    @media (max-width: 600px) {
      .catalog-general__buttons {
        display: grid;
        grid-template-columns: repeat(3, 1fr); } }
  .catalog-general__sort {
    height: 4rem;
    border-radius: .5rem;
    background: #EFEADF;
    padding: 0 1.2rem;
    color: #847978;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    transition: background .4s ease, color .4s ease; }
    @media (max-width: 1024px) {
      .catalog-general__sort {
        height: 3rem;
        padding: 0 1rem; }
        .catalog-general__sort svg {
          width: 1.2rem;
          height: 1.2rem; } }
    .catalog-general__sort--active {
      background: #847978;
      color: #FFFFFF; }
  .catalog-general__filter {
    display: none; }
    @media (max-width: 1024px) {
      .catalog-general__filter {
        height: 3rem;
        border-radius: .5rem;
        background: #EFEADF;
        padding: 0 1rem;
        color: #847978;
        font-size: 1.2rem;
        font-weight: 400;
        line-height: normal;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1rem;
        transition: background .4s ease, color .4s ease; }
        .catalog-general__filter--active {
          background: #847978;
          color: #FFFFFF; } }

.product-card {
  padding: 1rem 1rem 2rem;
  border: 1px solid rgba(78, 52, 46, 0.2);
  border-radius: 1rem; }
  .product-card__price-current {
    font-size: 2rem;
    font-weight: 700;
    line-height: normal;
    color: #847978; }
  .product-card__image {
    width: 100%;
    max-width: 312px;
    aspect-ratio: 1 / 1;
    height: auto;
    overflow: hidden;
    border-radius: 8px;
    margin: auto; }
    @media (max-width: 1024px) {
      .product-card__image {
        max-width: 19rem; } }
    .product-card__image-img {
      width: 100%; }
  .product-card__content {
    margin-top: 2.3rem;
    padding: 0 1rem;
    display: flex;
    flex-direction: column;
    gap: 2.3rem;
    position: relative; }
  .product-card__name {
    font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
    font-weight: 700;
    line-height: normal;
    color: #847978;
    margin-bottom: 0;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .product-card__characters {
    display: flex;
    flex-direction: column;
    gap: 1rem; }
    .product-card__characters-element {
      display: flex;
      align-items: center;
      justify-content: space-between; }
    .product-card__characters-label {
      font-size: 1.2rem;
      font-weight: 400;
      line-height: normal;
      color: rgba(78, 52, 46, 0.5);
      margin-bottom: 0; }
    .product-card__characters-value {
      font-size: 1.2rem;
      font-weight: 700;
      line-height: normal;
      color: #847978;
      margin-bottom: 0; }
  .product-card__button {
    position: relative;
    display: inline-block; }
    .product-card__button-btn {
      gap: .5rem; }
      .product-card__button-btn svg {
        display: none; }
    .product-card__button--noactive {
      position: relative; }
      .product-card__button--noactive svg {
        display: block; }
    .product-card__button--noactive .product-card__button-btn {
      cursor: default; }
    .product-card__button--noactive:hover .product-card__button-info {
      opacity: 1;
      visibility: visible; }
    .product-card__button-info {
      display: block;
      padding: 2rem;
      box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.15);
      border-radius: 1rem;
      font-size: 1.4rem;
      font-weight: 400;
      line-height: normal;
      color: #847978;
      position: absolute;
      /* Важно: fixed вместо absolute */
      background: #FFFFFF;
      border: 1px solid #e1e1e1;
      z-index: 1000;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s ease, visibility 0.3s ease;
      pointer-events: none;
      width: max-content;
      max-width: 29rem;
      left: -1rem;
      bottom: 100%;
      /*position: absolute;
      bottom: 100%; !* Появляется над кнопкой *!
      left: 50%;
      transform: translateX(-50%) translateY(-10px)*/ }
      .product-card__button-info svg {
        position: absolute;
        top: -8px;
        left: -8px;
        color: rgba(78, 52, 46, 0.5); }
    .product-card__button--add .product-card__quantity {
      display: flex;
      align-items: center;
      width: 100%;
      justify-content: center;
      gap: 1rem; }
    .product-card__button--add {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1.5rem; }
  .product-card__quantity {
    display: none; }
    @media (max-width: 500px) {
      .product-card__quantity {
        display: grid;
        grid-template-columns: repeat(3, 1fr); } }
  @media (max-width: 500px) {
    .product-card .quantity__button {
      width: 100%;
      height: 4rem; }
    .product-card .quantity__input {
      width: 100%;
      height: 4rem;
      font-size: 1.2rem; } }

.quantity__input {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield; }
  .quantity__input::-webkit-outer-spin-button, .quantity__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
.quantity__button {
  width: 4rem;
  height: 4rem;
  border-radius: 1rem;
  background: #f5f5f5;
  color: #847978;
  transition: background .4s ease, color .4s ease; }
  @media (max-width: 500px) {
    .quantity__button {
      width: 3rem;
      height: 3rem; } }
  .quantity__button:hover {
    background: #847978;
    color: #FFFFFF; }
.quantity__input {
  width: 4rem;
  height: 4rem;
  border-radius: 1rem;
  background: #f5f5f5;
  color: #847978;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: normal; }
  @media (max-width: 500px) {
    .quantity__input {
      width: 3rem;
      height: 3rem;
      font-size: 1.2rem; } }

.category {
  margin-top: clamp(5rem, calc(7.58vw + 2.27rem), 10rem);
  transition: margin-top .4s ease; }
  .category__section {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    transition: all 0.4s ease; }
    @media (max-width: 1024px) {
      .category__section {
        grid-template-columns: repeat(3, 1fr); } }
    @media (max-width: 800px) {
      .category__section {
        grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 500px) {
      .category__section {
        grid-template-columns: 1fr; } }
  .category__element {
    display: flex;
    align-items: center;
    flex-direction: column;
    background: rgba(224, 213, 192, 0.3);
    background: rgba(224, 213, 192, 0.3);
    border-radius: 1rem;
    padding: 2rem 2rem 1.8rem;
    color: #847978;
    transition: background .4s ease, color .4s ease; }
    .category__element-icon {
      width: clamp(5rem, calc(6.06vw + 2.82rem), 9rem);
      height: clamp(5rem, calc(6.06vw + 2.82rem), 9rem); }
    .category__element:hover {
      color: #FFFFFF;
      background: #847978; }
    .category__element:hover .category__element-name {
      color: #FFFFFF; }
    .category__element:hover .category__element-description {
      color: #FFFFFF; }
    .category__element-name {
      margin-top: 2rem;
      font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
      font-weight: 700;
      line-height: normal;
      color: #1A1A1A;
      margin-bottom: 0;
    text-align: center;
    }
    .category__element-description {
      margin-top: 1.2rem;
      font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
      font-weight: 400;
      line-height: normal;
      color: #1A1A1A;
      margin-bottom: 0;
      text-align: center; }

.app {
  margin-top: clamp(5rem, calc(7.58vw + 2.27rem), 10rem); }
  @media (max-width: 600px) {
    .app__screen {
      width: 40%;
      margin: auto; } }
  @media (max-width: 600px) {
    .app__screen-img {
      width: 100%; } }
  .app__section {
    width: 65%;
    margin: auto;
    display: grid;
    grid-template-columns: 29.3rem 1fr;
    gap: 5.2rem;
    align-items: center;
    transition: width .4s ease;
    transition: gap .4s ease; }
    @media (max-width: 1024px) {
      .app__section {
        width: 100%;
        grid-template-columns: 20rem 1fr; } }
    @media (max-width: 600px) {
      .app__section {
        grid-template-columns: 1fr;
        gap: 4rem; } }
  .app__list {
    display: flex;
    flex-direction: column;
    gap: 3rem; }
  .app__element-label {
    font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
    font-weight: 700;
    line-height: normal;
    color: #847978;
    margin-bottom: 1rem; }
  .app__element-value {
    font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
    font-weight: 400;
    line-height: normal;
    color: #847978;
    margin-bottom: 0; }

.about {
  padding: clamp(5rem, calc(2.8vw + 4rem), 10rem) 0;
  margin-top: clamp(5rem, calc(7.58vw + 2.27rem), 10rem);
  background: rgba(224, 213, 192, 0.3); }
  .about__section {
    display: grid;
    grid-template-columns: 1fr 48.3rem;
    gap: 5rem;
    align-items: start; }
    @media (max-width: 1024px) {
      .about__section {
        grid-template-columns: 1fr; } }
  .about__image {
    align-self: start;
    height: fit-content; }
    @media (max-width: 1024px) {
      .about__image {
        height: 60rem;
        overflow: hidden; } }
    @media (max-width: 600px) {
      .about__image {
        height: 40rem;
        overflow: hidden; } }
    .about__image-img {
      width: 100%;
      height: auto;
      display: block; }
      @media (max-width: 1024px) {
        .about__image-img {
          height: 100%;
          object-fit: cover;
          object-position: center; } }
  .about__text {
    font-size: clamp(1.4rem, calc(0.91vw + 1.07rem), 2rem);
    font-weight: 400;
    line-height: normal;
    color: #847978;
    margin-bottom: 5.1rem; }
    .about__text-back {
      background: #847978;
      padding: 2.5rem 4.5rem;
      border-radius: 1rem;
      color: #FFFFFF;
      margin-bottom: 0; }
  .about-page {
    background: transparent;
    padding: 0; }
  .about-info {
    margin-top: clamp(5rem, calc(7.58vw + 2.27rem), 10rem);
    padding: clamp(5rem, calc(7.58vw + 2.27rem), 10rem) 0;
    background: rgba(224, 213, 192, 0.3); }
    .about-info__title {
      font-size: clamp(1.8rem, calc(1.82vw + 1.14rem), 3rem);
      font-weight: 700;
      line-height: normal;
      color: #776A69;
      margin-bottom: 4rem; }
    .about-info__text {
      font-size: clamp(1.4rem, calc(0.61vw + 1.18rem), 1.8rem);
      font-weight: 400;
      line-height: normal;
      color: #847978; }
      .about-info__text:not(:last-child) {
        margin-bottom: 2rem; }
  .about-slider {
    margin-top: clamp(5rem, calc(7.58vw + 2.27rem), 10rem); }
    .about-slider__buttons {
      display: flex;
      gap: 1.5rem;
      margin-bottom: 4rem;
      justify-content: end;
      transition: width 0.4s ease, height 0.4s ease; }
      .about-slider__buttons-btn {
        width: 4rem;
        height: 4rem;
        background: linear-gradient(90deg, #5D4037 0%, rgba(109, 76, 65, 0.9) 75%);
        background: #847978;
        border-radius: .5rem;
        transition: width 0.4s ease, height 0.4s ease; }
        @media (max-width: 1024px) {
          .about-slider__buttons-btn {
            height: 3rem;
            width: 3rem; } }
        @media (max-width: 1024px) {
          .about-slider__buttons-btn-icon {
            height: 1.5rem;
            width: 1.5rem; } }
    .about-slider .swiper-button-disabled {
      opacity: .5; }

.advantage {
  margin-top: 4.5rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem; }
  @media (max-width: 600px) {
    .advantage {
      grid-template-columns: 1fr;
      gap: 2rem; } }
  .advantage__element {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .advantage__element-icon {
      margin-bottom: 2rem;
      color: #847978; }
    .advantage__element-name {
      font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
      font-weight: 700;
      line-height: normal;
      color: #847978;
      margin-bottom: 1rem;
      text-align: center;
      height: 3.7rem; }
    .advantage__element-description {
      font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
      font-weight: 400;
      line-height: normal;
      color: #847978;
      margin-bottom: 0;
      text-align: center; }

.news {
  margin-top: clamp(5rem, calc(7.58vw + 2.27rem), 10rem); }
  .news-card:hover .news-card__name {
    color: rgba(78, 52, 46, 0.5); }
  .news-card__image {
    height: clamp(20rem, calc(9vw + 16.7rem), 34rem);
    overflow: hidden; }
    .news-card__image-img {
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: center;
      border-radius: .5rem; }
  .news-card__name {
    margin: 2.4rem 0 0;
    font-size: clamp(1.4rem, calc(0.61vw + 1.18rem), 1.8rem);
    font-weight: 700;
    line-height: normal;
    color: #1A1A1A;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color .4s ease; }
  .news-card__date {
    font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
    font-weight: 700;
    line-height: normal;
    color: #847978;
    margin: 1rem 0 0; }
  .news-card__descrition {
    font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
    font-weight: 400;
    line-height: normal;
    color: #847978;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 1rem 0 0; }

.news-slider__buttons {
  display: flex;
  gap: 1.5rem; }
  .news-slider__buttons-btn {
    width: 4rem;
    height: 4rem;
    background: linear-gradient(90deg, #5D4037 0%, rgba(109, 76, 65, 0.9) 75%);
    background: #847978;
    border-radius: .5rem;
    transition: width 0.4s ease, height 0.4s ease; }
    @media (max-width: 1024px) {
      .news-slider__buttons-btn {
        height: 3rem;
        width: 3rem; } }
    @media (max-width: 1024px) {
      .news-slider__buttons-btn-icon {
        height: 1.5rem;
        width: 1.5rem; } }
.news-slider .swiper-button-disabled {
  opacity: .5; }
.news-slider__content--page {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem; }
  @media (max-width: 800px) {
    .news-slider__content--page {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 500px) {
    .news-slider__content--page {
      grid-template-columns: 1fr;
      gap: 5rem; } }

.brands {
  padding: clamp(5rem, calc(2.8vw + 4rem), 10rem) 0;
  margin-top: clamp(5rem, calc(7.58vw + 2.27rem), 10rem);
  background: rgba(224, 213, 192, 0.3); }
  .brands__buttons {
    display: flex;
    gap: 1.5rem; }
    .brands__buttons-btn {
      width: 4rem;
      height: 4rem;
      background: linear-gradient(90deg, #5D4037 0%, rgba(109, 76, 65, 0.9) 75%);
      background: #847978;
      border-radius: .5rem;
      transition: width 0.4s ease, height 0.4s ease; }
      @media (max-width: 1024px) {
        .brands__buttons-btn {
          height: 3rem;
          width: 3rem; } }
      @media (max-width: 1024px) {
        .brands__buttons-btn-icon {
          height: 1.5rem;
          width: 1.5rem; } }
  .brands .swiper-button-disabled {
    opacity: .5; }
  .brands__image {
    height: 4rem;
    overflow: hidden; }
    .brands__image-img {
      height: 100%;
      width: 100%;
      object-fit: contain;
      object-position: center; }

.contacts {
  margin-top: clamp(5rem, calc(7.58vw + 2.27rem), 10rem); }
  .contacts__section {
    display: grid;
    grid-template-columns: 45rem 1fr;
    gap: 5rem;
    align-items: start; }
    @media (max-width: 800px) {
      .contacts__section {
        grid-template-columns: 1fr; } }
  .contacts__map {
    align-self: start; }
    @media (max-width: 800px) {
      .contacts__map {
        height: 40rem; } }
    .contacts__map-frame {
      width: 100%; }
      @media (max-width: 800px) {
        .contacts__map-frame {
          height: 100%; } }
  .contacts__element {
    margin-top: 2.5rem; }
    .contacts__element-label {
      font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
      font-weight: 700;
      line-height: normal;
      color: #1A1A1A;
      margin-bottom: 1rem; }
    .contacts__element-value {
      font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
      font-weight: 400;
      line-height: normal;
      color: #1A1A1A;
      margin-bottom: 0; }
    .contacts__element-link:hover {
      color: #847978; }
  .contacts__elements {
    display: flex;
    gap: 2rem; }
  .contacts__timework {
    display: flex;
    gap: 2rem; }

.footer {
  margin-top: clamp(5rem, calc(7.58vw + 2.27rem), 10rem);
  background: #847978;
  padding: 2rem 0 clamp(5rem, calc(2.8vw + 4rem), 8rem); }
  .footer__section {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 21rem;
    align-items: start;
    transition: gap .4s ease; }
    @media (max-width: 1400px) {
      .footer__section {
        gap: 10rem; } }
    @media (max-width: 650px) {
      .footer__section {
        align-items: center;
        grid-template-columns: 1fr;
        gap: 5rem; } }
    .footer__section-col--third {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 5rem; }
    .footer__section-col--first, .footer__section-col--third {
      margin-top: 5rem; }
    @media (max-width: 650px) {
      .footer__section-col--first {
        order: 2;
        margin: 0;
        text-align: center; } }
    @media (max-width: 650px) {
      .footer__section-col--second {
        order: 1; } }
    @media (max-width: 1024px) {
      .footer__section-col--third {
        grid-template-columns: 1fr;
        gap: 3rem; } }
    @media (max-width: 650px) {
      .footer__section-col--third {
        order: 3;
        margin: 0;
        text-align: center; } }
  @media (max-width: 650px) {
    .footer__logo {
      width: 30%;
      margin: auto; }
      .footer__logo-img {
        width: 100%; } }
  .footer__title {
    font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
    font-weight: 700;
    line-height: normal;
    color: #E0D5C0;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 2rem; }
  .footer__menu {
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 3rem; }
    @media (max-width: 1024px) {
      .footer__menu {
        grid-template-columns: 1fr;
        gap: 1rem; } }
    .footer__menu-col {
      display: flex;
      flex-direction: column;
      gap: 1rem; }
    .footer__menu-link {
      font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
      font-weight: 300;
      line-height: normal;
      color: #E0D5C0;
      color: #fff;
      margin-bottom: 0;
      transition: color .4s ease; }
      .footer__menu-link:hover {
        color: #FFFFFF; }
  .footer__networks {
    margin-top: 3.2rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem; }
    @media (max-width: 650px) {
      .footer__networks {
        display: flex;
        align-items: center;
        gap: 1rem;
        justify-content: center; } }
    .footer__networks-link {
      color: #E0D5C0;
      color: #ffffff;
      transition: color .4s ease; }
      .footer__networks-link--star {
        position: relative; }
        .footer__networks-link--star:before {
          position: absolute;
          height: 1.4rem;
          width: 1.4rem;
          content: '*';
          font-size: 1.8rem;
          top: 0;
          right: 0;
          display: flex;
          align-items: center;
          justify-content: center; }
      .footer__networks-link:hover {
        color: #FFFFFF; }
  .footer__block .footer__menu {
    display: flex;
    flex-direction: column;
    gap: 1rem; }
  .footer__contacts {
    display: flex;
    flex-direction: column;
    gap: 2.5rem; }
    .footer__contacts-label {
      font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
      font-weight: 700;
      line-height: normal;
      color: #E0D5C0;
      color: #ffffff;
      text-transform: uppercase;
      margin-bottom: 1rem; }
    .footer__contacts-value {
      font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
      font-weight: 300;
      line-height: normal;
      color: #E0D5C0;
      color: #ffffff;
      margin-bottom: 0;
      transition: color .4s ease; }
      .footer__contacts-value--link {
        color: #FFFFFF; }

.news-detail__slider {
  margin-top: clamp(5rem, calc(7.58vw + 2.27rem), 10rem); }
  .news-detail__slider img {
    width: 100%;
    height: 34rem;
    object-fit: cover;
    object-position: center; }
.news-detail__buttons {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 4rem;
  justify-content: end;
  transition: width 0.4s ease, height 0.4s ease; }
  .news-detail__buttons-btn {
    width: 4rem;
    height: 4rem;
    background: linear-gradient(90deg, #5D4037 0%, rgba(109, 76, 65, 0.9) 75%);
    background: #847978;
    border-radius: .5rem;
    transition: width 0.4s ease, height 0.4s ease; }
    @media (max-width: 1024px) {
      .news-detail__buttons-btn {
        height: 3rem;
        width: 3rem; } }
    @media (max-width: 1024px) {
      .news-detail__buttons-btn-icon {
        height: 1.5rem;
        width: 1.5rem; } }
.news-detail .swiper-button-disabled {
  opacity: .5; }
.news-detail__section {
  display: grid;
  grid-template-columns: 60rem 1fr;
  gap: 6rem; }
  @media (max-width: 1024px) {
    .news-detail__section {
      grid-template-columns: 1fr 1fr;
      gap: 5rem; } }
  @media (max-width: 600px) {
    .news-detail__section {
      grid-template-columns: 1fr;
      gap: 3rem; } }
.news-detail__image {
  height: 40rem;
  overflow: hidden; }
  @media (max-width: 500px) {
    .news-detail__image {
      height: 30rem; } }
  .news-detail__image-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 1rem; }
.news-detail .title-block__title {
  color: #847978; }
.news-detail__text p {
  font-size: clamp(1.4rem, calc(0.61vw + 1.18rem), 1.8rem);
  font-weight: 400;
  line-height: normal;
  color: #1A1A1A;
  margin-bottom: 0; }
  .news-detail__text p:not(:last-child) {
    margin-bottom: 2.2rem; }

.loyalty {
  margin-top: clamp(5rem, calc(7.58vw + 2.27rem), 10rem); }
  .loyalty__section {
    display: grid;
    grid-template-columns: 60rem 1fr;
    gap: 5rem; }
    @media (max-width: 1024px) {
      .loyalty__section {
        grid-template-columns: 1fr 1fr; } }
    @media (max-width: 600px) {
      .loyalty__section {
        grid-template-columns: 1fr;
        gap: 3rem; } }
  .loyalty__image {
    height: 40rem;
    overflow: hidden;
    position: relative; }
    @media (max-width: 500px) {
      .loyalty__image {
        height: 30rem; } }
    .loyalty__image-icon {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      right: 0;
      margin: auto; }
    .loyalty__image-img {
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: center;
      border-radius: 1rem; }
  .loyalty__block {
    display: flex;
    flex-direction: column; }
    .loyalty__block-title {
      font-size: clamp(1.8rem, calc(1.82vw + 1.14rem), 3rem);
      font-weight: 700;
      line-height: normal;
      color: #1A1A1A;
      margin-bottom: 2rem; }
    .loyalty__block-info {
      font-size: clamp(1.4rem, calc(0.61vw + 1.18rem), 1.8rem);
      font-weight: 400;
      line-height: normal;
      color: #1A1A1A; }
      .loyalty__block-info:not(:last-child) {
        margin-bottom: 2.5rem; }
      .loyalty__block-info:nth-last-child(2) {
        margin-bottom: 0; }
      .loyalty__block-info--last {
        display: flex;
        align-items: center;
        gap: .4rem;
        margin: 1.6rem 0 0; }
        @media (max-width: 1024px) {
          .loyalty__block-info--last {
            flex-direction: column;
            align-items: unset; } }
        @media (max-width: 600px) {
          .loyalty__block-info--last {
            margin: 0; } }
    .loyalty__block-link {
      color: #847978;
      text-decoration: underline !important;
      transition: color .4s ease; }
      .loyalty__block-link:hover {
        color: rgba(78, 52, 46, 0.5); }
    .loyalty__block-button {
      margin-top: 7.8rem;
      width: 26.5rem;
      height: 4.8rem;
      border-radius: 1rem;
      background: linear-gradient(90deg, #5D4037 0%, rgba(109, 76, 65, 0.9) 75%);
      font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
      font-weight: 400;
      line-height: normal;
      color: #FFFFFF;
      display: flex;
      align-items: center;
      justify-content: center; }
      .loyalty__block-button:hover {
        background: #1A1A1A; }
      @media (max-width: 600px) {
        .loyalty__block-button {
          margin: 2rem 0 0;
          width: 100%;
          height: 4rem;
          font-size: 1.4rem; } }
  .loyalty-table {
    width: 85%;
    margin: 5rem auto 0; }
    @media (max-width: 1024px) {
      .loyalty-table {
        width: 100%; } }
    .loyalty-table__header, .loyalty-table__body {
      display: flex;
      align-items: center;
      justify-content: space-between; }
    @media (max-width: 600px) {
      .loyalty-table__body {
        flex-direction: column;
        align-items: unset;
        gap: 2rem; } }
    .loyalty-table__header {
      padding: 1rem 2.5rem;
      border-top: 1px solid #847978;
      border-bottom: 1px solid #847978; }
      @media (max-width: 600px) {
        .loyalty-table__header {
          display: none; } }
    .loyalty-table__body {
      padding: 1.4rem 2.5rem;
      border-top: 1px solid #847978; }
      @media (max-width: 600px) {
        .loyalty-table__body {
          padding: 1.5rem 0; } }
      .loyalty-table__body-first {
        margin-top: 3rem;
        border: none; }
    .loyalty-table__info {
      font-size: clamp(1.4rem, calc(0.61vw + 1.18rem), 1.8rem);
      font-weight: 400;
      line-height: normal;
      color: #847978;
      margin-bottom: 0; }
      .loyalty-table__info-title {
        display: none; }
        @media (max-width: 600px) {
          .loyalty-table__info-title {
            display: block;
            margin-bottom: .5rem;
            font-size: 1rem;
            font-weight: 400;
            line-height: normal;
            text-transform: uppercase; } }
    .loyalty-table__col-1 {
      width: 17%; }
      @media (max-width: 600px) {
        .loyalty-table__col-1 {
          width: 100%; } }
    .loyalty-table__col-2 {
      width: 26%; }
      @media (max-width: 600px) {
        .loyalty-table__col-2 {
          width: 100%; } }
    .loyalty-table__col-3 {
      width: 16%; }
      @media (max-width: 600px) {
        .loyalty-table__col-3 {
          width: 100%; } }
    .loyalty-table__col-4 {
      width: 30%; }
      @media (max-width: 600px) {
        .loyalty-table__col-4 {
          width: 100%; } }
  .loyalty__info {
    margin-top: 4rem; }
    .loyalty__info-title {
      font-size: clamp(1.8rem, calc(0.91vw + 1.47rem), 2.4rem);
      font-weight: 700;
      line-height: normal;
      color: #1A1A1A;
      margin-bottom: 2rem; }
    .loyalty__info-text {
      font-size: clamp(1.4rem, calc(0.61vw + 1.18rem), 1.8rem);
      font-weight: 400;
      line-height: normal;
      color: #1A1A1A; }
      .loyalty__info-text:not(:last-child) {
        margin-bottom: 2rem; }
    .loyalty__info-button {
      margin: 7rem auto 0;
      font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
      font-weight: 400;
      line-height: normal;
      color: #FFFFFF;
      height: 4.8rem;
      width: 32rem;
      background: linear-gradient(90deg, #5D4037 0%, rgba(109, 76, 65, 0.9) 75%);
      border-radius: 1rem;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 600px) {
        .loyalty__info-button {
          width: 100%;
          height: 4rem;
          font-size: 1.4rem; } }
      .loyalty__info-button:hover {
        background: #1A1A1A; }

.documents {
  margin-top: clamp(5rem, calc(7.58vw + 2.27rem), 10rem); }
  .documents .nav {
    border: none; }
    .documents .nav-tabs {
      display: flex;
      align-items: center;
      gap: 2rem;
      transition: gap .4s ease; }
      @media (max-width: 1024px) {
        .documents .nav-tabs {
          gap: 1rem;
          display: flex;
          overflow-x: auto;
          overflow-y: hidden;
          white-space: nowrap;
          flex-wrap: nowrap;
          -ms-overflow-style: none;
          scrollbar-width: none; }
          .documents .nav-tabs::-webkit-scrollbar {
            display: none; } }
    .documents .nav-link {
      font-size: 1.8rem;
      font-weight: 400;
      line-height: normal;
      color: #847978;
      background: rgba(224, 213, 192, 0.3);
      margin-bottom: 0;
      height: 5.5rem;
      padding: 0 2.5rem;
      border-radius: .5rem;
      transition: background .4s ease, color .4s ease;
      transition: height .4s ease, font-size .4s ease; }
      @media (max-width: 1024px) {
        .documents .nav-link {
          height: 3rem;
          font-size: 1.2rem;
          padding: 0 1rem; } }
      .documents .nav-link:hover {
        background: #847978;
        color: #EFEADF; }
    .documents .nav-link.active {
      background: #847978;
      color: #EFEADF; }
  .documents .tab-content {
    margin-top: clamp(3rem, calc(6.06vw + 0.82rem), 7rem); }
  .documents__block {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5rem;
    row-gap: 3rem;
    transition: gap .4s ease; }
    @media (max-width: 1024px) {
      .documents__block {
        gap: 2rem; } }
    @media (max-width: 900px) {
      .documents__block {
        grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 600px) {
      .documents__block {
        grid-template-columns: 1fr;
        gap: 1rem; } }
  .documents .tab-pane.show.active {
    display: grid; }
  .documents__element {
    height: 6rem;
    border-radius: 1rem;
    background: #EFEADF;
    padding: 1rem 1.4rem;
    display: grid;
    grid-template-columns: 4rem auto 2.3rem;
    align-items: center;
    gap: 2rem;
    position: relative; }
    @media (max-width: 600px) {
      .documents__element {
        grid-template-columns: 2.5rem auto 1.5rem;
        gap: 1rem;
        height: 5rem; } }
  .documents__name {
    font-size: clamp(1.2rem, calc(0.91vw + 0.87rem), 1.8rem);
    font-weight: 400;
    line-height: normal;
    color: #847978;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0; }
    .documents__name-hover {
      display: none; }
    .documents__name-hover.active {
      display: block;
      position: absolute;
      max-width: 30rem;
      width: max-content;
      height: auto;
      padding: 1rem;
      border-radius: 1rem;
      background: #FFFFFF;
      box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.15);
      bottom: -40px;
      left: 20%;
      font-size: 1.4rem;
      font-weight: 400;
      line-height: normal;
      color: #1A1A1A;
      z-index: 10; }
  .documents__icon-right {
    color: #847978; }

.filter {
  background: rgba(224, 213, 192, 0.3);
  border-radius: 1rem;
  padding: 2rem;
  height: fit-content; }
  .filter__close {
    display: none; }
    @media (max-width: 600px) {
      .filter__close {
        display: flex;
        margin-bottom: 1rem;
        width: 100%;
        justify-content: right; } }
  @media (max-width: 1024px) {
    .filter {
      position: absolute;
      width: 50rem;
      background: #EFEADF;
      top: 0;
      margin-top: 5rem;
      padding: 2rem;
      border-radius: 1rem;
      left: -100rem;
      transition: all .5s ease;
      z-index: 15;
      overflow: auto; }
      .filter--active {
        left: 0;
        top: 0; } }
    @media (max-width: 1024px) and (max-width: 600px) {
      .filter--active {
        left: 50%;
        transform: translateX(-50%);
        overflow-y: auto;
        overflow-x: hidden;
        height: 100vh;
        max-height: calc(100vh - 2rem);
        z-index: 25; }
        .filter--active::-webkit-scrollbar {
          display: none; } }

  @media (max-width: 600px) {
    .filter {
      width: 98%;
      position: fixed;
      margin-top: 1rem;
      top: 0; } }
  .filter[data-expanded="true"] .filter__content {
    display: block; }
  .filter__section {
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom: 20px; }
  .filter__header {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 1rem; }
    .filter__header[data-expanded="true"] .filter-arrow {
      transform: rotate(180deg); }
  .filter__title {
    margin: 0;
    font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
    color: #1A1A1A;
    font-weight: 700;
    line-height: normal; }
  .filter__arrow {
    transition: transform 0.3s ease; }
  .filter__content {
    display: none; }
  .filter__item {
    margin-bottom: 1rem;
    display: flex;
    align-items: center; }
    .filter__item--hidden {
      display: none; }
  .filter__content {
    margin-top: 1rem; }
  .filter__list.expanded .filter__item--hidden {
    display: flex; }
  .filter__arrow {
    transition: transform 0.3s ease; }
  .filter__arrow.rotated {
    transform: rotate(180deg); }
  .filter__checkbox {
    appearance: none;
    -webkit-appearance: none;
    width: 1.6rem;
    height: 1.6rem;
    border: 1px solid #1A1A1A;
    border-radius: .3rem;
    background-color: transparent;
    cursor: pointer;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin: 0; }
    .filter__checkbox:checked {
      background-color: #847978;
      border-color: #847978;
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); }
  .filter input[type="file"]:focus, .filter input[type="radio"]:focus, .filter input[type="checkbox"]:focus {
    outline: unset;
    outline-offset: unset; }
  .filter__checkbox[type="checkbox"], .filter__checkbox[type="radio"] {
    margin: 0; }
  .filter__label {
    margin-left: 1.1rem;
    font-size: clamp(1.2rem, calc(0.3vw + 0.9rem), 1.4rem);
    font-weight: 400;
    line-height: normal;
    color: #1A1A1A;
    margin-bottom: 0; }
  .filter__label.disabled {
    opacity: 0.3; }
  .filter-toggle-text {
    font-size: 1.2rem;
    color: #847978;
    font-weight: 400;
    line-height: normal;
    text-decoration: underline; }
  .filter__element:not(:last-child) {
    margin-bottom: 3rem; }
  .filter__check.form-switch {
    padding-left: 0;
    display: flex;
    align-items: center;
    gap: 1rem; }
  .filter__check-label {
    font-size: clamp(1.2rem, calc(0.3vw + 0.9rem), 1.4rem);
    font-weight: 400;
    line-height: normal;
    color: #283336; }
  .filter .form-switch .form-check-input {
    position: relative;
    margin-left: auto;
    float: unset;
    width: 4rem;
    height: 2.4rem;
    border-radius: 7rem;
    margin-top: 0;
    border: none;
    background-color: #e4e2e2; }
    .filter .form-switch .form-check-input:checked {
      background-color: #1A1A1A; }
  .filter__actions {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem; }
  .filter__inputs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem; }
  .filter__input {
    background: #847978;
    height: 4rem;
    border-radius: .5rem;
    color: #FFFFFF;
    font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield; }
    .filter__input input::placeholder {
      color: #FFFFFF; }
    @media (max-width: 1024px) {
      .filter__input {
        height: 3rem; } }
  .filter__submit {
    border: 1px solid #1A1A1A;
    background: #283336;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: normal;
    color: #FFFFFF;
    border-radius: .5rem;
    height: 4rem;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s; }
    .filter__submit:hover {
      background: transparent;
      color: #1A1A1A;
      transition: .3s; }
  .filter__reset {
    border: 1px solid #1A1A1A;
    background: transparent;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: normal;
    color: #1A1A1A;
    border-radius: .5rem;
    height: 4rem;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s; }
    .filter__reset:hover {
      background: #F5F5F5;
      border-color: #F5F5F5;
      transition: .3s; }
  .filter__buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem; }
    .filter__buttons-apply {
      font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
      font-weight: 400;
      line-height: normal;
      color: #FFFFFF;
      border-radius: 1rem;
      height: 4rem;
      background: #847978;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background .4s ease, color .4s ease; }
      @media (max-width: 1024px) {
        .filter__buttons-apply {
          height: 3rem;
          border-radius: .5rem; } }
      .filter__buttons-apply:hover {
        background: rgba(78, 52, 46, 0.5);
        color: #847978; }
    .filter__buttons-reset {
      font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
      font-weight: 400;
      line-height: normal;
      color: #847978;
      border-radius: 1rem;
      height: 4rem;
      background: transparent;
      border: 1px solid #847978;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background .4s ease, color .4s ease; }
      @media (max-width: 1024px) {
        .filter__buttons-reset {
          height: 3rem;
          border-radius: .5rem; } }
      .filter__buttons-reset:hover {
        background: #847978;
        color: #FFFFFF; }

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  display: none; }

.product {
  margin-top: clamp(5rem, calc(7.58vw + 2.27rem), 10rem); }
  .product__gallery-thumbs {
    display: flex; }
  .product__thumbs {
    width: 10%; }
  .product__gallery-main {
    width: 50%; }
  .product__section {
    /*display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;*/
    display: flex;
    justify-content: space-between;
    margin-top: 5rem; }
    @media (max-width: 1024px) {
      .product__section {
        flex-direction: column;
        gap: 5rem; } }
    .product__section > * {
      width: 48%; }
      @media (max-width: 1024px) {
        .product__section > * {
          width: 100%; } }
  .product__slider {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 500px) {
      .product__slider {
        display: grid;
        grid-template-columns: 9rem 1fr;
        gap: 2rem; } }
  .product__thumbs {
    width: 20%; }
    @media (max-width: 1280px) {
      .product__thumbs {
        height: 468px;
        overflow-y: scroll !important; }
        .product__thumbs::-webkit-scrollbar {
          display: none; } }
    @media (max-width: 600px) {
      .product__thumbs {
        height: 445px;
        margin-right: 1rem; } }
    @media (max-width: 500px) {
      .product__thumbs {
        width: 100%;
        height: 360px; } }
    @media (max-width: 440px) {
      .product__thumbs {
        height: 300px; } }
    @media (max-width: 414px) {
      .product__thumbs {
        height: 274px; } }
    @media (max-width: 390px) {
      .product__thumbs {
        height: 250px; } }
    @media (max-width: 375px) {
      .product__thumbs {
        height: 235px; } }
    @media (max-width: 360px) {
      .product__thumbs {
        height: 220px; } }
    .product__thumbs-image {
      width: 100px !important;
      height: 100px !important;
      overflow: hidden;
      border: 1px solid rgba(78, 52, 46, 0.2);
      border-radius: 1rem;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 440px) {
        .product__thumbs-image {
          width: 100% !important;
          height: 90px !important;
          overflow: hidden; } }
    .product__thumbs-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      border-radius: 1rem; }
  .product__gallery {
    width: 78%; }
    .product__gallery-image {
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(78, 52, 46, 0.2);
      border-radius: 1rem; }
    .product__gallery-img {
      width: 100%; }
    @media (max-width: 500px) {
      .product__gallery {
        width: 100%; } }
  .product__name {
    font-size: clamp(1.8rem, calc(1.82vw + 1.14rem), 3rem);
    font-weight: 700;
    line-height: normal;
    color: #847978;
    margin-bottom: 3rem; }
  .product__article {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: normal;
    color: #1A1A1A;
    margin-bottom: clamp(1.5rem, calc(1vw - 2.1rem), 3rem);
    padding-bottom: clamp(1.5rem, calc(1vw - 2.1rem), 3rem);
    border-bottom: 1px solid #F5F5F5; }
  .product__info {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: normal;
    color: #1A1A1A;
    margin-bottom: 3rem; }
    .product__info-bold {
      font-weight: 700; }
  .product__price {
    display: flex;
    align-items: center;
    gap: 3rem;
    margin-top: 3rem; }
    .product__price-new {
      font-size: 3rem;
      font-weight: 700;
      line-height: normal;
      color: #1A1A1A;
      margin-bottom: 0; }
    .product__price-old {
      font-size: 2rem;
      font-weight: 400;
      line-height: normal;
      color: #847978;
      position: relative;
      margin-bottom: 0; }
      .product__price-old:before {
        position: absolute;
        content: '';
        width: 100%;
        height: .1rem;
        background: #847978;
        left: 0;
        top: 50%;
        transform: translateY(-50%); }
    .product__price-sale {
      color: #FFFFFF;
      background: #847978;
      padding: .6rem;
      border-radius: .5rem;
      font-size: 1.6rem;
      font-weight: 400;
      line-height: 1;
      margin-bottom: 0; }
  .product__cart.product-card {
    border: none;
    border-radius: 0;
    position: relative;
    padding: 0;
    display: flex;
    flex-direction: row;
    height: auto; }
  .product__cart {
    display: flex;
    align-items: center;
    gap: 6rem; }
    @media (max-width: 600px) {
      .product__cart {
        flex-wrap: wrap;
        gap: 3rem; } }
  .product__advantage-element {
    display: flex;
    align-items: center; }
    @media (max-width: 600px) {
      .product__advantage-element {
        justify-content: space-between; } }
    .product__advantage-element:not(:last-child) {
      margin-bottom: 1rem; }
  .product__advantage-label {
    width: 20rem;
    font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
    font-weight: 400;
    line-height: normal;
    color: #1A1A1A;
    margin-bottom: 0; }
  .product__advantage-value {
    font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
    font-weight: 700;
    line-height: normal;
    color: #1A1A1A;
    margin-bottom: 0; }
    .product__advantage-value a {
      font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
      font-weight: 700;
      line-height: normal;
      color: #1A1A1A;
      margin-bottom: 0; }
      .product__advantage-value a:hover {
        color: #1A1A1A; }
  .product .product-card__button {
    margin-top: 3rem;
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    gap: 2rem; }
    @media (max-width: 600px) {
      .product .product-card__button {
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
        gap: 2rem; } }
    .product .product-card__button--add {
      width: 100%;
      grid-template-columns: 22rem max-content; }
      @media (max-width: 600px) {
        .product .product-card__button--add {
          grid-template-columns: 1fr 1fr; } }
      .product .product-card__button--add .product-card__quantity {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
        gap: 1rem; }
        @media (max-width: 600px) {
          .product .product-card__button--add .product-card__quantity {
            display: flex;
            align-items: center;
            width: 100%;
            justify-content: space-between;
            gap: 1rem; } }
        @media (max-width: 600px) {
          .product .product-card__button--add .product-card__quantity .quantity__button {
            width: 31%;
            height: 4rem; } }
        @media (max-width: 600px) {
          .product .product-card__button--add .product-card__quantity .quantity__input {
            width: 31%;
            height: 4rem;
            font-size: 1.2rem; } }
    .product .product-card__button-btn {
      width: 22rem; }
      @media (max-width: 600px) {
        .product .product-card__button-btn {
          width: 100%; } }
  .product .product-card__button-info {
    display: block !important;
    position: relative !important;
    visibility: visible !important;
    opacity: 1 !important;
    left: unset !important;
    bottom: unset !important;
    margin-top: 3rem;
    width: 100%;
    max-width: 100%;
    text-align: center; }
    @media (max-width: 600px) {
      .product .product-card__button-info {
        width: 100%;
        max-width: 100%;
        text-align: center; } }
  .product__tabs {
    margin-top: clamp(5rem, calc(7.58vw + 2.27rem), 10rem);
    transition: margin-top .4s ease; }
    @media (max-width: 1024px) {
      .product__tabs {
        flex-direction: column; } }
    .product__tabs .nav {
      gap: 3rem;
      margin-right: 8rem; }
      @media (max-width: 1024px) {
        .product__tabs .nav {
          margin: 0 0 3rem;
          flex-direction: row !important;
          gap: 1rem; } }
    .product__tabs-text {
      font-size: clamp(1.4rem, calc(0.61vw + 1.18rem), 1.8rem);
      font-weight: 400;
      line-height: normal;
      color: #1A1A1A; }
      .product__tabs-text:not(:last-child) {
        margin-bottom: 2rem; }
    .product__tabs .nav-link {
      font-size: clamp(1.4rem, calc(0.61vw + 1.18rem), 1.8rem);
      font-weight: 400;
      line-height: normal;
      color: #847978;
      background: rgba(224, 213, 192, 0.3);
      border-radius: .5rem;
      padding: 1.2rem 2.5rem; }
      @media (max-width: 1024px) {
        .product__tabs .nav-link {
          height: 3rem;
          font-size: 1.2rem;
          padding: 0 1rem;
          width: 48%; } }
      .product__tabs .nav-link:hover {
        background: #847978;
        color: #FFFFFF; }
    .product__tabs .nav-link.active {
      background: #847978;
      color: #FFFFFF; }
    .product__tabs-title {
      font-size: clamp(1.4rem, calc(0.61vw + 1.18rem), 1.8rem);
      font-weight: 400;
      line-height: normal;
      color: #847978;
      background: rgba(224, 213, 192, 0.3);
      border-radius: 1rem;
      padding: 1.2rem 2.5rem;
      margin-bottom: 2rem; }
      @media (max-width: 700px) {
        .product__tabs-title {
          text-align: center;
          display: none; } }
    .product__tabs-specifications {
      display: grid;
      grid-template-columns: 1fr 1fr;
      column-gap: 11rem;
      row-gap: 2rem;
      position: relative; }
      @media (max-width: 700px) {
        .product__tabs-specifications {
          grid-template-columns: 1fr; } }
      .product__tabs-specifications:before {
        display: block;
        content: '';
        position: absolute;
        width: 1px;
        height: 100%;
        background: #847978;
        left: 0;
        right: 0;
        margin: auto; }
        @media (max-width: 700px) {
          .product__tabs-specifications:before {
            display: none; } }
    .product__tabs-label, .product__tabs-value {
      font-size: clamp(1.4rem, calc(0.61vw + 1.18rem), 1.8rem);
      font-weight: 400;
      line-height: normal;
      color: #847978;
      margin-bottom: 0; }
  .product .tab-content {
    width: 100%; }

.product__tabs-specifications .product__tabs-element {
  display: flex;
  align-items: baseline; }
  .product__tabs-specifications .product__tabs-element .product__tabs-label {
    order: 1;
    background: #fff;
    padding-right: 4px; }
  .product__tabs-specifications .product__tabs-element .product__tabs-value {
    order: 3;
    background: #fff;
    padding-left: 4px; }
    .product__tabs-specifications .product__tabs-element .product__tabs-value a {
      color: #847978; }
  .product__tabs-specifications .product__tabs-element::after {
    content: '';
    order: 2;
    flex: 1;
    border-bottom: 2.5px dotted #847978;
    margin: 0 4px;
    height: 1px; }

.slider-detail {
  margin-top: clamp(5rem, calc(7.58vw + 2.27rem), 10rem); }
  .slider-detail__buttons {
    display: flex;
    gap: 1.5rem;
    transition: width 0.4s ease, height 0.4s ease; }
    @media (max-width: 1024px) {
      .slider-detail__buttons-icon {
        height: 1.5rem;
        width: 1.5rem; } }
    @media (max-width: 1024px) {
      .slider-detail__buttons {
        height: 3rem;
        width: 3rem; } }
  .slider-detail .swiper-button-disabled {
    opacity: .5; }

.form {
  margin-top: clamp(5rem, calc(7.58vw + 2.27rem), 10rem);
  transition: margin-top .4s ease; }
  .form__section {
    display: flex;
    flex-direction: column;
    gap: 2rem; }
    .form__section--auth {
      margin: auto; }
    .form__section--registration {
      display: grid;
      grid-template-columns: repeat(2, 40rem);
      column-gap: 6rem;
      row-gap: 2rem;
      justify-content: center; }
      @media (max-width: 900px) {
        .form__section--registration {
          grid-template-columns: 1fr; } }
  .form__element {
    display: flex;
    flex-direction: column;
    width: 40rem;
    gap: 1rem;
    margin: auto; }
    @media (max-width: 1024px) {
      .form__element {
        width: 100%; } }
    @media (max-width: 450px) {
      .form__element {
        width: 100%; } }
    .form__element-block {
      position: relative; }
      .form__element-block .toggle-password {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 1rem; }
    .form__element-label {
      font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
      font-weight: 400;
      line-height: normal;
      color: #847978; }
    .form__element-input {
      border-radius: .5rem;
      background: transparent;
      padding: 0 1.5rem;
      border: 1px solid #1A1A1A;
      width: 100%;
      height: 4rem;
      font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
      font-weight: 400;
      line-height: normal;
      color: #1A1A1A; }
      .form__element-input:focus {
        border-color: #847978; }
  .form__button {
    margin: 3rem auto 0;
    width: 40rem;
    grid-column: 1 / -1; }
    @media (max-width: 600px) {
      .form__button {
        width: 100%; } }
    .form__button-input {
      background: #847978 !important;
      border-radius: 1rem; }
      .form__button-input:hover {
        background: #1A1A1A !important; }
  .form__buttons {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem; }
    .form__buttons-link {
      font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
      font-weight: 400;
      line-height: normal;
      text-decoration: underline !important;
      color: #847978;
      transition: color .4s ease; }
      .form__buttons-link:hover {
        color: #1A1A1A; }

.personal-account {
  margin-top: clamp(5rem, calc(7.58vw + 2.27rem), 10rem); }
  .personal-account__status {
    display: flex;
    align-items: center;
    gap: 3rem; }
    @media (max-width: 700px) {
      .personal-account__status {
        flex-direction: column;
        gap: 1rem;
        align-items: unset; } }
  .personal-account__element {
    padding: 1rem 2rem;
    background: #847978;
    border-radius: 1rem;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: normal;
    color: #EFEADF;
    display: flex;
    align-items: center;
    gap: 2rem; }
    @media (max-width: 1024px) {
      .personal-account__element {
        height: 3rem;
        font-size: 1.2rem;
        padding: 0 1rem;
        border-radius: .5rem;
        gap: 1rem; }
        .personal-account__element svg {
          width: 2rem; } }
    @media (max-width: 700px) {
      .personal-account__element {
        width: max-content; } }
  .personal-account__section {
    display: grid;
    grid-template-columns: 30rem 1fr;
    gap: 6rem;
    margin-top: 5rem;
    align-items: start; }
    @media (max-width: 1024px) {
      .personal-account__section {
        grid-template-columns: 1fr;
        gap: 3rem; } }
  .personal-account__block.form {
    margin: 0; }
  .personal-account .form__section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
    row-gap: 2rem; }
    @media (max-width: 700px) {
      .personal-account .form__section {
        display: flex;
        flex-direction: column;
        gap: 2rem; } }
  .personal-account .form__element {
    width: 100%; }
  .personal-account .form__button {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 2rem; }
    @media (max-width: 600px) {
      .personal-account .form__button {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem; } }
    .personal-account .form__button-input {
      height: 4rem;
      padding: 0 2rem;
      width: max-content; }
      @media (max-width: 600px) {
        .personal-account .form__button-input {
          width: 100%; } }
      .personal-account .form__button-input-border {
        height: 4rem;
        padding: 0 2rem;
        width: max-content;
        background: transparent !important;
        color: #847978;
        border: 1px solid #847978;
        transition: background .4s ease, color .4s ease; }
        @media (max-width: 600px) {
          .personal-account .form__button-input-border {
            width: 100%; } }
        .personal-account .form__button-input-border:hover {
          background: #847978 !important;
          color: #FFFFFF; }
  .personal-account__menu {
    background: #EFEADF;
    border-radius: 1rem;
    padding: 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem; }
    @media (max-width: 1024px) {
      .personal-account__menu {
        flex-direction: row;
        justify-content: center;
        padding: 2rem;
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        flex-wrap: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none; } }
    @media (max-width: 500px) {
      .personal-account__menu {
        justify-content: unset; } }
  .personal-account__link {
    font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
    font-weight: 400;
    line-height: normal;
    color: #847978;
    position: relative;
    display: inline-block;
    transition: font-weight .4s ease; }
    .personal-account__link:hover {
      font-weight: 700; }
  .personal-account__link.active {
    font-weight: 700;
    position: relative; }
    .personal-account__link.active:before {
      display: block;
      position: absolute;
      content: '';
      width: 100%;
      height: 2px;
      background: #847978;
      left: 0;
      bottom: 0; }
  .personal-account__block.loyalty {
    margin-top: 0;
    width: 77%; }
    @media (max-width: 1024px) {
      .personal-account__block.loyalty {
        width: 100%; } }
  .personal-account .loyalty__title {
    font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
    font-weight: 700;
    line-height: normal;
    color: #1A1A1A;
    margin-bottom: 2rem; }
  .personal-account .loyalty__status {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: stretch;
    gap: 20px; }
    @media (max-width: 700px) {
      .personal-account .loyalty__status {
        grid-template-columns: 1fr; } }
    @media (max-width: 700px) {
      .personal-account .loyalty__status-image {
        height: 100%;
        position: relative;
        width: 100%; } }
    @media (max-width: 700px) {
      .personal-account .loyalty__status-image-img {
        width: 100%; } }
    .personal-account .loyalty__status-right {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      width: 38rem;
      gap: 1rem; }
      @media (max-width: 1024px) {
        .personal-account .loyalty__status-right {
          width: 100%; } }
    .personal-account .loyalty__status-balls {
      position: absolute;
      left: 2.4rem;
      bottom: 1.6rem;
      font-size: 1.4rem;
      font-weight: 700;
      line-height: normal;
      color: #FFFFFF;
      margin-bottom: 0; }
    .personal-account .loyalty__status-name {
      position: absolute;
      right: 2.4rem;
      bottom: 1.6rem;
      font-size: 2.4rem;
      font-weight: 700;
      line-height: normal;
      color: #FFFFFF;
      text-transform: uppercase;
      margin-bottom: 0; }
    .personal-account .loyalty__status-left {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      position: relative; }
    .personal-account .loyalty__status-element {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 3rem;
      align-items: center;
      background: #EFEADF;
      border-radius: 1rem;
      padding: 1.2rem 1.5rem; }
    .personal-account .loyalty__status-label {
      font-size: 1.4rem;
      font-weight: 400;
      line-height: normal;
      color: #847978;
      margin-bottom: 0; }
    .personal-account .loyalty__status-line {
      margin-top: .7rem;
      position: relative;
      /*&:before {
          display: block;
          position: absolute;
          content: '';
          height: .3rem;
          left: 0;
          width: 50%;
          background: $primary-color;
          border-radius: 1rem;
          right: 0;
          top: 0;
      }*/ }
    .personal-account .loyalty__status-mainline {
      width: 100%;
      background-color: #FFFFFF;
      border-radius: 1rem;
      height: .3rem;
      margin-left: auto; }
    .personal-account .loyalty__status-subline {
      position: absolute;
      height: .3rem;
      left: 0;
      width: 50%;
      background: #847978;
      border-radius: 1rem;
      right: 0;
      top: 0; }
    .personal-account .loyalty__status-block {
      text-align: right; }
    .personal-account .loyalty__status-value {
      font-size: 1.4rem;
      font-weight: 700;
      line-height: normal;
      color: #847978;
      margin-bottom: 0;
      text-align: right; }
    .personal-account .loyalty__status-image {
      height: 100%;
      position: relative; }
      .personal-account .loyalty__status-image-img {
        height: 100%;
        width: auto;
        object-fit: cover;
        border-radius: 1rem; }
        @media (max-width: 700px) {
          .personal-account .loyalty__status-image-img {
            width: 100%; } }
  .personal-account__table {
    margin-top: 3rem; }
    .personal-account__table-header, .personal-account__table-body {
      display: flex;
      align-items: center;
      justify-content: space-between; }
    .personal-account__table-body {
      padding: 0 2rem; }
      @media (max-width: 600px) {
        .personal-account__table-body {
          flex-direction: column;
          align-items: unset;
          gap: 2rem;
          padding: 0; } }
      .personal-account__table-body:not(:last-child) {
        margin-bottom: 2rem;
        padding-bottom: 2rem;
        border-bottom: 1px solid rgba(78, 52, 46, 0.2); }
    .personal-account__table-header {
      border-radius: 1rem;
      background: #EFEADF;
      padding: 1rem 2rem;
      margin-bottom: 2rem; }
      @media (max-width: 600px) {
        .personal-account__table-header {
          display: none; } }
    .personal-account__table-first {
      width: 15%; }
      @media (max-width: 600px) {
        .personal-account__table-first {
          width: 100%; } }
    .personal-account__table-second {
      width: 35%; }
      @media (max-width: 600px) {
        .personal-account__table-second {
          width: 100%; } }
    .personal-account__table-third {
      width: 15%; }
      @media (max-width: 600px) {
        .personal-account__table-third {
          width: 100%; } }
    .personal-account__table-fourth {
      width: 20%; }
      @media (max-width: 600px) {
        .personal-account__table-fourth {
          width: 100%; } }
    .personal-account__table-text {
      font-size: 1.4rem;
      font-weight: 400;
      line-height: normal;
      color: #847978;
      margin-bottom: 0;
      display: flex;
      flex-direction: column; }
      .personal-account__table-text-title {
        display: none; }
        @media (max-width: 600px) {
          .personal-account__table-text-title {
            display: block;
            margin-bottom: .5rem;
            font-size: 1rem;
            font-weight: 400;
            line-height: normal;
            text-transform: uppercase; } }
      .personal-account__table-text span {
        font-size: .8rem;
        font-weight: 400;
        line-height: normal;
        color: #847978; }
    .personal-account__table-archived {
      margin-top: 5rem; }
      @media (max-width: 600px) {
        .personal-account__table-archived {
          margin-top: 3rem; } }
    .personal-account__table-button.active {
      margin-bottom: 2rem; }
    .personal-account__table-button {
      display: flex;
      align-items: center;
      gap: 8px;
      transition: all 0.3s ease;
      border: 1px solid #847978;
      border-radius: .5rem;
      height: 3.6rem;
      margin-left: 2rem;
      padding: 0 2rem;
      font-size: 1.6rem;
      font-weight: 400;
      line-height: normal;
      color: #847978; }
      @media (max-width: 600px) {
        .personal-account__table-button {
          margin-left: 0;
          height: 3rem;
          font-size: 1.4rem; } }
      .personal-account__table-button svg {
        transition: transform 0.3s ease; }
      .personal-account__table-button.active svg {
        transform: rotate(180deg); }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  .personal-account__table.orders .personal-account__table-first {
    width: 12%; }
    @media (max-width: 600px) {
      .personal-account__table.orders .personal-account__table-first {
        width: 100%; } }
  .personal-account__table.orders .personal-account__table-second {
    width: 30%; }
    @media (max-width: 600px) {
      .personal-account__table.orders .personal-account__table-second {
        width: 100%; } }
  .personal-account__table.orders .personal-account__table-fourth {
    width: 15%; }
    @media (max-width: 600px) {
      .personal-account__table.orders .personal-account__table-fourth {
        width: 100%; } }
  .personal-account__table.orders .personal-account__table-fifth {
    width: 10%; }
    @media (max-width: 600px) {
      .personal-account__table.orders .personal-account__table-fifth {
        width: 100%; } }
  .personal-account__table.orders .personal-account__table-body {
    display: none;
    animation: fadeIn 0.3s ease; }
    .personal-account__table.orders .personal-account__table-body.show {
      display: flex; }

.file-upload__input {
  display: none; }
.file-upload__label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 11.5rem;
  border: 1px solid #847978;
  border-radius: 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
  padding: 1rem; }
  .file-upload__label:hover {
    background-color: #f8f9fa; }
  .file-upload__label.drag-over {
    background-color: #e3f2fd; }
.file-upload__icon {
  color: #6c757d;
  margin-bottom: 16px; }
.file-upload__title {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: normal;
  color: #847978;
  margin-bottom: 1rem; }
.file-upload__border {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 1px dashed rgba(78, 52, 46, 0.3);
  border-radius: 1rem; }
.file-upload__subtitle {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: normal;
  color: #847978; }
.file-upload__title {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: normal;
  color: #776A69;
  text-transform: unset; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: none; }
  .modal.active {
    display: block; }
  .modal__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px); }
  .modal__container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #EFEADF;
    border-radius: 1rem;
    padding: 5rem;
    max-width: 90%;
    max-height: 90%;
    overflow: auto;
    min-width: 300px; }
  .modal__close {
    position: absolute;
    top: 15px;
    right: 15px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
    color: #666; }
    .modal__close:hover {
      color: #000; }
  .modal__title {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: normal;
    color: #847978;
    margin-bottom: 3rem; }
  .modal__info {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: normal;
    color: #847978;
    margin-bottom: 0; }
  .modal__button {
    background: #847978;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: normal;
    color: #FFFFFF;
    border-radius: 1rem;
    padding: 1rem 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    margin: 5rem auto 0;
    transition: background .4s ease; }
    .modal__button:hover {
      background: #1A1A1A; }

.cart {
  margin-top: clamp(5rem, calc(7.58vw + 2.27rem), 10rem); }
  .cart__section {
    display: grid;
    grid-template-columns: 1fr 40rem;
    gap: 2.5rem;
    align-items: start; }
    @media (max-width: 1024px) {
      .cart__section {
        grid-template-columns: 1fr; } }
    .cart__section-general-btn {
      margin-top: 2.5rem;
      grid-column: 1 / -1;
      width: 20rem;
      margin-left: auto; }
      @media (max-width: 500px) {
        .cart__section-general-btn {
          margin: 0;
          width: 100%; } }
      .cart__section-general-btn input {
        background: #847978 !important;
        transition: background .4s ease, color .4s ease; }
        .cart__section-general-btn input:hover {
          background: rgba(78, 52, 46, 0.5) !important;
          color: #847978; }
  .cart__table-first {
    width: 4%; }
    @media (max-width: 1024px) {
      .cart__table-first {
        display: none; } }
  .cart__table-second {
    width: 8%; }
  .cart__table-third {
    width: 45%; }
    @media (max-width: 500px) {
      .cart__table-third {
        width: 100%; } }
  .cart__table-fourth {
    width: 18%; }
    .cart__table-fourth-p {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 4rem;
      height: 4rem;
      border-radius: 1rem;
      background: #f5f5f5;
      color: #847978;
      text-align: center;
      font-size: 1.6rem;
      font-weight: 400;
      line-height: normal;
      margin: 0; }
    @media (max-width: 500px) {
      .cart__table-fourth {
        width: 44%; } }
  .cart__table-fifth {
    width: 15%; }
    @media (max-width: 500px) {
      .cart__table-fifth {
        width: 49%; } }
  .cart__body {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 500px) {
      .cart__body {
        flex-wrap: wrap;
        gap: 2rem; } }
    .cart__body-text {
      font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
      font-weight: 400;
      line-height: normal;
      color: #1A1A1A;
      margin-bottom: 0; }
      .cart__body-text--bold {
        font-size: 2.4rem; }
        @media (max-width: 500px) {
          .cart__body-text--bold {
            text-align: right;
            font-size: 2rem; } }
    .cart__body-image {
      width: 7rem;
      height: 7rem;
      border: 1px solid rgba(78, 52, 46, 0.2);
      border-radius: .5rem; }
      @media (max-width: 500px) {
        .cart__body-image {
          width: 30%;
          height: auto;
          margin: auto; } }
      .cart__body-image-img {
        height: 100%;
        width: 100%;
        object-fit: contain;
        object-position: center;
        border-radius: .5rem; }
  .cart__header {
    padding: 1.2rem 2rem;
    background: #EFEADF;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 1024px) {
      .cart__header {
        display: none; } }
    .cart__header-text {
      font-size: 1.4rem;
      font-weight: 400;
      line-height: normal;
      color: #847978;
      margin-bottom: 0; }
  .cart .product-card__quantity {
    display: flex;
    gap: 1rem; }
  .cart .product-card {
    padding: 1.5rem 2rem;
    border: none;
    border-radius: 0;
    margin-bottom: 5rem;
    position: relative; }
    .cart .product-card .basket-items-list-item-remove {
      position: absolute;
      top: 1rem;
      right: 1rem; }
      @media (max-width: 500px) {
        .cart .product-card .basket-items-list-item-remove {
          top: 0;
          right: 0; } }
  .cart__balls {
    margin-top: 5rem;
    padding: 2rem;
    border-top: 1px solid #A9A9A9;
    border-bottom: 1px solid #A9A9A9; }
    .cart__balls-text {
      font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
      font-weight: 400;
      line-height: normal;
      color: #A9A9A9;
      margin-bottom: 0; }
      .cart__balls-text:not(:last-child) {
        margin-bottom: 2rem; }
  .cart-total {
    background: #EFEADF;
    padding: 2rem;
    border-radius: 1rem; }
    .cart-total__title {
      font-size: clamp(1.4rem, calc(0.91vw + 1.07rem), 2rem);
      font-weight: 700;
      line-height: normal;
      color: #847978;
      margin-bottom: 2.5rem; }
    .cart-total__element {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: clamp(1rem, calc(1.52vw + 0.45rem), 2rem); }
      .cart-total__element-label, .cart-total__element-value {
        font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
        font-weight: 400;
        line-height: normal;
        color: #847978;
        margin-bottom: 0; }
    .cart-total__summary {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .cart-total__summary-label {
        font-size: 2rem;
        font-weight: 700;
        line-height: normal;
        color: #847978;
        margin-bottom: 0; }
      .cart-total__summary-value {
        font-size: 2.4rem;
        font-weight: 700;
        line-height: normal;
        color: #847978;
        margin-bottom: 0; }
  .cart__general {
    display: flex;
    flex-direction: column;
    gap: 5rem; }
  .cart .cart-bonus__label {
    display: inline-block;
    height: 22px;
    line-height: 28px;
    margin-right: 10px;
    position: relative;
    vertical-align: middle;
    font-size: 14px;
    user-select: none; }
  .cart .cart-bonus__label input[type="checkbox"] {
    display: none; }
  .cart .cart-bonus__label-newcheck {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 40px;
    height: 22px;
    border-radius: 25px;
    vertical-align: top;
    background: #2928260D;
    transition: .2s; }
  .cart .cart-bonus__label input[type="checkbox"]:not(:disabled) + .cart-bonus__label-newcheck {
    cursor: pointer;
    border-color: rgba(0, 0, 0, 0.3); }
  .cart .cart-bonus__label input[type="checkbox"]:checked + .cart-bonus__label-newcheck {
    background: #847978; }
  .cart .cart-bonus__label-newcheck:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: white;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
    transition: .15s; }
  .cart .cart-bonus__label input[type="checkbox"]:checked + .cart-bonus__label-newcheck:before {
    transform: translateX(18px); }
  .cart-bonus {
    background: #EFEADF;
    padding: 2rem;
    border-radius: 1rem; }
    .cart-bonus__header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 1.2rem; }
    .cart-bonus__title {
      font-size: clamp(1.4rem, calc(0.91vw + 1.07rem), 2rem);
      font-weight: 400;
      line-height: normal;
      color: #776A69;
      margin-bottom: 0; }
    .cart-bonus__info {
      font-size: 1.2rem;
      font-weight: 400;
      line-height: normal;
      color: #A9A9A9;
      margin-bottom: 1.4rem; }
    .cart-bonus__input {
      width: 100%;
      height: 4rem;
      border-radius: .5rem;
      border: 1px solid #847978;
      padding: 0 2rem;
      font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
      font-weight: 400;
      line-height: normal;
      color: #847978; }
      .cart-bonus__input::placeholder {
        font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
        font-weight: 400;
        line-height: normal;
        color: #847978; }
    .cart-bonus__buttons {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 1.5rem;
      margin-top: 1.5rem; }
      @media (max-width: 500px) {
        .cart-bonus__buttons {
          display: grid;
          grid-template-columns: 1fr 1fr; } }
    .cart-bonus__take {
      height: 3rem;
      border-radius: 1rem;
      background: #847978 !important;
      color: #FFFFFF;
      font-size: 1.4rem;
      font-weight: 400;
      line-height: normal;
      padding: 0 1.7rem;
      transition: background .4s ease, color .4s ease; }
      .cart-bonus__take:hover {
        background: rgba(78, 52, 46, 0.5) !important;
        color: #847978; }
    .cart-bonus__cancel {
      height: 3rem;
      border-radius: 1rem;
      background: transparent !important;
      border: 1px solid #847978;
      color: #847978;
      font-size: 1.4rem;
      font-weight: 400;
      line-height: normal;
      padding: 0 1.7rem;
      transition: border-color .4s ease, color .4s ease; }
      .cart-bonus__cancel:hover {
        border-color: rgba(78, 52, 46, 0.5);
        color: rgba(78, 52, 46, 0.5); }

.checkout .cart__section-general-btn {
  margin-left: unset; }
.checkout__form {
  /*display: flex;
  flex-direction: column;
  gap: 5rem;*/ }
.checkout__element {
  margin-bottom: 5rem; }
  .checkout__element-title {
    font-size: clamp(1.4rem, calc(0.61vw + 1.18rem), 1.8rem);
    font-weight: 400;
    line-height: normal;
    color: #1A1A1A;
    margin-bottom: 3rem; }
    @media (max-width: 1024px) {
      .checkout__element-title {
        margin-bottom: 2rem; } }
.checkout__radio {
  display: flex;
  align-items: center;
  gap: 4rem; }
  @media (max-width: 500px) {
    .checkout__radio {
      gap: 2rem;
      flex-wrap: wrap; } }
  .checkout__radio-element {
    display: flex;
    align-items: center;
    gap: .7rem; }
  .checkout__radio-input-no {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0; }
    .checkout__radio-input-no:checked + .checkout__radio-label-no {
      border-color: #847978; }
  @media (max-width: 1024px) {
    .checkout__radio-icon {
      width: 2.5rem;
      height: 2.5rem; } }
  .checkout__radio-text {
    font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
    font-weight: 400;
    line-height: normal;
    color: #847978; }
  .checkout__radio-label-no {
    border: 2px solid #EFEADF;
    background: #EFEADF;
    padding: 1.8rem;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    gap: 2rem; }
    @media (max-width: 1024px) {
      .checkout__radio-label-no {
        border-width: 1px;
        padding: 1rem; } }
  .checkout__radio-label {
    font-size: clamp(1.4rem, calc(0.61vw + 1.18rem), 1.8rem);
    font-weight: 400;
    line-height: normal;
    color: #1A1A1A; }
  .checkout__radio-input {
    appearance: none;
    width: 2rem;
    height: 2rem;
    border: 1px solid #847978;
    border-radius: 100%;
    background-color: #fff;
    cursor: pointer;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin: 0; }
    .checkout__radio-input:checked {
      background-color: #847978;
      border-color: #847978;
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); }
.checkout__input {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem; }
  .checkout__input-element {
    display: flex;
    flex-direction: column;
    gap: .8rem;
    width: 460px; }
    @media (max-width: 600px) {
      .checkout__input-element {
        width: 100%; } }
  .checkout__input-label {
    font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
    font-weight: 400;
    line-height: normal;
    color: #1A1A1A; }
  .checkout__input-field {
    border: 1px solid #1A1A1A;
    border-radius: .5rem;
    height: 4rem;
    width: 100%;
    font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
    font-weight: 400;
    line-height: normal;
    color: #1A1A1A;
    padding: 0 1.5rem; }

.partner {
  padding: clamp(5rem, calc(2.8vw + 4rem), 10rem) 0;
  margin-top: clamp(5rem, calc(7.58vw + 2.27rem), 10rem);
  background: rgba(224, 213, 192, 0.3); }
  .partner__description {
    font-size: clamp(1.4rem, calc(0.91vw + 1.07rem), 2rem);
    font-weight: 400;
    line-height: normal;
    color: #776A69;
    margin-bottom: 0; }
    @media (max-width: 600px) {
      .partner__description {
        text-align: center; } }
  .partner__section {
    display: grid;
    grid-template-columns: 1fr 48rem;
    align-items: center;
    margin-bottom: 5rem;
    gap: 5rem; }
    @media (max-width: 1024px) {
      .partner__section {
        grid-template-columns: 1fr 35rem; } }
    @media (max-width: 600px) {
      .partner__section {
        display: flex;
        flex-direction: column-reverse; } }
  @media (max-width: 600px) {
    .partner .title-block__title {
      width: 100%;
      text-align: center; } }
  .partner .button-primary {
    width: 20rem; }
    @media (max-width: 600px) {
      .partner .button-primary {
        width: 100%; } }
  .partner__image {
    height: 17rem;
    overflow: hidden; }
    @media (max-width: 600px) {
      .partner__image {
        height: 10rem; } }
    .partner__image-img {
      height: 100%;
      width: 100%;
      object-fit: contain;
      object-position: center;
      border-radius: 2rem; }

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh; }

.main {
  flex: 1 1 0; }

.bx-sbb-empty-cart-text {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: normal;
  color: #1A1A1A;
  margin-bottom: 2rem; }

.bx-sbb-empty-cart-desc {
  display: flex;
  align-items: center;
  gap: .4rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: normal;
  color: #1A1A1A; }
  .bx-sbb-empty-cart-desc a {
    text-decoration: underline;
    color: #1A1A1A; }

.basket-items-list-item-notification {
  width: 100%; }
  .basket-items-list-item-notification .basket-items-list-item-removed-container {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between; }
    .basket-items-list-item-notification .basket-items-list-item-removed-container > * {
      font-size: 1.6rem;
      font-weight: 400;
      line-height: normal;
      color: #1A1A1A; }
  .basket-items-list-item-notification .basket-items-list-item-removed-block a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #847978;
    color: #FFFFFF;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    height: 3rem;
    border-radius: .5rem;
    padding: 0 2rem;
    transition: background .3s ease; }
    .basket-items-list-item-notification .basket-items-list-item-removed-block a:hover {
      background: #1A1A1A; }

.files_block {
  display: flex;
  flex-direction: column;
  gap: 1rem; }
  .files_block .fileelm a {
    border-radius: .5rem;
    padding: 0 1.5rem;
    border: 1px solid #1A1A1A;
    width: 100%;
    height: 4rem;
    font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
    font-weight: 400;
    line-height: normal;
    color: #1A1A1A;
    display: flex;
    align-items: center;
    background: #e1e1e1; }
  .files_block .form__element {
    margin: unset; }

.orders-list h3 {
  font-size: 2rem;
  font-weight: 400;
  line-height: normal;
  color: #1A1A1A;
  margin-bottom: 2rem; }
.orders-list .tocatalog .sale-order-history-link {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: normal;
  color: #FFFFFF;
  background: #847978;
  border-radius: .5rem;
  padding: .8rem 2rem;
  width: max-content;
  transition: background .3s ease; }
  .orders-list .tocatalog .sale-order-history-link:hover {
    background: #1A1A1A; }
.orders-list .notcatalog {
  display: flex;
  align-items: center;
  gap: 3rem;
  margin-bottom: 3rem; }
  .orders-list .notcatalog .sale-order-history-link {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: normal;
    color: #1A1A1A;
    margin: 0;
    width: max-content;
    border: 1px solid #1A1A1A;
    padding: .8rem 2rem;
    border-radius: .5rem;
    transition: background .3s ease, color .3s ease; }
    .orders-list .notcatalog .sale-order-history-link:hover {
      background: #1A1A1A;
      color: #FFFFFF; }
.orders-list .sale-order-list-container {
  padding: 0; }
.orders-list .sale-order-list-title-container {
  padding-left: 0;
  padding-right: 0;
  background: transparent; }
.orders-list .row {
  margin-left: 0;
  margin-right: 0; }
.orders-list .sale-order-title {
  margin: 0 0 2rem;
  font-size: 2rem;
  font-weight: 400;
  line-height: normal;
  color: #1A1A1A;
  font-family: "Inter", sans-serif !important; }
.orders-list .sale-order-list-title {
  margin: 0 0 2rem;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: normal;
  color: #1A1A1A; }
.orders-list .sale-order-list-inner-container {
  padding: 0;
  border: unset; }
.orders-list .sale-order-list-inner-title-line {
  padding: 0; }
.orders-list .sale-order-list-inner-title-line-item {
  margin: 0 0 1.5rem;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: normal;
  color: #847978; }
.orders-list .sale-order-list-inner-title-line-border {
  display: none; }
.orders-list .sale-order-list-shipment, .orders-list .sale-order-list-inner-row-body {
  padding: 2rem 2.5rem;
  border: 1px solid #847978;
  border-radius: .5rem;
  width: 100%; }
.orders-list .sale-order-list-inner-row-body {
  margin-bottom: 3rem; }
.orders-list .sale-order-list-payment-title {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: normal;
  color: #1A1A1A;
  font-family: "Inter", sans-serif !important; }
.orders-list .sale-order-list-status-alert {
  background: red;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: normal;
  font-family: "Inter", sans-serif !important;
  border-radius: .5rem;
  color: #FFFFFF;
  border: none;
  margin-left: 3rem; }
  @media (max-width: 500px) {
    .orders-list .sale-order-list-status-alert {
      margin: 1.5rem 0 0; } }
.orders-list .sale-order-list-payment-price {
  padding-top: 1rem; }
.orders-list .sale-order-list-payment-element, .orders-list .sale-order-list-shipment-status-item, .orders-list .sale-order-list-shipment-item {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: normal;
  color: #1A1A1A; }
.orders-list .sale-order-list-payment-number {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: normal;
  color: #1A1A1A; }
.orders-list .sale-order-list-change-payment {
  margin-top: 1rem;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: normal;
  color: #1A1A1A;
  text-decoration: underline; }
.orders-list .sale-order-list-about-link {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: normal;
  color: #1A1A1A;
  text-decoration: underline; }
.orders-list .sale-order-list-inner-row {
  display: flex;
  align-items: center; }
  @media (max-width: 500px) {
    .orders-list .sale-order-list-inner-row {
      display: flex;
      align-items: center;
      flex-direction: column;
      gap: 1rem;
      width: 100%;
      margin-top: 2rem; } }
  .orders-list .sale-order-list-inner-row .col-md-2 {
    width: max-content;
    padding: 0; }
    @media (max-width: 500px) {
      .orders-list .sale-order-list-inner-row .col-md-2 {
        width: 100%; }
        .orders-list .sale-order-list-inner-row .col-md-2 a {
          width: 100%;
          margin-left: 0;
          display: flex;
          align-items: center;
          justify-content: center; } }
  .orders-list .sale-order-list-inner-row .col-md-8 {
    width: max-content;
    margin-right: auto; }
@media (max-width: 500px) {
  .orders-list .sale-order-list-top-border {
    display: none; } }
.orders-list .sale-order-list-repeat-link {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: normal;
  color: #1A1A1A;
  padding: 1rem 2rem;
  width: max-content;
  border-radius: .5rem;
  border: 1px solid #1A1A1A; }
.orders-list .sale-order-list-cancel-link {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: normal;
  color: #9b9b9b;
  padding: 1rem 2rem;
  width: max-content;
  border-radius: .5rem;
  border: 1px solid #9b9b9b;
  margin-left: 2rem; }
.orders-list .sale-order-list-repeat-link:before {
  display: none; }
.orders-list .sale-order-list-shipment-status-block {
  background: #f3f4f5;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: normal;
  font-family: "Inter", sans-serif !important;
  border-radius: .5rem;
  color: #1A1A1A;
  border: none;
  margin-left: 3rem; }
.orders-list .sale-order-list-accomplished-title-container {
  background: transparent;
  padding: 0; }
.orders-list .sale-order-list-accomplished-title {
  font: var(--ui-font-weight-bold) 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 0 2rem;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: normal;
  color: #1A1A1A;
  font-family: "Inter", sans-serif !important; }
.orders-list .sale-order-list-accomplished-date {
  color: #4b8c03;
  margin: 0;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: normal; }
.orders-list .sale-order-list-accomplished-date-number {
  color: #888;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: normal; }
.orders-list .sale-order-list-inner-accomplished {
  border: none;
  padding: 0; }

.sale_order_full_table tr {
  font-size: 1.6rem; }
.sale_order_full_table a {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: normal;
  color: #1A1A1A;
  text-decoration: underline; }

.ps_logo {
  display: flex;
  align-items: center;
  gap: 2rem;
  border: 1px solid #1A1A1A;
  padding: 2rem 3rem;
  border-radius: .5rem; }
  .ps_logo .pay_name {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: normal;
    color: #1A1A1A; }
  .ps_logo img {
    display: none; }
  .ps_logo .paysystem_name {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: normal;
    color: #1A1A1A; }

.bx-soa-pp-item-container {
  display: flex;
  gap: .7rem; }

.bx-soa-pp .bx-soa-pp-company {
  padding: 0; }

@media (max-width: 500px) {
  .bx-soa-coupon-input {
    text-align: center;
    width: 100%; } }

@media (max-width: 500px) {
  .bx-soa-item-img-block {
    max-width: 100%;
    width: 100%; } }

#bx-soa-order {
  display: grid;
  grid-template-columns: 1fr 40rem;
  gap: 2.5rem;
  align-items: start;
  width: 100%;
  margin: 0; }
  @media (max-width: 600px) {
    #bx-soa-order {
      display: flex;
      flex-direction: column; } }
  #bx-soa-order .col-sm-9, #bx-soa-order .col-sm-3 {
    width: 100%;
    flex: unset;
    padding: 0; }
  #bx-soa-order:before {
    display: none; }
  #bx-soa-order .bx-soa-cart-total {
    background: #EFEADF;
    padding: 2rem;
    border-radius: 1rem; }
  #bx-soa-order .bx-soa-cart-t {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: normal;
    color: #847978; }
  #bx-soa-order .bx-soa-cart-total-line {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  #bx-soa-order .bx-soa-cart-d {
    font-size: 2rem;
    font-weight: 700;
    line-height: normal;
    color: #847978; }
  #bx-soa-order .bx-soa-cart-t {
    font-size: 2rem;
    font-weight: 700;
    line-height: normal;
    color: #847978; }
  #bx-soa-order .bx-soa-cart-d {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: normal;
    color: #847978; }
  #bx-soa-order .btn-order-save {
    background: #847978;
    border-color: #847978;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: normal;
    color: #FFFFFF;
    height: 4rem;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center; }
    #bx-soa-order .btn-order-save:hover {
      background: #1A1A1A;
      border-color: #1A1A1A; }
  #bx-soa-order .alert-success {
    background: #EFEADF;
    border: none;
    border-radius: 1rem;
    color: #847978;
    padding: 2rem; }
  #bx-soa-order .bx-soa-section-title-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #EFEADF;
    padding: 2rem;
    border-radius: 1rem; }
  #bx-soa-order .bx-soa-section.bx-step-completed {
    border-radius: 1rem;
    border-color: #847978;
    margin-bottom: 2rem; }
  #bx-soa-order .bx-soa-section-title {
    font-size: 2rem;
    font-weight: 400;
    line-height: normal;
    color: #847978; }
  #bx-soa-order .bx-soa-editstep {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: normal;
    color: #847978; }
    #bx-soa-order .bx-soa-editstep:hover {
      color: #1A1A1A; }
  #bx-soa-order .bx-soa-section-content {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: normal;
    color: #847978;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem; }
  #bx-soa-order .bx-soa-pp-company-selected img {
    display: none; }
  #bx-soa-order .bx-soa-pp-company-selected strong {
    margin: 0; }
  #bx-soa-order .btn-default {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: normal;
    color: #FFFFFF;
    height: 4rem;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #776A69;
    border-color: #776A69;
    margin: 0; }
    #bx-soa-order .btn-default:hover {
      background: #1A1A1A;
      border-color: #1A1A1A; }
  #bx-soa-order .bx-soa-item-title a {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: normal;
    color: #847978; }
  #bx-soa-order .bx-soa-section.bx-selected {
    border-color: #847978;
    border-radius: 1rem; }
  #bx-soa-order .bx-soa-item-block {
    display: flex;
    align-items: center;
    gap: 1rem; }
    @media (max-width: 500px) {
      #bx-soa-order .bx-soa-item-block {
        flex-direction: column; } }
  @media (max-width: 500px) {
    #bx-soa-order .bx-soa-item-content {
      width: 100%; } }
  @media (max-width: 500px) {
    #bx-soa-order .bx-soa-item-table {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1rem; } }
  @media (max-width: 500px) {
    #bx-soa-order .bx-soa-item-td {
      min-width: auto !important; } }
  #bx-soa-order .bx-soa-item-tr.bx-soa-item-info-container {
    display: none !important; }
  @media (max-width: 500px) {
    #bx-soa-order .bx-step-completed .bx-soa-item-img-block {
      width: 100%; } }
  @media (max-width: 500px) {
    #bx-soa-order .orders-list .sale-order-list-payment-title {
      display: flex;
      flex-direction: column;
      gap: 1rem; } }
  #bx-soa-order .bx-step-completed .bx-soa-item-img-block {
    padding: 0; }
  #bx-soa-order .bx-soa-section {
    margin-bottom: 2rem; }
  #bx-soa-order .bx-soa-section-title-count {
    display: inline-block;
    min-width: 17px;
    height: 17px;
    border-radius: 8px;
    border: 1px solid #98979d;
    vertical-align: middle;
    position: relative;
    margin: -3px 10px 0 0; }
  #bx-soa-order .bx-soa .bx-soa-customer-label, #bx-soa-order .bx-soa .bx-soa-custom-label, #bx-soa-order .bx-soa .form-group label {
    color: #847978; }
  #bx-soa-order .radio-inline label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    padding-left: 1rem;
    margin: 0; }
  #bx-soa-order .radio-inline input {
    appearance: none;
    width: 2rem;
    height: 2rem;
    border: 1px solid #dee2e6;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
    left: 0; }
    #bx-soa-order .radio-inline input:checked {
      background-color: #847978;
      border-color: #847978;
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
      background-position: center;
      background-repeat: no-repeat; }
  #bx-soa-order .form-group {
    display: flex;
    flex-direction: column;
    gap: 1rem; }
    #bx-soa-order .form-group br {
      display: none; }
  #bx-soa-order .form-control {
    display: block;
    width: 100%;
    padding: .375rem 1.5rem;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: normal;
    color: #1A1A1A;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: 1px solid #847978;
    border-radius: 1rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    height: 4rem; }
  #bx-soa-order .bx-soa-info-shower {
    color: #847978; }
  #bx-soa-order .bx-soa-item-td-text small {
    display: none; }
  #bx-soa-order .bx-soa-pp-company-smalltitle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: normal;
    color: #847978; }
  #bx-soa-order .bx-soa-pp-company-graf-container {
    border: 1px solid #847978;
    border-radius: 1rem;
    position: relative;
    background: #fff;
    width: auto;
    height: 5rem;
    padding-top: 0; }
  #bx-soa-order .bx-soa-pp-company-image, #bx-soa-order .bx-soa-pp-company-logo, #bx-soa-order .bx-soa-pp-company-block {
    display: none; }
  #bx-soa-order .bx-soa-pp-company-subTitle {
    font-size: 1.6rem;
    color: #847978;
    font-weight: 700; }
  #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company {
    background: transparent;
    border: 1px solid #847978;
    border-radius: 1rem;
    padding: 7px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5rem; }

.checkout .cart__section {
  all: unset; }
  .checkout .cart__section form {
    width: 100%; }

.error-message {
  width: max-content !important;
  display: inline-block;
  font-size: 1.6rem; }

.sale-order-detail-back-to-list-link-up, a.sale-order-detail-back-to-list-link-down {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: normal;
  color: #1A1A1A; }
  .sale-order-detail-back-to-list-link-up:hover, a.sale-order-detail-back-to-list-link-down:hover {
    color: #847978; }

.sale-order-detail-general {
  border: none;
  padding: 0;
  margin-top: 2rem; }

.sale-order-detail-general-head {
  background: #EFEADF;
  padding: 2rem;
  border-radius: 1rem; }

.sale-order-detail-general-item {
  color: #847978;
  margin: 0;
  font-size: 1.6rem;
  line-height: normal; }

.sale-order-detail-general {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 0; }

.sale-order-detail-about-order-container, .sale-order-detail-payment-options-container, .sale-order-detail-payment-options-order-content-container {
  padding: 0;
  border: 1px solid #847978;
  border-radius: 1rem; }

.sale-order-detail-about-order-title, .sale-order-detail-payment-options-title, .sale-order-detail-payment-options-order-content-title, .sale-order-detail-payment-options-shipment-composition-title {
  padding: 2rem;
  background: #EFEADF;
  border-radius: 1rem; }

h3.sale-order-detail-about-order-title-element, h3.sale-order-detail-payment-options-shipment-composition-title-element, h3.sale-order-detail-payment-options-title-element, h3.sale-order-detail-payment-options-order-content-title-element {
  font-size: 2rem;
  font-weight: 400;
  line-height: normal;
  color: #847978;
  margin: 0; }

.sale-order-detail-about-order-inner-container {
  padding: 2rem;
  border: none; }

.sale-order-detail-about-order-inner-container-name-title, .sale-order-detail-about-order-inner-container-status-title, .sale-order-detail-about-order-inner-container-price-title, .sale-order-detail-payment-options-info-order-number {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: normal;
  color: #847978; }

.sale-order-detail-about-order-inner-container-name-detail, .sale-order-detail-about-order-inner-container-status-detail, .sale-order-detail-about-order-inner-container-price-detail {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: normal;
  color: #1A1A1A;
  padding-top: 2rem; }

.sale-order-detail-about-order-inner-container-repeat-button {
  background: #847978;
  color: #FFFFFF;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  height: 3.8rem; }
  .sale-order-detail-about-order-inner-container-repeat-button:hover {
    background: #1A1A1A; }

.sale-order-detail-about-order-inner-container-repeat-cancel {
  margin-top: 1rem;
  background: transparent;
  border: 1px solid #1A1A1A;
  color: #1A1A1A;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  height: 3.8rem;
  padding: 0;
  transition: background .3s ease, color .3s ease; }
  .sale-order-detail-about-order-inner-container-repeat-cancel:hover {
    background: #1A1A1A;
    color: #FFFFFF; }

.sale-order-detail-about-order-inner-container-name-read-more, .sale-order-detail-about-order-inner-container-name-read-less {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: normal;
  color: #1A1A1A;
  border-color: #1A1A1A; }
  .sale-order-detail-about-order-inner-container-name-read-more:after, .sale-order-detail-about-order-inner-container-name-read-less:after {
    display: none; }

.sale-order-detail-payment-options-info-image, .sale-order-detail-payment-options-shipment-image-container, .sale-order-detail-payment-options-methods-container:before, .sale-order-detail-payment-options-methods-image-container, div.payment-options-methods-row:before {
  display: none; }

div.payment-options-methods-row {
  padding: 0;
  margin: 0; }

div.sale-order-detail-payment-options-info-total-price, div.sale-order-detail-methods-title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: normal;
  color: #1A1A1A;
  padding-top: 2rem;
  height: auto; }

div.sale-order-detail-methods-title {
  display: flex;
  align-items: center;
  gap: 3rem;
  padding: 0; }

/*
div.sale-order-detail-payment-options-methods-information-block {
    display: grid;
    grid-template-columns: 1fr 30rem;
    gap: 3rem;
    align-items: center;
}*/
.sale-order-detail-payment-options-methods-button-element.active-button {
  background: #847978;
  color: #FFFFFF;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  height: 3.8rem; }
  .sale-order-detail-payment-options-methods-button-element.active-button:hover {
    background: #1A1A1A; }

div.sale-order-detail-payment-options-methods-info-total-price {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: normal;
  color: #1A1A1A;
  padding-top: 2rem;
  height: auto; }

a.sale-order-detail-payment-options-methods-info-change-link, .sale-order-detail-show-link {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: normal;
  color: #1A1A1A;
  border-color: #1A1A1A;
  padding-top: 1rem;
  position: relative;
  display: block;
  width: max-content; }
  a.sale-order-detail-payment-options-methods-info-change-link:after, .sale-order-detail-show-link:after {
    display: none; }

a.sale-order-detail-hide-link {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: normal;
  color: #1A1A1A;
  border-color: #1A1A1A;
  padding-top: 1rem; }
  a.sale-order-detail-hide-link:after {
    display: none; }

.sale-order-detail-payment-options-methods-shipment-list-item-title, .sale-order-detail-payment-options-methods-shipment-list-item, .sale-order-detail-payment-options-methods-shipment-list-item {
  font-size: 1.6rem; }

.sale-order-detail-payment-options-inner-container {
  border: none; }

.sale-order-detail-total-payment-list-left-item {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: normal;
  color: #1A1A1A; }

.sale-order-detail-total-payment-list-right-item {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: normal;
  color: #1A1A1A; }

.sale-order-detail-order-item-title a, .sale-order-detail-order-item-title .sale-order-detail-order-item-td-text, .sale-order-detail-order-item-title span, .sale-order-detail-order-item-title .bx-price, .sale-order-detail-order-item-td-text a, .sale-order-detail-order-item-td-text .sale-order-detail-order-item-td-text, .sale-order-detail-order-item-td-text span, .sale-order-detail-order-item-td-text .bx-price {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: normal;
  color: #1A1A1A; }

.sale-order-detail-about-order-inner-container-details {
  padding: 0;
  margin-top: 2rem; }
  .sale-order-detail-about-order-inner-container-details .sale-order-detail-about-order-inner-container-list-item {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: normal;
    color: #1A1A1A; }
  .sale-order-detail-about-order-inner-container-details .sale-order-detail-about-order-inner-container-list-item-element {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: normal;
    color: #1A1A1A;
    padding-top: 1rem; }
  .sale-order-detail-about-order-inner-container-details .sale-order-detail-about-order-inner-container-list-item-link {
    padding-top: 1rem; }

.sale-order-detail-about-order-inner-container-details-title {
  font-size: 2rem;
  font-weight: 700;
  line-height: normal;
  color: #1A1A1A; }

.sale-order-detail-payment-options-shipment-composition-map.col-md-offset-3 {
  margin: 0;
  width: 100%;
  padding: 0; }

.sale-order-detail-payment-options-shipment-composition-map {
  margin-top: 2rem; }

.sale-order-detail-payment-options-shipment-composition-container {
  padding: 0;
  margin: 2rem 0 0; }

.sale-order-detail-order-section.bx-active {
  border: 0; }

div.title-search-result {
  border-radius: .5rem;
  border: 1px solid #847978;
  background: #FFFFFF;
  padding: 1.5rem;
  margin-top: 1rem; }
  div.title-search-result .title-search-result {
    width: 100%;
    position: relative;
    display: block;
    padding: 0; }
  div.title-search-result tr:nth-child(1), div.title-search-result tr:nth-child(3), div.title-search-result tr:nth-child(5) {
    display: none; }
  div.title-search-result tr:nth-child(2) th, div.title-search-result tr:nth-child(4) th {
    display: none; }
  div.title-search-result .title-search-fader {
    display: none; }
  div.title-search-result tbody {
    width: 100%;
    display: flex;
    flex-direction: column; }

table.title-search-result tr.title-search-selected a, table.title-search-result tr.title-search-selected td, table.title-search-result tr.title-search-selected td.title-search-more a {
  background: rgba(119, 106, 105, 0.05);
  color: #1A1A1A;
  border-radius: 1rem; }

table.title-search-result td {
  background: transparent;
  padding: 0;
  width: 100%; }

table.title-search-result td.title-search-item {
  padding: 0;
  width: 100%;
  display: flex; }

table.title-search-result a {
  font-size: 1.4rem;
  font-weight: 400;
  color: #1A1A1A;
  width: 100%;
  padding: 1rem;
  border-radius: 1rem; }
  table.title-search-result a b {
    color: #847978; }

table.title-search-result td.title-search-item a {
  padding-left: 1rem;
  padding-right: 1rem; }

.title-search-all {
  display: flex;
  width: 100%;
  padding: 0; }
  .title-search-all a {
    width: 100%;
    text-align: center;
    background-color: #847978;
    color: #FFFFFF !important;
    border-radius: 1rem;
    margin-top: 1.5rem;
    font-size: 1.4rem;
    padding: 1rem; }
    .title-search-all a:hover {
      background: #1A1A1A; }

table.title-search-result td.title-search-all {
  padding: 0; }

table.title-search-result tr.title-search-selected td.title-search-all a {
  width: 100%;
  text-align: center;
  background-color: #847978;
  color: #FFFFFF;
  border-radius: 1rem;
  margin-top: 1.5rem;
  font-size: 1.4rem;
  padding: 1rem; }
  table.title-search-result tr.title-search-selected td.title-search-all a:hover {
    background: #1A1A1A; }

table.title-search-result tr.title-search-selected td.title-search-all {
  background: transparent; }

table.title-search-result td.title-search-all a {
  padding-left: 1rem; }

@media (max-width: 500px) {
  #customModal .modal__container {
    width: 90%; } }

@media (max-width: 500px) {
  .sale-order-list-about-container {
    display: none; } }

@media (max-width: 500px) {
  .sale-order-list-shipment-title {
    display: flex;
    flex-direction: column; } }
.sale-order-list-shipment-title .sale-order-list-status-alert {
  width: max-content; }

.sale-order-list-inner-row-template {
  padding: 0; }
  .sale-order-list-inner-row-template .sale-order-list-cancel-payment {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: normal;
    color: #1a1a1a;
    width: max-content;
    margin: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: #1a1a1a;
    border-image: initial;
    padding: 0.8rem 2rem;
    border-radius: 0.5rem;
    transition: background 0.3s, color 0.3s;
    margin-bottom: 2rem; }

.files_block .form__element {
  margin: unset;
  max-width: 50rem;
  overflow: hidden; }
  @media (max-width: 500px) {
    .files_block .form__element {
      width: 100%;
      max-width: 100%; } }

.no_prods, .content-details-description p, .content-details-description a {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: normal;
  color: #847978; }

.product .product__section .product-card__button--add {
  grid-template-columns: 1fr 1fr;
  display: grid;
  flex-direction: unset; }

.product .product__section .product-card__button-btn {
  width: 100%; }

.product .product__section .product-card__button--add .product-card__quantity {
  width: 50%; }
  @media (max-width: 500px) {
    .product .product__section .product-card__button--add .product-card__quantity {
      width: 100%; } }

.basket-item-price-old span {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: normal;
  color: #7d7d7d;
  position: relative; }
  .basket-item-price-old span:before {
    display: block;
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: #7d7d7d;
    top: 50%;
    transform: translateY(-50%);
    left: 0; }

.basket-item-price-current span {
  font-size: 2rem;
  font-weight: 700;
  line-height: normal;
  color: #1A1A1A; }

.basket-item-price-difference {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: normal;
  color: #06a206;
  display: flex;
  flex-direction: column;
  gap: .3rem; }
  .basket-item-price-difference span {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: normal;
    color: #06a206; }

.basket-item-block-price {
  display: flex;
  flex-direction: column;
  gap: .5rem; }

.basket-item-image-link {
  position: relative; }
  .basket-item-image-link .basket-item-label-small {
    background: #06a206;
    padding: .3rem;
    border-radius: .5rem;
    color: #FFFFFF;
    width: max-content;
    font-size: 1.2rem;
    position: absolute;
    top: -15px;
    right: -15px; }

.bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-inner {
  font-size: 1.4rem; }

.rules-page h1 {
  font-size: 2.4rem;
  color: #847978;
  font-weight: 700; }
.rules-page h3 {
  font-size: 1.8rem;
  color: #847978;
  font-weight: 700; }
.rules-page p, .rules-page a {
  font-size: 1.6rem;
  color: #847978; }

.catalog_page .category__section {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  width: 60%;
  column-gap: 20px;
}
.catalog_page .category__element-icon{
  display: none;
}
.catalog_page p.category__element-description {
  display: none;
}
.catalog_page .category__element-name {
  font-weight: 300;
  font-size: 15px;
  margin: 0;
}

.catalog_page .category__element {
  padding: 10px 20px;
}
.catalog_page__content{
  margin-top: 20px;
}

@media (max-width: 500px) {
  .catalog_page .category__section {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    width: 100%;
    column-gap: 10px;
  }

}
/*# sourceMappingURL=main.css.map */