@charset "UTF-8";
:root {
  --primary-900: #231F20;
  --neutral-100: #FFFFFF;
  --other-gradient-top-300: linear-gradient(180deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.00) 100%);
  --other-gradient-bottom-300: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 27.11%, rgba(0, 0, 0, 0.00) 100%);
  --other-disabled-400: #9A9898;
  --other-disabled-600: #6C696A;
  --other-divider-200: #D9D9D9;
  --other-success-700: #007C00;
  --other-success-100: #E6F2E6;
  --other-error-700: #C62828;
  --other-error-100: #FAEAEA;
  --surfaces-500: #F2F1ED;
  --button__background-color: var(--primary-900);
  --button__border-color: var(--primary-900);
  --button__color: var(--neutral-100);
}

._display-xl {
  font-size: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  ._display-xl {
    font-size: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
    line-height: clamp(1.875rem, 1.7801rem + 0.4219vw, 2rem);
  }
}

._heading-l {
  font-size: clamp(1.25rem, 0.6781rem + 0.6849vw, 1.5rem);
  line-height: clamp(1.75rem, 1.1781rem + 0.6849vw, 2rem);
}
@media only screen and (max-width: 52.0625rem) {
  ._heading-l {
    font-size: clamp(1.125rem, 1.0301rem + 0.4219vw, 1.25rem);
    line-height: clamp(1.5rem, 1.3101rem + 0.8439vw, 1.75rem);
  }
}

._title-m {
  font-size: 1.25rem;
  line-height: 2rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._title-m {
    font-size: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}

._body-l {
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  ._body-l {
    font-size: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}

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

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

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

._body-xs {
  font-size: 0.6875rem;
  line-height: 0.875rem;
}

._highlights-xl {
  font-size: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  ._highlights-xl {
    font-size: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}

._highlights-l {
  font-size: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  ._highlights-l {
    font-size: clamp(0.875rem, 0.4003rem + 2.1097vw, 1.5rem);
    line-height: clamp(1.375rem, 0.9003rem + 2.1097vw, 2rem);
  }
}

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

ul {
  list-style: none;
}
ul li {
  padding-left: 1.5rem;
  position: relative;
}
ul li::before {
  content: " • ";
  position: absolute;
  left: 0;
}

strong,
b {
  font-weight: 700;
}

:root {
  --content: 109.5rem;
  --content-max: 120rem;
  --padding: clamp(3rem, -2.1473rem + 6.1644vw, 5.25rem);
  --header__topbar__height: 2rem;
  --header__height: calc(5.625rem - var(--header__topbar__height));
}
@media only screen and (max-width: 83.4375rem) {
  :root {
    --padding: clamp(2.5rem, 1.6693rem + 1.5936vw, 3rem);
    --header__height: calc(5.5rem - var(--header__topbar__height));
  }
}
@media only screen and (max-width: 52.0625rem) {
  :root {
    --padding: clamp(1rem, -0.1392rem + 5.0633vw, 2.5rem);
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Mulish", 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 {
    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;
  width: 100%;
  max-width: max-content;
  text-decoration: none !important;
  text-align: center;
  cursor: pointer;
  padding: 0.5rem 1rem;
}
.button._text-uppercase {
  text-transform: uppercase;
}
.button._mx-auto {
  margin-inline: auto;
}
.button._primary {
  position: relative;
  z-index: 1;
  color: var(--button__color);
}
.button._primary::before {
  position: absolute;
  z-index: -1;
  content: "";
  inset: 0;
  background-color: var(--button__background-color);
  border: 0.0625rem solid var(--button__border-color);
}
@media (hover: hover) {
  .button._primary:hover {
    opacity: 0.8;
  }
}
.button._primary:disabled, .button._primary._disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
.button._primaryBordered {
  position: relative;
  z-index: 1;
  color: var(--button__background-color);
}
.button._primaryBordered::before {
  position: absolute;
  z-index: -1;
  content: "";
  inset: 0;
  background-color: var(--button__color);
  border: 0.0625rem solid var(--button__border-color);
}
@media (hover: hover) {
  .button._primaryBordered:hover {
    opacity: 0.8;
  }
}
.button._white {
  position: relative;
  z-index: 1;
  color: var(--button__background-color);
}
.button._white::before {
  position: absolute;
  z-index: -1;
  content: "";
  inset: 0;
  background-color: var(--button__color);
  border: 0.0625rem solid var(--button__color);
}
@media (hover: hover) {
  .button._white:hover {
    opacity: 0.8;
  }
}
.button._max-w-380 {
  max-width: 23.75rem;
}
.button._max-w-652 {
  max-width: 40.75rem;
}
.button._max-w-full {
  max-width: 100%;
}
.button._h-32 {
  height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
}
.button._h-48 {
  height: 3rem;
}
.button._h-56 {
  height: 3.5rem;
}
.button._px-18 {
  padding-inline: clamp(0.8125rem, 0.5752rem + 1.0549vw, 1.125rem);
}
.button._px-35 {
  padding-inline: 2.1875rem;
}
.button._px-40 {
  padding-inline: 2.5rem;
}

.checkbox {
  --checkbox__width: 1.125rem;
  --checkbox__gap: 0.625rem;
  --checkbox__box__background-color: transparent;
  --checkbox__box__border-color: var(--primary-900);
  --checkbox__box__border-radius: 0rem;
  --checkbox__box__margin-top: 0;
  --checkbox__box__background-size: 0.875rem;
  --checkbox__text__color: var(--primary-900);
  display: flex;
  align-items: flex-start;
  gap: var(--checkbox__gap);
  position: relative;
  cursor: pointer;
}
.checkbox .checkbox__input {
  display: none;
}
.checkbox .checkbox__box {
  width: var(--checkbox__width);
  min-width: var(--checkbox__width);
  height: auto;
  aspect-ratio: 1;
  background-color: var(--checkbox__box__background-color);
  display: block;
  border: 0.0625rem solid var(--checkbox__box__border-color);
  border-radius: var(--checkbox__box__border-radius);
  margin-top: var(--checkbox__box__margin-top);
}
.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_14x14.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: var(--checkbox__box__background-size);
}
.checkbox:has(.checkbox__input:disabled) {
  --checkbox__box__border-color: var(--other-disabled-600) !important;
  --checkbox__text__color: var(--other-white-800) !important;
  cursor: not-allowed;
}
.checkbox:has(.checkbox__input:disabled:checked) {
  --checkbox__box__background-color: var(--other-disabled-600);
  --checkbox__box__border-color: var(--other-disabled-600);
}
.checkbox._block {
  background-color: var(--surfaces-500);
  padding: 0.5rem 0.625rem;
  border-radius: 0.25rem;
}
.checkbox._block .checkbox__box {
  border-radius: 50%;
}
.checkbox._block:has(.checkbox__input:checked) .checkbox__box {
  border-width: 0.1875rem;
  background: transparent;
}
.checkbox._error:not(:has(.checkbox__input:checked)) {
  --checkbox__box__border-color: var(--other-error-700);
  --checkbox__text__color: var(--other-error-700);
}
.checkbox._body-l {
  --checkbox__box__margin-top: 0.1875rem;
}
.checkbox._body-m {
  --checkbox__box__margin-top: clamp(0.0625rem, -0.0324rem + 0.4219vw, 0.1875rem);
}

.quantity {
  --quantity__padding: 0rem;
  --quantity__icon__width: 1.5rem;
  --quantity__button__width: calc(var(--quantity__icon__width) + calc(2 * var(--quantity__padding)));
  width: 100%;
  max-width: var(--quantity__max-width);
  display: flex;
  grid-area: quantity;
}
.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,
  .quantity .quantity__plus:hover {
    opacity: 0.8;
  }
}
.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-900);
}
.quantity .quantity__input {
  width: calc(100% - var(--quantity__button__width) * 2);
  color: var(--primary-900);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .quantity .quantity__input {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.quantity .quantity__input {
  text-align: center;
  appearance: none;
  -moz-appearance: textfield;
}
.quantity .quantity__input::-webkit-outer-spin-button, .quantity .quantity__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.quantity._cart {
  --quantity__max-width: 5rem;
}
.quantity._checkout {
  --quantity__max-width: 5.75rem;
}
@media only screen and (max-width: 37.25rem) {
  .quantity._checkout {
    --quantity__max-width: 6.75rem;
  }
}
.quantity._product {
  --quantity__padding: 1rem;
  height: 3rem;
  border: 0.0625rem solid var(--primary-900);
}
.quantity._product .quantity__input {
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .quantity._product .quantity__input {
    font-size: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}

.input {
  --input__background: var(--neutral-100);
  --input__border-color: var(--primary-900);
  --input__label__color: var(--primary-900);
  --input__text__color: var(--primary-900);
  --input__error: var(--other-error-700);
  --input__textarea__height: 10rem;
  --input__svg__width: 1.5rem;
  --input__svg__color: var(--primary-900);
  --input__padding-inline: 1rem;
  --input__gap: 0.625rem;
  width: 100%;
  margin-top: var(--input__margin-top, 1rem);
  position: relative;
}
.input:has(svg) .input__label, .input:has(.frame__pass) .input__label {
  right: calc(var(--input__gap) + var(--input__svg__width) + var(--input__padding-inline));
}
.input:has(.frame__pass) input[type=text] + .frame__pass {
  background-image: url("../images/icons/eye-off_24x24.svg");
}
.input .input__label {
  display: flex;
  color: var(--input__label__color);
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1rem;
}
@media only screen and (max-width: 52.0625rem) {
  .input .input__label {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.input .input__label {
  background-color: var(--input__background);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@supports (-webkit-line-clamp: 1) {
  .input .input__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
.input .input__label {
  position: absolute;
  z-index: 1;
  top: 1rem;
  left: var(--input__padding-inline);
  right: var(--input__padding-inline);
  transition: top 0.15s ease-out, font-size 0.15s ease-out, color 0.15s ease-out;
}
.input .input__frame {
  height: 3rem;
  display: flex;
  align-items: flex-start;
  gap: var(--input__gap);
  background-color: var(--input__background);
  padding-block: 0.875rem;
  padding-left: var(--input__padding-inline);
  padding-right: var(--input__padding-inline);
  border: 0.0625rem solid var(--input__border-color);
  position: relative;
  transition: padding-block 0.15s ease-out;
}
.input .input__frame:has(textarea) {
  height: var(--input__textarea__height) !important;
}
.input .input__frame:has(textarea) textarea {
  resize: none;
}
.input .input__frame:has(svg), .input .input__frame:has(.frame__pass) {
  padding-right: calc(var(--input__gap) + var(--input__svg__width) + var(--input__padding-inline));
}
.input .input__frame svg {
  width: var(--input__svg__width);
  min-width: var(--input__svg__width);
  height: auto;
  aspect-ratio: 1;
  position: absolute;
  top: 50%;
  right: var(--input__padding-inline);
  transform: translateY(-50%);
}
.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: 0.875rem;
  font-weight: 300;
  line-height: 1rem;
}
@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 .frame__pass {
  width: var(--input__svg__width);
  min-width: var(--input__svg__width);
  height: auto;
  aspect-ratio: 1;
  background-image: url("../images/icons/eye_24x24.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: var(--input__padding-inline);
  transform: translateY(-50%);
}
.input:has(input:focus) .input__label, .input:has(input:focus) .input__label, .input:has(textarea:focus) .input__label, .input:has(input:not(:focus):not(:placeholder-shown)) .input__label, .input:has(textarea:not(:focus):not(:placeholder-shown)) .input__label, .input:has(input:not(:empty)) .input__label, .input:has(textarea:not(:empty)) .input__label, .input:has(input:-webkit-autofill) .input__label, .input:has(select:-webkit-autofill) .input__label, .input:has(textarea:-webkit-autofill) .input__label {
  color: var(--other-disabled-600);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  top: 0.25rem;
}
.input:has(input:focus) .input__frame, .input:has(input:focus) .input__frame, .input:has(textarea:focus) .input__frame, .input:has(input:not(:focus):not(:placeholder-shown)) .input__frame, .input:has(textarea:not(:focus):not(:placeholder-shown)) .input__frame, .input:has(input:not(:empty)) .input__frame, .input:has(textarea:not(:empty)) .input__frame, .input:has(input:-webkit-autofill) .input__frame, .input:has(select:-webkit-autofill) .input__frame, .input:has(textarea:-webkit-autofill) .input__frame {
  padding-block: 1.25rem 0.25rem;
}
.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);
}
.input._error .input__error {
  display: flex;
}

.double__input {
  display: grid;
  grid-gap: 0 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.triple__input {
  display: grid;
  grid-gap: 0 0.8125rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media only screen and (max-width: 83.4375rem) {
  .triple__input {
    display: grid;
    grid-gap: 0 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .triple__input .input:nth-child(3) {
    grid-column: 1/-1;
  }
}

.select {
  --select__background: var(--neutral-100);
  --select__border-color: var(--primary-900);
  --select__label__color: var(--primary-900);
  --select__text__color: var(--primary-900);
  --select__error: var(--other-error-700);
  --select__svg__width: 1.5rem;
  --select__padding-inline: 1rem;
  --select__height: 3rem;
  --select__gap: 0.625rem;
  width: 100%;
  margin-top: var(--select__margin-top, 1rem);
  position: relative;
  z-index: 1;
}
.select .select__label {
  display: flex;
  color: var(--select__label__color);
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1rem;
}
@media only screen and (max-width: 52.0625rem) {
  .select .select__label {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.select .select__label {
  background-color: var(--select__background);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@supports (-webkit-line-clamp: 1) {
  .select .select__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
.select .select__label {
  position: absolute;
  z-index: 1;
  top: 1rem;
  left: var(--select__padding-inline);
  right: calc(var(--select__gap) + var(--select__svg__width) + var(--select__padding-inline));
  cursor: pointer;
  transition: top 0.15s ease-out, font-size 0.15s ease-out, color 0.15s ease-out;
}
.select .select__frame {
  height: var(--select__height);
  display: flex;
  align-items: flex-start;
  gap: var(--select__gap);
  background-color: var(--select__background);
  color: var(--select__text__color);
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1rem;
}
@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 {
  padding-block: 0.875rem;
  padding-left: var(--select__padding-inline);
  padding-right: calc(var(--select__gap) + var(--select__svg__width) + var(--select__padding-inline));
  border: 0.0625rem solid var(--select__border-color);
  position: relative;
  cursor: pointer;
  transition: padding-block 0.15s ease-out;
}
.select .select__frame svg {
  width: var(--select__svg__width);
  min-width: var(--select__svg__width);
  height: auto;
  aspect-ratio: 1;
  margin-left: auto;
  position: absolute;
  top: 50%;
  right: var(--select__padding-inline);
  transform: translateY(-50%);
}
.select .select__frame svg path {
  stroke: currentColor;
}
.select .select__dropdown {
  --dropdown__padding-block: 0.75rem;
  max-height: 11.6875rem;
  background-color: var(--select__background);
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.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(--primary-900);
  border-radius: 0;
}
.select .select__dropdown {
  overflow-y: auto;
  padding-block: var(--dropdown__padding-block);
  border: 0.0625rem solid var(--select__border-color);
  border-top: 0;
  border-radius: 0 0 var(--select__border-radius) var(--select__border-radius);
  position: absolute;
  top: var(--select__height);
  left: 0;
  right: 0;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-0.625rem);
  transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
}
.select .select__dropdown .dropdown__search {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-inline: var(--select__padding-inline);
  padding-bottom: 0.5rem;
  margin-bottom: var(--dropdown__padding-block);
  border-bottom: 0.0625rem solid var(--primary-900);
}
.select .select__dropdown .dropdown__search button {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  color: var(--primary-900);
  cursor: pointer;
}
@media (hover: hover) {
  .select .select__dropdown .dropdown__search button:hover {
    opacity: 0.8;
  }
}
.select .select__dropdown .dropdown__search button svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.select .select__dropdown .dropdown__search button svg path {
  stroke: currentColor;
}
.select .select__dropdown .dropdown__search input {
  width: 100%;
  color: var(--primary-900);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@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);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.select .select__dropdown .dropdown__search input::placeholder {
  color: var(--primary-900);
}
.select .select__dropdown .select__item {
  display: flex;
  width: 100%;
  color: var(--primary-900);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .select .select__dropdown .select__item {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.select .select__dropdown .select__item {
  padding: 0.375rem var(--select__padding-inline);
  text-align: left;
  cursor: pointer;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
@media (hover: hover) {
  .select .select__dropdown .select__item:hover {
    background-color: var(--surfaces-500);
  }
}
.select .select__dropdown .select__item._active {
  background-color: var(--surfaces-500);
}
.select select {
  display: none;
}
.select .select__error {
  color: var(--input__error);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  display: none;
}
.select._open {
  z-index: 2;
}
.select._open .select__frame svg {
  transform: translateY(-50%) rotate(180deg);
}
.select._open .select__dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.select._modified .select__label {
  color: var(--other-disabled-600);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  top: 0.25rem;
}
.select._modified .select__frame {
  padding-block: 1.25rem 0.25rem;
}
.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;
}

.info {
  background-color: var(--info__background);
}
.info li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.info li {
  position: unset;
  padding-left: unset;
}
.info {
  border: 0.0625rem solid var(--info__color);
  padding-block: 0.5rem;
  padding-inline: 0.4375rem;
}
.info li {
  color: var(--info__color);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  padding-left: 0.4375rem;
  position: relative;
}
.info li::before {
  background-color: var(--info__color);
  width: 0.1875rem;
  min-width: 0.1875rem;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 0.4375rem;
  left: 0;
}
.info._error {
  --info__color: var(--other-error-700);
  --info__background: var(--other-error-100);
}
.info._success {
  --info__color: var(--other-success-700);
  --info__background: var(--other-success-100);
}

.header__search {
  --search__border: var(--primary-900);
  --search__padding-inline: clamp(1rem, 0.3354rem + 2.9536vw, 1.875rem);
  --search__block__translate: 100%;
}
.header__search ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.header__search ul li {
  position: unset;
  padding-left: unset;
}
.header__search ul {
  list-style: none;
}
.header__search a {
  text-decoration: none;
}
.header__search {
  position: fixed;
  z-index: 13;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  color: var(--primary-900);
}
.header__search .search__overlay {
  background-color: #000000;
  position: absolute;
  inset: 0;
  opacity: 0.35;
}
.header__search .search__block {
  --block__width: clamp(22.5rem, 16.8038rem + 25.3165vw, 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(var(--search__block__translate));
  transition: transform 0.3s ease-out;
  position: relative;
  z-index: 1;
}
.header__search .block__header {
  display: flex;
  justify-content: flex-end;
  color: inherit;
  padding-top: 1.75rem;
  padding-bottom: 1.25rem;
  padding-inline: var(--search__padding-inline);
}
.header__search .header__close {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  cursor: pointer;
}
@media (hover: hover) {
  .header__search .header__close:hover {
    opacity: 0.8;
  }
}
.header__search .header__close svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.header__search .header__close svg path {
  stroke: currentColor;
}
.header__search .block__search {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: calc(100% - var(--search__padding-inline) * 2);
  margin-inline: var(--search__padding-inline);
  padding-bottom: 0.5rem;
  border-bottom: 0.0625rem solid var(--search__border);
  color: inherit;
}
.header__search .search__button {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  display: flex;
  color: inherit;
  cursor: pointer;
}
@media (hover: hover) {
  .header__search .search__button:hover {
    opacity: 0.8;
  }
}
.header__search .search__button svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.header__search .search__button svg path {
  stroke: currentColor;
}
.header__search .search__input {
  width: 100%;
  color: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .header__search .search__input {
    font-size: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}
.header__search .results__text,
.header__search .results__products {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-block: 2rem;
  padding-inline: var(--search__padding-inline);
}
.header__search .results__text:not(:last-child) {
  border-bottom: 0.0625rem solid var(--other-divider-200);
}
.header__search .text__item {
  color: var(--other-disabled-600);
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1rem;
}
@media only screen and (max-width: 52.0625rem) {
  .header__search .text__item {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.header__search .text__item strong, .header__search .text__item b {
  color: var(--primary-900);
  font-weight: 400;
}
@media (hover: hover) {
  .header__search .item__link:hover {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
}
.header__search .block__actions {
  background-color: var(--neutral-100);
  margin-top: auto;
  border-top: 0.0625rem solid var(--other-divider-200);
  padding-block: 2rem;
  position: sticky;
  bottom: 0;
}
.header__search .actions__more {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--primary-900);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .header__search .actions__more {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.header__search .actions__more {
  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;
}
@media (hover: hover) {
  .header__search .actions__more:hover {
    text-decoration: none;
  }
}

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

.header__cart {
  --cart__border: var(--primary-900);
  --cart__padding-inline: clamp(1rem, 0.3354rem + 2.9536vw, 1.875rem);
  --cart__block__translate: 100%;
}
.header__cart ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.header__cart ul li {
  position: unset;
  padding-left: unset;
}
.header__cart ul {
  list-style: none;
}
.header__cart a {
  text-decoration: none;
}
.header__cart {
  position: fixed;
  z-index: 13;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  color: var(--primary-900);
}
.header__cart .cart__overlay {
  background-color: #000000;
  position: absolute;
  inset: 0;
  opacity: 0.35;
}
.header__cart .cart__block {
  --block__width: clamp(20rem, 12.4051rem + 33.7553vw, 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(var(--cart__block__translate));
  transition: transform 0.3s ease-out;
  position: relative;
  z-index: 1;
}
.header__cart .block__empty {
  display: none;
}
.header__cart .block__empty p, .header__cart .block__empty .p {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .header__cart .block__empty p, .header__cart .block__empty .p {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.header__cart .block__empty p, .header__cart .block__empty .p {
  text-align: center;
}
.header__cart .block__empty p a, .header__cart .block__empty .p 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;
}
@media (hover: hover) {
  .header__cart .block__empty p a:hover, .header__cart .block__empty .p a:hover {
    text-decoration: none;
  }
}
.header__cart .block__content {
  display: flex;
  flex-direction: column;
  padding-inline: var(--cart__padding-inline);
  padding-bottom: 1rem;
}
.header__cart .content__title {
  color: inherit;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .header__cart .content__title {
    font-size: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}
.header__cart .content__title {
  margin-top: 1.5rem;
  padding-bottom: 0.5rem;
}
.header__cart .content__products {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.header__cart:not(:has(.product._cart)) .block__empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
}
.header__cart:not(:has(.product._cart)) .block__progress,
.header__cart:not(:has(.product._cart)) .block__content,
.header__cart:not(:has(.product._cart)) .block__actions {
  display: none;
}
.header__cart .block__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  color: inherit;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
  padding-inline: var(--cart__padding-inline);
  border-bottom: 0.0625rem solid var(--cart__border);
}
.header__cart .header__title {
  color: inherit;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 2rem;
}
@media only screen and (max-width: 52.0625rem) {
  .header__cart .header__title {
    font-size: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.header__cart .header__close {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  cursor: pointer;
}
@media (hover: hover) {
  .header__cart .header__close:hover {
    opacity: 0.8;
  }
}
.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__progress {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-block: 1rem;
  padding-inline: var(--cart__padding-inline);
}
@media only screen and (max-width: 52.0625rem) {
  .header__cart .block__progress {
    padding-top: 1.5rem;
    padding-bottom: 1.25rem;
  }
}
.header__cart .block__progress:has(.progress__bar[style*="--bar__width: 100%;"]) .progress__title {
  display: none;
}
.header__cart .block__progress:has(.progress__bar[style*="--bar__width: 100%;"]) .progress__title._full {
  display: block;
}
.header__cart .progress__title {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .header__cart .progress__title {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.header__cart .progress__title {
  text-align: center;
}
.header__cart .progress__title strong,
.header__cart .progress__title b {
  font-weight: 700;
}
.header__cart .progress__title._full {
  display: none;
  font-weight: 700;
}
.header__cart .progress__bar {
  background-color: var(--surfaces-500);
  width: 100%;
  height: 0.5rem;
  border-radius: 9.375rem;
  position: relative;
  overflow: hidden;
}
.header__cart .progress__bar::after {
  background-color: var(--primary-900);
  width: var(--bar__width);
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  transition: width 0.3s ease-out;
}
.header__cart .block__actions {
  --cart__actions__gap: 1rem;
  display: flex;
  flex-direction: column;
  background-color: var(--neutral-100);
  margin-top: auto;
  padding-bottom: 1rem;
  position: sticky;
  z-index: 2;
  bottom: 0;
}
.header__cart .block__actions .actions__gift {
  --gift__padding-block: 0.5rem;
  padding-inline: var(--cart__padding-inline);
  border-block: 0.0625rem solid var(--cart__border);
}
.header__cart .block__actions .actions__gift:has(.gift__heading input:checked) {
  --icon__rotate: 180deg;
}
.header__cart .block__actions .actions__gift:has(.gift__heading input:checked) .gift__dropdown {
  display: block;
}
.header__cart .block__actions .actions__gift .gift__heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--cart__actions__gap);
  padding-block: var(--gift__padding-block);
  cursor: pointer;
}
.header__cart .block__actions .actions__gift .gift__heading input {
  display: none;
}
.header__cart .block__actions .actions__gift .gift__heading .heading__title {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: inherit;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .header__cart .block__actions .actions__gift .gift__heading .heading__title {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.header__cart .block__actions .actions__gift .gift__heading .heading__title {
  text-transform: uppercase;
}
.header__cart .block__actions .actions__gift .gift__heading .heading__title svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.header__cart .block__actions .actions__gift .gift__heading .heading__title svg path {
  stroke: currentColor;
}
.header__cart .block__actions .actions__gift .gift__heading .heading__icon {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.header__cart .block__actions .actions__gift .gift__heading .heading__icon svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  transform: rotate(var(--icon__rotate, 0deg));
}
.header__cart .block__actions .actions__gift .gift__heading .heading__icon svg path {
  stroke: currentColor;
}
.header__cart .block__actions .actions__gift .gift__dropdown {
  display: none;
  padding-bottom: var(--gift__padding-block);
}
.header__cart .block__actions .actions__total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--cart__actions__gap);
  padding-inline: var(--cart__padding-inline);
  margin-top: 1rem;
}
.header__cart .block__actions .total__title,
.header__cart .block__actions .total__price {
  color: inherit;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .header__cart .block__actions .total__title,
  .header__cart .block__actions .total__price {
    font-size: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}
.header__cart .block__actions .button {
  max-width: calc(100% - var(--cart__padding-inline) * 2);
  margin-top: 1.5rem;
  margin-inline: var(--cart__padding-inline);
}

body:has(#cart__popup:checked) .header__cart {
  --cart__block__translate: 0;
  opacity: 1;
  visibility: visible;
}

.header__topbar {
  --header__topbar__background: var(--surfaces-500);
  background-color: var(--header__topbar__background);
  height: var(--header__topbar__height);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 12;
  transition: background-color 0.28s ease-in-out;
}
.header__topbar .wrap {
  display: flex;
}
.header__topbar .topbar__title {
  color: var(--header__text__color);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .header__topbar .topbar__title {
    font-size: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}
.header__topbar .topbar__title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@supports (-webkit-line-clamp: 1) {
  .header__topbar .topbar__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
.header__topbar .topbar__title {
  margin: auto;
  text-align: center;
  transition: color 0.28s ease-in-out;
}

body:has(header._sticky) .header__topbar {
  --header__text__color: var(--primary-900);
}

body:has(header._transparent):not(:has(header._transparent:hover)):not(:has(header._transparent._sticky._active)):not(:has(.actions__languages._active)):not(:has(#menu__popup:checked)) .header__topbar {
  --header__topbar__background: var(--primary-900);
  --header__background: transparent;
  --header__text__color: var(--neutral-100);
}

body:has(#menu__popup:checked):not(:has(header._sticky._active)) .header__topbar {
  position: sticky;
  top: 0;
}

.header__mainbar {
  --mainbar__logo__width: 5.625rem;
}
@media only screen and (max-width: 83.4375rem) {
  .header__mainbar {
    --mainbar__logo__width: 4.875rem;
  }
}
.header__mainbar {
  background-color: var(--header__background);
  transition: background-color 0.28s ease-in-out;
}
.header__mainbar .wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, var(--mainbar__logo__width)) minmax(0, 1fr);
  height: var(--header__height);
  align-items: center;
}
.header__mainbar .wrap:has(.mainbar__logo:only-child) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  height: var(--header__height);
  align-items: flex-end;
}
.header__mainbar .wrap:has(.mainbar__logo:only-child) .mainbar__logo {
  margin-inline: auto;
  margin-bottom: 1.0625rem;
}
@media only screen and (max-width: 83.4375rem) {
  .header__mainbar .wrap:has(.mainbar__logo:only-child) .mainbar__logo {
    margin-bottom: clamp(1.0625rem, 0.9201rem + 0.6329vw, 1.25rem);
  }
}
.header__mainbar .mainbar__burger {
  display: flex;
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  cursor: pointer;
}
@media only screen and (min-width: 83.5rem) {
  .header__mainbar .mainbar__burger {
    display: none;
  }
}
@media (hover: hover) {
  .header__mainbar .mainbar__burger:hover svg {
    opacity: 0.8;
  }
}
.header__mainbar .mainbar__burger:has(input:checked) .burger__icon {
  display: none;
}
.header__mainbar .mainbar__burger:has(input:checked) .burger__close {
  display: block;
}
.header__mainbar .mainbar__burger input,
.header__mainbar .mainbar__burger .burger__close {
  display: none;
}
.header__mainbar .mainbar__burger svg {
  width: 100%;
  height: 100%;
}
.header__mainbar .mainbar__burger svg rect {
  fill: var(--header__text__color);
  transition: fill 0.28s ease-in-out;
}
.header__mainbar .mainbar__nav {
  --nav__margin-bottom: 1.0625rem;
  display: flex;
}
@media only screen and (max-width: 83.4375rem) {
  .header__mainbar .mainbar__nav {
    display: none;
  }
}
.header__mainbar .mainbar__nav:has(.list__item .item__dropdown)::before {
  background-color: var(--primary-900);
  content: "";
  position: fixed;
  inset: 0;
  z-index: -5;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;
}
@media (hover: hover) {
  .header__mainbar .mainbar__nav:has(.list__item:hover .item__dropdown)::before {
    opacity: 0.25;
    visibility: visible;
  }
}
.header__mainbar .nav__list {
  display: flex;
  gap: clamp(2rem, -2.0034rem + 4.7945vw, 3.75rem);
}
.header__mainbar .nav__list > .list__item {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  position: relative;
}
.header__mainbar .nav__list > .list__item::after {
  width: 100%;
  height: 0.0625rem;
  background-color: var(--header__text__color);
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s cubic-bezier(0.33, 0, 0, 1);
}
@media (hover: hover) {
  .header__mainbar .nav__list > .list__item:hover::after {
    transform-origin: left;
    transform: scaleX(1);
  }
  .header__mainbar .nav__list > .list__item:hover .item__dropdown {
    opacity: 1;
    visibility: visible;
  }
}
.header__mainbar .nav__list > .list__item > svg {
  width: 0.75rem;
  min-width: 0.75rem;
  height: auto;
  aspect-ratio: 1;
}
.header__mainbar .nav__list > .list__item > svg path {
  stroke: var(--header__text__color);
  transition: stroke 0.28s ease-in-out;
}
.header__mainbar .nav__list > .list__item > .item__link {
  color: var(--header__text__color);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .header__mainbar .nav__list > .list__item > .item__link {
    font-size: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}
.header__mainbar .nav__list > .list__item > .item__link {
  transition: color 0.28s ease-in-out;
}
.header__mainbar .item__dropdown {
  --dropdown__padding-inline: 1.875rem;
  background-color: var(--neutral-100);
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: clamp(17.5rem, 6.6336rem + 13.0137vw, 22.25rem);
  padding-block: clamp(1.5rem, 0.4277rem + 1.2842vw, 1.9688rem);
  padding-inline: var(--dropdown__padding-inline);
  border: 0.0625rem solid var(--primary-900);
  position: absolute;
  top: calc(100% + var(--nav__margin-bottom));
  left: calc(var(--dropdown__padding-inline) * -1);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;
}
.header__mainbar .item__dropdown::before {
  height: var(--nav__margin-bottom);
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
}
@media (hover: hover) {
  .header__mainbar .dropdown__item .item__link:hover {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
}
.header__mainbar .mainbar__logo {
  display: flex;
  width: var(--mainbar__logo__width);
  height: auto;
  aspect-ratio: 3.6;
}
.header__mainbar .mainbar__logo svg {
  width: 100%;
  height: 100%;
}
.header__mainbar .mainbar__logo svg path {
  fill: var(--header__text__color);
  transition: fill 0.28s ease-in-out;
}
.header__mainbar .mainbar__actions {
  --actions__gap: 2.5rem;
}
@media only screen and (max-width: 83.4375rem) {
  .header__mainbar .mainbar__actions {
    --actions__gap: 1.5rem;
  }
}
.header__mainbar .mainbar__actions {
  display: flex;
  align-items: flex-end;
  gap: var(--actions__gap);
  margin-left: auto;
}
.header__mainbar .actions__search,
.header__mainbar .actions__account,
.header__mainbar .actions__cart {
  display: flex;
  cursor: pointer;
}
@media (hover: hover) {
  .header__mainbar .actions__search:hover svg,
  .header__mainbar .actions__account:hover svg,
  .header__mainbar .actions__cart:hover svg {
    opacity: 0.8;
  }
}
.header__mainbar .actions__search svg,
.header__mainbar .actions__account svg,
.header__mainbar .actions__cart svg {
  --icon__width: 1.5rem;
  --icon__margin: 0rem;
}
@media only screen and (max-width: 83.4375rem) {
  .header__mainbar .actions__search svg,
  .header__mainbar .actions__account svg,
  .header__mainbar .actions__cart svg {
    --icon__width: 1.25rem;
    --icon__margin: 0.125rem;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .header__mainbar .actions__search svg,
  .header__mainbar .actions__account svg,
  .header__mainbar .actions__cart svg {
    --icon__width: 1.125rem;
    --icon__margin: 0.1875rem;
  }
}
.header__mainbar .actions__search svg,
.header__mainbar .actions__account svg,
.header__mainbar .actions__cart svg {
  width: var(--icon__width);
  min-width: var(--icon__width);
  height: auto;
  aspect-ratio: 1;
  margin: var(--icon__margin);
}
.header__mainbar .actions__search svg path,
.header__mainbar .actions__search svg rect,
.header__mainbar .actions__account svg path,
.header__mainbar .actions__account svg rect,
.header__mainbar .actions__cart svg path,
.header__mainbar .actions__cart svg rect {
  stroke: var(--header__text__color);
  transition: stroke 0.28s ease-in-out;
}
.header__mainbar .actions__search input,
.header__mainbar .actions__cart input {
  display: none;
}
@media only screen and (max-width: 83.4375rem) {
  .header__mainbar .actions__account {
    display: none;
  }
}
.header__mainbar .actions__cart {
  display: flex;
  gap: 0.0625rem;
}
.header__mainbar .actions__cart svg {
  margin-top: 0.3125rem;
}
.header__mainbar .actions__cart::after {
  color: var(--header__text__color);
  font-size: 0.6875rem;
  font-weight: 400;
  line-height: 0.875rem;
  content: attr(data-cart);
  margin-bottom: auto;
  transition: color 0.28s ease-in-out;
}
.header__mainbar .actions__languages {
  --languages__height: 1.5rem;
  --header__languages__padding-inline: 1rem;
  --header__languages__width: calc(2.5rem + var(--header__languages__padding-inline) * 2);
  margin-block: auto;
  margin-inline: calc(var(--header__languages__padding-inline) * -1);
  position: relative;
  z-index: 1;
  color: var(--header__text__color);
  transition: color 0.28s ease-in-out;
}
@media only screen and (max-width: 83.4375rem) {
  .header__mainbar .actions__languages {
    display: none;
  }
}
.header__mainbar .actions__languages:active .languages__frame svg, .header__mainbar .actions__languages:focus .languages__frame svg, .header__mainbar .actions__languages:hover .languages__frame svg {
  transform: rotate(180deg);
}
.header__mainbar .actions__languages:active .languages__dropdown, .header__mainbar .actions__languages:focus .languages__dropdown, .header__mainbar .actions__languages:hover .languages__dropdown {
  opacity: 1;
  visibility: visible;
}
.header__mainbar .actions__languages:active .languages__dropdown::before, .header__mainbar .actions__languages:focus .languages__dropdown::before, .header__mainbar .actions__languages:hover .languages__dropdown::before {
  width: 100%;
  height: calc(100% + var(--languages__height) + 1rem * 2);
  background-color: var(--neutral-100);
  border: 0.0625rem solid var(--primary-900);
  content: "";
  position: absolute;
  top: calc(var(--languages__height) * -1 - 1rem);
  left: 0;
  right: 0;
  bottom: -1rem;
  z-index: -1;
}
.header__mainbar .actions__languages .languages__frame,
.header__mainbar .actions__languages .dropdown__item,
.header__mainbar .actions__languages .item__link {
  text-transform: uppercase;
}
.header__mainbar .actions__languages .languages__frame,
.header__mainbar .actions__languages .dropdown__item {
  width: var(--header__languages__width);
  min-width: var(--header__languages__width);
  height: var(--languages__height);
  padding-inline: var(--header__languages__padding-inline);
}
.header__mainbar .actions__languages .languages__frame {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .header__mainbar .actions__languages .languages__frame {
    font-size: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}
.header__mainbar .actions__languages .languages__frame svg {
  width: 0.75rem;
  min-width: 0.75rem;
  height: auto;
  aspect-ratio: 1;
}
.header__mainbar .actions__languages .languages__frame svg path {
  stroke: currentColor;
}
.header__mainbar .actions__languages .languages__dropdown {
  position: absolute;
  top: 100%;
  opacity: 0;
  visibility: hidden;
}
.header__mainbar .actions__languages .dropdown__item {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
}
.header__mainbar .actions__languages .dropdown__item .item__link {
  color: var(--header__text__color);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .header__mainbar .actions__languages .dropdown__item .item__link {
    font-size: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}
.header__mainbar .actions__languages .dropdown__item .item__link {
  transition: none;
}
@media (hover: hover) {
  .header__mainbar .actions__languages .dropdown__item .item__link:hover {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
}

.header__mobile {
  background-color: var(--neutral-100);
  display: none;
  padding-top: calc(var(--header__height) + var(--header__topbar__height));
  position: fixed;
  z-index: -1;
  inset: 0;
  overflow-y: auto;
}
@media only screen and (min-width: 83.5rem) {
  .header__mobile {
    display: none !important;
  }
}
.header__mobile .mobile__nav {
  --item__svg__width: 1.5rem;
  padding-top: 0.9375rem;
  padding-inline: var(--padding);
  padding-bottom: clamp(1.875rem, 1.7801rem + 0.4219vw, 2rem);
}
.header__mobile .mobile__nav .nav__list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.header__mobile .mobile__nav .list__item {
  color: var(--primary-900);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .header__mobile .mobile__nav .list__item {
    font-size: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}
.header__mobile .mobile__nav .list__item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, var(--item__svg__width));
}
.header__mobile .mobile__nav .list__item > .item__link::after {
  width: 100%;
  height: 0.0625rem;
  background-color: var(--primary-900);
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  opacity: 0;
}
@media (hover: hover) {
  .header__mobile .mobile__nav .list__item > .item__link:hover::after {
    opacity: 1;
  }
}
.header__mobile .mobile__nav .list__item:has(input:checked) > .item__link::after {
  opacity: 1;
}
.header__mobile .mobile__nav .item__link {
  width: max-content;
  max-width: 100%;
  position: relative;
}
.header__mobile .mobile__nav .item__button {
  display: flex;
  width: var(--item__svg__width);
  min-width: var(--item__svg__width);
  height: auto;
  aspect-ratio: 1;
}
.header__mobile .mobile__nav .item__button input {
  display: none;
}
.header__mobile .mobile__nav .item__button input:checked ~ svg {
  transform: rotate(90deg);
}
.header__mobile .mobile__nav .item__button svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  cursor: pointer;
}
.header__mobile .mobile__nav .item__button svg path {
  stroke: var(--primary-900);
}
.header__mobile .mobile__nav .item__dropdown {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-block: 1.5rem;
  border-bottom: 0.0625rem solid var(--other-divider-200);
  grid-column: 1/-1;
}
@media (hover: hover) {
  .header__mobile .mobile__nav .dropdown__item .item__link:hover {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
}
.header__mobile .mobile__nav .item__button:not(:has(input:checked)) ~ .item__dropdown {
  display: none;
}
.header__mobile .mobile__info {
  --info__gap: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: var(--info__gap);
  background-color: var(--surfaces-500);
  padding-inline: var(--padding);
  padding-block: clamp(1.875rem, 1.7801rem + 0.4219vw, 2rem);
  flex: 1;
}
.header__mobile .mobile__info .info__list {
  display: flex;
  flex-direction: column;
  gap: var(--info__gap);
}
.header__mobile .mobile__info .info__list .list__item {
  color: var(--primary-900);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .header__mobile .mobile__info .info__list .list__item {
    font-size: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}
@media (hover: hover) {
  .header__mobile .mobile__info .info__list .item__link:hover {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
}
.header__mobile .info__languages {
  --languages__gap: 1rem;
}
.header__mobile .info__languages,
.header__mobile .languages__list {
  display: flex;
  align-items: center;
  gap: var(--languages__gap);
}
.header__mobile .languages__title {
  color: var(--primary-900);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .header__mobile .languages__title {
    font-size: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}
.header__mobile .languages__list .item__link {
  --link__color: var(--primary-900);
  --link__background: transparent;
  color: var(--link__color);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .header__mobile .languages__list .item__link {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.header__mobile .languages__list .item__link {
  background-color: var(--link__background);
  width: 2rem;
  min-width: 2rem;
  height: auto;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
@media (hover: hover) {
  .header__mobile .languages__list .item__link:hover {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
}
.header__mobile .languages__list .item__link._active {
  --link__color: var(--neutral-100);
  --link__background: var(--primary-900);
}

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

body:has(#menu__popup:checked):has(header._sticky._active) .header__mobile {
  padding-top: calc(var(--header__height));
}

header {
  --header__background: var(--neutral-100);
  --header__text__color: var(--primary-900);
}
header ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
header ul li {
  position: unset;
  padding-left: unset;
}
header ul {
  list-style: none;
}
header a {
  text-decoration: none;
}
header {
  position: relative;
  z-index: 11;
}
header._sticky {
  --header__background: var(--neutral-100);
  --header__text__color: var(--primary-900);
  position: sticky;
  top: calc(var(--header__height) * -1);
  transition: top 0.3s ease-in-out, background 0.3s ease-in-out;
}
header._sticky:not(._active) .item__dropdown {
  display: none !important;
}
header._sticky:not(._active) .languages__frame svg {
  transform: rotate(0deg) !important;
}
header._sticky:not(._active) .languages__dropdown {
  opacity: 0 !important;
  visibility: hidden !important;
}
header._sticky:not(._active) .languages__dropdown::before {
  content: none !important;
}
header._sticky._active {
  top: 0;
}
header._transparent {
  margin-bottom: calc((var(--header__height) + var(--header__topbar__height)) * -1);
}
header._transparent:not(:hover):not(._sticky._active):not(:has(.actions__languages._active)):not(:has(#menu__popup:checked)) {
  --header__topbar__background: var(--primary-900);
  --header__background: transparent;
  --header__text__color: var(--neutral-100);
}

body:has(#menu__popup:checked):not(:has(header._sticky._active)) header {
  position: sticky;
  top: var(--header__topbar__height);
}

.product__slider {
  padding-block: clamp(3.375rem, 2.1408rem + 5.4852vw, 5rem);
}
.product__slider .wrap {
  --wrap__gap: clamp(0.625rem, 0.339rem + 0.3425vw, 0.75rem);
  display: flex;
  flex-direction: column;
  gap: var(--wrap__gap);
}
@media only screen and (max-width: 52.0625rem) {
  .product__slider .wrap {
    --wrap__gap: 1rem;
  }
}
.product__slider .slider__header {
  --header__gap: clamp(0.5rem, -0.3544rem + 3.7975vw, 1.625rem);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--header__gap);
}
.product__slider .slider__header .header__title {
  color: var(--primary-900);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__slider .slider__header .header__title {
    font-size: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.product__slider .slider__header .header__actions {
  display: flex;
  gap: var(--header__gap);
}
.product__slider .slider__header .header__actions .actions__arrows {
  --arrow__stroke: var(--primary-900);
  width: 2.5rem;
  min-width: 2.5rem;
  height: auto;
  aspect-ratio: 1;
  cursor: pointer;
}
@media (hover: hover) {
  .product__slider .slider__header .header__actions .actions__arrows:hover svg {
    opacity: 0.8;
  }
}
.product__slider .slider__header .header__actions .actions__arrows:not(.slick-arrow) {
  display: none;
}
.product__slider .slider__header .header__actions .actions__arrows.slick-disabled {
  --arrow__stroke: var(--other-disabled-400);
  cursor: not-allowed;
}
.product__slider .slider__header .header__actions .actions__arrows svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.product__slider .slider__header .header__actions .actions__arrows svg path {
  stroke: var(--arrow__stroke);
}
.product__slider .slider__content {
  --slider__padding-inline: clamp(1rem, -0.1438rem + 1.3699vw, 1.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .product__slider .slider__content {
    --slider__padding-inline: clamp(0.25rem, -0.3196rem + 2.5316vw, 1rem);
  }
}
.product__slider .slider__content .slick-track {
  display: flex !important;
}
.product__slider .slider__content .slick-track .slick-slide {
  height: inherit !important;
}
.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;
}
.product__slider .slider__content {
  margin-inline: calc(var(--slider__padding-inline) * -1);
}
@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;
  }
  .product__slider .slider__content {
    margin-inline: calc(var(--padding) * -1);
  }
}
@media only screen and (max-width: 37.25rem) {
  .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: 67.75rem) {
  .product__slider .slider__content .slick-list {
    padding: 0 calc(var(--padding) - var(--slider__padding-inline));
  }
}
.product__slider .slider__content .slick-slide, .product__slider .slider__content > div:not(.slick-list) {
  padding-inline: var(--slider__padding-inline);
}

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

.product__grid {
  padding-top: clamp(1.5rem, 0.0759rem + 6.3291vw, 3.375rem);
  padding-bottom: clamp(3.375rem, 2.1408rem + 5.4852vw, 5rem);
}
.product__grid .wrap {
  --wrap__gap: 1rem;
  display: flex;
  flex-direction: column;
  gap: var(--wrap__gap);
}
.product__grid .wrap:has(.grid__search) {
  --wrap__gap: 3.375rem;
}
.product__grid .grid__header .header__title {
  color: var(--primary-900);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__grid .grid__header .header__title {
    font-size: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.product__grid .grid__search {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.product__grid .grid__search .search__text {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
}
.product__grid .grid__search .text__title {
  color: var(--primary-900);
  font-size: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
  font-weight: 700;
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .product__grid .grid__search .text__title {
    font-size: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.product__grid .grid__search .text__title {
  text-align: center;
}
.product__grid .grid__search p, .product__grid .grid__search .p {
  color: var(--primary-900);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__grid .grid__search p, .product__grid .grid__search .p {
    font-size: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}
.product__grid .grid__search p, .product__grid .grid__search .p {
  text-align: center;
}
.product__grid .grid__search .search__form {
  width: 30rem;
  max-width: 100%;
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-inline: auto;
  padding-bottom: 0.5rem;
  border-bottom: 0.0625rem solid var(--primary-900);
}
.product__grid .grid__search .search__form .form__button {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  cursor: pointer;
}
@media (hover: hover) {
  .product__grid .grid__search .search__form .form__button:hover {
    opacity: 0.8;
  }
}
.product__grid .grid__search .search__form .form__button svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.product__grid .grid__search .search__form .form__button svg path {
  stroke: var(--primary-900);
}
.product__grid .grid__search .search__form .form__input {
  width: 100%;
  color: var(--primary-900);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__grid .grid__search .search__form .form__input {
    font-size: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}
.product__grid .grid__search .search__form .form__input::placeholder {
  color: var(--other-disabled-400);
}
.product__grid .grid__content {
  --content__gap: clamp(2rem, -0.2877rem + 2.7397vw, 3rem);
  --content__columns: repeat(3, minmax(0, 1fr));
}
@media only screen and (max-width: 67.75rem) {
  .product__grid .grid__content {
    --content__columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 37.25rem) {
  .product__grid .grid__content {
    --content__columns: minmax(0, 1fr);
  }
}
.product__grid .grid__content {
  display: grid;
  grid-gap: var(--content__gap);
  grid-template-columns: var(--content__columns);
}

.product__sticky {
  background-color: var(--neutral-100);
  position: sticky;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  border-block: 0.0625rem solid var(--primary-900);
  padding-block: 1rem;
}
.product__sticky .wrap {
  display: grid;
  grid-gap: 1.875rem;
  grid-template-columns: 3.625rem minmax(0, 1fr) clamp(25.9375rem, 15.554rem + 19.9203vw, 32.1875rem);
  align-items: center;
}
@media only screen and (max-width: 52.0625rem) {
  .product__sticky .wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}
.product__sticky .product__photo {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
@media only screen and (max-width: 52.0625rem) {
  .product__sticky .product__photo {
    display: none;
  }
}
.product__sticky .product__photo img {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
}
.product__sticky .product__title {
  color: var(--primary-900);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__sticky .product__title {
    font-size: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product__sticky .product__title {
    display: none;
  }
}
.product__sticky .button {
  text-decoration: underline !important;
}

.product._search {
  --product__photo__width: 4.3125rem;
  display: grid;
  grid-gap: 0rem 0.75rem;
  grid-template-columns: minmax(0, var(--product__photo__width)) minmax(0, 1fr);
  grid-template-areas: "photo text" "photo price";
}
.product._search .product__photo {
  width: var(--product__photo__width);
  min-width: var(--product__photo__width);
  height: auto;
  aspect-ratio: 1;
  grid-area: photo;
}
.product._search .product__photo img {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: scale-down;
}
.product._search .product__text {
  display: flex;
  flex-direction: column;
  grid-area: text;
  margin-top: auto;
}
.product._search .text__title {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product._search .text__title {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product._search .text__title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@supports (-webkit-line-clamp: 1) {
  .product._search .text__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
@media (hover: hover) {
  .product._search .text__title:hover {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
}
.product._search .product__price {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product._search .product__price {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.product._search .product__price {
  display: flex;
  gap: 0.25rem;
  margin-bottom: auto;
  grid-area: price;
}
.product._search .product__price span:not(:only-child):first-child {
  text-decoration: line-through;
}
.product._cart {
  --product__photo__width: 7rem;
  --product__remove__width: 1.5rem;
  display: grid;
  grid-gap: 0.5rem clamp(0.625rem, 0.1503rem + 2.1097vw, 1.25rem);
  grid-template-columns: minmax(0, var(--product__photo__width)) minmax(0, 1fr) minmax(0, var(--product__remove__width));
  grid-template-areas: "photo text text" "photo price price" "photo quantity remove";
}
.product._cart .product__photo {
  width: var(--product__photo__width);
  min-width: var(--product__photo__width);
  height: auto;
  aspect-ratio: 1;
  grid-area: photo;
}
.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;
  grid-area: text;
}
.product._cart .text__title,
.product._cart .product__price {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product._cart .text__title,
  .product._cart .product__price {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.product._cart .text__title,
.product._cart .text__description {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@supports (-webkit-line-clamp: 1) {
  .product._cart .text__title,
  .product._cart .text__description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
@media (hover: hover) {
  .product._cart .text__title:hover {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
}
.product._cart .text__description {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product._cart .text__description {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product._cart .product__price {
  display: flex;
  gap: 0.25rem;
  padding-bottom: 0.5rem;
  margin-bottom: auto;
  grid-area: price;
}
.product._cart .product__price span:not(:only-child):first-child {
  text-decoration: line-through;
}
.product._cart .quantity,
.product._cart .product__remove {
  margin-top: auto;
}
.product._cart .product__remove {
  --remove__stroke: var(--other-disabled-600);
  width: var(--product__remove__width);
  min-width: var(--product__remove__width);
  height: auto;
  aspect-ratio: 1;
  display: flex;
  grid-area: remove;
  cursor: pointer;
}
@media (hover: hover) {
  .product._cart .product__remove:hover {
    --remove__stroke: var(--primary-900);
  }
}
.product._cart .product__remove svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.product._cart .product__remove svg path {
  stroke: var(--remove__stroke);
}
.product._addon {
  --product__photo__width: 7rem;
  display: grid;
  grid-gap: 0.5rem clamp(0.625rem, 0.1503rem + 2.1097vw, 1.25rem);
  grid-template-columns: minmax(0, var(--product__photo__width)) minmax(0, 1fr);
  grid-template-areas: "photo text" "photo price" "photo button";
}
.product._addon .product__photo {
  width: var(--product__photo__width);
  min-width: var(--product__photo__width);
  height: auto;
  aspect-ratio: 1;
  grid-area: photo;
}
.product._addon .product__photo img {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: scale-down;
}
.product._addon .product__text {
  display: flex;
  flex-direction: column;
  grid-area: text;
}
.product._addon .text__title,
.product._addon .product__price {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product._addon .text__title,
  .product._addon .product__price {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.product._addon .text__title,
.product._addon .text__description {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@supports (-webkit-line-clamp: 1) {
  .product._addon .text__title,
  .product._addon .text__description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
@media (hover: hover) {
  .product._addon .text__title:hover {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
}
.product._addon .text__description {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product._addon .text__description {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.product._addon .product__price {
  display: flex;
  gap: 0.25rem;
  grid-area: price;
  margin-bottom: auto;
}
.product._addon .product__price span:not(:only-child):first-child {
  text-decoration: line-through;
}
.product._addon .button {
  margin-top: auto;
}
.product._card {
  --product__photo__width: 34.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: max-content;
  height: 100%;
}
.product._card ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.product._card ul li {
  position: unset;
  padding-left: unset;
}
.product._card ul {
  list-style: none;
}
.product._card a {
  text-decoration: none;
}
.product._card {
  color: var(--primary-900);
}
@media (hover: hover) {
  .product._card:hover .product__photo img:nth-child(2) {
    opacity: 1;
    visibility: visible;
  }
  .product._card:hover .text__title {
    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;
  }
}
.product._card .product__photo {
  width: var(--product__photo__width);
  min-width: var(--product__photo__width);
  height: auto;
  aspect-ratio: 1;
  min-width: unset;
  max-width: 100%;
  position: relative;
}
.product._card .product__photo img {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  position: absolute;
  inset: 0;
  object-fit: scale-down;
}
.product._card .product__photo img:nth-child(2) {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
}
.product._card .product__text {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-top: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
}
.product._card .text__title,
.product._card .text__description {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@supports (-webkit-line-clamp: 1) {
  .product._card .text__title,
  .product._card .text__description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
.product._card .text__title {
  color: inherit;
  font-size: clamp(1.25rem, 0.6781rem + 0.6849vw, 1.5rem);
  font-weight: 400;
  line-height: clamp(1.75rem, 1.1781rem + 0.6849vw, 2rem);
}
@media only screen and (max-width: 52.0625rem) {
  .product._card .text__title {
    font-size: clamp(1.125rem, 1.0301rem + 0.4219vw, 1.25rem);
    line-height: clamp(1.5rem, 1.3101rem + 0.8439vw, 1.75rem);
  }
}
@media (hover: hover) {
  .product._card .text__title:hover {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
}
.product._card .text__description,
.product._card .product__price {
  color: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product._card .text__description,
  .product._card .product__price {
    font-size: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}
.product._card .product__price {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-weight: 600;
  margin-top: auto;
  padding-top: 0.5rem;
}
.product._card .product__price span:not(:only-child):first-child {
  text-decoration: line-through;
}
.product._checkout {
  --product__photo__width: clamp(4.375rem, 2.9452rem + 1.7123vw, 5rem);
  --product__remove__width: 1.5rem;
}
@media only screen and (max-width: 37.25rem) {
  .product._checkout {
    --product__photo__width: 7.5rem;
  }
}
.product._checkout {
  display: grid;
  grid-gap: 0.25rem 1rem;
  grid-template-columns: minmax(0, var(--product__photo__width)) minmax(0, 1fr) minmax(0, clamp(8.125rem, 5.2654rem + 3.4247vw, 9.375rem)) minmax(0, 5.5rem) minmax(0, var(--product__remove__width));
}
.product._checkout ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.product._checkout ul li {
  position: unset;
  padding-left: unset;
}
.product._checkout ul {
  list-style: none;
}
.product._checkout a {
  text-decoration: none;
}
.product._checkout {
  grid-template-areas: "photo text quantity total remove" "photo price quantity total remove";
}
@media only screen and (max-width: 83.4375rem) {
  .product._checkout {
    display: grid;
    grid-template-columns: minmax(0, var(--product__photo__width)) minmax(0, 1fr) minmax(0, clamp(6.25rem, -1.8551rem + 11.9522vw, 8.125rem)) minmax(0, clamp(5rem, 2.8386rem + 3.1873vw, 5.5rem)) minmax(0, var(--product__remove__width));
  }
}
@media only screen and (min-width: 37.3125rem) {
  .product._checkout {
    align-items: center;
  }
}
@media only screen and (max-width: 37.25rem) {
  .product._checkout {
    display: grid;
    grid-gap: 0rem 1rem;
    grid-template-columns: minmax(0, var(--product__photo__width)) minmax(0, 1fr) minmax(0, var(--product__remove__width));
    grid-template-areas: "photo text text" "photo price price" "photo total total" "photo quantity remove" "photo quantity remove";
  }
}
.product._checkout .product__photo {
  width: var(--product__photo__width);
  min-width: var(--product__photo__width);
  height: auto;
  aspect-ratio: 1;
  grid-area: photo;
  margin-block: auto;
}
.product._checkout .product__photo img {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: scale-down;
}
.product._checkout .product__text {
  display: flex;
  flex-direction: column;
  grid-area: text;
}
@media only screen and (min-width: 37.3125rem) {
  .product._checkout .product__text {
    margin-top: auto;
  }
}
.product._checkout .text__title,
.product._checkout .product__total {
  color: var(--primary-900);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product._checkout .text__title,
  .product._checkout .product__total {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
@media only screen and (max-width: 37.25rem) {
  .product._checkout .text__title,
  .product._checkout .product__total {
    height: 1lh;
  }
}
.product._checkout .text__title,
.product._checkout .text__description {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@supports (-webkit-line-clamp: 1) {
  .product._checkout .text__title,
  .product._checkout .text__description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
@media (hover: hover) {
  .product._checkout .text__title:hover {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
}
.product._checkout .text__description {
  color: var(--primary-900);
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product._checkout .text__description {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media only screen and (max-width: 37.25rem) {
  .product._checkout .text__description {
    display: none;
  }
}
.product._checkout .product__price {
  display: flex;
  gap: 0.25rem;
  color: var(--other-disabled-600);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  grid-area: price;
}
@media only screen and (min-width: 37.3125rem) {
  .product._checkout .product__price {
    margin-bottom: auto;
  }
}
@media only screen and (max-width: 37.25rem) {
  .product._checkout .product__price {
    height: 1lh;
  }
}
.product._checkout .product__price span:not(:only-child):nth-last-child(2) {
  text-decoration: line-through;
}
.product._checkout .product__price span:not(:only-child):last-child {
  color: var(--primary-900);
}
.product._checkout .product__quantity {
  grid-area: quantity;
  padding-inline: clamp(0rem, -2.1614rem + 3.1873vw, 0.5rem);
}
@media only screen and (max-width: 37.25rem) {
  .product._checkout .product__quantity {
    margin-top: auto;
  }
}
.product._checkout .product__total {
  display: flex;
  flex-direction: column;
  justify-content: center;
  grid-area: total;
  padding-right: clamp(0rem, -2.1614rem + 3.1873vw, 0.5rem);
}
@media only screen and (min-width: 37.3125rem) {
  .product._checkout .product__total {
    text-align: right;
  }
}
@media only screen and (max-width: 37.25rem) {
  .product._checkout .product__total {
    margin-top: 0.5rem;
    margin-bottom: auto;
  }
}
.product._checkout .product__total span:not(:only-child):first-child {
  text-decoration: line-through;
}
.product._checkout .product__remove {
  --remove__stroke: var(--other-disabled-600);
  width: var(--product__remove__width);
  min-width: var(--product__remove__width);
  height: auto;
  aspect-ratio: 1;
  display: flex;
  grid-area: remove;
  cursor: pointer;
}
@media only screen and (max-width: 37.25rem) {
  .product._checkout .product__remove {
    margin-top: auto;
  }
}
@media (hover: hover) {
  .product._checkout .product__remove:hover {
    --remove__stroke: var(--primary-900);
  }
}
.product._checkout .product__remove svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.product._checkout .product__remove svg path {
  stroke: var(--remove__stroke);
}
.product._order {
  --product__photo__width: 5rem;
  display: grid;
  grid-gap: 0.5rem clamp(0.75rem, 0.5601rem + 0.8439vw, 1rem);
  grid-template-columns: minmax(0, var(--product__photo__width)) minmax(0, 1fr) minmax(0, 0.33fr) minmax(0, 0.33fr) minmax(0, 0.33fr);
}
.product._order ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.product._order ul li {
  position: unset;
  padding-left: unset;
}
.product._order ul {
  list-style: none;
}
.product._order a {
  text-decoration: none;
}
.product._order {
  align-items: center;
  padding-block: clamp(0.875rem, 0.0206rem + 3.7975vw, 2rem);
  border-bottom: 0.0625rem solid var(--other-divider-200);
  grid-template-areas: "photo text price quantity total";
}
@media only screen and (max-width: 52.0625rem) {
  .product._order {
    display: grid;
    grid-gap: 0.5rem clamp(0.75rem, 0.5601rem + 0.8439vw, 1rem);
    grid-template-columns: minmax(0, var(--product__photo__width)) repeat(3, minmax(0, 1fr));
    grid-template-areas: "photo text text text" "photo price quantity total";
  }
}
.product._order .product__photo {
  width: var(--product__photo__width);
  min-width: var(--product__photo__width);
  height: auto;
  aspect-ratio: 1;
  grid-area: photo;
  margin-block: auto;
}
.product._order .product__photo img {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: scale-down;
}
.product._order .product__text {
  display: flex;
  flex-direction: column;
  grid-area: text;
}
@media only screen and (max-width: 52.0625rem) {
  .product._order .product__text {
    margin-top: auto;
  }
}
.product._order .text__title,
.product._order .product__price,
.product._order .product__quantity,
.product._order .product__total {
  color: var(--primary-900);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product._order .text__title,
  .product._order .product__price,
  .product._order .product__quantity,
  .product._order .product__total {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.product._order .text__title,
.product._order .text__description {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@supports (-webkit-line-clamp: 1) {
  .product._order .text__title,
  .product._order .text__description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
@media (hover: hover) {
  .product._order .text__title:hover {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
}
.product._order .text__description {
  color: var(--primary-900);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product._order .text__description {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .product._order .product__price,
  .product._order .product__quantity,
  .product._order .product__total {
    margin-bottom: auto;
  }
}
.product._order .product__price {
  grid-area: price;
}
.product._order .product__quantity {
  grid-area: quantity;
  text-align: center;
}
.product._order .product__total {
  grid-area: total;
  text-align: right;
}

.highlights {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
.highlights:first-child {
  padding-top: clamp(1.5rem, 0.0759rem + 6.3291vw, 3.375rem);
}
.highlights .header__title {
  color: var(--primary-900);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2rem;
}
@media only screen and (max-width: 52.0625rem) {
  .highlights .header__title {
    font-size: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.highlights .highlights__content {
  width: 100%;
  background-color: var(--surfaces-500);
}
.highlights .highlights__content h2, .highlights .highlights__content .h2 {
  color: var(--primary-900);
  font-size: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
  font-weight: 700;
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .highlights .highlights__content h2, .highlights .highlights__content .h2 {
    font-size: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.highlights .highlights__content p, .highlights .highlights__content .p, .highlights .highlights__content li {
  color: var(--primary-900);
  font-size: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
  font-weight: 400;
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .highlights .highlights__content p, .highlights .highlights__content .p, .highlights .highlights__content li {
    font-size: clamp(0.875rem, 0.4003rem + 2.1097vw, 1.5rem);
    line-height: clamp(1.375rem, 0.9003rem + 2.1097vw, 2rem);
  }
}
.highlights .content__block {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: minmax(0, 1fr);
}
@media only screen and (min-width: 67.8125rem) {
  .highlights .content__block {
    grid-template-areas: "photo text";
  }
  .highlights .content__block:nth-child(even) {
    grid-template-areas: "text photo";
  }
}
@media only screen and (max-width: 67.75rem) {
  .highlights .content__block {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: unset;
  }
}
@media only screen and (min-width: 67.8125rem) {
  .highlights .block__photo {
    width: 100%;
    height: 100%;
    position: relative;
    grid-area: photo;
  }
  .highlights .block__photo img {
    height: 100%;
    object-fit: cover;
    position: absolute;
    inset: 0;
  }
}
@media only screen and (max-width: 67.75rem) {
  .highlights .block__photo {
    aspect-ratio: 0.8181818182;
  }
}
.highlights .block__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.highlights .block__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-block: clamp(3.375rem, 2.1408rem + 5.4852vw, 5rem);
  padding-inline: var(--padding);
}
@media only screen and (min-width: 67.8125rem) {
  .highlights .block__text {
    height: auto;
    min-height: 100svh;
    grid-area: text;
  }
}
.highlights .text__content {
  --content__width: 33.75rem;
}
@media only screen and (max-width: 67.75rem) {
  .highlights .text__content {
    --content__width: 100%;
  }
}
.highlights .text__content {
  width: 100%;
  max-width: var(--content__width);
  max-height: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
}
.highlights .text__content:has(.content__bullets) {
  --content__width: 22.75rem;
}
@media only screen and (max-width: 67.75rem) {
  .highlights .text__content:has(.content__bullets) {
    --content__width: 100%;
  }
}
.highlights .content__bullets {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.highlights .content__bullets li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.highlights .content__bullets li {
  position: unset;
  padding-left: unset;
}
.highlights .content__bullets li {
  font-size: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .highlights .content__bullets li {
    font-size: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.highlights .content__bullets li {
  padding-bottom: 0.25rem;
  border-bottom: 0.0625rem solid var(--primary-900);
}

footer {
  background-color: var(--surfaces-500);
}
footer .footer__infobar {
  --infobar__padding-bottom: clamp(2.5rem, -7.6515rem + 12.1575vw, 6.9375rem);
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__infobar {
    --infobar__padding-bottom: 3.375rem;
  }
}
footer .footer__infobar ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
footer .footer__infobar ul li {
  position: unset;
  padding-left: unset;
}
footer .footer__infobar ul {
  list-style: none;
}
footer .footer__infobar a {
  text-decoration: none;
}
footer .footer__infobar {
  padding-top: 3.5rem;
  padding-bottom: var(--infobar__padding-bottom);
  color: var(--primary-900);
}
footer .footer__infobar .wrap {
  --infobar__gap: clamp(10.625rem, 6.3356rem + 5.137vw, 12.5rem);
}
@media only screen and (max-width: 83.4375rem) {
  footer .footer__infobar .wrap {
    --infobar__gap: clamp(2.5rem, -35.3237rem + 55.7769vw, 11.25rem);
  }
}
footer .footer__infobar .wrap {
  display: flex;
  justify-content: space-between;
  gap: var(--infobar__gap);
}
@media only screen and (max-width: 67.75rem) {
  footer .footer__infobar .wrap {
    display: flex;
    flex-direction: column;
  }
}
footer .footer__infobar .infobar__cols {
  --cols__width: clamp(34.6875rem, -1.0574rem + 42.8082vw, 50.3125rem);
  --cols__gap: clamp(6.25rem, -5.1884rem + 13.6986vw, 11.25rem);
}
@media only screen and (max-width: 83.4375rem) {
  footer .footer__infobar .infobar__cols {
    --cols__width: clamp(31.875rem, 19.7174rem + 17.9283vw, 34.6875rem);
    --cols__gap: clamp(3.375rem, -9.0528rem + 18.3267vw, 6.25rem);
  }
}
@media only screen and (max-width: 67.75rem) {
  footer .footer__infobar .infobar__cols {
    --cols__width: 100%;
  }
}
footer .footer__infobar .infobar__cols {
  width: 100%;
  max-width: var(--cols__width);
  display: flex;
  justify-content: space-between;
  gap: var(--cols__gap);
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__infobar .infobar__cols {
    flex-wrap: wrap;
  }
}
footer .footer__infobar .infobar__newsletter {
  --newsletter__width: clamp(31.25rem, -1.0634rem + 38.6986vw, 45.375rem);
}
@media only screen and (max-width: 83.4375rem) {
  footer .footer__infobar .infobar__newsletter {
    --newsletter__width: clamp(25rem, -2.0169rem + 39.8406vw, 31.25rem);
  }
}
@media only screen and (max-width: 67.75rem) {
  footer .footer__infobar .infobar__newsletter {
    --newsletter__width: 100%;
  }
}
footer .footer__infobar .infobar__newsletter {
  width: 100%;
  max-width: var(--newsletter__width);
}
footer .footer__infobar .infobar__newsletter .newsletter__title {
  color: inherit;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2rem;
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__infobar .infobar__newsletter .newsletter__title {
    font-size: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
footer .footer__infobar .infobar__newsletter .newsletter__title {
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 67.75rem) {
  footer .footer__infobar .infobar__newsletter .newsletter__title {
    text-align: center;
  }
}
footer .footer__infobar .infobar__newsletter .newsletter__subscribed {
  color: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__infobar .infobar__newsletter .newsletter__subscribed {
    font-size: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}
@media only screen and (max-width: 67.75rem) {
  footer .footer__infobar .infobar__newsletter .newsletter__subscribed {
    text-align: center;
  }
}
footer .footer__infobar .infobar__newsletter .newsletter__row {
  display: flex;
  gap: 1.25rem;
}
@media only screen and (max-width: 83.4375rem) {
  footer .footer__infobar .infobar__newsletter .newsletter__row {
    display: flex;
    flex-direction: column;
  }
}
footer .footer__infobar .infobar__newsletter .newsletter__row input {
  width: 100%;
  color: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__infobar .infobar__newsletter .newsletter__row input {
    font-size: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}
footer .footer__infobar .infobar__newsletter .newsletter__row input {
  padding: 0.9375rem 1rem;
  border: 0.0625rem solid var(--primary-900);
}
footer .footer__infobar .infobar__newsletter .newsletter__row input::placeholder {
  color: inherit;
}
@media only screen and (max-width: 83.4375rem) {
  footer .footer__infobar .infobar__newsletter .newsletter__row .button {
    max-width: 100%;
  }
}
footer .footer__infobar .infobar__newsletter .checkbox {
  margin-top: 1rem;
}
@media only screen and (max-width: 67.75rem) {
  footer .footer__infobar .infobar__newsletter .checkbox {
    max-width: max-content;
    margin-inline: auto;
  }
}
footer .footer__infobar .cols__col {
  --col__gap: 1rem;
  display: flex;
  flex-direction: column;
  gap: var(--col__gap);
}
footer .footer__infobar .cols__col .col__title {
  color: inherit;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2rem;
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__infobar .cols__col .col__title {
    font-size: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
footer .footer__infobar .cols__col .col__list {
  display: flex;
  flex-direction: column;
  gap: var(--col__gap);
}
footer .footer__infobar .cols__col .item__link {
  color: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  footer .footer__infobar .cols__col .item__link {
    font-size: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}
@media (hover: hover) {
  footer .footer__infobar .cols__col .item__link:hover {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
}
footer .footer__copyright {
  color: var(--other-disabled-600);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  border-top: 0.0625rem solid var(--other-divider-200);
  padding-block: clamp(1.0625rem, 0.9201rem + 0.6329vw, 1.25rem);
}
footer .footer__copyright .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
footer .footer__copyright a {
  display: flex;
  color: inherit;
}
footer .footer__copyright span:has(a) {
  display: flex;
  align-items: baseline;
  gap: 0.625rem;
}
footer .footer__copyright span:has(a) svg {
  width: 4.875rem;
  height: auto;
  aspect-ratio: 7.0909090909;
}
footer .footer__copyright span:has(a) svg path {
  fill: currentColor;
}

.moodboard__slider {
  --slider__gap: clamp(0.625rem, 0.339rem + 0.3425vw, 0.75rem);
}
@media only screen and (max-width: 52.0625rem) {
  .moodboard__slider {
    --slider__gap: 1rem;
  }
}
.moodboard__slider {
  display: flex;
  flex-direction: column;
  gap: var(--slider__gap);
  padding-block: clamp(3.375rem, 2.1408rem + 5.4852vw, 5rem);
  overflow: hidden;
}
.moodboard__slider .slider__header {
  --header__gap: clamp(0.5rem, -0.3544rem + 3.7975vw, 1.625rem);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--header__gap);
}
.moodboard__slider .slider__header .header__title {
  color: var(--primary-900);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2rem;
}
@media only screen and (max-width: 52.0625rem) {
  .moodboard__slider .slider__header .header__title {
    font-size: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.moodboard__slider .slider__header .header__actions {
  display: flex;
  gap: var(--header__gap);
}
.moodboard__slider .slider__header .header__actions .actions__arrows {
  --arrow__stroke: var(--primary-900);
  width: 2.5rem;
  min-width: 2.5rem;
  height: auto;
  aspect-ratio: 1;
  cursor: pointer;
}
@media (hover: hover) {
  .moodboard__slider .slider__header .header__actions .actions__arrows:hover svg {
    opacity: 0.8;
  }
}
.moodboard__slider .slider__header .header__actions .actions__arrows:not(.slick-arrow) {
  display: none;
}
.moodboard__slider .slider__header .header__actions .actions__arrows.slick-disabled {
  --arrow__stroke: var(--other-disabled-400);
  cursor: not-allowed;
}
.moodboard__slider .slider__header .header__actions .actions__arrows svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.moodboard__slider .slider__header .header__actions .actions__arrows svg path {
  stroke: var(--arrow__stroke);
}
.moodboard__slider .slider__content {
  --slider__padding-inline: clamp(0.25rem, 0.0601rem + 0.8439vw, 0.5rem);
}
.moodboard__slider .slider__content .slick-track {
  display: flex !important;
}
.moodboard__slider .slider__content .slick-track .slick-slide {
  height: inherit !important;
}
.moodboard__slider .slider__content:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
}
.moodboard__slider .slider__content:not(.slick-initialized) > *:nth-child(n+4) {
  display: none;
}
.moodboard__slider .slider__content {
  margin-inline: calc(var(--slider__padding-inline) * -1);
}
@media only screen and (max-width: 67.75rem) {
  .moodboard__slider .slider__content:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
  }
  .moodboard__slider .slider__content:not(.slick-initialized) > *:nth-child(n+3) {
    display: none;
  }
}
@media only screen and (max-width: 37.25rem) {
  .moodboard__slider .slider__content:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    overflow: hidden;
  }
  .moodboard__slider .slider__content:not(.slick-initialized) > *:nth-child(n+2) {
    display: none;
  }
}
.moodboard__slider .slider__content .slick-list {
  padding-left: calc((100vw - var(--content)) / 2 - var(--slider__padding-inline));
  padding-right: calc((100vw - var(--content)) / 2 - var(--slider__padding-inline) + var(--content) - 37.5rem);
}
@media only screen and (max-width: 119.9375rem) {
  .moodboard__slider .slider__content .slick-list {
    padding-left: var(--padding);
    padding-right: calc(var(--padding) + 100vw - 2 * var(--padding) - clamp(31rem, 16.1301rem + 17.8082vw, 37.5rem));
  }
}
@media only screen and (max-width: 83.4375rem) {
  .moodboard__slider .slider__content .slick-list {
    padding-right: calc(var(--padding) + 100vw - 2 * var(--padding) - clamp(28rem, 23.0159rem + 9.5618vw, 31rem));
  }
}
@media only screen and (max-width: 37.25rem) {
  .moodboard__slider .slider__content .slick-list {
    padding: 0 var(--padding);
  }
}
.moodboard__slider .slider__content .slick-slide, .moodboard__slider .slider__content > div:not(.slick-list) {
  padding-inline: var(--slider__padding-inline);
}

.moodboard__grid {
  padding-top: clamp(1.5rem, 0.0759rem + 6.3291vw, 3.375rem);
  padding-bottom: clamp(3.375rem, 2.1408rem + 5.4852vw, 5rem);
}
.moodboard__grid .wrap {
  --wrap__gap: 1rem;
  display: flex;
  flex-direction: column;
  gap: var(--wrap__gap);
}
.moodboard__grid .wrap:has(.header__text) {
  --wrap__gap: clamp(3.375rem, 2.1408rem + 5.4852vw, 5rem);
}
.moodboard__grid .grid__header {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.moodboard__grid .grid__header:not(:has(.header__text)) .header__title {
  color: var(--primary-900);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2rem;
}
@media only screen and (max-width: 52.0625rem) {
  .moodboard__grid .grid__header:not(:has(.header__text)) .header__title {
    font-size: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.moodboard__grid .grid__header:has(.header__text) .header__title {
  color: var(--primary-900);
  font-size: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
  font-weight: 700;
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .moodboard__grid .grid__header:has(.header__text) .header__title {
    font-size: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.moodboard__grid .grid__header:has(.header__text) .header__title {
  text-align: center;
}
.moodboard__grid .grid__header .header__text p, .moodboard__grid .grid__header .header__text .p {
  color: var(--primary-900);
  font-size: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
  font-weight: 400;
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .moodboard__grid .grid__header .header__text p, .moodboard__grid .grid__header .header__text .p {
    font-size: clamp(0.875rem, 0.4003rem + 2.1097vw, 1.5rem);
    line-height: clamp(1.375rem, 0.9003rem + 2.1097vw, 2rem);
  }
}
.moodboard__grid .grid__header .header__text p, .moodboard__grid .grid__header .header__text .p {
  text-align: center;
}
.moodboard__grid .grid__content {
  --content__gap: clamp(1rem, 0.1693rem + 1.5936vw, 1.5rem) clamp(0.875rem, 0.589rem + 0.3425vw, 1rem);
  --content__columns: repeat(3, minmax(0, 1fr));
}
@media only screen and (max-width: 67.75rem) {
  .moodboard__grid .grid__content {
    --content__columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 37.25rem) {
  .moodboard__grid .grid__content {
    --content__columns: minmax(0, 1fr);
  }
}
.moodboard__grid .grid__content {
  display: grid;
  grid-gap: var(--content__gap);
  grid-template-columns: var(--content__columns);
}
.moodboard__grid .grid__content:not(:has(.moodboard__title)) {
  --content__gap: 0.875rem;
}

.moodboard._card ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.moodboard._card ul li {
  position: unset;
  padding-left: unset;
}
.moodboard._card ul {
  list-style: none;
}
.moodboard._card a {
  text-decoration: none;
}
.moodboard._card {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}
.moodboard._card .moodboard__photo {
  display: flex;
}
.moodboard._card .moodboard__photo img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.moodboard._card .moodboard__title {
  color: var(--primary-900);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .moodboard._card .moodboard__title {
    font-size: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}
@media (hover: hover) {
  .moodboard._card .moodboard__title:hover {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
}

.about {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  padding-block: clamp(3.375rem, 2.1408rem + 5.4852vw, 5rem);
}
.about .header__title {
  color: var(--primary-900);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2rem;
}
@media only screen and (max-width: 52.0625rem) {
  .about .header__title {
    font-size: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.about .about__content {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 67.75rem) {
  .about .about__content {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}
@media only screen and (min-width: 67.8125rem) {
  .about .content__photo {
    width: 100%;
    height: auto;
    min-height: 100svh;
    position: relative;
  }
  .about .content__photo img {
    height: 100%;
    object-fit: cover;
    position: absolute;
    inset: 0;
  }
}
@media only screen and (max-width: 67.75rem) {
  .about .content__photo {
    aspect-ratio: 0.8181818182;
  }
  .about .content__photo:nth-child(2) {
    display: none;
  }
}
.about .content__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.moodboard__slider + .about {
  padding-top: 0;
}

.feature {
  --feature__background-image: var(--desktop-image);
  --feature__height: clamp(39.3125rem, -0.0068rem + 47.089vw, 56.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .feature {
    --feature__background-image: var(--mobile-image);
    --feature__height: clamp(42.5rem, 0.0158rem + 188.8186vw, 98.4375rem);
  }
}
.feature {
  width: 100%;
  height: var(--feature__height);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-image: var(--feature__background-image);
  position: relative;
  z-index: 1;
}
.feature .feature__text {
  --text__padding-block: clamp(2.5rem, -4.363rem + 8.2192vw, 5.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .feature .feature__text {
    --text__padding-block: clamp(3.125rem, 2.4604rem + 2.9536vw, 4rem);
  }
}
.feature .feature__text {
  color: var(--neutral-100);
  font-size: clamp(1.25rem, 0.6781rem + 0.6849vw, 1.5rem);
  font-weight: 400;
  line-height: clamp(1.75rem, 1.1781rem + 0.6849vw, 2rem);
}
@media only screen and (max-width: 52.0625rem) {
  .feature .feature__text {
    font-size: clamp(1.125rem, 1.0301rem + 0.4219vw, 1.25rem);
    line-height: clamp(1.5rem, 1.3101rem + 0.8439vw, 1.75rem);
  }
}
.feature .feature__text {
  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;
  padding-block: var(--text__padding-block);
  text-align: center;
}

.featured__slider {
  padding-block: clamp(3.375rem, 2.1408rem + 5.4852vw, 5rem);
}
.featured__slider .wrap {
  --wrap__gap: clamp(0.625rem, 0.339rem + 0.3425vw, 0.75rem);
  display: flex;
  flex-direction: column;
  gap: var(--wrap__gap);
}
@media only screen and (max-width: 52.0625rem) {
  .featured__slider .wrap {
    --wrap__gap: 1rem;
  }
}
.featured__slider .slider__header {
  --header__gap: clamp(0.5rem, -0.3544rem + 3.7975vw, 1.625rem);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--header__gap);
}
.featured__slider .slider__header .header__title {
  color: var(--primary-900);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2rem;
}
@media only screen and (max-width: 52.0625rem) {
  .featured__slider .slider__header .header__title {
    font-size: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.featured__slider .slider__header .header__actions {
  display: flex;
  gap: var(--header__gap);
}
.featured__slider .slider__header .header__actions .actions__arrows {
  --arrow__stroke: var(--primary-900);
  width: 2.5rem;
  min-width: 2.5rem;
  height: auto;
  aspect-ratio: 1;
  cursor: pointer;
}
@media (hover: hover) {
  .featured__slider .slider__header .header__actions .actions__arrows:hover svg {
    opacity: 0.8;
  }
}
.featured__slider .slider__header .header__actions .actions__arrows:not(.slick-arrow) {
  display: none;
}
.featured__slider .slider__header .header__actions .actions__arrows.slick-disabled {
  --arrow__stroke: var(--other-disabled-400);
  cursor: not-allowed;
}
.featured__slider .slider__header .header__actions .actions__arrows svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.featured__slider .slider__header .header__actions .actions__arrows svg path {
  stroke: var(--arrow__stroke);
}
.featured__slider .slider__content {
  --slider__padding-inline: clamp(0.8906rem, 0.6051rem + 0.5478vw, 1.0625rem);
}
@media only screen and (max-width: 52.0625rem) {
  .featured__slider .slider__content {
    --slider__padding-inline: clamp(0.5rem, 0.2033rem + 1.3186vw, 0.8906rem);
  }
}
.featured__slider .slider__content .slick-track {
  display: flex !important;
}
.featured__slider .slider__content .slick-track .slick-slide {
  height: inherit !important;
}
.featured__slider .slider__content:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(11, minmax(0, 1fr));
  overflow: hidden;
}
.featured__slider .slider__content:not(.slick-initialized) > *:nth-child(n+12) {
  display: none;
}
.featured__slider .slider__content {
  margin-inline: calc(var(--slider__padding-inline) * -1);
}
@media only screen and (max-width: 110.8125rem) {
  .featured__slider .slider__content:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    overflow: hidden;
  }
  .featured__slider .slider__content:not(.slick-initialized) > *:nth-child(n+11) {
    display: none;
  }
}
@media only screen and (max-width: 101.6875rem) {
  .featured__slider .slider__content:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    overflow: hidden;
  }
  .featured__slider .slider__content:not(.slick-initialized) > *:nth-child(n+10) {
    display: none;
  }
}
@media only screen and (max-width: 83.4375rem) {
  .featured__slider .slider__content:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    overflow: hidden;
  }
  .featured__slider .slider__content:not(.slick-initialized) > *:nth-child(n+9) {
    display: none;
  }
}
@media only screen and (max-width: 67.75rem) {
  .featured__slider .slider__content:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    overflow: hidden;
  }
  .featured__slider .slider__content:not(.slick-initialized) > *:nth-child(n+7) {
    display: none;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .featured__slider .slider__content:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    overflow: hidden;
  }
  .featured__slider .slider__content:not(.slick-initialized) > *:nth-child(n+6) {
    display: none;
  }
}
@media only screen and (max-width: 37.25rem) {
  .featured__slider .slider__content:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
  }
  .featured__slider .slider__content:not(.slick-initialized) > *:nth-child(n+4) {
    display: none;
  }
}
.featured__slider .slider__content .slick-slide, .featured__slider .slider__content > div:not(.slick-list) {
  padding-inline: var(--slider__padding-inline);
}

.featured._card {
  display: flex;
  justify-content: center;
  align-items: center;
}
.featured._card img {
  width: 100%;
  height: auto;
  object-fit: contain;
  margin: auto;
}

.text {
  padding-block: clamp(3.375rem, 2.1408rem + 5.4852vw, 5rem);
}
.text .text__content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: clamp(57.25rem, -26.25rem + 100vw, 93.75rem);
  max-width: 100%;
  margin-inline: auto;
}
.text p, .text .p {
  color: var(--primary-900);
  font-size: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
  font-weight: 400;
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .text p, .text .p {
    font-size: clamp(0.875rem, 0.4003rem + 2.1097vw, 1.5rem);
    line-height: clamp(1.375rem, 0.9003rem + 2.1097vw, 2rem);
  }
}
.text p, .text .p {
  text-align: center;
}

.editor {
  padding-top: clamp(1.5rem, 0.0759rem + 6.3291vw, 3.375rem);
  padding-bottom: clamp(3.375rem, 2.1408rem + 5.4852vw, 5rem);
}
.editor .editor__content {
  width: 50rem;
  max-width: 100%;
  margin-inline: auto;
}
.editor h1, .editor .h1 {
  color: var(--primary-900);
  font-size: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
  font-weight: 700;
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .editor h1, .editor .h1 {
    font-size: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
    line-height: clamp(1.875rem, 1.7801rem + 0.4219vw, 2rem);
  }
}
.editor h1, .editor .h1 {
  text-align: center;
  padding-bottom: 1rem;
}
.editor h6, .editor .h6 {
  color: var(--primary-900);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .editor h6, .editor .h6 {
    font-size: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}
.editor h6, .editor .h6 {
  text-align: center;
}
.editor h6:not(:first-child), .editor .h6:not(:first-child) {
  margin-top: clamp(2rem, 0.9557rem + 4.6414vw, 3.375rem);
}
.editor p, .editor .p {
  color: var(--primary-900);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .editor p, .editor .p {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.editor p, .editor .p {
  text-align: center;
}
.editor p:not(:first-child), .editor .p:not(:first-child) {
  margin-top: 0.5rem;
}
.editor .table-wrapper {
  overflow-x: auto;
}
.editor .table-wrapper:not(:first-child), .editor table:not(:first-child) {
  margin-top: 0.5rem;
}
.editor table {
  width: 100%;
  min-width: max-content;
  border-collapse: collapse;
}
.editor table td, .editor table th {
  color: var(--primary-900);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .editor table td, .editor table th {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.editor table td, .editor table th {
  padding: 0.5rem 1rem;
  border: 0.0625rem solid var(--primary-900);
  text-align: left;
}
.editor .content__contacts ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.editor .content__contacts ul li {
  position: unset;
  padding-left: unset;
}
.editor .content__contacts ul {
  list-style: none;
}
.editor .content__contacts a {
  text-decoration: none;
}
.editor .content__contacts {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-top: 0.125rem;
}
.editor .content__contacts a, .editor .content__contacts p, .editor .content__contacts .p {
  color: var(--primary-900);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2rem;
}
@media only screen and (max-width: 52.0625rem) {
  .editor .content__contacts a, .editor .content__contacts p, .editor .content__contacts .p {
    font-size: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.editor .content__contacts a, .editor .content__contacts p, .editor .content__contacts .p {
  text-align: center;
}
@media (hover: hover) {
  .editor .content__contacts a:hover {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
}

.cookies {
  --cookies__logo__width: 5.625rem;
  --cookies__logo__aspect-ratio: 2.1428571429;
  --cookies__buttons__gap: clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
  width: 100%;
  background-color: var(--neutral-100);
  position: fixed;
  z-index: 1000;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.25);
}
.cookies._active {
  opacity: 1;
  visibility: visible;
}
.cookies .cookies__block {
  display: grid;
  grid-gap: 0 2.5rem;
  grid-template-columns: minmax(0, var(--cookies__logo__width)) minmax(0, 1fr);
  padding-block: 1.5rem;
  grid-template-areas: "logo text" "logo checkboxes" "logo buttons";
}
@media only screen and (max-width: 52.0625rem) {
  .cookies .cookies__block {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "text" "checkboxes" "buttons";
  }
}
.cookies .cookies__logo {
  display: flex;
  grid-area: logo;
}
@media only screen and (max-width: 52.0625rem) {
  .cookies .cookies__logo {
    display: none;
  }
}
.cookies .cookies__logo img {
  width: var(--cookies__logo__width);
  min-width: var(--cookies__logo__width);
  height: auto;
  aspect-ratio: var(--cookies__logo__aspect-ratio);
  object-fit: contain;
}
.cookies .cookies__text {
  grid-area: text;
}
.cookies .cookies__text p,
.cookies .cookies__text .p {
  color: var(--primary-900);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@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);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.cookies .cookies__text p:first-child,
.cookies .cookies__text .p:first-child {
  font-size: 1rem;
  font-weight: 600;
  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.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}
.cookies .cookies__text p:not(:first-child),
.cookies .cookies__text .p:not(:first-child) {
  margin-top: 0.375rem;
}
.cookies .cookies__text p a,
.cookies .cookies__text .p a {
  color: var(--primary-900);
  text-decoration: underline;
}
.cookies .cookies__checkboxes {
  display: flex;
  align-items: center;
  gap: clamp(3rem, 0.481rem + 6.7511vw, 4rem);
  grid-area: checkboxes;
  margin-top: 1rem;
}
@media only screen and (max-width: 37.25rem) {
  .cookies .cookies__checkboxes {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(2, auto);
  }
}
.cookies .cookies__buttons {
  display: flex;
  gap: var(--cookies__buttons__gap);
  grid-area: buttons;
  margin-left: auto;
  margin-top: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .cookies .cookies__buttons {
    width: 100%;
  }
  .cookies .cookies__buttons .button {
    max-width: 100%;
  }
}
@media only screen and (max-width: 37.25rem) {
  .cookies .cookies__buttons {
    display: flex;
    flex-direction: column;
  }
}

.popup {
  --popup__width: 44.5625rem;
  background-color: rgba(0, 0, 0, 0.25);
  display: flex;
  position: fixed;
  z-index: 12;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  padding: var(--padding);
  overflow-y: auto;
  overflow-x: clip;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}
.popup._active {
  opacity: 1;
  visibility: visible;
}
.popup .popup__card {
  width: 100%;
  max-width: var(--popup__width);
  background-color: var(--neutral-100);
  position: relative;
  border: 0.0625rem solid var(--primary-900);
  padding: clamp(2.5rem, 0.981rem + 6.7511vw, 4.5rem) clamp(1rem, -2.038rem + 13.5021vw, 5rem);
  margin: auto;
}
.popup .card__close {
  --close__position: clamp(0.5rem, -0.2595rem + 3.3755vw, 1.5rem);
  --close__color: var(--primary-900);
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  position: absolute;
  top: var(--close__position);
  right: var(--close__position);
  cursor: pointer;
}
@media (hover: hover) {
  .popup .card__close:hover {
    opacity: 0.8;
  }
}
.popup .card__close svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.popup .card__close svg path {
  stroke: var(--close__color);
}
.popup._newsletter._active .popup__card {
  transform: translateX(0);
}
.popup._newsletter .popup__card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  transform: translateX(100vw);
  transition: transform 0.3s ease-out;
}
.popup._newsletter .card__title {
  color: var(--primary-900);
  font-size: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
  font-weight: 400;
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .popup._newsletter .card__title {
    font-size: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
    line-height: clamp(1.875rem, 1.7801rem + 0.4219vw, 2rem);
  }
}
.popup._newsletter .card__title {
  text-align: center;
}
.popup._newsletter .card__form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.popup._newsletter .card__form .form__input {
  width: 100%;
  height: 3.5rem;
  padding: 1rem;
  border: 0.0625rem solid var(--primary-900);
}
.popup._newsletter .card__form .form__input::placeholder {
  color: var(--primary-900);
}
.popup._newsletter .card__form .button {
  margin-top: 0.25rem;
}

.content__aside {
  padding-right: var(--columns__padding-inline);
}
.content__aside .aside__block {
  margin-top: 3rem;
}
.content__aside .aside__block:has(.aside__addresses) .aside__form {
  display: none;
}
.content__aside .aside__block:has(.addresses__add input:checked) .addresses__add {
  display: none;
}
.content__aside .aside__block:has(.addresses__add input:checked) .aside__form {
  display: block;
}
.content__aside .checkout__title + .aside__block {
  margin-top: 1.25rem;
}
.content__aside .delivery__choices {
  margin-top: 1.25rem;
}
.content__aside .delivery__choices label {
  --image__width: 2.5rem;
  --gap: clamp(0.5rem, 0.1203rem + 1.6878vw, 1rem);
  display: flex;
  align-items: center;
  gap: 0 var(--gap);
  background-color: var(--surfaces-500);
  border: 0.0625rem solid var(--surfaces-500);
  border-radius: 0.375rem;
  padding-block: 1rem;
  padding-inline: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  cursor: pointer;
}
@media (hover: hover) {
  .content__aside .delivery__choices label:hover {
    border-color: var(--primary-900);
  }
}
.content__aside .delivery__choices label:has(input:checked) {
  border-color: var(--primary-900);
  position: relative;
}
.content__aside .delivery__choices label:has(input:checked)::before {
  display: flex;
  content: "";
  background-image: url("../images/icons/delivery-check_14x14.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 0.875rem;
  min-width: 0.875rem;
  height: auto;
  aspect-ratio: 1;
  position: absolute;
  top: 0.375rem;
  left: 0.375rem;
}
.content__aside .delivery__choices label:not(:first-child) {
  margin-top: 0.5rem;
}
.content__aside .delivery__choices label input {
  display: none;
}
.content__aside .delivery__choices label .choice__icon {
  width: var(--image__width);
  min-width: var(--image__width);
  height: auto;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: var(--primary-900);
  grid-area: icon;
}
.content__aside .delivery__choices label .choice__icon svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.content__aside .delivery__choices label .choice__text {
  grid-area: text;
}
.content__aside .delivery__choices label .choice__title,
.content__aside .delivery__choices label .choice__description {
  display: block;
}
.content__aside .delivery__choices label .choice__title {
  color: var(--primary-900);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .content__aside .delivery__choices label .choice__title {
    font-size: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}
.content__aside .delivery__choices label .choice__description {
  color: var(--primary-900);
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1rem;
}
@media only screen and (max-width: 52.0625rem) {
  .content__aside .delivery__choices label .choice__description {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.content__aside .delivery__choices label .choice__description {
  margin-top: 0.25rem;
}
.content__aside .delivery__choices label .choice__price {
  color: var(--primary-900);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .content__aside .delivery__choices label .choice__price {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.content__aside .delivery__choices label .choice__price {
  min-width: max-content;
  margin-left: auto;
  grid-area: price;
}
.content__aside .aside__form .info,
.content__aside .aside__form .checkbox {
  margin-top: 1rem;
}
.content__aside .aside__addresses + .aside__form {
  margin-top: 1rem;
}
.content__aside .aside__addresses {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
}
.content__aside .aside__addresses .addresses__add {
  margin-top: clamp(1rem, -0.1438rem + 1.3699vw, 1.5rem);
}
.content__aside .aside__addresses .addresses__add input {
  display: none;
}
.content__aside .aside__payment {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: repeat(auto-fill, minmax(8.125rem, 1fr));
  margin-top: 1rem;
}
.content__aside .aside__payment .payment__item {
  background-color: var(--neutral-100);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 3.5rem;
  position: relative;
  border: 0.0625rem solid var(--other-divider-200);
  cursor: pointer;
}
.content__aside .aside__payment .payment__item:has(input:checked) {
  border-color: var(--primary-900);
}
.content__aside .aside__payment .payment__item:has(input:checked)::before {
  opacity: 0;
}
.content__aside .aside__payment .payment__item::before {
  background-color: var(--other-disabled-400);
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  mix-blend-mode: saturation;
}
.content__aside .aside__payment .payment__item input {
  display: none;
}
.content__aside .aside__payment .payment__item img {
  width: 100%;
  height: auto;
  aspect-ratio: 3;
  object-fit: scale-down;
}

.content__main {
  padding-left: var(--columns__padding-inline);
}
@media only screen and (min-width: 67.8125rem) {
  .content__main {
    border-left: 0.0625rem solid var(--other-divider-200);
  }
}
.content__main .checkout__sticky {
  position: sticky;
  top: 0;
  transition: top 0.3s ease-in-out;
}
.content__main .main__products {
  --products__gap: clamp(0.25rem, -0.3219rem + 0.6849vw, 0.5rem);
}
@media only screen and (max-width: 37.25rem) {
  .content__main .main__products {
    --products__gap: 1.5rem;
  }
}
.content__main .main__products {
  display: flex;
  flex-direction: column;
  gap: var(--products__gap);
}
.content__main .main__coupon {
  display: flex;
  gap: 1rem;
  margin-top: 1.5rem;
}
.content__main .main__coupon .input {
  margin: 0;
}
.content__main .main__summary {
  margin-top: 1.5rem;
}
.content__main .main__summary .summary__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.625rem;
  color: var(--primary-900);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .content__main .main__summary .summary__row {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.content__main .main__summary .summary__row + .summary__row {
  margin-top: clamp(0rem, -0.5719rem + 0.6849vw, 0.25rem);
}
.content__main .main__summary .summary__row._total {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .content__main .main__summary .summary__row._total {
    font-size: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}
.content__main .main__summary .summary__row._total {
  margin-top: clamp(0.5rem, -0.6438rem + 1.3699vw, 1rem);
}
.content__main .main__summary .checkbox {
  margin-top: 1.5rem;
}
.content__main .main__summary .checkbox + .checkbox {
  margin-top: 1rem;
}
.content__main .main__summary .button {
  margin-top: 1.5rem;
}

.checkout__columns {
  --columns__padding-top: clamp(1.5rem, 1.2152rem + 1.2658vw, 1.875rem);
  --columns__padding-bottom: clamp(3.375rem, 2.1408rem + 5.4852vw, 5rem);
  --columns__padding-inline: clamp(2.5rem, -3.2192rem + 6.8493vw, 5rem);
}
@media only screen and (max-width: 83.4375rem) {
  .checkout__columns {
    --columns__padding-inline: clamp(1.875rem, -0.8267rem + 3.9841vw, 2.5rem);
  }
}
@media only screen and (max-width: 67.75rem) {
  .checkout__columns {
    --columns__padding-inline: 0rem;
  }
}
.checkout__columns {
  padding-top: var(--columns__padding-top);
  padding-bottom: var(--columns__padding-bottom);
}
.checkout__columns .columns__content {
  width: 85.125rem;
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-inline: auto;
}
@media only screen and (max-width: 83.4375rem) {
  .checkout__columns .columns__content {
    display: grid;
    grid-template-columns: minmax(0, clamp(26.875rem, -22.4309rem + 72.7092vw, 38.2813rem)) minmax(0, 1fr);
  }
}
@media only screen and (max-width: 67.75rem) {
  .checkout__columns .columns__content {
    display: grid;
    grid-gap: 3.375rem;
    grid-template-columns: minmax(0, 1fr);
  }
}
.checkout__columns .checkout__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  color: var(--primary-900);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 2rem;
}
@media only screen and (max-width: 52.0625rem) {
  .checkout__columns .checkout__title {
    font-size: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.checkout__columns .checkout__title {
  flex-wrap: wrap;
}
.checkout__columns .checkout__title .title__login {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--primary-900);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .checkout__columns .checkout__title .title__login {
    font-size: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}
.checkout__columns .checkout__title .title__login svg {
  width: 1.25rem;
  min-width: 1.25rem;
  height: auto;
  aspect-ratio: 1;
}

.addresses._card {
  --card__opacity: 0.6;
  display: flex;
  flex-direction: column;
  border: 0.0625rem solid var(--other-divider-200);
  padding: clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
  border-radius: 0.375rem;
  color: var(--primary-900);
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.addresses._card + ._card {
  margin-top: 1rem;
}
.addresses._card:has(input:checked) {
  --card__opacity: 1;
}
.addresses._card .item__title,
.addresses._card .item__description,
.addresses._card .item__actions {
  opacity: var(--card__opacity);
}
.addresses._card .item__title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .addresses._card .item__title {
    font-size: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}
.addresses._card .item__title {
  margin-bottom: 0.5rem;
}
.addresses._card .item__description {
  display: flex;
  flex-direction: column;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .addresses._card .item__description {
    font-size: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}
.addresses._card .checkbox {
  margin-top: 1.5rem;
}
.addresses._card .item__actions {
  display: flex;
  align-items: center;
  gap: 3rem;
  margin-top: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
}
@media only screen and (max-width: 52.0625rem) {
  .addresses._card .item__actions {
    display: flex;
    justify-content: space-between;
  }
}
.addresses._card .item__actions .actions__edit,
.addresses._card .item__actions .actions__remove {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--primary-900);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .addresses._card .item__actions .actions__edit,
  .addresses._card .item__actions .actions__remove {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.addresses._card .item__actions .actions__edit,
.addresses._card .item__actions .actions__remove {
  cursor: pointer;
}
.addresses._card .item__actions .actions__edit svg,
.addresses._card .item__actions .actions__remove svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.addresses._card .item__actions .actions__edit svg path,
.addresses._card .item__actions .actions__remove svg path {
  stroke: currentColor;
}

.status {
  --status__width: 26.375rem;
  --status__gap: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  --status__padding-bottom: clamp(10rem, 3.4229rem + 7.8767vw, 12.875rem);
  --status__button__margin-top: clamp(2rem, 1.6203rem + 1.6878vw, 2.5rem);
}
@media only screen and (max-width: 83.4375rem) {
  .status {
    --status__padding-bottom: clamp(5rem, -3.3068rem + 15.9363vw, 10rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .status {
    --status__padding-bottom: clamp(3.375rem, 2.1408rem + 5.4852vw, 5rem);
  }
}
.status {
  padding-top: clamp(1.5rem, 0.0759rem + 6.3291vw, 3.375rem);
  padding-bottom: var(--status__padding-bottom);
}
.status .status__content {
  display: flex;
  flex-direction: column;
  gap: var(--status__gap);
  width: var(--status__width);
  max-width: 100%;
  margin-inline: auto;
}
.status .content__title,
.status .content__info,
.status .content__description {
  color: var(--primary-900);
  text-align: center;
}
.status .content__title,
.status .content__info {
  font-weight: 700;
}
.status .content__title {
  font-size: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .status .content__title {
    font-size: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
    line-height: clamp(1.875rem, 1.7801rem + 0.4219vw, 2rem);
  }
}
.status .content__info,
.status .content__description :is(p, .p) {
  font-size: 0.875rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .status .content__info,
  .status .content__description :is(p, .p) {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.status .button {
  margin-top: calc(var(--status__button__margin-top) - var(--status__gap));
}
.status._login {
  --status__width: 31.875rem;
  --status__gap: clamp(1rem, 0.7152rem + 1.2658vw, 1.375rem);
  --status__button__margin-top: 2rem;
}
.status._error {
  --status__gap: 1.5rem;
  --status__button__margin-top: 2.5rem;
}

.faq__collapsible {
  --collapsible__border: 0.0625rem solid var(--primary-900);
  --collapsible__padding-block: 0.9375rem;
  width: 100%;
  max-width: 50rem;
  margin-top: 2.5rem;
  margin-inline: auto;
  border-top: var(--collapsible__border);
}
.faq__collapsible .collapsible__block {
  border-bottom: var(--collapsible__border);
}
.faq__collapsible .collapsible__block:has(input:checked) .block__header svg path:nth-child(1) {
  display: none;
}
.faq__collapsible .collapsible__block:has(input:checked) .block__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.faq__collapsible .block__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.25rem;
  color: var(--primary-900);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2rem;
}
@media only screen and (max-width: 52.0625rem) {
  .faq__collapsible .block__header {
    font-size: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.faq__collapsible .block__header {
  padding-block: var(--collapsible__padding-block);
  cursor: pointer;
}
@media (hover: hover) {
  .faq__collapsible .block__header:hover {
    color: var(--other-disabled-600);
  }
}
.faq__collapsible .block__header svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.faq__collapsible .block__header svg path {
  stroke: currentColor;
}
.faq__collapsible input,
.faq__collapsible .block__content {
  display: none;
}
.faq__collapsible .block__content {
  padding-bottom: var(--collapsible__padding-block);
}
.faq__collapsible .block__content p, .faq__collapsible .block__content .p {
  color: var(--primary-900);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .faq__collapsible .block__content p, .faq__collapsible .block__content .p {
    font-size: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}

.faq {
  padding-top: clamp(1.5rem, 0.0759rem + 6.3291vw, 3.375rem);
  padding-bottom: clamp(3.375rem, 2.1408rem + 5.4852vw, 5rem);
}
.faq h1, .faq .h1 {
  color: var(--primary-900);
  font-size: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
  font-weight: 700;
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .faq h1, .faq .h1 {
    font-size: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
    line-height: clamp(1.875rem, 1.7801rem + 0.4219vw, 2rem);
  }
}
.faq h1, .faq .h1 {
  text-align: center;
}
.faq .faq__collapsible {
  margin-top: 1.5rem;
}

.notification {
  width: 100%;
  position: fixed;
  z-index: 1000;
  left: 0;
  bottom: 1.875rem;
}
.notification .content {
  background-color: var(--notification__background);
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0.5rem;
  border: 0.0625rem solid var(--notification__color);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.notification p {
  color: var(--notification__color);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  margin-right: auto;
  padding-left: 0.4375rem;
  position: relative;
}
.notification p::before {
  background-color: var(--notification__color);
  width: 0.1875rem;
  min-width: 0.1875rem;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 0.4375rem;
  left: 0;
}
.notification .close {
  --close__width: 1.25rem;
  display: flex;
  width: var(--close__width);
  min-width: var(--close__width);
  height: auto;
  aspect-ratio: 1;
  margin-left: 0.375rem;
  cursor: pointer;
  color: var(--primary-900);
}
@media (hover: hover) {
  .notification .close:hover svg path {
    stroke: var(--notification__color);
  }
}
.notification .close svg {
  width: 100%;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.notification .close svg path {
  stroke: currentColor;
}
.notification._success {
  --notification__background: var(--other-success-100);
  --notification__color: var(--other-success-700);
}
.notification._error {
  --notification__background: var(--other-error-100);
  --notification__color: var(--other-error-700);
}

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

.product_remove_form {
  display: contents;
}

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

.header__mainbar:hover .actions__languages:hover .languages__frame span {
  text-decoration: underline;
}

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

.homepage__hero {
  --hero__background-image: var(--desktop-image);
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero {
    --hero__background-image: var(--mobile-image);
  }
}
.homepage__hero {
  width: 100%;
  height: 100svh;
  min-height: 37.5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-image: var(--hero__background-image);
  position: relative;
  z-index: 1;
}
.homepage__hero::before, .homepage__hero::after {
  height: var(--cover__height);
  background: var(--cover__background);
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
}
.homepage__hero::before {
  --cover__height: clamp(8.75rem, -25.5651rem + 41.0959vw, 23.75rem);
  --cover__background: var(--other-gradient-top-300);
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero::before {
    --cover__height: clamp(8.75rem, 4.0032rem + 21.097vw, 15rem);
  }
}
.homepage__hero::before {
  top: 0;
}
.homepage__hero::after {
  --cover__height: clamp(20rem, -2.8767rem + 27.3973vw, 30rem);
  --cover__background: var(--other-gradient-bottom-300);
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero::after {
    --cover__height: clamp(20rem, 15.2532rem + 21.097vw, 26.25rem);
  }
}
.homepage__hero::after {
  bottom: 0;
}
.homepage__hero .hero__text {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
  padding-block: clamp(4rem, -5.1507rem + 10.9589vw, 8rem);
}
.homepage__hero .text__heading-1,
.homepage__hero .text__heading-2 {
  font-weight: 400;
  color: var(--neutral-100);
  text-align: center;
}
.homepage__hero .text__heading-1 {
  font-size: 1.25rem;
  line-height: 2rem;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .text__heading-1 {
    font-size: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.homepage__hero .text__heading-1 {
  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;
}
.homepage__hero .text__heading-2 {
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .homepage__hero .text__heading-2 {
    font-size: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}

.product__hero {
  --hero__padding-top: 1.5rem;
  --hero__padding-bottom: clamp(3.375rem, 2.1408rem + 5.4852vw, 5rem);
  --hero__content__width: 47rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: minmax(0, 1fr);
  background-color: var(--neutral-100);
  padding-block: var(--hero__padding-top) var(--hero__padding-bottom);
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 67.75rem) {
  .product__hero {
    --hero__centering: center;
    display: flex;
    flex-direction: column;
    align-items: var(--hero__centering);
    padding-inline: var(--padding);
  }
}
.product__hero .hero__gallery {
  --gallery__gap: 1rem;
  --gallery__thumb__gap: 1.05rem;
  --gallery__thumb__height: clamp(7rem, 2.1387rem + 5.8219vw, 9.125rem);
  display: flex;
  flex-direction: column;
  gap: var(--gallery__gap);
}
@media only screen and (max-width: 67.75rem) {
  .product__hero .hero__gallery {
    width: 100%;
    max-width: var(--hero__content__width);
  }
}
@media only screen and (max-width: 37.25rem) {
  .product__hero .hero__gallery {
    width: calc(100% + var(--padding) * 2);
    margin-inline: calc(var(--padding) * -1);
  }
}
.product__hero .gallery__main {
  --slick__margin-bottom: 1.75rem;
}
.product__hero .gallery__main:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  overflow: hidden;
}
.product__hero .gallery__main:not(.slick-initialized) > *:nth-child(n+2) {
  display: none;
}
.product__hero .gallery__main .main__image {
  --image__height: calc(100svh - var(--header__height) - var(--header__topbar__height) - var(--hero__padding-top) - var(--gallery__gap));
}
@media (max-aspect-ratio: 1.1/1) {
  .product__hero .gallery__main .main__image {
    --image__height: auto;
  }
}
.product__hero .gallery__main .main__image {
  width: 100%;
  height: var(--image__height);
  position: relative;
}
@media (max-aspect-ratio: 1.1/1) {
  .product__hero .gallery__main .main__image {
    aspect-ratio: 1;
  }
}
.product__hero .gallery__main .main__image img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  object-fit: cover;
}
@media (max-aspect-ratio: 1.1/1) {
  .product__hero .gallery__main .main__image img {
    height: unset;
    position: unset;
    inset: unset;
  }
}
.product__hero .gallery__main .slick-dots li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.product__hero .gallery__main .slick-dots li {
  position: unset;
  padding-left: unset;
}
.product__hero .gallery__main .slick-dots {
  bottom: calc(var(--slick__margin-bottom) * -1);
  line-height: unset;
}
.product__hero .gallery__main .slick-dots li {
  --dots__width: 0.5rem;
  --dots__background-color: var(--other-divider-200);
  width: 0.75rem;
  min-width: 0.75rem;
  height: auto;
  aspect-ratio: 1;
  margin: 0 0.375rem;
  position: relative;
}
.product__hero .gallery__main .slick-dots li.slick-active {
  --dots__background-color: var(--primary-900);
  --dots__width: 100%;
}
.product__hero .gallery__main .slick-dots li button {
  width: var(--dots__width);
  min-width: var(--dots__width);
  height: auto;
  aspect-ratio: 1;
  background-color: var(--dots__background-color);
  border-radius: 50%;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.2s ease-out, min-width 0.2s ease-out, height 0.2s ease-out;
}
.product__hero .gallery__main .slick-dots li button::before {
  content: none;
}
.product__hero .gallery__thumb {
  --thumb__padding-inline: calc(var(--gallery__thumb__gap) / 2);
  --thumb__border-color: transparent;
}
.product__hero .gallery__thumb:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  overflow: hidden;
}
.product__hero .gallery__thumb:not(.slick-initialized) > *:nth-child(n+7) {
  display: none;
}
.product__hero .gallery__thumb {
  margin-inline: calc(var(--thumb__padding-inline) * -1);
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .gallery__thumb:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    overflow: hidden;
  }
  .product__hero .gallery__thumb:not(.slick-initialized) > *:nth-child(n+6) {
    display: none;
  }
}
@media only screen and (max-width: 67.75rem) {
  .product__hero .gallery__thumb {
    display: none;
  }
}
.product__hero .gallery__thumb .slick-slide, .product__hero .gallery__thumb > div:not(.slick-list) {
  padding-inline: var(--thumb__padding-inline);
}
.product__hero .gallery__thumb .slick-slide img, .product__hero .gallery__thumb > div:not(.slick-list) img {
  border: 0.0625rem solid var(--thumb__border-color);
}
.product__hero .gallery__thumb .slick-track {
  margin-left: 0;
}
.product__hero .gallery__thumb .slick-current, .product__hero .gallery__thumb > div:not(.slick-list):first-child .thumb__image {
  --thumb__border-color: var(--primary-900);
}
.product__hero .thumb__image img {
  width: 100%;
  height: 100%;
  cursor: pointer;
  object-fit: cover;
}
.product__hero .hero__info {
  --info__padding-left: clamp(4.0625rem, -6.375rem + 12.5vw, 8.625rem);
}
@media only screen and (max-width: 83.4375rem) {
  .product__hero .hero__info {
    --info__padding-left: clamp(2rem, -6.9156rem + 13.1474vw, 4.0625rem);
  }
}
@media only screen and (min-width: 67.8125rem) {
  .product__hero .hero__info {
    padding-left: var(--info__padding-left);
    padding-right: var(--padding);
  }
}
.product__hero .hero__info {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: var(--hero__centering);
}
.product__hero .info__content {
  width: 100%;
  max-width: 32.1875rem;
}
@media only screen and (max-width: 67.75rem) {
  .product__hero .info__content {
    max-width: var(--hero__content__width);
    padding-top: clamp(2rem, 0.8133rem + 5.2743vw, 3.5625rem);
  }
}
.product__hero .button {
  --button__margin-top: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  margin-top: var(--button__margin-top);
}
.product__hero .content__title {
  color: var(--primary-900);
  font-size: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
  font-weight: 700;
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .content__title {
    font-size: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
    line-height: clamp(1.875rem, 1.7801rem + 0.4219vw, 2rem);
  }
}
.product__hero .content__description {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 1rem;
}
.product__hero .content__description .description__subtitle,
.product__hero .content__description .description__editor :is(p, .p) {
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .content__description .description__subtitle,
  .product__hero .content__description .description__editor :is(p, .p) {
    font-size: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}
.product__hero .content__description .description__subtitle,
.product__hero .content__description .description__editor :is(p, .p) {
  color: var(--primary-900);
}
.product__hero .content__description .description__subtitle {
  font-weight: 600;
}
.product__hero .content__price {
  display: flex;
  justify-content: var(--hero__centering);
  gap: 1rem;
  color: var(--primary-900);
  font-size: clamp(1.25rem, 0.6781rem + 0.6849vw, 1.5rem);
  font-weight: 500;
  line-height: clamp(1.75rem, 1.1781rem + 0.6849vw, 2rem);
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .content__price {
    font-size: clamp(1.125rem, 1.0301rem + 0.4219vw, 1.25rem);
    line-height: clamp(1.5rem, 1.3101rem + 0.8439vw, 1.75rem);
  }
}
.product__hero .content__price {
  margin-top: 1rem;
}
.product__hero .content__price span:not(:only-child):first-child {
  text-decoration: line-through;
}
.product__hero .content__price + .button {
  --button__margin-top: 5rem;
}
.product__hero .content__details {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  color: var(--primary-900);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .product__hero .content__details {
    font-size: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}
.product__hero .content__details {
  margin-top: 2rem;
}
.product__hero .content__details .details__price {
  display: flex;
  gap: 0.5rem;
}
.product__hero .content__details .details__price span:not(:only-child):first-child {
  text-decoration: line-through;
}
.product__hero .content__quantity {
  width: 100%;
  max-width: 11.25rem;
  margin-top: 1rem;
}
.product__hero .checkbox {
  margin-top: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
}

.login {
  --login__padding-bottom: clamp(10rem, 3.4229rem + 7.8767vw, 12.875rem);
}
@media only screen and (max-width: 83.4375rem) {
  .login {
    --login__padding-bottom: clamp(5rem, -3.3068rem + 15.9363vw, 10rem);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .login {
    --login__padding-bottom: clamp(3.375rem, 2.1408rem + 5.4852vw, 5rem);
  }
}
.login {
  padding-top: clamp(1.5rem, 0.0759rem + 6.3291vw, 3.375rem);
  padding-bottom: var(--login__padding-bottom);
}
.login .login__content {
  width: 100%;
  max-width: 31.875rem;
  margin-inline: auto;
}
.login .content__title {
  color: var(--primary-900);
  font-size: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
  font-weight: 700;
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .login .content__title {
    font-size: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
    line-height: clamp(1.875rem, 1.7801rem + 0.4219vw, 2rem);
  }
}
.login .content__title {
  text-align: center;
}
.login .content__description,
.login .content__form {
  margin-top: clamp(1rem, 0.1421rem + 1.0274vw, 1.375rem);
}
.login .content__description {
  color: var(--primary-900);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .login .content__description {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.login .content__description {
  text-align: center;
}
.login .content__form {
  --input__margin-top: 1.5rem;
}
.login .content__form > *:first-child {
  margin-top: 0;
}
.login .content__form .button {
  margin-top: 2rem;
}
.login .content__form .checkbox {
  margin-top: var(--input__margin-top);
}
.login .content__links ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.login .content__links ul li {
  position: unset;
  padding-left: unset;
}
.login .content__links ul {
  list-style: none;
}
.login .content__links a {
  text-decoration: none;
}
.login .content__links {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
}
.login .content__links a {
  color: var(--primary-900);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .login .content__links a {
    font-size: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}
@media (hover: hover) {
  .login .content__links a:hover {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
}
.login .content__links a:not(:last-child) {
  --gap: 1rem;
  margin-right: var(--gap);
  padding-right: var(--gap);
  border-right: 0.0625rem solid var(--other-divider-200);
}

.account {
  padding-top: clamp(1.5rem, 0.0759rem + 6.3291vw, 3.375rem);
  padding-bottom: clamp(3.375rem, 2.1408rem + 5.4852vw, 5rem);
}
.account .account__content {
  width: 100%;
  max-width: 67.75rem;
  margin-inline: auto;
}
.account .account__content:has(.content__addresses) {
  max-width: 82.125rem;
}
.account .account__content:has(.content__history), .account .account__content:has(.content__order) {
  max-width: 76rem;
}
.account .content__title,
.account .content__greeting {
  text-align: center;
}
.account .content__title {
  color: var(--primary-900);
  font-size: clamp(1.5rem, 0.9281rem + 0.6849vw, 1.75rem);
  font-weight: 700;
  line-height: clamp(2rem, 0.8562rem + 1.3699vw, 2.5rem);
}
@media only screen and (max-width: 52.0625rem) {
  .account .content__title {
    font-size: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
    line-height: clamp(1.875rem, 1.7801rem + 0.4219vw, 2rem);
  }
}
.account .content__greeting {
  color: var(--primary-900);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .content__greeting {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.account .content__greeting {
  margin-top: clamp(2rem, 1.1421rem + 1.0274vw, 2.375rem);
}
@media only screen and (max-width: 52.0625rem) {
  .account .content__greeting {
    margin-top: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.account:has(.addresses__add input:checked) .content__addresses {
  display: none !important;
}
.account:has(.addresses__add input:checked) ._add-address {
  display: block;
}
.account .content__nav ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.account .content__nav ul li {
  position: unset;
  padding-left: unset;
}
.account .content__nav ul {
  list-style: none;
}
.account .content__nav a {
  text-decoration: none;
}
.account .content__nav {
  margin-top: clamp(2.5rem, 1.3562rem + 1.3699vw, 3rem);
  margin-bottom: clamp(2.5rem, 1.3562rem + 1.3699vw, 3rem);
}
@media only screen and (max-width: 52.0625rem) {
  .account .content__nav {
    margin-top: clamp(1.5rem, 0.7405rem + 3.3755vw, 2.5rem);
    margin-bottom: clamp(2rem, 1.6203rem + 1.6878vw, 2.5rem);
    margin-inline: calc(var(--padding) * -1);
    border-block: 0.0625rem solid var(--other-divider-200);
    padding-block: 1.5rem;
    padding-inline: var(--padding);
  }
}
.account .content__nav .nav__list {
  display: flex;
  justify-content: center;
  gap: 5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .content__nav .nav__list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
}
.account .content__nav .item__link {
  color: var(--primary-900);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .content__nav .item__link {
    font-size: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}
.account .content__nav .item__link {
  position: relative;
}
.account .content__nav .item__link::after {
  width: 100%;
  height: 0.0625rem;
  background-color: var(--primary-900);
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s cubic-bezier(0.33, 0, 0, 1);
}
@media (hover: hover) {
  .account .content__nav .item__link:hover::after {
    transform-origin: left;
    transform: scaleX(1);
  }
}
.account .content__nav .item__link._active::after {
  transform-origin: left;
  transform: scaleX(1);
}
.account .content__form {
  --input__margin-top: 1.5rem;
  display: grid;
  grid-gap: 2rem clamp(2rem, -1.3227rem + 6.3745vw, 4rem);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
  max-width: 67.75rem;
  margin-inline: auto;
}
@media only screen and (max-width: 52.0625rem) {
  .account .content__form {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .account .content__form .form__col + .form__col {
    padding-top: clamp(0rem, -0.3797rem + 1.6878vw, 0.5rem);
  }
}
.account .content__form .form__title {
  color: var(--primary-900);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 2rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .content__form .form__title {
    font-size: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.account .content__form .form__inputs {
  margin-top: 1rem;
}
.account .content__form .form__inputs > *:first-child {
  margin-top: 0;
}
@media only screen and (min-width: 52.125rem) {
  .account .content__form .form__inputs > .double__input:first-child .input {
    margin-top: 0;
  }
}
@media only screen and (max-width: 52.0625rem) {
  .account .content__form .form__inputs > .double__input:first-child .input:first-child {
    margin-top: 0;
  }
}
.account .content__form .checkbox {
  margin-top: var(--input__margin-top);
}
.account .content__form .checkbox + .checkbox, .account .content__form .checkbox + .company-form + .checkbox {
  margin-top: 1rem;
}
.account .content__form .button {
  grid-column: 1/-1;
}
.account .content__form._add-address {
  display: none;
}
.account .content__form._add-address .double__input {
  display: grid;
  grid-gap: 0 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .content__form._add-address .double__input {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
  .account .content__form._add-address .double__input .double__input {
    display: grid;
    grid-gap: 0 1.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.account .content__form._add-address .button {
  margin-top: 2rem;
}
.account .content__form._add-address .button + .button {
  margin-top: 1.5rem;
}
.account .content__addresses {
  display: grid;
  grid-gap: 2rem 0.625rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 67.75rem) {
  .account .content__addresses {
    width: 100%;
    max-width: 40.75rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    margin-inline: auto;
  }
}
.account .content__addresses:has(.addresses._card:nth-last-child(2):first-child) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
  max-width: 40.75rem;
  margin-inline: auto;
}
.account .content__addresses .addresses._card {
  margin-top: 0;
}
.account .content__addresses .button {
  grid-column: 1/-1;
}
.account .content__history {
  --history__col_1: clamp(6rem, 3.1519rem + 12.6582vw, 9.75rem);
  --history__col_2: 13.25rem;
  --history__col_3: clamp(7.625rem, 7.2927rem + 1.4768vw, 8.0625rem);
  --history__col_4: 11.25rem;
  --history__col_5: clamp(12.75rem, 8.9051rem + 17.0886vw, 17.8125rem);
  --history__col_6: clamp(8.5rem, 7.2184rem + 5.6962vw, 10.1875rem);
  --history__col__padding-inline: 1rem;
  --history__open__width: 1.5rem;
  --history__width: calc(var(--history__col_1) + var(--history__col_2) + var(--history__col_3) + var(--history__col_4) + var(--history__col_5) + var(--history__col_6) + var(--history__col__padding-inline) + var(--history__open__width));
  width: 100%;
  max-width: 76rem;
  margin-inline: auto;
  overflow-x: auto;
}
@media only screen and (max-width: 52.0625rem) {
  .account .content__history {
    width: calc(100% + var(--padding));
    margin-right: calc(var(--padding) * -1);
    padding-right: var(--padding);
  }
}
.account .content__history > :is(p, .p) {
  color: var(--primary-900);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .content__history > :is(p, .p) {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.account .content__history > :is(p, .p) {
  text-align: center;
}
.account .content__history .history__item {
  min-width: var(--history__width);
  display: grid;
  grid-template-columns: var(--history__col_1) var(--history__col_2) var(--history__col_3) var(--history__col_4) var(--history__col_5) var(--history__col_6) minmax(0, 1fr);
  color: var(--primary-900);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .content__history .history__item {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.account .content__history .history__item {
  border-bottom: 0.0625rem solid var(--other-divider-200);
}
.account .content__history .history__item._header {
  color: var(--other-disabled-600);
  border-top: 0.0625rem solid var(--other-divider-200);
}
.account .content__history .item__col {
  display: flex;
  align-items: center;
  min-height: 3.375rem;
  padding: 0.6875rem var(--history__col__padding-inline);
}
.account .content__history .item__col:first-child {
  padding-left: 0;
}
.account .content__history .item__col:last-child {
  padding-right: 0;
}
.account .content__history .item__col:not(:first-child) {
  border-left: 0.0625rem solid var(--other-divider-200);
}
.account .content__history .item__col._status span {
  background-color: var(--surfaces-500);
  width: 100%;
  text-align: center;
  padding: 0.25rem;
}
.account .content__history .col__open {
  width: var(--history__open__width);
  min-width: var(--history__open__width);
  height: auto;
  aspect-ratio: 1;
}
@media (hover: hover) {
  .account .content__history .col__open:hover {
    opacity: 0.8;
  }
}
.account .content__history .col__open path {
  stroke: currentColor;
}
.account .content__order .order__title {
  color: var(--primary-900);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 2rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .content__order .order__title {
    font-size: clamp(1rem, 0.8101rem + 0.8439vw, 1.25rem);
    line-height: clamp(1.5rem, 1.1203rem + 1.6878vw, 2rem);
  }
}
.account .content__order .order__title {
  text-align: center;
}
@media only screen and (max-width: 52.0625rem) {
  .account .content__order .order__title {
    text-align: left;
  }
}
.account .content__order .order__status {
  color: var(--primary-900);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .content__order .order__status {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.account .content__order .order__status {
  background-color: var(--surfaces-500);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 11.25rem;
  margin-inline: auto;
  margin-top: clamp(0.5rem, -0.2595rem + 3.3755vw, 1.5rem);
  padding: 0.25rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .content__order .order__status {
    margin-left: 0;
  }
}
.account .content__order .order__info ul li::before {
  content: none;
  position: unset;
  top: unset;
  left: unset;
}
.account .content__order .order__info ul li {
  position: unset;
  padding-left: unset;
}
.account .content__order .order__info ul {
  list-style: none;
}
.account .content__order .order__info a {
  text-decoration: none;
}
.account .content__order .order__info {
  display: flex;
  justify-content: center;
  min-height: 3.375rem;
  border-block: 0.0625rem solid var(--other-divider-200);
  margin-top: clamp(1rem, 0.2405rem + 3.3755vw, 2rem);
}
@media only screen and (max-width: 52.0625rem) {
  .account .content__order .order__info {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-block: 1rem;
  }
}
.account .content__order .order__info .info__item {
  color: var(--other-disabled-600);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .content__order .order__info .info__item {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
  }
}
.account .content__order .order__info .info__item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.9375rem 3rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .content__order .order__info .info__item {
    padding: 0;
  }
}
.account .content__order .order__info .info__item:first-child {
  padding-left: 0;
}
.account .content__order .order__info .info__item:last-child {
  padding-right: 0;
}
@media only screen and (min-width: 52.125rem) {
  .account .content__order .order__info .info__item:not(:first-child) {
    border-left: 0.0625rem solid var(--other-divider-200);
  }
}
.account .content__order .order__info span:last-child {
  color: var(--primary-900);
}
@media (hover: hover) {
  .account .content__order .order__info a:hover {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
}
.account .content__order .order__info .item__invoice {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  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;
}
@media (hover: hover) {
  .account .content__order .order__info .item__invoice:hover {
    text-decoration: none;
  }
}
.account .content__order .order__info .item__invoice svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
}
.account .content__order .order__info .item__invoice svg path {
  stroke: currentColor;
}
.account .content__order .order__data {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 2rem;
  color: var(--primary-900);
}
@media only screen and (max-width: 52.0625rem) {
  .account .content__order .order__data {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}
.account .content__order .order__data .data__item {
  background-color: var(--surfaces-500);
  padding: clamp(1.5rem, 0.3562rem + 1.3699vw, 2rem);
  border-radius: 0.375rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .content__order .order__data .data__item {
    padding: clamp(1rem, 0.6203rem + 1.6878vw, 1.5rem);
  }
}
.account .content__order .order__data .item__title {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .content__order .order__data .item__title {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.account .content__order .order__data .item__row {
  margin-top: 0.5rem;
}
.account .content__order .order__data .item__row:has(.row__col:nth-child(2)) {
  display: grid;
  grid-gap: 2.5rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 67.75rem) {
  .account .content__order .order__data .item__row:has(.row__col:nth-child(2)) {
    display: grid;
    grid-gap: 0.5rem;
    grid-template-columns: minmax(0, 1fr);
  }
}
@media only screen and (max-width: 52.0625rem) {
  .account .content__order .order__data .item__row:has(.row__col:nth-child(2)) {
    display: grid;
    grid-gap: 0.5rem;
    grid-template-columns: minmax(0, 1fr);
  }
}
.account .content__order .order__data p, .account .content__order .order__data .p {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .content__order .order__data p, .account .content__order .order__data .p {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.account .content__order .order__products {
  margin-top: 2rem;
}
.account .content__order .order__products .product._order:first-child {
  padding-top: 0;
}
.account .content__order .order__summary {
  width: 100%;
  max-width: 18.75rem;
  margin-top: 2rem;
  margin-left: auto;
}
@media only screen and (max-width: 37.25rem) {
  .account .content__order .order__summary {
    max-width: 100%;
  }
}
.account .content__order .order__summary .summary__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.625rem;
  color: var(--primary-900);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .content__order .order__summary .summary__row {
    font-size: clamp(0.8125rem, 0.765rem + 0.211vw, 0.875rem);
    line-height: clamp(1.25rem, 1.0601rem + 0.8439vw, 1.5rem);
  }
}
.account .content__order .order__summary .summary__row + .summary__row {
  margin-top: 0.25rem;
}
.account .content__order .order__summary .summary__row._total {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 52.0625rem) {
  .account .content__order .order__summary .summary__row._total {
    font-size: clamp(0.875rem, 0.7801rem + 0.4219vw, 1rem);
    line-height: clamp(1.375rem, 1.2801rem + 0.4219vw, 1.5rem);
  }
}
.account .content__order .order__summary .summary__row._total {
  margin-top: 1rem;
}
.account .content__order .order__summary .button {
  margin-top: 2rem;
}

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