@charset "UTF-8";
:root {
  --primary-900: #5D35B0;
  --primary-500: #231F20;
  --secondary-900: #7B55CA;
  --secondary-800: #492B87;
  --secondary-700: #999999;
  --secondary-600: #4E4E4E;
  --secondary-400: #333333;
  --secondary-300: #222222;
  --secondary-200: #8A8A8A;
  --neutral-100: #FFFFFF;
  --surfaces-500: #EAEEF9;
  --surfaces-300: #F6F6F6;
  --surfaces-100: #F0F0F0;
  --surfaces-50: #E6E6E6;
  --divider-800: #7F7F7F;
  --divider-600: #D1D1D1;
  --success-700: #289A22;
  --success-100: #DFF0DE;
  --warning-700: #DB6E00;
  --warning-100: #FAE9D9;
  --active-700: #7B55CA;
  --error-700: #CA2727;
  --error-100: #F7DFDF;
  --other-gradient: linear-gradient(90deg, var(--primary-900) 0%, #9B84CD 100%);
  --badges-300: #8A8A8A;
  --badges-500: #5D35B0;
  --header-100: #FFFFFF;
  --header-300: #F6F6F6;
  --header-450: #222222;
  --header-500: #231F20;
  --newsletter-900: #5D35B0;
  --footer-50: #E6E6E6;
  --footer-100: #FFFFFF;
  --footer-200: #7F7F7F;
  --footer-300: #999999;
  --footer-450: #222222;
  --footer-500: #5D35B0;
  --tabs-300: #F6F6F6;
  --tabs-350: #EAEEF9;
  --tabs-500: #231F20;
  --tabs-900: #5D35B0;
}

._display-l {
  font-size: clamp(5rem, -0.7192rem + 6.8493vw, 7.5rem);
  line-height: clamp(5.5rem, -1.9349rem + 8.9041vw, 8.75rem);
}
@media only screen and (max-width: 83.4375rem) {
  ._display-l {
    font-size: clamp(3rem, -0.3227rem + 6.3745vw, 5rem);
    line-height: clamp(3.375rem, -0.1554rem + 6.7729vw, 5.5rem);
  }
}
._display-m {
  font-size: clamp(3rem, 0.7123rem + 2.7397vw, 4rem);
  line-height: clamp(3.375rem, 0.5154rem + 3.4247vw, 4.625rem);
}
@media only screen and (max-width: 83.4375rem) {
  ._display-m {
    font-size: clamp(2.25rem, 1.004rem + 2.3904vw, 3rem);
    line-height: clamp(2.75rem, 1.7117rem + 1.992vw, 3.375rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  ._display-m {
    font-size: clamp(2rem, 1.8101rem + 0.8439vw, 2.25rem);
    line-height: clamp(2.375rem, 2.0902rem + 1.2658vw, 2.75rem);
  }
}

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

._heading-m {
  font-size: clamp(1.75rem, 1.1781rem + 0.6849vw, 2rem);
  line-height: 2.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  ._heading-m {
    font-size: clamp(1.25rem, 0.4193rem + 1.5936vw, 1.75rem);
    line-height: clamp(1.75rem, 0.504rem + 2.3904vw, 2.5rem);
  }
}
._heading-s {
  font-size: clamp(1.375rem, 0.5171rem + 1.0274vw, 1.75rem);
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  ._heading-s {
    font-size: clamp(1.125rem, 0.9351rem + 0.8439vw, 1.375rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}

._subheading-l {
  font-size: clamp(1.125rem, 0.2671rem + 1.0274vw, 1.5rem);
  line-height: clamp(1.75rem, 1.1781rem + 0.6849vw, 2rem);
}
._subheading-m {
  font-size: clamp(1.125rem, 0.839rem + 0.3425vw, 1.25rem);
  line-height: 1.75rem;
}
._body-l {
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
}
._body-m {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._body-m {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}

._body-m2 {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  line-height: 1.75rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._body-m2 {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.5rem, 1.3101rem + 0.8439vw, 1.75rem);
  }
}

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

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

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

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

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

._body-xxs {
  font-size: 0.75rem;
  line-height: 1rem;
}

._label-m {
  font-size: 0.875rem;
  line-height: 0.75rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._label-m {
    font-size: clamp(0.75rem, 0.6551rem + 0.4219vw, 0.875rem);
  }
}

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

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

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

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

._menu-m {
  font-size: clamp(0.8125rem, 0.3836rem + 0.5137vw, 1rem);
  line-height: 1.25rem;
}
._menu-sm {
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  line-height: 1.125rem;
}
._icons-xs {
  font-size: 0.8125rem;
  line-height: 1rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._icons-xs {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
    line-height: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
  }
}

._card-s {
  font-size: clamp(0.8125rem, 0.6695rem + 0.1712vw, 0.875rem);
  line-height: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
}
@media only screen and (max-width: 52.0625rem) {
  ._card-s {
    font-size: clamp(0.8125rem, 0.9225rem + -0.211vw, 0.875rem);
    line-height: clamp(1rem, 1.2199rem + -0.4219vw, 1.125rem);
  }
}

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

._tabs-m {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._tabs-m {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.125rem, 1.0301rem + 0.4219vw, 1.25rem);
  }
}

._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-500);
  font-size: clamp(2.25rem, 0.5342rem + 2.0548vw, 3rem);
  font-weight: 700;
  line-height: clamp(2.75rem, 1.0342rem + 2.0548vw, 3.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  h1,
  .h1 {
    font-size: clamp(1.75rem, 1.3703rem + 1.6878vw, 2.25rem);
    line-height: clamp(2rem, 1.4304rem + 2.5316vw, 2.75rem);
  }
}

h2,
.h2 {
  color: var(--primary-500);
  font-size: clamp(1.75rem, 1.1781rem + 0.6849vw, 2rem);
  font-weight: 600;
  line-height: 2.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  h2,
  .h2 {
    font-size: clamp(1.25rem, 0.4193rem + 1.5936vw, 1.75rem);
    line-height: clamp(1.75rem, 0.504rem + 2.3904vw, 2.5rem);
  }
}
h3,
.h3 {
  color: var(--primary-500);
  font-size: clamp(1.375rem, 0.5171rem + 1.0274vw, 1.75rem);
  font-weight: 600;
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  h3,
  .h3 {
    font-size: clamp(1.125rem, 0.9351rem + 0.8439vw, 1.375rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}

h4,
.h4 {
  color: var(--primary-500);
  font-size: clamp(1.125rem, 0.2671rem + 1.0274vw, 1.5rem);
  font-weight: 600;
  line-height: clamp(1.75rem, 1.1781rem + 0.6849vw, 2rem);
}
h5,
.h5 {
  color: var(--primary-500);
  font-size: clamp(1.125rem, 0.839rem + 0.3425vw, 1.25rem);
  font-weight: 600;
  line-height: 1.75rem;
}
h6,
.h6 {
  color: var(--primary-500);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 600;
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
}
p,
.p {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  p,
  .p {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}

ul li, ol li {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  ul li, ol li {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}

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

ol ol {
  padding-left: 1.125rem;
}

strong,
b {
  font-weight: 600;
}

:root {
  --content: 112.5rem;
  --content-max: 120rem;
  --padding: clamp(3rem, 1.2842rem + 2.0548vw, 3.75rem);
  --header__height: 7.5rem;
  --body__menu__gap: 1.6875rem;
  --menu__width: clamp(13.0625rem, -2.0933rem + 18.1507vw, 19.6875rem);
  --menu__padding-left: 1rem;
  --menu__padding-right: 2rem;
  --menu__open__background: var(--neutral-100);
  --menu__border-radius: 0.375rem;
  --padding-block: clamp(3.375rem, 1.9452rem + 1.7123vw, 4rem);
  --shadow-1: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.15);
  --shadow-2: 0 0.1875rem 0.75rem 0 rgba(0, 0, 0, 0.15);
  --shadow-3: 0 0.1875rem 0.75rem 0 rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 52.0625rem) {
  :root {
    --padding: clamp(1rem, -0.519rem + 6.7511vw, 3rem);
  }
}
@media only screen and (max-width: 83.4375rem) {
  :root {
    --header__height: 8.016875rem;
  }
}
@media only screen and (min-width: 83.5rem) and (hover: none) {
  :root {
    --header__height: 4.5rem;
  }
}

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

body:has(header._review) {
  --header__height: clamp(4rem, 2.481rem + 6.7511vw, 6rem);
}

* {
  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-900);
}
@media (hover: hover) {
  a:hover {
    color: var(--secondary-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.625rem;
  width: 100%;
  max-width: max-content;
  text-decoration: none !important;
  text-align: center;
  cursor: pointer;
  padding: 0.5rem 2.8125rem;
  border-width: 0.0625rem;
  border-radius: 0.25rem;
  border-style: solid;
}
.button:not(._socials) svg path[fill] {
  fill: currentColor;
}
.button:not(._socials) svg path[stroke] {
  stroke: currentColor;
}
.button svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.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(--secondary-900);
    border-color: var(--secondary-900);
    color: var(--neutral-100);
  }
}
.button._primary:disabled {
  background-color: var(--secondary-700);
  border-color: var(--secondary-700);
  color: var(--neutral-100);
  cursor: not-allowed;
}
@media (hover: hover) {
  .button._primary:disabled:hover {
    background-color: var(--secondary-700);
    border-color: var(--secondary-700);
    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: var(--primary-900);
    border-color: var(--primary-900);
    color: var(--neutral-100);
  }
}
.button._whitePrimaryBordered {
  background-color: var(--neutral-100);
  border-color: var(--primary-900);
  color: var(--primary-900);
}
@media (hover: hover) {
  .button._whitePrimaryBordered:hover {
    background-color: var(--neutral-100);
    border-color: var(--secondary-900);
    color: var(--secondary-900);
  }
}
@media (hover: hover) {
  .button._whitePrimaryBordered:hover {
    text-decoration: underline !important;
  }
}
.button._grey {
  background-color: var(--surfaces-50);
  border-color: var(--surfaces-50);
  color: var(--secondary-300);
}
@media (hover: hover) {
  .button._grey:hover {
    background-color: var(--neutral-100);
    border-color: var(--neutral-100);
    color: var(--secondary-300);
  }
}
.button._grey._active {
  background-color: var(--surfaces-500);
  border-color: var(--surfaces-500);
  color: var(--secondary-900);
}
@media (hover: hover) {
  .button._grey._active:hover {
    background-color: var(--neutral-100);
    border-color: var(--neutral-100);
    color: var(--secondary-300);
  }
}
.button._blackBordered {
  background-color: transparent;
  border-color: var(--primary-500);
  color: var(--primary-500);
}
@media (hover: hover) {
  .button._blackBordered:hover {
    background-color: transparent;
    border-color: var(--primary-500);
    color: var(--primary-500);
  }
}
@media (hover: hover) {
  .button._blackBordered:hover {
    text-decoration: underline !important;
  }
}
.button._blackBordered:disabled {
  opacity: 0.25;
  cursor: not-allowed;
}
.button._white {
  background-color: var(--neutral-100);
  border-color: var(--neutral-100);
  color: var(--primary-500);
}
@media (hover: hover) {
  .button._white:hover {
    background-color: var(--primary-900);
    border-color: var(--primary-900);
    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(--neutral-100);
    border-color: var(--neutral-100);
    color: var(--primary-500);
  }
}
.button._socials {
  background-color: transparent;
  border-color: var(--secondary-700);
  color: var(--primary-500);
}
@media (hover: hover) {
  .button._socials:hover {
    background-color: transparent;
    border-color: var(--primary-900);
    color: var(--primary-900);
  }
}
.button._disabled {
  background-color: var(--secondary-700);
  border-color: var(--secondary-700);
  color: var(--neutral-100);
}
@media (hover: hover) {
  .button._disabled:hover {
    background-color: var(--secondary-700);
    border-color: var(--secondary-700);
    color: var(--neutral-100);
  }
}
.button._disabled:disabled {
  cursor: not-allowed;
}
.button._max-w-140 {
  max-width: 8.75rem;
}
.button._max-w-180 {
  max-width: 11.25rem;
}
.button._max-w-200 {
  max-width: 12.5rem;
}
.button._max-w-336 {
  max-width: 21rem;
}
.button._max-w-380 {
  max-width: 23.75rem;
}
.button._max-w-full {
  max-width: 100%;
}
.button._h-32 {
  height: 2rem;
}
.button._h-40 {
  height: 2.5rem;
}
.button._h-48 {
  height: 3rem;
}
.button._h-56 {
  height: 3.5rem;
}
.button._h-64 {
  height: 4rem;
}
.button._px-27 {
  padding-inline: 1.6875rem;
}
.button._px-30 {
  padding-inline: 1.875rem;
}
.button._px-32 {
  padding-inline: 2rem;
}
.button._px-40 {
  padding-inline: 2.5rem;
}
.button._px-65 {
  padding-inline: clamp(2.75rem, -0.2526rem + 3.5959vw, 4.0625rem);
}
.button._px-123 {
  padding-inline: clamp(4.6875rem, -2.1755rem + 8.2192vw, 7.6875rem);
}

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

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

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

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

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

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

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

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

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

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

.cookies {
  --cookies__logo__width: clamp(5.5625rem, 1.988rem + 4.2808vw, 7.125rem);
  --cookies__logo__aspect-ratio: 2.0357142857;
  --cookies__button__width: 15.5rem;
  --cookies__buttons__gap: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
  --cookies__buttons__width: calc(var(--cookies__button__width) * 2 + var(--cookies__buttons__gap));
  width: 100%;
  background-color: var(--neutral-100);
  position: fixed;
  z-index: 1000;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  box-shadow: var(--shadow-3);
}
@media only screen and (max-width: 52.0625rem) {
  .cookies {
    --cookies__buttons__gap: 0.5rem;
    --cookies__button__width: 100%;
  }
}
.cookies._active {
  opacity: 1;
  visibility: visible;
}
.cookies .cookies__block {
  --block__columns: minmax(0, var(--cookies__logo__width)) minmax(0, 1fr);
  --block__template: "logo text" "logo checkboxes" "buttons buttons";
  display: grid;
  grid-gap: 0 clamp(2.5rem, 0.4233rem + 3.9841vw, 3.75rem);
  grid-template-columns: var(--block__columns);
  grid-template-rows: repeat(3, auto);
  padding-block: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  align-items: flex-start;
  grid-template-areas: var(--block__template);
}
@media only screen and (max-width: 52.0625rem) {
  .cookies .cookies__block {
    --block__columns: minmax(0, 1fr);
    --block__template: "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, .cookies .cookies__logo svg {
  width: var(--cookies__logo__width);
  min-width: var(--cookies__logo__width);
  height: auto;
  aspect-ratio: var(--cookies__logo__aspect-ratio);
  object-fit: contain;
}
.cookies .cookies__text {
  grid-area: text;
}
.cookies .cookies__text p,
.cookies .cookies__text .p {
  color: var(--primary-500);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .cookies .cookies__text p,
  .cookies .cookies__text .p {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.cookies .cookies__text p:first-child,
.cookies .cookies__text .p:first-child {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .cookies .cookies__text p:first-child,
  .cookies .cookies__text .p:first-child {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.cookies .cookies__text p:not(:first-child),
.cookies .cookies__text .p:not(:first-child) {
  margin-top: 0.375rem;
}
.cookies .cookies__text p strong,
.cookies .cookies__text p b,
.cookies .cookies__text .p strong,
.cookies .cookies__text .p b {
  font-weight: 500;
}
.cookies .cookies__checkboxes {
  --checkboxes__gap: 3.75rem;
  display: flex;
  align-items: center;
  gap: var(--checkboxes__gap);
  grid-area: checkboxes;
  align-self: center;
  margin-top: clamp(1rem, -0.1438rem + 1.3699vw, 1.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .cookies .cookies__checkboxes {
    --checkboxes__gap: 1rem;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .cookies .cookies__checkboxes {
    display: grid;
    grid-template-columns: repeat(2, auto);
  }
}
.cookies .cookies__buttons {
  --buttons__margin-left: auto;
  width: 100%;
  max-width: var(--cookies__buttons__width);
  display: flex;
  flex-direction: var(--buttons__direction);
  gap: var(--cookies__buttons__gap);
  grid-area: buttons;
  margin-left: var(--buttons__margin-left);
}
@media only screen and (max-width: 52.0625rem) {
  .cookies .cookies__buttons {
    --buttons__direction: column-reverse;
    --buttons__margin-left: 0;
  }
}
@media only screen and (max-width: 101.6875rem) {
  .cookies .cookies__buttons {
    margin-top: 1.5rem;
  }
}

.uploader {
  display: flex;
  flex-direction: column;
  gap: var(--uploader__gap, 1rem);
}
.uploader .uploader__files {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.uploader .uploader__files:not(:has(.files__item)) {
  display: none;
}
.uploader .files__item {
  --item__padding-block: 0.75rem;
  --item__padding-left: 0.875rem;
  --item__padding-right: 0.875rem;
  color: var(--secondary-400);
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.125rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  background-color: var(--surfaces-300);
  padding-block: var(--item__padding-block);
  padding-left: var(--item__padding-left);
  padding-right: var(--item__padding-right);
}
@media only screen and (max-width: 52.0625rem) {
  .uploader .files__item {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.uploader .files__item button {
  color: inherit;
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  display: flex;
  color: var(--primary-500);
  cursor: pointer;
}
@media (hover: hover) {
  .uploader .files__item button:hover {
    color: var(--secondary-900);
  }
}
.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(--error-700);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  display: none;
}
.uploader._error .input__error {
  display: flex;
  margin-top: -0.5rem;
}

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

@media only screen and (min-width: 83.5rem) and (hover: hover) {
  .nav {
    --item__menu__gap: 1.875rem;
    --item__link__padding-block: clamp(0.375rem, -0.4829rem + 1.0274vw, 0.75rem);
    width: var(--menu__width);
    min-width: var(--menu__width);
    background-color: var(--menu__open__background);
    padding-top: calc(0.75rem - var(--item__link__padding-block));
    padding-bottom: calc(1.25rem - var(--item__link__padding-block));
    border-radius: 0 var(--menu__border-radius) var(--menu__border-radius) var(--menu__border-radius);
    border: 0.0625rem solid transparent;
    margin-left: calc(var(--menu__padding-left) * -1);
    position: relative;
    z-index: 3;
    color: var(--secondary-300);
  }
  .nav ul {
    list-style: none;
  }
  .nav 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;
  }
  .nav ul li::before {
    content: none;
    position: unset;
    top: unset;
    left: unset;
  }
  .nav a {
    text-decoration: none;
  }
}
@media only screen and (min-width: 83.5rem) and (hover: hover) and (hover: hover) {
  .nav:has(.list__item.is-active .item__menu) {
    border-radius: 0 0 0 var(--menu__border-radius);
    border-right: 0;
  }
  .nav:hover {
    border-color: var(--surfaces-50);
  }
}
@media only screen and (min-width: 83.5rem) and (hover: hover) {
  .nav .nav__list {
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (min-width: 83.5rem) and (hover: hover) and (hover: hover) {
  .nav .list__item.is-active {
    color: var(--secondary-900);
  }
}
@media only screen and (min-width: 83.5rem) and (hover: hover) and (hover: hover) and (min-width: 83.5rem) {
  .nav .list__item.is-active .item__menu {
    display: grid;
  }
}
@media only screen and (min-width: 83.5rem) and (hover: hover) and (hover: hover) {
  .nav .list__item.is-active .item__link svg path {
    stroke: var(--secondary-900);
  }
}
@media only screen and (min-width: 83.5rem) and (hover: hover) {
  .nav .list__item._active .item__link {
    color: var(--active-700);
  }
  .nav .list__item._active .item__link svg path {
    stroke: var(--active-700);
  }
}
@media only screen and (min-width: 83.5rem) and (hover: hover) and (hover: hover) {
  .nav:not(:has(.list__item.is-active)) .list__item:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (min-width: 83.5rem) and (hover: hover) and (hover: hover) and (min-width: 83.5rem) {
  .nav:not(:has(.list__item.is-active)) .list__item:hover .item__menu {
    display: grid;
  }
}
@media only screen and (min-width: 83.5rem) and (hover: hover) and (hover: hover) {
  .nav:not(:has(.list__item.is-active)) .list__item:hover .item__link svg path {
    stroke: var(--secondary-900);
  }
}
@media only screen and (min-width: 83.5rem) and (hover: hover) {
  .nav .item__link {
    display: flex;
    align-items: center;
    gap: clamp(0.5rem, -1.2158rem + 2.0548vw, 1.25rem);
    font-size: clamp(0.8125rem, 0.3836rem + 0.5137vw, 1rem);
    font-weight: 400;
    line-height: 1.25rem;
    color: inherit;
    padding-block: clamp(0.375rem, -0.4829rem + 1.0274vw, 0.75rem);
    padding-inline: var(--menu__padding-left) var(--menu__padding-right);
  }
}
@media only screen and (min-width: 83.5rem) and (hover: hover) and (hover: hover) {
  .nav .item__link:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (min-width: 83.5rem) and (hover: hover) {
  .nav .item__link svg {
    width: 1.875rem;
    min-width: 1.875rem;
    height: auto;
    aspect-ratio: 1;
  }
  .nav .item__link svg path {
    stroke: var(--divider-800);
  }
  .nav .item__menu {
    width: clamp(63.375rem, 48.2192rem + 18.1507vw, 70rem);
    display: grid;
    grid-gap: var(--item__menu__gap);
    grid-template-columns: minmax(0, 1fr) minmax(0, 23.125rem);
    background-color: var(--menu__open__background);
    border: 0.0625rem solid var(--surfaces-50);
    color: var(--primary-500);
    display: none;
    position: absolute;
    z-index: 3;
    top: -0.0625rem;
    bottom: -0.0625rem;
    left: 100%;
    overflow-y: auto;
    padding: 2.5rem;
    border-radius: 0 var(--menu__border-radius) var(--menu__border-radius) 0;
  }
  .nav .menu__list {
    columns: 2;
    column-gap: clamp(3.75rem, 0.8904rem + 3.4247vw, 5rem);
  }
  .nav .list__item-2 {
    margin-bottom: clamp(1.125rem, 0.839rem + 0.3425vw, 1.25rem);
  }
  .nav .list__item-2._active .item__link-2 {
    color: var(--active-700);
  }
  .nav .item__link-2 {
    display: flex;
    align-items: center;
    font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
    font-weight: 400;
    line-height: 1.125rem;
    color: inherit;
  }
}
@media only screen and (min-width: 83.5rem) and (hover: hover) and (max-width: 52.0625rem) {
  .nav .item__link-2 {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media only screen and (min-width: 83.5rem) and (hover: hover) and (hover: hover) {
  .nav .item__link-2:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (min-width: 83.5rem) and (hover: hover) {
  .nav .menu__photos {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
}
.header__topbar {
  background-color: var(--secondary-800);
  height: 2.5rem;
  display: flex;
  overflow: clip;
  position: relative;
  z-index: 5;
}
@media (hover: hover) {
  .header__topbar:hover .marquee__track {
    animation-play-state: paused;
  }
}
.header__topbar .topbar__marquee {
  display: flex;
  width: 100%;
  overflow: clip;
}
.header__topbar .marquee__track {
  display: flex;
  align-items: center;
  gap: 3rem;
  width: max-content;
  padding-left: 3rem;
  will-change: transform;
  animation: marquee-move-text 20s linear infinite forwards;
}
@media only screen and (max-width: 52.0625rem) {
  .header__topbar .marquee__track {
    animation: marquee-move-text-mobile 15s linear infinite forwards;
  }
}
@media (prefers-reduced-motion: reduce) {
  .header__topbar .marquee__track {
    animation: none;
    transform: translateX(0);
  }
}
.header__topbar .track__inner {
  width: 100dvw;
  min-width: max-content;
  color: var(--neutral-100);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  white-space: nowrap;
  text-align: center;
}
@media only screen and (max-width: 52.0625rem) {
  .header__topbar .track__inner {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.header__topbar .track__inner a {
  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;
  color: inherit;
}

@keyframes marquee-move-text {
  0% {
    transform: translateX(0%);
  }
  85% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes marquee-move-text-mobile {
  to {
    transform: translateX(-50%);
  }
}
.header__cart {
  --cart__border: var(--divider-600);
  --cart__padding-inline: clamp(1rem, 0.3354rem + 2.9536vw, 1.875rem);
  position: fixed;
  z-index: 6;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  color: var(--primary-500);
}
.header__cart ul {
  list-style: none;
}
.header__cart ul li {
  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 li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.header__cart a {
  text-decoration: none;
}
.header__cart .cart__block {
  --block__width: clamp(27rem, 20.137rem + 8.2192vw, 30rem);
  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(100%);
  transition: transform 0.3s ease-in-out;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 52.0625rem) {
  .header__cart .cart__block {
    --block__width: clamp(21.25rem, 16.8829rem + 19.4093vw, 27rem);
  }
}
.header__cart .block__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  color: inherit;
  padding-top: clamp(1.5rem, 0.6421rem + 1.0274vw, 1.875rem);
  padding-bottom: clamp(1rem, -0.1438rem + 1.3699vw, 1.5rem);
  padding-inline: var(--cart__padding-inline);
  border-bottom: 1px solid var(--cart__border);
}
.header__cart .header__title {
  color: inherit;
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .header__cart .header__title {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.header__cart .header__close {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  cursor: pointer;
  color: inherit;
}
@media (hover: hover) {
  .header__cart .header__close:hover {
    color: var(--secondary-900);
  }
}
.header__cart .header__close svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.header__cart .header__close svg path {
  stroke: currentColor;
}
.header__cart .block__products {
  display: flex;
  flex-direction: column;
}
.header__cart .block__actions {
  --cart__actions__gap: clamp(1rem, -0.1438rem + 1.3699vw, 1.5rem);
  display: flex;
  flex-direction: column;
  gap: var(--cart__actions__gap);
  background-color: var(--neutral-100);
  padding-block: var(--cart__actions__gap);
  padding-inline: var(--cart__padding-inline);
  border-top: 0.0625rem solid var(--cart__border);
  margin-top: auto;
  position: sticky;
  bottom: 0;
}
.header__cart .actions__total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--cart__actions__gap);
}
.header__cart .total__title {
  color: inherit;
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .header__cart .total__title {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.header__cart .total__price {
  color: inherit;
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 700;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .header__cart .total__price {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.header__cart .cart__overlay {
  background-color: #000000;
  position: absolute;
  inset: 0;
  opacity: 0.3;
}
.header__cart:not(:has(.product)) .block__products::before {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  content: attr(data-empty);
  padding-block: 1rem;
  padding-inline: var(--cart__padding-inline);
}
@media only screen and (max-width: 52.0625rem) {
  .header__cart:not(:has(.product)) .block__products::before {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.header__cart:not(:has(.product)) .block__actions {
  display: none;
}

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

.header__mobile {
  background-color: var(--neutral-100);
  display: none;
  flex: 1;
}
@media only screen and (min-width: 83.5rem) and (hover: hover) {
  .header__mobile {
    display: none !important;
  }
}
.header__mobile .nav {
  --nav__dropdown__width: 1.5rem;
  --nav__dropdown__gap: 0.5rem;
  --nav__link__padding-block: 0.5625rem;
  --nav__padding-block: calc(1.5rem - var(--nav__link__padding-block));
  --mainbar__padding-block: 0.5rem;
  padding-top: calc(var(--nav__padding-block) - var(--mainbar__padding-block));
  padding-bottom: var(--nav__padding-block);
  display: block;
  position: relative;
  z-index: 3;
  color: var(--secondary-300);
}
@media only screen and (max-width: 83.4375rem) {
  .header__mobile .nav {
    --mainbar__padding-block: 1rem;
  }
}
.header__mobile .nav ul {
  list-style: none;
}
.header__mobile .nav 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__mobile .nav ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.header__mobile .nav a {
  text-decoration: none;
}
@media only screen and (min-width: 120rem) {
  .header__mobile .nav {
    --wrap__padding: var(--padding);
    width: 100%;
    max-width: calc(var(--content) + 2 * var(--wrap__padding));
    padding-inline: var(--wrap__padding);
    margin-inline: auto;
    padding-inline: 0;
  }
}
.header__mobile .nav .nav__list {
  display: flex;
  flex-direction: column;
}
.header__mobile .nav .list__item {
  position: relative;
}
@media (hover: hover) {
  .header__mobile .nav .list__item:hover {
    color: var(--secondary-900);
  }
  .header__mobile .nav .list__item:hover .item__link svg path,
  .header__mobile .nav .list__item:hover .item__button svg path {
    stroke: var(--secondary-900);
  }
}
.header__mobile .nav .list__item:has(.item__button input:checked) {
  display: flex;
  flex-direction: column;
}
.header__mobile .nav .list__item:has(.item__button input:checked) .item__link {
  display: none;
}
.header__mobile .nav .list__item:has(.item__button input:checked) .item__button {
  color: inherit;
  color: var(--primary-900);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  width: unset;
  min-width: unset;
  height: unset;
  aspect-ratio: unset;
  text-transform: uppercase;
  order: 1;
  position: relative;
  top: unset;
  right: unset;
  transform: unset;
  padding-block: 0.28125rem;
  padding-inline: var(--padding);
  margin-top: 0.5rem;
  margin-bottom: 0.4375rem;
}
@media (hover: hover) {
  .header__mobile .nav .list__item:has(.item__button input:checked) .item__button:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .header__mobile .nav .list__item:has(.item__button input:checked) .item__button {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
@media (hover: hover) {
  .header__mobile .nav .list__item:has(.item__button input:checked) .item__button:hover svg path {
    stroke: var(--secondary-900);
  }
}
.header__mobile .nav .list__item:has(.item__button input:checked) .item__button .button__back {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.125rem;
  min-width: 1.125rem;
  height: auto;
  aspect-ratio: 1;
}
.header__mobile .nav .list__item:has(.item__button input:checked) .item__button .button__back svg path {
  stroke: var(--primary-900);
}
.header__mobile .nav .list__item:has(.item__button input:checked) .item__button .button__chevron {
  display: none;
}
.header__mobile .nav .list__item:has(.item__button input:checked) .item__menu {
  display: flex;
  flex-direction: column;
  order: 2;
}
.header__mobile .nav .item__link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 0.3836rem + 0.5137vw, 1rem);
  font-weight: 400;
  line-height: 1.25rem;
  color: inherit;
  padding-block: 0.5625rem;
  padding-inline: var(--padding) calc(var(--nav__dropdown__width) + var(--nav__dropdown__gap) + var(--padding));
}
@media (hover: hover) {
  .header__mobile .nav .item__link:hover {
    color: var(--secondary-900);
  }
}
.header__mobile .nav .item__link svg {
  width: 1.875rem;
  min-width: 1.875rem;
  height: auto;
  aspect-ratio: 1;
}
.header__mobile .nav .item__link svg path {
  stroke: var(--divider-800);
}
.header__mobile .nav .item__button {
  --button__width: 1.5rem;
  width: var(--button__width);
  min-width: var(--button__width);
  height: auto;
  aspect-ratio: 1;
  display: flex;
  position: absolute;
  top: 50%;
  right: var(--padding);
  transform: translateY(-50%);
  font-size: 0;
  cursor: pointer;
}
.header__mobile .nav .item__button .button__back,
.header__mobile .nav .item__button .button__chevron {
  display: flex;
  width: var(--button__width);
  min-width: var(--button__width);
  height: auto;
  aspect-ratio: 1;
}
.header__mobile .nav .item__button .button__back svg,
.header__mobile .nav .item__button .button__chevron svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.header__mobile .nav .item__button .button__back svg path,
.header__mobile .nav .item__button .button__chevron svg path {
  stroke: var(--primary-500);
}
.header__mobile .nav .item__button .button__back {
  display: none;
}
.header__mobile .nav .item__menu {
  gap: calc(1.5rem - 0.6875rem);
  color: var(--primary-500);
  display: none;
}
.header__mobile .nav .item__link-2 {
  display: flex;
  align-items: center;
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.125rem;
  color: inherit;
  padding-block: 0.6875rem;
  padding-inline: var(--padding);
}
@media only screen and (max-width: 52.0625rem) {
  .header__mobile .nav .item__link-2 {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media (hover: hover) {
  .header__mobile .nav .item__link-2:hover {
    color: var(--secondary-900);
  }
}
.header__mobile .nav .menu__photos {
  display: flex;
  gap: clamp(0.5rem, -0.2595rem + 3.3755vw, 1.5rem);
  flex-wrap: wrap;
  padding-inline: var(--padding);
  padding-bottom: 0.5rem;
}
.header__mobile .nav .photos__item {
  width: 100%;
  max-width: 20.5rem;
  height: auto;
  aspect-ratio: 2.4661654135;
}
.header__mobile .nav .photos__item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header__mobile:has(.list__item .item__button input:checked) .list__item:not(:has(.item__button input:checked)),
.header__mobile:has(.list__item .item__button input:checked) .mobile__info {
  display: none;
}
.header__mobile .mobile__info {
  background-color: var(--surfaces-300);
  padding-block: 2rem;
  padding-inline: var(--padding);
  flex: 1;
}
@media only screen and (min-width: 120rem) {
  .header__mobile .mobile__info .info__pages,
  .header__mobile .mobile__info .info__contacts,
  .header__mobile .mobile__info .info__languages {
    --wrap__padding: var(--padding);
    width: 100%;
    max-width: calc(var(--content) + 2 * var(--wrap__padding));
    padding-inline: var(--wrap__padding);
    margin-inline: auto;
  }
}
.header__mobile .mobile__info .info__pages {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
  color: var(--secondary-300);
}
.header__mobile .mobile__info .info__pages .pages__item {
  display: flex;
}
.header__mobile .mobile__info .info__pages .item__link {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: inherit;
}
@media only screen and (max-width: 52.0625rem) {
  .header__mobile .mobile__info .info__pages .item__link {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media (hover: hover) {
  .header__mobile .mobile__info .info__pages .item__link:hover {
    color: var(--secondary-900);
  }
}
.header__mobile .mobile__info .info__contacts {
  display: flex;
  align-items: center;
  padding-top: 1.125rem;
  margin-top: 1.125rem;
  border-top: 0.0625rem solid var(--surfaces-50);
  color: inherit;
}
.header__mobile .mobile__info .info__contacts .contacts__phone {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.header__mobile .mobile__info .info__contacts svg {
  width: 1.3125rem;
  min-width: 1.3125rem;
  height: auto;
  aspect-ratio: 1;
}
.header__mobile .mobile__info .info__contacts svg path {
  fill: currentColor;
}
.header__mobile .mobile__info .info__contacts .phone__value,
.header__mobile .mobile__info .info__contacts .contacts__email {
  color: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
@media (hover: hover) {
  .header__mobile .mobile__info .info__contacts .phone__value:hover,
  .header__mobile .mobile__info .info__contacts .contacts__email:hover {
    color: var(--secondary-900);
  }
}
@supports (-webkit-line-clamp: 1) {
  .header__mobile .mobile__info .info__contacts .phone__value,
  .header__mobile .mobile__info .info__contacts .contacts__email {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
.header__mobile .mobile__info .info__contacts .phone__value {
  color: inherit;
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .header__mobile .mobile__info .info__contacts .phone__value {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.header__mobile .mobile__info .info__contacts .contacts__email {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  margin-left: 0.75rem;
  padding-left: 0.8125rem;
  position: relative;
}
@media only screen and (max-width: 52.0625rem) {
  .header__mobile .mobile__info .info__contacts .contacts__email {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.header__mobile .mobile__info .info__contacts .contacts__email::before {
  display: flex;
  width: 0.0625rem;
  height: 1rem;
  background-color: var(--primary-500);
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  opacity: 0.4;
}
.header__mobile .mobile__info .info__languages,
.header__mobile .mobile__info .languages__dropdown {
  display: flex;
  align-items: center;
  gap: 1.125rem;
}
.header__mobile .mobile__info .info__languages {
  color: var(--secondary-600);
  margin-top: 1.125rem;
}
.header__mobile .mobile__info .info__languages .languages__title {
  color: var(--secondary-300);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  content: attr(data-title);
}
@media only screen and (max-width: 52.0625rem) {
  .header__mobile .mobile__info .info__languages .languages__title {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.header__mobile .mobile__info .info__languages .dropdown__item,
.header__mobile .mobile__info .info__languages .item__link {
  text-transform: uppercase;
}
.header__mobile .mobile__info .info__languages .dropdown__item {
  --item__background-color: var(--neutral-100);
  display: flex;
  width: 2rem;
  min-width: 2rem;
  height: auto;
  aspect-ratio: 1;
  color: inherit;
  text-align: center;
}
.header__mobile .mobile__info .info__languages .dropdown__item._active .item__link {
  --item__background-color: var(--secondary-900);
  --item__text__color: var(--neutral-100);
}
.header__mobile .mobile__info .info__languages .item__link {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--item__text__color, inherit);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  background-color: var(--item__background-color);
  border-radius: 50%;
  flex: 1;
}
@media only screen and (max-width: 52.0625rem) {
  .header__mobile .mobile__info .info__languages .item__link {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media (hover: hover) {
  .header__mobile .mobile__info .info__languages .item__link:hover {
    --item__background-color: var(--primary-900);
    --item__text__color: var(--neutral-100);
  }
}

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

header {
  --header__background: var(--header-100);
  --header__background-primary: var(--header-300);
  --header__text: var(--header-500);
  --header__text-primary: var(--header-450);
  --header__logo__width: 7.125rem;
  --header__logo__margin-right: clamp(0rem, -8.5788rem + 10.274vw, 3.75rem);
  --header__languages__width: 3.375rem;
  --header__languages__padding-inline: 0.5625rem;
  background-color: var(--header__background);
  position: relative;
  z-index: 4;
}
@media only screen and (max-width: 83.4375rem) {
  header {
    --header__logo__width: 5.125rem;
  }
}
header ul {
  list-style: none;
}
header 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 ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
header a {
  text-decoration: none;
}
header._sticky {
  position: sticky;
  top: calc(var(--header__height) * -1);
  transition: top 0.3s ease-in-out, background 0.3s ease-in-out;
}
header._sticky._active {
  top: 0;
  box-shadow: var(--shadow-1);
}
header._sticky:not(._active) .item__dropdown {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(-1rem) !important;
}
header._sticky:not(._active) .nav {
  display: none !important;
}
header._checkout {
  box-shadow: var(--shadow-1);
}
header._checkout .header__mainbar .wrap {
  display: flex;
  align-items: center;
  gap: var(--mainbar__gap);
}
@media only screen and (max-width: 83.4375rem) {
  header._checkout .header__mainbar .wrap {
    --mainbar__columns: minmax(0, var(--header__logo__width)) minmax(0, 1fr) auto;
    --mainbar__template: "logo button actions";
  }
}
@media only screen and (max-width: 52.0625rem) {
  header._checkout .header__mainbar .wrap {
    --mainbar__columns: minmax(0, var(--header__logo__width)) minmax(0, 1fr);
    --mainbar__template: "logo actions" "button button";
  }
}
@media only screen and (max-width: 83.4375rem) {
  header._checkout .header__mainbar .wrap {
    display: grid;
    grid-template-columns: var(--mainbar__columns);
    grid-template-areas: var(--mainbar__template);
  }
}
header._checkout .button {
  --button__margin-left: calc(clamp(16.1875rem, -30.5668rem + 55.9932vw, 36.625rem) - var(--mainbar__gap) - var(--header__logo__margin-right));
  margin-left: var(--button__margin-left);
}
@media only screen and (max-width: 83.4375rem) {
  header._checkout .button {
    --button__margin-left: auto;
  }
}
@media only screen and (max-width: 83.4375rem) {
  header._checkout .button {
    margin-right: auto;
    grid-area: button;
  }
}
@media only screen and (max-width: 52.0625rem) {
  header._checkout .button {
    max-width: 100%;
  }
}
header._review {
  --header__background: var(--neutral-100);
  --header__logo__width: clamp(5.125rem, 3.606rem + 6.7511vw, 7.125rem);
}
@media only screen and (min-width: 37.3125rem) {
  header._review {
    box-shadow: var(--shadow-1);
  }
}
header._review .header__mainbar {
  padding-block: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
}
header._review .header__mainbar .wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
header .header__mainbar {
  --mainbar__gap: clamp(2.5rem, -3.2192rem + 6.8493vw, 5rem);
  --mainbar__padding-block: 0.5rem;
  --mainbar__burger: 1.5rem;
  background-color: var(--header__background);
  padding-block: var(--mainbar__padding-block);
  color: var(--header__text);
}
@media only screen and (max-width: 83.4375rem) {
  header .header__mainbar {
    --mainbar__gap: 1rem clamp(1.5rem, 0.7405rem + 3.3755vw, 2.5rem);
    --mainbar__padding-block: 1rem;
  }
}
header .header__mainbar .wrap {
  display: flex;
  align-items: center;
  gap: var(--mainbar__gap);
}
@media only screen and (max-width: 83.4375rem) {
  header .header__mainbar .wrap {
    display: grid;
    grid-template-columns: minmax(0, var(--mainbar__burger)) minmax(0, var(--header__logo__width)) minmax(0, 1fr);
    grid-template-areas: "burger logo actions" "search search search";
  }
}
header .mainbar__burger {
  display: flex;
  color: inherit;
  width: var(--mainbar__burger);
  min-width: var(--mainbar__burger);
  height: auto;
  aspect-ratio: 1;
  color: var(--header__text-primary);
  cursor: pointer;
}
@media (hover: hover) {
  header .mainbar__burger:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (min-width: 83.5rem) and (hover: hover) {
  header .mainbar__burger {
    display: none;
  }
}
header .mainbar__burger:has(input:checked) .burger__icon {
  display: none;
}
header .mainbar__burger:has(input:checked) .burger__close {
  display: block;
}
header .mainbar__burger svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
header .mainbar__burger svg path {
  stroke: currentColor;
}
header .mainbar__burger .burger__close {
  display: none;
}
header .mainbar__logo {
  width: var(--header__logo__width);
  min-width: var(--header__logo__width);
  height: auto;
  aspect-ratio: 2.0357142857;
  display: flex;
}
@media only screen and (min-width: 83.5rem) and (hover: hover) {
  header .mainbar__logo {
    margin-right: var(--header__logo__margin-right);
  }
}
@media only screen and (max-width: 83.4375rem) {
  header .mainbar__logo {
    grid-area: logo;
  }
}
header .mainbar__logo svg {
  width: 100%;
  height: 100%;
}
header .mainbar__contacts {
  display: flex;
  align-items: center;
  color: inherit;
}
@media only screen and (max-width: 83.4375rem) {
  header .mainbar__contacts {
    display: none;
  }
}
@media only screen and (max-width: 101.6875rem) and (hover: none) {
  header .mainbar__contacts {
    display: none;
  }
}
header .mainbar__contacts .contacts__phone {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
header .mainbar__contacts svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
header .mainbar__contacts svg path {
  fill: currentColor;
}
header .mainbar__contacts .phone__title {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  header .mainbar__contacts .phone__title {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media only screen and (min-width: 83.5rem) and (hover: none) {
  header .mainbar__contacts .phone__title {
    display: none;
  }
}
@media only screen and (max-width: 101.6875rem) {
  header .mainbar__contacts .phone__title {
    display: none;
  }
}
header .mainbar__contacts .phone__value,
header .mainbar__contacts .contacts__email {
  color: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
@media (hover: hover) {
  header .mainbar__contacts .phone__value:hover,
  header .mainbar__contacts .contacts__email:hover {
    color: var(--secondary-900);
  }
}
@supports (-webkit-line-clamp: 1) {
  header .mainbar__contacts .phone__value,
  header .mainbar__contacts .contacts__email {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
header .mainbar__contacts .phone__value {
  color: inherit;
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  header .mainbar__contacts .phone__value {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
header .mainbar__contacts .contacts__email {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  margin-left: 0.75rem;
  padding-left: 0.8125rem;
  position: relative;
}
@media only screen and (max-width: 52.0625rem) {
  header .mainbar__contacts .contacts__email {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
header .mainbar__contacts .contacts__email::before {
  display: flex;
  width: 0.0625rem;
  height: 1rem;
  background-color: var(--primary-500);
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  opacity: 0.4;
}
header .mainbar__search {
  --search__height: 2.5rem;
  --search__border-radius: 0.375rem;
  width: 100%;
  min-width: 30rem;
  height: var(--search__height);
  position: relative;
  flex: 1;
}
@media only screen and (max-width: 83.4375rem) {
  header .mainbar__search {
    min-width: unset;
    grid-area: search;
  }
}
header .mainbar__search .search__form {
  display: flex;
  align-items: center;
  gap: clamp(0.5rem, 0.2152rem + 1.2658vw, 0.875rem);
  width: 100%;
  height: var(--search__height);
  background-color: var(--neutral-100);
  border: 0.0625rem solid var(--divider-600);
  border-radius: var(--search__border-radius);
  padding-block: 0.5rem;
  padding-inline: clamp(0.75rem, 0.5601rem + 0.8439vw, 1rem);
  color: var(--primary-500);
}
header .mainbar__search .search__form .form__button,
header .mainbar__search .search__form .form__clear {
  display: flex;
  align-items: center;
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  cursor: pointer;
}
@media (hover: hover) {
  header .mainbar__search .search__form .form__button:hover,
  header .mainbar__search .search__form .form__clear:hover {
    color: var(--secondary-900);
  }
  header .mainbar__search .search__form .form__button:hover svg g,
  header .mainbar__search .search__form .form__clear:hover svg g {
    opacity: 1;
  }
}
header .mainbar__search .search__form .form__button svg,
header .mainbar__search .search__form .form__clear svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
header .mainbar__search .search__form .form__button svg path,
header .mainbar__search .search__form .form__clear svg path {
  stroke: currentColor;
}
header .mainbar__search .search__form .form__input {
  width: 100%;
  color: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  header .mainbar__search .search__form .form__input {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
header .mainbar__search .search__form .form__input::placeholder {
  color: var(--secondary-700);
}
header .mainbar__search .search__form .form__clear {
  color: var(--primary-500);
  opacity: 0;
  visibility: hidden;
}
header .mainbar__search .search__form .form__clear svg g {
  opacity: 0.5;
}
header .mainbar__search .search__dropdown {
  --dropdown__border: 0.0625rem solid var(--neutral-100);
  --dropdown__results__border: 0.0625rem solid var(--divider-600);
  background-color: var(--neutral-100);
  opacity: 0;
  visibility: hidden;
  border-left: var(--dropdown__border);
  border-right: var(--dropdown__border);
  border-bottom: var(--dropdown__border);
  border-radius: 0 0 var(--search__border-radius) var(--search__border-radius);
}
header .mainbar__search .search__dropdown .dropdown__results {
  display: grid;
  grid-template-columns: minmax(0, clamp(14.375rem, 11.5154rem + 3.4247vw, 15.625rem)) minmax(0, 1fr);
}
@media only screen and (max-width: 83.4375rem) {
  header .mainbar__search .search__dropdown .dropdown__results {
    display: grid;
    grid-template-columns: minmax(0, clamp(21.875rem, -4.0837rem + 49.8008vw, 37.5rem)) minmax(0, 1fr);
  }
}
@media only screen and (max-width: 52.0625rem) {
  header .mainbar__search .search__dropdown .dropdown__results {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}
header .mainbar__search .search__dropdown .dropdown__results .results__category {
  --category__padding-block: clamp(1.25rem, 0.1062rem + 1.3699vw, 1.75rem);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding-block: var(--category__padding-block);
  color: var(--primary-500);
}
@media only screen and (max-width: 83.4375rem) {
  header .mainbar__search .search__dropdown .dropdown__results .results__category {
    --category__padding-block: clamp(0.625rem, 0.4406rem + 0.8197vw, 1.125rem);
  }
}
header .mainbar__search .search__dropdown .dropdown__results .results__category .category__item,
header .mainbar__search .search__dropdown .dropdown__results .results__category .item__link {
  display: flex;
}
header .mainbar__search .search__dropdown .dropdown__results .results__category .item__link {
  width: 100%;
  color: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  padding-block: 0.375rem;
  padding-inline: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  header .mainbar__search .search__dropdown .dropdown__results .results__category .item__link {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media (hover: hover) {
  header .mainbar__search .search__dropdown .dropdown__results .results__category .item__link:hover {
    background-color: var(--surfaces-300);
  }
}
header .mainbar__search .search__dropdown .dropdown__results .results__products {
  --products__padding: clamp(1.25rem, -0.4658rem + 2.0548vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: var(--products__padding);
}
@media only screen and (max-width: 83.4375rem) {
  header .mainbar__search .search__dropdown .dropdown__results .results__products {
    --products__padding: clamp(1rem, 0.5847rem + 0.7968vw, 1.25rem) 1.25rem;
  }
}
@media only screen and (max-width: 52.0625rem) {
  header .mainbar__search .search__dropdown .dropdown__results .results__products {
    --products__padding: 1.875rem clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
  }
}
header .mainbar__search .search__dropdown .dropdown__results .results__products:not(:only-child) {
  border-left: var(--dropdown__results__border);
}
@media only screen and (max-width: 52.0625rem) {
  header .mainbar__search .search__dropdown .dropdown__results .results__products:not(:only-child) {
    border-left: none;
    border-top: var(--dropdown__results__border);
  }
}
header .mainbar__search .search__dropdown .dropdown__more {
  display: flex;
  justify-content: center;
  align-items: center;
  color: inherit;
  color: var(--primary-900);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  border-top: var(--dropdown__results__border);
  padding-block: 1rem;
}
@media (hover: hover) {
  header .mainbar__search .search__dropdown .dropdown__more:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (max-width: 52.0625rem) {
  header .mainbar__search .search__dropdown .dropdown__more {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
header .mainbar__search .search__content {
  position: absolute;
  z-index: 5;
  inset: 0;
}
header .mainbar__search._open::before {
  content: "";
  position: fixed;
  z-index: 4;
  inset: 0;
  background: var(--secondary-300);
  opacity: 0.3;
}
header .mainbar__search._open .search__content {
  bottom: unset;
  border-radius: var(--search__border-radius);
  box-shadow: var(--shadow-2);
}
header .mainbar__search._open .search__form {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-color: var(--neutral-100);
  border-left-color: var(--neutral-100);
  border-right-color: var(--neutral-100);
  border-bottom-color: var(--divider-600);
}
header .mainbar__search._open .search__form .form__clear {
  opacity: 1;
  visibility: visible;
}
header .mainbar__search._open .search__dropdown {
  opacity: 1;
  visibility: visible;
}
header .mainbar__actions {
  --gap: clamp(1.875rem, 0.4452rem + 1.7123vw, 2.5rem);
  display: flex;
  align-items: center;
  gap: var(--gap);
  margin-left: auto;
}
@media only screen and (max-width: 83.4375rem) {
  header .mainbar__actions {
    --gap: 1.5rem;
  }
}
@media only screen and (max-width: 83.4375rem) {
  header .mainbar__actions {
    grid-area: actions;
  }
}
header .mainbar__actions .actions__wishlist,
header .mainbar__actions .actions__account,
header .mainbar__actions .actions__cart {
  display: flex;
  align-items: center;
  width: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
  min-width: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
  height: auto;
  aspect-ratio: 1;
  position: relative;
  color: inherit;
  cursor: pointer;
}
@media (hover: hover) {
  header .mainbar__actions .actions__wishlist:hover,
  header .mainbar__actions .actions__account:hover,
  header .mainbar__actions .actions__cart:hover {
    color: var(--secondary-900);
  }
}
header .mainbar__actions .actions__wishlist[data-active=true] svg:has(rect),
header .mainbar__actions .actions__account[data-active=true] svg:has(rect),
header .mainbar__actions .actions__cart[data-active=true] svg:has(rect) {
  width: 1rem;
  min-width: 1rem;
  height: auto;
  aspect-ratio: 1;
  position: absolute;
  top: -0.1875rem;
  right: -0.375rem;
  display: block;
}
header .mainbar__actions .actions__wishlist[data-active=true] svg:has(rect) rect,
header .mainbar__actions .actions__account[data-active=true] svg:has(rect) rect,
header .mainbar__actions .actions__cart[data-active=true] svg:has(rect) rect {
  fill: var(--primary-900);
}
header .mainbar__actions .actions__wishlist[data-active=true] svg:has(rect) path[stroke=white],
header .mainbar__actions .actions__account[data-active=true] svg:has(rect) path[stroke=white],
header .mainbar__actions .actions__cart[data-active=true] svg:has(rect) path[stroke=white] {
  stroke: var(--neutral-100);
}
header .mainbar__actions .actions__wishlist svg,
header .mainbar__actions .actions__account svg,
header .mainbar__actions .actions__cart svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
header .mainbar__actions .actions__wishlist svg:has(rect),
header .mainbar__actions .actions__account svg:has(rect),
header .mainbar__actions .actions__cart svg:has(rect) {
  display: none;
}
header .mainbar__actions .actions__wishlist svg path,
header .mainbar__actions .actions__account svg path,
header .mainbar__actions .actions__cart svg path {
  stroke: currentColor;
}
header .mainbar__actions .actions__languages {
  margin-inline: calc(var(--header__languages__padding-inline) * -1);
  position: relative;
  z-index: 1;
  transition: filter 0.3s ease-in-out, background 0.3s ease-in-out;
  color: var(--header__text);
  padding-left: var(--gap);
}
@media only screen and (max-width: 83.4375rem) {
  header .mainbar__actions .actions__languages {
    display: none;
  }
}
@media (hover: hover) {
  header .mainbar__actions .actions__languages:active .languages__frame svg, header .mainbar__actions .actions__languages:focus .languages__frame svg, header .mainbar__actions .actions__languages:hover .languages__frame svg {
    transform: rotate(180deg);
  }
  header .mainbar__actions .actions__languages:active .languages__dropdown, header .mainbar__actions .actions__languages:focus .languages__dropdown, header .mainbar__actions .actions__languages:hover .languages__dropdown {
    background-color: var(--neutral-100);
    box-shadow: var(--shadow-1);
    opacity: 1;
    visibility: visible;
  }
}
@media (hover: none) {
  header .mainbar__actions .actions__languages._active .languages__frame svg {
    transform: rotate(180deg);
  }
  header .mainbar__actions .actions__languages._active .languages__dropdown {
    background-color: var(--neutral-100);
    box-shadow: var(--shadow-1);
    opacity: 1;
    visibility: visible;
  }
}
header .mainbar__actions .actions__languages::before {
  width: 0.0625rem;
  height: 1.875rem;
  background-color: var(--header__text);
  content: "";
  opacity: 0.4;
  position: absolute;
  top: 50%;
  left: var(--header__languages__padding-inline);
  transform: translateY(-50%);
}
header .mainbar__actions .actions__languages .languages__frame,
header .mainbar__actions .actions__languages .dropdown__item,
header .mainbar__actions .actions__languages .item__link {
  text-transform: uppercase;
}
header .mainbar__actions .actions__languages .languages__frame,
header .mainbar__actions .actions__languages .dropdown__item {
  width: var(--header__languages__width);
  min-width: var(--header__languages__width);
  height: 2rem;
  padding-inline: var(--header__languages__padding-inline);
}
header .mainbar__actions .actions__languages .languages__frame {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: inherit;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  header .mainbar__actions .actions__languages .languages__frame {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
header .mainbar__actions .actions__languages .languages__frame svg {
  width: 0.875rem;
  min-width: 0.875rem;
  height: auto;
  aspect-ratio: 1;
}
header .mainbar__actions .actions__languages .languages__frame svg path {
  stroke: currentColor;
}
header .mainbar__actions .actions__languages .languages__dropdown {
  padding-block: 0.25rem;
  border-radius: 0.375rem;
  position: absolute;
  top: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, background 0.3s ease-in-out;
}
header .mainbar__actions .actions__languages .dropdown__item {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
header .mainbar__actions .actions__languages .dropdown__item:not(:first-child) {
  border-top: 0.0625rem solid var(--surfaces-50);
}
header .mainbar__actions .actions__languages .dropdown__item .item__link {
  color: inherit;
  color: var(--primary-500);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
}
@media (hover: hover) {
  header .mainbar__actions .actions__languages .dropdown__item .item__link:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (max-width: 52.0625rem) {
  header .mainbar__actions .actions__languages .dropdown__item .item__link {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
header .mainbar__actions .actions__languages .dropdown__item .item__link._active {
  color: var(--secondary-900);
}
header .header__navbar {
  background-color: var(--header__background-primary);
  display: none;
}
@media only screen and (min-width: 83.5rem) and (hover: hover) {
  header .header__navbar {
    display: block;
  }
}
header .header__navbar .wrap {
  display: flex;
  gap: var(--body__menu__gap);
}
header .navbar__menu {
  width: var(--menu__width);
  min-width: var(--menu__width);
  color: var(--header__text);
  position: relative;
}
header .navbar__menu .menu__button {
  max-width: max-content;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: inherit;
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 700;
  line-height: 1.5rem;
  border: 0.0625rem solid transparent;
  padding-block: 0.6875rem;
  padding-inline: var(--menu__padding-left) var(--menu__padding-right);
  margin-left: calc(var(--menu__padding-left) * -1);
  border-radius: var(--menu__border-radius) var(--menu__border-radius) 0 0;
  cursor: pointer;
}
@media only screen and (max-width: 52.0625rem) {
  header .navbar__menu .menu__button {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
header .navbar__menu .menu__button svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
header .navbar__menu .menu__button svg path {
  stroke: currentColor;
}
header .navbar__menu .menu__content {
  position: absolute;
  z-index: 7;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
}
header .navbar__menu .menu__content .nav {
  display: none;
}
@media (hover: hover) {
  header .navbar__menu .menu__content:hover .menu__button {
    background-color: var(--menu__open__background);
    border-color: var(--surfaces-50);
    position: relative;
    color: var(--primary-500);
  }
  header .navbar__menu .menu__content:hover .menu__button::after {
    background-color: var(--menu__open__background);
    content: "";
    position: absolute;
    z-index: 6;
    left: 0;
    right: 0;
    height: 0.3125rem;
    bottom: -0.1875rem;
  }
  header .navbar__menu .menu__content:hover .nav {
    display: block;
  }
}
@media only screen and (hover: hover) and (min-width: 83.5rem) {
  header:has(.menu__content:hover)::before {
    background-color: var(--primary-500);
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    opacity: 0.25;
  }
}
@media (hover: hover) {
  header:has(.menu__content:hover) .nav {
    border-color: var(--surfaces-50);
  }
}
header .navbar__pages {
  --pages__direction: row;
  --pages__gap: 5rem;
  --pages__padding-block: 0.75rem;
  display: flex;
  flex-direction: var(--pages__direction);
  gap: var(--pages__gap);
  padding-block: var(--pages__padding-block);
  color: var(--header__text-primary);
}
header .navbar__pages .pages__item {
  display: flex;
}
header .navbar__pages .pages__item._active .item__link {
  color: var(--active-700);
}
header .navbar__pages .item__link {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
  color: inherit;
}
@media only screen and (max-width: 52.0625rem) {
  header .navbar__pages .item__link {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
@media (hover: hover) {
  header .navbar__pages .item__link:hover {
    color: var(--secondary-900);
  }
}
header:has(#menu__popup:checked) {
  display: flex;
  flex-direction: column;
  position: fixed;
  inset: 0;
  z-index: 10;
  overflow-y: auto;
}

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

footer {
  background-color: var(--footer-100);
}
footer .footer__newsletter {
  --newsletter__padding-top: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
  --newsletter__padding-bottom: 1.5rem;
  background-color: var(--newsletter-900);
  padding-top: var(--newsletter__padding-top);
  padding-bottom: var(--newsletter__padding-bottom);
  color: var(--neutral-100);
}
@media only screen and (max-width: 67.75rem) {
  footer .footer__newsletter {
    --newsletter__padding-top: 2rem;
    --newsletter__padding-bottom: var(--newsletter__padding-top);
  }
}
footer .footer__newsletter .wrap {
  --wrap__gap: 1rem 1.875rem;
  --wrap__columns: clamp(19.875rem, 14.7277rem + 6.1644vw, 22.125rem) minmax(0, 1fr) clamp(17.5rem, 6.0616rem + 13.6986vw, 22.5rem);
  --wrap__template: "text input button" "text . checkbox";
  display: grid;
  grid-gap: var(--wrap__gap);
  grid-template-columns: var(--wrap__columns);
  align-items: center;
  grid-template-areas: var(--wrap__template);
}
@media only screen and (max-width: 67.75rem) {
  footer .footer__newsletter .wrap {
    --wrap__gap: 1rem;
    --wrap__columns: minmax(0, 1fr);
    --wrap__template: "text" "input" "button" "checkbox";
  }
}
footer .footer__newsletter .newsletter__text {
  --text__gap: clamp(0rem, -1.1438rem + 1.3699vw, 0.5rem);
  display: flex;
  flex-direction: column;
  gap: var(--text__gap);
  grid-area: text;
}
@media only screen and (max-width: 67.75rem) {
  footer .footer__newsletter .newsletter__text {
    --text__gap: 0.25rem;
  }
}
footer .footer__newsletter .text__title {
  font-size: clamp(1.125rem, 0.839rem + 0.3425vw, 1.25rem);
  font-weight: 700;
  line-height: 1.75rem;
}
footer .footer__newsletter .text__subtitle {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
  opacity: 0.8;
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__newsletter .text__subtitle {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
footer .footer__newsletter .newsletter__input {
  --input__border-color: var(--neutral-100);
  height: 3rem;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border: 0.0625rem solid var(--input__border-color);
  padding: 0.75rem 1rem;
  border-radius: 0.25rem;
  grid-area: input;
  margin-left: clamp(0rem, -7.149rem + 8.5616vw, 3.125rem);
}
footer .footer__newsletter .newsletter__input .input__error {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  display: none;
}
footer .footer__newsletter .newsletter__input .input__error svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
footer .footer__newsletter .newsletter__input .input__error svg rect {
  fill: var(--error-700);
}
footer .footer__newsletter .newsletter__input input {
  width: 100%;
  color: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__newsletter .newsletter__input input {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
footer .footer__newsletter .newsletter__input input::placeholder {
  color: inherit;
}
footer .footer__newsletter .checkbox {
  grid-area: checkbox;
}
footer .footer__newsletter .button {
  grid-area: button;
}
footer .footer__newsletter .newsletter__error,
footer .footer__newsletter .newsletter__success {
  display: none;
}
footer .footer__newsletter._error .newsletter__input {
  --input__border-color: var(--error-700);
  background-color: var(--error-100);
  color: var(--error-700);
}
footer .footer__newsletter._error .newsletter__input .input__error {
  display: flex;
}
footer .footer__newsletter._success .wrap {
  --wrap__template: "text success success" "text . .";
}
@media only screen and (max-width: 67.75rem) {
  footer .footer__newsletter._success .wrap {
    --wrap__template: "text" "success";
  }
}
footer .footer__newsletter._success .newsletter__input {
  display: none;
}
footer .footer__newsletter._success .newsletter__success {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  color: var(--neutral-100);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  border-radius: 0.25rem;
  padding-block: 0.75rem;
  padding-inline: 1rem;
  position: relative;
  z-index: 1;
  grid-area: success;
  overflow: hidden;
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__newsletter._success .newsletter__success {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
footer .footer__newsletter._success .newsletter__success::before {
  background-color: var(--neutral-100);
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: 0.3;
}
footer .footer__newsletter._success .newsletter__success svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
footer .footer__newsletter._success .newsletter__success svg rect {
  fill: var(--primary-900);
}
footer .footer__newsletter._success .button,
footer .footer__newsletter._success .checkbox {
  display: none;
}
footer .footer__infobar {
  --footer__logo__width: 8.125rem;
  --footer__logo__margin-right: clamp(0.75rem, -9.8305rem + 12.6712vw, 5.375rem);
  --footer__divider__margin-inline: clamp(0rem, -5.7192rem + 6.8493vw, 2.5rem);
  padding-top: 1.5rem;
  padding-bottom: 2.5rem;
  color: var(--footer-450);
}
@media only screen and (max-width: 83.4375rem) {
  footer .footer__infobar {
    --footer__logo__width: 5.125rem;
    --footer__logo__margin-right: 0;
  }
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__infobar {
    --footer__logo__width: 7rem;
  }
}
footer .footer__infobar ul {
  list-style: none;
}
footer .footer__infobar ul li {
  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__infobar ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
footer .footer__infobar a {
  text-decoration: none;
}
@media only screen and (max-width: 83.4375rem) {
  footer .footer__infobar {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__infobar {
    padding-bottom: 0;
  }
}
footer .footer__infobar .wrap {
  display: grid;
  grid-gap: 2.5rem clamp(3rem, -1.5753rem + 5.4795vw, 5rem);
  grid-template-columns: calc(var(--footer__logo__width) + var(--footer__logo__margin-right)) minmax(0, 1fr) calc(0.0625rem + var(--footer__divider__margin-inline) * 2) auto auto auto auto;
  grid-template-areas: "logo contacts divider info clients accessories account";
}
@media only screen and (max-width: 101.6875rem) {
  footer .footer__infobar .wrap {
    display: grid;
    grid-template-columns: calc(var(--footer__logo__width) + var(--footer__logo__margin-right)) minmax(0, 1fr) calc(0.0625rem + var(--footer__divider__margin-inline) * 2) auto auto auto;
    grid-template-rows: auto auto;
    grid-template-areas: "logo contacts divider info clients account" "logo contacts divider info accessories account";
  }
}
@media only screen and (max-width: 83.4375rem) {
  footer .footer__infobar .wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) calc(0.0625rem + var(--footer__divider__margin-inline) * 2) auto auto auto;
    grid-template-rows: repeat(4, auto);
    grid-template-areas: "logo divider info clients account" "contacts divider info clients account" "contacts divider info accessories account" "contacts divider info accessories account";
  }
}
@media only screen and (max-width: 67.75rem) {
  footer .footer__infobar .wrap {
    display: grid;
    grid-gap: 2.5rem 2.25rem;
    grid-template-columns: minmax(0, 1fr) calc(0.0625rem + var(--footer__divider__margin-inline) * 2) auto auto;
    grid-template-rows: repeat(5, auto);
    grid-template-areas: "logo divider info clients" "contacts divider info clients" "contacts divider info account" "contacts divider info account" "contacts divider accessories account";
  }
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__infobar .wrap {
    display: flex;
    flex-direction: column;
    gap: 0rem;
  }
}
footer .footer__infobar .infobar__divider {
  width: calc(100% - var(--footer__divider__margin-inline) * 2);
  height: 100%;
  background-color: var(--footer-50);
  display: flex;
  margin-inline: var(--footer__divider__margin-inline);
  grid-area: divider;
}
footer .infobar__logo {
  width: var(--footer__logo__width);
  min-width: var(--footer__logo__width);
  height: auto;
  aspect-ratio: 2.03125;
  display: flex;
  margin-right: var(--footer__logo__margin-right);
  grid-area: logo;
}
footer .infobar__logo svg {
  width: 100%;
  height: 100%;
}
footer .infobar__contacts {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  grid-area: contacts;
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__contacts {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 2rem;
    padding-bottom: 1.5rem;
  }
}
footer .infobar__contacts .contacts__item {
  display: flex;
  align-items: flex-start;
  gap: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__contacts .contacts__item._clock {
    display: flex;
    align-items: center;
  }
}
footer .infobar__contacts a.contacts__item {
  color: inherit;
}
@media (hover: hover) {
  footer .infobar__contacts a.contacts__item:hover {
    color: var(--secondary-900);
  }
}
@media (hover: hover) {
  footer .infobar__contacts a.contacts__item:hover .contacts__icon svg path {
    stroke: var(--secondary-900);
  }
}
footer .infobar__contacts a[href^=tel].contacts__item {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__contacts a[href^=tel].contacts__item {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
footer .infobar__contacts .contacts__item:not(a[href^=tel]) {
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__contacts .contacts__item:not(a[href^=tel]) {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
footer .infobar__contacts .contacts__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  min-width: 2rem;
  height: auto;
  aspect-ratio: 1;
}
footer .infobar__contacts .contacts__icon svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
footer .infobar__contacts .contacts__icon svg path {
  stroke: var(--footer-200);
}
footer .infobar__contacts .contacts__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(0.125rem, -0.0649rem + 0.8439vw, 0.375rem);
  align-self: center;
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__contacts .contacts__text {
    justify-content: flex-start;
  }
  footer .infobar__contacts .contacts__text:not(:has(.link-arrow)) {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
footer .infobar__contacts .link-arrow {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: inherit;
  color: var(--footer-500);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  margin-top: clamp(0rem, -0.1899rem + 0.8439vw, 0.25rem);
}
@media (hover: hover) {
  footer .infobar__contacts .link-arrow:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__contacts .link-arrow {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
footer .infobar__contacts .link-arrow svg {
  width: 1.0625rem;
  min-width: 1.0625rem;
  height: auto;
  aspect-ratio: 1;
}
footer .infobar__contacts .link-arrow svg path {
  stroke: currentColor;
}
footer .infobar__col {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__col {
    padding-block: 1.5rem;
    border-top: 0.0625rem solid var(--footer-50);
  }
  footer .infobar__col:has(input:checked) .col__title svg path:nth-child(2) {
    display: none;
  }
  footer .infobar__col:has(input:checked) .col__list {
    display: flex;
  }
}
footer .infobar__col .col__title {
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 600;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__col .col__title {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__col .col__title {
    color: inherit;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-align: center;
    cursor: pointer;
  }
}
@media only screen and (max-width: 52.0625rem) and (hover: hover) {
  footer .infobar__col .col__title:hover {
    color: var(--secondary-900);
  }
}
footer .infobar__col .col__title svg {
  display: none;
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__col .col__title svg {
    width: 1.5rem;
    min-width: 1.5rem;
    height: auto;
    aspect-ratio: 1;
    display: block;
  }
  footer .infobar__col .col__title svg path {
    stroke: currentColor;
  }
}
footer .infobar__col .col__list {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__col .col__list {
    display: none;
  }
}
footer .infobar__col .item__link {
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 300;
  line-height: 1.125rem;
  color: inherit;
}
@media only screen and (max-width: 52.0625rem) {
  footer .infobar__col .item__link {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media (hover: hover) {
  footer .infobar__col .item__link:hover {
    color: var(--secondary-900);
  }
}
footer .infobar__col._info {
  grid-area: info;
}
footer .infobar__col._clients {
  grid-area: clients;
}
footer .infobar__col._accessories {
  grid-area: accessories;
}
footer .infobar__col._account {
  grid-area: account;
}
footer .footer__copyright {
  color: var(--footer-300);
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.125rem;
  border-top: 0.0625rem solid var(--footer-50);
  padding-block: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__copyright {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
footer .footer__copyright .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.875rem;
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__copyright .wrap {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
  }
}
footer .footer__copyright a {
  display: flex;
  color: inherit;
}
@media (hover: hover) {
  footer .footer__copyright a:hover {
    color: var(--secondary-900);
  }
}
footer .footer__copyright span:has(a) {
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
}
footer .footer__copyright span:has(a) svg {
  width: 5.6875rem;
  height: auto;
  aspect-ratio: 6.0666666667;
}
footer .footer__copyright span:has(a) svg path {
  fill: currentColor;
}

.product__slider {
  --slider__padding-bottom: clamp(0.375rem, -0.7688rem + 1.3699vw, 0.875rem);
  padding-block: var(--padding-block);
}
@media only screen and (max-width: 52.0625rem) {
  .product__slider .wrap {
    padding-inline: 0;
  }
}
.product__slider .slider__heading {
  padding-bottom: var(--slider__padding-bottom);
}
@media only screen and (max-width: 52.0625rem) {
  .product__slider .slider__heading {
    padding-inline: var(--padding);
  }
}
.product__slider .slider__heading h2, .product__slider .slider__heading .h2 {
  color: var(--secondary-300);
  font-size: clamp(1.125rem, 0.2671rem + 1.0274vw, 1.5rem);
  font-weight: 600;
  line-height: clamp(1.75rem, 1.1781rem + 0.6849vw, 2rem);
  text-align: center;
}
.product__slider .slider__nav {
  --nav__gap: 0.25rem;
  --nav__padding-top: clamp(0.125rem, 1.7688rem + -1.3699vw, 0.625rem);
  --nav__justify-content: center;
  padding-top: var(--nav__padding-top);
  padding-bottom: var(--slider__padding-bottom);
  margin-inline: calc(clamp(3.375rem, 1.3733rem + 2.3973vw, 4.25rem) + clamp(0.375rem, -0.1969rem + 0.6849vw, 0.625rem));
}
@media only screen and (max-width: 52.0625rem) {
  .product__slider .slider__nav {
    --nav__padding-top: clamp(0.375rem, 0.1851rem + 0.8439vw, 0.625rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__slider .slider__nav {
    margin-inline: 0;
  }
}
.product__slider .slider__nav .nav__tabs {
  display: flex;
  justify-content: var(--nav__justify-content);
  gap: var(--nav__gap);
  flex-wrap: wrap;
}
@media only screen and (max-width: 52.0625rem) {
  .product__slider .slider__nav .nav__tabs {
    padding-inline: var(--padding);
  }
}
.product__slider .slider__nav .tabs__item {
  --tabs__background-color: var(--tabs-300);
  --tabs__color: var(--tabs-500);
  --tabs__font-weight: 400;
  color: var(--tabs__color);
  font-size: 0.875rem;
  font-weight: var(--tabs__font-weight);
  line-height: 1.25rem;
  background-color: var(--tabs__background-color);
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: max-content;
  border-radius: 0.375rem;
  padding-block: 0.625rem;
  padding-inline: 0.75rem;
  text-align: center;
  cursor: pointer;
}
@media only screen and (max-width: 52.0625rem) {
  .product__slider .slider__nav .tabs__item {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.125rem, 1.0301rem + 0.4219vw, 1.25rem);
  }
}
@media (hover: hover) {
  .product__slider .slider__nav .tabs__item:hover {
    --tabs__background-color: var(--tabs-350);
  }
}
.product__slider .slider__nav .tabs__item._active {
  --tabs__background-color: var(--tabs-350);
  --tabs__color: var(--tabs-900);
  --tabs__font-weight: 600;
}
.product__slider .slider__nav._scroll {
  --nav__justify-content: unset;
  position: relative;
}
.product__slider .slider__nav._scroll .nav__tabs {
  position: relative;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  scrollbar-width: none;
  flex-wrap: unset;
}
.product__slider .slider__nav._scroll .nav__tabs::-webkit-scrollbar {
  height: 0;
}
.product__slider .slider__nav._scroll .tabs__item:first-child {
  margin-left: auto;
}
.product__slider .slider__nav._scroll .tabs__item:last-child {
  margin-right: auto;
}
.product__slider .slider__nav._scroll.has-overflow {
  --fade__width: clamp(3.75rem, -0.9968rem + 21.097vw, 10rem);
}
.product__slider .slider__nav._scroll.has-overflow::before, .product__slider .slider__nav._scroll.has-overflow:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: var(--fade__width);
  flex: 0 0 var(--fade__width);
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  z-index: 2;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
}
.product__slider .slider__nav._scroll.has-overflow::before {
  left: 0;
  transform: rotate(180deg);
}
.product__slider .slider__nav._scroll.has-overflow::after {
  right: 0;
}
.product__slider .slider__nav._scroll.has-overflow.at-left::before {
  opacity: 0;
  visibility: hidden;
}
.product__slider .slider__nav._scroll.has-overflow.at-right::after {
  opacity: 0;
  visibility: hidden;
}
.product__slider .slider__content {
  padding-inline: clamp(3.375rem, 1.3733rem + 2.3973vw, 4.25rem);
}
.product__slider .slider__content:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
}
.product__slider .slider__content:not(.slick-initialized) > *:nth-child(n+5) {
  display: none;
}
.product__slider .slider__content .slick-track {
  display: flex !important;
}
.product__slider .slider__content .slick-track .slick-slide {
  height: inherit !important;
}
.product__slider .slider__content .slick-track .slick-slide > div:not([class]), .product__slider .slider__content .slick-track .slick-slide > div:not([class]) > div:not([class]) {
  height: 100%;
}
@media only screen and (max-width: 83.4375rem) {
  .product__slider .slider__content:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
  }
  .product__slider .slider__content:not(.slick-initialized) > *:nth-child(n+4) {
    display: none;
  }
}
@media only screen and (max-width: 67.75rem) {
  .product__slider .slider__content:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
  }
  .product__slider .slider__content:not(.slick-initialized) > *:nth-child(n+3) {
    display: none;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__slider .slider__content {
    padding-inline: 0;
  }
  .product__slider .slider__content:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    overflow: hidden;
  }
  .product__slider .slider__content:not(.slick-initialized) > *:nth-child(n+2) {
    display: none;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__slider .slider__content .slick-list {
    padding-inline: calc((100% - 17.5rem) / 2);
  }
}
.product__slider .slider__content .slick-slide, .product__slider .slider__content > div:not(.slick-list) {
  padding-block: 0.625rem;
  padding-inline: clamp(0.375rem, -0.1969rem + 0.6849vw, 0.625rem);
}
.product__slider .slick-arrow {
  width: 2.875rem;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
}
@media (hover: hover) {
  .product__slider .slick-arrow:hover::after {
    background-color: var(--secondary-900);
  }
}
.product__slider .slick-arrow:after {
  --icon__width: 100%;
  display: flex;
  content: "";
  background-image: url("../images/icons/arrow-right_18x18.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
  background-color: var(--primary-500);
  background-size: 1.125rem;
}
.product__slider .slick-arrow.slick-prev {
  left: 0;
}
@media only screen and (max-width: 52.0625rem) {
  .product__slider .slick-arrow.slick-prev {
    left: var(--padding);
  }
}
.product__slider .slick-arrow.slick-prev::after {
  transform: rotate(180deg);
}
.product__slider .slick-arrow.slick-next {
  right: 0;
}
@media only screen and (max-width: 52.0625rem) {
  .product__slider .slick-arrow.slick-next {
    right: var(--padding);
  }
}

.product__slider + .product__slider {
  border-top: 0.0625rem solid var(--surfaces-50);
}

.faq:not(._background) + .product__slider,
.homepage__image + .product__slider,
.product__hero._fixed + .product__slider {
  padding-top: 0;
}

@media only screen and (min-width: 67.8125rem) {
  .layout + .product__slider {
    border-top: 0.0625rem solid var(--surfaces-50);
  }
}
@media only screen and (max-width: 67.75rem) {
  .layout + .product__slider {
    padding-top: 0;
  }
}

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

.product__grid {
  --grid__columns: repeat(auto-fill, minmax(20.25rem, 1fr));
  --grid__gap: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
  --grid__margin-top: clamp(1rem, -0.1438rem + 1.3699vw, 1.5rem);
  display: grid;
  grid-gap: var(--grid__gap);
  grid-template-columns: var(--grid__columns);
  margin-top: var(--grid__margin-top);
  grid-auto-flow: dense;
}
@media only screen and (max-width: 52.0625rem) {
  .product__grid {
    --grid__margin-top: 1.5rem;
  }
}
@media only screen and (max-width: 37.25rem) {
  .product__grid {
    --grid__columns: minmax(0, 1fr);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__grid._type-2 {
    --grid__columns: repeat(2, minmax(0, 1fr));
    --grid__gap: 1rem clamp(0.25rem, -1.6392rem + 5.0633vw, 1rem) ;
  }
}
@media only screen and (max-width: 22.4375rem) {
  .product__grid._type-2 {
    --grid__columns: minmax(0, 1fr);
  }
}
.product__grid .grid__images {
  --images__gap: clamp(1.0625rem, 0.0616rem + 1.1986vw, 1.5rem);
  display: flex;
  flex-direction: var(--images__direction);
  gap: var(--images__gap);
  grid-column: 1/-1;
}
@media only screen and (max-width: 52.0625rem) {
  .product__grid .grid__images {
    --images__direction: column;
    --images__gap: 1rem;
  }
}
.product__grid .grid__images .images__item {
  display: flex;
  width: 100%;
  height: auto;
  border-radius: 0.375rem;
  overflow: hidden;
}
.product__grid .grid__images .images__item img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.product._search {
  --product__photo__width: 4rem;
  --product__text__gap: 0.25rem;
  display: flex;
  align-items: center;
  gap: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
  color: var(--primary-500);
}
.product._search .product__photo {
  display: flex;
  width: var(--product__photo__width);
  min-width: var(--product__photo__width);
  height: auto;
  aspect-ratio: 1;
}
.product._search .product__photo img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.product._search .product__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--product__text__gap);
}
.product._search .text__title {
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.125rem;
  color: inherit;
}
@media only screen and (max-width: 52.0625rem) {
  .product._search .text__title {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
@media (hover: hover) {
  .product._search .text__title:hover {
    color: var(--secondary-900);
  }
}
.product._search .text__price {
  display: flex;
  align-items: center;
  gap: var(--product__text__gap);
}
.product._search .text__price span:first-child {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product._search .text__price span:first-child {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product._search .text__price span:not(:only-child):first-child {
  color: var(--error-700);
}
.product._search .text__price span:not(:only-child):last-child {
  color: var(--divider-800);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-decoration: line-through;
}
@media only screen and (max-width: 52.0625rem) {
  .product._search .text__price span:not(:only-child):last-child {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product._cart {
  --product__photo__width: 5.125rem;
  --product__text__gap: 0.5rem;
  display: flex;
  align-items: center;
  padding-block: 1rem;
  padding-inline: var(--cart__padding-inline);
  color: inherit;
  border-bottom: 0.0625rem solid var(--cart__border);
}
.product._cart .product__photo {
  display: flex;
  width: var(--product__photo__width);
  min-width: var(--product__photo__width);
  height: auto;
  aspect-ratio: 1;
  margin-right: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
}
.product._cart .product__photo img {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: scale-down;
}
.product._cart .product__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--product__text__gap);
  flex: 1;
}
.product._cart .text__badges {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.product._cart .text__badges .badges__item {
  background-color: var(--item__background);
}
.product._cart .text__badges .badges__item:not(._discount) {
  --item__background: var(--primary-500);
  max-width: max-content;
  color: var(--neutral-100);
  font-size: 0.6875rem;
  font-weight: 600;
  line-height: 0.75rem;
  border-radius: 0.25rem;
  padding: 0.125rem 0.5rem;
  text-transform: uppercase;
}
@media only screen and (max-width: 52.0625rem) {
  .product._cart .text__badges .badges__item:not(._discount) {
    font-size: clamp(0.625rem, 0.5775rem + 0.211vw, 0.6875rem);
  }
}
.product._cart .text__badges .badges__item._gift {
  --item__background: var(--secondary-800);
}
.product._cart .text__title,
.product._cart .price__quantity {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product._cart .text__title,
  .product._cart .price__quantity {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product._cart .text__title {
  color: inherit;
}
@media (hover: hover) {
  .product._cart .text__title:hover {
    color: var(--secondary-900);
  }
}
.product._cart .text__price {
  display: flex;
  align-items: center;
  gap: var(--product__text__gap);
}
.product._cart .price__quantity {
  color: var(--secondary-300);
}
.product._cart .price__value {
  display: flex;
  align-items: center;
  gap: var(--product__text__gap);
}
.product._cart .price__value span:first-child {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product._cart .price__value span:first-child {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product._cart .price__value span:not(:only-child):first-child {
  color: var(--error-700);
}
.product._cart .price__value span:not(:only-child):last-child {
  color: var(--divider-800);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-decoration: line-through;
}
@media only screen and (max-width: 52.0625rem) {
  .product._cart .price__value span:not(:only-child):last-child {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product._cart .product__remove {
  display: flex;
  align-items: center;
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  color: var(--divider-800);
  cursor: pointer;
  margin-left: clamp(0.375rem, -0.7642rem + 5.0633vw, 1.875rem);
  margin-bottom: auto;
}
@media (hover: hover) {
  .product._cart .product__remove:hover {
    color: var(--secondary-900);
  }
}
.product._cart .product__remove svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.product._cart .product__remove svg path {
  stroke: currentColor;
}
.product._cart:has(.badges__item._gift) .text__title {
  color: inherit;
  color: var(--secondary-800);
}
@media (hover: hover) {
  .product._cart:has(.badges__item._gift) .text__title:hover {
    color: var(--secondary-900);
  }
}
.product._cart:has(.badges__item._gift) .text__title strong, .product._cart:has(.badges__item._gift) .text__title b {
  font-weight: 600;
}
.product._cart:has(.badges__item._gift) .price__value span:not(:only-child):first-child {
  color: var(--secondary-800);
}
.product._card {
  --product__photo__width: clamp(11.25rem, 3.8151rem + 8.9041vw, 14.5rem);
  --product__actions__translate: 0;
  --product__badges__padding: clamp(0.625rem, -1.2337rem + 2.226vw, 1.4375rem) 1.25rem;
  --product__badges__gap: 0.375rem;
  --product__padding-block: clamp(1.875rem, -2.4144rem + 5.137vw, 3.75rem) 1.5625rem;
  --product__padding-inline: clamp(1.25rem, -0.1798rem + 1.7123vw, 1.875rem);
  --product__title__margin-top: clamp(1.25rem, -0.1798rem + 1.7123vw, 1.875rem);
  --product__props__margin-top: clamp(0.5rem, -0.0719rem + 0.6849vw, 0.75rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  background-color: var(--neutral-100);
  padding-block: var(--product__padding-block);
  padding-inline: var(--product__padding-inline);
  border: 0.0625rem solid var(--divider-600);
  border-radius: 0.375rem;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 52.0625rem) {
  .product._card {
    --product__title__margin-top: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
  }
}
@media (hover: hover) {
  .product._card {
    --product__actions__translate: 300%;
  }
}
.product._card ul {
  list-style: none;
}
.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 li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.product._card a {
  text-decoration: none;
}
@media (hover: hover) {
  .product._card:hover {
    --product__actions__translate: 0;
    box-shadow: var(--shadow-1);
  }
}
@media (hover: none) {
  .product._card {
    --product__actions__translate: 0;
  }
}
.product._card .product__photo {
  display: flex;
  width: var(--product__photo__width);
  min-width: var(--product__photo__width);
  height: auto;
  aspect-ratio: 1;
}
.product._card .product__photo img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.product._card .product__title {
  color: inherit;
  color: var(--primary-500);
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.125rem;
  margin-top: var(--product__title__margin-top);
  text-align: center;
}
@media (hover: hover) {
  .product._card .product__title:hover {
    color: var(--secondary-900);
  }
}
.product._card .product__props {
  margin-top: var(--product__props__margin-top);
}
.product._card .product__props li {
  color: var(--secondary-600);
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.125rem;
  text-align: center;
}
@media only screen and (max-width: 52.0625rem) {
  .product._card .product__props li {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.product._card .product__info {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem clamp(0.25rem, -1.1798rem + 1.7123vw, 0.875rem);
  color: var(--badges-300);
  margin-top: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
  flex-wrap: wrap;
}
.product._card .product__info > * {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.125rem;
  text-align: center;
}
@media only screen and (max-width: 52.0625rem) {
  .product._card .product__info > * {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.product._card .product__info > * svg {
  width: 1rem;
  min-width: 1rem;
  height: auto;
  aspect-ratio: 1;
}
.product._card .product__info > * svg path {
  fill: currentColor;
}
.product._card .product__info .info__stock {
  color: var(--badges-500);
}
.product._card .product__price {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-top: 1.25rem;
  margin-top: auto;
}
.product._card .product__price._discount span:first-child {
  color: var(--error-700);
}
.product._card .product__price span:first-child {
  color: inherit;
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 600;
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
}
.product._card .product__price span:first-child:not(:only-child) {
  color: var(--error-700);
}
.product._card .product__price span:last-child:not(:only-child) {
  color: var(--divider-800);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-decoration: line-through;
}
@media only screen and (max-width: 52.0625rem) {
  .product._card .product__price span:last-child:not(:only-child) {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product._card .product__actions {
  display: flex;
  flex-direction: column;
  gap: 1.1875rem;
  height: clamp(14.375rem, 3.2226rem + 13.3562vw, 19.25rem);
  padding: clamp(0.625rem, 0.1503rem + 2.1097vw, 1.25rem) clamp(0.625rem, -0.8048rem + 1.7123vw, 1.25rem);
  color: var(--secondary-300);
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 52.0625rem) {
  .product._card .product__actions {
    height: clamp(13.375rem, 12.6155rem + 3.3755vw, 14.375rem);
  }
}
.product._card .product__actions button {
  width: 1.375rem;
  min-width: 1.375rem;
  height: auto;
  aspect-ratio: 1;
  color: inherit;
  cursor: pointer;
  transform: translateX(var(--product__actions__translate));
  transition: transform 0.15s ease-in-out;
}
.product._card .product__actions button._active {
  --product__actions__translate: 0;
  color: var(--primary-900);
}
.product._card .product__actions button._active.actions__wishlist svg path {
  fill: currentColor;
}
@media (hover: hover) {
  .product._card .product__actions button:hover {
    color: var(--secondary-900);
  }
}
.product._card .product__actions button svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.product._card .product__actions button svg path {
  stroke: currentColor;
}
.product._card .product__actions .actions__cart {
  margin-top: auto;
}
.product._cross {
  --product__photo__width: clamp(6.25rem, -1.6414rem + 15.1394vw, 11rem);
  --product__checkbox__background-color: var(--surfaces-500);
  --product__checkbox__border-color: var(--primary-900);
  --product__checkbox__opacity: 0;
  display: flex;
  align-items: flex-start;
  gap: clamp(1rem, 0.5847rem + 0.7968vw, 1.25rem);
  padding-block: clamp(1.5rem, 0.6693rem + 1.5936vw, 2rem);
  padding-inline: clamp(1rem, 0.1693rem + 1.5936vw, 1.5rem);
  color: var(--primary-500);
  border: 0.0625rem solid var(--divider-600);
  border-radius: 0.375rem;
  position: relative;
}
.product._cross:has(input:checked) {
  --product__checkbox__background-color: var(--product__checkbox__border-color);
  --product__checkbox__opacity: 1;
  box-shadow: var(--shadow-1);
}
.product._cross .product__photo {
  display: flex;
  width: var(--product__photo__width);
  min-width: var(--product__photo__width);
  height: auto;
  aspect-ratio: 1;
}
.product._cross .product__photo img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.product._cross .product__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.product._cross .text__title {
  color: var(--secondary-300);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: inherit;
  text-decoration: none;
}
@media only screen and (max-width: 52.0625rem) {
  .product._cross .text__title {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media (hover: hover) {
  .product._cross .text__title:hover {
    color: var(--secondary-900);
  }
}
.product._cross .text__price {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.product._cross .text__price span:only-child {
  color: var(--primary-500);
}
.product._cross .text__price span:not(:only-child):first-child {
  color: var(--error-700);
}
.product._cross .text__price span:not(:only-child):last-child {
  color: var(--divider-800);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-decoration: line-through;
}
@media only screen and (max-width: 52.0625rem) {
  .product._cross .text__price span:not(:only-child):last-child {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product._cross .text__price span:first-child {
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 600;
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
}
.product._cross .button {
  padding-inline: 1rem;
  margin-top: clamp(1rem, -0.1438rem + 1.3699vw, 1.5rem);
}
.product._order {
  --product__photo__width: clamp(5rem, -4.1858rem + 13.5458vw, 7.125rem);
  --product__title__width: clamp(21.125rem, 2.3947rem + 22.4315vw, 29.3125rem);
  --product__title__padding-left: clamp(0.375rem, -0.7688rem + 1.3699vw, 0.875rem);
  --product__gap: 0.5rem 0.625rem;
  --product__columns: minmax(0, var(--product__photo__width)) minmax(0, calc(var(--product__title__width) + var(--product__title__padding-left))) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  --product__template: "photo title price quantity total" "photo props price quantity total";
  display: grid;
  grid-gap: var(--product__gap);
  grid-template-columns: var(--product__columns);
  grid-template-areas: var(--product__template);
  padding-bottom: 0.5rem;
  border-bottom: 0.0625rem solid var(--surfaces-50);
  align-items: center;
}
@media only screen and (max-width: 83.4375rem) {
  .product._order {
    --product__columns: minmax(0, var(--product__photo__width)) 6.25rem 11.25rem minmax(0, 1fr);
    --product__template: "photo title title title" "photo props props props" "photo price quantity total";
  }
}
@media only screen and (max-width: 37.25rem) {
  .product._order {
    --product__title__padding-left: 0;
  }
}
@media only screen and (max-width: 37.25rem) {
  .product._order {
    --product__gap: 0rem 1rem;
    --product__columns: minmax(0, var(--product__photo__width)) minmax(0, 1fr) minmax(0, 1fr);
    --product__template: "photo total total" "photo title title" "photo props props" "photo price quantity";
  }
}
.product._order ul {
  list-style: none;
}
.product._order 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._order ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.product._order a {
  text-decoration: none;
}
.product._order:not(:last-child) {
  margin-bottom: 0.5rem;
}
.product._order .product__photo {
  display: flex;
  width: var(--product__photo__width);
  min-width: var(--product__photo__width);
  height: auto;
  aspect-ratio: 1;
  grid-area: photo;
}
@media only screen and (max-width: 83.4375rem) {
  .product._order .product__photo {
    margin-bottom: auto;
  }
}
.product._order .product__photo img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.product._order .product__title,
.product._order .product__props {
  --product__max-width: clamp(17.1875rem, 10.8964rem + 7.5342vw, 19.9375rem);
  max-width: var(--product__max-width);
  padding-left: var(--product__title__padding-left);
}
@media only screen and (max-width: 83.4375rem) {
  .product._order .product__title,
  .product._order .product__props {
    --product__max-width: 100%;
  }
}
.product._order .product__title {
  --title__margin-top: auto;
  color: inherit;
  color: var(--primary-500);
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.125rem;
  grid-area: title;
  margin-top: var(--title__margin-top);
}
@media only screen and (max-width: 37.25rem) {
  .product._order .product__title {
    --title__margin-top: 1rem;
  }
}
@media (hover: hover) {
  .product._order .product__title:hover {
    color: var(--secondary-900);
  }
}
.product._order .product__props {
  grid-area: props;
  margin-bottom: auto;
  padding-bottom: var(--props__padding-bottom);
}
@media only screen and (max-width: 83.4375rem) {
  .product._order .product__props {
    --props__padding-bottom: 0.125rem;
  }
}
@media only screen and (max-width: 37.25rem) {
  .product._order .product__props {
    --props__padding-bottom: 1rem;
    margin-top: 0.25rem;
    padding-bottom: 1rem;
  }
}
@media only screen and (max-width: 37.25rem) {
  .product._order .product__props {
    margin-top: 0.25rem;
  }
}
.product._order .product__props li {
  color: var(--secondary-600);
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product._order .product__props li {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.product._order .product__price,
.product._order .product__quantity {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product._order .product__price,
  .product._order .product__quantity {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.product._order .product__price {
  grid-area: price;
  color: var(--secondary-300);
}
@media only screen and (max-width: 83.4375rem) {
  .product._order .product__price {
    padding-left: var(--product__title__padding-left);
  }
}
.product._order .product__quantity {
  --quantity__text-align: center;
  grid-area: quantity;
  text-align: var(--quantity__text-align);
}
@media only screen and (max-width: 37.25rem) {
  .product._order .product__quantity {
    --quantity__text-align: right;
  }
}
.product._order .product__quantity,
.product._order .product__total {
  color: var(--primary-500);
}
.product._order .product__total {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
  grid-area: total;
}
@media only screen and (max-width: 52.0625rem) {
  .product._order .product__total {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
@media only screen and (min-width: 83.5rem) {
  .product._order .product__total {
    text-align: right;
  }
}
.product._checkout {
  --product__gap: clamp(1rem, -0.1438rem + 1.3699vw, 1.5rem);
  --product__photo__width: clamp(6rem, 2.5685rem + 4.1096vw, 7.5rem);
  --product__quantity__width: clamp(7.375rem, 3.3716rem + 4.7945vw, 9.125rem);
  --product__padding-block: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
  --product__padding-left: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
  --product__padding-right: clamp(3rem, -6.7226rem + 11.6438vw, 7.25rem);
  --product__columns: minmax(0, var(--product__photo__width)) minmax(0, 1fr) minmax(0, var(--product__quantity__width)) minmax(0, 1fr);
  --product__template: "photo title title title" "photo props props props" "photo price quantity total";
  background-color: var(--neutral-100);
  display: grid;
  grid-gap: 0 var(--product__gap);
  grid-template-columns: var(--product__columns);
  border-radius: 0.375rem;
  padding-block: var(--product__padding-block);
  padding-left: var(--product__padding-left);
  padding-right: var(--product__padding-right);
  position: relative;
  grid-template-areas: var(--product__template);
}
@media only screen and (max-width: 52.0625rem) {
  .product._checkout {
    --product__gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
    --product__padding-block: 1rem;
    --product__padding-left: var(--product__padding-block);
    --product__padding-right: var(--product__padding-left);
    --product__columns: minmax(0, var(--product__photo__width)) minmax(0, var(--product__quantity__width)) minmax(0, 1fr);
    --product__template: "photo total total" "photo title title" "photo props props" "price quantity remove";
  }
}
.product._checkout ul {
  list-style: none;
}
.product._checkout 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._checkout ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.product._checkout a {
  text-decoration: none;
}
.product._checkout .product__photo {
  width: var(--product__photo__width);
  min-width: var(--product__photo__width);
  height: auto;
  aspect-ratio: 1;
  grid-area: photo;
}
.product._checkout .product__photo img {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: scale-down;
}
.product._checkout .product__title {
  color: inherit;
  color: var(--primary-500);
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.125rem;
  grid-area: title;
}
@media (hover: hover) {
  .product._checkout .product__title:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (min-width: 52.125rem) {
  .product._checkout .product__title {
    padding-right: 1rem;
  }
}
.product._checkout .product__props {
  margin-top: 0.5rem;
  grid-area: props;
}
.product._checkout .product__props li {
  color: var(--secondary-600);
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product._checkout .product__props li {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.product._checkout .product__price,
.product._checkout .product__quantity,
.product._checkout .product__total,
.product._checkout .product__remove {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 1rem;
}
.product._checkout .product__price {
  grid-area: price;
}
.product._checkout .product__price .price__value {
  display: flex;
  align-items: center;
  gap: 0 0.375rem;
  flex-wrap: wrap;
}
.product._checkout .product__price .price__value span:first-child {
  color: var(--secondary-300);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product._checkout .product__price .price__value span:first-child {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.product._checkout .product__price .price__value span:first-child:not(:only-child) {
  color: var(--error-700);
}
.product._checkout .product__price .price__value span:last-child:not(:only-child) {
  color: var(--divider-800);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  text-decoration: line-through;
}
.product._checkout .product__price .price__title {
  color: var(--divider-800);
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product._checkout .product__price .price__title {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.product._checkout .product__quantity {
  grid-area: quantity;
}
.product._checkout .product__total {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
  grid-area: total;
}
@media only screen and (max-width: 52.0625rem) {
  .product._checkout .product__total {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
@media only screen and (min-width: 52.125rem) {
  .product._checkout .product__total {
    text-align: right;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product._checkout .product__total {
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
}
.product._checkout .product__remove {
  --remove__position: clamp(0.625rem, -0.2329rem + 1.0274vw, 1rem);
  --remove__width: 1.5rem;
  color: var(--divider-800);
  cursor: pointer;
}
@media only screen and (min-width: 52.125rem) {
  .product._checkout .product__remove {
    position: absolute;
    top: var(--remove__position);
    right: var(--remove__position);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product._checkout .product__remove {
    grid-area: remove;
    margin-left: auto;
  }
}
@media (hover: hover) {
  .product._checkout .product__remove:hover {
    color: var(--secondary-900);
  }
}
.product._checkout .product__remove svg {
  width: var(--remove__width);
  min-width: var(--remove__width);
  height: auto;
  aspect-ratio: 1;
}
.product._checkout .product__remove svg path {
  stroke: currentColor;
}
.product._checkout:has(.product__gift) {
  --product__template: "photo title title gift" "photo props props gift" "photo price quantity total";
}
@media only screen and (max-width: 52.0625rem) {
  .product._checkout:has(.product__gift) {
    --product__template: "photo total total" "photo title title" "photo props props" "photo gift gift" "price quantity remove";
  }
}
.product._checkout:has(.product__gift) .product__title {
  color: inherit;
  color: var(--secondary-800);
}
@media (hover: hover) {
  .product._checkout:has(.product__gift) .product__title:hover {
    color: var(--secondary-900);
  }
}
.product._checkout:has(.product__gift) .product__title strong, .product._checkout:has(.product__gift) .product__title b {
  font-weight: 600;
}
.product._checkout:has(.product__gift) .product__gift {
  width: 3rem;
  min-width: 3rem;
  height: auto;
  aspect-ratio: 1;
  display: flex;
  grid-area: gift;
}
@media only screen and (min-width: 52.125rem) {
  .product._checkout:has(.product__gift) .product__gift {
    margin-left: auto;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product._checkout:has(.product__gift) .product__gift {
    margin-top: 0.5rem;
  }
}
.product._checkout:has(.product__gift) .product__gift svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.product._checkout:has(.product__gift) .product__gift svg circle {
  fill: var(--surfaces-500);
}
.product._checkout:has(.product__gift) .product__gift svg path {
  fill: var(--secondary-900);
}
.product._checkout:has(.product__gift) .product__quantity {
  pointer-events: none;
}
.product._checkout:has(.product__gift) .product__quantity .quantity__minus,
.product._checkout:has(.product__gift) .product__quantity .quantity__plus {
  opacity: 0;
  visibility: hidden;
}

.faq__list {
  --list__max-width: 77.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  max-width: var(--list__max-width);
  margin-inline: auto;
}
.faq__list .list__block {
  --block__border-color: var(--divider-600);
  --block__padding-block: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  background-color: var(--neutral-100);
  border: 0.0625rem solid var(--block__border-color);
  border-radius: 0.375rem;
  color: var(--primary-500);
  padding-block: var(--block__padding-block);
  padding-inline: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
}
.faq__list .list__block .block__header {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  color: inherit;
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .faq__list .list__block .block__header {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.faq__list .list__block .block__header svg {
  width: 2rem;
  min-width: 2rem;
  height: auto;
  aspect-ratio: 1;
}
.faq__list .list__block .block__header svg path {
  stroke: currentColor;
}
.faq__list .list__block .faq__answer {
  display: none;
}
.faq__list .list__block .faq__answer p, .faq__list .list__block .faq__answer .p {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.faq__list .list__block .faq__answer p:not(:first-child), .faq__list .list__block .faq__answer .p:not(:first-child) {
  margin-top: 1lh;
}

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

.product__brand + .faq:not(._background) {
  padding-top: 0;
}

.reviews._card {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
  background-color: var(--neutral-100);
  border-radius: 0.375rem;
  padding: 1.5rem clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  color: var(--primary-500);
}
.reviews._card .reviews__name {
  color: inherit;
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .reviews._card .reviews__name {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.reviews._card .reviews__props {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.reviews._card .props__rating {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.reviews._card .props__rating svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.reviews._card .props__rating svg path {
  fill: var(--primary-900);
}
.reviews._card .rating__stars {
  display: flex;
  align-items: center;
}
.reviews._card .stars__item {
  --item__default: var(--divider-600);
  --item__left: var(--item__default);
  --item__right: var(--item__default);
  display: flex;
}
.reviews._card .stars__item._active {
  --item__default: var(--primary-900);
}
.reviews._card .stars__item._active-half {
  --item__left: var(--primary-900);
}
.reviews._card .stars__item svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.reviews._card .stars__item svg path[fill="#5D35B0"] {
  fill: var(--item__left);
}
.reviews._card .stars__item svg path[fill="#D1D1D1"] {
  fill: var(--item__right);
}
.reviews._card .rating__value {
  color: var(--secondary-300);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .reviews._card .rating__value {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.reviews._card .props__date {
  color: var(--secondary-600);
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .reviews._card .props__date {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.reviews._card .reviews__text {
  color: inherit;
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .reviews._card .reviews__text {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.reviews._card .reviews__photos {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.reviews._card .reviews__photos .photos__item {
  width: clamp(5rem, 3.1962rem + 8.0169vw, 7.375rem);
  min-width: clamp(5rem, 3.1962rem + 8.0169vw, 7.375rem);
  height: auto;
  aspect-ratio: 1;
  display: flex;
}
.reviews._card .reviews__photos .photos__item img {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
}

.popup {
  --popup__width: clamp(31.25rem, 16.6661rem + 17.4658vw, 37.625rem);
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  z-index: 10;
  inset: 0;
  display: none;
  padding: var(--padding);
  overflow-y: auto;
  gap: 0 !important;
}
.popup._active {
  display: flex;
}
.popup .popup__card {
  width: 100%;
  max-width: var(--popup__width);
  background-color: var(--neutral-100);
  box-shadow: var(--shadow-1);
  border-radius: 0.75rem;
  position: relative;
  padding: clamp(2rem, 1.2405rem + 3.3755vw, 3rem) clamp(1rem, -0.519rem + 6.7511vw, 3rem);
  margin: auto;
}
.popup .popup__close {
  --close__position: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
  --close__color: var(--primary-500);
  --close__width: 1.5rem;
  width: var(--close__width);
  min-width: var(--close__width);
  height: auto;
  aspect-ratio: 1;
  position: absolute;
  top: var(--close__position);
  right: var(--close__position);
  cursor: pointer;
}
@media (hover: hover) {
  .popup .popup__close:hover {
    --close__color: var(--secondary-900);
  }
}
.popup .popup__close svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.popup .popup__close svg path {
  stroke: var(--close__color);
}
.popup._review {
  --popup__width: clamp(37.5rem, 11.1918rem + 31.5068vw, 49rem);
  color: var(--primary-500);
}
.popup._review .popup__card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.popup._review .card__title {
  color: inherit;
  font-size: clamp(1.125rem, 0.839rem + 0.3425vw, 1.25rem);
  font-weight: 600;
  line-height: 1.75rem;
  text-align: center;
}
.popup._review .card__rating {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.popup._review .rating__stars {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.popup._review .stars__item {
  --star-fill: var(--primary-900);
  display: flex;
  width: clamp(1.625rem, 1.339rem + 0.3425vw, 1.75rem);
  min-width: clamp(1.625rem, 1.339rem + 0.3425vw, 1.75rem);
  height: auto;
  aspect-ratio: 1;
  cursor: pointer;
}
.popup._review .stars__item:has(input:checked) ~ .stars__item {
  --star-fill: var(--divider-600);
}
.popup._review .stars__item svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.popup._review .stars__item svg path {
  fill: var(--star-fill);
}
.popup._review .rating__value {
  color: var(--secondary-300);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .popup._review .rating__value {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.popup._review .card__form {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
}
.popup._review .input {
  --input__margin-top: 0;
}
.popup._add-to-cart {
  color: var(--primary-500);
}
.popup._add-to-cart .card__title {
  display: flex;
  flex-direction: var(--title__direction);
  align-items: center;
  gap: 0.5rem;
  color: inherit;
  font-size: clamp(1.125rem, 0.839rem + 0.3425vw, 1.25rem);
  font-weight: 600;
  line-height: 1.75rem;
}
@media only screen and (max-width: 37.25rem) {
  .popup._add-to-cart .card__title {
    --title__direction: column;
  }
}
@media only screen and (max-width: 37.25rem) {
  .popup._add-to-cart .card__title {
    text-align: center;
  }
}
.popup._add-to-cart .card__title svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.popup._add-to-cart .card__title svg rect {
  fill: var(--primary-900);
}
.popup._add-to-cart .card__description {
  color: inherit;
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 300;
  line-height: 1.75rem;
  margin-top: clamp(0.4375rem, 0.0103rem + 1.8987vw, 1rem);
  text-wrap: balance;
}
@media only screen and (max-width: 52.0625rem) {
  .popup._add-to-cart .card__description {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.5rem, 1.3101rem + 0.8439vw, 1.75rem);
  }
}
@media only screen and (max-width: 37.25rem) {
  .popup._add-to-cart .card__description {
    text-align: center;
  }
}
.popup._add-to-cart .card__actions {
  --actions__columns: repeat(2, minmax(0, 1fr));
  display: grid;
  grid-gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  grid-template-columns: var(--actions__columns);
  margin-top: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
}
@media only screen and (max-width: 37.25rem) {
  .popup._add-to-cart .card__actions {
    --actions__columns: minmax(0, 1fr);
  }
}
.popup._add-to-cart .card__actions .button {
  padding-inline: 1.25rem;
}
.popup._shops {
  --popup__width: 44.875rem;
  --shops__border: 0.0625rem solid var(--divider-600);
  color: var(--primary-500);
}
.popup._shops .popup__card {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
}
.popup._shops .card__title {
  color: inherit;
  font-size: clamp(1.125rem, 0.839rem + 0.3425vw, 1.25rem);
  font-weight: 600;
  line-height: 1.75rem;
  text-align: center;
}
.popup._shops .card__colors {
  border: var(--shops__border);
  border-radius: 0.25rem;
}
.popup._shops .colors__header,
.popup._shops .colors__item {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  line-height: 1.5rem;
  color: inherit;
  padding-block: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
  padding-inline: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .popup._shops .colors__header,
  .popup._shops .colors__item {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.popup._shops .colors__header {
  font-weight: 500;
}
.popup._shops .colors__item {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  border-top: var(--shops__border);
}
.popup._shops .colors__item._green {
  --icon__background-color: var(--success-700);
}
.popup._shops .colors__item._yellow {
  --icon__background-color: var(--warning-700);
}
.popup._shops .colors__item._red {
  --icon__background-color: var(--error-700);
}
.popup._shops .colors__item::before {
  --icon__width: 0.5rem;
  display: flex;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
  background-color: var(--icon__background-color);
  margin-top: 0.40625rem;
  border-radius: 50%;
}
.popup._quantity {
  --popup__width: clamp(37.5rem, 11.1918rem + 31.5068vw, 49rem);
  color: var(--primary-500);
}
.popup._quantity .popup__card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.popup._quantity .card__title {
  color: inherit;
  font-size: clamp(1.125rem, 0.839rem + 0.3425vw, 1.25rem);
  font-weight: 600;
  line-height: 1.75rem;
  text-align: center;
}
.popup._quantity .card__form {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
}
.popup._quantity .input {
  --input__margin-top: 0;
}
.popup._remind {
  color: var(--primary-500);
}
.popup._remind .popup__card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.popup._remind .card__title {
  color: inherit;
  font-size: clamp(1.125rem, 0.839rem + 0.3425vw, 1.25rem);
  font-weight: 600;
  line-height: 1.75rem;
  text-align: center;
}
.popup._remind .card__form {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
}
.popup._remind .input {
  --input__margin-top: 0;
}
.popup._contacts {
  --popup__width: clamp(37.5rem, 11.1918rem + 31.5068vw, 49rem);
  color: var(--primary-500);
}
.popup._contacts .popup__card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.popup._contacts .card__title {
  color: inherit;
  font-size: clamp(1.125rem, 0.839rem + 0.3425vw, 1.25rem);
  font-weight: 600;
  line-height: 1.75rem;
  text-align: center;
}
.popup._contacts .card__form {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
}
.popup._contacts .input {
  --input__margin-top: 0;
}
.popup._work {
  --popup__width: unset;
  --popup__padding: clamp(1rem, -0.519rem + 6.7511vw, 3rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  display: none;
  padding: 0;
}
.popup._work._active {
  display: flex;
}
.popup._work .popup__close {
  --close__width: 2.5rem;
  --close__color: var(--primary-500);
  --close__background-color: var(--neutral-100);
  position: unset;
  margin-top: auto;
  margin-left: auto;
  margin-right: var(--popup__padding);
}
@media (hover: hover) {
  .popup._work .popup__close:hover {
    --close__color: var(--neutral-100);
    --close__background-color: var(--primary-900);
  }
}
.popup._work .popup__close svg path {
  stroke: unset;
}
.popup._work .popup__close svg path[stroke] {
  stroke: var(--close__color);
}
.popup._work .popup__close svg path[fill=white] {
  fill: var(--close__background-color);
}
.popup._work .slick-arrow {
  --arrow__color: var(--primary-500);
  --arrow__background-color: var(--neutral-100);
  width: clamp(3rem, 2.3829rem + 2.7426vw, 3.8125rem);
  min-width: clamp(3rem, 2.3829rem + 2.7426vw, 3.8125rem);
  height: auto;
  aspect-ratio: 1;
  left: var(--popup__padding);
  z-index: 1;
}
@media (hover: hover) {
  .popup._work .slick-arrow:hover {
    --arrow__color: var(--neutral-100);
    --arrow__background-color: var(--primary-900);
  }
}
.popup._work .slick-arrow svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.popup._work .slick-arrow svg rect {
  fill: var(--arrow__background-color);
}
.popup._work .slick-arrow svg path {
  stroke: var(--arrow__color);
}
.popup._work .slick-arrow.slick-next {
  left: unset;
  right: var(--popup__padding);
}
.popup._work .popup__card {
  background-color: unset;
  box-shadow: unset;
  border-radius: unset;
  padding: unset;
  margin: unset;
}
.popup._work .popup__slider {
  --slider__item: 65rem;
  --slider__border-radius: 0.375rem;
  width: 100%;
  padding-inline: calc((100% - var(--slider__item)) / 2);
  margin-inline: auto;
  margin-bottom: auto;
}
.popup._work .popup__slider:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  overflow: hidden;
}
.popup._work .popup__slider:not(.slick-initialized) > *:nth-child(n+2) {
  display: none;
}
.popup._work .popup__slider .slick-track {
  display: flex !important;
}
.popup._work .popup__slider .slick-track .slick-slide {
  height: inherit !important;
}
.popup._work .popup__slider .slick-track .slick-slide > div:not([class]), .popup._work .popup__slider .slick-track .slick-slide > div:not([class]) > div:not([class]) {
  height: 100%;
}
@media only screen and (max-width: 67.75rem) {
  .popup._work .popup__slider {
    padding-inline: 0;
  }
}
.popup._work .popup__slider .slider__item {
  display: flex;
  flex-direction: column;
  background-color: var(--neutral-100);
  width: 100%;
  min-width: var(--slider__item);
  max-width: var(--slider__item);
  border-top-left-radius: var(--slider__border-radius);
  border-top-right-radius: var(--slider__border-radius);
  margin: auto;
  position: relative;
}
@media only screen and (max-width: 67.75rem) {
  .popup._work .popup__slider .slider__item {
    min-width: unset;
    max-width: 100%;
  }
}
.popup._work .popup__slider .item__photo {
  width: 100%;
  height: auto;
  aspect-ratio: 1.7777777778;
  border-radius: var(--slider__border-radius);
  overflow: hidden;
}
.popup._work .popup__slider .item__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.popup._work .popup__slider .item__text {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
}
.popup._work .popup__slider .item__text .text__tags {
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.popup._work .popup__slider .item__text .tags__item {
  width: 100%;
  max-width: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--surfaces-500);
  color: var(--primary-500);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  border-radius: 0.125rem;
  padding-block: 0.125rem;
  padding-inline: 0.5rem;
  text-decoration: none;
}
@media only screen and (max-width: 52.0625rem) {
  .popup._work .popup__slider .item__text .tags__item {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.popup._work .popup__slider .item__text .work__title {
  color: var(--secondary-300);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .popup._work .popup__slider .item__text .work__title {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.popup.popup_banner {
  justify-content: center;
}
.popup.popup_banner .popup-card {
  margin: 0 auto auto auto;
  max-width: 66rem;
  padding: 0;
}
.popup.popup_banner .popup-card .card__photo {
  display: flex;
  width: 100%;
  height: auto;
  aspect-ratio: 660/600;
}
.popup.popup_banner .popup-card .card__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.popup.popup_banner .popup-card .popup__close {
  --close__width: 2.5rem;
}

.news__slider {
  padding-block: var(--padding-block);
}
.news__slider .wrap {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, -0.1438rem + 1.3699vw, 1.5rem);
}
.news__slider .slider__heading h2, .news__slider .slider__heading .h2 {
  color: var(--secondary-300);
  font-size: clamp(1.375rem, 0.5171rem + 1.0274vw, 1.75rem);
  font-weight: 600;
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
  text-align: center;
}
@media only screen and (max-width: 52.0625rem) {
  .news__slider .slider__heading h2, .news__slider .slider__heading .h2 {
    font-size: clamp(1.125rem, 0.9351rem + 0.8439vw, 1.375rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.news__slider .slider__content {
  padding-inline: clamp(3.375rem, 1.3733rem + 2.3973vw, 4.25rem);
}
.news__slider .slider__content:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
}
.news__slider .slider__content:not(.slick-initialized) > *:nth-child(n+4) {
  display: none;
}
.news__slider .slider__content .slick-track {
  display: flex !important;
}
.news__slider .slider__content .slick-track .slick-slide {
  height: inherit !important;
}
.news__slider .slider__content .slick-track .slick-slide > div:not([class]), .news__slider .slider__content .slick-track .slick-slide > div:not([class]) > div:not([class]) {
  height: 100%;
}
@media only screen and (max-width: 83.4375rem) {
  .news__slider .slider__content:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
  }
  .news__slider .slider__content:not(.slick-initialized) > *:nth-child(n+3) {
    display: none;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .news__slider .slider__content {
    width: 31.8125rem;
    max-width: 100%;
    padding-inline: 0;
    margin-inline: auto;
  }
  .news__slider .slider__content:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    overflow: hidden;
  }
  .news__slider .slider__content:not(.slick-initialized) > *:nth-child(n+2) {
    display: none;
  }
}
.news__slider .slider__content .slick-slide, .news__slider .slider__content > div:not(.slick-list) {
  padding-inline: clamp(0.375rem, -1.9842rem + 2.8253vw, 1.4063rem);
}
@media only screen and (max-width: 83.4375rem) {
  .news__slider .slider__content .slick-slide, .news__slider .slider__content > div:not(.slick-list) {
    padding-inline: clamp(0.375rem, -1.3383rem + 3.2869vw, 1.4063rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .news__slider .slider__content .slick-slide, .news__slider .slider__content > div:not(.slick-list) {
    padding-inline: 0;
  }
}
.news__slider .slick-arrow {
  width: 2.875rem;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
}
@media (hover: hover) {
  .news__slider .slick-arrow:hover::after {
    background-color: var(--secondary-900);
  }
}
.news__slider .slick-arrow:after {
  --icon__width: 100%;
  display: flex;
  content: "";
  background-image: url("../images/icons/arrow-right_18x18.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
  background-color: var(--primary-500);
  background-size: 1.125rem;
}
.news__slider .slick-arrow.slick-prev {
  left: 0;
}
.news__slider .slick-arrow.slick-prev::after {
  transform: rotate(180deg);
}
.news__slider .slick-arrow.slick-next {
  right: 0;
}
.news__slider .news._card {
  padding: 0;
}

.layout + .news__slider {
  border-top: 0.0625rem solid var(--surfaces-50);
}

.news._card {
  --news__padding-block: 1.5rem;
  --news__padding-inline: clamp(1rem, -1.1614rem + 3.1873vw, 1.5rem);
  --news__aspect-ratio: 1.7777777778;
  background-color: var(--neutral-100);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  padding-block: var(--news__padding-block);
  padding-inline: var(--news__padding-inline);
  border-radius: 0.375rem;
}
@media only screen and (max-width: 52.0625rem) {
  .news._card {
    --news__padding-block: 0rem;
    --news__padding-inline: 0rem;
  }
}
.news._card ul {
  list-style: none;
}
.news._card ul li {
  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 li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.news._card a {
  text-decoration: none;
}
.news._card .news__photo {
  width: 100%;
  height: auto;
  aspect-ratio: var(--news__aspect-ratio);
  display: flex;
  position: relative;
}
.news._card .photo__image {
  width: 100%;
  height: 100%;
  display: flex;
}
.news._card .photo__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news._card .photo__badges {
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding-block: clamp(0.3125rem, 0.1701rem + 0.6329vw, 0.5rem);
  padding-inline: clamp(0.3125rem, 0.1701rem + 0.6329vw, 0.5rem);
}
.news._card .badges__item {
  color: var(--primary-500);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  background-color: var(--neutral-100);
  padding-block: 0.125rem;
  padding-inline: 0.5rem;
  border-radius: 0.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .news._card .badges__item {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.news._card .news__text {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.news._card .text__date {
  color: var(--secondary-600);
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .news._card .text__date {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.news._card .text__title {
  --title__height: 2lh;
  color: inherit;
  color: var(--secondary-300);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 600;
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
  min-height: var(--title__height);
  max-height: var(--title__height);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (hover: hover) {
  .news._card .text__title:hover {
    color: var(--secondary-900);
  }
}
@supports (-webkit-line-clamp: 2) {
  .news._card .text__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.news._card .text__description {
  --description__height: 3lh;
  min-height: var(--description__height);
  max-height: var(--description__height);
  color: var(--primary-500);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media only screen and (max-width: 67.75rem) {
  .news._card .text__description {
    --description__height: 5lh;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .news._card .text__description {
    --description__height: 3lh;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .news._card .text__description {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@supports (-webkit-line-clamp: 4) {
  .news._card .text__description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
}
.news._related {
  --news__padding: clamp(0.875rem, 0.589rem + 0.3425vw, 1rem);
  --news__aspect-ratio: 1.7777777778;
  background-color: var(--neutral-100);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  padding: var(--news__padding);
  border-radius: 0.375rem;
  position: relative;
}
@media only screen and (max-width: 52.0625rem) {
  .news._related {
    --news__padding: clamp(0rem, -0.6646rem + 2.9536vw, 0.875rem);
  }
}
.news._related ul {
  list-style: none;
}
.news._related ul li {
  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._related ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.news._related a {
  text-decoration: none;
}
.news._related .news__photo {
  width: 100%;
  height: auto;
  aspect-ratio: var(--news__aspect-ratio);
  display: flex;
}
.news._related .news__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news._related .news__text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.news._related .text__date {
  color: var(--secondary-600);
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .news._related .text__date {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.news._related .text__title {
  color: inherit;
  color: var(--secondary-300);
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.125rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (hover: hover) {
  .news._related .text__title:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .news._related .text__title {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@supports (-webkit-line-clamp: 2) {
  .news._related .text__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}

.hero {
  --hero__padding-block: clamp(1.5rem, 1.2152rem + 1.2658vw, 1.875rem);
  --hero__padding-inline: clamp(1.5rem, 0.9304rem + 2.5316vw, 2.25rem);
  --hero__text__padding-block: clamp(1.875rem, 0.4452rem + 1.7123vw, 2.5rem);
  --hero__text__padding-inline: clamp(1.875rem, 0.4452rem + 1.7123vw, 2.5rem);
  background-color: var(--surfaces-300);
  display: flex;
  gap: clamp(2.5rem, -24.6661rem + 32.5342vw, 14.375rem);
  border-radius: 0.375rem;
  margin-top: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .hero {
    --hero__text__padding-inline: 2.25rem;
  }
}
@media only screen and (max-width: 67.75rem) {
  .hero {
    --hero__text__padding-block: 0;
    --hero__text__padding-inline: 0;
  }
}
@media only screen and (max-width: 83.4375rem) {
  .hero {
    display: flex;
    gap: clamp(1.5rem, -2.5525rem + 5.9761vw, 2.4375rem);
    margin-top: 0;
  }
}
@media only screen and (max-width: 67.75rem) {
  .hero {
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
    padding-block: var(--hero__padding-block);
    padding-inline: var(--hero__padding-inline);
  }
}
.hero .hero__text {
  width: 100%;
  padding-block: var(--hero__text__padding-block);
  padding-inline: var(--hero__text__padding-inline);
}
.hero h1, .hero .h1 {
  color: var(--secondary-300);
  font-size: clamp(2.25rem, 0.5342rem + 2.0548vw, 3rem);
  font-weight: 700;
  line-height: clamp(2.75rem, 1.0342rem + 2.0548vw, 3.5rem);
  margin-top: clamp(1.875rem, 0.4452rem + 1.7123vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .hero h1, .hero .h1 {
    font-size: clamp(1.75rem, 1.3703rem + 1.6878vw, 2.25rem);
    line-height: clamp(2rem, 1.4304rem + 2.5316vw, 2.75rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .hero h1, .hero .h1 {
    margin-top: clamp(1rem, 0.3354rem + 2.9536vw, 1.875rem);
  }
}
.hero p, .hero .p {
  color: var(--primary-500);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  margin-top: clamp(1rem, -0.1438rem + 1.3699vw, 1.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .hero p, .hero .p {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .hero p, .hero .p {
    margin-top: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
  }
}
.hero .button {
  display: flex;
  gap: 0.625rem;
  margin-top: clamp(1.625rem, 1.339rem + 0.3425vw, 1.75rem);
}
@media only screen and (max-width: 37.25rem) {
  .hero .button {
    max-width: 100%;
    margin-top: clamp(1rem, 0.5253rem + 2.1097vw, 1.625rem);
    padding-inline: 0.5rem;
  }
}
.hero .button svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.hero .button svg path {
  stroke: currentColor;
}
.hero .hero__photo {
  width: clamp(23.5rem, 18.9247rem + 5.4795vw, 25.5rem);
  min-width: clamp(23.5rem, 18.9247rem + 5.4795vw, 25.5rem);
  height: auto;
  aspect-ratio: 1;
  margin-right: clamp(0rem, -14.2979rem + 17.1233vw, 6.25rem);
}
@media only screen and (max-width: 83.4375rem) {
  .hero .hero__photo {
    margin-right: clamp(0rem, -16.7505rem + 24.7012vw, 3.875rem);
  }
}
@media only screen and (max-width: 67.75rem) {
  .hero .hero__photo {
    width: 100%;
    min-width: unset;
    max-width: clamp(17.5rem, 12.943rem + 20.2532vw, 23.5rem);
    margin-inline: auto;
  }
}
.hero .hero__photo._brand {
  height: clamp(5.625rem, 5.3402rem + 1.2658vw, 6rem);
  margin-block: auto;
}
@media only screen and (max-width: 67.75rem) {
  .hero .hero__photo._brand {
    margin-inline: 0;
  }
}
.hero .hero__photo._brand img {
  height: 100%;
  object-position: left;
}
.hero .hero__photo img {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: scale-down;
}
.hero._search .hero__search {
  --search__margin-top: clamp(1.875rem, 0.4452rem + 1.7123vw, 2.5rem);
  --search__direction: 0;
  --search__align-items: center;
  display: flex;
  flex-direction: var(--search__direction);
  align-items: var(--search__align-items);
  flex-wrap: wrap;
  margin-top: var(--search__margin-top);
}
@media only screen and (max-width: 52.0625rem) {
  .hero._search .hero__search {
    --search__margin-top: clamp(1rem, 0.3354rem + 2.9536vw, 1.875rem);
    --search__direction: column;
    --search__align-items: unset;
  }
}
.hero._search .hero__search .search__title {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._search .hero__search .search__title {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.hero._search .hero__search .search__title svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.hero._search .hero__search .search__title svg path {
  stroke: var(--primary-500);
}
.hero._search .hero__search .search__title strong, .hero._search .hero__search .search__title b {
  font-weight: 600;
}
.hero._search .hero__search .search__results {
  --results__padding: 1.5rem;
  --results__border: 0.0625rem solid var(--divider-600);
  color: var(--secondary-400);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._search .hero__search .search__results {
    --results__padding: 0.5rem;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .hero._search .hero__search .search__results {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media only screen and (min-width: 52.125rem) {
  .hero._search .hero__search .search__results:not(:first-child) {
    padding-left: var(--results__padding);
    margin-left: var(--results__padding);
    border-left: var(--results__border);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .hero._search .hero__search .search__results:not(:first-child) {
    padding-top: var(--results__padding);
    margin-top: var(--results__padding);
    border-top: var(--results__border);
  }
}
.hero._search .hero__scroll {
  display: flex;
  gap: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
  flex-wrap: wrap;
  margin-top: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
}
.hero._search .hero__scroll .scroll__item {
  --item__color: var(--primary-500);
  --item__background: var(--neutral-100);
  --item__border-color: var(--divider-600);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--item__color);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
  background-color: var(--item__background);
  min-height: 2.5rem;
  border: 0.0625rem solid var(--item__border-color);
  border-radius: 0.375rem;
  padding-block: 0.5rem;
  padding-inline: 1.5rem;
  text-decoration: none;
}
@media (hover: hover) {
  .hero._search .hero__scroll .scroll__item:hover {
    --item__color: var(--neutral-100);
    --item__background: var(--primary-900);
    --item__border-color: var(--primary-900);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .hero._search .hero__scroll .scroll__item {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.hero._news .hero__filters, .hero._news-inner .hero__filters {
  display: flex;
  gap: 0.5rem;
  margin-top: clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
  flex-wrap: wrap;
}
.hero._news .hero__filters ul, .hero._news-inner .hero__filters ul {
  list-style: none;
}
.hero._news .hero__filters ul li, .hero._news-inner .hero__filters 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._news .hero__filters ul li::before, .hero._news-inner .hero__filters ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.hero._news .hero__filters a, .hero._news-inner .hero__filters a {
  text-decoration: none;
}
.hero._news .hero__filters .filters__item, .hero._news-inner .hero__filters .filters__item {
  --filters__item__background-color: var(--neutral-100);
  --filters__item__text__color: var(--primary-500);
  --filters__item__border-color: var(--divider-600);
  color: var(--filters__item__text__color);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
  background-color: var(--filters__item__background-color);
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 2.5rem;
  border: 0.0625rem solid var(--filters__item__border-color);
  padding-block: clamp(0.25rem, 0.0601rem + 0.8439vw, 0.5rem);
  padding-inline: 1.5rem;
  border-radius: 0.375rem;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._news .hero__filters .filters__item, .hero._news-inner .hero__filters .filters__item {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
@media (hover: hover) {
  .hero._news .hero__filters .filters__item:hover, .hero._news-inner .hero__filters .filters__item:hover {
    --filters__item__background-color: var(--secondary-900);
    --filters__item__text__color: var(--neutral-100);
    --filters__item__border-color: var(--secondary-900);
  }
}
.hero._news .hero__filters .filters__item._active, .hero._news-inner .hero__filters .filters__item._active {
  --filters__item__background-color: var(--primary-900);
  --filters__item__text__color: var(--neutral-100);
  --filters__item__border-color: var(--primary-900);
}
.hero._news h1, .hero._news .h1 {
  color: var(--secondary-300);
  font-size: clamp(2.25rem, 0.5342rem + 2.0548vw, 3rem);
  font-weight: 700;
  line-height: clamp(2.75rem, 1.0342rem + 2.0548vw, 3.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .hero._news h1, .hero._news .h1 {
    font-size: clamp(1.75rem, 1.3703rem + 1.6878vw, 2.25rem);
    line-height: clamp(2rem, 1.4304rem + 2.5316vw, 2.75rem);
  }
}
.hero._news-inner {
  background: unset;
}
@media only screen and (max-width: 67.75rem) {
  .hero._news-inner {
    padding: 1rem 0 0;
  }
}
.hero._news-inner .hero__text {
  padding: 0;
}
.hero._news-inner h1, .hero._news-inner .h1 {
  font-weight: 500;
  text-wrap: pretty;
}
.hero._news-inner .hero__date {
  color: var(--secondary-600);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  margin-top: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
}
@media only screen and (max-width: 52.0625rem) {
  .hero._news-inner .hero__date {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.hero._news-inner .hero__date + .hero__filters {
  margin-top: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
}
.hero._news-inner .hero__editor {
  margin-top: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
}
.hero._news-inner .hero__editor > *:not(:first-child) {
  margin-top: 1lh;
}
.hero._news-inner .hero__editor p, .hero._news-inner .hero__editor .p {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
  margin-top: 0;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._news-inner .hero__editor p, .hero._news-inner .hero__editor .p {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.hero._news-inner .hero__editor img:not(:first-child) {
  margin-top: 2lh;
}
.hero._news-inner .hero__editor h6, .hero._news-inner .hero__editor .h6 {
  color: var(--secondary-300);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 600;
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
}
.hero._news-inner .hero__editor h6:not(:first-child), .hero._news-inner .hero__editor .h6:not(:first-child) {
  margin-top: 2lh;
}
.hero._news-inner .hero__editor + .button {
  margin-top: 2.5rem;
}
.hero._news-inner .hero__description {
  display: flex;
  flex-direction: column;
  gap: clamp(1.875rem, -5.1858rem + 13.5458vw, 4rem);
  margin-top: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
}
.hero._news-inner .hero__description .description__block {
  --block__gap: 3rem;
  --block__columns: repeat(2, minmax(0, 1fr));
  --block__areas: "photo text";
  display: grid;
  grid-gap: var(--block__gap);
  grid-template-columns: var(--block__columns);
  grid-template-areas: var(--block__areas);
  align-items: center;
}
@media only screen and (max-width: 67.75rem) {
  .hero._news-inner .hero__description .description__block {
    --block__gap: 1.5rem;
    --block__columns: minmax(0, 1fr);
    --block__areas: "photo" "text";
  }
}
.hero._news-inner .hero__description .description__block:nth-child(even) {
  --block__areas: "text photo";
}
@media only screen and (max-width: 67.75rem) {
  .hero._news-inner .hero__description .description__block:nth-child(even) {
    --block__areas: "text" "photo";
  }
}
.hero._news-inner .hero__description .description__block .block__text {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  grid-area: text;
}
.hero._news-inner .hero__description .description__block .block__text * {
  margin-top: 0;
}
.hero._news-inner .hero__description .description__block .block__text p, .hero._news-inner .hero__description .description__block .block__text .p {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._news-inner .hero__description .description__block .block__text p, .hero._news-inner .hero__description .description__block .block__text .p {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.hero._news-inner .hero__description .description__block .block__photo {
  display: flex;
  width: 100%;
  max-width: 45rem;
  height: auto;
  aspect-ratio: 1.7777777778;
  border-radius: 0.375rem;
  grid-area: photo;
  overflow: hidden;
  margin: auto;
}
.hero._news-inner .hero__description .description__block .block__photo img, .hero._news-inner .hero__description .description__block .block__photo iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero._contacts .hero__contacts {
  --contacts__gap: 1.5rem;
  --contacts__columns: repeat(3, minmax(0, 1fr));
  display: grid;
  grid-gap: var(--contacts__gap);
  grid-template-columns: var(--contacts__columns);
  margin-top: clamp(1.875rem, 0.4452rem + 1.7123vw, 2.5rem);
}
@media only screen and (max-width: 83.4375rem) {
  .hero._contacts .hero__contacts {
    --contacts__gap: clamp(1rem, -1.1614rem + 3.1873vw, 1.5rem);
  }
}
@media only screen and (max-width: 67.75rem) {
  .hero._contacts .hero__contacts {
    --contacts__columns: minmax(0, 1fr);
  }
}
.hero._contacts .hero__contacts:not(:has(.contacts__item:nth-child(3))) {
  --contacts__columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 67.75rem) {
  .hero._contacts .hero__contacts:not(:has(.contacts__item:nth-child(3))) {
    --contacts__columns: minmax(0, 1fr);
  }
}
.hero._contacts .hero__contacts ul {
  list-style: none;
}
.hero._contacts .hero__contacts 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._contacts .hero__contacts ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.hero._contacts .hero__contacts a {
  text-decoration: none;
}
@media only screen and (max-width: 67.75rem) {
  .hero._contacts .hero__contacts {
    margin-top: clamp(1rem, 0.3354rem + 2.9536vw, 1.875rem);
  }
}
.hero._contacts .hero__contacts .contacts__item {
  display: flex;
  flex-direction: column;
  background-color: var(--neutral-100);
  padding: clamp(1.5rem, 1.3156rem + 0.8197vw, 2rem) clamp(1rem, 0.6311rem + 1.6393vw, 2rem);
  border-radius: 0.5rem;
}
.hero._contacts .hero__contacts .item__title {
  color: var(--secondary-300);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 600;
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
}
.hero._contacts .hero__contacts .content__item {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-top: 1rem;
  padding-top: 0.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._contacts .hero__contacts .content__item {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.hero._contacts .hero__contacts .content__item svg {
  width: 2rem;
  min-width: 2rem;
  height: auto;
  aspect-ratio: 1;
  margin-top: -0.25rem;
}
.hero._contacts .hero__contacts .content__item svg rect,
.hero._contacts .hero__contacts .content__item svg circle {
  fill: var(--primary-900);
}
.hero._contacts .hero__contacts .content__item svg path[stroke=white] {
  stroke: var(--neutral-100);
}
.hero._contacts .hero__contacts a,
.hero._contacts .hero__contacts .content__company {
  color: inherit;
}
@media (hover: hover) {
  .hero._contacts .hero__contacts a:hover,
  .hero._contacts .hero__contacts .content__company:hover {
    color: var(--secondary-900);
  }
}
.hero._contacts .hero__contacts a[href^="tel:"],
.hero._contacts .hero__contacts .content__company[href^="tel:"] {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._contacts .hero__contacts a[href^="tel:"],
  .hero._contacts .hero__contacts .content__company[href^="tel:"] {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.hero._contacts .hero__contacts .item__content > a:not(.content__item) {
  display: flex;
  color: var(--secondary-900);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
  margin-top: 1rem;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._contacts .hero__contacts .item__content > a:not(.content__item) {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
@media (hover: hover) {
  .hero._contacts .hero__contacts .item__content > a:not(.content__item):hover {
    color: var(--primary-900);
  }
}
.hero._contacts .hero__contacts .item__text {
  display: flex;
  flex-direction: column;
  gap: clamp(0.25rem, -0.0348rem + 1.2658vw, 0.625rem);
}
.hero._contacts .hero__contacts .item__text._hours {
  gap: 0.5rem;
}
.hero._contacts .hero__contacts .item__link {
  display: flex;
  gap: 0.5rem;
  color: var(--secondary-900);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._contacts .hero__contacts .item__link {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media (hover: hover) {
  .hero._contacts .hero__contacts .item__link:hover {
    color: var(--primary-900);
  }
}
.hero._contacts .hero__contacts .item__link svg {
  width: 1.0625rem;
  min-width: 1.0625rem;
  height: auto;
  aspect-ratio: 1;
  margin-top: 0.09375rem;
}
.hero._contacts .hero__contacts .item__link svg path {
  stroke: currentColor;
}
.hero._contacts .hero__contacts ul {
  margin-top: 1rem;
}
.hero._contacts .hero__contacts ul li {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--primary-500);
}
@media only screen and (max-width: 52.0625rem) {
  .hero._contacts .hero__contacts ul li {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.hero._contacts .hero__contacts ul li:not(:first-child) {
  margin-top: 0.5rem;
}
.hero._contacts .hero__contacts .item__socials {
  display: flex;
  gap: clamp(1rem, -0.7158rem + 2.0548vw, 1.75rem);
  margin-top: auto;
  padding-top: 1.5rem;
  flex-wrap: wrap;
}
.hero._contacts .hero__contacts .item__socials .socials__item {
  --item__color: var(--secondary-700);
  display: flex;
  width: 2rem;
  min-width: 2rem;
  height: auto;
  aspect-ratio: 1;
  border: 0.0625rem solid var(--item__color);
  border-radius: 0.125rem;
  color: var(--item__color);
}
@media (hover: hover) {
  .hero._contacts .hero__contacts .item__socials .socials__item:hover {
    --item__color: var(--primary-900);
  }
}
.hero._contacts .hero__contacts .item__socials .socials__item svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.hero._contacts .hero__contacts .item__socials .socials__item svg path {
  fill: currentColor;
}
.hero._contacts .hero__departments {
  --departments__margin-top: clamp(3.75rem, 0.8904rem + 3.4247vw, 5rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, -1.2877rem + 2.7397vw, 2rem);
  margin-top: var(--departments__margin-top);
}
@media only screen and (max-width: 83.4375rem) {
  .hero._contacts .hero__departments {
    --departments__margin-top: clamp(3rem, 2.4304rem + 2.5316vw, 3.75rem);
  }
}
.hero._contacts .hero__departments .departments__title {
  color: var(--secondary-300);
  font-size: clamp(1.375rem, 0.5171rem + 1.0274vw, 1.75rem);
  font-weight: 600;
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .hero._contacts .hero__departments .departments__title {
    font-size: clamp(1.125rem, 0.9351rem + 0.8439vw, 1.375rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.hero._contacts .hero__departments .departments__block {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.hero._contacts .hero__departments .block__tabs {
  display: flex;
  gap: clamp(0.5rem, 0.3101rem + 0.8439vw, 0.75rem);
  flex-wrap: wrap;
}
.hero._contacts .hero__departments .block__tabs ul {
  list-style: none;
}
.hero._contacts .hero__departments .block__tabs 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._contacts .hero__departments .block__tabs ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.hero._contacts .hero__departments .block__tabs a {
  text-decoration: none;
}
.hero._contacts .hero__departments .tabs__item {
  --item__border-color: var(--divider-600);
  --item__background-color: var(--neutral-100);
  --item__color: var(--primary-500);
  color: inherit;
  background-color: var(--item__background-color);
  color: var(--item__color);
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.125rem;
  display: flex;
  border-radius: 0.375rem;
  padding-block: 0.75rem;
  padding-inline: 1rem;
  border: 0.0625rem solid var(--item__border-color);
}
@media (hover: hover) {
  .hero._contacts .hero__departments .tabs__item:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .hero._contacts .hero__departments .tabs__item {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.hero._contacts .hero__departments .tabs__item._active {
  --item__border-color: var(--primary-900);
  --item__background-color: var(--surfaces-500);
  --item__color: var(--primary-900);
}
.hero._contacts .hero__departments .block__grid {
  --grid__gap: clamp(1.5rem, 0.6693rem + 1.5936vw, 2rem) clamp(1.375rem, 1.1673rem + 0.3984vw, 1.5rem);
  --grid__columns: repeat(auto-fill, minmax(clamp(17.5rem, 7.1165rem + 19.9203vw, 23.75rem), 1fr));
  display: grid;
  grid-gap: var(--grid__gap);
  grid-template-columns: var(--grid__columns);
}
@media only screen and (max-width: 37.25rem) {
  .hero._contacts .hero__departments .block__grid {
    --grid__gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem) 1.375rem;
    --grid__columns: minmax(0, 1fr);
  }
}
@media only screen and (max-width: 37.25rem) {
  .hero._brands {
    padding-bottom: 3.375rem;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .hero._reviews {
    padding-bottom: 0;
  }
}
.hero._reviews .hero__reviews {
  --reviews__gap: 1rem;
  display: flex;
  flex-direction: column;
  gap: var(--reviews__gap);
  margin-top: 2.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._reviews .hero__reviews {
    --reviews__gap: 0;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .hero._reviews .hero__reviews {
    width: calc(100% + var(--hero__padding-inline) * 2);
    background-color: var(--neutral-100);
    margin-inline: calc(var(--hero__padding-inline) * -1);
  }
}
.hero._reviews .reviews__header {
  --header__gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  --header__padding: 1.5rem;
  display: flex;
  align-items: center;
  gap: var(--header__gap);
  background-color: var(--neutral-100);
  border-radius: 0.375rem;
  padding: var(--header__padding);
}
@media only screen and (max-width: 52.0625rem) {
  .hero._reviews .reviews__header {
    --header__padding: 1.5rem 0;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .hero._reviews .reviews__header {
    flex-wrap: wrap;
  }
}
.hero._reviews .header__value {
  color: var(--primary-500);
  font-size: clamp(2.25rem, 0.5342rem + 2.0548vw, 3rem);
  font-weight: 500;
  line-height: clamp(2.75rem, 1.0342rem + 2.0548vw, 3.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .hero._reviews .header__value {
    font-size: clamp(1.75rem, 1.3703rem + 1.6878vw, 2.25rem);
    line-height: clamp(2rem, 1.4304rem + 2.5316vw, 2.75rem);
  }
}
.hero._reviews .header__rating {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-left: var(--header__gap);
  border-left: 0.0625rem solid var(--surfaces-50);
}
.hero._reviews .rating__stars {
  display: flex;
  align-items: center;
}
.hero._reviews .stars__item {
  --item__default: var(--divider-600);
  --item__left: var(--item__default);
  --item__right: var(--item__default);
  display: flex;
}
.hero._reviews .stars__item._active {
  --item__default: var(--primary-900);
}
.hero._reviews .stars__item._active-half {
  --item__left: var(--primary-900);
}
.hero._reviews .stars__item svg {
  width: 1.75rem;
  min-width: 1.75rem;
  height: auto;
  aspect-ratio: 1;
}
.hero._reviews .stars__item svg path[fill="#5D35B0"] {
  fill: var(--item__left);
}
.hero._reviews .stars__item svg path[fill="#D1D1D1"] {
  fill: var(--item__right);
}
.hero._reviews .rating__customers {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._reviews .rating__customers {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.hero._reviews .button {
  margin-top: 0;
  margin-left: auto;
}
@media only screen and (max-width: 52.0625rem) {
  .hero._reviews .button {
    max-width: 100%;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .hero._reviews .reviews._card {
    --reviews__border: 0.0625rem solid var(--surfaces-50);
    border-top: var(--reviews__border);
    padding-inline: 0;
  }
  .hero._reviews .reviews._card:last-child {
    border-bottom: var(--reviews__border);
  }
}

.subcategory__list {
  --list__justify-content: center;
  padding-block: var(--list__padding-block, 1.5rem 0rem);
}
.subcategory__list .wrap {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
}
.subcategory__list h2, .subcategory__list .h2 {
  color: var(--secondary-300);
  font-size: clamp(1.125rem, 0.2671rem + 1.0274vw, 1.5rem);
  font-weight: 600;
  line-height: clamp(1.75rem, 1.1781rem + 0.6849vw, 2rem);
  text-align: center;
}
.subcategory__list .list__container {
  --container__columns: repeat(auto-fill, minmax(12.25rem, 1fr));
  display: grid;
  grid-gap: clamp(0.375rem, -1.0548rem + 1.7123vw, 1rem);
  grid-template-columns: var(--container__columns);
}
@media only screen and (max-width: 37.25rem) {
  .subcategory__list .list__container {
    --container__columns: repeat(2, minmax(0, 1fr));
  }
}
.subcategory__list:not(:has(.subcategory__photo)) .list__container {
  --list__justify-content: flex-start;
  display: flex;
  justify-content: var(--list__justify-content);
  flex-wrap: wrap;
}
@media only screen and (max-width: 37.25rem) {
  .subcategory__list:not(:has(.subcategory__photo)) .list__container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.subcategory__list:not(:has(.subcategory__photo)) .list__container .subcategory._card {
  --subcategory__min-height: unset;
  --subcategory__margin-top: 0;
  --subcategory__max-width: max-content;
}
@media only screen and (max-width: 37.25rem) {
  .subcategory__list:not(:has(.subcategory__photo)) .list__container .subcategory._card {
    --subcategory__max-width: 100%;
  }
}
.subcategory__list._news {
  --list__padding-block: var(--padding-block);
  --subcategory__max-width: clamp(10.375rem, 1.2243rem + 10.9589vw, 14.375rem);
}
@media only screen and (max-width: 37.25rem) {
  .subcategory__list._news {
    --subcategory__max-width: 100%;
  }
}
.subcategory__list._news .list__container {
  display: flex;
  justify-content: var(--list__justify-content);
  flex-wrap: wrap;
}
@media only screen and (max-width: 37.25rem) {
  .subcategory__list._news .list__container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media only screen and (min-width: 37.3125rem) {
  .product__slider + .subcategory__list {
    border-top: 0.0625rem solid var(--surfaces-50);
  }
}
@media only screen and (max-width: 37.25rem) {
  .product__slider + .subcategory__list {
    padding-top: 0;
  }
}

.subcategory._card {
  --subcategory__width: clamp(4.25rem, -1.7551rem + 7.1918vw, 6.875rem);
  --subcategory__gap: clamp(0.5rem, -1.2158rem + 2.0548vw, 1.25rem);
  --subcategory__min-height: clamp(9.5rem, -0.7945rem + 12.3288vw, 14rem);
  --subcategory__background-color: var(--surfaces-300);
  --subcategory__border-color: var(--subcategory__background-color);
  --subcategory__color: var(--secondary-300);
  width: 100%;
  max-width: var(--subcategory__max-width);
  min-height: var(--subcategory__min-height);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--subcategory__gap);
  color: var(--subcategory__color);
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.125rem;
  background-color: var(--subcategory__background-color);
  padding-block: clamp(1rem, 0.4281rem + 0.6849vw, 1.25rem);
  padding-inline: clamp(0.5rem, -0.9298rem + 1.7123vw, 1.125rem);
  border-radius: 0.375rem;
  border: 0.0625rem solid var(--subcategory__border-color);
  text-align: center;
  text-decoration: none;
}
@media only screen and (max-width: 52.0625rem) {
  .subcategory._card {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media (hover: hover) {
  .subcategory._card:hover {
    --subcategory__background-color: var(--neutral-100);
  }
}
.subcategory._card._active {
  --subcategory__background-color: var(--neutral-100);
  --subcategory__border-color: var(--secondary-900);
  --subcategory__color: var(--active-700);
}
.subcategory._card .subcategory__photo {
  width: var(--subcategory__width);
  min-width: var(--subcategory__width);
  height: auto;
  aspect-ratio: 1;
}
.subcategory._card .subcategory__photo img {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: scale-down;
}
.subcategory._card .subcategory__title {
  margin-top: var(--subcategory__margin-top);
}
.subcategory._card:not(:has(.subcategory__photo)) {
  --subcategory__margin-top: calc(var(--subcategory__width) + var(--subcategory__gap));
}
.subcategory._card:not(:has(.subcategory__photo))._active {
  --subcategory__background-color: var(--active-700);
  --subcategory__color: var(--neutral-100);
}

.brands__list {
  --list__margin-top: clamp(1.875rem, 0.4452rem + 1.7123vw, 2.5rem);
  --list__columns: repeat(auto-fill, minmax(clamp(12.5rem, 10.4233rem + 3.9841vw, 13.75rem), 1fr));
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: var(--list__columns);
  margin-top: var(--list__margin-top);
}
@media only screen and (max-width: 52.0625rem) {
  .brands__list {
    --list__margin-top: clamp(1rem, 0.3354rem + 2.9536vw, 1.875rem);
    --list__columns: repeat(2, minmax(0, 1fr));
  }
}
.brands__list ul {
  list-style: none;
}
.brands__list 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;
}
.brands__list ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.brands__list a {
  text-decoration: none;
}

.brands__slider {
  padding-block: 2.25rem;
}
.brands__slider .slider__content {
  --content__padding-inline: clamp(3.75rem, 3.464rem + 0.3425vw, 3.875rem);
  padding-inline: var(--content__padding-inline);
}
@media only screen and (max-width: 83.4375rem) {
  .brands__slider .slider__content {
    --content__padding-inline: clamp(3.6875rem, 3.5837rem + 0.1992vw, 3.75rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .brands__slider .slider__content {
    --content__padding-inline: clamp(3.5rem, 3.3576rem + 0.6329vw, 3.6875rem);
  }
}
.brands__slider .slider__content:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(11, minmax(0, 1fr));
  overflow: hidden;
}
.brands__slider .slider__content:not(.slick-initialized) > *:nth-child(n+12) {
  display: none;
}
@media only screen and (max-width: 110.8125rem) {
  .brands__slider .slider__content:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    overflow: hidden;
  }
  .brands__slider .slider__content:not(.slick-initialized) > *:nth-child(n+10) {
    display: none;
  }
}
@media only screen and (max-width: 101.6875rem) {
  .brands__slider .slider__content:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    overflow: hidden;
  }
  .brands__slider .slider__content:not(.slick-initialized) > *:nth-child(n+9) {
    display: none;
  }
}
@media only screen and (max-width: 83.4375rem) {
  .brands__slider .slider__content:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    overflow: hidden;
  }
  .brands__slider .slider__content:not(.slick-initialized) > *:nth-child(n+8) {
    display: none;
  }
}
@media only screen and (max-width: 75.59375rem) {
  .brands__slider .slider__content:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    overflow: hidden;
  }
  .brands__slider .slider__content:not(.slick-initialized) > *:nth-child(n+7) {
    display: none;
  }
}
@media only screen and (max-width: 67.75rem) {
  .brands__slider .slider__content:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    overflow: hidden;
  }
  .brands__slider .slider__content:not(.slick-initialized) > *:nth-child(n+6) {
    display: none;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .brands__slider .slider__content:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
  }
  .brands__slider .slider__content:not(.slick-initialized) > *:nth-child(n+5) {
    display: none;
  }
}
@media only screen and (max-width: 44.65625rem) {
  .brands__slider .slider__content:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
  }
  .brands__slider .slider__content:not(.slick-initialized) > *:nth-child(n+4) {
    display: none;
  }
}
@media only screen and (max-width: 37.25rem) {
  .brands__slider .slider__content:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
  }
  .brands__slider .slider__content:not(.slick-initialized) > *:nth-child(n+3) {
    display: none;
  }
}
.brands__slider .slider__content .slick-slide, .brands__slider .slider__content > div:not(.slick-list) {
  --slide__padding-inline: clamp(1.25rem, 0.3921rem + 1.0274vw, 1.625rem);
  padding-inline: var(--slide__padding-inline);
}
@media only screen and (max-width: 83.4375rem) {
  .brands__slider .slider__content .slick-slide, .brands__slider .slider__content > div:not(.slick-list) {
    --slide__padding-inline: clamp(0.75rem, -0.0807rem + 1.5936vw, 1.25rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .brands__slider .slider__content .slick-slide, .brands__slider .slider__content > div:not(.slick-list) {
    --slide__padding-inline: clamp(0.25rem, -0.1297rem + 1.6878vw, 0.75rem);
  }
}
.brands__slider .content__item {
  width: 100%;
  height: auto;
  aspect-ratio: 2.5;
  background-color: var(--neutral-100);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
}
@media (hover: hover) {
  .brands__slider .content__item:hover img {
    opacity: 1;
  }
  .brands__slider .content__item:hover::after {
    opacity: 0;
    visibility: hidden;
  }
}
.brands__slider .content__item::after {
  background-color: var(--primary-500);
  mix-blend-mode: color;
  position: absolute;
  inset: 0;
  content: "";
  opacity: 1;
  visibility: visible;
}
.brands__slider .content__item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0.6;
}
.brands__slider .slick-arrow {
  width: 2.875rem;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
}
@media (hover: hover) {
  .brands__slider .slick-arrow:hover::after {
    background-color: var(--secondary-900);
  }
}
.brands__slider .slick-arrow:after {
  --icon__width: 100%;
  display: flex;
  content: "";
  background-image: url("../images/icons/arrow-right_18x18.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
  background-color: var(--primary-500);
  background-size: 1.125rem;
}
.brands__slider .slick-arrow.slick-prev {
  left: 0;
}
.brands__slider .slick-arrow.slick-prev::after {
  transform: rotate(180deg);
}
.brands__slider .slick-arrow.slick-next {
  right: 0;
}
.brands__slider + .homepage__categories {
  padding-top: 0;
}

.brands._card {
  --brands__padding-block: 2.5rem;
  color: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.625rem;
  background-color: var(--neutral-100);
  color: var(--secondary-300);
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.125rem;
  padding-block: var(--brands__padding-block);
  padding-inline: clamp(0.8125rem, 0.7087rem + 0.1992vw, 0.875rem);
  border-radius: 0.375rem;
}
@media (hover: hover) {
  .brands._card:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .brands._card {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.brands._card .brands__photo {
  width: 8.125rem;
  max-width: 100%;
  height: auto;
  aspect-ratio: 2.5;
}
.brands._card .brands__photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.brands._card .brands__title {
  text-align: center;
}
.brands._card._search {
  --brands__padding-block: 1.25rem;
  border: 0.0625rem solid var(--divider-600);
}

.status {
  --status__background-color: transparent;
  --status__content__max-width: 30rem;
  --status__icon__width: clamp(6.5rem, 4.2123rem + 2.7397vw, 7.5rem);
  --status__icon__aspect-ratio: 1;
  --status__padding-top: clamp(3.375rem, 1.9452rem + 1.7123vw, 4rem);
  background-color: var(--status__background-color);
  flex: 1;
  padding-top: var(--status__padding-top);
  padding-bottom: clamp(15.375rem, 9.9418rem + 6.5068vw, 17.75rem);
}
@media only screen and (max-width: 52.0625rem) {
  .status {
    --status__padding-top: clamp(2rem, 0.9557rem + 4.6414vw, 3.375rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .status {
    padding-bottom: clamp(3.375rem, -5.7389rem + 40.5063vw, 15.375rem);
  }
}
.status .wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.status .wrap > *:not(.button) {
  max-width: var(--status__content__max-width);
  text-align: center;
}
.status .status__icon {
  width: var(--status__icon__width);
  min-width: var(--status__icon__width);
  height: auto;
  aspect-ratio: var(--status__icon__aspect-ratio);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: var(--status__icon__image);
}
.status h1, .status .h1 {
  color: var(--secondary-300);
  font-size: clamp(1.375rem, 0.5171rem + 1.0274vw, 1.75rem);
  font-weight: 600;
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
  margin-top: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .status h1, .status .h1 {
    font-size: clamp(1.125rem, 0.9351rem + 0.8439vw, 1.375rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.status .status__info, .status p, .status .p {
  margin-top: 0.75rem;
}
.status p, .status .p {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .status p, .status .p {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.status .button {
  max-width: 30rem;
  margin-top: clamp(1.5rem, 0.7405rem + 3.3755vw, 2.5rem);
}
.status._checkout {
  --status__background-color: var(--surfaces-300);
  --status__icon__image: url(../images/icons/checkout-success_120x120.svg);
  --status__padding-top: clamp(3.375rem, -6.0616rem + 11.3014vw, 7.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .status._checkout {
    --status__padding-top: clamp(2rem, 0.9557rem + 4.6414vw, 3.375rem);
  }
}
.status._checkout .status__info {
  color: var(--primary-500);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 400;
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
}
.status._checkout .status__info strong, .status._checkout .status__info b {
  font-weight: 600;
}
.status._search {
  --status__content__max-width: 44rem;
  --status__icon__image: url(../images/icons/no-results_120x120.svg);
}
.status._search .status__info {
  color: var(--primary-900);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 600;
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
}
.status._error {
  --status__icon__image: url(../images/icons/error_360x152.svg);
  --status__icon__width: clamp(19rem, 10.9932rem + 9.589vw, 22.5rem);
  --status__icon__aspect-ratio: 2.3684210526;
}
@media only screen and (max-width: 52.0625rem) {
  .status._error {
    --status__icon__width: clamp(16.875rem, 15.2611rem + 7.173vw, 19rem);
  }
}
.status._success {
  --status__icon__image: url(../images/icons/success_120x120.svg);
  --status__padding-top: clamp(3.375rem, -6.0616rem + 11.3014vw, 7.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .status._success {
    --status__padding-top: clamp(2rem, 0.9557rem + 4.6414vw, 3.375rem);
  }
}
.status._success .status__info {
  color: var(--primary-500);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 400;
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
}
.status._success .status__info strong, .status._success .status__info b {
  font-weight: 600;
}
.status._account {
  --status__icon__image: url(../images/icons/account-verification_120x120.svg);
}

.text__editor {
  padding-top: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
}
.text__editor > *:first-child {
  margin-top: 0 !important;
}
.text__editor h1, .text__editor .h1, .text__editor h2, .text__editor .h2, .text__editor h3, .text__editor .h3, .text__editor h4, .text__editor .h4, .text__editor h5, .text__editor .h5, .text__editor h6, .text__editor .h6 {
  margin-top: clamp(3rem, 2.1421rem + 1.0274vw, 3.375rem);
}
@media only screen and (max-width: 52.0625rem) {
  .text__editor h1, .text__editor .h1, .text__editor h2, .text__editor .h2, .text__editor h3, .text__editor .h3, .text__editor h4, .text__editor .h4, .text__editor h5, .text__editor .h5, .text__editor h6, .text__editor .h6 {
    margin-top: clamp(2rem, 1.2405rem + 3.3755vw, 3rem);
  }
}
.text__editor p, .text__editor .p {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 300;
  line-height: 1.75rem;
  margin-top: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
}
@media only screen and (max-width: 52.0625rem) {
  .text__editor p, .text__editor .p {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.5rem, 1.3101rem + 0.8439vw, 1.75rem);
  }
}
.text__editor ul, .text__editor ol {
  margin-top: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
}
.text__editor ul li, .text__editor ol li {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 300;
  line-height: 1.75rem;
}
@media only screen and (max-width: 52.0625rem) {
  .text__editor ul li, .text__editor ol li {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.5rem, 1.3101rem + 0.8439vw, 1.75rem);
  }
}
.text__editor ul ul, .text__editor ul ol, .text__editor ol ul, .text__editor ol ol {
  margin-top: 0;
}
.text__editor table {
  margin-top: clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
}
.text__editor .about__facts {
  --facts__margin-top: clamp(2rem, 0.9557rem + 4.6414vw, 3.375rem);
  --facts__width: 100%;
  --facts__max-width: var(--facts__width);
  --facts__padding-block: 0;
  --facts__padding-inline: 0;
}
@media only screen and (min-width: 67.8125rem) {
  .text__editor .about__facts {
    --facts__justify-content: space-between;
  }
}
@media only screen and (min-width: 67.8125rem) {
  .text__editor .about__facts .facts__item:first-child {
    padding-left: 0;
  }
  .text__editor .about__facts .facts__item:last-child {
    padding-right: 0;
  }
}
.text__editor .about__facts + * {
  margin-top: clamp(2rem, 0.9557rem + 4.6414vw, 3.375rem);
}

.addresses._card {
  --addresses__padding-block: clamp(1rem, -3.3227rem + 6.3745vw, 2rem);
  --addresses__padding-left: clamp(3.5rem, -5.1454rem + 12.749vw, 5.5rem);
  --addresses__padding-right: clamp(1rem, -3.3227rem + 6.3745vw, 2rem);
  --addresses__border-color: var(--divider-600);
  display: flex;
  flex-direction: column;
  border: 0.0625rem solid var(--addresses__border-color);
  padding-block: var(--addresses__padding-block);
  padding-left: var(--addresses__padding-left);
  padding-right: var(--addresses__padding-right);
  border-radius: 0.5rem;
  color: var(--primary-500);
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 67.75rem) {
  .addresses._card {
    --addresses__padding-block: clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
    --addresses__padding-left: clamp(3.5rem, 1.981rem + 6.7511vw, 5.5rem);
    --addresses__padding-right: clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
  }
}
@media (hover: hover) {
  .addresses._card:hover {
    --addresses__border-color: var(--secondary-700);
  }
}
.addresses._card:has(input:checked) {
  --addresses__border-color: var(--primary-900);
}
.addresses._card:has(input:checked) > * {
  opacity: 1;
}
.addresses._card:has(input:checked) input {
  border-color: var(--primary-900);
}
.addresses._card:has(input:checked) input::after {
  --icon__width: 0.5rem;
  display: flex;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
  background-color: var(--primary-900);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.addresses._card:has(input:checked) .addresses__main {
  background-color: var(--surfaces-500);
  color: var(--primary-900);
}
.addresses._card + ._card {
  margin-top: 0.5rem;
}
.addresses._card > *:not(label) {
  opacity: 0.6;
}
.addresses._card > label {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.addresses._card input {
  --input__left: clamp(1rem, -3.3227rem + 6.3745vw, 2rem);
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 0.125rem solid var(--secondary-700);
  position: absolute;
  top: 50%;
  left: var(--input__left);
  transform: translateY(-50%);
}
@media only screen and (max-width: 67.75rem) {
  .addresses._card input {
    --input__left: clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
  }
}
.addresses._card .addresses__main {
  max-width: max-content;
  background-color: var(--surfaces-50);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.125rem;
  padding: clamp(0.1875rem, -0.623rem + 1.1952vw, 0.375rem) 0.375rem;
  border-radius: 0.1875rem;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 52.0625rem) {
  .addresses._card .addresses__main {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.addresses._card .addresses__title {
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.125rem;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .addresses._card .addresses__title {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.addresses._card .addresses__description {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .addresses._card .addresses__description {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.addresses._card .addresses__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem;
  pointer-events: none;
  position: relative;
  z-index: 1;
}
.addresses._card .addresses__actions > * {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--secondary-600);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.125rem;
  cursor: pointer;
  pointer-events: auto;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 52.0625rem) {
  .addresses._card .addresses__actions > * {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
@media (hover: hover) {
  .addresses._card .addresses__actions > *:hover {
    color: var(--primary-900);
  }
}
.addresses._card .addresses__actions > * svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.addresses._card .addresses__actions > * svg path {
  stroke: currentColor;
}

.about__facts {
  --facts__margin-top: clamp(2rem, -1.4315rem + 4.1096vw, 3.5rem);
  --facts__padding-block: clamp(1.5rem, 0.6895rem + 1.1952vw, 1.6875rem);
  --facts__padding-inline: clamp(0rem, -3.0026rem + 3.5959vw, 1.3125rem);
  --facts__max-width: clamp(65.1875rem, 43.8836rem + 25.5137vw, 74.5rem);
  --facts__justify-content: center;
  --facts__border-width: 0.0625rem;
  --facts__border-color: var(--surfaces-50);
  display: flex;
  justify-content: var(--facts__justify-content);
  align-items: center;
  width: var(--facts__width);
  max-width: var(--facts__max-width);
  background-color: var(--neutral-100);
  margin-top: var(--facts__margin-top);
  padding-block: var(--facts__padding-block);
  padding-inline: var(--facts__padding-inline);
}
@media only screen and (max-width: 67.75rem) {
  .about__facts {
    --facts__gap: 1.25rem 0;
    --facts__columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 37.25rem) {
  .about__facts {
    --facts__gap: 2rem;
    --facts__columns: minmax(0, 1fr);
  }
}
@media only screen and (max-width: 67.75rem) {
  .about__facts {
    display: grid;
    grid-gap: var(--facts__gap);
    grid-template-columns: var(--facts__columns);
  }
}
.about__facts .facts__divider {
  width: var(--facts__border-width);
  min-width: var(--facts__border-width);
  background-color: var(--facts__border-color);
  align-self: stretch;
}
@media only screen and (max-width: 67.75rem) {
  .about__facts .facts__divider {
    display: none;
  }
}
.about__facts .facts__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.625rem;
  padding-inline: clamp(1.875rem, 0.4452rem + 1.7123vw, 2.5rem);
}
@media only screen and (max-width: 67.75rem) {
  .about__facts .facts__item {
    width: 15rem;
    max-width: 100%;
  }
  .about__facts .facts__item:nth-of-type(4n+1) {
    margin-left: auto;
  }
  .about__facts .facts__item:nth-of-type(4n+3) {
    margin-right: auto;
    border-left: var(--facts__border-width) solid var(--facts__border-color);
  }
}
@media only screen and (max-width: 37.25rem) {
  .about__facts .facts__item {
    margin-inline: auto !important;
    border-left: unset !important;
    padding-inline: 1.0625rem;
  }
}
.about__facts .item__icon {
  width: clamp(3rem, 2.6203rem + 1.6878vw, 3.5rem);
  min-width: clamp(3rem, 2.6203rem + 1.6878vw, 3.5rem);
  height: auto;
  aspect-ratio: 1;
}
.about__facts .item__icon img, .about__facts .item__icon svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
}
.about__facts .item__icon img path[stroke], .about__facts .item__icon img circle[stroke], .about__facts .item__icon svg path[stroke], .about__facts .item__icon svg circle[stroke] {
  stroke: var(--secondary-900);
}
.about__facts .item__icon img path[fill], .about__facts .item__icon img circle[fill], .about__facts .item__icon svg path[fill], .about__facts .item__icon svg circle[fill] {
  fill: var(--secondary-900);
}
.about__facts .item__title {
  color: var(--secondary-900);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
  text-align: center;
}
@media only screen and (max-width: 52.0625rem) {
  .about__facts .item__title {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}

.timeline._card {
  --timeline__padding: 2.5rem;
  --timeline__photo__width: clamp(26.875rem, 14.0068rem + 15.411vw, 32.5rem);
  --timeline__photo__min-width: var(--timeline__photo__width);
  --timeline__direction: 0;
  background-color: var(--neutral-100);
  display: flex;
  flex-direction: var(--timeline__direction);
  align-items: center;
  gap: var(--timeline__gap);
  padding: var(--timeline__padding);
}
@media only screen and (max-width: 67.75rem) {
  .timeline._card {
    --timeline__photo__width: 32.5rem;
    --timeline__photo__min-width: unset;
    --timeline__direction: column;
    --timeline__gap: 2.5rem;
  }
  .timeline._card .content__year,
  .timeline._card .text__title,
  .timeline._card .text__description,
  .timeline._card .text__description :is(p, .p),
  .timeline._card .content__count {
    text-align: center;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .timeline._card {
    --timeline__padding: 0;
  }
}
.timeline._card .timeline__photo {
  width: var(--timeline__photo__width);
  min-width: var(--timeline__photo__min-width);
  max-width: 100%;
  height: auto;
  aspect-ratio: 1.1818181818;
  border-radius: 0.375rem;
  overflow: hidden;
}
.timeline._card .timeline__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.timeline._card .timeline__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
}
@media only screen and (min-width: 67.8125rem) {
  .timeline._card .timeline__content {
    padding-left: var(--timeline__padding);
    padding-right: 3.125rem;
  }
}
@media only screen and (max-width: 67.75rem) {
  .timeline._card .timeline__content {
    width: var(--timeline__photo__width);
    max-width: 100%;
  }
}
.timeline._card .content__year {
  color: var(--primary-900);
  font-size: clamp(2.25rem, 0.5342rem + 2.0548vw, 3rem);
  font-weight: 400;
  line-height: clamp(2.75rem, 1.0342rem + 2.0548vw, 3.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .timeline._card .content__year {
    font-size: clamp(1.75rem, 1.3703rem + 1.6878vw, 2.25rem);
    line-height: clamp(2rem, 1.4304rem + 2.5316vw, 2.75rem);
  }
}
.timeline._card .content__text {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.timeline._card .text__title {
  color: var(--primary-500);
  font-size: clamp(1.125rem, 0.839rem + 0.3425vw, 1.25rem);
  font-weight: 500;
  line-height: 1.75rem;
}
.timeline._card .text__description {
  display: flex;
  flex-direction: column;
  gap: 1lh;
}
.timeline._card .text__description p, .timeline._card .text__description .p {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .timeline._card .text__description p, .timeline._card .text__description .p {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.timeline._card .content__count {
  color: var(--secondary-200);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 400;
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
}
.gallery__slider {
  --slider__item: clamp(46rem, 32.274rem + 16.4384vw, 52rem);
  --slider__border-radius: 0.375rem;
  --slider__padding-inline: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, -0.1438rem + 1.3699vw, 1.5rem);
  background-color: var(--surfaces-100);
  padding-block: var(--padding-block);
}
@media only screen and (max-width: 52.0625rem) {
  .gallery__slider {
    --slider__padding-inline: 0;
  }
}
.gallery__slider .slider__heading h2, .gallery__slider .slider__heading .h2 {
  color: var(--secondary-300);
  font-size: clamp(1.375rem, 0.5171rem + 1.0274vw, 1.75rem);
  font-weight: 600;
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
  text-align: center;
}
@media only screen and (max-width: 52.0625rem) {
  .gallery__slider .slider__heading h2, .gallery__slider .slider__heading .h2 {
    font-size: clamp(1.125rem, 0.9351rem + 0.8439vw, 1.375rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.gallery__slider .slider__content {
  width: 100%;
}
.gallery__slider .slider__content:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  overflow: hidden;
}
.gallery__slider .slider__content:not(.slick-initialized) > *:nth-child(n+2) {
  display: none;
}
.gallery__slider .slider__content .slick-track {
  display: flex !important;
}
.gallery__slider .slider__content .slick-track .slick-slide {
  height: inherit !important;
}
.gallery__slider .slider__content .slick-track .slick-slide > div:not([class]), .gallery__slider .slider__content .slick-track .slick-slide > div:not([class]) > div:not([class]) {
  height: 100%;
}
@media only screen and (max-width: 67.75rem) {
  .gallery__slider .slider__content {
    padding-inline: 0;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .gallery__slider .slider__content {
    padding-inline: var(--padding);
  }
}
.gallery__slider .slider__content .slick-list {
  padding-inline: calc((100% - var(--slider__item) + var(--slider__padding-inline) * 2) / 2);
}
.gallery__slider .slider__content .slick-slide, .gallery__slider .slider__content > div:not(.slick-list) {
  padding-inline: var(--slider__padding-inline);
}
.gallery__slider .slider__content .slider__item {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
.gallery__slider .slider__content .item__photo {
  width: 100%;
  height: auto;
  aspect-ratio: 1.7777777778;
  border-radius: var(--slider__border-radius);
  overflow: hidden;
}
.gallery__slider .slider__content .item__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery__slider .slider__content .item__title {
  color: var(--secondary-300);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
  text-align: center;
}
@media only screen and (max-width: 52.0625rem) {
  .gallery__slider .slider__content .item__title {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.gallery__slider .slick-arrow {
  width: 2.875rem;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
}
@media (hover: hover) {
  .gallery__slider .slick-arrow:hover::after {
    background-color: var(--secondary-900);
  }
}
.gallery__slider .slick-arrow:after {
  --icon__width: 100%;
  display: flex;
  content: "";
  background-image: url("../images/icons/arrow-right_18x18.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
  background-color: var(--primary-500);
  background-size: 1.125rem;
}
.gallery__slider .slick-arrow.slick-prev {
  left: var(--padding);
}
.gallery__slider .slick-arrow.slick-prev::after {
  transform: rotate(180deg);
}
.gallery__slider .slick-arrow.slick-next {
  right: var(--padding);
}

.employee._card {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  border: 0.0625rem solid var(--divider-600);
  border-radius: 0.5rem;
  padding: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
}
@media only screen and (max-width: 52.0625rem) {
  .employee._card {
    padding-block: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  }
}
.employee._card .employee__photo {
  --photo__width: 22.5rem;
  width: var(--photo__width);
  max-width: 100%;
  height: auto;
  aspect-ratio: 1.2;
  display: flex;
  margin-inline: auto;
  border-radius: 0.375rem;
  overflow: hidden;
}
.employee._card .employee__photo img {
  width: 100;
  height: 100%;
}
.employee._card .employee__text {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
}
.employee._card .text__block {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.employee._card .text__block ul {
  list-style: none;
}
.employee._card .text__block 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;
}
.employee._card .text__block ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.employee._card .text__block a {
  text-decoration: none;
}
.employee._card .text__block > * {
  text-align: center;
}
.employee._card .block__name,
.employee._card .block__title {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  line-height: 1.5rem;
  color: var(--primary-500);
}
@media only screen and (max-width: 52.0625rem) {
  .employee._card .block__name,
  .employee._card .block__title {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.employee._card .block__name {
  font-weight: 600;
}
.employee._card .block__title {
  font-weight: 400;
}
.employee._card .block__link {
  color: inherit;
  color: var(--primary-500);
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.125rem;
}
@media (hover: hover) {
  .employee._card .block__link:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .employee._card .block__link {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.employee._card .text__divider {
  width: 100%;
  height: 0.0625rem;
  background-color: var(--surfaces-50);
}

.departments._card {
  --departments__padding: clamp(1.5rem, 0.6693rem + 1.5936vw, 2rem);
  background-color: var(--neutral-100);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  border-radius: 0.5rem;
  padding: var(--departments__padding);
}
@media only screen and (max-width: 52.0625rem) {
  .departments._card {
    --departments__padding: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  }
}
.departments._card .departments__photo {
  --photo__width: 23.75rem;
  width: var(--photo__width);
  max-width: 100%;
  height: auto;
  aspect-ratio: 1.6033755274;
  display: flex;
  margin-inline: auto;
  border-radius: 0.375rem;
  overflow: hidden;
}
.departments._card .departments__photo img {
  width: 100;
  height: 100%;
}
.departments._card .departments__block {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, -0.1438rem + 1.3699vw, 1.5rem);
}
.departments._card .block__title {
  color: var(--primary-500);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 600;
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
}
.departments._card .block__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.departments._card .block__content ul {
  list-style: none;
}
.departments._card .block__content 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;
}
.departments._card .block__content ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.departments._card .block__content a {
  text-decoration: none;
}
.departments._card .content__item {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding-top: clamp(0.25rem, 0.4699rem + -0.4219vw, 0.375rem);
}
@media only screen and (max-width: 52.0625rem) {
  .departments._card .content__item {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.departments._card .content__item svg {
  width: 2rem;
  min-width: 2rem;
  height: auto;
  aspect-ratio: 1;
  margin-top: clamp(-0.375rem, -0.4699rem + 0.4219vw, -0.25rem);
}
.departments._card .content__item svg rect,
.departments._card .content__item svg circle {
  fill: var(--primary-900);
}
.departments._card .content__item svg path[stroke=white] {
  stroke: var(--neutral-100);
}
.departments._card .item__text {
  display: flex;
  flex-direction: column;
  gap: clamp(0.25rem, -0.0348rem + 1.2658vw, 0.625rem);
}
.departments._card .item__text._hours {
  gap: 0.5rem;
}
.departments._card .item__link {
  display: flex;
  gap: 0.5rem;
  color: var(--secondary-900);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .departments._card .item__link {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media (hover: hover) {
  .departments._card .item__link:hover {
    color: var(--primary-900);
  }
}
.departments._card .item__link svg {
  width: 1.0625rem;
  min-width: 1.0625rem;
  height: auto;
  aspect-ratio: 1;
  margin-top: 0.09375rem;
}
.departments._card .item__link svg path {
  stroke: currentColor;
}
.departments._card a {
  color: inherit;
}
@media (hover: hover) {
  .departments._card a:hover {
    color: var(--secondary-900);
  }
}
.departments._card a[href^="tel:"] {
  font-weight: 600;
}

.compare__sticky {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: clamp(0.5rem, 0.4051rem + 0.4219vw, 0.625rem);
}
.compare__sticky .sticky__button {
  --button__color: var(--primary-900);
  --button__padding: clamp(0.5rem, -0.0719rem + 0.6849vw, 0.75rem);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  color: var(--button__color);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
  background-color: var(--surfaces-500);
  text-decoration: none;
  border-radius: 0.5rem;
  padding: var(--button__padding);
  text-underline-offset: 0.3125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .compare__sticky .sticky__button {
    --button__padding: clamp(0.375rem, 0.2801rem + 0.4219vw, 0.5rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .compare__sticky .sticky__button {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
@media (hover: hover) {
  .compare__sticky .sticky__button:hover {
    --button__color: var(--secondary-900);
    text-decoration: underline;
  }
}
.compare__sticky .sticky__button svg {
  width: clamp(2.5rem, 1.3562rem + 1.3699vw, 3rem);
  min-width: clamp(2.5rem, 1.3562rem + 1.3699vw, 3rem);
  height: auto;
  aspect-ratio: 1;
}
.compare__sticky .sticky__button svg path {
  stroke: var(--neutral-100);
}
.compare__sticky .sticky__button svg circle {
  fill: var(--button__color);
}
.compare__sticky .sticky__button .button__title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
}
.compare__sticky .sticky__button .button__title svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.compare__sticky .sticky__button .button__title svg path {
  stroke: var(--button__color);
}

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

.pswp .pswp__img {
  background-color: var(--neutral-100);
}
.pswp .pswp__button {
  --button__gap: clamp(1rem, -0.519rem + 6.7511vw, 3rem);
  --button__background-color: var(--neutral-100);
  --button__color: var(--primary-500);
}
@media (hover: hover) {
  .pswp .pswp__button:hover {
    --button__background-color: var(--primary-900);
    --button__color: var(--neutral-100);
  }
}
.pswp .pswp__button svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.pswp .pswp__button svg rect,
.pswp .pswp__button svg path[fill=white] {
  fill: var(--button__background-color);
}
.pswp .pswp__button svg path[stroke] {
  stroke: var(--button__color);
}
.pswp .pswp__button--arrow {
  --arrow__size: clamp(3rem, 2.3829rem + 2.7426vw, 3.8125rem);
  width: var(--arrow__size);
  min-width: var(--arrow__size);
  height: auto;
  aspect-ratio: 1;
  margin-top: calc(var(--arrow__size) / 2 * -1);
}
.pswp .pswp__button--arrow.pswp__button--arrow--prev {
  left: var(--button__gap);
}
.pswp .pswp__button--arrow.pswp__button--arrow--next {
  right: var(--button__gap);
}
.pswp .pswp__button--close {
  width: 2.5rem;
  min-width: 2.5rem;
  height: auto;
  aspect-ratio: 1;
  margin-right: var(--button__gap);
}

input[name=quantity_email_confirm],
input[name=popup_email_confirm],
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;
}

html {
  scroll-behavior: auto !important;
}

.filter__tag {
  cursor: pointer;
}

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

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

.quantity__minus.disabled,
.quantity__plus.disabled {
  cursor: initial;
}

.select__item._disabled {
  opacity: 60%;
  pointer-events: none;
}

.block__controls.one-visible {
  grid-template-columns: 1fr !important;
}

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

.hero__departments .tabs__item {
  cursor: pointer;
}
.hero__departments .departments._hidden {
  display: none;
}

.project-popup {
  cursor: pointer;
}

.product._search .text__price._discount span {
  color: var(--error-700);
}

.columns__aside .aside__payment:has(.delivery__info._error) {
  grid-template-columns: 1fr;
}

.checkout__columns .aside__form .cities-select:first-child {
  margin-top: 0;
}

.text__editor ol {
  counter-reset: item;
  list-style: none;
}
.text__editor ol li {
  counter-increment: item;
}
.text__editor ol li::before {
  content: counters(item, ".") ". ";
}

.hero._category .p,
.hero._category p {
  word-break: break-word;
}

.news._card .photo__badges {
  z-index: 1;
}

.hero._contacts .hero__contacts .item__text._hours ul {
  margin-top: 0;
}

.hero._contacts .hero__contacts .item__content > p {
  margin-top: 1rem;
}

.hero._contacts .hero__contacts .item__content > p a {
  display: flex;
  color: var(--secondary-900);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
}

.hero._contacts .hero__contacts .item__content > p a:hover {
  color: var(--primary-900);
}

.contacts__text ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(0.125rem, -0.0649rem + 0.8439vw, 0.375rem);
  align-self: center;
}
@media only screen and (max-width: 52.0625rem) {
  .contacts__text ul {
    justify-content: flex-start;
  }
  .contacts__text ul:not(:has(.link-arrow)) {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}

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

.layout {
  padding-bottom: clamp(3.375rem, 1.9452rem + 1.7123vw, 4rem);
  flex: 1;
}
.layout:has(.homepage__hero) {
  padding-bottom: 0;
}
@media only screen and (max-width: 37.25rem) {
  .layout:has(.hero._brands) {
    padding-bottom: 0;
  }
}
.layout .wrap {
  display: grid;
  grid-gap: clamp(1.4375rem, -3.8527rem + 6.3356vw, 3.75rem);
  grid-template-columns: minmax(0, clamp(11.625rem, -1.8151rem + 16.0959vw, 17.5rem)) minmax(0, 1fr);
}
@media only screen and (max-width: 83.4375rem) {
  .layout .wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}
.layout .wrap:has(.layout__related) {
  display: grid;
  grid-template-columns: minmax(0, clamp(11.625rem, -1.8151rem + 16.0959vw, 17.5rem)) minmax(0, 1fr) minmax(0, clamp(11.75rem, 4.3151rem + 8.9041vw, 15rem));
}
@media only screen and (max-width: 83.4375rem) {
  .layout .wrap:has(.layout__related) {
    display: grid;
    grid-gap: clamp(3.375rem, 1.2136rem + 3.1873vw, 3.875rem);
    grid-template-columns: minmax(0, 1fr) minmax(0, clamp(11.75rem, 4.3151rem + 8.9041vw, 15rem));
  }
}
@media only screen and (max-width: 67.75rem) {
  .layout .wrap:has(.layout__related) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}
.layout .wrap:not(:has(.layout__sidebar)) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
.layout .wrap:not(:has(.layout__sidebar)):has(.layout__related) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, clamp(11.75rem, 4.3151rem + 8.9041vw, 15rem));
}
@media only screen and (max-width: 83.4375rem) {
  .layout .wrap:not(:has(.layout__sidebar)):has(.layout__related) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, clamp(11.75rem, 4.3151rem + 8.9041vw, 15rem));
  }
}
@media only screen and (max-width: 67.75rem) {
  .layout .wrap:not(:has(.layout__sidebar)):has(.layout__related) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}
@media only screen and (max-width: 83.4375rem) {
  .layout:not(:has(.layout__main #filter__popup:checked)):has(.layout__sidebar .sidebar__filter) .wrap {
    gap: 0;
  }
}
.layout .layout__sidebar {
  display: flex;
  flex-direction: column;
  gap: clamp(1.875rem, -3.1293rem + 5.9932vw, 4.0625rem);
}
@media only screen and (min-width: 83.5rem) and (hover: none) {
  .layout .layout__sidebar .nav {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
@media only screen and (max-width: 83.4375rem) {
  .layout .layout__sidebar .nav {
    display: none;
  }
}
@media only screen and (max-width: 83.4375rem) {
  .layout .layout__sidebar:not(:has(.sidebar__filter)) {
    display: none;
  }
}
@media only screen and (min-width: 83.5rem) and (hover: hover) and (min-width: 83.5rem) {
  .layout .layout__sidebar:has(.nav:hover)::before {
    background-color: var(--primary-500);
    content: "";
    position: fixed;
    inset: 0;
    z-index: 3;
    opacity: 0.25;
  }
}
.layout .layout__related {
  display: flex;
  flex-direction: column;
  margin-top: 1.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .layout .layout__related {
    margin-top: 0;
  }
}
.layout .layout__related h2, .layout .layout__related .h2 {
  color: var(--secondary-300);
  font-size: clamp(1.125rem, 0.839rem + 0.3425vw, 1.25rem);
  font-weight: 600;
  line-height: 1.75rem;
  padding-inline: clamp(0.875rem, 0.589rem + 0.3425vw, 1rem);
  padding-bottom: clamp(0.5rem, -0.6438rem + 1.3699vw, 1rem);
}
@media only screen and (max-width: 67.75rem) {
  .layout .layout__related h2, .layout .layout__related .h2 {
    padding-inline: 0;
  }
}
@media only screen and (max-width: 37.25rem) {
  .layout .layout__related h2, .layout .layout__related .h2 {
    padding-bottom: 1rem;
    text-align: center;
  }
}
.layout .layout__related .related__news {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: minmax(0, 1fr);
}
@media only screen and (max-width: 67.75rem) {
  .layout .layout__related .related__news {
    display: grid;
    grid-gap: clamp(0rem, -3.3227rem + 6.3745vw, 1rem);
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 52.0625rem) {
  .layout .layout__related .related__news {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 37.25rem) {
  .layout .layout__related .related__news {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

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

@media only screen and (max-width: 83.4375rem) {
  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__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding-block: 1rem;
    padding-inline: var(--padding);
    border-bottom: 0.0625rem solid var(--surfaces-50);
  }
  body:has(#filter__popup:checked) .layout .sidebar__filter .filter__title {
    color: var(--primary-500);
    font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
    font-weight: 600;
    line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
    text-transform: uppercase;
  }
  body:has(#filter__popup:checked) .layout .sidebar__filter .filter__close {
    width: 1.5rem;
    min-width: 1.5rem;
    height: auto;
    aspect-ratio: 1;
    color: inherit;
    color: var(--primary-500);
    margin-left: auto;
    cursor: pointer;
  }
}
@media only screen and (max-width: 83.4375rem) and (hover: hover) {
  body:has(#filter__popup:checked) .layout .sidebar__filter .filter__close:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (max-width: 83.4375rem) {
  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: 0.375rem;
    padding-inline: var(--padding);
    padding-block: 0.75rem;
    position: sticky;
    bottom: 0;
    margin-top: auto;
    box-shadow: var(--shadow-1);
  }
  body:has(#filter__popup:checked) .layout .sidebar__filter .filter__actions .button {
    margin: 0;
    padding-inline: 0.625rem;
  }
}
.product__hero {
  --hero__padding-top: 1.875rem;
  --hero__gap: clamp(1.875rem, 0.4452rem + 1.7123vw, 2.5rem);
  --hero__columns: minmax(0, clamp(27rem, -8.7449rem + 42.8082vw, 42.625rem)) minmax(0, 1fr) minmax(0, clamp(23.125rem, 10.2568rem + 15.411vw, 28.75rem));
  padding-top: var(--hero__padding-top);
  padding-bottom: clamp(3.375rem, 1.0873rem + 2.7397vw, 4.375rem);
}
@media only screen and (min-width: 83.5rem) {
  .product__hero {
    --hero__gallery__thumb__margin-block: 1.75rem;
  }
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero {
    --hero__padding-top: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
    --hero__gap: 1.875rem clamp(2.4375rem, -12.2032rem + 28.0876vw, 11.25rem);
    --hero__columns: minmax(0, 1fr) minmax(0, clamp(23.125rem, 13.7799rem + 17.9283vw, 28.75rem));
  }
}
@media only screen and (max-width: 67.75rem) {
  .product__hero {
    --hero__gap: 0rem clamp(2.4375rem, -12.2032rem + 28.0876vw, 11.25rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero {
    --hero__columns: minmax(0, 1fr);
  }
}
.product__hero .wrap {
  display: grid;
  grid-gap: var(--hero__gap);
  grid-template-columns: var(--hero__columns);
}
.product__hero .breadcrumb {
  grid-column: 1/-1;
}
.product__hero._fixed {
  --hero__columns: minmax(0, 1fr) minmax(0, clamp(32.5rem, 16.7723rem + 18.8356vw, 39.375rem));
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero._fixed {
    --hero__columns: minmax(0, 1fr) minmax(0, clamp(23.125rem, -17.4004rem + 59.761vw, 32.5rem));
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero._fixed {
    --hero__columns: minmax(0, 1fr);
  }
}
.product__hero._fixed .fixed__gallery {
  grid-row: span 2/span 2;
}
@media only screen and (max-width: 67.75rem) {
  .product__hero._fixed .fixed__gallery {
    grid-column: 1/-1;
  }
}
.product__hero._fixed .hero__gallery {
  --gallery__main__width: clamp(32.5rem, 12.4829rem + 23.9726vw, 41.25rem);
  --gallery__justify-content: center;
  --gallery__padding-left: 0;
  --gallery__thumb__width: clamp(5rem, 3.5702rem + 1.7123vw, 5.625rem);
  --gallery__thumb__padding: 0.5rem;
  --gallery__thumb__height: clamp(30rem, 22.851rem + 8.5616vw, 33.125rem);
  --gallery__gap: 1.5rem;
  position: sticky;
  transition: top 0.3s ease-in-out;
  top: 0;
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero._fixed .hero__gallery {
    --gallery__main__width: 100%;
    --gallery__main__max-width: 33rem;
    --gallery__direction: column;
    --gallery__thumb__padding: 0.25rem;
    --gallery__thumb__width: 100%;
    --gallery__thumb__height: 3rem;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero._fixed .hero__gallery {
    --gallery__gap: 1rem;
  }
}
.product__hero._fixed .fixed__text {
  grid-row: span 2/span 2;
}
@media only screen and (max-width: 67.75rem) {
  .product__hero._fixed .fixed__text {
    grid-column: 1/-1;
  }
}
.product__hero._fixed .fixed__text .text__sticky {
  display: flex;
  flex-direction: column;
  gap: var(--hero__gap);
  position: sticky;
  top: 0;
  transition: top 0.3s ease-in-out;
}
@media only screen and (min-width: 52.125rem) {
  .product__hero._fixed .info__props:not(:last-child) {
    padding-bottom: 2rem;
    border-bottom: 0.0625rem solid var(--surfaces-50);
  }
}
.product__hero._grid {
  --hero__gap: clamp(1.875rem, 0.4452rem + 1.7123vw, 2.5rem) clamp(2.5rem, -8.9384rem + 13.6986vw, 7.5rem);
  --hero__columns: minmax(0, 1fr) minmax(0, clamp(24.375rem, 1.4983rem + 27.3973vw, 34.375rem));
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero._grid {
    --hero__gap: 1.875rem clamp(2.4375rem, 2.3337rem + 0.1992vw, 2.5rem);
    --hero__columns: minmax(0, 1fr) minmax(0, clamp(24.375rem, -18.8521rem + 63.745vw, 34.375rem));
  }
}
@media only screen and (max-width: 67.75rem) {
  .product__hero._grid {
    --hero__gap: 0rem clamp(2.4375rem, 2.3337rem + 0.1992vw, 2.5rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero._grid {
    --hero__columns: minmax(0, 1fr);
  }
}
.product__hero._grid .fixed__gallery {
  display: flex;
  flex-direction: column;
  grid-row: span 2/span 2;
  position: relative;
  overflow-anchor: none;
}
@media only screen and (max-width: 67.75rem) {
  .product__hero._grid .fixed__gallery {
    grid-column: 1/-1;
  }
}
.product__hero._grid .fixed__gallery._not-sticky .hero__gallery {
  max-height: unset;
  position: unset;
  top: unset;
  overflow-y: unset;
}
.product__hero._grid .hero__gallery {
  --gallery__main__width: 100%;
  --gallery__justify-content: 0;
  --gallery__padding-left: 0;
  max-height: 100svh;
  position: sticky;
  top: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  overflow-anchor: none;
  transition: margin-top 0.3s ease-in-out, top 0.3s ease-in-out;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero._grid .hero__gallery {
    --gallery__main__width: 100%;
    --gallery__main__max-width: 100%;
  }
}
@media only screen and (max-width: 67.75rem) {
  .product__hero._grid .hero__gallery {
    --gallery__main__width: 35rem;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero._grid .hero__gallery {
    --gallery__gap: 1rem;
  }
}
@media only screen and (max-width: 37.25rem) {
  .product__hero._grid .hero__gallery {
    margin-inline: calc(var(--padding) * -1);
  }
}
.product__hero._grid .hero__gallery::-webkit-scrollbar {
  display: none;
}
.product__hero._grid .hero__gallery:has(.main__slider > *:nth-child(1):only-child) {
  max-height: 50rem;
}
@media only screen and (min-width: 67.8125rem) {
  .product__hero._grid .hero__gallery .gallery__main {
    height: unset;
    aspect-ratio: unset;
  }
}
@media only screen and (max-width: 67.75rem) {
  .product__hero._grid .hero__gallery .main__slider:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    overflow: hidden;
  }
  .product__hero._grid .hero__gallery .main__slider:not(.slick-initialized) > *:nth-child(n+2) {
    display: none;
  }
}
@media only screen and (min-width: 67.8125rem) {
  .product__hero._grid .hero__gallery .main__slider:not(.slick-initialized) {
    display: grid;
    grid-gap: 0.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-block: 0.5rem;
  }
  .product__hero._grid .hero__gallery .main__slider:not(.slick-initialized) > * {
    display: flex !important;
  }
  .product__hero._grid .hero__gallery .main__slider:not(.slick-initialized) > *:only-child {
    width: 100%;
    max-width: 50rem;
    grid-column: 1/-1;
    margin-inline: auto;
  }
}
.product__hero._grid .fixed__text {
  grid-row: span 2/span 2;
}
@media only screen and (max-width: 67.75rem) {
  .product__hero._grid .fixed__text {
    grid-column: 1/-1;
  }
}
.product__hero._grid .fixed__text .text__sticky {
  display: flex;
  flex-direction: column;
  gap: var(--hero__gap);
  position: sticky;
  top: 0;
  transition: top 0.3s ease-in-out;
}
@media only screen and (min-width: 52.125rem) {
  .product__hero._grid .info__props:not(:last-child) {
    padding-bottom: 2rem;
    border-bottom: 0.0625rem solid var(--surfaces-50);
  }
}
.product__hero .fixed__gallery,
.product__hero .hero__gallery,
.product__hero .gallery__main,
.product__hero .main__slider {
  overflow: visible;
}
.product__hero .hero__gallery {
  --gallery__main__width: clamp(23.5rem, 1.7671rem + 26.0274vw, 33rem);
  --gallery__justify-content: flex-end;
  --gallery__align-items: flex-start;
  --gallery__padding-left: clamp(0rem, -6.863rem + 8.2192vw, 3rem);
  --gallery__thumb__width: clamp(2.5rem, -3.2192rem + 6.8493vw, 5rem);
  --gallery__thumb__min-width: var(--gallery__thumb__width);
  --gallery__thumb__height: clamp(15rem, -13.5959rem + 34.2466vw, 27.5rem);
  --gallery__thumb__padding: 0.25rem;
  --gallery__gap: clamp(1rem, -0.4298rem + 1.7123vw, 1.625rem);
  --gallery__direction: row-reverse;
  display: flex;
  flex-direction: var(--gallery__direction);
  justify-content: var(--gallery__justify-content);
  align-items: var(--gallery__align-items);
  gap: var(--gallery__gap);
  padding-left: var(--gallery__padding-left);
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .hero__gallery {
    --gallery__direction: column;
    --gallery__main__width: 100%;
    --gallery__main__max-width: 33rem;
    --gallery__justify-content: flex-start;
    --gallery__align-items: center;
    --gallery__thumb__width: 100%;
    --gallery__thumb__min-width: unset;
    --gallery__thumb__max-width: 21.5rem;
    --gallery__thumb__height: var(--gallery__thumb__width);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__gallery {
    --gallery__thumb__max-width: 18rem;
  }
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .hero__gallery {
    grid-column: 1/-1;
  }
}
@media only screen and (max-width: 67.75rem) {
  .product__hero .hero__gallery {
    padding-top: clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
    padding-bottom: clamp(2.5rem, 1.8354rem + 2.9536vw, 3.375rem);
  }
}
.product__hero .hero__gallery .product__badges {
  --product__badges__padding: clamp(0.625rem, -0.2329rem + 1.0274vw, 1rem);
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .hero__gallery .product__badges {
    --product__badges__padding: clamp(0.625rem, 0.3402rem + 1.2658vw, 1rem);
  }
}
.product__hero .hero__gallery .gallery__main {
  width: var(--gallery__main__width);
  max-width: var(--gallery__main__max-width);
  height: auto;
  aspect-ratio: 1;
  position: relative;
}
.product__hero .hero__gallery .gallery__main:has(.main__slider.slick-dotted) {
  margin-bottom: 2.25rem;
}
.product__hero .hero__gallery .main__slider:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  overflow: hidden;
}
.product__hero .hero__gallery .main__slider:not(.slick-initialized) > *:nth-child(n+2) {
  display: none;
}
.product__hero .hero__gallery .main__slider .slick-dots {
  bottom: -2.25rem;
  line-height: unset;
}
.product__hero .hero__gallery .main__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;
}
.product__hero .hero__gallery .main__slider .slick-dots li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.product__hero .hero__gallery .main__slider .slick-dots li {
  width: 1.25rem;
  min-width: 1.25rem;
  height: auto;
  aspect-ratio: 1;
  margin: 0 0.125rem;
  opacity: 0.35;
  position: relative;
  transition: opacity 0.1s ease-in-out;
}
.product__hero .hero__gallery .main__slider .slick-dots li.slick-active {
  opacity: 1;
}
.product__hero .hero__gallery .main__slider .slick-dots li button {
  background-color: var(--divider-800);
  width: 0.5rem;
  min-width: 0.5rem;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.product__hero .hero__gallery .main__slider .slick-dots li button::before {
  content: none;
}
.product__hero .hero__gallery .slider__image {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  display: flex;
}
.product__hero .hero__gallery .slider__image img, .product__hero .hero__gallery .slider__image iframe {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: scale-down;
}
.product__hero .hero__gallery .gallery__thumb {
  width: var(--gallery__thumb__width);
  min-width: var(--gallery__thumb__min-width);
  max-width: var(--gallery__thumb__max-width);
  height: var(--gallery__thumb__height);
}
@media only screen and (min-width: 83.5rem) {
  .product__hero .hero__gallery .gallery__thumb {
    margin-block: var(--hero__gallery__thumb__margin-block);
  }
  .product__hero .hero__gallery .gallery__thumb:not(.slick-initialized) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(5, minmax(0, 1fr));
    overflow: hidden;
  }
  .product__hero .hero__gallery .gallery__thumb:not(.slick-initialized) > *:nth-child(n+6) {
    display: none;
  }
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .hero__gallery .gallery__thumb {
    width: 100%;
    padding-inline: 2rem;
    margin-inline: auto;
  }
  .product__hero .hero__gallery .gallery__thumb:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    overflow: hidden;
  }
  .product__hero .hero__gallery .gallery__thumb:not(.slick-initialized) > *:nth-child(n+6) {
    display: none;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__gallery .gallery__thumb:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
  }
  .product__hero .hero__gallery .gallery__thumb:not(.slick-initialized) > *:nth-child(n+5) {
    display: none;
  }
}
.product__hero .hero__gallery .gallery__thumb .slick-slide, .product__hero .hero__gallery .gallery__thumb > div:not(.slick-list) {
  border: unset;
}
@media only screen and (min-width: 83.5rem) {
  .product__hero .hero__gallery .gallery__thumb .slick-slide, .product__hero .hero__gallery .gallery__thumb > div:not(.slick-list) {
    padding-block: var(--gallery__thumb__padding);
  }
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .hero__gallery .gallery__thumb .slick-slide, .product__hero .hero__gallery .gallery__thumb > div:not(.slick-list) {
    padding-inline: var(--gallery__thumb__padding);
  }
}
.product__hero .hero__gallery .gallery__thumb .slick-slide > div {
  display: flex;
}
.product__hero .hero__gallery .gallery__thumb .slick-arrow {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  color: inherit;
}
@media (hover: hover) {
  .product__hero .hero__gallery .gallery__thumb .slick-arrow:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (min-width: 83.5rem) {
  .product__hero .hero__gallery .gallery__thumb .slick-arrow {
    left: 50%;
    right: unset;
    transform: translateX(-50%);
  }
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .hero__gallery .gallery__thumb .slick-arrow {
    left: 0;
  }
}
.product__hero .hero__gallery .gallery__thumb .slick-arrow svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.product__hero .hero__gallery .gallery__thumb .slick-arrow svg path {
  stroke: currentColor;
}
@media only screen and (min-width: 83.5rem) {
  .product__hero .hero__gallery .gallery__thumb .slick-arrow.slick-prev {
    top: unset;
    bottom: calc(100% + var(--gallery__thumb__padding));
  }
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .hero__gallery .gallery__thumb .slick-arrow.slick-prev svg {
    transform: rotate(-90deg);
  }
}
@media only screen and (min-width: 83.5rem) {
  .product__hero .hero__gallery .gallery__thumb .slick-arrow.slick-next {
    top: calc(100% + var(--gallery__thumb__padding));
    bottom: unset;
  }
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .hero__gallery .gallery__thumb .slick-arrow.slick-next {
    left: unset;
    right: 0;
  }
  .product__hero .hero__gallery .gallery__thumb .slick-arrow.slick-next svg {
    transform: rotate(-90deg);
  }
}
.product__hero .hero__gallery .thumb__image {
  width: var(--gallery__thumb__width);
  min-width: var(--gallery__thumb__width);
  height: auto;
  aspect-ratio: 1;
  display: flex;
}
.product__hero .hero__gallery .thumb__image img, .product__hero .hero__gallery .thumb__image iframe {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: scale-down;
}
.product__hero .hero__gallery .thumb__image iframe {
  pointer-events: none !important;
}
.product__hero .hero__info .info__brand {
  width: 6.25rem;
  min-width: 6.25rem;
  height: auto;
  aspect-ratio: 2.5;
  display: flex;
  margin-bottom: clamp(0.5rem, -0.6438rem + 1.3699vw, 1rem);
}
.product__hero .hero__info .info__brand img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.product__hero .hero__info .info__title {
  color: var(--secondary-300);
  font-size: clamp(1.125rem, 0.2671rem + 1.0274vw, 1.5rem);
  font-weight: 600;
  line-height: clamp(1.75rem, 1.1781rem + 0.6849vw, 2rem);
  text-wrap: balance;
}
.product__hero .hero__info .info__props {
  --props__gap: clamp(0.5rem, -1.2158rem + 2.0548vw, 1.25rem);
  display: flex;
  align-items: center;
  margin-top: 1rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__info .info__props {
    --props__gap: clamp(0rem, -0.3797rem + 1.6878vw, 0.5rem);
  }
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .hero__info .info__props {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--props__gap);
  }
}
@media only screen and (min-width: 83.5rem) {
  .product__hero .hero__info .info__props > *:not(:first-child) {
    padding-left: var(--props__gap);
    margin-left: var(--props__gap);
    border-left: 0.0625rem solid var(--surfaces-50);
  }
}
.product__hero .hero__info .info__props .props__rating {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__info .info__props .props__rating {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product__hero .hero__info .info__props .props__rating svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.product__hero .hero__info .info__props .props__rating svg path {
  fill: var(--primary-900);
}
.product__hero .hero__info .info__props .rating__stars {
  display: flex;
  align-items: center;
}
.product__hero .hero__info .info__props .stars__item {
  --item__default: var(--divider-600);
  --item__left: var(--item__default);
  --item__right: var(--item__default);
  display: flex;
}
.product__hero .hero__info .info__props .stars__item._active {
  --item__default: var(--primary-900);
}
.product__hero .hero__info .info__props .stars__item._active-half {
  --item__left: var(--primary-900);
}
.product__hero .hero__info .info__props .stars__item svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.product__hero .hero__info .info__props .stars__item svg path[fill="#5D35B0"] {
  fill: var(--item__left);
}
.product__hero .hero__info .info__props .stars__item svg path[fill="#D1D1D1"] {
  fill: var(--item__right);
}
.product__hero .hero__info .info__props .rating__value {
  color: inherit;
  color: var(--secondary-300);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-decoration: underline;
}
@media (hover: hover) {
  .product__hero .hero__info .info__props .rating__value:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__info .info__props .rating__value {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product__hero .hero__info .info__props .props__ean,
.product__hero .hero__info .info__props .props__code {
  color: var(--primary-500);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__info .info__props .props__ean,
  .product__hero .hero__info .info__props .props__code {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product__hero .hero__info .info__props .props__ean strong,
.product__hero .hero__info .info__props .props__ean b,
.product__hero .hero__info .info__props .props__code strong,
.product__hero .hero__info .info__props .props__code b {
  font-weight: 500;
}
.product__hero .hero__info .info__stock {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 1rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__info .info__stock {
    padding-top: 1rem;
    border-top: 0.0625rem solid var(--surfaces-50);
  }
}
.product__hero .hero__info .info__stock .stock__item {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  color: var(--success-700);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__info .info__stock .stock__item {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product__hero .hero__info .info__stock .stock__item svg {
  width: 1.125rem;
  min-width: 1.125rem;
  height: auto;
  aspect-ratio: 1;
  margin-top: 0.0625rem;
}
.product__hero .hero__info .info__stock .stock__item svg path {
  fill: currentColor;
}
.product__hero .hero__info .info__stock .stock__item strong,
.product__hero .hero__info .info__stock .stock__item b {
  font-weight: 500;
}
.product__hero .hero__info .info__specifications {
  --specifications__gap: 0.625rem;
  display: flex;
  flex-direction: column;
  gap: var(--specifications__gap);
  margin-top: clamp(1rem, 0.1693rem + 1.5936vw, 1.5rem);
}
.product__hero .hero__info .info__specifications ul {
  list-style: none;
}
.product__hero .hero__info .info__specifications 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__hero .hero__info .info__specifications ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.product__hero .hero__info .info__specifications a {
  text-decoration: none;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__info .info__specifications {
    padding-top: 1rem;
    border-top: 0.0625rem solid var(--surfaces-50);
  }
}
.product__hero .hero__info .info__specifications .specifications__title,
.product__hero .hero__info .info__specifications .list__item {
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  line-height: 1.125rem;
  color: var(--secondary-300);
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__info .info__specifications .specifications__title,
  .product__hero .hero__info .info__specifications .list__item {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product__hero .hero__info .info__specifications .specifications__title {
  font-weight: 500;
}
.product__hero .hero__info .info__specifications .specifications__list {
  display: flex;
  flex-direction: column;
  gap: var(--specifications__gap);
}
.product__hero .hero__info .info__specifications .list__item {
  font-weight: 400;
}
.product__hero .hero__info .info__specifications .specifications__more {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: inherit;
  color: var(--primary-900);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
@media (hover: hover) {
  .product__hero .hero__info .info__specifications .specifications__more:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__info .info__specifications .specifications__more {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product__hero .hero__info .info__specifications .specifications__more svg {
  width: 0.875rem;
  min-width: 0.875rem;
  height: auto;
  aspect-ratio: 1;
}
.product__hero .hero__info .info__specifications .specifications__more svg path {
  stroke: currentColor;
}
.product__hero .hero__info .info__choices {
  margin-top: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__info .info__choices {
    margin-top: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
    padding-top: 2rem;
    border-top: 0.0625rem solid var(--surfaces-50);
  }
}
.product__hero .hero__info .info__choices + .info__choices {
  margin-top: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__info .info__choices + .info__choices {
    margin-top: 0;
    border-top: unset;
  }
}
.product__hero .hero__info .info__choices .choices__title {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__info .info__choices .choices__title {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.product__hero .hero__info .info__choices .list__item {
  --item__border-color: var(--divider-600);
  color: var(--primary-500);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  text-decoration: none;
  cursor: pointer;
}
.product__hero .hero__info .info__choices .list__item._disabled {
  overflow: hidden;
  position: relative;
  cursor: not-allowed;
  pointer-events: none;
}
.product__hero .hero__info .info__choices .list__item._disabled::after {
  background-color: var(--divider-600);
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
  width: 200%;
  height: 0.0625rem;
}
.product__hero .hero__info .info__choices .list__item._disabled .item__text,
.product__hero .hero__info .info__choices .list__item._disabled .item__photo {
  opacity: 0.6;
}
.product__hero .hero__info .info__choices .list__item._active, .product__hero .hero__info .info__choices .list__item:has(input:checked) {
  --item__border-color: var(--primary-900) !important;
}
@media (hover: hover) {
  .product__hero .hero__info .info__choices .list__item:hover {
    --item__border-color: var(--primary-900) !important;
  }
}
.product__hero .hero__info .info__choices .list__item input {
  display: none;
}
.product__hero .hero__info .info__choices .item__photo img {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: scale-down;
}
.product__hero .hero__info .info__choices .select {
  --select__margin-top: 0.5rem;
  max-width: 30rem;
}
.product__hero .hero__info .info__choices .select .select__frame {
  font-weight: 400;
}
.product__hero .hero__info .info__choices._type-1 .choices__list {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.product__hero .hero__info .info__choices._type-1 .list__item {
  display: flex;
  align-items: center;
  gap: clamp(0.25rem, -0.3219rem + 0.6849vw, 0.5rem);
  min-width: clamp(7.125rem, 2.8356rem + 5.137vw, 9rem);
  padding: 0.25rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--item__border-color);
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .hero__info .info__choices._type-1 .list__item {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 6.125rem;
  }
}
.product__hero .hero__info .info__choices._type-1 .item__photo {
  width: clamp(2.375rem, 0.9452rem + 1.7123vw, 3rem);
  min-width: clamp(2.375rem, 0.9452rem + 1.7123vw, 3rem);
  height: auto;
  aspect-ratio: 1;
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .hero__info .info__choices._type-1 .item__photo {
    width: 3rem;
    min-width: 3rem;
    height: auto;
    aspect-ratio: 1;
  }
}
.product__hero .hero__info .info__choices._type-2 .list__item, .product__hero .hero__info .info__choices._type-3 .list__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  word-break: break-word;
  margin-inline: auto;
}
.product__hero .hero__info .info__choices._type-2 .list__item .item__text, .product__hero .hero__info .info__choices._type-3 .list__item .item__text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@supports (-webkit-line-clamp: 2) {
  .product__hero .hero__info .info__choices._type-2 .list__item .item__text, .product__hero .hero__info .info__choices._type-3 .list__item .item__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.product__hero .hero__info .info__choices._type-2 .list__item._disabled::after, .product__hero .hero__info .info__choices._type-3 .list__item._disabled::after {
  content: none;
}
.product__hero .hero__info .info__choices._type-2 .list__item._disabled .item__text,
.product__hero .hero__info .info__choices._type-2 .list__item._disabled .item__photo img, .product__hero .hero__info .info__choices._type-3 .list__item._disabled .item__text,
.product__hero .hero__info .info__choices._type-3 .list__item._disabled .item__photo img {
  opacity: 0.6;
}
.product__hero .hero__info .info__choices._type-2 .list__item._disabled .item__photo, .product__hero .hero__info .info__choices._type-3 .list__item._disabled .item__photo {
  overflow: hidden;
  position: relative;
  cursor: not-allowed;
  pointer-events: none;
}
.product__hero .hero__info .info__choices._type-2 .list__item._disabled .item__photo::after, .product__hero .hero__info .info__choices._type-3 .list__item._disabled .item__photo::after {
  background-color: var(--divider-600);
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
  width: 200%;
  height: 0.0625rem;
}
.product__hero .hero__info .info__choices._type-2 .item__photo, .product__hero .hero__info .info__choices._type-3 .item__photo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.375rem;
  max-width: 100%;
  height: auto;
  aspect-ratio: 1;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--item__border-color);
}
.product__hero .hero__info .info__choices._type-2 .item__photo img, .product__hero .hero__info .info__choices._type-2 .item__photo:not(:has(img))[style^="--item__color:"]::after, .product__hero .hero__info .info__choices._type-3 .item__photo img, .product__hero .hero__info .info__choices._type-3 .item__photo:not(:has(img))[style^="--item__color:"]::after {
  width: calc(100% - 0.375rem);
  min-width: calc(100% - 0.375rem);
  height: auto;
  aspect-ratio: 1;
}
.product__hero .hero__info .info__choices._type-2 .item__photo:not(:has(img))[style^="--item__color:"]::after, .product__hero .hero__info .info__choices._type-3 .item__photo:not(:has(img))[style^="--item__color:"]::after {
  background-color: var(--item__color);
  content: "";
  border-radius: 0.125rem;
}
.product__hero .hero__info .info__choices._type-2 .choices__list {
  --list__padding-inline: 2.1875rem;
  --list__item__padding-inline: clamp(0.3125rem, 0.1701rem + 0.6329vw, 0.5rem);
}
.product__hero .hero__info .info__choices._type-2 .choices__list:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  overflow: hidden;
}
.product__hero .hero__info .info__choices._type-2 .choices__list:not(.slick-initialized) > *:nth-child(n+7) {
  display: none;
}
@media only screen and (max-width: 110.8125rem) {
  .product__hero .hero__info .info__choices._type-2 .choices__list:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    overflow: hidden;
  }
  .product__hero .hero__info .info__choices._type-2 .choices__list:not(.slick-initialized) > *:nth-child(n+6) {
    display: none;
  }
  .product__hero .hero__info .info__choices._type-2 .choices__list:has(div:nth-child(6)) {
    padding-inline: var(--list__padding-inline);
  }
}
@media only screen and (max-width: 101.6875rem) {
  .product__hero .hero__info .info__choices._type-2 .choices__list:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
  }
  .product__hero .hero__info .info__choices._type-2 .choices__list:not(.slick-initialized) > *:nth-child(n+5) {
    display: none;
  }
  .product__hero .hero__info .info__choices._type-2 .choices__list:has(div:nth-child(5)) {
    padding-inline: var(--list__padding-inline);
  }
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .hero__info .info__choices._type-2 .choices__list:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
  }
  .product__hero .hero__info .info__choices._type-2 .choices__list:not(.slick-initialized) > *:nth-child(n+4) {
    display: none;
  }
  .product__hero .hero__info .info__choices._type-2 .choices__list:has(div:nth-child(4)) {
    padding-inline: var(--list__padding-inline);
  }
}
.product__hero .hero__info .info__choices._type-2 .choices__list:has(div:nth-child(7)) {
  padding-inline: var(--list__padding-inline);
}
.product__hero .hero__info .info__choices._type-2 .choices__list:not(:has(div:nth-child(7))) {
  width: calc(100% - var(--list__padding-inline) * 2);
  margin-inline: calc(var(--list__item__padding-inline) * -1);
}
.product__hero .hero__info .info__choices._type-2 .choices__list:not(:has(div:nth-child(7))) .slick-track {
  margin-left: unset;
}
.product__hero .hero__info .info__choices._type-2 .choices__list .slick-slide, .product__hero .hero__info .info__choices._type-2 .choices__list > div:not(.slick-list) {
  padding-inline: var(--list__item__padding-inline);
}
.product__hero .hero__info .info__choices._type-2 .slick-arrow {
  width: 1.875rem;
  min-width: 1.875rem;
  height: auto;
  aspect-ratio: 1;
  top: 1.4375rem;
  transform: none;
}
@media (hover: hover) {
  .product__hero .hero__info .info__choices._type-2 .slick-arrow:hover svg rect {
    fill: var(--primary-500);
    stroke: var(--primary-500);
  }
  .product__hero .hero__info .info__choices._type-2 .slick-arrow:hover svg path {
    stroke: var(--neutral-100);
  }
}
.product__hero .hero__info .info__choices._type-2 .slick-arrow.slick-disabled {
  opacity: 0.4;
}
.product__hero .hero__info .info__choices._type-2 .slick-arrow.slick-prev {
  left: 0;
}
.product__hero .hero__info .info__choices._type-2 .slick-arrow.slick-next {
  right: 0;
}
.product__hero .hero__info .info__choices._type-3 .choices__list, .product__hero .hero__info .info__choices._type-4 .choices__list, .product__hero .hero__info .info__choices._type-5 .choices__list, .product__hero .hero__info .info__choices._type-6 .choices__list {
  display: flex;
  gap: 0.625rem;
  flex-wrap: wrap;
}
.product__hero .hero__info .info__choices._type-4 .list__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-inline: auto;
}
.product__hero .hero__info .info__choices._type-4 .item__photo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  min-width: 2rem;
  height: auto;
  aspect-ratio: 1;
  border-radius: 0.125rem;
  border: 0.0625rem solid var(--item__border-color);
}
.product__hero .hero__info .info__choices._type-4 .item__photo img, .product__hero .hero__info .info__choices._type-4 .item__photo:not(:has(img))[style^="--item__color:"]::after {
  width: 1.625rem;
  min-width: 1.625rem;
  height: auto;
  aspect-ratio: 1;
}
.product__hero .hero__info .info__choices._type-4 .item__photo:not(:has(img))[style^="--item__color:"]::after {
  background-color: var(--item__color);
  content: "";
  border-radius: 0.125rem;
}
.product__hero .hero__info .info__choices._type-5 .list__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--primary-500);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  margin-inline: auto;
  padding-block: 0.375rem;
  padding-inline: 1rem;
  border: 0.0625rem solid var(--item__border-color);
  border-radius: 0.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__info .info__choices._type-5 .list__item {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product__hero .hero__info .info__choices._type-5 .list__item._active, .product__hero .hero__info .info__choices._type-5 .list__item:has(input:checked) {
  --item__border-color: var(--primary-900) !important;
  background-color: var(--surfaces-500);
  color: var(--primary-900);
}
@media (hover: hover) {
  .product__hero .hero__info .info__choices._type-5 .list__item:hover {
    color: var(--primary-900);
  }
}
.product__hero .hero__info .info__choices._type-6 .list__item {
  width: var(--choices__collapsed-height);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  word-break: break-word;
  margin-inline: auto;
}
.product__hero .hero__info .info__choices._type-6 .list__item .item__text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@supports (-webkit-line-clamp: 2) {
  .product__hero .hero__info .info__choices._type-6 .list__item .item__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.product__hero .hero__info .info__choices._type-6 .list__item._disabled::after {
  content: none;
}
.product__hero .hero__info .info__choices._type-6 .list__item._disabled .item__text,
.product__hero .hero__info .info__choices._type-6 .list__item._disabled .item__photo img {
  opacity: 0.6;
}
.product__hero .hero__info .info__choices._type-6 .list__item._disabled .item__photo {
  overflow: hidden;
  position: relative;
  cursor: not-allowed;
  pointer-events: none;
}
.product__hero .hero__info .info__choices._type-6 .list__item._disabled .item__photo::after {
  background-color: var(--divider-600);
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
  width: 200%;
  height: 0.0625rem;
}
.product__hero .hero__info .info__choices._type-6 .item__photo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 1;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--item__border-color);
}
.product__hero .hero__info .info__choices._type-6 .item__photo img, .product__hero .hero__info .info__choices._type-6 .item__photo:not(:has(img))[style^="--item__color:"]::after {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.product__hero .hero__info .info__choices._type-6 .item__photo:not(:has(img))[style^="--item__color:"]::after {
  background-color: var(--item__color);
  content: "";
  border-radius: 0.125rem;
}
.product__hero .hero__info .info__choices._type-6 .choices__list {
  position: relative;
  --choices__collapsed-height: 4.375rem;
}
.product__hero .hero__info .info__choices._type-6 .choices__list:not(._expanded):not(._no-collapse) {
  max-height: var(--choices__collapsed-height);
  overflow: hidden;
}
.product__hero .hero__info .info__choices._type-6 .choices__list._expanded, .product__hero .hero__info .info__choices._type-6 .choices__list._no-collapse {
  max-height: none;
  overflow: visible;
}
.product__hero .hero__info .info__choices._type-6 .list__item {
  position: relative;
}
.product__hero .hero__info .info__choices._type-6 .list__item._last-visible .item__photo {
  position: relative;
  cursor: pointer;
}
.product__hero .hero__info .info__choices._type-6 .list__item._last-visible .item__photo::before {
  background-color: var(--neutral-100);
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 0.25rem;
  z-index: 1;
}
.product__hero .hero__info .info__choices._type-6 .list__item._last-visible .item__photo::after {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--primary-500);
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 600;
  line-height: 1.25rem;
  content: attr(data-more-count);
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__info .info__choices._type-6 .list__item._last-visible .item__photo::after {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product__hero .hero__info .info__choices._type-6 .choices__toggle {
  --toggle__color: var(--primary-900);
  --toggle__background-color: var(--surfaces-500);
  --toggle__border-color: var(--primary-900);
  color: var(--toggle__color);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.125rem;
  background-color: var(--toggle__background-color);
  width: 100%;
  border: 0.0625rem solid var(--toggle__border-color);
  margin-top: 0.5rem;
  padding: 0.4375rem 0.75rem;
  border-radius: 0.25rem;
  cursor: pointer;
}
@media (hover: hover) {
  .product__hero .hero__info .info__choices._type-6 .choices__toggle:hover {
    --toggle__color: var(--neutral-100);
    --toggle__background-color: var(--primary-900);
    --toggle__border-color: var(--primary-900);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__info .info__choices._type-6 .choices__toggle {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.product__hero .hero__info .info__badges {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-top: 1rem;
}
.product__hero .hero__info .info__badges .badges__item {
  background-color: var(--item__background);
}
.product__hero .hero__info .info__badges .badges__item:not(._discount) {
  --item__padding-block: 0.125rem;
  --item__padding-inline: 0.5rem;
  --item__background: var(--primary-500);
  max-width: max-content;
  color: var(--neutral-100);
  font-size: 0.6875rem;
  font-weight: 600;
  line-height: 0.75rem;
  border-radius: 0.25rem;
  padding-block: var(--item__padding-block);
  padding-inline: var(--item__padding-inline);
  text-transform: uppercase;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__info .info__badges .badges__item:not(._discount) {
    font-size: clamp(0.625rem, 0.5775rem + 0.211vw, 0.6875rem);
  }
}
.product__hero .hero__info .info__badges .badges__item._pop {
  --item__background: var(--secondary-900);
}
.product__hero .hero__info .info__badges .badges__item._new {
  --item__background: var(--primary-900);
}
.product__hero .hero__info .info__badges .badges__item._eco {
  --item__background: var(--success-700);
}
.product__hero .hero__info .info__badges .badges__item._soldout {
  --item__background: var(--secondary-700);
}
.product__hero .hero__info .info__badges .badges__item._gift {
  --item__background: var(--secondary-800);
}
.product__hero .hero__info .info__gift {
  --gift__icon: 3.75rem;
  --gift__photo: 6.25rem;
  --gift__row-gap: 0.5rem;
  --gift__col-gap: 1.5rem;
  --gift__columns: minmax(0, var(--gift__icon)) minmax(0, var(--gift__photo)) minmax(0, 1fr);
  --gift__template: "icon photo text";
  display: grid;
  grid-gap: var(--gift__row-gap) var(--gift__col-gap);
  grid-template-columns: var(--gift__columns);
  grid-template-areas: var(--gift__template);
  border: 0.0625rem solid var(--secondary-900);
  border-radius: 0.375rem;
  padding: 1rem;
  margin-top: 2rem;
  align-items: center;
}
@media only screen and (max-width: 101.6875rem) {
  .product__hero .hero__info .info__gift {
    --gift__columns: minmax(0, var(--gift__photo)) minmax(0, 1fr);
    --gift__template: "icon text" "photo text";
  }
}
.product__hero .hero__info .info__gift ul {
  list-style: none;
}
.product__hero .hero__info .info__gift 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__hero .hero__info .info__gift ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.product__hero .hero__info .info__gift a {
  text-decoration: none;
}
.product__hero .hero__info .info__gift .gift__icon {
  width: var(--gift__icon);
  min-width: var(--gift__icon);
  height: auto;
  aspect-ratio: 1;
  display: flex;
  grid-area: icon;
  margin-inline: auto;
}
.product__hero .hero__info .info__gift .gift__icon svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.product__hero .hero__info .info__gift .gift__icon svg circle {
  fill: var(--surfaces-500);
}
.product__hero .hero__info .info__gift .gift__icon svg path {
  fill: var(--secondary-900);
}
.product__hero .hero__info .info__gift .gift__photo {
  width: var(--gift__photo);
  min-width: var(--gift__photo);
  height: auto;
  aspect-ratio: 1;
  display: flex;
  grid-area: photo;
}
.product__hero .hero__info .info__gift .gift__photo img {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
}
.product__hero .hero__info .info__gift .gift__text {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  grid-area: text;
}
.product__hero .hero__info .info__gift .text__content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.product__hero .hero__info .info__gift .content__title {
  color: inherit;
  color: var(--secondary-800);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 400;
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
  text-decoration: none;
}
@media (hover: hover) {
  .product__hero .hero__info .info__gift .content__title:hover {
    color: var(--secondary-900);
  }
}
.product__hero .hero__info .info__gift .content__title strong, .product__hero .hero__info .info__gift .content__title b {
  font-weight: 600;
}
.product__hero .hero__info .info__gift .content__props li {
  color: var(--secondary-600);
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__info .info__gift .content__props li {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.product__hero .hero__info .info__gift .text__price {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.product__hero .hero__info .info__gift .text__price._discount span:first-child {
  color: var(--secondary-800);
}
.product__hero .hero__info .info__gift .text__price span:first-child {
  color: inherit;
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 600;
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
}
.product__hero .hero__info .info__gift .text__price span:first-child:not(:only-child) {
  color: var(--secondary-800);
}
.product__hero .hero__info .info__gift .text__price span:last-child:not(:only-child) {
  color: var(--divider-800);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-decoration: line-through;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__info .info__gift .text__price span:last-child:not(:only-child) {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product__hero .hero__actions {
  --actions__gap: 1rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__actions {
    margin-top: 3rem;
  }
}
.product__hero .hero__actions .actions__block {
  background-color: var(--surfaces-300);
  border-radius: 0.375rem;
  padding: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__actions .actions__block {
    padding: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  }
}
.product__hero .hero__actions .block__price {
  display: flex;
  flex-direction: column;
  gap: calc(var(--actions__gap) / 2);
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__actions .block__price {
    display: flex;
    align-items: center;
  }
}
.product__hero .hero__actions .block__price .price__value {
  display: flex;
  align-items: flex-end;
  gap: var(--actions__gap);
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__actions .block__price .price__value {
    text-align: center;
  }
}
.product__hero .hero__actions .block__price .price__value._discount span {
  color: var(--error-700);
}
.product__hero .hero__actions .block__price .price__value span {
  color: var(--primary-500);
}
.product__hero .hero__actions .block__price .price__value span:not(:only-child) {
  color: var(--error-700);
}
.product__hero .hero__actions .block__price .price__value span:not(:only-child):last-child {
  color: var(--secondary-700);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.75rem;
  text-decoration: line-through;
}
.product__hero .hero__actions .block__price .price__value span:first-child {
  font-size: 1.625rem;
  font-weight: 600;
  line-height: 2rem;
}
.product__hero .hero__actions .block__price .price__vat {
  color: var(--secondary-600);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__actions .block__price .price__vat {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__actions .block__price .price__vat {
    text-align: center;
  }
}
.product__hero .hero__actions .block__controls {
  display: grid;
  grid-gap: var(--actions__gap);
  grid-template-columns: minmax(0, 9.125rem) minmax(0, 1fr);
  margin-top: var(--actions__gap);
}
@media only screen and (max-width: 101.6875rem) {
  .product__hero .hero__actions .block__controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .hero__actions .block__controls {
    display: grid;
    grid-template-columns: minmax(0, 9.125rem) minmax(0, 1fr);
    grid-template-rows: auto;
  }
}
@media only screen and (max-width: 67.75rem) {
  .product__hero .hero__actions .block__controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__actions .block__controls {
    display: grid;
    grid-template-columns: minmax(0, 9.125rem) minmax(0, 1fr);
    grid-template-rows: auto;
  }
}
@media only screen and (max-width: 24.9375rem) {
  .product__hero .hero__actions .block__controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 101.6875rem) {
  .product__hero .hero__actions .block__controls:has(.button:only-child) {
    display: grid;
    grid-template-rows: unset;
  }
}
.product__hero .hero__actions .block__controls .button {
  gap: var(--actions__gap);
  padding-inline: var(--actions__gap);
}
.product__hero .hero__actions .block__controls .button:only-child {
  grid-column: 1/-1;
}
.product__hero .hero__actions .block__controls .button svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.product__hero .hero__actions .block__controls .button svg path {
  stroke: currentColor;
}
.product__hero .hero__actions .block__prices {
  display: grid;
  grid-gap: 0 0.5rem;
  grid-template-columns: repeat(3, auto);
  background-color: var(--neutral-100);
  border-radius: 0.25rem;
  margin-top: 1.5rem;
  padding: 0.5rem clamp(0.75rem, 0.1781rem + 0.6849vw, 1rem);
}
.product__hero .hero__actions .block__prices .prices__heading,
.product__hero .hero__actions .block__prices .prices__item {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1/-1;
}
.product__hero .hero__actions .block__prices .prices__heading:not(:last-child),
.product__hero .hero__actions .block__prices .prices__item:not(:last-child) {
  border-bottom: 0.0625rem solid var(--surfaces-50);
}
.product__hero .hero__actions .block__prices .prices__heading > *:last-child,
.product__hero .hero__actions .block__prices .prices__item > *:last-child {
  text-align: right;
}
.product__hero .hero__actions .block__prices .prices__heading {
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.125rem;
  padding-bottom: 0.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__actions .block__prices .prices__heading {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.product__hero .hero__actions .block__prices .prices__item {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  padding-block: 0.375rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__actions .block__prices .prices__item {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product__hero .hero__actions .block__prices .prices__item:last-child {
  padding-bottom: 0;
}
.product__hero .hero__actions .block__prices .prices__item > div:nth-child(2) span:only-child, .product__hero .hero__actions .block__prices .prices__item > div:nth-child(3) span:only-child {
  color: var(--secondary-300);
}
.product__hero .hero__actions .block__prices .prices__item > div:nth-child(2) span:not(:only-child), .product__hero .hero__actions .block__prices .prices__item > div:nth-child(3) span:not(:only-child) {
  color: var(--error-700);
  font-weight: 500;
}
.product__hero .hero__actions .block__prices .prices__item > div:nth-child(2) span:not(:only-child):last-child, .product__hero .hero__actions .block__prices .prices__item > div:nth-child(3) span:not(:only-child):last-child {
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: var(--secondary-600);
  text-decoration: line-through;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__actions .block__prices .prices__item > div:nth-child(2) span:not(:only-child):last-child, .product__hero .hero__actions .block__prices .prices__item > div:nth-child(3) span:not(:only-child):last-child {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.product__hero .hero__actions .block__prices .prices__item > div:nth-child(2) {
  display: flex;
  flex-direction: column;
}
.product__hero .hero__actions .block__prices .prices__item > div:nth-child(3) {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.product__hero .hero__actions .block__buttons {
  display: flex;
  gap: var(--actions__gap);
  flex-wrap: wrap;
  margin-top: 1.5rem;
}
.product__hero .hero__actions .block__buttons .button {
  width: unset;
  max-width: 100%;
  gap: var(--actions__gap);
  padding-inline: 1rem;
  flex: 1 0 auto;
}
.product__hero .hero__actions .block__buttons .button svg {
  width: 1.375rem;
  min-width: 1.375rem;
  height: auto;
  aspect-ratio: 1;
}
.product__hero .hero__actions .block__buttons .button svg path {
  stroke: currentColor;
}
.product__hero .hero__actions .actions__delivery {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--divider-800);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  margin-top: clamp(1.5rem, 1.3101rem + 0.8439vw, 1.75rem);
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__actions .actions__delivery {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product__hero .hero__actions .actions__delivery + .actions__delivery {
  margin-top: clamp(0.75rem, 0.6551rem + 0.4219vw, 0.875rem);
}
.product__hero .hero__actions .actions__delivery .delivery__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  min-width: 2.5rem;
  height: auto;
  aspect-ratio: 1;
  background-color: var(--surfaces-300);
  border-radius: 50%;
}
.product__hero .hero__actions .actions__delivery .delivery__icon svg {
  width: 1rem;
  min-width: 1rem;
  height: auto;
  aspect-ratio: 1;
}
.product__hero .hero__actions .actions__delivery .delivery__icon svg path {
  fill: currentColor;
}
.product__hero .hero__actions .actions__leasing {
  background-color: var(--surfaces-300);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.5rem;
  padding: 1rem;
  display: none;
}
.product__hero .hero__actions .actions__leasing img {
  width: 18.75rem;
  max-width: 100%;
  height: auto;
  aspect-ratio: 2.4;
}
.product__hero .hero__actions .actions__shops {
  --shops__border: 0.0625rem solid var(--divider-600);
  --shops__gap: clamp(0.75rem, 0.5601rem + 0.8439vw, 1rem);
  --shops__padding-block: clamp(0.75rem, 0.6551rem + 0.4219vw, 0.875rem);
  --shops__padding-inline: clamp(0.75rem, 0.3703rem + 1.6878vw, 1.25rem);
  border: var(--shops__border);
  border-radius: 0.25rem;
  margin-top: 1.5rem;
  padding-block: clamp(0rem, -0.0949rem + 0.4219vw, 0.125rem);
}
.product__hero .hero__actions .actions__shops:not(:has(input:checked)) .shops__hidden {
  display: none;
}
.product__hero .hero__actions .actions__shops .shops__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--shops__gap);
  padding-block: var(--shops__padding-block);
  padding-inline: var(--shops__padding-inline);
}
.product__hero .hero__actions .actions__shops .header__title {
  display: flex;
  align-items: center;
  gap: var(--shops__gap);
  color: var(--primary-500);
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 600;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__actions .actions__shops .header__title {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product__hero .hero__actions .actions__shops .header__button {
  display: flex;
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  cursor: pointer;
}
.product__hero .hero__actions .actions__shops .header__button svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.product__hero .hero__actions .actions__shops .header__button svg path[fill] {
  fill: var(--primary-900);
}
.product__hero .hero__actions .actions__shops .header__button svg path[stroke] {
  stroke: var(--primary-900);
}
.product__hero .hero__actions .actions__shops .header__button svg path[fill=white] {
  fill: var(--neutral-100);
}
.product__hero .hero__actions .actions__shops .header__button svg path[stroke=white] {
  stroke: var(--neutral-100);
}
.product__hero .hero__actions .actions__shops .shops__item {
  display: flex;
  align-items: flex-start;
  gap: var(--shops__gap);
  padding-block: var(--shops__padding-block);
  padding-inline: var(--shops__padding-inline);
  border-top: var(--shops__border);
}
.product__hero .hero__actions .actions__shops .shops__item .item__icon {
  width: 1.75rem;
  min-width: 1.75rem;
  height: auto;
  aspect-ratio: 1;
  display: flex;
}
.product__hero .hero__actions .actions__shops .shops__item .item__icon img, .product__hero .hero__actions .actions__shops .shops__item .item__icon svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
}
.product__hero .hero__actions .actions__shops .shops__item .item__icon img g, .product__hero .hero__actions .actions__shops .shops__item .item__icon svg g {
  opacity: 0.65;
}
.product__hero .hero__actions .actions__shops .shops__item .item__icon img path, .product__hero .hero__actions .actions__shops .shops__item .item__icon svg path {
  stroke: var(--primary-500);
}
.product__hero .hero__actions .actions__shops .shops__item .item__text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  flex: 1;
}
.product__hero .hero__actions .actions__shops .shops__item .text__title,
.product__hero .hero__actions .actions__shops .shops__item .text__description,
.product__hero .hero__actions .actions__shops .shops__item .description__quantity,
.product__hero .hero__actions .actions__shops .shops__item .item__price {
  color: var(--primary-500);
}
.product__hero .hero__actions .actions__shops .shops__item .text__title {
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__actions .actions__shops .shops__item .text__title {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product__hero .hero__actions .actions__shops .shops__item .text__description,
.product__hero .hero__actions .actions__shops .shops__item .description__quantity,
.product__hero .hero__actions .actions__shops .shops__item .item__price {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__actions .actions__shops .shops__item .text__description,
  .product__hero .hero__actions .actions__shops .shops__item .description__quantity,
  .product__hero .hero__actions .actions__shops .shops__item .item__price {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product__hero .hero__actions .actions__shops .shops__item .text__description,
.product__hero .hero__actions .actions__shops .shops__item .item__price {
  font-weight: 600;
}
.product__hero .hero__actions .actions__shops .shops__item .text__description:has(.description__quantity) {
  --description__gap: var(--shops__gap);
  --description__align-items: center;
  display: flex;
  flex-direction: var(--description__direction);
  justify-content: space-between;
  align-items: var(--description__align-items);
  gap: var(--description__gap);
}
@media only screen and (max-width: 37.25rem) {
  .product__hero .hero__actions .actions__shops .shops__item .text__description:has(.description__quantity) {
    --description__gap: 0;
    --description__direction: column;
    --description__align-items: unset;
  }
}
.product__hero .hero__actions .actions__shops .shops__item .description__indicator {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.product__hero .hero__actions .actions__shops .shops__item .description__indicator._green {
  --icon__background-color: var(--success-700);
}
.product__hero .hero__actions .actions__shops .shops__item .description__indicator._yellow {
  --icon__background-color: var(--warning-700);
}
.product__hero .hero__actions .actions__shops .shops__item .description__indicator._red {
  --icon__background-color: var(--error-700);
}
.product__hero .hero__actions .actions__shops .shops__item .description__indicator::before {
  --icon__width: 0.5rem;
  display: flex;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
  background-color: var(--icon__background-color);
  border-radius: 50%;
}
.product__hero .hero__actions .actions__shops .shops__item .description__quantity {
  font-weight: 500;
}
.product__hero .hero__actions .actions__shops .shops__item .item__price {
  margin-block: auto;
  margin-left: auto;
}
.product__hero .hero__actions .actions__shops .shops__more {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: inherit;
  color: var(--primary-900);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  padding-block: var(--shops__padding-block);
  padding-inline: var(--shops__padding-inline);
  border-top: var(--shops__border);
  cursor: pointer;
}
@media (hover: hover) {
  .product__hero .hero__actions .actions__shops .shops__more:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__actions .actions__shops .shops__more {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product__hero .hero__actions .actions__shops .shops__more:has(input:checked) svg {
  transform: rotate(180deg);
}
.product__hero .hero__actions .actions__shops .shops__more svg {
  width: 0.875rem;
  min-width: 0.875rem;
  height: auto;
  aspect-ratio: 1;
}
.product__hero .hero__actions .actions__shops .shops__more svg path {
  stroke: currentColor;
}
.product__hero .hero__actions .block__badges:not(:last-child) {
  margin-bottom: 0.5rem;
}
.product__hero .hero__actions .block__badges .badges__item {
  background-color: var(--item__background);
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__actions .block__badges .badges__item {
    margin-inline: auto;
  }
}
.product__hero .hero__actions .block__badges .badges__item:not(._discount) {
  --item__padding-block: 0.125rem;
  --item__padding-inline: 0.5rem;
  --item__background: var(--primary-500);
  max-width: max-content;
  color: var(--neutral-100);
  font-size: 0.6875rem;
  font-weight: 600;
  line-height: 0.75rem;
  border-radius: 0.25rem;
  padding-block: var(--item__padding-block);
  padding-inline: var(--item__padding-inline);
  text-transform: uppercase;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__actions .block__badges .badges__item:not(._discount) {
    font-size: clamp(0.625rem, 0.5775rem + 0.211vw, 0.6875rem);
  }
}
.product__hero .hero__actions .block__badges .badges__item:not(._discount)._lg {
  --item__padding-block: 0.375rem;
  font-size: 0.875rem;
  line-height: 0.75rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__actions .block__badges .badges__item:not(._discount)._lg {
    font-size: clamp(0.75rem, 0.6551rem + 0.4219vw, 0.875rem);
  }
}
.product__hero .hero__actions .block__badges .badges__item._sale {
  --item__background: var(--error-700);
}
.product__hero .hero__actions .actions__accordion {
  margin-top: clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
}
.product__hero .hero__actions .actions__accordion .accordion__item {
  padding-block: 1.5rem;
  border-bottom: 0.0625rem solid var(--surfaces-50);
}
.product__hero .hero__actions .actions__accordion .accordion__item[open] .item__title svg {
  transform: rotate(180deg);
}
.product__hero .hero__actions .actions__accordion .accordion__item .item__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  color: inherit;
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
  cursor: pointer;
}
@media (hover: hover) {
  .product__hero .hero__actions .actions__accordion .accordion__item .item__title:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__actions .actions__accordion .accordion__item .item__title {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.product__hero .hero__actions .actions__accordion .accordion__item .item__title svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.product__hero .hero__actions .actions__accordion .accordion__item .item__title svg path {
  stroke: currentColor;
}
.product__hero .hero__actions .actions__accordion .accordion__item .item__content {
  display: flex;
  flex-direction: column;
  gap: 1lh;
  padding-top: 0.5rem;
}
.product__hero .hero__actions .actions__accordion .accordion__item .item__content p, .product__hero .hero__actions .actions__accordion .accordion__item .item__content .p {
  color: var(--primary-500);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__actions .actions__accordion .accordion__item .item__content p, .product__hero .hero__actions .actions__accordion .accordion__item .item__content .p {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product__hero .hero__cross {
  margin-top: clamp(1.5rem, -0.7877rem + 2.7397vw, 2.5rem);
  grid-column: 1/-1;
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .hero__cross {
    margin-top: 3.375rem;
  }
}
.product__hero .hero__cross .cross__heading {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: clamp(1rem, -0.1438rem + 1.3699vw, 1.5rem);
}
.product__hero .hero__cross .cross__heading .heading__title {
  color: var(--secondary-300);
  font-size: clamp(1.125rem, 0.839rem + 0.3425vw, 1.25rem);
  font-weight: 600;
  line-height: 1.75rem;
}
.product__hero .hero__cross .cross__heading span {
  background-color: var(--surfaces-500);
  color: var(--primary-900);
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.125rem;
  padding: clamp(0.1875rem, -0.124rem + 0.5976vw, 0.375rem) clamp(0.625rem, 0.5301rem + 0.4219vw, 0.75rem);
  border-radius: 0.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .hero__cross .cross__heading span {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product__hero .hero__cross .cross__grid {
  display: grid;
  grid-gap: clamp(0.5rem, -1.1614rem + 3.1873vw, 1.5rem);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media only screen and (max-width: 67.75rem) {
  .product__hero .hero__cross .cross__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}

body:has(header._sticky._active) .product__hero._fixed .fixed__gallery .hero__gallery,
body:has(header._sticky._active) .product__hero._fixed .fixed__text .text__sticky, body:has(header._sticky._active) .product__hero._grid .fixed__gallery .hero__gallery,
body:has(header._sticky._active) .product__hero._grid .fixed__text .text__sticky {
  top: var(--header__height);
}

.product__nav {
  display: flex;
  padding-block: clamp(1rem, 1.8219rem + -0.6849vw, 1.25rem);
  padding-inline: var(--padding);
  overflow-x: auto;
}
.product__nav .nav__item {
  --item__padding-left: clamp(1.5rem, 0.6693rem + 1.5936vw, 2rem);
  color: inherit;
  color: var(--secondary-300);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 400;
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
  text-decoration: none;
}
@media (hover: hover) {
  .product__nav .nav__item:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__nav .nav__item {
    min-width: max-content;
  }
}
.product__nav .nav__item:first-child {
  margin-left: auto;
}
.product__nav .nav__item:not(:first-child) {
  border-left: 0.0625rem solid var(--divider-600);
  padding-left: var(--item__padding-left);
  margin-left: var(--item__padding-left);
}
.product__nav .nav__item:last-child {
  margin-right: auto;
}

.product__description {
  background-color: var(--surfaces-300);
  padding-block: var(--padding-block);
}
.product__description .description__container {
  --container__padding: clamp(2.5rem, 1.3562rem + 1.3699vw, 3rem);
  background-color: var(--neutral-100);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
  max-width: 88.5rem;
  margin-inline: auto;
  border-radius: 0.375rem;
  padding: var(--container__padding);
}
@media only screen and (max-width: 52.0625rem) {
  .product__description .description__container {
    --container__padding: clamp(1rem, -0.1392rem + 5.0633vw, 2.5rem);
  }
}
.product__description .container__nav {
  --nav__direction: 0;
  --nav__gap: 0.75rem;
  display: flex;
  flex-direction: var(--nav__direction);
  gap: var(--nav__gap);
}
@media only screen and (max-width: 52.0625rem) {
  .product__description .container__nav {
    --nav__gap: 0.5rem;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__description .container__nav {
    width: calc(100% + var(--container__padding) * 2);
    margin-inline: calc(var(--container__padding) * -1);
    padding-inline: var(--container__padding);
    overflow-x: auto;
  }
}
.product__description .nav__item {
  --item__background: var(--neutral-100);
  --item__border-color: var(--divider-600);
  --item__color: var(--primary-500);
  color: var(--item__color);
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.125rem;
  background-color: var(--item__background);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border: 0.0625rem solid var(--item__border-color);
  border-radius: 0.375rem;
  padding: 0.6875rem 1rem;
  cursor: pointer;
}
@media only screen and (max-width: 52.0625rem) {
  .product__description .nav__item {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product__description .nav__item:has(input:checked) {
  --item__background: var(--surfaces-500);
  --item__border-color: var(--primary-900);
  --item__color: var(--primary-900);
}
.product__description:has(.nav__item:nth-child(1) input:checked) .content__block:nth-child(1) {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
}
.product__description:has(.nav__item:nth-child(2) input:checked) .content__block:nth-child(2) {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
}
.product__description:has(.nav__item:nth-child(3) input:checked) .content__block:nth-child(3) {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
}
.product__description:has(.nav__item:nth-child(4) input:checked) .content__block:nth-child(4) {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
}
.product__description:has(.nav__item:nth-child(5) input:checked) .content__block:nth-child(5) {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
}
.product__description .content__block {
  display: none;
}
.product__description .content__block:only-child {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
}
.product__description .content__block h2, .product__description .content__block .h2 {
  color: var(--secondary-300);
  font-size: clamp(1.125rem, 0.2671rem + 1.0274vw, 1.5rem);
  font-weight: 600;
  line-height: clamp(1.75rem, 1.1781rem + 0.6849vw, 2rem);
}
.product__description .content__block p, .product__description .content__block .p {
  color: var(--primary-500);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__description .content__block p, .product__description .content__block .p {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product__description .content__block img,
.product__description .content__block iframe {
  max-width: 100%;
  border-radius: 0.375rem;
  overflow: hidden;
  display: block;
}
.product__description .content__block iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 1.7777777778;
}
.product__description .block__files {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.product__description .files__item {
  color: var(--secondary-800);
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.125rem;
  background-color: var(--surfaces-500);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.375rem;
  padding-block: 0.75rem;
  padding-inline: 1rem;
  text-decoration: none;
}
@media only screen and (max-width: 52.0625rem) {
  .product__description .files__item {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media (hover: hover) {
  .product__description .files__item:hover {
    text-decoration: underline;
    color: var(--primary-900);
  }
}
.product__description .files__item svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.product__description .files__item svg path {
  stroke: currentColor;
}

.product__specifications {
  background-color: var(--surfaces-100);
  padding-block: var(--padding-block);
}
.product__specifications .wrap,
.product__specifications .specifications__text,
.product__specifications .specifications__block {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}
.product__specifications .wrap {
  --gap: 2rem;
}
.product__specifications .specifications__text,
.product__specifications .specifications__block {
  width: 100%;
  max-width: 82.5rem;
  margin-inline: auto;
}
.product__specifications .specifications__text {
  --gap: 1rem;
}
.product__specifications .specifications__text h2, .product__specifications .specifications__text .h2 {
  color: var(--secondary-300);
  font-size: clamp(1.125rem, 0.2671rem + 1.0274vw, 1.5rem);
  font-weight: 600;
  line-height: clamp(1.75rem, 1.1781rem + 0.6849vw, 2rem);
}
.product__specifications .specifications__text p, .product__specifications .specifications__text .p {
  color: var(--primary-500);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__specifications .specifications__text p, .product__specifications .specifications__text .p {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product__specifications .specifications__block {
  --gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
}
.product__specifications .block__title {
  color: var(--secondary-300);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__specifications .block__title {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.product__specifications .block__table {
  --table__gap: 2.5rem;
  --table__columns: repeat(auto-fill, minmax(clamp(8.125rem, 2.9333rem + 9.9602vw, 11.25rem), 1fr));
  display: grid;
  grid-gap: var(--table__gap);
  grid-template-columns: var(--table__columns);
}
@media only screen and (max-width: 52.0625rem) {
  .product__specifications .block__table {
    --table__gap: clamp(0.5rem, -0.2595rem + 3.3755vw, 1.5rem);
    --table__columns: minmax(0, 1fr);
  }
}
.product__specifications .table__item {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
  display: grid;
  grid-template-columns: subgrid;
  padding-bottom: 0.5rem;
  border-bottom: 0.0625rem solid var(--divider-600);
  grid-column: span 2;
}
@media only screen and (max-width: 52.0625rem) {
  .product__specifications .table__item {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__specifications .table__item {
    padding-bottom: clamp(0.5rem, 0.3101rem + 0.8439vw, 0.75rem);
  }
}
.product__specifications .table__item .item__value {
  text-align: right;
}

.product__reviews {
  background-color: var(--surfaces-300);
  padding-block: var(--padding-block);
}
.product__reviews h2, .product__reviews .h2 {
  color: var(--secondary-300);
  font-size: clamp(1.125rem, 0.2671rem + 1.0274vw, 1.5rem);
  font-weight: 600;
  line-height: clamp(1.75rem, 1.1781rem + 0.6849vw, 2rem);
  padding-bottom: clamp(1.25rem, 0.6781rem + 0.6849vw, 1.5rem);
  text-align: center;
}
@media only screen and (max-width: 83.4375rem) {
  .product__reviews h2, .product__reviews .h2 {
    padding-bottom: clamp(1rem, 0.5847rem + 0.7968vw, 1.25rem);
  }
}
.product__reviews .reviews__list {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
  width: 100%;
  max-width: 77.5rem;
  margin-inline: auto;
}
.product__reviews .list__header {
  --header__gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  --header__padding: 1.5rem;
  display: flex;
  align-items: center;
  gap: var(--header__gap);
  background-color: var(--neutral-100);
  border-radius: 0.375rem;
  padding: var(--header__padding);
}
@media only screen and (max-width: 52.0625rem) {
  .product__reviews .list__header {
    flex-wrap: wrap;
  }
}
.product__reviews .list__header .header__value {
  color: var(--primary-500);
  font-size: clamp(2.25rem, 0.5342rem + 2.0548vw, 3rem);
  font-weight: 500;
  line-height: clamp(2.75rem, 1.0342rem + 2.0548vw, 3.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .product__reviews .list__header .header__value {
    font-size: clamp(1.75rem, 1.3703rem + 1.6878vw, 2.25rem);
    line-height: clamp(2rem, 1.4304rem + 2.5316vw, 2.75rem);
  }
}
.product__reviews .list__header .header__rating {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-left: var(--header__gap);
  border-left: 0.0625rem solid var(--surfaces-50);
}
.product__reviews .list__header .rating__stars {
  display: flex;
  align-items: center;
}
.product__reviews .list__header .stars__item {
  --item__default: var(--divider-600);
  --item__left: var(--item__default);
  --item__right: var(--item__default);
  display: flex;
}
.product__reviews .list__header .stars__item._active {
  --item__default: var(--primary-900);
}
.product__reviews .list__header .stars__item._active-half {
  --item__left: var(--primary-900);
}
.product__reviews .list__header .stars__item svg {
  width: 1.75rem;
  min-width: 1.75rem;
  height: auto;
  aspect-ratio: 1;
}
.product__reviews .list__header .stars__item svg path[fill="#5D35B0"] {
  fill: var(--item__left);
}
.product__reviews .list__header .stars__item svg path[fill="#D1D1D1"] {
  fill: var(--item__right);
}
.product__reviews .list__header .rating__customers {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__reviews .list__header .rating__customers {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.product__reviews .reviews__actions {
  --actions__direction: 0;
  display: flex;
  flex-direction: var(--actions__direction);
  justify-content: center;
  gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  margin-top: clamp(1.25rem, -0.4658rem + 2.0548vw, 2rem);
}
@media only screen and (max-width: 37.25rem) {
  .product__reviews .reviews__actions {
    --actions__direction: column;
  }
}
@media only screen and (max-width: 37.25rem) {
  .product__reviews .button {
    max-width: 100%;
  }
}

.product__brand {
  --brand__col-gap: clamp(2.5rem, -0.3596rem + 3.4247vw, 3.75rem);
  --brand__row-gap: clamp(1rem, -1.1614rem + 3.1873vw, 1.5rem);
  --brand__photo__width: clamp(35.875rem, 6.4212rem + 35.274vw, 48.75rem);
  --brand__columns: minmax(0, 1fr) minmax(0, var(--brand__photo__width));
  --brand__padding-left: var(--padding);
  width: 100%;
  max-width: var(--content-max);
  margin-inline: auto;
  display: grid;
  grid-gap: var(--brand__row-gap) var(--brand__col-gap);
  grid-template-columns: var(--brand__columns);
  padding-block: var(--padding-block);
  padding-left: var(--brand__padding-left);
}
@media only screen and (max-width: 83.4375rem) {
  .product__brand {
    --brand__col-gap: clamp(1.25rem, -4.1534rem + 7.9681vw, 2.5rem);
    --brand__photo__width: clamp(29.625rem, 2.6081rem + 39.8406vw, 35.875rem);
  }
}
@media only screen and (max-width: 67.75rem) {
  .product__brand {
    --brand__columns: minmax(0, 1fr);
    --brand__padding-left: 0;
  }
}
@media only screen and (max-width: 67.75rem) {
  .product__brand .brand__title,
  .product__brand .brand__grid {
    padding-inline: var(--padding);
  }
}
.product__brand .brand__title {
  color: var(--secondary-300);
  font-size: clamp(1.125rem, 0.2671rem + 1.0274vw, 1.5rem);
  font-weight: 600;
  line-height: clamp(1.75rem, 1.1781rem + 0.6849vw, 2rem);
  grid-column: 1/-1;
}
@media only screen and (max-width: 67.75rem) {
  .product__brand .brand__title {
    text-align: center;
  }
}
.product__brand .brand__grid {
  --grid__col-gap: clamp(1rem, 0.9285rem + 0.0856vw, 1.0313rem);
  --grid__row-gap: 1.25rem;
  --grid__columns: repeat(3, minmax(0, 1fr));
  display: grid;
  grid-gap: var(--grid__row-gap) var(--grid__col-gap);
  grid-template-columns: var(--grid__columns);
  align-self: flex-start;
}
@media only screen and (max-width: 101.6875rem) {
  .product__brand .brand__grid {
    --grid__columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 83.4375rem) {
  .product__brand .brand__grid {
    --grid__col-gap: clamp(0.5rem, -1.6614rem + 3.1873vw, 1rem);
    --grid__row-gap: clamp(0.5rem, -2.742rem + 4.7809vw, 1.25rem);
  }
}
@media only screen and (max-width: 37.25rem) {
  .product__brand .brand__grid {
    --grid__col-gap: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
    --grid__row-gap: var(--grid__col-gap);
    --grid__columns: minmax(0, 1fr);
  }
}
.product__brand .brand__grid .product._card {
  --product__photo__width: 11.25rem;
  --product__padding-block: 1.875rem 1.5625rem;
  --product__title__margin-top: 1.25rem;
  --product__props__margin-top: 0.5rem;
}
@media only screen and (max-width: 67.75rem) {
  .product__brand .brand__fixed {
    grid-row-start: 2;
  }
}
.product__brand .fixed__content {
  position: sticky;
  top: 0;
  transition: top 0.3s ease-in-out;
  overflow: hidden;
}
.product__brand .content__photo {
  display: flex;
}
.product__brand .content__photo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(0, 0, 0, 0.1490196078), rgba(0, 0, 0, 0.3294117647));
}
.product__brand .content__photo img {
  width: 100%;
}
.product__brand .content__logo {
  display: flex;
  width: 8.125rem;
  height: auto;
  aspect-ratio: 2.5;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.product__brand .content__logo img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.product__brand .content__additional {
  --additional__padding: clamp(1.875rem, -0.8267rem + 3.9841vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: absolute;
  left: var(--additional__padding);
  right: var(--additional__padding);
  bottom: var(--additional__padding);
}
@media only screen and (max-width: 67.75rem) {
  .product__brand .content__additional {
    --additional__padding: var(--padding);
  }
}
.product__brand .content__additional ul {
  list-style: none;
}
.product__brand .content__additional 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__brand .content__additional ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.product__brand .content__additional a {
  text-decoration: none;
}
.product__brand .additional__title {
  color: var(--neutral-100);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 600;
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
}
.product__brand .additional__list {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.product__brand .additional__list .item__link {
  display: flex;
  color: var(--neutral-100);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
  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 only screen and (max-width: 52.0625rem) {
  .product__brand .additional__list .item__link {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
@media (hover: hover) {
  .product__brand .additional__list .item__link:hover {
    text-decoration: unset;
  }
}
.product__brand._full .content__photo {
  --photo__min-height: 100dvh;
  min-height: var(--photo__min-height);
}
@media only screen and (max-width: 67.75rem) {
  .product__brand._full .content__photo {
    --photo__min-height: 45.125rem;
  }
}
.product__brand._full .content__photo img {
  min-height: 100%;
  object-fit: cover;
}

.homepage__image + .product__brand {
  padding-top: 0;
}

body:has(header._sticky._active) .product__brand .brand__fixed .fixed__content {
  top: var(--header__height);
}

.news__grid {
  --grid__margin-top: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
  --grid__gap: 2rem clamp(2.125rem, -4.738rem + 8.2192vw, 5.125rem);
  --grid__columns: repeat(auto-fill, minmax(22.75rem, 1fr));
  width: 100%;
  max-width: var(--grid__max-width);
  display: grid;
  grid-gap: var(--grid__gap);
  grid-template-columns: var(--grid__columns);
  margin-top: var(--grid__margin-top);
  margin-inline: auto;
}
@media only screen and (max-width: 83.4375rem) {
  .news__grid {
    --grid__gap: clamp(1rem, -0.869rem + 3.5857vw, 2.125rem);
    --grid__columns: repeat(auto-fill, minmax(clamp(22rem, 20.754rem + 2.3904vw, 22.75rem), 1fr));
    --grid__max-width: 64.125rem;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .news__grid {
    --grid__gap: 2rem;
    --grid__columns: minmax(0, 24rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .news__grid {
    justify-content: center;
  }
}

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

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

.category__description {
  padding-block: var(--padding-block);
  border-top: 0.0625rem solid var(--surfaces-50);
}
.category__description .wrap {
  display: flex;
  flex-direction: column;
  gap: var(--padding-block);
}
.category__description .description__block {
  --block__gap: clamp(7.5rem, 2.6387rem + 5.8219vw, 9.625rem);
  --block__columns: repeat(2, minmax(0, 1fr));
  --block__areas: "text photo";
  display: grid;
  grid-gap: var(--block__gap);
  grid-template-columns: var(--block__columns);
  padding-inline: clamp(0rem, -14.7269rem + 17.637vw, 6.4375rem);
  grid-template-areas: var(--block__areas);
  align-items: center;
}
@media only screen and (max-width: 67.75rem) {
  .category__description .description__block {
    --block__gap: 2rem;
    --block__columns: minmax(0, 1fr);
    --block__areas: "text" "photo";
  }
}
.category__description .description__block:nth-child(even) {
  --block__areas: "photo text";
}
@media only screen and (max-width: 67.75rem) {
  .category__description .description__block:nth-child(even) {
    --block__areas: "text" "photo";
  }
}
.category__description .description__block .block__text,
.category__description .description__block .text__content {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
}
.category__description .description__block .block__text {
  grid-area: text;
}
.category__description .description__block .text__content ul li {
  margin-top: 0.5rem;
}
.category__description .description__block .block__photo {
  display: flex;
  width: 100%;
  max-width: 45rem;
  height: auto;
  aspect-ratio: 1.3333333333;
  border-radius: 0.375rem;
  grid-area: photo;
  overflow: hidden;
  margin: auto;
}
.category__description .description__block .block__photo img, .category__description .description__block .block__photo iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.search__block {
  --gap: 1rem;
  --block__gap: var(--gap);
  display: flex;
  flex-direction: column;
  gap: var(--block__gap);
  margin-top: var(--padding-block);
}
.search__block .block__title {
  color: var(--secondary-300);
  font-size: clamp(1.125rem, 0.839rem + 0.3425vw, 1.25rem);
  font-weight: 600;
  line-height: 1.75rem;
}
.search__block .subcategory__list {
  --list__padding-block: 0;
  --list__justify-content: flex-start;
}
.search__block .brands__list {
  --list__margin-top: 0;
}
.search__block .category__actions {
  margin-top: var(--gap);
}
.search__block .news._card {
  --news__padding-block: 0;
  --news__padding-inline: 0;
  width: 100%;
  max-width: 24rem;
}
.search__block .news__grid {
  --grid__margin-top: 0;
}
.search__block .faq__list {
  --list__max-width: 100%;
}
.search__block:has(.category__actions) {
  --block__gap: 0;
}

.compare__table {
  --table__header__width: clamp(11.625rem, -1.958rem + 16.2671vw, 17.5625rem);
  --table__column__width: clamp(17.25rem, 1.5223rem + 18.8356vw, 24.125rem);
  --table__border-radius: 0.375rem;
  --table__row__padding-block: 0.5rem;
  --table__row__padding-inline: 1rem;
  min-width: fit-content;
}
@media only screen and (max-width: 52.0625rem) {
  .compare__table {
    --table__header__width: clamp(7.5rem, 4.3671rem + 13.9241vw, 11.625rem);
    --table__column__width: clamp(12.875rem, 9.5522rem + 14.7679vw, 17.25rem);
  }
}
.compare__table .table__row {
  display: flex;
}
.compare__table .table__row:nth-child(odd) {
  --cell__background-color: var(--surfaces-300);
}
.compare__table .table__row:nth-child(even) {
  --cell__background-color: var(--neutral-100);
}
.compare__table .row__header, .compare__table .row__cell {
  background-color: var(--cell__background-color);
  min-height: 2.5rem;
  display: flex;
  align-items: center;
  gap: var(--cell__gap);
  padding-block: var(--table__row__padding-block);
  padding-inline: var(--table__row__padding-inline);
  color: var(--primary-500);
}
.compare__table .row__header:first-child, .compare__table .row__cell:first-child {
  border-top-left-radius: var(--table__border-radius);
  border-bottom-left-radius: var(--table__border-radius);
}
.compare__table .row__header:last-child, .compare__table .row__cell:last-child {
  border-top-right-radius: var(--table__border-radius);
  border-bottom-right-radius: var(--table__border-radius);
}
.compare__table .row__header:not(:last-child), .compare__table .row__cell:not(:last-child) {
  border-right: 0.0625rem solid var(--surfaces-50);
}
.compare__table .row__header {
  width: var(--table__header__width);
  min-width: var(--table__header__width);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.125rem;
  position: sticky;
  left: 0;
}
@media only screen and (max-width: 52.0625rem) {
  .compare__table .row__header {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.compare__table a.row__cell {
  color: inherit;
}
@media (hover: hover) {
  .compare__table a.row__cell:hover {
    color: var(--secondary-900);
  }
}
.compare__table .row__cell {
  width: 100%;
  min-width: var(--table__column__width);
  flex: 1;
}
.compare__table .row__cell:not(._price) {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .compare__table .row__cell:not(._price) {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.compare__table .row__cell._price {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .compare__table .row__cell._price {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.compare__table .row__cell .cell__rating {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.compare__table .row__cell .cell__rating svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.compare__table .row__cell .cell__rating svg path {
  fill: var(--primary-900);
}
.compare__table .row__cell .rating__stars {
  display: flex;
  align-items: center;
}
.compare__table .row__cell .stars__item {
  --item__default: var(--divider-600);
  --item__left: var(--item__default);
  --item__right: var(--item__default);
  display: flex;
}
.compare__table .row__cell .stars__item._active {
  --item__default: var(--primary-900);
}
.compare__table .row__cell .stars__item._active-half {
  --item__left: var(--primary-900);
}
.compare__table .row__cell .stars__item svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.compare__table .row__cell .stars__item svg path[fill="#5D35B0"] {
  fill: var(--item__left);
}
.compare__table .row__cell .stars__item svg path[fill="#D1D1D1"] {
  fill: var(--item__right);
}
.compare__table .row__cell .rating__value {
  color: var(--secondary-300);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .compare__table .row__cell .rating__value {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.compare__table .row__cell:has(img) {
  --table__row__padding-block: 1rem;
  --cell__gap: 0.625rem;
  display: flex;
  flex-direction: column;
}
.compare__table .row__cell:has(img) .product__remove {
  --icon__color: var(--divider-800);
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  cursor: pointer;
  margin-left: auto;
}
@media (hover: hover) {
  .compare__table .row__cell:has(img) .product__remove:hover {
    --icon__color: var(--primary-900);
  }
}
.compare__table .row__cell:has(img) .product__remove svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.compare__table .row__cell:has(img) .product__remove svg path {
  stroke: var(--icon__color);
}
.compare__table .row__cell:has(img) img {
  width: 6.5rem;
  min-width: 6.5rem;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
}

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

.coupon__hero {
  padding-top: 1.875rem;
  padding-bottom: clamp(3.375rem, 1.0873rem + 2.7397vw, 4.375rem);
}
@media only screen and (max-width: 83.4375rem) {
  .coupon__hero {
    padding-top: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
  }
}
.coupon__hero .wrap,
.coupon__hero .block__inner {
  display: grid;
  grid-gap: clamp(1.875rem, 0.4452rem + 1.7123vw, 2.5rem);
  grid-template-columns: minmax(0, clamp(23.5rem, -5.0959rem + 34.2466vw, 36rem)) minmax(0, 1fr);
}
@media only screen and (max-width: 67.75rem) {
  .coupon__hero .wrap,
  .coupon__hero .block__inner {
    display: grid;
    grid-gap: 0rem clamp(2.4375rem, -12.2032rem + 28.0876vw, 11.25rem);
    grid-template-columns: minmax(0, 1fr);
  }
}
.coupon__hero .hero__block {
  grid-column: 1/-1;
}
.coupon__hero .block__inner {
  width: 100%;
  max-width: 88.5rem;
  margin-inline: auto;
}
.coupon__hero .breadcrumb {
  grid-column: 1/-1;
}
.coupon__hero .hero__gallery {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: flex-start;
  gap: clamp(1rem, -0.4298rem + 1.7123vw, 1.625rem);
  padding-left: clamp(0rem, -6.863rem + 8.2192vw, 3rem);
}
@media only screen and (max-width: 67.75rem) {
  .coupon__hero .hero__gallery {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
    padding-bottom: clamp(2.5rem, 1.8354rem + 2.9536vw, 3.375rem);
  }
}
.coupon__hero .hero__gallery img {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: scale-down;
}
@media only screen and (max-width: 83.4375rem) {
  .coupon__hero .hero__gallery img {
    min-width: unset;
    max-width: 33rem;
    margin-inline: auto;
  }
}
.coupon__hero .hero__info {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.coupon__hero .hero__info .info__text {
  display: flex;
  flex-direction: column;
  gap: clamp(0.3125rem, -0.2097rem + 2.3207vw, 1rem);
}
.coupon__hero .hero__info .text__title {
  color: var(--secondary-300);
  font-size: clamp(1.125rem, 0.2671rem + 1.0274vw, 1.5rem);
  font-weight: 600;
  line-height: clamp(1.75rem, 1.1781rem + 0.6849vw, 2rem);
}
.coupon__hero .hero__info .text__specifications p, .coupon__hero .hero__info .text__specifications .p {
  color: var(--secondary-300);
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .coupon__hero .hero__info .text__specifications p, .coupon__hero .hero__info .text__specifications .p {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.coupon__hero .hero__info .info__coupon {
  --coupon__input__width: clamp(12.5rem, -1.7979rem + 17.1233vw, 18.75rem);
  --coupon__gap: 1.5rem;
  --coupon__columns: minmax(0, 1fr) minmax(0, var(--coupon__input__width));
  --coupon__border-color: var(--neutral-100);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media only screen and (max-width: 37.25rem) {
  .coupon__hero .hero__info .info__coupon {
    --coupon__gap: 1rem;
    --coupon__columns: minmax(0, 1fr);
  }
}
.coupon__hero .hero__info .info__coupon._error {
  --coupon__border-color: var(--error-700);
}
.coupon__hero .hero__info .info__coupon._error .coupon__error {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  background-color: var(--error-100);
  color: var(--error-700);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  padding: 0.625rem;
  border-radius: 0.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .coupon__hero .hero__info .info__coupon._error .coupon__error {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.coupon__hero .hero__info .info__coupon._error .coupon__error svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.coupon__hero .hero__info .info__coupon._error .coupon__error svg rect {
  fill: var(--error-700);
}
.coupon__hero .hero__info .info__coupon._error .coupon__error svg path {
  stroke: var(--neutral-100);
}
.coupon__hero .hero__info .info__coupon .coupon__content {
  background-color: var(--surfaces-300);
  display: grid;
  grid-gap: var(--coupon__gap);
  grid-template-columns: var(--coupon__columns);
  border-radius: 0.375rem;
  padding-block: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  padding-inline: clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
  align-items: center;
}
.coupon__hero .hero__info .info__coupon .content__title {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .coupon__hero .hero__info .info__coupon .content__title {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.coupon__hero .hero__info .info__coupon .content__input {
  --input__padding-inline: 1.5rem;
  display: flex;
  align-items: center;
  background-color: var(--neutral-100);
  border: 0.0625rem solid var(--coupon__border-color);
  border-radius: 0.25rem;
  position: relative;
  padding-inline: var(--input__padding-inline);
}
.coupon__hero .hero__info .info__coupon .content__input::after {
  color: var(--primary-500);
  font-size: clamp(1.125rem, 0.839rem + 0.3425vw, 1.25rem);
  font-weight: 500;
  line-height: 1.75rem;
  content: "€";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: var(--input__padding-inline);
}
.coupon__hero .hero__info .info__coupon .content__input input {
  color: var(--primary-500);
  font-size: clamp(1.125rem, 0.839rem + 0.3425vw, 1.25rem);
  font-weight: 500;
  line-height: 1.75rem;
  width: 100%;
  height: 3.875rem;
  outline: none;
  text-align: left;
  -moz-appearance: textfield;
  padding-left: var(--field__padding-inline);
  padding-right: calc(var(--field__padding-inline) * 2);
}
.coupon__hero .hero__info .info__coupon .content__input input[type=number]::-webkit-outer-spin-button,
.coupon__hero .hero__info .info__coupon .content__input input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.coupon__hero .hero__info .info__coupon .coupon__error {
  display: none;
}
.coupon__hero .hero__info .info__input {
  --input__margin-top: 0;
}
.coupon__hero .hero__info .info__input .input {
  --input__textarea__height: 10rem;
}

.contacts__form {
  --input__margin-top: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  --form__columns: minmax(0, 1fr) minmax(0, 1.6fr);
  --form__padding-inline: clamp(1.875rem, 0.4452rem + 1.7123vw, 2.5rem);
  display: grid;
  grid-gap: 0 2rem;
  grid-template-columns: var(--form__columns);
  padding-top: var(--padding-block);
  padding-inline: var(--form__padding-inline);
}
@media only screen and (max-width: 83.4375rem) {
  .contacts__form {
    --form__padding-inline: clamp(0rem, -3.115rem + 5.9761vw, 1.875rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .contacts__form {
    --form__columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 37.25rem) {
  .contacts__form {
    --form__columns: minmax(0, 1fr);
  }
}
.contacts__form h2, .contacts__form .h2 {
  color: var(--secondary-300);
  font-size: clamp(1.375rem, 0.5171rem + 1.0274vw, 1.75rem);
  font-weight: 600;
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
  grid-column: 1/-1;
}
@media only screen and (max-width: 52.0625rem) {
  .contacts__form h2, .contacts__form .h2 {
    font-size: clamp(1.125rem, 0.9351rem + 0.8439vw, 1.375rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
@media only screen and (max-width: 37.25rem) {
  .contacts__form h2, .contacts__form .h2 {
    text-align: center;
  }
}
.contacts__form .input:has(textarea) {
  --input__textarea__height: 100%;
  height: calc(100% - var(--input__margin-top));
}
@media only screen and (max-width: 37.25rem) {
  .contacts__form .input:has(textarea) {
    --input__textarea__height: 10.125rem;
  }
}
.contacts__form .form__actions {
  --actions__max-width: 21.875rem;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  width: 100%;
  max-width: var(--actions__max-width);
  margin-top: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  margin-left: auto;
  grid-column: 1/-1;
}
@media only screen and (max-width: 37.25rem) {
  .contacts__form .form__actions {
    --actions__max-width: 100%;
  }
}

.contacts__employees + .contacts__form {
  padding-top: 0;
}

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

.contacts__employees {
  --employees__padding-inline: clamp(1.875rem, 0.4452rem + 1.7123vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, -1.2877rem + 2.7397vw, 2rem);
  padding-inline: var(--employees__padding-inline);
  padding-block: var(--padding-block);
}
@media only screen and (max-width: 83.4375rem) {
  .contacts__employees {
    --employees__padding-inline: clamp(0rem, -3.115rem + 5.9761vw, 1.875rem);
  }
}
.contacts__employees .employees__title {
  color: var(--secondary-300);
  font-size: clamp(1.375rem, 0.5171rem + 1.0274vw, 1.75rem);
  font-weight: 600;
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .contacts__employees .employees__title {
    font-size: clamp(1.125rem, 0.9351rem + 0.8439vw, 1.375rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.contacts__employees .employees__grid {
  --grid__gap: clamp(1rem, -0.1438rem + 1.3699vw, 1.5rem);
  --grid__columns: repeat(auto-fill, minmax(22.5rem, 1fr));
  display: grid;
  grid-gap: var(--grid__gap);
  grid-template-columns: var(--grid__columns);
}
@media only screen and (max-width: 37.25rem) {
  .contacts__employees .employees__grid {
    --grid__columns: minmax(0, 1fr);
  }
}

.contacts__employees + .contacts__employees {
  padding-top: 0;
}

.login {
  display: flex;
  flex: 1;
}
.login .login__background {
  display: flex;
  width: 49.38%;
  position: relative;
}
@media only screen and (max-width: 119.9375rem) {
  .login .login__background {
    width: clamp(39.9375rem, -4.2432rem + 52.911vw, 59.25rem);
  }
}
@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/948x1080/image_1.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: sticky;
  top: 0;
  flex: 1;
}
.login .login__content {
  display: flex;
  flex-direction: column;
  padding-right: var(--padding);
  flex: 1;
}
@media only screen and (max-width: 83.4375rem) {
  .login .login__content {
    padding-left: var(--padding);
  }
}
.login main {
  width: 100%;
  max-width: clamp(26.5rem, 18.4932rem + 9.589vw, 30rem);
  margin-inline: auto;
}
.login .verification__icon {
  width: 4rem;
  min-width: 4rem;
  height: auto;
  aspect-ratio: 1;
  margin-inline: auto;
  margin-top: clamp(0.5rem, -0.6438rem + 1.3699vw, 1rem);
  margin-bottom: clamp(1rem, -0.1438rem + 1.3699vw, 1.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .login .verification__icon {
    margin-top: clamp(0rem, -0.3797rem + 1.6878vw, 0.5rem);
  }
}
.login .verification__icon svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.login .verification__icon svg rect {
  fill: var(--surfaces-500);
}
.login .verification__icon svg path {
  stroke: var(--primary-900);
}
.login h1, .login .h1 {
  font-size: clamp(1.125rem, 0.839rem + 0.3425vw, 1.25rem);
  font-weight: 500;
  line-height: 1.75rem;
  text-align: center;
}
.login p, .login .p {
  color: var(--secondary-600);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-align: center;
  margin-top: 0.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .login p, .login .p {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.login .button {
  margin-top: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
}
.login .login__form {
  display: flex;
  flex-direction: column;
  margin-top: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
}
.login .login__form > *:first-child {
  margin-top: 0;
}
.login .login__form .checkbox:not(._block) {
  margin-top: 2rem;
}
.login .login__form .checkbox:not(._block) + .checkbox {
  margin-top: 1rem;
}
.login .login__reminder {
  display: flex;
  color: var(--secondary-900);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-decoration: none;
  text-align: center;
  margin-inline: auto;
  margin-top: clamp(1.5rem, 1.3101rem + 0.8439vw, 1.75rem);
}
@media only screen and (max-width: 52.0625rem) {
  .login .login__reminder {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media (hover: hover) {
  .login .login__reminder:hover {
    text-decoration: underline;
  }
}
.login .login__options {
  --options__gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: var(--options__gap);
  margin-top: var(--options__gap);
}
.login .login__options .options__title {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  color: var(--secondary-300);
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.125rem;
  text-align: center;
}
@media only screen and (max-width: 52.0625rem) {
  .login .login__options .options__title {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.login .login__options .options__title::before, .login .login__options .options__title:after {
  width: 100%;
  height: 0.0625rem;
  background-color: var(--surfaces-50);
  content: "";
}
.login .login__options .options__title span {
  min-width: max-content;
}
.login .login__options .options__group {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.login .login__options .button {
  margin-top: 0;
}
.login:has(.checkbox[for=company-checkbox] input:checked) .login__options > *:nth-child(1), .login:has(.checkbox[for=company-checkbox] input:checked) .login__options > *:nth-child(2) {
  display: none;
}
.login header {
  background-color: var(--neutral-100);
  display: flex;
  justify-content: center;
  padding-top: clamp(3.375rem, -0.3425rem + 4.4521vw, 5rem);
  padding-bottom: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
}
@media only screen and (max-width: 52.0625rem) {
  .login header {
    padding-top: clamp(2rem, 0.9557rem + 4.6414vw, 3.375rem);
    padding-bottom: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  }
}
.login header .header__logo {
  width: var(--header__logo__width);
  min-width: var(--header__logo__width);
  height: auto;
  aspect-ratio: 2.0357142857;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: flex;
}
@media only screen and (max-width: 83.4375rem) {
  .login header .header__logo {
    --header__logo__width: clamp(5.125rem, 3.606rem + 6.7511vw, 7.125rem);
  }
}
.login header .header__logo svg {
  width: 100%;
  height: 100%;
}
.login header .header__close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
  min-width: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
  height: auto;
  aspect-ratio: 1;
  background-color: var(--primary-500);
  border-radius: 50%;
  position: absolute;
  top: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  right: 0;
}
@media (hover: hover) {
  .login header .header__close:hover {
    background-color: var(--secondary-900);
  }
}
.login header .header__close svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.login header .header__close svg path {
  stroke: var(--neutral-100);
}
.login footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0.25rem, 0.0601rem + 0.8439vw, 0.5rem);
  color: var(--secondary-700);
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.125rem;
  margin-top: clamp(5.5rem, 2.9264rem + 3.0822vw, 6.625rem);
  padding-bottom: clamp(3.375rem, 2.8528rem + 2.3207vw, 4.0625rem);
}
@media only screen and (max-width: 52.0625rem) {
  .login footer {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.login footer a {
  display: flex;
  color: inherit;
}
@media (hover: hover) {
  .login footer a:hover {
    color: var(--secondary-900);
  }
}
.login footer span:has(a) {
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
}
.login footer span:has(a) svg {
  width: 5.6875rem;
  height: auto;
  aspect-ratio: 6.0666666667;
}
.login footer span:has(a) svg path {
  fill: currentColor;
}

.review .review__content {
  --content__border: 0.0625rem solid var(--surfaces-50);
  --content__gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  width: 68.0625rem;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--content__gap);
  padding-top: clamp(1rem, -0.1392rem + 5.0633vw, 2.5rem);
  padding-bottom: var(--padding-block);
  margin-inline: auto;
}
.review .review__content .content__header {
  padding-bottom: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  border-bottom: var(--content__border);
}
.review .review__content .content__header h1, .review .review__content .content__header .h1 {
  color: var(--primary-500);
  font-size: clamp(1.125rem, 0.2671rem + 1.0274vw, 1.5rem);
  font-weight: 600;
  line-height: clamp(1.75rem, 1.1781rem + 0.6849vw, 2rem);
}
@media only screen and (max-width: 52.0625rem) {
  .review .review__content .content__header h1, .review .review__content .content__header .h1 {
    text-align: center;
  }
}
.review .review__content .content__block {
  --block__columns: repeat(2, minmax(0, 1fr));
  --block__padding-inline: clamp(2rem, -1.3227rem + 6.3745vw, 4rem);
  --block__gap: 0;
  display: grid;
  grid-gap: var(--block__gap);
  grid-template-columns: var(--block__columns);
}
@media only screen and (max-width: 52.0625rem) {
  .review .review__content .content__block {
    --block__columns: minmax(0, 1fr);
    --block__padding-inline: 0;
    --block__gap: clamp(1.5rem, -0.3987rem + 8.4388vw, 4rem);
  }
}
.review .review__content .block__details {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.review .review__content .block__details ul {
  list-style: none;
}
.review .review__content .block__details 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;
}
.review .review__content .block__details ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.review .review__content .block__details a {
  text-decoration: none;
}
@media only screen and (min-width: 52.125rem) {
  .review .review__content .block__details {
    padding-right: var(--block__padding-inline);
    border-right: var(--content__border);
  }
}
.review .review__content .block__details .details__heading {
  display: flex;
  flex-direction: column;
  gap: clamp(0.375rem, 0.2801rem + 0.4219vw, 0.5rem);
}
.review .review__content .block__details .heading__brand,
.review .review__content .block__details .heading__title,
.review .review__content .block__details .details__photo {
  display: flex;
}
@media only screen and (max-width: 52.0625rem) {
  .review .review__content .block__details .heading__brand,
  .review .review__content .block__details .heading__title,
  .review .review__content .block__details .details__photo {
    margin-inline: auto;
  }
}
.review .review__content .block__details .heading__brand,
.review .review__content .block__details .heading__title {
  color: inherit;
  width: max-content;
  max-width: 100%;
}
@media (hover: hover) {
  .review .review__content .block__details .heading__brand:hover,
  .review .review__content .block__details .heading__title:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .review .review__content .block__details .heading__brand,
  .review .review__content .block__details .heading__title {
    text-align: center;
  }
}
.review .review__content .block__details .heading__brand {
  width: 6.25rem;
  height: auto;
  aspect-ratio: 2.5;
}
.review .review__content .block__details .heading__brand img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.review .review__content .block__details .heading__title {
  color: var(--secondary-300);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 400;
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
  text-wrap: balance;
}
.review .review__content .block__details .details__photo {
  width: clamp(12.625rem, 9.9047rem + 12.0902vw, 20rem);
  max-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.review .review__content .block__details .details__photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.review .review__content .block__form {
  --input__margin-top: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
}
@media only screen and (min-width: 52.125rem) {
  .review .review__content .block__form {
    padding-left: var(--block__padding-inline);
  }
}
.review .review__content .block__form .form__rate {
  --rate__direction: 0;
  --rate__align-items: center;
  display: flex;
  flex-direction: var(--rate__direction);
  align-items: var(--rate__align-items);
  gap: clamp(0.375rem, 0.1445rem + 1.0246vw, 1rem);
  background-color: var(--surfaces-300);
  padding-block: clamp(0.875rem, 1.0949rem + -0.4219vw, 1rem);
  padding-inline: 1rem;
}
@media only screen and (max-width: 37.25rem) {
  .review .review__content .block__form .form__rate {
    --rate__direction: column;
    --rate__align-items: flex-start;
  }
}
.review .review__content .block__form .rate__title {
  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: 52.0625rem) {
  .review .review__content .block__form .rate__title {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.review .review__content .block__form .rate__content,
.review .review__content .block__form .content__stars {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.review .review__content .block__form .stars__item {
  --item__color: var(--primary-900);
  width: 1.75rem;
  min-width: 1.75rem;
  height: auto;
  aspect-ratio: 1;
  display: flex;
  cursor: pointer;
}
.review .review__content .block__form .stars__item:has(input:checked) ~ .stars__item {
  --item__color: var(--divider-600);
}
.review .review__content .block__form .stars__item svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.review .review__content .block__form .stars__item svg path {
  fill: var(--item__color);
}
.review .review__content .block__form .content__value {
  color: var(--secondary-300);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .review .review__content .block__form .content__value {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}

.account {
  --account__padding-top: 2rem;
  --account__columns: minmax(0, clamp(21.875rem, 3.2877rem + 22.2603vw, 30rem)) minmax(0, 1fr);
  --account__gap: 2rem 1.5rem;
  padding-top: var(--account__padding-top);
  padding-bottom: clamp(3.375rem, 1.9452rem + 1.7123vw, 4rem);
  flex: 1;
}
@media only screen and (max-width: 83.4375rem) {
  .account {
    --account__padding-top: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
    --account__columns: minmax(0, clamp(20rem, 11.8949rem + 11.9522vw, 21.875rem)) minmax(0, 1fr);
    --account__gap: 1.5rem 1.4375rem;
  }
}
@media only screen and (max-width: 67.75rem) {
  .account {
    --account__columns: minmax(0, 1fr);
    --account__gap: 0rem;
  }
}
.account .wrap {
  display: grid;
  grid-gap: var(--account__gap);
  grid-template-columns: var(--account__columns);
}
.account .breadcrumb {
  grid-column: 1/-1;
}
.account .account__aside {
  --aside__padding: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
  background-color: var(--surfaces-300);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
  border-radius: 0.375rem;
  padding: var(--aside__padding);
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__aside {
    --aside__padding: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem) clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
  }
}
.account .account__aside ul {
  list-style: none;
}
.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 li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.account .account__aside a {
  text-decoration: none;
}
@media only screen and (max-width: 67.75rem) {
  .account .account__aside {
    margin-top: 1rem;
  }
}
.account .account__aside h1, .account .account__aside .h1 {
  color: var(--secondary-300);
  font-size: clamp(1.375rem, 0.5171rem + 1.0274vw, 1.75rem);
  font-weight: 600;
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__aside h1, .account .account__aside .h1 {
    font-size: clamp(1.125rem, 0.9351rem + 0.8439vw, 1.375rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.account .account__aside .nav__list {
  --list__gap: clamp(1rem, -1.2877rem + 2.7397vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: var(--list__gap);
}
@media only screen and (max-width: 83.4375rem) {
  .account .account__aside .nav__list {
    --list__gap: clamp(0.5rem, -0.3307rem + 1.5936vw, 1rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__aside .nav__list {
    --list__gap: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
  }
}
.account .account__aside .list__item {
  display: flex;
}
.account .account__aside .item__link {
  --link__color: var(--primary-500);
  --link__icon__color: var(--secondary-300);
  color: var(--link__color);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 400;
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (hover: hover) {
  .account .account__aside .item__link:hover {
    --link__color: var(--primary-900);
    --link__icon__background-color: var(--surfaces-500);
    --link__icon__color: var(--primary-900);
  }
}
.account .account__aside .item__link._active {
  --link__color: var(--primary-900);
  --link__icon__background-color: var(--primary-900);
  --link__icon__color: var(--neutral-100);
}
.account .account__aside .link__icon {
  width: clamp(2.5rem, -1.8227rem + 6.3745vw, 3.5rem);
  min-width: clamp(2.5rem, -1.8227rem + 6.3745vw, 3.5rem);
  height: auto;
  aspect-ratio: 1;
  background-color: var(--link__icon__background-color);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: var(--link__icon__color);
}
.account .account__aside .link__icon svg {
  width: clamp(1.25rem, -0.371rem + 2.3904vw, 1.625rem);
  min-width: clamp(1.25rem, -0.371rem + 2.3904vw, 1.625rem);
  height: auto;
  aspect-ratio: 1;
}
.account .account__aside .link__icon svg path {
  stroke: currentColor;
}
.account .account__main {
  --main__padding-inline: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
  padding-inline: var(--main__padding-inline);
}
@media only screen and (max-width: 83.4375rem) {
  .account .account__main {
    --main__padding-inline: clamp(0rem, -8.6454rem + 12.749vw, 2rem);
  }
}
@media only screen and (max-width: 67.75rem) {
  .account .account__main {
    margin-top: 1.5rem;
  }
}
.account .account__main .main__greeting {
  display: flex;
  flex-direction: column;
  color: var(--primary-900);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .main__greeting {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.account .account__main .greeting__name {
  color: var(--primary-500);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 400;
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
}
.account .account__main .main__block {
  --block__margin-top: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
  --block__padding-top: var(--block__margin-top);
  border-top: 0.0625rem solid var(--surfaces-50);
  margin-top: var(--block__margin-top);
  padding-top: var(--block__padding-top);
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .main__block {
    --block__margin-top: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.account .account__main .main__block:has(.checkbox._block) .checkbox {
  margin-top: 2rem;
}
.account .account__main .main__block._add-address {
  display: none;
}
.account .account__main .main__block > p, .account .account__main .main__block > .p {
  color: var(--primary-500);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
  margin-top: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .main__block > p, .account .account__main .main__block > .p {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.account .account__main:has(.main__block .addresses__add input:checked) .main__block:has(.inner__addresses) {
  display: none;
}
.account .account__main:has(.main__block .addresses__add input:checked) .main__block._add-address {
  display: block;
}
.account .account__main .block__inner {
  width: 100%;
  max-width: 62rem;
}
.account .account__main .block__inner:has(.inner__addresses) {
  max-width: 100%;
}
.account .account__main h2, .account .account__main .h2 {
  color: var(--secondary-300);
  font-size: clamp(1.125rem, 0.839rem + 0.3425vw, 1.25rem);
  font-weight: 500;
  line-height: 1.75rem;
}
.account .account__main .double__input {
  --input__gap: 2rem;
  display: grid;
  grid-gap: var(--input__gap);
  grid-template-columns: var(--input__columns);
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .double__input {
    --input__gap: 0rem;
    --input__columns: minmax(0, 1fr);
  }
}
@media only screen and (max-width: 83.4375rem) {
  .account .account__main .double__input:has(.double__input) {
    --input__columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .double__input:has(.double__input) {
    --input__gap: 0rem;
    --input__columns: minmax(0, 1fr);
  }
}
.account .account__main .double__input:has(.double__input) .double__input {
  --input__gap: 2rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .double__input:has(.double__input) .double__input {
    --input__gap: 2rem;
    --input__columns: repeat(2, minmax(0, 1fr));
  }
}
.account .account__main .double__input:has(.input__link) {
  --input__gap: 2rem;
  --input__columns: repeat(2, minmax(0, 1fr));
}
.account .account__main .input,
.account .account__main .select {
  margin-top: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
}
.account .account__main .checkbox {
  margin-top: 1.5rem;
}
.account .account__main .button {
  margin-top: clamp(1.5rem, 0.7405rem + 3.3755vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .button {
    max-width: 100%;
  }
}
.account .account__main .inner__addresses {
  --addresses__gap: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
  --addresses__columns: repeat(2, minmax(0, 1fr));
  display: grid;
  grid-gap: var(--addresses__gap);
  grid-template-columns: var(--addresses__columns);
  margin-top: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
}
@media only screen and (max-width: 83.4375rem) {
  .account .account__main .inner__addresses {
    --addresses__gap: clamp(1rem, -1.1614rem + 3.1873vw, 1.5rem);
    --addresses__columns: minmax(0, 1fr);
  }
}
.account .account__main .inner__addresses .addresses._card {
  margin-top: 0;
}
.account .account__main .inner__addresses .addresses__add {
  --add__color: var(--primary-900);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  background-color: var(--neutral-100);
  color: var(--add__color);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
  box-shadow: var(--shadow-2);
  border-radius: 0.5rem;
  padding: 2.5625rem;
  cursor: pointer;
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .inner__addresses .addresses__add {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
@media (hover: hover) {
  .account .account__main .inner__addresses .addresses__add:hover {
    --add__color: var(--secondary-900);
    box-shadow: var(--shadow-3);
  }
}
.account .account__main .inner__addresses .addresses__add input {
  display: none;
}
.account .account__main .inner__addresses .addresses__add svg {
  width: clamp(3.375rem, 1.9452rem + 1.7123vw, 4rem);
  min-width: clamp(3.375rem, 1.9452rem + 1.7123vw, 4rem);
  height: auto;
  aspect-ratio: 1;
}
.account .account__main .inner__addresses .addresses__add svg g path:first-child {
  fill: currentColor;
}
.account .account__main .inner__buttons {
  --buttons__direction: 0;
  display: flex;
  flex-direction: var(--buttons__direction);
  justify-content: space-between;
  gap: 1rem;
  margin-top: clamp(1.5rem, 0.7405rem + 3.3755vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .inner__buttons {
    --buttons__direction: column-reverse;
  }
}
.account .account__main .inner__buttons > * {
  gap: 0.625rem;
  margin-top: 0;
}
.account .account__main .inner__buttons > * svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.account .account__main .inner__buttons > * svg path {
  stroke: currentColor;
}
.account .account__main .block__history {
  --history__border: 0.0625rem solid var(--surfaces-50);
  --history__col_1: clamp(5.3125rem, -4.839rem + 12.1575vw, 9.75rem);
  --history__col_2: clamp(9.5rem, 0.9212rem + 10.274vw, 13.25rem);
  --history__col_3: clamp(8.625rem, 7.4812rem + 1.3699vw, 9.125rem);
  --history__col_4: clamp(8.5625rem, 2.4144rem + 7.363vw, 11.25rem);
  --history__col_5: clamp(7.0625rem, -17.53rem + 29.4521vw, 17.8125rem);
  --history__col_6: clamp(7.1875rem, 0.3245rem + 8.2192vw, 10.1875rem);
  --history__width: calc(var(--history__col_1) + var(--history__col_2) + var(--history__col_3) + var(--history__col_4) + var(--history__col_5) + var(--history__col_6) + clamp(0.75rem, 0.1781rem + 0.6849vw, 1rem) + 1.5rem);
  margin-top: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  overflow-x: auto;
}
@media only screen and (max-width: 67.75rem) {
  .account .account__main .block__history {
    --history__col_1: clamp(5.3125rem, -1.1252rem + 12.3506vw, 7.25rem);
    --history__col_2: clamp(9.5rem, 3.2699rem + 11.9522vw, 11.375rem);
    --history__col_3: clamp(8.625rem, 6.9636rem + 3.1873vw, 9.125rem);
    --history__col_4: clamp(8.5625rem, 3.7861rem + 9.1633vw, 10rem);
    --history__col_5: clamp(7.0625rem, -9.9664rem + 32.6693vw, 12.1875rem);
    --history__col_6: clamp(7.1875rem, 3.4495rem + 7.1713vw, 8.3125rem);
  }
}
.account .account__main .block__history .history__item {
  min-width: var(--history__width);
  display: grid;
  grid-template-columns: var(--history__col_1) var(--history__col_2) var(--history__col_3) var(--history__col_4) var(--history__col_5) var(--history__col_6) minmax(0, 1fr);
  color: var(--primary-500);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  border-bottom: var(--history__border);
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__history .history__item {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.account .account__main .block__history .history__item._header {
  color: var(--divider-800);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.125rem;
  border-top: var(--history__border);
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__history .history__item._header {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.account .account__main .block__history .item__col {
  display: flex;
  align-items: center;
  min-height: 3.375rem;
  padding: 0.4375rem clamp(0.75rem, 0.1781rem + 0.6849vw, 1rem);
}
.account .account__main .block__history .item__col:first-child {
  padding-left: 0;
}
.account .account__main .block__history .item__col:last-child {
  padding-right: 0;
}
.account .account__main .block__history .item__col:not(:first-child) {
  border-left: var(--history__border);
}
.account .account__main .block__history .item__col._status span {
  background-color: var(--surfaces-300);
  width: 100%;
  border-radius: 0.25rem;
  text-align: center;
  padding: 0.125rem;
}
.account .account__main .block__history .item__col span a, .account .account__main .block__history .item__col._total {
  font-weight: 500;
}
.account .account__main .block__history .item__col span a {
  word-break: break-all;
}
.account .account__main .block__history .col__open {
  color: inherit;
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
@media (hover: hover) {
  .account .account__main .block__history .col__open:hover {
    color: var(--secondary-900);
  }
}
.account .account__main .block__history .col__open path {
  stroke: currentColor;
}
.account .account__main .block__order .order__title {
  --title__direction: 0;
  display: flex;
  flex-direction: var(--title__direction);
  gap: 0.25rem 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__title {
    --title__direction: column;
  }
}
@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;
  }
}
.account .account__main .block__order .order__title h2, .account .account__main .block__order .order__title .h2 {
  width: var(--width);
}
@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;
  }
}
@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: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  background-color: var(--primary-900);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 11.25rem;
  border-radius: 0.25rem;
  text-align: center;
  padding: 0.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__title .title__status {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.account .account__main .block__order .order__title .title__pdf {
  --pdf__margin-left: auto;
  color: inherit;
  color: var(--primary-900);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.125rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  text-decoration: none;
  margin-left: var(--pdf__margin-left);
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__title .title__pdf {
    --pdf__margin-left: 0;
  }
}
@media (hover: hover) {
  .account .account__main .block__order .order__title .title__pdf:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__title .title__pdf {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__title .title__pdf {
    margin-top: 0.75rem;
  }
}
.account .account__main .block__order .order__title .title__pdf svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.account .account__main .block__order .order__title .title__pdf svg path {
  stroke: currentColor;
}
.account .account__main .block__order .order__info {
  --info__border: 0.0625rem solid var(--surfaces-50);
  --info__min-height: 3.375rem;
  display: flex;
  flex-direction: var(--info__direction);
  gap: var(--info__gap);
  min-height: var(--info__min-height);
  border-block: var(--info__border);
  margin-top: 1.5625rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__info {
    --info__direction: column;
    --info__gap: 0.25rem;
    --info__min-height: unset;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__info {
    padding-top: 1rem;
    border-bottom: 0;
  }
}
.account .account__main .block__order .order__info .info__item {
  --item__padding: 0.4375rem 1rem;
  color: var(--divider-800);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.125rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: var(--item__padding);
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__info .info__item {
    --item__padding: 0;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__info .info__item {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
  }
}
.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;
}
@media only screen and (min-width: 52.125rem) {
  .account .account__main .block__order .order__info .info__item:not(:first-child) {
    border-left: var(--info__border);
  }
}
.account .account__main .block__order .order__info span:last-child {
  color: var(--primary-500);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__info span:last-child {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.account .account__main .block__order .order__data {
  --data__gap: 1.5rem;
  --data__columns: repeat(2, minmax(0, 1fr));
  display: grid;
  grid-gap: var(--data__gap);
  grid-template-columns: var(--data__columns);
  margin-top: 1.5rem;
  color: var(--primary-500);
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__data {
    --data__gap: 0.5rem;
    --data__columns: minmax(0, 1fr);
  }
}
.account .account__main .block__order .order__data .data__item {
  --item__padding: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
  padding: var(--item__padding);
  border: 0.0625rem solid var(--divider-600);
  border-radius: 0.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__data .data__item {
    --item__padding: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  }
}
.account .account__main .block__order .order__data .item__title {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__data .item__title {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.account .account__main .block__order .order__data .item__row {
  --row__gap: 2.5rem;
  --row__columns: repeat(2, minmax(0, 1fr));
  margin-top: 0.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .account .account__main .block__order .order__data .item__row {
    --row__gap: 0.5rem;
    --row__columns: minmax(0, 1fr);
  }
}
@media only screen and (max-width: 67.75rem) {
  .account .account__main .block__order .order__data .item__row {
    --row__gap: clamp(1rem, -3.9841rem + 9.5618vw, 2.5rem);
    --row__columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__data .item__row {
    --row__gap: 0.5rem;
    --row__columns: minmax(0, 1fr);
  }
}
.account .account__main .block__order .order__data .item__row:has(.row__col:nth-child(2)) {
  display: grid;
  grid-gap: var(--row__gap);
  grid-template-columns: var(--row__columns);
}
.account .account__main .block__order .order__data .item__row:has(.row__col:nth-child(2)) p, .account .account__main .block__order .order__data .item__row:has(.row__col:nth-child(2)) .p {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  margin: 0;
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__data .item__row:has(.row__col:nth-child(2)) p, .account .account__main .block__order .order__data .item__row:has(.row__col:nth-child(2)) .p {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.account .account__main .block__order .order__data p, .account .account__main .block__order .order__data .p {
  color: inherit;
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__data p, .account .account__main .block__order .order__data .p {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.account .account__main .block__order .order__products {
  margin-top: 1.5rem;
}
.account .account__main .block__order .order__summary {
  width: 100%;
  max-width: 27.5rem;
  background-color: var(--secondary-500);
  margin-top: 1.5rem;
  margin-left: auto;
}
.account .account__main .block__order .order__summary .summary__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: clamp(1rem, -0.1438rem + 1.3699vw, 1.5rem);
  color: var(--secondary-600);
}
.account .account__main .block__order .order__summary .summary__row span:first-child {
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__summary .summary__row span:first-child {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.account .account__main .block__order .order__summary .summary__row span:last-child {
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 600;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .account__main .block__order .order__summary .summary__row span:last-child {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.account .account__main .block__order .order__summary .summary__row + .summary__row {
  margin-top: 0.5rem;
}
.account .account__main .block__order .order__summary .summary__row._total span {
  color: var(--secondary-300);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 600;
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
}
.account .account__main .block__order .order__summary .button {
  margin-top: 2rem;
  padding-inline: 0.5rem;
}

.columns__aside {
  padding-top: var(--columns__padding-top);
  padding-right: var(--columns__padding-inline);
  padding-bottom: var(--columns__padding-bottom);
  position: relative;
  z-index: 1;
  --delivery__gap: 0.5rem;
}
.columns__aside::before {
  --before__right: 0;
  background-color: var(--neutral-100);
  width: 100vw;
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: var(--before__right);
  bottom: 0;
}
@media only screen and (max-width: 67.75rem) {
  .columns__aside::before {
    --before__right: calc(var(--padding) * -1);
  }
}
.columns__aside .aside__block {
  --block__margin-top: 0;
  margin-top: var(--block__margin-top);
}
.columns__aside .aside__block > *:first-child {
  margin-top: var(--block__margin-top);
}
.columns__aside .aside__block:nth-last-child(2):not(:nth-child(2)) {
  --block__margin-top: clamp(2rem, 1.4281rem + 0.6849vw, 2.25rem);
}
@media only screen and (max-width: 67.75rem) {
  .columns__aside .aside__block:nth-last-child(2):not(:nth-child(2)) {
    --block__margin-top: 2.5rem;
  }
}
.columns__aside .aside__block:nth-last-child(1) {
  --block__margin-top: clamp(3.375rem, 1.9452rem + 1.7123vw, 4rem);
}
.columns__aside .aside__block .aside__guest {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  color: var(--secondary-300);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  margin-top: clamp(1.5rem, -0.7877rem + 2.7397vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .columns__aside .aside__block .aside__guest {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.columns__aside .aside__block .aside__guest svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.columns__aside .aside__block .aside__guest svg path {
  stroke: var(--primary-900);
}
.columns__aside .aside__block .aside__guest a {
  color: inherit;
  color: var(--primary-900);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  text-decoration: none;
}
@media (hover: hover) {
  .columns__aside .aside__block .aside__guest a:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .columns__aside .aside__block .aside__guest a {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.columns__aside .aside__block:has(.aside__addresses) .aside__form {
  display: none;
}
.columns__aside .aside__block:has(.addresses__add input:checked) .addresses__add {
  display: none;
}
.columns__aside .aside__block:has(.addresses__add input:checked) .aside__form {
  display: block;
  margin-top: 1.25rem;
}
.columns__aside .aside__delivery,
.columns__aside .delivery__choices {
  display: flex;
  flex-direction: column;
  gap: var(--delivery__gap);
}
.columns__aside .aside__delivery {
  margin-top: var(--delivery__gap);
}
.columns__aside .delivery__info {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  background-color: var(--info__background-color);
  color: var(--info__color);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
}
@media only screen and (max-width: 52.0625rem) {
  .columns__aside .delivery__info {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.columns__aside .delivery__info svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.columns__aside .delivery__info svg path {
  fill: currentColor;
}
.columns__aside .delivery__info strong, .columns__aside .delivery__info b {
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 600;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .columns__aside .delivery__info strong, .columns__aside .delivery__info b {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.columns__aside .delivery__info._success {
  --info__background-color: var(--surfaces-500);
  --info__color: var(--secondary-900);
}
.columns__aside .delivery__info._error {
  --info__background-color: var(--error-100);
  --info__color: var(--error-700);
}
.columns__aside .delivery__choices label {
  --label__background-color: var(--surfaces-300);
  --label__image__width: clamp(3.375rem, 1.9452rem + 1.7123vw, 4rem);
  --label__gap: clamp(1rem, -1.0017rem + 2.3973vw, 1.875rem);
  --label__padding-inline: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
  --label__icon__background-color: var(--neutral-100);
  --label__icon__color: var(--primary-900);
  --label__color: var(--primary-500);
  --label__description__color: var(--secondary-600);
  display: flex;
  align-items: center;
  gap: 0 var(--label__gap);
  background-color: var(--label__background-color);
  border-radius: 0.375rem;
  padding-block: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  padding-inline: var(--label__padding-inline);
  cursor: pointer;
}
@media only screen and (max-width: 52.0625rem) {
  .columns__aside .delivery__choices label {
    --label__padding-inline: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .columns__aside .delivery__choices label {
    display: grid;
    grid-gap: 0.25rem var(--label__gap);
    grid-template-columns: minmax(0, var(--label__image__width)) minmax(0, 1fr);
    grid-template-areas: "icon text" "icon price";
  }
}
@media (hover: hover) {
  .columns__aside .delivery__choices label:hover {
    --label__icon__background-color: var(--surfaces-500);
    --label__color: var(--primary-900);
    --label__description__color: var(--primary-900);
    --label__background-color: var(--neutral-100);
    box-shadow: var(--shadow-1);
  }
}
.columns__aside .delivery__choices label:has(input:checked) {
  --label__icon__background-color: var(--primary-900);
  --label__icon__color: var(--neutral-100);
  --label__color: var(--primary-900);
  --label__description__color: var(--primary-900);
  --label__background-color: var(--neutral-100);
  box-shadow: var(--shadow-1);
}
.columns__aside .delivery__choices label input {
  display: none;
}
.columns__aside .choice__icon {
  width: var(--label__image__width);
  min-width: var(--label__image__width);
  height: auto;
  aspect-ratio: 1;
  background-color: var(--label__icon__background-color);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--label__icon__color);
  border-radius: 50%;
  position: relative;
  grid-area: icon;
}
.columns__aside .choice__icon svg {
  width: 3rem;
  min-width: 3rem;
  height: auto;
  aspect-ratio: 1;
}
.columns__aside .choice__icon svg path[stroke] {
  stroke: currentColor;
}
.columns__aside .choice__icon svg path[fill] {
  fill: currentColor;
}
.columns__aside .choice__text {
  grid-area: text;
}
.columns__aside .choice__title,
.columns__aside .choice__description {
  display: block;
}
.columns__aside .choice__title,
.columns__aside .choice__price {
  color: var(--label__color);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .columns__aside .choice__title,
  .columns__aside .choice__price {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.columns__aside .choice__description {
  color: var(--label__description__color);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  margin-top: 0.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .columns__aside .choice__description {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.columns__aside .choice__price {
  --price__margin-left: auto;
  min-width: max-content;
  margin-left: var(--price__margin-left);
  grid-area: price;
}
@media only screen and (max-width: 52.0625rem) {
  .columns__aside .choice__price {
    --price__margin-left: 0;
  }
}
.columns__aside .aside__form > .input:first-child {
  margin-top: 0;
}
.columns__aside .aside__form .checkbox {
  margin-top: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
}
.columns__aside .aside__addresses {
  display: flex;
  flex-direction: column;
}
.columns__aside .aside__addresses .addresses__add {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  background-color: var(--neutral-100);
  color: var(--secondary-900);
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
  margin-top: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
  padding: clamp(0.8125rem, 0.3836rem + 0.5137vw, 1rem);
  box-shadow: var(--shadow-2);
  cursor: pointer;
  border-radius: 0.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .columns__aside .aside__addresses .addresses__add {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
@media (hover: hover) {
  .columns__aside .aside__addresses .addresses__add:hover {
    box-shadow: var(--shadow-3);
  }
}
.columns__aside .aside__addresses .addresses__add:has(input:checked) svg path:nth-child(2),
.columns__aside .aside__addresses .addresses__add input {
  display: none;
}
.columns__aside .aside__addresses .addresses__add svg {
  width: clamp(1.75rem, 1.1781rem + 0.6849vw, 2rem);
  min-width: clamp(1.75rem, 1.1781rem + 0.6849vw, 2rem);
  height: auto;
  aspect-ratio: 1;
}
.columns__aside .aside__addresses .addresses__add svg path[fill] {
  fill: var(--primary-900);
}
.columns__aside .aside__addresses .addresses__add svg path[stroke] {
  stroke: var(--neutral-100);
}
.columns__aside .aside__payment {
  --payment__columns: repeat(auto-fill, minmax(10.25rem, 1fr));
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: var(--payment__columns);
  margin-top: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
}
@media only screen and (max-width: 37.25rem) {
  .columns__aside .aside__payment {
    --payment__columns: repeat(2, minmax(0, 1fr));
  }
}
.columns__aside .aside__payment .payment__item {
  --item__padding: 0.5rem;
  --item__border-color: var(--divider-600);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: clamp(4.25rem, 3.6804rem + 2.5316vw, 5rem);
  position: relative;
  border: 0.0625rem solid var(--item__border-color);
  padding: var(--item__padding);
  border-radius: 0.3125rem;
  cursor: pointer;
}
@media only screen and (max-width: 83.4375rem) {
  .columns__aside .aside__payment .payment__item {
    --item__padding: 0.75rem 0.8125rem;
  }
}
@media (hover: hover) {
  .columns__aside .aside__payment .payment__item:hover {
    --item__border-color: var(--secondary-700);
  }
}
.columns__aside .aside__payment .payment__item:has(input:checked) {
  --item__border-color: var(--primary-900);
  --item__before__opacity: 0;
}
.columns__aside .aside__payment .payment__item:has(input:checked)::after {
  --icon__width: 1.5rem;
  --icon__position: 0.25rem;
  display: flex;
  content: "";
  background-image: url("../images/icons/check-circle_24x24.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
  position: absolute;
  top: var(--icon__position);
  left: var(--icon__position);
}
.columns__aside .aside__payment .payment__item::before {
  background-color: var(--secondary-700);
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  opacity: var(--item__before__opacity);
  mix-blend-mode: saturation;
}
.columns__aside .aside__payment .payment__item input {
  display: none;
}
.columns__aside .aside__payment .payment__item img,
.columns__aside .aside__payment .payment__item .item__text {
  width: 100%;
  height: auto;
  aspect-ratio: 2.9285714286;
}
.columns__aside .aside__payment .payment__item img {
  object-fit: scale-down;
}
.columns__aside .aside__payment .payment__item .item__text {
  --text__icon__width: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  color: var(--primary-900);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1rem;
}
@media only screen and (max-width: 52.0625rem) {
  .columns__aside .aside__payment .payment__item .item__text {
    font-size: clamp(0.75rem, 0.7025rem + 0.211vw, 0.8125rem);
    line-height: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
  }
}
.columns__aside .aside__payment .payment__item .item__text svg {
  width: var(--text__icon__width);
  min-width: var(--text__icon__width);
  height: auto;
  aspect-ratio: 1;
}
.columns__aside .aside__payment .payment__item .item__text svg path[fill] {
  fill: currentColor;
}
.columns__aside .aside__payment .payment__item .item__text svg path[stroke] {
  stroke: currentColor;
}
.columns__aside .aside__payment .payment__item .item__text span {
  max-width: calc(100% - var(--text__icon__width));
  text-wrap: balance;
}
@media only screen and (max-width: 83.4375rem) {
  .columns__aside .aside__payment .payment__item .item__text span {
    max-width: min-content;
  }
}
.columns__aside .aside__shops {
  --shops__border: 0.0625rem solid var(--divider-600);
  --shops__gap: 1rem;
  --shops__padding-block: 0.5rem;
  display: flex;
  flex-direction: column;
  margin-bottom: clamp(1rem, 0.4281rem + 0.6849vw, 1.25rem);
  padding-block: var(--shops__padding-block);
  border: var(--shops__border);
  border-radius: 0.5rem;
}
.columns__aside .aside__shops .shops__item {
  --item__gap: 0;
  --item__header__color: var(--primary-500);
  --item__header__border-color: var(--divider-600);
  --item__header__after__opacity: 0;
  padding-inline: 1.5rem;
}
.columns__aside .aside__shops .shops__item:has(input:checked) {
  --item__gap: 0.5rem;
  --item__header__color: var(--primary-900);
  --item__header__border-color: var(--item__header__color);
  --item__header__after__opacity: 1;
}
.columns__aside .aside__shops .shops__item:has(input:checked):not(:last-child) {
  border-bottom: var(--shops__border);
}
.columns__aside .aside__shops .shops__item:has(input:checked):not(:first-child) {
  border-top: var(--shops__border);
}
.columns__aside .aside__shops .shops__item:has(input:checked):last-child .item__content {
  padding-bottom: var(--shops__padding-block);
}
.columns__aside .aside__shops .shops__item:has(input:checked) .item__content {
  display: flex;
  flex-direction: column;
  gap: var(--item__gap);
}
.columns__aside .aside__shops .shops__item .item__header {
  display: flex;
  align-items: center;
  gap: var(--shops__gap);
  color: var(--item__header__color);
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.125rem;
  padding-block: 0.75rem;
  cursor: pointer;
}
@media only screen and (max-width: 52.0625rem) {
  .columns__aside .aside__shops .shops__item .item__header {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.columns__aside .aside__shops .shops__item input {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 0.125rem solid var(--item__header__border-color);
}
.columns__aside .aside__shops .shops__item input::after {
  --icon__width: 0.5rem;
  display: flex;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
  background-color: var(--item__header__border-color);
  opacity: var(--item__header__after__opacity);
  border-radius: 50%;
}
.columns__aside .aside__shops .shops__item .item__content {
  display: none;
  padding-bottom: var(--shops__gap);
}
.columns__aside .aside__shops .shops__item .content__text {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  color: var(--primary-500);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .columns__aside .aside__shops .shops__item .content__text {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.columns__aside .aside__shops .shops__item .content__time {
  color: var(--item__header__color);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .columns__aside .aside__shops .shops__item .content__time {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}

.columns__content {
  --content__top: clamp(0.75rem, 0.1781rem + 0.6849vw, 1rem);
  padding-top: var(--columns__padding-top);
  padding-left: var(--columns__padding-inline);
  padding-bottom: var(--columns__padding-bottom);
}
@media only screen and (max-width: 67.75rem) {
  .columns__content {
    --columns__padding-top: 3.375rem;
    --columns__padding-bottom: clamp(2.5rem, 1.8354rem + 2.9536vw, 3.375rem);
  }
}
.columns__content .checkout__sticky {
  position: sticky;
  top: var(--content__top);
  transition: top 0.3s ease-in-out;
}
.columns__content .content__products {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.columns__content .content__coupon {
  --coupon__direction: 0;
  --coupon__gap: clamp(1rem, -0.1438rem + 1.3699vw, 1.5rem);
  --coupon__margin-top: clamp(0.75rem, 0.1781rem + 0.6849vw, 1rem);
  --coupon__padding-inline: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
  display: flex;
  flex-direction: var(--coupon__direction);
  gap: var(--coupon__gap);
  background-color: var(--neutral-100);
  margin-top: var(--coupon__margin-top);
  padding-block: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  padding-inline: var(--coupon__padding-inline);
  border-radius: 0.375rem;
}
@media only screen and (max-width: 52.0625rem) {
  .columns__content .content__coupon {
    --coupon__direction: column;
    --coupon__gap: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
    --coupon__margin-top: clamp(0.5rem, 0.3101rem + 0.8439vw, 0.75rem);
    --coupon__padding-inline: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem) ;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .columns__content .content__coupon .button {
    max-width: 100%;
  }
}
.columns__content .content__coupon .coupon__input {
  --input__border-color: var(--divider-600);
  width: 100%;
  display: flex;
  align-items: center;
  padding-block: 0.625rem;
  padding-inline: 0.875rem;
  border: 0.0625rem solid var(--input__border-color);
  border-radius: 0.25rem;
}
@media (hover: hover) {
  .columns__content .content__coupon .coupon__input:hover {
    --input__border-color: var(--secondary-700);
  }
}
.columns__content .content__coupon svg {
  width: 1.75rem;
  min-width: 1.75rem;
  height: auto;
  aspect-ratio: 1;
  margin-right: 0.625rem;
}
.columns__content .content__coupon svg rect {
  fill: var(--primary-900);
}
.columns__content .content__coupon .input__title,
.columns__content .content__coupon input {
  color: var(--secondary-400);
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .columns__content .content__coupon .input__title,
  .columns__content .content__coupon input {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.columns__content .content__coupon .input__title {
  min-width: max-content;
  margin-right: 0.25rem;
}
.columns__content .content__coupon input {
  width: 100%;
}
.columns__content .content__coupon input::placeholder {
  color: var(--secondary-400);
}
.columns__content .content__coupon:has(input:placeholder-shown) .button,
.columns__content .content__coupon .button:disabled {
  opacity: 0.25;
  pointer-events: none;
  cursor: not-allowed;
}
.columns__content .content__summary {
  --summary__gap: 0.5rem;
  --summary__margin-top: clamp(0.75rem, 0.1781rem + 0.6849vw, 1rem);
  --summary__padding: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
  background-color: var(--neutral-100);
  margin-top: var(--summary__margin-top);
  padding: var(--summary__padding);
  border-radius: 0.375rem;
}
@media only screen and (max-width: 52.0625rem) {
  .columns__content .content__summary {
    --summary__margin-top: clamp(0.5rem, 0.3101rem + 0.8439vw, 0.75rem);
    --summary__padding: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  }
}
.columns__content .content__summary .summary__coupons {
  display: flex;
  flex-direction: column;
  gap: var(--summary__gap);
  padding-bottom: var(--summary__gap);
  margin-bottom: var(--summary__gap);
  border-bottom: 0.0625rem solid var(--surfaces-50);
}
.columns__content .content__summary .summary__coupons:not(:has(.coupons__item)) {
  display: none;
}
.columns__content .content__summary .coupons__item,
.columns__content .content__summary .summary__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: clamp(1rem, -0.1438rem + 1.3699vw, 1.5rem);
}
.columns__content .content__summary .coupons__item .item__title {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  color: var(--error-700);
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .columns__content .content__summary .coupons__item .item__title {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.columns__content .content__summary .coupons__item .title__button {
  display: flex;
  cursor: pointer;
}
.columns__content .content__summary .coupons__item .title__button svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.columns__content .content__summary .coupons__item .title__button svg rect {
  fill: var(--error-700);
}
.columns__content .content__summary .coupons__item .title__button svg path {
  stroke: var(--neutral-100);
}
.columns__content .content__summary .coupons__item .item__value {
  color: var(--error-700);
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 600;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .columns__content .content__summary .coupons__item .item__value {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.columns__content .content__summary .summary__row {
  color: var(--secondary-600);
}
.columns__content .content__summary .summary__row span:first-child {
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.125rem;
}
@media only screen and (max-width: 52.0625rem) {
  .columns__content .content__summary .summary__row span:first-child {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.columns__content .content__summary .summary__row span:last-child {
  font-size: clamp(0.875rem, 0.732rem + 0.1712vw, 0.9375rem);
  font-weight: 600;
  line-height: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .columns__content .content__summary .summary__row span:last-child {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.columns__content .content__summary .summary__row + .summary__row {
  margin-top: var(--summary__gap);
}
.columns__content .content__summary .summary__row._total span {
  color: var(--secondary-300);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 600;
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
}
.columns__content .content__summary .checkbox {
  margin-top: 1.125rem;
}
.columns__content .content__summary .checkbox + .checkbox {
  margin-top: 0.75rem;
}
.columns__content .content__summary .button {
  --button__margin-top: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
  margin-top: var(--button__margin-top);
}
@media only screen and (max-width: 52.0625rem) {
  .columns__content .content__summary .button {
    --button__margin-top: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  }
}
.columns__content .content__summary .button._disabled, .columns__content .content__summary .button:disabled {
  background-color: var(--primary-900);
  opacity: 0.25;
  pointer-events: none;
  cursor: not-allowed;
}

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

.checkout__columns {
  --columns__padding-top: clamp(2rem, -1.4315rem + 4.1096vw, 3.5rem);
  --columns__padding-bottom: clamp(3.375rem, 1.9452rem + 1.7123vw, 4rem);
  --columns__padding-inline: clamp(2.5rem, -3.2192rem + 6.8493vw, 5rem);
  background-color: var(--surfaces-300);
}
@media only screen and (max-width: 83.4375rem) {
  .checkout__columns {
    --columns__padding-inline: clamp(1.5rem, -2.8227rem + 6.3745vw, 2.5rem);
  }
}
@media only screen and (max-width: 67.75rem) {
  .checkout__columns {
    --columns__padding-inline: 0;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .checkout__columns {
    --columns__padding-top: clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
  }
}
.checkout__columns .wrap {
  --columns__columns: minmax(0, clamp(39.375rem, 12.2089rem + 32.5342vw, 51.25rem)) minmax(0, 1fr);
  display: grid;
  grid-template-columns: var(--columns__columns);
}
@media only screen and (max-width: 83.4375rem) {
  .checkout__columns .wrap {
    --columns__columns: minmax(0, clamp(26.875rem, -27.1589rem + 79.6813vw, 39.375rem)) minmax(0, 1fr);
  }
}
@media only screen and (max-width: 67.75rem) {
  .checkout__columns .wrap {
    --columns__columns: minmax(0, 1fr);
  }
}
.checkout__columns .checkout__title {
  color: var(--secondary-300);
  font-size: clamp(1.125rem, 0.839rem + 0.3425vw, 1.25rem);
  font-weight: 500;
  line-height: 1.75rem;
  padding-bottom: clamp(1rem, 0.4281rem + 0.6849vw, 1.25rem);
}
.checkout__columns .checkout__title + * {
  margin-top: 0 !important;
}

.homepage__hero {
  --hero__padding-block: 1.5rem;
  --hero__direction: row;
  --hero__aspect-ratio: 2.4333333333;
  --hero__text__color: var(--neutral-100);
  --hero__border-radius: 0.375rem;
  margin-bottom: 0 !important;
  padding-top: var(--hero__padding-block);
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero {
    --hero__direction: column;
    --hero__aspect-ratio: 0.5142857143;
  }
}
@media only screen and (max-width: 37.25rem) {
  .homepage__hero {
    --hero__border-radius: 0;
  }
}
.homepage__hero:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  overflow: hidden;
}
.homepage__hero:not(.slick-initialized) > *:nth-child(n+2) {
  display: none;
}
@media only screen and (max-width: 83.4375rem) {
  .homepage__hero {
    padding-top: 0;
  }
}
@media only screen and (max-width: 37.25rem) {
  .homepage__hero {
    margin-inline: calc(var(--padding) * -1);
  }
}
.homepage__hero .hero__item {
  --item__background-image: var(--desktop-image);
  display: flex;
  flex-direction: var(--hero__direction);
  width: 100%;
  height: auto;
  aspect-ratio: var(--hero__aspect-ratio);
  background-repeat: no-repaeat;
  background-position: center;
  background-size: cover;
  background-image: var(--item__background-image);
  border-radius: var(--hero__border-radius);
  overflow: hidden;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .hero__item {
    --item__background-image: var(--mobile-image);
  }
}
.homepage__hero .hero__item._reverse {
  --hero__direction: row-reverse;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .hero__item._reverse {
    --hero__direction: column;
  }
}
.homepage__hero .hero__item._light {
  --hero__text__color: var(--neutral-100);
}
.homepage__hero .hero__item._dark {
  --hero__text__color: var(--secondary-300);
}
.homepage__hero .item__content {
  --content__padding-block: clamp(3.5625rem, 1.7038rem + 2.226vw, 4.375rem);
  --content__padding-inline: clamp(3.75rem, -4.8288rem + 10.274vw, 7.5rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding-block: var(--content__padding-block);
  padding-inline: var(--content__padding-inline);
}
@media only screen and (max-width: 83.4375rem) {
  .homepage__hero .item__content {
    --content__padding-block: clamp(0.8125rem, -5.1061rem + 11.3546vw, 4.375rem);
    --content__padding-inline: clamp(2.5rem, -5.8068rem + 15.9363vw, 7.5rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .item__content {
    --content__padding-inline: clamp(1.5rem, 0.2658rem + 5.4852vw, 3.125rem);
    --content__padding-top: clamp(1.5rem, -3.8165rem + 23.6287vw, 8.5rem);
    --content__padding-bottom: clamp(1rem, -4.6962rem + 25.3165vw, 8.5rem);
  }
}
@media only screen and (max-width: 37.25rem) {
  .homepage__hero .item__content {
    --content__padding: var(--padding);
  }
}
@media only screen and (max-width: 22.4375rem) {
  .homepage__hero .item__content {
    --content__padding-top: 0.5rem;
    --content__padding-bottom: 0.5rem;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .item__content {
    display: flex;
    align-items: center;
    padding-top: var(--content__padding-top);
    padding-bottom: var(--content__padding-bottom);
  }
}
.homepage__hero .item__content > *:first-child {
  margin-top: 0;
}
.homepage__hero .content__logo {
  --logo__width: clamp(6.25rem, 1.9606rem + 5.137vw, 8.125rem);
  width: var(--logo__width);
  height: auto;
  aspect-ratio: 2.5;
}
@media only screen and (max-width: 22.4375rem) {
  .homepage__hero .content__logo {
    --logo__width: 5rem;
  }
}
.homepage__hero .content__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .content__percents,
  .homepage__hero .content__heading-1,
  .homepage__hero .content__heading-2,
  .homepage__hero .content__text {
    text-align: center;
  }
}
.homepage__hero .content__percents,
.homepage__hero .content__heading-1 {
  --percents__margin-top: clamp(0.5rem, 0.214rem + 0.3425vw, 0.625rem);
  margin-top: var(--percents__margin-top);
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .content__percents,
  .homepage__hero .content__heading-1 {
    --percents__margin-top: clamp(0.5rem, -0.2595rem + 3.3755vw, 1.5rem);
  }
}
@media only screen and (max-width: 22.4375rem) {
  .homepage__hero .content__percents,
  .homepage__hero .content__heading-1 {
    --percents__margin-top: 0.25rem;
  }
}
.homepage__hero .content__percents {
  color: var(--hero__text__color);
  font-size: clamp(5rem, -0.7192rem + 6.8493vw, 7.5rem);
  font-weight: 600;
  line-height: clamp(5.5rem, -1.9349rem + 8.9041vw, 8.75rem);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media only screen and (max-width: 83.4375rem) {
  .homepage__hero .content__percents {
    font-size: clamp(3rem, -0.3227rem + 6.3745vw, 5rem);
    line-height: clamp(3.375rem, -0.1554rem + 6.7729vw, 5.5rem);
  }
}
@supports (-webkit-line-clamp: 1) {
  .homepage__hero .content__percents {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
.homepage__hero .content__heading-1 {
  color: var(--hero__text__color);
  font-size: clamp(3rem, 0.7123rem + 2.7397vw, 4rem);
  font-weight: 600;
  line-height: clamp(3.375rem, 0.5154rem + 3.4247vw, 4.625rem);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media only screen and (max-width: 83.4375rem) {
  .homepage__hero .content__heading-1 {
    font-size: clamp(2.25rem, 1.004rem + 2.3904vw, 3rem);
    line-height: clamp(2.75rem, 1.7117rem + 1.992vw, 3.375rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .content__heading-1 {
    font-size: clamp(2rem, 1.8101rem + 0.8439vw, 2.25rem);
    line-height: clamp(2.375rem, 2.0902rem + 1.2658vw, 2.75rem);
  }
}
@supports (-webkit-line-clamp: 2) {
  .homepage__hero .content__heading-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.homepage__hero .content__heading-2,
.homepage__hero .content__text {
  --heading__margin-top: clamp(0.5rem, -2.6455rem + 3.7671vw, 1.875rem);
  margin-top: var(--heading__margin-top);
}
@media only screen and (max-width: 22.4375rem) {
  .homepage__hero .content__heading-2,
  .homepage__hero .content__text {
    --heading__margin-top: 0.25rem;
  }
}
.homepage__hero .content__heading-2 {
  color: var(--hero__text__color);
  font-size: clamp(1.75rem, 1.1781rem + 0.6849vw, 2rem);
  font-weight: 600;
  line-height: 2.5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media only screen and (max-width: 83.4375rem) {
  .homepage__hero .content__heading-2 {
    font-size: clamp(1.25rem, 0.4193rem + 1.5936vw, 1.75rem);
    line-height: clamp(1.75rem, 0.504rem + 2.3904vw, 2.5rem);
  }
}
@supports (-webkit-line-clamp: 2) {
  .homepage__hero .content__heading-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.homepage__hero .content__text {
  color: var(--hero__text__color);
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 400;
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@supports (-webkit-line-clamp: 1) {
  .homepage__hero .content__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
.homepage__hero .button {
  --button__margin-top: clamp(1.5rem, -1.3596rem + 3.4247vw, 2.75rem);
  margin-top: var(--button__margin-top);
}
@media only screen and (max-width: 22.4375rem) {
  .homepage__hero .button {
    --button__margin-top: 1rem;
  }
}
.homepage__hero .item__visual {
  --visual__width: auto;
  --visual__height: 100%;
  width: var(--visual__width);
  height: var(--visual__height);
  aspect-ratio: 1;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .item__visual {
    --visual__width: 100%;
    --visual__height: auto;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .item__visual {
    margin-top: auto;
  }
}
.homepage__hero .item__visual img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.homepage__hero .slick-arrow {
  --slider__arrow__width: 2.5rem;
  --slick__arrow__position: 1rem;
  --slick__arrow__gap: 0.375rem;
  --slick__background-color: var(--neutral-100);
  --slick__arrow__opacity: 0.4;
  width: var(--slider__arrow__width);
  min-width: var(--slider__arrow__width);
  height: auto;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
  font-size: 0;
  z-index: 1;
  left: unset;
  right: var(--slick__arrow__position);
}
@media only screen and (min-width: 52.125rem) {
  .homepage__hero .slick-arrow {
    top: unset;
    bottom: var(--slick__arrow__position);
    transform: unset;
  }
}
@media (hover: hover) {
  .homepage__hero .slick-arrow:hover {
    --slick__arrow__opacity: 1;
  }
}
.homepage__hero .slick-arrow::before {
  background-color: var(--slick__background-color);
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  position: relative;
  content: "" !important;
  opacity: var(--slick__arrow__opacity) !important;
  box-sizing: border-box;
  transition: opacity 0.1s ease-in-out;
}
.homepage__hero .slick-arrow::after {
  --icon__width: 1.5rem;
  display: flex;
  content: "";
  background-image: url("../images/icons/chevron-right_24x24.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 52.125rem) {
  .homepage__hero .slick-arrow.slick-prev {
    right: calc(var(--slick__arrow__position) + var(--slick__arrow__gap) + var(--slider__arrow__width));
  }
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .slick-arrow.slick-prev {
    left: var(--slick__arrow__position);
  }
}
.homepage__hero .slick-arrow.slick-prev::after {
  transform: translate(-50%, -50%) rotate(180deg);
}
.homepage__hero .slick-dots {
  --slick__dots__position: 1.25rem;
  bottom: var(--slick__dots__position);
  line-height: 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 li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.homepage__hero .slick-dots li {
  width: 1.25rem;
  height: auto;
  aspect-ratio: 1;
  position: relative;
  margin: 0 0.125rem;
  opacity: 0.35;
  transition: opacity 0.1s ease-in-out, width 0.1s ease-in-out, min-width 0.1s ease-in-out, height 0.1s ease-in-out;
}
.homepage__hero .slick-dots li.slick-active {
  opacity: 1;
}
.homepage__hero .slick-dots li button {
  background-color: var(--divider-800);
  width: 0.5rem;
  height: auto;
  aspect-ratio: 1;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.homepage__hero .slick-dots li button::before {
  content: none;
}

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

@keyframes carousel-slide {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.homepage__categories {
  --categories__background-color: var(--surfaces-300);
  --categories__image__width: 100%;
  --categories__button__bottom: clamp(1rem, -0.7158rem + 2.0548vw, 1.75rem);
  --categories__button__translateY: calc(110% + var(--categories__button__bottom));
  padding-block: var(--padding-block);
}
.homepage__categories ul {
  list-style: none;
}
.homepage__categories 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;
}
.homepage__categories ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.homepage__categories a {
  text-decoration: none;
}
.homepage__categories .wrap {
  --categories__columns: repeat(7, minmax(0, 1fr));
  display: grid;
  grid-gap: clamp(0.5rem, 0.214rem + 0.3425vw, 0.625rem);
  grid-template-columns: var(--categories__columns);
}
@media only screen and (max-width: 67.75rem) {
  .homepage__categories .wrap {
    --categories__columns: minmax(0, 1fr);
  }
}
.homepage__categories .categories__item {
  display: flex;
  flex-direction: column;
  color: inherit;
  background-color: var(--categories__background-color);
  color: var(--secondary-300);
  font-size: clamp(0.8125rem, 0.6695rem + 0.1712vw, 0.875rem);
  font-weight: 600;
  line-height: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  min-height: 100%;
  border-radius: 0.375rem;
  overflow: hidden;
  position: relative;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}
@media (hover: hover) {
  .homepage__categories .categories__item:hover {
    color: var(--secondary-900);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__categories .categories__item {
    font-size: clamp(0.8125rem, 0.9225rem + -0.211vw, 0.875rem);
    line-height: clamp(1rem, 1.2199rem + -0.4219vw, 1.125rem);
  }
}
@media (hover: hover) {
  .homepage__categories .categories__item:hover {
    --categories__image__width: 107%;
    --categories__button__translateY: 0;
    --categories__background-color: var(--secondary-500);
  }
}
.homepage__categories .item__title {
  --title__padding-top: clamp(1.875rem, 0.4452rem + 1.7123vw, 2.5rem);
  --title__padding-bottom: clamp(0.625rem, -4.5223rem + 6.1644vw, 2.875rem);
  text-align: center;
  padding-top: var(--title__padding-top);
  padding-bottom: var(--title__padding-bottom);
  padding-inline: clamp(0.75rem, -4.6832rem + 6.5068vw, 3.125rem);
}
@media only screen and (max-width: 83.4375rem) {
  .homepage__categories .item__title {
    --title__padding-top: clamp(1.5rem, -0.121rem + 2.3904vw, 1.875rem);
  }
}
@media only screen and (max-width: 67.75rem) {
  .homepage__categories .item__title {
    --title__padding-bottom: 1rem;
  }
}
.homepage__categories .item__photo {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  display: block;
  position: relative;
  overflow: hidden;
  margin-top: auto;
}
@media only screen and (max-width: 67.75rem) {
  .homepage__categories .item__photo {
    width: 11.25rem;
    min-width: unset;
    max-width: 100%;
    margin-inline: auto;
  }
}
.homepage__categories .item__photo img {
  width: var(--categories__image__width);
  min-width: var(--categories__image__width);
  height: auto;
  aspect-ratio: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: contain;
  transition: width 0.15s ease-in-out, min-width 0.15s ease-in-out, height 0.15s ease-in-out;
}
.homepage__categories .button {
  position: absolute;
  left: 50%;
  bottom: var(--categories__button__bottom);
  transform: translateX(-50%) translateY(var(--categories__button__translateY));
  transition: transform 0.15s ease-in-out;
}
.homepage__categories + .product__slider {
  padding-top: 0;
}
.homepage__categories._slider {
  --categories__button__bottom: 0.75rem;
}
.homepage__categories._slider .wrap {
  display: block;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__categories._slider .wrap {
    padding-inline: 0;
  }
}
.homepage__categories._slider .categories__slider {
  --content__padding-inline: clamp(4.0625rem, 2.7757rem + 1.5411vw, 4.625rem);
  padding-inline: var(--content__padding-inline);
}
@media only screen and (max-width: 83.4375rem) {
  .homepage__categories._slider .categories__slider {
    --content__padding-inline: clamp(3.3125rem, 2.0665rem + 2.3904vw, 4.0625rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__categories._slider .categories__slider {
    --content__padding-inline: 0rem;
  }
}
.homepage__categories._slider .categories__slider:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  overflow: hidden;
}
.homepage__categories._slider .categories__slider:not(.slick-initialized) > *:nth-child(n+8) {
  display: none;
}
.homepage__categories._slider .categories__slider .slick-track {
  display: flex !important;
}
.homepage__categories._slider .categories__slider .slick-track .slick-slide {
  height: inherit !important;
}
.homepage__categories._slider .categories__slider .slick-track .slick-slide > div:not([class]), .homepage__categories._slider .categories__slider .slick-track .slick-slide > div:not([class]) > div:not([class]) {
  height: 100%;
}
@media only screen and (max-width: 101.6875rem) {
  .homepage__categories._slider .categories__slider:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    overflow: hidden;
  }
  .homepage__categories._slider .categories__slider:not(.slick-initialized) > *:nth-child(n+7) {
    display: none;
  }
}
@media only screen and (max-width: 83.4375rem) {
  .homepage__categories._slider .categories__slider:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    overflow: hidden;
  }
  .homepage__categories._slider .categories__slider:not(.slick-initialized) > *:nth-child(n+6) {
    display: none;
  }
}
@media only screen and (max-width: 75.59375rem) {
  .homepage__categories._slider .categories__slider:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
  }
  .homepage__categories._slider .categories__slider:not(.slick-initialized) > *:nth-child(n+5) {
    display: none;
  }
}
@media only screen and (max-width: 67.75rem) {
  .homepage__categories._slider .categories__slider:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
  }
  .homepage__categories._slider .categories__slider:not(.slick-initialized) > *:nth-child(n+4) {
    display: none;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__categories._slider .categories__slider:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    overflow: hidden;
  }
  .homepage__categories._slider .categories__slider:not(.slick-initialized) > *:nth-child(n+2) {
    display: none;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__categories._slider .categories__slider .slick-list {
    padding-left: calc(var(--padding) - clamp(0.25rem, 0.2025rem + 0.211vw, 0.3125rem));
    padding-right: calc(100% - 12.875rem - clamp(0.25rem, 0.2025rem + 0.211vw, 0.3125rem) * 2 - (var(--padding) - clamp(0.25rem, 0.2025rem + 0.211vw, 0.3125rem)));
  }
}
.homepage__categories._slider .categories__slider .slick-slide, .homepage__categories._slider .categories__slider > div:not(.slick-list) {
  --slide__padding-inline: clamp(0.25rem, 0.2025rem + 0.211vw, 0.3125rem);
  padding-inline: var(--slide__padding-inline);
}
.homepage__categories._slider .item__title {
  --title__padding-top: clamp(1.5rem, 0.6421rem + 1.0274vw, 1.875rem);
  padding-inline: clamp(0.75rem, 0.1781rem + 0.6849vw, 1rem);
}
.homepage__categories._slider .slick-arrow {
  width: 2.875rem;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
}
@media (hover: hover) {
  .homepage__categories._slider .slick-arrow:hover::after {
    background-color: var(--secondary-900);
  }
}
.homepage__categories._slider .slick-arrow:after {
  --icon__width: 100%;
  display: flex;
  content: "";
  background-image: url("../images/icons/arrow-right_18x18.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
  background-color: var(--primary-500);
  background-size: 1.125rem;
}
.homepage__categories._slider .slick-arrow.slick-prev {
  left: 0;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__categories._slider .slick-arrow.slick-prev {
    left: var(--padding);
  }
}
.homepage__categories._slider .slick-arrow.slick-prev::after {
  transform: rotate(180deg);
}
.homepage__categories._slider .slick-arrow.slick-next {
  right: 0;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__categories._slider .slick-arrow.slick-next {
    right: var(--padding);
  }
}

.homepage__image + .homepage__categories,
.homepage__categories + .homepage__categories {
  padding-top: 0;
}

.homepage__image {
  --image__gap: clamp(0.5rem, -0.2595rem + 3.3755vw, 1.5rem);
  --image__col: minmax(0, 1fr);
  --image__width: clamp(76.875rem, 18.2534rem + 70.2055vw, 102.5rem);
  --image__aspect-ratio: 5.8571428571;
  padding-block: var(--padding-block);
}
.homepage__image:has(.image:only-child) {
  --image__width: unset;
  --image__aspect-ratio: unset;
}
.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;
  border-radius: 0.375rem;
  overflow: hidden;
}
.homepage__image .image picture, .homepage__image .image img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.homepage__image._double {
  --image__col: repeat(2, minmax(0, 1fr));
  --image__width: clamp(37rem, -5.3219rem + 50.6849vw, 55.5rem);
  --image__aspect-ratio: 2.4666666667;
}
@media only screen and (max-width: 67.75rem) {
  .homepage__image._double {
    --image__col: minmax(0, 1fr);
  }
}
.homepage__image:has(+ .homepage__facts) {
  padding-bottom: 0;
}

.product__slider + .homepage__image {
  padding-top: 0;
}

.homepage__about {
  --about__color: var(--secondary-300);
  background-color: var(--surfaces-300);
  background-image: url("../images/backgrounds/about/1920x696/image_1_2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-block: clamp(3.375rem, 0.8014rem + 3.0822vw, 4.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__about {
    background-image: unset;
  }
}
.homepage__about .about__text,
.homepage__about .about__facts {
  --facts__width: 100%;
  margin-inline: auto;
}
.homepage__about .about__text {
  width: var(--facts__width);
  max-width: 52.0625rem;
}
.homepage__about .about__text > * {
  text-align: center;
  color: var(--about__color);
}
.homepage__about h2, .homepage__about .h2 {
  font-size: clamp(1.375rem, 0.5171rem + 1.0274vw, 1.75rem);
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__about h2, .homepage__about .h2 {
    font-size: clamp(1.125rem, 0.9351rem + 0.8439vw, 1.375rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.homepage__about h1, .homepage__about .h1 {
  color: var(--primary-900);
  font-size: clamp(3rem, 0.7123rem + 2.7397vw, 4rem);
  line-height: clamp(3.375rem, 0.5154rem + 3.4247vw, 4.625rem);
  margin-top: clamp(0.25rem, 0.0601rem + 0.8439vw, 0.5rem);
}
@media only screen and (max-width: 83.4375rem) {
  .homepage__about h1, .homepage__about .h1 {
    font-size: clamp(2.25rem, 1.004rem + 2.3904vw, 3rem);
    line-height: clamp(2.75rem, 1.7117rem + 1.992vw, 3.375rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__about h1, .homepage__about .h1 {
    font-size: clamp(2rem, 1.8101rem + 0.8439vw, 2.25rem);
    line-height: clamp(2.375rem, 2.0902rem + 1.2658vw, 2.75rem);
  }
}
.homepage__about h3, .homepage__about .h3 {
  font-size: clamp(1.125rem, 0.839rem + 0.3425vw, 1.25rem);
  line-height: 1.75rem;
  margin-top: clamp(0.25rem, -0.3196rem + 2.5316vw, 1rem);
}
.homepage__about p, .homepage__about .p {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 300;
  line-height: 1.75rem;
  margin-top: 0.75rem;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__about p, .homepage__about .p {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.5rem, 1.3101rem + 0.8439vw, 1.75rem);
  }
}
.homepage__about .button {
  margin-top: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}

.homepage__intro {
  --intro__padding-top: clamp(5rem, -0.7192rem + 6.8493vw, 7.5rem);
  background-color: var(--surfaces-500);
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  padding-top: var(--intro__padding-top);
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__intro {
    --intro__padding-top: clamp(3.375rem, 2.1408rem + 5.4852vw, 5rem);
  }
}
.homepage__intro .wrap,
.homepage__intro .intro__text {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}
.homepage__intro .wrap {
  --gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
}
.homepage__intro .intro__text {
  --gap: 1rem;
  width: 62.5rem;
  max-width: 100%;
  margin-inline: auto;
}
.homepage__intro .intro__text > *:not(.button) {
  text-align: center;
  color: var(--secondary-300);
}
.homepage__intro .intro__text p, .homepage__intro .intro__text .p {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 300;
  line-height: 1.75rem;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__intro .intro__text p, .homepage__intro .intro__text .p {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.5rem, 1.3101rem + 0.8439vw, 1.75rem);
  }
}
.homepage__intro .intro__text p:nth-child(2), .homepage__intro .intro__text .p:nth-child(2) {
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 400;
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
}
.homepage__intro .about__facts {
  --facts__width: 100%;
  --facts__max-width: 98.75rem;
  --facts__justify-content: space-around;
  margin-top: 0;
  margin-inline: auto;
  border-radius: 0.375rem;
}
.homepage__intro .intro__photo {
  width: 100%;
  height: auto;
}
.homepage__intro .intro__photo picture, .homepage__intro .intro__photo img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.homepage__benta {
  padding-block: var(--padding-block);
}
.homepage__benta .benta__box {
  --box__gap: clamp(0.8125rem, 0.3836rem + 0.5137vw, 1rem);
  width: 102.875rem;
  max-width: 100%;
  display: grid;
  grid-gap: var(--box__gap);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-flow: dense;
  margin-inline: auto;
}
@media only screen and (max-width: 83.4375rem) {
  .homepage__benta .benta__box {
    --box__gap: clamp(0.75rem, 0.6462rem + 0.1992vw, 0.8125rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__benta .benta__box {
    --box__gap: clamp(0.25rem, -0.1297rem + 1.6878vw, 0.75rem);
  }
}
.homepage__benta .box__item {
  display: flex;
  border-radius: 0.375rem;
  overflow: hidden;
}
.homepage__benta .box__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.homepage__benta .box__item._col-span-1 {
  grid-column: span 1/span 1;
}
.homepage__benta .box__item._row-span-1 {
  grid-row: span 1/span 1;
}
.homepage__benta .box__item._col-span-2 {
  grid-column: span 2/span 2;
}
.homepage__benta .box__item._row-span-2 {
  grid-row: span 2/span 2;
}
.homepage__benta .box__item._col-span-3 {
  grid-column: span 3/span 3;
}
.homepage__benta .box__item._row-span-3 {
  grid-row: span 3/span 3;
}
.homepage__benta .box__item._col-span-4 {
  grid-column: span 4/span 4;
}
.homepage__benta .box__item._row-span-4 {
  grid-row: span 4/span 4;
}
.homepage__benta .box__item._col-start-1 {
  grid-column-start: 1;
}
.homepage__benta .box__item._row-start-1 {
  grid-row-start: 1;
}
.homepage__benta .box__item._col-start-2 {
  grid-column-start: 2;
}
.homepage__benta .box__item._row-start-2 {
  grid-row-start: 2;
}
.homepage__benta .box__item._col-start-3 {
  grid-column-start: 3;
}
.homepage__benta .box__item._row-start-3 {
  grid-row-start: 3;
}
.homepage__benta .box__item._col-start-4 {
  grid-column-start: 4;
}
.homepage__benta .box__item._row-start-4 {
  grid-row-start: 4;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__benta .box__item.mobile\:_col-span-1 {
    grid-column: span 1/span 1;
  }
  .homepage__benta .box__item.mobile\:_row-span-1 {
    grid-row: span 1/span 1;
  }
  .homepage__benta .box__item.mobile\:_col-span-2 {
    grid-column: span 2/span 2;
  }
  .homepage__benta .box__item.mobile\:_row-span-2 {
    grid-row: span 2/span 2;
  }
  .homepage__benta .box__item.mobile\:_col-span-3 {
    grid-column: span 3/span 3;
  }
  .homepage__benta .box__item.mobile\:_row-span-3 {
    grid-row: span 3/span 3;
  }
  .homepage__benta .box__item.mobile\:_col-span-4 {
    grid-column: span 4/span 4;
  }
  .homepage__benta .box__item.mobile\:_row-span-4 {
    grid-row: span 4/span 4;
  }
  .homepage__benta .box__item.mobile\:_col-start-1 {
    grid-column-start: 1;
  }
  .homepage__benta .box__item.mobile\:_row-start-1 {
    grid-row-start: 1;
  }
  .homepage__benta .box__item.mobile\:_col-start-2 {
    grid-column-start: 2;
  }
  .homepage__benta .box__item.mobile\:_row-start-2 {
    grid-row-start: 2;
  }
  .homepage__benta .box__item.mobile\:_col-start-3 {
    grid-column-start: 3;
  }
  .homepage__benta .box__item.mobile\:_row-start-3 {
    grid-row-start: 3;
  }
  .homepage__benta .box__item.mobile\:_col-start-4 {
    grid-column-start: 4;
  }
  .homepage__benta .box__item.mobile\:_row-start-4 {
    grid-row-start: 4;
  }
}

.product__slider + .homepage__benta {
  padding-top: 0;
}

.homepage__features {
  padding-block: var(--padding-block);
}
.homepage__features .wrap {
  --content: 111.875rem;
  --wrap__padding: clamp(2.6563rem, -0.6323rem + 3.9384vw, 4.0938rem);
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__features .wrap {
    --wrap__padding: clamp(1rem, -1.1361rem + 9.4937vw, 3.8125rem);
  }
}
.homepage__features .features__box {
  --box__gap: clamp(0.375rem, -0.1969rem + 0.6849vw, 0.625rem);
  --box__columns: repeat(4, minmax(0, 1fr));
  display: grid;
  grid-gap: var(--box__gap);
  grid-template-columns: var(--box__columns);
  grid-auto-flow: dense;
  margin-inline: auto;
}
@media only screen and (max-width: 83.4375rem) {
  .homepage__features .features__box {
    --box__gap: clamp(0.3125rem, 0.265rem + 0.211vw, 0.375rem);
    --box__columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 37.25rem) {
  .homepage__features .features__box {
    --box__columns: minmax(0, 1fr);
  }
}
@media only screen and (max-width: 83.4375rem) {
  .homepage__features .features__box {
    width: 44.375rem;
    max-width: 100%;
  }
}
.homepage__features .box__item {
  --item__background-image: var(--desktop-image);
  --item__color: var(--primary-500);
  --item__padding: clamp(1.5rem, -0.7877rem + 2.7397vw, 2.5rem);
  --item__padding-right: clamp(0rem, -5.7192rem + 6.8493vw, 2.5rem);
  --item__gap: clamp(1rem, -1.2877rem + 2.7397vw, 2rem);
  --item__content__gap: clamp(0.5rem, -0.6438rem + 1.3699vw, 1rem);
  --item__photo__width: clamp(19.25rem, 0.3767rem + 22.6027vw, 27.5rem);
  background-repeat: no-repaeat;
  background-position: center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--item__gap);
  background-image: var(--item__background-image);
  border-radius: 0.375rem;
  overflow: hidden;
  padding: var(--item__padding);
}
@media only screen and (max-width: 83.4375rem) {
  .homepage__features .box__item {
    --item__photo__width: clamp(15.625rem, -0.4335rem + 43.038vw, 22rem);
    --item__padding-right: clamp(0rem, -1.2118rem + 3.2476vw, 1.5rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__features .box__item {
    --item__background-image: var(--mobile-image);
  }
}
@media only screen and (max-width: 37.25rem) {
  .homepage__features .box__item {
    --item__padding: 1.5rem clamp(0rem, -2.2785rem + 10.1266vw, 1.5rem);
  }
}
@media only screen and (max-width: 37.25rem) {
  .homepage__features .box__item {
    grid-column: unset !important;
    grid-row: unset !important;
  }
}
.homepage__features .box__item._light {
  --item__color: var(--neutral-100);
}
.homepage__features .box__item:has(> img:only-child), .homepage__features .box__item:has(> iframe:only-child), .homepage__features .box__item:has(> video:only-child) {
  padding: 0;
}
.homepage__features .box__item img,
.homepage__features .box__item iframe,
.homepage__features .box__item video {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
}
.homepage__features .box__item .item__title,
.homepage__features .box__item .item__subtitle,
.homepage__features .box__item .item__description,
.homepage__features .box__item .content__title,
.homepage__features .box__item .content__description {
  color: var(--item__color);
}
@media only screen and (max-width: 83.4375rem) {
  .homepage__features .box__item .item__title,
  .homepage__features .box__item .item__subtitle,
  .homepage__features .box__item .item__description {
    text-align: center;
  }
}
.homepage__features .box__item .item__title {
  font-size: clamp(2.25rem, 0.5342rem + 2.0548vw, 3rem);
  font-weight: 700;
  line-height: clamp(2.75rem, 1.0342rem + 2.0548vw, 3.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__features .box__item .item__title {
    font-size: clamp(1.75rem, 1.3703rem + 1.6878vw, 2.25rem);
    line-height: clamp(2rem, 1.4304rem + 2.5316vw, 2.75rem);
  }
}
.homepage__features .box__item .item__subtitle {
  font-size: clamp(1rem, 0.714rem + 0.3425vw, 1.125rem);
  font-weight: 600;
  line-height: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
}
.homepage__features .box__item .item__description {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__features .box__item .item__description {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.homepage__features .box__item .item__content {
  display: flex;
  flex-direction: column;
  gap: var(--item__content__gap);
  margin-top: auto;
  padding: var(--item__padding);
}
@media only screen and (min-width: 37.3125rem) {
  .homepage__features .box__item .item__content {
    padding-right: var(--item__padding-right);
  }
}
@media only screen and (max-width: 37.25rem) {
  .homepage__features .box__item .item__content {
    padding: 2rem 1.5rem;
  }
}
.homepage__features .box__item .content__title {
  font-size: clamp(1.375rem, 0.5171rem + 1.0274vw, 1.75rem);
  font-weight: 700;
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__features .box__item .content__title {
    font-size: clamp(1.125rem, 0.9351rem + 0.8439vw, 1.375rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.homepage__features .box__item .content__description {
  font-size: clamp(0.9375rem, 0.7945rem + 0.1712vw, 1rem);
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__features .box__item .content__description {
    font-size: clamp(0.875rem, 0.8275rem + 0.211vw, 0.9375rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
@media only screen and (max-width: 83.4375rem) {
  .homepage__features .box__item .button {
    margin-inline: auto;
  }
}
.homepage__features .box__item._col-span-2:has(img:nth-child(2)), .homepage__features .box__item._col-span-2:has(iframe:nth-child(2)) {
  --item__gap: clamp(0rem, -10.0086rem + 11.9863vw, 4.375rem);
  --item__columns: minmax(0, 1fr) minmax(0, var(--item__photo__width));
  display: grid;
  grid-template-columns: var(--item__columns);
  padding: 0;
}
@media only screen and (max-width: 37.25rem) {
  .homepage__features .box__item._col-span-2:has(img:nth-child(2)), .homepage__features .box__item._col-span-2:has(iframe:nth-child(2)) {
    --item__columns: minmax(0, 1fr);
  }
}
.homepage__features .box__item._col-span-1 {
  grid-column: span 1/span 1;
}
.homepage__features .box__item._row-span-1 {
  grid-row: span 1/span 1;
}
.homepage__features .box__item._col-span-2 {
  grid-column: span 2/span 2;
}
.homepage__features .box__item._row-span-2 {
  grid-row: span 2/span 2;
}
.homepage__features .box__item._col-span-3 {
  grid-column: span 3/span 3;
}
.homepage__features .box__item._row-span-3 {
  grid-row: span 3/span 3;
}
.homepage__features .box__item._col-span-4 {
  grid-column: span 4/span 4;
}
.homepage__features .box__item._row-span-4 {
  grid-row: span 4/span 4;
}
.homepage__features .box__item._col-start-1 {
  grid-column-start: 1;
}
.homepage__features .box__item._row-start-1 {
  grid-row-start: 1;
}
.homepage__features .box__item._col-start-2 {
  grid-column-start: 2;
}
.homepage__features .box__item._row-start-2 {
  grid-row-start: 2;
}
.homepage__features .box__item._col-start-3 {
  grid-column-start: 3;
}
.homepage__features .box__item._row-start-3 {
  grid-row-start: 3;
}
.homepage__features .box__item._col-start-4 {
  grid-column-start: 4;
}
.homepage__features .box__item._row-start-4 {
  grid-row-start: 4;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__features .box__item.mobile\:_col-span-1 {
    grid-column: span 1/span 1;
  }
  .homepage__features .box__item.mobile\:_row-span-1 {
    grid-row: span 1/span 1;
  }
  .homepage__features .box__item.mobile\:_col-span-2 {
    grid-column: span 2/span 2;
  }
  .homepage__features .box__item.mobile\:_row-span-2 {
    grid-row: span 2/span 2;
  }
  .homepage__features .box__item.mobile\:_col-span-3 {
    grid-column: span 3/span 3;
  }
  .homepage__features .box__item.mobile\:_row-span-3 {
    grid-row: span 3/span 3;
  }
  .homepage__features .box__item.mobile\:_col-span-4 {
    grid-column: span 4/span 4;
  }
  .homepage__features .box__item.mobile\:_row-span-4 {
    grid-row: span 4/span 4;
  }
  .homepage__features .box__item.mobile\:_col-start-1 {
    grid-column-start: 1;
  }
  .homepage__features .box__item.mobile\:_row-start-1 {
    grid-row-start: 1;
  }
  .homepage__features .box__item.mobile\:_col-start-2 {
    grid-column-start: 2;
  }
  .homepage__features .box__item.mobile\:_row-start-2 {
    grid-row-start: 2;
  }
  .homepage__features .box__item.mobile\:_col-start-3 {
    grid-column-start: 3;
  }
  .homepage__features .box__item.mobile\:_row-start-3 {
    grid-row-start: 3;
  }
  .homepage__features .box__item.mobile\:_col-start-4 {
    grid-column-start: 4;
  }
  .homepage__features .box__item.mobile\:_row-start-4 {
    grid-row-start: 4;
  }
}

.about__timeline {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: var(--padding-block);
}
@media only screen and (min-width: 52.125rem) {
  .about__timeline {
    background-color: var(--surfaces-500);
    border-radius: 0.375rem;
    padding: clamp(1.875rem, -0.6986rem + 3.0822vw, 3rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .about__timeline {
    width: calc(100% + var(--padding) * 2);
    padding-top: var(--padding-block);
    border-top: 0.0625rem solid var(--surfaces-50);
    margin-inline: calc(var(--padding) * -1);
    padding-inline: var(--padding);
  }
}
.about__timeline h2, .about__timeline .h2 {
  text-align: center;
}
.about__timeline .timeline__slider {
  position: relative;
  overflow: hidden;
  border-radius: 0.375rem;
}
.about__timeline .timeline__slider:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  overflow: hidden;
}
.about__timeline .timeline__slider:not(.slick-initialized) > *:nth-child(n+2) {
  display: none;
}
.about__timeline .timeline__slider .slick-track {
  display: flex !important;
}
.about__timeline .timeline__slider .slick-track .slick-slide {
  height: inherit !important;
}
.about__timeline .timeline__slider .slick-track .slick-slide > div:not([class]), .about__timeline .timeline__slider .slick-track .slick-slide > div:not([class]) > div:not([class]) {
  height: 100%;
}
@media only screen and (max-width: 67.75rem) {
  .about__timeline .timeline__slider {
    width: 37.5rem;
    max-width: 100%;
    margin-inline: auto;
  }
}
.about__timeline .slick-arrow {
  width: 2.875rem;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
}
@media (hover: hover) {
  .about__timeline .slick-arrow:hover::after {
    background-color: var(--secondary-900);
  }
}
.about__timeline .slick-arrow:after {
  --icon__width: 100%;
  display: flex;
  content: "";
  background-image: url("../images/icons/arrow-right_18x18.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
  background-color: var(--primary-500);
  background-size: 1.125rem;
}
.about__timeline .slick-arrow.slick-prev {
  left: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .about__timeline .slick-arrow.slick-prev {
    left: var(--padding);
  }
}
.about__timeline .slick-arrow.slick-prev::after {
  transform: rotate(180deg);
}
.about__timeline .slick-arrow.slick-next {
  right: 1.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .about__timeline .slick-arrow.slick-next {
    right: var(--padding);
  }
}
.about__timeline .timeline__years {
  display: flex;
  align-items: center;
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  position: relative;
}
.about__timeline .timeline__years.is-overflowing {
  --fade-size: 2rem;
  --fade-left-color-start: transparent;
  --fade-left-stop: var(--fade-size);
  --fade-right-stop: var(--fade-size);
  --fade-right-color-end: transparent;
  mask-image: linear-gradient(to right, var(--fade-left-color-start) 0, black var(--fade-left-stop), black calc(100% - var(--fade-right-stop)), var(--fade-right-color-end) 100%);
  mask-mode: match-source;
  mask-repeat: no-repeat;
  -webkit-mask-image: linear-gradient(to right, var(--fade-left-color-start) 0, black var(--fade-left-stop), black calc(100% - var(--fade-right-stop)), var(--fade-right-color-end) 100%);
  -webkit-mask-repeat: no-repeat;
}
.about__timeline .timeline__years.hide-left-fade {
  --fade-left-color-start: black;
  --fade-left-stop: 0;
}
.about__timeline .timeline__years.hide-right-fade {
  --fade-right-stop: 0;
  --fade-right-color-end: black;
}
.about__timeline .years__list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(0.5rem, -1.7877rem + 2.7397vw, 1.5rem);
  width: max-content;
  margin-inline: auto;
}
.about__timeline .list__item {
  --item__opacity: 0.6;
  --item__text__opacity: 0.8;
  --item__text__font-weight: 400;
  --item__circle__opacity: 0;
  width: 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  opacity: var(--item__opacity);
  cursor: pointer;
}
.about__timeline .list__item._active {
  --item__opacity: 1;
  --item__text__opacity: 1;
  --item__text__font-weight: 600;
  --item__circle__opacity: 1;
}
.about__timeline .item__text {
  color: var(--primary-900);
  font-size: 0.875rem;
  font-weight: var(--item__text__font-weight);
  line-height: 1.25rem;
  opacity: var(--item__text__opacity);
}
@media only screen and (max-width: 52.0625rem) {
  .about__timeline .item__text {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.about__timeline .item__dot {
  width: 1.1875rem;
  min-width: 1.1875rem;
  height: auto;
  aspect-ratio: 1;
  display: flex;
}
.about__timeline .item__dot svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.about__timeline .item__dot svg circle[fill] {
  fill: var(--primary-900);
}
.about__timeline .item__dot svg circle[stroke] {
  stroke: var(--primary-900);
}
.about__timeline .item__dot svg circle:nth-child(2) {
  opacity: var(--item__circle__opacity);
}

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