@charset "UTF-8";
:root {
  --primary-900: #028150;
  --primary-500: #000000;
  --primary-300: #222222;
  --secondary-900: #049960;
  --secondary-800: #486323;
  --secondary-700: #999999;
  --secondary-600: #4E4E4E;
  --secondary-500: #FFFFFF;
  --secondary-red: #F7DFDF;
  --other-gradient: linear-gradient(90deg, var(--primary-900) 0%, var(--secondary-900) 100%);
  --other-green-500: #E6F3EE;
  --other-blue-500: #F6F6F6;
  --other-black-400: #333333;
  --other-black-200: #8A8A8A;
  --other-black-50: #E6E6E6;
  --other-white-800: #7F7F7F;
  --other-white-600: #D1D1D1;
  --label-blue-500: #0059A9;
  --label-red-500: #CA2727;
  --filter__secondary-900: brightness(0) saturate(100%) invert(41%) sepia(82%) saturate(883%) hue-rotate(120deg) brightness(85%) contrast(97%);
  --filter__secondary-500: brightness(0) saturate(100%) invert(100%) sepia(75%) saturate(232%) hue-rotate(66deg) brightness(112%) contrast(103%);
}

._display-l-600 {
  font-size: clamp(5rem, 0.1154rem + 6.1538vw, 7.5rem);
  font-weight: 600;
  line-height: clamp(5.5rem, -0.85rem + 8vw, 8.75rem);
}
@media only screen and (max-width: 79.3125rem) {
  ._display-l-600 {
    font-size: clamp(3rem, -0.8257rem + 7.3394vw, 5rem);
    line-height: clamp(3.375rem, -0.6898rem + 7.7982vw, 5.5rem);
  }
}
._display-m-700 {
  font-size: clamp(3rem, 1.0462rem + 2.4615vw, 4rem);
  font-weight: 700;
  line-height: clamp(3.375rem, 0.9327rem + 3.0769vw, 4.625rem);
}
@media only screen and (max-width: 79.3125rem) {
  ._display-m-700 {
    font-size: clamp(2.25rem, 0.8154rem + 2.7523vw, 3rem);
    line-height: clamp(2.75rem, 1.5545rem + 2.2936vw, 3.375rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  ._display-m-700 {
    font-size: clamp(2rem, 1.8101rem + 0.8439vw, 2.25rem);
    line-height: clamp(2.375rem, 2.0902rem + 1.2658vw, 2.75rem);
  }
}

._display-m-600 {
  font-size: clamp(3rem, 1.0462rem + 2.4615vw, 4rem);
  font-weight: 600;
  line-height: clamp(3.375rem, 0.9327rem + 3.0769vw, 4.625rem);
}
@media only screen and (max-width: 79.3125rem) {
  ._display-m-600 {
    font-size: clamp(2.25rem, 0.8154rem + 2.7523vw, 3rem);
    line-height: clamp(2.75rem, 1.5545rem + 2.2936vw, 3.375rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  ._display-m-600 {
    font-size: clamp(2rem, 1.8101rem + 0.8439vw, 2.25rem);
    line-height: clamp(2.375rem, 2.0902rem + 1.2658vw, 2.75rem);
  }
}

._heading-l-700 {
  font-size: clamp(2.25rem, 0.7846rem + 1.8462vw, 3rem);
  font-weight: 700;
  line-height: clamp(2.75rem, 1.2846rem + 1.8462vw, 3.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  ._heading-l-700 {
    font-size: clamp(1.75rem, 1.3703rem + 1.6878vw, 2.25rem);
    line-height: clamp(2rem, 1.4304rem + 2.5316vw, 2.75rem);
  }
}

._heading-l-500 {
  font-size: clamp(2.25rem, 0.7846rem + 1.8462vw, 3rem);
  font-weight: 500;
  line-height: clamp(2.75rem, 1.2846rem + 1.8462vw, 3.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  ._heading-l-500 {
    font-size: clamp(1.75rem, 1.3703rem + 1.6878vw, 2.25rem);
    line-height: clamp(2rem, 1.4304rem + 2.5316vw, 2.75rem);
  }
}

._heading-l-400 {
  font-size: clamp(2.25rem, 0.7846rem + 1.8462vw, 3rem);
  font-weight: 400;
  line-height: clamp(2.75rem, 1.2846rem + 1.8462vw, 3.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  ._heading-l-400 {
    font-size: clamp(1.75rem, 1.3703rem + 1.6878vw, 2.25rem);
    line-height: clamp(2rem, 1.4304rem + 2.5316vw, 2.75rem);
  }
}

._heading-m-600 {
  font-size: clamp(1.75rem, 1.2615rem + 0.6154vw, 2rem);
  font-weight: 600;
  line-height: 2.5rem;
}
@media only screen and (max-width: 79.3125rem) {
  ._heading-m-600 {
    font-size: clamp(1.25rem, 0.2936rem + 1.8349vw, 1.75rem);
    line-height: clamp(1.75rem, 0.3154rem + 2.7523vw, 2.5rem);
  }
}
._heading-s-600 {
  font-size: clamp(1.375rem, 0.6423rem + 0.9231vw, 1.75rem);
  font-weight: 600;
  line-height: clamp(2rem, 1.0231rem + 1.2308vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  ._heading-s-600 {
    font-size: clamp(1.125rem, 0.9351rem + 0.8439vw, 1.375rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}

._subheading-l-600 {
  font-size: clamp(1.125rem, 0.3923rem + 0.9231vw, 1.5rem);
  font-weight: 600;
  line-height: clamp(1.75rem, 1.2615rem + 0.6154vw, 2rem);
}
._subheading-m-700 {
  font-size: clamp(1.125rem, 0.8808rem + 0.3077vw, 1.25rem);
  font-weight: 700;
  line-height: 1.75rem;
}
._subheading-m-600 {
  font-size: clamp(1.125rem, 0.8808rem + 0.3077vw, 1.25rem);
  font-weight: 600;
  line-height: 1.75rem;
}
._subheading-m-500 {
  font-size: clamp(1.125rem, 0.8808rem + 0.3077vw, 1.25rem);
  font-weight: 500;
  line-height: 1.75rem;
}
._body-l-600 {
  font-size: clamp(1rem, 0.7558rem + 0.3077vw, 1.125rem);
  font-weight: 600;
  line-height: clamp(1.5rem, 1.0115rem + 0.6154vw, 1.75rem);
}
._body-l-400 {
  font-size: clamp(1rem, 0.7558rem + 0.3077vw, 1.125rem);
  font-weight: 400;
  line-height: clamp(1.5rem, 1.0115rem + 0.6154vw, 1.75rem);
}
._body-m-700 {
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 700;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._body-m-700 {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}

._body-m-600 {
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._body-m-600 {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}

._body-m-500 {
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._body-m-500 {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}

._body-m-400 {
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._body-m-400 {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}

._body-m-300 {
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 300;
  line-height: 1.75rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._body-m-300 {
    line-height: clamp(1.5rem, 1.3101rem + 0.8439vw, 1.75rem);
  }
}

._body-sm-600 {
  font-size: clamp(0.875rem, 0.7529rem + 0.1538vw, 0.9375rem);
  font-weight: 600;
  line-height: 1.25rem;
}
._body-sm-500 {
  font-size: clamp(0.875rem, 0.7529rem + 0.1538vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._body-sm-500 {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}

._body-sm-400 {
  font-size: clamp(0.875rem, 0.7529rem + 0.1538vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._body-sm-400 {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}

._body-sm-300 {
  font-size: clamp(0.875rem, 0.7529rem + 0.1538vw, 0.9375rem);
  font-weight: 300;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._body-sm-300 {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}

._body-s-700 {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._body-s-700 {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}

._body-s-600 {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._body-s-600 {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}

._body-s-500 {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._body-s-500 {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}

._body-s-400 {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._body-s-400 {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}

._body-xs-700 {
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._body-xs-700 {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}

._body-xs-500 {
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._body-xs-500 {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}

._body-xs-400 {
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._body-xs-400 {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}

._body-xs-300 {
  font-size: clamp(0.75rem, 0.6279rem + 0.1538vw, 0.8125rem);
  font-weight: 300;
  line-height: 1.125rem;
}
._menu-m-400 {
  font-size: clamp(0.8125rem, 0.4462rem + 0.4615vw, 1rem);
  font-weight: 400;
  line-height: 1.25rem;
}
._menu-sm-400 {
  font-size: clamp(0.875rem, 0.7529rem + 0.1538vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.125rem;
}
._body-xxs-400 {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
}

._label-xs-600 {
  font-size: 0.6875rem;
  font-weight: 600;
  line-height: 0.75rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._label-xs-600 {
    font-size: clamp(0.625rem, 0.5775rem + 0.211vw, 0.6875rem);
  }
}

._duk-body-400 {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._duk-body-400 {
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}

._price-l-600 {
  font-size: 1.625rem;
  font-weight: 600;
  line-height: 2rem;
}

._price-s-500 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.75rem;
}

._icons-xs-700 {
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._icons-xs-700 {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
    line-height: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
  }
}

._faq-s-400 {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}

ul {
  list-style: none;
}
ul li {
  position: relative;
  padding-left: 1.375rem;
}
ul li::before {
  content: "• ";
  position: absolute;
  top: auto;
  left: 0.375rem;
}

:root {
  --content: 112.5rem;
  --content-max: 120rem;
  --padding: clamp(3rem, 1.5346rem + 1.8462vw, 3.75rem);
  --header__height: 7.5rem;
  --body__menu__gap: 1.6875rem;
  --menu__width: clamp(13.0625rem, 0.1183rem + 16.3077vw, 19.6875rem);
  --menu__padding-left: 1rem;
  --menu__padding-right: 2rem;
  --menu__open__background: var(--secondary-500);
  --menu__border-radius: 0.375rem;
}
@media only screen and (max-width: 52.0625rem) {
  :root {
    --padding: clamp(1rem, -0.519rem + 6.7511vw, 3rem);
  }
}
@media only screen and (max-width: 79.3125rem) {
  :root {
    --header__height: 8.016875rem;
  }
}

body:has(header._checkout) {
  --header__height: 4.5rem;
}
@media only screen and (max-width: 79.3125rem) {
  body:has(header._checkout) {
    --header__height: 4.516875rem;
  }
}
@media only screen and (max-width: 52.0625rem) {
  body:has(header._checkout) {
    --header__height: 8.016875rem;
  }
}

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

html {
  scroll-behavior: smooth;
}

body,
main {
  display: flex;
  flex-direction: column;
}

body {
  height: 100%;
  min-height: 100svh;
}
body:not(:has(#company-checkbox:checked)) .company-form {
  display: none;
}

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

a {
  text-decoration: underline;
  text-underline-offset: initial;
  color: var(--primary-900);
}
@media (hover: hover) {
  a:hover {
    color: var(--secondary-900);
  }
}

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

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

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

.hidden {
  display: none;
}

.breadcrumb {
  --icon__width: 1.5rem;
  color: var(--other-white-800);
}
.breadcrumb ul {
  list-style: none;
}
.breadcrumb ul li {
  position: unset;
  padding-left: unset;
}
.breadcrumb ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.breadcrumb a {
  text-decoration: none;
}
.breadcrumb .item__link {
  color: inherit;
  color: var(--other-white-800);
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.125rem;
}
@media (hover: hover) {
  .breadcrumb .item__link:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .breadcrumb .item__link {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.breadcrumb .list__item {
  display: inline;
  line-height: var(--icon__width);
}
@media (hover: hover) {
  .breadcrumb .list__item:first-child:hover .item__link svg path {
    stroke: var(--secondary-900);
  }
}
.breadcrumb .list__item:first-child .item__link svg {
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
  display: inline-flex;
  align-self: center;
  position: relative;
  margin-bottom: -0.375rem;
  margin-right: 0.625rem;
}
.breadcrumb .list__item:first-child .item__link svg path {
  stroke: var(--secondary-600);
}
.breadcrumb .list__item:not(:last-child) {
  margin-right: 0.625rem;
}
.breadcrumb .list__item:not(:last-child)::after {
  --icon__width: 0.875rem;
  display: flex;
  content: "";
  background-image: url("../images/icons/slash_14x14.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
  display: inline-flex;
  position: relative;
  top: 0.1875rem;
  margin-left: 0.625rem;
  filter: var(--breadcrumb__filter__text-light-40);
}
.breadcrumb .list__item:last-child .item__link {
  color: var(--secondary-600);
}
@media (hover: hover) {
  .breadcrumb .list__item:last-child .item__link:hover {
    color: var(--secondary-900);
  }
}

.input {
  --input__background: var(--secondary-500);
  --input__border-color: var(--other-white-600);
  --input__label__color: var(--other-black-400);
  --input__text__color: var(--primary-300);
  --input__error: var(--label-red-500);
  --input__textarea__height: 10.125rem;
  --input__svg__width: 1.375rem;
  --input__svg__color: var(--other-black-200);
  --input__padding-inline: 0.875rem;
  --input__gap: 0.875rem;
  width: 100%;
  margin-top: var(--input__margin-top, 1.5rem);
  position: relative;
}
@media (hover: hover) {
  .input:hover {
    --input__border-color: var(--secondary-700);
    --input__svg__color: var(--secondary-600);
  }
}
.input:has(.input__frame svg:first-child) .input__label {
  left: calc(var(--input__padding-inline) + var(--input__svg__width) + var(--input__gap) - var(--label__padding));
}
.input:has(.input__frame .frame__pass) input[type=text] + .frame__pass {
  background-image: url("../images/icons/eye-off_24x24.svg");
}
.input:has(.input__frame .frame__pass) input:not(:placeholder-shown) + .frame__pass {
  opacity: 1;
}
.input:has(.input__link) {
  display: flex;
  align-items: center;
}
.input .input__label {
  --label__padding: 0.375rem;
  display: flex;
  color: var(--input__label__color);
  font-size: clamp(0.875rem, 0.7529rem + 0.1538vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.125rem;
  background-color: var(--input__background);
  padding-inline: var(--label__padding);
  position: absolute;
  z-index: 1;
  top: 0.9375rem;
  left: calc(var(--input__padding-inline) - var(--label__padding));
  transition: top 0.15s ease-in-out, left 0.15s ease-in-out, font-size 0.15s ease-in-out, color 0.15s ease-in-out;
}
@media only screen and (max-width: 52.0625rem) {
  .input .input__label {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.input .input__frame {
  height: 3rem;
  display: flex;
  align-items: flex-start;
  gap: var(--input__gap);
  background-color: var(--input__background);
  padding: 0.75rem var(--input__padding-inline);
  border: 0.0625rem solid var(--input__border-color);
  border-radius: 0.25rem;
  position: relative;
}
.input .input__frame:has(textarea) {
  height: var(--input__textarea__height) !important;
}
.input .input__frame:has(textarea) textarea {
  resize: none;
}
.input .input__frame svg {
  width: var(--input__svg__width);
  min-width: var(--input__svg__width);
  height: auto;
  aspect-ratio: 1;
}
.input .input__frame svg path {
  stroke: var(--input__svg__color);
}
.input .input__frame input,
.input .input__frame textarea {
  width: 100%;
  height: 100%;
  color: var(--input__text__color);
  font-size: clamp(0.875rem, 0.7529rem + 0.1538vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .input .input__frame input,
  .input .input__frame textarea {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.input .input__frame input::placeholder,
.input .input__frame textarea::placeholder {
  color: var(--input__background);
}
.input .input__frame input:-webkit-autofill, .input .input__frame input:-webkit-autofill:hover, .input .input__frame input:-webkit-autofill:focus, .input .input__frame input:-webkit-autofill:active,
.input .input__frame textarea:-webkit-autofill,
.input .input__frame textarea:-webkit-autofill:hover,
.input .input__frame textarea:-webkit-autofill:focus,
.input .input__frame textarea:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
  -webkit-text-fill-color: var(--input__text__color) !important;
  background-color: transparent !important;
}
.input .input__frame input[type=password],
.input .input__frame textarea[type=password] {
  font-size: clamp(1.375rem, 0.6423rem + 0.9231vw, 1.75rem);
  font-weight: 600;
  line-height: clamp(2rem, 1.0231rem + 1.2308vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .input .input__frame input[type=password],
  .input .input__frame textarea[type=password] {
    font-size: clamp(1.125rem, 0.9351rem + 0.8439vw, 1.375rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.input .input__frame .frame__pass {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  background-image: url("../images/icons/eye_24x24.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
  opacity: 0;
}
@media (hover: hover) {
  .input .input__frame .frame__pass:hover {
    filter: var(--filter__secondary-900);
  }
}
.input .input__link {
  color: inherit;
  color: var(--primary-900);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media (hover: hover) {
  .input .input__link:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .input .input__link {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.input:has(input:focus) .input__label, .input:has(input:focus) .input__label, .input:has(textarea:focus) .input__label, .input:has(input:not(:focus):not(:placeholder-shown)) .input__label, .input:has(textarea:not(:focus):not(:placeholder-shown)) .input__label, .input:has(input:not(:empty)) .input__label, .input:has(textarea:not(:empty)) .input__label, .input:has(input:-webkit-autofill) .input__label, .input:has(select:-webkit-autofill) .input__label, .input:has(textarea:-webkit-autofill) .input__label {
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.125rem;
  top: -0.625rem;
  left: calc(var(--input__padding-inline) - var(--label__padding)) !important;
}
@media only screen and (max-width: 52.0625rem) {
  .input:has(input:focus) .input__label, .input:has(input:focus) .input__label, .input:has(textarea:focus) .input__label, .input:has(input:not(:focus):not(:placeholder-shown)) .input__label, .input:has(textarea:not(:focus):not(:placeholder-shown)) .input__label, .input:has(input:not(:empty)) .input__label, .input:has(textarea:not(:empty)) .input__label, .input:has(input:-webkit-autofill) .input__label, .input:has(select:-webkit-autofill) .input__label, .input:has(textarea:-webkit-autofill) .input__label {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.input .input__error {
  color: var(--input__error);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  display: none;
}
.input._required .input__label::after {
  content: "*";
  margin-left: 0.1875rem;
}
.input._error .input__label {
  color: var(--input__error);
}
.input._error .input__frame {
  border-color: var(--input__error);
  position: relative;
}
.input._error .input__frame::after {
  --icon__width: 1.5rem;
  display: flex;
  content: "";
  background-image: url("../images/icons/error_24x24.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
}
.input._error .input__error {
  display: flex;
}

.double__input {
  display: grid;
  grid-gap: 0 clamp(0.75rem, 0.1804rem + 2.5316vw, 1.5rem);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 79.3125rem) {
  .double__input:has(.double__input) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}
@media only screen and (max-width: 67.75rem) {
  .double__input:has(.double__input) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 52.0625rem) {
  .double__input:has(.double__input) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}

.select {
  --select__background: var(--secondary-500);
  --select__border-color: var(--other-white-600);
  --select__label__color: var(--other-black-400);
  --select__text__color: var(--primary-300);
  --select__error: var(--label-red-500);
  --select__border-radius: 0.25rem;
  --select__padding-inline: 0.875rem;
  --select__height: 3rem;
  width: 100%;
  margin-top: var(--select__margin-top, 1.5rem);
  position: relative;
  z-index: 1;
}
@media (hover: hover) {
  .select:hover {
    --select__border-color: var(--secondary-700);
  }
}
.select .select__label {
  display: flex;
  color: var(--select__label__color);
  font-size: clamp(0.875rem, 0.7529rem + 0.1538vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.125rem;
  background-color: var(--select__background);
  padding-inline: 0.375rem;
  position: absolute;
  z-index: 1;
  top: 0.9375rem;
  left: 0.5rem;
  cursor: pointer;
  transition: top 0.15s ease-in-out, font-size 0.15s ease-in-out, color 0.15s ease-in-out;
}
@media only screen and (max-width: 52.0625rem) {
  .select .select__label {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.select .select__frame {
  height: var(--select__height);
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  background-color: var(--select__background);
  color: var(--select__text__color);
  font-size: clamp(0.875rem, 0.7529rem + 0.1538vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.25rem;
  padding: 0.75rem var(--select__padding-inline);
  border: 0.0625rem solid var(--select__border-color);
  border-radius: var(--select__border-radius);
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 52.0625rem) {
  .select .select__frame {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.select .select__frame svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  margin-left: auto;
}
.select .select__frame svg path {
  stroke: currentColor;
}
.select .select__dropdown {
  --dropdown__padding-block: 0.75rem;
  max-height: 16rem;
  background-color: var(--select__background);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  overflow-y: auto;
  padding-block: var(--dropdown__padding-block);
  border: 0.0625rem solid var(--select__border-color);
  border-top: 0;
  border-radius: 0 0 var(--select__border-radius) var(--select__border-radius);
  position: absolute;
  top: var(--select__height);
  left: 0;
  right: 0;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-0.625rem);
  transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
}
.select .select__dropdown::-webkit-scrollbar {
  width: 0.0625rem;
  height: 0.0625rem;
}
.select .select__dropdown::-webkit-scrollbar-track {
  width: 0.0625rem;
  height: 0.0625rem;
  background: var(--secondary-500);
}
.select .select__dropdown::-webkit-scrollbar-thumb {
  width: 0.0625rem;
  height: 0.0625rem;
  background: var(--secondary-600);
  border-radius: 0;
}
.select .select__dropdown .dropdown__search {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 0.625rem;
  margin-inline: var(--select__padding-inline);
  padding-bottom: 0.25rem;
  margin-bottom: var(--dropdown__padding-block);
  border-bottom: 0.0625rem solid var(--secondary-700);
}
.select .select__dropdown .dropdown__search button {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  color: var(--primary-500);
  cursor: pointer;
}
@media (hover: hover) {
  .select .select__dropdown .dropdown__search button:hover {
    color: var(--secondary-900);
  }
}
.select .select__dropdown .dropdown__search button svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.select .select__dropdown .dropdown__search button svg path {
  stroke: currentColor;
}
.select .select__dropdown .dropdown__search input {
  width: 100%;
  color: var(--primary-500);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .select .select__dropdown .dropdown__search input {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.select .select__dropdown .dropdown__search input::placeholder {
  color: var(--secondary-700);
}
.select .select__dropdown .select__item {
  display: flex;
  width: 100%;
  color: var(--primary-500);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  padding: 0.375rem var(--select__padding-inline);
  text-align: left;
  cursor: pointer;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
@media only screen and (max-width: 52.0625rem) {
  .select .select__dropdown .select__item {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media (hover: hover) {
  .select .select__dropdown .select__item:hover {
    background-color: var(--other-green-500);
    color: var(--secondary-900);
  }
}
.select .select__dropdown .select__item._active {
  color: var(--primary-900);
}
.select select {
  display: none;
}
.select .select__error {
  color: var(--select__error);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  display: none;
}
.select._open {
  z-index: 2;
}
.select._open .select__frame {
  border-radius: var(--select__border-radius) var(--select__border-radius) 0 0;
}
.select._open .select__frame svg {
  transform: rotate(180deg);
}
.select._open .select__dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.select._modified .select__label {
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.125rem;
  top: -0.625rem;
}
@media only screen and (max-width: 52.0625rem) {
  .select._modified .select__label {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.select._required .select__label::after {
  content: "*";
  margin-left: 0.1875rem;
}
.select._error .select__label {
  color: var(--select__error);
}
.select._error .select__frame {
  border-color: var(--select__error);
}
.select._error .select__dropdown {
  border-color: var(--select__error);
}
.select._error .select__error {
  display: flex;
}
.select._category {
  --select__border-color: var(--secondary-500);
  --select__padding-inline: 0.75rem;
  background-color: var(--secondary-500);
  filter: drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.2));
  border-radius: var(--select__border-radius);
  margin-top: 0;
}
.select._category .select__frame {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .select._category .select__frame {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.select._category .select__dropdown {
  border: unset;
  border-top: 0.0625rem solid var(--other-white-600);
}
.select._category .select__dropdown .select__item {
  padding-inline: calc(var(--select__padding-inline) + 0.0625rem);
}
.select._category._open .select__frame {
  color: var(--secondary-900);
}

.quantity {
  --quantity__padding: 0.5625rem;
  --quantity__icon__width: 1.5rem;
  --quantity__button__width: calc(var(--quantity__icon__width) + calc(2 * var(--quantity__padding)));
  width: 100%;
  display: flex;
  background-color: var(--secondary-500);
  border-radius: 0.25rem;
}
.quantity .quantity__minus,
.quantity .quantity__plus {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--quantity__button__width);
  cursor: pointer;
}
@media (hover: hover) {
  .quantity .quantity__minus:hover svg path,
  .quantity .quantity__plus:hover svg path {
    stroke: var(--secondary-900);
  }
}
.quantity .quantity__minus svg,
.quantity .quantity__plus svg {
  width: var(--quantity__icon__width);
  min-width: var(--quantity__icon__width);
  height: auto;
  aspect-ratio: 1;
}
.quantity .quantity__minus svg path,
.quantity .quantity__plus svg path {
  stroke: var(--primary-500);
}
.quantity .quantity__input {
  width: calc(100% - var(--quantity__button__width) * 2);
  height: 100%;
  color: var(--primary-500);
  font-size: clamp(1.125rem, 0.8808rem + 0.3077vw, 1.25rem);
  font-weight: 500;
  line-height: 1.75rem;
  text-align: center;
  appearance: none;
  -moz-appearance: textfield;
}
.quantity .quantity__input::-webkit-outer-spin-button, .quantity .quantity__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.quantity._checkout {
  --quantity__icon__width: 1.25rem;
  height: 2.5rem;
  border: 0.0625rem solid var(--other-white-600);
}
@media (hover: hover) {
  .quantity._checkout:hover {
    border-color: var(--secondary-700);
  }
}
.quantity._checkout .quantity__input {
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .quantity._checkout .quantity__input {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}

table {
  width: 100%;
  min-width: max-content;
  max-width: 86.25rem;
  border-collapse: separate;
  border-spacing: 0;
  margin-top: clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
}
table tr:first-child th:first-child, table tr:first-child td:first-child {
  border-top-left-radius: 0.375rem;
}
table tr:first-child th:last-child, table tr:first-child td:last-child {
  border-top-right-radius: 0.375rem;
}
table tr:last-child th, table tr:last-child td {
  border-bottom: 0.0625rem solid var(--other-white-600);
}
table tr:last-child th:first-child, table tr:last-child td:first-child {
  border-bottom-left-radius: 0.375rem;
}
table tr:last-child th:last-child, table tr:last-child td:last-child {
  border-bottom-right-radius: 0.375rem;
}
table th, table td {
  border-top: 0.0625rem solid var(--other-white-600);
  border-left: 0.0625rem solid var(--other-white-600);
  padding-block: 0.625rem;
  padding-inline: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
  text-align: left;
}
table th:last-child, table td:last-child {
  border-right: 0.0625rem solid var(--other-white-600);
}
table th {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  table th {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
table td {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  table td {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}

.table-wrapper {
  overflow-x: auto;
}

.pagination {
  --pagination__color: var(--primary-500);
  --pagination_active__color: var(--secondary-500);
  --pagination__background: var(--secondary-500);
  --pagination_active__background: var(--primary-500);
  --pagination__border-color: var(--other-white-600);
  --pagination_active__border-color: var(--primary-500);
  --pagination__button__width: clamp(2.25rem, 2.0601rem + 0.8439vw, 2.5rem);
  display: flex;
  justify-content: center;
  gap: clamp(0.625rem, 0.3402rem + 1.2658vw, 1rem);
  margin-top: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  flex-wrap: wrap;
}
.pagination > * {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--pagination__button__width);
  min-width: var(--pagination__button__width);
  height: auto;
  aspect-ratio: 1;
  color: var(--pagination__color);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-decoration: none;
  border-radius: 50%;
}
@media only screen and (max-width: 52.0625rem) {
  .pagination > * {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.pagination > a {
  border: 0.0625rem solid var(--pagination__border-color);
}
.pagination > a._active {
  background-color: var(--pagination_active__background);
  color: var(--pagination_active__color);
  border-color: var(--pagination_active__border-color);
}
@media (hover: hover) {
  .pagination > a:hover {
    background-color: var(--pagination_active__background);
    color: var(--pagination_active__color);
    border-color: var(--pagination_active__border-color);
  }
}
.pagination .pagination__left,
.pagination .pagination__right {
  position: relative;
  overflow: hidden;
}
@media (hover: hover) {
  .pagination .pagination__left:hover,
  .pagination .pagination__right:hover {
    background-color: var(--pagination_active__background);
    color: var(--pagination_active__color);
  }
}
.pagination .pagination__left svg,
.pagination .pagination__right svg {
  width: var(--pagination__button__width);
  min-width: var(--pagination__button__width);
  height: auto;
  aspect-ratio: 1;
}
.pagination .pagination__left svg path,
.pagination .pagination__right svg path {
  stroke: currentColor;
}

.cookies {
  --cookies__logo__width: clamp(5.5625rem, 2.5096rem + 3.8462vw, 7.125rem);
  --cookies__logo__aspect-ratio: 2.0357142857;
  --cookies__button__width: 15.5rem;
  --cookies__buttons__gap: clamp(1.5rem, 0.5231rem + 1.2308vw, 2rem);
  --cookies__buttons__width: calc(var(--cookies__button__width) * 2 + var(--cookies__buttons__gap));
  width: 100%;
  background-color: var(--secondary-500);
  position: fixed;
  z-index: 1000;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 52.0625rem) {
  .cookies {
    --cookies__buttons__gap: 0.5rem;
    --cookies__button__width: 100%;
  }
}
.cookies._active {
  opacity: 1;
  visibility: visible;
}
.cookies .cookies__block {
  display: grid;
  grid-gap: 0 clamp(2.5rem, 0.1089rem + 4.5872vw, 3.75rem);
  grid-template-columns: minmax(0, var(--cookies__logo__width)) minmax(0, 1fr);
  grid-template-rows: repeat(3, auto);
  align-items: flex-start;
  padding-block: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  grid-template-areas: "logo text" "logo checkboxes" "buttons buttons";
}
@media only screen and (max-width: 52.0625rem) {
  .cookies .cookies__block {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "text" "checkboxes" "buttons";
  }
}
.cookies .cookies__logo {
  display: flex;
  grid-area: logo;
  margin-block: auto;
}
@media only screen and (max-width: 52.0625rem) {
  .cookies .cookies__logo {
    display: none;
  }
}
.cookies .cookies__logo img {
  width: var(--cookies__logo__width);
  min-width: var(--cookies__logo__width);
  height: auto;
  aspect-ratio: var(--cookies__logo__aspect-ratio);
  object-fit: contain;
}
.cookies .cookies__text {
  grid-area: text;
}
.cookies .cookies__text p,
.cookies .cookies__text .p {
  color: var(--primary-500);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .cookies .cookies__text p,
  .cookies .cookies__text .p {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.cookies .cookies__text p:first-child,
.cookies .cookies__text .p:first-child {
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .cookies .cookies__text p:first-child,
  .cookies .cookies__text .p:first-child {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.cookies .cookies__text p:not(:first-child),
.cookies .cookies__text .p:not(:first-child) {
  margin-top: 0.375rem;
}
.cookies .cookies__text p strong,
.cookies .cookies__text p b,
.cookies .cookies__text .p strong,
.cookies .cookies__text .p b {
  font-weight: 500;
}
.cookies .cookies__checkboxes {
  display: flex;
  align-items: center;
  gap: 3.75rem;
  grid-area: checkboxes;
  align-self: center;
  margin-top: clamp(1rem, 0.0231rem + 1.2308vw, 1.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .cookies .cookies__checkboxes {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(2, auto);
  }
}
.cookies .cookies__buttons {
  width: 100%;
  max-width: var(--cookies__buttons__width);
  display: flex;
  gap: var(--cookies__buttons__gap);
  grid-area: buttons;
  margin-left: auto;
}
@media only screen and (max-width: 101.6875rem) {
  .cookies .cookies__buttons {
    margin-top: 1.5rem;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .cookies .cookies__buttons {
    margin-left: 0;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .cookies .cookies__buttons {
    display: flex;
    flex-direction: column-reverse;
  }
}

.floating__buttons {
  --floating__gap: 0.625rem;
  --floating__button__width: clamp(3.125rem, 2.8402rem + 1.2658vw, 3.5rem);
  --floating__buttons__height: var(--floating__button__width);
  --floating__button__background-color: var(--secondary-500);
  --floating__scroll__translateY: -100%;
  --floating__scroll__opacity: 0;
  --floating__icon__color: var(--secondary-900);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: var(--floating__gap);
  height: var(--floating__buttons__height);
  position: fixed;
  z-index: 4;
  right: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  bottom: clamp(1rem, 0.3354rem + 2.9536vw, 1.875rem);
}
.floating__buttons._active {
  --floating__scroll__translateY: 0;
  --floating__scroll__opacity: 1;
  --floating__buttons__height: calc(var(--floating__button__width) * 2 + var(--floating__gap));
}
.floating__buttons button {
  width: var(--floating__button__width);
  min-width: var(--floating__button__width);
  height: auto;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--floating__button__background-color);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  cursor: pointer;
}
@media (hover: hover) {
  .floating__buttons button:hover {
    --floating__button__background-color: var(--secondary-900);
    --floating__icon__color: var(--secondary-500);
  }
}
.floating__buttons .button__scroll {
  transform: translateY(var(--floating__scroll__translateY));
  opacity: var(--floating__scroll__opacity);
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.floating__buttons .button__scroll svg {
  width: 1.25rem;
  min-width: 1.25rem;
  height: auto;
  aspect-ratio: 1;
}
.floating__buttons .button__scroll svg path {
  stroke: var(--floating__icon__color);
}
.floating__buttons .button__contacts svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.floating__buttons .button__contacts svg path {
  fill: var(--floating__icon__color);
}

.header__cart {
  --cart__border: var(--other-white-600);
  --cart__padding-inline: clamp(1rem, 0.3354rem + 2.9536vw, 1.875rem);
  position: fixed;
  z-index: 5;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  color: var(--primary-500);
}
.header__cart ul {
  list-style: none;
}
.header__cart ul li {
  position: unset;
  padding-left: unset;
}
.header__cart ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.header__cart a {
  text-decoration: none;
}
.header__cart .cart__block {
  --block__width: clamp(27rem, 21.1385rem + 7.3846vw, 30rem);
  width: var(--block__width);
  max-width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--secondary-500);
  margin-left: auto;
  overflow-y: auto;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 52.0625rem) {
  .header__cart .cart__block {
    --block__width: clamp(21.25rem, 16.8829rem + 19.4093vw, 27rem);
  }
}
.header__cart .block__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  color: inherit;
  padding-top: clamp(1.5rem, 0.7673rem + 0.9231vw, 1.875rem);
  padding-bottom: clamp(1rem, 0.0231rem + 1.2308vw, 1.5rem);
  padding-inline: var(--cart__padding-inline);
  border-bottom: 1px solid var(--cart__border);
}
.header__cart .header__title {
  color: inherit;
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .header__cart .header__title {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.header__cart .header__close {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  cursor: pointer;
}
@media (hover: hover) {
  .header__cart .header__close:hover {
    color: var(--secondary-900);
  }
}
.header__cart .header__close svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.header__cart .header__close svg path {
  stroke: currentColor;
}
.header__cart .block__content {
  display: flex;
  flex-direction: column;
}
.header__cart .block__actions {
  --cart__actions__gap: clamp(1rem, 0.0231rem + 1.2308vw, 1.5rem);
  display: flex;
  flex-direction: column;
  gap: var(--cart__actions__gap);
  background-color: var(--secondary-500);
  padding-block: var(--cart__actions__gap);
  padding-inline: var(--cart__padding-inline);
  border-top: 0.0625rem solid var(--cart__border);
  margin-top: auto;
  position: sticky;
  bottom: 0;
}
.header__cart .actions__total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--cart__actions__gap);
}
.header__cart .total__title {
  color: inherit;
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .header__cart .total__title {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.header__cart .total__price {
  color: inherit;
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 700;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .header__cart .total__price {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.header__cart .cart__overlay {
  background-color: var(--primary-500);
  position: absolute;
  inset: 0;
  opacity: 0.3;
}
.header__cart:not(:has(.product)) .block__content::before {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  content: attr(data-empty);
  padding-block: 1rem;
  padding-inline: var(--cart__padding-inline);
}
@media only screen and (max-width: 52.0625rem) {
  .header__cart:not(:has(.product)) .block__content::before {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.header__cart:not(:has(.product)) .block__actions {
  display: none;
}

body:has(#cart__popup:checked) .header__cart {
  opacity: 1;
  visibility: visible;
}
body:has(#cart__popup:checked) .header__cart .cart__block {
  transform: translateX(0);
}

@media only screen and (min-width: 79.375rem) {
  .nav {
    --item__menu__gap: 1.875rem;
    --item__link__padding-block: clamp(0.375rem, -0.3577rem + 0.9231vw, 0.75rem);
    width: var(--menu__width);
    min-width: var(--menu__width);
    background-color: var(--menu__open__background);
    padding-top: calc(0.75rem - var(--item__link__padding-block));
    padding-bottom: calc(1.25rem - var(--item__link__padding-block));
    border-radius: 0 var(--menu__border-radius) var(--menu__border-radius) var(--menu__border-radius);
    border: 0.0625rem solid transparent;
    margin-left: calc(var(--menu__padding-left) * -1);
    position: relative;
    z-index: 3;
    color: var(--primary-300);
  }
  .nav ul {
    list-style: none;
  }
  .nav ul li {
    position: unset;
    padding-left: unset;
  }
  .nav ul li::before {
    content: none;
    position: unset;
    top: unset;
    left: unset;
  }
  .nav a {
    text-decoration: none;
  }
}
@media only screen and (min-width: 79.375rem) and (hover: hover) {
  .nav:has(.list__item:hover .item__menu) {
    border-radius: 0 0 0 var(--menu__border-radius);
    border-right: 0;
  }
  .nav:hover {
    border-color: var(--other-black-50);
  }
}
@media only screen and (min-width: 79.375rem) {
  .nav .nav__list {
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (min-width: 79.375rem) and (hover: hover) {
  .nav .list__item:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (min-width: 79.375rem) and (hover: hover) and (min-width: 79.375rem) {
  .nav .list__item:hover .item__menu {
    display: grid;
  }
}
@media only screen and (min-width: 79.375rem) and (hover: hover) {
  .nav .list__item:hover .item__link svg path {
    stroke: var(--secondary-900);
  }
}
@media only screen and (min-width: 79.375rem) {
  .nav .item__link {
    display: flex;
    align-items: center;
    gap: clamp(0.5rem, -0.9654rem + 1.8462vw, 1.25rem);
    font-size: clamp(0.8125rem, 0.4462rem + 0.4615vw, 1rem);
    font-weight: 400;
    line-height: 1.25rem;
    color: inherit;
    padding-block: clamp(0.375rem, -0.3577rem + 0.9231vw, 0.75rem);
    padding-inline: var(--menu__padding-left) var(--menu__padding-right);
  }
}
@media only screen and (min-width: 79.375rem) and (hover: hover) {
  .nav .item__link:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (min-width: 79.375rem) {
  .nav .item__link svg {
    width: 1.875rem;
    min-width: 1.875rem;
    height: auto;
    aspect-ratio: 1;
  }
  .nav .item__link svg path {
    stroke: var(--other-white-800);
  }
  .nav .item__menu {
    width: clamp(63.375rem, 50.4308rem + 16.3077vw, 70rem);
    display: grid;
    grid-gap: var(--item__menu__gap);
    grid-template-columns: minmax(0, 1fr) minmax(0, 23.125rem);
    background-color: var(--menu__open__background);
    border: 0.0625rem solid var(--other-black-50);
    color: var(--primary-500);
    display: none;
    position: absolute;
    z-index: 3;
    top: -0.0625rem;
    bottom: -0.0625rem;
    left: 100%;
    overflow-y: auto;
    padding: 2.5rem;
    border-radius: 0 var(--menu__border-radius) var(--menu__border-radius) 0;
  }
  .nav .menu__list {
    columns: 2;
    column-gap: clamp(3.75rem, 1.3077rem + 3.0769vw, 5rem);
  }
  .nav .list__item-2 {
    margin-bottom: clamp(1.125rem, 0.8808rem + 0.3077vw, 1.25rem);
  }
  .nav .item__link-2 {
    display: flex;
    align-items: center;
    font-size: clamp(0.875rem, 0.7529rem + 0.1538vw, 0.9375rem);
    font-weight: 400;
    line-height: 1.125rem;
    color: inherit;
  }
}
@media only screen and (min-width: 79.375rem) and (max-width: 52.0625rem) {
  .nav .item__link-2 {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media only screen and (min-width: 79.375rem) and (hover: hover) {
  .nav .item__link-2:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (min-width: 79.375rem) {
  .nav .menu__photos {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
}
header {
  --header__background: var(--secondary-500);
  --header__background-primary: var(--other-blue-500);
  --header__logo__width: 7.125rem;
  --header__logo__image: url("../images/logo.svg");
  --header__logo__margin-right: clamp(0rem, -7.3269rem + 9.2308vw, 3.75rem);
  --header__languages__width: 3.375rem;
  --header__languages__padding-inline: 0.5625rem;
  background-color: var(--header__background);
  position: relative;
  z-index: 4;
}
@media only screen and (max-width: 79.3125rem) {
  header {
    --header__logo__width: 5.125rem;
  }
}
header ul {
  list-style: none;
}
header ul li {
  position: unset;
  padding-left: unset;
}
header ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
header a {
  text-decoration: none;
}
header._sticky {
  position: sticky;
  top: calc(var(--header__height) * -1);
  transition: top 0.3s ease-in-out, background 0.3s ease-in-out;
}
header._sticky._active {
  top: 0;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
}
header._sticky:not(._active) .item__dropdown {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(-1rem) !important;
}
header._sticky:not(._active) .nav {
  display: none !important;
}
header._checkout {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
}
header._checkout .header__mainbar .wrap {
  display: flex;
  align-items: center;
  gap: var(--mainbar__gap);
}
@media only screen and (max-width: 79.3125rem) {
  header._checkout .header__mainbar .wrap {
    display: grid;
    grid-template-columns: minmax(0, var(--header__logo__width)) minmax(0, 1fr) auto;
    grid-template-areas: "logo button actions";
  }
}
@media only screen and (max-width: 52.0625rem) {
  header._checkout .header__mainbar .wrap {
    display: grid;
    grid-template-columns: minmax(0, var(--header__logo__width)) minmax(0, 1fr);
    grid-template-areas: "logo actions" "button button";
  }
}
header._checkout .button {
  gap: 0.625rem;
  margin-left: calc(clamp(16.1875rem, -23.7442rem + 50.3077vw, 36.625rem) - var(--mainbar__gap) - var(--header__logo__margin-right));
}
@media only screen and (max-width: 79.3125rem) {
  header._checkout .button {
    margin-left: auto;
    margin-right: auto;
    grid-area: button;
  }
}
@media only screen and (max-width: 52.0625rem) {
  header._checkout .button {
    max-width: 100%;
  }
}
header._checkout .button svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
header._checkout .button svg path {
  stroke: currentColor;
}
header .header__mainbar {
  --mainbar__gap: clamp(2.5rem, -2.3846rem + 6.1538vw, 5rem);
  --mainbar__padding-block: 0.5rem;
  --mainbar__burger: 1.5rem;
  background-color: var(--header__background);
  padding-block: var(--mainbar__padding-block);
  color: var(--primary-500);
}
@media only screen and (max-width: 79.3125rem) {
  header .header__mainbar {
    --mainbar__gap: 1rem clamp(1.5rem, 0.7405rem + 3.3755vw, 2.5rem);
    --mainbar__padding-block: 1rem;
  }
}
header .header__mainbar .wrap {
  display: flex;
  align-items: center;
  gap: var(--mainbar__gap);
}
@media only screen and (max-width: 79.3125rem) {
  header .header__mainbar .wrap {
    display: grid;
    grid-template-columns: minmax(0, var(--mainbar__burger)) minmax(0, var(--header__logo__width)) minmax(0, 1fr);
    grid-template-areas: "burger logo actions" "search search search";
  }
}
header .mainbar__burger {
  color: inherit;
  width: var(--mainbar__burger);
  min-width: var(--mainbar__burger);
  height: auto;
  aspect-ratio: 1;
  display: none;
  cursor: pointer;
}
@media (hover: hover) {
  header .mainbar__burger:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (max-width: 79.3125rem) {
  header .mainbar__burger {
    display: block;
  }
}
header .mainbar__burger._active .burger__icon {
  display: none;
}
header .mainbar__burger._active .burger__close {
  display: block;
}
header .mainbar__burger svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
header .mainbar__burger svg path {
  stroke: var(--primary-500);
}
header .mainbar__burger .burger__close {
  display: none;
}
header .mainbar__logo {
  width: var(--header__logo__width);
  min-width: var(--header__logo__width);
  height: auto;
  aspect-ratio: 2.0357142857;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: flex;
  background-image: var(--header__logo__image);
  margin-right: var(--header__logo__margin-right);
}
@media only screen and (max-width: 79.3125rem) {
  header .mainbar__logo {
    grid-area: logo;
  }
}
header .mainbar__contacts {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  color: inherit;
}
@media only screen and (max-width: 79.3125rem) {
  header .mainbar__contacts {
    display: none;
  }
}
header .mainbar__contacts svg {
  width: 1.3125rem;
  min-width: 1.3125rem;
  height: auto;
  aspect-ratio: 1;
}
header .mainbar__contacts svg path {
  fill: currentColor;
}
header .mainbar__contacts .contacts__title {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  header .mainbar__contacts .contacts__title {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media only screen and (max-width: 101.6875rem) {
  header .mainbar__contacts .contacts__title {
    display: none;
  }
}
header .mainbar__contacts .contacts__phone,
header .mainbar__contacts .contacts__email {
  color: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
@media (hover: hover) {
  header .mainbar__contacts .contacts__phone:hover,
  header .mainbar__contacts .contacts__email:hover {
    color: var(--secondary-900);
  }
}
@supports (-webkit-line-clamp: 1) {
  header .mainbar__contacts .contacts__phone,
  header .mainbar__contacts .contacts__email {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
header .mainbar__contacts .contacts__phone {
  color: inherit;
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  header .mainbar__contacts .contacts__phone {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
header .mainbar__contacts .contacts__email {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  margin-left: 0.125rem;
  padding-left: 0.8125rem;
  position: relative;
}
@media only screen and (max-width: 52.0625rem) {
  header .mainbar__contacts .contacts__email {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
header .mainbar__contacts .contacts__email::before {
  display: flex;
  width: 0.0625rem;
  height: 1rem;
  background-color: var(--primary-500);
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
header .mainbar__search {
  --search__height: 2.5rem;
  --search__form__border-radius: 0.375rem;
  --search__dropdown__border-radius: 1rem;
  width: 100%;
  min-width: 30rem;
  height: var(--search__height);
  position: relative;
  flex: 1;
}
@media only screen and (max-width: 79.3125rem) {
  header .mainbar__search {
    min-width: unset;
    grid-area: search;
  }
}
header .mainbar__search .search__form {
  display: flex;
  align-items: center;
  gap: clamp(0.5rem, 0.2152rem + 1.2658vw, 0.875rem);
  width: 100%;
  height: var(--search__height);
  background-color: var(--secondary-500);
  border: 0.0625rem solid var(--other-white-600);
  border-radius: var(--search__form__border-radius);
  padding-block: 0.5rem;
  padding-inline: clamp(0.75rem, 0.5601rem + 0.8439vw, 1rem);
  color: var(--primary-500);
}
header .mainbar__search .search__form .form__button,
header .mainbar__search .search__form .form__clear {
  display: flex;
  align-items: center;
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  cursor: pointer;
}
@media (hover: hover) {
  header .mainbar__search .search__form .form__button:hover,
  header .mainbar__search .search__form .form__clear:hover {
    color: var(--secondary-900);
  }
}
header .mainbar__search .search__form .form__button svg,
header .mainbar__search .search__form .form__clear svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
header .mainbar__search .search__form .form__button svg path,
header .mainbar__search .search__form .form__clear svg path {
  stroke: currentColor;
}
header .mainbar__search .search__form .form__input {
  width: 100%;
  color: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  header .mainbar__search .search__form .form__input {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
header .mainbar__search .search__form .form__input::placeholder {
  color: var(--secondary-700);
}
header .mainbar__search .search__form .form__clear {
  color: var(--secondary-700);
  opacity: 0;
  visibility: hidden;
}
header .mainbar__search .search__dropdown {
  background-color: var(--secondary-500);
  opacity: 0;
  visibility: hidden;
  border-left: 0.0625rem solid var(--secondary-500);
  border-right: 0.0625rem solid var(--secondary-500);
  border-bottom: 0.0625rem solid var(--secondary-500);
  border-radius: 0 0 var(--search__dropdown__border-radius) var(--search__dropdown__border-radius);
}
header .mainbar__search .search__dropdown .dropdown__results {
  display: grid;
  grid-template-columns: minmax(0, clamp(14.375rem, 11.9327rem + 3.0769vw, 15.625rem)) minmax(0, 1fr);
}
@media only screen and (max-width: 79.3125rem) {
  header .mainbar__search .search__dropdown .dropdown__results {
    display: grid;
    grid-template-columns: minmax(0, clamp(21.875rem, -8.0132rem + 57.3394vw, 37.5rem)) minmax(0, 1fr);
  }
}
@media only screen and (max-width: 52.0625rem) {
  header .mainbar__search .search__dropdown .dropdown__results {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}
header .mainbar__search .search__dropdown .dropdown__results .results__category {
  --category__padding-block: clamp(1.25rem, 0.2731rem + 1.2308vw, 1.75rem);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding-block: var(--category__padding-block);
  color: var(--primary-300);
}
@media only screen and (max-width: 79.3125rem) {
  header .mainbar__search .search__dropdown .dropdown__results .results__category {
    --category__padding-block: clamp(0.625rem, 0.4272rem + 0.8791vw, 1.125rem);
  }
}
header .mainbar__search .search__dropdown .dropdown__results .results__category .category__item,
header .mainbar__search .search__dropdown .dropdown__results .results__category .item__link {
  display: flex;
}
header .mainbar__search .search__dropdown .dropdown__results .results__category .item__link {
  width: 100%;
  color: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  padding-block: 0.375rem;
  padding-inline: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  header .mainbar__search .search__dropdown .dropdown__results .results__category .item__link {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media (hover: hover) {
  header .mainbar__search .search__dropdown .dropdown__results .results__category .item__link:hover {
    background-color: var(--other-blue-500);
  }
}
header .mainbar__search .search__dropdown .dropdown__results .results__products {
  --products__padding: clamp(1.25rem, -0.2154rem + 1.8462vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: var(--products__padding);
}
@media only screen and (max-width: 79.3125rem) {
  header .mainbar__search .search__dropdown .dropdown__results .results__products {
    --products__padding: clamp(1rem, 0.5218rem + 0.9174vw, 1.25rem) 1.25rem;
  }
}
@media only screen and (max-width: 52.0625rem) {
  header .mainbar__search .search__dropdown .dropdown__results .results__products {
    --products__padding: 1.875rem clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
  }
}
header .mainbar__search .search__dropdown .dropdown__results .results__products:not(:only-child) {
  border-left: 0.0625rem solid var(--other-white-600);
}
@media only screen and (max-width: 52.0625rem) {
  header .mainbar__search .search__dropdown .dropdown__results .results__products:not(:only-child) {
    border-left: none;
    border-top: 0.0625rem solid var(--other-white-600);
  }
}
header .mainbar__search .search__dropdown .dropdown__more {
  display: flex;
  justify-content: center;
  align-items: center;
  color: inherit;
  color: var(--primary-900);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  border-top: 0.0625rem solid var(--other-white-600);
  padding-block: 1rem;
}
@media (hover: hover) {
  header .mainbar__search .search__dropdown .dropdown__more:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (max-width: 52.0625rem) {
  header .mainbar__search .search__dropdown .dropdown__more {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
header .mainbar__search .search__content {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
header .mainbar__search._open::before {
  content: "";
  position: fixed;
  z-index: 4;
  inset: 0;
  background: var(--primary-300);
  opacity: 0.3;
}
header .mainbar__search._open .search__content {
  bottom: unset;
  border-radius: var(--search__form__border-radius) var(--search__form__border-radius) var(--search__dropdown__border-radius) var(--search__dropdown__border-radius);
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.15);
}
header .mainbar__search._open .search__form {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-color: var(--secondary-500);
  border-left-color: var(--secondary-500);
  border-right-color: var(--secondary-500);
  border-bottom-color: var(--other-white-600);
}
header .mainbar__search._open .search__form .form__clear {
  opacity: 1;
  visibility: visible;
}
header .mainbar__search._open .search__dropdown {
  opacity: 1;
  visibility: visible;
}
header .mainbar__actions {
  --gap: clamp(1.875rem, 0.6538rem + 1.5385vw, 2.5rem);
  display: flex;
  align-items: center;
  gap: var(--gap);
  margin-left: auto;
}
@media only screen and (max-width: 79.3125rem) {
  header .mainbar__actions {
    --gap: 1.5rem;
  }
}
@media only screen and (max-width: 79.3125rem) {
  header .mainbar__actions {
    grid-area: actions;
  }
}
header .mainbar__actions .actions__wishlist,
header .mainbar__actions .actions__account,
header .mainbar__actions .actions__cart {
  display: flex;
  align-items: center;
  width: clamp(1.5rem, 1.0115rem + 0.6154vw, 1.75rem);
  min-width: clamp(1.5rem, 1.0115rem + 0.6154vw, 1.75rem);
  height: auto;
  aspect-ratio: 1;
  color: inherit;
  cursor: pointer;
}
@media (hover: hover) {
  header .mainbar__actions .actions__wishlist:hover,
  header .mainbar__actions .actions__account:hover,
  header .mainbar__actions .actions__cart:hover {
    color: var(--secondary-900);
  }
}
header .mainbar__actions .actions__wishlist svg,
header .mainbar__actions .actions__account svg,
header .mainbar__actions .actions__cart svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
header .mainbar__actions .actions__wishlist svg path,
header .mainbar__actions .actions__account svg path,
header .mainbar__actions .actions__cart svg path {
  stroke: currentColor;
}
header .mainbar__actions .actions__cart {
  position: relative;
}
header .mainbar__actions .actions__cart svg:nth-child(3) {
  width: 1rem;
  min-width: 1rem;
  height: auto;
  aspect-ratio: 1;
  position: absolute;
  top: -0.1875rem;
  right: -0.375rem;
}
header .mainbar__actions .actions__cart svg:nth-child(3) rect {
  fill: var(--primary-900);
}
header .mainbar__actions .actions__cart svg:nth-child(3) path {
  stroke: var(--secondary-500);
}
header .mainbar__actions .actions__cart[data-cart="0"] svg:nth-child(3) {
  display: none;
}
header .mainbar__actions .actions__languages {
  margin-inline: calc(var(--header__languages__padding-inline) * -1);
  position: relative;
  z-index: 1;
  transition: filter 0.3s ease-in-out, background 0.3s ease-in-out;
  color: var(--primary-500);
  padding-left: var(--gap);
}
@media only screen and (max-width: 79.3125rem) {
  header .mainbar__actions .actions__languages {
    display: none;
  }
}
@media (hover: hover) {
  header .mainbar__actions .actions__languages:hover .languages__frame {
    color: var(--secondary-900);
  }
}
header .mainbar__actions .actions__languages:active .languages__frame svg, header .mainbar__actions .actions__languages:focus .languages__frame svg, header .mainbar__actions .actions__languages:hover .languages__frame svg {
  transform: rotate(180deg);
}
header .mainbar__actions .actions__languages:active .languages__dropdown, header .mainbar__actions .actions__languages:focus .languages__dropdown, header .mainbar__actions .actions__languages:hover .languages__dropdown {
  background-color: var(--secondary-500);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  opacity: 1;
  visibility: visible;
}
header .mainbar__actions .actions__languages::before {
  width: 0.0625rem;
  height: 1.875rem;
  background-color: var(--primary-500);
  content: "";
  opacity: 0.4;
  position: absolute;
  top: 50%;
  left: var(--header__languages__padding-inline);
  transform: translateY(-50%);
}
header .mainbar__actions .actions__languages .languages__frame,
header .mainbar__actions .actions__languages .dropdown__item,
header .mainbar__actions .actions__languages .item__link {
  text-transform: uppercase;
}
header .mainbar__actions .actions__languages .languages__frame,
header .mainbar__actions .actions__languages .dropdown__item {
  width: var(--header__languages__width);
  min-width: var(--header__languages__width);
  height: 2rem;
  padding-inline: var(--header__languages__padding-inline);
}
header .mainbar__actions .actions__languages .languages__frame {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: inherit;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  header .mainbar__actions .actions__languages .languages__frame {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
header .mainbar__actions .actions__languages .languages__frame svg {
  width: 0.875rem;
  min-width: 0.875rem;
  height: auto;
  aspect-ratio: 1;
}
header .mainbar__actions .actions__languages .languages__frame svg path {
  stroke: currentColor;
}
header .mainbar__actions .actions__languages .languages__dropdown {
  padding-block: 0.25rem;
  border-radius: 0.375rem;
  position: absolute;
  top: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, background 0.3s ease-in-out;
}
header .mainbar__actions .actions__languages .dropdown__item {
  display: flex;
  justify-content: center;
  align-items: center;
  color: inherit;
  text-align: center;
}
header .mainbar__actions .actions__languages .dropdown__item:not(:first-child) {
  border-top: 0.0625rem solid var(--other-black-50);
}
header .mainbar__actions .actions__languages .dropdown__item .item__link {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: inherit;
}
@media only screen and (max-width: 52.0625rem) {
  header .mainbar__actions .actions__languages .dropdown__item .item__link {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
@media (hover: hover) {
  header .mainbar__actions .actions__languages .dropdown__item .item__link:hover {
    color: var(--secondary-900);
  }
}
header .header__navbar {
  background-color: var(--header__background-primary);
}
@media only screen and (max-width: 79.3125rem) {
  header .header__navbar {
    display: none;
  }
}
header .header__navbar .wrap {
  display: flex;
  gap: var(--body__menu__gap);
}
header .navbar__menu {
  width: var(--menu__width);
  min-width: var(--menu__width);
  color: var(--primary-500);
  position: relative;
}
header .navbar__menu .menu__button {
  max-width: max-content;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: inherit;
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 700;
  line-height: 1.5rem;
  border: 0.0625rem solid transparent;
  padding-block: 0.6875rem;
  padding-inline: var(--menu__padding-left) var(--menu__padding-right);
  margin-left: calc(var(--menu__padding-left) * -1);
  border-radius: var(--menu__border-radius) var(--menu__border-radius) 0 0;
  cursor: pointer;
}
@media only screen and (max-width: 52.0625rem) {
  header .navbar__menu .menu__button {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
header .navbar__menu .menu__button svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
header .navbar__menu .menu__button svg path {
  stroke: currentColor;
}
header .navbar__menu .menu__content {
  position: absolute;
  z-index: 7;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
}
header .navbar__menu .menu__content .nav {
  display: none;
}
@media (hover: hover) {
  header .navbar__menu .menu__content:hover .menu__button {
    background-color: var(--menu__open__background);
    border-color: var(--other-black-50);
    position: relative;
  }
  header .navbar__menu .menu__content:hover .menu__button::after {
    background-color: var(--menu__open__background);
    content: "";
    position: absolute;
    z-index: 6;
    left: 0;
    right: 0;
    height: 0.3125rem;
    bottom: -0.1875rem;
  }
  header .navbar__menu .menu__content:hover .nav {
    display: block;
  }
}
@media only screen and (hover: hover) and (min-width: 79.375rem) {
  header:has(.menu__content:hover)::before {
    background-color: var(--primary-500);
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    opacity: 0.25;
  }
}
@media (hover: hover) {
  header:has(.menu__content:hover) .nav {
    border-color: var(--other-black-50);
  }
}
header .navbar__pages {
  --pages__direction: row;
  --pages__gap: 5rem;
  --pages__padding-block: 0.75rem;
  display: flex;
  flex-direction: var(--pages__direction);
  gap: var(--pages__gap);
  padding-block: var(--pages__padding-block);
  color: var(--primary-300);
}
header .navbar__pages .pages__item {
  display: flex;
}
header .navbar__pages .item__link {
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
  color: inherit;
}
@media only screen and (max-width: 52.0625rem) {
  header .navbar__pages .item__link {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
@media (hover: hover) {
  header .navbar__pages .item__link:hover {
    color: var(--secondary-900);
  }
}
header .mobile__menu {
  background-color: var(--secondary-500);
  display: none;
  flex: 1;
}
header .mobile__menu._open {
  display: flex;
  flex-direction: column;
}
header .mobile__menu .navbar__menu {
  --menu__width: 100%;
}
header .mobile__menu .navbar__menu .menu__button {
  display: none;
}
header .mobile__menu .navbar__menu .menu__content {
  position: unset;
  height: unset;
  top: unset;
  left: unset;
  right: unset;
}
header .mobile__menu .navbar__menu .nav {
  --nav__dropdown__width: 1.5rem;
  --nav__dropdown__gap: 0.5rem;
  --nav__link__padding-block: 0.5625rem;
  --nav__padding-block: calc(1.5rem - var(--nav__link__padding-block));
  padding-top: calc(var(--nav__padding-block) - var(--mainbar__padding-block));
  padding-bottom: var(--nav__padding-block);
  display: block;
  position: relative;
  z-index: 3;
  color: var(--primary-300);
}
header .mobile__menu .navbar__menu .nav ul {
  list-style: none;
}
header .mobile__menu .navbar__menu .nav ul li {
  position: unset;
  padding-left: unset;
}
header .mobile__menu .navbar__menu .nav ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
header .mobile__menu .navbar__menu .nav a {
  text-decoration: none;
}
header .mobile__menu .navbar__menu .nav:has(.list__item._open) .list__item:not(._open) {
  display: none;
}
header .mobile__menu .navbar__menu .nav .nav__list {
  display: flex;
  flex-direction: column;
}
header .mobile__menu .navbar__menu .nav .list__item {
  position: relative;
}
@media (hover: hover) {
  header .mobile__menu .navbar__menu .nav .list__item:hover {
    color: var(--secondary-900);
  }
  header .mobile__menu .navbar__menu .nav .list__item:hover .item__link svg path,
  header .mobile__menu .navbar__menu .nav .list__item:hover .item__dropdown svg path {
    stroke: var(--secondary-900);
  }
}
header .mobile__menu .navbar__menu .nav .list__item._open {
  display: flex;
  flex-direction: column;
}
header .mobile__menu .navbar__menu .nav .list__item._open .item__link {
  display: none;
}
header .mobile__menu .navbar__menu .nav .list__item._open .item__dropdown {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  color: inherit;
  color: var(--primary-900);
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
  text-transform: uppercase;
  cursor: pointer;
  order: 1;
  position: relative;
  top: unset;
  right: unset;
  transform: unset;
  padding-block: 0.28125rem;
  padding-inline: var(--padding);
  margin-top: 0.5rem;
  margin-bottom: 0.4375rem;
}
@media (hover: hover) {
  header .mobile__menu .navbar__menu .nav .list__item._open .item__dropdown:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (max-width: 52.0625rem) {
  header .mobile__menu .navbar__menu .nav .list__item._open .item__dropdown {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
@media (hover: hover) {
  header .mobile__menu .navbar__menu .nav .list__item._open .item__dropdown:hover svg path {
    stroke: var(--secondary-900);
  }
}
header .mobile__menu .navbar__menu .nav .list__item._open .item__dropdown svg:first-child {
  width: 1.125rem;
  min-width: 1.125rem;
  height: auto;
  aspect-ratio: 1;
  display: block;
}
header .mobile__menu .navbar__menu .nav .list__item._open .item__dropdown svg:first-child path {
  stroke: var(--primary-900);
}
header .mobile__menu .navbar__menu .nav .list__item._open .item__dropdown svg:last-child {
  display: none;
}
header .mobile__menu .navbar__menu .nav .list__item._open .item__menu {
  display: flex;
  flex-direction: column;
  order: 2;
}
header .mobile__menu .navbar__menu .nav .item__link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 0.4462rem + 0.4615vw, 1rem);
  font-weight: 400;
  line-height: 1.25rem;
  color: inherit;
  padding-block: 0.5625rem;
  padding-inline: var(--padding) calc(var(--nav__dropdown__width) + var(--nav__dropdown__gap) + var(--padding));
}
@media (hover: hover) {
  header .mobile__menu .navbar__menu .nav .item__link:hover {
    color: var(--secondary-900);
  }
}
header .mobile__menu .navbar__menu .nav .item__link svg {
  width: 1.875rem;
  min-width: 1.875rem;
  height: auto;
  aspect-ratio: 1;
}
header .mobile__menu .navbar__menu .nav .item__link svg path {
  stroke: var(--other-white-800);
}
header .mobile__menu .navbar__menu .nav .item__dropdown {
  position: absolute;
  top: 50%;
  right: var(--padding);
  transform: translateY(-50%);
  font-size: 0;
}
header .mobile__menu .navbar__menu .nav .item__dropdown svg:first-child {
  display: none;
}
header .mobile__menu .navbar__menu .nav .item__dropdown svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
header .mobile__menu .navbar__menu .nav .item__dropdown svg path {
  stroke: var(--primary-500);
}
header .mobile__menu .navbar__menu .nav .item__menu {
  gap: calc(1.5rem - 0.6875rem);
  color: var(--primary-500);
  display: none;
}
header .mobile__menu .navbar__menu .nav .item__link-2 {
  display: flex;
  align-items: center;
  font-size: clamp(0.875rem, 0.7529rem + 0.1538vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.125rem;
  color: inherit;
  padding-block: 0.6875rem;
  padding-inline: var(--padding);
}
@media only screen and (max-width: 52.0625rem) {
  header .mobile__menu .navbar__menu .nav .item__link-2 {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media (hover: hover) {
  header .mobile__menu .navbar__menu .nav .item__link-2:hover {
    color: var(--secondary-900);
  }
}
header .mobile__menu .navbar__menu .nav .menu__photos {
  display: flex;
  gap: clamp(0.5rem, -0.2595rem + 3.3755vw, 1.5rem);
  flex-wrap: wrap;
  padding-inline: var(--padding);
  padding-bottom: 0.5rem;
}
header .mobile__menu .navbar__menu .nav .menu__photos .photos__item {
  width: 100%;
  max-width: 20.5rem;
  height: auto;
  aspect-ratio: 2.4661654135;
}
header .mobile__menu .navbar__menu .nav .menu__photos .photos__item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
header .mobile__menu .navbar__pages {
  --pages__direction: column;
  --pages__gap: 1.125rem;
  --pages__padding-block: 0;
}
header .mobile__menu .navbar__pages .pages__item {
  display: flex;
}
header .mobile__menu .navbar__pages .item__link {
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
  color: inherit;
}
@media only screen and (max-width: 52.0625rem) {
  header .mobile__menu .navbar__pages .item__link {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
@media (hover: hover) {
  header .mobile__menu .navbar__pages .item__link:hover {
    color: var(--secondary-900);
  }
}
header .mobile__menu .menu__footer {
  background-color: var(--other-blue-500);
  padding-block: 2rem;
  padding-inline: var(--padding);
  flex: 1;
}
header .mobile__menu .menu__footer .mainbar__contacts {
  display: flex;
  padding-top: 1.125rem;
  margin-top: 1.125rem;
  border-top: 0.0625rem solid var(--other-black-50);
}
header .mobile__menu .menu__footer .actions__languages {
  display: flex;
  align-items: center;
  color: var(--primary-500);
  margin-top: 1.125rem;
}
header .mobile__menu .menu__footer .actions__languages::before {
  color: var(--primary-300);
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
  content: attr(data-title);
}
@media only screen and (max-width: 52.0625rem) {
  header .mobile__menu .menu__footer .actions__languages::before {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
header .mobile__menu .menu__footer .actions__languages .languages__frame,
header .mobile__menu .menu__footer .actions__languages .dropdown__item,
header .mobile__menu .menu__footer .actions__languages .item__link {
  text-transform: uppercase;
}
header .mobile__menu .menu__footer .actions__languages .languages__frame {
  display: none;
}
header .mobile__menu .menu__footer .actions__languages .languages__dropdown {
  display: flex;
}
header .mobile__menu .menu__footer .actions__languages .dropdown__item {
  --item__background-color: var(--secondary-500);
  display: flex;
  width: 2rem;
  min-width: 2rem;
  height: auto;
  aspect-ratio: 1;
  color: inherit;
  text-align: center;
  margin-left: 1.125rem;
}
header .mobile__menu .menu__footer .actions__languages .dropdown__item._active .item__link {
  --item__background-color: var(--secondary-900);
  --item__text__color: var(--secondary-500);
}
header .mobile__menu .menu__footer .actions__languages .dropdown__item .item__link {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--item__text__color, inherit);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5rem;
  background-color: var(--item__background-color);
  border-radius: 50%;
  flex: 1;
}
@media only screen and (max-width: 52.0625rem) {
  header .mobile__menu .menu__footer .actions__languages .dropdown__item .item__link {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
@media (hover: hover) {
  header .mobile__menu .menu__footer .actions__languages .dropdown__item .item__link:hover {
    --item__background-color: var(--primary-900);
    --item__text__color: var(--secondary-500);
  }
}
header:has(.mobile__menu._open) {
  display: flex;
  flex-direction: column;
  position: fixed;
  inset: 0;
  z-index: 10;
  overflow-y: auto;
}

@media (hover: hover) {
  body:has(.nav:hover) header:not(._sticky) .navbar__menu .menu__content .menu__button {
    background-color: var(--menu__open__background);
    border-color: var(--other-black-50);
    position: relative;
  }
  body:has(.nav:hover) header:not(._sticky) .navbar__menu .menu__content .menu__button::after {
    background-color: var(--menu__open__background);
    content: "";
    position: absolute;
    z-index: 6;
    left: 0;
    right: 0;
    height: 0.3125rem;
    bottom: -0.1875rem;
  }
}
body:has(.mobile__menu._open) {
  padding-top: var(--header__height);
  overflow: hidden;
}

.product__badges {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  padding: var(--product__badges__padding, 1rem);
}
.product__badges .badges__item:not(._discount) {
  max-width: max-content;
  background-color: var(--primary-500);
  color: var(--secondary-500);
  font-size: 0.6875rem;
  font-weight: 600;
  line-height: 0.75rem;
  border-radius: 0.25rem;
  padding: 0.125rem 0.4375rem;
  text-transform: uppercase;
}
@media only screen and (max-width: 52.0625rem) {
  .product__badges .badges__item:not(._discount) {
    font-size: clamp(0.625rem, 0.5775rem + 0.211vw, 0.6875rem);
  }
}
.product__badges .badges__item._discount {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.25rem;
  min-width: 3.25rem;
  height: auto;
  aspect-ratio: 1;
  background-color: var(--label-red-500);
  color: var(--secondary-500);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1rem;
  border-radius: 50%;
}
@media only screen and (max-width: 52.0625rem) {
  .product__badges .badges__item._discount {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.product__badges .badges__item._pop {
  background-color: var(--secondary-900);
}
.product__badges .badges__item._new {
  background-color: var(--primary-900);
}
.product__badges .badges__item._soldout {
  background-color: var(--secondary-700);
}

.product__hero {
  padding-top: 1.875rem;
  padding-bottom: clamp(3.375rem, 1.4212rem + 2.4615vw, 4.375rem);
}
@media only screen and (max-width: 79.3125rem) {
  .product__hero {
    padding-top: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
  }
}
.product__hero .wrap {
  display: grid;
  grid-gap: clamp(1.875rem, 0.6538rem + 1.5385vw, 2.5rem);
  grid-template-columns: minmax(0, clamp(27rem, -3.5288rem + 38.4615vw, 42.625rem)) minmax(0, 1fr) minmax(0, clamp(23.125rem, 12.1346rem + 13.8462vw, 28.75rem));
}
@media only screen and (max-width: 79.3125rem) {
  .product__hero .wrap {
    display: grid;
    grid-gap: 0rem clamp(2.4375rem, -14.4194rem + 32.3394vw, 11.25rem);
    grid-template-columns: minmax(0, 1fr) minmax(0, clamp(23.125rem, 12.3653rem + 20.6422vw, 28.75rem));
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}
.product__hero .breadcrumb {
  grid-column: 1/-1;
}
.product__hero .hero__gallery {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: flex-start;
  gap: clamp(1rem, -0.2212rem + 1.5385vw, 1.625rem);
  padding-left: clamp(0rem, -5.8615rem + 7.3846vw, 3rem);
}
@media only screen and (max-width: 79.3125rem) {
  .product__hero .hero__gallery {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    grid-column: 1/-1;
    padding-top: clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
    padding-bottom: clamp(2.5rem, 1.8354rem + 2.9536vw, 3.375rem);
  }
}
.product__hero .hero__gallery .product__badges {
  --product__badges__padding: clamp(0.625rem, -0.1077rem + 0.9231vw, 1rem);
}
@media only screen and (max-width: 79.3125rem) {
  .product__hero .hero__gallery .product__badges {
    --product__badges__padding: clamp(0.625rem, 0.3402rem + 1.2658vw, 1rem);
  }
}
.product__hero .hero__gallery .gallery__main {
  width: clamp(23.5rem, 4.9385rem + 23.3846vw, 33rem);
  height: auto;
  aspect-ratio: 1;
  position: relative;
}
@media only screen and (max-width: 79.3125rem) {
  .product__hero .hero__gallery .gallery__main {
    width: 100%;
    max-width: 33rem;
  }
}
.product__hero .hero__gallery .main__slider:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  overflow: hidden;
}
.product__hero .hero__gallery .main__slider:not(.slick-initialized) > *:nth-child(n+2) {
  display: none;
}
.product__hero .hero__gallery .gallery__thumb {
  --thumb__width: clamp(2.5rem, -2.3846rem + 6.1538vw, 5rem);
  --thumb__padding: 0.25rem;
  width: var(--thumb__width);
  min-width: var(--thumb__width);
  height: clamp(15rem, -9.4231rem + 30.7692vw, 27.5rem);
}
@media only screen and (max-width: 79.3125rem) {
  .product__hero .hero__gallery .gallery__thumb {
    --thumb__padding: 0.5rem;
  }
}
@media only screen and (min-width: 79.375rem) {
  .product__hero .hero__gallery .gallery__thumb {
    margin-block: 1.75rem;
  }
  .product__hero .hero__gallery .gallery__thumb:not(.slick-initialized) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(5, minmax(0, 1fr));
    overflow: hidden;
  }
  .product__hero .hero__gallery .gallery__thumb:not(.slick-initialized) > *:nth-child(n+6) {
    display: none;
  }
}
@media only screen and (max-width: 79.3125rem) {
  .product__hero .hero__gallery .gallery__thumb {
    width: 100%;
    min-width: unset;
    max-width: 21.5rem;
    height: var(--thumb__width);
    padding-inline: 2rem;
    margin-inline: auto;
  }
  .product__hero .hero__gallery .gallery__thumb:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    overflow: hidden;
  }
  .product__hero .hero__gallery .gallery__thumb:not(.slick-initialized) > *:nth-child(n+6) {
    display: none;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__gallery .gallery__thumb {
    max-width: 18rem;
  }
  .product__hero .hero__gallery .gallery__thumb:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
  }
  .product__hero .hero__gallery .gallery__thumb:not(.slick-initialized) > *:nth-child(n+5) {
    display: none;
  }
}
.product__hero .hero__gallery .gallery__thumb .slick-slide, .product__hero .hero__gallery .gallery__thumb > div:not(.slick-list) {
  border: unset;
}
@media only screen and (min-width: 79.375rem) {
  .product__hero .hero__gallery .gallery__thumb .slick-slide, .product__hero .hero__gallery .gallery__thumb > div:not(.slick-list) {
    padding-block: var(--thumb__padding);
  }
}
@media only screen and (max-width: 79.3125rem) {
  .product__hero .hero__gallery .gallery__thumb .slick-slide, .product__hero .hero__gallery .gallery__thumb > div:not(.slick-list) {
    padding-inline: var(--thumb__padding);
  }
}
.product__hero .hero__gallery .gallery__thumb .slick-arrow {
  width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
@media only screen and (min-width: 79.375rem) {
  .product__hero .hero__gallery .gallery__thumb .slick-arrow {
    left: 50%;
    right: unset;
    transform: translateX(-50%);
  }
}
@media only screen and (max-width: 79.3125rem) {
  .product__hero .hero__gallery .gallery__thumb .slick-arrow {
    left: 0;
  }
}
@media (hover: hover) {
  .product__hero .hero__gallery .gallery__thumb .slick-arrow:hover::after {
    filter: var(--filter__secondary-900);
  }
}
.product__hero .hero__gallery .gallery__thumb .slick-arrow:after {
  --icon__width: 100%;
  display: flex;
  content: "";
  background-image: url("../images/icons/arrow-right_24x24.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
}
@media only screen and (min-width: 79.375rem) {
  .product__hero .hero__gallery .gallery__thumb .slick-arrow.slick-prev {
    top: unset;
    bottom: calc(100% + var(--thumb__padding));
  }
  .product__hero .hero__gallery .gallery__thumb .slick-arrow.slick-prev::after {
    transform: rotate(-90deg);
  }
}
@media only screen and (max-width: 79.3125rem) {
  .product__hero .hero__gallery .gallery__thumb .slick-arrow.slick-prev::after {
    transform: rotate(180deg);
  }
}
@media only screen and (min-width: 79.375rem) {
  .product__hero .hero__gallery .gallery__thumb .slick-arrow.slick-next {
    top: calc(100% + var(--thumb__padding));
    bottom: unset;
  }
  .product__hero .hero__gallery .gallery__thumb .slick-arrow.slick-next::after {
    transform: rotate(90deg);
  }
}
@media only screen and (max-width: 79.3125rem) {
  .product__hero .hero__gallery .gallery__thumb .slick-arrow.slick-next {
    left: unset;
    right: 0;
  }
}
.product__hero .hero__gallery .thumb__image {
  width: var(--thumb__width);
  min-width: var(--thumb__width);
  height: auto;
  aspect-ratio: 1;
}
.product__hero .hero__gallery .thumb__image img {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: scale-down;
}
.product__hero .hero__info .info__brand {
  width: 6.25rem;
  min-width: 6.25rem;
  height: auto;
  aspect-ratio: 2.5;
  display: flex;
  margin-bottom: clamp(0.5rem, -0.4769rem + 1.2308vw, 1rem);
}
.product__hero .hero__info .info__brand img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.product__hero .hero__info .info__title {
  color: var(--primary-300);
  font-size: clamp(1.125rem, 0.3923rem + 0.9231vw, 1.5rem);
  font-weight: 600;
  line-height: clamp(1.75rem, 1.2615rem + 0.6154vw, 2rem);
}
.product__hero .hero__info .info__props {
  --props__gap: clamp(0.5rem, -0.9654rem + 1.8462vw, 1.25rem);
  display: flex;
  align-items: center;
  margin-top: 1rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__info .info__props {
    --props__gap: clamp(0rem, -0.3797rem + 1.6878vw, 0.5rem);
  }
}
@media only screen and (max-width: 79.3125rem) {
  .product__hero .hero__info .info__props {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--props__gap);
  }
}
@media only screen and (min-width: 79.375rem) {
  .product__hero .hero__info .info__props > *:not(:first-child) {
    padding-left: var(--props__gap);
    margin-left: var(--props__gap);
    border-left: 0.0625rem solid var(--other-black-50);
  }
}
.product__hero .hero__info .info__props .props__rating {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__info .info__props .props__rating {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product__hero .hero__info .info__props .props__rating svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.product__hero .hero__info .info__props .props__rating svg path {
  fill: var(--primary-900);
}
.product__hero .hero__info .info__props .props__ean,
.product__hero .hero__info .info__props .props__code {
  color: var(--primary-500);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__info .info__props .props__ean,
  .product__hero .hero__info .info__props .props__code {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product__hero .hero__info .info__props .props__ean strong,
.product__hero .hero__info .info__props .props__code strong {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__info .info__props .props__ean strong,
  .product__hero .hero__info .info__props .props__code strong {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product__hero .hero__info .info__stock {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 1rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__info .info__stock {
    padding-top: 1rem;
    border-top: 0.0625rem solid var(--other-black-50);
  }
}
.product__hero .hero__info .info__stock .stock__item {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  color: var(--secondary-900);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__info .info__stock .stock__item {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product__hero .hero__info .info__stock .stock__item svg {
  width: 1.125rem;
  min-width: 1.125rem;
  height: auto;
  aspect-ratio: 1;
  margin-top: 0.0625rem;
}
.product__hero .hero__info .info__stock .stock__item svg path {
  fill: currentColor;
}
.product__hero .hero__info .info__stock .stock__item strong {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__info .info__stock .stock__item strong {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product__hero .hero__info .info__specifications {
  --specifications__gap: 0.625rem;
  display: flex;
  flex-direction: column;
  gap: var(--specifications__gap);
  margin-top: clamp(1rem, 0.0436rem + 1.8349vw, 1.5rem);
}
.product__hero .hero__info .info__specifications ul {
  list-style: none;
}
.product__hero .hero__info .info__specifications ul li {
  position: unset;
  padding-left: unset;
}
.product__hero .hero__info .info__specifications ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.product__hero .hero__info .info__specifications a {
  text-decoration: none;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__info .info__specifications {
    padding-top: 1rem;
    border-top: 0.0625rem solid var(--other-black-50);
  }
}
.product__hero .hero__info .info__specifications .specifications__title {
  color: var(--primary-300);
  font-size: clamp(0.875rem, 0.7529rem + 0.1538vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__info .info__specifications .specifications__title {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product__hero .hero__info .info__specifications .specifications__list {
  display: flex;
  flex-direction: column;
  gap: var(--specifications__gap);
}
.product__hero .hero__info .info__specifications .list__item {
  color: var(--primary-300);
  font-size: clamp(0.875rem, 0.7529rem + 0.1538vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__info .info__specifications .list__item {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product__hero .hero__info .info__choices {
  margin-top: clamp(1.5rem, 0.5231rem + 1.2308vw, 2rem);
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__info .info__choices {
    margin-top: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
    padding-top: 2rem;
    border-top: 0.0625rem solid var(--other-black-50);
  }
}
.product__hero .hero__info .info__choices + .info__choices {
  margin-top: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__info .info__choices + .info__choices {
    margin-top: 0;
    border-top: unset;
  }
}
.product__hero .hero__info .info__choices .choices__title {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__info .info__choices .choices__title {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__info .info__choices .choices__title {
    text-align: center;
  }
}
.product__hero .hero__info .info__choices .list__item {
  --item__border-color: var(--other-white-600);
  color: var(--primary-500);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  text-decoration: none;
  cursor: pointer;
}
.product__hero .hero__info .info__choices .list__item._active {
  --item__border-color: var(--primary-900) !important;
}
.product__hero .hero__info .info__choices .list__item input {
  display: none;
}
.product__hero .hero__info .info__choices .item__photo img {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: scale-down;
}
.product__hero .hero__info .info__choices._type-1 .choices__list {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__info .info__choices._type-1 .choices__list {
    display: flex;
    justify-content: center;
  }
}
.product__hero .hero__info .info__choices._type-1 .list__item {
  --item__border-color: var(--other-white-600);
  display: flex;
  align-items: center;
  gap: clamp(0.25rem, -0.2385rem + 0.6154vw, 0.5rem);
  min-width: clamp(7.125rem, 3.4615rem + 4.6154vw, 9rem);
  padding: 0.25rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--item__border-color);
}
@media only screen and (max-width: 79.3125rem) {
  .product__hero .hero__info .info__choices._type-1 .list__item {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 6.125rem;
  }
}
.product__hero .hero__info .info__choices._type-1 .item__photo {
  width: clamp(2.375rem, 1.1538rem + 1.5385vw, 3rem);
  min-width: clamp(2.375rem, 1.1538rem + 1.5385vw, 3rem);
  height: auto;
  aspect-ratio: 1;
}
@media only screen and (max-width: 79.3125rem) {
  .product__hero .hero__info .info__choices._type-1 .item__photo {
    width: 3rem;
    min-width: 3rem;
    height: auto;
    aspect-ratio: 1;
  }
}
.product__hero .hero__info .info__choices._type-2 .choices__list {
  --list__padding-inline: 2.1875rem;
  --list__item__padding-inline: clamp(0.3125rem, 0.1701rem + 0.6329vw, 0.5rem);
}
.product__hero .hero__info .info__choices._type-2 .choices__list:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  overflow: hidden;
}
.product__hero .hero__info .info__choices._type-2 .choices__list:not(.slick-initialized) > *:nth-child(n+7) {
  display: none;
}
@media only screen and (max-width: 110.8125rem) {
  .product__hero .hero__info .info__choices._type-2 .choices__list:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    overflow: hidden;
  }
  .product__hero .hero__info .info__choices._type-2 .choices__list:not(.slick-initialized) > *:nth-child(n+6) {
    display: none;
  }
}
@media only screen and (max-width: 101.6875rem) {
  .product__hero .hero__info .info__choices._type-2 .choices__list:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
  }
  .product__hero .hero__info .info__choices._type-2 .choices__list:not(.slick-initialized) > *:nth-child(n+5) {
    display: none;
  }
}
@media only screen and (max-width: 79.3125rem) {
  .product__hero .hero__info .info__choices._type-2 .choices__list:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
  }
  .product__hero .hero__info .info__choices._type-2 .choices__list:not(.slick-initialized) > *:nth-child(n+4) {
    display: none;
  }
}
.product__hero .hero__info .info__choices._type-2 .choices__list:has(div:nth-child(7)) {
  padding-inline: var(--list__padding-inline);
}
.product__hero .hero__info .info__choices._type-2 .choices__list:not(:has(div:nth-child(7))) {
  width: calc(100% - var(--list__padding-inline) * 2);
  margin-inline: calc(var(--list__item__padding-inline) * -1);
}
.product__hero .hero__info .info__choices._type-2 .choices__list:not(:has(div:nth-child(7))) .slick-track {
  margin-left: unset;
}
.product__hero .hero__info .info__choices._type-2 .choices__list .slick-slide, .product__hero .hero__info .info__choices._type-2 .choices__list > div:not(.slick-list) {
  padding-inline: var(--list__item__padding-inline);
}
.product__hero .hero__info .info__choices._type-2 .list__item {
  --item__border-color: var(--other-white-600);
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--primary-500);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  text-align: center;
  word-break: break-word;
  margin-inline: auto;
}
.product__hero .hero__info .info__choices._type-2 .list__item .item__text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@supports (-webkit-line-clamp: 2) {
  .product__hero .hero__info .info__choices._type-2 .list__item .item__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.product__hero .hero__info .info__choices._type-2 .item__photo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.375rem;
  min-width: 4.375rem;
  height: auto;
  aspect-ratio: 1;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--item__border-color);
}
.product__hero .hero__info .info__choices._type-2 .item__photo img {
  width: 4rem;
  min-width: 4rem;
  height: auto;
  aspect-ratio: 1;
}
.product__hero .hero__info .info__choices._type-2 .slick-arrow {
  width: 1.875rem;
  height: auto;
  aspect-ratio: 1;
  border: 0.0625rem solid var(--other-white-600);
  border-radius: 50%;
  top: 1.4375rem;
  transform: none;
}
@media (hover: hover) {
  .product__hero .hero__info .info__choices._type-2 .slick-arrow:hover {
    border-color: var(--primary-500);
    background-color: var(--primary-500);
  }
  .product__hero .hero__info .info__choices._type-2 .slick-arrow:hover::after {
    filter: var(--filter__secondary-500);
  }
}
.product__hero .hero__info .info__choices._type-2 .slick-arrow.slick-disabled {
  opacity: 0.4;
}
.product__hero .hero__info .info__choices._type-2 .slick-arrow:after {
  --icon__width: 1.5rem;
  display: flex;
  content: "";
  background-image: url("../images/icons/arrow-right_24x24.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
}
.product__hero .hero__info .info__choices._type-2 .slick-arrow.slick-prev {
  left: 0;
}
.product__hero .hero__info .info__choices._type-2 .slick-arrow.slick-prev::after {
  transform: rotate(180deg);
}
.product__hero .hero__info .info__choices._type-2 .slick-arrow.slick-next {
  right: 0;
}
.product__hero .hero__actions {
  --actions__gap: 1rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__actions {
    margin-top: 3rem;
  }
}
.product__hero .hero__actions .actions__block {
  background-color: var(--other-blue-500);
  border-radius: 0.375rem;
  padding: clamp(1.5rem, 0.5231rem + 1.2308vw, 2rem);
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__actions .actions__block {
    padding: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  }
}
.product__hero .hero__actions .block__price {
  display: flex;
  flex-direction: column;
  gap: calc(var(--actions__gap) / 2);
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__actions .block__price {
    display: flex;
    align-items: center;
  }
}
.product__hero .hero__actions .block__price .price__value {
  display: flex;
  align-items: flex-end;
  gap: var(--actions__gap);
}
.product__hero .hero__actions .block__price .price__value span:first-child {
  font-size: 1.625rem;
  font-weight: 600;
  line-height: 2rem;
}
.product__hero .hero__actions .block__price .price__value span:only-child {
  color: var(--primary-500);
}
.product__hero .hero__actions .block__price .price__value span:first-child:not(:only-child) {
  color: var(--label-red-500);
}
.product__hero .hero__actions .block__price .price__value span:last-child:not(:only-child) {
  color: var(--secondary-700);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.75rem;
  text-decoration: line-through;
}
.product__hero .hero__actions .block__price .price__vat {
  color: var(--secondary-600);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__actions .block__price .price__vat {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product__hero .hero__actions .block__controls {
  display: grid;
  grid-gap: var(--actions__gap);
  grid-template-columns: minmax(0, 9.125rem) minmax(0, 1fr);
  margin-top: var(--actions__gap);
}
@media only screen and (max-width: 101.6875rem) {
  .product__hero .hero__actions .block__controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 79.3125rem) {
  .product__hero .hero__actions .block__controls {
    display: grid;
    grid-template-columns: minmax(0, 9.125rem) minmax(0, 1fr);
    grid-template-rows: auto;
  }
}
@media only screen and (max-width: 67.75rem) {
  .product__hero .hero__actions .block__controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__actions .block__controls {
    display: grid;
    grid-template-columns: minmax(0, 9.125rem) minmax(0, 1fr);
    grid-template-rows: auto;
  }
}
@media only screen and (max-width: 37.25rem) {
  .product__hero .hero__actions .block__controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
}
.product__hero .hero__actions .block__controls .button {
  gap: var(--actions__gap);
  padding-inline: var(--actions__gap);
}
.product__hero .hero__actions .block__controls .button:only-child {
  grid-column: 1/-1;
}
.product__hero .hero__actions .block__controls .button svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.product__hero .hero__actions .block__controls .button svg path {
  stroke: currentColor;
}
.product__hero .hero__actions .block__prices {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: repeat(3, auto);
  background-color: var(--secondary-500);
  border-radius: 0.25rem;
  margin-top: 1.5rem;
  padding: 0.5rem clamp(0.75rem, 0.2615rem + 0.6154vw, 1rem);
}
.product__hero .hero__actions .block__prices .prices__heading,
.product__hero .hero__actions .block__prices .prices__item {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1/-1;
}
.product__hero .hero__actions .block__prices .prices__heading:not(:last-child),
.product__hero .hero__actions .block__prices .prices__item:not(:last-child) {
  border-bottom: 0.0625rem solid var(--other-black-50);
}
.product__hero .hero__actions .block__prices .prices__heading > *:last-child,
.product__hero .hero__actions .block__prices .prices__item > *:last-child {
  text-align: right;
}
.product__hero .hero__actions .block__prices .prices__heading {
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.125rem;
  padding-bottom: 0.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__actions .block__prices .prices__heading {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.product__hero .hero__actions .block__prices .prices__item {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  padding-block: 0.375rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__actions .block__prices .prices__item {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product__hero .hero__actions .block__prices .prices__item:last-child {
  padding-bottom: 0;
}
.product__hero .hero__actions .block__prices .prices__item > div:nth-child(2) span:not(:only-child), .product__hero .hero__actions .block__prices .prices__item > div:nth-child(3) span:not(:only-child) {
  color: var(--label-red-500);
  font-weight: 500;
}
.product__hero .hero__actions .block__prices .prices__item > div:nth-child(2) span:not(:only-child):last-child, .product__hero .hero__actions .block__prices .prices__item > div:nth-child(3) span:not(:only-child):last-child {
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.125rem;
  color: var(--secondary-600);
  text-decoration: line-through;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__actions .block__prices .prices__item > div:nth-child(2) span:not(:only-child):last-child, .product__hero .hero__actions .block__prices .prices__item > div:nth-child(3) span:not(:only-child):last-child {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.product__hero .hero__actions .block__prices .prices__item > div:nth-child(2) {
  display: flex;
  flex-direction: column;
}
.product__hero .hero__actions .block__prices .prices__item > div:nth-child(3) {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.product__hero .hero__actions .block__buttons {
  display: grid;
  grid-gap: var(--actions__gap);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 1.5rem;
}
.product__hero .hero__actions .block__buttons .button {
  gap: var(--actions__gap);
}
.product__hero .hero__actions .block__buttons .button svg {
  width: 1.375rem;
  min-width: 1.375rem;
  height: auto;
  aspect-ratio: 1;
}
.product__hero .hero__actions .block__buttons .button svg path {
  stroke: currentColor;
}
.product__hero .hero__actions .actions__delivery {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--other-white-800);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  margin-top: clamp(1.5rem, 1.3101rem + 0.8439vw, 1.75rem);
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__actions .actions__delivery {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product__hero .hero__actions .actions__delivery + .actions__delivery {
  margin-top: clamp(0.75rem, 0.6551rem + 0.4219vw, 0.875rem);
}
.product__hero .hero__actions .actions__delivery .delivery__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  min-width: 2.5rem;
  height: auto;
  aspect-ratio: 1;
  background-color: var(--other-blue-500);
  border-radius: 50%;
}
.product__hero .hero__actions .actions__delivery .delivery__icon svg {
  width: 1rem;
  min-width: 1rem;
  height: auto;
  aspect-ratio: 1;
}
.product__hero .hero__actions .actions__delivery .delivery__icon svg path {
  fill: currentColor;
}
.product__hero .hero__cross {
  margin-top: clamp(1.5rem, -0.4538rem + 2.4615vw, 2.5rem);
  grid-column: 1/-1;
}
@media only screen and (max-width: 79.3125rem) {
  .product__hero .hero__cross {
    margin-top: 3.375rem;
  }
}
.product__hero .hero__cross .cross__heading {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: clamp(1rem, 0.0231rem + 1.2308vw, 1.5rem);
}
.product__hero .hero__cross .cross__heading .heading__title {
  color: var(--primary-300);
  font-size: clamp(1.125rem, 0.8808rem + 0.3077vw, 1.25rem);
  font-weight: 600;
  line-height: 1.75rem;
}
.product__hero .hero__cross .cross__heading span {
  background-color: var(--other-green-500);
  color: var(--primary-900);
  font-size: clamp(0.875rem, 0.7529rem + 0.1538vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.25rem;
  padding: clamp(0.1875rem, -0.1712rem + 0.6881vw, 0.375rem) clamp(0.625rem, 0.5301rem + 0.4219vw, 0.75rem);
  border-radius: 0.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__cross .cross__heading span {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product__hero .hero__cross .cross__grid {
  display: grid;
  grid-gap: clamp(0.5rem, -1.4128rem + 3.6697vw, 1.5rem);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media only screen and (max-width: 67.75rem) {
  .product__hero .hero__cross .cross__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}

.product__description {
  padding-block: clamp(3.375rem, 2.1538rem + 1.5385vw, 4rem);
}
.product__description .description__nav {
  padding-bottom: clamp(1rem, 0.0231rem + 1.2308vw, 1.5rem);
  overflow-x: auto;
}
.product__description .description__nav .wrap {
  padding-inline: 0;
}
.product__description .description__nav .nav__list {
  display: flex;
  gap: clamp(1.5rem, -1.1582rem + 11.8143vw, 5rem);
  padding-inline: var(--padding);
}
.product__description .description__nav .list__item {
  display: flex;
  cursor: pointer;
}
.product__description .description__nav .list__item:not(:has(input:checked)) {
  color: var(--primary-300);
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__description .description__nav .list__item:not(:has(input:checked)) {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.product__description .description__nav .list__item:has(input:checked) {
  color: var(--primary-900);
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__description .description__nav .list__item:has(input:checked) {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.product__description .description__nav .list__item input {
  display: none;
}
.product__description .description__content {
  background-color: var(--other-blue-500);
  padding-block: clamp(3.375rem, 2.1538rem + 1.5385vw, 4rem);
  padding-inline: 0;
}
@media only screen and (max-width: 52.0625rem) {
  .product__description .description__content {
    padding-block: clamp(2.5rem, 1.8354rem + 2.9536vw, 3.375rem);
  }
}
.product__description .description__content .content__block {
  width: 100%;
  max-width: clamp(77.5rem, 33.5385rem + 55.3846vw, 100rem);
  display: none;
}
.product__description .description__content h2, .product__description .description__content .h2 {
  color: var(--primary-300);
  font-size: clamp(1.125rem, 0.3923rem + 0.9231vw, 1.5rem);
  font-weight: 600;
  line-height: clamp(1.75rem, 1.2615rem + 0.6154vw, 2rem);
}
.product__description .description__content p, .product__description .description__content .p {
  color: var(--primary-500);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  margin-top: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .product__description .description__content p, .product__description .description__content .p {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product__description .block__specifications {
  width: 100%;
  max-width: 89.1875rem;
}
.product__description .block__specifications .specifications__title {
  color: var(--primary-300);
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
  margin-top: 2rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__description .block__specifications .specifications__title {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.product__description .block__specifications .specifications__table {
  display: grid;
  grid-gap: 2.5rem;
  grid-template-columns: repeat(auto-fill, minmax(clamp(8.125rem, 2.1474rem + 11.4679vw, 11.25rem), 1fr));
  margin-top: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .product__description .block__specifications .specifications__table {
    display: grid;
    grid-gap: 1.5rem;
    grid-template-columns: minmax(0, 1fr);
  }
}
.product__description .block__specifications .table__item {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
  display: grid;
  grid-template-columns: subgrid;
  padding-bottom: 0.5rem;
  border-bottom: 0.0625rem solid var(--other-white-600);
  grid-column: span 2;
}
@media only screen and (max-width: 52.0625rem) {
  .product__description .block__specifications .table__item {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__description .block__specifications .table__item {
    padding-bottom: 0.75rem;
  }
  .product__description .block__specifications .table__item .item__value {
    text-align: right;
  }
}
.product__description:has(.list__item:nth-child(1) input:checked) .content__block:nth-child(1) {
  display: block;
}
.product__description:has(.list__item:nth-child(2) input:checked) .content__block:nth-child(2) {
  display: block;
}
.product__description:has(.list__item:nth-child(3) input:checked) .content__block:nth-child(3) {
  display: block;
}
.product__description:has(.list__item:nth-child(4) input:checked) .content__block:nth-child(4) {
  display: block;
}
.product__description:has(.list__item:nth-child(5) input:checked) .content__block:nth-child(5) {
  display: block;
}

.product__hero + .product__description {
  padding-top: 0;
}

.product__slider {
  padding-block: clamp(3.375rem, 2.1538rem + 1.5385vw, 4rem);
}
@media only screen and (max-width: 52.0625rem) {
  .product__slider .wrap {
    padding-inline: 0;
  }
}
.product__slider .slider__heading {
  padding-bottom: clamp(0.375rem, -0.6019rem + 1.2308vw, 0.875rem);
}
.product__slider .slider__heading h2, .product__slider .slider__heading .h2 {
  color: var(--primary-300);
  font-size: clamp(1.125rem, 0.3923rem + 0.9231vw, 1.5rem);
  font-weight: 600;
  line-height: clamp(1.75rem, 1.2615rem + 0.6154vw, 2rem);
  text-align: center;
}
.product__slider .slider__content {
  padding-inline: clamp(3.375rem, 1.6654rem + 2.1538vw, 4.25rem);
}
.product__slider .slider__content:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
}
.product__slider .slider__content:not(.slick-initialized) > *:nth-child(n+5) {
  display: none;
}
.product__slider .slider__content .slick-track {
  display: flex !important;
}
.product__slider .slider__content .slick-track .slick-slide {
  height: inherit !important;
}
@media only screen and (max-width: 79.3125rem) {
  .product__slider .slider__content:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
  }
  .product__slider .slider__content:not(.slick-initialized) > *:nth-child(n+4) {
    display: none;
  }
}
@media only screen and (max-width: 67.75rem) {
  .product__slider .slider__content:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
  }
  .product__slider .slider__content:not(.slick-initialized) > *:nth-child(n+3) {
    display: none;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__slider .slider__content {
    padding-inline: 0;
  }
  .product__slider .slider__content:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    overflow: hidden;
  }
  .product__slider .slider__content:not(.slick-initialized) > *:nth-child(n+2) {
    display: none;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__slider .slider__content .slick-list {
    padding-inline: calc((100% - 17.5rem) / 2);
  }
}
.product__slider .slider__content .slick-slide, .product__slider .slider__content > div:not(.slick-list) {
  padding-block: 0.625rem;
  padding-inline: clamp(0.375rem, -0.1135rem + 0.6154vw, 0.625rem);
}
.product__slider .slick-arrow {
  width: 2.875rem;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
}
@media (hover: hover) {
  .product__slider .slick-arrow:hover::after {
    background-color: var(--secondary-900);
  }
}
.product__slider .slick-arrow:after {
  --icon__width: 100%;
  display: flex;
  content: "";
  background-image: url("../images/icons/arrow-right_18x18.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
  background-color: var(--primary-500);
  background-size: 1.125rem;
}
.product__slider .slick-arrow.slick-prev {
  left: 0;
}
@media only screen and (max-width: 52.0625rem) {
  .product__slider .slick-arrow.slick-prev {
    left: var(--padding);
  }
}
.product__slider .slick-arrow.slick-prev::after {
  transform: rotate(180deg);
}
.product__slider .slick-arrow.slick-next {
  right: 0;
}
@media only screen and (max-width: 52.0625rem) {
  .product__slider .slick-arrow.slick-next {
    right: var(--padding);
  }
}

.product__description + .product__slider,
.product__slider + .product__slider {
  padding-top: 0;
}

.product__reviews {
  background-color: var(--other-blue-500);
  padding-block: clamp(3.375rem, 2.1538rem + 1.5385vw, 4rem);
}
.product__reviews h2, .product__reviews .h2 {
  color: var(--primary-300);
  font-size: clamp(1.125rem, 0.3923rem + 0.9231vw, 1.5rem);
  font-weight: 600;
  line-height: clamp(1.75rem, 1.2615rem + 0.6154vw, 2rem);
  padding-bottom: clamp(1.25rem, 0.7615rem + 0.6154vw, 1.5rem);
  text-align: center;
}
@media only screen and (max-width: 79.3125rem) {
  .product__reviews h2, .product__reviews .h2 {
    padding-bottom: clamp(1rem, 0.5218rem + 0.9174vw, 1.25rem);
  }
}
.product__reviews .reviews__list {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
  width: 100%;
  max-width: 77.5rem;
  margin-inline: auto;
}
.product__reviews .button {
  margin-top: clamp(1.25rem, -0.2154rem + 1.8462vw, 2rem);
}
@media only screen and (max-width: 37.25rem) {
  .product__reviews .button {
    max-width: 100%;
  }
}

.product__faq {
  padding-block: clamp(3.375rem, 2.1538rem + 1.5385vw, 4rem);
}
.product__faq h2, .product__faq .h2 {
  color: var(--primary-300);
  font-size: clamp(1.375rem, 0.6423rem + 0.9231vw, 1.75rem);
  font-weight: 600;
  line-height: clamp(2rem, 1.0231rem + 1.2308vw, 2.5rem);
  padding-bottom: clamp(1rem, 0.0231rem + 1.2308vw, 1.5rem);
  text-align: center;
}
@media only screen and (max-width: 52.0625rem) {
  .product__faq h2, .product__faq .h2 {
    font-size: clamp(1.125rem, 0.9351rem + 0.8439vw, 1.375rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.product__faq .faq__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  max-width: 77.5rem;
  margin-inline: auto;
}

.product__grid {
  display: grid;
  grid-gap: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
  grid-template-columns: repeat(auto-fill, minmax(20.25rem, 1fr));
  margin-top: clamp(1rem, 0.0231rem + 1.2308vw, 1.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .product__grid {
    margin-top: 1.5rem;
  }
}
@media only screen and (max-width: 37.25rem) {
  .product__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}

.product._search {
  --product__photo__width: 4rem;
  --product__text__gap: 0.25rem;
  display: flex;
  align-items: center;
  gap: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
  color: var(--primary-500);
}
.product._search .product__photo {
  display: flex;
  width: var(--product__photo__width);
  min-width: var(--product__photo__width);
  height: auto;
  aspect-ratio: 1;
}
.product._search .product__photo img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.product._search .product__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--product__text__gap);
}
.product._search .text__title {
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.125rem;
  color: inherit;
}
@media only screen and (max-width: 52.0625rem) {
  .product._search .text__title {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
@media (hover: hover) {
  .product._search .text__title:hover {
    color: var(--secondary-900);
  }
}
.product._search .text__price {
  display: flex;
  align-items: center;
  gap: var(--product__text__gap);
}
.product._search .text__price span:first-child {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product._search .text__price span:first-child {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.product._search .text__price span:first-child:not(:only-child) {
  color: var(--label-red-500);
}
.product._search .text__price span:last-child:not(:only-child) {
  color: var(--other-white-800);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-decoration: line-through;
}
@media only screen and (max-width: 52.0625rem) {
  .product._search .text__price span:last-child:not(:only-child) {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product._cart {
  --product__photo__width: 5.125rem;
  --product__text__gap: 0.5rem;
  display: flex;
  align-items: center;
  padding-block: 1rem;
  padding-inline: var(--cart__padding-inline);
  color: inherit;
  border-bottom: 0.0625rem solid var(--cart__border);
}
.product._cart .product__photo {
  display: flex;
  width: var(--product__photo__width);
  min-width: var(--product__photo__width);
  height: auto;
  aspect-ratio: 1;
  margin-right: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
}
.product._cart .product__photo img {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: scale-down;
}
.product._cart .product__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--product__text__gap);
}
.product._cart .text__title {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: inherit;
}
@media only screen and (max-width: 52.0625rem) {
  .product._cart .text__title {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media (hover: hover) {
  .product._cart .text__title:hover {
    color: var(--secondary-900);
  }
}
.product._cart .text__price {
  display: flex;
  align-items: center;
  gap: var(--product__text__gap);
}
.product._cart .price__quantity {
  color: var(--primary-300);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product._cart .price__quantity {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product._cart .price__value {
  display: flex;
  align-items: center;
  gap: var(--product__text__gap);
}
.product._cart .price__value span:first-child {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product._cart .price__value span:first-child {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.product._cart .price__value span:first-child:not(:only-child) {
  color: var(--label-red-500);
}
.product._cart .price__value span:last-child:not(:only-child) {
  color: var(--other-white-800);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-decoration: line-through;
}
@media only screen and (max-width: 52.0625rem) {
  .product._cart .price__value span:last-child:not(:only-child) {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product._cart .product__remove {
  display: flex;
  align-items: center;
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  color: var(--other-white-800);
  cursor: pointer;
  margin-left: clamp(0.375rem, -0.7642rem + 5.0633vw, 1.875rem);
  margin-bottom: auto;
}
@media (hover: hover) {
  .product._cart .product__remove:hover {
    color: var(--secondary-900);
  }
}
.product._cart .product__remove svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.product._cart .product__remove svg path {
  stroke: currentColor;
}
.product._cross {
  --product__photo__width: clamp(6.25rem, -2.836rem + 17.4312vw, 11rem);
  --product__checkbox__background-color: var(--other-green-500);
  --product__checkbox__border-color: var(--primary-900);
  --product__checkbox__opacity: 0;
  display: flex;
  align-items: flex-start;
  gap: clamp(1rem, 0.5218rem + 0.9174vw, 1.25rem);
  padding-block: clamp(1.5rem, 0.5436rem + 1.8349vw, 2rem);
  padding-inline: clamp(1rem, 0.0436rem + 1.8349vw, 1.5rem);
  color: var(--primary-500);
  border: 0.0625rem solid var(--other-white-600);
  border-radius: 0.375rem;
  position: relative;
}
.product._cross:has(input:checked) {
  --product__checkbox__background-color: var(--product__checkbox__border-color);
  --product__checkbox__opacity: 1;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
}
.product._cross .product__photo {
  display: flex;
  width: var(--product__photo__width);
  min-width: var(--product__photo__width);
  height: auto;
  aspect-ratio: 1;
}
.product._cross .product__photo img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.product._cross .product__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.product._cross .text__title {
  color: var(--primary-300);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: inherit;
  text-decoration: none;
}
@media only screen and (max-width: 52.0625rem) {
  .product._cross .text__title {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media (hover: hover) {
  .product._cross .text__title:hover {
    color: var(--secondary-900);
  }
}
.product._cross .text__price {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin-top: 1rem;
}
.product._cross .text__price span:first-child {
  font-size: clamp(1rem, 0.7558rem + 0.3077vw, 1.125rem);
  font-weight: 600;
  line-height: clamp(1.5rem, 1.0115rem + 0.6154vw, 1.75rem);
}
.product._cross .text__price span:only-child {
  color: var(--primary-500);
}
.product._cross .text__price span:first-child:not(:only-child) {
  color: var(--label-red-500);
}
.product._cross .text__price span:last-child:not(:only-child) {
  color: var(--other-white-800);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-decoration: line-through;
}
@media only screen and (max-width: 52.0625rem) {
  .product._cross .text__price span:last-child:not(:only-child) {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product._cross .text__checkbox {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  background-color: var(--product__checkbox__background-color);
  border: 0.0625rem solid var(--product__checkbox__border-color);
  margin-top: clamp(1rem, 0.0231rem + 1.2308vw, 1.5rem);
  border-radius: 0.0625rem;
  position: relative;
  cursor: pointer;
}
.product._cross .text__checkbox::after {
  --icon__width: 100%;
  display: flex;
  content: "";
  background-image: url("../images/icons/check_24x24.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
  opacity: var(--product__checkbox__opacity);
}
.product._cross .text__checkbox input {
  display: none;
}
.product._card {
  --product__photo__width: clamp(11.25rem, 4.9rem + 8vw, 14.5rem);
  --product__actions__translate: 0;
  --product__badges__padding: clamp(0.625rem, -0.9625rem + 2vw, 1.4375rem) 0.625rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  background-color: var(--secondary-500);
  padding-block: clamp(1.875rem, -1.7885rem + 4.6154vw, 3.75rem) 1.5625rem;
  padding-inline: clamp(1.25rem, 0.0288rem + 1.5385vw, 1.875rem);
  border: 0.0625rem solid var(--other-white-600);
  border-radius: 0.375rem;
  overflow: hidden;
  position: relative;
}
@media (hover: hover) and (pointer: fine) {
  .product._card {
    --product__actions__translate: 300%;
  }
}
.product._card ul {
  list-style: none;
}
.product._card ul li {
  position: unset;
  padding-left: unset;
}
.product._card ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.product._card a {
  text-decoration: none;
}
@media (hover: hover) {
  .product._card:hover {
    --product__actions__translate: 0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  }
}
.product._card .product__photo {
  display: flex;
  width: var(--product__photo__width);
  min-width: var(--product__photo__width);
  height: auto;
  aspect-ratio: 1;
}
.product._card .product__photo img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.product._card .product__title {
  color: inherit;
  color: var(--primary-500);
  font-size: clamp(0.875rem, 0.7529rem + 0.1538vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.125rem;
  margin-top: clamp(1.25rem, 0.0288rem + 1.5385vw, 1.875rem);
  text-align: center;
}
@media (hover: hover) {
  .product._card .product__title:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product._card .product__title {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product._card .product__title {
    margin-top: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
  }
}
.product._card .product__props {
  margin-top: clamp(0.5rem, 0.0115rem + 0.6154vw, 0.75rem);
}
.product._card .product__props li {
  color: var(--secondary-600);
  font-size: clamp(0.75rem, 0.6279rem + 0.1538vw, 0.8125rem);
  font-weight: 300;
  line-height: 1.125rem;
  text-align: center;
}
.product._card .product__info {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem clamp(0.25rem, -0.9712rem + 1.5385vw, 0.875rem);
  color: var(--other-black-200);
  margin-top: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
  flex-wrap: wrap;
}
.product._card .product__info > * {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product._card .product__info > * {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.product._card .product__info > * svg {
  width: 1rem;
  min-width: 1rem;
  height: auto;
  aspect-ratio: 1;
}
.product._card .product__info > * svg path {
  fill: currentColor;
}
.product._card .product__info .info__stock {
  color: var(--primary-900);
}
.product._card .product__price {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-top: 1.25rem;
  margin-top: auto;
}
.product._card .product__price span:first-child {
  color: inherit;
  font-size: clamp(1rem, 0.7558rem + 0.3077vw, 1.125rem);
  font-weight: 600;
  line-height: clamp(1.5rem, 1.0115rem + 0.6154vw, 1.75rem);
}
.product._card .product__price span:first-child:not(:only-child) {
  color: var(--label-red-500);
}
.product._card .product__price span:last-child:not(:only-child) {
  color: var(--other-white-800);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-decoration: line-through;
}
@media only screen and (max-width: 52.0625rem) {
  .product._card .product__price span:last-child:not(:only-child) {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product._card .product__actions {
  display: flex;
  flex-direction: column;
  gap: 1.3125rem;
  height: clamp(14.375rem, 4.85rem + 12vw, 19.25rem);
  padding: clamp(0.625rem, 0.1503rem + 2.1097vw, 1.25rem) clamp(0.625rem, -0.5962rem + 1.5385vw, 1.25rem);
  color: var(--primary-300);
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 52.0625rem) {
  .product._card .product__actions {
    --product__actions__translate: 0;
    height: clamp(13.375rem, 12.6155rem + 3.3755vw, 14.375rem);
  }
}
.product._card .product__actions button {
  width: 1.375rem;
  min-width: 1.375rem;
  height: auto;
  aspect-ratio: 1;
  color: inherit;
  cursor: pointer;
  transform: translateX(var(--product__actions__translate));
  transition: transform 0.15s ease-in-out;
}
.product._card .product__actions button._active {
  --product__actions__translate: 0;
  color: var(--primary-900);
}
.product._card .product__actions button._active.actions__wishlist svg path {
  fill: currentColor;
}
@media (hover: hover) {
  .product._card .product__actions button:hover {
    color: var(--secondary-900);
  }
}
.product._card .product__actions button svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.product._card .product__actions button svg path {
  stroke: currentColor;
}
.product._card .product__actions .actions__cart {
  margin-top: auto;
}
.product._checkout {
  --checkout__gap: clamp(1rem, 0.0231rem + 1.2308vw, 1.5rem);
  --checkout__photo__width: clamp(6rem, 3.0692rem + 3.6923vw, 7.5rem);
  --checkout__quantity__width: clamp(7.375rem, 3.9558rem + 4.3077vw, 9.125rem);
  background-color: var(--secondary-500);
  display: grid;
  grid-gap: 0 var(--checkout__gap);
  grid-template-columns: minmax(0, var(--checkout__photo__width)) minmax(0, 1fr) minmax(0, var(--checkout__quantity__width)) minmax(0, 1fr);
  border-radius: 0.375rem;
  padding-block: clamp(1.5rem, 0.5231rem + 1.2308vw, 2rem);
  padding-left: clamp(1.5rem, 0.5231rem + 1.2308vw, 2rem);
  padding-right: clamp(1.5rem, -9.7346rem + 14.1538vw, 7.25rem);
  position: relative;
  grid-template-areas: "photo title title title" "photo props props props" "photo price quantity total";
}
@media only screen and (max-width: 52.0625rem) {
  .product._checkout {
    --checkout__gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  }
}
.product._checkout ul {
  list-style: none;
}
.product._checkout ul li {
  position: unset;
  padding-left: unset;
}
.product._checkout ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.product._checkout a {
  text-decoration: none;
}
@media only screen and (max-width: 52.0625rem) {
  .product._checkout {
    display: grid;
    grid-template-columns: minmax(0, var(--checkout__photo__width)) minmax(0, var(--checkout__quantity__width)) minmax(0, 1fr);
    padding-block: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    grid-template-areas: "photo total total" "photo title title" "photo props props" "price quantity remove";
  }
}
.product._checkout .product__photo {
  width: var(--checkout__photo__width);
  min-width: var(--checkout__photo__width);
  height: auto;
  aspect-ratio: 1;
  grid-area: photo;
}
.product._checkout .product__photo img {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: scale-down;
}
.product._checkout .product__title {
  color: inherit;
  color: var(--primary-500);
  font-size: clamp(0.875rem, 0.7529rem + 0.1538vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.125rem;
  grid-area: title;
  padding-right: 1rem;
}
@media (hover: hover) {
  .product._checkout .product__title:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product._checkout .product__title {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product._checkout .product__title {
    padding-right: 0;
  }
}
.product._checkout .product__props {
  margin-top: 0.5rem;
  grid-area: props;
}
.product._checkout .product__props li {
  color: var(--secondary-600);
  font-size: clamp(0.75rem, 0.6279rem + 0.1538vw, 0.8125rem);
  font-weight: 300;
  line-height: 1.125rem;
}
.product._checkout .product__price,
.product._checkout .product__quantity,
.product._checkout .product__total,
.product._checkout .product__remove {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 1rem;
}
.product._checkout .product__price {
  grid-area: price;
}
.product._checkout .product__price .price__value {
  display: flex;
  align-items: center;
  gap: 0 0.375rem;
  flex-wrap: wrap;
}
.product._checkout .product__price .price__value span:first-child {
  color: var(--primary-300);
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product._checkout .product__price .price__value span:first-child {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.product._checkout .product__price .price__value span:first-child:not(:only-child) {
  color: var(--label-red-500);
}
.product._checkout .product__price .price__value span:last-child:not(:only-child) {
  color: var(--other-white-800);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  text-decoration: line-through;
}
.product._checkout .product__price .price__title {
  color: var(--other-white-800);
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product._checkout .product__price .price__title {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.product._checkout .product__quantity {
  grid-area: quantity;
}
.product._checkout .product__total {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
  grid-area: total;
  text-align: right;
}
@media only screen and (max-width: 52.0625rem) {
  .product._checkout .product__total {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product._checkout .product__total {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
}
.product._checkout .product__remove {
  --remove__position: clamp(0.625rem, -0.1077rem + 0.9231vw, 1rem);
  --remove__width: 1.5rem;
  color: var(--other-white-800);
  position: absolute;
  top: var(--remove__position);
  right: var(--remove__position);
  cursor: pointer;
}
@media only screen and (max-width: 52.0625rem) {
  .product._checkout .product__remove {
    grid-area: remove;
    position: unset;
    top: unset;
    right: unset;
    margin-left: auto;
  }
}
@media (hover: hover) {
  .product._checkout .product__remove:hover {
    color: var(--secondary-900);
  }
}
.product._checkout .product__remove svg {
  width: var(--remove__width);
  min-width: var(--remove__width);
  height: auto;
  aspect-ratio: 1;
}
.product._checkout .product__remove svg path {
  stroke: currentColor;
}
.product._order {
  --product__photo__width: clamp(5rem, -7.4628rem + 18.3784vw, 7.125rem);
  --product__title__width: clamp(21.125rem, 5.1279rem + 20.1538vw, 29.3125rem);
  --product__title__padding-left: clamp(0.375rem, -0.6019rem + 1.2308vw, 0.875rem);
  display: grid;
  grid-gap: 0.5rem 0.625rem;
  grid-template-columns: minmax(0, var(--product__photo__width)) minmax(0, calc(var(--product__title__width) + var(--product__title__padding-left))) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-template-areas: "photo title price quantity total" "photo props price quantity total";
  padding-bottom: 0.5rem;
  padding-right: clamp(0rem, -14.5317rem + 18.3077vw, 7.4375rem);
  border-bottom: 0.0625rem solid var(--other-black-50);
  align-items: center;
}
@media only screen and (max-width: 37.25rem) {
  .product._order {
    --product__title__padding-left: 0;
  }
}
.product._order ul {
  list-style: none;
}
.product._order ul li {
  position: unset;
  padding-left: unset;
}
.product._order ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.product._order a {
  text-decoration: none;
}
@media only screen and (max-width: 79.3125rem) {
  .product._order {
    display: grid;
    grid-template-columns: minmax(0, var(--product__photo__width)) 6.25rem 11.25rem minmax(0, 1fr);
    grid-template-areas: "photo title title title" "photo props props props" "photo price quantity total";
  }
}
@media only screen and (max-width: 37.25rem) {
  .product._order {
    display: grid;
    grid-gap: 0rem 1rem;
    grid-template-columns: minmax(0, var(--product__photo__width)) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas: "photo total total" "photo title title" "photo props props" "photo price quantity";
  }
}
.product._order:not(:last-child) {
  margin-bottom: 0.5rem;
}
.product._order .product__photo {
  display: flex;
  width: var(--product__photo__width);
  min-width: var(--product__photo__width);
  height: auto;
  aspect-ratio: 1;
  grid-area: photo;
}
@media only screen and (max-width: 79.3125rem) {
  .product._order .product__photo {
    margin-bottom: auto;
  }
}
.product._order .product__photo img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.product._order .product__title,
.product._order .product__props {
  max-width: clamp(17.1875rem, 11.8144rem + 6.7692vw, 19.9375rem);
  padding-left: var(--product__title__padding-left);
}
@media only screen and (max-width: 79.3125rem) {
  .product._order .product__title,
  .product._order .product__props {
    max-width: 100%;
  }
}
.product._order .product__title {
  color: inherit;
  color: var(--primary-500);
  font-size: clamp(0.875rem, 0.7529rem + 0.1538vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.125rem;
  grid-area: title;
  margin-top: auto;
}
@media (hover: hover) {
  .product._order .product__title:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product._order .product__title {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media only screen and (max-width: 37.25rem) {
  .product._order .product__title {
    margin-top: 1rem;
  }
}
.product._order .product__props {
  grid-area: props;
  margin-bottom: auto;
}
@media only screen and (max-width: 79.3125rem) {
  .product._order .product__props {
    padding-bottom: 0.125rem;
  }
}
@media only screen and (max-width: 37.25rem) {
  .product._order .product__props {
    margin-top: 0.25rem;
    padding-bottom: 1rem;
  }
}
.product._order .product__props li {
  color: var(--secondary-600);
  font-size: clamp(0.75rem, 0.6279rem + 0.1538vw, 0.8125rem);
  font-weight: 300;
  line-height: 1.125rem;
}
.product._order .product__price,
.product._order .product__quantity {
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product._order .product__price,
  .product._order .product__quantity {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.product._order .product__price {
  grid-area: price;
  color: var(--primary-300);
}
@media only screen and (max-width: 79.3125rem) {
  .product._order .product__price {
    padding-left: var(--product__title__padding-left);
  }
}
.product._order .product__quantity {
  grid-area: quantity;
  text-align: center;
}
@media only screen and (max-width: 37.25rem) {
  .product._order .product__quantity {
    text-align: right;
  }
}
.product._order .product__quantity,
.product._order .product__total {
  color: var(--primary-500);
}
.product._order .product__total {
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
  grid-area: total;
  text-align: right;
}
@media only screen and (max-width: 52.0625rem) {
  .product._order .product__total {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
@media only screen and (max-width: 79.3125rem) {
  .product._order .product__total {
    text-align: left;
  }
}

.button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: max-content;
  text-decoration: none !important;
  text-align: center;
  cursor: pointer;
  border-width: 0.0625rem;
  border-radius: 0.25rem;
  border-style: solid;
  padding: 0.5rem 2.8125rem;
}
.button._text-uppercase {
  text-transform: uppercase;
}
.button._mx-auto {
  margin-inline: auto;
}
.button._primary {
  background-color: var(--primary-900);
  border-color: var(--primary-900);
  color: var(--secondary-500);
}
@media (hover: hover) {
  .button._primary:hover {
    background-color: var(--secondary-900);
    border-color: var(--secondary-900);
    color: var(--secondary-500);
  }
}
.button._primary:disabled {
  background-color: var(--secondary-700);
  border-color: var(--secondary-700);
  color: var(--secondary-500);
  cursor: not-allowed;
}
@media (hover: hover) {
  .button._primary:disabled:hover {
    background-color: var(--secondary-700);
    border-color: var(--secondary-700);
    color: var(--secondary-500);
  }
}
.button._primaryBordered {
  background-color: transparent;
  border-color: var(--primary-900);
  color: var(--primary-900);
}
@media (hover: hover) {
  .button._primaryBordered:hover {
    background-color: var(--primary-900);
    border-color: var(--primary-900);
    color: var(--secondary-500);
  }
}
.button._whitePrimaryBordered {
  background-color: var(--secondary-500);
  border-color: var(--primary-900);
  color: var(--primary-900);
}
@media (hover: hover) {
  .button._whitePrimaryBordered:hover {
    background-color: var(--secondary-500);
    border-color: var(--secondary-900);
    color: var(--secondary-900);
  }
}
@media (hover: hover) {
  .button._whitePrimaryBordered:hover {
    text-decoration: underline !important;
  }
}
.button._grey {
  background-color: var(--other-black-50);
  border-color: var(--other-black-50);
  color: var(--primary-300);
}
@media (hover: hover) {
  .button._grey:hover {
    background-color: var(--secondary-500);
    border-color: var(--secondary-500);
    color: var(--primary-300);
  }
}
.button._grey._active {
  background-color: var(--other-green-500);
  border-color: var(--other-green-500);
  color: var(--secondary-900);
}
@media (hover: hover) {
  .button._grey._active:hover {
    background-color: var(--secondary-500);
    border-color: var(--secondary-500);
    color: var(--primary-300);
  }
}
.button._blackBordered {
  background-color: transparent;
  border-color: var(--primary-500);
  color: var(--primary-500);
}
@media (hover: hover) {
  .button._blackBordered:hover {
    background-color: transparent;
    border-color: var(--primary-500);
    color: var(--primary-500);
  }
}
@media (hover: hover) {
  .button._blackBordered:hover {
    text-decoration: underline !important;
  }
}
.button._blackBordered:disabled {
  opacity: 0.25;
  cursor: not-allowed;
}
.button._white {
  background-color: var(--secondary-500);
  border-color: var(--secondary-500);
  color: var(--primary-500);
}
@media (hover: hover) {
  .button._white:hover {
    background-color: var(--primary-900);
    border-color: var(--primary-900);
    color: var(--secondary-500);
  }
}
.button._whiteBordered {
  background-color: transparent;
  border-color: var(--secondary-500);
  color: var(--secondary-500);
}
@media (hover: hover) {
  .button._whiteBordered:hover {
    background-color: var(--secondary-500);
    border-color: var(--secondary-500);
    color: var(--primary-500);
  }
}
.button._max-w-180 {
  max-width: 11.25rem;
}
.button._max-w-380 {
  max-width: 23.75rem;
}
.button._max-w-full {
  max-width: 100%;
}
.button._h-40 {
  height: 2.5rem;
}
.button._h-48 {
  height: 3rem;
}
.button._h-56 {
  height: 3.5rem;
}
.button._h-64 {
  height: 4rem;
}
.button._px-27 {
  padding-inline: 1.6875rem;
}
.button._px-30 {
  padding-inline: 1.875rem;
}
.button._px-65 {
  padding-inline: clamp(2.75rem, 0.1856rem + 3.2308vw, 4.0625rem);
}
.button._px-123 {
  padding-inline: clamp(4.6875rem, -1.174rem + 7.3846vw, 7.6875rem);
}

footer .footer__newsletter {
  background-color: var(--primary-900);
  padding-block: 1.5rem;
  color: var(--secondary-500);
}
@media only screen and (max-width: 67.75rem) {
  footer .footer__newsletter {
    padding-block: 2rem;
  }
}
footer .footer__newsletter .wrap {
  display: grid;
  grid-gap: 0.375rem 1.875rem;
  grid-template-columns: auto minmax(0, 1fr) 13.0625rem;
  align-items: center;
  grid-template-areas: "title input button" "checkbox input button";
}
@media only screen and (max-width: 67.75rem) {
  footer .footer__newsletter .wrap {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "title" "input" "checkbox" "button";
  }
}
footer .footer__newsletter .newsletter__title {
  font-size: clamp(1.125rem, 0.8808rem + 0.3077vw, 1.25rem);
  font-weight: 700;
  line-height: 1.75rem;
  grid-area: title;
}
@media only screen and (max-width: 67.75rem) {
  footer .footer__newsletter .newsletter__title {
    text-align: center;
  }
}
footer .footer__newsletter .newsletter__input {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  height: 3rem;
  border: 0.0625rem solid var(--secondary-500);
  padding: 0.875rem 1rem;
  border-radius: 0.25rem;
  grid-area: input;
  margin-left: clamp(0rem, -6.1058rem + 7.6923vw, 3.125rem);
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__newsletter .newsletter__input {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
footer .footer__newsletter .newsletter__input::placeholder {
  color: inherit;
}
footer .footer__newsletter .newsletter__checkbox {
  grid-area: checkbox;
}
footer .footer__newsletter button {
  grid-area: button;
}
@media only screen and (max-width: 67.75rem) {
  footer .footer__newsletter button {
    max-width: 100%;
  }
}
footer .footer__infobar {
  --footer__logo__width: 8.125rem;
  --footer__logo__margin-right: clamp(0.75rem, -8.2865rem + 11.3846vw, 5.375rem);
  --footer__divider__margin-inline: clamp(0rem, -4.8846rem + 6.1538vw, 2.5rem);
  padding-top: 1.5rem;
  padding-bottom: 2.5rem;
  color: var(--primary-300);
}
@media only screen and (max-width: 79.3125rem) {
  footer .footer__infobar {
    --footer__logo__width: 5.125rem;
    --footer__logo__margin-right: 0;
  }
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__infobar {
    --footer__logo__width: 7rem;
  }
}
footer .footer__infobar ul {
  list-style: none;
}
footer .footer__infobar ul li {
  position: unset;
  padding-left: unset;
}
footer .footer__infobar ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
footer .footer__infobar a {
  text-decoration: none;
}
@media only screen and (max-width: 79.3125rem) {
  footer .footer__infobar {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__infobar {
    padding-bottom: 0;
  }
}
footer .footer__infobar .wrap {
  display: grid;
  grid-gap: 2.5rem clamp(3rem, -0.9077rem + 4.9231vw, 5rem);
  grid-template-columns: calc(var(--footer__logo__width) + var(--footer__logo__margin-right)) minmax(0, 1fr) calc(0.0625rem + var(--footer__divider__margin-inline) * 2) auto auto auto auto;
  grid-template-areas: "logo contacts divider info clients accessories account";
}
@media only screen and (max-width: 101.6875rem) {
  footer .footer__infobar .wrap {
    display: grid;
    grid-template-columns: calc(var(--footer__logo__width) + var(--footer__logo__margin-right)) minmax(0, 1fr) calc(0.0625rem + var(--footer__divider__margin-inline) * 2) auto auto auto;
    grid-template-rows: auto auto;
    grid-template-areas: "logo contacts divider info clients account" "logo contacts divider info accessories account";
  }
}
@media only screen and (max-width: 79.3125rem) {
  footer .footer__infobar .wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) calc(0.0625rem + var(--footer__divider__margin-inline) * 2) auto auto auto;
    grid-template-rows: repeat(4, auto);
    grid-template-areas: "logo divider info clients account" "contacts divider info clients account" "contacts divider info accessories account" "contacts divider info accessories account";
  }
}
@media only screen and (max-width: 67.75rem) {
  footer .footer__infobar .wrap {
    display: grid;
    grid-gap: 2.5rem 2.25rem;
    grid-template-columns: minmax(0, 1fr) calc(0.0625rem + var(--footer__divider__margin-inline) * 2) auto auto;
    grid-template-rows: repeat(5, auto);
    grid-template-areas: "logo divider info clients" "contacts divider info clients" "contacts divider info account" "contacts divider info account" "contacts divider accessories account";
  }
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__infobar .wrap {
    display: flex;
    flex-direction: column;
    gap: 0rem;
  }
}
footer .footer__infobar .infobar__divider {
  width: calc(100% - var(--footer__divider__margin-inline) * 2);
  height: 100%;
  background-color: var(--other-black-50);
  display: flex;
  margin-inline: var(--footer__divider__margin-inline);
  grid-area: divider;
}
footer .infobar__logo {
  width: var(--footer__logo__width);
  min-width: var(--footer__logo__width);
  height: auto;
  aspect-ratio: 2.03125;
  background-image: url("../images/logo.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: flex;
  margin-right: var(--footer__logo__margin-right);
  grid-area: logo;
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__logo {
    margin-inline: auto;
  }
}
footer .infobar__contacts {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  grid-area: contacts;
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__contacts {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 2rem;
    padding-bottom: 1.5rem;
  }
}
footer .infobar__contacts .contacts__item {
  display: flex;
  align-items: flex-start;
  gap: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__contacts .contacts__item._clock {
    display: flex;
    align-items: center;
  }
}
footer .infobar__contacts a.contacts__item {
  color: inherit;
}
@media (hover: hover) {
  footer .infobar__contacts a.contacts__item:hover {
    color: var(--secondary-900);
  }
}
@media (hover: hover) {
  footer .infobar__contacts a.contacts__item:hover .contacts__icon svg path {
    stroke: var(--secondary-900);
  }
}
footer .infobar__contacts a[href^=tel].contacts__item {
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__contacts a[href^=tel].contacts__item {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
footer .infobar__contacts .contacts__item:not(a[href^=tel]) {
  font-size: clamp(0.875rem, 0.7529rem + 0.1538vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__contacts .contacts__item:not(a[href^=tel]) {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
footer .infobar__contacts .contacts__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  min-width: 2rem;
  height: auto;
  aspect-ratio: 1;
}
footer .infobar__contacts .contacts__icon svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
footer .infobar__contacts .contacts__icon svg path {
  stroke: var(--other-white-800);
}
footer .infobar__contacts .contacts__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(0.125rem, -0.0649rem + 0.8439vw, 0.375rem);
  align-self: center;
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__contacts .contacts__text:not(:has(.link-arrow)) {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
footer .infobar__contacts .link-arrow {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: inherit;
  color: var(--primary-900);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  margin-top: clamp(0rem, -0.1899rem + 0.8439vw, 0.25rem);
}
@media (hover: hover) {
  footer .infobar__contacts .link-arrow:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__contacts .link-arrow {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
footer .infobar__contacts .link-arrow svg {
  width: 1.0625rem;
  min-width: 1.0625rem;
  height: auto;
  aspect-ratio: 1;
}
footer .infobar__contacts .link-arrow svg path {
  stroke: currentColor;
}
footer .infobar__col {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__col {
    padding-block: 1.5rem;
    border-top: 0.0625rem solid var(--other-black-50);
  }
  footer .infobar__col._open .col__list {
    display: flex;
    align-items: center;
  }
}
footer .infobar__col .col__title {
  font-size: clamp(0.875rem, 0.7529rem + 0.1538vw, 0.9375rem);
  font-weight: 600;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__col .col__title {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    text-align: center;
    cursor: pointer;
  }
}
footer .infobar__col .col__title svg {
  display: none;
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__col .col__title svg {
    width: 1.5rem;
    min-width: 1.5rem;
    height: auto;
    aspect-ratio: 1;
    display: block;
  }
  footer .infobar__col .col__title svg path {
    stroke: currentColor;
  }
}
footer .infobar__col .col__list {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__col .col__list {
    display: none;
  }
}
footer .infobar__col .item__link {
  font-size: clamp(0.875rem, 0.7529rem + 0.1538vw, 0.9375rem);
  font-weight: 300;
  line-height: 1.125rem;
  color: inherit;
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__col .item__link {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media (hover: hover) {
  footer .infobar__col .item__link:hover {
    color: var(--secondary-900);
  }
}
footer .infobar__col._info {
  grid-area: info;
}
footer .infobar__col._clients {
  grid-area: clients;
}
footer .infobar__col._accessories {
  grid-area: accessories;
}
footer .infobar__col._account {
  grid-area: account;
}
footer .footer__copyright {
  color: var(--secondary-700);
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.125rem;
  border-top: 0.0625rem solid var(--other-black-50);
  padding-block: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__copyright {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
footer .footer__copyright .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.875rem;
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__copyright .wrap {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
  }
}
footer .footer__copyright a {
  display: flex;
  color: inherit;
}
@media (hover: hover) {
  footer .footer__copyright a:hover {
    color: var(--secondary-900);
  }
}
footer .footer__copyright span:has(a) {
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
}
footer .footer__copyright span:has(a) svg {
  width: 5.6875rem;
  height: auto;
  aspect-ratio: 6.0666666667;
}
footer .footer__copyright span:has(a) svg path {
  fill: currentColor;
}

.checkbox {
  --checkbox__width: 1.125rem;
  --checkbox__gap: 0.75rem;
  --checkbox__box__background-color: var(--secondary-500);
  --checkbox__box__border-color: var(--other-white-800);
  --checkbox__box__border-radius: 0.0625rem;
  --checkbox__box__margin-top: 0;
  --checkbox__box__background-size: var(--checkbox__width);
  --checkbox__text__color: var(--primary-500);
  display: flex;
  align-items: flex-start;
  gap: var(--checkbox__gap);
  position: relative;
  cursor: pointer;
}
.checkbox .checkbox__input {
  display: none;
}
.checkbox .checkbox__box {
  width: var(--checkbox__width);
  min-width: var(--checkbox__width);
  height: auto;
  aspect-ratio: 1;
  background-color: var(--checkbox__box__background-color);
  display: block;
  border: 0.0625rem solid var(--checkbox__box__border-color);
  border-radius: var(--checkbox__box__border-radius);
  margin-top: var(--checkbox__box__margin-top);
}
.checkbox .checkbox__text {
  display: block;
  color: var(--checkbox__text__color);
}
.checkbox:has(.checkbox__input:checked) {
  --checkbox__box__background-color: var(--primary-900);
  --checkbox__box__border-color: var(--primary-900);
}
.checkbox:has(.checkbox__input:checked) .checkbox__box {
  background-image: url("../images/icons/check_18x18.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: var(--checkbox__box__background-size);
}
.checkbox:has(.checkbox__input:disabled) {
  --checkbox__text__color: var(--other-white-800) !important;
  cursor: not-allowed;
}
.checkbox:has(.checkbox__input:disabled:checked) {
  --checkbox__box__background-color: var(--other-white-800);
  --checkbox__box__border-color: var(--other-white-800);
}
.checkbox._block {
  background-color: var(--other-blue-500);
  padding: 0.625rem;
  border-radius: 0.25rem;
}
.checkbox._block:has(.checkbox__input:checked) {
  --checkbox__text__color: var(--secondary-900);
  background-color: var(--other-green-500);
}
.checkbox._white {
  --checkbox__gap: 0.625rem;
  --checkbox__box__border-color: var(--secondary-500);
  --checkbox__box__background-color: transparent;
  --checkbox__text__color: var(--secondary-500);
}
.checkbox._white:has(.checkbox__input:checked) {
  --checkbox__box__border-color: var(--secondary-500);
  --checkbox__box__background-color: transparent;
}
.checkbox._white a {
  color: var(--secondary-500);
}
@media (hover: hover) {
  .checkbox._white a:hover {
    text-decoration: unset;
  }
}
.checkbox._filter {
  --checkbox__gap: 0.875rem;
  --checkbox__box__border-radius: 0.125rem;
}
.checkbox._cookies:has(.checkbox__input:checked) {
  --checkbox__text__color: var(--secondary-900);
}
.checkbox._address {
  --checkbox__gap: 0.875rem;
  --checkbox_checked__text__color: var(--primary-900);
}
.checkbox._error:not(:has(.checkbox__input:checked)) {
  --checkbox__box__border-color: var(--label-red-500);
  --checkbox__text__color: var(--label-red-500);
}
.checkbox._body-m-500, .checkbox._body-m-400 {
  --checkbox__box__margin-top: 0.1875rem;
}
.checkbox._body-s-500, .checkbox._body-s-400 {
  --checkbox__box__margin-top: 0.0625rem;
}

.popup {
  --popup__width: clamp(31.25rem, 18.7942rem + 15.6923vw, 37.625rem);
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  z-index: 10;
  inset: 0;
  display: none;
  padding: var(--padding);
  overflow-y: auto;
}
.popup._active {
  display: flex;
}
.popup .popup__card {
  width: 100%;
  max-width: var(--popup__width);
  background-color: var(--secondary-500);
  box-shadow: 0 4px 8px 0 rgba(36, 49, 71, 0.15);
  border-radius: 0.75rem;
  position: relative;
  padding: clamp(2rem, 1.2405rem + 3.3755vw, 3rem) clamp(1rem, -0.519rem + 6.7511vw, 3rem);
  margin: auto;
}
.popup .popup__close {
  --close__position: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
  --close__color: var(--primary-500);
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  position: absolute;
  top: var(--close__position);
  right: var(--close__position);
  cursor: pointer;
}
@media (hover: hover) {
  .popup .popup__close:hover {
    --close__color: var(--secondary-900);
  }
}
.popup .popup__close svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.popup .popup__close svg path {
  stroke: var(--close__color);
}
.popup._add-to-cart {
  color: var(--primary-500);
}
.popup._add-to-cart .card__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: inherit;
  font-size: clamp(1.125rem, 0.8808rem + 0.3077vw, 1.25rem);
  font-weight: 600;
  line-height: 1.75rem;
}
@media only screen and (max-width: 37.25rem) {
  .popup._add-to-cart .card__title {
    display: flex;
    flex-direction: column;
    text-align: center;
  }
}
.popup._add-to-cart .card__title svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.popup._add-to-cart .card__title svg rect {
  fill: var(--primary-900);
}
.popup._add-to-cart .card__description {
  color: inherit;
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 300;
  line-height: 1.75rem;
  margin-top: clamp(0.4375rem, 0.0103rem + 1.8987vw, 1rem);
}
@media only screen and (max-width: 52.0625rem) {
  .popup._add-to-cart .card__description {
    line-height: clamp(1.5rem, 1.3101rem + 0.8439vw, 1.75rem);
  }
}
@media only screen and (max-width: 37.25rem) {
  .popup._add-to-cart .card__description {
    text-align: center;
  }
}
.popup._add-to-cart .card__actions {
  display: grid;
  grid-gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
}
@media only screen and (max-width: 37.25rem) {
  .popup._add-to-cart .card__actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}
.popup._add-to-cart .card__actions .button {
  padding-inline: 1.25rem;
}
.popup._review {
  --popup__width: clamp(37.5rem, 15.0308rem + 28.3077vw, 49rem);
  color: var(--primary-500);
}
.popup._review .card__title {
  color: inherit;
  font-size: clamp(1.125rem, 0.8808rem + 0.3077vw, 1.25rem);
  font-weight: 600;
  line-height: 1.75rem;
  text-align: center;
}
.popup._review .card__rating {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
}
.popup._review .card__rating .rating__star {
  --star-fill: var(--primary-900);
  display: flex;
  width: clamp(1.625rem, 1.3808rem + 0.3077vw, 1.75rem);
  min-width: clamp(1.625rem, 1.3808rem + 0.3077vw, 1.75rem);
  height: auto;
  aspect-ratio: 1;
  cursor: pointer;
}
.popup._review .card__rating .rating__star:has(input:checked) ~ .rating__star {
  --star-fill: var(--other-white-600);
}
.popup._review .card__rating .rating__star input {
  display: none;
}
.popup._review .card__rating .rating__star svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.popup._review .card__rating .rating__star svg path {
  fill: var(--star-fill);
}
.popup._review .input + .input {
  --input__margin-top: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
}
.popup._review .checkbox,
.popup._review .button {
  margin-top: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
}
.popup._contacts {
  --popup__width: clamp(37.5rem, 15.0308rem + 28.3077vw, 49rem);
  color: var(--primary-500);
}
.popup._contacts .card__title {
  color: inherit;
  font-size: clamp(1.125rem, 0.8808rem + 0.3077vw, 1.25rem);
  font-weight: 600;
  line-height: 1.75rem;
  text-align: center;
}
.popup._contacts .input + .input {
  --input__margin-top: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
}
.popup._contacts .checkbox,
.popup._contacts .button {
  margin-top: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
}

.reviews._card {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
  background-color: var(--secondary-500);
  border-radius: 0.375rem;
  padding: 1.5rem clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  color: var(--primary-500);
}
.reviews._card .reviews__name {
  color: inherit;
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .reviews._card .reviews__name {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.reviews._card .reviews__props {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.reviews._card .props__rating {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  color: var(--primary-300);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .reviews._card .props__rating {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.reviews._card .props__rating svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.reviews._card .props__rating svg path {
  fill: var(--primary-900);
}
.reviews._card .props__date {
  color: var(--secondary-600);
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .reviews._card .props__date {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.reviews._card .reviews__text {
  color: inherit;
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .reviews._card .reviews__text {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}

.faq._collapsible {
  --faq__card__border-color: var(--other-white-600);
  --faq__card__padding-block: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
  display: flex;
  flex-direction: column;
  background-color: var(--secondary-500);
  border: 0.0625rem solid var(--faq__card__border-color);
  padding-block: 0;
  border-radius: 0.375rem;
  color: var(--primary-500);
}
.faq._collapsible[open] {
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1);
}
.faq._collapsible[open] .faq__question {
  padding-bottom: calc(var(--faq__card__padding-block) / 2);
  color: var(--primary-900);
}
.faq._collapsible[open] .faq__question svg path:nth-child(1) {
  opacity: 0;
}
.faq._collapsible .faq__question,
.faq._collapsible .faq__answer {
  padding-inline: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
}
.faq._collapsible .faq__question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: clamp(0.875rem, 0.4003rem + 2.1097vw, 1.5rem);
  color: inherit;
  color: inherit;
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
  padding-block: var(--faq__card__padding-block);
  cursor: pointer;
}
@media (hover: hover) {
  .faq._collapsible .faq__question:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .faq._collapsible .faq__question {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.faq._collapsible .faq__question svg {
  width: 2rem;
  min-width: 2rem;
  height: auto;
  aspect-ratio: 1;
}
.faq._collapsible .faq__question svg path {
  stroke: currentColor;
}
.faq._collapsible .faq__answer {
  padding-bottom: var(--faq__card__padding-block);
}
.faq._collapsible .faq__answer p, .faq._collapsible .faq__answer .p {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.faq._collapsible .faq__answer p:not(:first-child), .faq._collapsible .faq__answer .p:not(:first-child) {
  margin-top: 1lh;
}

.hero {
  background-color: var(--other-blue-500);
  display: flex;
  gap: clamp(2.5rem, -20.7019rem + 29.2308vw, 14.375rem);
  border-radius: 0.375rem;
  margin-top: 1.5rem;
}
@media only screen and (max-width: 79.3125rem) {
  .hero {
    display: flex;
    gap: clamp(1.5rem, -3.9983rem + 8.1081vw, 2.4375rem);
    margin-top: 0;
  }
}
@media only screen and (max-width: 67.75rem) {
  .hero {
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
    padding: clamp(1.5rem, 1.2152rem + 1.2658vw, 1.875rem) clamp(1.5rem, 0.9304rem + 2.5316vw, 2.25rem);
  }
}
.hero .hero__text {
  width: 100%;
  padding: clamp(1.875rem, 0.6538rem + 1.5385vw, 2.5rem);
}
@media only screen and (max-width: 79.3125rem) {
  .hero .hero__text {
    padding: 1.875rem 2.25rem;
  }
}
@media only screen and (max-width: 67.75rem) {
  .hero .hero__text {
    padding: 0;
  }
}
.hero h1, .hero .h1 {
  color: var(--primary-300);
  font-size: clamp(2.25rem, 0.7846rem + 1.8462vw, 3rem);
  font-weight: 700;
  line-height: clamp(2.75rem, 1.2846rem + 1.8462vw, 3.5rem);
  margin-top: clamp(1.875rem, 0.6538rem + 1.5385vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .hero h1, .hero .h1 {
    font-size: clamp(1.75rem, 1.3703rem + 1.6878vw, 2.25rem);
    line-height: clamp(2rem, 1.4304rem + 2.5316vw, 2.75rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .hero h1, .hero .h1 {
    margin-top: clamp(1rem, 0.3354rem + 2.9536vw, 1.875rem);
  }
}
.hero p, .hero .p {
  color: var(--primary-500);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  margin-top: clamp(1rem, 0.0231rem + 1.2308vw, 1.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .hero p, .hero .p {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .hero p, .hero .p {
    margin-top: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
  }
}
.hero .button {
  display: flex;
  gap: 0.625rem;
  margin-top: clamp(1.625rem, 1.3808rem + 0.3077vw, 1.75rem);
}
@media only screen and (max-width: 37.25rem) {
  .hero .button {
    max-width: 100%;
    margin-top: clamp(1rem, 0.5253rem + 2.1097vw, 1.625rem);
    padding-inline: 0.5rem;
  }
}
.hero .button svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.hero .button svg path {
  stroke: currentColor;
}
.hero .hero__photo {
  width: clamp(23.5rem, 19.5923rem + 4.9231vw, 25.5rem);
  min-width: clamp(23.5rem, 19.5923rem + 4.9231vw, 25.5rem);
  height: auto;
  aspect-ratio: 1;
  margin-right: clamp(0rem, -12.2115rem + 15.3846vw, 6.25rem);
}
@media only screen and (max-width: 79.3125rem) {
  .hero .hero__photo {
    margin-right: clamp(0rem, -22.7264rem + 33.5135vw, 3.875rem);
  }
}
@media only screen and (max-width: 67.75rem) {
  .hero .hero__photo {
    width: 100%;
    min-width: unset;
    max-width: clamp(17.5rem, 12.943rem + 20.2532vw, 23.5rem);
    margin-inline: auto;
  }
}
.hero .hero__photo img {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: scale-down;
}
.hero._search {
  min-height: clamp(9.875rem, 1.8154rem + 10.1538vw, 14rem);
}
.hero._search h1 span, .hero._search .h1 span {
  font-weight: 400;
}
@media only screen and (max-width: 37.25rem) {
  .hero._news {
    width: unset;
    margin-inline: calc(var(--padding) * -1);
    padding-inline: var(--padding);
    border-radius: unset;
  }
}
.hero._news h1, .hero._news .h1 {
  font-size: clamp(2.25rem, 0.7846rem + 1.8462vw, 3rem);
  font-weight: 500;
  line-height: clamp(2.75rem, 1.2846rem + 1.8462vw, 3.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .hero._news h1, .hero._news .h1 {
    font-size: clamp(1.75rem, 1.3703rem + 1.6878vw, 2.25rem);
    line-height: clamp(2rem, 1.4304rem + 2.5316vw, 2.75rem);
  }
}
.hero._news .hero__filters {
  display: flex;
  gap: 0.5rem;
  margin-top: clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
  flex-wrap: wrap;
}
.hero._news .hero__filters ul {
  list-style: none;
}
.hero._news .hero__filters ul li {
  position: unset;
  padding-left: unset;
}
.hero._news .hero__filters ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.hero._news .hero__filters a {
  text-decoration: none;
}
.hero._news .hero__filters .filters__item {
  --filters__item__background-color: var(--secondary-500);
  --filters__item__text__color: var(--primary-500);
  color: var(--filters__item__text__color);
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
  background-color: var(--filters__item__background-color);
  display: flex;
  padding-block: clamp(0.25rem, 0.0601rem + 0.8439vw, 0.5rem);
  padding-inline: 1.5rem;
  border-radius: 0.375rem;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._news .hero__filters .filters__item {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
@media (hover: hover) {
  .hero._news .hero__filters .filters__item:hover {
    --filters__item__background-color: var(--secondary-900);
    --filters__item__text__color: var(--secondary-500);
  }
}
.hero._news .hero__filters .filters__item._active {
  --filters__item__background-color: var(--primary-900);
  --filters__item__text__color: var(--secondary-500);
}
.hero._news .hero__editor {
  margin-top: clamp(1.5rem, 0.5231rem + 1.2308vw, 2rem);
}
.hero._news .hero__editor p, .hero._news .hero__editor .p {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
  margin-top: 0;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._news .hero__editor p, .hero._news .hero__editor .p {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.hero._news .hero__editor p:not(:first-child), .hero._news .hero__editor .p:not(:first-child) {
  margin-top: 1lh;
}
.hero._news .hero__editor img:not(:first-child) {
  margin-top: 1lh;
}
.hero._news .hero__editor h6, .hero._news .hero__editor .h6 {
  color: var(--primary-300);
  font-size: clamp(1rem, 0.7558rem + 0.3077vw, 1.125rem);
  font-weight: 600;
  line-height: clamp(1.5rem, 1.0115rem + 0.6154vw, 1.75rem);
}
.hero._news .hero__editor h6:not(:first-child), .hero._news .hero__editor .h6:not(:first-child) {
  margin-top: 1lh;
}
.hero._contacts .hero__contacts {
  display: grid;
  grid-gap: 1.5rem;
  grid-template-columns: minmax(0, clamp(23.75rem, 15.9346rem + 9.8462vw, 27.75rem)) minmax(0, clamp(14.125rem, -12.4962rem + 33.5385vw, 27.75rem)) minmax(0, 1fr);
  margin-top: clamp(1.875rem, 0.6538rem + 1.5385vw, 2.5rem);
}
.hero._contacts .hero__contacts ul {
  list-style: none;
}
.hero._contacts .hero__contacts ul li {
  position: unset;
  padding-left: unset;
}
.hero._contacts .hero__contacts ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.hero._contacts .hero__contacts a {
  text-decoration: none;
}
@media only screen and (max-width: 79.3125rem) {
  .hero._contacts .hero__contacts {
    display: grid;
    grid-gap: clamp(1rem, -1.9324rem + 4.3243vw, 1.5rem);
    grid-template-columns: minmax(0, clamp(23.75rem, -14.3716rem + 56.2162vw, 30.25rem)) minmax(0, clamp(14.125rem, -21.4307rem + 52.4324vw, 20.1875rem)) minmax(0, 1fr);
  }
}
@media only screen and (max-width: 67.75rem) {
  .hero._contacts .hero__contacts {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    margin-top: clamp(1rem, 0.3354rem + 2.9536vw, 1.875rem);
  }
}
.hero._contacts .hero__contacts .contacts__item {
  background-color: var(--secondary-500);
  padding: clamp(1.5rem, 0.5231rem + 1.2308vw, 2rem) clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  border-radius: 0.5rem;
}
.hero._contacts .hero__contacts .item__title {
  color: var(--primary-300);
  font-size: clamp(1rem, 0.7558rem + 0.3077vw, 1.125rem);
  font-weight: 600;
  line-height: clamp(1.5rem, 1.0115rem + 0.6154vw, 1.75rem);
}
.hero._contacts .hero__contacts .content__item {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-top: 1rem;
  padding-top: 0.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._contacts .hero__contacts .content__item {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.hero._contacts .hero__contacts .content__item svg {
  width: 2rem;
  min-width: 2rem;
  height: auto;
  aspect-ratio: 1;
  margin-top: -0.25rem;
}
.hero._contacts .hero__contacts .content__item svg rect,
.hero._contacts .hero__contacts .content__item svg circle {
  fill: var(--primary-900);
}
.hero._contacts .hero__contacts a {
  color: inherit;
}
@media (hover: hover) {
  .hero._contacts .hero__contacts a:hover {
    color: var(--secondary-900);
  }
}
.hero._contacts .hero__contacts a[href^="tel:"] {
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._contacts .hero__contacts a[href^="tel:"] {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.hero._contacts .hero__contacts .item__content > a:not(.content__item) {
  display: flex;
  color: var(--secondary-900);
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
  margin-top: 1rem;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._contacts .hero__contacts .item__content > a:not(.content__item) {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
@media (hover: hover) {
  .hero._contacts .hero__contacts .item__content > a:not(.content__item):hover {
    color: var(--primary-900);
  }
}
.hero._contacts .hero__contacts .item__text {
  display: flex;
  flex-direction: column;
  gap: clamp(0.25rem, -0.0348rem + 1.2658vw, 0.625rem);
}
.hero._contacts .hero__contacts .item__text._hours {
  gap: 0;
}
.hero._contacts .hero__contacts .item__text._hours span:nth-child(2) {
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._contacts .hero__contacts .item__text._hours span:nth-child(2) {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.hero._contacts .hero__contacts .item__link {
  display: flex;
  gap: 0.5rem;
  color: var(--secondary-900);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._contacts .hero__contacts .item__link {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media (hover: hover) {
  .hero._contacts .hero__contacts .item__link:hover {
    color: var(--primary-900);
  }
}
.hero._contacts .hero__contacts .item__link svg {
  width: 1.0625rem;
  min-width: 1.0625rem;
  height: auto;
  aspect-ratio: 1;
  margin-top: 0.09375rem;
}
.hero._contacts .hero__contacts .item__link svg path {
  stroke: currentColor;
}
.hero._contacts .hero__contacts .content__hours {
  color: var(--secondary-800);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  margin-top: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .hero._contacts .hero__contacts .content__hours {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.hero._contacts .hero__contacts ul {
  margin-top: 1rem;
}
.hero._contacts .hero__contacts ul li {
  color: var(--primary-500);
}
.hero._contacts .hero__contacts ul li:first-child {
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._contacts .hero__contacts ul li:first-child {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.hero._contacts .hero__contacts ul li:not(:first-child) {
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
  margin-top: 0.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._contacts .hero__contacts ul li:not(:first-child) {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
@media only screen and (max-width: 37.25rem) {
  .hero._brands {
    width: unset;
    margin-inline: calc(var(--padding) * -1);
    padding-inline: var(--padding);
    border-radius: unset;
    padding-bottom: 3.375rem;
  }
}
.hero._brands .hero__brands {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: repeat(auto-fill, minmax(clamp(12.5rem, 10.1089rem + 4.5872vw, 13.75rem), 1fr));
  margin-top: clamp(1.875rem, 0.6538rem + 1.5385vw, 2.5rem);
}
.hero._brands .hero__brands ul {
  list-style: none;
}
.hero._brands .hero__brands ul li {
  position: unset;
  padding-left: unset;
}
.hero._brands .hero__brands ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.hero._brands .hero__brands a {
  text-decoration: none;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._brands .hero__brands {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: clamp(1rem, 0.3354rem + 2.9536vw, 1.875rem);
  }
}
.hero._brands .brands__item {
  color: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.625rem;
  background-color: var(--secondary-500);
  color: var(--primary-300);
  font-size: clamp(0.875rem, 0.7529rem + 0.1538vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.25rem;
  padding-block: 2.5rem;
  padding-inline: clamp(0.8125rem, 0.6929rem + 0.2294vw, 0.875rem);
  border-radius: 0.375rem;
}
@media (hover: hover) {
  .hero._brands .brands__item:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .hero._brands .brands__item {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.hero._brands .brands__item .item__photo {
  width: 8.125rem;
  max-width: 100%;
  height: auto;
  aspect-ratio: 2.5;
}
.hero._brands .brands__item .item__photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.hero._brands .brands__item .item__title {
  text-align: center;
}

.category__subcategories {
  display: grid;
  grid-gap: clamp(0.375rem, -0.8462rem + 1.5385vw, 1rem);
  grid-template-columns: repeat(auto-fill, minmax(12.25rem, 1fr));
  margin-top: 1.5rem;
}
@media only screen and (max-width: 37.25rem) {
  .category__subcategories {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.category__subcategories .subcategories__item {
  width: 100%;
  min-height: clamp(10.25rem, 2.9231rem + 9.2308vw, 14rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0.5rem, -0.9654rem + 1.8462vw, 1.25rem);
  color: var(--primary-300);
  font-size: clamp(0.875rem, 0.7529rem + 0.1538vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.25rem;
  background-color: var(--other-blue-500);
  padding-block: clamp(1rem, 0.5115rem + 0.6154vw, 1.25rem);
  padding-inline: clamp(0.5rem, -0.7212rem + 1.5385vw, 1.125rem);
  border-radius: 0.375rem;
  text-align: center;
  text-decoration: none;
}
@media only screen and (max-width: 52.0625rem) {
  .category__subcategories .subcategories__item {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .category__subcategories .subcategories__item {
    padding-block: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
    padding-inline: clamp(0.3125rem, 0.1701rem + 0.6329vw, 0.5rem);
  }
}
@media (hover: hover) {
  .category__subcategories .subcategories__item:hover {
    background-color: var(--secondary-500);
  }
}
.category__subcategories .subcategories__item .item__photo {
  width: clamp(4.25rem, -0.8788rem + 6.4615vw, 6.875rem);
  min-width: clamp(4.25rem, -0.8788rem + 6.4615vw, 6.875rem);
  height: auto;
  aspect-ratio: 1;
}
.category__subcategories .subcategories__item .item__photo img {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: scale-down;
}

@media only screen and (max-width: 79.3125rem) {
  .hero + .category__actions {
    margin-top: 1.5rem;
  }
}

.category__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-top: 2rem;
}
@media only screen and (max-width: 79.3125rem) {
  .category__actions {
    margin-top: 3.375rem;
  }
}
@media only screen and (max-width: 67.75rem) {
  .category__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 52.0625rem) {
  .category__actions {
    display: grid;
    grid-gap: 1.5rem 1rem;
  }
}
.category__actions .actions__show {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 67.75rem) {
  .category__actions .actions__show {
    display: flex;
    justify-content: space-between;
    order: 2;
    grid-column: 1/-1;
  }
}
.category__actions .actions__show .show__count {
  color: var(--primary-500);
  font-size: clamp(0.75rem, 0.6279rem + 0.1538vw, 0.8125rem);
  font-weight: 300;
  line-height: 1.125rem;
}
.category__actions .actions__show .show__count:not(:only-child):not(:last-child) {
  padding-right: 1.0625rem;
  margin-right: 1rem;
  position: relative;
}
@media only screen and (max-width: 67.75rem) {
  .category__actions .actions__show .show__count:not(:only-child):not(:last-child) {
    padding-right: 0;
    margin-right: 0;
  }
}
.category__actions .actions__show .show__count:not(:only-child):not(:last-child)::after {
  width: 0.0625rem;
  height: 100%;
  background-color: var(--primary-500);
  content: "";
  opacity: 0.4;
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 67.75rem) {
  .category__actions .actions__show .show__count:not(:only-child):not(:last-child)::after {
    content: none;
  }
}
.category__actions .select, .category__actions .button {
  max-width: 18rem;
}
@media only screen and (max-width: 67.75rem) {
  .category__actions .select, .category__actions .button {
    max-width: 100%;
  }
}
.category__actions .select {
  margin-left: auto;
}
.category__actions .button {
  padding-inline: 0.5rem;
}
.category__actions .show__select {
  position: relative;
  z-index: 1;
  transition: filter 0.3s ease-in-out, background 0.3s ease-in-out;
  color: var(--primary-500);
}
.category__actions .show__select ul {
  list-style: none;
}
.category__actions .show__select ul li {
  position: unset;
  padding-left: unset;
}
.category__actions .show__select ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.category__actions .show__select a {
  text-decoration: none;
}
@media (hover: hover) {
  .category__actions .show__select:hover .select__frame {
    color: var(--secondary-900);
  }
}
.category__actions .show__select:active .select__frame svg, .category__actions .show__select:focus .select__frame svg, .category__actions .show__select:hover .select__frame svg {
  transform: rotate(180deg);
}
.category__actions .show__select:active .select__dropdown, .category__actions .show__select:focus .select__dropdown, .category__actions .show__select:hover .select__dropdown {
  background-color: var(--secondary-500);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  opacity: 1;
  visibility: visible;
}
.category__actions .show__select .select__frame,
.category__actions .show__select .dropdown__item {
  width: 100%;
}
.category__actions .show__select .select__frame {
  height: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.375rem;
  color: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .category__actions .show__select .select__frame {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.category__actions .show__select .select__frame svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.category__actions .show__select .select__frame svg path {
  stroke: currentColor;
}
.category__actions .show__select .select__dropdown {
  padding-block: 0.25rem;
  border-radius: 0.375rem;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, background 0.3s ease-in-out;
}
.category__actions .show__select .dropdown__item {
  display: flex;
  justify-content: center;
  align-items: center;
  color: inherit;
  text-align: center;
}
.category__actions .show__select .dropdown__item._active {
  color: var(--primary-900);
}
.category__actions .show__select .dropdown__item:not(:first-child) {
  border-top: 0.0625rem solid var(--other-black-50);
}
.category__actions .show__select .dropdown__item .item__link {
  display: flex;
  color: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: inherit;
  padding-block: 0.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .category__actions .show__select .dropdown__item .item__link {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media (hover: hover) {
  .category__actions .show__select .dropdown__item .item__link:hover {
    color: var(--secondary-900);
  }
}

.category__seo {
  --seo__photo__width: clamp(27rem, 24.0692rem + 3.6923vw, 28.5rem);
  --seo__photo__margin-right: clamp(0rem, -18.8058rem + 23.6923vw, 9.625rem);
  background-color: var(--other-blue-500);
  padding-block: clamp(0.5rem, -0.4769rem + 1.2308vw, 1rem);
}
@media only screen and (max-width: 67.75rem) {
  .category__seo {
    padding-block: 3.375rem clamp(0rem, -2.5633rem + 11.3924vw, 3.375rem);
  }
}
.category__seo .seo__content {
  display: grid;
  grid-gap: 1.5rem clamp(3.125rem, -8.8303rem + 22.9358vw, 9.375rem);
  grid-template-columns: minmax(0, 1fr) minmax(0, calc(var(--seo__photo__width) + var(--seo__photo__margin-right)));
  grid-template-areas: "title photo" "text photo";
}
@media only screen and (max-width: 67.75rem) {
  .category__seo .seo__content {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "title" "text" "photo";
  }
}
.category__seo .content__title,
.category__seo .content__text {
  padding-left: clamp(3.375rem, -8.5923rem + 15.0769vw, 9.5rem);
}
@media only screen and (max-width: 79.3125rem) {
  .category__seo .content__title,
  .category__seo .content__text {
    padding-left: clamp(0rem, -6.4558rem + 12.3853vw, 3.375rem);
  }
}
@media only screen and (max-width: 67.75rem) {
  .category__seo .content__title,
  .category__seo .content__text {
    text-align: center;
  }
}
@media only screen and (max-width: 37.25rem) {
  .category__seo .content__title,
  .category__seo .content__text {
    text-align: left;
  }
}
.category__seo .content__title {
  color: var(--primary-300);
  font-size: clamp(1.375rem, 0.6423rem + 0.9231vw, 1.75rem);
  font-weight: 600;
  line-height: clamp(2rem, 1.0231rem + 1.2308vw, 2.5rem);
  grid-area: title;
  margin-top: auto;
  padding-top: 1.375rem;
}
@media only screen and (max-width: 52.0625rem) {
  .category__seo .content__title {
    font-size: clamp(1.125rem, 0.9351rem + 0.8439vw, 1.375rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
@media only screen and (max-width: 67.75rem) {
  .category__seo .content__title {
    padding-top: 0;
  }
}
.category__seo .content__text {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  grid-area: text;
  margin-bottom: auto;
  padding-bottom: 1.375rem;
}
@media only screen and (max-width: 67.75rem) {
  .category__seo .content__text {
    display: flex;
    align-items: center;
    padding-bottom: 0;
  }
  .category__seo .content__text ul {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media only screen and (max-width: 37.25rem) {
  .category__seo .content__text {
    display: flex;
    align-items: unset;
  }
  .category__seo .content__text ul {
    display: flex;
    align-items: unset;
  }
}
.category__seo .content__text p, .category__seo .content__text .p, .category__seo .content__text ul, .category__seo .content__text ol, .category__seo .content__text li {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .category__seo .content__text p, .category__seo .content__text .p, .category__seo .content__text ul, .category__seo .content__text ol, .category__seo .content__text li {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.category__seo .content__text li + li {
  margin-top: 0.5rem;
}
.category__seo .content__photo {
  width: var(--seo__photo__width);
  min-width: var(--seo__photo__width);
  height: auto;
  aspect-ratio: 1;
  margin-right: var(--seo__photo__margin-right);
  grid-area: photo;
}
@media only screen and (max-width: 67.75rem) {
  .category__seo .content__photo {
    margin-top: clamp(0rem, -1.4241rem + 6.3291vw, 1.875rem);
    margin-inline: auto;
  }
}
@media only screen and (max-width: 37.25rem) {
  .category__seo .content__photo {
    width: calc(100% + var(--padding) * 2);
    min-width: unset;
    max-width: unset;
    margin-inline: calc(var(--padding) * -1);
  }
}
.category__seo .content__photo img {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: scale-down;
}

.columns__aside {
  padding-top: var(--columns__padding-top);
  padding-right: var(--columns__padding-inline);
  padding-bottom: var(--columns__padding-bottom);
  position: relative;
  z-index: 1;
}
.columns__aside::before {
  background-color: var(--secondary-500);
  width: 100vw;
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
}
@media only screen and (max-width: 67.75rem) {
  .columns__aside::before {
    right: calc(var(--padding) * -1);
  }
}
.columns__aside .aside__block > *:first-child {
  margin-top: 0;
}
.columns__aside .aside__block:nth-last-child(2) {
  margin-top: clamp(2rem, 1.5115rem + 0.6154vw, 2.25rem);
}
@media only screen and (max-width: 67.75rem) {
  .columns__aside .aside__block:nth-last-child(2) {
    margin-top: 2.5rem;
  }
}
.columns__aside .aside__block:nth-last-child(1) {
  margin-top: clamp(3.375rem, 2.1538rem + 1.5385vw, 4rem);
}
.columns__aside .aside__block .aside__guest {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  color: var(--primary-300);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  margin-top: clamp(1.5rem, -0.4538rem + 2.4615vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .columns__aside .aside__block .aside__guest {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.columns__aside .aside__block .aside__guest svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.columns__aside .aside__block .aside__guest svg path {
  stroke: var(--primary-900);
}
.columns__aside .aside__block .aside__guest a {
  color: inherit;
  color: var(--primary-900);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5rem;
  text-decoration: none;
}
@media (hover: hover) {
  .columns__aside .aside__block .aside__guest a:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .columns__aside .aside__block .aside__guest a {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.columns__aside .aside__block:has(.aside__addresses) .aside__form {
  display: none;
}
.columns__aside .aside__block:has(.addresses__add input:checked) .addresses__add {
  display: none;
}
.columns__aside .aside__block:has(.addresses__add input:checked) .aside__form {
  display: block;
  margin-top: 1.25rem;
}
.columns__aside .delivery__info {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  background-color: var(--info__background-color);
  color: var(--info__color);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  margin-top: 0.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .columns__aside .delivery__info {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.columns__aside .delivery__info svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.columns__aside .delivery__info svg path {
  fill: currentColor;
}
.columns__aside .delivery__info strong {
  font-size: clamp(0.875rem, 0.7529rem + 0.1538vw, 0.9375rem);
  font-weight: 600;
  line-height: 1.25rem;
}
.columns__aside .delivery__info._success {
  --info__background-color: var(--other-green-500);
  --info__color: var(--secondary-900);
}
.columns__aside .delivery__info._error {
  --info__background-color: var(--secondary-red);
  --info__color: var(--label-red-500);
}
.columns__aside .delivery__choices {
  margin-top: 0.5rem;
}
.columns__aside .delivery__choices label {
  --image__width: clamp(3.375rem, 2.1538rem + 1.5385vw, 4rem);
  --gap: clamp(1rem, -0.7096rem + 2.1538vw, 1.875rem);
  display: flex;
  align-items: center;
  gap: 0 var(--gap);
  background-color: var(--other-blue-500);
  border-radius: 0.375rem;
  padding-block: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  padding-inline: clamp(1.5rem, 0.5231rem + 1.2308vw, 2rem);
  cursor: pointer;
}
@media only screen and (max-width: 52.0625rem) {
  .columns__aside .delivery__choices label {
    display: grid;
    grid-gap: 0.25rem var(--gap);
    grid-template-columns: minmax(0, var(--image__width)) minmax(0, 1fr);
    padding-inline: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
    grid-template-areas: "icon text" "icon price";
  }
}
@media (hover: hover) {
  .columns__aside .delivery__choices label:hover {
    background-color: var(--secondary-500);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  }
  .columns__aside .delivery__choices label:hover .choice__title, .columns__aside .delivery__choices label:hover .choice__description {
    color: var(--primary-900);
  }
  .columns__aside .delivery__choices label:hover .choice__price {
    color: var(--secondary-900);
  }
  .columns__aside .delivery__choices label:hover .choice__icon {
    --icon__background-color: var(--other-green-500);
  }
}
.columns__aside .delivery__choices label:has(input:checked) {
  background-color: var(--secondary-500);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
}
.columns__aside .delivery__choices label:has(input:checked) .choice__title, .columns__aside .delivery__choices label:has(input:checked) .choice__description {
  color: var(--primary-900);
}
.columns__aside .delivery__choices label:has(input:checked) .choice__price {
  color: var(--secondary-900);
}
.columns__aside .delivery__choices label:has(input:checked) .choice__icon {
  --icon__background-color: var(--primary-900);
  color: var(--secondary-500);
}
.columns__aside .delivery__choices label:not(:first-child) {
  margin-top: 0.5rem;
}
.columns__aside .delivery__choices label input {
  display: none;
}
.columns__aside .delivery__choices label .choice__icon {
  --icon__background-color: var(--secondary-500);
  width: var(--image__width);
  min-width: var(--image__width);
  height: auto;
  aspect-ratio: 1;
  background-color: var(--icon__background-color);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  position: relative;
  color: var(--primary-900);
  grid-area: icon;
}
.columns__aside .delivery__choices label .choice__icon svg {
  width: 3rem;
  min-width: 3rem;
  height: auto;
  aspect-ratio: 1;
}
.columns__aside .delivery__choices label .choice__icon svg path[stroke] {
  stroke: currentColor;
}
.columns__aside .delivery__choices label .choice__icon svg path[fill] {
  fill: currentColor;
}
.columns__aside .delivery__choices label .choice__text {
  grid-area: text;
}
.columns__aside .delivery__choices label .choice__title,
.columns__aside .delivery__choices label .choice__description {
  display: block;
}
.columns__aside .delivery__choices label .choice__title,
.columns__aside .delivery__choices label .choice__price {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .columns__aside .delivery__choices label .choice__title,
  .columns__aside .delivery__choices label .choice__price {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.columns__aside .delivery__choices label .choice__description {
  color: var(--secondary-600);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  margin-top: 0.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .columns__aside .delivery__choices label .choice__description {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.columns__aside .delivery__choices label .choice__price {
  min-width: max-content;
  margin-left: auto;
  grid-area: price;
}
@media only screen and (max-width: 52.0625rem) {
  .columns__aside .delivery__choices label .choice__price {
    margin-left: 0;
  }
}
.columns__aside .aside__form > .input:first-child {
  margin-top: 0;
}
.columns__aside .aside__form .checkbox {
  margin-top: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
}
.columns__aside .aside__addresses {
  display: flex;
  flex-direction: column;
}
.columns__aside .aside__addresses .addresses__add {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  background-color: var(--secondary-500);
  color: var(--secondary-900);
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
  margin-top: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
  padding: clamp(0.8125rem, 0.4462rem + 0.4615vw, 1rem);
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.15);
  cursor: pointer;
  border-radius: 0.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .columns__aside .aside__addresses .addresses__add {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
@media (hover: hover) {
  .columns__aside .aside__addresses .addresses__add:hover {
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.25);
  }
}
.columns__aside .aside__addresses .addresses__add:has(input:checked) svg path:nth-child(2) {
  display: none;
}
.columns__aside .aside__addresses .addresses__add input {
  display: none;
}
.columns__aside .aside__addresses .addresses__add svg {
  width: clamp(1.75rem, 1.2615rem + 0.6154vw, 2rem);
  min-width: clamp(1.75rem, 1.2615rem + 0.6154vw, 2rem);
  height: auto;
  aspect-ratio: 1;
}
.columns__aside .aside__payment {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: repeat(auto-fill, minmax(10.25rem, 1fr));
  margin-top: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
}
@media only screen and (max-width: 37.25rem) {
  .columns__aside .aside__payment {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.columns__aside .aside__payment .payment__item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: clamp(4.25rem, 3.6804rem + 2.5316vw, 5rem);
  position: relative;
  border: 0.0625rem solid var(--other-white-600);
  padding: 0.5rem;
  border-radius: 0.3125rem;
  cursor: pointer;
}
@media only screen and (max-width: 79.3125rem) {
  .columns__aside .aside__payment .payment__item {
    padding: 0.75rem 0.8125rem;
  }
}
@media (hover: hover) {
  .columns__aside .aside__payment .payment__item:hover {
    border-color: var(--secondary-700);
  }
}
.columns__aside .aside__payment .payment__item:has(input:checked) {
  border-color: var(--primary-900);
}
.columns__aside .aside__payment .payment__item:has(input:checked)::before {
  opacity: 0;
}
.columns__aside .aside__payment .payment__item:has(input:checked)::after {
  --icon__width: 1.5rem;
  --icon__position: 0.25rem;
  display: flex;
  content: "";
  background-image: url("../images/icons/check-circle_24x24.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
  position: absolute;
  top: var(--icon__position);
  left: var(--icon__position);
}
.columns__aside .aside__payment .payment__item::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
}
.columns__aside .aside__payment .payment__item::before {
  background-color: var(--secondary-700);
  mix-blend-mode: saturation;
}
.columns__aside .aside__payment .payment__item input {
  display: none;
}
.columns__aside .aside__payment .payment__item img,
.columns__aside .aside__payment .payment__item .item__text {
  width: 100%;
  height: auto;
  aspect-ratio: 2.9285714286;
}
.columns__aside .aside__payment .payment__item img {
  object-fit: scale-down;
}
.columns__aside .aside__payment .payment__item .item__text {
  --text__icon__width: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  color: var(--primary-900);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1rem;
}
@media only screen and (max-width: 52.0625rem) {
  .columns__aside .aside__payment .payment__item .item__text {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
    line-height: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
  }
}
.columns__aside .aside__payment .payment__item .item__text svg {
  width: var(--text__icon__width);
  min-width: var(--text__icon__width);
  height: auto;
  aspect-ratio: 1;
}
.columns__aside .aside__payment .payment__item .item__text svg path[fill] {
  fill: currentColor;
}
.columns__aside .aside__payment .payment__item .item__text svg path[stroke] {
  stroke: currentColor;
}
.columns__aside .aside__payment .payment__item .item__text span {
  max-width: calc(100% - var(--text__icon__width));
  text-wrap: balance;
}
@media only screen and (max-width: 79.3125rem) {
  .columns__aside .aside__payment .payment__item .item__text span {
    max-width: min-content;
  }
}

.columns__content {
  --content__top: clamp(0.75rem, 0.2615rem + 0.6154vw, 1rem);
  padding-top: var(--columns__padding-top);
  padding-left: var(--columns__padding-inline);
  padding-bottom: var(--columns__padding-bottom);
}
@media only screen and (max-width: 67.75rem) {
  .columns__content {
    padding-top: 3.375rem;
    padding-bottom: clamp(2.5rem, 1.8354rem + 2.9536vw, 3.375rem);
  }
}
.columns__content .checkout__sticky {
  position: sticky;
  top: var(--content__top);
  transition: top 0.3s ease-in-out;
}
.columns__content .content__products {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.columns__content .content__coupon {
  display: flex;
  gap: clamp(1rem, 0.0231rem + 1.2308vw, 1.5rem);
  background-color: var(--secondary-500);
  margin-top: clamp(0.75rem, 0.2615rem + 0.6154vw, 1rem);
  padding-block: 1.5rem;
  padding-inline: clamp(1.5rem, 0.5231rem + 1.2308vw, 2rem);
  border-radius: 0.375rem;
}
@media only screen and (max-width: 52.0625rem) {
  .columns__content .content__coupon {
    display: flex;
    flex-direction: column;
    gap: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
    margin-top: clamp(0.5rem, 0.3101rem + 0.8439vw, 0.75rem);
    padding-block: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
    padding-inline: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  }
  .columns__content .content__coupon .button {
    max-width: 100%;
  }
}
.columns__content .content__coupon .coupon__input {
  width: 100%;
  display: flex;
  align-items: center;
  padding-block: 0.625rem;
  padding-inline: 0.875rem;
  border: 0.0625rem solid var(--other-white-600);
  border-radius: 0.25rem;
}
@media (hover: hover) {
  .columns__content .content__coupon .coupon__input:hover {
    border-color: var(--secondary-700);
  }
}
.columns__content .content__coupon svg {
  width: 1.75rem;
  min-width: 1.75rem;
  height: auto;
  aspect-ratio: 1;
  margin-right: 0.625rem;
}
.columns__content .content__coupon svg rect {
  fill: var(--primary-900);
}
.columns__content .content__coupon .input__title {
  min-width: max-content;
  color: var(--other-black-400);
  font-size: clamp(0.875rem, 0.7529rem + 0.1538vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.125rem;
  margin-right: 0.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .columns__content .content__coupon .input__title {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.columns__content .content__coupon input {
  width: 100%;
  color: var(--other-black-400);
  font-size: clamp(0.875rem, 0.7529rem + 0.1538vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .columns__content .content__coupon input {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.columns__content .content__coupon input::placeholder {
  color: var(--other-black-200);
}
.columns__content .content__coupon:has(input:placeholder-shown) .button,
.columns__content .content__coupon .button:disabled {
  opacity: 0.25;
  pointer-events: none;
  cursor: not-allowed;
}
.columns__content .content__summary {
  background-color: var(--secondary-500);
  margin-top: clamp(0.75rem, 0.2615rem + 0.6154vw, 1rem);
  padding: clamp(1.5rem, 0.5231rem + 1.2308vw, 2rem);
  border-radius: 0.375rem;
}
@media only screen and (max-width: 52.0625rem) {
  .columns__content .content__summary {
    margin-top: clamp(0.5rem, 0.3101rem + 0.8439vw, 0.75rem);
    padding: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  }
}
.columns__content .content__summary .summary__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: clamp(1rem, 0.0231rem + 1.2308vw, 1.5rem);
  color: var(--secondary-600);
}
.columns__content .content__summary .summary__row span:first-child {
  font-size: clamp(0.875rem, 0.7529rem + 0.1538vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .columns__content .content__summary .summary__row span:first-child {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.columns__content .content__summary .summary__row span:last-child {
  font-size: clamp(0.875rem, 0.7529rem + 0.1538vw, 0.9375rem);
  font-weight: 600;
  line-height: 1.25rem;
}
.columns__content .content__summary .summary__row + .summary__row {
  margin-top: 0.5rem;
}
.columns__content .content__summary .summary__row._total span {
  color: var(--primary-300);
  font-size: clamp(1rem, 0.7558rem + 0.3077vw, 1.125rem);
  font-weight: 600;
  line-height: clamp(1.5rem, 1.0115rem + 0.6154vw, 1.75rem);
}
.columns__content .content__summary .checkbox {
  margin-top: 1.125rem;
}
.columns__content .content__summary .checkbox + .checkbox {
  margin-top: 0.75rem;
}
.columns__content .content__summary .button {
  margin-top: clamp(1.5rem, 0.5231rem + 1.2308vw, 2rem);
}
@media only screen and (max-width: 52.0625rem) {
  .columns__content .content__summary .button {
    margin-top: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  }
}

body:has(header._sticky._active) .checkout__sticky {
  top: calc(var(--header__height) + var(--content__top));
}

.checkout__columns {
  --columns__padding-top: clamp(2rem, -0.9308rem + 3.6923vw, 3.5rem);
  --columns__padding-bottom: clamp(3.375rem, 2.1538rem + 1.5385vw, 4rem);
  --columns__padding-inline: clamp(2.5rem, -2.3846rem + 6.1538vw, 5rem);
  background-color: var(--other-blue-500);
}
@media only screen and (max-width: 79.3125rem) {
  .checkout__columns {
    --columns__padding-inline: clamp(1.5rem, -4.3649rem + 8.6486vw, 2.5rem);
  }
}
@media only screen and (max-width: 67.75rem) {
  .checkout__columns {
    --columns__padding-inline: 0;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .checkout__columns {
    --columns__padding-top: clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
  }
}
.checkout__columns .wrap {
  display: grid;
  grid-template-columns: minmax(0, clamp(39.375rem, 16.1731rem + 29.2308vw, 51.25rem)) minmax(0, 1fr);
}
@media only screen and (max-width: 79.3125rem) {
  .checkout__columns .wrap {
    display: grid;
    grid-template-columns: minmax(0, clamp(26.875rem, -46.4358rem + 108.1081vw, 39.375rem)) minmax(0, 1fr);
  }
}
@media only screen and (max-width: 67.75rem) {
  .checkout__columns .wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}
.checkout__columns .checkout__title {
  color: var(--primary-300);
  font-size: clamp(1.125rem, 0.8808rem + 0.3077vw, 1.25rem);
  font-weight: 500;
  line-height: 1.75rem;
  padding-bottom: clamp(1rem, 0.5115rem + 0.6154vw, 1.25rem);
}
@media only screen and (max-width: 52.0625rem) {
  .checkout__columns .checkout__title {
    text-align: center;
  }
}
.checkout__columns .checkout__title + * {
  margin-top: 0 !important;
}

.notification {
  width: 100%;
  position: fixed;
  z-index: 1000;
  left: 0;
  bottom: 1.875rem;
}
.notification .content {
  background-color: var(--secondary-500);
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0.625rem;
  border-radius: 0.375rem;
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.notification .content::after {
  background-color: var(--notification__background);
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
}
.notification .content::before {
  --icon__width: 1.5rem;
  display: flex;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
  background-image: var(--notification__icon);
  margin-right: 0.375rem;
}
.notification p {
  color: var(--notification__color);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  margin-right: auto;
}
@media only screen and (max-width: 52.0625rem) {
  .notification p {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.notification .close {
  --close__width: 1.25rem;
  display: flex;
  width: var(--close__width);
  min-width: var(--close__width);
  height: auto;
  aspect-ratio: 1;
  margin-left: 0.375rem;
  cursor: pointer;
}
@media (hover: hover) {
  .notification .close:hover svg path {
    stroke: var(--notification__color);
  }
}
.notification .close svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.notification .close svg path {
  stroke: currentColor;
}
.notification._success {
  --notification__background: var(--other-green-500);
  --notification__icon: url(../images/icons/check-circle_24x24_thin.svg);
  --notification__color: var(--secondary-900);
}
.notification._error {
  --notification__background: var(--secondary-red);
  --notification__icon: url(../images/icons/x-circle_24x24_red.svg);
  --notification__color: var(--label-red-500);
}

.status {
  --status__background-color: transparent;
  --status__content__max-width: 30rem;
  --status__icon__width: clamp(6.5rem, 4.5462rem + 2.4615vw, 7.5rem);
  --status__icon__aspect-ratio: 1;
  --status__padding-top: clamp(3.375rem, 2.1538rem + 1.5385vw, 4rem);
  background-color: var(--status__background-color);
  flex: 1;
  padding-top: var(--status__padding-top);
  padding-bottom: clamp(15.375rem, 10.7346rem + 5.8462vw, 17.75rem);
}
@media only screen and (max-width: 52.0625rem) {
  .status {
    --status__padding-top: clamp(2rem, 0.9557rem + 4.6414vw, 3.375rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .status {
    padding-bottom: clamp(3.375rem, -5.7389rem + 40.5063vw, 15.375rem);
  }
}
.status .wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.status .wrap > *:not(.button) {
  max-width: var(--status__content__max-width);
  text-align: center;
}
.status .status__icon {
  width: var(--status__icon__width);
  min-width: var(--status__icon__width);
  height: auto;
  aspect-ratio: var(--status__icon__aspect-ratio);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: var(--status__icon__image);
}
.status h1, .status .h1 {
  color: var(--primary-300);
  font-size: clamp(1.375rem, 0.6423rem + 0.9231vw, 1.75rem);
  font-weight: 600;
  line-height: clamp(2rem, 1.0231rem + 1.2308vw, 2.5rem);
  margin-top: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .status h1, .status .h1 {
    font-size: clamp(1.125rem, 0.9351rem + 0.8439vw, 1.375rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.status .status__info, .status p, .status .p {
  margin-top: 0.75rem;
}
.status p, .status .p {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .status p, .status .p {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.status .button {
  max-width: 30rem;
  margin-top: clamp(1.5rem, 0.7405rem + 3.3755vw, 2.5rem);
}
.status._checkout {
  --status__background-color: var(--other-blue-500);
  --status__icon__image: url(../images/icons/checkout-success_120x120.svg);
  --status__padding-top: clamp(3.375rem, -4.6846rem + 10.1538vw, 7.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .status._checkout {
    --status__padding-top: clamp(2rem, 0.9557rem + 4.6414vw, 3.375rem);
  }
}
.status._checkout .status__info {
  color: var(--primary-500);
  font-size: clamp(1rem, 0.7558rem + 0.3077vw, 1.125rem);
  font-weight: 400;
  line-height: clamp(1.5rem, 1.0115rem + 0.6154vw, 1.75rem);
}
.status._checkout .status__info strong {
  font-size: clamp(1rem, 0.7558rem + 0.3077vw, 1.125rem);
  font-weight: 600;
  line-height: clamp(1.5rem, 1.0115rem + 0.6154vw, 1.75rem);
}
.status._search {
  --status__content__max-width: 44rem;
  --status__icon__image: url(../images/icons/no-results_120x120.svg);
}
.status._search .status__info {
  color: var(--primary-900);
  font-size: clamp(1rem, 0.7558rem + 0.3077vw, 1.125rem);
  font-weight: 600;
  line-height: clamp(1.5rem, 1.0115rem + 0.6154vw, 1.75rem);
}
.status._error {
  --status__icon__image: url(../images/icons/error_360x152.svg);
  --status__icon__width: clamp(19rem, 12.1615rem + 8.6154vw, 22.5rem);
  --status__icon__aspect-ratio: 2.3684210526;
}
@media only screen and (max-width: 52.0625rem) {
  .status._error {
    --status__icon__width: clamp(16.875rem, 15.2611rem + 7.173vw, 19rem);
  }
}
.status._success {
  --status__icon__image: url(../images/icons/success_120x120.svg);
  --status__padding-top: clamp(3.375rem, -4.6846rem + 10.1538vw, 7.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .status._success {
    --status__padding-top: clamp(2rem, 0.9557rem + 4.6414vw, 3.375rem);
  }
}
.status._success .status__info {
  color: var(--primary-500);
  font-size: clamp(1rem, 0.7558rem + 0.3077vw, 1.125rem);
  font-weight: 400;
  line-height: clamp(1.5rem, 1.0115rem + 0.6154vw, 1.75rem);
}
.status._success .status__info strong {
  font-size: clamp(1rem, 0.7558rem + 0.3077vw, 1.125rem);
  font-weight: 600;
  line-height: clamp(1.5rem, 1.0115rem + 0.6154vw, 1.75rem);
}
.login {
  display: flex;
  flex: 1;
}
.login .login__background {
  display: flex;
  width: 49.38%;
  position: relative;
}
@media only screen and (max-width: 119.9375rem) {
  .login .login__background {
    width: clamp(39.9375rem, 2.2038rem + 47.5385vw, 59.25rem);
  }
}
@media only screen and (max-width: 79.3125rem) {
  .login .login__background {
    display: none;
  }
}
.login .login__background .background__image {
  width: 100%;
  height: 100%;
  max-height: 100svh;
  background-image: url("../images/backgrounds/login_948x1080_2x.jpg");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
  position: sticky;
  top: 0;
  flex: 1;
}
.login .login__content {
  display: flex;
  flex-direction: column;
  padding-right: var(--padding);
  flex: 1;
}
@media only screen and (max-width: 79.3125rem) {
  .login .login__content {
    padding-left: var(--padding);
  }
}
.login main {
  width: 100%;
  max-width: clamp(26.5rem, 19.6615rem + 8.6154vw, 30rem);
  margin-inline: auto;
}
.login .verification__icon {
  width: 4rem;
  min-width: 4rem;
  height: auto;
  aspect-ratio: 1;
  margin-inline: auto;
  margin-top: clamp(0.5rem, -0.4769rem + 1.2308vw, 1rem);
  margin-bottom: clamp(1rem, 0.0231rem + 1.2308vw, 1.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .login .verification__icon {
    margin-top: clamp(0rem, -0.3797rem + 1.6878vw, 0.5rem);
  }
}
.login .verification__icon svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.login .verification__icon svg rect {
  fill: var(--other-green-500);
}
.login .verification__icon svg path {
  stroke: var(--primary-900);
}
.login h1, .login .h1, .login h2, .login .h2 {
  color: var(--primary-300);
  text-align: center;
}
.login h1, .login .h1 {
  font-size: clamp(1.125rem, 0.8808rem + 0.3077vw, 1.25rem);
  font-weight: 500;
  line-height: 1.75rem;
}
.login p, .login .p {
  color: var(--secondary-600);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-align: center;
  margin-top: 0.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .login p, .login .p {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.login .button {
  margin-top: clamp(1.5rem, 0.5231rem + 1.2308vw, 2rem);
}
.login form {
  display: flex;
  flex-direction: column;
  margin-top: clamp(1.5rem, 1.0115rem + 0.6154vw, 1.75rem);
}
.login form > *:first-child {
  margin-top: 0;
}
.login form .checkbox:not(._block) {
  margin-top: 2rem;
}
.login form .checkbox:not(._block) + .checkbox {
  margin-top: 1rem;
}
.login .reminder {
  display: flex;
  color: var(--secondary-900);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-decoration: none;
  text-align: center;
  margin-inline: auto;
  margin-top: clamp(1.5rem, 1.3101rem + 0.8439vw, 1.75rem);
}
@media only screen and (max-width: 52.0625rem) {
  .login .reminder {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media (hover: hover) {
  .login .reminder:hover {
    text-decoration: underline;
  }
}
.login .register {
  padding-top: clamp(1.5rem, 0.5231rem + 1.2308vw, 2rem);
  margin-top: clamp(1.5rem, 0.5231rem + 1.2308vw, 2rem);
  border-top: 0.0625rem solid var(--other-black-50);
}
.login .register .button {
  margin-top: 0;
}
.login h2, .login .h2 {
  font-size: clamp(1rem, 0.7558rem + 0.3077vw, 1.125rem);
  font-weight: 400;
  line-height: clamp(1.5rem, 1.0115rem + 0.6154vw, 1.75rem);
  margin-bottom: 1.5rem;
}
.login header {
  background-color: var(--secondary-500);
  display: flex;
  justify-content: center;
  padding-top: clamp(3.375rem, 0.2rem + 4vw, 5rem);
  padding-bottom: clamp(1.5rem, 0.5231rem + 1.2308vw, 2rem);
}
@media only screen and (max-width: 52.0625rem) {
  .login header {
    padding-top: clamp(2rem, 0.9557rem + 4.6414vw, 3.375rem);
    padding-bottom: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  }
}
.login header .header__logo {
  width: var(--header__logo__width);
  min-width: var(--header__logo__width);
  height: auto;
  aspect-ratio: 2.0357142857;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: flex;
  background-image: var(--header__logo__image);
}
@media only screen and (max-width: 79.3125rem) {
  .login header .header__logo {
    --header__logo__width: clamp(5.125rem, 3.606rem + 6.7511vw, 7.125rem);
  }
}
.login header .header__close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(2rem, 1.0231rem + 1.2308vw, 2.5rem);
  min-width: clamp(2rem, 1.0231rem + 1.2308vw, 2.5rem);
  height: auto;
  aspect-ratio: 1;
  background-color: var(--primary-500);
  border-radius: 50%;
  position: absolute;
  top: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  right: 0;
}
@media (hover: hover) {
  .login header .header__close:hover {
    background-color: var(--secondary-900);
  }
}
.login header .header__close svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.login header .header__close svg path {
  stroke: var(--secondary-500);
}
.login footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0.25rem, 0.0601rem + 0.8439vw, 0.5rem);
  color: var(--secondary-700);
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.125rem;
  margin-top: clamp(5.5rem, 3.3019rem + 2.7692vw, 6.625rem);
  padding-bottom: clamp(3.375rem, 2.8528rem + 2.3207vw, 4.0625rem);
}
@media only screen and (max-width: 52.0625rem) {
  .login footer {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.login footer a {
  display: flex;
  color: inherit;
}
@media (hover: hover) {
  .login footer a:hover {
    color: var(--secondary-900);
  }
}
.login footer span:has(a) {
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
}
.login footer span:has(a) svg {
  width: 5.6875rem;
  height: auto;
  aspect-ratio: 6.0666666667;
}
.login footer span:has(a) svg path {
  fill: currentColor;
}

.account {
  padding-top: 2rem;
  padding-bottom: clamp(3.375rem, 2.1538rem + 1.5385vw, 4rem);
  flex: 1;
}
@media only screen and (max-width: 79.3125rem) {
  .account {
    padding-top: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
  }
}
.account .wrap {
  display: grid;
  grid-gap: 2rem 1.5rem;
  grid-template-columns: minmax(0, clamp(21.875rem, 6rem + 20vw, 30rem)) minmax(0, 1fr);
}
@media only screen and (max-width: 79.3125rem) {
  .account .wrap {
    display: grid;
    grid-gap: 1.5rem 1.4375rem;
    grid-template-columns: minmax(0, clamp(20rem, 9.0034rem + 16.2162vw, 21.875rem)) minmax(0, 1fr);
  }
}
@media only screen and (max-width: 67.75rem) {
  .account .wrap {
    display: grid;
    grid-gap: 0rem;
    grid-template-columns: minmax(0, 1fr);
  }
}
.account .breadcrumb {
  grid-column: 1/-1;
}
.account .account__aside {
  background-color: var(--other-blue-500);
  border-radius: 0.375rem;
  padding: clamp(2rem, 1.0231rem + 1.2308vw, 2.5rem);
}
.account .account__aside ul {
  list-style: none;
}
.account .account__aside ul li {
  position: unset;
  padding-left: unset;
}
.account .account__aside ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.account .account__aside a {
  text-decoration: none;
}
@media only screen and (max-width: 67.75rem) {
  .account .account__aside {
    margin-top: 1rem;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__aside {
    padding: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem) clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
  }
}
.account .account__aside h1, .account .account__aside .h1 {
  color: var(--primary-300);
  font-size: clamp(1.375rem, 0.6423rem + 0.9231vw, 1.75rem);
  font-weight: 600;
  line-height: clamp(2rem, 1.0231rem + 1.2308vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__aside h1, .account .account__aside .h1 {
    font-size: clamp(1.125rem, 0.9351rem + 0.8439vw, 1.375rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.account .account__aside .aside__nav {
  margin-top: clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
}
.account .account__aside .nav__list {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, -0.9538rem + 2.4615vw, 2rem);
}
@media only screen and (max-width: 79.3125rem) {
  .account .account__aside .nav__list {
    display: flex;
    gap: clamp(0.5rem, -0.4564rem + 1.8349vw, 1rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__aside .nav__list {
    display: flex;
    gap: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
  }
}
.account .account__aside .list__item {
  display: flex;
}
.account .account__aside .item__link {
  color: var(--primary-500);
  font-size: clamp(1rem, 0.7558rem + 0.3077vw, 1.125rem);
  font-weight: 400;
  line-height: clamp(1.5rem, 1.0115rem + 0.6154vw, 1.75rem);
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (hover: hover) {
  .account .account__aside .item__link:hover {
    color: var(--primary-900);
  }
  .account .account__aside .item__link:hover .link__icon {
    background-color: var(--other-green-500);
    color: var(--primary-900);
  }
}
.account .account__aside .item__link._active {
  color: var(--primary-900);
}
.account .account__aside .item__link._active .link__icon {
  background-color: var(--primary-900);
  color: var(--secondary-500);
}
.account .account__aside .link__icon {
  width: clamp(2.5rem, -3.3649rem + 8.6486vw, 3.5rem);
  min-width: clamp(2.5rem, -3.3649rem + 8.6486vw, 3.5rem);
  height: auto;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: var(--primary-300);
}
.account .account__aside .link__icon svg {
  width: clamp(1.25rem, -0.9493rem + 3.2432vw, 1.625rem);
  min-width: clamp(1.25rem, -0.9493rem + 3.2432vw, 1.625rem);
  height: auto;
  aspect-ratio: 1;
}
.account .account__aside .link__icon svg path {
  stroke: currentColor;
}
.account .account__main {
  padding-inline: clamp(2rem, 1.0231rem + 1.2308vw, 2.5rem);
}
@media only screen and (max-width: 79.3125rem) {
  .account .account__main {
    padding-inline: clamp(0rem, -11.7297rem + 17.2973vw, 2rem);
  }
}
@media only screen and (max-width: 67.75rem) {
  .account .account__main {
    margin-top: 1.5rem;
  }
}
.account .account__main .main__greeting {
  display: flex;
  flex-direction: column;
  color: var(--primary-900);
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .main__greeting {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.account .account__main .greeting__name {
  color: var(--primary-500);
  font-size: clamp(1rem, 0.7558rem + 0.3077vw, 1.125rem);
  font-weight: 400;
  line-height: clamp(1.5rem, 1.0115rem + 0.6154vw, 1.75rem);
}
.account .account__main .main__block {
  border-top: 0.0625rem solid var(--other-black-50);
  padding-top: clamp(2rem, 1.0231rem + 1.2308vw, 2.5rem);
  margin-top: clamp(2rem, 1.0231rem + 1.2308vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .main__block {
    padding-top: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
    margin-top: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.account .account__main .main__block:has(.checkbox._block) .checkbox {
  margin-top: 2rem;
}
.account .account__main .main__block._add-address {
  display: none;
}
.account .account__main .main__block > p, .account .account__main .main__block > .p {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
  margin-top: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .main__block > p, .account .account__main .main__block > .p {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.account .account__main:has(.main__block .addresses__add input:checked) .main__block:has(.inner__addresses) {
  display: none;
}
.account .account__main:has(.main__block .addresses__add input:checked) .main__block._add-address {
  display: block;
}
.account .account__main .block__inner {
  width: 100%;
  max-width: 62rem;
}
.account .account__main .block__inner:has(.inner__addresses) {
  max-width: 100%;
}
.account .account__main h2, .account .account__main .h2 {
  color: var(--primary-300);
  font-size: clamp(1.125rem, 0.8808rem + 0.3077vw, 1.25rem);
  font-weight: 500;
  line-height: 1.75rem;
}
.account .account__main .double__input {
  display: grid;
  grid-gap: 2rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .double__input {
    display: grid;
    grid-gap: 0rem;
    grid-template-columns: minmax(0, 1fr);
  }
}
@media only screen and (max-width: 79.3125rem) {
  .account .account__main .double__input:has(.double__input) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .double__input:has(.double__input) {
    display: grid;
    grid-gap: 0rem;
    grid-template-columns: minmax(0, 1fr);
  }
}
.account .account__main .double__input:has(.double__input) .double__input {
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.account .account__main .double__input:has(.input__link) {
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.account .account__main .input,
.account .account__main .select {
  margin-top: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
}
.account .account__main .checkbox {
  margin-top: 1.5rem;
}
.account .account__main .button {
  margin-top: clamp(1.5rem, 0.7405rem + 3.3755vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .button {
    max-width: 100%;
  }
}
.account .account__main .inner__addresses {
  display: grid;
  grid-gap: clamp(1.5rem, 0.5231rem + 1.2308vw, 2rem);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
}
@media only screen and (max-width: 79.3125rem) {
  .account .account__main .inner__addresses {
    display: grid;
    grid-gap: clamp(1rem, -1.9324rem + 4.3243vw, 1.5rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .inner__addresses {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}
.account .account__main .inner__addresses .addresses._card {
  margin-top: 0;
}
.account .account__main .inner__addresses .addresses__add {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  background-color: var(--secondary-500);
  color: var(--primary-900);
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
  padding: 2.5625rem;
  cursor: pointer;
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .inner__addresses .addresses__add {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
@media (hover: hover) {
  .account .account__main .inner__addresses .addresses__add:hover {
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.25);
  }
}
.account .account__main .inner__addresses .addresses__add input {
  display: none;
}
.account .account__main .inner__addresses .addresses__add svg {
  width: clamp(3.375rem, 2.1538rem + 1.5385vw, 4rem);
  min-width: clamp(3.375rem, 2.1538rem + 1.5385vw, 4rem);
  height: auto;
  aspect-ratio: 1;
}
.account .account__main .inner__addresses .addresses__add svg g path:first-child {
  fill: var(--primary-900);
}
.account .account__main .inner__buttons {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .inner__buttons {
    display: flex;
    flex-direction: column-reverse;
    gap: 1rem;
  }
}
.account .account__main .inner__buttons > * {
  gap: 0.625rem;
  margin-top: 0;
}
.account .account__main .inner__buttons > * svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.account .account__main .inner__buttons > * svg path {
  stroke: currentColor;
}
.account .account__main .block__history {
  --history__col_1: clamp(5.3125rem, -3.3577rem + 10.9231vw, 9.75rem);
  --history__col_2: clamp(9.5rem, 2.1731rem + 9.2308vw, 13.25rem);
  --history__col_3: clamp(8.625rem, 7.6481rem + 1.2308vw, 9.125rem);
  --history__col_4: clamp(8.5625rem, 3.3115rem + 6.6154vw, 11.25rem);
  --history__col_5: clamp(7.0625rem, -13.9413rem + 26.4615vw, 17.8125rem);
  --history__col_6: clamp(7.1875rem, 1.326rem + 7.3846vw, 10.1875rem);
  --history__width: calc(var(--history__col_1) + var(--history__col_2) + var(--history__col_3) + var(--history__col_4) + var(--history__col_5) + var(--history__col_6) + clamp(0.75rem, 0.2615rem + 0.6154vw, 1rem) + 1.5rem);
  margin-top: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  overflow-x: auto;
}
@media only screen and (max-width: 67.75rem) {
  .account .account__main .block__history {
    --history__col_1: clamp(5.3125rem, -1.1252rem + 12.3506vw, 7.25rem);
    --history__col_2: clamp(9.5rem, 3.2699rem + 11.9522vw, 11.375rem);
    --history__col_3: clamp(8.625rem, 6.9636rem + 3.1873vw, 9.125rem);
    --history__col_4: clamp(8.5625rem, 3.7861rem + 9.1633vw, 10rem);
    --history__col_5: clamp(7.0625rem, -9.9664rem + 32.6693vw, 12.1875rem);
    --history__col_6: clamp(7.1875rem, 3.4495rem + 7.1713vw, 8.3125rem);
  }
}
.account .account__main .block__history .history__item {
  min-width: var(--history__width);
  display: grid;
  grid-template-columns: var(--history__col_1) var(--history__col_2) var(--history__col_3) var(--history__col_4) var(--history__col_5) var(--history__col_6) minmax(0, 1fr);
  color: var(--primary-500);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  border-bottom: 0.0625rem solid var(--other-black-50);
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__history .history__item {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.account .account__main .block__history .history__item._header {
  color: var(--other-white-800);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.125rem;
  border-top: 0.0625rem solid var(--other-black-50);
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__history .history__item._header {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.account .account__main .block__history .item__col {
  display: flex;
  align-items: center;
  min-height: 3.375rem;
  padding: 0.4375rem clamp(0.75rem, 0.2615rem + 0.6154vw, 1rem);
}
.account .account__main .block__history .item__col:first-child {
  padding-left: 0;
}
.account .account__main .block__history .item__col:last-child {
  padding-right: 0;
}
.account .account__main .block__history .item__col:not(:first-child) {
  border-left: 0.0625rem solid var(--other-black-50);
}
.account .account__main .block__history .item__col._status span {
  background-color: var(--other-blue-500);
  width: 100%;
  border-radius: 0.25rem;
  text-align: center;
  padding: 0.125rem;
}
.account .account__main .block__history .item__col span a, .account .account__main .block__history .item__col._total {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__history .item__col span a, .account .account__main .block__history .item__col._total {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.account .account__main .block__history .col__open {
  color: inherit;
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
@media (hover: hover) {
  .account .account__main .block__history .col__open:hover {
    color: var(--secondary-900);
  }
}
.account .account__main .block__history .col__open path {
  stroke: currentColor;
}
.account .account__main .block__order .order__title {
  display: flex;
  gap: 0.25rem 1.5rem;
}
@media only screen and (max-width: 79.3125rem) {
  .account .account__main .block__order .order__title {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 67.75rem) {
  .account .account__main .block__order .order__title {
    flex-wrap: unset;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__title {
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (max-width: 79.3125rem) {
  .account .account__main .block__order .order__title h2, .account .account__main .block__order .order__title .h2 {
    width: 100%;
  }
}
@media only screen and (max-width: 67.75rem) {
  .account .account__main .block__order .order__title h2, .account .account__main .block__order .order__title .h2 {
    width: unset;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__title h2, .account .account__main .block__order .order__title .h2 {
    width: 100%;
  }
}
.account .account__main .block__order .order__title .title__status {
  color: var(--secondary-500);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  background-color: var(--primary-900);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 11.25rem;
  border-radius: 0.25rem;
  text-align: center;
  padding: 0.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__title .title__status {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.account .account__main .block__order .order__title .title__pdf {
  color: inherit;
  color: var(--primary-900);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.125rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  text-decoration: none;
  margin-left: auto;
}
@media (hover: hover) {
  .account .account__main .block__order .order__title .title__pdf:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__title .title__pdf {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__title .title__pdf {
    margin-top: 0.75rem;
    margin-left: 0;
  }
}
.account .account__main .block__order .order__title .title__pdf svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.account .account__main .block__order .order__title .title__pdf svg path {
  stroke: currentColor;
}
.account .account__main .block__order .order__info {
  display: flex;
  min-height: 3.375rem;
  border-top: 0.0625rem solid var(--other-black-50);
  border-bottom: 0.0625rem solid var(--other-black-50);
  margin-top: 1.5625rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__info {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-height: unset;
    padding-top: 1rem;
    border-bottom: 0;
  }
}
.account .account__main .block__order .order__info .info__item {
  color: var(--other-white-800);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.125rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.4375rem 1rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__info .info__item {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__info .info__item {
    padding: 0;
  }
}
.account .account__main .block__order .order__info .info__item:first-child {
  padding-left: 0;
}
.account .account__main .block__order .order__info .info__item:last-child {
  padding-right: 0;
}
.account .account__main .block__order .order__info .info__item:not(:first-child) {
  border-left: 0.0625rem solid var(--other-black-50);
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__info .info__item:not(:first-child) {
    border-left: 0;
  }
}
.account .account__main .block__order .order__info span:last-child {
  color: var(--primary-500);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__info span:last-child {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.account .account__main .block__order .order__data {
  display: grid;
  grid-gap: 1.5rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 1.5rem;
  color: var(--primary-500);
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__data {
    display: grid;
    grid-gap: 0.5rem;
    grid-template-columns: minmax(0, 1fr);
  }
}
.account .account__main .block__order .order__data .data__item {
  padding: clamp(1.5rem, 0.5231rem + 1.2308vw, 2rem);
  border: 0.0625rem solid var(--other-white-600);
  border-radius: 0.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__data .data__item {
    padding: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  }
}
.account .account__main .block__order .order__data .item__title {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__data .item__title {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.account .account__main .block__order .order__data .item__row {
  margin-top: 0.5rem;
}
.account .account__main .block__order .order__data .item__row:has(.row__col:nth-child(2)) {
  display: grid;
  grid-gap: 2.5rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 79.3125rem) {
  .account .account__main .block__order .order__data .item__row:has(.row__col:nth-child(2)) {
    display: grid;
    grid-gap: 0.5rem;
    grid-template-columns: minmax(0, 1fr);
  }
}
@media only screen and (max-width: 67.75rem) {
  .account .account__main .block__order .order__data .item__row:has(.row__col:nth-child(2)) {
    display: grid;
    grid-gap: clamp(1rem, -3.9841rem + 9.5618vw, 2.5rem);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__data .item__row:has(.row__col:nth-child(2)) {
    display: grid;
    grid-gap: 0.5rem;
    grid-template-columns: minmax(0, 1fr);
  }
}
.account .account__main .block__order .order__data .item__row:has(.row__col:nth-child(2)) p, .account .account__main .block__order .order__data .item__row:has(.row__col:nth-child(2)) .p {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  margin: 0;
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__data .item__row:has(.row__col:nth-child(2)) p, .account .account__main .block__order .order__data .item__row:has(.row__col:nth-child(2)) .p {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.account .account__main .block__order .order__data p, .account .account__main .block__order .order__data .p {
  color: inherit;
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__data p, .account .account__main .block__order .order__data .p {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.account .account__main .block__order .order__products {
  margin-top: 1.5rem;
}
.account .account__main .block__order .order__summary {
  width: 100%;
  max-width: 27.5rem;
  background-color: var(--secondary-500);
  margin-top: 1.5rem;
  margin-left: auto;
}
.account .account__main .block__order .order__summary .summary__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: clamp(1rem, 0.0231rem + 1.2308vw, 1.5rem);
  color: var(--secondary-600);
}
.account .account__main .block__order .order__summary .summary__row span:first-child {
  font-size: clamp(0.875rem, 0.7529rem + 0.1538vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__summary .summary__row span:first-child {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.account .account__main .block__order .order__summary .summary__row span:last-child {
  font-size: clamp(0.875rem, 0.7529rem + 0.1538vw, 0.9375rem);
  font-weight: 600;
  line-height: 1.25rem;
}
.account .account__main .block__order .order__summary .summary__row + .summary__row {
  margin-top: 0.5rem;
}
.account .account__main .block__order .order__summary .summary__row._total span {
  color: var(--primary-300);
  font-size: clamp(1rem, 0.7558rem + 0.3077vw, 1.125rem);
  font-weight: 600;
  line-height: clamp(1.5rem, 1.0115rem + 0.6154vw, 1.75rem);
}
.account .account__main .block__order .order__summary .button {
  margin-top: 2rem;
  gap: 0.625rem;
  padding-inline: 0.5rem;
}
.account .account__main .block__order .order__summary .button svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.account .account__main .block__order .order__summary .button svg path {
  stroke: currentColor;
}

.addresses._card {
  display: flex;
  flex-direction: column;
  border: 0.0625rem solid var(--other-white-600);
  padding-block: clamp(1rem, -4.8649rem + 8.6486vw, 2rem);
  padding-left: clamp(3.5rem, -8.2297rem + 17.2973vw, 5.5rem);
  padding-right: clamp(1rem, -4.8649rem + 8.6486vw, 2rem);
  border-radius: 0.5rem;
  color: var(--primary-500);
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 67.75rem) {
  .addresses._card {
    padding-block: clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
    padding-left: clamp(3.5rem, 1.981rem + 6.7511vw, 5.5rem);
    padding-right: clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
  }
}
@media (hover: hover) {
  .addresses._card:hover {
    border-color: var(--secondary-700);
  }
}
.addresses._card:has(input:checked) {
  border-color: var(--primary-900);
}
.addresses._card:has(input:checked) > * {
  opacity: 1;
}
.addresses._card:has(input:checked) input {
  border-color: var(--primary-900);
}
.addresses._card:has(input:checked) input::after {
  --icon__width: 0.5rem;
  display: flex;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
  background-color: var(--primary-900);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.addresses._card:has(input:checked) .item__main {
  background-color: var(--other-green-500);
  color: var(--primary-900);
}
.addresses._card + ._card {
  margin-top: 0.5rem;
}
.addresses._card > *:not(label) {
  opacity: 0.6;
}
.addresses._card > label {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.addresses._card input {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 0.125rem solid var(--secondary-700);
  position: absolute;
  top: 50%;
  left: clamp(1rem, -4.8649rem + 8.6486vw, 2rem);
  transform: translateY(-50%);
}
@media only screen and (max-width: 67.75rem) {
  .addresses._card input {
    left: clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
  }
}
.addresses._card .item__main {
  max-width: max-content;
  background-color: var(--other-black-50);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.125rem;
  padding: clamp(0.1875rem, -0.9122rem + 1.6216vw, 0.375rem) 0.375rem;
  border-radius: 0.1875rem;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 52.0625rem) {
  .addresses._card .item__main {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.addresses._card .item__title {
  font-size: clamp(0.875rem, 0.7529rem + 0.1538vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.25rem;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .addresses._card .item__title {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.addresses._card .item__description {
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .addresses._card .item__description {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.addresses._card .item__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem;
  pointer-events: none;
  position: relative;
  z-index: 1;
}
.addresses._card .item__actions > * {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--secondary-600);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1rem;
  cursor: pointer;
  pointer-events: auto;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 52.0625rem) {
  .addresses._card .item__actions > * {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
@media (hover: hover) {
  .addresses._card .item__actions > *:hover {
    color: var(--primary-900);
  }
}
.addresses._card .item__actions > * svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.addresses._card .item__actions > * svg path {
  stroke: currentColor;
}

.homepage__hero {
  --hero__padding-block: 1.5rem;
  --hero__direction: row;
  --hero__aspect-ratio: 2.4333333333;
  --hero__text__color: var(--secondary-500);
  margin-bottom: 0 !important;
  padding-block: var(--hero__padding-block);
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero {
    --hero__padding-block: 3.375rem;
    --hero__direction: column;
    --hero__aspect-ratio: 0.5142857143;
  }
}
.homepage__hero:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  overflow: hidden;
}
.homepage__hero:not(.slick-initialized) > *:nth-child(n+2) {
  display: none;
}
@media only screen and (max-width: 79.3125rem) {
  .homepage__hero {
    padding-top: 0;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero {
    padding-bottom: var(--hero__padding-block);
  }
}
@media only screen and (max-width: 37.25rem) {
  .homepage__hero {
    margin-inline: calc(var(--padding) * -1);
  }
}
.homepage__hero .hero__item {
  display: flex;
  flex-direction: var(--hero__direction);
  width: 100%;
  height: auto;
  aspect-ratio: var(--hero__aspect-ratio);
  background-repeat: no-repaeat;
  background-position: center;
  background-size: cover;
  background-image: var(--desktop-image);
  border-radius: 0.375rem;
  overflow: hidden;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .hero__item {
    background-image: var(--mobile-image);
  }
}
@media only screen and (max-width: 37.25rem) {
  .homepage__hero .hero__item {
    border-radius: 0;
  }
}
.homepage__hero .hero__item._reverse {
  --hero__direction: row-reverse;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .hero__item._reverse {
    --hero__direction: column;
  }
}
.homepage__hero .hero__item._light {
  --hero__text__color: var(--secondary-500);
}
.homepage__hero .hero__item._dark {
  --hero__text__color: var(--primary-300);
}
.homepage__hero .item__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding-block: clamp(3.5625rem, 1.975rem + 2vw, 4.375rem);
  padding-inline: clamp(3.75rem, -3.5769rem + 9.2308vw, 7.5rem);
}
@media only screen and (max-width: 79.3125rem) {
  .homepage__hero .item__content {
    padding-block: clamp(0.8125rem, -6.002rem + 13.0734vw, 4.375rem);
    padding-inline: clamp(2.5rem, -7.0642rem + 18.3486vw, 7.5rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .item__content {
    display: flex;
    align-items: center;
    padding-top: clamp(1.5rem, -3.8165rem + 23.6287vw, 8.5rem);
    padding-bottom: clamp(1rem, -4.6962rem + 25.3165vw, 8.5rem);
    padding-inline: clamp(1.5rem, 0.2658rem + 5.4852vw, 3.125rem);
  }
}
@media only screen and (max-width: 37.25rem) {
  .homepage__hero .item__content {
    padding-inline: var(--padding);
  }
}
@media only screen and (max-width: 22.4375rem) {
  .homepage__hero .item__content {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.homepage__hero .item__content > *:first-child {
  margin-top: 0;
}
.homepage__hero .content__logo {
  width: clamp(6.25rem, 2.5865rem + 4.6154vw, 8.125rem);
  height: auto;
  aspect-ratio: 2.5;
}
@media only screen and (max-width: 22.4375rem) {
  .homepage__hero .content__logo {
    width: 5rem;
  }
}
.homepage__hero .content__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.homepage__hero .content__percents,
.homepage__hero .content__heading-1 {
  margin-top: clamp(0.5rem, 0.2558rem + 0.3077vw, 0.625rem);
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .content__percents,
  .homepage__hero .content__heading-1 {
    margin-top: clamp(0.5rem, -0.2595rem + 3.3755vw, 1.5rem);
    text-align: center;
  }
}
@media only screen and (max-width: 22.4375rem) {
  .homepage__hero .content__percents,
  .homepage__hero .content__heading-1 {
    margin-top: 0.25rem;
  }
}
.homepage__hero .content__percents {
  color: var(--hero__text__color);
  font-size: clamp(5rem, 0.1154rem + 6.1538vw, 7.5rem);
  font-weight: 600;
  line-height: clamp(5.5rem, -0.85rem + 8vw, 8.75rem);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media only screen and (max-width: 79.3125rem) {
  .homepage__hero .content__percents {
    font-size: clamp(3rem, -0.8257rem + 7.3394vw, 5rem);
    line-height: clamp(3.375rem, -0.6898rem + 7.7982vw, 5.5rem);
  }
}
@supports (-webkit-line-clamp: 1) {
  .homepage__hero .content__percents {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
.homepage__hero .content__heading-1 {
  color: var(--hero__text__color);
  font-size: clamp(3rem, 1.0462rem + 2.4615vw, 4rem);
  font-weight: 600;
  line-height: clamp(3.375rem, 0.9327rem + 3.0769vw, 4.625rem);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media only screen and (max-width: 79.3125rem) {
  .homepage__hero .content__heading-1 {
    font-size: clamp(2.25rem, 0.8154rem + 2.7523vw, 3rem);
    line-height: clamp(2.75rem, 1.5545rem + 2.2936vw, 3.375rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .content__heading-1 {
    font-size: clamp(2rem, 1.8101rem + 0.8439vw, 2.25rem);
    line-height: clamp(2.375rem, 2.0902rem + 1.2658vw, 2.75rem);
  }
}
@supports (-webkit-line-clamp: 2) {
  .homepage__hero .content__heading-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.homepage__hero .content__heading-2,
.homepage__hero .content__text {
  margin-top: clamp(0.5rem, -2.1865rem + 3.3846vw, 1.875rem);
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .content__heading-2,
  .homepage__hero .content__text {
    text-align: center;
  }
}
@media only screen and (max-width: 22.4375rem) {
  .homepage__hero .content__heading-2,
  .homepage__hero .content__text {
    margin-top: 0.25rem;
  }
}
.homepage__hero .content__heading-2 {
  color: var(--hero__text__color);
  font-size: clamp(1.75rem, 1.2615rem + 0.6154vw, 2rem);
  font-weight: 600;
  line-height: 2.5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media only screen and (max-width: 79.3125rem) {
  .homepage__hero .content__heading-2 {
    font-size: clamp(1.25rem, 0.2936rem + 1.8349vw, 1.75rem);
    line-height: clamp(1.75rem, 0.3154rem + 2.7523vw, 2.5rem);
  }
}
@supports (-webkit-line-clamp: 2) {
  .homepage__hero .content__heading-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.homepage__hero .content__text {
  color: var(--hero__text__color);
  font-size: clamp(1rem, 0.7558rem + 0.3077vw, 1.125rem);
  font-weight: 400;
  line-height: clamp(1.5rem, 1.0115rem + 0.6154vw, 1.75rem);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@supports (-webkit-line-clamp: 1) {
  .homepage__hero .content__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
.homepage__hero .button {
  margin-top: clamp(1.5rem, -0.9423rem + 3.0769vw, 2.75rem);
}
@media only screen and (max-width: 22.4375rem) {
  .homepage__hero .button {
    margin-top: 1rem;
  }
}
.homepage__hero .item__visual {
  width: auto;
  height: 100%;
  aspect-ratio: 1;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .item__visual {
    width: 100%;
    height: auto;
    margin-top: auto;
  }
}
.homepage__hero .item__visual img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.homepage__hero .slick-arrow {
  --slider__arrow__width: 2.5rem;
  --slick__arrow__position: 1rem;
  --slick__arrow__gap: 0.375rem;
  --slick__background-color: var(--secondary-500);
  --slick__arrow__opacity: 0.4;
  width: var(--slider__arrow__width);
  min-width: var(--slider__arrow__width);
  height: auto;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
  font-size: 0;
  z-index: 1;
  left: unset;
  right: var(--slick__arrow__position);
}
@media only screen and (min-width: 52.125rem) {
  .homepage__hero .slick-arrow {
    top: unset;
    bottom: calc(var(--slick__arrow__position) + var(--hero__padding-block));
    transform: unset;
  }
}
@media (hover: hover) {
  .homepage__hero .slick-arrow:hover {
    --slick__arrow__opacity: 1;
  }
}
.homepage__hero .slick-arrow::before {
  background-color: var(--slick__background-color);
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  position: relative;
  content: "" !important;
  opacity: var(--slick__arrow__opacity);
  box-sizing: border-box;
  transition: opacity 0.1s ease-in-out;
}
.homepage__hero .slick-arrow::after {
  --icon__width: 1.5rem;
  display: flex;
  content: "";
  background-image: url("../images/icons/chevron-right_24x24.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 52.125rem) {
  .homepage__hero .slick-arrow.slick-prev {
    right: calc(var(--slick__arrow__position) + var(--slick__arrow__gap) + var(--slider__arrow__width));
  }
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .slick-arrow.slick-prev {
    left: var(--slick__arrow__position);
  }
}
.homepage__hero .slick-arrow.slick-prev::after {
  transform: translate(-50%, -50%) rotate(180deg);
}
.homepage__hero .slick-dots {
  --slick__dots__position: 0.875rem;
  bottom: calc(var(--slick__dots__position) + var(--hero__padding-block));
  line-height: unset;
}
.homepage__hero .slick-dots li {
  position: unset;
  padding-left: unset;
}
.homepage__hero .slick-dots li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.homepage__hero .slick-dots li {
  width: 0.0625rem;
  height: 0.625rem;
  background-color: var(--secondary-500);
  border-radius: 0.0625rem;
  margin: 0 0.3125rem;
  opacity: 0.4;
  transition: opacity 0.1s ease-in-out, width 0.1s ease-in-out, min-width 0.1s ease-in-out, height 0.1s ease-in-out;
}
.homepage__hero .slick-dots li.slick-active {
  width: 0.125rem;
  height: 1rem;
  opacity: 1;
}
.homepage__hero .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
}
.homepage__hero .slick-dots li button::before {
  content: none;
}

.homepage__facts .facts__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: clamp(0.75rem, -3.6486rem + 6.4865vw, 1.5rem);
  background: var(--other-gradient);
  border-radius: 0.375rem;
  padding-block: 0.75rem;
  padding-inline: 1.875rem;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__facts .facts__container {
    height: 3.5rem;
    padding-block: 0.5rem;
    position: relative;
  }
}
.homepage__facts .container__item {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
@media only screen and (max-width: 67.75rem) {
  .homepage__facts .container__item {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__facts .container__item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
    position: absolute;
    top: 0.5rem;
    left: 1.875rem;
    bottom: 0.5rem;
    right: 1.875rem;
    opacity: 0;
    z-index: 1;
    animation: carousel-slide 15s infinite;
  }
  .homepage__facts .container__item:nth-child(1) {
    animation-delay: 0s;
  }
  .homepage__facts .container__item:nth-child(2) {
    animation-delay: 3s;
  }
  .homepage__facts .container__item:nth-child(3) {
    animation-delay: 6s;
  }
  .homepage__facts .container__item:nth-child(4) {
    animation-delay: 9s;
  }
  .homepage__facts .container__item:nth-child(5) {
    animation-delay: 12s;
  }
}
.homepage__facts svg {
  width: clamp(2.5rem, 1.5231rem + 1.2308vw, 3rem);
  min-width: clamp(2.5rem, 1.5231rem + 1.2308vw, 3rem);
  height: auto;
  aspect-ratio: 1;
}
.homepage__facts .item__title {
  color: var(--secondary-500);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__facts .item__title {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media only screen and (max-width: 67.75rem) {
  .homepage__facts .item__title {
    text-align: center;
  }
}

@keyframes carousel-slide {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.homepage__categories {
  --categories__background-color: var(--other-blue-500);
  --categories__image__width: 100%;
  --categories__button__bottom: clamp(1rem, -0.4654rem + 1.8462vw, 1.75rem);
  --categories__button__translateY: calc(110% + var(--categories__button__bottom));
  padding-block: clamp(3.375rem, 2.1538rem + 1.5385vw, 4rem);
}
.homepage__categories ul {
  list-style: none;
}
.homepage__categories ul li {
  position: unset;
  padding-left: unset;
}
.homepage__categories ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.homepage__categories a {
  text-decoration: none;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__categories {
    padding-top: clamp(1.5rem, 0.0759rem + 6.3291vw, 3.375rem);
  }
}
.homepage__categories .wrap {
  display: grid;
  grid-gap: clamp(0.5rem, 0.2558rem + 0.3077vw, 0.625rem);
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
@media only screen and (max-width: 67.75rem) {
  .homepage__categories .wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}
.homepage__categories .categories__item {
  display: flex;
  flex-direction: column;
  color: inherit;
  background-color: var(--categories__background-color);
  color: var(--primary-300);
  font-size: clamp(1rem, 0.7558rem + 0.3077vw, 1.125rem);
  font-weight: 600;
  line-height: clamp(1.5rem, 1.0115rem + 0.6154vw, 1.75rem);
  border-radius: 0.375rem;
  overflow: hidden;
  position: relative;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}
@media (hover: hover) {
  .homepage__categories .categories__item:hover {
    color: var(--secondary-900);
  }
}
@media (hover: hover) {
  .homepage__categories .categories__item:hover {
    --categories__image__width: 107%;
    --categories__button__translateY: 0;
    --categories__background-color: var(--secondary-500);
  }
}
.homepage__categories .item__title {
  text-align: center;
  padding-top: clamp(1.875rem, 0.6538rem + 1.5385vw, 2.5rem);
  padding-bottom: clamp(0.625rem, -3.7712rem + 5.5385vw, 2.875rem);
  padding-inline: clamp(0.75rem, -3.8904rem + 5.8462vw, 3.125rem);
}
@media only screen and (max-width: 79.3125rem) {
  .homepage__categories .item__title {
    padding-top: clamp(1.5rem, -0.6993rem + 3.2432vw, 1.875rem);
  }
}
@media only screen and (max-width: 67.75rem) {
  .homepage__categories .item__title {
    padding-bottom: 1rem;
  }
}
.homepage__categories .item__photo {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  display: block;
  position: relative;
  overflow: hidden;
  margin-top: auto;
}
@media only screen and (max-width: 67.75rem) {
  .homepage__categories .item__photo {
    width: 11.25rem;
    min-width: unset;
    max-width: 100%;
    margin-inline: auto;
  }
}
.homepage__categories .item__photo img {
  width: var(--categories__image__width);
  min-width: var(--categories__image__width);
  height: auto;
  aspect-ratio: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: contain;
  transition: width 0.15s ease-in-out, min-width 0.15s ease-in-out, height 0.15s ease-in-out;
}
.homepage__categories .button {
  position: absolute;
  left: 50%;
  bottom: var(--categories__button__bottom);
  transform: translateX(-50%) translateY(var(--categories__button__translateY));
  transition: transform 0.15s ease-in-out;
}
.homepage__categories + .product__slider {
  padding-top: 0;
}

.homepage__image {
  --image__gap: clamp(0.5rem, -0.2595rem + 3.3755vw, 1.5rem);
  --image__col: minmax(0, 1fr);
  --image__width: clamp(76.875rem, 26.8077rem + 63.0769vw, 102.5rem);
  --image__aspect-ratio: 5.8571428571;
}
.homepage__image .wrap {
  display: grid;
  grid-gap: var(--image__gap);
  grid-template-columns: var(--image__col);
}
.homepage__image .image {
  display: flex;
  width: var(--image__width);
  max-width: 100%;
  height: auto;
  aspect-ratio: var(--image__aspect-ratio);
  margin-inline: auto;
}
.homepage__image._double {
  --image__col: repeat(2, minmax(0, 1fr));
  --image__width: clamp(37rem, 0.8538rem + 45.5385vw, 55.5rem);
  --image__aspect-ratio: 2.4666666667;
}
@media only screen and (max-width: 67.75rem) {
  .homepage__image._double {
    --image__col: minmax(0, 1fr);
  }
}

.homepage__about {
  background-image: url("../images/backgrounds/about_1920x696_2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-block: clamp(3.375rem, 1.1769rem + 2.7692vw, 4.5rem);
  color: var(--primary-300);
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__about {
    background-color: var(--other-blue-500);
    background-image: url("../imagesunset");
  }
}
.homepage__about .about__text,
.homepage__about .about__facts {
  width: 100%;
  margin-inline: auto;
}
.homepage__about .about__text {
  max-width: 52.0625rem;
}
.homepage__about .about__text > * {
  text-align: center;
}
.homepage__about h2, .homepage__about .h2 {
  font-size: clamp(1.375rem, 0.6423rem + 0.9231vw, 1.75rem);
  font-weight: 600;
  line-height: clamp(2rem, 1.0231rem + 1.2308vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__about h2, .homepage__about .h2 {
    font-size: clamp(1.125rem, 0.9351rem + 0.8439vw, 1.375rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.homepage__about h1, .homepage__about .h1 {
  color: var(--primary-900);
  font-size: clamp(3rem, 1.0462rem + 2.4615vw, 4rem);
  font-weight: 700;
  line-height: clamp(3.375rem, 0.9327rem + 3.0769vw, 4.625rem);
  margin-top: clamp(0.25rem, 0.0601rem + 0.8439vw, 0.5rem);
}
@media only screen and (max-width: 79.3125rem) {
  .homepage__about h1, .homepage__about .h1 {
    font-size: clamp(2.25rem, 0.8154rem + 2.7523vw, 3rem);
    line-height: clamp(2.75rem, 1.5545rem + 2.2936vw, 3.375rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__about h1, .homepage__about .h1 {
    font-size: clamp(2rem, 1.8101rem + 0.8439vw, 2.25rem);
    line-height: clamp(2.375rem, 2.0902rem + 1.2658vw, 2.75rem);
  }
}
.homepage__about h3, .homepage__about .h3 {
  font-size: clamp(1.125rem, 0.8808rem + 0.3077vw, 1.25rem);
  font-weight: 600;
  line-height: 1.75rem;
  margin-top: clamp(0.25rem, -0.3196rem + 2.5316vw, 1rem);
}
.homepage__about p, .homepage__about .p {
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 300;
  line-height: 1.75rem;
  margin-top: 0.75rem;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__about p, .homepage__about .p {
    line-height: clamp(1.5rem, 1.3101rem + 0.8439vw, 1.75rem);
  }
}
.homepage__about .button {
  margin-top: clamp(2rem, 1.0231rem + 1.2308vw, 2.5rem);
}

.search__news {
  background-color: var(--other-blue-500);
  padding-block: clamp(3.375rem, 2.1538rem + 1.5385vw, 4rem);
}
@media only screen and (max-width: 52.0625rem) {
  .search__news {
    background-color: unset;
    padding-top: 0;
  }
}
.search__news h2, .search__news .h2 {
  color: var(--primary-300);
  font-size: clamp(1.375rem, 0.6423rem + 0.9231vw, 1.75rem);
  font-weight: 600;
  line-height: clamp(2rem, 1.0231rem + 1.2308vw, 2.5rem);
  margin-bottom: clamp(1rem, 0.0231rem + 1.2308vw, 1.5rem);
  text-align: center;
}
@media only screen and (max-width: 52.0625rem) {
  .search__news h2, .search__news .h2 {
    font-size: clamp(1.125rem, 0.9351rem + 0.8439vw, 1.375rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.search__news .news__grid {
  width: 100%;
  max-width: clamp(73rem, 47.6rem + 32vw, 86rem);
  display: grid;
  grid-gap: clamp(2rem, 1.0231rem + 1.2308vw, 2.5rem);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-inline: auto;
}
@media only screen and (max-width: 79.3125rem) {
  .search__news .news__grid {
    display: grid;
    grid-gap: clamp(1rem, -4.8649rem + 8.6486vw, 2rem);
  }
}
@media only screen and (max-width: 67.75rem) {
  .search__news .news__grid {
    display: grid;
    grid-gap: 2rem 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 52.0625rem) {
  .search__news .news__grid {
    display: grid;
    grid-template-columns: minmax(0, 24rem);
    justify-content: center;
  }
}

.news__grid {
  width: 100%;
  display: grid;
  grid-gap: 2rem clamp(2.125rem, -3.7365rem + 7.3846vw, 5.125rem);
  grid-template-columns: repeat(auto-fill, minmax(22.75rem, 1fr));
  margin-top: clamp(1.5rem, 0.5231rem + 1.2308vw, 2rem);
  margin-inline: auto;
}
@media only screen and (max-width: 79.3125rem) {
  .news__grid {
    width: 100%;
    max-width: 64.125rem;
    display: grid;
    grid-gap: clamp(1rem, -1.1519rem + 4.1284vw, 2.125rem);
    grid-template-columns: repeat(auto-fill, minmax(clamp(22rem, 20.5654rem + 2.7523vw, 22.75rem), 1fr));
  }
}
@media only screen and (max-width: 52.0625rem) {
  .news__grid {
    display: grid;
    grid-gap: 2rem;
    grid-template-columns: minmax(0, 24rem);
    justify-content: center;
  }
}

.news._card {
  --news__padding-block: 1.5rem;
  --news__padding-inline: clamp(1rem, -1.9324rem + 4.3243vw, 1.5rem);
  --news__aspect-ratio: 1.7777777778;
  background-color: var(--secondary-500);
  display: flex;
  flex-direction: column;
  padding-block: var(--news__padding-block);
  padding-inline: var(--news__padding-inline);
  border-radius: 0.375rem;
  position: relative;
}
@media only screen and (max-width: 52.0625rem) {
  .news._card {
    --news__padding-block: 0rem;
    --news__padding-inline: 0rem;
  }
}
.news._card ul {
  list-style: none;
}
.news._card ul li {
  position: unset;
  padding-left: unset;
}
.news._card ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.news._card a {
  text-decoration: none;
}
.news._card .news__badges {
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding-block: calc(var(--news__padding-block) + clamp(0.3125rem, 0.1701rem + 0.6329vw, 0.5rem));
  padding-inline: calc(var(--news__padding-inline) + clamp(0.3125rem, 0.1701rem + 0.6329vw, 0.5rem));
}
.news._card .badges__item {
  color: var(--primary-500);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  background-color: var(--secondary-500);
  padding-block: 0.125rem;
  padding-inline: 0.5rem;
  border-radius: 0.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .news._card .badges__item {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.news._card .news__photo {
  width: 100%;
  height: auto;
  aspect-ratio: var(--news__aspect-ratio);
  display: flex;
}
.news._card .news__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news._card .news__title {
  color: inherit;
  color: var(--primary-300);
  font-size: clamp(1rem, 0.7558rem + 0.3077vw, 1.125rem);
  font-weight: 600;
  line-height: clamp(1.5rem, 1.0115rem + 0.6154vw, 1.75rem);
  margin-top: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
}
@media (hover: hover) {
  .news._card .news__title:hover {
    color: var(--secondary-900);
  }
}
.news._card .news__description {
  --description__height: 4lh;
  color: var(--primary-500);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-height: var(--description__height);
  max-height: var(--description__height);
  margin-top: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
}
@media only screen and (max-width: 67.75rem) {
  .news._card .news__description {
    --description__height: 5lh;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .news._card .news__description {
    --description__height: 3lh;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .news._card .news__description {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@supports (-webkit-line-clamp: 4) {
  .news._card .news__description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
}
.news._card .news__more {
  color: var(--secondary-900);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-decoration: underline;
  margin-top: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
}
@media only screen and (max-width: 52.0625rem) {
  .news._card .news__more {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media (hover: hover) {
  .news._card .news__more:hover {
    color: var(--primary-900);
  }
}
.news._related {
  --news__padding: clamp(0.875rem, 0.6308rem + 0.3077vw, 1rem);
  --news__aspect-ratio: 1.7777777778;
  background-color: var(--secondary-500);
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: var(--news__padding);
  border-radius: 0.375rem;
  position: relative;
}
@media only screen and (max-width: 52.0625rem) {
  .news._related {
    --news__padding: clamp(0rem, -0.6646rem + 2.9536vw, 0.875rem);
  }
}
.news._related ul {
  list-style: none;
}
.news._related ul li {
  position: unset;
  padding-left: unset;
}
.news._related ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.news._related a {
  text-decoration: none;
}
.news._related .news__photo {
  width: 100%;
  height: auto;
  aspect-ratio: var(--news__aspect-ratio);
  display: flex;
}
.news._related .news__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news._related .news__title {
  color: inherit;
  color: var(--primary-300);
  font-size: clamp(0.875rem, 0.7529rem + 0.1538vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.25rem;
  margin-top: clamp(0.875rem, 0.6308rem + 0.3077vw, 1rem);
}
@media (hover: hover) {
  .news._related .news__title:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .news._related .news__title {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .news._related .news__title {
    margin-top: clamp(0.5rem, 0.2152rem + 1.2658vw, 0.875rem);
  }
}

.contacts__form {
  --input__margin-top: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  padding-top: 3.375rem;
  padding-inline: clamp(0rem, -4.8846rem + 6.1538vw, 2.5rem);
}
@media only screen and (max-width: 37.25rem) {
  .contacts__form .double__input {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}
.contacts__form h2, .contacts__form .h2 {
  color: var(--primary-300);
  font-size: clamp(1.375rem, 0.6423rem + 0.9231vw, 1.75rem);
  font-weight: 600;
  line-height: clamp(2rem, 1.0231rem + 1.2308vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .contacts__form h2, .contacts__form .h2 {
    font-size: clamp(1.125rem, 0.9351rem + 0.8439vw, 1.375rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
@media only screen and (max-width: 37.25rem) {
  .contacts__form h2, .contacts__form .h2 {
    text-align: center;
  }
}
.contacts__form .form__actions {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  width: 100%;
  max-width: 21.875rem;
  margin-top: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  margin-left: auto;
}
@media only screen and (max-width: 37.25rem) {
  .contacts__form .form__actions {
    max-width: 100%;
  }
}

.contacts__map {
  --map__height: clamp(24.25rem, 20.6424rem + 16.0338vw, 29rem);
  height: var(--map__height);
  position: relative;
}
.contacts__map #map {
  position: absolute;
  inset: 0;
}

.editor {
  padding-top: clamp(1.5rem, 0.5231rem + 1.2308vw, 2rem);
  padding-inline: clamp(2rem, 1.0231rem + 1.2308vw, 2.5rem);
}
@media only screen and (max-width: 79.3125rem) {
  .editor {
    padding-inline: clamp(1.875rem, 1.6359rem + 0.4587vw, 2rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .editor {
    padding-inline: clamp(0rem, -1.4241rem + 6.3291vw, 1.875rem);
  }
}
.editor > *:first-child {
  margin-top: 0 !important;
}
.editor h6, .editor .h6 {
  color: var(--primary-500);
  font-size: clamp(1.125rem, 0.8808rem + 0.3077vw, 1.25rem);
  font-weight: 600;
  line-height: 1.75rem;
  margin-top: clamp(3rem, 2.2673rem + 0.9231vw, 3.375rem);
}
@media only screen and (max-width: 52.0625rem) {
  .editor h6, .editor .h6 {
    margin-top: clamp(2rem, 1.2405rem + 3.3755vw, 3rem);
  }
}
.editor p, .editor .p {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 300;
  line-height: 1.75rem;
  margin-top: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
}
@media only screen and (max-width: 52.0625rem) {
  .editor p, .editor .p {
    line-height: clamp(1.5rem, 1.3101rem + 0.8439vw, 1.75rem);
  }
}
.editor ul {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 300;
  line-height: 1.75rem;
  margin-top: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
}
@media only screen and (max-width: 52.0625rem) {
  .editor ul {
    line-height: clamp(1.5rem, 1.3101rem + 0.8439vw, 1.75rem);
  }
}
.editor ul ul {
  margin-top: 0;
}
.editor table {
  margin-top: clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
}
.editor .about__facts {
  --facts__margin-top: clamp(2rem, 0.9557rem + 4.6414vw, 3.375rem);
  width: 100%;
  max-width: 100%;
  padding-block: 0;
  padding-inline: 0;
}
@media only screen and (min-width: 67.8125rem) {
  .editor .about__facts {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 67.8125rem) {
  .editor .about__facts .facts__item:first-child {
    padding-left: 0;
  }
  .editor .about__facts .facts__item:last-child {
    padding-right: 0;
  }
}
.editor .about__facts + * {
  margin-top: clamp(2rem, 0.9557rem + 4.6414vw, 3.375rem);
}

.compare__table {
  --table__header__width: clamp(11.625rem, 0.024rem + 14.6154vw, 17.5625rem);
  --table__column__width: clamp(17.25rem, 3.8173rem + 16.9231vw, 24.125rem);
  --table__row__padding-block: 0.5rem;
  --table__row__padding-inline: 1rem;
  min-width: fit-content;
}
@media only screen and (max-width: 52.0625rem) {
  .compare__table {
    --table__header__width: clamp(7.5rem, 4.3671rem + 13.9241vw, 11.625rem);
    --table__column__width: clamp(12.875rem, 9.5522rem + 14.7679vw, 17.25rem);
  }
}
.compare__table .table__row {
  display: flex;
}
.compare__table .table__row:nth-child(odd) {
  --cell__background-color: var(--other-blue-500);
}
.compare__table .table__row:nth-child(even) {
  --cell__background-color: var(--secondary-500);
}
.compare__table .row__header, .compare__table .row__cell {
  background-color: var(--cell__background-color);
  min-height: 2.5rem;
  display: flex;
  align-items: center;
  gap: var(--cell__gap);
  padding-block: var(--table__row__padding-block);
  padding-inline: var(--table__row__padding-inline);
  color: var(--primary-500);
}
.compare__table .row__header:first-child, .compare__table .row__cell:first-child {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.compare__table .row__header:last-child, .compare__table .row__cell:last-child {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.compare__table .row__header:not(:last-child), .compare__table .row__cell:not(:last-child) {
  border-right: 0.0625rem solid var(--other-black-50);
}
.compare__table .row__header {
  width: var(--table__header__width);
  min-width: var(--table__header__width);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.125rem;
  position: sticky;
  left: 0;
}
@media only screen and (max-width: 52.0625rem) {
  .compare__table .row__header {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.compare__table a.row__cell {
  color: inherit;
}
@media (hover: hover) {
  .compare__table a.row__cell:hover {
    color: var(--secondary-900);
  }
}
.compare__table .row__cell {
  width: 100%;
  min-width: var(--table__column__width);
  flex: 1;
}
.compare__table .row__cell:not(._price) {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .compare__table .row__cell:not(._price) {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.compare__table .row__cell._price {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .compare__table .row__cell._price {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.compare__table .row__cell._rating {
  --cell__gap: 0.375rem;
}
.compare__table .row__cell._rating svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.compare__table .row__cell._rating svg path {
  fill: var(--primary-900);
}
.compare__table .row__cell:has(img) {
  --table__row__padding-block: 1rem;
  --cell__gap: 0.625rem;
  display: flex;
  flex-direction: column;
}
.compare__table .row__cell:has(img) .product__remove {
  --icon__color: var(--other-white-800);
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  cursor: pointer;
  margin-left: auto;
}
@media (hover: hover) {
  .compare__table .row__cell:has(img) .product__remove:hover {
    --icon__color: var(--primary-900);
  }
}
.compare__table .row__cell:has(img) .product__remove svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.compare__table .row__cell:has(img) .product__remove svg path {
  stroke: var(--icon__color);
}
.compare__table .row__cell:has(img) img {
  width: 6.5rem;
  min-width: 6.5rem;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
}

.compare {
  margin-top: clamp(1.5rem, 0.5231rem + 1.2308vw, 2rem);
}
.compare .compare__title {
  color: var(--primary-900);
  font-size: clamp(1rem, 0.7558rem + 0.3077vw, 1.125rem);
  font-weight: 600;
  line-height: clamp(1.5rem, 1.0115rem + 0.6154vw, 1.75rem);
  padding-block: 1rem;
}
.compare .compare__scroll {
  overflow-x: auto;
}
@media only screen and (max-width: 37.25rem) {
  .compare .compare__scroll {
    margin-right: calc(var(--padding) * -1);
  }
}

.about__facts {
  --facts__margin-top: clamp(2rem, -0.9308rem + 3.6923vw, 3.5rem);
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: clamp(65.1875rem, 46.9923rem + 22.9231vw, 74.5rem);
  background-color: var(--secondary-500);
  margin-top: var(--facts__margin-top);
  padding-block: clamp(1.5rem, 0.4003rem + 1.6216vw, 1.6875rem);
  padding-inline: clamp(0rem, -2.5644rem + 3.2308vw, 1.3125rem);
}
@media only screen and (max-width: 67.75rem) {
  .about__facts {
    display: grid;
    grid-gap: 1.25rem 0rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 37.25rem) {
  .about__facts {
    display: grid;
    grid-gap: 2rem;
    grid-template-columns: minmax(0, 1fr);
  }
}
.about__facts .facts__divider {
  --divider__width: 0.0625rem;
  width: var(--divider__width);
  min-width: var(--divider__width);
  background-color: var(--other-black-50);
  align-self: stretch;
}
@media only screen and (max-width: 67.75rem) {
  .about__facts .facts__divider {
    display: none;
  }
}
.about__facts .facts__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.625rem;
  padding-inline: clamp(1.875rem, 0.6538rem + 1.5385vw, 2.5rem);
}
@media only screen and (max-width: 67.75rem) {
  .about__facts .facts__item {
    width: 15rem;
    max-width: 100%;
  }
  .about__facts .facts__item:nth-of-type(4n+1) {
    margin-left: auto;
  }
  .about__facts .facts__item:nth-of-type(4n+3) {
    margin-right: auto;
    border-left: 0.0625rem solid var(--other-black-50);
  }
}
@media only screen and (max-width: 37.25rem) {
  .about__facts .facts__item {
    margin-inline: auto !important;
    border-left: unset !important;
    padding-inline: 1.0625rem;
  }
}
.about__facts .item__icon {
  width: clamp(3rem, 2.6203rem + 1.6878vw, 3.5rem);
  min-width: clamp(3rem, 2.6203rem + 1.6878vw, 3.5rem);
  height: auto;
  aspect-ratio: 1;
}
.about__facts .item__icon img, .about__facts .item__icon svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
}
.about__facts .item__title {
  color: var(--secondary-900);
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
  text-align: center;
}
@media only screen and (max-width: 52.0625rem) {
  .about__facts .item__title {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}

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

.product__hero .hero__cross .cross__title strong {
  background-color: var(--other-green-500);
  color: var(--primary-900);
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.25rem;
  padding: 0.375rem 0.75rem;
  border-radius: 0.25rem;
  margin-left: 1rem;
}

.page_login ._success p,
.page_login ._error p {
  margin-top: 0;
}

.columns__aside .aside__block:has(.aside__addresses) .aside__form {
  display: block;
  margin-top: 1.25rem;
}

.hero._news .hero__filters .filters__item {
  cursor: pointer;
}

.compare__table .table__row a {
  text-decoration: none;
}

.page_checkout .overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 99999;
}
.page_checkout .overlay .spanner {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  display: block;
  text-align: center;
  height: 300px;
  color: #FFF;
  transform: translateY(-50%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 99999;
}
.page_checkout .overlay .spanner.show {
  visibility: visible;
  opacity: 1;
}
.page_checkout .overlay .spanner p {
  padding-left: 20px;
  padding-right: 20px;
  color: #FFF;
}
.page_checkout .overlay .loader,
.page_checkout .overlay .loader:before,
.page_checkout .overlay .loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.page_checkout .overlay .loader {
  color: #ffffff;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.page_checkout .overlay .loader:before,
.page_checkout .overlay .loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.page_checkout .overlay .loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.page_checkout .overlay .loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.page_checkout .overlay.show {
  visibility: visible;
  opacity: 1;
}
.page_checkout label.addresses._card:not(:has(input:checked)) .item__main {
  display: none;
}

.sidebar__filter .filter__range:not(.prices) .range__fields .field::after {
  content: "";
}

.product__description .description__content img {
  display: initial;
}

.return__form {
  --form__padding-inline: clamp(1.875rem, 0.6538rem + 1.5385vw, 2.5rem);
  padding-top: var(--padding-block);
  padding-inline: var(--form__padding-inline);
}
@media only screen and (max-width: 79.3125rem) {
  .return__form {
    --form__padding-inline: clamp(0rem, -3.5866rem + 6.8807vw, 1.875rem);
  }
}
.return__form .double__input {
  grid-template-columns: repeat(2, 33.75rem);
}
@media only screen and (max-width: 101.6875rem) {
  .return__form .double__input {
    grid-template-columns: repeat(2, 27.5rem);
  }
}
@media only screen and (max-width: 79.3125rem) {
  .return__form .double__input {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .return__form .double__input {
    grid-template-columns: 1fr;
  }
}
.return__form .double__input.inner {
  grid-template-columns: 100px 1fr;
}
@media only screen and (max-width: 52.0625rem) {
  .return__form .double__input.inner {
    grid-template-columns: 80px 1fr;
  }
}
.return__form .double__input + .h2 {
  margin-top: 4rem;
}
.return__form .form__actions {
  --actions__max-width: 21.875rem;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  width: 100%;
  max-width: var(--actions__max-width);
  margin-top: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  grid-column: 1/-1;
}
@media only screen and (max-width: 37.25rem) {
  .return__form .form__actions {
    --actions__max-width: 100%;
  }
}

.slick-slider .slick-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  font-size: 0;
  z-index: 1;
}
.slick-slider .slick-arrow::before {
  content: none;
}

.pswp .pswp__img {
  background-color: var(--secondary-500);
}

.wrap {
  --wrap__padding: var(--padding);
  width: 100%;
  max-width: calc(var(--content) + 2 * var(--wrap__padding));
  padding-inline: var(--wrap__padding);
  margin-inline: auto;
}

.layout {
  padding-bottom: clamp(3.375rem, 2.1538rem + 1.5385vw, 4rem);
  flex: 1;
}
.layout:has(.homepage__hero) {
  padding-bottom: 0;
}
@media only screen and (max-width: 37.25rem) {
  .layout:has(.hero._brands) {
    padding-bottom: 0;
  }
}
.layout .wrap {
  display: grid;
  grid-gap: clamp(1.4375rem, -3.0808rem + 5.6923vw, 3.75rem);
  grid-template-columns: minmax(0, clamp(11.625rem, 0.1462rem + 14.4615vw, 17.5rem)) minmax(0, 1fr);
}
@media only screen and (max-width: 79.3125rem) {
  .layout .wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}
.layout .wrap:has(.layout__related) {
  display: grid;
  grid-template-columns: minmax(0, clamp(11.625rem, 0.1462rem + 14.4615vw, 17.5rem)) minmax(0, 1fr) minmax(0, clamp(11.75rem, 5.4rem + 8vw, 15rem));
}
@media only screen and (max-width: 79.3125rem) {
  .layout .wrap:has(.layout__related) {
    display: grid;
    grid-gap: clamp(3.375rem, 0.4426rem + 4.3243vw, 3.875rem);
    grid-template-columns: minmax(0, 1fr) minmax(0, clamp(11.75rem, 5.4rem + 8vw, 15rem));
  }
}
@media only screen and (max-width: 67.75rem) {
  .layout .wrap:has(.layout__related) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}
.layout .layout__sidebar {
  display: flex;
  flex-direction: column;
  gap: clamp(1.875rem, -2.399rem + 5.3846vw, 4.0625rem);
}
@media only screen and (max-width: 79.3125rem) {
  .layout .layout__sidebar {
    display: none;
  }
}
@media only screen and (min-width: 79.375rem) and (hover: hover) and (min-width: 79.375rem) {
  .layout .layout__sidebar:has(.nav:hover)::before {
    background-color: var(--primary-500);
    content: "";
    position: fixed;
    inset: 0;
    z-index: 3;
    opacity: 0.25;
  }
}
.layout .layout__related {
  display: flex;
  flex-direction: column;
  margin-top: 1.5rem;
}
@media only screen and (max-width: 79.3125rem) {
  .layout .layout__related {
    margin-top: 0;
  }
}
.layout .layout__related h2, .layout .layout__related .h2 {
  color: var(--primary-300);
  font-size: clamp(1.125rem, 0.8808rem + 0.3077vw, 1.25rem);
  font-weight: 600;
  line-height: 1.75rem;
  padding-inline: clamp(0.875rem, 0.6308rem + 0.3077vw, 1rem);
  padding-bottom: clamp(0.5rem, -0.4769rem + 1.2308vw, 1rem);
}
@media only screen and (max-width: 67.75rem) {
  .layout .layout__related h2, .layout .layout__related .h2 {
    padding-inline: 0;
  }
}
@media only screen and (max-width: 37.25rem) {
  .layout .layout__related h2, .layout .layout__related .h2 {
    padding-bottom: 1rem;
    text-align: center;
  }
}
.layout .layout__related .related__news {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: minmax(0, 1fr);
}
@media only screen and (max-width: 67.75rem) {
  .layout .layout__related .related__news {
    display: grid;
    grid-gap: clamp(0rem, -3.3227rem + 6.3745vw, 1rem);
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 52.0625rem) {
  .layout .layout__related .related__news {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 37.25rem) {
  .layout .layout__related .related__news {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.sidebar__filter {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 79.3125rem) {
  .sidebar__filter {
    background-color: var(--secondary-500);
    width: 100%;
    max-width: 26.5625rem;
    margin-left: auto;
    padding-inline: clamp(1rem, -0.519rem + 6.7511vw, 3rem);
  }
}
.sidebar__filter .button {
  margin-top: clamp(2.5rem, 1.6452rem + 1.0769vw, 2.9375rem);
}
.sidebar__filter .button + .button {
  margin-top: 1.5rem;
}
.sidebar__filter .filter__group:not(:first-child) {
  margin-top: clamp(2.5rem, 2.0115rem + 0.6154vw, 2.75rem);
}
@media only screen and (max-width: 79.3125rem) {
  .sidebar__filter .filter__group:not(:first-child) {
    margin-top: 2rem;
  }
  .sidebar__filter .filter__group:not(:first-child):nth-last-child(2) {
    margin-bottom: 2rem;
  }
}
.sidebar__filter .filter__group > input {
  display: none;
}
.sidebar__filter .filter__group > input:checked ~ .group__heading {
  padding-bottom: 1.25rem;
}
@media only screen and (max-width: 79.3125rem) {
  .sidebar__filter .filter__group > input:checked ~ .group__heading {
    padding-bottom: 1rem;
  }
}
.sidebar__filter .filter__group > input:checked ~ .group__heading svg {
  transform: rotate(180deg);
}
.sidebar__filter .filter__group > input:checked ~ .group__list {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.sidebar__filter .filter__group .group__heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
  color: inherit;
  font-size: clamp(0.9375rem, 0.8154rem + 0.1538vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
  cursor: pointer;
}
@media (hover: hover) {
  .sidebar__filter .filter__group .group__heading:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .sidebar__filter .filter__group .group__heading {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.sidebar__filter .filter__group .group__heading svg {
  width: 1.125rem;
  min-width: 1.125rem;
  height: auto;
  aspect-ratio: 1;
}
.sidebar__filter .filter__group .group__heading svg path {
  stroke: currentColor;
}
.sidebar__filter .filter__group .group__list {
  display: none;
}
.sidebar__filter .filter__range {
  --range__border: var(--other-white-600);
  --range__text__color: var(--primary-500);
  --range__background: var(--secondary-500);
  --range__slider__background: var(--other-white-600);
  --range__slider__progress__background: var(--primary-900);
}
.sidebar__filter .filter__range .range__fields {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 1.375rem;
}
.sidebar__filter .filter__range .range__fields .field {
  --field__padding-inline: 0.875rem;
  display: flex;
  align-items: center;
  position: relative;
}
.sidebar__filter .filter__range .range__fields .field::after {
  color: var(--range__text__color);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  content: "€";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: var(--field__padding-inline);
}
@media only screen and (max-width: 52.0625rem) {
  .sidebar__filter .filter__range .range__fields .field::after {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.sidebar__filter .filter__range .range__fields .field input {
  color: var(--range__text__color);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  width: clamp(5.3125rem, -0.1827rem + 6.9231vw, 8.125rem);
  height: 2.5rem;
  background-color: var(--range__background);
  outline: none;
  text-align: left;
  border: 0.0625rem solid var(--range__border);
  border-radius: 0.25rem;
  -moz-appearance: textfield;
  padding-left: var(--field__padding-inline);
  padding-right: calc(var(--field__padding-inline) * 2);
}
@media only screen and (max-width: 52.0625rem) {
  .sidebar__filter .filter__range .range__fields .field input {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.sidebar__filter .filter__range .range__fields .field input[type=number]::-webkit-outer-spin-button,
.sidebar__filter .filter__range .range__fields .field input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.sidebar__filter .filter__range .range__slider {
  --slider__border-radius: 9.375rem;
  height: 0.25rem;
  background-color: var(--range__slider__background);
  position: relative;
  border-radius: var(--slider__border-radius);
}
.sidebar__filter .filter__range .range__slider .progress {
  background-color: var(--range__slider__progress__background);
  height: 100%;
  position: absolute;
  border-radius: var(--slider__border-radius);
}
.sidebar__filter .filter__range .range__input {
  --thumb__width: 1rem;
  position: relative;
}
.sidebar__filter .filter__range .range__input input {
  width: 100%;
  height: 0.0625rem;
  position: absolute;
  top: -3px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.sidebar__filter .filter__range .range__input input[type=range]::-webkit-slider-thumb {
  width: var(--thumb__width);
  height: auto;
  aspect-ratio: 1;
  background-color: var(--range__background);
  border: 0.375rem solid var(--range__slider__progress__background);
  border-radius: 50%;
  pointer-events: auto;
  -webkit-appearance: none;
  box-sizing: border-box;
  cursor: pointer;
}
.sidebar__filter .filter__range .range__input input[type=range]::-moz-range-thumb {
  width: var(--thumb__width);
  height: auto;
  aspect-ratio: 1;
  background-color: var(--range__background);
  border: 0.375rem solid var(--range__slider__progress__background);
  border-radius: 50%;
  pointer-events: auto;
  -webkit-appearance: none;
  box-sizing: border-box;
  cursor: pointer;
}

.mobile__filter {
  display: flex;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  z-index: 10;
  inset: 0;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.mobile__filter._open {
  opacity: 1;
  visibility: visible;
}
.mobile__filter._open .sidebar__filter {
  transform: translateX(0);
}
.mobile__filter::before {
  background-color: var(--primary-500);
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: 0.25;
}
.mobile__filter .filter__top {
  display: flex;
  justify-content: flex-end;
  padding-top: clamp(1rem, -0.519rem + 6.7511vw, 3rem);
  padding-bottom: 1rem;
  padding-inline: clamp(1rem, -0.519rem + 6.7511vw, 3rem);
  margin-inline: calc(clamp(1rem, -0.519rem + 6.7511vw, 3rem) * -1);
  border-bottom: 0.0625rem solid var(--other-black-50);
}
.mobile__filter .filter__top .filter__close {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  cursor: pointer;
  color: var(--primary-500);
}
@media (hover: hover) {
  .mobile__filter .filter__top .filter__close:hover {
    color: var(--secondary-900);
  }
}
.mobile__filter .filter__top .filter__close svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.mobile__filter .filter__top .filter__close svg path {
  stroke: currentColor;
}
.mobile__filter .sidebar__filter {
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
  overflow-y: auto;
}
.mobile__filter .filter__actions {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  background-color: var(--secondary-500);
  padding-block: 1rem;
  padding-inline: clamp(1rem, -0.519rem + 6.7511vw, 3rem);
  margin-inline: calc(clamp(1rem, -0.519rem + 6.7511vw, 3rem) * -1);
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.25);
  position: sticky;
  bottom: 0;
  margin-top: auto;
}
.mobile__filter .filter__actions .button {
  margin-top: 0;
  padding-inline: 0.5rem;
}
.mobile__filter .filter__actions .button._primary {
  order: 2;
}

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