@charset "UTF-8";
:root {
  --primary-900: #000000;
  --primary-940: rgba(0, 0, 0, 0.4);
  --primary-500: #89664D;
  --secondary-900: #222222;
  --secondary-500: #444444;
  --secondary-400: #555555;
  --neutral-100: #FFFFFF;
  --neutral-20: rgba(255, 255, 255, 0.2);
  --surfaces-900: #222222;
  --surfaces-500: #F3F0ED;
  --surfaces-50: #E9E9E9;
  --surfaces-25: #F4F4F4;
  --other-success-700: #489C5F;
  --other-error-700: #C70000;
  --other-gradient-500: linear-gradient(180deg, var(--primary-900) 0%, rgba(0, 0, 0, 0) 100%);
  --other-divider-500: #BBBBBB;
  --other-divider-300: #CFCFCF;
}

._display-l {
  font-size: clamp(3rem, -2.1473rem + 6.1644vw, 5.25rem);
  line-height: clamp(3.625rem, -1.5223rem + 6.1644vw, 5.875rem);
}
@media only screen and (max-width: 83.4375rem) {
  ._display-l {
    font-size: clamp(2.25rem, 1.9734rem + 1.2295vw, 3rem);
    line-height: clamp(2.75rem, 2.4273rem + 1.4344vw, 3.625rem);
  }
}

._heading-xl {
  font-size: clamp(2.375rem, -1.3425rem + 4.4521vw, 4rem);
  line-height: clamp(2.875rem, -0.8425rem + 4.4521vw, 4.5rem);
}
@media only screen and (max-width: 83.4375rem) {
  ._heading-xl {
    font-size: clamp(1.75rem, 1.5195rem + 1.0246vw, 2.375rem);
    line-height: clamp(2rem, 1.6773rem + 1.4344vw, 2.875rem);
  }
}

._heading-l {
  font-size: clamp(2rem, -0.8596rem + 3.4247vw, 3.25rem);
  line-height: clamp(2.5rem, -0.9315rem + 4.1096vw, 4rem);
}
@media only screen and (max-width: 83.4375rem) {
  ._heading-l {
    font-size: clamp(1.5rem, 1.3156rem + 0.8197vw, 2rem);
    line-height: clamp(2rem, 1.8156rem + 0.8197vw, 2.5rem);
  }
}

._heading-s {
  font-size: clamp(1.625rem, 0.1952rem + 1.7123vw, 2.25rem);
  line-height: clamp(2rem, 0.2842rem + 2.0548vw, 2.75rem);
}
@media only screen and (max-width: 83.4375rem) {
  ._heading-s {
    font-size: clamp(1.5rem, 1.4539rem + 0.2049vw, 1.625rem);
  }
}

._title-xl {
  font-size: clamp(1.375rem, -0.0548rem + 1.7123vw, 2rem);
  line-height: clamp(1.625rem, -1.5205rem + 3.7671vw, 3rem);
}
@media only screen and (max-width: 83.4375rem) {
  ._title-xl {
    font-size: clamp(1.125rem, 1.0328rem + 0.4098vw, 1.375rem);
  }
}

._title-xl3 {
  font-size: clamp(1.375rem, -0.0548rem + 1.7123vw, 2rem);
  line-height: clamp(1.625rem, -1.5205rem + 3.7671vw, 3rem);
  letter-spacing: clamp(0.125rem, -0.018rem + 0.1712vw, 0.1875rem);
}
@media only screen and (max-width: 83.4375rem) {
  ._title-xl3 {
    font-size: clamp(1.125rem, 1.0328rem + 0.4098vw, 1.375rem);
  }
}

._title-l {
  font-size: clamp(1.25rem, 0.6781rem + 0.6849vw, 1.5rem);
  line-height: clamp(1.625rem, 0.7671rem + 1.0274vw, 2rem);
}
@media only screen and (max-width: 83.4375rem) {
  ._title-l {
    font-size: clamp(1rem, 0.9078rem + 0.4098vw, 1.25rem);
    line-height: clamp(1.5rem, 1.4539rem + 0.2049vw, 1.625rem);
  }
}

._title-l2 {
  font-size: clamp(1.25rem, 0.6781rem + 0.6849vw, 1.5rem);
  line-height: clamp(1.625rem, 0.7671rem + 1.0274vw, 2rem);
  letter-spacing: 0.125rem;
}
@media only screen and (max-width: 83.4375rem) {
  ._title-l2 {
    font-size: clamp(1rem, 0.9078rem + 0.4098vw, 1.25rem);
    line-height: clamp(1.5rem, 1.4539rem + 0.2049vw, 1.625rem);
    letter-spacing: clamp(0.0625rem, 0.0394rem + 0.1025vw, 0.125rem);
  }
}

._title-m {
  font-size: clamp(1.125rem, 0.5531rem + 0.6849vw, 1.375rem);
  line-height: clamp(1.625rem, 0.7671rem + 1.0274vw, 2rem);
}
@media only screen and (max-width: 83.4375rem) {
  ._title-m {
    font-size: clamp(1.0625rem, 1.0394rem + 0.1025vw, 1.125rem);
  }
}

._label-l {
  font-size: 1.25rem;
  line-height: 2rem;
}
@media only screen and (max-width: 83.4375rem) {
  ._label-l {
    font-size: clamp(1.125rem, 1.0789rem + 0.2049vw, 1.25rem);
    line-height: clamp(1.625rem, 1.4867rem + 0.6148vw, 2rem);
  }
}

._label-m {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  ._label-m {
    font-size: clamp(0.8125rem, 0.7664rem + 0.2049vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}

._label-m3 {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  line-height: 1.5rem;
  letter-spacing: 0.1875rem;
}
@media only screen and (max-width: 83.4375rem) {
  ._label-m3 {
    font-size: clamp(0.8125rem, 0.7664rem + 0.2049vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
    letter-spacing: clamp(0.125rem, 0.1019rem + 0.1025vw, 0.1875rem);
  }
}

._label-sm {
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  ._label-sm {
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}

._label-sm3 {
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  line-height: 1.5rem;
  letter-spacing: 0.1875rem;
}
@media only screen and (max-width: 83.4375rem) {
  ._label-sm3 {
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
    letter-spacing: clamp(0.125rem, 0.1019rem + 0.1025vw, 0.1875rem);
  }
}

._label-s {
  font-size: clamp(0.75rem, 0.464rem + 0.3425vw, 0.875rem);
  line-height: 1.25rem;
}
._label-s2 {
  font-size: clamp(0.75rem, 0.464rem + 0.3425vw, 0.875rem);
  line-height: 1.25rem;
  letter-spacing: 0.125rem;
}
._label-xs {
  font-size: clamp(0.75rem, 0.607rem + 0.1712vw, 0.8125rem);
  line-height: 1.125rem;
}
@media only screen and (max-width: 83.4375rem) {
  ._label-xs {
    font-size: clamp(0.6875rem, 0.6644rem + 0.1025vw, 0.75rem);
  }
}

._label-xs2 {
  font-size: clamp(0.75rem, 0.607rem + 0.1712vw, 0.8125rem);
  line-height: 1.125rem;
  letter-spacing: 0.125rem;
}
@media only screen and (max-width: 83.4375rem) {
  ._label-xs2 {
    font-size: clamp(0.6875rem, 0.6644rem + 0.1025vw, 0.75rem);
    letter-spacing: clamp(0.0625rem, 0.0394rem + 0.1025vw, 0.125rem);
  }
}

._body-xl {
  font-size: clamp(1rem, 0.4281rem + 0.6849vw, 1.25rem);
  line-height: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
}
@media only screen and (max-width: 83.4375rem) {
  ._body-xl {
    font-size: clamp(0.9375rem, 0.9144rem + 0.1025vw, 1rem);
  }
}

._body-l {
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  line-height: clamp(1.5rem, 1.214rem + 0.3425vw, 1.625rem);
}
@media only screen and (max-width: 83.4375rem) {
  ._body-l {
    font-size: clamp(0.9375rem, 0.9144rem + 0.1025vw, 1rem);
  }
}

._body-m {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  line-height: 1.5rem;
}
._body-m2 {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  line-height: 1.5rem;
  letter-spacing: 0.125rem;
}
._body-sm {
  font-size: 0.9375rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  ._body-sm {
    font-size: clamp(0.875rem, 0.8519rem + 0.1025vw, 0.9375rem);
  }
}

._body-sm2 {
  font-size: 0.9375rem;
  line-height: 1.5rem;
  letter-spacing: 0.125rem;
}
@media only screen and (max-width: 83.4375rem) {
  ._body-sm2 {
    font-size: clamp(0.875rem, 0.8519rem + 0.1025vw, 0.9375rem);
  }
}

._body-s {
  font-size: clamp(0.8125rem, 0.6695rem + 0.1712vw, 0.875rem);
  line-height: 1.25rem;
}
._banners-l {
  font-size: 3.25rem;
  line-height: 4rem;
}

._banners-m {
  font-size: 2.625rem;
  line-height: 3.375rem;
}

._banners-m2 {
  font-size: 2.625rem;
  line-height: 3.375rem;
  letter-spacing: 0.125rem;
}

._header-m {
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  ._header-m {
    font-size: clamp(0.8125rem, 1.2403rem + -0.5123vw, 1.125rem);
    line-height: clamp(1.5rem, 1.6711rem + -0.2049vw, 1.625rem);
  }
}

._200 {
  font-weight: 200;
}

._300 {
  font-weight: 300;
}

._400 {
  font-weight: 400;
}

._500 {
  font-weight: 500;
}

._600 {
  font-weight: 600;
}

._700 {
  font-weight: 700;
}

._800 {
  font-weight: 800;
}

._900 {
  font-weight: 900;
}

h1,
.h1 {
  color: var(--primary-900);
  font-size: clamp(2.375rem, -1.3425rem + 4.4521vw, 4rem);
  font-weight: 400;
  line-height: clamp(2.875rem, -0.8425rem + 4.4521vw, 4.5rem);
}
@media only screen and (max-width: 83.4375rem) {
  h1,
  .h1 {
    font-size: clamp(1.75rem, 1.5195rem + 1.0246vw, 2.375rem);
    line-height: clamp(2rem, 1.6773rem + 1.4344vw, 2.875rem);
  }
}

h2,
.h2 {
  color: var(--primary-900);
  font-size: clamp(2rem, -0.8596rem + 3.4247vw, 3.25rem);
  font-weight: 300;
  line-height: clamp(2.5rem, -0.9315rem + 4.1096vw, 4rem);
}
@media only screen and (max-width: 83.4375rem) {
  h2,
  .h2 {
    font-size: clamp(1.5rem, 1.3156rem + 0.8197vw, 2rem);
    line-height: clamp(2rem, 1.8156rem + 0.8197vw, 2.5rem);
  }
}

h3,
.h3 {
  color: var(--primary-900);
  font-size: clamp(1.625rem, 0.1952rem + 1.7123vw, 2.25rem);
  font-weight: 300;
  line-height: clamp(2rem, 0.2842rem + 2.0548vw, 2.75rem);
}
@media only screen and (max-width: 83.4375rem) {
  h3,
  .h3 {
    font-size: clamp(1.5rem, 1.4539rem + 0.2049vw, 1.625rem);
  }
}

h4,
.h4 {
  color: var(--primary-900);
  font-size: clamp(1.375rem, -0.0548rem + 1.7123vw, 2rem);
  font-weight: 300;
  line-height: clamp(1.625rem, -1.5205rem + 3.7671vw, 3rem);
}
@media only screen and (max-width: 83.4375rem) {
  h4,
  .h4 {
    font-size: clamp(1.125rem, 1.0328rem + 0.4098vw, 1.375rem);
  }
}

h5,
.h5 {
  color: var(--primary-900);
  font-size: clamp(1.25rem, 0.6781rem + 0.6849vw, 1.5rem);
  font-weight: 500;
  line-height: clamp(1.625rem, 0.7671rem + 1.0274vw, 2rem);
}
@media only screen and (max-width: 83.4375rem) {
  h5,
  .h5 {
    font-size: clamp(1rem, 0.9078rem + 0.4098vw, 1.25rem);
    line-height: clamp(1.5rem, 1.4539rem + 0.2049vw, 1.625rem);
  }
}

h6,
.h6 {
  color: var(--primary-900);
  font-size: clamp(1.125rem, 0.5531rem + 0.6849vw, 1.375rem);
  font-weight: 500;
  line-height: clamp(1.625rem, 0.7671rem + 1.0274vw, 2rem);
}
@media only screen and (max-width: 83.4375rem) {
  h6,
  .h6 {
    font-size: clamp(1.0625rem, 1.0394rem + 0.1025vw, 1.125rem);
  }
}

p,
.p {
  color: var(--primary-900);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
ul {
  list-style: none;
}
ul li {
  color: var(--primary-900);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
ul li {
  position: relative;
  padding-left: 1.375rem;
}
ul li::before {
  content: "• ";
  position: absolute;
  top: auto;
  left: 0.375rem;
}

strong,
b {
  font-weight: 500;
}

:root {
  --content: 102.5rem;
  --content-max: 120rem;
  --padding: clamp(2.75rem, -10.976rem + 16.4384vw, 8.75rem);
}
@media only screen and (max-width: 52.0625rem) {
  :root {
    --padding: clamp(1rem, -0.3291rem + 5.9072vw, 2.75rem);
  }
}
:root {
  --header__height: 7.25rem;
}
@media only screen and (max-width: 83.4375rem) {
  :root {
    --header__height: 4.5rem;
  }
}
@media only screen and (max-width: 22.4375rem) {
  :root {
    --header__height: 4.25rem;
  }
}
:root {
  --shadow-1: 0 0.1875rem 0.75rem 0 rgba(0, 0, 0, 0.25);
  --shadow-2: 0 0.125rem 0.375rem 0 rgba(137, 102, 77, 0.25);
  --shadow-3: 0 0.125rem 0.375rem 0 rgba(135, 135, 135, 0.25);
}

body:has(header._checkout) {
  --header__height: clamp(5.6875rem, 4.2577rem + 1.7123vw, 6.3125rem);
}
@media only screen and (max-width: 83.4375rem) {
  body:has(header._checkout) {
    --header__height: 4.501875rem;
  }
}
@media only screen and (max-width: 52.0625rem) {
  body:has(header._checkout) {
    --header__height: 8.876875rem;
  }
}
@media only screen and (max-width: 22.4375rem) {
  body:has(header._checkout) {
    --header__height: 8.625rem;
  }
}

* {
  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-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  color: var(--primary-500);
}
@media (hover: hover) {
  a:hover {
    color: var(--primary-900);
    text-decoration: none;
  }
}

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;
}

.button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  max-width: max-content;
  text-decoration: none !important;
  text-align: center;
  cursor: pointer;
  padding: 0.4375rem 0.875rem;
  border-width: 0.0625rem;
  border-style: solid;
}
.button svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.button svg path[fill] {
  fill: currentColor;
}
.button svg path[stroke] {
  stroke: currentColor;
}
.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(--neutral-100);
}
@media (hover: hover) {
  .button._primary:hover {
    background-color: var(--primary-500);
    border-color: var(--primary-500);
    color: var(--neutral-100);
  }
}
.button._primaryBordered {
  background-color: transparent;
  border-color: var(--primary-900);
  color: var(--primary-900);
}
@media (hover: hover) {
  .button._primaryBordered:hover {
    background-color: transparent;
    border-color: var(--primary-500);
    color: var(--primary-500);
  }
}
.button._primaryBordered:disabled, .button._primaryBordered._disabled {
  background-color: transparent;
  border-color: var(--primary-900);
  color: var(--primary-900);
}
@media (hover: hover) {
  .button._primaryBordered:disabled:hover, .button._primaryBordered._disabled:hover {
    background-color: transparent;
    border-color: var(--primary-500);
    color: var(--primary-500);
  }
}
.button._white {
  background-color: var(--neutral-100);
  border-color: var(--neutral-100);
  color: var(--primary-900);
}
@media (hover: hover) {
  .button._white:hover {
    background-color: var(--primary-500);
    border-color: var(--primary-500);
    color: var(--neutral-100);
  }
}
.button._whiteBordered {
  background-color: transparent;
  border-color: var(--neutral-100);
  color: var(--neutral-100);
}
@media (hover: hover) {
  .button._whiteBordered:hover {
    background-color: var(--primary-500);
    border-color: var(--primary-500);
    color: var(--neutral-100);
  }
}
.button:disabled, .button._disabled {
  background-color: var(--primary-900);
  border-color: var(--primary-900);
  color: var(--neutral-100);
}
@media (hover: hover) {
  .button:disabled:hover, .button._disabled:hover {
    background-color: var(--primary-900);
    border-color: var(--primary-900);
    color: var(--neutral-100);
  }
}
.button:disabled, .button._disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.25;
}
.button._max-w-220 {
  max-width: 13.75rem;
}
.button._max-w-260 {
  max-width: 16.25rem;
}
.button._max-w-320 {
  max-width: 20rem;
}
.button._max-w-360 {
  max-width: 22.5rem;
}
.button._max-w-540 {
  max-width: 33.75rem;
}
.button._max-w-full {
  max-width: 100%;
}
.button._h-32 {
  height: 2rem;
}
.button._h-38 {
  height: 2.375rem;
}
.button._h-46 {
  height: 2.875rem;
}
.button._h-52 {
  height: 3.25rem;
}
.button._h-64 {
  height: 4rem;
}
.button._px-32 {
  padding-inline: 2rem;
}

.checkbox {
  --checkbox__width: 1.125rem;
  --checkbox__gap: 1rem;
  --checkbox__box__opacity: 0.4;
  --checkbox__box__background-color: transparent;
  --checkbox__box__border-color: var(--primary-900);
  --checkbox__box__border-radius: 0rem;
  --checkbox__box__margin-top: 0;
  --checkbox__box__background-size: 1.125rem;
  --checkbox__text__color: var(--primary-900);
  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);
  opacity: var(--checkbox__box__opacity);
}
.checkbox .checkbox__text {
  display: block;
  color: var(--checkbox__text__color);
}
.checkbox .checkbox__text a {
  color: inherit;
}
@media (hover: hover) {
  .checkbox .checkbox__text a:hover {
    color: var(--primary-500);
  }
}
.checkbox .checkbox__text a {
  color: var(--primary-500);
}
.checkbox:has(.checkbox__input:checked) {
  --checkbox__box__opacity: 1;
  --checkbox__box__background-color: var(--primary-500);
  --checkbox__box__border-color: var(--primary-500);
}
.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__box__border-color: var(--primary-900) !important;
  --checkbox__text__color: var(--primary-900) !important;
  cursor: not-allowed;
}
.checkbox:has(.checkbox__input:disabled) .checkbox__box {
  opacity: 0.4;
}
.checkbox:has(.checkbox__input:disabled) .checkbox__text {
  opacity: 0.5;
}
.checkbox:has(.checkbox__input:disabled:checked) {
  --checkbox__box__background-color: var(--primary-900) !important;
  --checkbox__box__border-color: var(--primary-900) !important;
}
.checkbox._account:has(.checkbox__input:checked) {
  --checkbox__text__color: var(--primary-500);
}
.checkbox._cookies {
  --checkbox__gap: 0.75rem;
}
.checkbox._cookies:has(.checkbox__input:checked) {
  --checkbox__text__color: var(--primary-500);
}
.checkbox._filter {
  --checkbox__gap: 0.75rem;
}
.checkbox._filter .checkbox__text span {
  opacity: 0.55;
}
.checkbox._white {
  --checkbox__box__border-color: var(--neutral-100);
  --checkbox__text__color: var(--neutral-100);
}
.checkbox._white a {
  color: var(--checkbox__text__color);
}
.checkbox._error:not(:has(.checkbox__input:checked)) {
  --checkbox__box__border-color: var(--other-error-700);
  --checkbox__text__color: var(--other-error-700);
}
.checkbox._label-s {
  --checkbox__box__margin-top: 0.0625rem;
}

.popup {
  --popup__width: clamp(38rem, 19.8416rem + 21.7466vw, 45.9375rem);
}
@media only screen and (max-width: 52.0625rem) {
  .popup {
    --popup__width: clamp(20.5rem, 7.2089rem + 59.0717vw, 38rem);
  }
}
.popup {
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  position: fixed;
  z-index: 12;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  padding: var(--padding);
  overflow-y: auto;
  overflow-x: clip;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}
.popup._active {
  opacity: 1;
  visibility: visible;
}
.popup .popup__card {
  width: 100%;
  max-width: var(--popup__width);
  background-color: var(--neutral-100);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding: clamp(1.5rem, 0.7405rem + 3.3755vw, 2.5rem) clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  margin: auto;
}
.popup .card__close {
  --close__position: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
  color: inherit;
}
@media (hover: hover) {
  .popup .card__close:hover {
    color: var(--primary-500);
  }
}
.popup .card__close {
  width: 2rem;
  min-width: 2rem;
  height: auto;
  aspect-ratio: 1;
  position: absolute;
  top: var(--close__position);
  right: var(--close__position);
  cursor: pointer;
  color: var(--primary-900);
}
.popup .card__close svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.popup .card__close svg path {
  stroke: currentColor;
}
.popup._newsletter {
  --popup__width: clamp(58.625rem, 31.03rem + 33.0479vw, 70.6875rem);
  --photo__width: clamp(25.875rem, 7.8596rem + 21.5753vw, 33.75rem);
}
@media only screen and (max-width: 67.75rem) {
  .popup._newsletter {
    --popup__width: clamp(20.5rem, 11.1962rem + 41.3502vw, 32.75rem);
  }
}
.popup._newsletter._active .popup__card {
  transform: translateY(0);
}
.popup._newsletter .popup__card {
  display: grid;
  grid-template-columns: minmax(0, var(--photo__width)) minmax(0, 1fr);
  transform: translateY(-100vh);
  transition: transform 0.3s ease-out;
  padding: 0;
}
@media only screen and (max-width: 67.75rem) {
  .popup._newsletter .popup__card {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}
.popup._newsletter .card__photo {
  width: 100%;
  height: auto;
  aspect-ratio: 1.125;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 67.75rem) {
  .popup._newsletter .card__photo {
    display: none;
  }
}
.popup._newsletter .card__photo::after {
  --icon__width: clamp(14.5625rem, 4.411rem + 12.1575vw, 19rem);
  display: flex;
  content: "";
  background-image: url("../images/backgrounds/homepage/newsletter/triangle/304x665/image_1.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 0.4571428571;
  position: absolute;
  top: -1rem;
  left: 0;
}
.popup._newsletter .card__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.popup._newsletter .card__form {
  --form__padding-block: clamp(3rem, 0.7123rem + 2.7397vw, 4rem);
}
@media only screen and (max-width: 52.0625rem) {
  .popup._newsletter .card__form {
    --form__padding-block: clamp(1.5rem, 0.3608rem + 5.0633vw, 3rem);
  }
}
.popup._newsletter .card__form {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  padding-block: var(--form__padding-block);
  padding-inline: clamp(1.5rem, -1.1582rem + 11.8143vw, 5rem);
}
.popup._newsletter .form__title {
  color: var(--primary-900);
  font-size: clamp(1.375rem, -0.0548rem + 1.7123vw, 2rem);
  font-weight: 300;
  line-height: clamp(1.625rem, -1.5205rem + 3.7671vw, 3rem);
}
@media only screen and (max-width: 83.4375rem) {
  .popup._newsletter .form__title {
    font-size: clamp(1.125rem, 1.0328rem + 0.4098vw, 1.375rem);
  }
}
.popup._newsletter .form__title {
  text-align: center;
  text-wrap: balance;
}
.popup._newsletter .form__frame {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  height: 2.875rem;
  padding-block: 0.6875rem;
  padding-inline: 1rem;
  border: 0.0625rem solid var(--other-divider-500);
}
.popup._newsletter .frame__icon {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  display: flex;
}
.popup._newsletter .frame__icon svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.popup._newsletter .frame__icon svg path {
  stroke: var(--secondary-400);
}
.popup._newsletter .frame__input {
  width: 100%;
}
.popup._newsletter .frame__input::placeholder {
  color: var(--primary-900);
}
.popup._add-to-cart {
  color: var(--primary-900);
}
.popup._add-to-cart .card__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8125rem;
  color: inherit;
  font-size: clamp(1.25rem, 0.6781rem + 0.6849vw, 1.5rem);
  font-weight: 400;
  line-height: clamp(1.625rem, 0.7671rem + 1.0274vw, 2rem);
}
@media only screen and (max-width: 83.4375rem) {
  .popup._add-to-cart .card__title {
    font-size: clamp(1rem, 0.9078rem + 0.4098vw, 1.25rem);
    line-height: clamp(1.5rem, 1.4539rem + 0.2049vw, 1.625rem);
  }
}
.popup._add-to-cart .card__title {
  text-align: center;
}
.popup._add-to-cart .card__title .title__icon {
  display: flex;
  width: 3.375rem;
  min-width: 3.375rem;
  height: auto;
  aspect-ratio: 1;
}
@media only screen and (max-width: 37.25rem) {
  .popup._add-to-cart .card__title .title__icon {
    display: none;
  }
}
.popup._add-to-cart .card__title .title__icon svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.popup._add-to-cart .card__title .title__icon svg rect {
  fill: var(--primary-500);
}
.popup._add-to-cart .card__title .title__text {
  font-size: clamp(1.25rem, 0.6781rem + 0.6849vw, 1.5rem);
  font-weight: 400;
  line-height: clamp(1.625rem, 0.7671rem + 1.0274vw, 2rem);
}
@media only screen and (max-width: 83.4375rem) {
  .popup._add-to-cart .card__title .title__text {
    font-size: clamp(1rem, 0.9078rem + 0.4098vw, 1.25rem);
    line-height: clamp(1.5rem, 1.4539rem + 0.2049vw, 1.625rem);
  }
}
.popup._add-to-cart .card__title .title__description {
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 300;
  line-height: clamp(1.5rem, 1.214rem + 0.3425vw, 1.625rem);
}
@media only screen and (max-width: 83.4375rem) {
  .popup._add-to-cart .card__title .title__description {
    font-size: clamp(0.9375rem, 0.9144rem + 0.1025vw, 1rem);
  }
}
.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));
  width: 34rem;
  max-width: 100%;
  margin-top: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  margin-inline: auto;
}
@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._consultation {
  --popup__width: 100%;
  --popup__padding-bottom: clamp(6.25rem, 0.5308rem + 6.8493vw, 8.75rem);
  --input__margin-top: 0;
  --select__margin-top: 0;
}
@media only screen and (max-width: 52.0625rem) {
  .popup._consultation {
    --popup__padding-bottom: clamp(2rem, -1.2278rem + 14.346vw, 6.25rem);
  }
}
.popup._consultation {
  padding: 0;
}
.popup._consultation .popup__card {
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-top: 5.5rem;
  padding-inline: clamp(1rem, -0.1392rem + 5.0633vw, 2.5rem);
  padding-bottom: var(--popup__padding-bottom);
  margin: auto 0;
}
.popup._consultation .popup__card > *:not(.card__close) {
  width: 40rem;
  max-width: 100%;
  margin-inline: auto;
}
.popup._consultation .card__close {
  --close__position: clamp(1rem, -0.1392rem + 5.0633vw, 2.5rem);
}
.popup._consultation .card__text {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.popup._consultation .text__title,
.popup._consultation .text__description,
.popup._consultation .text__phone {
  color: var(--primary-900);
  text-align: center;
}
.popup._consultation .text__title {
  font-size: clamp(2rem, -0.8596rem + 3.4247vw, 3.25rem);
  font-weight: 400;
  line-height: clamp(2.5rem, -0.9315rem + 4.1096vw, 4rem);
}
@media only screen and (max-width: 83.4375rem) {
  .popup._consultation .text__title {
    font-size: clamp(1.5rem, 1.3156rem + 0.8197vw, 2rem);
    line-height: clamp(2rem, 1.8156rem + 0.8197vw, 2.5rem);
  }
}
.popup._consultation .text__description {
  font-size: clamp(1rem, 0.4281rem + 0.6849vw, 1.25rem);
  font-weight: 300;
  line-height: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
}
@media only screen and (max-width: 83.4375rem) {
  .popup._consultation .text__description {
    font-size: clamp(0.9375rem, 0.9144rem + 0.1025vw, 1rem);
  }
}
.popup._consultation .text__phone {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  color: inherit;
}
@media (hover: hover) {
  .popup._consultation .text__phone:hover {
    color: var(--primary-500);
  }
}
.popup._consultation .text__phone {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2rem;
}
@media only screen and (max-width: 83.4375rem) {
  .popup._consultation .text__phone {
    font-size: clamp(1.125rem, 1.0789rem + 0.2049vw, 1.25rem);
    line-height: clamp(1.625rem, 1.4867rem + 0.6148vw, 2rem);
  }
}
.popup._consultation .text__phone {
  text-decoration: none;
}
.popup._consultation .text__phone .phone__icon {
  display: flex;
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.popup._consultation .text__phone .phone__icon svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.popup._consultation .text__phone .phone__icon svg path {
  stroke: currentColor;
}
.popup._reviews {
  --popup__width: 100%;
  --popup__padding-bottom: clamp(6.25rem, 0.5308rem + 6.8493vw, 8.75rem);
  --input__margin-top: 0;
}
@media only screen and (max-width: 52.0625rem) {
  .popup._reviews {
    --popup__padding-bottom: clamp(2rem, -1.2278rem + 14.346vw, 6.25rem);
  }
}
.popup._reviews {
  padding: 0;
}
.popup._reviews .popup__card {
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-top: 5.5rem;
  padding-inline: clamp(1rem, -0.1392rem + 5.0633vw, 2.5rem);
  padding-bottom: var(--popup__padding-bottom);
  margin: auto 0;
}
.popup._reviews .popup__card > *:not(.card__close) {
  width: 40rem;
  max-width: 100%;
  margin-inline: auto;
}
.popup._reviews .card__close {
  --close__position: clamp(1rem, -0.1392rem + 5.0633vw, 2.5rem);
}
.popup._reviews .text__title {
  color: var(--primary-900);
  text-align: center;
}
.popup._reviews .text__title {
  font-size: clamp(2rem, -0.8596rem + 3.4247vw, 3.25rem);
  font-weight: 400;
  line-height: clamp(2.5rem, -0.9315rem + 4.1096vw, 4rem);
}
@media only screen and (max-width: 83.4375rem) {
  .popup._reviews .text__title {
    font-size: clamp(1.5rem, 1.3156rem + 0.8197vw, 2rem);
    line-height: clamp(2rem, 1.8156rem + 0.8197vw, 2.5rem);
  }
}

.cookies {
  --cookies__logo__width: 10rem;
  --cookies__logo__aspect-ratio: 3.4782608696;
  --cookies__buttons__gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  width: 100%;
  background-color: var(--neutral-100);
  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);
}
.cookies._active {
  opacity: 1;
  visibility: visible;
}
.cookies .cookies__block {
  display: grid;
  grid-gap: 0 3.75rem;
  grid-template-columns: minmax(0, var(--cookies__logo__width)) minmax(0, 1fr);
  padding-block: 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;
}
@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-900);
  font-size: clamp(0.8125rem, 0.6695rem + 0.1712vw, 0.875rem);
  font-weight: 400;
  line-height: 1.25rem;
}
.cookies .cookies__text p:first-child,
.cookies .cookies__text .p:first-child {
  font-weight: 600;
}
.cookies .cookies__text p:not(:first-child),
.cookies .cookies__text .p:not(:first-child) {
  margin-top: 0.375rem;
}
.cookies .cookies__text p a,
.cookies .cookies__text .p a {
  color: var(--primary-500);
  text-decoration: underline;
}
.cookies .cookies__checkboxes {
  display: flex;
  align-items: center;
  gap: clamp(1.5rem, -4.1677rem + 15.1899vw, 3.75rem);
  grid-area: checkboxes;
  margin-top: 1.5rem;
}
@media only screen and (max-width: 37.25rem) {
  .cookies .cookies__checkboxes {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(2, auto);
  }
}
.cookies .cookies__buttons {
  display: flex;
  justify-content: flex-end;
  gap: var(--cookies__buttons__gap);
  grid-area: buttons;
  margin-top: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .cookies .cookies__buttons {
    width: 100%;
  }
}
@media only screen and (max-width: 37.25rem) {
  .cookies .cookies__buttons {
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .cookies .cookies__buttons .button {
    max-width: 100%;
  }
}
.cookies .cookies__buttons .button:last-child {
  max-width: 25rem;
}
@media only screen and (max-width: 37.25rem) {
  .cookies .cookies__buttons .button:last-child {
    max-width: 100%;
  }
}

.breadcrumb {
  --icon__width: 1.25rem;
  --breadcrumb__gap: clamp(0.25rem, -0.3219rem + 0.6849vw, 0.5rem);
}
.breadcrumb ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.breadcrumb ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  position: unset;
  padding-left: unset;
}
.breadcrumb ul {
  list-style: none;
}
.breadcrumb a {
  text-decoration: none;
}
.breadcrumb {
  color: var(--primary-900);
}
.breadcrumb .item__link {
  color: inherit;
}
@media (hover: hover) {
  .breadcrumb .item__link:hover {
    color: var(--primary-500);
  }
}
.breadcrumb .item__link {
  color: var(--primary-900);
  font-size: clamp(0.75rem, 0.607rem + 0.1712vw, 0.8125rem);
  font-weight: 400;
  line-height: 1.125rem;
}
@media only screen and (max-width: 83.4375rem) {
  .breadcrumb .item__link {
    font-size: clamp(0.6875rem, 0.6644rem + 0.1025vw, 0.75rem);
  }
}
.breadcrumb .item__link {
  line-height: var(--icon__width);
}
.breadcrumb .list__item {
  display: inline;
  line-height: var(--icon__width);
}
.breadcrumb .list__item:not(:last-child) {
  margin-right: var(--breadcrumb__gap);
}
.breadcrumb .list__item:not(:last-child) .item__link {
  opacity: 0.4;
}
.breadcrumb .list__item:not(:last-child)::after {
  display: flex;
  content: "";
  background-image: url("../images/icons/slash_20x20.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.25rem;
  margin-left: var(--breadcrumb__gap);
}
.breadcrumb .list__item:last-child .item__link {
  color: var(--primary-900);
  opacity: 0.8;
}
@media (hover: hover) {
  .breadcrumb .list__item:last-child .item__link:hover {
    color: var(--primary-500);
  }
}

.pagination {
  --pagination__color: var(--primary-900);
  --pagination_active__color: var(--neutral-100);
  --pagination__background: var(--neutral-100);
  --pagination_active__background: var(--primary-900);
  --pagination__border-color: var(--neutral-100);
  --pagination_active__border-color: var(--primary-900);
  --pagination__button__width: 2.5rem;
  --pagination__arrows__width: 1.5rem;
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: clamp(2rem, 0.8608rem + 5.0633vw, 3.5rem);
  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: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .pagination > * {
    font-size: clamp(0.8125rem, 0.7664rem + 0.2049vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.pagination > * {
  text-decoration: none;
}
.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 {
  width: var(--pagination__arrows__width);
  min-width: var(--pagination__arrows__width);
  height: auto;
  aspect-ratio: 1;
  position: relative;
  overflow: hidden;
}
@media (hover: hover) {
  .pagination .pagination__left:hover,
  .pagination .pagination__right:hover {
    --pagination_active__border-color: var(--pagination__background);
    --pagination_active__background: var(--pagination__border-color);
    --pagination_active__color: var(--pagination__color);
  }
}
.pagination .pagination__left svg,
.pagination .pagination__right svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.pagination .pagination__left svg path,
.pagination .pagination__right svg path {
  stroke: currentColor;
}

.select {
  --select__background: var(--neutral-100);
  --select__border-color: var(--other-divider-500);
  --select__label__color: var(--secondary-400);
  --select__text__color: var(--primary-900);
  --select__error: var(--other-error-700);
  --select__svg__width: 1.5rem;
  --select__padding-left: 1rem;
  --select__padding-right: 0.5rem;
  --select__label__padding-inline: 0.5rem;
  --select__frame__padding-block: 0.6875rem;
  --select__height: 2.875rem;
  --select__gap: 0.625rem;
  --select__frame__padding-right: calc(var(--select__gap) + var(--select__svg__width) + var(--select__padding-right));
  width: 100%;
  margin-top: var(--select__margin-top, 2rem);
  position: relative;
  z-index: 1;
}
.select .select__label {
  display: flex;
  color: var(--select__label__color);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .select .select__label {
    font-size: clamp(0.8125rem, 0.7664rem + 0.2049vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.select .select__label {
  background-color: var(--select__background);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@supports not (-webkit-line-clamp: 1) {
  .select .select__label {
    white-space: nowrap;
  }
}
@supports (-webkit-line-clamp: 1) {
  .select .select__label {
    -webkit-line-clamp: 1;
    white-space: normal;
    line-height: 1.4;
    max-height: 1.4em;
  }
}
.select .select__label {
  line-height: 1.5rem !important;
  position: absolute;
  z-index: 1;
  top: var(--select__frame__padding-block);
  left: calc(var(--select__padding-left) - var(--select__label__padding-inline));
  padding-inline: var(--select__label__padding-inline);
  right: var(--select__frame__padding-right);
  cursor: pointer;
  transition: top 0.15s ease-out, font-size 0.15s ease-out, color 0.15s ease-out;
}
.select .select__frame {
  height: var(--select__height);
  max-height: 100% !important;
  display: flex;
  align-items: center;
  gap: var(--select__gap);
  background-color: var(--select__background);
  color: var(--select__text__color);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .select .select__frame {
    font-size: clamp(0.8125rem, 0.7664rem + 0.2049vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.select .select__frame {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@supports not (-webkit-line-clamp: 1) {
  .select .select__frame {
    white-space: nowrap;
  }
}
@supports (-webkit-line-clamp: 1) {
  .select .select__frame {
    -webkit-line-clamp: 1;
    white-space: normal;
    line-height: 1.4;
    max-height: 1.4em;
  }
}
.select .select__frame {
  line-height: var(--select__svg__width) !important;
  padding-block: var(--select__frame__padding-block);
  padding-left: var(--select__padding-left);
  padding-right: var(--select__frame__padding-right);
  border: 0.0625rem solid var(--select__border-color);
  position: relative;
  cursor: pointer;
  transition: padding-block 0.15s ease-out;
}
.select .select__frame span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@supports not (-webkit-line-clamp: 1) {
  .select .select__frame span {
    white-space: nowrap;
  }
}
@supports (-webkit-line-clamp: 1) {
  .select .select__frame span {
    -webkit-line-clamp: 1;
    white-space: normal;
    line-height: 1.4;
    max-height: 1.4em;
  }
}
.select .select__frame span {
  line-height: var(--select__svg__width) !important;
}
.select .select__frame svg {
  width: var(--select__svg__width);
  min-width: var(--select__svg__width);
  height: auto;
  aspect-ratio: 1;
  margin-left: auto;
  position: absolute;
  top: 50%;
  right: var(--select__padding-right);
  transform: translateY(-50%);
}
.select .select__frame svg path {
  stroke: currentColor;
}
.select .select__dropdown {
  --dropdown__padding-block: 1rem;
  max-height: 19rem;
  background-color: var(--select__background);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.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(--neutral-100);
}
.select .select__dropdown::-webkit-scrollbar-thumb {
  width: 0.0625rem;
  height: 0.0625rem;
  background: var(--secondary-400);
  border-radius: 0;
}
.select .select__dropdown {
  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 .dropdown__search {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 1rem;
  margin-inline: var(--select__padding-left);
  padding-bottom: 0.25rem;
  margin-bottom: var(--dropdown__padding-block);
  border-bottom: 0.0625rem solid var(--primary-900);
}
.select .select__dropdown .dropdown__search button {
  color: inherit;
}
@media (hover: hover) {
  .select .select__dropdown .dropdown__search button:hover {
    color: var(--primary-500);
  }
}
.select .select__dropdown .dropdown__search button {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  color: var(--primary-900);
  cursor: pointer;
}
.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-900);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .select .select__dropdown .dropdown__search input {
    font-size: clamp(0.8125rem, 0.7664rem + 0.2049vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.select .select__dropdown .dropdown__search input::placeholder {
  color: var(--primary-900);
  opacity: 0.5;
}
.select .select__dropdown .select__item {
  display: flex;
  width: 100%;
  color: var(--primary-900);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .select .select__dropdown .select__item {
    font-size: clamp(0.8125rem, 0.7664rem + 0.2049vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.select .select__dropdown .select__item {
  padding: 0.5rem var(--select__padding-left);
  text-align: left;
  cursor: pointer;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
@media (hover: hover) {
  .select .select__dropdown .select__item:hover {
    background-color: var(--surfaces-500);
    color: var(--primary-500);
  }
}
.select .select__dropdown .select__item._active {
  background-color: var(--surfaces-500);
  color: var(--primary-500);
}
.select select {
  display: none;
}
.select .select__error {
  color: var(--select__error);
  font-size: clamp(0.75rem, 0.607rem + 0.1712vw, 0.8125rem);
  font-weight: 400;
  line-height: 1.125rem;
}
@media only screen and (max-width: 83.4375rem) {
  .select .select__error {
    font-size: clamp(0.6875rem, 0.6644rem + 0.1025vw, 0.75rem);
  }
}
.select .select__error {
  display: none;
}
.select._open {
  z-index: 2;
}
.select._open .select__frame svg {
  transform: translateY(-50%) rotate(180deg);
}
.select._open .select__dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.select._modified {
  --select__border-color: var(--primary-500);
}
.select._modified .select__label {
  color: var(--primary-500);
  font-size: clamp(0.75rem, 0.464rem + 0.3425vw, 0.875rem);
  font-weight: 400;
  line-height: 1.25rem;
}
.select._modified .select__label {
  top: -0.6875rem;
  right: unset;
}
.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._h-38 {
  --select__height: 2.375rem;
  --select__frame__padding-block: 0.4375rem;
  --select__padding-left: 0.75rem;
}
.select._small .select__dropdown {
  --dropdown__padding-block: 0.6875rem;
  max-height: 26.1875rem;
  display: flex;
  gap: 0.5rem;
}
.select._small .select__dropdown .select__item {
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .select._small .select__dropdown .select__item {
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.select._small .select__dropdown .select__item {
  padding-block: 0.25rem;
}

.quantity {
  --quantity__padding: 1.3125rem;
  --quantity__icon__width: 1.5rem;
  --quantity__button__width: calc(var(--quantity__icon__width) + calc(2 * var(--quantity__padding)));
  --quantity__border-color: var(--other-divider-500);
  width: 100%;
  max-width: var(--quantity__max-width);
  display: flex;
  border: 0.0625rem solid var(--quantity__border-color);
  grid-area: quantity;
}
.quantity .quantity__minus,
.quantity .quantity__plus {
  display: flex;
  justify-content: center;
  align-items: center;
  color: inherit;
}
@media (hover: hover) {
  .quantity .quantity__minus:hover,
  .quantity .quantity__plus:hover {
    color: var(--primary-500);
  }
}
.quantity .quantity__minus,
.quantity .quantity__plus {
  width: var(--quantity__button__width);
  color: var(--primary-900);
  cursor: pointer;
  opacity: 0.7;
}
@media (hover: hover) {
  .quantity .quantity__minus:hover,
  .quantity .quantity__plus:hover {
    opacity: 1;
  }
}
.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: currentColor;
}
.quantity .quantity__input {
  width: calc(100% - var(--quantity__button__width) * 2);
  color: var(--primary-900);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2rem;
}
@media only screen and (max-width: 83.4375rem) {
  .quantity .quantity__input {
    font-size: clamp(1.125rem, 1.0789rem + 0.2049vw, 1.25rem);
    line-height: clamp(1.625rem, 1.4867rem + 0.6148vw, 2rem);
  }
}
.quantity .quantity__input {
  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__padding: 0.375rem;
  height: 2.25rem;
}
@media only screen and (max-width: 37.25rem) {
  .quantity._checkout {
    margin-inline: auto;
  }
}
.quantity._checkout .quantity__input {
  font-size: clamp(0.8125rem, 0.6695rem + 0.1712vw, 0.875rem);
  font-weight: 500;
  line-height: 1.25rem;
}
.input {
  --input__background: var(--neutral-100);
  --input__border-color: var(--other-divider-500);
  --input__label__color: var(--secondary-400);
  --input__height: 2.875rem;
  --input__text__color: var(--primary-900);
  --input__error: var(--other-error-700);
  --input__textarea__height: 11.25rem;
  --input__svg__width: 1.5rem;
  --input__svg__color: var(--primary-900);
  --input__padding-inline: 1rem;
  --input__gap: 0.5rem;
  --input__frame__padding-block: 0.6875rem;
  --input__label__padding-inline: 0.5rem;
  width: 100%;
  margin-top: var(--input__margin-top, 2rem);
  position: relative;
}
.input:has(svg) .input__label, .input:has(.frame__pass) .input__label {
  right: calc(var(--input__gap) + var(--input__svg__width) + var(--input__padding-inline));
}
.input:has(.input__frame svg:first-child) .input__label {
  left: calc(var(--input__padding-inline) + var(--input__svg__width) + var(--input__gap) - var(--input__label__padding-inline));
  right: unset !important;
}
.input:has(.frame__pass) input[type=text] + .frame__pass .pass__on {
  display: none;
}
.input:has(.frame__pass) input[type=text] + .frame__pass .pass__off {
  display: flex;
}
.input:has(.frame__pass) input:not(:placeholder-shown) + .frame__pass {
  opacity: 0.7;
}
@media (hover: hover) {
  .input:has(.frame__pass) input:not(:placeholder-shown) + .frame__pass:hover {
    opacity: 1;
  }
}
.input .input__label {
  display: flex;
  color: var(--input__label__color);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .input .input__label {
    font-size: clamp(0.8125rem, 0.7664rem + 0.2049vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.input .input__label {
  background-color: var(--input__background);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@supports not (-webkit-line-clamp: 1) {
  .input .input__label {
    white-space: nowrap;
  }
}
@supports (-webkit-line-clamp: 1) {
  .input .input__label {
    -webkit-line-clamp: 1;
    white-space: normal;
    line-height: 1.4;
    max-height: 1.4em;
  }
}
.input .input__label {
  line-height: 1.5rem !important;
  position: absolute;
  z-index: 1;
  top: var(--input__frame__padding-block);
  left: calc(var(--input__padding-inline) - var(--input__label__padding-inline));
  padding-inline: var(--input__label__padding-inline);
  right: var(--input__label__padding-inline);
  cursor: pointer;
  transition: top 0.15s ease-out, left 0.15s ease-out, right 0.15s ease-out, background-color 0.15s ease-out, font-size 0.15s ease-out, color 0.15s ease-out;
}
.input .input__frame {
  height: var(--input__height);
  display: flex;
  align-items: center;
  gap: var(--input__gap);
  background-color: var(--input__background);
  padding-block: var(--input__frame__padding-block);
  padding-left: var(--input__padding-inline);
  padding-right: var(--input__padding-inline);
  border: 0.0625rem solid var(--input__border-color);
  position: relative;
  cursor: pointer;
  transition: padding-block 0.15s ease-out;
}
.input .input__frame:has(textarea) {
  height: var(--input__textarea__height) !important;
}
.input .input__frame:has(textarea) textarea {
  resize: none;
}
.input .input__frame:has(svg), .input .input__frame:has(.frame__pass) {
  padding-right: calc(var(--input__gap) + var(--input__svg__width) + var(--input__padding-inline));
}
.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.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .input .input__frame input,
  .input .input__frame textarea {
    font-size: clamp(0.8125rem, 0.7664rem + 0.2049vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.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 .frame__pass {
  width: var(--input__svg__width);
  min-width: var(--input__svg__width);
  height: auto;
  aspect-ratio: 1;
  display: flex;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: var(--input__padding-inline);
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
.input .input__frame .frame__pass span {
  display: flex;
}
.input .input__frame .frame__pass span svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.input .input__frame .frame__pass span svg path {
  stroke: var(--secondary-400);
  transition: stroke 0.3s ease-out;
}
.input .input__frame .frame__pass .pass__off {
  display: none;
}
.input .input__link {
  height: var(--input__height);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: inherit;
}
@media (hover: hover) {
  .input .input__link:hover {
    color: var(--primary-500);
  }
}
.input .input__link {
  color: var(--primary-900);
  font-size: clamp(0.75rem, 0.464rem + 0.3425vw, 0.875rem);
  font-weight: 400;
  line-height: 1.25rem;
}
.input .input__link svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.input .input__link svg path {
  fill: currentColor;
}
.input:has(input:focus), .input:has(input:focus), .input:has(textarea:focus), .input:has(input:not(:focus):not(:placeholder-shown)), .input:has(textarea:not(:focus):not(:placeholder-shown)), .input:has(input:not(:empty)), .input:has(textarea:not(:empty)), .input:has(input:-webkit-autofill), .input:has(select:-webkit-autofill), .input:has(textarea:-webkit-autofill) {
  --input__border-color: var(--primary-500);
}
.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 {
  color: var(--primary-500);
  font-size: clamp(0.75rem, 0.464rem + 0.3425vw, 0.875rem);
  font-weight: 400;
  line-height: 1.25rem;
}
.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 {
  top: -0.6875rem;
  left: calc(var(--input__padding-inline) - var(--input__label__padding-inline)) !important;
  right: unset;
}
.input .input__error {
  color: var(--input__error);
  font-size: clamp(0.75rem, 0.607rem + 0.1712vw, 0.8125rem);
  font-weight: 400;
  line-height: 1.125rem;
}
@media only screen and (max-width: 83.4375rem) {
  .input .input__error {
    font-size: clamp(0.6875rem, 0.6644rem + 0.1025vw, 0.75rem);
  }
}
.input .input__error {
  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);
}
.input._error .input__error {
  display: flex;
}

.double__input {
  display: grid;
  grid-gap: 0 clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 83.4375rem) {
  .double__input:has(.double__input) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}
@media only screen and (max-width: 37.25rem) {
  .double__input:has(.input__link) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
  .double__input:has(.input__link) .input:has(.input__link) {
    --input__height: unset;
    --input__margin-top: 1rem;
  }
}

.uploader {
  display: flex;
  flex-direction: column;
  gap: var(--uploader__gap, 2rem);
}
.uploader .uploader__files {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.uploader .uploader__files:not(:has(.files__item)) {
  display: none;
}
.uploader .files__item {
  --item__padding-block: 0.6875rem;
  --item__padding-left: 1rem;
  --item__padding-right: 0.5rem;
  color: var(--secondary-400);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .uploader .files__item {
    font-size: clamp(0.8125rem, 0.7664rem + 0.2049vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.uploader .files__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  background-color: var(--surfaces-25);
  padding-block: var(--item__padding-block);
  padding-left: var(--item__padding-left);
  padding-right: var(--item__padding-right);
}
.uploader .files__item button {
  color: inherit;
}
@media (hover: hover) {
  .uploader .files__item button:hover {
    color: var(--primary-500);
  }
}
.uploader .files__item button {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  display: flex;
  color: var(--primary-900);
  cursor: pointer;
}
.uploader .files__item button svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.uploader .files__item button svg path {
  stroke: currentColor;
}
.uploader .input__error {
  color: var(--other-error-700);
  font-size: clamp(0.75rem, 0.607rem + 0.1712vw, 0.8125rem);
  font-weight: 400;
  line-height: 1.125rem;
}
@media only screen and (max-width: 83.4375rem) {
  .uploader .input__error {
    font-size: clamp(0.6875rem, 0.6644rem + 0.1025vw, 0.75rem);
  }
}
.uploader .input__error {
  display: none;
}
.uploader._error .input__error {
  display: flex;
  margin-top: -1.5rem;
}

table {
  --table__border: 0.0625rem solid var(--other-divider-300);
  width: 100%;
  min-width: max-content;
  border-collapse: separate;
  border-spacing: 0;
}
table tr:last-child th, table tr:last-child td {
  border-bottom: var(--table__border);
}
table th, table td {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  line-height: 1.5rem;
}
table th, table td {
  max-width: 30rem;
  color: var(--primary-900);
  border-top: var(--table__border);
  padding-block: 0.9375rem;
  padding-inline: 1rem;
  text-align: left;
}
table th:not(:first-child), table td:not(:first-child) {
  border-left: var(--table__border);
}
table th {
  font-weight: 600;
}
table td {
  font-weight: 400;
}

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

.header__search {
  --search__padding-inline: clamp(1rem, -0.519rem + 6.7511vw, 3rem);
  --search__block__translate: 100%;
}
.header__search ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.header__search ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  position: unset;
  padding-left: unset;
}
.header__search ul {
  list-style: none;
}
.header__search a {
  text-decoration: none;
}
.header__search {
  position: fixed;
  z-index: 13;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  color: var(--primary-900);
}
.header__search .search__overlay {
  background-color: var(--primary-900);
  position: absolute;
  inset: 0;
  opacity: 0.5;
}
.header__search .search__block {
  --block__width: clamp(22.5rem, 12.057rem + 46.4135vw, 36.25rem);
  width: var(--block__width);
  max-width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--neutral-100);
  margin-left: auto;
  overflow-y: auto;
  transform: translateX(var(--search__block__translate));
  transition: transform 0.3s ease-out;
  position: relative;
  z-index: 1;
}
.header__search .block__header {
  display: flex;
  justify-content: flex-end;
  color: inherit;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
  padding-inline: var(--search__padding-inline);
}
.header__search .header__close {
  color: inherit;
}
@media (hover: hover) {
  .header__search .header__close:hover {
    color: var(--primary-500);
  }
}
.header__search .header__close {
  width: 2rem;
  min-width: 2rem;
  height: auto;
  aspect-ratio: 1;
  cursor: pointer;
  color: inherit;
}
.header__search .header__close svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.header__search .header__close svg path {
  stroke: currentColor;
}
.header__search .block__search {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: calc(100% - var(--search__padding-inline) * 2);
  margin-inline: var(--search__padding-inline);
  padding-bottom: 0.5rem;
  border-bottom: 0.0625rem solid var(--primary-900);
  color: inherit;
}
.header__search .search__button {
  color: inherit;
}
@media (hover: hover) {
  .header__search .search__button:hover {
    color: var(--primary-500);
  }
}
.header__search .search__button {
  width: 1.75rem;
  min-width: 1.75rem;
  height: auto;
  aspect-ratio: 1;
  display: flex;
  color: inherit;
  cursor: pointer;
}
.header__search .search__button svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.header__search .search__button svg path {
  stroke: currentColor;
}
.header__search .search__input {
  width: 100%;
  color: inherit;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2rem;
}
@media only screen and (max-width: 83.4375rem) {
  .header__search .search__input {
    font-size: clamp(1.125rem, 1.0789rem + 0.2049vw, 1.25rem);
    line-height: clamp(1.625rem, 1.4867rem + 0.6148vw, 2rem);
  }
}
.header__search .results__text,
.header__search .results__products {
  width: calc(100% - var(--search__padding-inline) * 2);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-block: 1rem;
  margin-inline: var(--search__padding-inline);
}
.header__search .results__text:not(:last-child) {
  border-bottom: 0.0625rem solid var(--other-divider-300);
}
.header__search .text__item {
  color: var(--secondary-400);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .header__search .text__item {
    font-size: clamp(0.8125rem, 0.7664rem + 0.2049vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.header__search .text__item strong, .header__search .text__item b {
  color: var(--primary-900);
  font-weight: 400;
}
.header__search .item__link {
  color: inherit;
}
@media (hover: hover) {
  .header__search .item__link:hover {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
}
.header__search .block__actions {
  background-color: var(--neutral-100);
  width: calc(100% - var(--search__padding-inline) * 2);
  margin-top: auto;
  margin-inline: var(--search__padding-inline);
  border-top: 0.0625rem solid var(--other-divider-300);
  padding-top: 1rem;
  padding-bottom: 3rem;
  position: sticky;
  bottom: 0;
}
.header__search .actions__more {
  display: flex;
  justify-content: center;
  align-items: center;
  color: inherit;
}
@media (hover: hover) {
  .header__search .actions__more:hover {
    color: var(--primary-500);
  }
}
.header__search .actions__more {
  color: var(--primary-900);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .header__search .actions__more {
    font-size: clamp(0.8125rem, 0.7664rem + 0.2049vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.header__search .actions__more {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: 0.0625rem;
  text-underline-offset: 0.25rem;
  text-underline-position: from-font;
}
@media (hover: hover) {
  .header__search .actions__more:hover {
    text-decoration: none;
  }
}

body:has(#search__popup:checked) .header__search {
  --search__block__translate: 0;
  opacity: 1;
  visibility: visible;
}

.header__cart {
  --cart__border: var(--other-divider-300);
  --cart__padding-inline: clamp(1rem, -0.519rem + 6.7511vw, 3rem);
  --cart__block__translate: 100%;
}
.header__cart ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.header__cart ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  position: unset;
  padding-left: unset;
}
.header__cart ul {
  list-style: none;
}
.header__cart a {
  text-decoration: none;
}
.header__cart {
  position: fixed;
  z-index: 13;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  color: var(--primary-900);
}
.header__cart .cart__overlay {
  background-color: var(--primary-900);
  position: absolute;
  inset: 0;
  opacity: 0.5;
}
.header__cart .cart__block {
  --block__width: clamp(22.5rem, 12.057rem + 46.4135vw, 36.25rem);
  width: var(--block__width);
  max-width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--neutral-100);
  margin-left: auto;
  overflow-y: auto;
  transform: translateX(var(--cart__block__translate));
  transition: transform 0.3s ease-out;
  position: relative;
  z-index: 1;
  padding-inline: var(--cart__padding-inline);
}
.header__cart .block__empty {
  display: none;
  padding-block: 1rem;
}
.header__cart .block__empty p, .header__cart .block__empty .p {
  color: inherit;
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 400;
  line-height: clamp(1.5rem, 1.214rem + 0.3425vw, 1.625rem);
}
@media only screen and (max-width: 83.4375rem) {
  .header__cart .block__empty p, .header__cart .block__empty .p {
    font-size: clamp(0.9375rem, 0.9144rem + 0.1025vw, 1rem);
  }
}
.header__cart .block__products {
  display: flex;
  flex-direction: column;
}
.header__cart:not(:has(.product._cart)) .block__empty {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.header__cart:not(:has(.product._cart)) .block__products,
.header__cart:not(:has(.product._cart)) .block__actions {
  display: none;
}
.header__cart .block__header {
  display: flex;
  flex-direction: column-reverse;
  gap: 1rem;
  color: inherit;
  padding-block: 1.5rem;
  border-bottom: 0.0625rem solid var(--cart__border);
}
.header__cart .header__title {
  color: inherit;
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 500;
  line-height: clamp(1.5rem, 1.214rem + 0.3425vw, 1.625rem);
}
@media only screen and (max-width: 83.4375rem) {
  .header__cart .header__title {
    font-size: clamp(0.9375rem, 0.9144rem + 0.1025vw, 1rem);
  }
}
.header__cart .header__close {
  color: inherit;
}
@media (hover: hover) {
  .header__cart .header__close:hover {
    color: var(--primary-500);
  }
}
.header__cart .header__close {
  width: 2rem;
  min-width: 2rem;
  height: auto;
  aspect-ratio: 1;
  cursor: pointer;
  margin-left: auto;
}
.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__actions {
  --cart__actions__gap: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: var(--cart__actions__gap);
  background-color: var(--neutral-100);
  margin-top: auto;
  padding-bottom: clamp(1.5rem, 0.3608rem + 5.0633vw, 3rem);
  position: sticky;
  z-index: 2;
  bottom: 0;
}
.header__cart .block__actions .actions__total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--cart__actions__gap);
}
.header__cart .block__actions .total__title,
.header__cart .block__actions .total__price {
  color: inherit;
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
}
body:has(#cart__popup:checked) .header__cart {
  --cart__block__translate: 0;
  opacity: 1;
  visibility: visible;
}

.header__desktop > .wrap {
  --header__gap: clamp(5.625rem, 4.9101rem + 0.8562vw, 5.9375rem);
  --header__logo__width: clamp(11.75rem, 6.8887rem + 5.8219vw, 13.875rem);
  --header__logo__aspect-ratio: 3.46875;
}
@media only screen and (max-width: 83.4375rem) {
  .header__desktop > .wrap {
    --header__gap: 1rem;
    --header__logo__width: 7.8125rem;
  }
}
@media only screen and (max-width: 22.4375rem) {
  .header__desktop > .wrap {
    --header__logo__width: 6.9375rem;
  }
}
.header__desktop > .wrap {
  display: grid;
  grid-gap: 0 var(--header__gap);
  grid-template-columns: minmax(0, var(--header__logo__width)) minmax(0, 1fr);
  grid-template-areas: "logo infobar" "logo mainbar";
}
@media only screen and (max-width: 83.4375rem) {
  .header__desktop > .wrap {
    grid-template-areas: "logo mainbar";
  }
}
.header__desktop::after {
  background-color: var(--header__background);
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
}
@media (hover: hover) {
  .header__desktop:has(.list__item:hover .item__dropdown)::before {
    background-color: var(--primary-900);
    content: "";
    position: fixed;
    z-index: -1;
    inset: 0;
    opacity: 0.5;
  }
}
.header__desktop .desktop__logo {
  display: flex;
  grid-area: logo;
  padding-block: 1.125rem;
}
.header__desktop .desktop__logo svg {
  width: 100%;
  height: auto;
  aspect-ratio: var(--header__logo__aspect-ratio);
  margin-top: auto;
}
.header__desktop .desktop__logo svg path {
  fill: var(--header__text__color);
}
.header__desktop .desktop__infobar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-block: 1.125rem 1.5rem;
  grid-area: infobar;
}
@media only screen and (max-width: 83.4375rem) {
  .header__desktop .desktop__infobar {
    display: none;
  }
}
.header__desktop .infobar__contacts {
  color: var(--header__text__color);
  font-size: clamp(0.75rem, 0.464rem + 0.3425vw, 0.875rem);
  font-weight: 400;
  line-height: 1.25rem;
}
.header__desktop .infobar__contacts {
  display: flex;
  gap: 2.5rem;
  opacity: 0.75;
}
.header__desktop .infobar__contacts span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@supports not (-webkit-line-clamp: 1) {
  .header__desktop .infobar__contacts span {
    white-space: nowrap;
  }
}
@supports (-webkit-line-clamp: 1) {
  .header__desktop .infobar__contacts span {
    -webkit-line-clamp: 1;
    white-space: normal;
    line-height: 1.4;
    max-height: 1.4em;
  }
}
.header__desktop .infobar__contacts a {
  color: inherit;
}
@media (hover: hover) {
  .header__desktop .infobar__contacts a:hover {
    color: var(--primary-500);
  }
}
.header__desktop .infobar__languages {
  --languages__height: 1.75rem;
  --header__languages__padding-inline: 0.625rem;
  --header__languages__width: calc(2.375rem + var(--header__languages__padding-inline) * 2);
  margin-block: auto;
  position: relative;
  z-index: 1;
  color: var(--header__text__color);
  border: 0.0625rem solid rgba(var(--header__text__color), 0.25);
}
@media only screen and (max-width: 83.4375rem) {
  .header__desktop .infobar__languages {
    display: none;
  }
}
.header__desktop .infobar__languages:active .languages__frame::before, .header__desktop .infobar__languages:focus .languages__frame::before, .header__desktop .infobar__languages:hover .languages__frame::before, .header__desktop .infobar__languages._active .languages__frame::before {
  opacity: 0;
}
.header__desktop .infobar__languages:active .languages__frame svg, .header__desktop .infobar__languages:focus .languages__frame svg, .header__desktop .infobar__languages:hover .languages__frame svg, .header__desktop .infobar__languages._active .languages__frame svg {
  transform: rotate(180deg);
}
.header__desktop .infobar__languages:active .languages__dropdown, .header__desktop .infobar__languages:focus .languages__dropdown, .header__desktop .infobar__languages:hover .languages__dropdown, .header__desktop .infobar__languages._active .languages__dropdown {
  opacity: 1;
  visibility: visible;
}
.header__desktop .infobar__languages:active .languages__dropdown::before, .header__desktop .infobar__languages:focus .languages__dropdown::before, .header__desktop .infobar__languages:hover .languages__dropdown::before, .header__desktop .infobar__languages._active .languages__dropdown::before {
  width: 100%;
  height: calc(100% + var(--languages__height));
  background-color: var(--header__background);
  content: "";
  position: absolute;
  top: calc((var(--languages__height) + 0.0625rem) * -1);
  left: calc(0.0625rem * -1);
  right: calc(0.0625rem * -1);
  bottom: calc(0.0625rem * -1);
  z-index: -1;
  box-shadow: var(--shadow-2);
}
.header__desktop .infobar__languages .languages__frame,
.header__desktop .infobar__languages .dropdown__item,
.header__desktop .infobar__languages .item__link {
  text-transform: uppercase;
}
.header__desktop .infobar__languages .languages__frame,
.header__desktop .infobar__languages .dropdown__item {
  width: var(--header__languages__width);
  min-width: var(--header__languages__width);
  height: var(--languages__height);
  padding-inline: var(--header__languages__padding-inline);
}
.header__desktop .infobar__languages .languages__frame {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: inherit;
  font-size: clamp(0.75rem, 0.464rem + 0.3425vw, 0.875rem);
  font-weight: 600;
  line-height: 1.25rem;
}
.header__desktop .infobar__languages .languages__frame {
  position: relative;
}
.header__desktop .infobar__languages .languages__frame::before {
  content: "";
  position: absolute;
  inset: calc(0.0625rem * -1);
  z-index: -1;
  border: 0.0625rem solid var(--header__text__color);
  opacity: 0.25;
}
.header__desktop .infobar__languages .languages__frame svg {
  width: 1.25rem;
  min-width: 1.25rem;
  height: auto;
  aspect-ratio: 1;
}
.header__desktop .infobar__languages .languages__frame svg path {
  stroke: currentColor;
}
.header__desktop .infobar__languages .languages__dropdown {
  position: absolute;
  top: 100%;
  opacity: 0;
  visibility: hidden;
  padding-bottom: 0.25rem;
}
.header__desktop .infobar__languages .dropdown__item {
  height: 1.25rem;
  display: flex;
  align-items: center;
  margin-top: 0.625rem;
}
.header__desktop .infobar__languages .dropdown__item:first-child {
  margin-top: 0.375rem;
}
.header__desktop .infobar__languages .dropdown__item .item__link {
  color: var(--header__text__color);
  font-size: clamp(0.75rem, 0.464rem + 0.3425vw, 0.875rem);
  font-weight: 600;
  line-height: 1.25rem;
}
.header__desktop .infobar__languages .dropdown__item .item__link {
  color: inherit;
}
@media (hover: hover) {
  .header__desktop .infobar__languages .dropdown__item .item__link:hover {
    color: var(--primary-500);
  }
}
@media (hover: hover) {
  .header__desktop .infobar__languages .dropdown__item .item__link:hover {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: 0.0625rem;
    text-underline-offset: 0.25rem;
    text-underline-position: from-font;
  }
}
.header__desktop .desktop__mainbar {
  --mainbar__align-items: flex-start;
}
@media only screen and (max-width: 83.4375rem) {
  .header__desktop .desktop__mainbar {
    --mainbar__align-items: center;
  }
}
.header__desktop .desktop__mainbar {
  display: flex;
  justify-content: space-between;
  align-items: var(--mainbar__align-items);
  gap: clamp(2.75rem, -0.9675rem + 4.4521vw, 4.375rem);
  grid-area: mainbar;
}
@media only screen and (max-width: 93.75rem) {
  .header__desktop .mainbar__nav {
    display: none;
  }
}
.header__desktop .nav__list {
  --list__gap: clamp(1.25rem, -3.3253rem + 5.4795vw, 3.25rem);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (hover: hover) {
  .header__desktop .nav__list:has(.list__item:nth-child(1):hover .item__dropdown) .list__item:nth-child(1) {
    padding-right: var(--list__gap);
  }
  .header__desktop .nav__list:has(.list__item:nth-child(1):hover .item__dropdown) .list__item:nth-child(2) {
    padding-left: 0;
  }
  .header__desktop .nav__list:has(.list__item:nth-child(2):hover .item__dropdown) .list__item:nth-child(1) {
    padding-right: 0;
  }
  .header__desktop .nav__list:has(.list__item:nth-child(2):hover .item__dropdown) .list__item:nth-child(2) {
    padding-inline: var(--list__gap);
  }
  .header__desktop .nav__list:has(.list__item:nth-child(2):hover .item__dropdown) .list__item:nth-child(3) {
    padding-left: 0;
  }
  .header__desktop .nav__list:has(.list__item:nth-child(3):hover .item__dropdown) .list__item:nth-child(2) {
    padding-right: 0;
  }
  .header__desktop .nav__list:has(.list__item:nth-child(3):hover .item__dropdown) .list__item:nth-child(3) {
    padding-inline: var(--list__gap);
  }
  .header__desktop .nav__list:has(.list__item:nth-child(3):hover .item__dropdown) .list__item:nth-child(4) {
    padding-left: 0;
  }
  .header__desktop .nav__list:has(.list__item:nth-child(4):hover .item__dropdown) .list__item:nth-child(3) {
    padding-right: 0;
  }
  .header__desktop .nav__list:has(.list__item:nth-child(4):hover .item__dropdown) .list__item:nth-child(4) {
    padding-inline: var(--list__gap);
  }
  .header__desktop .nav__list:has(.list__item:nth-child(4):hover .item__dropdown) .list__item:nth-child(5) {
    padding-left: 0;
  }
  .header__desktop .nav__list:has(.list__item:nth-child(5):hover .item__dropdown) .list__item:nth-child(4) {
    padding-right: 0;
  }
  .header__desktop .nav__list:has(.list__item:nth-child(5):hover .item__dropdown) .list__item:nth-child(5) {
    padding-inline: var(--list__gap);
  }
  .header__desktop .nav__list:has(.list__item:nth-child(5):hover .item__dropdown) .list__item:nth-child(6) {
    padding-left: 0;
  }
  .header__desktop .nav__list:has(.list__item:nth-child(6):hover .item__dropdown) .list__item:nth-child(5) {
    padding-right: 0;
  }
  .header__desktop .nav__list:has(.list__item:nth-child(6):hover .item__dropdown) .list__item:nth-child(6) {
    padding-inline: var(--list__gap);
  }
  .header__desktop .nav__list:has(.list__item:nth-child(6):hover .item__dropdown) .list__item:nth-child(7) {
    padding-left: 0;
  }
  .header__desktop .nav__list:has(.list__item:nth-child(7):hover .item__dropdown) .list__item:nth-child(6) {
    padding-right: 0;
  }
  .header__desktop .nav__list:has(.list__item:nth-child(7):hover .item__dropdown) .list__item:nth-child(7) {
    padding-inline: var(--list__gap);
  }
  .header__desktop .nav__list:has(.list__item:nth-child(7):hover .item__dropdown) .list__item:nth-child(8) {
    padding-left: 0;
  }
  .header__desktop .nav__list:has(.list__item:nth-child(8):hover .item__dropdown) .list__item:nth-child(7) {
    padding-right: 0;
  }
  .header__desktop .nav__list:has(.list__item:nth-child(8):hover .item__dropdown) .list__item:nth-child(8) {
    padding-inline: var(--list__gap);
  }
  .header__desktop .nav__list:has(.list__item:nth-child(8):hover .item__dropdown) .list__item:nth-child(9) {
    padding-left: 0;
  }
  .header__desktop .nav__list:has(.list__item:nth-child(9):hover .item__dropdown) .list__item:nth-child(8) {
    padding-right: 0;
  }
  .header__desktop .nav__list:has(.list__item:nth-child(9):hover .item__dropdown) .list__item:nth-child(9) {
    padding-inline: var(--list__gap);
  }
  .header__desktop .nav__list:has(.list__item:nth-child(9):hover .item__dropdown) .list__item:nth-child(10) {
    padding-left: 0;
  }
  .header__desktop .nav__list:has(.list__item:nth-child(10):hover .item__dropdown) .list__item:nth-child(9) {
    padding-right: 0;
  }
  .header__desktop .nav__list:has(.list__item:nth-child(10):hover .item__dropdown) .list__item:nth-child(10) {
    padding-left: var(--list__gap);
  }
}
.header__desktop .list__item {
  --list__item__padding-top: 0.125rem;
  --list__item__padding-bottom: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  color: inherit;
}
@media (hover: hover) {
  .header__desktop .list__item:hover {
    color: var(--primary-500);
  }
}
.header__desktop .list__item {
  color: var(--header__text__color);
  padding-top: var(--list__item__padding-top);
  padding-bottom: var(--list__item__padding-bottom);
  padding-inline: calc(var(--list__gap) / 2);
}
.header__desktop .list__item:first-child {
  padding-left: 0;
}
.header__desktop .list__item:last-child {
  padding-right: 0;
}
@media (hover: hover) {
  .header__desktop .list__item:hover .item__dropdown {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
  }
  .header__desktop .list__item:hover:has(.item__dropdown)::after {
    content: "";
    width: 100%;
    height: var(--list__item__padding-bottom);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.header__desktop .list__item._active {
  color: var(--primary-500);
}
.header__desktop .item__link {
  color: inherit;
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .header__desktop .item__link {
    font-size: clamp(0.8125rem, 1.2403rem + -0.5123vw, 1.125rem);
    line-height: clamp(1.5rem, 1.6711rem + -0.2049vw, 1.625rem);
  }
}
.header__desktop .item__link {
  white-space: nowrap;
  text-transform: uppercase;
  position: relative;
}
.header__desktop .item__link::after {
  content: "";
  width: 100%;
}
.header__desktop .item__chevron {
  width: 1.25rem;
  min-width: 1.25rem;
  height: auto;
  aspect-ratio: 1;
  display: flex;
  color: inherit;
}
.header__desktop .item__chevron svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  color: inherit;
}
.header__desktop .item__chevron svg path, .header__desktop .item__chevron svg rect {
  stroke: currentColor;
}
.header__desktop .item__dropdown {
  background-color: var(--neutral-100);
  border-top: 0.0625rem solid var(--other-divider-300);
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
  overflow: hidden;
  top: 100%;
  left: 50%;
  opacity: 0;
  visibility: hidden;
  z-index: 3;
  transform: translate(-50%, 0.375rem);
  transition: opacity 0.24s ease, visibility 0.24s ease, transform 0.24s ease;
  padding-top: 1rem;
  padding-bottom: 1.5rem;
}
.header__desktop .item__dropdown > .dropdown__wrap {
  display: grid;
  column-gap: var(--dropdown__column-gap);
  align-items: start;
  justify-content: center;
  margin-inline: auto;
  max-width: calc(100vw - 2 * var(--wrap__padding));
  box-sizing: border-box;
  --dropdown__column-gutter: 1.125rem;
  --dropdown__column-gap: 2rem;
  --dropdown__content-width: min(70rem, calc(100vw - (2 * var(--wrap__padding))));
  --dropdown__submenu-gutter: 0rem;
  padding-inline: 0;
}
.header__desktop .item__dropdown._cols-1 > .dropdown__wrap, .header__desktop .item__dropdown._cols-2 > .dropdown__wrap, .header__desktop .item__dropdown._cols-3 > .dropdown__wrap, .header__desktop .item__dropdown._cols-4 > .dropdown__wrap, .header__desktop .item__dropdown._cols-5 > .dropdown__wrap, .header__desktop .item__dropdown._cols-6 > .dropdown__wrap, .header__desktop .item__dropdown._cols-7 > .dropdown__wrap, .header__desktop .item__dropdown._cols-8 > .dropdown__wrap, .header__desktop .item__dropdown._cols-9 > .dropdown__wrap, .header__desktop .item__dropdown._cols-10 > .dropdown__wrap {
  grid-template-columns: repeat(var(--dropdown-cols), max-content);
  width: max-content;
}
@media only screen and (max-width: 85rem) {
  .header__desktop .item__dropdown > .dropdown__wrap {
    --dropdown__column-gap: 1.5rem;
    --dropdown__column-gutter: 0.75rem;
  }
}
.header__desktop .dropdown__title-row,
.header__desktop .dropdown__content-row {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: subgrid;
  justify-content: center;
  width: 100%;
}
.header__desktop .dropdown__content-row {
  position: relative;
}
.header__desktop .dropdown__list {
  width: 100%;
  max-width: var(--dropdown__content-width);
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: subgrid;
  align-items: center;
  height: 3rem;
}
.header__desktop .list__item-2 {
  display: flex;
  align-items: center;
  justify-content: stretch;
  color: var(--header__text__color);
  position: relative;
  height: 100%;
  flex: 1 1 auto;
  white-space: nowrap;
}
@media (hover: hover) {
  .header__desktop .list__item-2:hover {
    color: var(--primary-500);
  }
}
.header__desktop .dropdown__list > .list__item-2 + .list__item-2::before {
  content: "";
  width: 0.0625rem;
  height: 1.75rem;
  background: no-repeat center/1px 28px url("/catalog/view/enternet/images/icons/divider.svg");
  background-size: 1px 100%;
  position: absolute;
  top: calc(50% - 14px);
  left: calc(var(--dropdown__column-gap) / -2);
  height: var(--dropdown-divider-height, 1.75rem);
  transform: translateX(-50%);
  pointer-events: none;
}
.header__desktop .item__link-2 {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: center;
  color: inherit;
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .header__desktop .item__link-2 {
    font-size: clamp(0.8125rem, 0.7664rem + 0.2049vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.header__desktop .item__link-2 {
  width: 100%;
  padding-inline: var(--dropdown__column-gutter);
  padding-block: 0.75rem;
  text-align: left;
  white-space: nowrap;
  position: relative;
}
.header__desktop .link__icon,
.header__desktop .link__chevron {
  display: flex;
  width: 1rem;
  min-width: 1rem;
  height: auto;
  aspect-ratio: 1;
  color: inherit;
}
.header__desktop .link__icon svg,
.header__desktop .link__chevron svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  color: inherit;
}
.header__desktop .link__icon svg path[fill],
.header__desktop .link__chevron svg path[fill] {
  fill: currentColor;
}
.header__desktop .link__icon svg path[stroke],
.header__desktop .link__chevron svg path[stroke] {
  stroke: currentColor;
}
.header__desktop .link__text {
  grid-column: 1;
  justify-self: start;
  white-space: nowrap;
}
.header__desktop .link__chevron,
.header__desktop .link__icon {
  grid-column: 2;
  justify-self: start;
  margin-left: 0.5rem;
}
@media (hover: hover) {
  .header__desktop .item__dropdown:has(.list__item-2:nth-child(1):hover) .dropdown__list-2 > .dropdown__list-3:nth-child(1),
  .header__desktop .item__dropdown:has(.list__item-2:nth-child(1):focus-within) .dropdown__list-2 > .dropdown__list-3:nth-child(1),
  .header__desktop .item__dropdown:has(.dropdown__list-2 > .dropdown__list-3:nth-child(1):hover) .dropdown__list-2 > .dropdown__list-3:nth-child(1) {
    max-height: 30rem;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    padding-top: var(--dropdown__padding-top-open);
    padding-bottom: var(--dropdown__padding-bottom);
    overflow: visible;
  }
  .header__desktop .item__dropdown:has(.list__item-2:nth-child(2):hover) .dropdown__list-2 > .dropdown__list-3:nth-child(2),
  .header__desktop .item__dropdown:has(.list__item-2:nth-child(2):focus-within) .dropdown__list-2 > .dropdown__list-3:nth-child(2),
  .header__desktop .item__dropdown:has(.dropdown__list-2 > .dropdown__list-3:nth-child(2):hover) .dropdown__list-2 > .dropdown__list-3:nth-child(2) {
    max-height: 30rem;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    padding-top: var(--dropdown__padding-top-open);
    padding-bottom: var(--dropdown__padding-bottom);
    overflow: visible;
  }
  .header__desktop .item__dropdown:has(.list__item-2:nth-child(3):hover) .dropdown__list-2 > .dropdown__list-3:nth-child(3),
  .header__desktop .item__dropdown:has(.list__item-2:nth-child(3):focus-within) .dropdown__list-2 > .dropdown__list-3:nth-child(3),
  .header__desktop .item__dropdown:has(.dropdown__list-2 > .dropdown__list-3:nth-child(3):hover) .dropdown__list-2 > .dropdown__list-3:nth-child(3) {
    max-height: 30rem;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    padding-top: var(--dropdown__padding-top-open);
    padding-bottom: var(--dropdown__padding-bottom);
    overflow: visible;
  }
  .header__desktop .item__dropdown:has(.list__item-2:nth-child(4):hover) .dropdown__list-2 > .dropdown__list-3:nth-child(4),
  .header__desktop .item__dropdown:has(.list__item-2:nth-child(4):focus-within) .dropdown__list-2 > .dropdown__list-3:nth-child(4),
  .header__desktop .item__dropdown:has(.dropdown__list-2 > .dropdown__list-3:nth-child(4):hover) .dropdown__list-2 > .dropdown__list-3:nth-child(4) {
    max-height: 30rem;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    padding-top: var(--dropdown__padding-top-open);
    padding-bottom: var(--dropdown__padding-bottom);
    overflow: visible;
  }
  .header__desktop .item__dropdown:has(.list__item-2:nth-child(5):hover) .dropdown__list-2 > .dropdown__list-3:nth-child(5),
  .header__desktop .item__dropdown:has(.list__item-2:nth-child(5):focus-within) .dropdown__list-2 > .dropdown__list-3:nth-child(5),
  .header__desktop .item__dropdown:has(.dropdown__list-2 > .dropdown__list-3:nth-child(5):hover) .dropdown__list-2 > .dropdown__list-3:nth-child(5) {
    max-height: 30rem;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    padding-top: var(--dropdown__padding-top-open);
    padding-bottom: var(--dropdown__padding-bottom);
    overflow: visible;
  }
  .header__desktop .item__dropdown:has(.list__item-2:nth-child(6):hover) .dropdown__list-2 > .dropdown__list-3:nth-child(6),
  .header__desktop .item__dropdown:has(.list__item-2:nth-child(6):focus-within) .dropdown__list-2 > .dropdown__list-3:nth-child(6),
  .header__desktop .item__dropdown:has(.dropdown__list-2 > .dropdown__list-3:nth-child(6):hover) .dropdown__list-2 > .dropdown__list-3:nth-child(6) {
    max-height: 30rem;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    padding-top: var(--dropdown__padding-top-open);
    padding-bottom: var(--dropdown__padding-bottom);
    overflow: visible;
  }
  .header__desktop .item__dropdown:has(.list__item-2:nth-child(7):hover) .dropdown__list-2 > .dropdown__list-3:nth-child(7),
  .header__desktop .item__dropdown:has(.list__item-2:nth-child(7):focus-within) .dropdown__list-2 > .dropdown__list-3:nth-child(7),
  .header__desktop .item__dropdown:has(.dropdown__list-2 > .dropdown__list-3:nth-child(7):hover) .dropdown__list-2 > .dropdown__list-3:nth-child(7) {
    max-height: 30rem;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    padding-top: var(--dropdown__padding-top-open);
    padding-bottom: var(--dropdown__padding-bottom);
    overflow: visible;
  }
  .header__desktop .item__dropdown:has(.list__item-2:nth-child(8):hover) .dropdown__list-2 > .dropdown__list-3:nth-child(8),
  .header__desktop .item__dropdown:has(.list__item-2:nth-child(8):focus-within) .dropdown__list-2 > .dropdown__list-3:nth-child(8),
  .header__desktop .item__dropdown:has(.dropdown__list-2 > .dropdown__list-3:nth-child(8):hover) .dropdown__list-2 > .dropdown__list-3:nth-child(8) {
    max-height: 30rem;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    padding-top: var(--dropdown__padding-top-open);
    padding-bottom: var(--dropdown__padding-bottom);
    overflow: visible;
  }
  .header__desktop .item__dropdown:has(.list__item-2:nth-child(9):hover) .dropdown__list-2 > .dropdown__list-3:nth-child(9),
  .header__desktop .item__dropdown:has(.list__item-2:nth-child(9):focus-within) .dropdown__list-2 > .dropdown__list-3:nth-child(9),
  .header__desktop .item__dropdown:has(.dropdown__list-2 > .dropdown__list-3:nth-child(9):hover) .dropdown__list-2 > .dropdown__list-3:nth-child(9) {
    max-height: 30rem;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    padding-top: var(--dropdown__padding-top-open);
    padding-bottom: var(--dropdown__padding-bottom);
    overflow: visible;
  }
  .header__desktop .item__dropdown:has(.list__item-2:nth-child(10):hover) .dropdown__list-2 > .dropdown__list-3:nth-child(10),
  .header__desktop .item__dropdown:has(.list__item-2:nth-child(10):focus-within) .dropdown__list-2 > .dropdown__list-3:nth-child(10),
  .header__desktop .item__dropdown:has(.dropdown__list-2 > .dropdown__list-3:nth-child(10):hover) .dropdown__list-2 > .dropdown__list-3:nth-child(10) {
    max-height: 30rem;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    padding-top: var(--dropdown__padding-top-open);
    padding-bottom: var(--dropdown__padding-bottom);
    overflow: visible;
  }
}
.header__desktop .dropdown__list > .list__item-2:not(._has-children) {
  justify-content: center;
}
.header__desktop .dropdown__list-2 {
  width: 100%;
  max-width: var(--dropdown__content-width);
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: subgrid;
  align-items: start;
  margin-top: 0rem;
  transition: none;
  position: relative;
}
.header__desktop .dropdown__list-3 {
  --dropdown__padding-top: 0rem;
  --dropdown__padding-top-open: 0rem;
  --dropdown__padding-bottom: 1.5rem;
  --dropdown__item__gap: 0.5rem;
  --dropdown__margin-bottom: 0rem;
  display: grid;
  justify-items: start;
  align-content: start;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  contain: inline-size;
  background-color: transparent;
  padding-inline: var(--dropdown__column-gutter);
  padding-top: 0rem;
  padding-bottom: 0rem;
  position: relative;
  grid-column: var(--dropdown__active-col, 1)/-1;
  grid-row: 1;
  justify-self: stretch;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  max-height: 0rem;
  overflow: hidden;
  transform: translateY(0.25rem);
  transition: opacity 0.24s ease, visibility 0.24s ease, transform 0.24s ease, max-height 0.24s ease, padding 0.24s ease;
}
.header__desktop .list__item-4 {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid-column;
  color: inherit;
}
@media (hover: hover) {
  .header__desktop .list__item-4:hover {
    color: var(--primary-500);
  }
}
.header__desktop .list__item-4 {
  color: var(--header__text__color);
  margin-bottom: var(--dropdown__item__gap);
  width: max-content;
  padding-right: 0.125rem;
}
.header__desktop .item__link-4 {
  color: inherit;
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .header__desktop .item__link-4 {
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.header__desktop .item__link-4 {
  white-space: nowrap;
}
.header__desktop .dropdown__list-2 > .dropdown__list-3:nth-child(1) {
  --dropdown__active-col: 1;
}
.header__desktop .dropdown__list-2 > .dropdown__list-3:nth-child(2) {
  --dropdown__active-col: 2;
}
.header__desktop .dropdown__list-2 > .dropdown__list-3:nth-child(3) {
  --dropdown__active-col: 3;
}
.header__desktop .dropdown__list-2 > .dropdown__list-3:nth-child(4) {
  --dropdown__active-col: 4;
}
.header__desktop .dropdown__list-2 > .dropdown__list-3:nth-child(5) {
  --dropdown__active-col: 5;
}
.header__desktop .dropdown__list-2 > .dropdown__list-3:nth-child(6) {
  --dropdown__active-col: 6;
}
.header__desktop .dropdown__list-2 > .dropdown__list-3:nth-child(7) {
  --dropdown__active-col: 7;
}
.header__desktop .dropdown__list-2 > .dropdown__list-3:nth-child(8) {
  --dropdown__active-col: 8;
}
.header__desktop .dropdown__list-2 > .dropdown__list-3:nth-child(9) {
  --dropdown__active-col: 9;
}
.header__desktop .dropdown__list-2 > .dropdown__list-3:nth-child(10) {
  --dropdown__active-col: 10;
}
@media (hover: hover) {
  .header__desktop .item__dropdown:has(.dropdown__list-2 > .dropdown__list-3:nth-child(1):hover) .list__item-2:nth-child(1) {
    color: var(--primary-500);
  }
  .header__desktop .item__dropdown:has(.dropdown__list-2 > .dropdown__list-3:nth-child(2):hover) .list__item-2:nth-child(2) {
    color: var(--primary-500);
  }
  .header__desktop .item__dropdown:has(.dropdown__list-2 > .dropdown__list-3:nth-child(3):hover) .list__item-2:nth-child(3) {
    color: var(--primary-500);
  }
  .header__desktop .item__dropdown:has(.dropdown__list-2 > .dropdown__list-3:nth-child(4):hover) .list__item-2:nth-child(4) {
    color: var(--primary-500);
  }
  .header__desktop .item__dropdown:has(.dropdown__list-2 > .dropdown__list-3:nth-child(5):hover) .list__item-2:nth-child(5) {
    color: var(--primary-500);
  }
  .header__desktop .item__dropdown:has(.dropdown__list-2 > .dropdown__list-3:nth-child(6):hover) .list__item-2:nth-child(6) {
    color: var(--primary-500);
  }
  .header__desktop .item__dropdown:has(.dropdown__list-2 > .dropdown__list-3:nth-child(7):hover) .list__item-2:nth-child(7) {
    color: var(--primary-500);
  }
  .header__desktop .item__dropdown:has(.dropdown__list-2 > .dropdown__list-3:nth-child(8):hover) .list__item-2:nth-child(8) {
    color: var(--primary-500);
  }
  .header__desktop .item__dropdown:has(.dropdown__list-2 > .dropdown__list-3:nth-child(9):hover) .list__item-2:nth-child(9) {
    color: var(--primary-500);
  }
  .header__desktop .item__dropdown:has(.dropdown__list-2 > .dropdown__list-3:nth-child(10):hover) .list__item-2:nth-child(10) {
    color: var(--primary-500);
  }
}
.header__desktop .dropdown__list-4 {
  margin-bottom: var(--dropdown__margin-bottom);
}
.header__desktop .list__item-5 {
  color: inherit;
}
@media (hover: hover) {
  .header__desktop .list__item-5:hover {
    color: var(--primary-500);
  }
}
.header__desktop .list__item-5 {
  color: var(--header__text__color);
  margin-top: var(--dropdown__item__gap);
}
@media (hover: hover) {
  .header__desktop .list__item-5:hover {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: 0.0625rem;
    text-underline-offset: 0.375rem;
    text-underline-position: from-font;
  }
}
.header__desktop .item__link-5 {
  color: inherit;
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .header__desktop .item__link-5 {
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.header__desktop .item__link-5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@supports not (-webkit-line-clamp: 1) {
  .header__desktop .item__link-5 {
    white-space: nowrap;
  }
}
@supports (-webkit-line-clamp: 1) {
  .header__desktop .item__link-5 {
    -webkit-line-clamp: 1;
    white-space: normal;
    line-height: 1.4;
    max-height: 1.4em;
  }
}
.header__desktop .mainbar__actions {
  --actions__gap: clamp(1.25rem, -2.1815rem + 4.1096vw, 2.75rem);
}
@media only screen and (max-width: 83.4375rem) {
  .header__desktop .mainbar__actions {
    --actions__gap: clamp(1.25rem, 0.3006rem + 4.2194vw, 2.5rem);
  }
}
@media only screen and (max-width: 22.4375rem) {
  .header__desktop .mainbar__actions {
    --actions__gap: 1rem;
  }
}
.header__desktop .mainbar__actions {
  display: flex;
  gap: var(--actions__gap);
  margin-left: auto;
}
.header__desktop .actions__contacts,
.header__desktop .actions__search,
.header__desktop .actions__account,
.header__desktop .actions__cart,
.header__desktop .actions__burger {
  display: flex;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
@media (hover: hover) {
  .header__desktop .actions__contacts:hover svg :is(path, rect),
  .header__desktop .actions__search:hover svg :is(path, rect),
  .header__desktop .actions__account:hover svg :is(path, rect),
  .header__desktop .actions__cart:hover svg :is(path, rect),
  .header__desktop .actions__burger:hover svg :is(path, rect) {
    stroke: var(--primary-500);
  }
}
.header__desktop .actions__contacts svg,
.header__desktop .actions__search svg,
.header__desktop .actions__account svg,
.header__desktop .actions__cart svg,
.header__desktop .actions__burger svg {
  --icon__width: 1.75rem;
}
@media only screen and (max-width: 22.4375rem) {
  .header__desktop .actions__contacts svg,
  .header__desktop .actions__search svg,
  .header__desktop .actions__account svg,
  .header__desktop .actions__cart svg,
  .header__desktop .actions__burger svg {
    --icon__width: 1.5rem;
  }
}
.header__desktop .actions__contacts svg,
.header__desktop .actions__search svg,
.header__desktop .actions__account svg,
.header__desktop .actions__cart svg,
.header__desktop .actions__burger svg {
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
}
.header__desktop .actions__contacts svg path,
.header__desktop .actions__contacts svg rect,
.header__desktop .actions__search svg path,
.header__desktop .actions__search svg rect,
.header__desktop .actions__account svg path,
.header__desktop .actions__account svg rect,
.header__desktop .actions__cart svg path,
.header__desktop .actions__cart svg rect,
.header__desktop .actions__burger svg path,
.header__desktop .actions__burger svg rect {
  stroke: var(--header__text__color);
}
.header__desktop .actions__contacts input,
.header__desktop .actions__search input,
.header__desktop .actions__cart input,
.header__desktop .actions__burger input {
  display: none;
}
@media only screen and (min-width: 83.5rem) {
  .header__desktop .actions__contacts {
    display: none;
  }
}
.header__desktop .actions__contacts:has(input:checked) .contacts__icon {
  display: none;
}
.header__desktop .actions__contacts:has(input:checked) .contacts__close {
  display: flex;
}
.header__desktop .actions__contacts .contacts__icon {
  display: flex;
}
.header__desktop .actions__contacts .contacts__close {
  display: none;
}
@media only screen and (max-width: 83.4375rem) {
  .header__desktop .actions__account {
    display: none;
  }
}
.header__desktop .actions__account svg:nth-child(2) {
  display: none;
}
.header__desktop .actions__account._active {
  position: relative;
}
.header__desktop .actions__account._active svg:nth-child(1) path {
  stroke: var(--header__actions__background-color);
}
.header__desktop .actions__account._active svg:nth-child(2) {
  width: 0.8125rem;
  min-width: 0.8125rem;
  height: auto;
  aspect-ratio: 1;
  display: block;
  position: absolute;
  top: -0.3125rem;
  right: -0.4375rem;
}
.header__desktop .actions__account._active svg:nth-child(2) circle {
  fill: var(--header__actions__background-color);
}
.header__desktop .actions__account._active svg:nth-child(2) path {
  stroke: var(--header__actions__color);
}
.header__desktop .actions__account._active svg:nth-child(2) rect {
  fill: var(--header__actions__color);
  stroke: unset !important;
}
@media (hover: hover) {
  .header__desktop .actions__cart:not([data-cart="0"]):hover svg path:nth-child(1) {
    fill: var(--primary-500);
  }
  .header__desktop .actions__cart:not([data-cart="0"]):hover svg path:nth-child(3) {
    stroke: var(--neutral-100);
  }
}
.header__desktop .actions__cart[data-cart="0"] svg path:nth-child(3) {
  display: none;
}
.header__desktop .actions__cart svg path:nth-child(1) {
  fill: var(--neutral-100);
}
.header__desktop .actions__cart svg path:nth-child(3) {
  stroke: var(--primary-500);
}
@media only screen and (min-width: 93.8125rem) {
  .header__desktop .actions__burger {
    display: none;
  }
}
.header__desktop .actions__burger:has(input:checked) .burger__icon {
  display: none;
}
.header__desktop .actions__burger:has(input:checked) .burger__close {
  display: flex;
}
.header__desktop .actions__burger .burger__icon {
  display: flex;
}
.header__desktop .actions__burger .burger__close {
  display: none;
}

.header__mobile {
  background-color: var(--neutral-100);
  display: none;
  padding-top: var(--header__height);
  position: fixed;
  z-index: -1;
  inset: 0;
  overflow-y: auto;
}
@media only screen and (min-width: 93.8125rem) {
  .header__mobile {
    display: none !important;
  }
}
.header__mobile .mobile__nav {
  padding-top: 0.5rem;
  padding-bottom: 1.5rem;
}
.header__mobile .mobile__nav .list__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  color: inherit;
}
@media (hover: hover) {
  .header__mobile .mobile__nav .list__item:hover {
    color: var(--primary-500);
  }
}
.header__mobile .mobile__nav .list__item {
  color: var(--header__text__color);
  margin-inline: var(--padding);
}
.header__mobile .mobile__nav .list__item:not(:first-child) {
  border-top: 0.0625rem solid var(--other-divider-300);
}
.header__mobile .mobile__nav .list__item:has(.item__button input:checked) {
  display: flex;
  flex-direction: column;
  align-items: unset;
  gap: 0.75rem;
  border-top: 0;
}
.header__mobile .mobile__nav .list__item:has(.item__button input:checked) .item__link {
  display: none;
}
.header__mobile .mobile__nav .list__item:has(.item__button input:checked) .item__dropdown {
  display: block;
}
.header__mobile .mobile__nav .list__item:has(.item__button input:checked):has(.item__button-2 input:checked) .item__button {
  display: none;
}
.header__mobile .mobile__nav .item__link {
  color: inherit;
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .header__mobile .mobile__nav .item__link {
    font-size: clamp(0.8125rem, 1.2403rem + -0.5123vw, 1.125rem);
    line-height: clamp(1.5rem, 1.6711rem + -0.2049vw, 1.625rem);
  }
}
.header__mobile .mobile__nav .item__link {
  text-transform: uppercase;
  padding-block: 1rem;
  flex: 1;
}
.header__mobile .mobile__nav .item__button,
.header__mobile .mobile__nav .item__button-2 {
  --button__width: 1.5rem;
  width: var(--button__width);
  min-width: var(--button__width);
  height: auto;
  aspect-ratio: 1;
  display: flex;
  cursor: pointer;
}
.header__mobile .mobile__nav .item__button input,
.header__mobile .mobile__nav .item__button-2 input {
  display: none;
}
.header__mobile .mobile__nav .item__button .button__back,
.header__mobile .mobile__nav .item__button .button__chevron,
.header__mobile .mobile__nav .item__button-2 .button__back,
.header__mobile .mobile__nav .item__button-2 .button__chevron {
  display: flex;
  width: var(--button__width);
  min-width: var(--button__width);
  height: auto;
  aspect-ratio: 1;
}
.header__mobile .mobile__nav .item__button svg,
.header__mobile .mobile__nav .item__button-2 svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.header__mobile .mobile__nav .item__button svg path,
.header__mobile .mobile__nav .item__button-2 svg path {
  stroke: currentColor;
}
.header__mobile .mobile__nav .item__button .button__text,
.header__mobile .mobile__nav .item__button-2 .button__text {
  color: inherit;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2rem;
}
@media only screen and (max-width: 83.4375rem) {
  .header__mobile .mobile__nav .item__button .button__text,
  .header__mobile .mobile__nav .item__button-2 .button__text {
    font-size: clamp(1.125rem, 1.0789rem + 0.2049vw, 1.25rem);
    line-height: clamp(1.625rem, 1.4867rem + 0.6148vw, 2rem);
  }
}
.header__mobile .mobile__nav .item__button:not(:has(input:checked)) .button__back,
.header__mobile .mobile__nav .item__button:not(:has(input:checked)) .button__text,
.header__mobile .mobile__nav .item__button-2:not(:has(input:checked)) .button__back,
.header__mobile .mobile__nav .item__button-2:not(:has(input:checked)) .button__text {
  display: none;
}
.header__mobile .mobile__nav .item__button:has(input:checked),
.header__mobile .mobile__nav .item__button-2:has(input:checked) {
  width: 100%;
  min-width: unset;
  height: unset;
  aspect-ratio: unset;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-block: 1rem;
  border-bottom: 0.0625rem solid var(--other-divider-300);
}
.header__mobile .mobile__nav .item__button:has(input:checked) .button__chevron,
.header__mobile .mobile__nav .item__button-2:has(input:checked) .button__chevron {
  display: none;
}
.header__mobile .mobile__nav .item__dropdown {
  --dropdown__padding-block: 0.75rem;
  display: none;
  padding-block: var(--dropdown__padding-block);
}
.header__mobile .mobile__nav .item__dropdown:has(.item__button-2 input:checked) {
  --dropdown__padding-block: 0rem;
}
.header__mobile .mobile__nav .item__dropdown:has(.item__button-2 input:checked) .list__item-2:not(:has(.item__button-2 input:checked)) {
  display: none;
}
.header__mobile .mobile__nav .list__item-2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  color: inherit;
}
@media (hover: hover) {
  .header__mobile .mobile__nav .list__item-2:hover {
    color: var(--primary-500);
  }
}
.header__mobile .mobile__nav .list__item-2 {
  color: var(--header__text__color);
}
.header__mobile .mobile__nav .list__item-2:has(.item__button-2 input:checked) {
  display: flex;
  flex-direction: column;
  align-items: unset;
  gap: 0.75rem;
}
.header__mobile .mobile__nav .list__item-2:has(.item__button-2 input:checked) .item__link-2 {
  display: none;
}
.header__mobile .mobile__nav .list__item-2:has(.item__button-2 input:checked) .item__dropdown-2 {
  display: block;
}
.header__mobile .mobile__nav .item__link-2 {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: inherit;
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .header__mobile .mobile__nav .item__link-2 {
    font-size: clamp(0.8125rem, 0.7664rem + 0.2049vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.header__mobile .mobile__nav .item__link-2 {
  padding-block: var(--dropdown__padding-block);
  flex: 1;
}
.header__mobile .mobile__nav .item__link-2 .link__icon {
  display: flex;
  width: 3rem;
  min-width: 3rem;
  height: auto;
  aspect-ratio: 1;
  color: inherit;
}
.header__mobile .mobile__nav .item__link-2 .link__icon svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  color: inherit;
}
.header__mobile .mobile__nav .item__link-2 .link__icon svg path[fill] {
  fill: currentColor;
}
.header__mobile .mobile__nav .item__link-2 .link__icon svg path[stroke] {
  stroke: currentColor;
}
.header__mobile .mobile__nav .item__link-2 .link__text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@supports not (-webkit-line-clamp: 1) {
  .header__mobile .mobile__nav .item__link-2 .link__text {
    white-space: nowrap;
  }
}
@supports (-webkit-line-clamp: 1) {
  .header__mobile .mobile__nav .item__link-2 .link__text {
    -webkit-line-clamp: 1;
    white-space: normal;
    line-height: 1.4;
    max-height: 1.4em;
  }
}
.header__mobile .mobile__nav .item__dropdown-2 {
  --button__width: 1.5rem;
  display: none;
}
.header__mobile .mobile__nav .list__item-3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  color: inherit;
}
@media (hover: hover) {
  .header__mobile .mobile__nav .list__item-3:hover {
    color: var(--primary-500);
  }
}
.header__mobile .mobile__nav .list__item-3 {
  color: var(--header__text__color);
}
.header__mobile .mobile__nav .list__item-3:has(.item__button-3 input:checked) {
  display: grid;
  grid-gap: 0 1rem;
  grid-template-columns: minmax(0, 1fr) var(--button__width);
  color: var(--primary-500);
}
.header__mobile .mobile__nav .list__item-3:has(.item__button-3 input:checked) .item__button-3 svg {
  transform: rotate(180deg);
}
.header__mobile .mobile__nav .list__item-3:has(.item__button-3 input:checked) .item__dropdown-3 {
  display: block;
}
.header__mobile .mobile__nav .item__link-3 {
  color: inherit;
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .header__mobile .mobile__nav .item__link-3 {
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.header__mobile .mobile__nav .item__link-3 {
  padding-block: 0.75rem;
  flex: 1;
}
.header__mobile .mobile__nav .item__button-3 {
  width: var(--button__width);
  min-width: var(--button__width);
  height: auto;
  aspect-ratio: 1;
  display: flex;
  cursor: pointer;
}
.header__mobile .mobile__nav .item__button-3 input {
  display: none;
}
.header__mobile .mobile__nav .item__button-3 svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.header__mobile .mobile__nav .item__button-3 svg path {
  stroke: currentColor;
}
.header__mobile .mobile__nav .item__dropdown-3 {
  display: none;
  grid-column: 1/-1;
  padding-bottom: 0.75rem;
}
.header__mobile .mobile__nav .list__item-4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  color: inherit;
}
@media (hover: hover) {
  .header__mobile .mobile__nav .list__item-4:hover {
    color: var(--primary-500);
  }
}
.header__mobile .mobile__nav .list__item-4 {
  color: var(--header__text__color);
}
.header__mobile .mobile__nav .list__item-4:first-child .item__link-4 {
  padding-top: 0;
}
.header__mobile .mobile__nav .item__link-4 {
  color: inherit;
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .header__mobile .mobile__nav .item__link-4 {
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.header__mobile .mobile__nav .item__link-4 {
  padding-block: 0.375rem;
  flex: 1;
}
.header__mobile:has(.list__item .item__button input:checked) .mobile__info {
  display: none;
}
.header__mobile:has(.list__item .item__button input:checked) .list__item:not(:has(.item__button input:checked)) {
  display: none;
}
.header__mobile .mobile__info {
  --info__gap: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: var(--info__gap);
  background-color: var(--surfaces-25);
  padding-inline: var(--padding);
  padding-block: 2rem;
  flex: 1;
}
.header__mobile .mobile__info .info__link {
  color: inherit;
}
@media (hover: hover) {
  .header__mobile .mobile__info .info__link:hover {
    color: var(--primary-500);
  }
}
.header__mobile .mobile__info .info__link {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: var(--primary-900);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .header__mobile .mobile__info .info__link {
    font-size: clamp(0.8125rem, 0.7664rem + 0.2049vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.header__mobile .mobile__info .link__icon {
  width: 1.75rem;
  min-width: 1.75rem;
  height: auto;
  aspect-ratio: 1;
  display: flex;
}
.header__mobile .mobile__info .link__icon svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.header__mobile .mobile__info .link__icon svg path {
  stroke: currentColor;
}
.header__mobile .info__languages {
  --languages__gap: 1.8125rem;
}
.header__mobile .info__languages,
.header__mobile .languages__title,
.header__mobile .languages__list {
  display: flex;
  align-items: center;
}
.header__mobile .info__languages,
.header__mobile .languages__list {
  gap: var(--languages__gap);
}
.header__mobile .languages__title {
  color: var(--primary-900);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .header__mobile .languages__title {
    font-size: clamp(0.8125rem, 0.7664rem + 0.2049vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.header__mobile .languages__title {
  gap: 1rem;
}
.header__mobile .languages__title .title__icon {
  width: 1.75rem;
  min-width: 1.75rem;
  height: auto;
  aspect-ratio: 1;
  display: flex;
}
.header__mobile .languages__title .title__icon svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.header__mobile .languages__title .title__icon svg path {
  stroke: currentColor;
}
.header__mobile .languages__list .item__link {
  --link__color: var(--primary-900);
  --link__background: transparent;
  color: var(--link__color);
  font-size: clamp(0.75rem, 0.464rem + 0.3425vw, 0.875rem);
  font-weight: 600;
  line-height: 1.25rem;
}
.header__mobile .languages__list .item__link {
  background-color: var(--link__background);
  width: 2.125rem;
  min-width: 2.125rem;
  height: auto;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
@media (hover: hover) {
  .header__mobile .languages__list .item__link:hover {
    --link__color: var(--primary-500);
  }
}
.header__mobile .languages__list .item__link._active {
  --link__color: var(--neutral-100);
  --link__background: var(--primary-900);
}
@media (hover: hover) {
  .header__mobile .languages__list .item__link._active:hover {
    --link__background: var(--primary-500);
  }
}

body:has(#menu__popup:checked) .header__mobile {
  display: flex;
  flex-direction: column;
}

.header__contacts {
  --contacts__padding-block: 1.5rem;
  background-color: var(--neutral-100);
  display: none;
  padding-top: calc(var(--header__height) + var(--contacts__padding-block));
  padding-bottom: var(--contacts__padding-block);
  padding-inline: var(--padding);
  position: fixed;
  z-index: -1;
  inset: 0;
  overflow-y: auto;
}
@media only screen and (min-width: 83.5rem) {
  .header__contacts {
    display: none !important;
  }
}
.header__contacts .contacts__title {
  color: var(--header__text__color);
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .header__contacts .contacts__title {
    font-size: clamp(0.8125rem, 1.2403rem + -0.5123vw, 1.125rem);
    line-height: clamp(1.5rem, 1.6711rem + -0.2049vw, 1.625rem);
  }
}
.header__contacts .contacts__list {
  border-top: 0.0625rem solid var(--other-divider-300);
}
.header__contacts .contacts__list .list__item {
  color: inherit;
}
@media (hover: hover) {
  .header__contacts .contacts__list .list__item:hover {
    color: var(--primary-500);
  }
}
.header__contacts .contacts__list .list__item {
  color: var(--header__text__color);
}
.header__contacts .contacts__list .item__link {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: inherit;
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .header__contacts .contacts__list .item__link {
    font-size: clamp(0.8125rem, 1.2403rem + -0.5123vw, 1.125rem);
    line-height: clamp(1.5rem, 1.6711rem + -0.2049vw, 1.625rem);
  }
}
.header__contacts .contacts__list .item__link {
  padding-block: 1rem;
  border-bottom: 0.0625rem solid var(--other-divider-300);
}
.header__contacts .contacts__list .link__icon {
  display: flex;
  width: 1.75rem;
  min-width: 1.75rem;
  height: auto;
  aspect-ratio: 1;
}
.header__contacts .contacts__list .link__icon svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.header__contacts .contacts__list .link__icon svg path {
  stroke: currentColor;
}

body:has(#contacts__popup:checked) .header__contacts {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

header {
  --header__background: var(--neutral-100);
  --header__text__color: var(--primary-900);
  --header__actions__background-color: var(--primary-500);
  --header__actions__color: var(--neutral-100);
}
header ul {
  list-style: none;
}
header ul:not(.dropdown__list) li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
header ul:not(.dropdown__list) li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  position: unset;
  padding-left: unset;
}
header a {
  text-decoration: none;
}
header {
  position: relative;
  z-index: 11;
}
header._sticky {
  --header__background: var(--neutral-100);
  --header__text__color: var(--primary-900);
  position: sticky;
  top: calc(var(--header__height) * -1);
  transition: top 0.3s ease-in-out, background 0.3s ease-in-out;
}
header._sticky:not(._active) .item__dropdown {
  display: none !important;
}
header._sticky:not(._active) .languages__frame svg {
  transform: rotate(0deg) !important;
}
header._sticky:not(._active) .languages__dropdown {
  opacity: 0 !important;
  visibility: hidden !important;
}
header._sticky:not(._active) .languages__dropdown::before {
  content: none !important;
}
header._sticky._active {
  top: 0;
}
header._transparent {
  margin-bottom: calc(var(--header__height) * -1);
}
header._transparent:not(:hover):not(._sticky):not(:has(.infobar__languages._active)):not(:has(#menu__popup:checked):not(:has(#contacts__popup:checked))) {
  --header__background: transparent;
  --header__text__color: var(--neutral-100);
  --header__actions__background-color: var(--neutral-100);
  --header__actions__color: var(--primary-500);
}
header._checkout {
  border-bottom: 0.0625rem solid var(--other-divider-300);
}
header._checkout .header__desktop > .wrap {
  display: grid;
  grid-template-columns: minmax(0, var(--header__logo__width)) minmax(0, 1fr) minmax(0, auto);
  grid-template-areas: "logo button mainbar";
}
@media only screen and (max-width: 52.0625rem) {
  header._checkout .header__desktop > .wrap {
    display: grid;
    grid-template-columns: minmax(0, var(--header__logo__width)) minmax(0, 1fr);
    padding-bottom: 1.5rem;
    grid-template-areas: "logo mainbar" "button button";
  }
}
header._checkout .header__desktop .button {
  grid-area: button;
  margin-block: auto;
}
@media only screen and (max-width: 52.0625rem) {
  header._checkout .header__desktop .button {
    max-width: 100%;
  }
}
header._checkout .header__desktop .desktop__mainbar {
  --mainbar__align-items: center;
}
@media only screen and (max-width: 83.4375rem) {
  header._checkout .header__desktop .actions__cart {
    display: none;
  }
}

@media only screen and (max-width: 83.4375rem) {
  body:has(#menu__popup:checked) header, body:has(#contacts__popup:checked) header {
    position: sticky;
    top: 0;
  }
}
.product__slider {
  --slider__padding-block: clamp(6.25rem, 0.5308rem + 6.8493vw, 8.75rem);
  --slider__gap: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 83.4375rem) {
  .product__slider {
    --slider__padding-block: clamp(5rem, 4.0506rem + 4.2194vw, 6.25rem);
    --slider__gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.product__slider ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.product__slider ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  position: unset;
  padding-left: unset;
}
.product__slider ul {
  list-style: none;
}
.product__slider a {
  text-decoration: none;
}
.product__slider {
  background-color: var(--slider__background);
  padding-block: var(--slider__padding-block);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.product__slider .wrap {
  display: flex;
  flex-direction: column;
  gap: var(--slider__gap);
}
.product__slider::before, .product__slider::after {
  --icon__width: clamp(7.1875rem, -6.3955rem + 16.2671vw, 13.125rem);
  --icon__aspect-ratio: 0.4565217391;
  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: var(--icon__aspect-ratio);
  position: absolute;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 83.4375rem) {
  .product__slider::before, .product__slider::after {
    display: none;
  }
}
.product__slider::before {
  background-image: url("../images/backgrounds/product/slider/triangle/210x460/image_2.svg");
  left: 0;
}
.product__slider::after {
  background-image: url("../images/backgrounds/product/slider/triangle/210x460/image_1.png");
  right: 0;
}
.product__slider .slider__header h2, .product__slider .slider__header .h2 {
  text-align: center;
}
.product__slider .slider__content {
  --content__gap: clamp(0.25rem, -0.1297rem + 1.6878vw, 0.75rem);
  --content__width: clamp(64.25rem, 32.5086rem + 38.0137vw, 78.125rem);
  --content__arrow__width: clamp(2.875rem, 2.0171rem + 1.0274vw, 3.25rem);
  --content__items__width: calc(var(--content__width) - (var(--content__arrow__width) * 2) - (var(--content__gap) * 2));
}
@media only screen and (max-width: 83.4375rem) {
  .product__slider .slider__content {
    --content__width: 45.25rem;
  }
}
.product__slider .slider__content {
  display: grid;
  grid-gap: var(--content__gap);
  grid-template-columns: minmax(0, var(--content__arrow__width)) minmax(0, 1fr) minmax(0, var(--content__arrow__width));
  width: var(--content__width);
  max-width: 100%;
  margin-inline: auto;
}
@media only screen and (max-width: 52.0625rem) {
  .product__slider .slider__content {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    position: relative;
  }
}
.product__slider .slider__content .content__arrow {
  --arrow__padding-bottom: clamp(7.5rem, 6.0702rem + 1.7123vw, 8.125rem);
  width: var(--content__arrow__width);
  min-width: var(--content__arrow__width);
  height: auto;
  aspect-ratio: 1;
  padding-bottom: var(--arrow__padding-bottom);
  margin-block: auto;
  cursor: pointer;
}
@media only screen and (max-width: 52.0625rem) {
  .product__slider .slider__content .content__arrow {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
  }
  .product__slider .slider__content .content__arrow svg {
    background-color: var(--neutral-100);
  }
  .product__slider .slider__content .content__arrow._prev {
    left: 0.25rem;
  }
  .product__slider .slider__content .content__arrow._next {
    right: 0.25rem;
  }
}
.product__slider .slider__content .content__arrow:not(.slick-arrow):not(.slick-arrow) {
  opacity: 0;
  visibility: hidden;
}
.product__slider .slider__content .content__arrow svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
}
@media only screen and (max-width: 37.25rem) {
  .product__slider .slider__content .content__arrow svg {
    padding: 0.375rem;
  }
}
@media (hover: hover) {
  .product__slider .slider__content .content__arrow svg:hover {
    background-color: var(--primary-900);
    color: var(--neutral-100);
  }
}
.product__slider .slider__content .content__arrow svg path {
  stroke: currentColor;
}
@media only screen and (max-width: 37.25rem) {
  .product__slider .slider__content .content__arrow svg path {
    stroke-width: 0.1875rem;
  }
}
.product__slider .slider__content .content__items {
  max-width: 100%;
}
.product__slider .slider__content .content__items:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
}
.product__slider .slider__content .content__items:not(.slick-initialized) > *:nth-child(n+4) {
  display: none;
}
.product__slider .slider__content .content__items .slick-track {
  display: flex !important;
}
.product__slider .slider__content .content__items .slick-track .slick-slide {
  height: inherit !important;
}
@media only screen and (max-width: 83.4375rem) {
  .product__slider .slider__content .content__items:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
  }
  .product__slider .slider__content .content__items:not(.slick-initialized) > *:nth-child(n+3) {
    display: none;
  }
}
@media only screen and (min-width: 52.125rem) {
  .product__slider .slider__content .content__items {
    grid-column: 2;
  }
}
@media only screen and (max-width: 37.25rem) {
  .product__slider .slider__content .content__items {
    max-width: calc(100% + var(--content__gap) * 2);
    margin-inline: calc(var(--content__gap) * -1);
  }
}
.product__slider .slider__content .content__items .slick-slide, .product__slider .slider__content .content__items > div:not(.slick-list) {
  padding-inline: var(--content__gap);
}
.product__slider .slider__content .content__items .slick-slide > div:not(.product._card), .product__slider .slider__content .content__items > div:not(.slick-list) > div:not(.product._card) {
  height: 100%;
}
.product__slider .slider__content .content__items .slick-slide > div:not(.product._card) > div:not(.product._card), .product__slider .slider__content .content__items > div:not(.slick-list) > div:not(.product._card) > div:not(.product._card) {
  height: 100%;
}
.product__slider._dark {
  --slider__background: var(--surfaces-25);
}
.product__slider._dark .product._card {
  --product__padding-bottom: var(--product__gap);
}
.product__slider._product {
  border-top: 0.0625rem solid var(--other-divider-300);
}
.product__slider._product::after {
  background-image: url("../images/backgrounds/product/slider/triangle/210x460/image_3.svg");
}
.product__slider + .homepage__image {
  padding-top: 0;
}

.product__grid {
  --grid__column-gap: clamp(2rem, -3.4332rem + 6.5068vw, 4.375rem);
  --grid__row-gap: clamp(2.5rem, -0.9315rem + 4.1096vw, 4rem);
}
@media only screen and (max-width: 83.4375rem) {
  .product__grid {
    --grid__column-gap: clamp(1.5rem, 0.6693rem + 1.5936vw, 2rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__grid {
    --grid__column-gap: clamp(0.5rem, -0.2595rem + 3.3755vw, 1.5rem);
  }
}
.product__grid {
  display: grid;
  grid-gap: var(--grid__row-gap) var(--grid__column-gap);
  grid-template-columns: repeat(auto-fill, minmax(clamp(15.625rem, 5.6164rem + 11.9863vw, 20rem), 1fr));
  margin-top: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.product__grid:has(.product._card._floor) {
  --grid__column-gap: clamp(1.5625rem, -10.7337rem + 14.726vw, 6.9375rem);
  --grid__row-gap: clamp(2.5rem, 0.008rem + 4.7809vw, 4rem);
}
@media only screen and (max-width: 83.4375rem) {
  .product__grid:has(.product._card._floor) {
    --grid__column-gap: clamp(1.125rem, 0.3982rem + 1.3944vw, 1.5625rem);
  }
}
.product__grid:has(.product._card._floor) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 52.0625rem) {
  .product__grid:has(.product._card._floor) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}

.product._search {
  --product__photo__width: 3.6875rem;
  --product__photo__aspect-ratio: 1;
  display: grid;
  grid-gap: 0.25rem 1.5rem;
  grid-template-columns: minmax(0, var(--product__photo__width)) minmax(0, 1fr);
  grid-template-areas: "photo text" "photo price";
}
.product._search .product__photo {
  width: 100%;
  height: auto;
  aspect-ratio: var(--product__photo__aspect-ratio);
  grid-area: photo;
}
.product._search .product__photo img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.product._search .product__text {
  display: flex;
  flex-direction: column;
  grid-area: text;
  margin-top: auto;
}
.product._search .text__title {
  color: inherit;
}
@media (hover: hover) {
  .product._search .text__title:hover {
    color: var(--primary-500);
  }
}
.product._search .text__title {
  color: inherit;
  font-size: clamp(0.75rem, 0.464rem + 0.3425vw, 0.875rem);
  font-weight: 400;
  line-height: 1.25rem;
}
.product._search .text__title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@supports not (-webkit-line-clamp: 1) {
  .product._search .text__title {
    white-space: nowrap;
  }
}
@supports (-webkit-line-clamp: 1) {
  .product._search .text__title {
    -webkit-line-clamp: 1;
    white-space: normal;
    line-height: 1.4;
    max-height: 1.4em;
  }
}
.product._search .product__price {
  color: inherit;
  font-size: clamp(0.8125rem, 0.6695rem + 0.1712vw, 0.875rem);
  font-weight: 500;
  line-height: 1.25rem;
}
.product._search .product__price {
  display: flex;
  gap: 0 0.5rem;
  flex-wrap: wrap;
  margin-bottom: auto;
  grid-area: price;
}
.product._search .product__price span:not(:only-child):first-child {
  color: var(--other-error-700);
}
.product._search .product__price span:not(:only-child):last-child {
  text-decoration: line-through;
  opacity: 0.6;
}
.product._search._door {
  --product__photo__aspect-ratio: 0.5;
}
.product._cart {
  --product__photo__width: 4.6875rem;
  --product__photo__aspect-ratio: 1;
  --product__remove__width: 1.5rem;
  display: grid;
  grid-gap: 0.25rem 1.5rem;
  grid-template-columns: minmax(0, var(--product__photo__width)) minmax(0, 1fr) minmax(0, var(--product__remove__width));
  grid-template-areas: "photo title remove" "photo info remove";
  padding-block: 1rem;
  border-bottom: 0.0625rem solid var(--cart__border);
}
.product._cart .product__photo {
  width: 100%;
  height: auto;
  aspect-ratio: var(--product__photo__aspect-ratio);
  grid-area: photo;
}
.product._cart .product__photo img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.product._cart .product__title {
  color: inherit;
}
@media (hover: hover) {
  .product._cart .product__title:hover {
    color: var(--primary-500);
  }
}
.product._cart .product__title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@supports not (-webkit-line-clamp: 2) {
  .product._cart .product__title {
    white-space: nowrap;
  }
}
@supports (-webkit-line-clamp: 2) {
  .product._cart .product__title {
    -webkit-line-clamp: 2;
    white-space: normal;
    line-height: 1.4;
    max-height: 2.8em;
  }
}
.product._cart .product__title {
  color: var(--primary-900);
  font-size: clamp(0.75rem, 0.464rem + 0.3425vw, 0.875rem);
  font-weight: 400;
  line-height: 1.25rem;
}
.product._cart .product__title {
  margin-top: auto;
}
.product._cart .product__info {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 0.6695rem + 0.1712vw, 0.875rem);
  font-weight: 500;
  line-height: 1.25rem;
}
.product._cart .product__info {
  grid-area: info;
  margin-bottom: auto;
}
.product._cart .info__quantity {
  min-width: max-content;
  opacity: 0.6;
}
.product._cart .info__price {
  display: flex;
  gap: 0 0.5rem;
  flex-wrap: wrap;
}
.product._cart .info__price span:not(:only-child):first-child {
  color: var(--other-error-700);
}
.product._cart .info__price span:not(:only-child):last-child {
  text-decoration: line-through;
  opacity: 0.6;
  font-weight: 400;
}
.product._cart .product__remove {
  width: var(--product__remove__width);
  min-width: var(--product__remove__width);
  height: auto;
  aspect-ratio: 1;
  color: inherit;
}
@media (hover: hover) {
  .product._cart .product__remove:hover {
    color: var(--primary-500);
  }
}
.product._cart .product__remove {
  display: flex;
  grid-area: remove;
  cursor: pointer;
}
.product._cart .product__remove svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.product._cart .product__remove svg path {
  stroke: currentColor;
}
.product._cart._door {
  --product__photo__aspect-ratio: 0.5;
}
.product._card {
  --product__background-color: var(--neutral-100);
  --product__gap: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
  --product__tags__padding: 0.5rem;
  --product__tags__gap: 0.5rem;
  --product__tags__padding-inline: 0.75rem;
  --product__tags__icon__width: 1.5rem;
  --product__info__gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  --product__info__padding-inline: clamp(0.625rem, -4.3793rem + 5.9932vw, 2.8125rem);
  --product__info__padding-bottom: 0;
  --product__info__price__gap: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--product__gap);
  background-color: var(--product__background-color);
  height: 100%;
}
.product._card ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.product._card ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  position: unset;
  padding-left: unset;
}
.product._card ul {
  list-style: none;
}
.product._card a {
  text-decoration: none;
}
.product._card {
  position: relative;
  overflow: hidden;
  padding-bottom: var(--product__padding-bottom);
}
@media (hover: hover) {
  .product._card:has(.product__photo .photo__hover):hover .product__photo .photo__initial {
    display: none;
  }
  .product._card:has(.product__photo .photo__hover):hover .product__photo .photo__hover {
    display: flex;
  }
}
.product._card .product__tags {
  display: flex;
  gap: var(--product__tags__gap);
  flex-wrap: wrap;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: var(--product__tags__padding);
}
.product._card .product__tags .tags__item {
  --item__color: var(--neutral-100);
  color: var(--item__color);
  font-size: clamp(0.75rem, 0.607rem + 0.1712vw, 0.8125rem);
  font-weight: 600;
  line-height: 1.125rem;
  letter-spacing: 0.125rem;
}
@media only screen and (max-width: 83.4375rem) {
  .product._card .product__tags .tags__item {
    font-size: clamp(0.6875rem, 0.6644rem + 0.1025vw, 0.75rem);
    letter-spacing: clamp(0.0625rem, 0.0394rem + 0.1025vw, 0.125rem);
  }
}
.product._card .product__tags .tags__item {
  display: flex;
  align-items: center;
  gap: var(--product__tags__gap);
  background-color: var(--item__background-color);
  padding-inline: var(--product__tags__padding-inline);
}
.product._card .product__tags .tags__item::before {
  display: flex;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--product__tags__icon__width);
  min-width: var(--product__tags__icon__width);
  height: auto;
  aspect-ratio: 1;
}
.product._card .product__tags .tags__item._top {
  --item__background-color: var(--primary-900);
}
.product._card .product__tags .tags__item._top::before {
  background-image: url("../images/icons/top_24x24.svg");
}
.product._card .product__tags .tags__item._discount {
  --item__background-color: var(--other-error-700);
}
.product._card .product__tags .tags__item._discount::before {
  background-image: url("../images/icons/discount_24x24.svg");
}
.product._card .product__tags .tags__item._gift {
  --item__background-color: var(--primary-500);
}
.product._card .product__tags .tags__item._gift::before {
  background-image: url("../images/icons/gift_24x24.svg");
}
.product._card .product__tags .tags__item._new {
  --item__background-color: var(--other-success-700);
}
.product._card .product__tags .tags__item._new::before {
  background-image: url("../images/icons/new_24x24.svg");
}
.product._card .product__tags .tags__item._soldout {
  --item__background-color: var(--secondary-400);
}
.product._card .product__tags .tags__item._soldout::before {
  background-image: url("../images/icons/soldout_24x24.svg");
}
.product._card .product__photo {
  display: flex;
  flex: 1;
}
.product._card .product__photo .photo__initial {
  display: flex;
}
.product._card .product__photo .photo__hover {
  display: none;
}
.product._card .product__photo img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: scale-down;
}
.product._card .product__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--product__info__gap);
  padding-inline: var(--product__info__padding-inline);
  padding-bottom: var(--product__info__padding-bottom);
}
.product._card .info__title {
  color: var(--primary-900);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 300;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .product._card .info__title {
    font-size: clamp(0.8125rem, 0.7664rem + 0.2049vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.product._card .info__title {
  color: inherit;
}
@media (hover: hover) {
  .product._card .info__title:hover {
    color: var(--primary-500);
  }
}
.product._card .info__title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@supports not (-webkit-line-clamp: 2) {
  .product._card .info__title {
    white-space: nowrap;
  }
}
@supports (-webkit-line-clamp: 2) {
  .product._card .info__title {
    -webkit-line-clamp: 2;
    white-space: normal;
    line-height: 1.4;
    max-height: 2.8em;
  }
}
.product._card .info__title {
  height: 2lh;
  text-wrap: balance;
  text-align: center;
}
.product._card .info__price {
  display: flex;
  align-items: center;
  gap: var(--product__info__price__gap);
  color: var(--primary-900);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 500;
  line-height: clamp(1.5rem, 1.214rem + 0.3425vw, 1.625rem);
}
@media only screen and (max-width: 83.4375rem) {
  .product._card .info__price {
    font-size: clamp(0.9375rem, 0.9144rem + 0.1025vw, 1rem);
  }
}
.product._card .info__price {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@supports not (-webkit-line-clamp: 1) {
  .product._card .info__price {
    white-space: nowrap;
  }
}
@supports (-webkit-line-clamp: 1) {
  .product._card .info__price {
    -webkit-line-clamp: 1;
    white-space: normal;
    line-height: 1.4;
    max-height: 1.4em;
  }
}
.product._card .info__price {
  height: 1lh;
}
.product._card .info__price span:not(:only-child):first-child {
  color: var(--other-error-700);
}
.product._card .info__price span:not(:only-child):last-child {
  font-size: clamp(0.8125rem, 0.6695rem + 0.1712vw, 0.875rem);
  font-weight: 400;
  line-height: 1.25rem;
}
.product._card .info__price span:not(:only-child):last-child {
  text-decoration: line-through;
  opacity: 0.6;
}
.product._card._floor {
  --product__gap: clamp(0.5rem, -1.7877rem + 2.7397vw, 1.5rem);
  --product__content__width: clamp(9.25rem, 5.1036rem + 4.9658vw, 11.0625rem);
  --product__content__gap: clamp(1rem, -0.1438rem + 1.3699vw, 1.5rem);
  --product__info__gap: clamp(0.25rem, -1.4658rem + 2.0548vw, 1rem);
}
@media only screen and (max-width: 83.4375rem) {
  .product._card._floor {
    --product__content__width: clamp(7.1875rem, 3.761rem + 6.5737vw, 9.25rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product._card._floor {
    --product__gap: clamp(0.5rem, -1.019rem + 6.7511vw, 1.5rem);
    --product__content__width: clamp(6.25rem, -1.0601rem + 32.4895vw, 11.0625rem);
    --product__content__gap: clamp(1rem, 0.2405rem + 3.3755vw, 1.5rem);
    --product__info__gap: clamp(0.25rem, -0.8892rem + 5.0633vw, 1rem);
  }
}
.product._card._floor {
  display: flex;
  flex-direction: row;
  align-items: unset;
  gap: var(--product__gap);
}
@media (hover: hover) {
  .product._card._floor:hover img {
    transform: scale(1.05);
  }
}
.product._card._floor .product__photo,
.product._card._floor .content__photo {
  overflow: hidden;
}
.product._card._floor .product__photo img,
.product._card._floor .content__photo img {
  object-position: top left;
  object-fit: contain;
  transition: transform 0.2s ease-out;
}
.product._card._floor .product__content {
  width: var(--product__content__width);
  min-width: var(--product__content__width);
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--product__content__gap);
}
.product._card._floor .content__photo {
  display: flex;
}
.product._card._floor .content__photo img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.product._card._floor .content__info {
  display: flex;
  flex-direction: column;
  gap: var(--product__info__gap);
}
.product._card._floor .info__props {
  color: var(--primary-900);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 300;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .product._card._floor .info__props {
    font-size: clamp(0.8125rem, 0.7664rem + 0.2049vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.product._checkout {
  --product__photo__width: 4.6875rem;
  --product__photo__aspect-ratio: 1;
  --product__price__width: 6.25rem;
  --product__quantity__width: 6.875rem;
  --product__total__width: var(--product__price__width);
  --product__remove__width: 1.5rem;
}
@media only screen and (max-width: 37.25rem) {
  .product._checkout {
    --quantity__max-width: var(--product__quantity__width);
  }
}
.product._checkout {
  display: grid;
  grid-gap: 0 1rem;
  grid-template-columns: minmax(0, var(--product__photo__width)) minmax(0, 1fr) minmax(0, var(--product__price__width)) minmax(0, var(--product__quantity__width)) minmax(0, var(--product__total__width)) minmax(0, var(--product__remove__width));
  grid-template-areas: "photo text price quantity total remove";
  align-items: center;
  padding-block: 1rem;
  border-bottom: var(--products__border);
}
@media only screen and (max-width: 101.6875rem) {
  .product._checkout {
    display: grid;
    grid-gap: 0 1rem;
    grid-template-columns: minmax(0, var(--product__photo__width)) minmax(0, 1fr) minmax(0, var(--product__quantity__width)) minmax(0, 1fr) minmax(0, var(--product__remove__width));
    grid-template-areas: "photo text text text remove" ". price quantity total remove";
  }
}
@media only screen and (max-width: 37.25rem) {
  .product._checkout {
    display: grid;
    grid-template-columns: minmax(0, var(--product__photo__width)) minmax(0, 1fr) minmax(0, var(--product__remove__width));
    grid-template-areas: "photo total total" "photo text text" "price quantity remove";
  }
}
.product._checkout .product__photo {
  width: 100%;
  height: auto;
  aspect-ratio: var(--product__photo__aspect-ratio);
  grid-area: photo;
}
@media only screen and (max-width: 101.6875rem) {
  .product._checkout .product__photo {
    margin-bottom: 1rem;
  }
}
.product._checkout .product__photo img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.product._checkout .product__text {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  grid-area: text;
}
@media only screen and (max-width: 101.6875rem) {
  .product._checkout .product__text {
    padding-bottom: 1rem;
  }
}
@media only screen and (max-width: 37.25rem) {
  .product._checkout .product__text {
    margin-bottom: auto;
  }
}
.product._checkout .text__title {
  color: inherit;
}
@media (hover: hover) {
  .product._checkout .text__title:hover {
    color: var(--primary-500);
  }
}
.product._checkout .text__title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@supports not (-webkit-line-clamp: 2) {
  .product._checkout .text__title {
    white-space: nowrap;
  }
}
@supports (-webkit-line-clamp: 2) {
  .product._checkout .text__title {
    -webkit-line-clamp: 2;
    white-space: normal;
    line-height: 1.4;
    max-height: 2.8em;
  }
}
.product._checkout .text__title {
  color: var(--primary-900);
  font-size: clamp(0.75rem, 0.464rem + 0.3425vw, 0.875rem);
  font-weight: 400;
  line-height: 1.25rem;
}
.product._checkout .text__title {
  text-decoration: none;
}
.product._checkout .text__info {
  color: var(--secondary-400);
  font-size: clamp(0.75rem, 0.607rem + 0.1712vw, 0.8125rem);
  font-weight: 400;
  line-height: 1.125rem;
}
@media only screen and (max-width: 83.4375rem) {
  .product._checkout .text__info {
    font-size: clamp(0.6875rem, 0.6644rem + 0.1025vw, 0.75rem);
  }
}
.product._checkout .text__info span {
  color: var(--primary-900);
}
.product._checkout .product__price,
.product._checkout .product__total {
  --price__justify-content: 0;
  display: flex;
  justify-content: var(--price__justify-content);
  gap: 0 0.5rem;
  color: var(--primary-900);
  font-size: clamp(0.8125rem, 0.6695rem + 0.1712vw, 0.875rem);
  font-weight: 500;
  line-height: 1.25rem;
}
.product._checkout .product__price,
.product._checkout .product__total {
  flex-wrap: wrap;
  align-items: center;
}
.product._checkout .product__price span:not(:only-child):first-child,
.product._checkout .product__total span:not(:only-child):first-child {
  color: var(--other-error-700);
}
.product._checkout .product__price span:not(:only-child):last-child,
.product._checkout .product__total span:not(:only-child):last-child {
  text-decoration: line-through;
  opacity: 0.6;
  font-weight: 400;
}
.product._checkout .product__price .product__price-values,
.product._checkout .product__total .product__price-values {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
.product._checkout .product__price {
  grid-area: price;
}
@media only screen and (max-width: 37.25rem) {
  .product._checkout .product__price::after {
    color: var(--primary-900);
    font-size: clamp(0.75rem, 0.464rem + 0.3425vw, 0.875rem);
    font-weight: 400;
    line-height: 1.25rem;
    content: attr(data-title);
    opacity: 0.6;
  }
}
.product._checkout .product__quantity {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  grid-area: quantity;
  width: 100%;
}
.product._checkout .product__quantity .quantity {
  grid-area: auto;
}
.product._checkout .product__area {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  color: var(--primary-900);
  font-size: clamp(0.75rem, 0.464rem + 0.3425vw, 0.875rem);
  font-weight: 400;
  line-height: 1.25rem;
}
.product._checkout .product__area {
  width: var(--product__quantity__width);
  max-width: 100%;
  height: 2.25rem;
  padding-inline: 0.5rem;
  background: var(--neutral-100);
  border-right: 0.0625rem solid var(--other-divider-500);
  border-bottom: 0.0625rem solid var(--other-divider-500);
  border-left: 0.0625rem solid var(--other-divider-500);
  text-align: center;
  white-space: nowrap;
}
.product._checkout .product__area-label {
  color: var(--secondary-400);
}
.product._checkout .product__total {
  grid-area: total;
}
@media only screen and (min-width: 37.3125rem) {
  .product._checkout .product__total {
    --price__justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (max-width: 37.25rem) {
  .product._checkout .product__total {
    margin-top: auto;
    margin-bottom: 0.5rem;
  }
}
.product._checkout .product__remove {
  width: var(--product__remove__width);
  min-width: var(--product__remove__width);
  height: auto;
  aspect-ratio: 1;
  color: inherit;
}
@media (hover: hover) {
  .product._checkout .product__remove:hover {
    color: var(--primary-500);
  }
}
.product._checkout .product__remove {
  display: flex;
  grid-area: remove;
  cursor: pointer;
}
@media only screen and (max-width: 101.6875rem) {
  .product._checkout .product__remove {
    margin-bottom: auto;
  }
}
@media only screen and (max-width: 37.25rem) {
  .product._checkout .product__remove {
    margin-block: auto;
    margin-left: auto;
  }
}
.product._checkout .product__remove svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.product._checkout .product__remove svg path {
  stroke: currentColor;
}
.product._checkout._door {
  --product__photo__aspect-ratio: 0.5;
}
.product._order {
  --product__photo__width: 4.6875rem;
  --product__photo__aspect-ratio: 1;
  --product__price__width: clamp(5.625rem, 4.1952rem + 1.7123vw, 6.25rem);
  --product__quantity__width: clamp(5rem, -0.7192rem + 6.8493vw, 7.5rem);
  --product__total__width: var(--product__price__width);
}
@media only screen and (max-width: 67.75rem) {
  .product._order {
    --product__price__width: clamp(5.625rem, 3.5483rem + 3.9841vw, 6.25rem);
    --product__quantity__width: clamp(5rem, -3.3068rem + 15.9363vw, 7.5rem);
  }
}
@media only screen and (max-width: 37.25rem) {
  .product._order {
    --quantity__max-width: var(--product__quantity__width);
  }
}
.product._order {
  display: grid;
  grid-gap: 0 1rem;
  grid-template-columns: minmax(0, var(--product__photo__width)) minmax(0, 1fr) minmax(0, var(--product__price__width)) minmax(0, var(--product__quantity__width)) minmax(0, var(--product__total__width));
  grid-template-areas: "photo text price quantity total";
  align-items: center;
  padding-block: 1rem;
  border-bottom: var(--products__border);
}
@media only screen and (max-width: 52.0625rem) {
  .product._order {
    display: grid;
    grid-template-columns: minmax(0, var(--product__photo__width)) minmax(0, 1fr) minmax(0, var(--product__quantity__width)) minmax(0, 1fr);
    grid-template-areas: "photo text text text" ". price quantity total";
  }
}
@media only screen and (max-width: 37.25rem) {
  .product._order {
    display: grid;
    grid-template-columns: minmax(0, var(--product__photo__width)) minmax(0, 1fr);
    grid-template-areas: "photo total" "photo text" "price quantity";
  }
}
.product._order .product__photo {
  width: 100%;
  height: auto;
  aspect-ratio: var(--product__photo__aspect-ratio);
  grid-area: photo;
}
@media only screen and (max-width: 52.0625rem) {
  .product._order .product__photo {
    margin-bottom: 1rem;
  }
}
.product._order .product__photo img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.product._order .product__text {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 0.3101rem + 0.8439vw, 0.75rem);
  grid-area: text;
}
@media only screen and (max-width: 52.0625rem) {
  .product._order .product__text {
    padding-bottom: 1rem;
  }
}
@media only screen and (max-width: 37.25rem) {
  .product._order .product__text {
    margin-bottom: auto;
  }
}
.product._order .text__title {
  color: inherit;
}
@media (hover: hover) {
  .product._order .text__title:hover {
    color: var(--primary-500);
  }
}
.product._order .text__title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@supports not (-webkit-line-clamp: 2) {
  .product._order .text__title {
    white-space: nowrap;
  }
}
@supports (-webkit-line-clamp: 2) {
  .product._order .text__title {
    -webkit-line-clamp: 2;
    white-space: normal;
    line-height: 1.4;
    max-height: 2.8em;
  }
}
.product._order .text__title {
  color: var(--primary-900);
  font-size: clamp(0.75rem, 0.464rem + 0.3425vw, 0.875rem);
  font-weight: 400;
  line-height: 1.25rem;
}
.product._order .text__title {
  text-decoration: none;
}
.product._order .text__info {
  color: var(--secondary-400);
  font-size: clamp(0.75rem, 0.607rem + 0.1712vw, 0.8125rem);
  font-weight: 400;
  line-height: 1.125rem;
}
@media only screen and (max-width: 83.4375rem) {
  .product._order .text__info {
    font-size: clamp(0.6875rem, 0.6644rem + 0.1025vw, 0.75rem);
  }
}
.product._order .text__info span {
  color: var(--primary-900);
}
.product._order .product__price,
.product._order .product__total {
  --price__justify-content: 0;
  display: flex;
  justify-content: var(--price__justify-content);
  gap: 0 0.5rem;
  color: var(--primary-900);
  font-size: clamp(0.8125rem, 0.6695rem + 0.1712vw, 0.875rem);
  font-weight: 500;
  line-height: 1.25rem;
}
.product._order .product__price,
.product._order .product__total {
  flex-wrap: wrap;
}
@media only screen and (max-width: 37.25rem) {
  .product._order .product__price,
  .product._order .product__total {
    display: flex;
    flex-direction: column;
  }
}
.product._order .product__price span:not(:only-child):first-child,
.product._order .product__total span:not(:only-child):first-child {
  color: var(--other-error-700);
}
.product._order .product__price span:not(:only-child):last-child,
.product._order .product__total span:not(:only-child):last-child {
  text-decoration: line-through;
  opacity: 0.6;
  font-weight: 400;
}
.product._order .product__price {
  grid-area: price;
}
@media only screen and (max-width: 37.25rem) {
  .product._order .product__price::after {
    color: var(--primary-900);
    font-size: clamp(0.75rem, 0.464rem + 0.3425vw, 0.875rem);
    font-weight: 400;
    line-height: 1.25rem;
    content: attr(data-title);
    opacity: 0.6;
  }
}
.product._order .product__quantity {
  --quantity__text-align: center;
}
@media only screen and (max-width: 37.25rem) {
  .product._order .product__quantity {
    --quantity__text-align: right;
  }
}
.product._order .product__quantity {
  color: var(--primary-900);
  font-size: clamp(0.8125rem, 0.6695rem + 0.1712vw, 0.875rem);
  font-weight: 500;
  line-height: 1.25rem;
}
.product._order .product__quantity {
  grid-area: quantity;
  text-align: var(--quantity__text-align);
}
.product._order .product__total {
  grid-area: total;
}
@media only screen and (min-width: 37.3125rem) {
  .product._order .product__total {
    --price__justify-content: flex-end;
    text-align: right;
  }
}
@media only screen and (max-width: 37.25rem) {
  .product._order .product__total {
    margin-top: auto;
    margin-bottom: 0.5rem;
  }
}
.product._order._door {
  --product__photo__aspect-ratio: 0.5;
}

footer {
  --footer__padding-top: clamp(4rem, 2.8562rem + 1.3699vw, 4.5rem);
  --footer__padding-bottom: 2.5rem;
  --footer__logo__margin-top: 2.9375rem;
  --footer__logo__width: 7.1875rem;
  --footer__logo__aspect-ratio: 3.7096774194;
  --footer__row__gap: clamp(2.5rem, -0.9315rem + 4.1096vw, 4rem);
  --footer__col__gap: clamp(1.875rem, -2.7976rem + 8.9641vw, 4.6875rem);
  --footer__col-1__width: minmax(0, calc(8.25rem - var(--footer__col__gap) + var(--footer__logo__width)));
  --footer__col-2__width: minmax(0, 1fr);
  --footer__col-3__width: minmax(0, clamp(16.75rem, 15.1772rem + 1.8836vw, 17.4375rem));
  --footer__col-4__width: minmax(0, 9.0625rem);
  --footer__text__color: var(--neutral-100);
  --footer__text__color-80: rgba(255, 255, 255, 0.8);
  --footer__text__color-75: rgba(255, 255, 255, 0.75);
  --footer__text__color-70: rgba(255, 255, 255, 0.7);
}
@media only screen and (max-width: 101.6875rem) {
  footer {
    --footer__logo__margin-top: 0;
  }
}
@media only screen and (max-width: 37.25rem) {
  footer {
    --footer__logo__width: 7.375rem;
  }
}
footer {
  background-color: var(--secondary-900);
  padding-top: var(--footer__padding-top);
  padding-bottom: var(--footer__padding-bottom);
  overflow: hidden;
  position: relative;
  z-index: 1;
}
footer::before, footer::after {
  position: absolute;
  z-index: -1;
}
footer::before {
  --before__width: 20.625rem;
  --before__aspect-ratio: 0.4954954955;
  display: flex;
  content: "";
  background-image: url("../images/backgrounds/footer/triangle/330x666/image_1.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--before__width);
  min-width: var(--before__width);
  height: auto;
  aspect-ratio: var(--before__aspect-ratio);
  top: 0;
  left: 0;
}
@media only screen and (max-width: 101.6875rem) {
  footer::before {
    content: none !important;
  }
}
footer::after {
  --after__width: clamp(20rem, 4.7012rem + 18.3219vw, 26.6875rem);
  --after__aspect-ratio: 0.9793577982;
  display: flex;
  content: "";
  background-image: url("../images/backgrounds/footer/triangle/427x436/image_1.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--after__width);
  min-width: var(--after__width);
  height: auto;
  aspect-ratio: var(--after__aspect-ratio);
  right: 0;
  bottom: 0;
}
@media only screen and (max-width: 67.75rem) {
  footer::after {
    content: none !important;
  }
}
footer .wrap {
  display: grid;
  grid-gap: var(--footer__row__gap) var(--footer__col__gap);
  grid-template-columns: var(--footer__col-1__width) var(--footer__col-2__width) var(--footer__col-3__width) var(--footer__col-4__width);
  grid-template-areas: "logo newsletter button socials" "logo pages pages pages" "logo copyright copyright copyright";
  align-items: center;
}
@media only screen and (max-width: 101.6875rem) {
  footer .wrap {
    display: grid;
    grid-gap: var(--footer__row__gap) var(--footer__col__gap);
    grid-template-columns: var(--footer__col-2__width) var(--footer__col-3__width) var(--footer__col-4__width);
    grid-template-areas: "logo logo logo" "newsletter button socials" "pages pages pages" "copyright copyright copyright";
  }
}
@media only screen and (max-width: 67.75rem) {
  footer .wrap {
    display: grid;
    grid-gap: var(--footer__row__gap) var(--footer__col__gap);
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "logo" "newsletter" "button" "socials" "pages" "copyright";
  }
}
@media only screen and (max-width: 52.0625rem) {
  footer .wrap {
    grid-template-areas: "logo" "newsletter" "button" "pages" "socials" "copyright";
  }
}
footer .footer__logo {
  display: flex;
  width: var(--footer__logo__width);
  height: auto;
  aspect-ratio: var(--footer__logo__aspect-ratio);
  grid-area: logo;
  margin-top: var(--footer__logo__margin-top);
  margin-bottom: auto;
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__logo {
    margin-inline: auto;
  }
}
footer .footer__logo svg {
  width: 100%;
  height: 100%;
}
footer .footer__logo svg path {
  fill: var(--footer__text__color);
}
footer .footer__newsletter {
  grid-area: newsletter;
}
footer .footer__newsletter .newsletter__title {
  color: var(--footer__text__color);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  footer .footer__newsletter .newsletter__title {
    font-size: clamp(0.8125rem, 0.7664rem + 0.2049vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
footer .footer__newsletter .newsletter__title {
  padding-bottom: 1rem;
}
@media only screen and (max-width: 37.25rem) {
  footer .footer__newsletter .newsletter__title {
    text-align: center;
  }
}
footer .footer__newsletter .newsletter__row {
  display: flex;
  gap: 1rem;
}
@media only screen and (max-width: 37.25rem) {
  footer .footer__newsletter .newsletter__row {
    display: flex;
    flex-direction: column;
  }
}
footer .footer__newsletter .row__input {
  background-color: var(--neutral-20);
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding-block: 0.6875rem;
  padding-inline: 1rem;
}
footer .footer__newsletter .row__input svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
footer .footer__newsletter .row__input input {
  width: 100%;
  color: var(--footer__text__color-70);
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  footer .footer__newsletter .row__input input {
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
footer .footer__newsletter .row__input input::placeholder {
  color: var(--footer__text__color-70);
}
footer .footer__newsletter .button {
  --button__width: clamp(12.5rem, 3.9212rem + 10.274vw, 16.25rem);
}
@media only screen and (max-width: 37.25rem) {
  footer .footer__newsletter .button {
    --button__width: 100%;
  }
}
footer .footer__newsletter .button {
  max-width: var(--button__width) !important;
}
footer .footer__newsletter .checkbox {
  margin-top: 1.5rem;
}
footer .button {
  --button__width: 16.75rem;
}
@media only screen and (max-width: 37.25rem) {
  footer .button {
    --button__width: 100%;
  }
}
footer .button {
  grid-area: button;
}
@media only screen and (max-width: 67.75rem) {
  footer .button {
    max-width: var(--button__width) !important;
  }
}
@media only screen and (max-width: 52.0625rem) {
  footer .button {
    margin-inline: auto;
  }
}
footer .footer__socials {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  grid-area: socials;
}
@media only screen and (max-width: 67.75rem) {
  footer .footer__socials {
    max-width: var(--footer__col-4__width);
    display: flex;
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__socials {
    margin-inline: auto;
    padding-block: 1.25rem;
  }
}
footer .footer__socials .socials__icon {
  display: flex;
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  color: inherit;
}
@media (hover: hover) {
  footer .footer__socials .socials__icon:hover {
    color: var(--primary-500);
  }
}
footer .footer__socials .socials__icon {
  color: var(--footer__text__color);
}
footer .footer__socials svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
footer .footer__socials svg path[opacity] {
  fill: currentColor;
}
footer .footer__pages {
  --pages__row__gap: 1rem;
  --pages__column__gap: 3.125rem;
}
@media only screen and (max-width: 67.75rem) {
  footer .footer__pages {
    --pages__row__gap: 2rem;
  }
}
footer .footer__pages ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
footer .footer__pages ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  position: unset;
  padding-left: unset;
}
footer .footer__pages ul {
  list-style: none;
}
footer .footer__pages a {
  text-decoration: none;
}
footer .footer__pages {
  display: grid;
  grid-gap: var(--pages__row__gap) var(--pages__column__gap);
  grid-template-columns: repeat(5, auto);
  grid-template-rows: repeat(5, auto);
  grid-auto-flow: dense;
  grid-area: pages;
}
@media only screen and (max-width: 67.75rem) {
  footer .footer__pages {
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-template-rows: repeat(10, auto);
  }
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__pages {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: unset;
    padding-top: 1.25rem;
  }
}
footer .footer__pages .pages__col {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__pages .pages__col {
    display: flex;
    align-items: center;
  }
  footer .footer__pages .pages__col:has(input:checked) .col__title .title__icon svg path:nth-child(2) {
    display: none;
  }
  footer .footer__pages .pages__col:has(input:checked) .col__list {
    display: flex;
    align-items: center;
  }
  footer .footer__pages .pages__col:not(:has(.col__list)) .col__title .title__icon {
    display: none;
  }
}
footer .footer__pages .pages__col:nth-last-child(n+3) {
  grid-row: span 5;
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__pages .pages__col:nth-last-child(n+3) {
    grid-row: unset;
  }
}
footer .footer__pages .col__title {
  color: var(--footer__text__color);
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  footer .footer__pages .col__title {
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
footer .footer__pages .col__title {
  cursor: pointer;
  text-transform: uppercase;
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__pages .col__title {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
  }
}
footer .footer__pages .col__title:has(.text__link) {
  color: inherit;
}
@media (hover: hover) {
  footer .footer__pages .col__title:has(.text__link):hover {
    color: var(--primary-500);
  }
}
footer .footer__pages .col__title:has(.text__link) {
  color: var(--footer__text__color);
}
footer .footer__pages .col__title .title__input {
  display: none;
}
footer .footer__pages .col__title .text__link {
  color: inherit;
}
footer .footer__pages .col__title .title__icon {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  display: none;
  color: inherit;
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__pages .col__title .title__icon {
    display: flex;
  }
}
footer .footer__pages .col__title .title__icon svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
footer .footer__pages .col__title .title__icon svg path {
  stroke: currentColor;
}
footer .footer__pages .col__list {
  --list__gap: 0.75rem;
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__pages .col__list {
    --list__gap: 0.5rem;
  }
}
footer .footer__pages .col__list {
  display: flex;
  flex-direction: column;
  gap: var(--list__gap);
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__pages .col__list {
    display: none;
  }
}
footer .footer__pages .item__link {
  color: inherit;
}
@media (hover: hover) {
  footer .footer__pages .item__link:hover {
    color: var(--primary-500);
  }
}
footer .footer__pages .item__link {
  color: var(--footer__text__color-80);
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  footer .footer__pages .item__link {
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__pages .item__link {
    text-align: center;
  }
}
footer .footer__copyright {
  color: var(--footer__text__color-75);
  font-size: clamp(0.75rem, 0.607rem + 0.1712vw, 0.8125rem);
  font-weight: 400;
  line-height: 1.125rem;
}
@media only screen and (max-width: 83.4375rem) {
  footer .footer__copyright {
    font-size: clamp(0.6875rem, 0.6644rem + 0.1025vw, 0.75rem);
  }
}
footer .footer__copyright {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-area: copyright;
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__copyright {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
  }
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__copyright span {
    order: 2;
  }
}
footer .footer__copyright a {
  display: flex;
  color: inherit;
}
@media (hover: hover) {
  footer .footer__copyright a:hover {
    color: var(--primary-500);
  }
}
footer .footer__copyright .copyright__inbank {
  color: inherit;
}
@media (hover: hover) {
  footer .footer__copyright .copyright__inbank:hover {
    color: var(--primary-500);
  }
}
footer .footer__copyright .copyright__inbank {
  width: 6.25rem;
  height: auto;
  aspect-ratio: 2.5;
  color: var(--footer__text__color);
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__copyright .copyright__inbank {
    order: 1;
    margin-bottom: 0.5rem;
  }
}
footer .footer__copyright .copyright__inbank svg {
  width: 100%;
  height: 100%;
}
footer .footer__copyright .copyright__inbank svg path {
  fill: currentColor;
}
footer .footer__copyright span:has(a) {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
}
footer .footer__copyright span:has(a) a {
  color: inherit;
}
@media (hover: hover) {
  footer .footer__copyright span:has(a) a:hover {
    color: var(--primary-500);
  }
}
footer .footer__copyright span:has(a) a {
  color: var(--footer__text__color);
}
footer .footer__copyright span:has(a) svg {
  width: 5.6875rem;
  height: auto;
  aspect-ratio: 6.0666666667;
  margin-bottom: 0.125rem;
}
footer .footer__copyright span:has(a) svg path {
  fill: currentColor;
}

.category__list .content {
  width: 100%;
  max-width: var(--content-max);
  margin-inline: auto;
}
.category__list .list__block {
  --block__row__gap: clamp(1rem, -2.4315rem + 4.1096vw, 2.5rem);
  --block__padding-inline: 0;
  --block__max-width: 100%;
}
@media only screen and (max-width: 83.4375rem) {
  .category__list .list__block {
    --block__row__gap: clamp(1.5rem, 0.7405rem + 3.3755vw, 2.5rem);
    --block__padding-inline: var(--padding);
    --block__max-width: calc(41.75rem + var(--block__padding-inline));
  }
}
.category__list .list__block {
  display: grid;
  grid-gap: var(--block__row__gap) 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, auto);
  width: 100%;
  max-width: var(--block__max-width);
  padding-inline: var(--block__padding-inline);
  margin-inline: auto;
  align-items: center;
  grid-template-areas: "title photo" "content photo";
}
@media only screen and (max-width: 83.4375rem) {
  .category__list .list__block {
    display: grid;
    grid-gap: var(--block__row__gap) 0;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: unset;
    grid-template-areas: "title" "photo" "content";
  }
  .category__list .list__block + .list__block {
    --text__padding-top: 0;
  }
}
.category__list:not(._homepage) .list__block:nth-child(odd) {
  --text__padding-left__actual: var(--text__padding-right);
  --text__padding-right__actual: var(--text__padding-left);
  --before__rotation: 180deg;
  --overlay__padding-left__actual: var(--overlay__padding-right);
  --overlay__padding-right__actual: var(--overlay__padding-left);
  grid-template-areas: "photo title" "photo content";
}
@media only screen and (max-width: 83.4375rem) {
  .category__list:not(._homepage) .list__block:nth-child(odd) {
    grid-template-areas: "title" "photo" "content";
  }
}
.category__list {
  --text__padding-block: clamp(5rem, -0.7192rem + 6.8493vw, 7.5rem);
  --text__padding-left: var(--padding);
  --text__padding-right: clamp(2.75rem, -8.1164rem + 13.0137vw, 7.5rem);
  --text__padding-left__actual: var(--text__padding-left);
  --text__padding-right__actual: var(--text__padding-right);
  --text__padding-top: var(--text__padding-block);
}
@media only screen and (max-width: 83.4375rem) {
  .category__list {
    --text__padding-block: clamp(5rem, 4.0506rem + 4.2194vw, 6.25rem);
    --text__padding-left: 0;
    --text__padding-right: 0;
  }
}
.category__list .block__title,
.category__list .block__content {
  padding-left: var(--text__padding-left__actual);
  padding-right: var(--text__padding-right__actual);
}
.category__list .block__title {
  margin-top: auto;
  padding-top: var(--text__padding-top);
  grid-area: title;
}
.category__list h2, .category__list .h2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@supports not (-webkit-line-clamp: 2) {
  .category__list h2, .category__list .h2 {
    white-space: nowrap;
  }
}
@supports (-webkit-line-clamp: 2) {
  .category__list h2, .category__list .h2 {
    -webkit-line-clamp: 2;
    white-space: normal;
    line-height: 1.4;
    max-height: 2.8em;
  }
}
.category__list h2, .category__list .h2 {
  text-wrap: balance;
}
@media only screen and (max-width: 83.4375rem) {
  .category__list h2, .category__list .h2 {
    text-align: center;
  }
}
.category__list .block__content {
  --content__gap: clamp(2rem, -0.2877rem + 2.7397vw, 3rem);
  --content__max-width: 100%;
}
@media only screen and (max-width: 83.4375rem) {
  .category__list .block__content {
    --content__gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
    --content__max-width: 36.25rem;
  }
}
.category__list .block__content {
  display: flex;
  flex-direction: column;
  gap: var(--content__gap);
  width: 100%;
  max-width: var(--content__max-width);
  grid-area: content;
  margin-bottom: auto;
  padding-bottom: var(--text__padding-block);
}
@media only screen and (max-width: 83.4375rem) {
  .category__list .block__content {
    margin-inline: auto;
  }
}
.category__list p, .category__list .p {
  color: var(--primary-900);
  font-size: clamp(1rem, 0.4281rem + 0.6849vw, 1.25rem);
  font-weight: 300;
  line-height: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
}
@media only screen and (max-width: 83.4375rem) {
  .category__list p, .category__list .p {
    font-size: clamp(0.9375rem, 0.9144rem + 0.1025vw, 1rem);
  }
}
.category__list p, .category__list .p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@supports not (-webkit-line-clamp: 4) {
  .category__list p, .category__list .p {
    white-space: nowrap;
  }
}
@supports (-webkit-line-clamp: 4) {
  .category__list p, .category__list .p {
    -webkit-line-clamp: 4;
    white-space: normal;
    line-height: 1.4;
    max-height: 5.6em;
  }
}
.category__list p, .category__list .p {
  text-wrap: pretty;
}
@media only screen and (max-width: 83.4375rem) {
  .category__list p, .category__list .p {
    text-align: center;
  }
}
.category__list .content__actions {
  --actions__gap: clamp(2rem, -0.2877rem + 2.7397vw, 3rem);
  --actions__direction: 0;
  --actions__align-items: 0;
}
@media only screen and (max-width: 83.4375rem) {
  .category__list .content__actions {
    --actions__gap: 1.5rem;
    --actions__direction: column;
    --actions__align-items: center;
  }
}
.category__list .content__actions {
  display: flex;
  flex-direction: var(--actions__direction);
  align-items: var(--actions__align-items);
  gap: var(--actions__gap);
}
.category__list .content__actions .button {
  --button__height: clamp(3.25rem, 1.5342rem + 2.0548vw, 4rem);
  height: var(--button__height) !important;
}
.category__list .content__actions .button:not(:only-child) {
  max-width: 100%;
}
.category__list {
  --before__rotation: 0deg;
  --overlay__padding-left: clamp(17.5rem, -10.3767rem + 27.3973vw, 22.5rem);
  --overlay__padding-right: clamp(5.25rem, -0.3253rem + 5.4795vw, 6.25rem);
  --overlay__padding-left__actual: var(--overlay__padding-left);
  --overlay__padding-right__actual: var(--overlay__padding-right);
}
@media only screen and (max-width: 101.6875rem) {
  .category__list {
    --overlay__padding-left: clamp(20.25rem, 9.9555rem + 12.3288vw, 22.5rem);
  }
}
.category__list .block__photo {
  --photo__before__opacity: 1;
  --photo__overlay__opacity: 0;
  --photo__overlay__visibility: hidden;
  --photo__background-image: var(--desktop-image);
  --photo__aspect-ratio: 1.6;
  --photo__max-width: 100%;
}
@media only screen and (max-width: 83.4375rem) {
  .category__list .block__photo {
    --photo__max-width: 41.75rem;
  }
}
@media only screen and (max-width: 37.25rem) {
  .category__list .block__photo {
    --photo__background-image: var(--mobile-image);
    --photo__aspect-ratio: 0.8;
  }
}
.category__list .block__photo {
  width: 100%;
  max-width: var(--photo__max-width);
  height: auto;
  aspect-ratio: var(--photo__aspect-ratio);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  grid-area: photo;
  background-image: var(--photo__background-image);
  position: relative;
  z-index: 1;
  margin: auto;
}
@media only screen and (min-width: 83.5rem) and (hover: hover) {
  .category__list .block__photo:hover {
    --photo__overlay__opacity: 1;
    --photo__overlay__visibility: visible;
  }
  .category__list .block__photo:hover:has(.photo__overlay) {
    --photo__before__opacity: 0;
  }
}
.category__list .block__photo::before {
  background-image: url("../images/backgrounds/category/triangle/300x600/image_1.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width: 100%;
  content: "";
  z-index: -1;
  position: absolute;
  inset: 0;
  opacity: var(--photo__before__opacity);
  transition: opacity 0.25s ease-in-out;
  transform: rotate(var(--before__rotation));
}
.category__list .photo__overlay {
  --overlay__gap: clamp(1.875rem, -8.5788rem + 10.274vw, 3.75rem);
  --overlay__padding-block: 0;
  --overlay__title__width: 11.25rem;
  --overlay__list__width: 16.25rem;
  --overlay__list__gap: clamp(1.5rem, -4.0753rem + 5.4795vw, 2.5rem);
  --overlay__list__margin-left: auto;
  --overlay__link__gap: 1.25rem;
  --overlay__icon__width: clamp(2.75rem, -0.7346rem + 3.4247vw, 3.375rem);
  display: grid;
  grid-gap: var(--overlay__gap);
  grid-template-columns: minmax(0, var(--overlay__title__width)) minmax(0, var(--overlay__list__width));
}
.category__list .photo__overlay ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.category__list .photo__overlay ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  position: unset;
  padding-left: unset;
}
.category__list .photo__overlay ul {
  list-style: none;
}
.category__list .photo__overlay a {
  text-decoration: none;
}
.category__list .photo__overlay {
  padding-block: var(--overlay__padding-block);
  padding-left: var(--overlay__padding-left__actual);
  padding-right: var(--overlay__padding-right__actual);
  opacity: var(--photo__overlay__opacity);
  visibility: var(--photo__overlay__visibility);
  align-items: center;
  flex: 1;
  transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
}
@media only screen and (max-width: 101.6875rem) {
  .category__list .photo__overlay {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}
@media only screen and (max-width: 83.4375rem) {
  .category__list .photo__overlay {
    display: none;
  }
}
.category__list .photo__overlay::before {
  background-image: url("../images/backgrounds/category/overlay/960x600/image_1.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  transform: rotate(var(--before__rotation));
}
@media only screen and (max-width: 101.6875rem) {
  .category__list h3, .category__list .h3 {
    display: none;
  }
}
.category__list .overlay__list {
  display: flex;
  flex-direction: column;
  gap: var(--overlay__list__gap);
  width: 100%;
  max-width: var(--overlay__list__width);
  margin-left: var(--overlay__list__margin-left);
}
.category__list .item__link {
  color: var(--primary-900);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 400;
  line-height: clamp(1.5rem, 1.214rem + 0.3425vw, 1.625rem);
}
@media only screen and (max-width: 83.4375rem) {
  .category__list .item__link {
    font-size: clamp(0.9375rem, 0.9144rem + 0.1025vw, 1rem);
  }
}
.category__list .item__link {
  display: flex;
  align-items: center;
  gap: var(--overlay__link__gap);
  color: inherit;
}
@media (hover: hover) {
  .category__list .item__link:hover {
    color: var(--primary-500);
  }
}
.category__list .link__icon {
  width: var(--overlay__icon__width);
  min-width: var(--overlay__icon__width);
  height: auto;
  aspect-ratio: 1;
  display: flex;
}
.category__list .link__icon svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.category__list .link__icon svg path[fill] {
  fill: currentColor;
}
.category__list .link__icon svg path[stroke] {
  stroke: currentColor;
}
.category__list._homepage .list__block:nth-child(even) {
  --text__padding-left__actual: var(--text__padding-right);
  --text__padding-right__actual: var(--text__padding-left);
  --before__rotation: 180deg;
  --overlay__padding-left__actual: var(--overlay__padding-right);
  --overlay__padding-right__actual: var(--overlay__padding-left);
  grid-template-areas: "photo title" "photo content";
}
@media only screen and (max-width: 83.4375rem) {
  .category__list._homepage .list__block:nth-child(even) {
    grid-template-areas: "title" "photo" "content";
  }
}
@media only screen and (max-width: 37.25rem) {
  .category__list._homepage .content__text {
    display: none;
  }
}
@media only screen and (max-width: 83.4375rem) {
  .category__list + .product__slider, .category__list + .layout {
    padding-top: 0;
  }
}

.hero._text + .category__list {
  padding-top: 2.5rem;
}
@media only screen and (min-width: 83.5rem) {
  .hero._text + .category__list {
    padding-bottom: clamp(6.25rem, 0.5308rem + 6.8493vw, 8.75rem);
  }
}
.hero._text + .category__list .list__block:first-child {
  --text__padding-top: 0;
}

.news__slider {
  --slider__padding-block: clamp(6.25rem, 0.5308rem + 6.8493vw, 8.75rem);
  --slider__gap: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
  --slider__content__gap: clamp(0.75rem, -0.3938rem + 1.3699vw, 1.25rem);
  --slider__content__width: clamp(75.375rem, 50.2106rem + 30.137vw, 86.375rem);
  --slider__content__arrow__width: clamp(2.875rem, 2.0171rem + 1.0274vw, 3.25rem);
  --slider__content__items__width: calc(var(--slider__content__width) - (var(--slider__content__arrow__width) * 2) - (var(--slider__content__gap) * 2));
}
@media only screen and (max-width: 83.4375rem) {
  .news__slider {
    --slider__padding-block: clamp(5rem, 4.0506rem + 4.2194vw, 6.25rem);
    --slider__gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
    --slider__content__width: 40.8125rem;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .news__slider {
    --slider__content__width: 37.6875rem;
  }
}
.news__slider ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.news__slider ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  position: unset;
  padding-left: unset;
}
.news__slider ul {
  list-style: none;
}
.news__slider a {
  text-decoration: none;
}
.news__slider {
  padding-block: var(--slider__padding-block);
  position: relative;
  overflow: hidden;
  border-top: 0.0625rem solid var(--other-divider-300);
}
.news__slider .wrap {
  display: flex;
  flex-direction: column;
  gap: var(--slider__gap);
}
.news__slider .slider__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 3fr) minmax(0, 1fr);
  width: var(--slider__content__width);
  max-width: 100%;
  padding-inline: calc(var(--slider__content__gap) * 2 + var(--slider__content__arrow__width));
  margin-inline: auto;
  align-items: flex-end;
  grid-template-areas: ". title link";
}
@media only screen and (max-width: 83.4375rem) {
  .news__slider .slider__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--slider__gap);
  }
}
.news__slider .slider__header h2, .news__slider .slider__header .h2 {
  grid-area: title;
  text-align: center;
}
.news__slider .slider__header .header__link {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
  color: inherit;
}
@media (hover: hover) {
  .news__slider .slider__header .header__link:hover {
    color: var(--primary-500);
  }
}
.news__slider .slider__header .header__link {
  color: var(--primary-900);
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: 0.1875rem;
}
@media only screen and (max-width: 83.4375rem) {
  .news__slider .slider__header .header__link {
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
    letter-spacing: clamp(0.125rem, 0.1019rem + 0.1025vw, 0.1875rem);
  }
}
.news__slider .slider__header .header__link {
  grid-area: link;
}
.news__slider .slider__header .link__icon {
  display: flex;
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.news__slider .slider__header .link__icon svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.news__slider .slider__header .link__icon svg path {
  fill: currentColor;
}
.news__slider .slider__content {
  display: grid;
  grid-gap: var(--slider__content__gap);
  grid-template-columns: minmax(0, var(--slider__content__arrow__width)) minmax(0, 1fr) minmax(0, var(--slider__content__arrow__width));
  width: var(--slider__content__width);
  max-width: 100%;
  margin-inline: auto;
}
@media only screen and (max-width: 52.0625rem) {
  .news__slider .slider__content {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    position: relative;
  }
  .news__slider .slider__content:has(.slick-initialized) {
    padding-bottom: 2.625rem;
  }
}
@media only screen and (max-width: 37.25rem) {
  .news__slider .slider__content {
    width: calc(100% + var(--padding) * 2);
    max-width: calc(100% + var(--padding) * 2);
    margin-inline: calc(var(--padding) * -1);
  }
}
.news__slider .slider__content .content__arrow {
  --arrow__padding-bottom: clamp(7rem, 5.2842rem + 2.0548vw, 7.75rem);
  width: var(--slider__content__arrow__width);
  min-width: var(--slider__content__arrow__width);
  height: auto;
  aspect-ratio: 1;
  padding-bottom: var(--arrow__padding-bottom);
  margin-block: auto;
  cursor: pointer;
}
@media only screen and (max-width: 52.0625rem) {
  .news__slider .slider__content .content__arrow {
    display: none;
  }
}
.news__slider .slider__content .content__arrow:not(.slick-arrow) {
  opacity: 0;
  visibility: hidden;
}
.news__slider .slider__content .content__arrow svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
}
@media (hover: hover) {
  .news__slider .slider__content .content__arrow svg:hover {
    background-color: var(--primary-900);
    color: var(--neutral-100);
  }
}
.news__slider .slider__content .content__arrow svg path {
  stroke: currentColor;
}
.news__slider .slider__content .content__items {
  max-width: 100%;
}
.news__slider .slider__content .content__items:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
}
.news__slider .slider__content .content__items:not(.slick-initialized) > *:nth-child(n+3) {
  display: none;
}
.news__slider .slider__content .content__items .slick-track {
  display: flex !important;
}
.news__slider .slider__content .content__items .slick-track .slick-slide {
  height: inherit !important;
}
.news__slider .slider__content .content__items {
  margin: 0;
}
@media only screen and (max-width: 83.4375rem) {
  .news__slider .slider__content .content__items:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    overflow: hidden;
  }
  .news__slider .slider__content .content__items:not(.slick-initialized) > *:nth-child(n+2) {
    display: none;
  }
}
@media only screen and (min-width: 52.125rem) {
  .news__slider .slider__content .content__items {
    grid-column: 2;
  }
}
.news__slider .slider__content .content__items .slick-slide, .news__slider .slider__content .content__items > div:not(.slick-list) {
  padding-inline: var(--slider__content__gap);
}
@media only screen and (max-width: 37.25rem) {
  .news__slider .slider__content .content__items .slick-slide, .news__slider .slider__content .content__items > div:not(.slick-list) {
    padding-inline: var(--padding);
  }
}
.news__slider .slider__content .slick-dots li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.news__slider .slider__content .slick-dots li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  position: unset;
  padding-left: unset;
}
.news__slider .slider__content .slick-dots {
  width: 100%;
  max-width: var(--content-max);
  margin-inline: auto;
  padding-inline: var(--padding);
  bottom: -2.625rem;
  line-height: unset;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
}
.news__slider .slider__content .slick-dots li {
  --dots__width: 1.75rem;
  --dots__opacity: 0.2;
  width: var(--dots__width);
  height: 0.125rem;
  background-color: var(--primary-900);
  margin: 0 0.25rem;
  opacity: var(--dots__opacity);
  transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out, min-width 0.3s ease-in-out, height 0.3s ease-in-out;
}
.news__slider .slider__content .slick-dots li.slick-active {
  --dots__width: 4rem;
  --dots__opacity: 1;
}
.news__slider .slider__content .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
}
.news__slider .slider__content .slick-dots li button::before {
  content: none;
}
.news__slider._homepage {
  border-top: 0;
}
.news__slider._homepage::before, .news__slider._homepage::after {
  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: var(--icon__aspect-ratio);
  position: absolute;
  z-index: -1;
}
@media only screen and (max-width: 83.4375rem) {
  .news__slider._homepage::before, .news__slider._homepage::after {
    display: none;
  }
}
.news__slider._homepage::before {
  --icon__width: clamp(5rem, -0.7192rem + 6.8493vw, 7.5rem);
  --icon__aspect-ratio: 0.3333333333;
  background-image: url("../images/backgrounds/news/slider/triangle/120x360/image_2.svg");
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.news__slider._homepage::after {
  --icon__width: 35.75rem;
  --icon__aspect-ratio: 0.6217391304;
  background-image: url("../images/backgrounds/news/slider/triangle/572x920/image_1.svg");
  right: 0;
  bottom: 0;
}
@media only screen and (max-width: 52.0625rem) {
  .news__slider + .manufacturers__slider + .reviews__slider {
    padding-top: 0;
  }
}

.news._card {
  --news__gap: 1rem;
  --news__info__gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
}
.news._card ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.news._card ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  position: unset;
  padding-left: unset;
}
.news._card ul {
  list-style: none;
}
.news._card a {
  text-decoration: none;
}
.news._card {
  display: flex;
  flex-direction: column;
  gap: var(--news__gap);
  height: 100%;
  position: relative;
  overflow: hidden;
}
.news._card .news__tags {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 0.5rem;
}
.news._card .news__tags .tags__item {
  color: var(--primary-900);
  font-size: clamp(0.75rem, 0.464rem + 0.3425vw, 0.875rem);
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.125rem;
}
.news._card .news__tags .tags__item {
  display: flex;
  align-items: center;
  background-color: var(--neutral-100);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@supports not (-webkit-line-clamp: 1) {
  .news._card .news__tags .tags__item {
    white-space: nowrap;
  }
}
@supports (-webkit-line-clamp: 1) {
  .news._card .news__tags .tags__item {
    -webkit-line-clamp: 1;
    white-space: normal;
    line-height: 1.4;
    max-height: 1.4em;
  }
}
.news._card .news__tags .tags__item {
  max-height: unset !important;
  padding-block: 0.375rem;
  padding-inline: 0.75rem;
}
.news._card .news__photo {
  display: flex;
  flex: 1;
}
.news._card .news__photo img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: scale-down;
}
.news._card .news__info {
  display: flex;
  flex-direction: column;
  gap: var(--news__info__gap);
  width: 24rem;
  max-width: 100%;
}
.news._card .info__date {
  color: var(--secondary-500);
  font-size: clamp(0.8125rem, 0.6695rem + 0.1712vw, 0.875rem);
  font-weight: 300;
  line-height: 1.25rem;
}
.news._card .info__date {
  width: 100%;
}
.news._card .info__title {
  color: var(--primary-900);
  font-size: clamp(1.125rem, 0.5531rem + 0.6849vw, 1.375rem);
  font-weight: 400;
  line-height: clamp(1.625rem, 0.7671rem + 1.0274vw, 2rem);
}
@media only screen and (max-width: 83.4375rem) {
  .news._card .info__title {
    font-size: clamp(1.0625rem, 1.0394rem + 0.1025vw, 1.125rem);
  }
}
.news._card .info__title {
  color: inherit;
}
@media (hover: hover) {
  .news._card .info__title:hover {
    color: var(--primary-500);
  }
}
.news._card .info__title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@supports not (-webkit-line-clamp: 2) {
  .news._card .info__title {
    white-space: nowrap;
  }
}
@supports (-webkit-line-clamp: 2) {
  .news._card .info__title {
    -webkit-line-clamp: 2;
    white-space: normal;
    line-height: 1.4;
    max-height: 2.8em;
  }
}
.news._card .info__title {
  height: 2lh;
  text-wrap: balance;
}

.reviews__slider {
  --slider__padding-block: clamp(6.25rem, 0.5308rem + 6.8493vw, 8.75rem);
  --slider__content__gap: 0.5rem;
  --slider__content__width: 100%;
  --slider__content__arrow__width: clamp(2.875rem, 2.0171rem + 1.0274vw, 3.25rem);
  --slider__content__items__width: calc(var(--slider__content__width) - (var(--slider__content__arrow__width) * 2) - (var(--slider__content__gap) * 2));
}
@media only screen and (max-width: 83.4375rem) {
  .reviews__slider {
    --slider__padding-block: clamp(5rem, 4.0506rem + 4.2194vw, 6.25rem);
    --slider__gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.reviews__slider ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.reviews__slider ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  position: unset;
  padding-left: unset;
}
.reviews__slider ul {
  list-style: none;
}
.reviews__slider a {
  text-decoration: none;
}
.reviews__slider {
  padding-block: var(--slider__padding-block);
  position: relative;
  overflow: hidden;
  border-top: 0.0625rem solid var(--other-divider-300);
}
.reviews__slider .wrap {
  display: flex;
  flex-direction: column;
}
.reviews__slider .button {
  margin-top: 2.5rem;
}
.reviews__slider .slider__header {
  --header__padding-bottom: clamp(0.5rem, -3.2175rem + 4.4521vw, 2.125rem);
}
@media only screen and (max-width: 52.0625rem) {
  .reviews__slider .slider__header {
    --header__padding-bottom: clamp(0rem, -0.3797rem + 1.6878vw, 0.5rem);
  }
}
.reviews__slider .slider__header {
  padding-bottom: var(--header__padding-bottom);
}
.reviews__slider .slider__header h2, .reviews__slider .slider__header .h2 {
  text-align: center;
}
.reviews__slider .slider__content {
  display: grid;
  grid-gap: var(--slider__content__gap);
  grid-template-columns: minmax(0, var(--slider__content__arrow__width)) minmax(0, 1fr) minmax(0, var(--slider__content__arrow__width));
  width: var(--slider__content__width);
  max-width: 100%;
  margin-inline: auto;
}
@media only screen and (max-width: 52.0625rem) {
  .reviews__slider .slider__content {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    position: relative;
  }
}
@media only screen and (max-width: 37.25rem) {
  .reviews__slider .slider__content {
    width: calc(100% + var(--padding) * 2);
    max-width: calc(100% + var(--padding) * 2);
    margin-inline: calc(var(--padding) * -1);
  }
}
.reviews__slider .slider__content:has(.slick-initialized) {
  padding-bottom: 2.625rem;
}
.reviews__slider .slider__content .content__arrow {
  --arrow__padding-top: 1.875rem;
  width: var(--slider__content__arrow__width);
  min-width: var(--slider__content__arrow__width);
  height: auto;
  aspect-ratio: 1;
  padding-top: var(--arrow__padding-top);
  margin-block: auto;
  cursor: pointer;
}
@media only screen and (max-width: 52.0625rem) {
  .reviews__slider .slider__content .content__arrow {
    display: none;
  }
}
.reviews__slider .slider__content .content__arrow:not(.slick-arrow) {
  opacity: 0;
  visibility: hidden;
}
.reviews__slider .slider__content .content__arrow svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
}
@media (hover: hover) {
  .reviews__slider .slider__content .content__arrow svg:hover {
    background-color: var(--primary-900);
    color: var(--neutral-100);
  }
}
.reviews__slider .slider__content .content__arrow svg path {
  stroke: currentColor;
}
.reviews__slider .slider__content .content__items {
  max-width: 100%;
}
.reviews__slider .slider__content .content__items:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
}
.reviews__slider .slider__content .content__items:not(.slick-initialized) > *:nth-child(n+4) {
  display: none;
}
.reviews__slider .slider__content .content__items .slick-track {
  display: flex !important;
}
.reviews__slider .slider__content .content__items .slick-track .slick-slide {
  height: inherit !important;
}
.reviews__slider .slider__content .content__items {
  margin: 0;
}
@media only screen and (max-width: 83.4375rem) {
  .reviews__slider .slider__content .content__items:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
  }
  .reviews__slider .slider__content .content__items:not(.slick-initialized) > *:nth-child(n+3) {
    display: none;
  }
}
@media only screen and (min-width: 52.125rem) {
  .reviews__slider .slider__content .content__items {
    grid-column: 2;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .reviews__slider .slider__content .content__items:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    overflow: hidden;
  }
  .reviews__slider .slider__content .content__items:not(.slick-initialized) > *:nth-child(n+2) {
    display: none;
  }
}
.reviews__slider .slider__content .content__items .slick-slide, .reviews__slider .slider__content .content__items > div:not(.slick-list) {
  padding-inline: var(--slider__content__gap);
}
@media only screen and (max-width: 37.25rem) {
  .reviews__slider .slider__content .content__items .slick-slide, .reviews__slider .slider__content .content__items > div:not(.slick-list) {
    padding-inline: var(--padding);
  }
}
.reviews__slider .slider__content .content__items .slick-slide > div:not(.reviews._card), .reviews__slider .slider__content .content__items > div:not(.slick-list) > div:not(.reviews._card) {
  display: flex;
  min-height: 100%;
}
.reviews__slider .slider__content .content__items .slick-slide > div:not(.reviews._card) > div:not(.reviews._card), .reviews__slider .slider__content .content__items > div:not(.slick-list) > div:not(.reviews._card) > div:not(.reviews._card) {
  min-height: 100%;
}
.reviews__slider .slider__content .slick-dots li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.reviews__slider .slider__content .slick-dots li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  position: unset;
  padding-left: unset;
}
.reviews__slider .slider__content .slick-dots {
  width: 100%;
  max-width: var(--content-max);
  margin-inline: auto;
  padding-inline: var(--padding);
  bottom: -2.625rem;
  line-height: unset;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
}
.reviews__slider .slider__content .slick-dots li {
  --dots__width: clamp(1.75rem, 0.7057rem + 4.6414vw, 3.125rem);
  --dots__opacity: 0.2;
  width: var(--dots__width);
  height: 0.125rem;
  background-color: var(--primary-900);
  margin: 0 0.25rem;
  opacity: var(--dots__opacity);
  transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out, min-width 0.3s ease-in-out, height 0.3s ease-in-out;
}
.reviews__slider .slider__content .slick-dots li.slick-active {
  --dots__width: clamp(4rem, 2.2911rem + 7.5949vw, 6.25rem);
  --dots__opacity: 1;
}
.reviews__slider .slider__content .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
}
.reviews__slider .slider__content .slick-dots li button::before {
  content: none;
}
.reviews__slider._homepage {
  border-top: 0;
}

.showcase__list + .reviews__slider {
  border-top: 0;
}

.reviews._card {
  --reviews__margin-top: clamp(1.5rem, 0.6421rem + 1.0274vw, 1.875rem);
  --reviews__gap: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
  --reviews__padding-block: clamp(2.5rem, -0.9315rem + 4.1096vw, 4rem);
  --reviews__padding-inline: clamp(1rem, -2.4315rem + 4.1096vw, 2.5rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--reviews__gap);
  min-height: calc(100% - var(--reviews__margin-top));
  padding-block: var(--reviews__padding-block);
  padding-inline: var(--reviews__padding-inline);
  border: 0.0625rem solid var(--other-divider-300);
  color: var(--primary-900);
  position: relative;
  margin: var(--reviews__margin-top) 0 0;
}
.reviews._card::before {
  --icon__width: clamp(3.25rem, 0.6764rem + 3.0822vw, 4.375rem);
  display: flex;
  content: "";
  background-image: url("../images/icons/citation_70x70.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: calc(var(--reviews__margin-top) * -1);
  left: 50%;
  transform: translateX(-50%);
}
.reviews._card .reviews__description,
.reviews._card .reviews__description :is(p, .p),
.reviews._card .reviews__name {
  color: inherit;
  text-align: center;
}
.reviews._card .reviews__description,
.reviews._card .reviews__description :is(p, .p) {
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .reviews._card .reviews__description,
  .reviews._card .reviews__description :is(p, .p) {
    font-size: clamp(0.875rem, 0.8519rem + 0.1025vw, 0.9375rem);
  }
}
.reviews._card .reviews__description,
.reviews._card .reviews__description :is(p, .p) {
  text-wrap: pretty;
}
.reviews._card .reviews__description {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  flex: 1;
}
.reviews._card .reviews__description::after {
  width: 3.875rem;
  height: 0.0625rem;
  background-color: var(--primary-900);
  margin-top: auto;
  content: "";
}
.reviews._card .reviews__name {
  font-size: clamp(0.75rem, 0.464rem + 0.3425vw, 0.875rem);
  font-weight: 600;
  line-height: 1.25rem;
}
.reviews._card .reviews__name {
  margin-top: auto;
}

.hero {
  --hero__padding-top: clamp(1rem, -16.0289rem + 32.6693vw, 11.25rem);
  --hero__aspect-ratio: 2.4615384615;
  --hero__content__width: 50%;
  --hero__content__padding-block: clamp(2rem, 1.6203rem + 1.6878vw, 2.5rem);
  --hero__content__align-items: 0;
  --hero__content__gap: clamp(1rem, -0.1438rem + 1.3699vw, 1.5rem);
  --hero__button__margin-top: calc(2rem - var(--hero__content__gap));
}
@media only screen and (max-width: 52.0625rem) {
  .hero {
    --hero__padding-top: clamp(1rem, -2.9873rem + 17.7215vw, 6.25rem);
    --hero__aspect-ratio: 0.5751724138;
    --hero__content__width: 100%;
    --hero__content__align-items: center;
  }
}
.hero {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: auto;
  max-height: 100dvh;
  aspect-ratio: var(--hero__aspect-ratio);
  display: flex;
  background-image: var(--desktop-image);
  position: relative;
}
@media only screen and (max-width: 52.0625rem) {
  .hero {
    padding-inline: var(--padding);
    background-image: var(--mobile-image);
  }
}
@media only screen and (max-height: 28.125rem) {
  .hero {
    max-height: unset;
  }
}
@media only screen and (max-width: 37.25rem) {
  .hero {
    max-height: unset;
  }
}
.hero::before {
  --icon__width: clamp(4rem, -4.0068rem + 9.589vw, 7.5rem);
  --icon__aspect-ratio: 0.3333333333;
  --icon__bottom: clamp(5.5rem, -0.5051rem + 7.1918vw, 8.125rem);
  display: flex;
  content: "";
  background-image: url("../images/backgrounds/category/triangle/120x360/image_1.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: var(--icon__aspect-ratio);
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: calc(var(--icon__bottom) * -1);
}
@media only screen and (max-width: 52.0625rem) {
  .hero::before {
    display: none;
  }
}
.hero::after {
  --icon__width: clamp(20.1875rem, 0.0274rem + 24.1438vw, 29rem);
  --icon__aspect-ratio: 0.5948717949;
}
@media only screen and (max-width: 52.0625rem) {
  .hero::after {
    --icon__width: clamp(11.625rem, -0.0522rem + 51.8987vw, 27rem);
    --icon__aspect-ratio: 0.5034965035;
  }
}
.hero::after {
  display: flex;
  content: "";
  background-image: url("../images/backgrounds/category/triangle/464x780/image_1.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: var(--icon__aspect-ratio);
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
@media only screen and (max-width: 52.0625rem) {
  .hero::after {
    background-image: url("../images/backgrounds/category/triangle/432x858/image_1.svg");
    background-position: right bottom;
    margin-top: auto;
  }
}
.hero .content {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: var(--content-max);
  margin-inline: auto;
  padding-top: var(--hero__padding-top);
}
@media only screen and (max-width: 52.0625rem) {
  .hero .content {
    padding-bottom: var(--hero__padding-top);
  }
}
.hero .hero__content {
  display: flex;
  flex-direction: column;
  align-items: var(--hero__content__align-items);
  gap: var(--hero__content__gap);
  width: var(--hero__content__width);
  max-width: 100%;
  padding-block: var(--hero__content__padding-block);
  padding-inline: var(--padding);
  position: relative;
  z-index: 1;
  flex: 1;
}
@media only screen and (max-width: 52.0625rem) {
  .hero .hero__content {
    padding-inline: clamp(1.5rem, 0.7405rem + 3.3755vw, 2.5rem);
    flex: unset;
  }
}
.hero .hero__content::before {
  --icon__width: 100vw;
}
@media only screen and (max-width: 52.0625rem) {
  .hero .hero__content::before {
    --icon__width: 100%;
  }
}
.hero .hero__content::before {
  background-color: var(--neutral-100);
  width: var(--icon__width);
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
}
@media only screen and (max-width: 52.0625rem) {
  .hero .hero__content::before {
    left: 0;
    opacity: 0.92;
  }
}
.hero h1, .hero .h1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@supports not (-webkit-line-clamp: 2) {
  .hero h1, .hero .h1 {
    white-space: nowrap;
  }
}
@supports (-webkit-line-clamp: 2) {
  .hero h1, .hero .h1 {
    -webkit-line-clamp: 2;
    white-space: normal;
    line-height: 1.4;
    max-height: 2.8em;
  }
}
.hero h1, .hero .h1 {
  text-wrap: pretty;
}
@media only screen and (max-width: 52.0625rem) {
  .hero h1, .hero .h1 {
    text-align: var(--hero__content__align-items);
  }
}
.hero .content__text {
  display: contents;
}
.hero .content__text p, .hero .content__text .p {
  font-size: clamp(1rem, 0.4281rem + 0.6849vw, 1.25rem);
  font-weight: 300;
  line-height: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
}
@media only screen and (max-width: 83.4375rem) {
  .hero .content__text p, .hero .content__text .p {
    font-size: clamp(0.9375rem, 0.9144rem + 0.1025vw, 1rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .hero .content__text p, .hero .content__text .p {
    text-align: var(--hero__content__align-items);
  }
}
.hero .button {
  height: clamp(3.25rem, 1.5342rem + 2.0548vw, 4rem);
  margin-top: var(--hero__button__margin-top);
  padding-inline: clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
}
.hero:has(.button) .content__text :is(p, .p) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@supports not (-webkit-line-clamp: 3) {
  .hero:has(.button) .content__text :is(p, .p) {
    white-space: nowrap;
  }
}
@supports (-webkit-line-clamp: 3) {
  .hero:has(.button) .content__text :is(p, .p) {
    -webkit-line-clamp: 3;
    white-space: normal;
    line-height: 1.4;
    max-height: 4.2em;
  }
}
.hero:not(:has(.button)) .content__text :is(p, .p) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@supports not (-webkit-line-clamp: 6) {
  .hero:not(:has(.button)) .content__text :is(p, .p) {
    white-space: nowrap;
  }
}
@supports (-webkit-line-clamp: 6) {
  .hero:not(:has(.button)) .content__text :is(p, .p) {
    -webkit-line-clamp: 6;
    white-space: normal;
    line-height: 1.4;
    max-height: 8.4em;
  }
}
.hero + .category__list {
  position: relative;
  z-index: 3;
}
.hero._text {
  --hero__breadcrumb__padding-block: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
}
@media only screen and (max-width: 52.0625rem) {
  .hero._text {
    --hero__breadcrumb__padding-block: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  }
}
.hero._text {
  width: unset;
  height: unset;
  max-height: unset;
  aspect-ratio: unset;
  border-top: 0.0625rem solid var(--other-divider-300);
  overflow: hidden;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._text {
    padding-inline: unset;
  }
}
.hero._text::before, .hero._text::after {
  display: none;
}
.hero._text .breadcrumb {
  padding-block: var(--hero__breadcrumb__padding-block);
}
@media only screen and (max-width: 52.0625rem) {
  .hero._text .breadcrumb {
    max-width: max-content;
    margin-inline: auto;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .hero._text h1, .hero._text .h1 {
    text-align: center;
  }
}
.hero._text .hero__search {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: var(--primary-900);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 300;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .hero._text .hero__search {
    font-size: clamp(0.8125rem, 0.7664rem + 0.2049vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.hero._text .hero__search {
  border: 0.0625rem solid var(--primary-900);
  padding: 1.25rem;
  margin-top: 2.5rem;
  margin-bottom: clamp(2.5rem, 0.6013rem + 8.4388vw, 5rem);
}
.hero._text .hero__search svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.hero._text .hero__search strong {
  font-weight: 600;
}
.hero._text .hero__contacts {
  --contacts__gap: 3.5625rem;
  --contacts__info__gap: clamp(3.5rem, 5.5548rem + -1.7123vw, 4.125rem);
  --contacts__actions__padding-block: 3.25rem;
  --contacts__padding-bottom: clamp(0rem, 41.0959rem + -34.2466vw, 6.25rem);
}
@media only screen and (max-width: 101.6875rem) {
  .hero._text .hero__contacts {
    --contacts__gap: clamp(2.5rem, 1.3608rem + 5.0633vw, 4rem);
  }
}
@media only screen and (max-width: 67.75rem) {
  .hero._text .hero__contacts {
    --contacts__direction: column;
    --contacts__actions__padding-block: 0;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .hero._text .hero__contacts {
    --contacts__padding-bottom: clamp(5rem, 4.0506rem + 4.2194vw, 6.25rem);
    --contacts__info__gap: clamp(1.5rem, -0.4937rem + 8.8608vw, 4.125rem);
  }
}
.hero._text .hero__contacts {
  display: flex;
  flex-direction: var(--contacts__direction);
  align-items: flex-start;
  gap: var(--contacts__gap);
  padding-top: 2.5rem;
  padding-bottom: var(--contacts__padding-bottom);
}
.hero._text .hero__contacts .contacts__info {
  display: flex;
  flex-direction: column;
  gap: var(--contacts__info__gap);
}
.hero._text .hero__contacts .info__text {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.hero._text .hero__contacts .info__text p, .hero._text .hero__contacts .info__text .p {
  color: var(--secondary-400);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 400;
  line-height: clamp(1.5rem, 1.214rem + 0.3425vw, 1.625rem);
}
@media only screen and (max-width: 83.4375rem) {
  .hero._text .hero__contacts .info__text p, .hero._text .hero__contacts .info__text .p {
    font-size: clamp(0.9375rem, 0.9144rem + 0.1025vw, 1rem);
  }
}
.hero._text .hero__contacts .info__text p span, .hero._text .hero__contacts .info__text .p span {
  color: var(--primary-900);
}
.hero._text .hero__contacts .info__socials {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.hero._text .hero__contacts .info__socials .socials__icon {
  display: flex;
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  color: inherit;
}
@media (hover: hover) {
  .hero._text .hero__contacts .info__socials .socials__icon:hover {
    color: var(--primary-500);
  }
}
.hero._text .hero__contacts .info__socials .socials__icon {
  color: var(--primary-900);
  opacity: 0.6;
}
@media (hover: hover) {
  .hero._text .hero__contacts .info__socials .socials__icon:hover {
    opacity: 1;
  }
}
.hero._text .hero__contacts .info__socials svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.hero._text .hero__contacts .info__socials svg path[opacity] {
  fill: currentColor;
}
.hero._text .hero__contacts .info__socials svg path[fill="#222222"] {
  fill: var(--neutral-100);
}
.hero._text .hero__contacts .contacts__divider {
  width: 17.25rem;
  min-width: 17.25rem;
  height: auto;
  aspect-ratio: 1;
  background-image: url("../images/backgrounds/contacts/triangle/276x276/image_1.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media only screen and (max-width: 67.75rem) {
  .hero._text .hero__contacts .contacts__divider {
    display: none;
  }
}
.hero._text .hero__contacts .contacts__actions {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
  padding-block: var(--contacts__actions__padding-block);
}
.hero._text .hero__contacts .contacts__actions .actions__item {
  color: inherit;
}
@media (hover: hover) {
  .hero._text .hero__contacts .contacts__actions .actions__item:hover {
    color: var(--primary-500);
  }
}
.hero._text .hero__contacts .contacts__actions .actions__item {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  font-size: clamp(1rem, 0.4281rem + 0.6849vw, 1.25rem);
  font-weight: 400;
  line-height: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
}
@media only screen and (max-width: 83.4375rem) {
  .hero._text .hero__contacts .contacts__actions .actions__item {
    font-size: clamp(0.9375rem, 0.9144rem + 0.1025vw, 1rem);
  }
}
.hero._text .hero__contacts .contacts__actions .actions__item {
  text-decoration: none;
}
@media (hover: hover) {
  .hero._text .hero__contacts .contacts__actions .actions__item:hover {
    text-decoration: none;
  }
}
.hero._text .hero__contacts .contacts__actions .actions__item svg {
  width: 4.3125rem;
  min-width: 4.3125rem;
  height: auto;
  aspect-ratio: 1;
}
.hero._text .hero__contacts .contacts__actions .actions__item:has(.item_title svg) {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: 0.0625rem;
  text-underline-offset: 0.15625rem;
  text-underline-position: from-font;
}
.hero._text .hero__contacts .contacts__actions .item__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.hero._text .hero__contacts .contacts__actions .item__title svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.hero._text .hero__contacts .contacts__actions .item__title svg path {
  fill: currentColor;
}
.hero._text .hero__contacts .contacts__visual {
  width: clamp(29.0625rem, -50.0377rem + 77.7397vw, 43.25rem);
  height: auto;
  aspect-ratio: 1.6634615385;
  margin-left: auto;
  margin-right: calc(var(--padding) * -1);
}
@media only screen and (max-width: 101.6875rem) {
  .hero._text .hero__contacts .contacts__visual {
    display: none;
  }
}
.hero._text .hero__contacts .contacts__visual img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._text .hero__tips {
    --tips__justify-content: center;
  }
}
.hero._text .hero__tips ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.hero._text .hero__tips ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  position: unset;
  padding-left: unset;
}
.hero._text .hero__tips ul {
  list-style: none;
}
.hero._text .hero__tips a {
  text-decoration: none;
}
.hero._text .hero__tips {
  display: flex;
  justify-content: var(--tips__justify-content);
  gap: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
  flex-wrap: wrap;
  padding-top: 2.5rem;
}
.hero._text .hero__tips .tips__item {
  color: inherit;
}
@media (hover: hover) {
  .hero._text .hero__tips .tips__item:hover {
    color: var(--primary-500);
  }
}
.hero._text .hero__tips .tips__item {
  font-size: clamp(0.75rem, 0.607rem + 0.1712vw, 0.8125rem);
  font-weight: 600;
  line-height: 1.125rem;
  letter-spacing: 0.125rem;
}
@media only screen and (max-width: 83.4375rem) {
  .hero._text .hero__tips .tips__item {
    font-size: clamp(0.6875rem, 0.6644rem + 0.1025vw, 0.75rem);
    letter-spacing: clamp(0.0625rem, 0.0394rem + 0.1025vw, 0.125rem);
  }
}
.hero._text .hero__tips .tips__item {
  background-color: var(--surfaces-50);
  display: flex;
  padding-block: clamp(0.4375rem, 0.2951rem + 0.6329vw, 0.625rem);
  padding-inline: clamp(0.5rem, -0.6392rem + 5.0633vw, 2rem);
  text-transform: uppercase;
}

.faq {
  --faq__padding-top: clamp(6.25rem, 0.5308rem + 6.8493vw, 8.75rem);
  --faq__padding-bottom: clamp(6.25rem, -8.0479rem + 17.1233vw, 12.5rem);
  --faq__gap: clamp(4rem, -19.7346rem + 28.4247vw, 14.375rem);
  --faq__title__width: clamp(25rem, -6.4555rem + 37.6712vw, 38.75rem);
}
@media only screen and (max-width: 83.4375rem) {
  .faq {
    --faq__gap: 2.5rem;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .faq {
    --faq__padding-top: clamp(5rem, 4.0506rem + 4.2194vw, 6.25rem);
    --faq__padding-bottom: clamp(5rem, 4.0506rem + 4.2194vw, 6.25rem);
  }
}
.faq {
  background-color: var(--surfaces-25);
  padding-top: var(--faq__padding-top);
  padding-bottom: var(--faq__padding-bottom);
}
.faq .wrap {
  display: grid;
  grid-gap: var(--faq__gap);
  grid-template-columns: minmax(0, var(--faq__title__width)) minmax(0, 1fr);
}
@media only screen and (max-width: 83.4375rem) {
  .faq .wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--faq__gap);
  }
}
.faq .faq__title {
  --title__padding-top: clamp(0rem, -2.8596rem + 3.4247vw, 1.25rem);
  --title__gap: clamp(1.5rem, -0.2089rem + 7.5949vw, 3.75rem);
  --title__align-items: 0;
}
@media only screen and (max-width: 83.4375rem) {
  .faq .faq__title {
    --title__align-items: center;
  }
}
.faq .faq__title {
  width: var(--faq__title__width);
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: var(--title__align-items);
  gap: var(--title__gap);
  padding-top: var(--title__padding-top);
}
@media only screen and (max-width: 83.4375rem) {
  .faq .faq__title h2, .faq .faq__title .h2 {
    text-align: var(--title__align-items);
  }
}
.faq .faq__title::after {
  --icon__width: clamp(24.5625rem, 12.1233rem + 14.8973vw, 30rem);
  --icon__aspect-ratio: 1.5;
}
@media only screen and (max-width: 52.0625rem) {
  .faq .faq__title::after {
    --icon__width: clamp(15rem, -6.8759rem + 26.1986vw, 24.5625rem);
  }
}
.faq .faq__title::after {
  display: flex;
  content: "";
  background-image: url("../images/backgrounds/faq/triangle/480x320/image_1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: var(--icon__aspect-ratio);
}
.faq .faq__collapsible {
  --collapsible__padding-block: 1rem;
  --collapsible__gap: clamp(1.5rem, 0.7405rem + 3.3755vw, 2.5rem);
  --collapsible__header__gap: 1.5rem;
  --collapsible__header__icon__width: 1.5rem;
  width: 100%;
  max-width: 49.4375rem;
  display: flex;
  flex-direction: column;
  gap: var(--collapsible__gap);
  margin-inline: auto;
}
.faq .faq__collapsible .collapsible__block {
  position: relative;
}
.faq .faq__collapsible .collapsible__block::after {
  width: 100%;
  height: 0.0625rem;
  background-color: var(--primary-900);
  opacity: 0.4;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}
.faq .faq__collapsible .collapsible__block[open] .block__header svg path:nth-child(2) {
  display: none;
}
.faq .faq__collapsible .collapsible__block[open] .block__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.faq .faq__collapsible .block__header {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: flex-start;
  gap: var(--collapsible__header__gap);
  color: var(--primary-900);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: 0.1875rem;
}
@media only screen and (max-width: 83.4375rem) {
  .faq .faq__collapsible .block__header {
    font-size: clamp(0.8125rem, 0.7664rem + 0.2049vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
    letter-spacing: clamp(0.125rem, 0.1019rem + 0.1025vw, 0.1875rem);
  }
}
.faq .faq__collapsible .block__header {
  padding-bottom: var(--collapsible__padding-block);
  cursor: pointer;
}
@media (hover: hover) {
  .faq .faq__collapsible .block__header:hover {
    color: var(--primary-500);
  }
}
.faq .faq__collapsible .block__header svg {
  width: var(--collapsible__header__icon__width);
  min-width: var(--collapsible__header__icon__width);
  height: auto;
  aspect-ratio: 1;
}
.faq .faq__collapsible .block__header svg path {
  stroke: currentColor;
}
.faq .faq__collapsible .block__content {
  padding-left: calc(var(--collapsible__header__icon__width) + var(--collapsible__header__gap));
  padding-bottom: var(--collapsible__padding-block);
}
.faq .faq__collapsible .block__content p, .faq .faq__collapsible .block__content .p {
  color: var(--primary-900);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 300;
  line-height: clamp(1.5rem, 1.214rem + 0.3425vw, 1.625rem);
}
@media only screen and (max-width: 83.4375rem) {
  .faq .faq__collapsible .block__content p, .faq .faq__collapsible .block__content .p {
    font-size: clamp(0.9375rem, 0.9144rem + 0.1025vw, 1rem);
  }
}

.portfolio__slider {
  --slider__padding-block: clamp(6.25rem, 0.5308rem + 6.8493vw, 8.75rem);
  --slider__gap: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
  --slider__content__gap: clamp(0.75rem, -0.3938rem + 1.3699vw, 1.25rem);
  --slider__content__width: clamp(75.375rem, 50.2106rem + 30.137vw, 86.375rem);
  --slider__content__arrow__width: clamp(2.875rem, 2.0171rem + 1.0274vw, 3.25rem);
  --slider__content__items__width: calc(var(--slider__content__width) - (var(--slider__content__arrow__width) * 2) - (var(--slider__content__gap) * 2));
}
@media only screen and (max-width: 83.4375rem) {
  .portfolio__slider {
    --slider__padding-block: clamp(5rem, 4.0506rem + 4.2194vw, 6.25rem);
    --slider__gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
    --slider__content__width: 40.8125rem;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .portfolio__slider {
    --slider__content__width: 37.6875rem;
    --slider__content__gap: clamp(0.25rem, -0.1297rem + 1.6878vw, 0.75rem);
  }
}
.portfolio__slider ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.portfolio__slider ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  position: unset;
  padding-left: unset;
}
.portfolio__slider ul {
  list-style: none;
}
.portfolio__slider a {
  text-decoration: none;
}
.portfolio__slider {
  padding-block: var(--slider__padding-block);
  position: relative;
  overflow: hidden;
  border-top: 0.0625rem solid var(--other-divider-300);
}
.portfolio__slider .wrap {
  display: flex;
  flex-direction: column;
  gap: var(--slider__gap);
}
.portfolio__slider .slider__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 3fr) minmax(0, 1fr);
  width: var(--slider__content__width);
  max-width: 100%;
  padding-inline: calc(var(--slider__content__gap) * 2 + var(--slider__content__arrow__width));
  margin-inline: auto;
  align-items: flex-end;
  grid-template-areas: ". title link";
}
@media only screen and (max-width: 83.4375rem) {
  .portfolio__slider .slider__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--slider__gap);
  }
}
.portfolio__slider .slider__header h2, .portfolio__slider .slider__header .h2 {
  grid-area: title;
  text-align: center;
}
.portfolio__slider .slider__header .header__link {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
  color: inherit;
}
@media (hover: hover) {
  .portfolio__slider .slider__header .header__link:hover {
    color: var(--primary-500);
  }
}
.portfolio__slider .slider__header .header__link {
  color: var(--primary-900);
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: 0.1875rem;
}
@media only screen and (max-width: 83.4375rem) {
  .portfolio__slider .slider__header .header__link {
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
    letter-spacing: clamp(0.125rem, 0.1019rem + 0.1025vw, 0.1875rem);
  }
}
.portfolio__slider .slider__header .header__link {
  grid-area: link;
}
.portfolio__slider .slider__header .link__icon {
  display: flex;
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.portfolio__slider .slider__header .link__icon svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.portfolio__slider .slider__header .link__icon svg path {
  fill: currentColor;
}
.portfolio__slider .slider__content {
  display: grid;
  grid-gap: var(--slider__content__gap);
  grid-template-columns: minmax(0, var(--slider__content__arrow__width)) minmax(0, 1fr) minmax(0, var(--slider__content__arrow__width));
  width: var(--slider__content__width);
  max-width: 100%;
  margin-inline: auto;
}
@media only screen and (max-width: 52.0625rem) {
  .portfolio__slider .slider__content {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    position: relative;
  }
  .portfolio__slider .slider__content:has(.slick-initialized) {
    padding-bottom: 2.625rem;
  }
}
@media only screen and (max-width: 37.25rem) {
  .portfolio__slider .slider__content {
    width: calc(100% + var(--padding) * 2);
    max-width: calc(100% + var(--padding) * 2);
    margin-inline: calc(var(--padding) * -1);
  }
}
.portfolio__slider .slider__content .content__arrow {
  width: var(--slider__content__arrow__width);
  min-width: var(--slider__content__arrow__width);
  height: auto;
  aspect-ratio: 1;
  margin-block: auto;
  cursor: pointer;
}
@media only screen and (max-width: 52.0625rem) {
  .portfolio__slider .slider__content .content__arrow {
    display: none;
  }
}
.portfolio__slider .slider__content .content__arrow:not(.slick-arrow) {
  opacity: 0;
  visibility: hidden;
}
.portfolio__slider .slider__content .content__arrow svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
}
@media (hover: hover) {
  .portfolio__slider .slider__content .content__arrow svg:hover {
    background-color: var(--primary-900);
    color: var(--neutral-100);
  }
}
.portfolio__slider .slider__content .content__arrow svg path {
  stroke: currentColor;
}
.portfolio__slider .slider__content .content__items {
  max-width: 100%;
}
.portfolio__slider .slider__content .content__items:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
}
.portfolio__slider .slider__content .content__items:not(.slick-initialized) > *:nth-child(n+3) {
  display: none;
}
.portfolio__slider .slider__content .content__items .slick-track {
  display: flex !important;
}
.portfolio__slider .slider__content .content__items .slick-track .slick-slide {
  height: inherit !important;
}
.portfolio__slider .slider__content .content__items {
  margin: 0;
}
@media only screen and (max-width: 83.4375rem) {
  .portfolio__slider .slider__content .content__items:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    overflow: hidden;
  }
  .portfolio__slider .slider__content .content__items:not(.slick-initialized) > *:nth-child(n+2) {
    display: none;
  }
}
@media only screen and (min-width: 52.125rem) {
  .portfolio__slider .slider__content .content__items {
    grid-column: 2;
  }
}
.portfolio__slider .slider__content .content__items .slick-slide, .portfolio__slider .slider__content .content__items > div:not(.slick-list) {
  padding-inline: var(--slider__content__gap);
}
@media only screen and (max-width: 37.25rem) {
  .portfolio__slider .slider__content .content__items .slick-list {
    padding-inline: 2.25rem;
  }
}
.portfolio__slider .slider__content .slick-dots li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.portfolio__slider .slider__content .slick-dots li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  position: unset;
  padding-left: unset;
}
.portfolio__slider .slider__content .slick-dots {
  width: 100%;
  max-width: var(--content-max);
  margin-inline: auto;
  padding-inline: var(--padding);
  bottom: -2.625rem;
  line-height: unset;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
}
.portfolio__slider .slider__content .slick-dots li {
  --dots__width: 1.75rem;
  --dots__opacity: 0.2;
  width: var(--dots__width);
  height: 0.125rem;
  background-color: var(--primary-900);
  margin: 0 0.25rem;
  opacity: var(--dots__opacity);
  transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out, min-width 0.3s ease-in-out, height 0.3s ease-in-out;
}
.portfolio__slider .slider__content .slick-dots li.slick-active {
  --dots__width: 4rem;
  --dots__opacity: 1;
}
.portfolio__slider .slider__content .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
}
.portfolio__slider .slider__content .slick-dots li button::before {
  content: none;
}

.portfolio._card {
  display: flex;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.portfolio._card .portfolio__photo {
  display: flex;
  flex: 1;
}
.portfolio._card .portfolio__photo img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: scale-down;
}

.manufacturers__showcase {
  --showcase__padding-block: clamp(6.25rem, 0.5308rem + 6.8493vw, 8.75rem);
  --showcase__photo__width: clamp(35rem, 0.6849rem + 41.0959vw, 50rem);
  --showcase__photo__aspect-ratio: 1.7777777778;
  --showcase__col-gap: clamp(2.75rem, -0.1096rem + 3.4247vw, 4rem);
  --showcase__row-gap: clamp(2rem, 0.9617rem + 1.992vw, 2.625rem);
  --showcase__manufacturer__width: clamp(10rem, 0.2774rem + 11.6438vw, 14.25rem);
  --showcase__manufacturer__aspect-ratio: 2;
}
@media only screen and (max-width: 52.0625rem) {
  .manufacturers__showcase {
    --showcase__padding-block: clamp(5rem, 4.0506rem + 4.2194vw, 6.25rem);
    --showcase__row-gap: clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
  }
}
.manufacturers__showcase {
  padding-block: var(--showcase__padding-block);
}
.manufacturers__showcase .wrap {
  display: grid;
  grid-gap: var(--showcase__row-gap) var(--showcase__col-gap);
  grid-template-columns: minmax(0, var(--showcase__photo__width)) minmax(0, 1fr);
}
.manufacturers__showcase .wrap:not(:has(.showcase__manufacturer)) {
  grid-template-areas: "photo text" "photo text";
}
@media only screen and (max-width: 83.4375rem) {
  .manufacturers__showcase .wrap:not(:has(.showcase__manufacturer)) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "photo" "text";
  }
}
@media only screen and (max-width: 52.0625rem) {
  .manufacturers__showcase .wrap:not(:has(.showcase__manufacturer)) {
    grid-template-areas: "text" "photo";
  }
}
.manufacturers__showcase .wrap:not(:has(.showcase__manufacturer)) .showcase__text {
  margin-block: auto;
}
.manufacturers__showcase .wrap:has(.showcase__manufacturer) {
  grid-template-areas: "photo manufacturer" "photo text";
}
@media only screen and (max-width: 83.4375rem) {
  .manufacturers__showcase .wrap:has(.showcase__manufacturer) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "manufacturer" "photo" "text";
  }
}
@media only screen and (max-width: 52.0625rem) {
  .manufacturers__showcase .wrap:has(.showcase__manufacturer) {
    grid-template-areas: "manufacturer" "text" "photo";
  }
}
@media only screen and (max-width: 83.4375rem) {
  .manufacturers__showcase .wrap > * {
    max-width: 40rem;
    margin-inline: auto;
  }
}
.manufacturers__showcase .showcase__photo {
  width: 100%;
  height: auto;
  aspect-ratio: var(--showcase__photo__aspect-ratio);
  grid-area: photo;
  margin-block: auto;
  position: relative;
}
@media only screen and (max-width: 52.0625rem) {
  .manufacturers__showcase .showcase__photo {
    margin-top: 1rem;
  }
}
.manufacturers__showcase .showcase__photo._video::before {
  background-color: var(--primary-900);
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  opacity: 0.5;
}
.manufacturers__showcase .showcase__photo._video::after {
  --icon__width: clamp(3.9375rem, 0.0771rem + 4.6233vw, 5.625rem);
}
@media only screen and (max-width: 83.4375rem) {
  .manufacturers__showcase .showcase__photo._video::after {
    --icon__width: clamp(3.1875rem, 2.1907rem + 4.4304vw, 4.5rem);
  }
}
.manufacturers__showcase .showcase__photo._video::after {
  display: flex;
  content: "";
  background-image: url("../images/icons/youtube_90x90.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;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.manufacturers__showcase .showcase__photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.manufacturers__showcase .showcase__manufacturer {
  display: flex;
  width: var(--showcase__manufacturer__width);
  height: auto;
  aspect-ratio: var(--showcase__manufacturer__aspect-ratio);
  margin-top: auto;
  grid-area: manufacturer;
}
.manufacturers__showcase .showcase__manufacturer img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.manufacturers__showcase .showcase__text {
  margin-bottom: auto;
  grid-area: text;
}
.manufacturers__showcase .showcase__text p, .manufacturers__showcase .showcase__text .p {
  color: var(--primary-900);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 300;
  line-height: clamp(1.5rem, 1.214rem + 0.3425vw, 1.625rem);
}
@media only screen and (max-width: 83.4375rem) {
  .manufacturers__showcase .showcase__text p, .manufacturers__showcase .showcase__text .p {
    font-size: clamp(0.9375rem, 0.9144rem + 0.1025vw, 1rem);
  }
}
.manufacturers__showcase .showcase__text p:not(:first-child), .manufacturers__showcase .showcase__text .p:not(:first-child) {
  margin-top: 1lh;
}

.status {
  --status__background-color: transparent;
  --status__content__max-width: 62.5rem;
  --status__icon__width: clamp(7.5rem, 3.7825rem + 4.4521vw, 9.125rem);
  --status__icon__aspect-ratio: 1;
  --status__padding-top: clamp(4rem, 1.7123rem + 2.7397vw, 5rem);
  --status__padding-bottom: clamp(6.25rem, 0.5308rem + 6.8493vw, 8.75rem);
}
@media only screen and (max-width: 52.0625rem) {
  .status {
    --status__padding-top: clamp(2.5rem, 1.3608rem + 5.0633vw, 4rem);
    --status__padding-bottom: clamp(5rem, 4.0506rem + 4.2194vw, 6.25rem);
  }
}
.status {
  background-color: var(--status__background-color);
  padding-top: var(--status__padding-top);
  padding-bottom: var(--status__padding-bottom);
  border-top: 0.0625rem solid var(--other-divider-300);
  flex: 1;
}
.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-900);
  font-size: clamp(1.375rem, -0.0548rem + 1.7123vw, 2rem);
  font-weight: 500;
  line-height: clamp(1.625rem, -1.5205rem + 3.7671vw, 3rem);
}
@media only screen and (max-width: 83.4375rem) {
  .status h1, .status .h1 {
    font-size: clamp(1.125rem, 1.0328rem + 0.4098vw, 1.375rem);
  }
}
.status h1, .status .h1 {
  margin-top: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  text-wrap: balance;
}
.status .status__info, .status p, .status .p {
  margin-top: 1rem;
}
.status .status__info {
  color: var(--primary-500);
  font-size: clamp(1.125rem, 0.5531rem + 0.6849vw, 1.375rem);
  font-weight: 500;
  line-height: clamp(1.625rem, 0.7671rem + 1.0274vw, 2rem);
}
@media only screen and (max-width: 83.4375rem) {
  .status .status__info {
    font-size: clamp(1.0625rem, 1.0394rem + 0.1025vw, 1.125rem);
  }
}
.status p, .status .p {
  font-size: clamp(1rem, 0.4281rem + 0.6849vw, 1.25rem);
  font-weight: 300;
  line-height: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
}
@media only screen and (max-width: 83.4375rem) {
  .status p, .status .p {
    font-size: clamp(0.9375rem, 0.9144rem + 0.1025vw, 1rem);
  }
}
.status .button {
  --button__height: 4rem;
  --button__padding-inline: clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
  --button__max-width: 21.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .status .button {
    --button__max-width: 100%;
  }
}
.status .button {
  max-width: var(--button__max-width);
  height: var(--button__height);
  margin-top: 2rem;
}
.status._search {
  --status__icon__image: url(../images/icons/no-results_146x146.svg);
}
.status._search .button {
  --button__height: clamp(3.25rem, 1.5342rem + 2.0548vw, 4rem);
}
@media only screen and (max-width: 52.0625rem) {
  .status._search .button {
    --button__height: clamp(2.875rem, 2.5902rem + 1.2658vw, 3.25rem);
  }
}
.status._error {
  --status__icon__image: url(../images/icons/error_428x180.svg);
  --status__icon__width: clamp(13.375rem, 3.2168rem + 45.1477vw, 26.75rem);
  --status__icon__aspect-ratio: 2.3777777778;
  --status__padding-top: clamp(2.5rem, 0.6013rem + 8.4388vw, 5rem);
}
.status._error h1, .status._error .h1 {
  color: var(--primary-500);
  font-size: clamp(2rem, -0.8596rem + 3.4247vw, 3.25rem);
  font-weight: 400;
  line-height: clamp(2.5rem, -0.9315rem + 4.1096vw, 4rem);
}
@media only screen and (max-width: 83.4375rem) {
  .status._error h1, .status._error .h1 {
    font-size: clamp(1.5rem, 1.3156rem + 0.8197vw, 2rem);
    line-height: clamp(2rem, 1.8156rem + 0.8197vw, 2.5rem);
  }
}
.status._error h1, .status._error .h1 {
  margin-top: 2rem;
}
.status._checkout {
  --status__icon__image: url(../images/icons/checkout-success_146x146.svg);
}
.status._checkout h1, .status._checkout .h1 {
  color: var(--primary-500);
  font-size: clamp(2rem, -0.8596rem + 3.4247vw, 3.25rem);
  font-weight: 400;
  line-height: clamp(2.5rem, -0.9315rem + 4.1096vw, 4rem);
}
@media only screen and (max-width: 83.4375rem) {
  .status._checkout h1, .status._checkout .h1 {
    font-size: clamp(1.5rem, 1.3156rem + 0.8197vw, 2rem);
    line-height: clamp(2rem, 1.8156rem + 0.8197vw, 2.5rem);
  }
}
.status._checkout .status__info {
  color: var(--primary-900);
  font-size: clamp(1rem, 0.4281rem + 0.6849vw, 1.25rem);
  font-weight: 300;
  line-height: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
}
@media only screen and (max-width: 83.4375rem) {
  .status._checkout .status__info {
    font-size: clamp(0.9375rem, 0.9144rem + 0.1025vw, 1rem);
  }
}
.status._success {
  --status__icon__image: url(../images/icons/success_146x146.svg);
}

.addresses._card {
  --addresses__background-color: var(--surfaces-25);
  --addresses__input__width: 1.75rem;
  --addresses__input__margin: 0.125rem;
  --addresses__input__max-width: calc(var(--addresses__input__width) - (var(--addresses__input__margin) * 2));
  --addresses__input__color: var(--primary-900);
  --addresses__input__before__width: 0.375rem;
  --addresses__input__before__opacity: 0;
  --addresses__color: var(--secondary-400);
  --addresses__description__color: var(--secondary-400);
  --addresses__main__background-color: var(--secondary-400);
  --addresses__content__opacity: 0.5;
  --addresses__columns: minmax(0, var(--addresses__input__width)) repeat(2, auto);
}
@media only screen and (max-width: 52.0625rem) {
  .addresses._card {
    --addresses__columns: minmax(0, var(--addresses__input__width)) minmax(0, 1fr);
  }
}
.addresses._card {
  display: grid;
  grid-gap: 1rem clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
  grid-template-columns: var(--addresses__columns);
  background-color: var(--addresses__background-color);
  padding: 1.5rem clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.addresses._card:not(:has(.addresses__actions)) {
  grid-template-areas: "input main main" "input text text";
}
@media only screen and (max-width: 52.0625rem) {
  .addresses._card:not(:has(.addresses__actions)) {
    grid-template-areas: "input main" "input text";
  }
}
.addresses._card:has(.addresses__actions) {
  grid-template-areas: "input main actions" "input text text";
}
@media only screen and (max-width: 52.0625rem) {
  .addresses._card:has(.addresses__actions) {
    grid-template-areas: "input main" "input text" "input actions";
  }
}
.addresses._card:has(input:checked) {
  --addresses__background-color: var(--surfaces-500);
  --addresses__input__color: var(--primary-500);
  --addresses__input__before__opacity: 1;
  --addresses__color: var(--primary-900);
  --addresses__main__background-color: var(--primary-500);
  --addresses__content__opacity: 1;
}
.addresses._card > label {
  background-color: unset;
  position: absolute;
  inset: 0;
  z-index: 1;
}
.addresses._card input[type=radio] {
  width: var(--addresses__input__max-width);
  min-width: var(--addresses__input__max-width);
  height: auto;
  aspect-ratio: 1;
  background-color: var(--neutral-100);
  margin: var(--addresses__input__margin);
  border-radius: 50%;
  border: 0.125rem solid var(--addresses__input__color);
  position: relative;
  grid-area: input;
  align-self: center;
}
.addresses._card input[type=radio]::before {
  width: var(--addresses__input__before__width);
  height: auto;
  aspect-ratio: 1;
  background-color: var(--addresses__input__color);
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  opacity: var(--addresses__input__before__opacity);
}
.addresses._card .addresses__main,
.addresses._card .addresses__actions,
.addresses._card .addresses__text {
  opacity: var(--addresses__content__opacity);
}
.addresses._card .addresses__main {
  max-width: max-content;
  background-color: var(--addresses__main__background-color);
  color: var(--neutral-100);
  font-size: clamp(0.75rem, 0.464rem + 0.3425vw, 0.875rem);
  font-weight: 400;
  line-height: 1.25rem;
}
.addresses._card .addresses__main {
  padding-block: 0.375rem;
  padding-inline: 0.5rem;
  grid-area: main;
}
.addresses._card .addresses__actions {
  --actions__justify-content: flex-end;
}
@media only screen and (max-width: 52.0625rem) {
  .addresses._card .addresses__actions {
    --actions__justify-content: flex-start;
  }
}
.addresses._card .addresses__actions {
  display: flex;
  justify-content: var(--actions__justify-content);
  align-items: center;
  pointer-events: none;
  position: relative;
  z-index: 1;
  grid-area: actions;
}
@media only screen and (max-width: 52.0625rem) {
  .addresses._card .addresses__actions {
    padding-top: 0.5rem;
  }
}
.addresses._card .addresses__actions > * {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--primary-900);
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .addresses._card .addresses__actions > * {
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.addresses._card .addresses__actions > * {
  cursor: pointer;
  pointer-events: auto;
  position: relative;
  z-index: 2;
}
.addresses._card .addresses__actions > *:not(:first-child) {
  --actions__gap: clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
  margin-left: var(--actions__gap);
  padding-left: var(--actions__gap);
  border-left: 0.0625rem solid var(--primary-900);
}
@media only screen and (max-width: 22.4375rem) {
  .addresses._card .addresses__actions > *:not(:first-child) {
    border-left: 0;
    padding-left: 0;
  }
}
@media (hover: hover) {
  .addresses._card .addresses__actions > *:hover {
    color: var(--primary-500);
  }
}
.addresses._card .addresses__actions > * svg {
  --icon__width: 1.5rem;
}
@media only screen and (max-width: 22.4375rem) {
  .addresses._card .addresses__actions > * svg {
    --icon__width: 1rem;
  }
}
.addresses._card .addresses__actions > * svg {
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
}
.addresses._card .addresses__actions > * svg path {
  stroke: currentColor;
}
.addresses._card .addresses__text {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  grid-area: text;
}
.addresses._card .text__title {
  color: var(--primary);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .addresses._card .text__title {
    font-size: clamp(0.8125rem, 0.7664rem + 0.2049vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.addresses._card .text__description {
  display: flex;
  flex-direction: column;
  color: var(--addresses__description__color);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
.addresses._card .text__description > span span {
  color: var(--addresses__color);
}

.notification {
  background-color: var(--neutral-100);
  width: 100%;
  position: fixed;
  z-index: 1000;
  left: 0;
  bottom: clamp(0rem, -1.4241rem + 6.3291vw, 1.875rem);
  box-shadow: var(--shadow-1);
}
.notification .content {
  width: 100%;
  display: flex;
  align-items: baseline;
  padding-block: clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.notification .content::before {
  --icon__width: clamp(1.75rem, 1.2278rem + 2.3207vw, 2.4375rem);
  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: clamp(0.5rem, -0.2595rem + 3.3755vw, 1.5rem);
}
.notification .content > p, .notification .content > .p {
  color: var(--notification__color);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 400;
  line-height: clamp(1.5rem, 1.214rem + 0.3425vw, 1.625rem);
}
@media only screen and (max-width: 83.4375rem) {
  .notification .content > p, .notification .content > .p {
    font-size: clamp(0.9375rem, 0.9144rem + 0.1025vw, 1rem);
  }
}
.notification .content > p, .notification .content > .p {
  margin-block: auto;
  margin-right: auto;
}
.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;
  color: var(--primary-900);
  margin-block: auto;
}
@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__icon: url(../images/icons/check-circle_39x39.svg);
  --notification__color: var(--other-success-700);
}
.notification._error {
  --notification__icon: url(../images/icons/info-circle_39x39.svg);
  --notification__color: var(--other-error-700);
}

.pswp .pswp__img {
  background-color: var(--neutral-100);
}

input[name=email_confirm] {
  display: 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;
}

.product__hero .specs__description + .specs__list {
  margin-top: 35px;
}
.product__hero .calculator__method .choices__item._error input {
  border-color: #C70000;
}
.product__hero .calculator__method .form__area._error {
  border-color: #C70000;
}

.no-click {
  pointer-events: none;
  cursor: default;
}

.hero._text .hero__tips .tips__item.filter__tag {
  cursor: pointer;
}
.hero._text .hero__tips .tips__item.filter__tag._active {
  color: var(--primary-500);
}

body .content__aside .aside__block:has(.aside__addresses) .aside__form {
  display: block;
  margin-top: 2.5rem;
}

.manufacturers__showcase .showcase__photo._video:hover {
  cursor: pointer;
}
.manufacturers__showcase iframe {
  display: block;
}

.page_contacts .info__text strong {
  color: var(--primary-900);
  font-weight: inherit;
}

.product__hero .gallery__gift .text__description > p {
  color: var(--primary-500);
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: clamp(0.8125rem, 0.6695rem + 0.1712vw, 0.875rem);
  line-height: 1.25rem;
}

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

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

.layout {
  --layout__padding-block: clamp(6.25rem, 0.5308rem + 6.8493vw, 8.75rem);
  --layout__main__width: clamp(56.5rem, 15.6079rem + 48.9726vw, 74.375rem);
  --after__top: clamp(26.0625rem, -1.6755rem + 33.2192vw, 38.1875rem);
}
@media only screen and (max-width: 52.0625rem) {
  .layout {
    --layout__padding-block: clamp(5rem, 4.0506rem + 4.2194vw, 6.25rem);
  }
}
.layout {
  border-top: 0.0625rem solid var(--other-divider-300);
  padding-block: var(--layout__padding-block);
}
@media only screen and (min-width: 83.5rem) {
  .layout {
    position: relative;
    overflow: hidden;
    z-index: 1;
  }
  .layout:not(:has(.layout__sidebar))::after {
    --after__width: clamp(9.625rem, -16.9692rem + 31.8493vw, 21.25rem);
    --after__aspect-ratio: 0.4473684211;
    display: flex;
    content: "";
    background-image: url("../images/backgrounds/category/triangle/340x760/image_1.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: var(--after__width);
    min-width: var(--after__width);
    height: auto;
    aspect-ratio: var(--after__aspect-ratio);
    position: absolute;
    z-index: -1;
    top: var(--after__top);
    left: 0;
  }
}
@media only screen and (min-width: 83.5rem) and (max-width: 83.4375rem) {
  .layout:not(:has(.layout__sidebar))::after {
    display: none;
  }
}
.layout .wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
.layout:has(.layout__sidebar) .wrap {
  --wrap__gap: clamp(2.1875rem, -12.8253rem + 17.9795vw, 8.75rem);
}
@media only screen and (max-width: 52.0625rem) {
  .layout:has(.layout__sidebar) .wrap {
    --wrap__gap: clamp(1.5rem, 0.9778rem + 2.3207vw, 2.1875rem);
  }
}
.layout:has(.layout__sidebar) .wrap {
  display: grid;
  grid-gap: var(--wrap__gap);
  grid-template-columns: minmax(0, 19.125rem) minmax(0, 1fr);
}
@media only screen and (max-width: 83.4375rem) {
  .layout:has(.layout__sidebar) .wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}
.layout:has(.product._card._floor) {
  --layout__main__width: clamp(56.0625rem, 1.3014rem + 65.5822vw, 80rem);
}
@media only screen and (max-width: 52.0625rem) {
  .layout:has(.product._card._floor) {
    --layout__main__width: 36.75rem;
  }
}
.layout:has(.product._card._floor):has(.layout__sidebar) .wrap {
  --wrap__gap: clamp(2.5rem, 0.4983rem + 2.3973vw, 3.375rem);
}
.layout._search::after {
  top: -1.75rem;
  right: 0;
  left: unset;
  transform: rotate(180deg);
}
.layout._search .layout__main {
  margin-left: 0;
}
.layout .layout__sidebar {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-height: max-content;
}
@media only screen and (max-width: 83.4375rem) {
  .layout .layout__sidebar h4, .layout .layout__sidebar .h4 {
    text-align: center;
  }
}
.layout .sidebar__filter {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 83.4375rem) {
  .layout .sidebar__filter {
    display: none;
  }
}
.layout .sidebar__filter .filter__close {
  display: none;
}
@media only screen and (max-width: 83.4375rem) {
  .layout .sidebar__filter .filter__close {
    display: flex;
  }
}
.layout .sidebar__filter .button {
  margin-top: 2rem;
}
.layout .sidebar__filter .button + .button {
  margin-top: 1rem;
}
.layout .sidebar__filter .filter__group:not(:nth-child(1)):not(:nth-child(2)) {
  margin-top: 2.5rem;
}
.layout .sidebar__filter .filter__group > input {
  display: none;
}
.layout .sidebar__filter .filter__group > input:checked ~ .group__heading {
  padding-bottom: 1rem;
}
.layout .sidebar__filter .filter__group > input:checked ~ .group__heading svg path:nth-child(2) {
  display: none;
}
.layout .sidebar__filter .filter__group > input:checked ~ .group__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.layout .sidebar__filter .filter__group .group__heading {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
  color: inherit;
}
@media (hover: hover) {
  .layout .sidebar__filter .filter__group .group__heading:hover {
    color: var(--primary-500);
  }
}
.layout .sidebar__filter .filter__group .group__heading {
  color: var(--primary-900);
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: 0.1875rem;
}
@media only screen and (max-width: 83.4375rem) {
  .layout .sidebar__filter .filter__group .group__heading {
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
    letter-spacing: clamp(0.125rem, 0.1019rem + 0.1025vw, 0.1875rem);
  }
}
.layout .sidebar__filter .filter__group .group__heading {
  text-transform: uppercase;
  cursor: pointer;
}
.layout .sidebar__filter .filter__group .group__heading svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.layout .sidebar__filter .filter__group .group__heading svg path {
  stroke: currentColor;
}
.layout .sidebar__filter .filter__group .group__list {
  display: none;
}
.layout .sidebar__filter .filter__group .category__link {
  --link__gap: 0.75rem;
  color: inherit;
}
@media (hover: hover) {
  .layout .sidebar__filter .filter__group .category__link:hover {
    color: var(--primary-500);
  }
}
.layout .sidebar__filter .filter__group .category__link {
  display: flex;
  align-items: center;
  gap: var(--link__gap);
  color: var(--primary-900);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .layout .sidebar__filter .filter__group .category__link {
    font-size: clamp(0.8125rem, 0.7664rem + 0.2049vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.layout .sidebar__filter .filter__group .category__link {
  text-decoration: none;
}
.layout .sidebar__filter .filter__group .category__link .link__icon {
  --icon__width: 3rem;
  display: flex;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
}
.layout .sidebar__filter .filter__group .category__link .link__icon svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.layout .sidebar__filter .filter__group .category__link .link__icon svg path[fill] {
  fill: currentColor;
}
.layout .sidebar__filter .filter__group .category__link .link__icon svg path[stroke] {
  stroke: currentColor;
}
.layout .sidebar__filter .filter__group:has(.category__link) {
  border-block: 0.0625rem solid var(--other-divider-300);
  padding-block: 2.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .layout .sidebar__filter .filter__group:has(.category__link) {
    border-top: 0;
    padding-top: 0;
  }
}
.layout .sidebar__filter .filter__range {
  --range__border: var(--other-divider-500);
  --range__text__color: var(--primary-900);
  --range__background: var(--neutral-100);
  --range__slider__background: var(--primary-900);
  --range__slider__progress__background: var(--primary-900);
}
.layout .sidebar__filter .filter__range .range__fields {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 1.375rem;
}
.layout .sidebar__filter .filter__range .range__fields .field {
  --field__padding-inline: 0.875rem;
  display: flex;
  align-items: center;
  position: relative;
}
.layout .sidebar__filter .filter__range .range__fields .field::after {
  color: var(--range__text__color);
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .layout .sidebar__filter .filter__range .range__fields .field::after {
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.layout .sidebar__filter .filter__range .range__fields .field::after {
  content: "€";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: var(--field__padding-inline);
}
.layout .sidebar__filter .filter__range .range__fields .field input {
  color: var(--range__text__color);
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .layout .sidebar__filter .filter__range .range__fields .field input {
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.layout .sidebar__filter .filter__range .range__fields .field input {
  width: 7.5rem;
  height: 2.375rem;
  background-color: var(--range__background);
  outline: none;
  text-align: left;
  border: 0.0625rem solid var(--range__border);
  -moz-appearance: textfield;
  padding-left: var(--field__padding-inline);
  padding-right: calc(var(--field__padding-inline) * 2);
}
.layout .sidebar__filter .filter__range .range__fields .field input[type=number]::-webkit-outer-spin-button,
.layout .sidebar__filter .filter__range .range__fields .field input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.layout .sidebar__filter .filter__range .range__slider {
  --slider__border-radius: 9.375rem;
  height: 0.125rem;
  position: relative;
  border-radius: var(--slider__border-radius);
}
.layout .sidebar__filter .filter__range .range__slider::before {
  background-color: var(--range__slider__background);
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.2;
  border-radius: var(--slider__border-radius);
}
.layout .sidebar__filter .filter__range .range__slider .progress {
  background-color: var(--range__slider__progress__background);
  height: 100%;
  position: absolute;
  border-radius: var(--slider__border-radius);
}
.layout .sidebar__filter .filter__range .range__input {
  --thumb__width: 0.875rem;
  position: relative;
  z-index: 1;
}
.layout .sidebar__filter .filter__range .range__input input {
  width: 100%;
  height: 0.0625rem;
  position: absolute;
  top: 0rem;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.layout .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__slider__progress__background);
  border-radius: 50%;
  pointer-events: auto;
  -webkit-appearance: none;
  box-sizing: border-box;
  cursor: pointer;
}
.layout .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__slider__progress__background);
  border-radius: 50%;
  pointer-events: auto;
  -webkit-appearance: none;
  box-sizing: border-box;
  cursor: pointer;
}
.layout .layout__main {
  width: var(--layout__main__width);
  max-width: 100%;
  margin-inline: auto;
}

.hero + .layout,
.category__list + .layout,
.category__subcategories + .layout {
  border-top: 0;
}

.hero._text + .layout,
.category__subcategories + .layout {
  padding-top: 0;
}

body:has(#filter__popup:checked) .layout .sidebar__filter {
  display: flex;
  flex-direction: column;
  background-color: var(--neutral-100);
  max-height: 100%;
  position: fixed;
  overflow-y: auto;
  inset: 0;
  z-index: 12;
}
body:has(#filter__popup:checked) .layout .sidebar__filter .filter__close {
  width: 2rem;
  min-width: 2rem;
  height: auto;
  aspect-ratio: 1;
  color: inherit;
}
@media (hover: hover) {
  body:has(#filter__popup:checked) .layout .sidebar__filter .filter__close:hover {
    color: var(--primary-500);
  }
}
body:has(#filter__popup:checked) .layout .sidebar__filter .filter__close {
  margin-top: 1.5rem;
  margin-left: auto;
  margin-right: var(--padding);
  margin-bottom: 1rem;
  color: var(--primary-900);
  cursor: pointer;
}
body:has(#filter__popup:checked) .layout .sidebar__filter .filter__close svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
body:has(#filter__popup:checked) .layout .sidebar__filter .filter__close svg path {
  stroke: currentColor;
}
body:has(#filter__popup:checked) .layout .sidebar__filter .filter__group {
  width: calc(100% - var(--padding) * 2);
  margin-inline: var(--padding);
}
body:has(#filter__popup:checked) .layout .sidebar__filter .filter__actions {
  background-color: var(--neutral-100);
  display: flex;
  flex-direction: row-reverse;
  gap: 1rem;
  padding: var(--padding);
  position: sticky;
  bottom: 0;
  margin-top: auto;
  box-shadow: var(--shadow-1);
}
body:has(#filter__popup:checked) .layout .sidebar__filter .filter__actions .button {
  height: clamp(3.25rem, 2.6804rem + 2.5316vw, 4rem);
  margin: 0;
  padding-inline: 0.625rem;
}

.homepage__hero .slick-track {
  display: flex !important;
}
.homepage__hero .slick-track .slick-slide {
  height: inherit !important;
}
.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;
}
.homepage__hero {
  margin: 0 !important;
}
.homepage__hero .slick-slide, .homepage__hero > div:not(.slick-list) {
  display: flex;
}
.homepage__hero .hero__slide {
  --hero__background-image: var(--desktop-image);
  --hero__aspect-ratio: 2.1333333333;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .hero__slide {
    --hero__background-image: var(--mobile-image);
    --hero__aspect-ratio: 0.5141800247;
  }
}
.homepage__hero .hero__slide {
  width: 100%;
  height: auto;
  max-height: 100dvh;
  aspect-ratio: var(--hero__aspect-ratio);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  background-image: var(--hero__background-image);
  position: relative;
  z-index: 1;
  flex: 1;
}
.homepage__hero .hero__slide::before {
  --before__height: 17.4375rem;
}
@media only screen and (max-width: 83.4375rem) {
  .homepage__hero .hero__slide::before {
    --before__height: clamp(10.8125rem, -0.194rem + 21.1155vw, 17.4375rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .hero__slide::before {
    --before__height: 17.4375rem;
  }
}
.homepage__hero .hero__slide::before {
  width: 100%;
  height: var(--before__height);
  content: "";
  background: var(--other-gradient-500);
  position: absolute;
  z-index: -1;
  top: 0;
  opacity: 0.55;
}
.homepage__hero .hero__slide::after {
  --after__height: clamp(28.5625rem, -11.0428rem + 47.4315vw, 45.875rem);
}
@media only screen and (max-width: 83.4375rem) {
  .homepage__hero .hero__slide::after {
    --after__height: clamp(17.5rem, -0.8787rem + 35.259vw, 28.5625rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .hero__slide::after {
    --after__height: 27.5625rem;
  }
}
.homepage__hero .hero__slide::after {
  width: 100%;
  height: var(--after__height);
  content: "";
  background: var(--other-gradient-500);
  position: absolute;
  z-index: -1;
  bottom: 0;
  opacity: 0.6;
  transform: rotate(180deg);
}
.homepage__hero .wrap {
  display: flex;
  flex: 1;
}
.homepage__hero .wrap::before {
  --before__width: clamp(16.875rem, -9.2902rem + 31.3356vw, 28.3125rem);
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .wrap::before {
    --before__width: clamp(11.625rem, -0.0047rem + 51.6878vw, 26.9375rem);
  }
}
.homepage__hero .wrap::before {
  width: var(--before__width);
  height: 100%;
  background-image: url("../images/backgrounds/homepage/hero/triangle/453x899/image_1.svg");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: cover;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
}
@media only screen and (max-width: 83.4375rem) {
  .homepage__hero .wrap::before {
    content: none;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .wrap::before {
    height: auto;
    aspect-ratio: 0.5038932147;
    content: "";
    top: clamp(4.5rem, 0.038rem + 19.8312vw, 10.375rem);
    bottom: unset;
  }
}
.homepage__hero .slide__text {
  --text__padding-block: clamp(4.0313rem, 3.8168rem + 0.2568vw, 4.125rem);
  --text__gap: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 83.4375rem) {
  .homepage__hero .slide__text {
    --text__padding-block: clamp(3.625rem, 2.9501rem + 1.2948vw, 4.0313rem);
    --text__gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .slide__text {
    --text__padding-block: clamp(4.125rem, -6.9351rem + 49.1561vw, 18.6875rem);
  }
}
.homepage__hero .slide__text {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  gap: var(--text__gap);
  padding-block: var(--text__padding-block);
  flex: 1;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .slide__text {
    display: flex;
    align-items: center;
  }
}
.homepage__hero .text__content {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, -1.2877rem + 2.7397vw, 2rem);
  text-align: right;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .text__content {
    display: flex;
    align-items: center;
    text-align: center;
  }
}
.homepage__hero .content__heading-1 {
  color: var(--neutral-100);
  font-size: clamp(3rem, -2.1473rem + 6.1644vw, 5.25rem);
  font-weight: 300;
  line-height: clamp(3.625rem, -1.5223rem + 6.1644vw, 5.875rem);
}
@media only screen and (max-width: 83.4375rem) {
  .homepage__hero .content__heading-1 {
    font-size: clamp(2.25rem, 1.9734rem + 1.2295vw, 3rem);
    line-height: clamp(2.75rem, 2.4273rem + 1.4344vw, 3.625rem);
  }
}
.homepage__hero .content__heading-1 {
  text-wrap: balance;
}
.homepage__hero .content__heading-1 strong, .homepage__hero .content__heading-1 b {
  font-weight: 400;
}
.homepage__hero .content__heading-2 {
  color: var(--neutral-100);
  font-size: clamp(1.375rem, -0.0548rem + 1.7123vw, 2rem);
  font-weight: 300;
  line-height: clamp(1.625rem, -1.5205rem + 3.7671vw, 3rem);
  letter-spacing: clamp(0.125rem, -0.018rem + 0.1712vw, 0.1875rem);
}
@media only screen and (max-width: 83.4375rem) {
  .homepage__hero .content__heading-2 {
    font-size: clamp(1.125rem, 1.0328rem + 0.4098vw, 1.375rem);
  }
}
.homepage__hero .content__heading-2 {
  text-wrap: pretty;
}
.homepage__hero .button {
  height: clamp(3.25rem, 1.5342rem + 2.0548vw, 4rem);
}
.homepage__hero .slick-dots {
  --dots__bottom: clamp(1.5rem, 0.6693rem + 1.5936vw, 2rem);
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .slick-dots {
    --dots__bottom: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.homepage__hero .slick-dots li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.homepage__hero .slick-dots li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  position: unset;
  padding-left: unset;
}
.homepage__hero .slick-dots {
  width: 100%;
  max-width: var(--content-max);
  margin-inline: auto;
  padding-inline: var(--padding);
  bottom: var(--dots__bottom);
  line-height: unset;
  text-align: left;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .slick-dots {
    text-align: center;
  }
}
.homepage__hero .slick-dots li {
  --dots__width: clamp(4rem, 1.1404rem + 3.4247vw, 5.25rem);
  --dots__opacity: 0.4;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .slick-dots li {
    --dots__width: clamp(1.75rem, 0.0411rem + 7.5949vw, 4rem);
  }
}
.homepage__hero .slick-dots li {
  width: var(--dots__width);
  height: 0.125rem;
  background-color: var(--neutral-100);
  margin: 0 0.25rem;
  opacity: var(--dots__opacity);
  transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out, min-width 0.3s ease-in-out, height 0.3s ease-in-out;
}
.homepage__hero .slick-dots li.slick-active {
  --dots__width: clamp(10rem, -0.0086rem + 11.9863vw, 14.375rem);
  --dots__opacity: 1;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .slick-dots li.slick-active {
    --dots__width: clamp(4rem, -0.557rem + 20.2532vw, 10rem);
  }
}
.homepage__hero .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
}
.homepage__hero .slick-dots li button::before {
  content: none;
}

.homepage__services {
  --services__gap: clamp(1.125rem, -10.5993rem + 14.0411vw, 6.25rem);
  --services__padding-block: clamp(6.25rem, 0.5308rem + 6.8493vw, 8.75rem);
  --services__content__padding-right: clamp(3.125rem, -4.024rem + 8.5616vw, 6.25rem);
  --services__content__width: clamp(35rem, 26.4212rem + 10.274vw, 38.75rem);
  --services__content__width__actual: calc(var(--services__content__width) + var(--services__content__padding-right));
}
@media only screen and (max-width: 83.4375rem) {
  .homepage__services {
    --services__content__padding-right: clamp(0rem, -13.5085rem + 19.9203vw, 3.125rem);
  }
}
@media only screen and (max-width: 67.75rem) {
  .homepage__services {
    --services__gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.homepage__services {
  background-color: var(--surfaces-50);
}
.homepage__services .content {
  width: 100%;
  max-width: var(--content-max);
  margin-inline: auto;
  padding-block: var(--services__padding-block);
  position: relative;
  overflow: hidden;
}
.homepage__services .wrap {
  display: grid;
  grid-gap: var(--services__gap);
  grid-template-columns: minmax(0, 1fr) minmax(0, var(--services__content__width__actual));
}
@media only screen and (max-width: 67.75rem) {
  .homepage__services .wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}
.homepage__services .services__title {
  --services__title__max-width: clamp(21.25rem, -4.2003rem + 30.4795vw, 32.375rem);
}
@media only screen and (max-width: 67.75rem) {
  .homepage__services .services__title {
    --services__title__width: 22.5rem;
    --services__title__max-width: 34.1875rem;
  }
}
.homepage__services .services__title {
  width: 100%;
  max-width: var(--services__title__max-width);
  margin-left: auto;
}
@media only screen and (max-width: 67.75rem) {
  .homepage__services .services__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--services__gap);
    margin-right: auto;
  }
}
.homepage__services .services__title h2, .homepage__services .services__title .h2 {
  text-wrap: balance;
}
@media only screen and (max-width: 67.75rem) {
  .homepage__services .services__title h2, .homepage__services .services__title .h2 {
    max-width: var(--services__title__width);
    text-align: center;
  }
}
.homepage__services .services__title::after {
  --after__width: clamp(37rem, -3.6062rem + 48.6301vw, 54.75rem);
  --after__top: clamp(11.875rem, 16.3955rem + -3.7671vw, 13.25rem);
  --after__left: 0;
}
@media only screen and (max-width: 83.4375rem) {
  .homepage__services .services__title::after {
    --after__width: clamp(26rem, -21.5498rem + 70.1195vw, 37rem);
  }
}
@media only screen and (max-width: 67.75rem) {
  .homepage__services .services__title::after {
    --after__width: 100%;
  }
}
.homepage__services .services__title::after {
  display: flex;
  content: "";
  background-image: url("../images/backgrounds/homepage/services/triangle/876x721/image_1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--after__width);
  min-width: var(--after__width);
  height: auto;
  aspect-ratio: 1.2149791956;
}
@media only screen and (min-width: 67.8125rem) {
  .homepage__services .services__title::after {
    position: absolute;
    top: var(--after__top);
    left: var(--after__left);
  }
}
@media only screen and (max-width: 37.25rem) {
  .homepage__services .services__title::after {
    margin-left: calc(var(--padding) * -1);
    align-self: flex-start;
  }
}
.homepage__services .services__content {
  --content__gap: clamp(2.5rem, 1.3562rem + 1.3699vw, 3rem);
  --item__icon__width: clamp(5.375rem, 3.5163rem + 2.226vw, 6.1875rem);
  --item__gap: clamp(1rem, -1.519rem + 6.7511vw, 2rem);
}
@media only screen and (max-width: 67.75rem) {
  .homepage__services .services__content {
    --services__content__width: 35rem;
    --item__icon__width: clamp(5.25rem, 4.9351rem + 0.8439vw, 5.375rem);
  }
}
.homepage__services .services__content {
  display: flex;
  flex-direction: column;
  gap: var(--content__gap);
  padding-right: var(--services__content__padding-right);
}
@media only screen and (max-width: 67.75rem) {
  .homepage__services .services__content {
    width: 100%;
    max-width: var(--services__content__width);
    margin-inline: auto;
  }
}
.homepage__services .services__content .button {
  margin-left: calc(var(--item__icon__width) + var(--item__gap));
}
@media only screen and (max-width: 67.75rem) {
  .homepage__services .services__content .button {
    margin-inline: auto;
  }
}
.homepage__services .content__text {
  --text__gap: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: var(--text__gap);
}
.homepage__services .text__item {
  --item__padding-right: clamp(3.125rem, -3.595rem + 8.0479vw, 6.0625rem);
}
@media only screen and (max-width: 67.75rem) {
  .homepage__services .text__item {
    --item__padding-right: clamp(0rem, -3.823rem + 10.2459vw, 3.125rem);
  }
}
.homepage__services .text__item {
  display: grid;
  grid-gap: var(--text__gap) var(--item__gap);
  grid-template-columns: minmax(0, var(--item__icon__width)) minmax(0, 1fr);
  grid-template-areas: "icon title" "icon description";
  padding-right: var(--item__padding-right);
}
@media only screen and (max-width: 37.25rem) {
  .homepage__services .text__item {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.homepage__services .text__item:not(:last-child)::after {
  background-color: var(--primary-900);
  width: 0.0625rem;
  height: 2.875rem;
  margin-left: calc(var(--item__icon__width) / 2);
  grid-column: 1/-1;
  content: "";
}
@media only screen and (max-width: 37.25rem) {
  .homepage__services .text__item:not(:last-child)::after {
    margin-left: 0;
  }
}
.homepage__services .item__icon {
  width: var(--item__icon__width);
  min-width: var(--item__icon__width);
  height: auto;
  aspect-ratio: 1;
  display: flex;
  margin-block: auto;
  grid-area: icon;
}
.homepage__services .item__icon svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.homepage__services .item__title {
  color: var(--primary-900);
  font-size: clamp(1.125rem, 0.5531rem + 0.6849vw, 1.375rem);
  font-weight: 500;
  line-height: clamp(1.625rem, 0.7671rem + 1.0274vw, 2rem);
}
@media only screen and (max-width: 83.4375rem) {
  .homepage__services .item__title {
    font-size: clamp(1.0625rem, 1.0394rem + 0.1025vw, 1.125rem);
  }
}
.homepage__services .item__title {
  margin-top: auto;
  grid-area: title;
  text-wrap: balance;
}
@media only screen and (max-width: 37.25rem) {
  .homepage__services .item__title {
    text-align: center;
  }
}
.homepage__services .item__description {
  color: var(--secondary-500);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
.homepage__services .item__description {
  margin-bottom: auto;
  grid-area: description;
  text-wrap: pretty;
}
@media only screen and (max-width: 37.25rem) {
  .homepage__services .item__description {
    text-align: center;
  }
}

.homepage__image {
  --custom-padding: clamp(0.875rem, 7.8613rem + -5.8219vw, 3rem);
  --custom-content: clamp(78.3125rem, -13.0514rem + 109.4178vw, 118.25rem);
  --image__gap: clamp(0.25rem, -1.4658rem + 2.0548vw, 1rem);
  --image__col: repeat(3, minmax(0, 1fr));
  --image__width: 38.75rem;
  --image__aspect-ratio: 1.25;
  --image__padding-block: clamp(6.25rem, 0.5308rem + 6.8493vw, 8.75rem);
}
@media only screen and (max-width: 83.4375rem) {
  .homepage__image {
    --custom-padding: clamp(0.3125rem, -1.7286rem + 9.0717vw, 3rem);
    --image__gap: clamp(0.25rem, -0.3196rem + 2.5316vw, 1rem);
    --image__col: minmax(0, 1fr);
    --image__padding-block: clamp(5rem, 4.0506rem + 4.2194vw, 6.25rem);
  }
}
.homepage__image {
  padding-top: var(--image__padding-block);
}
.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;
}

.manufacturers__slider {
  --slider__padding-block: clamp(6.25rem, 0.5308rem + 6.8493vw, 8.75rem);
  --slider__padding-inline: 2.5rem;
  --slider__gap: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
  --slider__content__gap: 1rem;
  --slider__content__width: 100%;
  --slider__content__arrow__width: clamp(2.875rem, 2.0171rem + 1.0274vw, 3.25rem);
  --slider__content__items__width: calc(var(--slider__content__width) - (var(--slider__content__arrow__width) * 2) - (var(--slider__content__gap) * 2));
}
@media only screen and (max-width: 83.4375rem) {
  .manufacturers__slider {
    --slider__padding-block: clamp(5rem, 4.0506rem + 4.2194vw, 6.25rem);
    --slider__gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.manufacturers__slider ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.manufacturers__slider ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  position: unset;
  padding-left: unset;
}
.manufacturers__slider ul {
  list-style: none;
}
.manufacturers__slider a {
  text-decoration: none;
}
.manufacturers__slider {
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 52.0625rem) {
  .manufacturers__slider {
    display: none;
  }
}
.manufacturers__slider .content {
  background-color: var(--surfaces-25);
  padding-block: var(--slider__padding-block);
  padding-inline: var(--slider__padding-inline);
}
.manufacturers__slider .content {
  display: flex;
  flex-direction: column;
  gap: var(--slider__gap);
}
.manufacturers__slider .slider__header h2, .manufacturers__slider .slider__header .h2 {
  grid-area: title;
  text-align: center;
}
.manufacturers__slider .slider__content {
  --dots__bottom: clamp(4.125rem, 2.9812rem + 1.3699vw, 4.625rem);
  display: grid;
  grid-gap: var(--slider__content__gap);
  grid-template-columns: minmax(0, var(--slider__content__arrow__width)) minmax(0, 1fr) minmax(0, var(--slider__content__arrow__width));
  width: var(--slider__content__width);
  max-width: 100%;
  margin-inline: auto;
}
@media only screen and (max-width: 52.0625rem) {
  .manufacturers__slider .slider__content {
    width: calc(100% + var(--slider__content__gap) * 2);
    max-width: calc(100% + var(--slider__content__gap) * 2);
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    position: relative;
    margin-inline: calc(var(--slider__content__gap) * -1);
  }
}
.manufacturers__slider .slider__content:has(.slick-initialized) {
  padding-bottom: var(--dots__bottom);
}
.manufacturers__slider .slider__content .content__arrow {
  width: var(--slider__content__arrow__width);
  min-width: var(--slider__content__arrow__width);
  height: auto;
  aspect-ratio: 1;
  margin-block: auto;
  cursor: pointer;
}
@media only screen and (max-width: 52.0625rem) {
  .manufacturers__slider .slider__content .content__arrow {
    display: none;
  }
}
.manufacturers__slider .slider__content .content__arrow:not(.slick-arrow) {
  opacity: 0;
  visibility: hidden;
}
.manufacturers__slider .slider__content .content__arrow svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
}
@media (hover: hover) {
  .manufacturers__slider .slider__content .content__arrow svg:hover {
    background-color: var(--primary-900);
    color: var(--neutral-100);
  }
}
.manufacturers__slider .slider__content .content__arrow svg path {
  stroke: currentColor;
}
.manufacturers__slider .slider__content .content__items {
  max-width: 100%;
}
.manufacturers__slider .slider__content .content__items:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  overflow: hidden;
}
.manufacturers__slider .slider__content .content__items:not(.slick-initialized) > *:nth-child(n+7) {
  display: none;
}
.manufacturers__slider .slider__content .content__items .slick-track {
  display: flex !important;
}
.manufacturers__slider .slider__content .content__items .slick-track .slick-slide {
  height: inherit !important;
}
.manufacturers__slider .slider__content .content__items {
  margin: 0;
}
@media only screen and (max-width: 83.4375rem) {
  .manufacturers__slider .slider__content .content__items:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    overflow: hidden;
  }
  .manufacturers__slider .slider__content .content__items:not(.slick-initialized) > *:nth-child(n+6) {
    display: none;
  }
}
@media only screen and (max-width: 67.75rem) {
  .manufacturers__slider .slider__content .content__items:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
  }
  .manufacturers__slider .slider__content .content__items:not(.slick-initialized) > *:nth-child(n+5) {
    display: none;
  }
}
@media only screen and (min-width: 52.125rem) {
  .manufacturers__slider .slider__content .content__items {
    grid-column: 2;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .manufacturers__slider .slider__content .content__items:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
  }
  .manufacturers__slider .slider__content .content__items:not(.slick-initialized) > *:nth-child(n+4) {
    display: none;
  }
}
.manufacturers__slider .slider__content .content__items .slick-slide, .manufacturers__slider .slider__content .content__items > div:not(.slick-list) {
  padding-inline: var(--slider__content__gap);
}
.manufacturers__slider .slider__content .content__items .slick-slide > div:first-child {
  padding-bottom: 2rem;
}
.manufacturers__slider .slider__content .slick-dots li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.manufacturers__slider .slider__content .slick-dots li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  position: unset;
  padding-left: unset;
}
.manufacturers__slider .slider__content .slick-dots {
  width: 100%;
  max-width: var(--content-max);
  margin-inline: auto;
  padding-inline: var(--padding);
  bottom: calc(var(--dots__bottom) * -1);
  line-height: unset;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
}
.manufacturers__slider .slider__content .slick-dots li {
  --dots__width: 3.125rem;
  --dots__opacity: 0.2;
  width: var(--dots__width);
  height: 0.125rem;
  background-color: var(--primary-900);
  margin: 0 0.25rem;
  opacity: var(--dots__opacity);
  transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out, min-width 0.3s ease-in-out, height 0.3s ease-in-out;
}
.manufacturers__slider .slider__content .slick-dots li.slick-active {
  --dots__width: 6.25rem;
  --dots__opacity: 1;
}
.manufacturers__slider .slider__content .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
}
.manufacturers__slider .slider__content .slick-dots li button::before {
  content: none;
}

.manufacturers._card {
  background-color: var(--surfaces-25);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.manufacturers._card .manufacturer__photo {
  display: flex;
  background-color: var(--surfaces-25);
  position: relative;
  overflow: hidden;
  flex: 1;
}
.manufacturers._card .manufacturer__photo::after {
  background-color: var(--primary-900);
  content: "";
  position: absolute;
  inset: 0;
  mix-blend-mode: color;
}
.manufacturers._card .manufacturer__photo img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: scale-down;
}

.category__actions {
  --select__max-width: 14.0625rem;
  --button__max-width: 11.6875rem;
  --actions__flex-direction: 0;
  --actions__justify-content: flex-end;
  --actions__gap: 0.625rem;
}
@media only screen and (max-width: 83.4375rem) {
  .category__actions {
    --actions__justify-content: space-between;
  }
}
@media only screen and (max-width: 37.25rem) {
  .category__actions {
    --select__max-width: 100%;
    --button__max-width: 100%;
  }
}
.category__actions {
  display: flex;
  flex-direction: var(--actions__flex-direction);
  justify-content: var(--actions__justify-content);
  align-items: center;
  gap: var(--actions__gap);
}
@media only screen and (max-width: 37.25rem) {
  .category__actions:has(.actions__title) {
    --actions__flex-direction: column;
    --actions__gap: 1.5rem;
  }
}
.category__actions .actions__title {
  color: var(--primary-900);
  font-size: clamp(1.25rem, 0.6781rem + 0.6849vw, 1.5rem);
  font-weight: 500;
  line-height: clamp(1.625rem, 0.7671rem + 1.0274vw, 2rem);
  letter-spacing: 0.125rem;
}
@media only screen and (max-width: 83.4375rem) {
  .category__actions .actions__title {
    font-size: clamp(1rem, 0.9078rem + 0.4098vw, 1.25rem);
    line-height: clamp(1.5rem, 1.4539rem + 0.2049vw, 1.625rem);
    letter-spacing: clamp(0.0625rem, 0.0394rem + 0.1025vw, 0.125rem);
  }
}
@media only screen and (min-width: 37.3125rem) {
  .category__actions .actions__title {
    margin-right: auto;
  }
}
@media only screen and (max-width: 37.25rem) {
  .category__actions .actions__title {
    width: 100%;
    max-width: 100%;
  }
}
.category__actions .actions__title span {
  font-size: clamp(1.125rem, 0.5531rem + 0.6849vw, 1.375rem);
  font-weight: 400;
  line-height: clamp(1.625rem, 0.7671rem + 1.0274vw, 2rem);
}
@media only screen and (max-width: 83.4375rem) {
  .category__actions .actions__title span {
    font-size: clamp(1.0625rem, 1.0394rem + 0.1025vw, 1.125rem);
  }
}
.category__actions .select {
  --select__margin-top: 0;
  max-width: var(--select__max-width);
}
.category__actions .select:only-child {
  margin-left: auto;
}
.category__actions .button {
  max-width: var(--button__max-width);
}
@media only screen and (min-width: 83.5rem) {
  .category__actions .button {
    display: none;
  }
}
.category__actions .button input {
  display: none;
}

.category__manufacturers {
  --manufacturers__margin-bottom: clamp(2.5rem, 0.6013rem + 8.4388vw, 5rem);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.category__manufacturers:not(:last-child) {
  margin-bottom: var(--manufacturers__margin-bottom);
}
.category__manufacturers .manufacturers__title {
  color: var(--primary-900);
  font-size: clamp(1.25rem, 0.6781rem + 0.6849vw, 1.5rem);
  font-weight: 500;
  line-height: clamp(1.625rem, 0.7671rem + 1.0274vw, 2rem);
  letter-spacing: 0.125rem;
}
@media only screen and (max-width: 83.4375rem) {
  .category__manufacturers .manufacturers__title {
    font-size: clamp(1rem, 0.9078rem + 0.4098vw, 1.25rem);
    line-height: clamp(1.5rem, 1.4539rem + 0.2049vw, 1.625rem);
    letter-spacing: clamp(0.0625rem, 0.0394rem + 0.1025vw, 0.125rem);
  }
}
.category__manufacturers .manufacturers__title span {
  font-size: clamp(1.125rem, 0.5531rem + 0.6849vw, 1.375rem);
  font-weight: 400;
  line-height: clamp(1.625rem, 0.7671rem + 1.0274vw, 2rem);
}
@media only screen and (max-width: 83.4375rem) {
  .category__manufacturers .manufacturers__title span {
    font-size: clamp(1.0625rem, 1.0394rem + 0.1025vw, 1.125rem);
  }
}
.category__manufacturers .manufacturers__grid {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
}
@media only screen and (max-width: 52.0625rem) {
  .category__manufacturers .manufacturers__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.category__manufacturers .grid__item {
  --item__border-color: var(--other-divider-300);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--neutral-100);
  border: 0.0625rem solid var(--item__border-color);
  padding-block: 0.5rem;
  padding-inline: 1rem;
  position: relative;
  overflow: hidden;
}
@media (hover: hover) {
  .category__manufacturers .grid__item:hover {
    --item__border-color: var(--primary-500);
  }
  .category__manufacturers .grid__item:hover::after {
    opacity: 0;
  }
}
.category__manufacturers .grid__item::after {
  background-color: var(--primary-900);
  content: "";
  position: absolute;
  inset: 0;
  mix-blend-mode: color;
}
.category__manufacturers .grid__item img {
  --img__width: 10rem;
  width: var(--img__width);
  height: auto;
  aspect-ratio: 2;
}

.category__categories {
  --categories__margin-bottom: clamp(2.5rem, 0.6013rem + 8.4388vw, 5rem);
  --categories__grid__gap: 1rem;
  --categories__grid__item__padding: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.category__categories:not(:last-child) {
  margin-bottom: var(--categories__margin-bottom);
}
.category__categories .categories__title {
  color: var(--primary-900);
  font-size: clamp(1.25rem, 0.6781rem + 0.6849vw, 1.5rem);
  font-weight: 500;
  line-height: clamp(1.625rem, 0.7671rem + 1.0274vw, 2rem);
  letter-spacing: 0.125rem;
}
@media only screen and (max-width: 83.4375rem) {
  .category__categories .categories__title {
    font-size: clamp(1rem, 0.9078rem + 0.4098vw, 1.25rem);
    line-height: clamp(1.5rem, 1.4539rem + 0.2049vw, 1.625rem);
    letter-spacing: clamp(0.0625rem, 0.0394rem + 0.1025vw, 0.125rem);
  }
}
.category__categories .categories__title span {
  font-size: clamp(1.125rem, 0.5531rem + 0.6849vw, 1.375rem);
  font-weight: 400;
  line-height: clamp(1.625rem, 0.7671rem + 1.0274vw, 2rem);
}
@media only screen and (max-width: 83.4375rem) {
  .category__categories .categories__title span {
    font-size: clamp(1.0625rem, 1.0394rem + 0.1025vw, 1.125rem);
  }
}
.category__categories .categories__grid {
  display: flex;
  gap: var(--categories__grid__gap);
  flex-wrap: wrap;
}
.category__categories .grid__item {
  --item__border-color: var(--other-divider-300);
  color: inherit;
}
@media (hover: hover) {
  .category__categories .grid__item:hover {
    color: var(--primary-500);
  }
}
.category__categories .grid__item {
  color: var(--primary-900);
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: 0.1875rem;
}
@media only screen and (max-width: 83.4375rem) {
  .category__categories .grid__item {
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
    letter-spacing: clamp(0.125rem, 0.1019rem + 0.1025vw, 0.1875rem);
  }
}
.category__categories .grid__item {
  display: flex;
  text-transform: uppercase;
  padding: var(--categories__grid__item__padding);
  border: 0.0625rem solid var(--item__border-color);
  text-decoration: none;
}
@media (hover: hover) {
  .category__categories .grid__item:hover {
    --item__border-color: var(--primary-500);
  }
}

.seo {
  --seo__row-gap: clamp(1.5rem, 0.7405rem + 3.3755vw, 2.5rem);
  --seo__padding-block: clamp(6.25rem, 0.5308rem + 6.8493vw, 8.75rem);
  --seo__block__column-1__width: clamp(31.25rem, 5.5137rem + 30.8219vw, 42.5rem);
  --seo__block__column-1__padding-inline: clamp(3.75rem, 0.8904rem + 3.4247vw, 5rem);
  --seo__block__column-2__padding-inline: clamp(6.25rem, 0.5308rem + 6.8493vw, 8.75rem);
}
@media only screen and (max-width: 83.4375rem) {
  .seo {
    --seo__block__column-1__padding-inline: 0;
    --seo__block__column-2__padding-inline: 0;
  }
}
.seo {
  padding-block: var(--seo__padding-block);
}
.seo .seo__block {
  display: grid;
  grid-gap: var(--seo__row-gap) 0;
  grid-template-columns: minmax(0, var(--seo__block__column-1__width)) minmax(0, 1fr);
}
@media only screen and (max-width: 83.4375rem) {
  .seo .seo__block {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    max-width: 50rem;
    margin-inline: auto;
  }
  .seo .seo__block:not(:first-child) {
    margin-top: var(--seo__padding-block);
  }
}
.seo .seo__block:nth-child(odd) {
  grid-template-areas: "title photo" "text photo";
}
@media only screen and (max-width: 83.4375rem) {
  .seo .seo__block:nth-child(odd) {
    grid-template-areas: "title" "text" "photo";
  }
}
.seo .seo__block:nth-child(odd) .block__title,
.seo .seo__block:nth-child(odd) .block__text {
  padding-right: var(--seo__block__column-1__padding-inline);
}
.seo .seo__block:nth-child(even) {
  grid-template-areas: "photo title" "photo text";
}
@media only screen and (max-width: 83.4375rem) {
  .seo .seo__block:nth-child(even) {
    grid-template-areas: "title" "photo" "text";
  }
}
.seo .seo__block:nth-child(even) .block__photo {
  padding-left: var(--seo__block__column-1__padding-inline);
}
.seo .seo__block:nth-child(even) .block__title,
.seo .seo__block:nth-child(even) .block__text {
  padding-left: var(--seo__block__column-2__padding-inline);
}
.seo .block__title {
  grid-area: title;
  margin-top: auto;
}
@media only screen and (max-width: 83.4375rem) {
  .seo .block__title {
    text-align: center;
  }
}
.seo .block__text {
  grid-area: text;
  margin-bottom: auto;
}
.seo .block__text p, .seo .block__text .p {
  font-size: clamp(1rem, 0.4281rem + 0.6849vw, 1.25rem);
  font-weight: 300;
  line-height: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
}
@media only screen and (max-width: 83.4375rem) {
  .seo .block__text p, .seo .block__text .p {
    font-size: clamp(0.9375rem, 0.9144rem + 0.1025vw, 1rem);
  }
}
@media only screen and (max-width: 83.4375rem) {
  .seo .block__text p, .seo .block__text .p {
    text-align: center;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .seo .block__text p, .seo .block__text .p {
    text-align: left;
  }
}
.seo .block__text p:not(:first-child), .seo .block__text .p:not(:first-child) {
  margin-top: 1lh;
}
.seo .block__photo {
  grid-area: photo;
}
.seo .block__photo img {
  width: 100%;
  max-width: max-content;
  height: auto;
  object-fit: scale-down;
  margin: auto;
}

.category__subcategories {
  --subcategories__padding-block: clamp(2.75rem, -0.1096rem + 3.4247vw, 4rem);
  --subcategories__grid__gap: 1rem;
  --subcategories__grid__item__padding-block: 0.625rem;
  --subcategories__grid__item__padding-inline: 0.75rem;
  --subcategories__grid__item__gap: 0.75rem;
  --subcategories__grid__item__photo__width: 4.75rem;
}
@media only screen and (max-width: 37.25rem) {
  .category__subcategories {
    --subcategories__padding-block: clamp(2.5rem, 2.1203rem + 1.6878vw, 2.75rem);
    --subcategories__grid__gap: 0.5rem;
    --subcategories__grid__item__padding-block: 0.5rem;
    --subcategories__grid__item__gap: 0.5rem;
    --subcategories__grid__item__photo__width: 3.75rem;
  }
}
.category__subcategories {
  padding-block: var(--subcategories__padding-block);
}
.category__subcategories .subcategories__grid {
  display: flex;
  gap: var(--subcategories__grid__gap);
  flex-wrap: wrap;
}
@media only screen and (max-width: 37.25rem) {
  .category__subcategories .subcategories__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.category__subcategories .grid__item {
  --item__border-color: var(--other-divider-300);
}
@media only screen and (max-width: 37.25rem) {
  .category__subcategories .grid__item {
    --item__direction: column;
  }
}
.category__subcategories .grid__item {
  color: var(--primary-900);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 400;
  line-height: clamp(1.5rem, 1.214rem + 0.3425vw, 1.625rem);
}
@media only screen and (max-width: 83.4375rem) {
  .category__subcategories .grid__item {
    font-size: clamp(0.9375rem, 0.9144rem + 0.1025vw, 1rem);
  }
}
.category__subcategories .grid__item {
  display: flex;
  flex-direction: var(--item__direction);
  align-items: center;
  gap: var(--subcategories__grid__item__gap);
  padding-block: var(--subcategories__grid__item__padding-block);
  padding-inline: var(--subcategories__grid__item__padding-inline);
  border: 0.0625rem solid var(--item__border-color);
  text-decoration: none;
}
@media only screen and (max-width: 37.25rem) {
  .category__subcategories .grid__item {
    text-align: center;
  }
}
.category__subcategories .grid__item .item__photo {
  display: flex;
  width: var(--subcategories__grid__item__photo__width);
  min-width: var(--subcategories__grid__item__photo__width);
  height: auto;
  aspect-ratio: 1;
}
.category__subcategories .grid__item .item__photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (hover: hover) {
  .category__subcategories .grid__item:hover {
    --item__border-color: var(--primary-900);
  }
}

.product__hero {
  --hero__padding-bottom: clamp(6.25rem, 0.5308rem + 6.8493vw, 8.75rem);
  --hero__col-gap: clamp(2.1875rem, -5.3904rem + 9.0753vw, 5.5rem);
  --hero__info__width: clamp(31.25rem, 5.5137rem + 30.8219vw, 42.5rem);
  --hero__columns: minmax(0, var(--hero__info__width)) minmax(0, 1fr);
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero {
    --hero__columns: minmax(0, 1fr);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero {
    --hero__padding-bottom: clamp(5rem, 4.0506rem + 4.2194vw, 6.25rem);
  }
}
.product__hero {
  border-top: 0.0625rem solid var(--other-divider-300);
  padding-bottom: var(--hero__padding-bottom);
}
.product__hero .wrap {
  display: grid;
  grid-gap: 0 var(--hero__col-gap);
  grid-template-columns: var(--hero__columns);
  grid-template-areas: "breadcrumb breadcrumb" "info gallery";
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .wrap {
    grid-template-areas: "breadcrumb" "gallery" "info";
  }
  .product__hero .wrap > *:not(.breadcrumb) {
    width: 54.5rem;
    max-width: 100%;
    margin-inline: auto;
  }
}
.product__hero._configurator {
  --hero__columns: minmax(0, 1fr) minmax(0, var(--hero__info__width));
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero._configurator {
    --hero__columns: minmax(0, 1fr);
  }
}
.product__hero._configurator .wrap {
  grid-template-areas: "breadcrumb breadcrumb" "gallery info";
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero._configurator .wrap {
    grid-template-areas: "breadcrumb" "gallery" "info";
  }
  .product__hero._configurator .wrap > *:not(.breadcrumb) {
    width: 54.5rem;
    max-width: 100%;
    margin-inline: auto;
  }
}
.product__hero .breadcrumb {
  --breadcrumb__padding-block: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .breadcrumb {
    --breadcrumb__padding-block: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  }
}
.product__hero .breadcrumb {
  padding-block: var(--breadcrumb__padding-block);
  grid-area: breadcrumb;
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .breadcrumb {
    max-width: max-content;
    margin-inline: auto;
  }
}
.product__hero .hero__info {
  grid-area: info;
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .hero__info {
    padding-top: 2.5rem;
  }
}
.product__hero .info__manufacturer {
  display: flex;
  background-color: var(--neutral-100);
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 37.25rem) {
  .product__hero .info__manufacturer {
    width: max-content;
    margin-inline: auto;
  }
}
.product__hero .info__manufacturer::after {
  background-color: var(--primary-900);
  content: "";
  position: absolute;
  inset: 0;
  mix-blend-mode: color;
}
.product__hero .info__manufacturer img {
  --img__width: 10rem;
  width: var(--img__width);
  height: auto;
  aspect-ratio: 2;
}
.product__hero .info__title {
  --title__margin-top: 0.75rem;
  font-size: clamp(2rem, -0.8596rem + 3.4247vw, 3.25rem);
  line-height: clamp(2.5rem, -0.9315rem + 4.1096vw, 4rem);
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .info__title {
    font-size: clamp(1.5rem, 1.3156rem + 0.8197vw, 2rem);
    line-height: clamp(2rem, 1.8156rem + 0.8197vw, 2.5rem);
  }
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .info__title {
    text-align: center;
  }
}
.product__hero .info__title:not(:first-child) {
  margin-top: var(--title__margin-top);
}
.product__hero .info__price,
.product__hero .price__field {
  display: flex;
  align-items: flex-end;
  gap: var(--price__gap);
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .info__price,
  .product__hero .price__field {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (max-width: 37.25rem) {
  .product__hero .info__price,
  .product__hero .price__field {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.product__hero .info__price {
  --price__gap: clamp(0.75rem, 0.5601rem + 0.8439vw, 1rem);
  margin-top: clamp(0.75rem, 0.5601rem + 0.8439vw, 1rem);
}
.product__hero .info__price .price__title {
  color: var(--secondary-500);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
}
.product__hero .price__field {
  --price__gap: clamp(0rem, -0.5696rem + 2.5316vw, 0.75rem);
}
.product__hero .price__field span:first-child {
  color: var(--primary-900);
  font-size: clamp(1.25rem, 0.6781rem + 0.6849vw, 1.5rem);
  font-weight: 600;
  line-height: clamp(1.625rem, 0.7671rem + 1.0274vw, 2rem);
  letter-spacing: 0.125rem;
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .price__field span:first-child {
    font-size: clamp(1rem, 0.9078rem + 0.4098vw, 1.25rem);
    line-height: clamp(1.5rem, 1.4539rem + 0.2049vw, 1.625rem);
    letter-spacing: clamp(0.0625rem, 0.0394rem + 0.1025vw, 0.125rem);
  }
}
.product__hero .price__field span:not(:only-child):first-child {
  color: var(--other-error-700);
}
.product__hero .price__field span:not(:only-child):last-child {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .price__field span:not(:only-child):last-child {
    font-size: clamp(0.8125rem, 0.7664rem + 0.2049vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.product__hero .price__field span:not(:only-child):last-child {
  opacity: 0.6;
  text-decoration: line-through;
}
.product__hero .info__colors {
  --colors__margin-top: 2rem;
  --colors__height: 3rem;
  --colors__grid__gap: clamp(0.5rem, 0.357rem + 0.1712vw, 0.5625rem);
  --colors__padding__top: var(--colors__margin-top);
  --rows-collapsed: 1;
  --collapsed-height: calc(var(--rows-collapsed) * var(--colors__height) + (var(--rows-collapsed) - 1) * var(--colors__grid__gap));
}
@media only screen and (max-width: 37.25rem) {
  .product__hero .info__colors {
    --rows-collapsed: 2;
  }
}
.product__hero .info__colors {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: var(--colors__margin-top);
  padding-top: var(--colors__padding__top);
  border-top: 0.0625rem solid var(--other-divider-300);
}
.product__hero .info__colors:not(:has(.button input:checked)) .colors__grid {
  max-height: var(--collapsed-height);
  overflow: hidden;
}
.product__hero .info__colors .header__title {
  color: var(--primary-900);
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: 0.1875rem;
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .info__colors .header__title {
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
    letter-spacing: clamp(0.125rem, 0.1019rem + 0.1025vw, 0.1875rem);
  }
}
.product__hero .info__colors .header__color {
  color: var(--primary-900);
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .info__colors .header__color {
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.product__hero .info__colors .colors__grid {
  display: grid;
  grid-gap: var(--colors__grid__gap);
  grid-template-columns: repeat(auto-fill, minmax(var(--colors__height), 1fr));
}
.product__hero .info__colors .grid__item {
  width: var(--colors__height);
  min-width: var(--colors__height);
  height: auto;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.0625rem solid var(--item__border-color, transparent);
  cursor: pointer;
  margin: auto;
}
.product__hero .info__colors .grid__item:has(input:checked) {
  --item__border-color: var(--primary-500);
}
.product__hero .info__colors .grid__item input {
  display: none;
}
.product__hero .info__colors .grid__item img {
  width: 2.625rem;
  min-width: 2.625rem;
  height: auto;
  aspect-ratio: 1;
}
.product__hero .info__colors:not([data-overflow=false]) .button {
  display: flex !important;
}
.product__hero .info__colors .button {
  display: none;
}
.product__hero .info__colors .button:has(input:checked) span::before {
  content: attr(data-less);
}
.product__hero .info__colors .button input {
  display: none;
}
.product__hero .info__colors .button span::before {
  content: attr(data-more);
}
.product__hero .info__specs {
  --specs__margin-top: 2rem;
  --specs__padding-top: var(--specs__margin-top);
  --specs__col-gap: 2.5rem;
  --specs__row-gap: 1rem;
  margin-top: var(--specs__margin-top);
  padding-top: var(--specs__padding-top);
  border-top: 0.0625rem solid var(--other-divider-300);
}
@media only screen and (max-width: 37.25rem) {
  .product__hero .info__specs:not(:has(input:checked)) .list__item:nth-child(n+8) {
    display: none;
  }
  .product__hero .info__specs:not(:has(.list__item:nth-child(8))) .specs__more {
    display: none;
  }
}
.product__hero .info__specs .specs__list {
  column-count: 2;
  column-gap: var(--specs__gap);
}
@media only screen and (max-width: 101.6875rem) {
  .product__hero .info__specs .specs__list {
    column-count: 1;
  }
}
.product__hero .info__specs .list__item {
  color: var(--primary-900);
  font-size: clamp(0.8125rem, 0.6695rem + 0.1712vw, 0.875rem);
  font-weight: 500;
  line-height: 1.25rem;
}
.product__hero .info__specs .list__item {
  break-inside: avoid;
}
.product__hero .info__specs .list__item:not(:first-child) {
  margin-top: var(--specs__row-gap);
}
.product__hero .info__specs .list__item span {
  font-weight: 400;
}
.product__hero .info__specs .specs__more {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--primary-500);
  font-size: clamp(0.75rem, 0.607rem + 0.1712vw, 0.8125rem);
  font-weight: 600;
  line-height: 1.125rem;
  letter-spacing: 0.125rem;
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .info__specs .specs__more {
    font-size: clamp(0.6875rem, 0.6644rem + 0.1025vw, 0.75rem);
    letter-spacing: clamp(0.0625rem, 0.0394rem + 0.1025vw, 0.125rem);
  }
}
.product__hero .info__specs .specs__more {
  margin-top: 1rem;
  cursor: pointer;
}
@media only screen and (min-width: 37.3125rem) {
  .product__hero .info__specs .specs__more {
    display: none;
  }
}
.product__hero .info__specs .specs__more:has(input:checked) .more__text::before {
  content: attr(data-less);
}
.product__hero .info__specs .specs__more:has(input:checked) .more__icon {
  transform: rotate(180deg);
}
.product__hero .info__specs .specs__more input {
  display: none;
}
.product__hero .info__specs .specs__more .more__text::before {
  content: attr(data-more);
}
.product__hero .info__specs .specs__more .more__icon {
  display: flex;
  width: 1.125rem;
  min-width: 1.125rem;
  height: auto;
  aspect-ratio: 1;
}
.product__hero .info__specs .specs__more .more__icon svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.product__hero .info__specs .specs__more .more__icon svg path {
  stroke: currentColor;
}
.product__hero .info__specs .specs__description p, .product__hero .info__specs .specs__description .p {
  font-size: clamp(0.8125rem, 0.6695rem + 0.1712vw, 0.875rem);
  font-weight: 400;
  line-height: 1.25rem;
}
.product__hero .info__specs .specs__description p:not(:first-child), .product__hero .info__specs .specs__description .p:not(:first-child) {
  margin-top: 1lh;
}
.product__hero .info__specs .specs__description p:has(> img) {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 25px;
}
.product__hero .info__specs .specs__description p img {
  height: 200px;
}
.product__hero .info__specs .specs__description ul:not(:first-child) {
  margin-top: 0.5rem;
}
.product__hero .info__specs .specs__description ul li {
  font-size: clamp(0.8125rem, 0.6695rem + 0.1712vw, 0.875rem);
  font-weight: 400;
  line-height: 1.25rem;
}
.product__hero .info__specs .specs__description ul li:not(:first-child) {
  margin-top: 0.5rem;
}
.product__hero .info__specs .specs__description .description__info {
  color: var(--primary-500);
  font-size: clamp(0.8125rem, 0.6695rem + 0.1712vw, 0.875rem);
  font-weight: 500;
  line-height: 1.25rem;
}
.product__hero .info__specs .specs__description .description__info {
  text-transform: uppercase;
}
.product__hero .info__specs .specs__description .description__info:not(:first-child) {
  margin-top: 1lh;
}
.product__hero .info__list {
  --list__margin-top: 2rem;
  --list__padding-top: var(--list__margin-top);
  --list__row-gap: 0.5rem;
  margin-top: var(--list__margin-top);
  padding-top: var(--list__padding-top);
  border-top: 0.0625rem solid var(--other-divider-300);
}
.product__hero .info__list .list__item {
  color: var(--secondary-400);
  font-size: clamp(0.75rem, 0.607rem + 0.1712vw, 0.8125rem);
  font-weight: 400;
  line-height: 1.125rem;
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .info__list .list__item {
    font-size: clamp(0.6875rem, 0.6644rem + 0.1025vw, 0.75rem);
  }
}
.product__hero .info__list .list__item:not(:first-child) {
  margin-top: var(--list__row-gap);
}
.product__hero .info__list .list__item span {
  color: var(--primary-900);
}
.product__hero .info__files {
  --files__margin-top: 2rem;
  --files__padding-top: var(--files__margin-top);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: var(--files__margin-top);
  padding-top: var(--files__padding-top);
  border-top: 0.0625rem solid var(--other-divider-300);
}
.product__hero .info__files .files__item {
  color: var(--primary-900);
  font-size: clamp(0.8125rem, 0.6695rem + 0.1712vw, 0.875rem);
  font-weight: 400;
  line-height: 1.25rem;
}
.product__hero .info__files .files__item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.375rem;
  text-decoration: none;
}
@media (hover: hover) {
  .product__hero .info__files .files__item:hover {
    text-decoration: underline;
    color: var(--primary-500);
  }
}
.product__hero .info__files .files__item svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.product__hero .info__files .files__item svg path {
  stroke: currentColor;
}
.product__hero .info__calculator {
  --calculator__margin-top: 2rem;
  --calculator__padding: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .info__calculator {
    --calculator__padding: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  }
}
.product__hero .info__calculator {
  margin-top: var(--calculator__margin-top);
  padding: var(--calculator__padding);
  border: 0.0625rem solid var(--other-divider-300);
}
.product__hero .info__calculator._active .calculator__results {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .info__calculator._active .calculator__results {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .info__calculator._active .calculator__results {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  }
}
@media only screen and (max-width: 37.25rem) {
  .product__hero .info__calculator._active .calculator__results {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}
.product__hero .calculator__header {
  --header__gap: 1rem;
  --header__icon__width: 3.5rem;
  --header__padding-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: var(--header__gap);
  color: var(--primary-900);
  padding-bottom: var(--header__padding-bottom);
  border-bottom: 0.0625rem solid var(--other-divider-300);
}
@media only screen and (max-width: 37.25rem) {
  .product__hero .calculator__header {
    display: flex;
    flex-direction: column;
  }
}
.product__hero .calculator__header .header__icon {
  display: flex;
  width: var(--header__icon__width);
  min-width: var(--header__icon__width);
  height: auto;
  aspect-ratio: 1;
  color: inherit;
}
.product__hero .calculator__header .header__icon svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.product__hero .calculator__header .header__icon svg path {
  stroke: currentColor;
}
.product__hero .calculator__header .header__title {
  color: inherit;
  font-size: clamp(1.125rem, 0.5531rem + 0.6849vw, 1.375rem);
  font-weight: 500;
  line-height: clamp(1.625rem, 0.7671rem + 1.0274vw, 2rem);
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .calculator__header .header__title {
    font-size: clamp(1.0625rem, 1.0394rem + 0.1025vw, 1.125rem);
  }
}
@media only screen and (max-width: 37.25rem) {
  .product__hero .calculator__header .header__title {
    text-align: center;
  }
}
.product__hero .calculator__method {
  --method__padding-top: 1.5rem;
  --method__padding-bottom: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
  padding-top: var(--method__padding-top);
  padding-bottom: var(--method__padding-bottom);
  border-bottom: 0.0625rem solid var(--other-divider-300);
}
@media only screen and (max-width: 37.25rem) {
  .product__hero .calculator__method {
    display: flex;
    flex-direction: column;
  }
}
.product__hero .calculator__method .method__title {
  color: var(--primary-900);
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .calculator__method .method__title {
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
@media only screen and (max-width: 37.25rem) {
  .product__hero .calculator__method .method__title {
    text-align: center;
  }
}
.product__hero .calculator__method .method__choices {
  --method__choices__gap: 0.5rem;
  --method__choices__text-width: 9.375rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--method__choices__gap);
  margin-top: 1rem;
  width: 100%;
}
@media only screen and (max-width: 101.6875rem) {
  .product__hero .calculator__method .method__choices {
    --method__choices__gap: 0.375rem;
    --method__choices__text-width: 6.875rem;
  }
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .calculator__method .method__choices {
    --method__choices__gap: 0.5rem;
    --method__choices__text-width: 11.875rem;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 37.25rem) {
  .product__hero .calculator__method .method__choices {
    --method__choices__gap: 1rem;
    display: flex;
    flex-direction: column;
    margin-inline: auto;
    align-items: stretch;
  }
}
.product__hero .calculator__method .choices__item {
  --item__gap: 0.5rem;
  --item__input__width: 1.75rem;
  --item__input__padding: clamp(0.125rem, 0.235rem + -0.211vw, 0.1875rem);
  --item__color: var(--primary-900);
  --item__before__width: 0.375rem;
  --item__before__opacity: 0;
  padding-left: calc(var(--item__input__width) + var(--item__gap));
  position: relative;
  cursor: pointer;
  flex: 0 1 calc(var(--item__input__width) + var(--item__gap) + var(--method__choices__text-width));
  min-width: 0;
}
@media only screen and (max-width: 101.6875rem) {
  .product__hero .calculator__method .choices__item {
    flex-basis: calc(var(--item__input__width) + var(--item__gap) + var(--method__choices__text-width));
  }
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .calculator__method .choices__item {
    flex: 1 1 0;
  }
}
@media only screen and (max-width: 37.25rem) {
  .product__hero .calculator__method .choices__item {
    flex: 0 1 auto;
    width: 100%;
  }
}
.product__hero .calculator__method .choices__item:has(input:checked) {
  --item__color: var(--primary-500);
  --item__before__opacity: 1;
}
.product__hero .calculator__method .choices__item input {
  width: calc(var(--item__input__width) - var(--item__input__padding) * 2);
  height: auto;
  aspect-ratio: 1;
  position: absolute;
  top: 0.75rem;
  transform: translateY(-50%);
  left: var(--item__input__padding);
  border-radius: 50%;
  border: 0.125rem solid var(--item__color);
}
.product__hero .calculator__method .choices__item input::before {
  width: var(--item__before__width);
  height: auto;
  aspect-ratio: 1;
  background-color: var(--item__color);
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  opacity: var(--item__before__opacity);
}
.product__hero .calculator__method .item__text {
  display: flex;
  flex-direction: column;
  width: var(--method__choices__text-width);
}
@media only screen and (max-width: 101.6875rem) {
  .product__hero .calculator__method .item__text {
    width: var(--method__choices__text-width);
  }
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .calculator__method .item__text {
    width: min(11.875rem, 100% - var(--item__input__width) - var(--item__gap));
  }
}
@media only screen and (max-width: 37.25rem) {
  .product__hero .calculator__method .item__text {
    width: calc(100% - var(--item__input__width) - var(--item__gap));
  }
}
.product__hero .calculator__method .text__title {
  color: var(--item__color);
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .calculator__method .text__title {
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.product__hero .calculator__method .text__title {
  font-size: 0.9375rem;
  line-height: 1.5rem;
}
.product__hero .calculator__method .text__description {
  color: var(--item__color);
  font-size: clamp(0.75rem, 0.464rem + 0.3425vw, 0.875rem);
  font-weight: 400;
  line-height: 1.25rem;
}
.product__hero .calculator__method .text__description {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.product__hero .calculator__method .method__form {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  margin-top: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
}
@media only screen and (max-width: 101.6875rem) {
  .product__hero .calculator__method .method__form {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
}
.product__hero .calculator__method .form__area {
  display: flex;
  justify-content: center;
  border: 0.0625rem solid var(--other-divider-500);
  padding-inline: clamp(1rem, -0.1392rem + 5.0633vw, 2.5rem);
}
.product__hero .calculator__method .area__title {
  width: 55%;
  display: flex;
  align-items: center;
  color: var(--secondary-500);
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .calculator__method .area__title {
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
@media only screen and (max-width: 101.6875rem) {
  .product__hero .calculator__method .area__title {
    width: 100%;
  }
}
.product__hero .calculator__method .area__input {
  width: 45%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.25rem;
  border-left: 0.0625rem solid var(--other-divider-500);
}
@media only screen and (max-width: 101.6875rem) {
  .product__hero .calculator__method .area__input {
    width: 100%;
  }
}
.product__hero .calculator__method .area__input input,
.product__hero .calculator__method .area__input .input__units {
  color: var(--primary-900);
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .calculator__method .area__input input,
  .product__hero .calculator__method .area__input .input__units {
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.product__hero .calculator__method .area__input input,
.product__hero .calculator__method .area__input .input__units {
  text-align: right;
}
.product__hero .calculator__method .area__input input {
  width: 100%;
}
.product__hero .calculator__results {
  --results__padding-block: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
  --results__padding-inline: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
  display: none;
  padding-block: var(--results__padding-block);
  border-bottom: 0.0625rem solid var(--other-divider-300);
}
.product__hero .calculator__results .results__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  padding-right: var(--results__padding-inline);
  border-right: 0.0625rem solid var(--other-divider-300);
}
@media only screen and (max-width: 37.25rem) {
  .product__hero .calculator__results .results__content {
    padding-right: 0;
    padding-bottom: var(--results__padding-inline);
    border-right: 0;
    border-bottom: 0.0625rem solid var(--other-divider-300);
    margin-bottom: var(--results__padding-inline);
  }
}
.product__hero .calculator__results .content__title {
  color: var(--primary-500);
  font-size: clamp(1.125rem, 0.5531rem + 0.6849vw, 1.375rem);
  font-weight: 500;
  line-height: clamp(1.625rem, 0.7671rem + 1.0274vw, 2rem);
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .calculator__results .content__title {
    font-size: clamp(1.0625rem, 1.0394rem + 0.1025vw, 1.125rem);
  }
}
@media only screen and (max-width: 37.25rem) {
  .product__hero .calculator__results .content__title {
    text-align: center;
  }
}
.product__hero .calculator__results .content__description {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.product__hero .calculator__results .content__description p, .product__hero .calculator__results .content__description .p {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 300;
  line-height: 1.5rem;
}
@media only screen and (max-width: 37.25rem) {
  .product__hero .calculator__results .content__description p, .product__hero .calculator__results .content__description .p {
    text-align: center;
  }
}
.product__hero .calculator__results .content__description p strong, .product__hero .calculator__results .content__description p b, .product__hero .calculator__results .content__description .p strong, .product__hero .calculator__results .content__description .p b {
  font-weight: 500;
}
.product__hero .calculator__results .results__visual {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  padding-left: var(--results__padding-inline);
}
@media only screen and (max-width: 37.25rem) {
  .product__hero .calculator__results .results__visual {
    padding-left: 0;
  }
}
.product__hero .calculator__results .visual__icon {
  --icon__width: 7.25rem;
  display: flex;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
  align-self: center;
}
.product__hero .calculator__results .visual__icon svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.product__hero .calculator__results .visual__icon svg path {
  stroke: var(--primary-900);
}
.product__hero .calculator__results .visual__headings {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.375rem;
  align-self: center;
}
.product__hero .calculator__results .headings__stats {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.product__hero .calculator__results .headings__divider {
  width: 0.0625rem;
  height: 1.75rem;
  background-color: var(--other-divider-300);
}
.product__hero .calculator__results .headings__1,
.product__hero .calculator__results .headings__2,
.product__hero .calculator__results .headings__3,
.product__hero .calculator__results .headings__4 {
  text-align: center;
}
.product__hero .calculator__results .headings__1 {
  color: var(--primary-900);
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: 0.1875rem;
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .calculator__results .headings__1 {
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
    letter-spacing: clamp(0.125rem, 0.1019rem + 0.1025vw, 0.1875rem);
  }
}
.product__hero .calculator__results .headings__2 {
  color: var(--primary-500);
  font-size: clamp(1.25rem, 0.6781rem + 0.6849vw, 1.5rem);
  font-weight: 500;
  line-height: clamp(1.625rem, 0.7671rem + 1.0274vw, 2rem);
  letter-spacing: 0.125rem;
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .calculator__results .headings__2 {
    font-size: clamp(1rem, 0.9078rem + 0.4098vw, 1.25rem);
    line-height: clamp(1.5rem, 1.4539rem + 0.2049vw, 1.625rem);
    letter-spacing: clamp(0.0625rem, 0.0394rem + 0.1025vw, 0.125rem);
  }
}
.product__hero .calculator__results .headings__3 {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.6515rem + 0.3425vw, 1.0625rem);
  font-weight: 500;
  line-height: 1.5rem;
}
.product__hero .calculator__results .headings__4 {
  color: var(--primary-900);
  font-size: clamp(0.9375rem, 0.6515rem + 0.3425vw, 1.0625rem);
  font-weight: 500;
  line-height: 1.5rem;
}
.product__hero .calculator__footer {
  --footer__padding-top: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
  padding-top: var(--footer__padding-top);
}
@media only screen and (max-width: 37.25rem) {
  .product__hero .calculator__footer {
    text-align: center;
  }
}
.product__hero .calculator__footer p, .product__hero .calculator__footer .p {
  font-size: clamp(0.8125rem, 0.6695rem + 0.1712vw, 0.875rem);
  font-weight: 300;
  line-height: 1.25rem;
}
.product__hero .info__collapsible {
  --collapsible__margin-top: clamp(2.5rem, -3.2192rem + 6.8493vw, 5rem);
  --collapsible__border: 0.0625rem solid var(--other-divider-300);
  --collapsible__block__padding-block: 2rem;
  --collapsible__block__header__padding-bottom: 0.75rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .info__collapsible {
    --collapsible__margin-top: 5rem;
    --collapsible__border: 0;
    --collapsible__block__padding-block: 0;
    --collapsible__block__header__padding-bottom: 1rem;
  }
}
.product__hero .info__collapsible {
  margin-top: var(--collapsible__margin-top);
  border-bottom: var(--collapsible__border);
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .info__collapsible {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    width: calc(100% + var(--padding) * 2);
    background-color: var(--surfaces-25);
    margin-inline: calc(var(--padding) * -1);
    padding-inline: var(--padding);
    padding-block: 5rem;
  }
}
.product__hero .info__collapsible + .info__actions {
  margin-top: clamp(2.5rem, -3.2192rem + 6.8493vw, 5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .info__collapsible + .info__actions {
    margin-top: 5rem;
  }
}
.product__hero .info__collapsible .collapsible__block {
  border-top: var(--collapsible__border);
}
@media only screen and (min-width: 52.125rem) {
  .product__hero .info__collapsible .collapsible__block:not(:has(.block__header input:checked)) .block__content {
    display: none;
  }
}
.product__hero .info__collapsible .block__header {
  color: inherit;
}
@media (hover: hover) {
  .product__hero .info__collapsible .block__header:hover {
    color: var(--primary-500);
  }
}
.product__hero .info__collapsible .block__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  color: var(--primary-900);
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: 0.1875rem;
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .info__collapsible .block__header {
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
    letter-spacing: clamp(0.125rem, 0.1019rem + 0.1025vw, 0.1875rem);
  }
}
.product__hero .info__collapsible .block__header {
  text-transform: uppercase;
  padding-top: var(--collapsible__block__padding-block);
  padding-bottom: var(--collapsible__block__header__padding-bottom);
  cursor: pointer;
}
@media only screen and (min-width: 52.125rem) {
  .product__hero .info__collapsible .block__header:not(:has(input:checked)) {
    --collapsible__block__header__padding-bottom: var(--collapsible__block__padding-block);
  }
}
.product__hero .info__collapsible .block__header:has(input:checked) svg path:nth-child(2) {
  display: none;
}
.product__hero .info__collapsible .block__header input {
  display: none;
}
.product__hero .info__collapsible .block__header svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .info__collapsible .block__header svg {
    display: none;
  }
}
.product__hero .info__collapsible .block__header svg path {
  stroke: currentColor;
}
.product__hero .info__collapsible .block__content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-bottom: var(--collapsible__block__padding-block);
}
.product__hero .info__collapsible .block__content .content__group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.product__hero .info__collapsible .block__content .group__title {
  color: var(--primary-500);
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .info__collapsible .block__content .group__title {
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.product__hero .info__collapsible .block__content .group__list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.product__hero .info__collapsible .block__content .list__item,
.product__hero .info__collapsible .block__content .grid__item {
  --item__input__width: 1.75rem;
  --item__input__margin: 0.1875rem;
  --item__color: var(--primary-900);
  --item__before__width: 0.375rem;
  --item__before__opacity: 0;
  display: flex;
  flex-direction: var(--item__direction, 0);
  align-items: center;
  gap: var(--item__gap);
  background-color: var(--neutral-100);
  color: var(--item__color);
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .info__collapsible .block__content .list__item,
  .product__hero .info__collapsible .block__content .grid__item {
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.product__hero .info__collapsible .block__content .list__item,
.product__hero .info__collapsible .block__content .grid__item {
  box-shadow: var(--shadow-3);
  padding: 1rem;
  position: relative;
  cursor: pointer;
}
.product__hero .info__collapsible .block__content .list__item:has(input:checked),
.product__hero .info__collapsible .block__content .grid__item:has(input:checked) {
  --item__color: var(--primary-500);
  --item__before__opacity: 1;
}
.product__hero .info__collapsible .block__content .list__item input[type=radio],
.product__hero .info__collapsible .block__content .grid__item input[type=radio] {
  width: calc(var(--item__input__width) - var(--item__input__margin) * 2);
  min-width: calc(var(--item__input__width) - var(--item__input__margin) * 2);
  height: auto;
  aspect-ratio: 1;
  margin: var(--item__input__margin);
  border-radius: 50%;
  border: 0.125rem solid var(--item__color);
  position: relative;
}
.product__hero .info__collapsible .block__content .list__item input[type=radio]::before,
.product__hero .info__collapsible .block__content .grid__item input[type=radio]::before {
  width: var(--item__before__width);
  height: auto;
  aspect-ratio: 1;
  background-color: var(--item__color);
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  opacity: var(--item__before__opacity);
}
.product__hero .info__collapsible .block__content .list__item input[type=checkbox],
.product__hero .info__collapsible .block__content .grid__item input[type=checkbox] {
  --item__input__width: 1.125rem;
  --item__color: var(--primary-900);
  width: var(--item__input__width);
  min-width: var(--item__input__width);
  height: auto;
  aspect-ratio: 1;
  border: 0.0625rem solid var(--item__color);
  opacity: 0.4;
}
.product__hero .info__collapsible .block__content .list__item input[type=checkbox]:checked,
.product__hero .info__collapsible .block__content .grid__item input[type=checkbox]:checked {
  --item__color: var(--primary-500);
  background-color: var(--item__color);
  background-image: url("../images/icons/check_18x18.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 1;
}
.product__hero .info__collapsible .block__content .list__item img,
.product__hero .info__collapsible .block__content .grid__item img {
  width: 3.5rem;
  min-width: 3.5rem;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
}
.product__hero .info__collapsible .block__content .list__item span strong,
.product__hero .info__collapsible .block__content .grid__item span strong {
  color: var(--primary-500);
  font-weight: 700;
}
.product__hero .info__collapsible .block__content .list__item {
  --item__gap: 1rem;
}
.product__hero .info__collapsible .block__content .content__selects {
  --selects__direction: 0;
  --select__margin-top: 0;
}
@media only screen and (max-width: 101.6875rem) {
  .product__hero .info__collapsible .block__content .content__selects {
    --selects__direction: column;
  }
}
.product__hero .info__collapsible .block__content .content__selects {
  display: flex;
  flex-direction: var(--selects__direction);
  gap: 1.5rem;
}
.product__hero .info__collapsible .block__content .group__grid {
  display: grid;
  grid-gap: 0.625rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.product__hero .info__collapsible .block__content .grid__item {
  --item__direction: column;
  --item__gap: 0.75rem;
  text-align: center;
}
.product__hero .info__actions {
  --actions__direction: 0;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .info__actions {
    --actions__direction: column;
  }
}
.product__hero .info__actions {
  display: flex;
  flex-direction: var(--actions__direction);
  gap: 1rem;
  margin-top: 2rem;
}
.product__hero .info__actions:has(.actions__info) {
  --actions__direction: column;
}
.product__hero .info__actions:has(.actions__info) .quantity {
  --quantity__max-width: 100%;
}
.product__hero .info__actions .quantity {
  --quantity__max-width: 11.75rem;
  --quantity__height: 4rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .info__actions .quantity {
    --quantity__max-width: 100%;
  }
}
.product__hero .info__actions .quantity {
  max-width: var(--quantity__max-width);
  height: var(--quantity__height);
}
.product__hero .info__actions .actions__info {
  color: var(--primary-500);
  font-size: clamp(0.8125rem, 0.6695rem + 0.1712vw, 0.875rem);
  font-weight: 400;
  line-height: 1.25rem;
}
.product__hero .info__actions .actions__info {
  text-align: center;
}
.product__hero .info__consultation {
  --consultation__margin-top: 2rem;
  margin-top: var(--consultation__margin-top);
}
.product__hero .hero__gallery {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 0.3101rem + 0.8439vw, 0.75rem);
  grid-area: gallery;
  position: relative;
}
.product__hero .hero__gallery._door {
  --image__aspect-ratio: 0.5;
  --main__width: clamp(27rem, 12.845rem + 16.9521vw, 33.1875rem);
  --thumb__width: clamp(28.75rem, 12.1644rem + 19.863vw, 36rem);
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .hero__gallery._door {
    --main__width: clamp(12.375rem, 6.9805rem + 23.9754vw, 27rem);
    --thumb__width: clamp(19rem, 15.4037rem + 15.9836vw, 28.75rem);
  }
}
.product__hero .hero__gallery._door .gallery__main,
.product__hero .hero__gallery._door .gallery__thumb {
  max-width: 100%;
  margin-inline: auto;
}
.product__hero .hero__gallery._door .gallery__main {
  width: var(--main__width);
}
.product__hero .hero__gallery._door .gallery__thumb {
  width: var(--thumb__width);
}
@media only screen and (min-width: 52.125rem) {
  .product__hero .hero__gallery._door .gallery__thumb:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
  }
  .product__hero .hero__gallery._door .gallery__thumb:not(.slick-initialized) > *:nth-child(n+5) {
    display: none;
  }
  .product__hero .hero__gallery._door .gallery__thumb:not(.slick-initialized) > *:nth-child(n-3) {
    display: unset;
  }
}
.product__hero .gallery__tags {
  --tags__gap: clamp(0.25rem, 0.0601rem + 0.8439vw, 0.5rem);
  --tags__padding: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
  --tags__icon__width: 1.5rem;
  --tags__padding-inline: clamp(0.5rem, 0.3101rem + 0.8439vw, 0.75rem);
  display: flex;
  flex-direction: column;
  gap: var(--tags__gap);
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  padding: var(--tags__padding);
}
.product__hero .gallery__tags .tags__item {
  --item__color: var(--neutral-100);
  color: var(--item__color);
  font-size: clamp(0.75rem, 0.607rem + 0.1712vw, 0.8125rem);
  font-weight: 600;
  line-height: 1.125rem;
  letter-spacing: 0.125rem;
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .gallery__tags .tags__item {
    font-size: clamp(0.6875rem, 0.6644rem + 0.1025vw, 0.75rem);
    letter-spacing: clamp(0.0625rem, 0.0394rem + 0.1025vw, 0.125rem);
  }
}
.product__hero .gallery__tags .tags__item {
  width: max-content;
  display: flex;
  align-items: center;
  gap: var(--tags__gap);
  background-color: var(--item__background-color);
  padding-inline: var(--tags__padding-inline);
}
.product__hero .gallery__tags .tags__item::before {
  display: flex;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--tags__icon__width);
  min-width: var(--tags__icon__width);
  height: auto;
  aspect-ratio: 1;
}
.product__hero .gallery__tags .tags__item._top {
  --item__background-color: var(--primary-900);
}
.product__hero .gallery__tags .tags__item._top::before {
  background-image: url("../images/icons/top_24x24.svg");
}
.product__hero .gallery__tags .tags__item._discount {
  --item__background-color: var(--other-error-700);
}
.product__hero .gallery__tags .tags__item._discount::before {
  background-image: url("../images/icons/discount_24x24.svg");
}
.product__hero .gallery__tags .tags__item._gift {
  --item__background-color: var(--primary-500);
}
.product__hero .gallery__tags .tags__item._gift::before {
  background-image: url("../images/icons/gift_24x24.svg");
}
.product__hero .gallery__tags .tags__item._new {
  --item__background-color: var(--other-success-700);
}
.product__hero .gallery__tags .tags__item._new::before {
  background-image: url("../images/icons/new_24x24.svg");
}
.product__hero .gallery__tags .tags__item._soldout {
  --item__background-color: var(--other-divider-500);
}
.product__hero .gallery__tags .tags__item._soldout::before {
  background-image: url("../images/icons/soldout_24x24.svg");
}
.product__hero .gallery__main:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  overflow: hidden;
}
.product__hero .gallery__main:not(.slick-initialized) > *:nth-child(n+2) {
  display: none;
}
.product__hero .gallery__main .main__image {
  display: flex;
  width: 100%;
  height: auto;
  aspect-ratio: var(--image__aspect-ratio, 1);
  position: relative;
}
.product__hero .gallery__main .main__image img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  object-fit: cover;
  cursor: pointer;
}
.product__hero .gallery__thumb {
  --thumb__padding-inline: clamp(0.25rem, 0.1551rem + 0.4219vw, 0.375rem);
  width: calc(100% + var(--thumb__padding-inline) * 2);
  margin-inline: calc(var(--thumb__padding-inline) * -1);
}
@media only screen and (min-width: 52.125rem) {
  .product__hero .gallery__thumb:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
  }
  .product__hero .gallery__thumb:not(.slick-initialized) > *:nth-child(n+4) {
    display: none;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .gallery__thumb:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
  }
  .product__hero .gallery__thumb:not(.slick-initialized) > *:nth-child(n+5) {
    display: none;
  }
}
.product__hero .gallery__thumb .thumb__image {
  width: 100%;
  height: auto;
  aspect-ratio: var(--image__aspect-ratio, 1);
  position: relative;
}
.product__hero .gallery__thumb .thumb__image img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  object-fit: cover;
  cursor: pointer;
}
.product__hero .gallery__thumb .slick-slide, .product__hero .gallery__thumb > div:not(.slick-list) {
  padding-inline: var(--thumb__padding-inline);
}
.product__hero .gallery__gift {
  --gift__gap: 2rem;
  --gift__padding: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
  --gift__icon__width: clamp(6.8125rem, 0.9503rem + 7.0205vw, 9.375rem);
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .gallery__gift {
    --gift__gap: clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
    --gift__padding: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
    --gift__icon__width: clamp(3rem, 0.1044rem + 12.8692vw, 6.8125rem);
  }
}
.product__hero .gallery__gift {
  display: flex;
  align-items: center;
  gap: var(--gift__gap);
  background-color: var(--surfaces-500);
  padding: var(--gift__padding);
}
@media only screen and (max-width: 37.25rem) {
  .product__hero .gallery__gift {
    display: flex;
    flex-direction: column;
  }
}
.product__hero .gallery__gift .gift__icon {
  width: var(--gift__icon__width);
  min-width: var(--gift__icon__width);
  height: auto;
  aspect-ratio: 1;
  display: flex;
}
.product__hero .gallery__gift .gift__icon svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.product__hero .gallery__gift .gift__content {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
}
.product__hero .gallery__gift .content__text {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.product__hero .gallery__gift .text__title,
.product__hero .gallery__gift .text__description,
.product__hero .gallery__gift .content__info {
  color: var(--primary-500);
}
@media only screen and (max-width: 37.25rem) {
  .product__hero .gallery__gift .text__title,
  .product__hero .gallery__gift .text__description,
  .product__hero .gallery__gift .content__info {
    text-align: center;
  }
}
.product__hero .gallery__gift .text__title {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .gallery__gift .text__title {
    font-size: clamp(0.8125rem, 0.7664rem + 0.2049vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.product__hero .gallery__gift .text__description,
.product__hero .gallery__gift .content__info {
  font-size: clamp(0.8125rem, 0.6695rem + 0.1712vw, 0.875rem);
  line-height: 1.25rem;
}
.product__hero .gallery__gift .text__description {
  font-weight: 400;
}
.product__hero .gallery__gift .content__info {
  font-weight: 500;
}

.product__benefits {
  --benefits__padding-block: clamp(4rem, 0.5685rem + 4.1096vw, 5.5rem);
  --benefits__gap: clamp(2rem, -2.5753rem + 5.4795vw, 4rem);
  --benefits__columns: repeat(4, minmax(0, 1fr));
  --benefits__item__gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  --benefits__item__icon__width: 6.1875rem;
}
@media only screen and (max-width: 83.4375rem) {
  .product__benefits {
    --benefits__columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__benefits {
    --benefits__gap: 2.5rem;
    --benefits__columns: minmax(0, 1fr);
  }
}
.product__benefits {
  background-color: var(--surfaces-25);
  padding-block: var(--benefits__padding-block);
}
.product__benefits .wrap {
  display: grid;
  grid-gap: var(--benefits__gap);
  grid-template-columns: var(--benefits__columns);
}
.product__benefits .benefits__item {
  display: flex;
  flex-direction: column;
  gap: var(--benefits__item__gap);
}
.product__benefits .item__icon {
  width: var(--benefits__item__icon__width);
  min-width: var(--benefits__item__icon__width);
  height: auto;
  aspect-ratio: 1;
  margin-inline: auto;
}
.product__benefits .item__icon img {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
}
.product__benefits .item__title {
  color: var(--primary-900);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: 0.125rem;
}
.product__benefits .item__title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@supports not (-webkit-line-clamp: 1) {
  .product__benefits .item__title {
    white-space: nowrap;
  }
}
@supports (-webkit-line-clamp: 1) {
  .product__benefits .item__title {
    -webkit-line-clamp: 1;
    white-space: normal;
    line-height: 1.4;
    max-height: 1.4em;
  }
}
.product__benefits .item__title {
  text-align: center;
}
.product__benefits .item__description p, .product__benefits .item__description .p {
  color: var(--primary-900);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 300;
  line-height: 1.5rem;
}
.product__benefits .item__description p, .product__benefits .item__description .p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@supports not (-webkit-line-clamp: 2) {
  .product__benefits .item__description p, .product__benefits .item__description .p {
    white-space: nowrap;
  }
}
@supports (-webkit-line-clamp: 2) {
  .product__benefits .item__description p, .product__benefits .item__description .p {
    -webkit-line-clamp: 2;
    white-space: normal;
    line-height: 1.4;
    max-height: 2.8em;
  }
}
.product__benefits .item__description p, .product__benefits .item__description .p {
  text-align: center;
}
.product__benefits + .product__slider {
  border-top: unset;
}

.product__form {
  --form__padding-top: clamp(4.0625rem, 1.9178rem + 2.5685vw, 5rem);
  --form__padding-bottom: clamp(6.25rem, 0.5308rem + 6.8493vw, 8.75rem);
}
@media only screen and (max-width: 52.0625rem) {
  .product__form {
    --form__padding-top: clamp(2rem, 0.4335rem + 6.962vw, 4.0625rem);
    --form__padding-bottom: clamp(5rem, 4.0506rem + 4.2194vw, 6.25rem);
  }
}
.product__form {
  border-top: 0.0625rem solid var(--other-divider-300);
  padding-top: var(--form__padding-top);
  padding-bottom: var(--form__padding-bottom);
}
.product__form .form__content {
  --content__gap: 1rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__form .form__content {
    --content__gap: 0;
  }
}
.product__form .form__content {
  display: flex;
  flex-direction: column;
  gap: var(--content__gap);
  width: 40rem;
  max-width: 100%;
  margin-inline: auto;
}
.product__form .content__visual {
  --visual__width: 33.25rem;
  --visual__max-width: 100%;
  --visual__margin-inline: auto;
}
@media only screen and (max-width: 37.25rem) {
  .product__form .content__visual {
    --visual__width: calc(100% + (2 * var(--padding)));
    --visual__max-width: var(--visual__width);
    --visual__margin-inline: calc(var(--padding) * -1);
  }
}
.product__form .content__visual {
  width: var(--visual__width);
  max-width: var(--visual__max-width);
  display: flex;
  margin-inline: var(--visual__margin-inline);
}
.product__form .content__text {
  --text__align-items: center;
  display: flex;
  flex-direction: column;
  align-items: var(--text__align-items);
  gap: 1rem;
}
.product__form .content__text h1, .product__form .content__text .h1, .product__form .content__text p, .product__form .content__text .p {
  text-align: var(--text__align-items);
}
.product__form .content__text h1, .product__form .content__text .h1 {
  text-wrap: balance;
}
.product__form .content__text p, .product__form .content__text .p {
  font-size: clamp(1rem, 0.4281rem + 0.6849vw, 1.25rem);
  font-weight: 300;
  line-height: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
}
@media only screen and (max-width: 83.4375rem) {
  .product__form .content__text p, .product__form .content__text .p {
    font-size: clamp(0.9375rem, 0.9144rem + 0.1025vw, 1rem);
  }
}
.product__form .content__inputs {
  --inputs__gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  --input__margin-top: 0;
  --select__margin-top: 0;
  display: flex;
  flex-direction: column;
  gap: var(--inputs__gap);
  padding-top: var(--content__gap);
}
@media only screen and (max-width: 52.0625rem) {
  .product__form .content__inputs {
    padding-top: 1.5rem;
  }
}

.content__aside {
  padding-top: var(--columns__padding-top);
  padding-right: var(--columns__padding-inline);
  padding-bottom: var(--columns__padding-bottom);
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 67.75rem) {
  .content__aside {
    padding-bottom: clamp(4rem, 2.2911rem + 7.5949vw, 6.25rem);
  }
}
.content__aside .aside__block:not(:first-child):not(:nth-child(2)) {
  margin-top: 4rem;
}
.content__aside .aside__block:nth-child(2) {
  margin-top: 1.5rem;
}
.content__aside .aside__block > *:first-child {
  margin-top: 0;
}
.content__aside .aside__block .aside__guest {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: var(--primary-900);
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .content__aside .aside__block .aside__guest {
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.content__aside .aside__block .aside__guest {
  margin-top: 2.5rem;
  border: 0.0625rem solid var(--primary-900);
  padding-block: 1rem;
  padding-inline: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
}
.content__aside .aside__block .aside__guest svg {
  width: 1.75rem;
  min-width: 1.75rem;
  height: auto;
  aspect-ratio: 1;
}
.content__aside .aside__block .aside__guest svg path {
  stroke: var(--primary-900);
}
.content__aside .aside__block .aside__guest a {
  color: inherit;
}
@media (hover: hover) {
  .content__aside .aside__block .aside__guest a:hover {
    color: var(--primary-500);
  }
}
.content__aside .aside__block .aside__guest a {
  font-weight: 500;
  text-decoration: none;
}
.content__aside .aside__block:has(.aside__addresses) .aside__form {
  display: none;
}
.content__aside .aside__block:has(.aside__addresses .button input:checked) .aside__addresses .button {
  display: none;
}
.content__aside .aside__block:has(.aside__addresses .button input:checked) .aside__form {
  display: block;
  margin-top: 2.5rem;
}
.content__aside .aside__delivery {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 1.5rem;
}
.content__aside .delivery__info {
  color: var(--secondary-500);
  font-size: clamp(0.75rem, 0.464rem + 0.3425vw, 0.875rem);
  font-weight: 400;
  line-height: 1.25rem;
}
.content__aside .delivery__info {
  background-color: var(--surfaces-25);
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-block: 0.5rem;
  padding-inline: 1rem;
}
.content__aside .delivery__choices {
  display: contents;
}
.content__aside .delivery__choices label {
  --image__width: 4.5rem;
  --gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  --item__input__width: 1.75rem;
  --item__input__margin: 0.125rem;
  --item__color: var(--primary-900);
  --item__before__width: 0.375rem;
  --item__before__opacity: 0;
  --item__image__opacity: 0.04;
  --item__image__stroke: var(--primary-900);
}
@media only screen and (max-width: 22.4375rem) {
  .content__aside .delivery__choices label {
    --image__width: 3.5rem;
  }
}
.content__aside .delivery__choices label {
  display: flex;
  align-items: center;
  gap: 0 var(--gap);
  color: var(--item__color);
  cursor: pointer;
}
@media only screen and (max-width: 37.25rem) {
  .content__aside .delivery__choices label {
    display: grid;
    grid-gap: 0.3125rem var(--gap);
    grid-template-columns: minmax(0, var(--item__input__width)) minmax(0, var(--image__width)) minmax(0, 1fr);
    grid-template-areas: "input icon text" "input icon price";
  }
}
@media (hover: hover) {
  .content__aside .delivery__choices label:hover {
    --item__color: var(--primary-500);
    --item__image__stroke: var(--neutral-100);
    --item__image__opacity: 1;
  }
}
.content__aside .delivery__choices label:has(input:checked) {
  --item__before__opacity: 1;
  --item__color: var(--primary-500);
  --item__image__stroke: var(--neutral-100);
  --item__image__opacity: 1;
}
.content__aside .delivery__choices label input[type=radio] {
  width: calc(var(--item__input__width) - var(--item__input__margin) * 2);
  min-width: calc(var(--item__input__width) - var(--item__input__margin) * 2);
  height: auto;
  aspect-ratio: 1;
  margin: var(--item__input__margin);
  border-radius: 50%;
  border: 0.125rem solid var(--item__color);
  position: relative;
}
@media only screen and (max-width: 37.25rem) {
  .content__aside .delivery__choices label input[type=radio] {
    grid-area: input;
  }
}
.content__aside .delivery__choices label input[type=radio]::before {
  width: var(--item__before__width);
  height: auto;
  aspect-ratio: 1;
  background-color: var(--item__color);
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  opacity: var(--item__before__opacity);
}
.content__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;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  position: relative;
  grid-area: icon;
  color: inherit;
}
.content__aside .delivery__choices label .choice__icon svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.content__aside .delivery__choices label .choice__icon svg circle {
  fill: var(--item__color);
  opacity: var(--item__image__opacity);
}
.content__aside .delivery__choices label .choice__icon svg path {
  stroke: var(--item__image__stroke);
}
.content__aside .delivery__choices label .choice__text {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
  color: inherit;
  grid-area: text;
}
.content__aside .delivery__choices label .choice__title,
.content__aside .delivery__choices label .choice__description {
  display: block;
}
.content__aside .delivery__choices label .choice__title,
.content__aside .delivery__choices label .choice__price {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .content__aside .delivery__choices label .choice__title,
  .content__aside .delivery__choices label .choice__price {
    font-size: clamp(0.8125rem, 0.7664rem + 0.2049vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.content__aside .delivery__choices label .choice__description {
  font-size: clamp(0.8125rem, 0.6695rem + 0.1712vw, 0.875rem);
  font-weight: 400;
  line-height: 1.25rem;
}
.content__aside .delivery__choices label .choice__price {
  min-width: max-content;
  grid-area: price;
}
@media only screen and (min-width: 37.3125rem) {
  .content__aside .delivery__choices label .choice__price {
    margin-left: auto;
  }
}
.content__aside .aside__form {
  margin-top: 1.5rem;
}
.content__aside .aside__form > .input:first-child {
  margin-top: 0;
}
.content__aside .aside__form .checkbox {
  margin-top: 2rem;
}
.content__aside .aside__addresses {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 1.5rem;
}
.content__aside .aside__addresses .button input {
  display: none;
}
.content__aside .aside__payment {
  --payment__margin-top: 2rem;
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: repeat(auto-fill, minmax(10.625rem, 1fr));
  margin-top: var(--payment__margin-top);
}
@media only screen and (max-width: 37.25rem) {
  .content__aside .aside__payment {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.content__aside .aside__payment + .aside__payment {
  --payment__margin-top: 2.5rem;
}
.content__aside .aside__payment .payment__title {
  color: var(--primary-900);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 500;
  line-height: clamp(1.5rem, 1.214rem + 0.3425vw, 1.625rem);
}
@media only screen and (max-width: 83.4375rem) {
  .content__aside .aside__payment .payment__title {
    font-size: clamp(0.9375rem, 0.9144rem + 0.1025vw, 1rem);
  }
}
.content__aside .aside__payment .payment__title {
  padding-bottom: 0.5rem;
  grid-column: 1/-1;
}
.content__aside .aside__payment .payment__item {
  --item__background-color: var(--surfaces-25);
  --item__border-color: var(--item__background-color);
  --item__before__opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: clamp(4rem, 3.2405rem + 3.3755vw, 5rem);
  background-color: var(--item__background-color);
  border: 0.0625rem solid var(--item__border-color);
  position: relative;
  cursor: pointer;
  padding-block: clamp(0.6875rem, 0.64rem + 0.211vw, 0.75rem);
  padding-inline: clamp(1.1563rem, 0.5392rem + 2.7426vw, 1.9688rem);
}
@media (hover: hover) {
  .content__aside .aside__payment .payment__item:hover {
    --item__before__opacity: 0;
  }
}
.content__aside .aside__payment .payment__item:has(input:checked) {
  --item__background-color: var(--neutral-100);
  --item__border-color: var(--primary-500);
  --item__before__opacity: 0;
}
.content__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);
}
.content__aside .aside__payment .payment__item::before {
  background-color: var(--primary-900);
  mix-blend-mode: saturation;
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  opacity: var(--item__before__opacity);
  transition: opacity 0.2s ease-out;
}
.content__aside .aside__payment .payment__item input {
  display: none;
}
.content__aside .aside__payment .payment__item img,
.content__aside .aside__payment .payment__item .item__text {
  width: 100%;
  height: auto;
  aspect-ratio: 2.5625;
}
.content__aside .aside__payment .payment__item img {
  object-fit: scale-down;
}
.content__aside .aside__payment .payment__item .item__text {
  --text__icon__width: 1.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.375rem;
  color: var(--primary-500);
  font-size: clamp(0.75rem, 0.464rem + 0.3425vw, 0.875rem);
  font-weight: 600;
  line-height: 1.25rem;
}
.content__aside .aside__payment .payment__item .item__text svg {
  width: var(--text__icon__width);
  min-width: var(--text__icon__width);
  height: auto;
  aspect-ratio: 1;
}
.content__aside .aside__payment .payment__item .item__text svg path {
  fill: currentColor;
}
.content__aside .aside__payment .payment__item .item__text span {
  max-width: calc(100% - var(--text__icon__width));
  text-wrap: balance;
}

.content__main {
  --content__top: 1.5rem;
  padding-top: var(--columns__padding-top);
  padding-left: var(--columns__padding-inline);
  padding-bottom: var(--columns__padding-bottom);
}
@media only screen and (min-width: 67.8125rem) {
  .content__main {
    border-left: 0.0625rem solid var(--other-divider-300);
  }
}
@media only screen and (max-width: 67.75rem) {
  .content__main {
    padding-top: 0;
  }
}
.content__main .checkout__sticky {
  position: sticky;
  top: var(--content__top);
  transition: top 0.3s ease-in-out;
}
.content__main .main__products {
  --products__margin-top: 1.5rem;
  --products__border: 0.0625rem solid var(--other-divider-300);
  border-top: var(--products__border);
}
.content__main .main__products:not(:first-child) {
  margin-top: var(--products__margin-top);
}
.content__main .main__coupon {
  display: flex;
  gap: 1.5rem;
  margin-top: 1.5rem;
}
@media only screen and (max-width: 37.25rem) {
  .content__main .main__coupon {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
}
.content__main .main__coupon .coupon__input {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-block: 0.6875rem;
  padding-inline: 1rem;
  border: 0.0625rem solid var(--other-divider-500);
}
.content__main .main__coupon svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.content__main .main__coupon svg rect {
  fill: var(--secondary-400);
}
.content__main .main__coupon input {
  width: 100%;
  color: var(--secondary-400);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 300;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .content__main .main__coupon input {
    font-size: clamp(0.8125rem, 0.7664rem + 0.2049vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.content__main .main__coupon input::placeholder {
  color: var(--secondary-400);
}
.content__main .main__coupon .button {
  --button__max-width: clamp(10rem, 0.1344rem + 11.8151vw, 14.3125rem);
}
@media only screen and (max-width: 37.25rem) {
  .content__main .main__coupon .button {
    --button__max-width: 100%;
  }
}
.content__main .main__coupon .button {
  max-width: var(--button__max-width);
}
.content__main .main__coupon:has(input:placeholder-shown) .button,
.content__main .main__coupon .button:disabled {
  opacity: 0.25;
  pointer-events: none;
  cursor: not-allowed;
}
.content__main .main__summary {
  --summary__width: 26.8125rem;
}
@media only screen and (max-width: 83.4375rem) {
  .content__main .main__summary {
    --summary__width: 100%;
  }
}
.content__main .main__summary {
  width: var(--summary__width);
  max-width: 100%;
  margin-top: 2rem;
  margin-left: auto;
}
.content__main .main__summary .summary__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
  color: var(--primary-900);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .content__main .main__summary .summary__row {
    font-size: clamp(0.875rem, 0.8519rem + 0.1025vw, 0.9375rem);
  }
}
.content__main .main__summary .summary__row + .summary__row {
  margin-top: 0.5rem;
}
.content__main .main__summary .summary__row._total {
  padding-bottom: 1.5rem;
  border-bottom: 0.0625rem solid var(--other-divider-300);
}
.content__main .main__summary .summary__row._total span {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
}
.content__main .main__summary .checkbox {
  margin-top: 1.5rem;
}
.content__main .main__summary .checkbox + .checkbox {
  margin-top: 1rem;
}
.content__main .main__summary .button {
  margin-top: 1.5rem;
}

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

.checkout__columns {
  --columns__padding-top: 2.5rem;
  --columns__padding-bottom: clamp(6.25rem, 0.5308rem + 6.8493vw, 8.75rem);
  --columns__padding-inline: clamp(2.6875rem, -2.3168rem + 5.9932vw, 4.875rem);
  --columns__aside__width: clamp(40.1875rem, 20.8853rem + 23.1164vw, 48.625rem);
}
@media only screen and (max-width: 83.4375rem) {
  .checkout__columns {
    --columns__padding-inline: clamp(1.5rem, -3.6332rem + 7.5697vw, 2.6875rem);
    --columns__aside__width: clamp(30.8125rem, -9.7129rem + 59.761vw, 40.1875rem);
  }
}
@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-bottom: clamp(5rem, 4.0506rem + 4.2194vw, 6.25rem);
  }
}
.checkout__columns .columns__content {
  display: grid;
  grid-template-columns: minmax(0, var(--columns__aside__width)) minmax(0, 1fr);
}
@media only screen and (max-width: 67.75rem) {
  .checkout__columns .columns__content {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}
.checkout__columns .checkout__title {
  color: var(--primary-900);
  font-size: clamp(1.25rem, 0.6781rem + 0.6849vw, 1.5rem);
  font-weight: 500;
  line-height: clamp(1.625rem, 0.7671rem + 1.0274vw, 2rem);
}
@media only screen and (max-width: 83.4375rem) {
  .checkout__columns .checkout__title {
    font-size: clamp(1rem, 0.9078rem + 0.4098vw, 1.25rem);
    line-height: clamp(1.5rem, 1.4539rem + 0.2049vw, 1.625rem);
  }
}
@media only screen and (max-width: 67.75rem) {
  .checkout__columns .checkout__title {
    text-align: center;
  }
}

.login {
  --login__background__width: 52.08%;
}
@media only screen and (max-width: 119.9375rem) {
  .login {
    --login__background__width: clamp(43.75rem, 0.8562rem + 51.3699vw, 62.5rem);
  }
}
.login {
  display: flex;
  flex: 1;
}
.login .login__background {
  display: flex;
  width: var(--login__background__width);
  max-width: 100%;
  position: relative;
}
@media only screen and (max-width: 83.4375rem) {
  .login .login__background {
    display: none;
  }
}
.login .login__background .background__image {
  width: 100%;
  height: 100%;
  max-height: 100svh;
  background-image: url("../images/backgrounds/login/2000x2160/image_1.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;
  flex: 1;
}
@media only screen and (max-width: 83.4375rem) {
  .login .login__content {
    padding-inline: var(--padding);
  }
}
.login main {
  width: 100%;
  max-width: 30rem;
  margin-inline: auto;
}
.login .verification__icon {
  width: 9.125rem;
  min-width: 9.125rem;
  height: auto;
  aspect-ratio: 1;
  margin-inline: auto;
  margin-bottom: 1.5rem;
}
.login .verification__icon svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.login .verification__icon svg circle,
.login .verification__icon svg path {
  stroke: var(--primary-500);
}
.login h1, .login .h1, .login h2, .login .h2 {
  text-align: center;
}
.login h1, .login .h1 {
  font-size: clamp(1.125rem, 0.5531rem + 0.6849vw, 1.375rem);
  font-weight: 500;
  line-height: clamp(1.625rem, 0.7671rem + 1.0274vw, 2rem);
}
@media only screen and (max-width: 83.4375rem) {
  .login h1, .login .h1 {
    font-size: clamp(1.0625rem, 1.0394rem + 0.1025vw, 1.125rem);
  }
}
.login p, .login .p {
  color: var(--primary-900);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 300;
  line-height: 1.5rem;
}
.login p, .login .p {
  text-align: center;
  margin-top: 1rem;
}
.login .button {
  margin-top: 2rem;
}
.login form {
  display: flex;
  flex-direction: column;
  margin-top: 1.5rem;
}
.login form > *:first-child {
  margin-top: 0;
}
.login form .form__divider {
  background-color: var(--other-divider-300);
  width: 100%;
  height: 0.0625rem;
  margin-top: 2rem;
}
.login form .checkbox[for=company-checkbox] {
  margin-top: 2rem;
}
.login form .checkbox:not([for=company-checkbox]) {
  margin-top: 1.5rem;
}
.login form .checkbox:not([for=company-checkbox]) + .checkbox {
  margin-top: 1rem;
}
.login .reminder {
  color: var(--primary-900);
  font-size: clamp(0.75rem, 0.464rem + 0.3425vw, 0.875rem);
  font-weight: 400;
  line-height: 1.25rem;
}
.login .reminder {
  text-decoration: none;
  text-align: center;
  margin-inline: auto;
  margin-top: 2rem;
}
.login .reminder a {
  color: inherit;
}
@media (hover: hover) {
  .login .reminder a:hover {
    color: var(--primary-500);
  }
}
.login .reminder a {
  color: var(--primary-500);
}
@media (hover: hover) {
  .login .reminder a:hover {
    text-decoration: none;
  }
}
.login .register {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 2rem;
}
.login .register::before {
  --icon__width: 2.5rem;
  display: flex;
  content: "";
  background-image: url("../images/icons/slash_40x40.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;
  margin-bottom: 2rem;
}
.login .register .button {
  margin-top: 0;
}
.login h2, .login .h2 {
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 500;
  line-height: clamp(1.5rem, 1.214rem + 0.3425vw, 1.625rem);
}
@media only screen and (max-width: 83.4375rem) {
  .login h2, .login .h2 {
    font-size: clamp(0.9375rem, 0.9144rem + 0.1025vw, 1rem);
  }
}
.login h2, .login .h2 {
  margin-bottom: 1.5rem;
}
.login header {
  background-color: var(--neutral-100);
  display: flex;
  justify-content: center;
  padding-top: clamp(3rem, 2.2405rem + 3.3755vw, 4rem);
  padding-bottom: clamp(2rem, 1.6203rem + 1.6878vw, 2.5rem);
}
.login header .header__logo {
  --logo__width: clamp(8.25rem, 2.2449rem + 7.1918vw, 10.875rem);
}
@media only screen and (max-width: 52.0625rem) {
  .login header .header__logo {
    --logo__width: clamp(7.8125rem, 7.4802rem + 1.4768vw, 8.25rem);
  }
}
.login header .header__logo {
  width: var(--logo__width);
  min-width: var(--logo__width);
  height: auto;
  aspect-ratio: 3.48;
  display: flex;
}
.login header .header__logo svg {
  width: 100%;
  height: 100%;
}
.login header .header__close {
  --close__right: clamp(1.5rem, -15.0856rem + 19.863vw, 8.75rem);
}
@media only screen and (max-width: 83.4375rem) {
  .login header .header__close {
    --close__right: calc(clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem) - var(--padding));
  }
}
.login header .header__close {
  display: flex;
  justify-content: center;
  align-items: center;
  color: inherit;
}
@media (hover: hover) {
  .login header .header__close:hover {
    color: var(--primary-500);
  }
}
.login header .header__close {
  width: 2rem;
  min-width: 2rem;
  height: auto;
  aspect-ratio: 1;
  position: absolute;
  top: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  right: var(--close__right);
}
.login header .header__close svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.login header .header__close svg path {
  stroke: currentColor;
}
.login footer {
  --footer__padding-inline: 4rem;
  --footer__padding-bottom: 2rem;
  --footer__padding-top: var(--footer__padding-bottom);
  --footer__text__color-75: rgba(0, 0, 0, 0.75);
}
@media only screen and (max-width: 83.4375rem) {
  .login footer {
    --footer__padding-inline: 0;
  }
}
.login footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  color: var(--footer__text__color-75);
  font-size: clamp(0.75rem, 0.607rem + 0.1712vw, 0.8125rem);
  font-weight: 400;
  line-height: 1.125rem;
}
@media only screen and (max-width: 83.4375rem) {
  .login footer {
    font-size: clamp(0.6875rem, 0.6644rem + 0.1025vw, 0.75rem);
  }
}
.login footer {
  background-color: var(--neutral-100);
  padding-inline: var(--footer__padding-inline);
}
@media only screen and (max-width: 101.6875rem) {
  .login footer {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    text-align: center;
  }
}
.login footer::before {
  content: none;
}
.login footer a {
  display: flex;
  color: inherit;
}
@media (hover: hover) {
  .login footer a:hover {
    color: var(--primary-500);
  }
}
@media only screen and (max-width: 101.6875rem) {
  .login footer > span:nth-child(1) {
    order: 2;
  }
}
.login footer span:has(a) {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  opacity: 0.75;
}
@media only screen and (max-width: 101.6875rem) {
  .login footer span:has(a) {
    order: 3;
  }
}
.login footer span:has(a) a {
  color: inherit;
}
@media (hover: hover) {
  .login footer span:has(a) a:hover {
    color: var(--primary-500);
  }
}
.login footer span:has(a) a {
  color: var(--primary-900);
}
.login footer span:has(a) svg {
  width: 5.6875rem;
  height: auto;
  aspect-ratio: 6.0666666667;
  margin-bottom: 0.125rem;
}
.login footer span:has(a) svg path {
  fill: currentColor;
}
@media only screen and (max-width: 101.6875rem) {
  .login footer .footer__socials {
    order: 1;
    padding-bottom: 0.5rem;
  }
}
.login footer .footer__socials .socials__icon {
  color: var(--primary-900);
  opacity: 0.6;
}
@media (hover: hover) {
  .login footer .footer__socials .socials__icon:hover {
    color: var(--primary-500);
    opacity: 1;
  }
}
.login footer .footer__socials .socials__icon svg path[fill="#222222"] {
  fill: var(--neutral-100);
}

.account {
  --account__padding-bottom: clamp(6.25rem, 0.5308rem + 6.8493vw, 8.75rem);
}
@media only screen and (max-width: 52.0625rem) {
  .account {
    --account__padding-bottom: clamp(5rem, 4.0506rem + 4.2194vw, 6.25rem);
  }
}
.account {
  border-top: 0.0625rem solid var(--other-divider-300);
  padding-bottom: var(--account__padding-bottom);
  position: relative;
  flex: 1;
}
.account::after {
  --icon__width: clamp(5rem, -0.7192rem + 6.8493vw, 7.5rem);
  display: flex;
  content: "";
  background-image: url("../images/backgrounds/account/triangle/120x360/image_1.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 0.3333333333;
  position: absolute;
  z-index: -1;
  top: 5.3125rem;
  right: 0;
}
@media only screen and (max-width: 101.6875rem) {
  .account::after {
    content: none;
  }
}
.account .wrap {
  --wrap__col-gap: clamp(5rem, -3.5788rem + 10.274vw, 8.75rem);
  --wrap__columns: minmax(0, clamp(18.75rem, 1.0205rem + 21.2329vw, 26.5rem)) minmax(0, 1fr);
}
@media only screen and (max-width: 83.4375rem) {
  .account .wrap {
    --wrap__col-gap: clamp(2.5rem, -8.3068rem + 15.9363vw, 5rem);
  }
}
@media only screen and (max-width: 67.75rem) {
  .account .wrap {
    --wrap__columns: minmax(0, 1fr);
  }
}
.account .wrap {
  display: grid;
  grid-gap: 0 var(--wrap__col-gap);
  grid-template-columns: var(--wrap__columns);
}
.account .breadcrumb {
  --breadcrumb__padding-block: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
}
@media only screen and (max-width: 52.0625rem) {
  .account .breadcrumb {
    --breadcrumb__padding-block: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  }
}
.account .breadcrumb {
  padding-block: var(--breadcrumb__padding-block);
  grid-column: 1/-1;
}
@media only screen and (max-width: 67.75rem) {
  .account .breadcrumb {
    margin-inline: auto;
  }
}
.account .account__aside {
  --aside__gap: clamp(2.75rem, -1.2534rem + 4.7945vw, 4.5rem);
  --aside__align-items: 0;
  --aside__nav__list__align-items: 0;
}
@media only screen and (max-width: 67.75rem) {
  .account .account__aside {
    --aside__gap: clamp(2.5rem, 1.6693rem + 1.5936vw, 2.75rem);
    --aside__align-items: center;
  }
}
@media only screen and (max-width: 37.25rem) {
  .account .account__aside {
    --aside__gap: clamp(2rem, 1.6203rem + 1.6878vw, 2.5rem);
    --aside__align-items: flex-start;
  }
}
.account .account__aside {
  display: flex;
  flex-direction: column;
  align-items: var(--aside__align-items);
  gap: var(--aside__gap);
}
.account .account__aside ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.account .account__aside ul li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  position: unset;
  padding-left: unset;
}
.account .account__aside ul {
  list-style: none;
}
.account .account__aside a {
  text-decoration: none;
}
@media only screen and (max-width: 67.75rem) {
  .account .account__aside {
    padding-bottom: 2.5rem;
  }
}
@media only screen and (max-width: 67.75rem) {
  .account .account__aside h1, .account .account__aside .h1 {
    width: 100%;
    text-align: center;
  }
}
.account .account__aside .nav__list {
  display: flex;
  flex-direction: column;
  align-items: var(--aside__align-items);
  gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
}
.account .account__aside .list__item {
  display: flex;
}
.account .account__aside .item__link {
  color: var(--primary-900);
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: 0.1875rem;
}
@media only screen and (max-width: 83.4375rem) {
  .account .account__aside .item__link {
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
    letter-spacing: clamp(0.125rem, 0.1019rem + 0.1025vw, 0.1875rem);
  }
}
.account .account__aside .item__link {
  display: flex;
  align-items: center;
  gap: 1rem;
  text-transform: uppercase;
}
@media (hover: hover) {
  .account .account__aside .item__link:hover {
    color: var(--primary-500);
  }
  .account .account__aside .item__link:hover .link__icon {
    color: var(--primary-500);
  }
}
.account .account__aside .item__link._active {
  color: var(--primary-500);
}
.account .account__aside .item__link._active .link__icon {
  color: var(--primary-500);
}
.account .account__aside .item__link._active > span:not(.link__icon) {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: 0.0625rem;
  text-underline-offset: 0.3125rem;
  text-underline-position: from-font;
}
.account .account__aside .link__icon {
  width: clamp(2rem, 1.7152rem + 1.2658vw, 2.375rem);
  min-width: clamp(2rem, 1.7152rem + 1.2658vw, 2.375rem);
  height: auto;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--primary-900);
}
.account .account__aside .link__icon svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.account .account__aside .link__icon svg path {
  stroke: currentColor;
}
.account .account__main {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.account .account__main .main__greeting {
  background-color: var(--surfaces-500);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
}
@media only screen and (max-width: 37.25rem) {
  .account .account__main .main__greeting {
    width: calc(100% + 2 * var(--padding));
    margin-inline: calc(var(--padding) * -1);
  }
}
.account .account__main .greeting__title {
  color: var(--primary-500);
  font-size: clamp(1.125rem, 0.5531rem + 0.6849vw, 1.375rem);
  font-weight: 400;
  line-height: clamp(1.625rem, 0.7671rem + 1.0274vw, 2rem);
}
@media only screen and (max-width: 83.4375rem) {
  .account .account__main .greeting__title {
    font-size: clamp(1.0625rem, 1.0394rem + 0.1025vw, 1.125rem);
  }
}
@media only screen and (max-width: 67.75rem) {
  .account .account__main .greeting__title {
    text-align: center;
  }
}
.account .account__main .greeting__name {
  font-weight: 500;
}
.account .account__main .greeting__credits {
  display: flex;
  gap: 0.5rem 1.5rem;
  flex-wrap: wrap;
}
.account .account__main .credits__item {
  --item__color: var(--primary-500);
  --item__padding-inline: 1.5rem;
}
@media only screen and (max-width: 37.25rem) {
  .account .account__main .credits__item {
    --item__padding-inline: var(--padding);
  }
}
.account .account__main .credits__item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  background-color: var(--neutral-100);
  box-shadow: var(--shadow-2);
  padding-block: 1.25rem;
  padding-inline: var(--item__padding-inline);
}
@media only screen and (max-width: 67.75rem) {
  .account .account__main .credits__item {
    width: 100%;
  }
}
.account .account__main .credits__item._red {
  --item__color: var(--other-error-700);
  --item__icon__transform: scaleX(-1) rotate(180deg);
}
.account .account__main .credits__item .item__icon {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  transform: var(--item__icon__transform);
}
.account .account__main .credits__item .item__icon svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.account .account__main .credits__item .item__icon svg path {
  stroke: var(--item__color);
}
.account .account__main .credits__item .item__title {
  color: var(--item__color);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .account .account__main .credits__item .item__title {
    font-size: clamp(0.8125rem, 0.7664rem + 0.2049vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.account .account__main .credits__item .item__title span {
  font-weight: 500;
}
.account .account__main .main__block {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 0.7405rem + 3.3755vw, 2.5rem);
}
.account .account__main .main__block._add-address {
  display: none;
}
@media only screen and (max-width: 37.25rem) {
  .account .account__main .main__block .button {
    max-width: 100%;
  }
}
.account .account__main .main__block > p, .account .account__main .main__block > .p {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 67.75rem) {
  .account .account__main .main__block > p, .account .account__main .main__block > .p {
    text-align: center;
  }
}
.account .account__main:has(.main__block .button input:checked) .main__block:has(.block__addresses) {
  display: none;
}
.account .account__main:has(.main__block .button input:checked) .main__block._add-address {
  display: flex;
}
.account .account__main h2, .account .account__main .h2 {
  font-size: clamp(1.25rem, 0.6781rem + 0.6849vw, 1.5rem);
  font-weight: 500;
  line-height: clamp(1.625rem, 0.7671rem + 1.0274vw, 2rem);
}
@media only screen and (max-width: 83.4375rem) {
  .account .account__main h2, .account .account__main .h2 {
    font-size: clamp(1rem, 0.9078rem + 0.4098vw, 1.25rem);
    line-height: clamp(1.5rem, 1.4539rem + 0.2049vw, 1.625rem);
  }
}
@media only screen and (max-width: 67.75rem) {
  .account .account__main h2, .account .account__main .h2 {
    text-align: center;
  }
}
.account .account__main h3, .account .account__main .h3 {
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 500;
  line-height: clamp(1.5rem, 1.214rem + 0.3425vw, 1.625rem);
}
@media only screen and (max-width: 83.4375rem) {
  .account .account__main h3, .account .account__main .h3 {
    font-size: clamp(0.9375rem, 0.9144rem + 0.1025vw, 1rem);
  }
}
@media only screen and (max-width: 67.75rem) {
  .account .account__main h3, .account .account__main .h3 {
    text-align: center;
  }
}
.account .account__main h3 + *, .account .account__main .h3 + * {
  margin-top: 1.5rem !important;
}
.account .account__main .checkbox {
  margin-top: 2rem;
}
.account .account__main .block__form,
.account .account__main .block__buttons {
  --form__width: 43.75rem;
}
@media only screen and (max-width: 67.75rem) {
  .account .account__main .block__form,
  .account .account__main .block__buttons {
    --form__width: 100%;
  }
}
.account .account__main .block__form,
.account .account__main .block__buttons {
  width: var(--form__width);
  max-width: 100%;
}
.account .account__main .block__form > *:first-child {
  --input__margin-top: 0rem;
  --select__margin-top: 0rem;
}
.account .account__main .block__buttons {
  --buttons__gap: 3.75rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__buttons {
    --buttons__direction: column;
    --buttons__gap: 1.5rem;
  }
}
.account .account__main .block__buttons {
  display: flex;
  flex-direction: var(--buttons__direction);
  justify-content: space-between;
  gap: var(--buttons__gap);
}
.account .account__main .block__addresses {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.account .account__main .block__addresses .button input {
  display: none;
}
.account .account__main .block__history {
  --history__col_1: clamp(5.625rem, -2.3818rem + 9.589vw, 9.125rem);
  --history__col_2: clamp(7.25rem, 1.9598rem + 6.3356vw, 9.5625rem);
  --history__col_3: clamp(9.125rem, 8.1241rem + 1.1986vw, 9.5625rem);
  --history__col_4: clamp(9.75rem, 4.4598rem + 6.3356vw, 12.0625rem);
  --history__col_5: clamp(8.5rem, 0.3502rem + 9.7603vw, 12.0625rem);
  --history__col_6: clamp(7.0625rem, 7.6789rem + -0.5137vw, 7.25rem);
  --history__col_7: clamp(5.625rem, 2.7654rem + 3.4247vw, 6.875rem);
  --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) + var(--history__col_7));
  --history__border: 0.0625rem solid var(--other-divider-300);
}
@media only screen and (max-width: 67.75rem) {
  .account .account__main .block__history {
    --history__col_1: clamp(5.625rem, 3.8871rem + 7.7241vw, 9.125rem);
    --history__col_2: clamp(7.25rem, 6.1017rem + 5.1034vw, 9.5625rem);
    --history__col_3: clamp(9.125rem, 8.9078rem + 0.9655vw, 9.5625rem);
    --history__col_4: clamp(9.75rem, 8.6017rem + 5.1034vw, 12.0625rem);
    --history__col_5: clamp(8.5rem, 6.731rem + 7.8621vw, 12.0625rem);
    --history__col_6: clamp(7.0625rem, 7.3431rem + -0.4138vw, 7.25rem);
    --history__col_7: clamp(5.625rem, 5.0043rem + 2.7586vw, 6.875rem);
  }
}
.account .account__main .block__history {
  overflow-x: auto;
}
.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-900);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
.account .account__main .block__history .history__item {
  border-bottom: var(--history__border);
}
.account .account__main .block__history .history__item._header {
  color: var(--secondary-400);
  font-size: clamp(0.8125rem, 0.6695rem + 0.1712vw, 0.875rem);
  font-weight: 600;
  line-height: 1.25rem;
}
.account .account__main .block__history .history__item._header {
  border-top: var(--history__border);
}
.account .account__main .block__history .item__col {
  display: flex;
  justify-content: var(--col__justify-content);
  align-items: center;
  min-height: 3.375rem;
  padding: 0.25rem 0.4375rem;
}
.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) {
  --col__justify-content: center;
  border-left: var(--history__border);
  text-align: center;
}
.account .account__main .block__history .item__col span a {
  color: inherit;
}
@media (hover: hover) {
  .account .account__main .block__history .item__col span a:hover {
    color: var(--primary-500);
  }
}
.account .account__main .block__history .item__col._status._completed {
  opacity: 0.5;
}
.account .account__main .block__history .item__col._status._paid {
  color: var(--other-success-700);
}
.account .account__main .block__history .item__col._status._not-paid {
  color: var(--other-error-700);
}
.account .account__main .block__history .item__col._status, .account .account__main .block__history .item__col._total {
  font-weight: 500;
}
.account .account__main .block__history .col__open {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.75rem, 0.464rem + 0.3425vw, 0.875rem);
  font-weight: 600;
  line-height: 1.25rem;
}
.account .account__main .block__history .col__open {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: 0.0625rem;
  text-underline-offset: 0.1875rem;
  text-underline-position: from-font;
}
.account .account__main .block__history .col__open svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.account .account__main .block__history .col__open svg path {
  fill: currentColor;
}
.account .account__main .block__order {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 0.7405rem + 3.3755vw, 2.5rem);
}
.account .account__main .block__order .order__title {
  display: flex;
  gap: 1rem;
}
@media only screen and (max-width: 83.4375rem) {
  .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: 83.4375rem) {
  .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;
    text-align: left;
  }
}
@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(--neutral-100);
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .account .account__main .block__order .order__title .title__status {
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
  }
}
.account .account__main .block__order .order__title .title__status {
  background-color: var(--other-success-700);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: max-content;
  text-align: center;
  padding-block: 0.25rem;
  padding-inline: 1.5rem;
}
.account .account__main .block__order .order__info {
  --info__border: 0.0625rem solid var(--other-divider-300);
  --info__padding-inline: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__info {
    --info__padding-inline: 0;
  }
}
.account .account__main .block__order .order__info {
  display: flex;
  min-height: 3.375rem;
  border-block: var(--info__border);
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__info {
    display: flex;
    flex-direction: column;
    padding-block: 0.25rem;
  }
}
.account .account__main .block__order .order__info .info__item {
  color: var(--primary-900);
  font-size: clamp(0.8125rem, 0.6695rem + 0.1712vw, 0.875rem);
  font-weight: 400;
  line-height: 1.25rem;
}
.account .account__main .block__order .order__info .info__item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem var(--info__padding-inline);
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__info .info__item {
    padding: 0.5rem 0;
    border-bottom: var(--info__border);
  }
}
.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: var(--info__border);
}
@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 a {
  color: inherit;
}
@media (hover: hover) {
  .account .account__main .block__order .order__info a:hover {
    color: var(--primary-500);
  }
}
.account .account__main .block__order .order__info a {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: 0.0625rem;
  text-underline-offset: 0.125rem;
  text-underline-position: from-font;
}
.account .account__main .block__order .order__info span:first-child {
  font-weight: 600;
}
.account .account__main .block__order .order__info .info__pdf {
  color: var(--primary-900);
  font-size: clamp(0.8125rem, 0.6695rem + 0.1712vw, 0.875rem);
  font-weight: 600;
  line-height: 1.25rem;
}
.account .account__main .block__order .order__info .info__pdf {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  margin-left: auto;
  padding-left: var(--info__padding-inline);
  border-left: var(--info__border);
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__info .info__pdf {
    border-left: 0;
    margin-left: 0;
    padding-block: 0.5rem;
  }
}
.account .account__main .block__order .order__info .info__pdf svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.account .account__main .block__order .order__info .info__pdf svg path {
  stroke: currentColor;
}
.account .account__main .block__order .order__data {
  --data__columns: repeat(4, minmax(0, 1fr));
}
@media only screen and (max-width: 83.4375rem) {
  .account .account__main .block__order .order__data {
    --data__columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 37.25rem) {
  .account .account__main .block__order .order__data {
    --data__columns: minmax(0, 1fr);
  }
}
.account .account__main .block__order .order__data {
  display: grid;
  grid-gap: clamp(0.5rem, 0.3101rem + 0.8439vw, 0.75rem);
  grid-template-columns: var(--data__columns);
  color: var(--primary-900);
}
.account .account__main .block__order .order__data .data__item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  background-color: var(--surfaces-25);
  padding: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
}
.account .account__main .block__order .order__data .item__title {
  color: inherit;
  font-size: clamp(0.8125rem, 0.6695rem + 0.1712vw, 0.875rem);
  font-weight: 600;
  line-height: 1.25rem;
}
.account .account__main .block__order .order__data .item__row {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.account .account__main .block__order .order__data .row__col:first-child {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.account .account__main .block__order .order__data p, .account .account__main .block__order .order__data .p {
  color: inherit;
  font-size: clamp(0.8125rem, 0.6695rem + 0.1712vw, 0.875rem);
  font-weight: 400;
  line-height: 1.25rem;
}
.account .account__main .block__order .order__products {
  --products__border: 0.0625rem solid var(--other-divider-300);
  border-top: var(--products__border);
}
.account .account__main .block__order .order__summary {
  --summary__width: 25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__summary {
    --summary__width: 100%;
  }
}
.account .account__main .block__order .order__summary {
  width: var(--summary__width);
  max-width: 100%;
  margin-left: auto;
}
.account .account__main .block__order .order__summary .summary__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
  color: var(--primary-900);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .account .account__main .block__order .order__summary .summary__row {
    font-size: clamp(0.875rem, 0.8519rem + 0.1025vw, 0.9375rem);
  }
}
.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 {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
}
.account .account__main .block__order .order__summary .button {
  margin-top: clamp(1.5rem, 0.7405rem + 3.3755vw, 2.5rem);
}

.about__shops {
  --shops__padding-block: clamp(6.25rem, 0.5308rem + 6.8493vw, 8.75rem);
}
@media only screen and (max-width: 52.0625rem) {
  .about__shops {
    --shops__padding-block: clamp(5rem, 4.0506rem + 4.2194vw, 6.25rem);
  }
}
.about__shops {
  padding-block: var(--shops__padding-block);
  border-top: 0.0625rem solid var(--other-divider-300);
  scroll-margin-top: -0.0625rem;
}
.about__shops .wrap {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 0.7405rem + 3.3755vw, 2.5rem);
}
.about__shops h2, .about__shops .h2 {
  text-align: center;
}
.about__shops .shops__grid {
  --grid__width: clamp(70rem, 17.3836rem + 63.0137vw, 93rem);
  --grid__columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 67.75rem) {
  .about__shops .shops__grid {
    --grid__width: 32.5rem;
    --grid__columns: minmax(0, 1fr);
  }
}
.about__shops .shops__grid {
  width: var(--grid__width);
  max-width: 100%;
  display: grid;
  grid-gap: 5rem;
  grid-template-columns: var(--grid__columns);
  margin-inline: auto;
}
.about__shops .grid__item {
  --item__gap: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .about__shops .grid__item {
    --item__gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.about__shops .grid__item {
  display: flex;
  flex-direction: column;
  gap: var(--item__gap);
}
.about__shops .item__photo {
  display: flex;
  width: 100%;
  height: auto;
  aspect-ratio: 1.6;
}
.about__shops .item__text {
  display: flex;
  flex-direction: column;
  gap: var(--item__gap);
}
.about__shops .text__title {
  color: inherit;
}
@media (hover: hover) {
  .about__shops .text__title:hover {
    color: var(--primary-500);
  }
}
.about__shops .text__title {
  font-size: clamp(1.125rem, 0.5531rem + 0.6849vw, 1.375rem);
  font-weight: 400;
  line-height: clamp(1.625rem, 0.7671rem + 1.0274vw, 2rem);
}
@media only screen and (max-width: 83.4375rem) {
  .about__shops .text__title {
    font-size: clamp(1.0625rem, 1.0394rem + 0.1025vw, 1.125rem);
  }
}
.about__shops .text__title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@supports not (-webkit-line-clamp: 1) {
  .about__shops .text__title {
    white-space: nowrap;
  }
}
@supports (-webkit-line-clamp: 1) {
  .about__shops .text__title {
    -webkit-line-clamp: 1;
    white-space: normal;
    line-height: 1.4;
    max-height: 1.4em;
  }
}
.about__shops .text__title {
  text-decoration: none;
}
.about__shops .text__directions {
  color: inherit;
}
@media (hover: hover) {
  .about__shops .text__directions:hover {
    color: var(--primary-500);
  }
}
.about__shops .text__directions {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
.about__shops .text__directions {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: 0.0625rem;
  text-underline-offset: 0.15625rem;
  text-underline-position: from-font;
}
@media (hover: hover) {
  .about__shops .text__directions:hover {
    text-decoration: none;
  }
}
.about__shops .text__directions svg {
  width: 3.75rem;
  min-width: 3.75rem;
  height: auto;
  aspect-ratio: 1;
}
.about__shops .directions__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.about__shops .directions__title svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.about__shops .directions__title svg path {
  fill: currentColor;
}

.hero + .about__shops {
  border-top: 0;
}

.about__manufacturers {
  --manufacturers__padding-block: clamp(6.25rem, 0.5308rem + 6.8493vw, 8.75rem);
}
@media only screen and (max-width: 52.0625rem) {
  .about__manufacturers {
    --manufacturers__padding-block: clamp(5rem, 4.0506rem + 4.2194vw, 6.25rem);
  }
}
.about__manufacturers {
  padding-block: var(--manufacturers__padding-block);
  border-top: 0.0625rem solid var(--other-divider-300);
}
.about__manufacturers .wrap {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 0.7405rem + 3.3755vw, 2.5rem);
}
.about__manufacturers h2, .about__manufacturers .h2 {
  text-align: center;
}
.about__manufacturers .manufacturers__grid {
  --grid__gap: clamp(0.5rem, 0.3101rem + 0.8439vw, 0.75rem);
  display: flex;
  justify-content: center;
  gap: var(--grid__gap);
  flex-wrap: wrap;
}
.about__manufacturers .grid__item {
  --item__gap: 1rem;
  --item__border-color: var(--other-divider-300);
  --item__after__opacity: 1;
}
@media (hover: hover) {
  .about__manufacturers .grid__item:hover {
    --item__border-color: var(--primary-500);
    --item__after__opacity: 0;
  }
}
.about__manufacturers .grid__item {
  color: inherit;
}
@media (hover: hover) {
  .about__manufacturers .grid__item:hover {
    color: var(--primary-500);
  }
}
.about__manufacturers .grid__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--item__gap);
  border: 0.0625rem solid var(--item__border-color);
  padding-block: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  padding-inline: 1rem;
  text-decoration: none;
}
@media only screen and (max-width: 37.25rem) {
  .about__manufacturers .grid__item {
    max-width: calc((100% - var(--grid__gap)) / 2);
  }
}
.about__manufacturers .item__photo {
  width: 100%;
  max-width: clamp(8rem, 6.481rem + 6.7511vw, 10rem);
  height: auto;
  aspect-ratio: 2;
  background-color: var(--neutral-100);
  display: flex;
  position: relative;
}
.about__manufacturers .item__photo::after {
  background-color: var(--primary-900);
  content: "";
  position: absolute;
  inset: 0;
  mix-blend-mode: color;
  opacity: var(--item__after__opacity);
}
.about__manufacturers .item__title {
  font-size: clamp(0.75rem, 0.464rem + 0.3425vw, 0.875rem);
  font-weight: 400;
  line-height: 1.25rem;
}
.about__manufacturers .item__title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@supports not (-webkit-line-clamp: 1) {
  .about__manufacturers .item__title {
    white-space: nowrap;
  }
}
@supports (-webkit-line-clamp: 1) {
  .about__manufacturers .item__title {
    -webkit-line-clamp: 1;
    white-space: normal;
    line-height: 1.4;
    max-height: 1.4em;
  }
}
.about__manufacturers .item__title {
  text-align: center;
}
@media only screen and (max-width: 37.25rem) {
  .about__manufacturers .item__title {
    display: none;
  }
}

.hero + .about__manufacturers {
  border-top: 0;
}

.designers__form {
  --form__padding-block: clamp(6.25rem, 0.5308rem + 6.8493vw, 8.75rem);
}
@media only screen and (max-width: 52.0625rem) {
  .designers__form {
    --form__padding-block: clamp(5rem, 4.0506rem + 4.2194vw, 6.25rem);
  }
}
.designers__form {
  padding-block: var(--form__padding-block);
}
.designers__form .form__content {
  --content__gap: clamp(1.5rem, 0.7405rem + 3.3755vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: var(--content__gap);
  width: 40rem;
  max-width: 100%;
  margin-inline: auto;
}
.designers__form .content__text {
  --text__align-items: center;
  display: flex;
  flex-direction: column;
  align-items: var(--text__align-items);
  gap: 1rem;
}
.designers__form .content__text h2, .designers__form .content__text .h2 {
  text-align: var(--text__align-items);
  text-wrap: balance;
}
.designers__form .content__inputs {
  --inputs__gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  --input__margin-top: 0;
  --select__margin-top: 0;
  --uploader__gap: var(--inputs__gap);
  display: flex;
  flex-direction: column;
  gap: var(--inputs__gap);
}
.designers__form .file__list:empty {
  display: none;
}

.shops__list {
  --list__padding-block: clamp(6.25rem, 0.5308rem + 6.8493vw, 8.75rem);
}
@media only screen and (max-width: 52.0625rem) {
  .shops__list {
    --list__padding-block: clamp(5rem, 4.0506rem + 4.2194vw, 6.25rem);
  }
}
.shops__list {
  padding-block: var(--list__padding-block);
  position: relative;
  overflow: hidden;
}
.shops__list::before, .shops__list::after {
  --icon__width: clamp(15.625rem, -15.7363rem + 30.8219vw, 21.25rem);
  display: flex;
  content: "";
  background-image: url("../images/backgrounds/shops/triangle/340x760/image_1.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 0.4473684211;
  position: absolute;
  z-index: -1;
}
@media only screen and (max-width: 101.6875rem) {
  .shops__list::before, .shops__list::after {
    display: none;
  }
}
.shops__list::before {
  top: clamp(38.25rem, -66.2877rem + 102.7397vw, 57rem);
  left: 0;
}
.shops__list::after {
  top: clamp(13.25rem, -21.5959rem + 34.2466vw, 19.5rem);
  right: 0;
  transform: rotate(180deg);
}
.shops__list .list__block {
  --block__padding-block: clamp(3.125rem, 0.2654rem + 3.4247vw, 4.375rem);
  --block__photo__width: clamp(32.5rem, 6.1918rem + 31.5068vw, 44rem);
  --block__columns: minmax(0, var(--block__photo__width)) minmax(0, 1fr);
  --block__content__padding-left: clamp(5rem, -0.7192rem + 6.8493vw, 7.5rem);
  --block__content__padding-right: clamp(0rem, -17.1575rem + 20.5479vw, 7.5rem);
  --block__content__padding-left_actual: var(--block__content__padding-left);
  --block__content__padding-right_actual: var(--block__content__padding-right);
  --block__areas: 'photo content';
}
@media only screen and (max-width: 83.4375rem) {
  .shops__list .list__block {
    --block__photo__width: 44rem;
    --block__gap: clamp(1.5rem, 0.7405rem + 3.3755vw, 2.5rem);
    --block__columns: minmax(0, 1fr);
    --block__areas: 'photo' 'content';
    --block__content__padding-left_actual: 0;
    --block__content__padding-right_actual: 0;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .shops__list .list__block {
    --block__padding-block: clamp(2.5rem, 2.0253rem + 2.1097vw, 3.125rem);
  }
}
.shops__list .list__block {
  display: grid;
  grid-gap: var(--block__gap);
  grid-template-columns: var(--block__columns);
  padding-block: var(--block__padding-block);
  align-items: center;
  grid-template-areas: var(--block__areas);
}
@media only screen and (max-width: 83.4375rem) {
  .shops__list .list__block {
    width: var(--block__photo__width);
    max-width: 100%;
    margin-inline: auto;
  }
}
.shops__list .list__block:first-child {
  padding-top: 0;
}
.shops__list .list__block:last-child {
  padding-bottom: 0;
}
.shops__list .list__block:nth-child(even) {
  --block__columns: minmax(0, 1fr) minmax(0, var(--block__photo__width));
  --block__content__padding-left_actual: var(--block__content__padding-right);
  --block__content__padding-right_actual: var(--block__content__padding-left);
  --block__areas: 'content photo';
}
@media only screen and (max-width: 83.4375rem) {
  .shops__list .list__block:nth-child(even) {
    --block__columns: minmax(0, 1fr);
    --block__areas: 'photo' 'content';
    --block__content__padding-left_actual: 0;
    --block__content__padding-right_actual: 0;
  }
}
.shops__list .block__photo {
  width: 100%;
  height: auto;
  display: flex;
  grid-area: photo;
}
.shops__list .block__photo img {
  width: 100%;
  height: auto;
  object-fit: scale-down;
}
.shops__list .block__content {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, -0.7877rem + 2.7397vw, 2.5rem);
  padding-left: var(--block__content__padding-left_actual);
  padding-right: var(--block__content__padding-right_actual);
  grid-area: content;
}
.shops__list .content__title {
  color: var(--primary-900);
  font-size: clamp(1.375rem, -0.0548rem + 1.7123vw, 2rem);
  font-weight: 300;
  line-height: clamp(1.625rem, -1.5205rem + 3.7671vw, 3rem);
}
@media only screen and (max-width: 83.4375rem) {
  .shops__list .content__title {
    font-size: clamp(1.125rem, 1.0328rem + 0.4098vw, 1.375rem);
  }
}
.shops__list .content__row {
  --row__padding-inline: clamp(3.75rem, -0.5394rem + 5.137vw, 5.625rem);
}
@media only screen and (max-width: 83.4375rem) {
  .shops__list .content__row {
    --row__padding-inline: clamp(1.5rem, -2.238rem + 7.1713vw, 3.75rem);
    --row__direction: column;
  }
}
.shops__list .content__row {
  display: flex;
  flex-direction: var(--row__direction);
}
.shops__list .row__col {
  --col__gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  --col__border: 0.0625rem solid var(--other-divider-300);
  display: flex;
  flex-direction: column;
  gap: var(--col__gap);
}
.shops__list .row__col:nth-child(2) {
  margin-left: var(--row__padding-inline);
  padding-left: var(--row__padding-inline);
  border-left: var(--col__border);
}
@media only screen and (max-width: 83.4375rem) {
  .shops__list .row__col:nth-child(2) {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
    margin-top: var(--row__padding-inline);
    padding-top: var(--row__padding-inline);
    border-top: var(--col__border);
  }
}
.shops__list .row__col:has(.col__actions) {
  --col__gap: 1rem;
}
.shops__list .col__title {
  color: var(--primary-900);
  font-size: clamp(0.8125rem, 0.5265rem + 0.3425vw, 0.9375rem);
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: 0.1875rem;
}
@media only screen and (max-width: 83.4375rem) {
  .shops__list .col__title {
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
    letter-spacing: clamp(0.125rem, 0.1019rem + 0.1025vw, 0.1875rem);
  }
}
.shops__list .col__text {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
}
.shops__list .col__text p, .shops__list .col__text .p {
  color: var(--primary-900);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .shops__list .col__text p, .shops__list .col__text .p {
    font-size: clamp(0.875rem, 0.8519rem + 0.1025vw, 0.9375rem);
  }
}
.shops__list .col__text p strong, .shops__list .col__text p b, .shops__list .col__text .p strong, .shops__list .col__text .p b {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
}
.shops__list .col__action {
  color: inherit;
}
@media (hover: hover) {
  .shops__list .col__action:hover {
    color: var(--primary-500);
  }
}
.shops__list .col__action {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
.shops__list .col__action {
  text-decoration: none;
}
@media (hover: hover) {
  .shops__list .col__action:hover {
    text-decoration: none;
  }
}
.shops__list .col__action svg {
  width: 3.75rem;
  min-width: 3.75rem;
  height: auto;
  aspect-ratio: 1;
}
.shops__list .col__action:has(.action__title svg) {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: 0.0625rem;
  text-underline-offset: 0.15625rem;
  text-underline-position: from-font;
}
.shops__list .action__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.shops__list .action__title svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.shops__list .action__title svg path {
  fill: currentColor;
}
.shops__list .action__title.special_flex {
  display: unset;
}
@media only screen and (max-width: 52.0625rem) {
  .shops__list .button {
    max-width: 100%;
  }
}

.contacts__form {
  --form__padding-block: clamp(6.25rem, 0.5308rem + 6.8493vw, 8.75rem);
}
@media only screen and (max-width: 52.0625rem) {
  .contacts__form {
    --form__padding-block: clamp(5rem, 4.0506rem + 4.2194vw, 6.25rem);
  }
}
.contacts__form {
  padding-block: var(--form__padding-block);
}
.contacts__form .wrap {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.contacts__form .form__title {
  color: var(--primary-900);
  font-size: clamp(1.125rem, 0.5531rem + 0.6849vw, 1.375rem);
  font-weight: 500;
  line-height: clamp(1.625rem, 0.7671rem + 1.0274vw, 2rem);
}
@media only screen and (max-width: 83.4375rem) {
  .contacts__form .form__title {
    font-size: clamp(1.0625rem, 1.0394rem + 0.1025vw, 1.125rem);
  }
}
.contacts__form .form__content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.contacts__form .content__row {
  --row__columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 67.75rem) {
  .contacts__form .content__row {
    --row__columns: minmax(0, 1fr);
  }
}
.contacts__form .content__row {
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: var(--row__columns);
}
.contacts__form .row__col {
  --inputs__gap: 2rem;
  --input__margin-top: 0;
  --select__margin-top: 0;
  --uploader__gap: var(--inputs__gap);
  display: flex;
  flex-direction: column;
  gap: var(--inputs__gap);
}
@media only screen and (max-width: 67.75rem) {
  .contacts__form .row__col:not(:has(*:first-child)) {
    display: none;
  }
}
.contacts__form .input {
  height: 100%;
}
.contacts__form .input .input__frame:has(textarea) {
  height: 100% !important;
  min-height: 16rem;
}
@media only screen and (max-width: 52.0625rem) {
  .contacts__form .double__input {
    display: grid;
    grid-gap: var(--inputs__gap);
    grid-template-columns: minmax(0, 1fr);
  }
}
.contacts__form .button {
  margin-left: auto;
}
@media only screen and (max-width: 52.0625rem) {
  .contacts__form .button {
    max-width: 100%;
  }
}

.hero._text + .contacts__form {
  padding-top: 0;
}

@media only screen and (max-width: 83.4375rem) {
  body.page_services .hero._text .breadcrumb {
    max-width: max-content;
    margin-inline: auto;
  }
  body.page_services .hero._text h1, body.page_services .hero._text .h1 {
    text-align: center;
  }
}

.news__grid {
  --grid__padding-bottom: clamp(6.25rem, 0.5308rem + 6.8493vw, 8.75rem);
  --grid__row-gap: 5rem;
  --grid__column-gap: clamp(1.5938rem, -1.9807rem + 4.2808vw, 3.1563rem);
  --grid__columns: repeat(3, minmax(0, 1fr));
}
@media only screen and (max-width: 67.75rem) {
  .news__grid {
    --grid__columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 52.0625rem) {
  .news__grid {
    --grid__padding-bottom: clamp(5rem, 4.0506rem + 4.2194vw, 6.25rem);
  }
}
@media only screen and (max-width: 37.25rem) {
  .news__grid {
    --grid__columns: minmax(0, 1fr);
  }
}
.news__grid {
  padding-top: 2.5rem;
  padding-bottom: var(--grid__padding-bottom);
}
.news__grid .grid__content {
  display: grid;
  grid-gap: var(--grid__row-gap) var(--grid__column-gap);
  grid-template-columns: var(--grid__columns);
}
.news__grid .pagination {
  border-top: 0.0625rem solid var(--other-divider-300);
  padding-top: 2rem;
  margin-top: var(--grid__row-gap);
}

.news__inner {
  --inner__padding-bottom: clamp(6.25rem, 0.5308rem + 6.8493vw, 8.75rem);
}
@media only screen and (max-width: 52.0625rem) {
  .news__inner {
    --inner__padding-bottom: clamp(5rem, 4.0506rem + 4.2194vw, 6.25rem);
  }
}
.news__inner {
  position: relative;
  overflow: hidden;
  padding-bottom: var(--inner__padding-bottom);
}
.news__inner::before, .news__inner::after {
  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: var(--icon__aspect-ratio);
  position: absolute;
  top: var(--icon__top);
}
@media only screen and (max-width: 101.6875rem) {
  .news__inner::before, .news__inner::after {
    content: none;
  }
}
.news__inner::before {
  --icon__width: clamp(5rem, -0.7192rem + 6.8493vw, 7.5rem);
  --icon__aspect-ratio: 0.3333333333;
  --icon__top: 10.5rem;
  background-image: url(../images/backgrounds/news/triangle/120x360/image_1.svg);
  left: 0;
}
.news__inner::after {
  --icon__width: clamp(15.625rem, -15.7363rem + 30.8219vw, 21.25rem);
  --icon__aspect-ratio: 0.4473684211;
  --icon__top: 14.25rem;
  background-image: url(../images/backgrounds/news/triangle/340x760/image_1.svg);
  right: 0;
}
.news__inner .wrap {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.news__inner .wrap > * {
  width: 72rem;
  max-width: 100%;
  margin-inline: auto;
}
.news__inner h1, .news__inner .h1 {
  font-size: clamp(2rem, -0.8596rem + 3.4247vw, 3.25rem);
  font-weight: 400;
  line-height: clamp(2.5rem, -0.9315rem + 4.1096vw, 4rem);
}
@media only screen and (max-width: 83.4375rem) {
  .news__inner h1, .news__inner .h1 {
    font-size: clamp(1.5rem, 1.3156rem + 0.8197vw, 2rem);
    line-height: clamp(2rem, 1.8156rem + 0.8197vw, 2.5rem);
  }
}
.news__inner h1, .news__inner .h1 {
  text-align: center;
  text-wrap: balance;
}
.news__inner .inner__date {
  color: var(--secondary-500);
  font-size: clamp(0.8125rem, 0.6695rem + 0.1712vw, 0.875rem);
  font-weight: 300;
  line-height: 1.25rem;
}
.news__inner .inner__date {
  text-align: center;
}
.news__inner .inner__tips {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.news__inner .inner__tips .tips__item {
  width: 100%;
  max-width: max-content;
  color: var(--primary-900);
  font-size: clamp(0.75rem, 0.607rem + 0.1712vw, 0.8125rem);
  font-weight: 600;
  line-height: 1.125rem;
  letter-spacing: 0.125rem;
}
@media only screen and (max-width: 83.4375rem) {
  .news__inner .inner__tips .tips__item {
    font-size: clamp(0.6875rem, 0.6644rem + 0.1025vw, 0.75rem);
    letter-spacing: clamp(0.0625rem, 0.0394rem + 0.1025vw, 0.125rem);
  }
}
.news__inner .inner__tips .tips__item {
  background-color: var(--surfaces-50);
  padding-block: 0.625rem;
  padding-inline: 2rem;
  text-decoration: none;
}
.news__inner .inner__content {
  display: flex;
  flex-direction: column;
  gap: 1lh;
}
.news__inner .inner__content ul li:not(:first-child) {
  margin-top: 1rem;
}
.news__inner .inner__content,
.news__inner .inner__content :is(p, .p, ul li) {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
.news__inner .inner__share {
  --share__gap: 1rem;
  display: flex;
  align-items: center;
  gap: var(--share__gap);
}
.news__inner .share__title {
  color: var(--primary-900);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
}
.news__inner .share__socials {
  display: flex;
  align-items: center;
  gap: var(--share__gap);
}
.news__inner .share__socials .socials__icon {
  display: flex;
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  color: inherit;
}
@media (hover: hover) {
  .news__inner .share__socials .socials__icon:hover {
    color: var(--primary-500);
  }
}
.news__inner .share__socials .socials__icon {
  color: var(--primary-900);
  opacity: 0.6;
}
@media (hover: hover) {
  .news__inner .share__socials .socials__icon:hover {
    opacity: 1;
  }
}
.news__inner .share__socials svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.news__inner .share__socials svg path[opacity] {
  fill: currentColor;
}
.news__inner .share__socials svg path[fill="#222222"] {
  fill: var(--neutral-100);
}

.text__inner {
  --inner__padding-bottom: clamp(6.25rem, 0.5308rem + 6.8493vw, 8.75rem);
}
@media only screen and (max-width: 52.0625rem) {
  .text__inner {
    --inner__padding-bottom: clamp(5rem, 4.0506rem + 4.2194vw, 6.25rem);
  }
}
.text__inner {
  position: relative;
  overflow: hidden;
  padding-top: 2.5rem;
  padding-bottom: var(--inner__padding-bottom);
}
.text__inner::before, .text__inner::after {
  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: var(--icon__aspect-ratio);
  position: absolute;
  top: var(--icon__top);
}
@media only screen and (max-width: 101.6875rem) {
  .text__inner::before, .text__inner::after {
    content: none;
  }
}
.text__inner::before {
  --icon__width: clamp(5rem, -0.7192rem + 6.8493vw, 7.5rem);
  --icon__aspect-ratio: 0.3333333333;
  --icon__top: 10.5rem;
  background-image: url(../images/backgrounds/news/triangle/120x360/image_1.svg);
  left: 0;
}
.text__inner::after {
  --icon__width: clamp(15.625rem, -15.7363rem + 30.8219vw, 21.25rem);
  --icon__aspect-ratio: 0.4473684211;
  --icon__top: 14.25rem;
  background-image: url(../images/backgrounds/news/triangle/340x760/image_1.svg);
  right: 0;
}
.text__inner .wrap > * {
  width: 72rem;
  max-width: 100%;
}
.text__inner .inner__content {
  display: flex;
  flex-direction: column;
  gap: 1lh;
}
.text__inner .inner__content ul li:not(:first-child) {
  margin-top: 1rem;
}
.text__inner .inner__content,
.text__inner .inner__content :is(p, .p, ul li) {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
.text__inner .inner__share {
  --share__gap: 1rem;
  display: flex;
  align-items: center;
  gap: var(--share__gap);
}
.text__inner .share__title {
  color: var(--primary-900);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
}
.text__inner .share__socials {
  display: flex;
  align-items: center;
  gap: var(--share__gap);
}
.text__inner .share__socials .socials__icon {
  display: flex;
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  color: inherit;
}
@media (hover: hover) {
  .text__inner .share__socials .socials__icon:hover {
    color: var(--primary-500);
  }
}
.text__inner .share__socials .socials__icon {
  color: var(--primary-900);
  opacity: 0.6;
}
@media (hover: hover) {
  .text__inner .share__socials .socials__icon:hover {
    opacity: 1;
  }
}
.text__inner .share__socials svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.text__inner .share__socials svg path[opacity] {
  fill: currentColor;
}
.text__inner .share__socials svg path[fill="#222222"] {
  fill: var(--neutral-100);
}

.faq__inner {
  --inner__padding-bottom: clamp(6.25rem, 0.5308rem + 6.8493vw, 8.75rem);
}
@media only screen and (max-width: 52.0625rem) {
  .faq__inner {
    --inner__padding-bottom: clamp(5rem, 4.0506rem + 4.2194vw, 6.25rem);
  }
}
.faq__inner {
  position: relative;
  overflow: hidden;
  padding-top: 2.5rem;
  padding-bottom: var(--inner__padding-bottom);
}
.faq__inner::before, .faq__inner::after {
  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: var(--icon__aspect-ratio);
  position: absolute;
  top: var(--icon__top);
}
@media only screen and (max-width: 101.6875rem) {
  .faq__inner::before, .faq__inner::after {
    content: none;
  }
}
.faq__inner::before {
  --icon__width: clamp(5rem, -0.7192rem + 6.8493vw, 7.5rem);
  --icon__aspect-ratio: 0.3333333333;
  --icon__top: 10.5rem;
  background-image: url(../images/backgrounds/news/triangle/120x360/image_1.svg);
  left: 0;
}
.faq__inner::after {
  --icon__width: clamp(15.625rem, -15.7363rem + 30.8219vw, 21.25rem);
  --icon__aspect-ratio: 0.4473684211;
  --icon__top: 14.25rem;
  background-image: url(../images/backgrounds/news/triangle/340x760/image_1.svg);
  right: 0;
}
.faq__inner .wrap {
  --wrap__content__width: 72rem;
}
@media only screen and (max-width: 101.6875rem) {
  .faq__inner .wrap {
    --wrap__content__width: 100%;
  }
}
.faq__inner .wrap {
  display: flex;
  flex-direction: column;
  gap: clamp(5rem, -0.7192rem + 6.8493vw, 7.5rem);
}
.faq__inner .wrap > * {
  width: var(--wrap__content__width);
  max-width: 100%;
}
.faq__inner .inner__content {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
}
.faq__inner .content__collapsible {
  --collapsible__border: 0.0625rem solid var(--primary-940);
  --collapsible__padding-block: 1rem;
  --collapsible__icon__width: 1.5rem;
  --collapsible__header__gap: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.faq__inner .content__collapsible .collapsible__block {
  border-bottom: var(--collapsible__border);
}
.faq__inner .content__collapsible .collapsible__block[open] .block__header svg path:nth-child(2) {
  display: none;
}
.faq__inner .content__collapsible .collapsible__block[open] .block__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.faq__inner .content__collapsible .block__header {
  color: inherit;
}
@media (hover: hover) {
  .faq__inner .content__collapsible .block__header:hover {
    color: var(--primary-500);
  }
}
.faq__inner .content__collapsible .block__header {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  gap: var(--collapsible__header__gap);
  color: var(--primary-900);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: 0.1875rem;
}
@media only screen and (max-width: 83.4375rem) {
  .faq__inner .content__collapsible .block__header {
    font-size: clamp(0.8125rem, 0.7664rem + 0.2049vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.1578rem + 0.4098vw, 1.5rem);
    letter-spacing: clamp(0.125rem, 0.1019rem + 0.1025vw, 0.1875rem);
  }
}
.faq__inner .content__collapsible .block__header {
  padding-bottom: var(--collapsible__padding-block);
  cursor: pointer;
}
.faq__inner .content__collapsible .block__header svg {
  width: var(--collapsible__icon__width);
  min-width: var(--collapsible__icon__width);
  height: auto;
  aspect-ratio: 1;
}
.faq__inner .content__collapsible .block__header svg path {
  stroke: currentColor;
}
.faq__inner .content__collapsible .block__content {
  padding-left: calc(var(--collapsible__icon__width) + var(--collapsible__header__gap));
  padding-bottom: var(--collapsible__padding-block);
}
.faq__inner .content__collapsible .block__content p, .faq__inner .content__collapsible .block__content .p {
  color: var(--primary-900);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 300;
  line-height: clamp(1.5rem, 1.214rem + 0.3425vw, 1.625rem);
}
@media only screen and (max-width: 83.4375rem) {
  .faq__inner .content__collapsible .block__content p, .faq__inner .content__collapsible .block__content .p {
    font-size: clamp(0.9375rem, 0.9144rem + 0.1025vw, 1rem);
  }
}

.showcase__hero {
  --hero__padding-top: clamp(1rem, 0.5728rem + 1.8987vw, 1.5625rem);
  --hero__padding-bottom: clamp(6.25rem, 0.5308rem + 6.8493vw, 8.75rem);
}
@media only screen and (max-width: 52.0625rem) {
  .showcase__hero {
    --hero__padding-bottom: clamp(5rem, 4.0506rem + 4.2194vw, 6.25rem);
  }
}
.showcase__hero {
  width: 100%;
  max-width: var(--content-max);
  margin-inline: auto;
  border-top: 0.0625rem solid var(--other-divider-300);
  padding-top: var(--hero__padding-top);
  padding-bottom: var(--hero__padding-bottom);
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 67.75rem) {
  .showcase__hero {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.5rem;
    padding-inline: var(--padding);
  }
}
.showcase__hero .hero__content {
  --content__width: clamp(41.75rem, 0rem + 50vw, 60rem);
  --content__padding-top: clamp(1.5rem, -2.8227rem + 6.3745vw, 2.5rem);
  --content__gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  --content__left: clamp(0rem, -7.149rem + 8.5616vw, 3.125rem);
  --content__top: clamp(3.625rem, 0.1935rem + 4.1096vw, 5.125rem);
  --content__bottom: var(--content__top);
}
@media only screen and (max-width: 83.4375rem) {
  .showcase__hero .hero__content {
    --content__width: clamp(38.25rem, 23.1205rem + 22.3108vw, 41.75rem);
    --content__top: clamp(1.875rem, -5.6897rem + 11.1554vw, 3.625rem);
  }
}
@media only screen and (max-width: 67.75rem) {
  .showcase__hero .hero__content {
    --content__width: clamp(20.5rem, 7.019rem + 59.9156vw, 38.25rem);
    --content__padding-top: 0;
  }
}
.showcase__hero .hero__content {
  width: var(--content__width);
  max-width: 100%;
  background-color: var(--neutral-100);
  display: flex;
  flex-direction: column;
  gap: var(--content__gap);
  padding-top: var(--content__padding-top);
}
@media only screen and (min-width: 67.8125rem) {
  .showcase__hero .hero__content {
    padding-inline: var(--padding);
    position: absolute;
    z-index: 1;
    top: calc(var(--content__top) + var(--hero__padding-top));
    bottom: calc(var(--content__bottom) + var(--hero__padding-bottom));
    left: var(--content__left);
    overflow: hidden;
  }
}
@media only screen and (max-width: 67.75rem) {
  .showcase__hero .breadcrumb {
    max-width: max-content;
    margin-inline: auto;
  }
}
.showcase__hero .content__text {
  --text__gap: var(--content__gap);
  display: flex;
  flex-direction: column;
  gap: var(--text__gap);
}
@media only screen and (max-width: 67.75rem) {
  .showcase__hero .content__text h1, .showcase__hero .content__text .h1, .showcase__hero .content__text p, .showcase__hero .content__text .p {
    text-align: center;
  }
}
.showcase__hero .content__text p, .showcase__hero .content__text .p {
  color: var(--primary-900);
  font-size: clamp(1rem, 0.4281rem + 0.6849vw, 1.25rem);
  font-weight: 300;
  line-height: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
}
@media only screen and (max-width: 83.4375rem) {
  .showcase__hero .content__text p, .showcase__hero .content__text .p {
    font-size: clamp(0.9375rem, 0.9144rem + 0.1025vw, 1rem);
  }
}
@media only screen and (min-width: 67.8125rem) {
  .showcase__hero .content__text p, .showcase__hero .content__text .p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
  @supports not (-webkit-line-clamp: 3) {
    .showcase__hero .content__text p, .showcase__hero .content__text .p {
      white-space: nowrap;
    }
  }
  @supports (-webkit-line-clamp: 3) {
    .showcase__hero .content__text p, .showcase__hero .content__text .p {
      -webkit-line-clamp: 3;
      white-space: normal;
      line-height: 1.4;
      max-height: 4.2em;
    }
  }
}
.showcase__hero .content__actions {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-top: auto;
}
.showcase__hero .content__actions:not(:has(.slick-arrow)) {
  display: none;
}
.showcase__hero .actions__prev,
.showcase__hero .actions__next {
  --icon__color: var(--primary-900);
  display: flex;
  width: 3.25rem;
  min-width: 3.25rem;
  height: auto;
  aspect-ratio: 1;
  background-color: var(--icon__background-color);
  border-radius: 50%;
  cursor: pointer;
}
@media (hover: hover) {
  .showcase__hero .actions__prev:hover,
  .showcase__hero .actions__next:hover {
    --icon__color: var(--neutral-100);
    --icon__background-color: var(--primary-900);
  }
}
.showcase__hero .actions__prev svg,
.showcase__hero .actions__next svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.showcase__hero .actions__prev svg path,
.showcase__hero .actions__next svg path {
  stroke: var(--icon__color);
}
.showcase__hero .actions__count {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.showcase__hero .count__current {
  color: var(--primary-900);
  font-size: clamp(2rem, -0.8596rem + 3.4247vw, 3.25rem);
  font-weight: 400;
  line-height: clamp(2.5rem, -0.9315rem + 4.1096vw, 4rem);
}
@media only screen and (max-width: 83.4375rem) {
  .showcase__hero .count__current {
    font-size: clamp(1.5rem, 1.3156rem + 0.8197vw, 2rem);
    line-height: clamp(2rem, 1.8156rem + 0.8197vw, 2.5rem);
  }
}
.showcase__hero .count__divider {
  width: 4.6875rem;
  min-width: 4.6875rem;
  height: auto;
  aspect-ratio: 1;
  background-image: url("../images/icons/slash_75x75.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.showcase__hero .count__total {
  color: var(--primary-900);
  font-size: clamp(1.375rem, -0.0548rem + 1.7123vw, 2rem);
  font-weight: 300;
  line-height: clamp(1.625rem, -1.5205rem + 3.7671vw, 3rem);
}
@media only screen and (max-width: 83.4375rem) {
  .showcase__hero .count__total {
    font-size: clamp(1.125rem, 1.0328rem + 0.4098vw, 1.375rem);
  }
}
.showcase__hero .count__total {
  opacity: 0.5;
}
.showcase__hero .hero__slider {
  --slider__width: clamp(48.5rem, -16.6986rem + 78.0822vw, 77rem);
  --slider__item__padding-inline: 0.25rem;
}
@media only screen and (max-width: 83.4375rem) {
  .showcase__hero .hero__slider {
    --slider__width: clamp(38.25rem, -6.0578rem + 65.3386vw, 48.5rem);
  }
}
@media only screen and (max-width: 67.75rem) {
  .showcase__hero .hero__slider {
    --slider__width: clamp(20.5rem, 7.019rem + 59.9156vw, 38.25rem);
  }
}
@media only screen and (min-width: 67.8125rem) {
  .showcase__hero .hero__slider:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
  }
  .showcase__hero .hero__slider:not(.slick-initialized) > *:nth-child(n+3) {
    display: none;
  }
  .showcase__hero .hero__slider {
    width: calc(var(--slider__width) + 2 * var(--slider__item__padding-inline));
    max-width: 100%;
    margin-inline: calc(var(--slider__item__padding-inline) * -1);
    justify-self: flex-end;
  }
}
@media only screen and (max-width: 67.75rem) {
  .showcase__hero .hero__slider:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    overflow: hidden;
  }
  .showcase__hero .hero__slider:not(.slick-initialized) > *:nth-child(n+2) {
    display: none;
  }
  .showcase__hero .hero__slider {
    width: var(--slider__width);
    max-width: 100%;
  }
  .showcase__hero .hero__slider.slick-initialized {
    padding-bottom: 2.625rem;
    margin: 0;
  }
}
@media only screen and (min-width: 67.8125rem) {
  .showcase__hero .hero__slider .slick-slide, .showcase__hero .hero__slider > div:not(.slick-list) {
    padding-inline: var(--slider__item__padding-inline);
  }
}
.showcase__hero .hero__slider .slider__item {
  display: flex;
}
.showcase__hero .hero__slider .slick-dots li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.showcase__hero .hero__slider .slick-dots li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  position: unset;
  padding-left: unset;
}
.showcase__hero .hero__slider .slick-dots {
  width: 100%;
  max-width: var(--content-max);
  margin-inline: auto;
  padding-inline: var(--padding);
  bottom: 0;
  line-height: unset;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
}
.showcase__hero .hero__slider .slick-dots:has(li:first-child.slick-active) .slick-active + li + li {
  display: inline-block;
}
.showcase__hero .hero__slider .slick-dots:has(li:last-child.slick-active) li:has(+ li + .slick-active) {
  display: inline-block;
}
.showcase__hero .hero__slider .slick-dots li {
  --dots__width: 1.75rem;
  --dots__opacity: 0.2;
  width: var(--dots__width);
  height: 0.125rem;
  background-color: var(--primary-900);
  margin: 0 0.25rem;
  opacity: var(--dots__opacity);
  transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out, min-width 0.3s ease-in-out, height 0.3s ease-in-out;
  display: none;
}
.showcase__hero .hero__slider .slick-dots li.slick-active + li, .showcase__hero .hero__slider .slick-dots li:has(+ .slick-active), .showcase__hero .hero__slider .slick-dots li.slick-active {
  display: inline-block;
}
.showcase__hero .hero__slider .slick-dots li.slick-active {
  --dots__width: 4rem;
  --dots__opacity: 1;
}
.showcase__hero .hero__slider .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
}
.showcase__hero .hero__slider .slick-dots li button::before {
  content: none;
}

@media only screen and (min-width: 67.8125rem) {
  .showcase__list {
    background-color: var(--surfaces-25);
  }
}
.showcase__list .list__block {
  --block__border: 0.0625rem solid var(--other-divider-300);
  --block__padding-block: clamp(3.125rem, -1.1644rem + 5.137vw, 5rem);
}
@media only screen and (max-width: 67.75rem) {
  .showcase__list .list__block {
    --block__padding-block: clamp(5rem, 4.0506rem + 4.2194vw, 6.25rem);
  }
}
.showcase__list .list__block {
  width: 100%;
  max-width: var(--content-max);
  margin-inline: auto;
  padding-block: var(--block__padding-block);
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 67.75rem) {
  .showcase__list .list__block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    border-top: var(--block__border);
  }
}
.showcase__list .list__block:nth-child(odd) .block__content {
  left: 0;
  right: unset;
}
.showcase__list .list__block:nth-child(odd) .block__slider {
  justify-self: flex-end;
}
@media only screen and (max-width: 67.75rem) {
  .showcase__list .list__block:last-child {
    border-bottom: var(--block__border);
  }
}
.showcase__list .block__content {
  --content__width: clamp(41.75rem, 0rem + 50vw, 60rem);
  --content__padding-block: clamp(3.125rem, -1.1644rem + 5.137vw, 5rem);
  --content__top: clamp(1.5rem, -2.8227rem + 6.3745vw, 2.5rem);
  --content__bottom: var(--content__top);
  --content__gap: 1.5rem;
  background-color: var(--neutral-100);
  width: var(--content__width);
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--content__gap);
  padding-inline: var(--padding);
}
@media only screen and (min-width: 67.8125rem) {
  .showcase__list .block__content {
    padding-block: var(--content__padding-block);
    position: absolute;
    z-index: 1;
    top: calc(var(--content__top) + var(--content__padding-block));
    bottom: calc(var(--content__bottom) + var(--content__padding-block));
    right: 0;
  }
}
.showcase__list .content__text {
  display: flex;
  flex-direction: column;
  gap: var(--content__gap);
}
@media only screen and (max-width: 67.75rem) {
  .showcase__list .content__text h2, .showcase__list .content__text .h2 {
    text-align: center;
  }
}
.showcase__list .content__text p, .showcase__list .content__text .p {
  font-size: clamp(1rem, 0.4281rem + 0.6849vw, 1.25rem);
  font-weight: 300;
  line-height: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
}
@media only screen and (max-width: 83.4375rem) {
  .showcase__list .content__text p, .showcase__list .content__text .p {
    font-size: clamp(0.9375rem, 0.9144rem + 0.1025vw, 1rem);
  }
}
@media only screen and (min-width: 67.8125rem) {
  .showcase__list .content__text p, .showcase__list .content__text .p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
  @supports not (-webkit-line-clamp: 4) {
    .showcase__list .content__text p, .showcase__list .content__text .p {
      white-space: nowrap;
    }
  }
  @supports (-webkit-line-clamp: 4) {
    .showcase__list .content__text p, .showcase__list .content__text .p {
      -webkit-line-clamp: 4;
      white-space: normal;
      line-height: 1.4;
      max-height: 5.6em;
    }
  }
}
.showcase__list .content__actions {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-top: auto;
}
.showcase__list .content__actions:not(:has(.slick-arrow)) {
  display: none;
}
.showcase__list .actions__prev,
.showcase__list .actions__next {
  --icon__color: var(--primary-900);
  display: flex;
  width: 3.25rem;
  min-width: 3.25rem;
  height: auto;
  aspect-ratio: 1;
  background-color: var(--icon__background-color);
  border-radius: 50%;
  cursor: pointer;
}
@media (hover: hover) {
  .showcase__list .actions__prev:hover,
  .showcase__list .actions__next:hover {
    --icon__color: var(--neutral-100);
    --icon__background-color: var(--primary-900);
  }
}
.showcase__list .actions__prev svg,
.showcase__list .actions__next svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.showcase__list .actions__prev svg path,
.showcase__list .actions__next svg path {
  stroke: var(--icon__color);
}
.showcase__list .actions__divider {
  width: 4.6875rem;
  min-width: 4.6875rem;
  height: auto;
  aspect-ratio: 1;
  background-image: url("../images/icons/slash_75x75.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.showcase__list .block__slider {
  --slider__width: clamp(51.4375rem, -5.8973rem + 68.6644vw, 76.5rem);
  --slider__item__padding-inline: 0.25rem;
}
@media only screen and (max-width: 83.4375rem) {
  .showcase__list .block__slider {
    --slider__width: clamp(35.1875rem, -35.0565rem + 103.5857vw, 51.4375rem);
  }
}
@media only screen and (max-width: 67.75rem) {
  .showcase__list .block__slider {
    --slider__width: 100%;
  }
}
.showcase__list .block__slider {
  width: calc(var(--slider__width) + 2 * var(--slider__item__padding-inline));
  max-width: 100%;
  margin-inline: calc(var(--slider__item__padding-inline) * -1);
}
@media only screen and (max-width: 67.75rem) {
  .showcase__list .block__slider .slick-list {
    padding-inline: calc((100% - (17.9375rem - 2 * var(--slider__item__padding-inline))) / 2) !important;
  }
  .showcase__list .block__slider.slick-initialized {
    padding-bottom: 2.625rem;
    margin: 0;
  }
}
.showcase__list .block__slider:not(.slick-initialized) {
  display: grid;
  row-gap: calc(var(--slider__item__padding-inline) * 2);
  overflow: hidden;
}
@media only screen and (min-width: 83.5rem) {
  .showcase__list .block__slider:not(.slick-initialized) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .showcase__list .block__slider:not(.slick-initialized) > *:nth-child(n+9) {
    display: none;
  }
}
@media only screen and (max-width: 83.4375rem) {
  .showcase__list .block__slider:not(.slick-initialized) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .showcase__list .block__slider:not(.slick-initialized) > *:nth-child(n+7) {
    display: none;
  }
}
@media only screen and (min-width: 67.8125rem) {
  .showcase__list .block__slider:not(.slick-initialized) {
    grid-template-columns: minmax(0, 1fr);
  }
  .showcase__list .block__slider:not(.slick-initialized) > *:nth-child(n+2) {
    display: none;
  }
}
.showcase__list .block__slider .slick-slide, .showcase__list .block__slider > div:not(.slick-list) {
  padding-inline: var(--slider__item__padding-inline);
}
.showcase__list .block__slider .slick-slide > div:nth-child(2) {
  margin-top: calc(var(--slider__item__padding-inline) * 2);
}
.showcase__list .block__slider .slick-dots li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.showcase__list .block__slider .slick-dots li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  position: unset;
  padding-left: unset;
}
.showcase__list .block__slider .slick-dots {
  width: 100%;
  max-width: var(--content-max);
  margin-inline: auto;
  padding-inline: var(--padding);
  bottom: 0;
  line-height: unset;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
}
.showcase__list .block__slider .slick-dots:has(li:first-child.slick-active) .slick-active + li + li {
  display: inline-block;
}
.showcase__list .block__slider .slick-dots:has(li:last-child.slick-active) li:has(+ li + .slick-active) {
  display: inline-block;
}
.showcase__list .block__slider .slick-dots li {
  --dots__width: 1.75rem;
  --dots__opacity: 0.2;
  width: var(--dots__width);
  height: 0.125rem;
  background-color: var(--primary-900);
  margin: 0 0.25rem;
  opacity: var(--dots__opacity);
  transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out, min-width 0.3s ease-in-out, height 0.3s ease-in-out;
  display: none;
}
.showcase__list .block__slider .slick-dots li.slick-active + li, .showcase__list .block__slider .slick-dots li:has(+ .slick-active), .showcase__list .block__slider .slick-dots li.slick-active {
  display: inline-block;
}
.showcase__list .block__slider .slick-dots li.slick-active {
  --dots__width: 4rem;
  --dots__opacity: 1;
}
.showcase__list .block__slider .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
}
.showcase__list .block__slider .slick-dots li button::before {
  content: none;
}

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