@charset "UTF-8";
.heading {
  font-family: "Titillium Web", sans-serif;
  color: #000;
  font-size: 7.8rem;
  font-weight: 300;
  line-height: 7.6rem;
  letter-spacing: 0.156rem;
}
@media only screen and (max-width: 1200px) {
  .heading {
    font-size: 3.6rem;
    line-height: 4.2rem;
  }
}

h1,
.h1,
.category__seo h2,
.category__seo .h2,
.faq h2,
.faq .h2,
.product__review h2,
.product__review .h2,
.product__news .news__heading h2,
.product__news .news__heading .h2,
.product__description .description__block h2,
.product__description .description__block .h2 {
  font-family: "Titillium Web", sans-serif;
  color: #000;
  font-size: 4.8rem;
  font-weight: 400;
}
@media only screen and (max-width: 1200px) {
  h1,
  .h1,
  .category__seo h2,
  .category__seo .h2,
  .faq h2,
  .faq .h2,
  .product__review h2,
  .product__review .h2,
  .product__news .news__heading h2,
  .product__news .news__heading .h2,
  .product__description .description__block h2,
  .product__description .description__block .h2 {
    font-size: 3.2rem;
  }
}

h2,
.h2 {
  font-family: "Titillium Web", sans-serif;
  color: #000;
  font-size: 3.6rem;
  font-weight: 400;
}
@media only screen and (max-width: 1200px) {
  h2,
  .h2 {
    font-size: 2.2rem;
  }
}

h3,
.h3 {
  font-family: "Titillium Web", sans-serif;
  color: #000;
  font-size: 3.2rem;
  font-weight: 400;
}

h4,
.h4 {
  font-family: "Titillium Web", sans-serif;
  color: #000;
  font-size: 2.4rem;
  font-weight: 400;
}

h5,
.h5 {
  font-family: "Titillium Web", sans-serif;
  color: #000;
  font-size: 2rem;
  font-weight: 400;
}

h6,
.h6 {
  color: #000;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.036rem;
}

p,
.p {
  color: #222;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 3.2rem;
}
p a,
.p a {
  text-decoration: underline;
  text-underline-offset: initial;
  color: #de5a25;
  transition: color 0.3s ease-in-out;
}
p a:hover,
.p a:hover {
  color: #f05f25;
}

strong {
  font-weight: 500;
}

ul li,
ol li {
  color: #000;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 3.2rem;
}

.search-icon, header .header__search .search__popup .search__button, header .header__actions .header__search-icon, .select .select__dropdown:has(.search-input) .search-input button,
.account-icon,
header .header__actions .header__account-icon,
.cart-icon,
header .header__actions .header__cart-icon {
  display: flex;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2.5rem;
  width: 4.2rem;
  min-width: 4.2rem;
  height: auto;
  aspect-ratio: 1;
}
@media only screen and (max-width: 1200px) {
  .search-icon, header .header__search .search__popup .search__button, header .header__actions .header__search-icon, .select .select__dropdown:has(.search-input) .search-input button,
  .account-icon,
  header .header__actions .header__account-icon,
  .cart-icon,
  header .header__actions .header__cart-icon {
    background-size: 2.2rem;
    width: 3.6rem;
    min-width: 3.6rem;
  }
}

.search-icon, header .header__search .search__popup .search__button, header .header__actions .header__search-icon, .select .select__dropdown:has(.search-input) .search-input button {
  background-image: url("../images/icons/search.svg");
}

.account-icon, header .header__actions .header__account-icon {
  background-image: url("../images/icons/account.svg");
}

.cart-icon, header .header__actions .header__cart-icon {
  background-image: url("../images/icons/cart_24x24.svg");
}

.close-icon, header .header__search .search__popup .search__close {
  display: flex;
  width: 5rem;
  min-width: 5rem;
  height: auto;
  aspect-ratio: 1;
  background-image: url("../images/icons/close-circle.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}
@media only screen and (max-width: 1200px) {
  .close-icon, header .header__search .search__popup .search__close {
    width: 3.8rem;
    min-width: 3.8rem;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

html {
  font-size: 62.5%;
}
@media only screen and (max-width: 1745.45px) {
  html {
    font-size: 56.8180339%;
  }
}
@media only screen and (max-width: 1536px) {
  html {
    font-size: 50%;
  }
}
@media only screen and (max-width: 1280px) {
  html {
    font-size: 41.6666667%;
  }
}
@media only screen and (max-width: 1200px) {
  html {
    font-size: 62.5%;
  }
}
@media only screen and (max-width: 327.27px) {
  html {
    font-size: 56.8177083%;
  }
}

body {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100vh;
}
body._overflow-hidden {
  overflow: hidden;
}

main {
  flex: 1;
  margin-bottom: auto;
}

a {
  text-decoration: underline;
  text-underline-offset: initial;
  color: #de5a25;
  transition: color 0.3s ease-in-out;
}
a:hover {
  color: #f05f25;
}

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

button,
input,
textarea,
select {
  appearance: none;
  outline: none;
  background: none;
  border: none;
}

ul,
ol {
  list-style-position: inside;
}

body:has(header._sticky._active) .product__gallery,
body:has(header._sticky._active) .checkout__summary,
body:has(header._sticky._active) .filter__tags,
body:has(header._sticky._active) .account__aside {
  top: 14.2rem;
}

body:has(.mobile__menu._open) {
  overflow: hidden;
}

.company-form {
  display: none;
}

body:has(#company-buyer:checked) .company-form {
  display: block;
}

input[name=email_confirm] {
  display: none;
}

em {
  font-style: normal;
}

b {
  font-weight: 500;
}

.button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: max-content;
  text-align: center;
  font-weight: 400;
  cursor: pointer;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.button:not(._primary, ._secondary, ._primary-border, ._secondary-border) {
  text-decoration: underline;
  text-underline-offset: initial;
  font-size: 1.6rem;
  font-weight: 500;
}
.button:not(._primary, ._secondary, ._primary-border, ._secondary-border):hover {
  color: #f05f25;
}
.button:where(._primary, ._secondary, ._primary-border, ._secondary-border) {
  text-decoration: none !important;
  border-width: 0.1rem;
  border-style: solid;
  padding: 1.2rem 2rem;
  border-radius: 0.6rem;
}
.button._primary {
  background-color: #de5a25;
  border-color: #de5a25;
  color: #fff;
}
.button._primary:hover {
  background-color: #f05f25;
  border-color: #f05f25;
  color: #fff;
}
.button._primary-border {
  background-color: transparent;
  border-color: #de5a25;
  color: #de5a25;
}
.button._primary-border:hover {
  background-color: #de5a25;
  border-color: #de5a25;
  color: #fff;
}
.button._secondary {
  background-color: #252525;
  border-color: #252525;
  color: #fff;
}
.button._secondary:hover {
  background-color: #de5a25;
  border-color: #de5a25;
  color: #fff;
}
.button._secondary-border {
  background-color: transparent;
  border-color: #252525;
  color: #252525;
}
.button._secondary-border:hover {
  background-color: #252525;
  border-color: #252525;
  color: #fff;
}
.button._max-w-24 {
  max-width: 24rem;
}
.button._max-w-27 {
  max-width: 27.2rem;
}
.button._max-w-30 {
  max-width: 30rem;
}
.button._max-w-38 {
  max-width: 38.9rem;
}
.button._max-w-41 {
  max-width: 41.6rem;
}
.button._max-w-45 {
  max-width: 45.6rem;
}
.button._max-w-81 {
  max-width: 81.2rem;
}
.button._max-w-full {
  max-width: 100%;
}
.button._h-1 {
  height: 4.2rem;
}
.button._h-2 {
  height: 4.6rem;
}
.button._h-3 {
  height: 5.2rem;
}
.button._h-4 {
  height: 6.4rem;
}
.button._px-1 {
  padding: 0 2rem;
}
.button._px-2 {
  padding: 0 2.5rem;
}
.button._px-3 {
  padding: 0 4.1rem;
}
.button._px-4 {
  padding: 0 6.1rem;
}
.button._px-5 {
  padding: 0 7.3rem;
}
.button._mt-22 {
  margin-top: 2.2rem;
}
.button._mt-40 {
  margin-top: 4rem;
}
.button._mx-auto {
  margin-inline: auto;
}
.button._text-13 {
  font-size: 1.3rem;
}
.button._text-14 {
  font-size: 1.4rem;
}
.button._text-15 {
  font-size: 1.5rem;
}
.button._text-16 {
  font-size: 1.6rem;
}
.button._text-500 {
  font-weight: 500;
}
.button._text-600 {
  font-weight: 600;
}
.button._text-700 {
  font-weight: 700;
}
.button._text-uppercase {
  text-transform: uppercase;
}

.checkbox {
  display: block;
  margin-top: 2rem;
  padding-left: 2.8rem;
  position: relative;
  cursor: pointer;
}
.checkbox .checkbox__input {
  display: none;
}
.checkbox .checkbox__box {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.2rem;
  width: 1.8rem;
  height: auto;
  aspect-ratio: 1;
  border-width: 0.1rem;
  border-style: solid;
  border-radius: 0.2rem;
  position: absolute;
  top: 0.1rem;
  left: 0;
  transition: background 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.checkbox .checkbox__text {
  transition: color 0.3s ease-in-out, font-weight 0.3s ease-in-out;
}
.checkbox:has(.checkbox__input:checked) .checkbox__box {
  background-image: url("../images/icons/check.svg");
}
.checkbox:has(.checkbox__input:disabled) .checkbox__box {
  cursor: not-allowed;
}
.checkbox .checkbox__box {
  border-color: #555;
  background-color: transparent;
}
.checkbox .checkbox__text {
  color: #333;
  font-size: 1.3rem;
  font-weight: 300;
}
.checkbox:has(.checkbox__input:checked) .checkbox__box {
  background-color: #de5a25;
  border-color: #de5a25;
}
.checkbox:has(.checkbox__input:checked) .checkbox__text {
  color: #de5a25;
  font-weight: 0;
}
.checkbox:has(.checkbox__input:disabled) .checkbox__box {
  background-color: transparent;
  border-color: #999999;
}
.checkbox:has(.checkbox__input:disabled) .checkbox__text {
  color: #777777;
}
.checkbox:has(.checkbox__input:disabled:checked) .checkbox__box {
  background-color: #999999;
}
.checkbox.v-form .checkbox__box {
  border-color: #222;
  background-color: #fff;
}
.checkbox.v-form .checkbox__text {
  color: #222;
  font-size: 1.3rem;
  font-weight: 400;
}
.checkbox.v-form:has(.checkbox__input:checked) .checkbox__box {
  background-color: #de5a25;
  border-color: #de5a25;
}
.checkbox.v-form:has(.checkbox__input:checked) .checkbox__text {
  color: #de5a25;
  font-weight: 500;
}
.checkbox.v-form:has(.checkbox__input:disabled) .checkbox__box {
  background-color: #fff;
  border-color: #999999;
}
.checkbox.v-form:has(.checkbox__input:disabled) .checkbox__text {
  color: #777777;
}
.checkbox.v-form:has(.checkbox__input:disabled:checked) .checkbox__box {
  background-color: #999999;
}
.checkbox.v-filter .checkbox__box {
  border-color: #8e8e8e;
  background-color: #fff;
}
.checkbox.v-filter .checkbox__text {
  color: #222;
  font-size: 1.4rem;
  font-weight: 400;
}
.checkbox.v-filter:has(.checkbox__input:checked) .checkbox__box {
  background-color: #de5a25;
  border-color: #de5a25;
}
.checkbox.v-filter:has(.checkbox__input:checked) .checkbox__text {
  color: #de5a25;
  font-weight: 0;
}
.checkbox.v-filter:has(.checkbox__input:disabled) .checkbox__box {
  background-color: #fff;
  border-color: #999999;
}
.checkbox.v-filter:has(.checkbox__input:disabled) .checkbox__text {
  color: #777777;
}
.checkbox.v-filter:has(.checkbox__input:disabled:checked) .checkbox__box {
  background-color: #999999;
}
.checkbox.v-white .checkbox__box {
  border-color: #fff;
  background-color: #fff;
}
.checkbox.v-white .checkbox__text {
  color: #fff;
  font-size: 1.3rem;
  font-weight: 300;
}
.checkbox.v-white:has(.checkbox__input:checked) .checkbox__box {
  background-color: #de5a25;
  border-color: #de5a25;
}
.checkbox.v-white:has(.checkbox__input:checked) .checkbox__text {
  color: #de5a25;
  font-weight: 0;
}
.checkbox.v-white:has(.checkbox__input:disabled) .checkbox__box {
  background-color: #fff;
  border-color: #999999;
}
.checkbox.v-white:has(.checkbox__input:disabled) .checkbox__text {
  color: #777777;
}
.checkbox.v-white:has(.checkbox__input:disabled:checked) .checkbox__box {
  background-color: #999999;
}
.checkbox._company {
  padding: 1.3rem 2rem 1.3rem 4rem;
  background: #f6f6f6;
  border-radius: 0.4rem;
  transition: background 0.3s ease-in-out;
}
.checkbox._company:has(input:checked) {
  background: #fef7f5;
}
.checkbox._company:has(input:checked) .checkbox__box {
  border-color: #de5a25;
}
.checkbox._company:has(input:checked) .checkbox__text {
  color: #de5a25;
  font-weight: 400;
}
.checkbox._company .checkbox__box {
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  border-color: #555;
}
.checkbox._company .checkbox__text {
  color: #000;
  font-size: 1.6rem;
  font-weight: 400;
}
@media only screen and (max-width: 1200px) {
  .checkbox._company .checkbox__text {
    font-size: 1.4rem;
  }
}
.checkbox._error .checkbox__box {
  border-color: #b3261e;
}
.checkbox._error .checkbox__text {
  color: #b3261e;
}

.input {
  margin-top: 2.8rem;
}
.input .input__label {
  display: flex;
  color: #555;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.1rem;
  margin-bottom: 0.6rem;
}
@media only screen and (max-width: 1200px) {
  .input .input__label {
    font-size: 1.3rem;
    line-height: 1.9rem;
    margin-bottom: 0.4rem;
  }
}
.input .input__label:has(.postal-code) {
  position: relative;
  padding-right: 40%;
}
.input .input__label:has(.postal-code) .postal-code {
  display: flex;
  align-items: center;
  color: #de5a25;
  font-size: 1.4rem;
  font-weight: 400;
  text-decoration: underline;
  position: absolute;
  top: 0;
  right: 0;
  transition: color 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .input .input__label:has(.postal-code) .postal-code {
    font-size: 1.3rem;
  }
}
.input .input__label:has(.postal-code) .postal-code:hover {
  color: #f05f25;
  text-decoration: none;
}
.input .input__label:has(.postal-code) .postal-code::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/search_15x15.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  margin-right: 0.7rem;
}
@media only screen and (max-width: 1200px) {
  .input .input__label:has(.postal-code) .postal-code::before {
    margin-right: 0.3rem;
  }
}
.input .input__label + .input__frame input::placeholder,
.input .input__label + .input__frame textarea::placeholder {
  color: #fff;
}
.input .input__frame {
  display: flex;
  gap: 2rem;
  align-items: center;
  height: 5.2rem;
  padding: 1.4rem;
  border-radius: 0.4rem;
  border-width: 0.1rem;
  border-style: solid;
  border-color: #cdcdcd;
  background: #fff;
}
.input .input__frame:has(textarea) {
  height: 17.5rem;
}
.input .input__frame:has(textarea) textarea {
  resize: none;
}
.input .input__frame input,
.input .input__frame textarea {
  color: #000;
  font-size: 1.6rem;
  font-weight: 300;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1200px) {
  .input .input__frame input,
  .input .input__frame textarea {
    font-size: 1.4rem;
  }
}
.input .input__frame input::placeholder,
.input .input__frame textarea::placeholder {
  color: #666;
}
.input .input__error {
  color: #b3261e;
  font-size: 1.3rem;
  font-weight: 300;
  display: none;
  margin-top: 0.2rem;
}
.input:has(.input__label) {
  margin-top: 2.8rem;
}
.input._required .input__label::after {
  content: "*";
  margin-left: 0.4rem;
}
.input._error .input__label {
  color: #b3261e;
}
.input._error .input__frame {
  border-color: #b3261e;
}
.input._error .input__frame::after {
  display: flex;
  content: "";
  background-image: url("../images/icons/error.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 2.4rem;
  min-width: 2.4rem;
  height: auto;
  aspect-ratio: 1;
}
.input._error .input__error {
  display: flex;
}
.input._email .input__frame::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/email_22x22.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 2.2rem;
  min-width: 2.2rem;
  height: auto;
  aspect-ratio: 1;
}
.input._password .input__frame::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/password.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 2.2rem;
  min-width: 2.2rem;
  height: auto;
  aspect-ratio: 1;
}
.input._password .input__frame input[type=password]:placeholder-shown + .input__show {
  opacity: 0;
}
.input._password .input__frame input[type=password]:not(:placeholder-shown) {
  font-size: 2rem;
  letter-spacing: 0.32rem;
}
.input._password .input__frame .input__show {
  display: flex;
  width: 2rem;
  min-width: 2rem;
  height: auto;
  aspect-ratio: 1;
  background-image: url("../images/icons/eye.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
  transition: opacity 0.3s ease-in-out;
}

.select {
  margin-top: 2rem;
  position: relative;
}
.select .select__label {
  display: flex;
  color: #555;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.1rem;
  margin-bottom: 0.6rem;
}
@media only screen and (max-width: 1200px) {
  .select .select__label {
    font-size: 1.3rem;
    line-height: 1.9rem;
    margin-bottom: 0.4rem;
  }
}
.select .select__frame {
  display: flex;
  gap: 1.2rem;
  align-items: center;
  color: #000;
  font-size: 1.6rem;
  font-weight: 300;
  height: 5.2rem;
  background-color: transparent;
  border-width: 0.1rem;
  border-style: solid;
  border-color: #cdcdcd;
  border-radius: 0.4rem;
  padding: 1.4rem 1.2rem 1.4rem 1.6rem;
  cursor: pointer;
  transition: border-radius 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .select .select__frame {
    font-size: 1.4rem;
  }
}
.select .select__frame::after {
  display: flex;
  content: "";
  background-image: url("../images/icons/chevron.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 1.4rem;
  min-width: 1.4rem;
  height: auto;
  aspect-ratio: 1;
  margin-left: auto;
  transform: rotate(0deg);
  transition: transform 0.3s ease-in-out;
}
.select .select__dropdown {
  display: flex;
  gap: 0.9rem;
  flex-direction: column;
  overflow-y: auto;
  padding: 0.7rem 0;
  max-height: 14.6rem;
  border-width: 0.1rem;
  border-style: solid;
  border-color: #cdcdcd;
  border-radius: 0 0 0.4rem 0.4rem;
  border-top: 0;
  background: #fff;
  position: absolute;
  top: 5.2rem;
  left: 0;
  right: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-1rem);
  transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
}
.select .select__dropdown::-webkit-scrollbar {
  width: 0.1rem;
  height: 0.1rem;
}
.select .select__dropdown::-webkit-scrollbar-track {
  width: 0.1rem;
  height: 0.1rem;
  background: transparent;
}
.select .select__dropdown::-webkit-scrollbar-thumb {
  width: 0.1rem;
  height: 0.1rem;
  background: #777777;
  border-radius: 0;
}
.select .select__dropdown .select__item {
  color: #000;
  font-size: 1.6rem;
  font-weight: 300;
  width: 100%;
  padding: 0.67rem 1.5rem;
  text-align: left;
  cursor: pointer;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.select .select__dropdown .select__item:hover {
  background-color: #f6f6f6;
}
.select .select__dropdown .select__item._active {
  color: #de5a25;
}
.select .select__dropdown:has(.search-input) {
  max-height: 19.8rem;
}
.select .select__dropdown:has(.search-input) .search-input {
  display: flex;
  gap: 2rem;
  position: sticky;
  background: #fff;
  top: 0;
  padding: 0.5rem 1.5rem 1.2rem;
}
.select .select__dropdown:has(.search-input) .search-input input {
  width: 100%;
  color: #555;
  font-size: 1.5rem;
  font-weight: 300;
}
@media only screen and (max-width: 1200px) {
  .select .select__dropdown:has(.search-input) .search-input input {
    font-size: 1.3rem;
  }
}
.select .select__dropdown:has(.search-input) .search-input button {
  width: 2.4rem;
  min-width: 2.4rem;
  height: auto;
  aspect-ratio: 1;
  cursor: pointer;
  transition: filter 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .select .select__dropdown:has(.search-input) .search-input button {
    width: 2.2rem;
    min-width: 2.2rem;
  }
}
.select .select__dropdown:has(.search-input) .search-input button:hover {
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
}
.select .select__dropdown:has(.search-input) .search-input::before {
  content: "";
  height: 1.2rem;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background: #fff;
  z-index: -1;
}
.select .select__dropdown:has(.search-input) .search-input::after {
  content: "";
  position: absolute;
  left: 1.5rem;
  right: 1.5rem;
  bottom: 0;
  height: 0.1rem;
  background: #cdcdcd;
}
.select select {
  display: none;
}
.select .select__error {
  color: #b3261e;
  font-size: 1.3rem;
  font-weight: 300;
  display: none;
  margin-top: 0.2rem;
}
.select:has(.select__label) .select__dropdown {
  top: 7.9rem;
}
@media only screen and (max-width: 1200px) {
  .select:has(.select__label) .select__dropdown {
    top: 7.5rem;
  }
}
.select._open .select__frame {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #fff;
}
.select._open .select__frame::after {
  transform: rotate(180deg);
}
.select._open .select__dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.select._required .select__label::after {
  content: "*";
  margin-left: 0.4rem;
}
.select._error .select__label {
  color: #b3261e;
}
.select._error .select__frame {
  border-color: #b3261e;
}
.select._error .select__frame::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/error.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 2.4rem;
  min-width: 2.4rem;
  height: auto;
  aspect-ratio: 1;
  order: 3;
}
.select._error .select__frame::after {
  order: 1;
}
.select._error .select__error {
  display: flex;
}
.select._v-sort .select__label {
  color: #555;
}
.select._v-sort:has(.select__label) .select__dropdown {
  top: 6.9rem;
}
@media only screen and (max-width: 1200px) {
  .select._v-sort:has(.select__label) .select__dropdown {
    top: 6.5rem;
  }
}
.select._v-sort .select__frame {
  display: flex;
  gap: 1rem;
  align-items: center;
  color: #555;
  font-size: 1.4rem;
  font-weight: 300;
  height: 4.2rem;
  background-color: transparent;
  padding: 1.4rem 1rem 1.4rem 1.4rem;
}
.select._v-sort .select__dropdown {
  display: flex;
  gap: 0.8rem;
  padding: 0.6rem 0;
  top: 4.2rem;
  max-height: 20.2rem;
}
.select._v-sort .select__dropdown .select__item {
  color: #000;
  font-size: 1.4rem;
  font-weight: 300;
  padding: 0.45rem 1.3rem;
}
.select._v-sort .select__dropdown .select__item:hover {
  background-color: #f6f6f6;
}
.select._v-sort .select__dropdown .select__item._active {
  color: #de5a25;
}

header {
  background: #fff;
  position: relative;
  z-index: 3;
  padding-top: 2rem;
  transition: top 0.3s ease-in-out, filter 0.3s ease-in-out, background 0.3s ease-in-out;
}
header .header__infobar {
  display: flex;
  gap: 3rem;
  justify-content: space-between;
  align-items: center;
  grid-area: infobar;
}
@media only screen and (max-width: 1200px) {
  header .header__infobar {
    display: flex;
    gap: 4.5rem;
    justify-content: flex-end;
  }
  header .header__infobar .header__burger {
    background-image: url("../images/icons/burger_24x24.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 2.4rem;
    min-width: 2.4rem;
    height: auto;
    aspect-ratio: 1;
    cursor: pointer;
    transition: filter 0.3s ease-in-out;
  }
  header .header__infobar .header__burger:hover {
    filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
  }
}
@media only screen and (max-width: 360px) {
  header .header__infobar {
    display: flex;
    gap: 2.5rem;
  }
}
header .header__contacts {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1200px) {
  header .header__contacts {
    display: none !important;
  }
}
header .header__contacts .header__contacts-title {
  font-family: "Titillium Web", sans-serif;
  color: #555;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.9rem;
  transition: color 0.3s ease-in-out;
}
header .header__contacts .header__contacts-title a {
  color: #de5a25;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.16rem;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
header .header__contacts .header__contacts-subtitle {
  display: flex;
  gap: 1.3rem;
  font-family: "Titillium Web", sans-serif;
  color: rgba(85, 85, 85, 0.7);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.9rem;
  transition: color 0.3s ease-in-out;
}
header .header__pages {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1200px) {
  header .header__pages {
    display: none;
  }
}
header .header__pages li {
  display: flex;
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  list-style: none;
  min-width: max-content;
}
header .header__pages li:not(:first-child) {
  margin-left: 2rem;
  padding-left: 2rem;
  border-left: 0.1rem solid #c9c9c9;
  transition: border-color 0.3s ease-in-out;
}
header .header__pages li a {
  font-family: "Titillium Web", sans-serif;
  color: #555;
  font-size: 1.4rem;
  font-weight: 400;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
header .header__pages li a:hover {
  color: #f05f25;
  text-decoration: underline;
}
header .header__actions {
  display: flex;
  gap: 2.2rem;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1200px) {
  header .header__actions {
    display: flex;
    gap: 1.6rem;
  }
}
@media only screen and (max-width: 360px) {
  header .header__actions {
    display: flex;
    gap: 1rem;
  }
}
header .header__actions .header__search-icon,
header .header__actions .header__account-icon,
header .header__actions .header__cart-icon {
  cursor: pointer;
  background-color: transparent;
  border-radius: 50%;
  transition: filter 0.3s ease-in-out;
}
header .header__actions .header__search-icon:hover,
header .header__actions .header__account-icon:hover,
header .header__actions .header__cart-icon:hover {
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
}
header .header__search .search__popup {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  height: 100svh;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.25);
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
header .header__search .search__popup._open {
  opacity: 1;
  visibility: visible;
}
header .header__search .search__popup._open .search__frame {
  transform: translateY(0);
}
header .header__search .search__popup .search__frame {
  min-height: 14.4rem;
  display: flex;
  position: relative;
  padding: 5rem 0 7.4rem;
  background: #fff;
  transform: translateY(-6rem);
  transition: transform 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  header .header__search .search__popup .search__frame {
    min-height: 9.3rem;
    padding: 2.4rem 0;
    transform: translateY(-3rem);
  }
}
header .header__search .search__popup .search__frame .wrap {
  display: flex;
}
header .header__search .search__popup .search__form {
  width: 100%;
  max-width: 94rem;
  display: flex;
  flex-direction: column;
  margin: auto;
}
header .header__search .search__popup .search__form._open .search__dropdown {
  display: flex;
}
header .header__search .search__popup .search__button {
  width: 2.8rem;
  min-width: 2.8rem;
  height: auto;
  aspect-ratio: 1;
  cursor: pointer;
  transition: filter 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  header .header__search .search__popup .search__button {
    width: 2.4rem;
    min-width: 2.4rem;
  }
}
header .header__search .search__popup .search__button:hover {
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
}
header .header__search .search__popup .search__input {
  display: flex;
  gap: 2rem;
  align-items: center;
  padding-bottom: 1.5rem;
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 1200px) {
  header .header__search .search__popup .search__input {
    width: 100%;
    max-width: calc(100% - 3.8rem);
    display: flex;
    gap: 1rem;
    padding-bottom: 1.2rem;
    margin-right: 3.8rem;
  }
}
header .header__search .search__popup .search__input input {
  width: 100%;
  color: #555;
  font-size: 1.8rem;
  font-weight: 300;
}
@media only screen and (max-width: 1200px) {
  header .header__search .search__popup .search__input input {
    font-size: 1.4rem;
  }
}
header .header__search .search__popup .search__close {
  position: absolute;
  top: 4.7rem;
  right: 4rem;
}
@media only screen and (max-width: 1200px) {
  header .header__search .search__popup .search__close {
    top: 2.4rem;
    right: 1.6rem;
  }
}
header .search__dropdown {
  display: none;
  padding: 3rem 0 0;
}
@media only screen and (max-width: 1200px) {
  header .search__dropdown {
    display: none !important;
  }
}
header .search__dropdown .search__category {
  list-style: none;
  padding: 0;
  width: 100%;
}
header .search__dropdown .search__category:not(:only-child) {
  width: 51.82%;
  border-right: 0.1rem solid #e0e0e0;
}
header .search__dropdown .search__category li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  display: flex;
}
header .search__dropdown .search__category li:not(:first-child) {
  margin-top: 1.5rem;
}
header .search__dropdown .search__category li a {
  color: #252525;
  font-size: 1.4rem;
  font-weight: 300;
  width: 100%;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
header .search__dropdown .search__category li a:hover {
  color: #de5a25;
}
header .search__dropdown .search__category li a strong {
  font-weight: 500;
}
header .search__dropdown .search__products {
  width: 100%;
}
header .search__dropdown .search__products:not(:only-child) {
  width: 48.18%;
}
header .search__dropdown .search__products .search__list .search__product {
  display: flex;
  gap: 2rem;
  align-items: center;
  padding: 0.7rem 0 0.7rem 3rem;
}
header .search__dropdown .search__products .search__list .search__product:first-child {
  padding-top: 0;
}
header .search__dropdown .search__products .search__list .search__product:last-child {
  padding-bottom: 0;
}
header .search__dropdown .search__products .search__list .search__product .search__product-photo {
  width: 5.2rem;
  min-width: 5.2rem;
  height: auto;
  aspect-ratio: 1;
}
header .search__dropdown .search__products .search__list .search__product .search__product-photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
header .search__dropdown .search__products .search__list .search__product .search__product-info {
  display: flex;
  gap: 0.3rem;
  flex-direction: column;
}
header .search__dropdown .search__products .search__list .search__product .search__product-info .search__product-title {
  color: #000;
  font-size: 1.3rem;
  font-weight: 300;
  text-decoration: none;
}
header .search__dropdown .search__products .search__list .search__product .search__product-info .search__product-title:hover {
  color: #de5a25;
}
header .search__dropdown .search__products .search__list .search__product .search__product-info .search__product-price {
  color: #000;
  font-size: 1.3rem;
  font-weight: 500;
}
header .search__dropdown .search__products .search__more {
  display: flex;
  align-items: center;
  color: #de5a25;
  font-size: 1.3rem;
  font-weight: 3§00;
  text-align: left;
  border-top: 0.1rem solid rgba(0, 0, 0, 0.2);
  padding: 2rem 0 0;
  margin: 1.9rem 0 0 3rem;
  width: calc(100% - 3rem);
}
header .header__account {
  position: relative;
  z-index: 1;
}
header .header__account._user::after {
  display: flex;
  content: "";
  background-image: url("../images/icons/approved.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 1.8rem;
  min-width: 1.8rem;
  height: auto;
  aspect-ratio: 1;
  position: absolute;
  top: 0.1rem;
  right: -0.7rem;
}
@media only screen and (max-width: 1200px) {
  header .header__account._user::after {
    display: flex;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 1.4rem;
    min-width: 1.4rem;
    height: 1.4rem;
    right: -0.5rem;
  }
}
header .header__account:not(._user) .account__popup {
  opacity: 0;
  visibility: hidden;
}
header .header__account::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
  background: #fcefea;
  transition: opacity 0.3s ease-in-out;
}
header .header__account:hover::before {
  opacity: 1;
}
header .header__account:hover .header__account-icon {
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
}
header .header__account:hover .account__popup {
  opacity: 1;
  visibility: visible;
}
header .header__account .account__popup {
  width: 28.7rem;
  position: absolute;
  z-index: 3;
  top: calc(100% + 1.2rem);
  left: 50%;
  transform: translateX(-50%);
  border-radius: 1.2rem;
  background: #fff;
  filter: drop-shadow(0 0.4rem 1.2rem rgba(0, 0, 0, 0.25));
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
@media only screen and (max-width: 1200px) {
  header .header__account .account__popup {
    width: 24rem;
  }
}
@media only screen and (max-width: 360px) {
  header .header__account .account__popup {
    width: 23rem;
  }
}
header .header__account .account__popup::after {
  content: "";
  width: 100%;
  height: 1.2rem;
  position: absolute;
  top: -1.2rem;
}
header .header__account .account__popup::before {
  background-image: url("../images/icons/polygon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1.25;
  content: "";
  position: absolute;
  top: -1rem;
  left: 50%;
  transform: translateX(-50%);
}
header .header__account .account__popup .account__popup-name {
  display: flex;
  gap: 2rem;
  align-items: center;
  color: #252525;
  font-size: 1.6rem;
  font-weight: 300;
  padding: 2rem 2.5rem;
  border-bottom: 0.1rem solid #e6e6e6;
}
@media only screen and (max-width: 1200px) {
  header .header__account .account__popup .account__popup-name {
    display: flex;
    gap: 1rem;
    font-size: 1.4rem;
    font-weight: 300;
    padding: 1.6rem 2rem;
  }
}
header .header__account .account__popup .account__popup-name::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/account-circle.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 3.7rem;
  min-width: 3.7rem;
  height: auto;
  aspect-ratio: 1;
}
@media only screen and (max-width: 1200px) {
  header .header__account .account__popup .account__popup-name::before {
    display: flex;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 2.7rem;
    min-width: 2.7rem;
    height: 2.7rem;
  }
}
header .header__account .account__popup .account__popup-name span span {
  color: #de5a25;
}
header .header__account .account__popup ul {
  list-style: none;
  padding: 1.6rem 0;
}
@media only screen and (max-width: 1200px) {
  header .header__account .account__popup ul {
    padding: 1.2rem 0;
  }
}
header .header__account .account__popup ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
}
header .header__account .account__popup ul li a {
  display: flex;
  gap: 1rem;
  align-items: center;
  color: #252525;
  font-size: 1.6rem;
  font-weight: 300;
  padding: 1.4rem 2rem;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  header .header__account .account__popup ul li a {
    display: flex;
    gap: 0.8rem;
    font-size: 1.3rem;
    font-weight: 300;
    padding: 1.2rem 1.6rem;
  }
}
header .header__account .account__popup ul li a:hover {
  color: #de5a25;
}
header .header__account .account__popup ul li a:hover::before {
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
}
header .header__account .account__popup ul li a::before {
  display: flex;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 2.2rem;
  min-width: 2.2rem;
  height: auto;
  aspect-ratio: 1;
  transition: filter 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  header .header__account .account__popup ul li a::before {
    display: flex;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 1.8rem;
    min-width: 1.8rem;
    height: 1.8rem;
  }
}
header .header__account .account__popup ul li.account__popup-info a::before {
  background-image: url("../images/icons/account-info.svg");
}
header .header__account .account__popup ul li.account__popup-address a::before {
  background-image: url("../images/icons/account-addresses.svg");
}
header .header__account .account__popup ul li.account__popup-orders a::before {
  background-image: url("../images/icons/account-orders.svg");
}
header .header__account .account__popup ul li.account__popup-logout a::before {
  background-image: url("../images/icons/account-logout.svg");
}
header .header__cart {
  position: relative;
}
header .header__cart::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
  background: #fcefea;
  transition: opacity 0.3s ease-in-out;
}
header .header__cart:hover::before {
  opacity: 1;
}
header .header__cart:hover .header__cart-icon {
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
}
header .header__cart:hover .cart__popup {
  opacity: 1;
  visibility: visible;
}
header .header__cart .cart__popup {
  display: flex;
  flex-direction: column;
  min-height: 16.1rem;
  position: absolute;
  z-index: 3;
  top: calc(100% + 1.2rem);
  right: -0.5rem;
  width: 38.7rem;
  border-radius: 1.2rem;
  background: #fff;
  filter: drop-shadow(0 0.4rem 1.2rem rgba(0, 0, 0, 0.25));
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
@media only screen and (max-width: 1200px) {
  header .header__cart .cart__popup {
    right: -6.9rem;
  }
}
@media only screen and (max-width: 500px) {
  header .header__cart .cart__popup {
    width: 90.01vw;
  }
}
@media only screen and (max-width: 360px) {
  header .header__cart .cart__popup {
    right: -4.9rem;
  }
}
header .header__cart .cart__popup::after {
  content: "";
  width: 100%;
  height: 1.2rem;
  position: absolute;
  top: -1.2rem;
}
header .header__cart .cart__popup::before {
  background-image: url("../images/icons/polygon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1.25;
  content: "";
  position: absolute;
  top: -1rem;
  right: 2rem;
}
@media only screen and (max-width: 1200px) {
  header .header__cart .cart__popup::before {
    right: 7.9rem;
  }
}
@media only screen and (max-width: 360px) {
  header .header__cart .cart__popup::before {
    right: 5.9rem;
  }
}
header .header__cart .cart__popup .cart__popup-empty {
  color: #000;
  font-size: 1.4rem;
  font-weight: 300;
  text-transform: capitalize;
  margin: auto;
}
header .header__cart .cart__popup .cart__popup-empty:not(:only-child) {
  display: none;
}
header .header__cart .cart__popup .product {
  margin: auto 0;
}
header .header__cart .cart__popup .product + .product {
  border-top: 0.1rem solid #e6e6e6;
}
header .header__cart .cart__popup .button {
  margin: 0 3rem 3rem;
  max-width: calc(100% - 6rem);
}
@media only screen and (max-width: 1200px) {
  header .header__cart .cart__popup .button {
    margin: 0 2rem 2rem;
    max-width: calc(100% - 4rem);
  }
}
header .header__languages {
  margin-left: 1rem;
  width: 4rem;
  height: 2.25rem;
  position: relative;
  padding-right: 2.2rem;
}
@media only screen and (max-width: 1200px) {
  header .header__languages {
    display: none;
  }
}
header .header__languages:hover ul {
  overflow: unset;
}
header .header__languages:hover ul::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -1.4rem;
  left: -1.6rem;
  right: -4.3rem;
  bottom: -1.4rem;
  background: #fff;
  border-radius: 1.2rem;
  box-shadow: 0 0.4rem 1.2rem 0 rgba(0, 0, 0, 0.25);
}
header .header__languages:hover::after {
  transform: translateY(-50%) rotate(180deg);
}
header .header__languages:hover ul {
  height: unset;
}
header .header__languages::after {
  display: flex;
  content: "";
  background-image: url("../images/icons/chevron_18x18.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 1.8rem;
  min-width: 1.8rem;
  height: auto;
  aspect-ratio: 1;
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(0deg);
  transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out;
}
header .header__languages ul {
  list-style: none;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  overflow: hidden;
}
header .header__languages ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
}
header .header__languages ul li a {
  font-family: "Titillium Web", sans-serif;
  color: #222;
  font-size: 1.5rem;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
header .header__languages ul li a:hover {
  color: #de5a25;
  text-decoration: underline;
}
header .header__languages ul li:not(:first-child) {
  margin-top: 0.5rem;
}
header .header__navbar {
  grid-area: navbar;
}
@media only screen and (max-width: 1200px) {
  header .header__navbar {
    display: none;
  }
}
header .header__navbar > ul {
  display: flex;
  gap: 3rem;
  justify-content: space-between;
  align-items: center;
}
header .header__navbar ul {
  list-style: none;
}
header .header__navbar ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
}
header .header__navbar .nav-link {
  display: flex;
  align-items: center;
  height: 8rem;
  max-height: 8rem;
}
header .header__navbar .nav-link > a {
  display: flex;
  font-family: "Titillium Web", sans-serif;
  color: #252525;
  font-size: 1.4rem;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
}
header .header__navbar .nav-link > a:hover {
  color: #de5a25;
}
@media only screen and (min-width: 1201px) {
  header .header__navbar .nav-link > a {
    background-image: none !important;
  }
}
header .header__navbar .nav-link:hover > a:not(:only-child) > a {
  color: #de5a25;
}
header .header__navbar .nav-link:hover .megamenu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s ease-in-out;
}
header .header__navbar .nav-link._all-products > a {
  display: flex;
  gap: 1rem;
  font-weight: 700;
  border-radius: 0.6rem;
  background: #f6f6f6;
  padding: 0.6rem 1.4rem;
}
header .header__navbar .nav-link._all-products > a:hover {
  background: #fcefea;
}
header .header__navbar .nav-link._all-products > a:hover::before {
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
}
header .header__navbar .nav-link._all-products > a::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/burger.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  aspect-ratio: 1;
  transition: filter 0.3s ease-in-out;
}
header .header__navbar .nav-link._all-products:hover > a:not(:only-child) {
  background: #fcefea;
  color: #de5a25;
}
header .header__navbar .nav-link._all-products:hover > a:not(:only-child)::before {
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
}
header .header__navbar .nav-link._sale > a {
  color: #de5a25;
  font-weight: 700;
}
header .megamenu {
  background: #fff;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1;
  border-top: 0.1rem solid #e6e6e6;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-1rem);
  transition: opacity 0.1s ease-in-out, visibility 0.1s ease-in-out, transform 0.1s ease-in-out;
}
header .megamenu .wrap {
  display: grid;
  grid-gap: 4.7rem;
  grid-template-columns: 2fr 1fr;
}
header .megamenu .megamenu__photos {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  align-items: flex-end;
  grid-area: photos;
}
header .megamenu .megamenu__photos .megamenu__photos-item {
  width: 43rem;
  max-width: 100%;
  height: auto;
  aspect-ratio: 2.7564102564;
}
header .megamenu:not(.v-2) {
  padding: 3rem 0 5rem;
}
header .megamenu:not(.v-2) .wrap {
  grid-template-areas: "menu photos" "brands photos";
}
header .megamenu:not(.v-2) .menu-1 {
  grid-area: menu;
  gap: 3rem;
  column-count: 3;
}
header .megamenu:not(.v-2) .menu-1 .menu-1__item {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid-column;
  margin-bottom: 1.5rem;
}
header .megamenu:not(.v-2) .menu-1 .menu-1__item .menu-1__link {
  color: #252525;
  font-size: 1.6rem;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
header .megamenu:not(.v-2) .menu-1 .menu-1__item .menu-1__link:hover {
  color: #de5a25;
}
header .megamenu:not(.v-2) .menu-2 {
  margin-top: 1rem;
}
header .megamenu:not(.v-2) .menu-2 .menu-2__item .menu-2__link {
  color: #000;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 3.6rem;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
header .megamenu:not(.v-2) .menu-2 .menu-2__item .menu-2__link:hover {
  color: #de5a25;
}
header .megamenu:not(.v-2) .megamenu__brands {
  display: flex;
  gap: 1rem;
  align-items: center;
  grid-area: brands;
}
header .megamenu:not(.v-2) .megamenu__brands .megamenu__brands-item {
  width: 10rem;
  height: auto;
  aspect-ratio: 1.8518518519;
}
header .megamenu:not(.v-2) .megamenu__brands .button {
  margin-left: 2rem;
}
header .megamenu.v-2 .wrap {
  grid-template-areas: "menu photos";
}
header .megamenu.v-2 .menu-1 {
  grid-area: menu;
  background: #fff;
  position: relative;
  z-index: 1;
  padding: 1.5rem 0 4rem;
}
header .megamenu.v-2 .menu-1::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 76.48%;
  width: 200vw;
  height: 100%;
  background: #f6f6f6;
}
header .megamenu.v-2 .menu-1 .menu-1__item {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid-column;
  width: 23.52%;
  background: #f6f6f6;
  height: 4rem;
}
header .megamenu.v-2 .menu-1 .menu-1__item:hover .menu-1__link {
  font-weight: 400;
  color: #de5a25;
}
header .megamenu.v-2 .menu-1 .menu-1__item:hover .menu-1__link::after {
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
}
header .megamenu.v-2 .menu-1 .menu-1__item:hover .menu-1__link::before {
  width: 50vw;
}
header .megamenu.v-2 .menu-1 .menu-1__item:hover .menu-2 {
  opacity: 1;
  visibility: visible;
}
header .megamenu.v-2 .menu-1 .menu-1__item .menu-1__link {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  color: #252525;
  font-size: 1.6rem;
  font-weight: 300;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
header .megamenu.v-2 .menu-1 .menu-1__item .menu-1__link:hover {
  color: #de5a25;
}
header .megamenu.v-2 .menu-1 .menu-1__item .menu-1__link::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -0.25rem;
  right: 0;
  width: 0;
  height: calc(100% + 0.5rem);
  background: #fff;
  transition: width 0.3s ease-in-out;
}
header .megamenu.v-2 .menu-1 .menu-1__item:has(.menu-2) .menu-1__link::after {
  display: flex;
  content: "";
  background-image: url("../images/icons/chevron_16x16.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 1.6rem;
  min-width: 1.6rem;
  height: auto;
  aspect-ratio: 1;
  transition: filter 0.3s ease-in-out;
}
header .megamenu.v-2 .menu-2 {
  position: absolute;
  top: 0;
  left: 23.52%;
  width: 76.48%;
  height: 100%;
  overflow-y: auto;
  background: #fff;
  gap: 3rem;
  column-count: 2;
  padding: 3rem 0 3rem 5rem;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.1s ease-in-out, visibility 0.1s ease-in-out;
}
header .megamenu.v-2 .menu-2 .menu-2__item {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid-column;
  margin-bottom: 1.5rem;
}
header .megamenu.v-2 .menu-2 .menu-2__item .menu-2__link {
  color: #252525;
  font-size: 1.6rem;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
header .megamenu.v-2 .menu-2 .menu-2__item .menu-2__link:hover {
  color: #de5a25;
}
header .megamenu.v-2 .menu-3 {
  margin-top: 1rem;
}
header .megamenu.v-2 .menu-3 .menu-3__item .menu-3__link {
  color: #252525;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 3.6rem;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
header .megamenu.v-2 .menu-3 .menu-3__item .menu-3__link:hover {
  color: #de5a25;
}
header .megamenu.v-2 .megamenu__photos {
  padding: 3rem 0;
}
header .megamenu.v-2:not(:has(.megamenu__photos)) .wrap {
  grid-template-areas: "menu menu";
}
header .megamenu.v-2:not(:has(.megamenu__photos)) .menu-2 {
  column-count: 4;
}
header._v-transparent {
  background: transparent;
  margin-bottom: -14.2rem;
}
@media only screen and (max-width: 1200px) {
  header._v-transparent {
    margin-bottom: -9.6rem;
  }
}
header._v-transparent:hover, header._v-transparent._sticky._active {
  background: #fff;
}
header._v-transparent:not(:hover):not(._sticky._active) .header__logo {
  background-image: url("../images/logo_white.svg");
}
header._v-transparent:not(:hover):not(._sticky._active) .header__contacts {
  display: flex;
  flex-direction: column;
}
header._v-transparent:not(:hover):not(._sticky._active) .header__contacts .header__contacts-title {
  color: rgba(255, 255, 255, 0.7);
}
header._v-transparent:not(:hover):not(._sticky._active) .header__contacts .header__contacts-title a {
  color: #fff;
}
header._v-transparent:not(:hover):not(._sticky._active) .header__contacts .header__contacts-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
header._v-transparent:not(:hover):not(._sticky._active) .header__pages li:not(:first-child) {
  border-color: rgba(255, 255, 255, 0.4);
}
header._v-transparent:not(:hover):not(._sticky._active) .header__pages li a {
  color: rgba(255, 255, 255, 0.8);
}
header._v-transparent:not(:hover):not(._sticky._active) .header__actions .header__search-icon,
header._v-transparent:not(:hover):not(._sticky._active) .header__actions .header__account-icon,
header._v-transparent:not(:hover):not(._sticky._active) .header__actions .header__cart-icon {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(17%) hue-rotate(343deg) brightness(104%) contrast(100%);
}
header._v-transparent:not(:hover):not(._sticky._active) .header__languages::after {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(17%) hue-rotate(343deg) brightness(104%) contrast(100%);
}
header._v-transparent:not(:hover):not(._sticky._active) .header__languages ul li a {
  color: #fff;
}
header._v-transparent:not(:hover):not(._sticky._active) .header__burger {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(17%) hue-rotate(343deg) brightness(104%) contrast(100%);
}
header._v-transparent:not(:hover):not(._sticky._active) .header__navbar .nav-link > a {
  color: #fff;
}
header._v-transparent:not(:hover):not(._sticky._active) .header__navbar .nav-link._all-products > a {
  background: rgba(255, 255, 255, 0.2);
}
header._v-transparent:not(:hover):not(._sticky._active) .header__navbar .nav-link._all-products > a::before {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(17%) hue-rotate(343deg) brightness(104%) contrast(100%);
}
header._v-transparent:not(:hover):not(._sticky._active) .header__navbar .nav-link._sale > a {
  color: #de5a25;
}
header._checkout {
  padding-bottom: 2.3rem;
}
@media only screen and (max-width: 1200px) {
  header._checkout {
    padding-bottom: 2rem;
  }
}
header._checkout > .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1200px) {
  header._checkout > .wrap {
    display: grid;
    align-items: flex-end;
  }
}
header._checkout .header__infobar {
  width: 54.86%;
  margin-left: auto;
}
@media only screen and (max-width: 1200px) {
  header._checkout .header__infobar {
    width: 100%;
    margin-left: 0;
  }
}
@media only screen and (max-width: 1200px) {
  header._checkout .button {
    width: 100%;
    max-width: 21rem;
    height: 4.2rem;
    padding: 0 1rem;
    font-size: 1.2rem;
    margin: auto 0 0 0;
  }
}
header._checkout .button:hover::before {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(17%) hue-rotate(343deg) brightness(104%) contrast(100%);
}
header._checkout .button::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/arrow-left_33x10.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 3.3rem;
  min-width: 3.3rem;
  height: auto;
  aspect-ratio: 3.3;
  margin-right: 1.6rem;
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
  transition: filter 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  header._checkout .button::before {
    width: 2.4rem;
    min-width: 2.4rem;
    margin-right: 1rem;
  }
}
header._checkout .header__account .account__popup {
  left: unset;
  right: -6.6rem;
  transform: unset;
}
header._checkout .header__account .account__popup::before {
  left: unset;
  right: 7.7rem;
  transform: unset;
}
@media only screen and (max-width: 1200px) {
  header._checkout .header__actions {
    display: none;
  }
}
@media only screen and (max-width: 1200px) {
  header {
    padding-bottom: 2rem;
  }
}
header._sticky {
  position: sticky;
  top: -14.2rem;
}
header._sticky._active {
  top: 0;
  filter: drop-shadow(0 0.3rem 0.6rem rgba(0, 0, 0, 0.2));
}
@media only screen and (min-width: 1201px) {
  header._megamenu-open {
    filter: drop-shadow(0 0.3rem 0.8rem rgba(0, 0, 0, 0.15));
  }
}
header > .wrap {
  display: grid;
  grid-gap: 0 8.3rem;
  grid-template-columns: 12.1rem 1fr;
  grid-template-areas: "logo infobar" "logo navbar";
}
@media only screen and (max-width: 1200px) {
  header > .wrap {
    display: grid;
    grid-gap: 0 3rem;
    grid-template-columns: 7.3rem 1fr;
    grid-template-areas: "logo infobar";
  }
}
header .header__logo {
  background-image: url("../images/logo.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 12.1rem;
  min-width: 12.1rem;
  height: auto;
  aspect-ratio: 1.3152173913;
  grid-area: logo;
  transition: background 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  header .header__logo {
    width: 7.3rem;
    min-width: 7.3rem;
    height: auto;
    aspect-ratio: 1.3035714286;
  }
}

@media only screen and (max-width: 1200px) {
  .mobile__menu {
    position: fixed;
    z-index: 10;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  }
  .mobile__menu .header__navbar {
    background: #fff;
    padding: 0 0 5.6rem;
  }
  .mobile__menu .header__navbar > ul {
    display: flex;
    gap: 2rem;
    flex-direction: column;
  }
  .mobile__menu .header__navbar ul {
    list-style: none;
  }
  .mobile__menu .header__navbar ul li {
    font-family: inherit;
    color: inherit;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: normal;
  }
  .mobile__menu .header__navbar .nav-link {
    display: flex;
    flex-direction: column;
    padding: 0 1.6rem;
    position: relative;
  }
  .mobile__menu .header__navbar .nav-link > a {
    min-height: 5.4rem;
    display: flex;
    align-items: center;
    font-family: "Titillium Web", sans-serif;
    color: #252525;
    font-size: 1.6rem;
    font-weight: 400;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 5.4rem;
    padding: 0 4.4rem 0 7.4rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
  }
  .mobile__menu .header__navbar .nav-link > a:hover {
    color: #de5a25;
  }
  .mobile__menu .header__navbar .nav-link .nav-link__dropdown {
    min-width: 3.4rem;
    height: 3.4rem;
    background-image: url("../images/icons/arrow-right-circle.svg");
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 3.4rem;
    position: absolute;
    top: 1rem;
    right: 1.6rem;
    cursor: pointer;
    font-size: 0;
  }
  .mobile__menu .header__navbar .nav-link._all-products > a {
    color: #de5a25;
    font-weight: 700;
  }
  .mobile__menu .header__navbar .nav-link._all-products:not(._open) .nav-link__dropdown {
    background-image: url("../images/icons/arrow-right-circle__active.svg");
  }
  .mobile__menu .header__navbar .nav-link._sale > a {
    color: #de5a25;
  }
  .mobile__menu .header__navbar .nav-link._open {
    margin-top: 0;
  }
  .mobile__menu .header__navbar .nav-link._open > a {
    display: none;
  }
  .mobile__menu .header__navbar .nav-link._open .megamenu {
    display: block;
  }
  .mobile__menu .header__navbar .nav-link._open .nav-link__dropdown {
    font-family: "Titillium Web", sans-serif;
    color: #252525;
    font-size: 1.4rem;
    font-weight: 600;
    background-image: url("../images/icons/arrow-right-circle__back.svg");
    top: -4.4rem;
    left: 1.6rem;
    right: unset;
    padding-left: 4.8rem;
  }
  .mobile__menu .header__navbar .nav-link._open:has(.menu-1__item._open) .nav-link__dropdown {
    opacity: 0;
    visibility: hidden;
  }
  .mobile__menu .header__navbar:has(.nav-link._open) .nav-link:not(._open) {
    display: none;
  }
  .mobile__menu .megamenu {
    display: none;
    padding: 2rem 0 0;
  }
  .mobile__menu .megamenu .wrap {
    padding: 0;
  }
  .mobile__menu .megamenu .megamenu__photos {
    display: flex;
    gap: 1rem;
    flex-direction: column;
    margin: 5rem 0 0 0;
  }
  .mobile__menu .megamenu .megamenu__photos .megamenu__photos-item {
    width: 32.6rem;
    max-width: 100%;
    height: auto;
    aspect-ratio: 2.7627118644;
  }
  .mobile__menu .megamenu .menu-1 .menu-1__item {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
    position: relative;
  }
  .mobile__menu .megamenu .menu-1 .menu-1__item:not(:first-child) {
    margin-top: 3rem;
  }
  .mobile__menu .megamenu .menu-1 .menu-1__item .menu-1__link {
    min-height: 2rem;
    display: flex;
    align-items: center;
    color: #252525;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2rem;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
    padding-right: 3.6rem;
  }
  .mobile__menu .megamenu .menu-1 .menu-1__item .menu-1__link:hover {
    color: #de5a25;
  }
  .mobile__menu .megamenu .menu-1 .menu-1__item .menu-1__dropdown {
    min-width: 5.2rem;
    height: 5rem;
    background-image: url("../images/icons/chevron-right_20x20.svg");
    background-repeat: no-repeat;
    background-position: center left 1rem;
    background-size: 2rem;
    position: absolute;
    top: -1.5rem;
    right: -1.6rem;
    cursor: pointer;
    font-size: 0;
  }
  .mobile__menu .megamenu .menu-1 .menu-1__item._open {
    margin-top: 0;
  }
  .mobile__menu .megamenu .menu-1 .menu-1__item._open > a {
    display: none;
  }
  .mobile__menu .megamenu .menu-1 .menu-1__item._open .menu-2 {
    display: block;
  }
  .mobile__menu .megamenu .menu-1 .menu-1__item._open .menu-1__dropdown {
    height: 3.4rem;
    font-family: "Titillium Web", sans-serif;
    color: #252525;
    font-size: 1.4rem;
    font-weight: 600;
    background-color: #fff;
    background-image: url("../images/icons/arrow-right-circle__back.svg");
    background-position: center left;
    background-size: 3.4rem;
    top: -6.4rem;
    left: 0;
    right: unset;
    padding-left: 4.8rem;
  }
  .mobile__menu .megamenu .menu-1 .menu-1__item._open:has(.menu-2__item._open) .menu-1__dropdown {
    opacity: 0;
    visibility: hidden;
  }
  .mobile__menu .megamenu .menu-2 {
    display: none;
  }
  .mobile__menu .megamenu .menu-2 .menu-2__item {
    position: relative;
  }
  .mobile__menu .megamenu .menu-2 .menu-2__item:not(:first-child) {
    margin-top: 3rem;
  }
  .mobile__menu .megamenu .menu-2 .menu-2__item .menu-2__link {
    color: #252525;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2rem;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
  }
  .mobile__menu .megamenu .menu-2 .menu-2__item .menu-2__link:hover {
    color: #de5a25;
  }
  .mobile__menu .megamenu .menu-2 .menu-2__item .menu-2__dropdown {
    min-width: 5.2rem;
    height: 5rem;
    background-image: url("../images/icons/chevron-right_20x20.svg");
    background-repeat: no-repeat;
    background-position: center left 1rem;
    background-size: 2rem;
    position: absolute;
    top: -1.5rem;
    right: -1.6rem;
    cursor: pointer;
    font-size: 0;
  }
  .mobile__menu .megamenu .menu-2 .menu-2__item._open {
    margin-top: 0;
  }
  .mobile__menu .megamenu .menu-2 .menu-2__item._open > a {
    display: none;
  }
  .mobile__menu .megamenu .menu-2 .menu-2__item._open .menu-3 {
    display: block;
  }
  .mobile__menu .megamenu .menu-2 .menu-2__item._open .menu-2__dropdown {
    height: 3.4rem;
    font-family: "Titillium Web", sans-serif;
    color: #252525;
    font-size: 1.4rem;
    font-weight: 600;
    background-color: #fff;
    background-image: url("../images/icons/arrow-right-circle__back.svg");
    background-position: center left;
    background-size: 3.4rem;
    top: -6.4rem;
    left: 0;
    right: unset;
    padding-left: 4.8rem;
  }
  .mobile__menu .megamenu .menu-2 .menu-2__item._open:has(.menu-3__item._open) .menu-2__dropdown {
    opacity: 0;
    visibility: hidden;
  }
  .mobile__menu .megamenu .menu-3 {
    display: none;
  }
  .mobile__menu .megamenu .menu-3 .menu-3__item:not(:first-child) {
    margin-top: 3rem;
  }
  .mobile__menu .megamenu .menu-3 .menu-3__item .menu-3__link {
    color: #252525;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2rem;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
  }
  .mobile__menu .megamenu .menu-3 .menu-3__item .menu-3__link:hover {
    color: #de5a25;
  }
  .mobile__menu .megamenu .megamenu__brands {
    display: flex;
    gap: 1rem;
    align-items: center;
    grid-area: brands;
  }
  .mobile__menu .megamenu .megamenu__brands .megamenu__brands-item {
    width: 10rem;
    height: auto;
    aspect-ratio: 1.8518518519;
  }
  .mobile__menu .megamenu .megamenu__brands .button {
    margin-left: 2rem;
  }
  .mobile__menu .megamenu:has(.menu-1__item._open) .menu-1__item:not(._open) {
    display: none;
  }
  .mobile__menu .megamenu:has(.menu-1__item._open) .megamenu__photos {
    display: none;
  }
  .mobile__menu .megamenu:has(.menu-2__item._open) .menu-2__item:not(._open) {
    display: none;
  }
  .mobile__menu .header__languages {
    display: flex;
    gap: 1rem;
    align-items: center;
    width: calc(100% - 3.2rem);
    padding: 3rem 0;
    margin: 0 1.6rem;
  }
  .mobile__menu .header__languages::before {
    display: flex;
    content: "";
    background-image: url("../images/icons/globe_24x24.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 2.4rem;
    min-width: 2.4rem;
    height: auto;
    aspect-ratio: 1;
    order: 1;
  }
  .mobile__menu .header__languages::after {
    font-family: "Titillium Web", sans-serif;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
    content: attr(data-title);
    order: 2;
  }
  .mobile__menu .header__languages ul {
    display: flex;
    gap: 2rem;
    list-style: none;
    margin-left: auto;
    padding-left: 2rem;
    order: 3;
  }
  .mobile__menu .header__languages ul li {
    font-family: inherit;
    color: inherit;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: normal;
  }
  .mobile__menu .header__languages ul li a {
    font-family: "Titillium Web", sans-serif;
    color: rgba(255, 255, 255, 0.8);
    font-size: 1.6rem;
    font-weight: 400;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
  }
  .mobile__menu .header__languages ul li a:hover {
    color: #de5a25;
    text-decoration: underline;
  }
  .mobile__menu .header__contacts {
    width: calc(100% - 3.2rem);
    display: flex;
    gap: 1rem;
    flex-direction: column;
    padding: 2rem 0;
    margin: 0 1.6rem;
    border-top: 0.1rem solid rgba(219, 219, 219, 0.2);
  }
  .mobile__menu .header__contacts .header__contacts-title {
    font-family: "Titillium Web", sans-serif;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.4rem;
    transition: color 0.3s ease-in-out;
  }
  .mobile__menu .header__contacts .header__contacts-title a {
    color: #de5a25;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 0.16rem;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
  }
  .mobile__menu .header__contacts .header__contacts-subtitle {
    display: flex;
    gap: 2rem;
    font-family: "Titillium Web", sans-serif;
    color: rgba(255, 255, 255, 0.7);
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    transition: color 0.3s ease-in-out;
  }
  .mobile__menu .header__pages {
    width: calc(100% - 3.2rem);
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 2rem 0 5rem;
    margin: 0 1.6rem;
    border-top: 0.1rem solid rgba(219, 219, 219, 0.2);
  }
  .mobile__menu .header__pages li {
    max-width: max-content;
    font-family: inherit;
    color: inherit;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: normal;
  }
  .mobile__menu .header__pages li:not(:first-child) {
    margin-top: 2rem;
  }
  .mobile__menu .header__pages li a {
    font-family: "Titillium Web", sans-serif;
    color: rgba(255, 255, 255, 0.8);
    font-size: 1.6rem;
    font-weight: 400;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
  }
  .mobile__menu .header__pages li a:hover {
    color: #f05f25;
    text-decoration: underline;
  }
  .mobile__menu._open {
    opacity: 1;
    visibility: visible;
  }
  .mobile__menu._open .menu__overlay {
    transform: translateX(0);
  }
  .mobile__menu .menu__overlay {
    width: 100%;
    max-width: 36rem;
    height: 100%;
    background: #252525;
    overflow-y: auto;
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
  }
  .mobile__menu .menu__top {
    display: flex;
    justify-content: flex-end;
    background: #fff;
    padding: 1.6rem;
  }
  .mobile__menu .menu__top .menu__close {
    width: 2.4rem;
    min-width: 2.4rem;
    height: auto;
    aspect-ratio: 1;
    background-image: url("../images/icons/x_24x24.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    transition: filter 0.3s ease-in-out;
  }
  .mobile__menu .menu__top .menu__close:hover {
    filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
  }
}
.footer__infobar {
  padding: 9rem 0 4rem 0;
}
@media only screen and (max-width: 1200px) {
  .footer__infobar {
    padding: 6rem 0;
  }
}
.footer__infobar .wrap {
  display: flex;
  gap: 4.55%;
  justify-content: space-between;
}
@media only screen and (max-width: 1200px) {
  .footer__infobar .wrap {
    display: flex;
    gap: 0rem;
    flex-direction: column;
  }
}
.footer__infobar .footer__logo {
  width: 12.1rem;
  min-width: 9.2rem;
  height: auto;
  aspect-ratio: 1.3152173913;
}
@media only screen and (max-width: 1200px) {
  .footer__infobar .footer__logo {
    width: 10.2rem;
    min-width: 10.2rem;
    height: auto;
    aspect-ratio: 1.3076923077;
    order: 1;
  }
}
.footer__infobar .footer__title {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 400;
}
.footer__infobar .footer__contacts {
  display: flex;
  flex-direction: column;
  border-right: 0.1rem solid rgba(219, 219, 219, 0.2);
  padding-right: 6rem;
}
@media only screen and (max-width: 1200px) {
  .footer__infobar .footer__contacts {
    border-right: none;
    padding-right: 0;
    order: 3;
    border-top: 0.1rem solid rgba(219, 219, 219, 0.2);
    padding: 1.7rem 0;
  }
  .footer__infobar .footer__contacts:not(._open) {
    height: 5.8rem;
  }
  .footer__infobar .footer__contacts:not(._open) > *:not(:first-child) {
    display: none;
  }
  .footer__infobar .footer__contacts:not(._open) .footer__title:first-child::after {
    display: flex;
    content: "";
    background-image: url("../images/icons/plus_20x20.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
}
.footer__infobar .footer__contacts .footer__title:not(:first-child) {
  margin-top: 4rem;
}
@media only screen and (max-width: 1200px) {
  .footer__infobar .footer__contacts .footer__title:not(:first-child) {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 1200px) {
  .footer__infobar .footer__contacts .footer__title:first-child {
    position: relative;
    padding-right: 3rem;
    cursor: pointer;
  }
  .footer__infobar .footer__contacts .footer__title:first-child::after {
    display: flex;
    content: "";
    background-image: url("../images/icons/minus_20x20.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 2rem;
    min-width: 2rem;
    height: auto;
    aspect-ratio: 1;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
}
.footer__infobar .footer__contacts a {
  display: flex;
  gap: 1rem;
  align-items: center;
  color: #de5a25;
  font-size: 2rem;
  font-weight: 400;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .footer__infobar .footer__contacts a {
    font-size: 1.6rem;
  }
}
.footer__infobar .footer__contacts a:hover {
  text-decoration: underline;
  color: #f05f25;
}
.footer__infobar .footer__contacts a::before {
  display: flex;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 2rem;
  min-width: 2rem;
  height: auto;
  aspect-ratio: 1;
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
}
.footer__infobar .footer__contacts a[href^="tel:"] {
  margin-top: 2rem;
  font-weight: 600;
}
@media only screen and (max-width: 1200px) {
  .footer__infobar .footer__contacts a[href^="tel:"] {
    margin-top: 1rem;
  }
}
.footer__infobar .footer__contacts a[href^="tel:"]::before {
  background-image: url("../images/icons/phone_20x20.svg");
}
.footer__infobar .footer__contacts a[href^="mailto:"] {
  margin-top: 1rem;
}
@media only screen and (max-width: 1200px) {
  .footer__infobar .footer__contacts a[href^="mailto:"] {
    margin-top: 0.6rem;
  }
}
.footer__infobar .footer__contacts a[href^="mailto:"]::before {
  background-image: url("../images/icons/email_20x20.svg");
}
.footer__infobar .footer__contacts span {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 300;
  margin-top: 2rem;
}
@media only screen and (max-width: 1200px) {
  .footer__infobar .footer__contacts span {
    margin-top: 1rem;
  }
}
.footer__infobar .footer__contacts span + span {
  margin-top: 1rem;
}
@media only screen and (max-width: 1200px) {
  .footer__infobar .footer__contacts span + span {
    margin-top: 0.6rem;
  }
}
.footer__infobar .footer__col {
  list-style: none;
  min-width: 17.5rem;
}
@media only screen and (max-width: 1200px) {
  .footer__infobar .footer__col {
    order: 4;
    border-top: 0.1rem solid rgba(219, 219, 219, 0.2);
    padding: 1.1rem 0;
  }
  .footer__infobar .footer__col + .footer__col {
    border-bottom: 0.1rem solid rgba(219, 219, 219, 0.2);
  }
  .footer__infobar .footer__col:not(._open) {
    height: 5.8rem;
  }
  .footer__infobar .footer__col:not(._open) li:not(:first-child) {
    display: none;
  }
}
.footer__infobar .footer__col li {
  color: #d9d9d9;
  font-size: 1.5rem;
  font-weight: 300;
}
.footer__infobar .footer__col li:first-child {
  color: #fff;
  font-weight: 400;
  margin-bottom: 0.4rem;
}
@media only screen and (max-width: 1200px) {
  .footer__infobar .footer__col li:first-child {
    position: relative;
    margin-bottom: 0;
    padding-right: 3rem;
    cursor: pointer;
  }
  .footer__infobar .footer__col li:first-child::after {
    display: flex;
    content: "";
    background-image: url("../images/icons/plus_20x20.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 2rem;
    min-width: 2rem;
    height: auto;
    aspect-ratio: 1;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
}
.footer__infobar .footer__col li:first-child a {
  color: #fff;
  font-weight: 400;
}
.footer__infobar .footer__col li + li {
  margin: 0.8rem 0 0 0;
}
.footer__infobar .footer__col li a {
  color: #d9d9d9;
  font-size: 1.5rem;
  font-weight: 300;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
.footer__infobar .footer__col li a:hover {
  color: #de5a25;
  text-decoration: underline;
}

.footer__subscribe {
  width: 100%;
  max-width: 36rem;
}
@media only screen and (max-width: 1200px) {
  .footer__subscribe {
    order: 2;
    margin: 4rem 0;
  }
}
.footer__subscribe .footer__input {
  display: flex;
  gap: 1.4rem;
  align-items: center;
  padding: 1.8rem 2rem;
  margin-top: 2.6rem;
  height: 4.6rem;
  border-radius: 0.4rem;
  background: #fff;
}
@media only screen and (max-width: 1200px) {
  .footer__subscribe .footer__input {
    margin-top: 1.4rem;
  }
}
.footer__subscribe .footer__input input {
  color: #555;
  font-size: 1.4rem;
  width: 100%;
}
.footer__subscribe .footer__input input::placeholder {
  color: #555;
}
.footer__subscribe .checkbox {
  margin-top: 2.2rem;
}
.footer__subscribe button {
  letter-spacing: 0.07rem;
}

.footer__socials {
  display: flex;
  gap: 3.4rem;
  margin-top: 5.3rem;
}
.footer__socials > a {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: flex;
  filter: none;
  transition: filter 0.3s ease-in-out;
}
.footer__socials > a:hover {
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
}
.footer__socials .fb-icon {
  background-image: url("../images/icons/fb_9x17.svg");
  width: 0.9rem;
  min-width: 0.9rem;
  height: auto;
  aspect-ratio: 0.5294117647;
}
.footer__socials .in-icon {
  background-image: url("../images/icons/in_19x17.svg");
  width: 1.9rem;
  min-width: 1.9rem;
  height: auto;
  aspect-ratio: 1.1176470588;
}
.footer__socials .ig-icon {
  background-image: url("../images/icons/ig_18x17.svg");
  width: 1.8rem;
  min-width: 1.8rem;
  height: auto;
  aspect-ratio: 1.0588235294;
}
.footer__socials .yt-icon {
  background-image: url("../images/icons/yt_25x18.svg");
  width: 2.5rem;
  min-width: 2.5rem;
  height: auto;
  aspect-ratio: 1.3888888889;
}

.footer__copyright {
  padding: 3rem 0;
  border-top: 0.1rem solid transparent;
}
@media only screen and (max-width: 1200px) {
  .footer__copyright {
    padding: 0 0 5rem;
    border-top: 0;
  }
}
.footer__copyright .wrap {
  display: flex;
  gap: 3rem;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 600px) {
  .footer__copyright .wrap {
    display: flex;
    gap: 0rem;
    flex-direction: column;
    align-items: flex-start;
  }
}
.footer__copyright p {
  display: flex;
  gap: 0.6rem;
  color: #c0c0c0;
  font-size: 1.4rem;
  letter-spacing: 0.028rem;
}
@media only screen and (max-width: 1200px) {
  .footer__copyright p {
    font-size: 1.3rem;
    letter-spacing: 0.028rem;
  }
}
.footer__copyright p img {
  width: 9.1rem;
  height: auto;
  aspect-ratio: 7;
  margin-top: 0.75rem;
}
@media only screen and (max-width: 1200px) {
  .footer__copyright p img {
    width: 7.9rem;
    margin-top: 0.8rem;
  }
}

footer {
  background: #252525;
}

.breadcrumb {
  padding: 3rem 0 4rem;
}
@media only screen and (max-width: 1200px) {
  .breadcrumb {
    padding: 2rem 0 3rem;
  }
}
.breadcrumb a {
  color: #b6b6b6;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  text-decoration: none;
  position: relative;
}
.breadcrumb a:hover {
  text-decoration: underline;
}
.breadcrumb a:not(:last-child) {
  padding-right: 1.5rem;
  margin-right: 1.5rem;
  border-right: 0.1rem solid #e3e3e3;
}
@media only screen and (max-width: 1200px) {
  .breadcrumb a:not(:last-child) {
    padding-right: 1.1rem;
    margin-right: 1.1rem;
  }
}
.breadcrumb a:last-child {
  color: #949494;
}

.product__gallery {
  display: flex;
  gap: 3rem;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  width: 39.76%;
  position: sticky;
  top: 0;
  left: 0;
  transition: top 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .product__gallery {
    width: 100%;
    max-width: 57.2rem;
    margin: 0 auto;
    display: block;
    position: unset;
    top: unset;
    left: unset;
  }
}
.product__gallery .gallery__main {
  width: calc(100% - 6.6rem - 3.1rem);
  height: auto;
  aspect-ratio: 1/1;
}
@media only screen and (max-width: 1200px) {
  .product__gallery .gallery__main {
    width: 100%;
  }
}
.product__gallery .gallery__main .slider {
  width: 100%;
}
.product__gallery .gallery__main .slider:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  overflow: hidden;
}
.product__gallery .gallery__main .slider:not(.slick-initialized) > *:nth-child(n+2) {
  display: none;
}
.product__gallery .gallery__main .slider .slick-slide, .product__gallery .gallery__main .slider > div:not(.slick-list) {
  height: unset;
}
.product__gallery .gallery__main .slider .img {
  width: 100%;
  aspect-ratio: 1/1;
}
.product__gallery .gallery__main .slider .img img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.product__gallery .gallery__main .gallery__price {
  display: flex;
  justify-content: center;
  max-width: 42.2rem;
  width: 100%;
  margin: 2rem auto 0;
  padding: 2.25rem;
  border-radius: 0.6rem;
  background: #f6f6f6;
}
@media only screen and (max-width: 1200px) {
  .product__gallery .gallery__main .gallery__price {
    display: none !important;
  }
}
.product__gallery .gallery__thumb {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 6.6rem;
  min-width: 6.6rem;
  height: 34.4rem;
}
@media only screen and (max-width: 1200px) {
  .product__gallery .gallery__thumb {
    display: none;
  }
}
.product__gallery .gallery__thumb .slider {
  width: 100%;
  height: 100%;
}
.product__gallery .gallery__thumb .slider:not(.slick-initialized) {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, 1fr);
  overflow: hidden;
}
.product__gallery .gallery__thumb .slider:not(.slick-initialized) > *:nth-child(n+5) {
  display: none;
}
.product__gallery .gallery__thumb .slider:hover > .slick-arrow, .product__gallery .gallery__thumb body .mfp-container .slider:hover > .mfp-arrow, body .mfp-container .product__gallery .gallery__thumb .slider:hover > .mfp-arrow {
  opacity: 1;
}
.product__gallery .gallery__thumb .slider .slick-slide, .product__gallery .gallery__thumb .slider > div:not(.slick-list) {
  padding: 1rem 0;
  height: unset;
  opacity: 0.5;
  transition: opacity 0.3s ease-in-out;
}
.product__gallery .gallery__thumb .slider .slick-slide.slick-current, .product__gallery .gallery__thumb .slider > div:not(.slick-list).slick-current {
  opacity: 1;
}
.product__gallery .gallery__thumb .slider .img {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 0.6rem;
  overflow: hidden;
}
.product__gallery .gallery__thumb .slider .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product__gallery .gallery__thumb .slider > .slick-arrow, .product__gallery .gallery__thumb body .mfp-container .slider > .mfp-arrow, body .mfp-container .product__gallery .gallery__thumb .slider > .mfp-arrow {
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.product__gallery .gallery__thumb .slider > .slick-arrow.slick-prev, .product__gallery .gallery__thumb body .mfp-container .slider > .slick-prev.mfp-arrow, body .mfp-container .product__gallery .gallery__thumb .slider > .slick-prev.mfp-arrow {
  left: 50%;
  top: -3.2rem;
}
.product__gallery .gallery__thumb .slider > .slick-arrow.slick-prev::after, .product__gallery .gallery__thumb body .mfp-container .slider > .slick-prev.mfp-arrow::after, body .mfp-container .product__gallery .gallery__thumb .slider > .slick-prev.mfp-arrow::after {
  transform: rotate(0deg);
}
.product__gallery .gallery__thumb .slider > .slick-arrow.slick-next, .product__gallery .gallery__thumb body .mfp-container .slider > .slick-next.mfp-arrow, body .mfp-container .product__gallery .gallery__thumb .slider > .slick-next.mfp-arrow {
  right: unset;
  left: 50%;
  top: unset;
  bottom: -3.2rem;
}
.product__gallery .gallery__thumb .slider > .slick-arrow.slick-next::after, .product__gallery .gallery__thumb body .mfp-container .slider > .slick-next.mfp-arrow::after, body .mfp-container .product__gallery .gallery__thumb .slider > .slick-next.mfp-arrow::after {
  transform: rotate(180deg);
}

.info__tags {
  display: flex;
  gap: 0.7rem;
  flex-wrap: wrap;
  margin-top: 3rem;
}
.info__tags .info__tag {
  display: flex;
  align-items: center;
  color: #333;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 3.2rem;
  padding: 0 0.7rem;
  border-radius: 0.6rem;
  border: 0.1rem solid #bababa;
  height: 3.2rem;
  cursor: pointer;
}
.info__tags .info__tag._active {
  color: #de5a25;
  border-color: #de5a25;
}

.info__brand {
  display: flex;
  color: #000;
  font-size: 1.8rem;
  font-weight: 700;
  margin-top: 3rem;
  text-decoration: none;
}
@media only screen and (max-width: 1200px) {
  .info__brand {
    font-size: 1.6rem;
  }
}

.info__dimmensions {
  margin-top: 3rem;
}
.info__dimmensions li {
  color: #000;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 2.8rem;
}
.info__dimmensions li span {
  font-weight: 400;
}

.info__price, .product__gallery .gallery__main .gallery__price {
  display: flex;
  gap: 1.4rem;
  align-items: flex-end;
  margin-top: 4rem;
}
@media only screen and (max-width: 1200px) {
  .info__price, .product__gallery .gallery__main .gallery__price {
    display: flex;
    gap: 1rem;
    margin-top: 3rem;
  }
}
.info__price .price__discount, .product__gallery .gallery__main .gallery__price .price__discount {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.9rem;
  margin: 0 0.6rem 0.8rem 0;
  height: 1.9rem;
  padding: 0.4rem 1.2rem;
  border-radius: 0.4rem;
  background: #de5a25;
}
@media only screen and (max-width: 1200px) {
  .info__price .price__discount, .product__gallery .gallery__main .gallery__price .price__discount {
    margin: 0 0.6rem 0.4rem 0;
    padding: 0.3rem 0.75rem;
  }
}
.info__price .price__new, .product__gallery .gallery__main .gallery__price .price__new {
  color: #de5a25;
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 3.5rem;
}
@media only screen and (max-width: 1200px) {
  .info__price .price__new, .product__gallery .gallery__main .gallery__price .price__new {
    font-size: 2.4rem;
    line-height: 2.4rem;
  }
}
.info__price .price__old, .product__gallery .gallery__main .gallery__price .price__old {
  color: #8a8a8a;
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.9rem;
  text-decoration: line-through;
}
@media only screen and (max-width: 1200px) {
  .info__price .price__old, .product__gallery .gallery__main .gallery__price .price__old {
    color: #8a8a8a;
    font-size: 1.6rem;
    line-height: 2rem;
  }
}
.info__price .price__current, .product__gallery .gallery__main .gallery__price .price__current {
  color: #000;
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 3.5rem;
}
@media only screen and (max-width: 1200px) {
  .info__price .price__current, .product__gallery .gallery__main .gallery__price .price__current {
    font-size: 2.4rem;
    line-height: 2.4rem;
  }
}

.info__actions {
  display: flex;
  gap: 3.3rem;
  margin-top: 5rem;
}
@media only screen and (max-width: 500px) {
  .info__actions {
    margin-top: 4rem;
    display: flex;
    gap: 2rem;
    flex-direction: column;
  }
}
.info__actions:last-child {
  margin-top: 12rem;
}
@media only screen and (max-width: 500px) {
  .info__actions:last-child {
    margin-top: 6rem;
  }
}
.info__actions .quantity {
  max-width: 32.3rem;
}
@media only screen and (max-width: 500px) {
  .info__actions .quantity {
    max-width: 100%;
    height: 6.4rem;
  }
}
.info__actions .button:only-child {
  max-width: 100%;
}
.info__actions .button::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/cart_22x22.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 2.2rem;
  min-width: 2.2rem;
  height: auto;
  aspect-ratio: 1;
  margin-right: 1.2rem;
}

.info__delivery {
  color: #38902B;
  font-size: 1.4rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  display: inline-flex;
  background: rgba(56, 144, 43, 0.0784313725);
  padding: 1.8rem 2rem;
  border-radius: 0.6rem;
  margin-top: 2rem;
}
@media only screen and (max-width: 1200px) {
  .info__delivery {
    padding: 1.6rem;
  }
}
.info__delivery::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/truck_26x19_gr.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 2.6rem;
  min-width: 2.6rem;
  height: auto;
  aspect-ratio: 1.3684210526;
  margin-right: 1.6rem;
}
.info__delivery._sold {
  color: #D22F25;
  background: rgba(210, 47, 37, 0.0784313725);
}
.info__delivery._sold::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/alert-circle.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 2.6rem;
  min-width: 2.6rem;
  height: auto;
  aspect-ratio: 1.3684210526;
}
.info__delivery._subtract {
  color: rgba(0, 0, 0, 0.6);
  background: #F3F3F3;
}
.info__delivery._subtract::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/truck_26x19_gray.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 2.6rem;
  min-width: 2.6rem;
  height: auto;
  aspect-ratio: 1.3684210526;
}

.product__hero {
  padding-bottom: 14rem;
}
@media only screen and (max-width: 1200px) {
  .product__hero {
    padding-bottom: 8rem;
  }
}
.product__hero .wrap {
  display: flex;
  gap: 10rem;
  align-items: flex-start;
}
@media only screen and (max-width: 1200px) {
  .product__hero .wrap {
    display: flex;
    gap: 4rem;
    flex-direction: column;
    align-items: unset;
  }
}
.product__hero h1,
.product__hero .h1,
.product__hero .category__seo h2,
.category__seo .product__hero h2,
.product__hero .category__seo .h2,
.category__seo .product__hero .h2,
.product__hero .faq h2,
.faq .product__hero h2,
.product__hero .faq .h2,
.faq .product__hero .h2,
.product__hero .product__review h2,
.product__review .product__hero h2,
.product__hero .product__review .h2,
.product__review .product__hero .h2,
.product__hero .product__news .news__heading h2,
.product__news .news__heading .product__hero h2,
.product__hero .product__news .news__heading .h2,
.product__news .news__heading .product__hero .h2,
.product__hero .product__description .description__block h2,
.product__description .description__block .product__hero h2,
.product__hero .product__description .description__block .h2,
.product__description .description__block .product__hero .h2 {
  font-size: 3.2rem;
  font-weight: 400;
  line-height: 3.6rem;
  margin-top: 1rem;
}
@media only screen and (max-width: 1200px) {
  .product__hero h1,
  .product__hero .h1,
  .product__hero .category__seo h2,
  .category__seo .product__hero h2,
  .product__hero .category__seo .h2,
  .category__seo .product__hero .h2,
  .product__hero .faq h2,
  .faq .product__hero h2,
  .product__hero .faq .h2,
  .faq .product__hero .h2,
  .product__hero .product__review h2,
  .product__review .product__hero h2,
  .product__hero .product__review .h2,
  .product__review .product__hero .h2,
  .product__hero .product__news .news__heading h2,
  .product__news .news__heading .product__hero h2,
  .product__hero .product__news .news__heading .h2,
  .product__news .news__heading .product__hero .h2,
  .product__hero .product__description .description__block h2,
  .product__description .description__block .product__hero h2,
  .product__hero .product__description .description__block .h2,
  .product__description .description__block .product__hero .h2 {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
}
.product__hero .ean {
  font-family: "Titillium Web", sans-serif;
  color: #555555;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.4rem;
  margin-top: 2rem;
}
.product__hero .ean + p, .product__hero .ean + ul {
  margin-top: 2rem;
}
.product__hero .ean + .ean {
  margin-top: 0;
}

.specs__list {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 1fr;
  grid-auto-rows: 1fr;
  margin-top: 2rem;
}
@media only screen and (max-width: 1200px) {
  .specs__list {
    grid-auto-rows: unset;
  }
}
.specs__list .specs-item {
  display: flex;
  align-items: center;
  border-radius: 0.8rem;
  border: 0.1rem solid #e0e0e0;
  transition: border-color 0.3s ease-in-out, border 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .specs__list .specs-item {
    display: grid;
    grid-gap: 0rem;
    grid-template-columns: 4.6rem 6.8rem 1fr;
  }
}
.specs__list .specs-item:has(input:checked) {
  border-color: #de5a25;
}
.specs__list .specs-item:has(input:checked) input {
  border-color: #de5a25;
}
.specs__list .specs-item:has(input:checked) input::after {
  opacity: 1;
}
.specs__list .specs-item:has(input:checked) .specs-item__info {
  border-left-color: #de5a25;
}
.specs__list .specs-item input {
  width: 2.2rem;
  min-width: 2.2rem;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 0.2rem solid #000;
  position: relative;
  margin-left: 3rem;
}
@media only screen and (max-width: 1200px) {
  .specs__list .specs-item input {
    width: 2rem;
    min-width: 2rem;
    margin-left: 1.4rem;
  }
}
.specs__list .specs-item input::after {
  width: 0.8rem;
  min-width: 0.8rem;
  height: auto;
  aspect-ratio: 1;
  content: "";
  background: #de5a25;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transform: opacity 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .specs__list .specs-item input::after {
    width: 0.6rem;
    min-width: 0.6rem;
  }
}
.specs__list .specs-item.no-img input {
  margin-right: 2rem;
}
.specs__list .specs-item .specs-item__photo {
  width: 8.6rem;
  min-width: 8.6rem;
  height: auto;
  aspect-ratio: 1;
  margin: 2.4rem 2rem;
}
@media only screen and (max-width: 1200px) {
  .specs__list .specs-item .specs-item__photo {
    width: 6.8rem;
    min-width: 6.8rem;
    margin: 2rem 0;
  }
}
.specs__list .specs-item .specs-item__photo img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.specs__list .specs-item .specs-item__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(59.41% - 12.6rem - 5.2rem);
  padding: 2rem 3rem 2rem 0;
}
@media only screen and (max-width: 1200px) {
  .specs__list .specs-item .specs-item__text {
    width: 100%;
    padding: 2rem 1.4rem;
  }
}
.specs__list .specs-item .specs-item__text:last-child {
  width: 100%;
}
.specs__list .specs-item .specs-item__text .specs-item__title {
  color: #000;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2rem;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
  width: auto;
  align-self: flex-start;
}
@media only screen and (max-width: 1200px) {
  .specs__list .specs-item .specs-item__text .specs-item__title {
    font-size: 1.3rem;
    line-height: 1.8rem;
  }
}
.specs__list .specs-item .specs-item__text .specs-item__title:hover {
  color: #de5a25;
}
.specs__list .specs-item .specs-item__text .specs-item__title:nth-last-child(2) {
  margin-bottom: 2rem;
}
.specs__list .specs-item .specs-item__text .specs-item__more {
  display: flex;
  gap: 0.2rem;
  align-items: center;
  color: #de5a25;
  font-size: 1.3rem;
  font-weight: 400;
  margin: 1rem 0 2rem;
  cursor: pointer;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
  width: auto;
  align-self: flex-start;
}
@media only screen and (max-width: 1200px) {
  .specs__list .specs-item .specs-item__text .specs-item__more {
    font-size: 1.2rem;
  }
}
.specs__list .specs-item .specs-item__text .specs-item__more + .specs-text__info {
  margin-top: 0;
}
.specs__list .specs-item .specs-item__text .specs-item__more:hover {
  color: #f05f25;
}
.specs__list .specs-item .specs-item__text .specs-item__more:hover::after {
  filter: brightness(0) saturate(100%) invert(39%) sepia(95%) saturate(888%) hue-rotate(344deg) brightness(96%) contrast(95%);
}
.specs__list .specs-item .specs-item__text .specs-item__more::after {
  display: flex;
  content: "";
  background-image: url("../images/icons/chevron_10x10.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 1rem;
  min-width: 1rem;
  height: auto;
  aspect-ratio: 1;
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
  transition: filter 0.3s ease-in-out;
}
.specs__list .specs-item .specs-item__text .specs-text__info {
  color: #000;
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 2rem;
  margin: 2rem 0 0.8rem;
}
@media only screen and (max-width: 1536px) {
  .specs__list .specs-item .specs-item__text .specs-text__info {
    font-size: 13px;
  }
}
@media only screen and (max-width: 1200px) {
  .specs__list .specs-item .specs-item__text .specs-text__info {
    font-size: 1.2rem;
  }
}
.specs__list .specs-item .specs-item__text .specs-text__info strong, .specs__list .specs-item .specs-item__text .specs-text__info b {
  font-weight: 300;
}
.specs__list .specs-item .specs-item__text .specs-item__price {
  color: #000;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2rem;
  margin-top: auto;
}
@media only screen and (max-width: 1200px) {
  .specs__list .specs-item .specs-item__text .specs-item__price {
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.8rem;
  }
}
.specs__list .specs-item .specs-item__text .specs-item__price span.special {
  color: #de5a25;
}
.specs__list .specs-item .specs-item__text .specs-item__price span + span {
  color: #8a8a8a;
  font-size: 1.5rem;
  text-decoration: line-through;
}
@media only screen and (max-width: 1200px) {
  .specs__list .specs-item .specs-item__text .specs-item__price span + span {
    font-size: 1.15rem;
  }
}
.specs__list .specs-item .specs-item__text .specs-item__price .price__discount {
  margin-bottom: 2px;
}
@media only screen and (max-width: 1200px) {
  .specs__list .specs-item .specs-item__text .specs-item__price .price__discount {
    font-size: 1.07rem;
  }
}
.specs__list .specs-item .specs-item__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 40.59%;
  padding: 2rem 3rem;
  border-left: 0.1rem solid #e0e0e0;
  transition: border-color 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .specs__list .specs-item .specs-item__info {
    display: flex;
    flex-direction: column;
    justify-content: unset;
    width: 100%;
    padding: 2rem;
    grid-column: 1/span 3;
    border-left: 0;
    border-top: 0.1rem solid #e0e0e0;
  }
}
.specs__list .specs-item .specs-item__info ul {
  list-style: none;
}
.specs__list .specs-item .specs-item__info ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 2.8rem;
  position: relative;
  padding-left: 1.3rem;
}
@media only screen and (max-width: 1200px) {
  .specs__list .specs-item .specs-item__info ul li {
    font-size: 1.2rem;
    line-height: 2.4rem;
  }
}
.specs__list .specs-item .specs-item__info ul li::before {
  content: "";
  width: 0.3rem;
  height: 0.3rem;
  background: #949494;
  border-radius: 50%;
  position: absolute;
  top: 1.25rem;
  left: 0;
}
@media only screen and (max-width: 1200px) {
  .specs__list .specs-item .specs-item__info ul li::before {
    top: 1.05rem;
  }
}
.specs__list .specs-item .specs-item__info ul li span {
  font-weight: 400;
}

.info__choices .choice__heading {
  display: flex;
  gap: 2.2rem;
  font-family: "Titillium Web", sans-serif;
  color: #000;
  font-size: 3.6rem;
  font-weight: 400;
}
@media only screen and (max-width: 1200px) {
  .info__choices .choice__heading {
    display: flex;
    gap: 1rem;
    font-size: 2.2rem;
  }
}
.info__choices .choice__text {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
}
.info__choices .choice__text p,
.info__choices .choice__text .p {
  color: #000;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 3.2rem;
  margin-top: 2rem;
}
@media only screen and (max-width: 1200px) {
  .info__choices .choice__text p,
  .info__choices .choice__text .p {
    font-size: 1.2rem;
    line-height: 1.8rem;
    margin-top: 1rem;
  }
}
.info__choices .choice__color {
  margin-top: 3rem;
}
@media only screen and (max-width: 1200px) {
  .info__choices .choice__color {
    margin-top: 2rem;
  }
}
.info__choices .choice__color:first-child {
  margin-top: 0;
}
.info__choices .choice__color .choice__title {
  color: #000;
  font-size: 1.5rem;
  font-weight: 400;
}
.info__choices .choice__color .color__list {
  display: grid;
  grid-gap: 2.4rem;
  grid-template-columns: repeat(auto-fill, 7.6rem);
  margin-top: 1.5rem;
}
@media only screen and (max-width: 1200px) {
  .info__choices .choice__color .color__list {
    display: grid;
    grid-gap: 1.6rem;
    grid-template-columns: repeat(auto-fill, 6.4rem);
    margin-top: 1rem;
  }
}
.info__choices .choice__color .color__list .color__item {
  color: #000;
  font-size: 1.2rem;
  font-weight: 300;
  width: 100%;
  cursor: pointer;
  position: relative;
}
.info__choices .choice__color .color__list .color__item:has(input:checked)::after {
  opacity: 1;
}
.info__choices .choice__color .color__list .color__item::after {
  content: "";
  border-radius: 0.6rem;
  border: 1px solid #de5a25;
  opacity: 0;
  width: calc(100% + 4px);
  height: auto;
  aspect-ratio: 1/1;
  position: absolute;
  top: -3px;
  left: -3px;
  transition: opacity 0.3s ease-in-out;
}
.info__choices .choice__color .color__list .color__item input {
  display: none;
}
.info__choices .choice__color .color__list .color__item img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: scale-down;
  margin-bottom: 0.5rem;
}
.info__choices .choice__section {
  margin-top: 12rem;
}
@media only screen and (max-width: 1200px) {
  .info__choices .choice__section {
    margin-top: 8rem;
  }
}
.info__choices .choice__section .choice__block {
  background: #f6f6f6;
  border-radius: 1.2rem;
  padding: 3rem;
  margin-top: 3rem;
}
@media only screen and (max-width: 1200px) {
  .info__choices .choice__section .choice__block {
    border-radius: 0.8rem;
    padding: 2rem;
    margin-top: 2rem;
  }
}
.info__choices .choice__section .choice__block .select._v-sort {
  margin-top: 3rem;
}
@media only screen and (max-width: 1200px) {
  .info__choices .choice__section .choice__block .select._v-sort {
    margin-top: 2rem;
  }
}
.info__choices .choice__section .choice__block .select._v-sort + .select {
  margin-top: 2rem;
}
.info__choices .choice__section .choice__block .select._v-sort:first-child {
  margin-top: 0;
}
.info__choices .choice__section .choice__block .select._v-sort._open .select__frame {
  border-color: #cdcdcd;
}
.info__choices .choice__section .choice__block .select._v-sort .select__frame {
  background-color: #fff;
  border-color: #fff;
}

.documents-list {
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: repeat(auto-fill, minmax(0, 51rem));
  margin-top: 4rem;
}
@media only screen and (max-width: 1200px) {
  .documents-list {
    display: grid;
    grid-gap: 1rem;
    margin-top: 2rem;
  }
}
.documents-list .document {
  color: #252525;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 3.2rem;
  display: flex;
  gap: 2rem;
  align-items: center;
  padding: 2.4rem 3rem 2.4rem 8.2rem;
  height: 8rem;
  border-radius: 0.6rem;
  border: 0.1rem solid #e0e0e0;
  text-decoration: none;
  position: relative;
  transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .documents-list .document {
    font-size: 1.4rem;
    line-height: 2.4rem;
    display: flex;
    gap: 2rem;
    align-items: center;
    padding: 2rem 2rem 2rem 5.4rem;
    height: 6rem;
  }
}
.documents-list .document:hover {
  color: #de5a25;
  border-color: #de5a25;
}
.documents-list .document:hover::before {
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
}
.documents-list .document::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/pdf.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 3.2rem;
  min-width: 3.2rem;
  height: auto;
  aspect-ratio: 1;
  filter: brightness(0) saturate(100%) invert(10%) sepia(0%) saturate(18%) hue-rotate(230deg) brightness(110%) contrast(91%);
  transition: filter 0.3s ease-in-out;
  position: absolute;
  top: 50%;
  left: 3rem;
  transform: translateY(-50%);
}
@media only screen and (max-width: 1200px) {
  .documents-list .document::before {
    display: flex;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 2.4rem;
    min-width: 2.4rem;
    height: 2.4rem;
    left: 2rem;
  }
}
.documents-list .document span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@supports (-webkit-line-clamp: 1) {
  .documents-list .document span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}

.product__description .description__nav {
  display: flex;
  border-bottom: 0.1rem solid #d9d9d9;
}
@media only screen and (max-width: 700px) {
  .product__description .description__nav {
    display: flex;
    flex-direction: column;
    border-top: 0.1rem solid #d9d9d9;
  }
}
.product__description .description__nav label {
  color: #555;
  font-size: 1.8rem;
  font-weight: 400;
  padding: 2.4rem 4rem;
  cursor: pointer;
}
@media only screen and (max-width: 1200px) {
  .product__description .description__nav label {
    font-size: 1.6rem;
    padding: 2rem 3.4rem;
  }
}
@media only screen and (max-width: 700px) {
  .product__description .description__nav label {
    padding: 1.6rem 0;
  }
}
.product__description .description__nav label:first-child {
  padding-left: 0;
}
@media only screen and (min-width: 701px) {
  .product__description .description__nav label:not(:last-child) {
    border-right: 0.1rem solid #d9d9d9;
  }
}
@media only screen and (max-width: 700px) {
  .product__description .description__nav label:not(:last-child) {
    border-bottom: 0.1rem solid #d9d9d9;
  }
}
.product__description .description__nav label:has(input:checked) {
  color: #de5a25;
}
@media only screen and (min-width: 701px) {
  .product__description .description__nav label:has(input:checked) {
    position: relative;
    border-top: 0.1rem solid #d9d9d9;
  }
  .product__description .description__nav label:has(input:checked)::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.1rem;
    width: 100%;
    height: 0.1rem;
    background: #fff;
  }
  .product__description .description__nav label:has(input:checked):last-child {
    border-right: 0.1rem solid #d9d9d9;
  }
}
.product__description .description__nav label input {
  display: none;
}
.product__description .description__block {
  display: none;
}
.product__description .description__block:not(:has(.description__row)) {
  padding: 6rem 6rem 4rem;
}
@media only screen and (max-width: 1200px) {
  .product__description .description__block:not(:has(.description__row)) {
    padding: 3rem 0;
  }
}
@media only screen and (max-width: 800px) {
  .product__description .description__block:not(:has(.description__row)) {
    padding: 0;
  }
}
.product__description .description__block .description__row {
  display: flex;
  gap: 12.8rem;
  align-items: center;
  padding: 4rem 0;
}
@media only screen and (max-width: 1200px) {
  .product__description .description__block .description__row {
    display: flex;
    gap: 6rem;
    padding: 3rem 0;
  }
}
@media only screen and (max-width: 800px) {
  .product__description .description__block .description__row {
    display: flex;
    gap: 4rem;
    flex-direction: column;
    align-items: unset;
    padding: 0;
  }
}
@media only screen and (max-width: 800px) {
  .product__description .description__block .description__row + .description__row {
    margin-top: 6rem;
  }
}
.product__description .description__block .description__row:nth-child(even) {
  display: flex;
  flex-direction: row-reverse;
}
@media only screen and (max-width: 800px) {
  .product__description .description__block .description__row:nth-child(even) {
    display: flex;
    gap: 4rem;
    flex-direction: column;
    align-items: unset;
  }
}
.product__description .description__block .description__row:nth-child(even) .description__text {
  padding: 0 6rem 0 0;
}
@media only screen and (max-width: 1200px) {
  .product__description .description__block .description__row:nth-child(even) .description__text {
    padding: 0;
  }
}
.product__description .description__block .description__row .description__text {
  width: calc(52.15% - 12.8rem);
  padding: 0 0 0 6rem;
}
@media only screen and (max-width: 1200px) {
  .product__description .description__block .description__row .description__text {
    width: calc(52.15% - 6rem);
    padding: 0;
  }
}
@media only screen and (max-width: 800px) {
  .product__description .description__block .description__row .description__text {
    width: 100%;
  }
}
.product__description .description__block .description__row .description__photo {
  width: 47.85%;
}
@media only screen and (max-width: 800px) {
  .product__description .description__block .description__row .description__photo {
    width: 100%;
  }
}
.product__description .description__block .description__row .description__photo img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  border-radius: 0.6rem;
}
.product__description .description__block h2,
.product__description .description__block .h2 {
  color: #222;
}
@media only screen and (max-width: 1200px) {
  .product__description .description__block h2,
  .product__description .description__block .h2 {
    font-size: 2.8rem;
  }
}
.product__description .description__block p,
.product__description .description__block .p {
  color: #000;
  margin-top: 3rem;
}
@media only screen and (max-width: 1200px) {
  .product__description .description__block p,
  .product__description .description__block .p {
    font-size: 1.4rem;
    line-height: 2.2rem;
    margin-top: 2rem;
  }
}
.product__description .description__block p:first-child,
.product__description .description__block .p:first-child {
  margin-top: 0;
}
.product__description .description__block p iframe,
.product__description .description__block .p iframe {
  margin-top: 0;
}
.product__description .description__block iframe {
  margin-top: 3rem;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16/9 !important;
}
@media only screen and (max-width: 1200px) {
  .product__description .description__block iframe {
    margin-top: 2rem;
  }
}
.product__description:has(label:nth-child(1) input:checked) .description__block:nth-child(1) {
  display: block;
}
.product__description:has(label:nth-child(2) input:checked) .description__block:nth-child(2) {
  display: block;
}
.product__description:has(label:nth-child(3) input:checked) .description__block:nth-child(3) {
  display: block;
}
.product__description:has(label:nth-child(4) input:checked) .description__block:nth-child(4) {
  display: block;
}
.product__description .description__content {
  padding: 4rem 0 10rem;
}
@media only screen and (max-width: 1200px) {
  .product__description .description__content {
    padding: 4rem 0 8rem;
  }
}

.product__slider {
  padding: 14rem 0;
  border-top: 0.1rem solid #e6e6e6;
}
@media only screen and (max-width: 1200px) {
  .product__slider {
    padding: 8rem 0;
  }
}
.product__slider h2,
.product__slider .h2 {
  color: #222;
  font-size: 2.8rem;
  font-weight: 400;
}
@media only screen and (max-width: 1200px) {
  .product__slider h2,
  .product__slider .h2 {
    font-size: 2.4rem;
  }
}
.product__slider .slider {
  max-width: 192rem;
  width: 100%;
  margin: 0 auto;
  margin: 3rem auto 0;
}
.product__slider .slider:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  overflow: hidden;
}
.product__slider .slider:not(.slick-initialized) > *:nth-child(n+5) {
  display: none;
}
@media only screen and (max-width: 1200px) {
  .product__slider .slider {
    margin: 1.6rem auto 0;
  }
}
.product__slider .slider .slick-list {
  padding: 0 calc((100% - 148rem) / 2);
}
@media only screen and (max-width: 1200px) {
  .product__slider .slider .slick-list {
    padding: 0 3.33%;
  }
}
@media only screen and (max-width: 500px) {
  .product__slider .slider .slick-list {
    padding: 0 calc((100% - 18rem) / 2) !important;
  }
}
.product__slider .slider .slick-slide, .product__slider .slider > div:not(.slick-list) {
  padding: 0 5rem;
}
@media only screen and (max-width: 1200px) {
  .product__slider .slider .slick-slide, .product__slider .slider > div:not(.slick-list) {
    padding: 0;
  }
}
.product__slider._category {
  padding: 12rem 0 14rem;
  border-top: 0;
  background: #f6f6f6;
}
@media only screen and (max-width: 1200px) {
  .product__slider._category {
    padding: 8rem 0;
  }
}
.product__slider._category .slider .slick-track {
  display: flex !important;
}
.product__slider._category .slider .slick-track .slick-slide {
  height: inherit !important;
}
.product__slider._category .slider .slick-slide, .product__slider._category .slider > div:not(.slick-list) {
  padding: 0;
}
.product__slider._category .slider .product._card {
  padding: 2.9rem 6.29% 7rem;
  max-width: 100%;
  height: 100%;
  background: #fff;
  border-left: 0.25rem solid #f6f6f6;
  border-right: 0.25rem solid #f6f6f6;
}
@media only screen and (max-width: 1200px) {
  .product__slider._category .slider .product._card {
    padding: 2.9rem 0.2rem 4rem;
  }
}
.product__slider._category .slider .product._card .product__tags {
  top: 1rem;
  right: 1rem;
}

.product__news {
  background: #f6f6f6;
  padding: 14rem 0;
}
@media only screen and (max-width: 1200px) {
  .product__news {
    padding: 8rem 0;
  }
}
@media only screen and (max-width: 700px) {
  .product__news {
    overflow: hidden;
  }
}
.product__news .news__heading {
  display: flex;
  gap: 3rem;
  justify-content: space-between;
  align-items: center;
}
.product__news .news__heading h2,
.product__news .news__heading .h2 {
  color: #222;
}
@media only screen and (max-width: 1200px) {
  .product__news .news__heading h2,
  .product__news .news__heading .h2 {
    font-size: 2.4rem;
  }
}
.product__news .news__heading .news__actions {
  display: flex;
  gap: 2.6rem;
}
@media only screen and (max-width: 1200px) {
  .product__news .news__heading .news__actions {
    display: flex;
    gap: 1.2rem;
  }
}
.product__news .news__heading .news__actions .news__arrow-left,
.product__news .news__heading .news__actions .news__arrow-right {
  background-image: url("../images/icons/arrow-circle_60x60.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 6rem;
  min-width: 6rem;
  height: auto;
  aspect-ratio: 1;
  cursor: pointer;
  position: relative;
  transition: filter 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .product__news .news__heading .news__actions .news__arrow-left,
  .product__news .news__heading .news__actions .news__arrow-right {
    width: 4.4rem;
    min-width: 4.4rem;
    aspect-ratio: 1;
  }
}
.product__news .news__heading .news__actions .news__arrow-left:hover,
.product__news .news__heading .news__actions .news__arrow-right:hover {
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
}
.product__news .news__heading .news__actions .news__arrow-left {
  transform: rotate(180deg);
}
.product__news .slider {
  margin: 2.6rem -2.7rem 0;
}
.product__news .slider:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  overflow: hidden;
}
.product__news .slider:not(.slick-initialized) > *:nth-child(n+3) {
  display: none;
}
@media only screen and (max-width: 1200px) {
  .product__news .slider {
    margin: 1.6rem -0.5rem 0;
  }
}
@media only screen and (max-width: 700px) {
  .product__news .slider {
    margin: 1.6rem -3.33vw 0;
  }
}
@media only screen and (max-width: 700px) {
  .product__news .slider .slick-list {
    padding: 0 calc(100vw - 27.8rem - 3.33vw) 0 3.33vw !important;
  }
}
.product__news .slider .news-item {
  display: flex;
  margin: 0 2.7rem;
  width: calc(100% - 5.4rem);
  position: relative;
  text-decoration: none;
}
@media only screen and (max-width: 1200px) {
  .product__news .slider .news-item {
    display: flex;
    flex-direction: column;
    margin: 0 0.5rem;
    width: calc(100% - 1rem);
  }
}
.product__news .slider .news-item .news-item__photo {
  display: flex;
  width: 100%;
  height: auto;
  aspect-ratio: 1.7051597052;
  border-radius: 0.6rem;
  overflow: hidden;
}
.product__news .slider .news-item .news-item__photo img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.product__news .slider .news-item .news-item__text {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.8rem;
  position: absolute;
  left: 3rem;
  right: 3rem;
  bottom: 3rem;
}
@media only screen and (max-width: 1200px) {
  .product__news .slider .news-item .news-item__text {
    color: #000;
    font-size: 1.4rem;
    line-height: 2rem;
    margin-top: 1rem;
    position: unset;
    left: unset;
    right: unset;
    bottom: unset;
  }
}

.product__review {
  background: #f6f6f6;
  padding: 12rem 0 14rem;
}
@media only screen and (max-width: 1200px) {
  .product__review {
    padding: 8rem 0;
  }
}
.product__review h2,
.product__review .h2 {
  color: #222;
}
@media only screen and (max-width: 1200px) {
  .product__review h2,
  .product__review .h2 {
    font-size: 2.4rem;
  }
}
.product__review .review-list {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 1fr;
  margin-top: 3rem;
}
@media only screen and (max-width: 1200px) {
  .product__review .review-list {
    margin-top: 2rem;
  }
}
@media only screen and (min-width: 1201px) {
  .product__review .button::after {
    display: flex;
    content: "";
    background-image: url("../images/icons/arrow-right.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 2.4rem;
    min-width: 2.4rem;
    height: auto;
    aspect-ratio: 1;
    margin-left: 1rem;
  }
}
@media only screen and (max-width: 1200px) {
  .product__review .button {
    margin-top: 3rem;
    margin-left: 0;
  }
}

.product__grid {
  display: grid;
  grid-gap: 10rem 10.29%;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media only screen and (max-width: 1000px) {
  .product__grid {
    display: grid;
    grid-gap: 8rem 5%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 700px) {
  .product__grid {
    display: grid;
    grid-gap: 8rem 2%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: calc(100% + 6.66vw);
    margin: 0 -3.33vw;
  }
}
@media only screen and (max-width: 600px) {
  .product__grid {
    display: grid;
    grid-gap: 6rem 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.product._cart-popup {
  display: flex;
  align-items: center;
  padding: 3rem 1.8rem 3rem 2.2rem;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  .product._cart-popup {
    padding: 2rem 1.8rem 2rem 2.2rem;
  }
}
.product._cart-popup .product__photo {
  width: 6.1rem;
  min-width: 6.1rem;
  height: auto;
  aspect-ratio: 1;
  margin-right: 3.6rem;
}
@media only screen and (max-width: 1200px) {
  .product._cart-popup .product__photo {
    width: 5.1rem;
    min-width: 5.1rem;
    height: auto;
    aspect-ratio: 1;
    margin-right: 2.6rem;
  }
}
.product._cart-popup .product__photo img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.product._cart-popup .product__title {
  color: #000;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 2rem;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .product._cart-popup .product__title {
    font-size: 1.3rem;
    line-height: 1.8rem;
  }
}
.product._cart-popup .product__title:hover {
  color: #de5a25;
}
.product._cart-popup .product__text {
  width: 100%;
}
.product._cart-popup .product__text-row {
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  margin-top: 1rem;
}
@media only screen and (max-width: 1200px) {
  .product._cart-popup .product__text-row {
    display: flex;
    gap: 1rem;
    margin-top: 0.8rem;
  }
}
.product._cart-popup .product__quantity {
  color: #555;
  font-size: 1.4rem;
  font-weight: 400;
}
@media only screen and (max-width: 1200px) {
  .product._cart-popup .product__quantity {
    font-size: 1.3rem;
  }
}
.product._cart-popup .product__price {
  color: #000;
  font-size: 1.4rem;
  font-weight: 500;
}
@media only screen and (max-width: 1200px) {
  .product._cart-popup .product__price {
    font-size: 1.3rem;
  }
}
.product._cart-popup .product__remove {
  width: 2rem;
  min-width: 2rem;
  height: auto;
  aspect-ratio: 1;
  background-image: url("../images/icons/bin.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: 0 0 auto 2rem;
  cursor: pointer;
  transition: filter 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .product._cart-popup .product__remove {
    width: 1.8rem;
    min-width: 1.8rem;
    margin: 0 0 auto 1.8rem;
  }
}
.product._cart-popup .product__remove:hover {
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
}
.product._accessory {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 1.2rem;
  box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0);
  padding: 2.2rem 5.2rem;
  transition: box-shadow 0.3s ease-in-out, padding 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .product._accessory {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: 9.3rem 1fr;
    align-items: unset;
    border-radius: 0.8rem;
    padding: 2.2rem 2rem 3rem 1rem;
  }
}
@media only screen and (min-width: 1201px) {
  .product._accessory:hover {
    box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.15);
    padding: 2.2rem 5.2rem 2.2rem 4.3rem;
  }
  .product._accessory:hover .button {
    padding: 0 3.25rem;
    margin-right: 3.3rem;
  }
}
.product._accessory + .product {
  margin-top: 1rem;
}
.product._accessory .button {
  margin-right: 4.9rem;
  transition: padding 0.3s ease-in-out, margin 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .product._accessory .button {
    margin-right: 0;
    margin-top: 2rem;
    font-size: 1.2rem;
    height: 3.2rem;
  }
}
.product._accessory .button::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/cart_22x22.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 1.8rem;
  min-width: 1.8rem;
  height: auto;
  aspect-ratio: 1;
  margin-right: 1rem;
}
.product._accessory .product__photo {
  width: 17.9rem;
  min-width: 17.9rem;
  height: auto;
  aspect-ratio: 1;
}
@media only screen and (max-width: 1200px) {
  .product._accessory .product__photo {
    width: 9.3rem;
    min-width: 9.3rem;
    grid-row: 1/span 2;
  }
}
.product._accessory .product__photo img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.product._accessory .product__text {
  padding-left: 4.4rem;
}
@media only screen and (max-width: 1200px) {
  .product._accessory .product__text {
    padding-left: 0;
    grid-row: 1;
    grid-column: 2;
  }
}
.product._accessory .product__text .product__title {
  color: #000;
  font-size: 1.6rem;
  font-weight: 300;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .product._accessory .product__text .product__title {
    font-size: 1.3rem;
  }
}
.product._accessory .product__text .product__title:hover {
  color: #de5a25;
}
.product._accessory .product__text .product__props {
  list-style: none;
  margin-top: 1rem;
}
@media only screen and (max-width: 1200px) {
  .product._accessory .product__text .product__props {
    margin-top: 0.6rem;
  }
}
.product._accessory .product__text .product__props li {
  color: #000;
  font-size: 1.4rem;
  font-weight: 300;
}
@media only screen and (max-width: 1200px) {
  .product._accessory .product__text .product__props li {
    font-size: 1.3rem;
    line-height: 2.2rem;
  }
}
.product._accessory .product__text .product__price {
  display: flex;
  gap: 1rem;
  align-items: flex-end;
  color: #000;
  font-size: 1.8rem;
  font-weight: 600;
  margin-top: 2rem;
}
@media only screen and (max-width: 1200px) {
  .product._accessory .product__text .product__price {
    display: flex;
    gap: 0.8rem;
    font-size: 1.4rem;
    margin-top: 1rem;
  }
}
.product._accessory .product__text .product__price span:not(:only-child):nth-child(1) {
  color: #de5a25;
}
.product._accessory .product__text .product__price span:not(:only-child):nth-child(2) {
  color: #8a8a8a;
  font-size: 1.4rem;
  font-weight: 400;
  text-decoration: line-through;
  margin-bottom: 0.2rem;
}
@media only screen and (max-width: 1200px) {
  .product._accessory .product__text .product__price span:not(:only-child):nth-child(2) {
    font-size: 1.3rem;
    margin-bottom: 0;
  }
}
.product._card {
  display: flex;
  flex-direction: column;
  max-width: 27rem;
  width: 100%;
  position: relative;
  padding: 3.9rem 0 0 0;
  margin: 0 auto;
}
@media only screen and (max-width: 1200px) {
  .product._card {
    max-width: 18rem;
    padding: 3rem 0 0 0;
  }
}
.product._card .product__tags {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  align-items: flex-end;
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 1200px) {
  .product._card .product__tags {
    top: 0.8rem;
    right: 1.3rem;
  }
}
.product._card .product__tags .tags__tag {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.9rem;
  height: 1.9rem;
  padding: 0.4rem 1.2rem;
  border-radius: 0.4rem;
  background: #de5a25;
  max-width: max-content;
}
@media only screen and (max-width: 1200px) {
  .product._card .product__tags .tags__tag {
    font-size: 1.1rem;
    line-height: 1.4rem;
    height: 1.6rem;
    padding: 0.3rem 0.8rem;
  }
}
.product._card .product__photo {
  display: flex;
  width: 27rem;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
@media only screen and (max-width: 1200px) {
  .product._card .product__photo {
    width: 17.4rem;
  }
}
.product._card .product__photo img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.product._card .product__text {
  padding: 5.5rem 3rem 0;
}
@media only screen and (max-width: 1200px) {
  .product._card .product__text {
    padding: 3rem 2rem 0;
  }
}
.product._card .product__text .product__title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #000;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.8rem;
  height: 3.6rem;
  text-align: center;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
@supports (-webkit-line-clamp: 2) {
  .product._card .product__text .product__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
@media only screen and (max-width: 1200px) {
  .product._card .product__text .product__title {
    font-size: 1.4rem;
    line-height: 1.6rem;
    height: 3.2rem;
  }
}
.product._card .product__text .product__title:hover {
  color: #de5a25;
}
.product._card .product__text .product__props {
  list-style: none;
  margin-top: 2rem;
}
@media only screen and (max-width: 1200px) {
  .product._card .product__text .product__props {
    margin-top: 1.2rem;
  }
}
.product._card .product__text .product__props li {
  color: #000;
  font-size: 1.4rem;
  font-weight: 300;
  text-align: center;
}
@media only screen and (max-width: 1200px) {
  .product._card .product__text .product__props li {
    font-size: 1.3rem;
  }
}
.product._card .product__text .product__price {
  display: flex;
  gap: 1rem;
  justify-content: center;
  align-items: flex-end;
  color: #000;
  font-size: 1.8rem;
  font-weight: 600;
  margin-top: 3rem;
  text-align: center;
}
@media only screen and (max-width: 1200px) {
  .product._card .product__text .product__price {
    display: flex;
    gap: 0rem;
    flex-direction: column;
    align-items: center;
    font-size: 1.6rem;
    margin-top: 2rem;
  }
}
.product._card .product__text .product__price span:not(:only-child):nth-child(1) {
  color: #de5a25;
}
.product._card .product__text .product__price span:not(:only-child):nth-child(2) {
  color: #8a8a8a;
  font-size: 1.4rem;
  font-weight: 400;
  text-decoration: line-through;
  margin-bottom: 0.2rem;
}
@media only screen and (max-width: 1200px) {
  .product._card .product__text .product__price span:not(:only-child):nth-child(2) {
    font-size: 1.3rem;
    margin-bottom: 0;
  }
}
.product._checkout {
  display: flex;
  align-items: flex-start;
  background: #fff;
  border-radius: 1.2rem;
  padding: 3rem;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  .product._checkout {
    padding: 1rem 2rem 2rem 1rem;
  }
}
.product._checkout .product__photo {
  width: 12.7rem;
  min-width: 12.7rem;
  height: auto;
  aspect-ratio: 1;
}
@media only screen and (max-width: 1200px) {
  .product._checkout .product__photo {
    width: 10.2rem;
    min-width: 10.2rem;
  }
}
.product._checkout .product__photo img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.product._checkout .product__text {
  width: 100%;
  padding: 0 4rem;
}
@media only screen and (max-width: 1200px) {
  .product._checkout .product__text {
    padding: 1rem 0 0 2rem;
  }
}
.product._checkout .product__title {
  color: #000;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 2.6rem;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .product._checkout .product__title {
    font-size: 1.3rem;
    line-height: 1.6rem;
    display: block;
    padding-right: 2rem;
  }
}
.product._checkout .product__title:hover {
  color: #de5a25;
  text-decoration: underline;
}
.product._checkout .product__props {
  margin-top: 0.4rem;
  list-style: none;
}
.product._checkout .product__props li {
  color: #555;
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 2.6rem;
}
@media only screen and (max-width: 1200px) {
  .product._checkout .product__props li {
    font-size: 1.1rem;
    line-height: 1.8rem;
  }
}
.product._checkout .product__actions {
  display: grid;
  grid-gap: 6rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  margin-top: 4rem;
  align-items: center;
}
@media only screen and (max-width: 1200px) {
  .product._checkout .product__actions {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 700px) {
  .product._checkout .product__actions {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.product._checkout .product__price,
.product._checkout .product__total {
  color: #000;
  font-size: 1.5rem;
  font-weight: 500;
}
@media only screen and (max-width: 1200px) {
  .product._checkout .product__price,
  .product._checkout .product__total {
    font-size: 1.3rem;
  }
}
.product._checkout .product__price span,
.product._checkout .product__total span {
  font-weight: 400;
}
.product._checkout .product__price span:not(:only-child):nth-child(1):not(.qty):not(.price),
.product._checkout .product__total span:not(:only-child):nth-child(1):not(.qty):not(.price) {
  color: #de5a25;
}
.product._checkout .product__price span:not(:only-child):nth-child(2):not(.qty),
.product._checkout .product__total span:not(:only-child):nth-child(2):not(.qty) {
  color: #8a8a8a;
  font-size: 1.4rem;
  font-weight: 400;
  text-decoration: line-through;
  margin-bottom: 0.2rem;
}
@media only screen and (max-width: 1200px) {
  .product._checkout .product__price span:not(:only-child):nth-child(2):not(.qty),
  .product._checkout .product__total span:not(:only-child):nth-child(2):not(.qty) {
    font-size: 1.3rem;
    margin-bottom: 0;
  }
}
.product._checkout .product__remove {
  width: 2.4rem;
  min-width: 2.4rem;
  height: auto;
  aspect-ratio: 1;
  background-image: url("../images/icons/bin.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  cursor: pointer;
  transition: filter 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .product._checkout .product__remove {
    width: 2rem;
    min-width: 2rem;
    top: 1rem;
    right: 1rem;
  }
}
.product._checkout .product__remove:hover {
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
}
.product._order {
  display: flex;
  align-items: flex-start;
  background: #fff;
  border-radius: 1.2rem;
  padding: 3rem;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  .product._order {
    padding: 1rem 2rem 2rem 1rem;
  }
}
.product._order .product__photo {
  width: 12.7rem;
  min-width: 12.7rem;
  height: auto;
  aspect-ratio: 1;
}
@media only screen and (max-width: 1200px) {
  .product._order .product__photo {
    width: 10.2rem;
    min-width: 10.2rem;
  }
}
.product._order .product__photo img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.product._order .product__text {
  width: 100%;
  padding: 0 4rem;
}
@media only screen and (max-width: 1200px) {
  .product._order .product__text {
    padding: 1rem 0 0 2rem;
  }
}
.product._order .product__title {
  color: #000;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 2.6rem;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .product._order .product__title {
    font-size: 1.3rem;
    line-height: 1.6rem;
    display: block;
    padding-right: 2rem;
  }
}
.product._order .product__title:hover {
  color: #de5a25;
  text-decoration: underline;
}
.product._order .product__props {
  margin-top: 0.4rem;
  list-style: none;
}
.product._order .product__props li {
  color: #555;
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 2.6rem;
}
@media only screen and (max-width: 1200px) {
  .product._order .product__props li {
    font-size: 1.1rem;
    line-height: 1.8rem;
  }
}
.product._order .product__actions {
  display: grid;
  grid-gap: 6rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  margin-top: 4rem;
  align-items: center;
}
@media only screen and (max-width: 1200px) {
  .product._order .product__actions {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 700px) {
  .product._order .product__actions {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.product._order .product__price,
.product._order .product__quantity,
.product._order .product__total {
  color: #000;
  font-size: 1.5rem;
  font-weight: 500;
}
@media only screen and (max-width: 1200px) {
  .product._order .product__price,
  .product._order .product__quantity,
  .product._order .product__total {
    font-size: 1.3rem;
  }
}
.product._order .product__price span,
.product._order .product__quantity span,
.product._order .product__total span {
  font-weight: 400;
}

.quantity {
  display: flex;
  border-radius: 0.8rem;
  border: 0.1rem solid #bbb;
  background: #fff;
  width: 100%;
  max-width: max-content;
}
.quantity .quantity__minus,
.quantity .quantity__plus {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.4rem;
  width: 5.1rem;
  cursor: pointer;
  filter: brightness(0) invert(0);
  transition: filter 0.3s ease-in-out;
}
.quantity .quantity__minus:hover,
.quantity .quantity__plus:hover {
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
}
.quantity .quantity__minus {
  background-image: url("../images/icons/minus_14x14.svg");
}
.quantity .quantity__plus {
  background-image: url("../images/icons/plus_14x14.svg");
}
.quantity .quantity__input {
  color: #000;
  font-size: 1.8rem;
  font-weight: 400;
  width: calc(100% - 10.2rem);
  height: 100%;
  text-align: center;
  appearance: none;
}
.quantity .quantity__input::-webkit-outer-spin-button, .quantity .quantity__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.quantity._checkout {
  width: 8.9rem;
  height: 3.6rem;
}
.quantity._checkout .quantity__minus,
.quantity._checkout .quantity__plus {
  background-size: 1.2rem;
  width: 3.2rem;
}
.quantity._checkout .quantity__input {
  font-size: 1.5rem;
  width: calc(100% - 6.4rem);
}

.slick-arrow, body .mfp-container .mfp-arrow {
  font-size: 0;
  z-index: 1;
}
.slick-arrow::before, body .mfp-container .mfp-arrow::before {
  content: none !important;
}
.slick-arrow::after, body .mfp-container .mfp-arrow::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
  border-radius: 50%;
}
.slick-arrow.slick-prev, body .mfp-container .slick-prev.mfp-arrow {
  left: 0;
}
.slick-arrow.slick-prev::after, body .mfp-container .slick-prev.mfp-arrow::after {
  transform: rotate(180deg);
}
.slick-arrow.slick-next, body .mfp-container .slick-next.mfp-arrow {
  right: 0;
}
.slick-arrow.slick-arrow-22, body .mfp-container .slick-arrow-22.mfp-arrow, .product__gallery .gallery__thumb .slider > .slick-arrow, .product__gallery .gallery__thumb body .mfp-container .slider > .mfp-arrow, body .mfp-container .product__gallery .gallery__thumb .slider > .mfp-arrow {
  width: 2.2rem;
  min-width: 2.2rem;
  height: 2.2rem;
}
.slick-arrow.slick-arrow-22::after, body .mfp-container .slick-arrow-22.mfp-arrow::after, .product__gallery .gallery__thumb .slider > .slick-arrow::after, .product__gallery .gallery__thumb body .mfp-container .slider > .mfp-arrow::after, body .mfp-container .product__gallery .gallery__thumb .slider > .mfp-arrow::after {
  background-image: url("../images/icons/chevron_22x22.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.slick-arrow.slick-arrow-60, body .mfp-container .slick-arrow-60.mfp-arrow, .about__partners .partners__slider .slick-arrow, .about__partners .partners__slider body .mfp-container .mfp-arrow, body .mfp-container .about__partners .partners__slider .mfp-arrow {
  width: 6rem;
  min-width: 6rem;
  height: 6rem;
}
.slick-arrow.slick-arrow-60::after, body .mfp-container .slick-arrow-60.mfp-arrow::after, .about__partners .partners__slider .slick-arrow::after, .about__partners .partners__slider body .mfp-container .mfp-arrow::after, body .mfp-container .about__partners .partners__slider .mfp-arrow::after {
  background-image: url("../images/icons/slick-arrow_60x60.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.slick-arrow.slick-arrow-74, body .mfp-container .mfp-arrow, .work__popup .popup__slider .slick-arrow, .work__popup .popup__slider body .mfp-container .mfp-arrow, body .mfp-container .work__popup .popup__slider .mfp-arrow {
  width: 7.4rem;
  min-width: 7.4rem;
  height: 7.4rem;
}
.slick-arrow.slick-arrow-74::after, body .mfp-container .mfp-arrow::after, .work__popup .popup__slider .slick-arrow::after, .work__popup .popup__slider body .mfp-container .mfp-arrow::after, body .mfp-container .work__popup .popup__slider .mfp-arrow::after {
  background-image: url("../images/icons/slick-arrow_74x74.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.slick-arrow.slick-arrow-white::after, body .mfp-container .mfp-arrow::after {
  background-color: #fff;
  background-image: url("../images/icons/chevron-right_36x36_222.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 52.94% auto;
}
.slick-arrow.slick-arrow-white:hover::after, body .mfp-container .mfp-arrow:hover::after {
  background-color: #de5a25;
  background-image: url("../images/icons/chevron-right_36x36_fff.svg");
}
.slick-arrow.slick-arrow-white.slick-arrow-74::after, body .mfp-container .mfp-arrow::after, .work__popup .popup__slider .slick-arrow.slick-arrow-white::after, .work__popup .popup__slider body .mfp-container .mfp-arrow::after, body .mfp-container .work__popup .popup__slider .mfp-arrow::after {
  background-image: url("../images/icons/chevron-right_32x32_222.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 47.05% auto;
}
.slick-arrow.slick-arrow-white.slick-arrow-74:hover::after, body .mfp-container .mfp-arrow:hover::after, .work__popup .popup__slider .slick-arrow.slick-arrow-white:hover::after {
  background-image: url("../images/icons/chevron-right_32x32_fff.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 47.05% auto;
}

table {
  border: 0.1rem solid #e9e9e9;
  background: #fff;
  width: 100%;
  border-collapse: collapse;
  margin-top: 3rem;
}
@media only screen and (max-width: 1200px) {
  table {
    margin-top: 2rem;
  }
}
table th,
table td {
  color: #000;
  font-size: 1.3rem;
  font-weight: 400;
  text-align: left;
  border-top: 0.1rem solid #e9e9e9;
}
table th:last-child,
table td:last-child {
  text-align: right;
}
table th:only-child,
table td:only-child {
  text-align: left;
}
table th {
  color: #777;
  padding: 2rem 3rem;
}
@media only screen and (max-width: 1200px) {
  table th {
    padding: 1.6rem 2rem;
  }
}
table:has(tr:nth-child(2) > th) tr:nth-child(1) > th {
  font-family: "Titillium Web", sans-serif;
  color: #000;
  font-size: 2rem;
  font-weight: 400;
}
@media only screen and (max-width: 1200px) {
  table:has(tr:nth-child(2) > th) tr:nth-child(1) > th {
    font-size: 1.6rem;
  }
}
table td {
  padding: 1.9rem 3rem;
}
@media only screen and (max-width: 1200px) {
  table td {
    padding: 1.6rem 2rem;
  }
}

.table__wrapper {
  overflow-x: auto;
}

.faq {
  padding: 12rem 0 14rem;
}
.faq .faq__card {
  border-radius: 0.6rem;
  border: 0.1rem solid #e0e0e0;
}
.faq .faq__card:has(input:checked) .faq__header::after {
  background-image: url("../images/icons/plus_28x28.svg");
}
.faq .faq__card:has(input:checked) .faq__content {
  display: none;
}
.faq .faq__card input {
  display: none;
}
.faq .faq__card .faq__header {
  display: flex;
  gap: 3rem;
  justify-content: space-between;
  align-items: center;
  color: #000;
  font-size: 1.8rem;
  font-weight: 400;
  padding: 2.3rem 3rem;
  cursor: pointer;
}
@media only screen and (max-width: 1200px) {
  .faq .faq__card .faq__header {
    font-size: 1.5rem;
    gap: 0;
    padding: 2rem 1.6rem 2rem 2rem;
  }
}
.faq .faq__card .faq__header::after {
  display: flex;
  content: "";
  background-image: url("../images/icons/minus_28x28.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 2.8rem;
  min-width: 2.8rem;
  height: auto;
  aspect-ratio: 1;
  margin-left: 3rem;
}
@media only screen and (max-width: 1200px) {
  .faq .faq__card .faq__header::after {
    display: flex;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 2.4rem;
    min-width: 2.4rem;
    height: 2.4rem;
    margin-left: 2rem;
  }
}
.faq .faq__card .faq__content {
  padding: 0 8.8rem 3rem 3rem;
}
@media only screen and (max-width: 1200px) {
  .faq .faq__card .faq__content {
    padding: 0 2rem 2rem 2rem;
  }
}
.faq .faq__card .faq__content p,
.faq .faq__card .faq__content .p {
  color: #000;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.8rem;
}
@media only screen and (max-width: 1200px) {
  .faq .faq__card .faq__content p,
  .faq .faq__card .faq__content .p {
    font-size: 1.3rem;
    line-height: 2.2rem;
  }
}
@media only screen and (max-width: 1200px) {
  .faq {
    padding: 8rem 0;
  }
}
.faq h2,
.faq .h2 {
  color: #222;
}
@media only screen and (max-width: 1200px) {
  .faq h2,
  .faq .h2 {
    font-size: 2.4rem;
  }
}
.faq .faq-list {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 1fr;
  margin-top: 3rem;
}
@media only screen and (max-width: 1200px) {
  .faq .faq-list {
    margin-top: 2rem;
  }
}

.category__aside {
  display: flex;
  gap: 3rem;
  flex-direction: column;
  width: 23.05%;
}
@media only screen and (max-width: 1200px) {
  .category__aside {
    display: none;
  }
}

.filter {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1201px) {
  .filter {
    border-radius: 1.2rem;
    border: 0.1rem solid #e0e0e0;
  }
}
@media only screen and (max-width: 1200px) {
  .filter {
    background: #fff;
    max-width: 28.2rem;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    transform: translateX(100%);
    overflow-y: auto;
    transition: transform 0.3s ease-in-out;
  }
}
.filter:has(input:checked) .filter__button::after {
  transform: rotate(180deg);
}
.filter:has(input:checked) .filter__content {
  display: block;
}
.filter > input {
  display: none;
}
.filter .filter__button {
  display: flex;
  gap: 3rem;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 2.2rem 1.8rem 2.2rem 3rem;
}
@media only screen and (max-width: 1200px) {
  .filter .filter__button {
    padding: 2.2rem 3rem;
  }
}
@media only screen and (min-width: 1201px) {
  .filter .filter__button::after {
    display: flex;
    content: "";
    background-image: url("../images/icons/chevron_18x18.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 1.8rem;
    min-width: 1.8rem;
    height: auto;
    aspect-ratio: 1;
    transform: rotate(0deg);
  }
}
.filter .filter__button .filter__text {
  display: flex;
  gap: 1.6rem;
  align-items: center;
  font-family: "Titillium Web", sans-serif;
  color: #000;
  font-size: 1.6rem;
  font-weight: 600;
  max-width: max-content;
  position: relative;
  padding-right: 2.8rem;
  text-transform: uppercase;
}
.filter .filter__button .filter__text::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/filter.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 2rem;
  min-width: 2rem;
  height: auto;
  aspect-ratio: 1;
}
.filter .filter__button .filter__text .filter__count {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.8rem;
  height: auto;
  aspect-ratio: 1;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.8rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #000;
  text-transform: uppercase;
}
.filter .filter__content {
  display: none;
  font-size: 2rem;
  border-top: 0.1rem solid #e0e0e0;
}
@media only screen and (max-width: 1200px) {
  .filter .filter__content {
    display: block;
  }
}
.filter .filter__content .filter__price {
  padding: 3rem 3rem 3.6rem;
}
.filter .filter__content .filter__price .price__title {
  color: #222;
  font-size: 1.5rem;
  font-weight: 400;
  text-transform: uppercase;
}
@media only screen and (max-width: 1200px) {
  .filter .filter__content .filter__price .price__title {
    font-size: 1.4rem;
  }
}
.filter .filter__content .filter__group:not(:first-child) {
  border-top: 0.1rem solid #e0e0e0;
}
.filter .filter__content .filter__group:has(input:checked) .filter__heading::after {
  transform: rotate(180deg);
}
.filter .filter__content .filter__group:has(input:checked) .filter__list {
  display: flex;
  flex-direction: column;
}
.filter .filter__content .filter__group input {
  display: none;
}
.filter .filter__content .filter__group .filter__heading {
  display: flex;
  gap: 3rem;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 2.8rem 1.8rem 2.4rem 3rem;
}
@media only screen and (max-width: 1200px) {
  .filter .filter__content .filter__group .filter__heading {
    padding: 2.45rem 1.6rem 2.45rem 3rem;
  }
}
.filter .filter__content .filter__group .filter__heading::after {
  display: flex;
  content: "";
  background-image: url("../images/icons/chevron_18x18.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 1.8rem;
  min-width: 1.8rem;
  height: auto;
  aspect-ratio: 1;
  transform: rotate(0deg);
}
.filter .filter__content .filter__group .filter__heading .filter__text {
  display: flex;
  align-items: center;
  color: #000;
  font-size: 1.5rem;
  font-weight: 400;
  max-width: max-content;
  position: relative;
  padding-right: 2.4rem;
  text-transform: uppercase;
}
@media only screen and (max-width: 1200px) {
  .filter .filter__content .filter__group .filter__heading .filter__text {
    font-size: 1.4rem;
  }
}
.filter .filter__content .filter__group .filter__heading .filter__text .filter__count {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.8rem;
  height: auto;
  aspect-ratio: 1;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.8rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #000;
  text-transform: uppercase;
}
.filter .filter__content .filter__group .filter__list {
  display: none;
  padding: 0 3rem 3rem;
}
.filter .filter__content .filter__group .filter__list .checkbox {
  font-size: 1.4rem;
}
@media only screen and (max-width: 1200px) {
  .filter .filter__content .filter__group .filter__list .checkbox {
    font-size: 1.3rem;
  }
}
.filter .filter__content .filter__group .filter__list .checkbox:first-child {
  margin-top: 0;
}
.filter .filter__content .filter__actions {
  padding: 3rem 3rem 2rem;
  border-top: 0.1rem solid #e0e0e0;
}
@media only screen and (max-width: 1200px) {
  .filter .filter__content .filter__actions {
    display: flex;
    gap: 1.9rem;
    flex-direction: row-reverse;
    position: sticky;
    bottom: 0;
    background: #fff;
    border-top: 0;
    padding: 2rem;
    box-shadow: 0 -0.4rem 0.6rem 0 rgba(0, 0, 0, 0.15);
  }
  .filter .filter__content .filter__actions .button,
  .filter .filter__content .filter__actions .button-clear {
    width: 100%;
    max-width: 100%;
    height: 3.6rem;
  }
  .filter .filter__content .filter__actions .button {
    font-size: 1.2rem;
    font-weight: 600;
  }
}
.filter .filter__content .filter__actions .button-clear {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #de5a25;
  font-size: 1.4rem;
  font-weight: 400;
  margin: 1.5rem auto 0;
  cursor: pointer;
  transition: color 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .filter .filter__content .filter__actions .button-clear {
    color: #de5a25;
    font-size: 1.2rem;
    margin: 0;
    max-width: 100%;
    border: 0.1rem solid #de5a25;
    border-radius: 0.6rem;
    padding: 1.2rem 2rem;
  }
}
@media only screen and (min-width: 1201px) {
  .filter .filter__content .filter__actions .button-clear:hover {
    color: #f05f25;
    text-decoration: underline;
  }
}
@media only screen and (max-width: 1200px) {
  .filter .filter__content .filter__actions .button-clear:hover {
    color: #fff;
    background: #de5a25;
  }
}

.price__range .price__input {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 2rem 0 2.4rem 0;
}
.price__range .price__input .field {
  display: flex;
  align-items: center;
}
.price__range .price__input .field input {
  color: #000;
  font-size: 1.4rem;
  font-weight: 400;
  width: 10.4rem;
  min-width: 10.4rem;
  height: 3.8rem;
  outline: none;
  text-align: center;
  background: #fff;
  border: 0.1rem solid #8e8e8e;
  border-radius: 0.4rem;
  -moz-appearance: textfield;
}
.price__range .price__input .field input[type=number]::-webkit-outer-spin-button,
.price__range .price__input .field input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.price__range .range__slider {
  height: 0.4rem;
  position: relative;
  background: #e6e6e6;
  border-radius: 15rem;
}
.price__range .range__slider .progress {
  height: 100%;
  position: absolute;
  border-radius: 15rem;
  background: #de5a25;
}
.price__range .range__input {
  position: relative;
}
.price__range .range__input input {
  position: absolute;
  width: 100%;
  height: 0.1rem;
  top: -0.3rem;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.price__range .range__input input[type=range]::-webkit-slider-thumb {
  height: 1.6rem;
  width: 1.6rem;
  border-radius: 50%;
  border: 0.5rem solid #de5a25;
  background: #fff;
  pointer-events: auto;
  -webkit-appearance: none;
  cursor: pointer;
}
.price__range .range__input input[type=range]::-moz-range-thumb {
  height: 1.6rem;
  width: 1.6rem;
  border-radius: 50%;
  border: 0.5rem solid #de5a25;
  background: #fff;
  pointer-events: auto;
  -webkit-appearance: none;
  cursor: pointer;
}

.category__info {
  display: flex;
  gap: 3rem;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3rem;
}
@media only screen and (max-width: 1200px) {
  .category__info {
    display: none;
  }
}
.category__info .info__products {
  color: #555;
  font-size: 1.3rem;
  font-weight: 300;
}
.category__info .select {
  width: 28.8rem;
  margin: 0;
}

.category__actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: calc(100% + 6.66vw);
  height: 6.5rem;
  margin: 0 -3.33vw;
  border-top: 0.1rem solid #e0e0e0;
  border-bottom: 0.1rem solid #e0e0e0;
  margin-bottom: 2rem;
  padding: 0 3.33%;
}
.category__actions:has(.mobile-filter-btn) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
@media only screen and (max-width: 800px) {
  .category__actions:has(.mobile-filter-btn) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.65fr);
  }
}
.category__actions .select {
  margin: 0;
}
.category__actions .select .select__frame {
  border: 0;
  height: 6.5rem;
  font-size: 1.3rem;
}
.category__actions .select .select__dropdown .select__item {
  font-size: 1.3rem;
}
.category__actions .select:not(:last-child) {
  border-right: 0.1rem solid #e0e0e0;
}
.category__actions .mobile-filter-btn {
  display: flex;
  gap: 1rem;
  justify-content: center;
  align-items: center;
  font-family: "Titillium Web", sans-serif;
  color: #000;
  font-size: 1.3rem;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
}
.category__actions .mobile-filter-btn::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/filter.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 2rem;
  min-width: 2rem;
  height: auto;
  aspect-ratio: 1;
}

.mobile__filter {
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  z-index: 4;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.mobile__filter._open {
  opacity: 1;
  visibility: visible;
}
.mobile__filter._open .filter {
  transform: translateX(0);
}

.pagination {
  display: flex;
  gap: 1.6rem;
  justify-content: center;
  margin-top: 8rem;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1200px) {
  .pagination {
    display: flex;
    gap: 1.4rem;
    margin-top: 4rem;
  }
}
.pagination > * {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.6rem;
  min-width: 3.6rem;
  height: auto;
  aspect-ratio: 1;
  color: #222;
  font-size: 1.4rem;
  font-weight: 300;
  border-radius: 0.4rem;
  border: 0.1rem solid #e0e0e0;
  text-decoration: none;
  transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .pagination > * {
    width: 3.4rem;
    min-width: 3.4rem;
    font-size: 1.3rem;
    font-weight: 300;
  }
}
.pagination > *._active {
  border-color: #000;
}
.pagination > *:hover {
  color: #de5a25;
  border-color: #de5a25;
}
.pagination .pagination__left,
.pagination .pagination__right {
  background-image: url("../images/icons/chevron_36x36.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.pagination .pagination__left:hover,
.pagination .pagination__right:hover {
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
}
.pagination .pagination__left {
  transform: rotate(180deg);
}

.category__columns {
  padding: 6rem 0 14rem;
  overflow: hidden;
}
@media only screen and (max-width: 1200px) {
  .category__columns {
    padding: 4rem 0 8rem;
  }
}
.category__columns .wrap {
  display: flex;
  gap: 6.11%;
  align-items: flex-start;
}
@media only screen and (max-width: 1200px) {
  .category__columns .wrap {
    display: flex;
    gap: 0rem;
  }
}
.category__columns .category__content {
  width: 70.84%;
}
@media only screen and (max-width: 1200px) {
  .category__columns .category__content {
    width: 100%;
  }
}

.category__hero {
  display: flex;
  width: 100%;
  min-height: 46.8rem;
  max-height: 46.8rem;
  background: #f6f6f6;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1200px) {
  .category__hero {
    min-height: unset;
    max-height: unset;
  }
}
.category__hero .wrap {
  display: flex;
}
@media only screen and (max-width: 800px) {
  .category__hero .wrap {
    display: flex;
    flex-direction: column;
  }
}
.category__hero .content {
  display: flex;
  max-width: 192rem;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.category__hero .breadcrumb {
  padding: 0 0 3rem;
}
@media only screen and (max-width: 1200px) {
  .category__hero .breadcrumb {
    padding: 0 0 2rem;
  }
}
.category__hero .hero__text {
  width: 47.08%;
  position: relative;
  z-index: 1;
  padding: 7rem 10rem 7rem 0;
}
@media only screen and (max-width: 1200px) {
  .category__hero .hero__text {
    padding: 5rem 3rem 5rem 0;
  }
}
@media only screen and (max-width: 800px) {
  .category__hero .hero__text {
    width: 100%;
    padding: 3rem 0;
  }
}
.category__hero .hero__text h1,
.category__hero .hero__text .h1,
.category__hero .hero__text .category__seo h2,
.category__seo .category__hero .hero__text h2,
.category__hero .hero__text .category__seo .h2,
.category__seo .category__hero .hero__text .h2,
.category__hero .hero__text .product__description .description__block h2,
.product__description .description__block .category__hero .hero__text h2,
.category__hero .hero__text .product__description .description__block .h2,
.product__description .description__block .category__hero .hero__text .h2,
.category__hero .hero__text .product__news .news__heading h2,
.product__news .news__heading .category__hero .hero__text h2,
.category__hero .hero__text .product__news .news__heading .h2,
.product__news .news__heading .category__hero .hero__text .h2,
.category__hero .hero__text .product__review h2,
.product__review .category__hero .hero__text h2,
.category__hero .hero__text .product__review .h2,
.product__review .category__hero .hero__text .h2,
.category__hero .hero__text .faq h2,
.faq .category__hero .hero__text h2,
.category__hero .hero__text .faq .h2,
.faq .category__hero .hero__text .h2 {
  line-height: 6.4rem;
}
@media only screen and (max-width: 1200px) {
  .category__hero .hero__text h1,
  .category__hero .hero__text .h1,
  .category__hero .hero__text .category__seo h2,
  .category__seo .category__hero .hero__text h2,
  .category__hero .hero__text .category__seo .h2,
  .category__seo .category__hero .hero__text .h2,
  .category__hero .hero__text .product__description .description__block h2,
  .product__description .description__block .category__hero .hero__text h2,
  .category__hero .hero__text .product__description .description__block .h2,
  .product__description .description__block .category__hero .hero__text .h2,
  .category__hero .hero__text .product__news .news__heading h2,
  .product__news .news__heading .category__hero .hero__text h2,
  .category__hero .hero__text .product__news .news__heading .h2,
  .product__news .news__heading .category__hero .hero__text .h2,
  .category__hero .hero__text .product__review h2,
  .product__review .category__hero .hero__text h2,
  .category__hero .hero__text .product__review .h2,
  .product__review .category__hero .hero__text .h2,
  .category__hero .hero__text .faq h2,
  .faq .category__hero .hero__text h2,
  .category__hero .hero__text .faq .h2,
  .faq .category__hero .hero__text .h2 {
    font-size: 3.2rem;
    font-weight: 400;
    line-height: 3.8rem;
  }
}
.category__hero .hero__text p,
.category__hero .hero__text .p {
  color: #252525;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.8rem;
  margin-top: 2rem;
}
@media only screen and (max-width: 1200px) {
  .category__hero .hero__text p,
  .category__hero .hero__text .p {
    font-size: 1.3rem;
    line-height: 2.2rem;
  }
}
.category__hero .hero__photo {
  width: 52.18%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
@media only screen and (max-width: 800px) {
  .category__hero .hero__photo {
    width: calc(100% + 6.66vw);
    height: auto;
    aspect-ratio: 360/168;
    position: relative;
    top: unset;
    right: unset;
    bottom: unset;
    margin: 0 -3.33vw;
  }
}
.category__hero .hero__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.category__hero .more {
  font-weight: 500;
  color: #252525;
}
.category__hero .more:hover {
  color: #de5a25;
}

.category__brands._slider {
  border-top: 0.1rem solid #e0e0e0;
  padding: 8rem 0 11rem;
  overflow: hidden;
}
@media only screen and (max-width: 1200px) {
  .category__brands._slider {
    padding: 6rem 0 13rem;
  }
}
.category__brands._slider .wrap {
  display: flex;
  gap: 5rem;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1200px) {
  .category__brands._slider .wrap {
    display: flex;
    gap: 3rem;
  }
}
.category__brands._slider .brands__text {
  width: 16.67%;
}
@media only screen and (max-width: 800px) {
  .category__brands._slider .brands__text {
    display: none;
  }
}
.category__brands._slider .brands__text h2,
.category__brands._slider .brands__text .h2 {
  font-family: "Titillium Web", sans-serif;
  color: #222;
  font-size: 2.8rem;
  font-weight: 400;
}
@media only screen and (max-width: 1200px) {
  .category__brands._slider .brands__text h2,
  .category__brands._slider .brands__text .h2 {
    font-size: 2.4rem;
  }
}
.category__brands._slider .brands__slider {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 83.33%;
  max-width: 83.33%;
}
@media only screen and (max-width: 800px) {
  .category__brands._slider .brands__slider {
    width: 100%;
    max-width: 100%;
  }
}
.category__brands._slider .brands__slider .slider {
  max-width: calc(100% - 15rem);
}
.category__brands._slider .brands__slider .slider:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  overflow: hidden;
}
.category__brands._slider .brands__slider .slider:not(.slick-initialized) > *:nth-child(n+8) {
  display: none;
}
@media only screen and (max-width: 1200px) {
  .category__brands._slider .brands__slider .slider {
    max-width: calc(100% - 10rem);
  }
}
@media only screen and (max-width: 800px) {
  .category__brands._slider .brands__slider .slider {
    max-width: calc(100% + 6.66vw);
    margin: 0 -3.33vw;
  }
  .category__brands._slider .brands__slider .slider .slick-list {
    padding: 0 calc((100% - 29.4rem) / 2) !important;
  }
}
@media only screen and (max-width: 500px) {
  .category__brands._slider .brands__slider .slider .slick-list {
    padding: 0 calc((100% - 19.6rem) / 2) !important;
  }
}
.category__brands._slider .brands__slider .slider .slick-slide, .category__brands._slider .brands__slider .slider > div:not(.slick-list) {
  padding: 0 1.5rem;
}
@media only screen and (max-width: 1200px) {
  .category__brands._slider .brands__slider .slider .slick-slide, .category__brands._slider .brands__slider .slider > div:not(.slick-list) {
    padding: 0 1rem;
  }
}
@media only screen and (max-width: 800px) {
  .category__brands._slider .brands__slider .slider .slick-slide, .category__brands._slider .brands__slider .slider > div:not(.slick-list) {
    padding: 0 0.3rem;
  }
}
.category__brands._slider .brands__slider .slider .brands__item {
  display: flex;
}
.category__brands._slider .brands__slider .slider .brands__item img {
  margin: auto;
}
.category__brands._slider .brands__slider .brands__arrow-left,
.category__brands._slider .brands__slider .brands__arrow-right {
  background-image: url("../images/icons/arrow-circle_60x60.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 6rem;
  min-width: 6rem;
  height: auto;
  aspect-ratio: 1;
  cursor: pointer;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  .category__brands._slider .brands__slider .brands__arrow-left,
  .category__brands._slider .brands__slider .brands__arrow-right {
    width: 4.4rem;
    min-width: 4.4rem;
  }
}
@media only screen and (max-width: 800px) {
  .category__brands._slider .brands__slider .brands__arrow-left,
  .category__brands._slider .brands__slider .brands__arrow-right {
    display: none;
  }
}
.category__brands._slider .brands__slider .brands__arrow-left {
  transform: rotate(180deg);
}
.category__brands._slider .brands__slider .slick-dots {
  bottom: -4.5rem;
}
.category__brands._slider .brands__slider .slick-dots li {
  width: 1.6rem;
  height: 1.6rem;
  margin: 0;
  opacity: 1;
}
.category__brands._slider .brands__slider .slick-dots li.slick-active button::after {
  background: #de5a25;
}
.category__brands._slider .brands__slider .slick-dots li button {
  width: 1.6rem;
  height: 1.6rem;
  padding: 0;
  font-size: 0;
  position: relative;
}
.category__brands._slider .brands__slider .slick-dots li button::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  content: "";
  background: #d3d3d3;
  transition: background 0.3s ease-in-out;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
}
.category__brands._slider .brands__slider .slick-dots li button::before {
  content: none;
}
.category__brands._small {
  display: grid;
  grid-gap: 3rem;
  grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
  margin-bottom: 6rem;
}
@media only screen and (max-width: 1200px) {
  .category__brands._small {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(9.2rem, 1fr));
    margin-bottom: 0;
  }
}
.category__brands._small .brands__item img {
  width: 12rem;
  min-width: 12rem;
  height: auto;
  aspect-ratio: 1.875;
  object-fit: contain;
}
@media only screen and (max-width: 1200px) {
  .category__brands._small .brands__item img {
    width: 9.2rem;
    min-width: 9.2rem;
  }
}

.category__seo {
  display: flex;
  background: #f6f6f6;
  overflow: hidden;
}
.category__seo .wrap {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 800px) {
  .category__seo .wrap {
    display: flex;
    flex-direction: column;
  }
}
.category__seo .seo__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 44.58%;
  padding: 10rem 0;
}
@media only screen and (max-width: 800px) {
  .category__seo .seo__text {
    width: 100%;
    padding: 8rem 0 3rem;
  }
}
.category__seo .seo__photo {
  width: 51.18%;
  height: auto;
  aspect-ratio: 737/636;
  margin-right: -5.55%;
}
@media only screen and (max-width: 800px) {
  .category__seo .seo__photo {
    width: calc(100% + 6.66vw);
    margin: 0 -3.33vw;
  }
}
.category__seo .seo__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.category__seo h2,
.category__seo .h2 {
  color: #222;
}
@media only screen and (max-width: 1200px) {
  .category__seo h2,
  .category__seo .h2 {
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 3rem;
  }
}
.category__seo p,
.category__seo .p {
  color: #222;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.6rem;
  margin-top: 3rem;
}
@media only screen and (max-width: 1200px) {
  .category__seo p,
  .category__seo .p {
    font-size: 1.4rem;
    line-height: 2.2rem;
    margin-top: 2rem;
  }
}
.category__seo:not(:has(.seo__photo)) .seo__text {
  width: 100%;
}

.category._aside {
  border-radius: 1.2rem;
  border: 0.1rem solid #e0e0e0;
}
.category._aside .category__1:not(:first-child) {
  border-top: 0.1rem solid #e0e0e0;
}
.category._aside .category__1 .category__heading:last-child label,
.category._aside .category__2 .category__heading:last-child label,
.category._aside .category__3 .category__heading:last-child label {
  display: none;
}
.category._aside .category__1 > .category__heading {
  display: flex;
}
.category._aside .category__1 > .category__heading:has(input:checked) {
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
}
.category._aside .category__1 > .category__heading:has(input:checked) label {
  transform: rotate(180deg);
}
.category._aside .category__1 > .category__heading:has(input:checked) + .category__content {
  display: block;
}
.category._aside .category__1 > .category__heading a {
  display: flex;
  align-items: center;
  color: #000;
  font-size: 1.5rem;
  font-weight: 600;
  text-decoration: none;
  padding: 1.3rem 3rem;
  width: 100%;
  min-height: 5rem;
  transition: color 0.3s ease-in-out;
}
.category._aside .category__1 > .category__heading a:hover {
  color: #de5a25;
  text-decoration: underline;
}
.category._aside .category__1 > .category__heading label {
  width: 5.4rem;
  min-width: 5.4rem;
  height: 5rem;
  background-image: url("../images/icons/chevron_18x18.svg");
  background-repeat: no-repeat;
  background-position: center right 1.8rem;
  background-size: 1.8rem;
  cursor: pointer;
}
.category._aside .category__1 > .category__heading label input {
  display: none;
}
.category._aside .category__1 > .category__heading a {
  text-transform: uppercase;
}
.category._aside .category__2 > .category__heading {
  display: flex;
}
.category._aside .category__2 > .category__heading:has(input:checked) {
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
}
.category._aside .category__2 > .category__heading:has(input:checked) label {
  transform: rotate(180deg);
}
.category._aside .category__2 > .category__heading:has(input:checked) + .category__content {
  display: block;
}
.category._aside .category__2 > .category__heading a {
  display: flex;
  align-items: center;
  color: #000;
  font-size: 1.6rem;
  font-weight: 300;
  text-decoration: none;
  padding: 1rem 3rem;
  width: 100%;
  min-height: 5rem;
  transition: color 0.3s ease-in-out;
}
.category._aside .category__2 > .category__heading a:hover {
  color: #de5a25;
  text-decoration: underline;
}
.category._aside .category__2 > .category__heading label {
  width: 5.4rem;
  min-width: 5.4rem;
  height: 5rem;
  background-image: url("../images/icons/chevron_18x18.svg");
  background-repeat: no-repeat;
  background-position: center right 1.8rem;
  background-size: 1.8rem;
  cursor: pointer;
}
.category._aside .category__2 > .category__heading label input {
  display: none;
}
.category._aside .category__3 > .category__heading {
  display: flex;
}
.category._aside .category__3 > .category__heading:has(input:checked) {
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
}
.category._aside .category__3 > .category__heading:has(input:checked) label {
  transform: rotate(180deg);
}
.category._aside .category__3 > .category__heading:has(input:checked) + .category__content {
  display: block;
}
.category._aside .category__3 > .category__heading a {
  display: flex;
  align-items: center;
  color: #000;
  font-size: 1.4rem;
  font-weight: 300;
  text-decoration: none;
  padding: 0.5rem 3rem 0.5rem 4.5rem;
  width: 100%;
  min-height: 5rem;
  transition: color 0.3s ease-in-out;
}
.category._aside .category__3 > .category__heading a:hover {
  color: #de5a25;
  text-decoration: underline;
}
.category._aside .category__3 > .category__heading label {
  width: 5.4rem;
  min-width: 5.4rem;
  height: 5rem;
  background-image: url("../images/icons/chevron_18x18.svg");
  background-repeat: no-repeat;
  background-position: center right 1.8rem;
  background-size: 1.8rem;
  cursor: pointer;
}
.category._aside .category__3 > .category__heading label input {
  display: none;
}
.category._aside .category__1 > .category__content,
.category._aside .category__2 > .category__content,
.category._aside .category__3 > .category__content {
  display: none;
  width: 100%;
}
.category._aside .category__1 > .category__content {
  padding: 1rem 0;
  border-top: 0.1rem solid #e0e0e0;
}
.category._aside .category__2 > .category__content {
  padding: 0 0 1rem;
}
.category._aside .category__1:has(.category__3 input:checked) > .category__heading {
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
}
.category._aside .category__1:has(.category__3 input:checked) > .category__heading label {
  transform: rotate(180deg);
}
.category._aside .category__1:has(.category__3 input:checked) > .category__heading + .category__content {
  display: block;
}
.category._aside .category__1:has(.category__2 input:checked) > .category__heading {
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
}
.category._aside .category__1:has(.category__2 input:checked) > .category__heading label {
  transform: rotate(180deg);
}
.category._aside .category__1:has(.category__2 input:checked) > .category__heading + .category__content {
  display: block;
}
.category._aside .category__2:has(.category__3 input:checked) > .category__heading {
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
}
.category._aside .category__2:has(.category__3 input:checked) > .category__heading label {
  transform: rotate(180deg);
}
.category._aside .category__2:has(.category__3 input:checked) > .category__heading + .category__content {
  display: block;
}
.category._small {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr));
  flex-wrap: wrap;
  margin-bottom: 6rem;
}
@media only screen and (max-width: 1200px) {
  .category._small {
    display: grid;
    grid-gap: 0.8rem;
    grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr));
    margin-bottom: 4rem;
  }
}
.category._small .category__item {
  display: flex;
  align-items: center;
  width: 100%;
  background: #f6f6f6;
  border-radius: 1.2rem;
  padding: 0.2rem;
  text-decoration: none;
}
@media only screen and (max-width: 1200px) {
  .category._small .category__item {
    border-radius: 0.6rem;
    padding: 0.2rem 1rem;
  }
}
.category._small .category__item:hover .category__text, .category._small .category__item._active .category__text {
  color: #de5a25;
}
.category._small .category__item img {
  width: 11rem;
  min-width: 11rem;
  height: auto;
  aspect-ratio: 1;
}
@media only screen and (max-width: 1200px) {
  .category._small .category__item img {
    width: 7.6rem;
    min-width: 7.6rem;
  }
}
.category._small .category__item .category__text {
  font-family: "Titillium Web", sans-serif;
  color: #000;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.2rem;
  padding: 1rem 3rem 1rem 0.3rem;
  transition: color 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .category._small .category__item .category__text {
    font-size: 1.3rem;
    line-height: 1.8rem;
    padding: 1rem 2rem 1rem 1rem;
  }
}
.category._big {
  padding: 10rem 0;
}
@media only screen and (max-width: 1200px) {
  .category._big {
    padding: 4rem 0 8rem;
  }
}
.category._big .wrap {
  display: grid;
  grid-gap: 6rem 5rem;
  grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr));
}
@media only screen and (max-width: 1200px) {
  .category._big .wrap {
    display: grid;
    grid-gap: 3rem 0.8rem;
    grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
  }
}
@media only screen and (max-width: 600px) {
  .category._big .wrap {
    display: grid;
    grid-gap: 3rem 0.8rem;
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
  }
}
.category._big .category__item {
  display: flex;
  flex-direction: column;
  text-decoration: none;
}
.category._big .category__item:hover .category__text {
  color: #de5a25;
}
.category._big .category__item img {
  width: 24.1rem;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  border-radius: 1.2rem;
  background: #f6f6f6;
}
@media only screen and (max-width: 1200px) {
  .category._big .category__item img {
    width: 24.1rem;
    min-width: 100%;
    height: auto;
    aspect-ratio: 1;
    border-radius: 0.6rem;
  }
}
.category._big .category__item .category__text {
  font-family: "Titillium Web", sans-serif;
  color: #000;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.8rem;
  margin-top: 2rem;
  transition: color 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .category._big .category__item .category__text {
    font-size: 1.2rem;
    line-height: 1.6rem;
    margin-top: 1rem;
  }
}
.category._homepage {
  padding: 14rem 0;
}
@media only screen and (max-width: 1200px) {
  .category._homepage {
    padding: 6rem 0 8rem;
  }
}
.category._homepage .wrap {
  display: grid;
  grid-gap: 4rem;
  grid-template-columns: repeat(auto-fill, minmax(26rem, 1fr));
}
@media only screen and (max-width: 1200px) {
  .category._homepage .wrap {
    display: grid;
    grid-gap: 3rem 2rem;
    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
  }
}
@media only screen and (max-width: 900px) {
  .category._homepage .wrap {
    display: grid;
    grid-gap: 4rem 1.2rem;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
  }
}
@media only screen and (max-width: 400px) {
  .category._homepage .wrap {
    display: grid;
    grid-gap: 4rem 1.2rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.category._homepage .category__item {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  position: relative;
}
@media only screen and (min-width: 1201px) {
  .category._homepage .category__item {
    border-radius: 1.2rem;
    overflow: hidden;
  }
  .category._homepage .category__item::after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 18rem;
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 100%);
  }
  .category._homepage .category__item:hover img {
    transform: scale(1.3);
  }
  .category._homepage .category__item:hover .category__text::after {
    transform: translateX(0);
  }
}
.category._homepage .category__item img {
  width: 35.7rem;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  border-radius: 1.2rem;
  transition: transform 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .category._homepage .category__item img {
    border-radius: 0.8rem;
  }
}
.category._homepage .category__item .category__text {
  font-family: "Titillium Web", sans-serif;
  color: #fff;
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.8rem;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 3rem;
  transition: color 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .category._homepage .category__item .category__text {
    color: #000;
    font-size: 1.4rem;
    line-height: unset;
    position: unset;
    padding: 0;
    margin: 1rem 0 0 0;
  }
}
@media only screen and (min-width: 1201px) {
  .category._homepage .category__item .category__text::after {
    display: flex;
    content: "";
    background-image: url("../images/icons/arrow-circle_46x46.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 4.6rem;
    min-width: 4.6rem;
    height: auto;
    aspect-ratio: 1;
    position: absolute;
    right: 1.4rem;
    bottom: 1.6rem;
    transform: translateX(150%);
    transition: transform 0.3s ease-in-out;
  }
}

.checkout__columns {
  overflow-x: clip;
}
@media only screen and (min-width: 1201px) {
  .checkout__columns .wrap {
    display: flex;
  }
}
.checkout__columns .checkout__title {
  font-family: "Titillium Web", sans-serif;
  color: #222;
  font-size: 2.4rem;
  font-weight: 400;
}
@media only screen and (max-width: 1200px) {
  .checkout__columns .checkout__title {
    font-size: 2.2rem;
  }
}

@media only screen and (min-width: 1201px) {
  .checkout__aside {
    width: 45.14%;
    padding: 6rem 4.16% 14rem 0;
  }
}
@media only screen and (max-width: 1200px) {
  .checkout__aside {
    padding: 4rem 0 6.6rem;
  }
}
.checkout__aside .checkout__block:not(:first-child) {
  margin-top: 4rem;
}
.checkout__aside .checkout__block:not(:first-child) + .checkout__block {
  margin-top: 10rem;
}
.checkout__aside .checkout__free-delivery {
  color: #de5a25;
  font-size: 1.4rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  background: #fef7f5;
  padding: 1.8rem 2rem;
  border-radius: 0.6rem;
  margin-top: 2rem;
}
@media only screen and (max-width: 1200px) {
  .checkout__aside .checkout__free-delivery {
    padding: 1.6rem;
  }
}
.checkout__aside .checkout__free-delivery::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/truck_26x19.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 2.6rem;
  min-width: 2.6rem;
  height: auto;
  aspect-ratio: 1.3684210526;
  margin-right: 2rem;
}
@media only screen and (max-width: 1200px) {
  .checkout__aside .checkout__free-delivery::before {
    display: flex;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 2.33rem;
    min-width: 2.33rem;
    height: 2.33rem;
    margin-right: 1.6rem;
  }
}
.checkout__aside .checkout__free-delivery strong {
  font-weight: 600;
}
.checkout__aside .checkout__choices {
  display: grid;
  grid-gap: 0.8rem;
  grid-template-columns: minmax(0, 1fr);
  margin-top: 2rem;
}
.checkout__aside .checkout__choices label {
  display: flex;
  align-items: center;
  padding: 2.4rem 3rem;
  border-radius: 0.4rem;
  border: 0.1rem solid #e6e6e6;
  background: #fff;
  transition: border-color 0.3s ease-in-out;
  cursor: pointer;
}
@media only screen and (max-width: 1200px) {
  .checkout__aside .checkout__choices label {
    padding: 1.2rem 1.4rem;
  }
}
@media only screen and (max-width: 500px) {
  .checkout__aside .checkout__choices label {
    display: grid;
    grid-template-columns: 2rem 6.5rem 1fr;
  }
}
.checkout__aside .checkout__choices label:has(input:checked) {
  border-color: #de5a25;
}
.checkout__aside .checkout__choices label:has(input:checked) input {
  border-color: #de5a25;
}
.checkout__aside .checkout__choices label:has(input:checked) input::after {
  opacity: 1;
}
.checkout__aside .checkout__choices label:has(input:checked) img {
  opacity: 1;
  mix-blend-mode: normal;
}
.checkout__aside .checkout__choices label:has(input:checked) .choice__title {
  color: #de5a25;
}
.checkout__aside .checkout__choices label:has(input:checked) .choice__description {
  color: #000;
}
.checkout__aside .checkout__choices label:has(input:checked) .choice__price {
  color: #de5a25;
}
.checkout__aside .checkout__choices label input {
  width: 2.4rem;
  min-width: 2.4rem;
  height: auto;
  aspect-ratio: 1;
  border: 0.2rem solid #9d9d9d;
  border-radius: 50%;
  position: relative;
  transition: border-color 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .checkout__aside .checkout__choices label input {
    width: 2rem;
    min-width: 2rem;
  }
}
@media only screen and (max-width: 500px) {
  .checkout__aside .checkout__choices label input {
    grid-row: 1/span 2;
  }
}
.checkout__aside .checkout__choices label input::after {
  width: 0.8rem;
  min-width: 0.8rem;
  height: auto;
  aspect-ratio: 1;
  content: "";
  border-radius: 50%;
  background: #de5a25;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .checkout__aside .checkout__choices label input::after {
    width: 0.6rem;
    min-width: 0.6rem;
  }
}
.checkout__aside .checkout__choices label img {
  width: 3.8rem;
  min-width: 3.8rem;
  height: auto;
  aspect-ratio: 1;
  margin: 0 2.4rem 0 4rem;
  opacity: 0.7;
  mix-blend-mode: luminosity;
  transition: opacity 0.3s ease-in-out, mix-blend-mode 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .checkout__aside .checkout__choices label img {
    width: 3.6rem;
    min-width: 3.6rem;
    margin: 0 1.5rem 0 1.4rem;
  }
}
@media only screen and (max-width: 500px) {
  .checkout__aside .checkout__choices label img {
    grid-row: 1/span 2;
  }
}
.checkout__aside .checkout__choices label .choice__text {
  margin-right: auto;
}
.checkout__aside .checkout__choices label .choice__title,
.checkout__aside .checkout__choices label .choice__description,
.checkout__aside .checkout__choices label .choice__price {
  transition: color 0.3s ease-in-out;
}
.checkout__aside .checkout__choices label .choice__title {
  color: #000;
  font-size: 1.6rem;
  font-weight: 400;
}
@media only screen and (max-width: 1200px) {
  .checkout__aside .checkout__choices label .choice__title {
    font-size: 1.4rem;
  }
}
.checkout__aside .checkout__choices label .choice__description {
  color: #555;
  font-size: 1.4rem;
  font-weight: 300;
}
@media only screen and (max-width: 1200px) {
  .checkout__aside .checkout__choices label .choice__description {
    font-size: 1.1rem;
  }
}
.checkout__aside .checkout__choices label .choice__price {
  color: #000;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4rem;
  margin-left: 3rem;
}
@media only screen and (max-width: 1200px) {
  .checkout__aside .checkout__choices label .choice__price {
    font-size: 1.4rem;
    margin-left: 1.6rem;
  }
}
@media only screen and (max-width: 500px) {
  .checkout__aside .checkout__choices label .choice__price {
    margin-left: 0;
    margin-top: 0.4rem;
  }
}
.checkout__aside .checkout__guest {
  display: flex;
  align-items: center;
  margin-top: 10rem;
}
.checkout__aside .checkout__guest p {
  color: #000;
  font-size: 1.4rem;
  font-weight: 300;
}
@media only screen and (max-width: 1200px) {
  .checkout__aside .checkout__guest {
    font-size: 1.3rem;
    margin-top: 6rem;
  }
}
.checkout__aside .checkout__guest::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/account-circle.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 3.2rem;
  min-width: 3.2rem;
  height: auto;
  aspect-ratio: 1;
  filter: brightness(0) invert(0);
  margin-right: 1.4rem;
}
@media only screen and (max-width: 1200px) {
  .checkout__aside .checkout__guest::before {
    display: flex;
    content: "";
    background-image: url("../images/icons/account-circle.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 3.2rem;
    min-width: 3.2rem;
    height: auto;
  }
}
.checkout__aside .checkout__guest a {
  color: #de5a25;
  font-weight: 400;
  text-decoration: underline;
  transition: color 0.3s ease-in-out;
}
.checkout__aside .checkout__guest a:hover {
  color: #f05f25;
  text-decoration: none;
}
.checkout__aside .checkout__addressess {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  margin: 2rem 0 0 0;
}
.checkout__aside .checkout__addressess .checkout__address {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 2rem 3rem 2rem 11.5rem;
  border: 0.1rem solid #cdcdcd;
  border-radius: 0.8rem;
  cursor: pointer;
}
@media only screen and (max-width: 1200px) {
  .checkout__aside .checkout__addressess .checkout__address {
    padding: 1.6rem 2rem 1.6rem 8.4rem;
  }
}
.checkout__aside .checkout__addressess .checkout__address:has(input:checked) input {
  border-color: #de5a25;
}
.checkout__aside .checkout__addressess .checkout__address:has(input:checked) input::after {
  opacity: 1;
}
.checkout__aside .checkout__addressess .checkout__address:has(input:checked) .address__main {
  color: #de5a25;
  background: #fef7f5;
}
.checkout__aside .checkout__addressess .checkout__address::after {
  content: "";
  position: absolute;
  top: 2rem;
  left: 8.4rem;
  bottom: 2rem;
  width: 0.1rem;
  background: #e9e9e9;
}
@media only screen and (max-width: 1200px) {
  .checkout__aside .checkout__addressess .checkout__address::after {
    left: 6.4rem;
  }
}
.checkout__aside .checkout__addressess .checkout__address input {
  width: 2.4rem;
  min-width: 2.4rem;
  height: auto;
  aspect-ratio: 1;
  border: 0.2rem solid #9d9d9d;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 3rem;
  transform: translateY(-50%);
  transition: border-color 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .checkout__aside .checkout__addressess .checkout__address input {
    width: 2rem;
    min-width: 2rem;
    left: 2.2rem;
  }
}
.checkout__aside .checkout__addressess .checkout__address input::after {
  width: 0.8rem;
  min-width: 0.8rem;
  height: auto;
  aspect-ratio: 1;
  content: "";
  border-radius: 50%;
  background: #de5a25;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.checkout__aside .checkout__addressess .checkout__address .address__main {
  display: flex;
  color: #777;
  font-size: 1.3rem;
  font-weight: 500;
  padding: 0.8rem;
  border-radius: 0.6rem;
  background: #f6f6f6;
  max-width: max-content;
}
@media only screen and (max-width: 1200px) {
  .checkout__aside .checkout__addressess .checkout__address .address__main {
    font-size: 1.1rem;
    padding: 0.2rem 0.6rem;
  }
}
.checkout__aside .checkout__addressess .checkout__address .address__title {
  color: #000;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4rem;
  margin: 1rem 0 0 0;
}
@media only screen and (max-width: 1200px) {
  .checkout__aside .checkout__addressess .checkout__address .address__title {
    font-size: 1.4rem;
    line-height: 2rem;
  }
}
.checkout__aside .checkout__addressess .checkout__address ul {
  list-style: none;
  margin: 1rem 0 0 0;
}
.checkout__aside .checkout__addressess .checkout__address ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  color: #222;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.8rem;
}
@media only screen and (max-width: 1200px) {
  .checkout__aside .checkout__addressess .checkout__address ul li {
    font-size: 1.3rem;
    line-height: 2rem;
  }
}
.checkout__aside .checkout__payment {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 2rem;
}
@media only screen and (max-width: 1200px) {
  .checkout__aside .checkout__payment {
    display: grid;
    grid-gap: 0.8rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.checkout__aside .checkout__payment .payment__item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3rem;
  position: relative;
  border: 0.1rem solid #e6e6e6;
  border-radius: 0.8rem;
  transition: border-color 0.3s ease-in-out;
  cursor: pointer;
}
@media only screen and (max-width: 1200px) {
  .checkout__aside .checkout__payment .payment__item {
    padding: 2rem;
  }
}
.checkout__aside .checkout__payment .payment__item:has(input:checked) {
  border-color: #de5a25;
}
.checkout__aside .checkout__payment .payment__item:has(input:checked) input {
  opacity: 1;
}
.checkout__aside .checkout__payment .payment__item:has(input:checked) img {
  opacity: 1;
  mix-blend-mode: normal;
}
.checkout__aside .checkout__payment .payment__item input {
  position: absolute;
  top: 0.8rem;
  left: 0.8rem;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #de5a25;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.checkout__aside .checkout__payment .payment__item img {
  object-fit: scale-down;
  opacity: 0.6;
  mix-blend-mode: luminosity;
  transition: opacity 0.3s ease-in-out, mix-blend-mode 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .checkout__aside label[for=add-new-address].button._primary-border {
    font-size: 1.4rem;
    font-weight: 600;
  }
}
.checkout__aside label[for=add-new-address].button._primary-border:has(input:checked) {
  background: #de5a25;
  color: #fff;
}
.checkout__aside label[for=add-new-address].button._primary-border:has(input:checked)::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/minus-circle_24x24.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(17%) hue-rotate(343deg) brightness(104%) contrast(100%);
}
.checkout__aside label[for=add-new-address].button._primary-border:hover::before {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(17%) hue-rotate(343deg) brightness(104%) contrast(100%);
}
.checkout__aside label[for=add-new-address].button._primary-border::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/plus-circle_24x24.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 2.4rem;
  min-width: 2.4rem;
  height: auto;
  aspect-ratio: 1;
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
  margin: 0 1rem 0 0;
  transition: filter 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .checkout__aside label[for=add-new-address].button._primary-border::before {
    display: flex;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    margin: 0 0.6rem 0 0;
  }
}
.checkout__aside:has(input[id=add-new-address]) .checkout__block:has(.checkout__form) {
  display: none;
}
.checkout__aside:has(input[id=add-new-address]:checked) .checkout__block:has(.checkout__form) {
  display: block;
}
.checkout__aside .flex {
  display: grid;
  grid-gap: 0 2.6rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.checkout__aside .flex .input {
  width: 100%;
}
.checkout__aside .flex .input:nth-child(1) {
  grid-column: 1/span 2;
}

.checkout__content {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1201px) {
  .checkout__content {
    width: 54.86%;
    padding: 6rem 0 14rem 4.16%;
  }
}
@media only screen and (max-width: 1200px) {
  .checkout__content {
    padding: 6rem 0 8rem;
  }
}
.checkout__content::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 200vw;
  height: 100%;
  background: #f6f6f6;
  border-top-left-radius: 1.2rem;
}
@media only screen and (max-width: 1200px) {
  .checkout__content::before {
    left: -50vw;
  }
}
.checkout__content .checkout__products {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: minmax(0, 1fr);
  margin-top: 2rem;
}
.checkout__content .checkout__discount {
  display: flex;
  gap: 2rem;
  margin-top: 1rem;
  padding: 1.2rem;
  border-radius: 0.6rem;
  background: #fff;
}
@media only screen and (max-width: 500px) {
  .checkout__content .checkout__discount {
    display: flex;
    gap: 1rem;
    flex-direction: column;
    padding: 1rem;
  }
}
.checkout__content .checkout__discount .discount__input {
  display: flex;
  align-items: center;
  border: 0.1rem solid #f7d3c5;
  border-radius: 0.6rem;
  padding: 1rem 1.4rem;
  width: 100%;
}
@media only screen and (max-width: 1200px) {
  .checkout__content .checkout__discount .discount__input {
    padding: 0.8rem 1rem;
  }
}
.checkout__content .checkout__discount .discount__input::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/percent.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 2.4rem;
  min-width: 2.4rem;
  height: 2.4rem;
  aspect-ratio: 1;
  margin-right: 1rem;
}
@media only screen and (max-width: 1200px) {
  .checkout__content .checkout__discount .discount__input::before {
    display: flex;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    margin-right: 0.6rem;
  }
}
.checkout__content .checkout__discount .discount__input input {
  color: #de5a25;
  font-size: 1.5rem;
  font-weight: 400;
  width: 100%;
}
@media only screen and (max-width: 1200px) {
  .checkout__content .checkout__discount .discount__input input {
    font-size: 1.4rem;
  }
}
.checkout__content .checkout__discount .discount__input input::placeholder {
  color: #de5a25;
}
.checkout__content .checkout__discount .button {
  max-width: 14.7rem;
  background: #fef7f5;
  border-radius: 0.6rem;
  text-decoration: none;
  color: #de5a25;
}
@media only screen and (max-width: 500px) {
  .checkout__content .checkout__discount .button {
    max-width: 100%;
    font-size: 1.3rem;
    font-weight: 600;
  }
}
.checkout__content .checkout__summary {
  margin: 4rem 0 0 auto;
  position: sticky;
  top: 0;
  right: 0;
  max-width: 38.9rem;
  width: 100%;
  transition: top 0.3s ease-in-out;
}
@media only screen and (max-width: 500px) {
  .checkout__content .checkout__summary {
    max-width: 100%;
  }
}
.checkout__content .checkout__summary .summary__row {
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  align-items: center;
  color: #222;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 2.4rem;
}
.checkout__content .checkout__summary .summary__row._discount {
  color: #de5a25;
}
.checkout__content .checkout__summary .summary__row._total {
  font-size: 1.6rem;
  font-weight: 500;
}
.checkout__content .checkout__summary .summary__row._total span:last-child {
  font-weight: 700;
}
.checkout__content .checkout__summary .summary__row + .summary__row {
  margin-top: 1rem;
}
.checkout__content .checkout__summary .checkbox {
  margin-top: 3rem;
}
.checkout__content .checkout__summary .checkbox + .checkbox {
  margin-top: 1.6rem;
}
.checkout__content .checkout__summary .button {
  margin-top: 4rem;
}

.checkout__success {
  background: #f6f6f6;
  padding: 14rem 0;
}
@media only screen and (max-width: 1200px) {
  .checkout__success {
    padding: 8rem 0;
  }
}
.checkout__success .wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.checkout__success .icon {
  width: 10.3rem;
  min-width: 10.3rem;
  height: auto;
  aspect-ratio: 1;
  background-image: url("../images/icons/success_103x103.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media only screen and (max-width: 1200px) {
  .checkout__success .icon {
    width: 6.3rem;
    min-width: 6.3rem;
  }
}
.checkout__success h1,
.checkout__success .h1,
.checkout__success .product__description .description__block h2,
.product__description .description__block .checkout__success h2,
.checkout__success .product__description .description__block .h2,
.product__description .description__block .checkout__success .h2,
.checkout__success .product__news .news__heading h2,
.product__news .news__heading .checkout__success h2,
.checkout__success .product__news .news__heading .h2,
.product__news .news__heading .checkout__success .h2,
.checkout__success .product__review h2,
.product__review .checkout__success h2,
.checkout__success .product__review .h2,
.product__review .checkout__success .h2,
.checkout__success .faq h2,
.faq .checkout__success h2,
.checkout__success .faq .h2,
.faq .checkout__success .h2,
.checkout__success .category__seo h2,
.category__seo .checkout__success h2,
.checkout__success .category__seo .h2,
.category__seo .checkout__success .h2 {
  margin: 5rem 0 0 0;
}
@media only screen and (max-width: 1200px) {
  .checkout__success h1,
  .checkout__success .h1,
  .checkout__success .product__description .description__block h2,
  .product__description .description__block .checkout__success h2,
  .checkout__success .product__description .description__block .h2,
  .product__description .description__block .checkout__success .h2,
  .checkout__success .product__news .news__heading h2,
  .product__news .news__heading .checkout__success h2,
  .checkout__success .product__news .news__heading .h2,
  .product__news .news__heading .checkout__success .h2,
  .checkout__success .product__review h2,
  .product__review .checkout__success h2,
  .checkout__success .product__review .h2,
  .product__review .checkout__success .h2,
  .checkout__success .faq h2,
  .faq .checkout__success h2,
  .checkout__success .faq .h2,
  .faq .checkout__success .h2,
  .checkout__success .category__seo h2,
  .category__seo .checkout__success h2,
  .checkout__success .category__seo .h2,
  .category__seo .checkout__success .h2 {
    margin: 3rem 0 0 0;
  }
}
.checkout__success p,
.checkout__success .p {
  color: #252525;
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 3.6rem;
  text-align: center;
  margin: 3rem 0 0 0;
}
@media only screen and (max-width: 1200px) {
  .checkout__success p,
  .checkout__success .p {
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin: 2rem 0 0 0;
  }
}
.checkout__success .button {
  margin: 5rem auto 0;
}
@media only screen and (max-width: 1200px) {
  .checkout__success .button {
    margin: 3rem auto 0;
    font-size: 1.4rem;
  }
}

.news__grid {
  padding: 0 0 14rem;
}
@media only screen and (max-width: 1200px) {
  .news__grid {
    padding: 0 0 8rem;
  }
}
.news__grid .grid {
  display: grid;
  grid-gap: 10rem 7rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 1200px) {
  .news__grid .grid {
    display: grid;
    grid-gap: 5rem 3rem;
  }
}
@media only screen and (max-width: 700px) {
  .news__grid .grid {
    display: grid;
    grid-gap: 5rem;
    grid-template-columns: minmax(0, 1fr);
  }
}

.news__aside {
  min-width: 28rem;
  width: 20%;
  padding: 10.4rem 0 0;
}
@media only screen and (max-width: 1200px) {
  .news__aside {
    min-width: unset;
    width: 100%;
    padding: 4rem 0 0 0;
  }
}
.news__aside .filter__tags {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin: 0;
  position: sticky;
  top: 0;
  padding: 3.3rem 0 0 0;
  transition: top 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .news__aside .filter__tags {
    display: flex;
    gap: 0.8rem;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 0;
  }
}

.news__content {
  width: 100%;
}
.news__content .breadcrumb {
  padding: 5rem 0 2rem;
}
@media only screen and (max-width: 1200px) {
  .news__content .breadcrumb {
    padding: 2.9rem 0 2rem;
  }
}
.news__content h1,
.news__content .h1,
.news__content .product__description .description__block h2,
.product__description .description__block .news__content h2,
.news__content .product__description .description__block .h2,
.product__description .description__block .news__content .h2,
.news__content .product__news .news__heading h2,
.product__news .news__heading .news__content h2,
.news__content .product__news .news__heading .h2,
.product__news .news__heading .news__content .h2,
.news__content .product__review h2,
.product__review .news__content h2,
.news__content .product__review .h2,
.product__review .news__content .h2,
.news__content .faq h2,
.faq .news__content h2,
.news__content .faq .h2,
.faq .news__content .h2,
.news__content .category__seo h2,
.category__seo .news__content h2,
.news__content .category__seo .h2,
.category__seo .news__content .h2 {
  letter-spacing: 0.096rem;
}
.news__content .filter__tags .filter__tag {
  font-size: 1.3rem;
  padding: 0.6rem 1.6rem;
  color: #de5a25;
  border-color: #de5a25;
}
@media only screen and (max-width: 1200px) {
  .news__content .filter__tags .filter__tag {
    font-size: 1.2rem;
    padding: 0.6rem 0.8rem;
  }
}
.news__content .news__editor {
  margin: 4rem 0 0 0;
}
@media only screen and (max-width: 1200px) {
  .news__content .news__editor {
    margin: 3rem 0 0 0;
  }
}
.news__content .news__editor > *:not(:first-child):not(ul) {
  margin: 5rem 0 0 0;
}
@media only screen and (max-width: 1200px) {
  .news__content .news__editor > *:not(:first-child):not(ul) {
    margin: 2rem 0 0 0;
  }
}
.news__content .news__editor > ul:not(:first-child) {
  margin: 1rem 0 0 0;
}
.news__content .news__editor p,
.news__content .news__editor .p {
  color: #000;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 3.2rem;
}
@media only screen and (max-width: 1200px) {
  .news__content .news__editor p,
  .news__content .news__editor .p {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
}
.news__content .news__editor p img,
.news__content .news__editor .p img {
  width: 100%;
  object-fit: contain;
}
.news__content .news__editor p:first-child,
.news__content .news__editor .p:first-child {
  font-size: 2rem;
  font-weight: 400;
}
@media only screen and (max-width: 1200px) {
  .news__content .news__editor p:first-child,
  .news__content .news__editor .p:first-child {
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
}
.news__content .news__editor p:has(img + img),
.news__content .news__editor .p:has(img + img) {
  display: flex;
  gap: 2rem;
}
@media only screen and (max-width: 1200px) {
  .news__content .news__editor p:has(img + img),
  .news__content .news__editor .p:has(img + img) {
    display: flex;
    gap: 0.6rem;
  }
}
.news__content .news__editor p:has(img + img) img,
.news__content .news__editor .p:has(img + img) img {
  width: calc(50% - 1rem);
}
@media only screen and (max-width: 1200px) {
  .news__content .news__editor p:has(img + img) img,
  .news__content .news__editor .p:has(img + img) img {
    width: calc(50% - 0.3rem);
  }
}
.news__content .news__editor ul {
  list-style: none;
}
.news__content .news__editor ul li {
  color: #000;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 3.2rem;
  padding: 0 0 0 1.5rem;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  .news__content .news__editor ul li {
    font-size: 1.4rem;
    line-height: 2rem;
  }
}
.news__content .news__editor ul li::before {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  background: #000;
  border-radius: 50%;
  position: absolute;
  top: 1.3rem;
  left: 0;
}
@media only screen and (max-width: 1200px) {
  .news__content .news__editor ul li::before {
    top: 0.7rem;
  }
}
.news__content .news__editor ul li:not(:first-child) {
  margin: 1rem 0 0 0;
}
.news__content .news__actions {
  display: flex;
  gap: 3rem;
  justify-content: space-between;
  align-items: center;
  margin: 6rem 0 0 0;
}
@media only screen and (max-width: 1200px) {
  .news__content .news__actions {
    margin: 4rem 0 0 0;
  }
}
@media only screen and (max-width: 500px) {
  .news__content .news__actions {
    display: flex;
    gap: 4rem;
    flex-direction: column-reverse;
    align-items: unset;
  }
  .news__content .news__actions .button {
    max-width: 100%;
  }
}

.news__columns {
  padding: 0 0 14rem;
}
@media only screen and (max-width: 1200px) {
  .news__columns {
    padding: 0 0 8rem;
  }
}
.news__columns .wrap {
  display: flex;
  gap: 8rem;
}
@media only screen and (max-width: 1200px) {
  .news__columns .wrap {
    display: block;
  }
}

.news._card {
  display: flex;
  flex-direction: column;
  position: relative;
}
.news._card .news__tags {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  position: absolute;
  top: 1rem;
  left: 1rem;
}
@media only screen and (max-width: 1200px) {
  .news._card .news__tags {
    display: flex;
    gap: 0.8rem;
    top: 0.8rem;
    left: 0.8rem;
  }
}
.news._card .news__tags .news__tag {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #de5a25;
  font-size: 1.3rem;
  font-weight: 400;
  text-align: center;
  background: #fff;
  padding: 0 1.6rem;
  height: 3.2rem;
  border-radius: 0.6rem;
}
@media only screen and (max-width: 1200px) {
  .news._card .news__tags .news__tag {
    font-size: 1.2rem;
    padding: 0 0.8rem;
  }
}
.news._card .news__photo {
  display: flex;
  width: 100%;
  height: auto;
  aspect-ratio: 684/394;
  border-radius: 0.6rem;
  cursor: pointer;
}
.news._card .news__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news._card .news__title {
  display: flex;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #000;
  font-size: 2rem;
  font-weight: 400;
  text-align: left;
  margin: 3rem 0 0 0;
  text-decoration: none;
  height: 3rem;
  cursor: pointer;
  transition: color 0.3s ease-in-out;
}
@supports (-webkit-line-clamp: 1) {
  .news._card .news__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
@media only screen and (max-width: 1200px) {
  .news._card .news__title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1.6rem;
    margin: 2rem 0 0 0;
    height: unset;
    max-height: 5rem;
  }
  @supports (-webkit-line-clamp: 2) {
    .news._card .news__title {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: initial;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
  }
}
.news._card .news__title:hover {
  color: #de5a25;
}
.news._card .news__text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #222;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 2.8rem;
  margin: 2rem 0 0 0;
  height: 5.6rem;
}
@supports (-webkit-line-clamp: 2) {
  .news._card .news__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
@media only screen and (max-width: 1200px) {
  .news._card .news__text {
    font-size: 1.4rem;
    line-height: 2.2rem;
    margin: 1rem 0 0 0;
    height: unset;
    max-height: 4.4rem;
  }
}

.share {
  display: flex;
  gap: 2rem;
  align-items: flex-end;
  color: #000;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4rem;
}
.share .fb-icon,
.share .in-icon {
  display: flex;
  width: 2.2rem;
  min-width: 2.2rem;
  height: auto;
  aspect-ratio: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.share .fb-icon {
  background-image: url("../images/icons/fb_22x22.svg");
}
.share .in-icon {
  background-image: url("../images/icons/in_22x22.svg");
}

.alert._info {
  color: #de5a25;
  font-size: 1.8rem;
  font-weight: 400;
  display: flex;
  gap: 1.4rem;
  border-radius: 0.6rem;
  background: #fef7f5;
  padding: 2rem;
}
.alert._info::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/info_24x24.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 2.4rem;
  min-width: 2.4rem;
  height: auto;
  aspect-ratio: 1;
}

.hero .breadcrumb {
  padding: 5rem 0 2rem;
}
@media only screen and (max-width: 1200px) {
  .hero .breadcrumb {
    padding: 2.9rem 0 2rem;
  }
}
.hero h1,
.hero .h1,
.hero .product__description .description__block h2,
.product__description .description__block .hero h2,
.hero .product__description .description__block .h2,
.product__description .description__block .hero .h2,
.hero .product__news .news__heading h2,
.product__news .news__heading .hero h2,
.hero .product__news .news__heading .h2,
.product__news .news__heading .hero .h2,
.hero .product__review h2,
.product__review .hero h2,
.hero .product__review .h2,
.product__review .hero .h2,
.hero .faq h2,
.faq .hero h2,
.hero .faq .h2,
.faq .hero .h2,
.hero .category__seo h2,
.category__seo .hero h2,
.hero .category__seo .h2,
.category__seo .hero .h2 {
  letter-spacing: 0.096rem;
}
.hero._w-filters {
  padding: 0 0 5rem;
}
@media only screen and (max-width: 1200px) {
  .hero._w-filters {
    padding: 0 0 3rem;
  }
}
.hero._w-filters .breadcrumb {
  padding: 5rem 0 2rem;
}
@media only screen and (max-width: 1200px) {
  .hero._w-filters .breadcrumb {
    padding: 2.9rem 0 2rem;
  }
}
.hero._w-filters h1,
.hero._w-filters .h1,
.hero._w-filters .product__description .description__block h2,
.product__description .description__block .hero._w-filters h2,
.hero._w-filters .product__description .description__block .h2,
.product__description .description__block .hero._w-filters .h2,
.hero._w-filters .product__news .news__heading h2,
.product__news .news__heading .hero._w-filters h2,
.hero._w-filters .product__news .news__heading .h2,
.product__news .news__heading .hero._w-filters .h2,
.hero._w-filters .product__review h2,
.product__review .hero._w-filters h2,
.hero._w-filters .product__review .h2,
.product__review .hero._w-filters .h2,
.hero._w-filters .faq h2,
.faq .hero._w-filters h2,
.hero._w-filters .faq .h2,
.faq .hero._w-filters .h2,
.hero._w-filters .category__seo h2,
.category__seo .hero._w-filters h2,
.hero._w-filters .category__seo .h2,
.category__seo .hero._w-filters .h2 {
  letter-spacing: 0.096rem;
}

.filter__tags {
  display: flex;
  gap: 1.6rem;
  margin: 3rem 0 0 0;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1200px) {
  .filter__tags {
    display: flex;
    gap: 1rem;
    margin: 2rem 0 0 0;
  }
}
.filter__tags label,
.filter__tags a {
  cursor: pointer;
}
.filter__tags .filter__tag {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333;
  font-size: 1.6rem;
  font-weight: 400;
  padding: 0.9rem 2.4rem;
  border-radius: 0.6rem;
  border: 0.1rem solid #bababa;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .filter__tags .filter__tag {
    font-size: 1.4rem;
    padding: 0.55rem 1rem;
  }
}
.filter__tags .filter__tag:has(input:checked), .filter__tags .filter__tag:hover {
  color: #de5a25;
  border-color: #de5a25;
}
.filter__tags .filter__tag input {
  display: none;
}

.work__grid {
  padding: 0 0 14rem;
}
@media only screen and (max-width: 1200px) {
  .work__grid {
    padding: 0 0 8rem;
  }
}
.work__grid .grid {
  display: grid;
  grid-gap: 8rem 6rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 1200px) {
  .work__grid .grid {
    display: grid;
    grid-gap: 5rem 3rem;
  }
}
@media only screen and (max-width: 700px) {
  .work__grid .grid {
    display: grid;
    grid-gap: 5rem;
    grid-template-columns: minmax(0, 1fr);
  }
}

.work__popup {
  display: flex;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.85);
  overflow-y: auto;
  padding: 3rem 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.work__popup._active {
  opacity: 1;
  visibility: visible;
}
.work__popup .popup__slider {
  margin: auto;
  width: 100%;
}
.work__popup .popup__slider:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  overflow: hidden;
}
.work__popup .popup__slider:not(.slick-initialized) > *:nth-child(n+2) {
  display: none;
}
.work__popup .popup__slider .slick-list {
  padding: 0 calc((100% - 110.9rem) / 2) !important;
}
.work__popup .popup__slider .slick-active .popup__close {
  opacity: 1;
  visibility: visible;
}
.work__popup .popup__slider .slick-arrow.slick-prev, .work__popup .popup__slider body .mfp-container .slick-prev.mfp-arrow, body .mfp-container .work__popup .popup__slider .slick-prev.mfp-arrow {
  left: 1.2rem;
}
.work__popup .popup__slider .slick-arrow.slick-next, .work__popup .popup__slider body .mfp-container .slick-next.mfp-arrow, body .mfp-container .work__popup .popup__slider .slick-next.mfp-arrow {
  right: 1.2rem;
}
.work__popup .popup__slide {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  align-items: center;
  padding: 0 1.5rem;
  max-width: 110.9rem;
  margin: auto;
  position: relative;
}
.work__popup .popup__close {
  width: 4.2rem;
  height: auto;
  aspect-ratio: 1;
  background-image: url("../images/icons/close-circle_42x42.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 1rem;
  right: 2.5rem;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.work__popup .popup__photo {
  width: 100%;
  height: auto;
  aspect-ratio: 1.4986111111;
}
.work__popup .popup__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.work__popup .popup__title {
  font-family: "Titillium Web", sans-serif;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 400;
  text-align: center;
}

.work._card {
  display: flex;
  flex-direction: column;
  position: relative;
}
.work._card .work__tags {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  position: absolute;
  top: 1rem;
  left: 1rem;
}
@media only screen and (max-width: 1200px) {
  .work._card .work__tags {
    display: flex;
    gap: 0.8rem;
    top: 0.8rem;
    left: 0.8rem;
  }
}
.work._card .work__tags .work__tag {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #de5a25;
  font-size: 1.3rem;
  font-weight: 400;
  text-align: center;
  background: #fff;
  padding: 0 1.6rem;
  height: 3.2rem;
  border-radius: 0.6rem;
}
@media only screen and (max-width: 1200px) {
  .work._card .work__tags .work__tag {
    font-size: 1.2rem;
    padding: 0 0.8rem;
  }
}
.work._card .work__photo {
  display: flex;
  width: 100%;
  height: auto;
  aspect-ratio: 689/372;
  border-radius: 0.6rem;
  cursor: pointer;
}
.work._card .work__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.work._card .work__title {
  display: flex;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #000;
  font-size: 2rem;
  font-weight: 400;
  text-align: left;
  width: 100%;
  margin: 3rem 0 0 0;
  text-decoration: none;
  height: 3rem;
  cursor: pointer;
  transition: color 0.3s ease-in-out;
}
@supports (-webkit-line-clamp: 1) {
  .work._card .work__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
@media only screen and (max-width: 1200px) {
  .work._card .work__title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1.6rem;
    margin: 2rem 0 0 0;
    height: unset;
    max-height: 5rem;
  }
  @supports (-webkit-line-clamp: 2) {
    .work._card .work__title {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: initial;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
  }
}
.work._card .work__title:hover {
  color: #de5a25;
}
.work._card .work__button {
  display: flex;
  width: 3.8rem;
  min-width: 3.8rem;
  height: auto;
  aspect-ratio: 1;
  background-image: url("../images/icons/arrow-right_38x38.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: 1rem 0 0 0;
  cursor: pointer;
  transition: filter 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .work._card .work__button {
    width: 3rem;
    min-width: 3rem;
    height: auto;
    aspect-ratio: 1;
    margin: 0.6rem 0 0 0;
  }
}
.work._card .work__button:hover {
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
}

.login__screen {
  display: flex;
  width: 100%;
  height: 100vh;
  transition: unset;
}
.login__screen .login__photo {
  background-image: url("../images/backgrounds/login_982x949.jpg");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: cover;
  width: 51%;
  height: 100%;
}
@media only screen and (max-width: 1200px) {
  .login__screen .login__photo {
    display: none;
  }
}
.login__screen .login__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 49%;
  overflow-y: auto;
}
.login__screen .login__content::-webkit-scrollbar {
  width: 0.6rem;
  height: 0.6rem;
}
.login__screen .login__content::-webkit-scrollbar-track {
  width: 0.6rem;
  height: 0.6rem;
  background: transparent;
}
.login__screen .login__content::-webkit-scrollbar-thumb {
  width: 0.6rem;
  height: 0.6rem;
  background: #777777;
  border-radius: 0;
}
@media only screen and (max-width: 1200px) {
  .login__screen .login__content {
    width: 100%;
  }
}
.login__screen .login__content header {
  width: 100%;
  padding: 4rem 0;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  .login__screen .login__content header {
    padding: 3rem 0;
  }
}
.login__screen .login__content header .login__logo {
  display: flex;
  background-image: url("../images/logo.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 9.4rem;
  min-width: 9.4rem;
  height: auto;
  aspect-ratio: 1.3152173913;
  margin: auto;
}
@media only screen and (max-width: 1200px) {
  .login__screen .login__content header .login__logo {
    width: 8.4rem;
    min-width: 8.4rem;
  }
}
.login__screen .login__content header .login__close {
  display: flex;
  background-image: url("../images/icons/x-circle_50x50.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 5rem;
  height: 5rem;
  cursor: pointer;
  position: absolute;
  top: 2rem;
  right: 2rem;
}
@media only screen and (max-width: 1200px) {
  .login__screen .login__content header .login__close {
    width: 3.8rem;
    height: 3.8rem;
    top: 1.3rem;
    right: 1.6rem;
  }
}
.login__screen .login__content main {
  max-width: 58rem;
  width: 100%;
  padding: 0 5rem;
}
@media only screen and (max-width: 1200px) {
  .login__screen .login__content main {
    max-width: 52rem;
    padding: 0 2rem;
  }
}
.login__screen .login__content .login__icon {
  width: 6.2rem;
  min-width: 6.2rem;
  height: auto;
  aspect-ratio: 1;
  background-image: url("../images/icons/check_62x62.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: 0 auto 3rem;
}
@media only screen and (max-width: 1200px) {
  .login__screen .login__content .login__icon {
    width: 5.2rem;
    min-width: 5.2rem;
    aspect-ratio: 1;
    margin: 0 auto 2rem;
  }
}
.login__screen .login__content .login__heading {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.login__screen .login__content .login__text {
  color: #555;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 3rem;
  text-align: center;
  margin: 3rem 0 0 0;
}
@media only screen and (max-width: 1200px) {
  .login__screen .login__content .login__text {
    font-size: 1.4rem;
    line-height: 2rem;
    margin: 2rem 0 0 0;
  }
}
.login__screen .login__content .login__text p,
.login__screen .login__content .login__text .p {
  color: #555;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 3rem;
}
@media only screen and (max-width: 1200px) {
  .login__screen .login__content .login__text p,
  .login__screen .login__content .login__text .p {
    font-size: 1.4rem;
    line-height: 2rem;
  }
}
.login__screen .login__content .login__form {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: auto;
}
.login__screen .login__content .login__link {
  color: #333;
  font-size: 1.4rem;
  font-weight: 300;
  display: flex;
  gap: 0.6rem;
  justify-content: center;
  margin: 3rem 0 0 0;
}
@media only screen and (max-width: 1200px) {
  .login__screen .login__content .login__link {
    font-size: 1.3rem;
  }
}
.login__screen .login__content .login__link a {
  color: #de5a25;
  font-weight: 400;
}
.login__screen .login__content .button {
  margin: 3rem auto 0;
}
.login__screen .login__content .checkbox {
  margin-top: 3rem;
}
.login__screen .login__content .checkbox + .checkbox {
  margin-top: 1.6rem;
}
.login__screen .login__content .login__register {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-top: 0.1rem solid #e0e0e0;
  padding: 4rem 0 0 0;
  margin: 4rem auto 0;
  max-width: 40rem;
  width: 100%;
}
.login__screen .login__content .login__register h5,
.login__screen .login__content .login__register .h5 {
  text-align: center;
}
.login__screen .login__content footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background: transparent;
}
.login__screen .login__content footer .footer__socials {
  gap: 2.4rem;
}
.login__screen .login__content footer .footer__socials > a {
  filter: brightness(0) saturate(100%) invert(59%) sepia(0%) saturate(100%) hue-rotate(177deg) brightness(94%) contrast(92%);
  transition: filter 0.3s ease-in-out;
}
.login__screen .login__content footer .footer__socials > a:hover {
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
}
.login__screen .login__content footer .footer__copyright {
  padding: 6rem 0;
}
@media only screen and (max-width: 1200px) {
  .login__screen .login__content footer .footer__copyright {
    padding: 6rem 0 4rem;
  }
}
.login__screen .login__content footer .footer__copyright p {
  display: flex;
  justify-content: center;
  color: #555;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 2.4rem;
  letter-spacing: 0.028rem;
  text-align: center;
}
@media only screen and (max-width: 1200px) {
  .login__screen .login__content footer .footer__copyright p {
    font-size: 1.3rem;
  }
}
.login__screen .login__content footer .footer__copyright p:nth-child(2) {
  color: #8d8d8d;
}
.login__screen .login__content footer .footer__copyright p strong {
  font-weight: 600;
}
.login__screen .login__content footer .footer__copyright p img {
  filter: brightness(0) saturate(100%) invert(59%) sepia(0%) saturate(100%) hue-rotate(177deg) brightness(94%) contrast(92%);
}

.slider__heading .wrap {
  display: flex;
  gap: 3rem;
  justify-content: space-between;
  align-items: center;
}
.slider__heading .slider__actions {
  display: flex;
  gap: 2.6rem;
}
@media only screen and (max-width: 1200px) {
  .slider__heading .slider__actions {
    display: flex;
    gap: 1.2rem;
  }
}
.slider__heading .slider__actions .slider__arrow-left,
.slider__heading .slider__actions .slider__arrow-right {
  background-image: url("../images/icons/arrow-circle_60x60.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 6rem;
  min-width: 6rem;
  height: auto;
  aspect-ratio: 1;
  cursor: pointer;
  position: relative;
  transition: filter 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .slider__heading .slider__actions .slider__arrow-left,
  .slider__heading .slider__actions .slider__arrow-right {
    width: 4.4rem;
    min-width: 4.4rem;
  }
}
.slider__heading .slider__actions .slider__arrow-left:hover,
.slider__heading .slider__actions .slider__arrow-right:hover {
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
}
.slider__heading .slider__actions .slider__arrow-left {
  transform: rotate(180deg);
}

.review__slider {
  padding: 12rem 0;
  background: #f6f6f6;
}
.review__slider .slider {
  max-width: 192rem;
  width: 100%;
  margin: 0 auto;
  margin: 3rem auto 0;
}
.review__slider .slider:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  overflow: hidden;
}
.review__slider .slider:not(.slick-initialized) > *:nth-child(n+3) {
  display: none;
}
.review__slider .slider .slick-list {
  padding: 0 calc((100% - 118.8rem) / 2 * 1.4) 0 calc((100% - 118.8rem) / 2 * 0.6);
}
.review__slider .slider .slick-slide, .review__slider .slider > div:not(.slick-list) {
  padding: 0 0.5rem;
}

.review._card {
  display: flex;
  flex-direction: column;
  border-radius: 0.6rem;
  background: #fff;
  padding: 4rem 8rem 5rem 4rem;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  .review._card {
    padding: 2rem;
  }
}
.review._card::after {
  display: flex;
  content: "";
  background-image: url("../images/icons/citation.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 3.9rem;
  height: auto;
  aspect-ratio: 1.5;
  position: absolute;
  top: 1rem;
  right: 1rem;
}
@media only screen and (max-width: 1200px) {
  .review._card::after {
    display: flex;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 2.9rem;
    height: 2.9rem;
  }
}
.review._card .review__rating {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.review._card .review__rating .review__star {
  width: 1.6rem;
  min-width: 1.6rem;
  height: auto;
  aspect-ratio: 1;
  background-image: url("../images/icons/star.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.review._card .review__rating .review__star._active {
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
}
.review._card .review__rating .review__number {
  color: #000;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.6rem;
  margin-left: 0.2rem;
}
.review._card .review__text {
  margin-top: 1.2rem;
}
.review._card .review__text p,
.review._card .review__text .p {
  color: #000;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 2.4rem;
}
@media only screen and (max-width: 1200px) {
  .review._card .review__text p,
  .review._card .review__text .p {
    font-size: 1.3rem;
    line-height: 2.2rem;
  }
}
.review._card .review__name {
  color: #000;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.4rem;
  margin-top: 3rem;
}
@media only screen and (max-width: 1200px) {
  .review._card .review__name {
    font-size: 1.3rem;
    font-weight: 500;
    margin-top: 2rem;
  }
}

#cookies {
  display: none;
  background: #fff;
  position: fixed;
  z-index: 4;
  right: 4rem;
  bottom: 4rem;
  padding: 3rem;
  max-width: 65rem;
  width: 100%;
  border-radius: 1.2rem;
  filter: drop-shadow(0.4rem 0 1.6rem rgba(0, 0, 0, 0.25));
}
@media only screen and (max-width: 800px) {
  #cookies {
    right: 3.33%;
    left: 3.33%;
    bottom: 2rem;
    padding: 2rem;
    max-width: 93.34%;
  }
}
#cookies .wrap {
  padding: 0;
}
#cookies .cookies__heading {
  display: flex;
  gap: 4rem;
  align-items: center;
}
@media only screen and (max-width: 800px) {
  #cookies .cookies__heading {
    display: flex;
    gap: 2rem;
  }
}
#cookies .cookies__heading .cookies__logo {
  width: 8.6rem;
  min-width: 8.6rem;
  height: auto;
  aspect-ratio: 1.303030303;
}
@media only screen and (max-width: 600px) {
  #cookies .cookies__heading .cookies__logo {
    display: none;
  }
}
#cookies .cookies__heading .cookies__logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#cookies .cookies__heading .cookies__title {
  color: #222;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.6rem;
  max-width: 35rem;
}
@media only screen and (max-width: 1200px) {
  #cookies .cookies__heading .cookies__title {
    font-size: 1.5rem;
    line-height: 2.2rem;
  }
}
#cookies .cookies__text {
  margin: 2rem 0 0 0;
}
@media only screen and (max-width: 1200px) {
  #cookies .cookies__text {
    margin: 1rem 0 0 0;
  }
}
#cookies .cookies__text p,
#cookies .cookies__text .p {
  color: #555;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: normal;
}
@media only screen and (max-width: 1200px) {
  #cookies .cookies__text p,
  #cookies .cookies__text .p {
    font-size: 1.3rem;
  }
}
#cookies .cookies__checkboxes {
  display: flex;
  gap: 4.5rem;
  margin: 3rem 0 0 0;
}
@media only screen and (max-width: 1200px) {
  #cookies .cookies__checkboxes {
    display: flex;
    gap: 3rem;
    margin: 2rem 0 0 0;
  }
}
@media only screen and (max-width: 600px) {
  #cookies .cookies__checkboxes {
    display: grid;
    grid-gap: 1rem 2rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
#cookies .cookies__checkboxes .checkbox {
  margin: 0;
}
#cookies .cookies__buttons {
  display: flex;
  gap: 2.8rem;
  margin: 3rem 0 0 0;
}
@media only screen and (max-width: 1200px) {
  #cookies .cookies__buttons {
    display: flex;
    gap: 2rem;
    margin: 2rem 0 0 0;
  }
}
@media only screen and (max-width: 500px) {
  #cookies .cookies__buttons {
    display: flex;
    gap: 1rem;
    flex-direction: column-reverse;
  }
}
#cookies .cookies__buttons .button {
  max-width: 100%;
}
#cookies .cookies__buttons .button._secondary-border {
  text-decoration: underline !important;
}

.radio {
  display: block;
  margin-top: 2rem;
  padding-left: 3.8rem;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 1200px) {
  .radio {
    padding-left: 3.2rem;
  }
}
.radio .radio__input {
  display: none;
}
.radio .radio__box {
  width: 2.4rem;
  height: auto;
  aspect-ratio: 1;
  border-width: 0.2rem;
  border-style: solid;
  border-radius: 50%;
  border-color: #9d9d9d;
  position: absolute;
  top: -0.1rem;
  left: 0;
  transition: border-color 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .radio .radio__box {
    width: 2rem;
    top: 0.1rem;
  }
}
.radio .radio__box::before {
  width: 1rem;
  height: auto;
  aspect-ratio: 1;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #de5a25;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .radio .radio__box::before {
    width: 0.6rem;
  }
}
.radio .radio__text {
  color: #555;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
  transition: color 0.3s ease-in-out, font-weight 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .radio .radio__text {
    font-size: 1.4rem;
  }
}
.radio:has(.radio__input:checked) .radio__box {
  border-color: #de5a25;
}
.radio:has(.radio__input:checked) .radio__box::before {
  opacity: 1;
}
.radio:has(.radio__input:checked) .radio__text {
  color: #de5a25;
}
.radio:has(.radio__input:disabled) .radio__box {
  cursor: not-allowed;
}

.account__aside {
  padding: 2rem 0 0 0;
  margin: -2rem 0 0 0;
  position: sticky;
  top: 0;
  transition: top 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .account__aside {
    padding: 0;
    margin: 0;
    position: unset;
    top: unset;
  }
}
.account__aside ul {
  list-style: none;
  border-radius: 1.2rem;
  background: #fff;
  padding: 5rem;
}
@media only screen and (max-width: 1200px) {
  .account__aside ul {
    border-radius: 0.8rem;
    padding: 1.8rem 2rem;
  }
}
.account__aside li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
}
.account__aside li._active a {
  color: #de5a25;
}
.account__aside li._active a::before {
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
}
.account__aside li:not(:first-child) {
  margin: 4rem 0 0 0;
}
@media only screen and (max-width: 1200px) {
  .account__aside li:not(:first-child) {
    margin: 1.4rem 0 0 0;
  }
}
.account__aside li a {
  display: flex;
  gap: 2rem;
  align-items: center;
  color: #252525;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 2.4rem;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .account__aside li a {
    display: flex;
    gap: 1.4rem;
    font-size: 1.4rem;
  }
}
.account__aside li a:hover {
  color: #de5a25;
}
.account__aside li a:hover::before {
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
}
.account__aside li a::before {
  display: flex;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 3rem;
  min-width: 3rem;
  height: auto;
  aspect-ratio: 1;
  transition: filter 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .account__aside li a::before {
    display: flex;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
  }
}
.account__aside li.account__aside-info a::before {
  background-image: url("../images/icons/account-info.svg");
}
.account__aside li.account__aside-address a::before {
  background-image: url("../images/icons/account-addresses.svg");
}
.account__aside li.account__aside-orders a::before {
  background-image: url("../images/icons/account-orders.svg");
}
.account__aside li.account__aside-logout a::before {
  background-image: url("../images/icons/account-logout.svg");
}

.account__name {
  display: flex;
  gap: 3rem;
  align-items: center;
  color: #222;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.4rem;
  margin: 0 0 2rem 0;
  padding: 3rem 5rem;
  border-radius: 1.2rem;
  background: #fff;
}
@media only screen and (max-width: 1200px) {
  .account__name {
    display: flex;
    gap: 1.6rem;
    font-size: 1.4rem;
    margin: 0 0 4rem 0;
    padding: 1rem 1.8rem;
  }
}
.account__name::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/account-circle_48x48.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 4.8rem;
  min-width: 4.8rem;
  height: auto;
  aspect-ratio: 1;
}
@media only screen and (max-width: 1200px) {
  .account__name::before {
    display: flex;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 3.4rem;
    min-width: 3.4rem;
    height: 3.4rem;
  }
}
.account__name span span {
  color: #de5a25;
  font-size: 2rem;
  font-weight: 300;
}
@media only screen and (max-width: 1200px) {
  .account__name span span {
    font-size: 1.4rem;
  }
}

.account__content .account__info {
  border-radius: 1.2rem;
  background: #fff;
  scroll-margin-top: 14.2rem;
  scroll-padding-top: 14.2rem;
}
@media only screen and (max-width: 1200px) {
  .account__content .account__info {
    position: relative;
    z-index: 1;
  }
  .account__content .account__info::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: -8rem;
    right: -50vw;
    left: -50vw;
    background: #fff;
  }
}
@media only screen and (max-width: 1200px) {
  .account__content:has(.order__summary) .account__info::before {
    bottom: 0;
  }
}
.account__content .account__block {
  padding: 4rem 5rem 5rem;
}
@media only screen and (max-width: 1200px) {
  .account__content .account__block {
    padding: 4rem 0;
  }
  .account__content .account__block:last-child {
    padding: 4rem 0 0;
  }
}
@media only screen and (max-width: 1200px) {
  .account__content .account__block h4,
  .account__content .account__block .h4 {
    font-size: 2.2rem;
    line-height: 2.4rem;
  }
}
.account__content .account__block:has(.orders__table), .account__content .account__block:has(.order__info) {
  padding: 4rem 0 0 0;
}
.account__content .account__block:has(.orders__table) h4,
.account__content .account__block:has(.orders__table) .h4, .account__content .account__block:has(.order__info) h4,
.account__content .account__block:has(.order__info) .h4 {
  padding: 0 5rem;
}
@media only screen and (max-width: 1200px) {
  .account__content .account__block:has(.orders__table) h4,
  .account__content .account__block:has(.orders__table) .h4, .account__content .account__block:has(.order__info) h4,
  .account__content .account__block:has(.order__info) .h4 {
    padding: 0;
  }
}
.account__content .account__block > *:not(.button):not(.delivery__list):not(.orders__table):not(.order__info):not(.order__blocks) {
  max-width: 58.9rem;
}
@media only screen and (max-width: 1200px) {
  .account__content .account__block .flex {
    display: flex;
    gap: 0rem;
    flex-direction: column;
  }
  .account__content .account__block .flex .col-6 {
    width: 100%;
  }
}
.account__content .account__block:has(.delivery__form):not(:has(.delivery__list)) {
  display: none;
}
.account__content .account__block:has(.delivery__buttons:first-child) {
  margin-top: -3rem;
  border-top: 0;
  padding-top: 0;
}
.account__content .account__block._active {
  display: block !important;
}
.account__content .account__block._active ~ .account__block {
  margin-top: 0;
}
.account__content .account__block._active ~ .account__block .delivery__buttons .button._primary-border {
  display: flex;
}
.account__content .account__block._active ~ .account__block .delivery__buttons .button.add-new-address {
  display: none;
}
.account__content .account__block._active ~ .account__block .delivery__buttons .button.submit-new-address {
  display: flex;
}
.account__content .account__block:not(:first-child) {
  border-top: 0.1rem solid #e6e6e6;
}
.account__content .account__block > .button {
  margin: 5rem 0 0 0;
}
@media only screen and (max-width: 500px) {
  .account__content .account__block > .button {
    margin: 4rem 0 0 0;
    max-width: 100%;
  }
}
@media only screen and (max-width: 1200px) {
  .account__content .account__block .delivery__form .flex {
    display: flex;
    gap: 0 1.2rem;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 1200px) {
  .account__content .account__block .delivery__form .flex .col-3 {
    width: calc(50% - 0.6rem);
  }
}
.account__content .account__block .delivery__buttons {
  display: flex;
  gap: 3rem;
  justify-content: space-between;
}
@media only screen and (max-width: 600px) {
  .account__content .account__block .delivery__buttons {
    display: flex;
    gap: 2rem;
    flex-direction: column-reverse;
  }
}
.account__content .account__block .delivery__buttons .button._primary-border {
  display: none;
}
@media only screen and (max-width: 600px) {
  .account__content .account__block .delivery__buttons .button._primary-border {
    max-width: 100%;
  }
}
.account__content .account__block .delivery__buttons .button._primary-border:hover::before {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(17%) hue-rotate(343deg) brightness(104%) contrast(100%);
}
.account__content .account__block .delivery__buttons .button._primary-border::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/arrow-left_33x10.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 3.3rem;
  min-width: 3.3rem;
  height: 1rem;
  aspect-ratio: 3.3;
  margin-right: 1.6rem;
  transition: filter 0.3s ease-in-out;
}
@media only screen and (max-width: 600px) {
  .account__content .account__block .delivery__buttons .button._primary {
    max-width: 100%;
  }
}
.account__content .account__block .delivery__buttons .button._primary::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/plus-circle_24x24.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 2.4rem;
  min-width: 2.4rem;
  height: auto;
  aspect-ratio: 1;
  margin-right: 1rem;
}
.account__content .account__block .delivery__buttons .button.submit-new-address {
  display: none;
}

.account__columns {
  padding: 3rem 0 14rem;
}
@media only screen and (max-width: 1200px) {
  .account__columns {
    padding: 3rem 0 8rem;
    overflow-x: hidden;
  }
}
.account__columns .wrap {
  display: flex;
  gap: 4.16%;
  align-items: flex-start;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  .account__columns .wrap {
    display: flex;
    gap: 4rem;
    flex-direction: column;
  }
}
.account__columns .account__aside {
  width: 27.09%;
}
@media only screen and (max-width: 1200px) {
  .account__columns .account__aside {
    width: 100%;
  }
}
.account__columns .account__content {
  width: 68.75%;
}
@media only screen and (max-width: 1200px) {
  .account__columns .account__content {
    width: 100%;
  }
}

.delivery__list {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  max-width: 82.5rem;
  margin: 2rem 0 0 0;
}

.delivery._card {
  border-radius: 0.8rem;
  border: 0.1rem solid #cdcdcd;
  scroll-margin-top: 14.2rem;
  scroll-padding-top: 14.2rem;
}
.delivery._card._edit .delivery__form {
  display: block;
}
.delivery._card .delivery__content {
  display: flex;
  gap: 3rem;
  padding: 2.4rem 3rem 3rem;
}
@media only screen and (max-width: 1200px) {
  .delivery._card .delivery__content {
    padding: 2rem;
  }
}
@media only screen and (max-width: 800px) {
  .delivery._card .delivery__content {
    display: flex;
    flex-direction: column;
  }
}
.delivery._card .delivery__form {
  border-top: 0.1rem solid #cdcdcd;
  padding: 3rem;
  display: none;
}
@media only screen and (max-width: 1200px) {
  .delivery._card .delivery__form {
    padding: 3rem 2rem;
  }
}
.delivery._card .delivery__form > *:not(.button) {
  max-width: 58.9rem;
}
.delivery._card .delivery__form .button._secondary {
  margin: 3rem 0 0 0;
}
@media only screen and (max-width: 600px) {
  .delivery._card .delivery__form .button._secondary {
    max-width: 100%;
  }
}
.delivery._card .delivery__form .button._secondary::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/plus-circle_24x24.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 2.4rem;
  min-width: 2.4rem;
  height: auto;
  aspect-ratio: 1;
  margin-right: 1rem;
}
.delivery._card .delivery__info ul {
  margin: 1rem 0 0 0;
  list-style: none;
}
.delivery._card .delivery__info li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  color: #222;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.8rem;
}
@media only screen and (max-width: 1200px) {
  .delivery._card .delivery__info li {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
}
.delivery._card .delivery__name {
  color: #000;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4rem;
}
@media only screen and (max-width: 1200px) {
  .delivery._card .delivery__name {
    font-size: 1.4rem;
  }
}
.delivery._card .delivery__actions {
  display: flex;
  gap: 3.6rem;
  align-items: flex-start;
  margin: 0 0 0 auto;
}
@media only screen and (max-width: 800px) {
  .delivery._card .delivery__actions {
    margin: 0;
  }
}
.delivery._card .delivery__actions button {
  display: flex;
  gap: 1rem;
  align-items: flex-end;
  color: #222;
  font-size: 1.4rem;
  font-weight: 400;
  cursor: pointer;
  transition: color 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .delivery._card .delivery__actions button {
    display: flex;
    gap: 0.8rem;
    font-size: 1.3rem;
  }
}
.delivery._card .delivery__actions button:hover, .delivery._card .delivery__actions button._active {
  color: #de5a25;
}
.delivery._card .delivery__actions button:hover::before, .delivery._card .delivery__actions button._active::before {
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
}
.delivery._card .delivery__actions button::before {
  display: flex;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 2.4rem;
  min-width: 2.4rem;
  height: auto;
  aspect-ratio: 1;
  transition: filter 0.3s ease-in-out;
}
.delivery._card .delivery__actions button.delivery__edit::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/edit_24x24.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.delivery._card .delivery__actions button.delivery__remove::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/trash_24x24.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.orders__table {
  padding: 2rem 0;
}
.orders__table .orders__header,
.orders__table .orders__item {
  display: grid;
  grid-template-columns: 0.7fr 0.8fr 0.8fr 1fr 1fr 0.7fr 5.4rem;
  align-items: center;
  padding: 1.6rem 5rem;
  border-top: 0.1rem solid #e9e9e9;
}
@media only screen and (max-width: 1200px) {
  .orders__table .orders__header,
  .orders__table .orders__item {
    padding: 1.4rem 0;
  }
}
@media only screen and (max-width: 1000px) {
  .orders__table .orders__header,
  .orders__table .orders__item {
    display: grid;
    grid-template-columns: 1fr;
    padding: 2rem 0;
  }
}
.orders__table .orders__header div p,
.orders__table .orders__item div p {
  color: #777;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 2.8rem;
}
.orders__table .orders__header div:nth-child(2), .orders__table .orders__header div:nth-child(3),
.orders__table .orders__item div:nth-child(2),
.orders__table .orders__item div:nth-child(3) {
  text-align: center;
}
@media only screen and (max-width: 1000px) {
  .orders__table .orders__header div:nth-child(2), .orders__table .orders__header div:nth-child(3),
  .orders__table .orders__item div:nth-child(2),
  .orders__table .orders__item div:nth-child(3) {
    text-align: left;
  }
}
.orders__table .orders__header div:nth-child(6),
.orders__table .orders__item div:nth-child(6) {
  text-align: right;
}
@media only screen and (max-width: 1000px) {
  .orders__table .orders__header div:nth-child(6),
  .orders__table .orders__item div:nth-child(6) {
    text-align: left;
  }
}
.orders__table .orders__header div:nth-child(7),
.orders__table .orders__item div:nth-child(7) {
  padding: 0 0 0 3rem;
}
@media only screen and (max-width: 1000px) {
  .orders__table .orders__header div:nth-child(7),
  .orders__table .orders__item div:nth-child(7) {
    padding: 0;
  }
}
@media only screen and (max-width: 1000px) {
  .orders__table .orders__header {
    display: none;
  }
}
@media only screen and (max-width: 1000px) {
  .orders__table .orders__item div {
    display: flex;
    gap: 2rem;
    align-items: center;
    padding: 0.2rem 0;
  }
  .orders__table .orders__item div::before {
    color: #666;
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 1.8rem;
    content: attr(data-title);
    width: calc(50% - 1rem);
  }
}
.orders__table .orders__item div p {
  color: #000;
}
.orders__table .orders__item div.orders__status p,
.orders__table .orders__item div.orders__status .p {
  border-radius: 0.4rem;
  border: 0.1rem solid #bfbfbf;
  padding: 0rem 0.6rem;
  text-align: center;
  max-width: max-content;
  margin: 0 auto;
}
@media only screen and (max-width: 1200px) {
  .orders__table .orders__item div.orders__status p,
  .orders__table .orders__item div.orders__status .p {
    height: 2.4rem;
    line-height: 2.4rem;
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 1000px) {
  .orders__table .orders__item div.orders__status p,
  .orders__table .orders__item div.orders__status .p {
    margin: 0;
  }
}
.orders__table .orders__item div.orders__tracking p, .orders__table .orders__item div.orders__delivery p, .orders__table .orders__item div.orders__total p {
  font-size: 1.4rem;
}
@media only screen and (max-width: 1200px) {
  .orders__table .orders__item div.orders__tracking p, .orders__table .orders__item div.orders__delivery p, .orders__table .orders__item div.orders__total p {
    font-size: 1.3rem;
  }
}
.orders__table .orders__item div.orders__view .button__view {
  display: flex;
  width: 2.4rem;
  min-width: 2.4rem;
  height: 2.4rem;
  aspect-ratio: 1;
  background-image: url("../images/icons/external-link.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.order__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 2rem 0 0 0;
  padding: 2rem 5rem;
  border-top: 0.1rem solid #e9e9e9;
  border-bottom: 0.1rem solid #e9e9e9;
}
@media only screen and (max-width: 800px) {
  .order__info {
    display: flex;
    flex-direction: column;
    align-items: unset;
    padding: 2rem 0;
  }
}
.order__info div {
  color: #222;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.8rem;
}
@media only screen and (max-width: 1200px) {
  .order__info div {
    font-size: 1.3rem;
  }
}
.order__info div span {
  color: #777;
}
.order__info .order__pdf a {
  display: flex;
  gap: 0.8rem;
  justify-content: center;
  color: #222;
  text-decoration-line: underline;
  transition: color 0.3s ease-in-out;
}
@media only screen and (max-width: 800px) {
  .order__info .order__pdf a {
    display: flex;
    justify-content: unset;
  }
}
.order__info .order__pdf a:hover {
  color: #de5a25;
}
.order__info .order__pdf a:hover::after {
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
}
.order__info .order__pdf a::after {
  display: flex;
  content: "";
  background-image: url("../images/icons/file-text.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 2.2rem;
  min-width: 2.2rem;
  height: auto;
  aspect-ratio: 1;
  transition: filter 0.3s ease-in-out;
}

.order__blocks {
  display: grid;
  grid-gap: 5rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 3rem 5rem;
}
@media only screen and (max-width: 1200px) {
  .order__blocks {
    display: grid;
    grid-gap: 3rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 3rem 0;
  }
}
@media only screen and (max-width: 600px) {
  .order__blocks {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.order__blocks .order__block p,
.order__blocks .order__block .p {
  color: #000;
  font-size: 1.4rem;
  font-weight: 500;
}
@media only screen and (max-width: 1200px) {
  .order__blocks .order__block p,
  .order__blocks .order__block .p {
    font-size: 1.3rem;
  }
}
.order__blocks .order__block ul {
  list-style: none;
}
.order__blocks .order__block ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  font-size: 1.5rem;
  font-weight: 300;
  margin-top: 0.6rem;
}
@media only screen and (max-width: 1200px) {
  .order__blocks .order__block ul li {
    font-size: 1.3rem;
    margin-top: 0.3rem;
  }
}

.order__products {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: minmax(0, 1fr);
  margin-top: 1rem;
}

.order__summary {
  margin: 4rem 0 0 auto;
  max-width: 38.9rem;
  width: 100%;
  transition: top 0.3s ease-in-out;
}
@media only screen and (max-width: 500px) {
  .order__summary {
    max-width: 100%;
  }
}
.order__summary .summary__row {
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  align-items: center;
  color: #222;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 2.4rem;
}
.order__summary .summary__row._discount {
  color: #de5a25;
}
.order__summary .summary__row._total {
  font-size: 1.6rem;
  font-weight: 500;
}
.order__summary .summary__row._total span:last-child {
  font-weight: 700;
}
.order__summary .summary__row + .summary__row {
  margin-top: 1rem;
}
.order__summary .checkbox {
  margin-top: 3rem;
}
.order__summary .checkbox + .checkbox {
  margin-top: 1.6rem;
}
.order__summary .button {
  margin-top: 4rem;
}
.order__summary .button::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/arrow-left_33x10.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 3.3rem;
  min-width: 3.3rem;
  height: 1rem;
  aspect-ratio: 3.3;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(17%) hue-rotate(343deg) brightness(104%) contrast(100%);
  margin-right: 1rem;
}

.account {
  background: #f6f6f6;
}

.homepage__hero .content {
  display: flex;
  position: relative;
}
@media only screen and (max-width: 600px) {
  .homepage__hero .content {
    display: flex;
    flex-direction: column;
  }
}
.homepage__hero .content::before, .homepage__hero .content::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, #081014 0%, rgba(8, 16, 20, 0) 100%);
}
.homepage__hero .content::before {
  height: 42.1rem;
  opacity: 0.8;
}
@media only screen and (max-width: 1200px) {
  .homepage__hero .content::before {
    height: 26.1rem;
  }
}
@media only screen and (max-width: 900px) {
  .homepage__hero .content::before {
    height: 19.8rem;
  }
}
.homepage__hero .content::after {
  height: 26rem;
}
@media only screen and (max-width: 1200px) {
  .homepage__hero .content::after {
    height: 16rem;
  }
}
@media only screen and (max-width: 900px) {
  .homepage__hero .content::after {
    height: 14rem;
  }
}
.homepage__hero .hero__video {
  display: flex;
  flex-direction: column;
  width: 68.28125%;
  position: relative;
}
@media only screen and (max-width: 600px) {
  .homepage__hero .hero__video {
    width: 100%;
    height: auto;
    aspect-ratio: 360/460;
  }
}
.homepage__hero .hero__video img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 600px) {
  .homepage__hero .hero__video img {
    top: 0;
    height: 100%;
  }
}
.homepage__hero .hero__video video {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 2622/1774;
  object-fit: cover;
  mix-blend-mode: screen;
}
.homepage__hero .hero__video h1,
.homepage__hero .hero__video .h1,
.homepage__hero .hero__video .product__description .description__block h2,
.product__description .description__block .homepage__hero .hero__video h2,
.homepage__hero .hero__video .product__description .description__block .h2,
.product__description .description__block .homepage__hero .hero__video .h2,
.homepage__hero .hero__video .product__news .news__heading h2,
.product__news .news__heading .homepage__hero .hero__video h2,
.homepage__hero .hero__video .product__news .news__heading .h2,
.product__news .news__heading .homepage__hero .hero__video .h2,
.homepage__hero .hero__video .product__review h2,
.product__review .homepage__hero .hero__video h2,
.homepage__hero .hero__video .product__review .h2,
.product__review .homepage__hero .hero__video .h2,
.homepage__hero .hero__video .faq h2,
.faq .homepage__hero .hero__video h2,
.homepage__hero .hero__video .faq .h2,
.faq .homepage__hero .hero__video .h2,
.homepage__hero .hero__video .category__seo h2,
.category__seo .homepage__hero .hero__video h2,
.homepage__hero .hero__video .category__seo .h2,
.category__seo .homepage__hero .hero__video .h2 {
  position: relative;
  z-index: 2;
  color: #fff;
  padding: 6rem 10rem;
  margin: auto 0 0 0;
  max-width: 88rem;
}
@media only screen and (max-width: 1200px) {
  .homepage__hero .hero__video h1,
  .homepage__hero .hero__video .h1,
  .homepage__hero .hero__video .product__description .description__block h2,
  .product__description .description__block .homepage__hero .hero__video h2,
  .homepage__hero .hero__video .product__description .description__block .h2,
  .product__description .description__block .homepage__hero .hero__video .h2,
  .homepage__hero .hero__video .product__news .news__heading h2,
  .product__news .news__heading .homepage__hero .hero__video h2,
  .homepage__hero .hero__video .product__news .news__heading .h2,
  .product__news .news__heading .homepage__hero .hero__video .h2,
  .homepage__hero .hero__video .product__review h2,
  .product__review .homepage__hero .hero__video h2,
  .homepage__hero .hero__video .product__review .h2,
  .product__review .homepage__hero .hero__video .h2,
  .homepage__hero .hero__video .faq h2,
  .faq .homepage__hero .hero__video h2,
  .homepage__hero .hero__video .faq .h2,
  .faq .homepage__hero .hero__video .h2,
  .homepage__hero .hero__video .category__seo h2,
  .category__seo .homepage__hero .hero__video h2,
  .homepage__hero .hero__video .category__seo .h2,
  .category__seo .homepage__hero .hero__video .h2 {
    padding: 5rem 3rem;
  }
}
.homepage__hero .hero__slider {
  width: 31.71875%;
  height: auto;
  aspect-ratio: 610/887;
  margin: 0 !important;
}
.homepage__hero .hero__slider:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  overflow: hidden;
}
.homepage__hero .hero__slider:not(.slick-initialized) > *:nth-child(n+2) {
  display: none;
}
@media only screen and (max-width: 600px) {
  .homepage__hero .hero__slider {
    width: 100%;
    aspect-ratio: 360/248;
  }
}
.homepage__hero .hero__slider .slider__item {
  display: flex;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 600px) {
  .homepage__hero .hero__slider .slider__item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    aspect-ratio: 360/248;
  }
}
.homepage__hero .hero__slider .slider__item img {
  width: 100%;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 600px) {
  .homepage__hero .hero__slider .slider__item img {
    height: auto;
    max-height: unset;
    aspect-ratio: 360/248;
    display: none;
  }
}
.homepage__hero .hero__slider .slider__item img._mobile {
  display: none;
}
@media only screen and (max-width: 600px) {
  .homepage__hero .hero__slider .slider__item img._mobile {
    display: block;
  }
}
.homepage__hero .hero__slider .slick-dots {
  bottom: 1.4rem;
}
.homepage__hero .hero__slider .slick-dots li {
  width: 2rem;
  height: 2rem;
  margin: 0;
  opacity: 0.6;
}
.homepage__hero .hero__slider .slick-dots li.slick-active {
  opacity: 1;
}
.homepage__hero .hero__slider .slick-dots li button {
  width: 2rem;
  height: 2rem;
  padding: 0;
  font-size: 0;
  position: relative;
}
.homepage__hero .hero__slider .slick-dots li button::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  content: "";
  background: #ffffff;
  transition: background 0.3s ease-in-out;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
}
.homepage__hero .hero__slider .slick-dots li button::before {
  content: none;
}

.homepage__about {
  padding: 14rem 0 15rem;
}
@media only screen and (max-width: 1200px) {
  .homepage__about {
    padding: 8rem 0 10rem;
  }
}
.homepage__about + .homepage__icons {
  padding-top: 0;
}
.homepage__about .wrap {
  display: flex;
  gap: 15rem;
  align-items: center;
}
@media only screen and (max-width: 1200px) {
  .homepage__about .wrap {
    display: flex;
    gap: 5rem;
  }
}
@media only screen and (max-width: 900px) {
  .homepage__about .wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.homepage__about .about__text {
  width: 44.17%;
}
@media only screen and (max-width: 900px) {
  .homepage__about .about__text {
    width: 100%;
    max-width: 50rem;
  }
}
.homepage__about .about__text .about__title {
  display: flex;
  flex-direction: column;
  font-family: "Titillium Web", sans-serif;
  color: #252525;
  font-size: 3.6rem;
  font-weight: 400;
  position: relative;
  padding: 0 0 3rem;
}
@media only screen and (max-width: 1200px) {
  .homepage__about .about__text .about__title {
    font-size: 2.8rem;
    font-weight: 400;
    padding: 0 0 2rem;
  }
}
@media only screen and (max-width: 900px) {
  .homepage__about .about__text .about__title {
    text-align: center;
  }
}
.homepage__about .about__text .about__title strong {
  color: #de5a25;
  font-size: 6.4rem;
  line-height: 6.4rem;
  font-weight: 400;
}
@media only screen and (max-width: 1200px) {
  .homepage__about .about__text .about__title strong {
    font-size: 3.6rem;
    line-height: 3.6rem;
  }
}
.homepage__about .about__text .about__title::after {
  display: flex;
  content: "";
  background-image: url("../images/icons/about-divider_81x3.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 8.1rem;
  min-width: 8.1rem;
  height: auto;
  aspect-ratio: 27;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media only screen and (max-width: 900px) {
  .homepage__about .about__text .about__title::after {
    left: 50%;
    transform: translateX(-50%);
  }
}
.homepage__about .about__text p,
.homepage__about .about__text .p {
  color: #252525;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 3.2rem;
  margin: 4rem 0 0 0;
}
@media only screen and (max-width: 1200px) {
  .homepage__about .about__text p,
  .homepage__about .about__text .p {
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin: 3rem 0 0 0;
  }
}
@media only screen and (max-width: 900px) {
  .homepage__about .about__text p,
  .homepage__about .about__text .p {
    text-align: center;
  }
}
.homepage__about .about__text .button {
  margin: 4rem 0 0 0;
}
@media only screen and (max-width: 1200px) {
  .homepage__about .about__text .button {
    margin: 3rem 0 0 0;
  }
}
@media only screen and (max-width: 900px) {
  .homepage__about .about__text .button {
    margin: 3rem auto 0;
  }
}
.homepage__about .about__photo {
  width: 55.83%;
}
@media only screen and (max-width: 900px) {
  .homepage__about .about__photo {
    width: 100%;
    max-width: 50rem;
  }
}
.homepage__about .about__photo video {
  max-width: 100%;
}

.homepage__icons {
  padding: 15rem 0 14rem;
}
@media only screen and (max-width: 1200px) {
  .homepage__icons {
    padding: 10rem 0;
  }
}
.homepage__icons + .homepage__banners {
  padding-top: 0;
}
.homepage__icons .icons__grid {
  display: flex;
  gap: 24rem;
  justify-content: center;
}
@media only screen and (max-width: 1200px) {
  .homepage__icons .icons__grid {
    display: flex;
    gap: 15%;
  }
}
@media only screen and (max-width: 500px) {
  .homepage__icons .icons__grid {
    display: grid;
    grid-gap: 5rem 2rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.homepage__icons .icons__grid .icon {
  display: flex;
  gap: 2rem;
  flex-direction: column;
  align-items: center;
  color: #de5a25;
  font-size: 1.5rem;
  font-weight: 400;
  text-align: center;
}
@media only screen and (max-width: 1200px) {
  .homepage__icons .icons__grid .icon {
    font-size: 1.4rem;
  }
}
.homepage__icons .icons__grid .icon img {
  width: 100%;
  max-width: 7.8rem;
  height: auto;
  aspect-ratio: 1;
}
@media only screen and (max-width: 1200px) {
  .homepage__icons .icons__grid .icon img {
    width: 100%;
    max-width: 5.4rem;
    height: auto;
    aspect-ratio: 1;
  }
}

.homepage__banners {
  padding: 14rem 0;
}
@media only screen and (max-width: 1200px) {
  .homepage__banners {
    padding: 12.5rem 0;
  }
}
.homepage__banners .banners__grid {
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 800px) {
  .homepage__banners .banners__grid {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.contacts__offices {
  padding: 4rem 0 10rem;
}
@media only screen and (max-width: 1200px) {
  .contacts__offices {
    padding: 2rem 0 8rem;
  }
}
.contacts__offices .wrap {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}
@media only screen and (max-width: 600px) {
  .contacts__offices .wrap {
    display: flex;
    gap: 1rem;
    flex-direction: column;
  }
}
.contacts__offices .offices__box {
  display: flex;
  flex-direction: column;
  padding: 2rem 3rem;
  border: 0.1rem solid #e0e0e0;
  border-radius: 1.2rem;
}
@media only screen and (max-width: 1200px) {
  .contacts__offices .offices__box {
    padding: 2rem;
  }
}
.contacts__offices .offices__box:nth-child(4)::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/service_54x54.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.contacts__offices .offices__box::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/map-pin_54x54.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 5.4rem;
  min-width: 5.4rem;
  height: auto;
  aspect-ratio: 1;
  margin: 0 0 3rem;
}
@media only screen and (max-width: 1200px) {
  .contacts__offices .offices__box::before {
    display: flex;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 4.4rem;
    min-width: 4.4rem;
    height: 4.4rem;
    margin: 0 0 2rem;
  }
}
.contacts__offices .offices__box > p {
  color: #000;
  font-size: 1.8rem;
  font-weight: 500;
  margin: 0 0 3rem;
}
@media only screen and (max-width: 1200px) {
  .contacts__offices .offices__box > p {
    font-size: 1.6rem;
    margin: 0 0 2rem;
  }
}
.contacts__offices .offices__box > p span {
  color: #de5a25;
}
.contacts__offices .offices__box .offices__content > *:first-child {
  margin: 0 !important;
}
.contacts__offices .offices__box .offices__content > ul,
.contacts__offices .offices__box .offices__content .person__block > ul {
  margin: 3rem 0 0 0;
  list-style: none;
}
@media only screen and (max-width: 1200px) {
  .contacts__offices .offices__box .offices__content > ul,
  .contacts__offices .offices__box .offices__content .person__block > ul {
    margin: 2rem 0 0 0;
  }
}
.contacts__offices .offices__box .offices__content > ul li,
.contacts__offices .offices__box .offices__content .person__block > ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  font-size: 1.6rem;
  font-weight: 300;
}
@media only screen and (max-width: 1200px) {
  .contacts__offices .offices__box .offices__content > ul li,
  .contacts__offices .offices__box .offices__content .person__block > ul li {
    font-size: 1.5rem;
  }
}
.contacts__offices .offices__box .offices__content > ul li:not(:first-child),
.contacts__offices .offices__box .offices__content .person__block > ul li:not(:first-child) {
  margin-top: 1rem;
}
@media only screen and (max-width: 1200px) {
  .contacts__offices .offices__box .offices__content > ul li:not(:first-child),
  .contacts__offices .offices__box .offices__content .person__block > ul li:not(:first-child) {
    margin-top: 0.6rem;
  }
}
.contacts__offices .offices__box .offices__person {
  display: flex;
  flex-direction: column;
  color: #000;
  font-size: 1.6rem;
  font-weight: 300;
  margin: 3rem 0 0 0;
}
@media only screen and (max-width: 1200px) {
  .contacts__offices .offices__box .offices__person {
    color: #000;
    font-size: 1.5rem;
    margin: 2rem 0 0 0;
  }
}
.contacts__offices .offices__box .offices__person span:first-child {
  color: #555;
  font-size: 1.4rem;
}
@media only screen and (max-width: 1200px) {
  .contacts__offices .offices__box .offices__person span:first-child {
    font-size: 1.3rem;
  }
}
.contacts__offices .offices__box .offices__person span:not(:first-child) {
  margin: 0.4rem 0 0 0;
}
@media only screen and (max-width: 1200px) {
  .contacts__offices .offices__box .offices__person span:not(:first-child) {
    margin: 0.3rem 0 0 0;
  }
}
.contacts__offices .offices__box .offices__address {
  display: flex;
  gap: 1.8rem;
  align-items: center;
  color: #000;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.4rem;
  margin: 3rem 0 0 0;
}
@media only screen and (max-width: 1200px) {
  .contacts__offices .offices__box .offices__address {
    display: flex;
    gap: 1.2rem;
    align-items: center;
    font-size: 1.5rem;
    line-height: 2rem;
    margin: 2rem 0 0 0;
  }
}
@media only screen and (max-width: 600px) {
  .contacts__offices .offices__box .offices__address {
    display: flex;
    gap: 1rem;
    flex-direction: column;
    align-items: unset;
  }
}
.contacts__offices .offices__box .offices__address a {
  display: flex;
  gap: 1rem;
  align-items: center;
  color: #de5a25;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  min-width: max-content;
}
.contacts__offices .offices__box .offices__address a::after {
  display: flex;
  content: "";
  background-image: url("../images/icons/arrow-right_30x10.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  aspect-ratio: 1;
}
.contacts__offices .offices__box .offices__work {
  margin: 3rem 0 0 0;
}
@media only screen and (max-width: 1200px) {
  .contacts__offices .offices__box .offices__work {
    margin: 2rem 0 0 0;
  }
}
.contacts__offices .offices__box .offices__work p,
.contacts__offices .offices__box .offices__work .p {
  color: #000;
  font-size: 1.6rem;
  font-weight: 400;
}
@media only screen and (max-width: 1200px) {
  .contacts__offices .offices__box .offices__work p,
  .contacts__offices .offices__box .offices__work .p {
    font-size: 1.5rem;
  }
}
.contacts__offices .offices__box .offices__work ul {
  list-style: none;
  margin: 1rem 0 0 0;
}
.contacts__offices .offices__box .offices__work ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: normal;
  position: relative;
  padding: 0 0 0 1.8rem;
}
@media only screen and (max-width: 1200px) {
  .contacts__offices .offices__box .offices__work ul li {
    font-size: 1.5rem;
  }
}
.contacts__offices .offices__box .offices__work ul li::before {
  width: 1rem;
  min-width: 1rem;
  height: auto;
  aspect-ratio: 1;
  content: "";
  position: absolute;
  top: 0.65rem;
  left: 0;
  border-radius: 50%;
  background: #de5a25;
}
.contacts__offices .offices__box .offices__work ul li:nth-child(2) {
  color: #333;
  margin: 1rem 0 0 0;
}
.contacts__offices .offices__box .offices__work ul li:nth-child(2)::before {
  background: #d9d9d9;
}
.contacts__offices .offices__box .person__block > *:first-child {
  margin: 0 !important;
}
.contacts__offices .offices__box:nth-child(odd) {
  width: calc(30% - 1.5rem);
}
@media only screen and (max-width: 1200px) {
  .contacts__offices .offices__box:nth-child(odd) {
    width: calc(60% - 1rem);
  }
}
@media only screen and (max-width: 600px) {
  .contacts__offices .offices__box:nth-child(odd) {
    width: 100%;
  }
}
.contacts__offices .offices__box:nth-child(even) {
  width: calc(20% - 1.5rem);
}
@media only screen and (max-width: 1200px) {
  .contacts__offices .offices__box:nth-child(even) {
    width: calc(40% - 1rem);
  }
}
@media only screen and (max-width: 600px) {
  .contacts__offices .offices__box:nth-child(even) {
    width: 100%;
  }
}

.contacts__info {
  padding: 10rem 0 14rem;
}
@media only screen and (max-width: 1200px) {
  .contacts__info {
    padding: 8rem 0;
  }
}
.contacts__info .wrap {
  display: flex;
  gap: 2rem;
}
@media only screen and (max-width: 1000px) {
  .contacts__info .wrap {
    display: flex;
    gap: 1rem;
    flex-direction: column;
  }
}
.contacts__info .info__box {
  display: flex;
  flex-direction: column;
  padding: 2rem 3rem;
  border: 0.1rem solid #e0e0e0;
  border-radius: 1.2rem;
}
@media only screen and (max-width: 1200px) {
  .contacts__info .info__box {
    padding: 2rem;
  }
}
.contacts__info .info__box:nth-child(1) {
  width: 70%;
}
@media only screen and (max-width: 1000px) {
  .contacts__info .info__box:nth-child(1) {
    width: 100%;
  }
}
.contacts__info .info__box:nth-child(1)::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/requisites_54x54.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.contacts__info .info__box:nth-child(2) {
  width: 30%;
}
@media only screen and (max-width: 1000px) {
  .contacts__info .info__box:nth-child(2) {
    width: 100%;
  }
}
.contacts__info .info__box:nth-child(2)::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/accountant_54x54.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.contacts__info .info__box::before {
  display: flex;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 5.4rem;
  min-width: 5.4rem;
  height: auto;
  aspect-ratio: 1;
  margin: 0 0 3rem;
}
@media only screen and (max-width: 1200px) {
  .contacts__info .info__box::before {
    display: flex;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 4.4rem;
    min-width: 4.4rem;
    height: 4.4rem;
    margin: 0 0 1rem;
  }
}
.contacts__info .info__box p,
.contacts__info .info__box .p {
  color: #000;
  font-size: 1.8rem;
  font-weight: 500;
}
@media only screen and (max-width: 1200px) {
  .contacts__info .info__box p,
  .contacts__info .info__box .p {
    font-size: 1.6rem;
  }
}
.contacts__info .info__box ul {
  margin: 2rem 0 0 0;
  list-style: none;
}
@media only screen and (max-width: 1200px) {
  .contacts__info .info__box ul {
    margin: 1rem 0 0 0;
  }
}
.contacts__info .info__box ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  font-size: 1.6rem;
  font-weight: 300;
}
@media only screen and (max-width: 1200px) {
  .contacts__info .info__box ul li {
    font-size: 1.4rem;
  }
}
.contacts__info .info__box ul li:not(:first-child) {
  margin-top: 1.2rem;
}
@media only screen and (max-width: 1200px) {
  .contacts__info .info__box ul li:not(:first-child) {
    margin-top: 0.8rem;
  }
}

.contacts__map {
  display: flex;
  width: 100%;
  height: 66.6rem;
}
@media only screen and (max-width: 800px) {
  .contacts__map {
    height: 53rem;
  }
}
.contacts__map .content {
  display: flex;
  max-width: 192rem;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.contacts__map .content .map__filter {
  position: absolute;
  z-index: 1;
  top: 5.4rem;
  left: 0;
  right: 0;
}
@media only screen and (max-width: 1200px) {
  .contacts__map .content .map__filter {
    top: 3.4rem;
  }
}
@media only screen and (max-width: 800px) {
  .contacts__map .content .map__filter {
    display: none;
  }
}
.contacts__map .content .map__filter .filter__content {
  display: flex;
  background: #fff;
  border-radius: 1.2rem;
  padding: 2.2rem 3rem;
}
@media only screen and (max-width: 1200px) {
  .contacts__map .content .map__filter .filter__content {
    padding: 2.2rem 1.5rem;
  }
}
.contacts__map .content .map__filter .filter__content button {
  color: #333;
  font-size: 1.6rem;
  font-weight: 400;
  padding: 0.3rem 4rem;
  cursor: pointer;
  transition: color 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .contacts__map .content .map__filter .filter__content button {
    font-size: 1.5rem;
    padding: 0.3rem 2rem;
  }
}
.contacts__map .content .map__filter .filter__content button span {
  font-weight: 300;
}
.contacts__map .content .map__filter .filter__content button:hover, .contacts__map .content .map__filter .filter__content button._active {
  color: #de5a25;
}
.contacts__map .content .map__filter .filter__content button:hover::before, .contacts__map .content .map__filter .filter__content button._active::before {
  filter: brightness(0) saturate(100%) invert(48%) sepia(54%) saturate(4572%) hue-rotate(350deg) brightness(93%) contrast(87%);
}
.contacts__map .content .map__filter .filter__content button:first-child {
  display: flex;
  gap: 1.4rem;
  justify-content: center;
  align-items: center;
  padding-left: 0;
}
@media only screen and (max-width: 1200px) {
  .contacts__map .content .map__filter .filter__content button:first-child {
    display: flex;
    gap: 1rem;
  }
}
.contacts__map .content .map__filter .filter__content button:first-child::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/globe.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 3rem;
  min-width: 3rem;
  height: auto;
  aspect-ratio: 1;
  transition: filter 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .contacts__map .content .map__filter .filter__content button:first-child::before {
    display: flex;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 2.4rem;
    min-width: 2.4rem;
    height: 2.4rem;
  }
}
.contacts__map .content .map__filter .filter__content button:last-child {
  padding-right: 0;
}
.contacts__map .content .map__filter .filter__content button:not(:first-child) {
  border-left: 0.1rem solid #e6e6e6;
}
.contacts__map #map {
  width: 100%;
  height: 100%;
}

.about__hero .content {
  min-height: 113.3rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  max-width: 192rem;
  width: 100%;
  margin: 0 auto;
  display: flex;
  position: relative;
  padding: 39.8rem 0 0 0;
}
@media only screen and (max-width: 1200px) {
  .about__hero .content {
    min-height: unset;
    padding: 23.5rem 0 0 0;
  }
}
@media only screen and (max-width: 900px) {
  .about__hero .content {
    padding: 14.5rem 0 0 0;
  }
}
@media only screen and (max-width: 600px) {
  .about__hero .content {
    padding: 9.6rem 0 0 0;
  }
}
.about__hero .content::before, .about__hero .content::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, #081014 0%, rgba(8, 16, 20, 0) 100%);
}
.about__hero .content::before {
  height: 42.1rem;
  opacity: 0.8;
}
.about__hero .content::after {
  height: 26rem;
}
.about__hero .hero__text {
  width: 100%;
  max-width: 82.1rem;
  min-height: 73.5rem;
  background: #fff;
  padding: 5rem 17.5% 5rem 0;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1200px) {
  .about__hero .hero__text {
    width: 57.0138888889%;
    min-height: unset;
    padding: 4rem 10.5% 4rem 0;
  }
}
@media only screen and (max-width: 900px) {
  .about__hero .hero__text {
    width: 90%;
    min-height: unset;
  }
}
@media only screen and (max-width: 600px) {
  .about__hero .hero__text {
    width: 95%;
    min-height: unset;
  }
}
.about__hero .hero__text::before {
  width: 100vw;
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  background: #fff;
}
.about__hero .breadcrumb {
  padding: 0;
}
.about__hero h1,
.about__hero .h1,
.about__hero .product__description .description__block h2,
.product__description .description__block .about__hero h2,
.about__hero .product__description .description__block .h2,
.product__description .description__block .about__hero .h2,
.about__hero .product__news .news__heading h2,
.product__news .news__heading .about__hero h2,
.about__hero .product__news .news__heading .h2,
.product__news .news__heading .about__hero .h2,
.about__hero .product__review h2,
.product__review .about__hero h2,
.about__hero .product__review .h2,
.product__review .about__hero .h2,
.about__hero .faq h2,
.faq .about__hero h2,
.about__hero .faq .h2,
.faq .about__hero .h2,
.about__hero .category__seo h2,
.category__seo .about__hero h2,
.about__hero .category__seo .h2,
.category__seo .about__hero .h2 {
  font-size: 6.4rem;
  font-weight: 300;
  letter-spacing: 0.128rem;
  margin: 3rem 0 0 0;
}
@media only screen and (max-width: 1200px) {
  .about__hero h1,
  .about__hero .h1,
  .about__hero .product__description .description__block h2,
  .product__description .description__block .about__hero h2,
  .about__hero .product__description .description__block .h2,
  .product__description .description__block .about__hero .h2,
  .about__hero .product__news .news__heading h2,
  .product__news .news__heading .about__hero h2,
  .about__hero .product__news .news__heading .h2,
  .product__news .news__heading .about__hero .h2,
  .about__hero .product__review h2,
  .product__review .about__hero h2,
  .about__hero .product__review .h2,
  .product__review .about__hero .h2,
  .about__hero .faq h2,
  .faq .about__hero h2,
  .about__hero .faq .h2,
  .faq .about__hero .h2,
  .about__hero .category__seo h2,
  .category__seo .about__hero h2,
  .about__hero .category__seo .h2,
  .category__seo .about__hero .h2 {
    font-size: 3.6rem;
    margin: 2rem 0 0 0;
  }
}
.about__hero p,
.about__hero .p {
  color: #222;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 3.2rem;
  margin: 3rem 0 0 0;
}
@media only screen and (max-width: 1200px) {
  .about__hero p,
  .about__hero .p {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin: 2rem 0 0 0;
  }
}

.about__description {
  padding: 14rem 0;
}
@media only screen and (max-width: 1200px) {
  .about__description {
    padding: 8rem 0;
  }
}
.about__description .wrap {
  display: flex;
  gap: 14rem;
  flex-direction: column;
}
@media only screen and (max-width: 1200px) {
  .about__description .wrap {
    display: flex;
    gap: 8rem;
  }
}
.about__description .description__block {
  display: flex;
  gap: 8rem;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1200px) {
  .about__description .description__block {
    display: flex;
    gap: 4rem;
  }
}
@media only screen and (max-width: 900px) {
  .about__description .description__block {
    display: flex;
    flex-direction: column;
    align-items: unset;
  }
}
.about__description .description__block:nth-child(even) {
  display: flex;
  flex-direction: row-reverse;
}
@media only screen and (max-width: 900px) {
  .about__description .description__block:nth-child(even) {
    display: flex;
    flex-direction: column;
  }
}
.about__description .block__photo {
  width: 49.7916666667%;
}
@media only screen and (max-width: 900px) {
  .about__description .block__photo {
    width: 100%;
  }
}
.about__description .block__photo img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.about__description .block__text {
  width: 43.0555555556%;
}
@media only screen and (max-width: 900px) {
  .about__description .block__text {
    width: 100%;
  }
}
.about__description .block__text h2,
.about__description .block__text .h2 {
  font-family: "Titillium Web", sans-serif;
  color: #222;
  font-size: 4.8rem;
  font-weight: 300;
  line-height: 6.4rem;
}
@media only screen and (max-width: 1200px) {
  .about__description .block__text h2,
  .about__description .block__text .h2 {
    font-size: 3.2rem;
    line-height: 4.8rem;
  }
}
.about__description .block__text h2:not(:first-child),
.about__description .block__text .h2:not(:first-child) {
  margin: 4rem 0 0 0;
}
@media only screen and (max-width: 1200px) {
  .about__description .block__text h2:not(:first-child),
  .about__description .block__text .h2:not(:first-child) {
    margin: 3rem 0 0 0;
  }
}
.about__description .block__text p,
.about__description .block__text .p {
  color: #222;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 3.2rem;
}
@media only screen and (max-width: 1200px) {
  .about__description .block__text p,
  .about__description .block__text .p {
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 2.6rem;
  }
}
.about__description .block__text p:not(:first-child),
.about__description .block__text .p:not(:first-child) {
  margin: 3rem 0 0 0;
}
@media only screen and (max-width: 1200px) {
  .about__description .block__text p:not(:first-child),
  .about__description .block__text .p:not(:first-child) {
    margin: 2rem 0 0 0;
  }
}
.about__description .block__text ul {
  list-style: outside;
  padding-left: 2rem;
}
.about__description .block__text ul:not(:first-child) {
  margin: 4rem 0 0 0;
}
@media only screen and (max-width: 1200px) {
  .about__description .block__text ul:not(:first-child) {
    margin: 3rem 0 0 0;
  }
}
.about__description .block__text ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  color: #222;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.6rem;
}
@media only screen and (max-width: 1200px) {
  .about__description .block__text ul li {
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 2.2rem;
  }
}
.about__description .block__text ul li:not(:first-child) {
  margin: 3rem 0 0 0;
}
@media only screen and (max-width: 1200px) {
  .about__description .block__text ul li:not(:first-child) {
    margin: 2rem 0 0 0;
  }
}

.about__video {
  padding: 14rem 0;
}
@media only screen and (max-width: 1200px) {
  .about__video {
    padding: 8rem 0;
  }
}
.about__video .wrap {
  display: flex;
  gap: 2rem;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 1200px) {
  .about__video .wrap {
    display: flex;
    gap: 1rem;
  }
}
.about__video iframe {
  width: 100%;
  max-width: 100rem;
  height: auto;
  aspect-ratio: 1.7985611511;
  margin: 0 auto;
}

.about__description + .about__video {
  padding-top: 0;
}

.about__values {
  background: #f6f6f6;
  padding: 14rem 0;
}
@media only screen and (max-width: 1200px) {
  .about__values {
    padding: 8rem 0;
    overflow: hidden;
  }
}
.about__values h2,
.about__values .h2 {
  font-family: "Titillium Web", sans-serif;
  color: #222;
  font-size: 4.8rem;
  font-weight: 300;
  line-height: 6.4rem;
  text-align: center;
}
@media only screen and (max-width: 1200px) {
  .about__values h2,
  .about__values .h2 {
    font-size: 3.2rem;
    line-height: 4.8rem;
  }
}
.about__values .values__grid {
  width: 97.3611111111%;
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 4rem auto 0;
}
@media only screen and (max-width: 1200px) {
  .about__values .values__grid {
    width: 100%;
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 2rem auto 0;
  }
}
@media only screen and (max-width: 900px) {
  .about__values .values__grid {
    width: calc(3.33vw + 100%);
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(3, minmax(30rem, 1fr));
    margin: 2rem -3.33vw 0 0;
    padding: 0 3.33vw 2rem;
    overflow-x: auto;
  }
  .about__values .values__grid::-webkit-scrollbar {
    width: 0.6rem;
    height: 0.6rem;
  }
  .about__values .values__grid::-webkit-scrollbar-track {
    width: 0.6rem;
    height: 0.6rem;
    background: transparent;
  }
  .about__values .values__grid::-webkit-scrollbar-thumb {
    width: 0.6rem;
    height: 0.6rem;
    background: #777777;
    border-radius: 0;
  }
}
.about__values .grid__item {
  display: flex;
  gap: 2rem;
  flex-direction: column;
  align-items: center;
  border-radius: 1.2rem;
  background: #fff;
  padding: 4rem 6rem;
}
@media only screen and (max-width: 1200px) {
  .about__values .grid__item {
    padding: 3rem 2rem;
  }
}
@media only screen and (max-width: 900px) {
  .about__values .grid__item {
    display: flex;
    gap: 1.4rem;
  }
}
.about__values .grid__item::before {
  display: flex;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 9.8rem;
  min-width: 9.8rem;
  height: auto;
  aspect-ratio: 1;
}
@media only screen and (max-width: 1200px) {
  .about__values .grid__item::before {
    display: flex;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 6.4rem;
    min-width: 6.4rem;
    height: auto;
    aspect-ratio: 1;
  }
}
.about__values .grid__item p,
.about__values .grid__item .p {
  color: #222;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 2.6rem;
  text-align: center;
}
@media only screen and (max-width: 1200px) {
  .about__values .grid__item p,
  .about__values .grid__item .p {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
}
.about__values .grid__item p:first-child,
.about__values .grid__item .p:first-child {
  color: #de5a25;
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.6rem;
}
@media only screen and (max-width: 1200px) {
  .about__values .grid__item p:first-child,
  .about__values .grid__item .p:first-child {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}
.about__values .grid__item:nth-child(1)::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/values_98x98_1.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.about__values .grid__item:nth-child(2)::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/values_98x98_2.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.about__values .grid__item:nth-child(3)::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/values_98x98_3.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.about__partners {
  padding: 14rem 0;
}
@media only screen and (max-width: 1200px) {
  .about__partners {
    padding: 8rem 0;
  }
}
.about__partners h2,
.about__partners .h2 {
  font-family: "Titillium Web", sans-serif;
  color: #222;
  font-size: 2.8rem;
  font-weight: 300;
  text-align: center;
}
@media only screen and (max-width: 1200px) {
  .about__partners h2,
  .about__partners .h2 {
    font-size: 2.4rem;
  }
}
.about__partners .partners__slider {
  padding: 0 8rem;
  margin: 7rem 0 0 0;
}
.about__partners .partners__slider:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  overflow: hidden;
}
.about__partners .partners__slider:not(.slick-initialized) > *:nth-child(n+9) {
  display: none;
}
@media only screen and (max-width: 1200px) {
  .about__partners .partners__slider {
    margin: 5rem 0 0 0;
  }
}
@media only screen and (max-width: 800px) {
  .about__partners .partners__slider {
    padding: 0;
    margin: 4rem 0 0 0;
  }
}
.about__partners .partners__slider .slick-slide, .about__partners .partners__slider > div:not(.slick-list) {
  padding: 0 2rem;
}
@media only screen and (max-width: 1200px) {
  .about__partners .partners__slider .slick-slide, .about__partners .partners__slider > div:not(.slick-list) {
    padding: 0 1rem;
  }
}
@media only screen and (max-width: 800px) {
  .about__partners .partners__slider .slick-slide, .about__partners .partners__slider > div:not(.slick-list) {
    padding: 0 0.3rem;
  }
}
.about__partners .partners__slider .slick-arrow.slick-prev, .about__partners .partners__slider body .mfp-container .slick-prev.mfp-arrow, body .mfp-container .about__partners .partners__slider .slick-prev.mfp-arrow {
  left: 0;
}
.about__partners .partners__slider .slick-arrow.slick-next, .about__partners .partners__slider body .mfp-container .slick-next.mfp-arrow, body .mfp-container .about__partners .partners__slider .slick-next.mfp-arrow {
  right: 0;
}
.about__partners .partners__slider .slick-dots {
  bottom: -4.5rem;
}
.about__partners .partners__slider .slick-dots li {
  width: 1.6rem;
  height: 1.6rem;
  margin: 0;
  opacity: 1;
}
.about__partners .partners__slider .slick-dots li.slick-active button::after {
  background: #de5a25;
}
.about__partners .partners__slider .slick-dots li button {
  width: 1.6rem;
  height: 1.6rem;
  padding: 0;
  font-size: 0;
  position: relative;
}
.about__partners .partners__slider .slick-dots li button::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  content: "";
  background: #d3d3d3;
  transition: background 0.3s ease-in-out;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
}
.about__partners .partners__slider .slick-dots li button::before {
  content: none;
}
.about__partners .partners__item {
  width: 100%;
  height: auto;
  aspect-ratio: 1.875;
  margin: auto;
  position: relative;
}
.about__partners .partners__item img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  filter: grayscale(100%);
}

.notification {
  position: fixed;
  z-index: 102;
  left: 0;
  bottom: 3rem;
  width: 100%;
}
.notification .wrap .content {
  display: flex;
  align-items: center;
  padding: 1.2rem 2rem !important;
  border-radius: 0.8rem;
  box-shadow: 0 0.3rem 1.2rem rgba(0, 0, 0, 0.25);
  width: 100% !important;
}
@media only screen and (max-width: 1200px) {
  .notification .wrap .content {
    padding: 1rem 1.4rem;
  }
}
.notification .wrap p {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.6rem;
  margin: 0 auto 0 0 !important;
}
@media only screen and (max-width: 1200px) {
  .notification .wrap p {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
}
.notification .wrap .close {
  display: flex;
  background-image: url("../images/icons/x_24x24.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 1.6rem;
  min-width: 1.6rem;
  height: 1.6rem;
  margin: 0 0 0 1.2rem;
  cursor: pointer;
  position: relative !important;
  top: unset !important;
  left: unset !important;
  right: unset !important;
  filter: brightness(0) invert(0);
}
@media only screen and (max-width: 1200px) {
  .notification .wrap .close {
    width: 1.4rem;
    min-width: 1.4rem;
    height: 1.4rem;
    margin: 0 0 0 1rem;
  }
}
.notification._success .content {
  background: #ecf5ed;
}
.notification._success .content::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/check.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 2.4rem;
  min-width: 2.4rem;
  height: auto;
  aspect-ratio: 1;
  margin: 0 1rem 0 0;
  filter: brightness(0) saturate(100%) invert(47%) sepia(43%) saturate(601%) hue-rotate(75deg) brightness(102%) contrast(93%);
  background-size: 1.5rem auto;
}
@media only screen and (max-width: 1200px) {
  .notification._success .content::before {
    display: flex;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 2.3rem;
    min-width: 2.3rem;
    height: 2.3rem;
    margin: 0 0.9rem 0 0;
  }
}
.notification._success p {
  color: #3f9f49;
}
.notification._error .content {
  background: #f8eaea;
}
.notification._error .content::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/info_24x24.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 2.4rem;
  min-width: 2.4rem;
  height: auto;
  aspect-ratio: 1;
  margin: 0 1rem 0 0;
  filter: brightness(0) saturate(100%) invert(30%) sepia(34%) saturate(3043%) hue-rotate(335deg) brightness(81%) contrast(111%);
}
@media only screen and (max-width: 1200px) {
  .notification._error .content::before {
    display: flex;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 2.3rem;
    min-width: 2.3rem;
    height: 2.3rem;
    margin: 0 0.9rem 0 0;
  }
}
.notification._error p {
  color: #b3261e;
}

body .mfp-bg {
  background: #000;
  opacity: 0.45;
}
body .mfp-container .mfp-figure:after {
  box-shadow: unset;
  filter: drop-shadow(0 0.6rem 1.2rem rgba(0, 0, 0, 0.25));
  background: unset;
  top: 0;
  bottom: 0;
}
body .mfp-container .mfp-close {
  background-color: #fff;
  background-image: url("../images/icons/x_24x24_222.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2.4rem;
  font-size: 0;
  width: 5rem;
  min-width: 5rem;
  height: 5rem;
  padding: 0;
  border-radius: 50%;
  opacity: 1;
  top: 1.4rem;
  right: 1.4rem;
  transition: background 0.4s;
}
@media only screen and (max-width: 1200px) {
  body .mfp-container .mfp-close {
    background-size: 1.8rem;
    width: 2.8rem;
    min-width: 2.8rem;
    height: 2.8rem;
    top: 0.4rem;
    right: 0.4rem;
  }
}
body .mfp-container .mfp-close:hover {
  background-color: #de5a25;
  background-image: url("../images/icons/x_24x24_fff.svg");
}
body .mfp-container .mfp-arrow {
  z-index: 1050 !important;
  opacity: 1;
  margin: 0;
  transform: translateY(-50%);
}
@media only screen and (max-width: 1200px) {
  body .mfp-container .mfp-arrow {
    width: 3.8rem;
    min-width: 3.8rem;
    height: 3.8rem;
  }
}
body .mfp-container .mfp-arrow::before, body .mfp-container .mfp-arrow::after {
  display: block;
  margin-top: 0;
  margin-left: 0;
  border: none;
}
body .mfp-container .mfp-arrow::after {
  border-right: 0;
  margin-left: 0;
  border-top-width: 0;
  border-bottom-width: 0;
}
body .mfp-container .mfp-arrow.mfp-arrow-left {
  left: 3.33%;
}
body .mfp-container .mfp-arrow.mfp-arrow-left::after {
  transform: rotate(180deg);
}
body .mfp-container .mfp-arrow.mfp-arrow-right {
  right: 3.33%;
}
body .mfp-bottom-bar {
  display: none;
}
body img.mfp-img {
  padding: 0;
  border: 1rem solid #fff;
  background: #fff;
}
@media (orientation: portrait) {
  body img.mfp-img {
    max-width: 90vw !important;
    width: 100% !important;
    height: auto !important;
    max-height: auto !important;
  }
}
@media (orientation: landscape) {
  body img.mfp-img {
    max-height: 80svh !important;
    height: 100% !important;
    width: auto !important;
    max-width: 100% !important;
  }
}

.col-12 {
  width: 100%;
}

.col-11 {
  width: 91.6666666667%;
}

.col-10 {
  width: 83.3333333333%;
}

.col-9 {
  width: 75%;
}

.col-8 {
  width: 66.6666666667%;
}

.col-7 {
  width: 58.3333333333%;
}

.col-6 {
  width: 50%;
}

.col-5 {
  width: 41.6666666667%;
}

.col-4 {
  width: 33.3333333333%;
}

.col-3 {
  width: 25%;
}

.col-2 {
  width: 16.6666666667%;
}

.col-1 {
  width: 8.3333333333%;
}

.flex {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.gap-2 {
  gap: 2rem;
}

.wrap {
  margin: 0 auto;
  max-width: calc(144rem + 6.66%);
  width: 100%;
  padding: 0 3.33%;
}
.wrap._sm {
  max-width: calc(144rem + 6.66%);
}
.wrap._md {
  max-width: calc(148.6rem + 6.66%);
}
.wrap._lg {
  max-width: calc(154rem + 6.66%);
}
.wrap._xl {
  max-width: calc(155rem + 6.66%);
}
.wrap._xxl {
  max-width: calc(168rem + 6.66%);
}

.w-full {
  width: 100%;
}

.w-auto {
  width: auto;
}

.w-max {
  width: max-content;
}

.w-max-content {
  max-width: 192rem;
  width: 100%;
  margin: 0 auto;
}

.page_product header {
  border-bottom: 0.1rem solid #e6e6e6;
}
.page_product .product__info {
  width: 54.28%;
  padding: 0 10rem 0 0;
}
@media only screen and (max-width: 1200px) {
  .page_product .product__info {
    width: 100%;
    padding: 0;
  }
}

.page_search header {
  border-bottom: 0.1rem solid #e6e6e6;
}
.page_search .search__hero .breadcrumb {
  padding: 7rem 0 3rem;
}
@media only screen and (max-width: 1200px) {
  .page_search .search__hero .breadcrumb {
    padding: 3rem 0 2rem;
  }
}
.page_search .search__hero h1,
.page_search .search__hero .h1,
.page_search .search__hero .product__description .description__block h2,
.product__description .description__block .page_search .search__hero h2,
.page_search .search__hero .product__description .description__block .h2,
.product__description .description__block .page_search .search__hero .h2,
.page_search .search__hero .product__news .news__heading h2,
.product__news .news__heading .page_search .search__hero h2,
.page_search .search__hero .product__news .news__heading .h2,
.product__news .news__heading .page_search .search__hero .h2,
.page_search .search__hero .product__review h2,
.product__review .page_search .search__hero h2,
.page_search .search__hero .product__review .h2,
.product__review .page_search .search__hero .h2,
.page_search .search__hero .faq h2,
.faq .page_search .search__hero h2,
.page_search .search__hero .faq .h2,
.faq .page_search .search__hero .h2,
.page_search .search__hero .category__seo h2,
.category__seo .page_search .search__hero h2,
.page_search .search__hero .category__seo .h2,
.category__seo .page_search .search__hero .h2 {
  margin-bottom: 4rem;
  font-weight: 300;
}
@media only screen and (max-width: 1200px) {
  .page_search .search__hero h1,
  .page_search .search__hero .h1,
  .page_search .search__hero .product__description .description__block h2,
  .product__description .description__block .page_search .search__hero h2,
  .page_search .search__hero .product__description .description__block .h2,
  .product__description .description__block .page_search .search__hero .h2,
  .page_search .search__hero .product__news .news__heading h2,
  .product__news .news__heading .page_search .search__hero h2,
  .page_search .search__hero .product__news .news__heading .h2,
  .product__news .news__heading .page_search .search__hero .h2,
  .page_search .search__hero .product__review h2,
  .product__review .page_search .search__hero h2,
  .page_search .search__hero .product__review .h2,
  .product__review .page_search .search__hero .h2,
  .page_search .search__hero .faq h2,
  .faq .page_search .search__hero h2,
  .page_search .search__hero .faq .h2,
  .faq .page_search .search__hero .h2,
  .page_search .search__hero .category__seo h2,
  .category__seo .page_search .search__hero h2,
  .page_search .search__hero .category__seo .h2,
  .category__seo .page_search .search__hero .h2 {
    margin-bottom: 3rem;
  }
}
.page_search .search__hero h1 span,
.page_search .search__hero .h1 span,
.page_search .search__hero .product__description .description__block h2 span,
.product__description .description__block .page_search .search__hero h2 span,
.page_search .search__hero .product__description .description__block .h2 span,
.product__description .description__block .page_search .search__hero .h2 span,
.page_search .search__hero .product__news .news__heading h2 span,
.product__news .news__heading .page_search .search__hero h2 span,
.page_search .search__hero .product__news .news__heading .h2 span,
.product__news .news__heading .page_search .search__hero .h2 span,
.page_search .search__hero .product__review h2 span,
.product__review .page_search .search__hero h2 span,
.page_search .search__hero .product__review .h2 span,
.product__review .page_search .search__hero .h2 span,
.page_search .search__hero .faq h2 span,
.faq .page_search .search__hero h2 span,
.page_search .search__hero .faq .h2 span,
.faq .page_search .search__hero .h2 span,
.page_search .search__hero .category__seo h2 span,
.category__seo .page_search .search__hero h2 span,
.page_search .search__hero .category__seo .h2 span,
.category__seo .page_search .search__hero .h2 span {
  font-weight: 400;
}
.page_search .category._small {
  margin-bottom: 5rem;
}
@media only screen and (max-width: 1200px) {
  .page_search .category._small {
    margin-bottom: 4rem;
  }
}
@media only screen and (min-width: 1201px) {
  .page_search .category__columns {
    border-top: 0.1rem solid #e6e6e6;
  }
}

.page_checkout:not(:has(.checkout__success)) header._checkout {
  border-bottom: 0.1rem solid #e0e0e0;
}

.page_news header {
  border-bottom: 0.1rem solid #e6e6e6;
}

.page_work header {
  border-bottom: 0.1rem solid #e6e6e6;
}

.page_error .error {
  background: #f6f6f6;
  padding: 14rem 0;
}
@media only screen and (max-width: 1200px) {
  .page_error .error {
    padding: 8rem 0 10rem;
  }
}
.page_error .error h1 {
  font-family: "Titillium Web", sans-serif;
  color: #252525;
  font-size: 20rem;
  font-weight: 400;
  line-height: 20rem;
  text-align: center;
  max-width: max-content;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  .page_error .error h1 {
    font-size: 13rem;
    line-height: 13rem;
  }
}
.page_error .error h1::after {
  display: flex;
  content: "";
  background-image: url("../images/icons/error_90x90.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 9rem;
  min-width: 9rem;
  height: auto;
  aspect-ratio: 1;
  position: absolute;
  top: 0;
  right: -6rem;
}
@media only screen and (max-width: 1200px) {
  .page_error .error h1::after {
    display: flex;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 6.2rem;
    min-width: 6.2rem;
    height: 6.2rem;
    right: -4rem;
  }
}
.page_error .error p {
  color: #000;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 2.8rem;
  margin: 4rem auto 0;
  text-align: center;
  max-width: 55rem;
}
@media only screen and (max-width: 1200px) {
  .page_error .error p {
    font-size: 1.4rem;
    line-height: 2.4rem;
    margin: 3rem auto 0;
  }
}
@media only screen and (max-width: 600px) {
  .page_error .error p {
    max-width: 100%;
  }
}
.page_error .error p:nth-child(2) {
  font-family: "Titillium Web", sans-serif;
  color: #252525;
  font-size: 4.6rem;
  font-weight: 400;
  line-height: 3.6rem;
  margin: 3rem auto 0;
}
@media only screen and (max-width: 1200px) {
  .page_error .error p:nth-child(2) {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
}
.page_error .error .button {
  margin: 5rem auto 0;
}
@media only screen and (max-width: 1200px) {
  .page_error .error .button {
    margin: 3rem auto 0;
  }
}

.page_contacts header {
  border-bottom: 0.1rem solid #e6e6e6;
}

/*# sourceMappingURL=app.css.map */