@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
}

ul,
ol {
  padding: 0;
}

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

h1,
h2,
h3,
h4 {
  text-wrap: balance;
}

h1,
h2,
h3,
h4,
button,
input,
label {
  line-height: 1;
}

body {
  min-height: 100%;
  min-width: 300px;
  line-height: 1.35;
  text-rendering: optimizeLegibility;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

html {
  height: 100%;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

html,
:has(:target) {
  scroll-behavior: smooth;
}

ul[class],
ol[class] {
  list-style: none;
}

a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  color: var(--current-color);
}

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

address[class] {
  font-style: normal;
}

fieldset[class] {
  margin-left: 0;
  padding: 0;
  border: none;
}

textarea:not([rows]) {
  min-height: 8em;
}

input[type=checkbox i] {
  margin: 3px;
}

input,
button,
textarea,
select {
  font: inherit;
}

svg * {
  transition-property: fill, stroke;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

@font-face {
  font-family: "Bitter";
  src: url(/assets/meamo/stage04_3-abf43b81-v4/fonts/Bitter/Bitter-Black.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Bitter";
  src: url(/assets/meamo/stage04_3-abf43b81-v4/fonts/Bitter/Bitter-BlackItalic.woff2) format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Bitter";
  src: url(/assets/meamo/stage04_3-abf43b81-v4/fonts/Bitter/Bitter-Bold.woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Bitter";
  src: url(/assets/meamo/stage04_3-abf43b81-v4/fonts/Bitter/Bitter-BoldItalic.woff2) format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Bitter";
  src: url(/assets/meamo/stage04_3-abf43b81-v4/fonts/Bitter/Bitter-ExtraBold.woff2) format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Bitter";
  src: url(/assets/meamo/stage04_3-abf43b81-v4/fonts/Bitter/Bitter-ExtraBoldItalic.woff2) format("woff2");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Bitter";
  src: url(/assets/meamo/stage04_3-abf43b81-v4/fonts/Bitter/Bitter-ExtraLight.woff2) format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Bitter";
  src: url(/assets/meamo/stage04_3-abf43b81-v4/fonts/Bitter/Bitter-ExtraLightItalic.woff2) format("woff2");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Bitter";
  src: url(/assets/meamo/stage04_3-abf43b81-v4/fonts/Bitter/Bitter-Italic.woff2) format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Bitter";
  src: url(/assets/meamo/stage04_3-abf43b81-v4/fonts/Bitter/Bitter-Light.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Bitter";
  src: url(/assets/meamo/stage04_3-abf43b81-v4/fonts/Bitter/Bitter-LightItalic.woff2) format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Bitter";
  src: url(/assets/meamo/stage04_3-abf43b81-v4/fonts/Bitter/Bitter-Medium.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Bitter";
  src: url(/assets/meamo/stage04_3-abf43b81-v4/fonts/Bitter/Bitter-MediumItalic.woff2) format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Bitter";
  src: url(/assets/meamo/stage04_3-abf43b81-v4/fonts/Bitter/Bitter-Regular.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Bitter";
  src: url(/assets/meamo/stage04_3-abf43b81-v4/fonts/Bitter/Bitter-SemiBold.woff2) format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Bitter";
  src: url(/assets/meamo/stage04_3-abf43b81-v4/fonts/Bitter/Bitter-SemiBoldItalic.woff2) format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Bitter";
  src: url(/assets/meamo/stage04_3-abf43b81-v4/fonts/Bitter/Bitter-Thin.woff2) format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Bitter";
  src: url(/assets/meamo/stage04_3-abf43b81-v4/fonts/Bitter/Bitter-ThinItalic.woff2) format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "GolosText";
  src: url(/assets/meamo/stage04_3-abf43b81-v4/fonts/GolosText/GolosText-Black.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GolosText";
  src: url(/assets/meamo/stage04_3-abf43b81-v4/fonts/GolosText/GolosText-Bold.woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GolosText";
  src: url(/assets/meamo/stage04_3-abf43b81-v4/fonts/GolosText/GolosText-ExtraBold.woff2) format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GolosText";
  src: url(/assets/meamo/stage04_3-abf43b81-v4/fonts/GolosText/GolosText-Medium.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GolosText";
  src: url(/assets/meamo/stage04_3-abf43b81-v4/fonts/GolosText/GolosText-Regular.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GolosText";
  src: url(/assets/meamo/stage04_3-abf43b81-v4/fonts/GolosText/GolosText-SemiBold.woff2) format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
:root {
  --current-color: currentColor;
  --transparent: transparent;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-paper: #f7f8fa;
  --color-ink: #111c35;
  --color-blue: #1d2c4e;
  --color-hover: #465985;
  --color-mist: #e9eff6;
  --color-line: #ced5df;
  --color-muted: #586477;
  --color-success: #226247;
  --color-danger: #b43f42;
  --color-sand: #e8e3d8;
  --font-family-base:
  	'GolosText', 'Arial', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-family-accent:
  	'Bitter', 'Arial', system-ui, -apple-system, 'Segoe UI', serif;
  --border: 0px solid var(--transparent);
  --radius-xs: 0px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --container-width: 1280px;
  --container-padding-x: 80px;
  --input-height: 56px;
  --button-height: 48px;
  --header-height: 154px;
  --transition-duration: 0.2s;
  --transition-duration-long: 0.35s;
  --transition-timing-function: ease-in-out;
}
@media (max-width: 1024px) {
  :root {
    --container-padding-x: 32px;
  }
}
@media (max-width: 768px) {
  :root {
    --header-height: 152px;
    --container-padding-x: clamp(24px, calc(16.3664px + 2.0356vw), 32px);
  }
}

.container {
  max-width: calc(var(--container-width) + var(--container-padding-x) * 2);
  width: auto;
  margin-inline: auto;
  padding-inline: var(--container-padding-x);
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  clip-path: inset(100%) !important;
  clip: rect(0 0 0 0) !important;
  overflow: hidden !important;
}

@media (max-width: 1024px) {
  .hidden-mobile {
    display: none !important;
  }
}

@media (min-width: 1025px) {
  .visible-mobile {
    display: none !important;
  }
}

.full-width {
  margin-inline: calc(var(--container-padding-x) * -1);
}

@media (max-width: 768px) {
  .full-width-mobile {
    margin-inline: calc(var(--container-padding-x) * -1);
  }
}

@media (max-width: 768px) {
  .reversed-mobile > :last-child {
    order: -1;
  }
}

.section > .container {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 32px;
}
@media (max-width: 768px) {
  .section > .container {
    row-gap: 24px;
  }
}
.section__action {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 232px;
}
@media (max-width: 768px) {
  .section__action {
    width: 100%;
    min-width: 0;
  }
}

.padding-sm {
  padding-block: 32px;
}
@media (max-width: 768px) {
  .padding-sm {
    padding-block: 24px;
  }
}

.padding-md {
  padding-block: 48px;
}
@media (max-width: 768px) {
  .padding-md {
    padding-block: 32px;
  }
}

.padding-lg {
  padding-block: 64px;
}
@media (max-width: 768px) {
  .padding-lg {
    padding-block: 40px;
  }
}

html {
  min-height: 100%;
  scroll-padding-top: var(--header-height);
  scroll-behavior: smooth;
}

body {
  font-size: clamp(16px, 15.2957746479px + 0.1877934272vw, 18px);
  display: flex;
  flex-direction: column;
  font-family: var(--font-family-base);
  color: var(--color-ink);
  font-style: normal;
  font-weight: 400;
  line-height: 1.55;
  background-color: var(--color-white);
  min-height: 100dvh;
  font-optical-sizing: auto;
  overflow-wrap: anywhere;
  scrollbar-color: var(--color-blue) var(--transparent);
  scrollbar-width: thin;
  overscroll-behavior: contain;
}
body::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
body::-webkit-scrollbar-track {
  background: var(--transparent);
}
body::-webkit-scrollbar-thumb {
  background-color: var(--color-blue);
  border-radius: 0;
}
body::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-hover);
}

::-moz-selection {
  color: var(--color-white);
  background-color: var(--color-blue);
}

::selection {
  color: var(--color-white);
  background-color: var(--color-blue);
}

main {
  flex: 1;
  padding-block-end: 0;
}

a,
button,
input,
textarea,
svg * {
  transition-property: color, background-color, border-color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
textarea,
select {
  font: inherit;
  color: inherit;
}

p {
  color: inherit;
}

button {
  cursor: pointer;
}

img,
svg {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

img {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

svg {
  display: block;
  flex-shrink: 0;
}

input,
textarea {
  border-radius: var(--radius-sm);
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: var(--color-muted);
  opacity: 1;
}
input::placeholder,
textarea::placeholder {
  color: var(--color-muted);
  opacity: 1;
}

h1,
h2,
h3,
h4 {
  margin-block-start: unset;
  margin-block-end: unset;
  margin-inline-start: unset;
  margin-inline-end: unset;
}

.f-display {
  font-size: clamp(64px, 64px + 0vw, 64px);
  font-family: var(--font-family-accent);
  font-style: normal;
  font-weight: 400;
  line-height: 1.12;
  letter-spacing: -1.6px;
}

h1,
.h1 {
  font-size: clamp(36px, 31.7746478873px + 1.1267605634vw, 48px);
  font-family: var(--font-family-accent);
  color: var(--color-ink);
  font-style: normal;
  font-weight: 400;
  line-height: 1.11;
  letter-spacing: -1px;
}
@media (max-width: 768px) {
  h1,
  .h1 {
    line-height: 1.22;
    letter-spacing: -0.5px;
  }
}

h2,
.h2 {
  font-size: clamp(28px, 23.7746478873px + 1.1267605634vw, 40px);
  font-family: var(--font-family-accent);
  color: var(--color-ink);
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.6px;
}
@media (max-width: 768px) {
  h2,
  .h2 {
    line-height: 1.28;
    letter-spacing: -0.3px;
  }
}

h3,
.h3 {
  font-size: clamp(28px, 28px + 0vw, 28px);
  font-family: var(--font-family-accent);
  color: var(--color-ink);
  font-style: normal;
  font-weight: 500;
  line-height: 1.28;
  letter-spacing: -0.3px;
}

h4,
.h4 {
  font-size: clamp(20px, 20px + 0vw, 20px);
  font-family: var(--font-family-base);
  color: var(--color-ink);
  font-style: normal;
  font-weight: 500;
  line-height: 1.4;
}

.f-large {
  font-size: clamp(18px, 18px + 0vw, 18px);
  font-family: var(--font-family-base);
  color: var(--color-ink);
  font-style: normal;
  font-weight: 400;
  line-height: 1.55;
}

.f-body {
  font-size: clamp(16px, 16px + 0vw, 16px);
  font-family: var(--font-family-base);
  color: var(--color-ink);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}

.f-small {
  font-size: clamp(14px, 14px + 0vw, 14px);
  font-family: var(--font-family-base);
  color: var(--color-ink);
  font-style: normal;
  font-weight: 400;
  line-height: 1.42;
}

.f-caption {
  font-size: clamp(12px, 12px + 0vw, 12px);
  font-family: var(--font-family-base);
  color: var(--color-ink);
  font-style: normal;
  font-weight: 500;
  line-height: 1.33;
}

.background-dark {
  background-color: var(--color-mist);
}

.background-light {
  background-color: var(--color-paper);
}

:focus-visible {
  outline: 2px solid var(--color-hover);
}

.button {
  padding: 0;
  background-color: var(--transparent);
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: clamp(14px, 14px + 0vw, 14px);
  font-family: var(--font-family-base);
  font-style: normal;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  padding: 8px 24px;
  min-height: var(--button-height);
  border: 1px solid var(--transparent);
  border-radius: var(--radius-sm);
  color: var(--color-white);
  background-color: var(--color-blue);
}
@media (hover: hover) {
  .button:hover {
    background-color: var(--color-hover);
  }
}
@media (hover: none) {
  .button:active {
    background-color: var(--color-hover);
  }
}
.button:active {
  background-color: var(--color-blue);
}
.button:disabled {
  background-color: var(--color-line);
}
.button:focus-visible {
  outline: 3px solid var(--color-hover);
  background-color: var(--color-blue);
}
.button--secondary {
  color: var(--color-blue);
  background-color: var(--color-white);
  border-color: var(--color-line);
}
@media (hover: hover) {
  .button--secondary:hover {
    background-color: var(--color-paper);
    border-color: var(--color-hover);
  }
}
@media (hover: none) {
  .button--secondary:active {
    background-color: var(--color-paper);
    border-color: var(--color-hover);
  }
}
.button--secondary:active, .button--secondary:focus-visible {
  background-color: var(--color-white);
}
.button--link {
  color: var(--color-blue);
  background-color: var(--transparent);
}
@media (hover: hover) {
  .button--link:hover {
    text-decoration: underline;
    background-color: var(--transparent);
  }
}
@media (hover: none) {
  .button--link:active {
    text-decoration: underline;
    background-color: var(--transparent);
  }
}

.form {
  font-size: clamp(14px, 14px + 0vw, 14px);
  display: grid;
  gap: 16px;
  min-width: 0;
  line-height: 1.42;
}
.form--wholesale {
  gap: 12px;
}
.form--wholesale .form__consent {
  padding-bottom: 24px;
}
.form__row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 768px) {
  .form__row {
    grid-template-columns: minmax(0, 1fr);
  }
}
.form__row--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
@media (max-width: 768px) {
  .form__row--three {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
}
.form__group {
  display: grid;
  row-gap: 12px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.form__group:has(+ .form__group) {
  padding-bottom: 16px;
}
.form__legend {
  font-size: clamp(16px, 16px + 0vw, 16px);
  padding: 0 0 12px;
  color: var(--color-muted);
  line-height: 1.5;
}
.form__field {
  display: grid;
  gap: 8px;
  min-width: 0;
}
.form__field:has(.form__attachment) {
  gap: 16px;
}
.form__label {
  line-height: 1.42;
}
.form__input, .form__textarea {
  font-size: clamp(16px, 16px + 0vw, 16px);
  width: 100%;
  min-width: 0;
  min-height: var(--input-height);
  padding: 15px 16px;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-sm);
  background-color: var(--color-white);
  line-height: 1.5;
}
.form__input:focus-visible, .form__textarea:focus-visible {
  outline-offset: -3px;
}
.form__input[aria-invalid=true], .form__textarea[aria-invalid=true] {
  border-color: var(--color-danger);
}
.form__textarea {
  min-height: 128px;
  resize: vertical;
}
.form__attachment {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.form__file-label {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
  min-width: 0;
  min-height: 44px;
  padding-block: 8px;
  color: var(--color-blue);
  line-height: 1.42;
  cursor: pointer;
}
.form__file-label:has(:focus-visible) {
  outline: 3px solid var(--color-hover);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}
.form__file-label img {
  flex: 0 0 32px;
  width: 32px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}
.form__file {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.form__remove-file {
  padding: 0;
  background-color: var(--transparent);
  border: none;
  flex: 0 0 44px;
  min-height: 44px;
  color: var(--color-blue);
}
.form__remove-file[hidden] {
  display: none;
}
.form__hint {
  color: var(--color-muted);
}
.form__consent {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  min-height: 44px;
}
.form__checkbox-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 24px;
  height: 24px;
  margin: 0;
  border: 1px solid var(--color-line);
  border-radius: 4px;
  background-color: var(--color-white);
  cursor: pointer;
}
.form__checkbox-input:checked {
  border-color: var(--color-blue);
  background-color: var(--color-blue);
  background-image: url(/assets/meamo/stage04_3-abf43b81-v4/images/icons/check-mark.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
}
.form__checkbox-label {
  color: var(--color-muted);
  line-height: 1.42;
  cursor: pointer;
}
.form__checkbox-label a {
  text-decoration: underline;
}
.form__status {
  color: var(--color-muted);
}
.form__status[hidden] {
  display: none;
}
.form__submit {
  justify-self: start;
  min-width: 320px;
}
@media (max-width: 768px) {
  .form__submit {
    width: 100%;
    min-width: 0;
  }
}

.header {
  flex-shrink: 0;
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: var(--color-white);
}
.header__container {
  display: grid;
  grid-template-columns: 136px minmax(0, 1fr) 232px;
  align-items: center;
  gap: 16px 32px;
  padding-block: 16px;
}
@media (max-width: 1280px) {
  .header__container {
    grid-template-columns: 1fr auto;
  }
}
.header__logo img {
  width: 136px;
  height: 50px;
}
@media (max-width: 768px) {
  .header__logo img {
    width: 108px;
    height: 40px;
  }
}
.header__mobile-menu {
  display: contents;
}
@media (max-width: 1280px) {
  .header__mobile-menu {
    display: none;
  }
}
.header__nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
@media (max-width: 1280px) {
  .header__nav {
    display: grid;
    justify-content: stretch;
    gap: 0;
  }
}
.header__link {
  font-size: clamp(14px, 14px + 0vw, 14px);
  line-height: 24px;
  white-space: nowrap;
}
@media (max-width: 1280px) {
  .header__link {
    font-size: clamp(20px, 20px + 0vw, 20px);
    padding-block: 24px;
  }
}
@media (hover: hover) {
  .header__link:hover {
    text-decoration: underline;
  }
}
@media (hover: none) {
  .header__link:active {
    text-decoration: underline;
  }
}
.header__menu-toggle, .header__menu-close {
  display: none;
}
@media (max-width: 1280px) {
  .header__menu-toggle {
    display: flex;
    min-width: 112px;
  }
}
@media (max-width: 1280px) {
  .header--menu-open {
    max-height: 100dvh;
    overflow-y: auto;
  }
}
@media (max-width: 1280px) {
  .header--menu-open .header__mobile-menu {
    display: grid;
    grid-column: 1/-1;
    grid-row: 3;
    gap: 16px;
    padding-top: 24px;
  }
}
@media (max-width: 1280px) {
  .header__menu-close {
    display: flex;
    justify-self: start;
    padding-inline: 0;
  }
}

.footer {
  flex-shrink: 0;
  font-size: clamp(14px, 14px + 0vw, 14px);
  padding-block: 64px;
  background-color: var(--color-ink);
  color: var(--color-white);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .footer {
    padding-block: 48px;
  }
}
.footer h2 {
  font-size: clamp(20px, 20px + 0vw, 20px);
  font-family: var(--font-family-base);
  font-weight: 500;
  line-height: 1.4;
  color: inherit;
  letter-spacing: normal;
  text-wrap: initial;
}
@media (hover: hover) {
  .footer a:not(.button):hover {
    text-decoration: underline;
  }
}
@media (hover: none) {
  .footer a:not(.button):active {
    text-decoration: underline;
  }
}
.footer :focus-visible {
  outline-color: var(--color-white);
}
.footer__container {
  display: grid;
  row-gap: 40px;
}
.footer__group {
  display: grid;
  align-content: start;
  row-gap: 12px;
}
.footer__columns {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 40px;
}
@media (max-width: 1024px) {
  .footer__columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px 24px;
  }
}
.footer__brand img {
  width: 136px;
  height: 50px;
}
@media (max-width: 1024px) {
  .footer__brand p {
    max-width: 360px;
  }
}
.footer__links {
  display: grid;
  gap: 4px;
}
.footer__links a {
  display: inline-block;
  line-height: 1.71;
}
.footer__contacts address {
  display: grid;
  font-style: normal;
  overflow-wrap: anywhere;
  line-height: 1.42;
}
@media (max-width: 768px) {
  .footer__contacts address {
    gap: 12px;
  }
}
.footer__request {
  width: 232px;
}
@media (max-width: 768px) {
  .footer__request {
    width: 100%;
  }
}
.footer__reviews {
  display: grid;
  row-gap: 16px;
  padding: 24px;
  border-radius: var(--radius-sm);
  background-color: var(--color-blue);
}
.footer__reviews-link {
  width: 232px;
  max-width: 100%;
}
@media (max-width: 768px) {
  .footer__reviews-link {
    width: 100%;
  }
}
.footer__legal {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 32px;
  padding-top: 8px;
}
@media (max-width: 768px) {
  .footer__legal {
    display: grid;
    gap: 12px;
    padding-top: 0;
  }
}
.footer__brand {
  display: grid;
  align-content: start;
  row-gap: 16px;
  line-height: 1.42;
}
@media (max-width: 1024px) {
  .footer__brand {
    grid-column: 1/-1;
  }
}
.footer__contacts {
  display: grid;
  align-content: start;
  row-gap: 16px;
}
@media (max-width: 1024px) {
  .footer__contacts {
    grid-column: 1/-1;
  }
}
@media (max-width: 768px) {
  .footer__contacts {
    row-gap: 12px;
  }
}

.breadcrumbs {
  font-size: clamp(14px, 14px + 0vw, 14px);
  display: flex;
  align-items: center;
}
.breadcrumbs ul,
.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 14px;
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 0;
}
.breadcrumbs li {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 14px;
}
.breadcrumbs li:not(:last-child)::after {
  content: "/";
}
.breadcrumbs li:last-child {
  pointer-events: none;
}
.hero-split__container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px 48px;
  padding-block: 64px;
}
@media (max-width: 1024px) {
  .hero-split__container {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 768px) {
  .hero-split__container {
    gap: 20px 24px;
    padding-block: 32px;
  }
}
.hero-split__copy {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  min-width: 0;
}
@media (max-width: 1024px) {
  .hero-split__copy {
    max-width: 720px;
    row-gap: 20px;
    margin-bottom: 4px;
  }
}
.hero-split__intro {
  color: var(--color-muted);
}
@media (max-width: 768px) {
  .hero-split__intro {
    line-height: 1.5;
  }
}
.hero-split__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 768px) {
  .hero-split__actions {
    display: grid;
  }
}
.hero-split__actions .button {
  min-width: 240px;
}
@media (max-width: 768px) {
  .hero-split__actions .button {
    min-width: 0;
  }
}
.hero-split__slider {
  width: 100%;
  min-width: 0;
  margin: 0;
  align-self: start;
}
.hero-split__media {
  display: grid;
  height: auto;
  grid-template-columns: minmax(0, 19fr) minmax(0, 11fr);
  grid-template-rows: repeat(2, 200px);
  gap: 16px;
  touch-action: pan-y pinch-zoom;
}
@media (max-width: 768px) {
  .hero-split__media {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: 200px 96px;
    gap: 12px 16px;
  }
}
.hero-split__product {
  display: grid;
  place-items: center;
  min-width: 0;
  border-radius: var(--radius-md);
  background-color: var(--color-white);
  overflow: hidden;
}
.hero-split__product img {
  width: 100%;
  height: 100%;
  min-height: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
.hero-split__product--main {
  grid-row: span 2;
}
@media (max-width: 768px) {
  .hero-split__product--main {
    grid-column: 1/-1;
    grid-row: auto;
  }
}
.hero-split__controls {
  display: flex;
  gap: 8px;
  grid-column: 1/-1;
}
@media (max-width: 768px) {
  .hero-split__controls {
    justify-content: center;
  }
}
.hero-split__control {
  padding: 0;
  background-color: var(--transparent);
  border: none;
  font-size: clamp(14px, 14px + 0vw, 14px);
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-sm);
  color: var(--color-blue);
  background-color: var(--color-white);
  font-weight: 500;
}
@media (hover: hover) {
  .hero-split__control:hover {
    border-color: var(--color-hover);
  }
}
@media (hover: none) {
  .hero-split__control:active {
    border-color: var(--color-hover);
  }
}
.hero-split__control[aria-pressed=true] {
  color: var(--color-white);
  background-color: var(--color-blue);
  border-color: var(--color-blue);
}
.hero-split--home {
  background-color: var(--color-paper);
}
.hero-split--home h1 {
  font-size: clamp(32px, 26.3661971831px + 1.5023474178vw, 48px);
  line-height: 1.16;
  text-wrap: initial;
}
@media (max-width: 768px) {
  .hero-split--home h1 {
    line-height: 1.25;
    letter-spacing: -0.5px;
  }
}
.hero-split__eyebrow {
  font-size: clamp(12px, 12px + 0vw, 12px);
  padding-bottom: 4px;
  color: var(--color-hover);
  font-weight: 500;
  line-height: 1.33;
  text-transform: uppercase;
}
.hero-split__illustration {
  min-width: 0;
  align-self: center;
}
.hero-split__illustration img {
  width: 100%;
  height: 416px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .hero-split__illustration img {
    height: 260px;
  }
}
.hero-split--wholesale {
  background-color: var(--color-paper);
}
.hero-split--wholesale .hero-split__container {
  align-items: start;
}
@media (max-width: 768px) {
  .hero-split--wholesale .hero-split__container {
    gap: 48px;
    padding-block: 40px;
  }
}
.hero-split--wholesale h1 {
  font-size: clamp(36px, 31.7746478873px + 1.1267605634vw, 48px);
  line-height: 1.16;
  text-wrap: initial;
}
@media (max-width: 768px) {
  .hero-split--wholesale h1 {
    line-height: 1.22;
  }
}
.hero-split--wholesale .hero-split__intro {
  padding-bottom: 4px;
}
@media (max-width: 768px) {
  .hero-split__title-wide {
    display: none;
  }
}
.hero-split__title-short {
  display: none;
}
@media (max-width: 768px) {
  .hero-split__title-short {
    display: inline;
  }
}
.hero-split--about {
  background-color: var(--color-paper);
}
.hero-split--about .hero-split__container {
  align-items: start;
}
@media (max-width: 768px) {
  .hero-split--about .hero-split__container {
    gap: 48px;
    padding-block: 40px;
  }
}
.hero-split--about h1 {
  font-size: clamp(36px, 31.7746478873px + 1.1267605634vw, 48px);
  line-height: 1.16;
  text-wrap: initial;
}
@media (max-width: 768px) {
  .hero-split--about h1 {
    line-height: 1.22;
  }
}
.hero-split--about .hero-split__intro {
  padding-bottom: 4px;
}
.hero-split--about .hero-split__illustration img {
  border-radius: var(--radius-md);
}
@media (max-width: 768px) {
  .hero-split--about .hero-split__illustration img {
    height: 260px;
  }
}

.grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}
@media (max-width: 1024px) {
  .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
}
.grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 768px) {
  .grid--two {
    grid-template-columns: minmax(0, 1fr);
  }
}
.grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 768px) {
  .grid--three {
    grid-template-columns: minmax(0, 1fr);
  }
}
.grid--start {
  align-items: start;
}

.card {
  font-size: clamp(14px, 13.2957746479px + 0.1877934272vw, 16px);
  min-width: 0;
  line-height: 1.5;
}
.card__title {
  font-size: clamp(20px, 20px + 0vw, 20px);
  font-family: var(--font-family-base);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: normal;
  text-wrap: initial;
}
.card__description {
  color: var(--color-muted);
}
.card__icon {
  display: block;
  width: 32px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}
.card__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.card__label {
  font-size: clamp(12px, 12px + 0vw, 12px);
  font-family: var(--font-family-base);
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: normal;
  color: var(--color-hover);
  padding-bottom: 12px;
  text-wrap: initial;
}
@media (max-width: 768px) {
  .card__label {
    padding-bottom: 8px;
  }
}
.card--icon, .card--text.card--white {
  display: grid;
  align-content: start;
  row-gap: 16px;
  padding: 24px;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background-color: var(--color-paper);
}
@media (max-width: 768px) {
  .card--icon, .card--text.card--white {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 8px 16px;
    padding: 16px;
    border: 0;
    border-radius: var(--radius-sm);
  }
}
@media (max-width: 768px) {
  .card--icon .card__description, .card--text.card--white .card__description {
    line-height: 1.42;
  }
}
@media (max-width: 768px) {
  .card--icon .card__icon, .card--text.card--white .card__icon {
    grid-row: span 2;
  }
}
.card--white {
  background-color: var(--color-white);
}
@media (max-width: 768px) {
  .card--white {
    background-color: var(--color-paper);
  }
}
.card--text.card--white {
  padding-bottom: 48px;
}
@media (max-width: 768px) {
  .card--text.card--white {
    padding-bottom: 16px;
  }
}
@media (max-width: 768px) {
  .card--text {
    line-height: 1.42;
  }
}
.card--icon-side {
  font-size: clamp(14px, 14px + 0vw, 14px);
  display: grid;
  align-content: start;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 8px 16px;
  padding: 16px;
  border-radius: var(--radius-sm);
  background-color: var(--color-paper);
  line-height: 1.42;
  min-height: 154px;
}
@media (max-width: 768px) {
  .card--icon-side {
    min-height: unset;
  }
}
.card--icon-side .card__icon {
  grid-row: span 2;
}
.card--icon-side .card__title {
  text-decoration: underline;
}
@media (hover: hover) {
  .card--icon-side .card__title:hover {
    color: var(--color-hover);
  }
}
@media (hover: none) {
  .card--icon-side .card__title:active {
    color: var(--color-hover);
  }
}
.card--text.card--feature {
  font-size: clamp(16px, 16px + 0vw, 16px);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 16px;
  padding: 24px;
  border: 0;
  border-radius: var(--radius-lg);
  line-height: 1.5;
}
.card--text.card--feature .card__title {
  font-size: clamp(28px, 28px + 0vw, 28px);
  margin: 0;
  font-family: var(--font-family-accent);
  line-height: 1.28;
  letter-spacing: -0.3px;
}
.card--text.card--feature .card__description {
  line-height: 1.5;
}
.card__number {
  font-size: clamp(20px, 20px + 0vw, 20px);
  grid-row: span 2;
  color: var(--color-hover);
  font-weight: 500;
  line-height: 1.4;
}
.card--centered-icon .card__icon {
  margin-inline: auto;
}
@media (max-width: 768px) {
  .card--centered-icon .card__icon {
    margin-inline: 0;
  }
}
.card--enum {
  font-size: clamp(14px, 14px + 0vw, 14px);
  display: grid;
  align-content: start;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 8px 16px;
  padding: 16px;
  border-radius: var(--radius-sm);
  background-color: var(--color-paper);
}

.section-heading {
  display: grid;
  row-gap: 16px;
}
.section-heading h2 {
  text-wrap: initial;
}
.section-heading p {
  font-size: clamp(16px, 16px + 0vw, 16px);
  max-width: 800px;
  color: var(--color-muted);
  line-height: 1.5;
}
.section-heading--large p {
  font-size: clamp(16px, 15.2957746479px + 0.1877934272vw, 18px);
}

.category-grid {
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px 24px;
}
@media (max-width: 1024px) {
  .category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .category-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
}

.category-card {
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 16px;
  min-width: 0;
  padding: 24px;
  border-radius: var(--radius-md);
  background-color: var(--color-paper);
}
@media (max-width: 768px) {
  .category-card {
    grid-template-columns: 72px minmax(0, 1fr);
    grid-template-rows: auto;
    align-items: center;
    gap: 24px;
    padding: 12px;
  }
}
@media (hover: hover) {
  .category-card:hover {
    box-shadow: inset 0 0 0 1px var(--color-hover);
  }
}
@media (hover: none) {
  .category-card:active {
    box-shadow: inset 0 0 0 1px var(--color-hover);
  }
}
.category-card__media {
  display: grid;
  place-items: center;
  min-width: 0;
  height: 144px;
  border-radius: var(--radius-sm);
  background-color: var(--color-white);
  overflow: hidden;
}
@media (max-width: 768px) {
  .category-card__media {
    height: 72px;
  }
}
.category-card__media img {
  width: 120px;
  height: 120px;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .category-card__media img {
    width: 64px;
    height: 64px;
  }
}
.category-card__placeholder {
  font-size: clamp(12px, 12px + 0vw, 12px);
  color: var(--color-muted);
  text-align: center;
  padding: 8px;
  line-height: 1.33;
}
@media (max-width: 768px) {
  .category-card__placeholder {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    border: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    clip-path: inset(100%) !important;
    clip: rect(0 0 0 0) !important;
    overflow: hidden !important;
  }
}
.category-card__title {
  font-size: clamp(14px, 11.8873239437px + 0.5633802817vw, 20px);
  font-family: var(--font-family-base);
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: normal;
  text-wrap: initial;
  min-height: 84px;
}
@media (max-width: 768px) {
  .category-card__title {
    min-height: unset;
  }
}
.category-card__caption {
  font-size: clamp(14px, 14px + 0vw, 14px);
  color: var(--color-muted);
  line-height: 1.42;
}
@media (max-width: 768px) {
  .category-card__caption {
    display: none;
  }
}

.search {
  grid-column: 1/-1;
  grid-row: 2;
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: var(--input-height);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-sm);
  background-color: var(--color-white);
}
.search:focus-within {
  outline: 2px solid var(--color-hover);
  outline-offset: 2px;
}
.search__submit {
  padding: 0;
  background-color: var(--transparent);
  border: none;
  display: grid;
  place-items: center;
  align-self: stretch;
  flex: 0 0 46px;
  padding-left: 8px;
  border-radius: var(--radius-sm);
}
.search__submit img {
  width: 24px;
  height: 24px;
}
.search__field {
  font-size: clamp(16px, 16px + 0vw, 16px);
  width: 100%;
  min-width: 0;
  min-height: 54px;
  padding: 12px 16px 12px 0;
  border: 0;
  background-color: var(--transparent);
  line-height: 24px;
  outline: none;
}

.request-promo {
  padding-block: 64px;
}
@media (max-width: 768px) {
  .request-promo {
    padding-block: 40px;
  }
}
.request-promo > .container {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 16px;
}
.request-promo__text {
  padding-bottom: 16px;
}
@media (max-width: 768px) {
  .request-promo__text {
    padding-bottom: 8px;
  }
}
.request-promo__text {
  max-width: 800px;
  color: var(--color-muted);
}
.request-promo__action {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 328px;
}
@media (max-width: 768px) {
  .request-promo__action {
    width: 100%;
    min-width: 0;
  }
}
.request-promo--experts {
  padding-block: 48px;
  background-color: var(--color-paper);
}
@media (max-width: 768px) {
  .request-promo--experts {
    padding-block: 32px;
  }
}

.products-list {
  min-width: 0;
}
.products-list__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}
@media (max-width: 1024px) {
  .products-list__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .products-list__grid {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
  }
}
.products-list__grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 768px) {
  .products-list__grid--three {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
  }
}
.products-list__track {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.products-list__track:focus-visible {
  outline-offset: -3px;
}
.products-list__items {
  align-items: stretch;
}
.products-list__items > .swiper-slide {
  width: calc((100% - 72px) / 4);
  height: auto;
}
@media (max-width: 1024px) {
  .products-list__items > .swiper-slide {
    width: calc((100% - 48px) / 3);
  }
}
@media (max-width: 768px) {
  .products-list__items > .swiper-slide {
    width: min(304px, 100% - 24px);
  }
}
.products-list__controls {
  display: flex;
  gap: 16px;
}
@media (max-width: 768px) {
  .products-list__controls {
    display: none;
  }
}
.products-list__arrow {
  padding: 0;
  background-color: var(--transparent);
  border: none;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-sm);
  color: var(--color-blue);
  background-color: var(--color-white);
}
@media (hover: hover) {
  .products-list__arrow:hover {
    border-color: var(--color-hover);
  }
}
@media (hover: none) {
  .products-list__arrow:active {
    border-color: var(--color-hover);
  }
}
.products-list__arrow:disabled {
  color: var(--color-muted);
  opacity: 0.45;
  cursor: default;
}
.products-list__hint {
  display: none;
}
@media (max-width: 768px) {
  .products-list__hint {
    font-size: clamp(14px, 14px + 0vw, 14px);
    display: block;
    color: var(--color-muted);
  }
}
@media (max-width: 768px) {
  .products-list--slider .product-card__media {
    height: 215px;
  }
}

.product-card[id] {
  scroll-margin-top: 16px;
}
.product-card {
  font-size: clamp(14px, 14px + 0vw, 14px);
  display: flex;
  flex-direction: column;
  min-width: 0;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-sm);
  background-color: var(--color-white);
  scroll-snap-align: start;
  line-height: 1.42;
}
.product-card :focus-visible {
  outline-offset: -3px;
}
.product-card__media {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  height: 225px;
  border-radius: calc(var(--radius-sm) - 1px) calc(var(--radius-sm) - 1px) 0 0;
  overflow: hidden;
}
@media (max-width: 768px) {
  .product-card__media {
    height: 244px;
  }
}
.product-card__media img {
  width: 100%;
  height: 100%;
  min-height: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
.product-card__content {
  row-gap: 8px;
}
@media (max-width: 768px) {
  .product-card__content {
    row-gap: 6px;
  }
}
.product-card__content {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  padding: 16px;
}
.product-card__labels {
  font-size: clamp(12px, 12px + 0vw, 12px);
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  line-height: 1.33;
  padding-right: 24px;
}
.product-card__status {
  flex: 1;
  padding: 8px;
  border-radius: var(--radius-sm);
  background-color: var(--color-paper);
  color: var(--color-muted);
}
@media (max-width: 768px) {
  .product-card__status {
    max-width: 150px;
  }
}
.product-card__badge {
  align-self: start;
  padding: 8px;
  background-color: var(--color-blue);
  color: var(--color-white);
}
.product-card__country {
  font-size: clamp(12px, 12px + 0vw, 12px);
  color: var(--color-muted);
  line-height: 1.33;
}
.product-card__title {
  font-size: clamp(20px, 20px + 0vw, 20px);
  min-height: 84px;
  font-family: var(--font-family-base);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: normal;
  text-wrap: initial;
}
@media (max-width: 768px) {
  .product-card__title {
    min-height: 0;
  }
}
@media (hover: hover) {
  .product-card__title a:hover {
    text-decoration: underline;
  }
}
@media (hover: none) {
  .product-card__title a:active {
    text-decoration: underline;
  }
}
.product-card__category {
  margin-top: auto;
  color: var(--color-muted);
}
.product-card--large .product-card__media {
  height: 292px;
}
@media (max-width: 1024px) {
  .product-card--large .product-card__media {
    height: 228px;
  }
}
.product-card--huge .product-card__media {
  height: 305px;
}
@media (max-width: 1024px) {
  .product-card--huge .product-card__media {
    height: 244px;
  }
}
.product-card--list { display: grid; grid-template-columns: 144px minmax(0, 1fr); gap: 16px; padding: 16px; }
.product-card--list .product-card__media { grid-column: 1; grid-row: 1; align-self: start; height: 144px; border-radius: 0; }
.product-card--list .product-card__content { display: grid; grid-template-columns: minmax(0, 1fr) 216px; align-content: start; gap: 8px 24px; padding: 0; }
.product-card--list .product-card__title { grid-column: 1; grid-row: 1; min-height: 0; overflow-wrap: anywhere; }
.product-card--list .product-card__labels { display: contents; }
.product-card--list .product-card__status { grid-column: 1; grid-row: 2; justify-self: start; font-size: 12px; }
.product-card--list .product-card__country { grid-column: 1; grid-row: 3; }
.product-card--list .product-card__category { grid-column: 1; grid-row: 4; margin: 0; }
.product-card--list .product-card__badge { font-size: 12px; grid-column: 1; grid-row: 5; justify-self: start; padding: 0; background-color: var(--transparent); color: var(--color-blue); }
.product-card--list .product-card__content > .button { grid-column: 2; grid-row: 1 / 3; align-self: start; }
.product-card--list .product-card__content > .product-card__details { grid-row: 3 / 5; }
@media (max-width: 768px) {
.product-card--list { grid-template-columns: 112px minmax(0, 1fr); gap: 8px 16px; }
.product-card--list .product-card__media { grid-row: 1 / 6; height: 112px; }
.product-card--list .product-card__content { display: contents; }
.product-card--list .product-card__title, .product-card--list .product-card__status, .product-card--list .product-card__country, .product-card--list .product-card__category, .product-card--list .product-card__badge { grid-column: 2; }
.product-card--list .product-card__content > .button { grid-column: 1 / -1; grid-row: 6; margin-top: 8px; padding-inline: 8px; }
.product-card--list .product-card__content > .product-card__details { grid-row: 7; margin-top: 0; }
}

.supply-process {
  padding-block: 64px;
  background-color: var(--color-paper);
}
@media (max-width: 768px) {
  .supply-process {
    padding-block: 40px;
  }
}
.supply-process > .container {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 32px;
}
@media (max-width: 768px) {
  .supply-process > .container {
    row-gap: 24px;
  }
}
.supply-process__steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 768px) {
  .supply-process__steps {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
}
.supply-process__step {
  display: grid;
  align-content: start;
  row-gap: 16px;
  min-width: 0;
  padding: 24px;
}
@media (max-width: 1024px) {
  .supply-process__step {
    padding: 16px 0;
  }
}
@media (max-width: 768px) {
  .supply-process__step {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 8px 16px;
    padding: 16px;
  }
}
.supply-process__number {
  font-size: clamp(20px, 17.1830985915px + 0.7511737089vw, 28px);
  display: block;
  color: var(--color-hover);
  font-family: var(--font-family-accent);
  font-weight: 500;
  line-height: 1.4;
}
@media (max-width: 768px) {
  .supply-process__number {
    grid-row: span 2;
  }
}
.supply-process__title {
  font-size: clamp(20px, 20px + 0vw, 20px);
  font-family: var(--font-family-base);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: normal;
  text-wrap: initial;
}
.supply-process__step p {
  font-size: clamp(14px, 14px + 0vw, 14px);
  color: var(--color-muted);
  line-height: 1.42;
}
.supply-process__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 768px) {
  .supply-process__actions {
    display: grid;
  }
}
.supply-process__actions .button {
  min-width: 232px;
}
@media (max-width: 768px) {
  .supply-process__actions .button {
    min-width: 0;
  }
}

.labs-presentation {
  padding-block: 64px;
  background-color: var(--color-ink);
  color: var(--color-white);
}
@media (max-width: 768px) {
  .labs-presentation {
    padding-block: 40px;
  }
}
.labs-presentation__container {
  display: grid;
  grid-template-columns: minmax(0, 480px) minmax(0, 1fr);
  gap: 64px;
}
@media (max-width: 1024px) {
  .labs-presentation__container {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }
}
.labs-presentation__copy {
  display: grid;
  align-content: start;
  row-gap: 16px;
  font-size: clamp(16px, 16px + 0vw, 16px);
  line-height: 1.5;
}
@media (max-width: 1024px) {
  .labs-presentation__copy {
    max-width: 600px;
  }
}
@media (max-width: 768px) {
  .labs-presentation__copy {
    max-width: unset;
  }
}
.labs-presentation__logo {
  width: 136px;
  height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
}
.labs-presentation h2 {
  font-size: clamp(36px, 31.7746478873px + 1.1267605634vw, 48px);
  color: inherit;
  line-height: 1.16;
  text-wrap: initial;
}
@media (max-width: 768px) {
  .labs-presentation h2 {
    padding-top: 8px;
    line-height: 1.22;
    letter-spacing: -0.5px;
  }
}
.labs-presentation__copy p {
  padding-block: 8px;
}
.labs-presentation__copy .button {
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 768px) {
  .labs-presentation__copy .button {
    width: 100%;
  }
}
.labs-presentation__products {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.labs-presentation__product {
  font-size: clamp(14px, 14px + 0vw, 14px);
  display: grid;
  grid-template-rows: 1fr auto;
  gap: 8px;
  min-width: 0;
  padding: 8px;
  border-radius: var(--radius-md);
  background-color: var(--color-white);
  color: var(--color-blue);
  line-height: 1.42;
}
.labs-presentation__product--rounded {
  border-radius: var(--radius-md);
}
.labs-presentation__product img {
  justify-self: center;
  width: 100%;
  max-width: 180px;
  height: 148px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .labs-presentation__product img {
    height: 100px;
  }
}
@media (hover: hover) {
  .labs-presentation__product:hover {
    outline: 2px solid var(--color-hover);
    outline-offset: 2px;
  }
}
@media (hover: none) {
  .labs-presentation__product:active {
    outline: 2px solid var(--color-hover);
    outline-offset: 2px;
  }
}
.labs-presentation :focus-visible {
  outline-color: var(--color-white);
}
.labs-presentation__breadcrumbs {
  padding-bottom: 32px;
}
.labs-presentation--hero .labs-presentation__copy {
  row-gap: 40px;
}
@media (max-width: 768px) {
  .labs-presentation--hero .labs-presentation__copy {
    row-gap: 24px;
  }
}
.labs-presentation--hero h1 {
  font-size: clamp(36px, 31.7746478873px + 1.1267605634vw, 48px);
  color: inherit;
  line-height: 1.16;
  text-wrap: initial;
}
@media (max-width: 768px) {
  .labs-presentation--hero h1 {
    line-height: 1.22;
  }
}
.labs-presentation--hero .labs-presentation__copy p {
  padding-block: 0;
}
.labs-presentation--hero .labs-presentation__copy .button {
  max-width: 280px;
  width: 100%;
}
@media (max-width: 768px) {
  .labs-presentation--hero .labs-presentation__copy .button {
    max-width: unset;
  }
}

.expert-center__all {
  font-size: clamp(14px, 14px + 0vw, 14px);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  font-weight: 500;
  padding-block: 12px;
}
@media (hover: hover) {
  .expert-center__all:hover {
    text-decoration: underline;
  }
}
@media (hover: none) {
  .expert-center__all:active {
    text-decoration: underline;
  }
}
@media (max-width: 768px) {
  .expert-center__grid {
    gap: 24px;
  }
}
.expert-center__grid .article-card[hidden] {
  display: none;
}
.expert-center__topics {
  padding-block: 16px;
}
.expert-center__empty {
  padding-block: 32px;
}
.expert-center__empty p {
  padding-block: 24px;
  color: var(--color-muted);
}
.expert-center--listing {
  padding-bottom: 32px;
}
@media (max-width: 768px) {
  .expert-center--listing {
    padding-bottom: 24px;
  }
}
.expert-center--listing .expert-center__grid {
  padding-block: 32px;
  row-gap: 32px;
}
@media (max-width: 768px) {
  .expert-center--listing .expert-center__grid {
    padding-block: 24px 32px;
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
}
.expert-center--listing .pagination {
  padding-top: 0;
}

.article-card {
  font-size: clamp(16px, 16px + 0vw, 16px);
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  min-width: 0;
  line-height: 1.5;
  padding-bottom: 24px;
}
.article-card__media {
  display: block;
  padding-bottom: 8px;
}
.article-card__media img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  border-radius: var(--radius-sm);
  -o-object-fit: contain;
     object-fit: contain;
}
.article-card__topic {
  font-size: clamp(12px, 12px + 0vw, 12px);
  color: var(--color-hover);
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: 0.3px;
}
.article-card__title {
  font-size: clamp(20px, 20px + 0vw, 20px);
  font-family: var(--font-family-base);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: normal;
  text-wrap: initial;
  min-height: 2.8em;
}
.article-card__description {
  color: var(--color-muted);
  min-height: 72px;
}
.article-card__link {
  margin-top: auto;
}
.article-card__pending,
.article-card__pending:hover,
.article-card__pending:active {
  color: var(--color-muted);
  background-color: var(--transparent);
  text-decoration: none;
  cursor: default;
}
@media (max-width: 768px) {
  .article-card--feature .article-card__topic {
    padding-top: 8px;
  }
}
.article-card--feature .article-card__media {
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  place-items: center;
  aspect-ratio: 1.6;
  overflow: hidden;
  padding-bottom: 0;
  height: 353px;
}
@media (max-width: 768px) {
  .article-card--feature .article-card__media {
    height: 185px;
  }
}
.article-card--feature .article-card__media img {
  aspect-ratio: 1;
  border-radius: 0;
}
.article-card--feature .article-card__description {
  min-height: 4.5em;
}

.faq {
  padding-block: 64px;
  border-top: 1px solid var(--color-line);
}
@media (max-width: 768px) {
  .faq {
    padding-block: 40px;
  }
}
.faq > .container {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 16px;
}
.faq__items {
  display: grid;
  gap: 16px;
}
.faq__item {
  border: 1px solid var(--color-line);
  border-radius: var(--radius-sm);
}
.faq__heading {
  font-family: var(--font-family-base);
  letter-spacing: normal;
  text-wrap: initial;
}
.faq__toggle {
  padding: 0;
  background-color: var(--transparent);
  border: none;
  font-size: clamp(20px, 20px + 0vw, 20px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  padding: 24px;
  border-radius: var(--radius-sm);
  text-align: left;
  font-weight: 500;
  line-height: 1.4;
}
.faq__toggle:focus-visible {
  outline-offset: -3px;
}
@media (hover: hover) {
  .faq__toggle:hover {
    color: var(--color-hover);
  }
}
@media (hover: none) {
  .faq__toggle:active {
    color: var(--color-hover);
  }
}
@media (max-width: 768px) {
  .faq__toggle {
    gap: 8px;
  }
}
.faq__indicator {
  position: relative;
  align-self: stretch;
  flex: 0 0 32px;
  width: 32px;
}
.faq__indicator::before, .faq__indicator::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  left: 10px;
  width: 12px;
  height: 2px;
  border-radius: 1px;
  background-color: currentColor;
}
.faq__indicator::after {
  transform: rotate(90deg);
  transition: transform var(--transition-duration) ease, opacity var(--transition-duration) ease;
}
@media (prefers-reduced-motion: reduce) {
  .faq__indicator::after {
    transition: none;
  }
}
.faq__toggle[aria-expanded=true] .faq__indicator::after {
  transform: rotate(0deg) scaleX(0);
  opacity: 0;
}
.faq__toggle[aria-expanded=true] {
  padding-bottom: 16px;
}
.faq__answer {
  font-size: clamp(16px, 16px + 0vw, 16px);
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  color: var(--color-muted);
  line-height: 1.5;
  transition: grid-template-rows var(--transition-duration) ease, opacity var(--transition-duration) ease;
}
@media (prefers-reduced-motion: reduce) {
  .faq__answer {
    transition: none;
  }
}
.faq__answer[aria-hidden=false] {
  grid-template-rows: 1fr;
  opacity: 1;
}
.faq__content {
  min-height: 0;
  overflow: hidden;
}
.faq__content > p {
  padding: 0 24px 24px;
}
.faq__answer a {
  color: var(--color-blue);
  text-decoration: underline;
}

.compact-request {
  padding-block: 64px;
  background-color: var(--color-paper);
}
@media (max-width: 768px) {
  .compact-request {
    padding-block: 40px;
  }
}
.compact-request__container {
  display: grid;
  grid-template-columns: minmax(0, 432px) minmax(0, 1fr);
  gap: 32px;
}
@media (max-width: 1024px) {
  .compact-request__container {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
}
.compact-request__context {
  font-size: clamp(18px, 18px + 0vw, 18px);
  line-height: 1.55;
}
.compact-request__intro {
  font-size: clamp(16px, 16px + 0vw, 16px);
  color: var(--color-muted);
  line-height: 1.5;
}
.compact-request__copy {
  display: grid;
  align-content: start;
  row-gap: 16px;
}
@media (max-width: 1024px) {
  .compact-request__copy {
    max-width: 600px;
  }
}

.intro {
  padding-block: 48px;
}
@media (max-width: 768px) {
  .intro {
    padding-block: 32px;
  }
}
.intro > .container {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 16px;
}
.intro .breadcrumbs {
  padding-bottom: 16px;
}
@media (max-width: 768px) {
  .intro .breadcrumbs {
    padding-bottom: 8px;
  }
}
.intro h1 {
  font-size: clamp(28px, 23.7746478873px + 1.1267605634vw, 40px);
  line-height: 1.2;
  letter-spacing: -0.6px;
}
@media (max-width: 768px) {
  .intro h1 {
    line-height: 1.28;
    letter-spacing: -0.3px;
  }
}
.intro > .container > p {
  color: var(--color-muted);
}
@media (max-width: 768px) {
  .intro--contacts .breadcrumbs {
    padding-bottom: 0;
  }
}
.intro--article h1 {
  max-width: 1120px;
  text-wrap: initial;
}
.intro--article > .container > p {
  max-width: 845px;
}

.catalog-categories {
  font-size: clamp(14px, 14px + 0vw, 14px);
  padding-block: 24px;
  line-height: 1.42;
}
@media (max-width: 768px) {
  .catalog-categories {
    padding-block: 12px 0;
  }
}
.catalog-categories__title {
  font-size: clamp(14px, 14px + 0vw, 14px);
  padding-bottom: 24px;
  font-family: var(--font-family-base);
  font-weight: 500;
  line-height: 1.42;
  letter-spacing: normal;
}
.catalog-categories__links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.catalog-categories__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 12px;
  border-radius: var(--radius-sm);
  background-color: var(--color-paper);
  font-weight: 500;
}
.catalog-categories__link[aria-current=page] {
  background-color: var(--color-ink);
  color: var(--color-white);
}
@media (hover: hover) {
  .catalog-categories__link:hover {
    background-color: var(--color-blue);
    color: var(--color-white);
  }
}
@media (hover: none) {
  .catalog-categories__link:active {
    background-color: var(--color-blue);
    color: var(--color-white);
  }
}
.catalog-categories__caption {
  padding-block-start: 24px;
  color: var(--color-muted);
}
.catalog-categories__seo-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 64px;
  padding-top: 8px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .catalog-categories__seo-links {
    -moz-column-gap: 32px;
         column-gap: 32px;
  }
}
.catalog-categories__seo-links a {
  min-height: 24px;
}
@media (hover: hover) {
  .catalog-categories__seo-links a:hover {
    text-decoration: underline;
  }
}
@media (hover: none) {
  .catalog-categories__seo-links a:active {
    text-decoration: underline;
  }
}

.catalog {
  padding-block: 32px;
}
@media (max-width: 768px) {
  .catalog {
    padding-block: 24px;
  }
}
@media (max-width: 768px) {
  .catalog .pagination {
    justify-content: flex-start;
  }
}
.catalog__container {
  display: grid;
  grid-template-columns: 288px minmax(0, 1fr);
  align-items: start;
  gap: 32px;
}
@media (max-width: 1280px) {
  .catalog__container {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 768px) {
  .catalog__container {
    gap: 40px;
  }
}
.catalog__sidebar, .catalog__results {
  min-width: 0;
}
.catalog__open-filters {
  display: none;
}
@media (max-width: 1280px) {
  .catalog__open-filters {
    display: flex;
    gap: 8px;
    width: 100%;
  }
}
.catalog__chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  padding-bottom: 24px;
}
.catalog__chips[hidden] {
  display: none;
}
.catalog__empty {
  display: grid;
  justify-items: start;
  gap: 24px;
  padding: 48px 32px;
  border-radius: var(--radius-md);
  background-color: var(--color-paper);
}
@media (max-width: 768px) {
  .catalog__empty {
    padding: 32px 24px;
  }
}
.catalog__empty[hidden] {
  display: none;
}
.catalog__empty p {
  color: var(--color-muted);
}

.catalog-filter {
  font-size: clamp(14px, 14px + 0vw, 14px);
  position: static;
  width: 100%;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 16px;
  border: 0;
  border-radius: var(--radius-md);
  background-color: var(--color-paper);
  color: var(--color-ink);
  line-height: 1.42;
}
@media (max-width: 1280px) {
  .catalog-filter {
    position: fixed;
    inset: 0;
    width: 100%;
    max-width: 480px;
    height: 100dvh;
    max-height: 100dvh;
    margin: 0 0 0 auto;
    padding: 24px;
    border-radius: 0;
    background-color: var(--color-white);
  }
}
.catalog-filter[open] {
  display: block;
}
@media (max-width: 1280px) {
  .catalog-filter[open] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 24px;
  }
}
.catalog-filter::backdrop {
  background-color: rgba(17, 28, 53, 0.4);
}
.catalog-filter__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.catalog-filter__header h2 {
  font-size: clamp(20px, 20px + 0vw, 20px);
  font-family: var(--font-family-base);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: normal;
}
.catalog-filter__close {
  padding: 0;
  background-color: var(--transparent);
  border: none;
  font-size: clamp(28px, 28px + 0vw, 28px);
  display: none;
  width: 44px;
  height: 44px;
}
@media (max-width: 1280px) {
  .catalog-filter__close {
    display: block;
  }
}
.catalog-filter__form {
  min-height: 0;
}
@media (max-width: 1280px) {
  .catalog-filter__form {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    gap: 24px;
  }
}
.catalog-filter__body {
  display: grid;
  row-gap: 8px;
  padding-top: 8px;
}
@media (max-width: 1280px) {
  .catalog-filter__body {
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 16px;
    border-radius: var(--radius-md);
    background-color: var(--color-paper);
  }
}
.catalog-filter__group {
  border-bottom: 1px solid var(--color-line);
  padding-bottom: 12px;
}
.catalog-filter__toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 44px;
  padding-block: 12px;
  list-style: none;
  font-weight: 500;
  cursor: pointer;
}
.catalog-filter__toggle::-webkit-details-marker {
  display: none;
}
.catalog-filter__toggle::after {
  content: "";
  flex: 0 0 8px;
  width: 8px;
  height: 8px;
  margin-right: 4px;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: rotate(45deg);
}
.catalog-filter__group[open] > .catalog-filter__toggle::after {
  transform: rotate(225deg);
}
.catalog-filter__options {
  display: grid;
  gap: 8px;
  padding-top: 8px;
}
.catalog-filter__option {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 24px;
  cursor: pointer;
}
.catalog-filter__option input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  margin: 0;
  border: 1px solid var(--color-line);
  border-radius: 4px;
  background-color: var(--color-white);
}
.catalog-filter__option input:checked {
  border-color: var(--color-blue);
  background: var(--color-blue) url(/assets/meamo/stage04_3-abf43b81-v4/images/icons/check-mark.svg) center/20px no-repeat;
}
.catalog-filter__subtitle {
  font-size: clamp(14px, 14px + 0vw, 14px);
  font-family: var(--font-family-base);
  font-weight: 500;
  line-height: 1.42;
  letter-spacing: normal;
}
.catalog-filter__hint {
  font-size: clamp(12px, 12px + 0vw, 12px);
  color: var(--color-muted);
}
.catalog-filter__actions {
  display: grid;
  gap: 16px;
  padding-top: 16px;
}
@media (max-width: 1280px) {
  .catalog-filter__actions {
    padding-top: 0;
  }
}
.catalog-filter__apply {
  display: none;
}
@media (max-width: 1280px) {
  .catalog-filter__apply {
    display: flex;
  }
}

body:has(.catalog-filter:modal) {
  overflow: hidden;
}

.filter-chip {
  padding: 0;
  background-color: var(--transparent);
  border: none;
  font-size: clamp(14px, 14px + 0vw, 14px);
  display: inline-flex;
  align-items: center;
  gap: 16px;
  min-height: 44px;
  max-width: 100%;
  padding: 8px 16px;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-lg);
  text-align: left;
  line-height: 1.4;
}
.filter-chip::after {
  content: "×";
  font-size: clamp(24px, 24px + 0vw, 24px);
  color: var(--color-hover);
}

.catalog-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 240px auto;
  align-items: center;
  gap: 16px;
  padding-bottom: 24px;
}
@media (max-width: 768px) {
  .catalog-toolbar {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
}
.catalog-toolbar__count {
  font-size: clamp(20px, 20px + 0vw, 20px);
  font-family: var(--font-family-base);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: normal;
}
.catalog-toolbar__sort {
  font-size: clamp(14px, 14px + 0vw, 14px);
  display: grid;
  gap: 8px;
  line-height: 1.4;
}
.catalog-toolbar__sort select {
  font-size: clamp(16px, 16px + 0vw, 16px);
  width: 100%;
  min-height: 56px;
  padding: 16px;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-sm);
  background-color: var(--color-white);
  color: var(--color-muted);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-right: 48px;
  background-image: url(/assets/meamo/stage04_3-abf43b81-v4/images/icons/chevron-sm.svg);
  background-position: right 16px center;
  background-size: 24px;
  background-repeat: no-repeat;
}
.catalog-toolbar__views {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.catalog-toolbar__views .button {
  min-width: 140px;
}
@media (max-width: 768px) {
  .catalog-toolbar__views .button {
    min-width: 0;
  }
}

.catalog-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
@media (max-width: 768px) {
  .catalog-grid {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
  }
}
.catalog-grid--list {
  grid-template-columns: minmax(0, 1fr);
}
.catalog-grid > [hidden] {
  display: none;
}

.pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  padding-top: 24px;
}
.pagination[hidden] {
  display: none;
}
.pagination--start {
  justify-content: flex-start;
}
.pagination__button {
  padding: 0;
  background-color: var(--transparent);
  border: none;
  font-size: clamp(14px, 14px + 0vw, 14px);
  min-width: 40px;
  min-height: 44px;
  padding: 8px;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-sm);
  font-weight: 500;
}
.pagination__button[aria-current=page] {
  background-color: var(--color-blue);
  color: var(--color-white);
}
.pagination__button:disabled {
  opacity: 0.4;
  cursor: default;
}
@media (hover: hover) {
  .pagination__button:hover {
    border-color: var(--color-hover);
  }
}
@media (hover: none) {
  .pagination__button:active {
    border-color: var(--color-hover);
  }
}

.info-table {
  font-size: clamp(14px, 14px + 0vw, 14px);
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .info-table tbody {
    display: block;
  }
}
.info-table tr:nth-child(odd) {
  background-color: var(--color-paper);
}
@media (max-width: 768px) {
  .info-table tr {
    display: grid;
    gap: 8px;
    padding: 16px;
  }
}
.info-table th,
.info-table td {
  padding: 16px;
  vertical-align: top;
}
@media (max-width: 768px) {
  .info-table th,
  .info-table td {
    padding: 0;
  }
}
.info-table th {
  font-size: clamp(16px, 16px + 0vw, 16px);
  width: 24%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .info-table th {
    font-size: clamp(14px, 14px + 0vw, 14px);
    line-height: 1.42;
    width: auto;
  }
}
.info-table td {
  color: var(--color-muted);
}
.info-table--specifications th {
  width: 31%;
  color: var(--color-muted);
  font-weight: 400;
}
.info-table--specifications th b {
  color: var(--color-ink);
  font-weight: 500;
}
@media (max-width: 768px) {
  .info-table--specifications th {
    width: auto;
  }
}
.info-table--specifications td {
  font-size: clamp(16px, 16px + 0vw, 16px);
  color: var(--color-ink);
}
.info-table--editorial {
  font-size: clamp(16px, 16px + 0vw, 16px);
  border: 16px solid var(--color-paper);
  background-color: var(--color-white);
  border-top: 0;
}
@media (max-width: 768px) {
  .info-table--editorial {
    display: block;
    border-top: 16px solid var(--color-paper);
  }
}
.info-table--editorial caption {
  font-size: clamp(20px, 20px + 0vw, 20px);
  padding: 16px 16px 0;
  background-color: var(--color-paper);
  font-weight: 500;
  line-height: 1.4;
  text-align: left;
}
@media (max-width: 768px) {
  .info-table--editorial caption {
    display: block;
    padding: 0;
  }
}
@media (max-width: 768px) {
  .info-table--editorial thead {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    border: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    clip-path: inset(100%) !important;
    clip: rect(0 0 0 0) !important;
    overflow: hidden !important;
  }
}
.info-table--editorial tr,
.info-table--editorial tr:nth-child(odd) {
  background-color: var(--color-white);
}
@media (max-width: 768px) {
  .info-table--editorial tr,
  .info-table--editorial tr:nth-child(odd) {
    gap: 16px;
  }
}
.info-table--editorial th {
  width: 33.333%;
  font-weight: 400;
}
@media (max-width: 768px) {
  .info-table--editorial th {
    width: auto;
  }
}
.info-table--editorial thead th {
  font-size: clamp(14px, 14px + 0vw, 14px);
  padding: 0 16px;
  background-color: var(--color-paper);
}
.info-table--editorial [data-label]::before {
  display: none;
}
@media (max-width: 768px) {
  .info-table--editorial [data-label]::before {
    font-size: clamp(12px, 12px + 0vw, 12px);
    content: attr(data-label);
    display: block;
    padding-bottom: 8px;
    color: var(--color-hover);
    font-weight: 500;
    line-height: 1.33;
    letter-spacing: 0.3px;
  }
}
.info-table--large {
  font-size: clamp(16px, 15.2957746479px + 0.1877934272vw, 18px);
}
.info-table--large th {
  font-size: clamp(18px, 17.2957746479px + 0.1877934272vw, 20px);
}

.product-detail {
  padding-block: 48px;
}
@media (max-width: 768px) {
  .product-detail {
    padding-block: 32px;
  }
}
.product-detail > .container {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 32px;
}
@media (max-width: 768px) {
  .product-detail > .container {
    row-gap: 16px;
  }
}
.product-detail__heading {
  display: grid;
  row-gap: 16px;
}
.product-detail__heading h1 {
  font-size: clamp(28px, 23.7746478873px + 1.1267605634vw, 40px);
  line-height: 1.2;
  letter-spacing: -0.6px;
}
@media (max-width: 768px) {
  .product-detail__heading h1 {
    letter-spacing: -0.3px;
  }
}
.product-detail__heading p {
  color: var(--color-muted);
}
.product-detail__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 48px;
}
@media (max-width: 768px) {
  .product-detail__body {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    padding-top: 8px;
  }
}
.product-detail__media {
  height: 460px;
}
@media (max-width: 768px) {
  .product-detail__media {
    height: 176px;
  }
}
.product-detail__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.product-detail__summary {
  font-size: clamp(16px, 16px + 0vw, 16px);
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
@media (max-width: 768px) {
  .product-detail__summary {
    row-gap: 16px;
  }
}
.product-detail__summary {
  align-items: start;
  line-height: 1.5;
}
.product-detail__status {
  font-size: clamp(12px, 12px + 0vw, 12px);
  color: var(--color-hover);
}
.product-detail__summary h2 {
  font-size: clamp(28px, 28px + 0vw, 28px);
  line-height: 1.28;
  text-wrap: initial;
  letter-spacing: -0.3px;
}
@media (max-width: 768px) {
  .product-detail__name {
    display: none;
  }
}
.product-detail__price-note {
  display: none;
}
@media (max-width: 768px) {
  .product-detail__price-note {
    display: inline;
  }
}
.product-detail__intro {
  color: var(--color-muted);
}
@media (max-width: 768px) {
  .product-detail__intro {
    order: 1;
  }
}
.product-detail__cta {
  min-width: 232px;
}
@media (max-width: 768px) {
  .product-detail__cta {
    width: 100%;
    min-width: 0;
  }
}
.product-detail__brand {
  font-size: clamp(14px, 14px + 0vw, 14px);
  font-weight: 500;
}
@media (max-width: 768px) {
  .product-detail__brand {
    order: 2;
  }
}

.product-specifications {
  padding-block: 64px;
}
@media (max-width: 768px) {
  .product-specifications {
    padding-block: 40px;
  }
}
.product-specifications > .container {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 24px;
}
.product-specifications__columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  align-items: start;
  gap: 32px;
  padding-top: 8px;
}
@media (max-width: 768px) {
  .product-specifications__columns {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    padding-top: 0;
  }
}
.product-specifications__data {
  scroll-margin-top: 16px;
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
}
@media (max-width: 768px) {
  .product-specifications__data {
    grid-column: auto;
    grid-row: auto;
  }
}
.product-specifications__description {
  scroll-margin-top: 16px;
  font-size: clamp(16px, 16px + 0vw, 16px);
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  display: grid;
  row-gap: 1.5em;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .product-specifications__description {
    grid-column: auto;
    grid-row: auto;
  }
}
.product-specifications__description header {
  display: grid;
  row-gap: 16px;
}
.product-specifications__description h3 {
  font-size: clamp(20px, 20px + 0vw, 20px);
  font-family: var(--font-family-base);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: normal;
}
.product-specifications__description p:nth-child(2) {
  color: var(--color-muted);
}
.product-specifications__description a {
  text-decoration: underline;
}

.product-nav {
  font-size: clamp(14px, 14px + 0vw, 14px);
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  font-weight: 500;
  line-height: 1.4;
}
@media (max-width: 768px) {
  .product-nav {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
.product-nav a {
  padding-block: 12px;
  border-bottom: 2px solid var(--transparent);
}
.product-nav a[aria-current=location] {
  border-color: var(--color-blue);
}
@media (hover: hover) {
  .product-nav a:hover {
    border-color: var(--color-hover);
  }
}
@media (hover: none) {
  .product-nav a:active {
    border-color: var(--color-hover);
  }
}

@media (max-width: 768px) {
  .work .grid {
    gap: 24px;
  }
}
.work .card__description {
  line-height: 1.42;
  max-width: 250px;
}
@media (max-width: 768px) {
  .work .card__description {
    max-width: unset;
  }
}

@media (max-width: 768px) {
  .directions .container {
    gap: 32px;
  }
}
@media (max-width: 768px) {
  .directions .grid {
    gap: 24px;
  }
}

.documents {
  scroll-margin-top: 16px;
}
@media (max-width: 768px) {
  .documents .grid {
    gap: 24px;
  }
}

.document-card {
  font-size: clamp(14px, 14px + 0vw, 14px);
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  align-items: start;
  min-width: 0;
  padding: 24px;
  border-radius: var(--radius-md);
  background-color: var(--color-paper);
  line-height: 1.5;
}
.document-card > img {
  width: 32px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}
.document-card h3 {
  font-size: clamp(20px, 20px + 0vw, 20px);
  font-family: var(--font-family-base);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: normal;
}
.document-card p {
  color: var(--color-muted);
}
.document-card .button {
  align-self: stretch;
}

.brand-about .grid {
  gap: 24px;
}

.brand-card {
  font-size: clamp(16px, 16px + 0vw, 16px);
  display: grid;
  row-gap: 16px;
  max-width: 624px;
  padding: 24px;
  border-radius: var(--radius-md);
  background-color: var(--color-paper);
  line-height: 1.5;
}
.brand-card__label {
  font-size: clamp(12px, 12px + 0vw, 12px);
  color: var(--color-hover);
  text-transform: uppercase;
}
.brand-card p:not(.brand-card__label) {
  padding-bottom: 8px;
  color: var(--color-muted);
}
.brand-card .button {
  width: 100%;
}

.brand-presentation {
  padding-block: 48px;
  background-color: var(--color-paper);
}
@media (max-width: 768px) {
  .brand-presentation {
    padding-block: 32px;
  }
}
.brand-presentation__breadcrumbs {
  min-height: 44px;
}
.brand-presentation__container {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 600px);
  gap: 48px;
  padding-top: 32px;
}
@media (max-width: 1024px) {
  .brand-presentation__container {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    padding-top: 24px;
  }
}
.brand-presentation__copy {
  display: grid;
  align-content: space-between;
  row-gap: 24px;
  min-width: 0;
}
@media (max-width: 1024px) {
  .brand-presentation__copy {
    align-content: start;
  }
}
.brand-presentation__label {
  font-size: clamp(12px, 12px + 0vw, 12px);
  color: var(--color-hover);
  font-weight: 500;
  line-height: 1.33;
  text-transform: uppercase;
}
.brand-presentation h1 {
  font-size: clamp(36px, 31.7746478873px + 1.1267605634vw, 48px);
  line-height: 1.16;
  text-wrap: initial;
}
@media (max-width: 768px) {
  .brand-presentation h1 {
    line-height: 1.22;
  }
}
.brand-presentation__intro {
  font-size: clamp(18px, 18px + 0vw, 18px);
  color: var(--color-muted);
}
.brand-presentation .button {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 232px;
}
@media (max-width: 768px) {
  .brand-presentation .button {
    width: 100%;
    min-width: 0;
  }
}

.wholesale-request {
  padding-block: 64px;
  background-color: var(--color-mist);
}
@media (max-width: 768px) {
  .wholesale-request {
    padding-block: 40px;
  }
}
.wholesale-request > .container {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 16px;
}
.wholesale-request__context {
  font-size: clamp(12px, 12px + 0vw, 12px);
  color: var(--color-hover);
  font-weight: 500;
  line-height: 1.33;
  text-transform: uppercase;
}
.wholesale-request__intro {
  max-width: 850px;
  padding-bottom: 8px;
  color: var(--color-muted);
}

.topics__list {
  display: grid;
  gap: 32px;
}
@media (max-width: 768px) {
  .topics__list {
    gap: 24px;
  }
}
.topics__item {
  font-size: clamp(16px, 16px + 0vw, 16px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 24px;
  border-radius: var(--radius-md);
  background-color: var(--color-paper);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .topics__item {
    flex-direction: column;
    align-items: stretch;
  }
}
.topics__item--plain {
  align-items: flex-start;
  border-radius: 0;
  gap: 16px 24px;
}
.topics__copy {
  min-width: 0;
}
.topics__title {
  font-size: clamp(20px, 20px + 0vw, 20px);
  font-family: var(--font-family-base);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: normal;
  text-wrap: initial;
}
.topics__description {
  padding-top: 8px;
  color: var(--color-muted);
}
.topics__action {
  flex: 0 0 328px;
  margin-right: 24px;
}
@media (max-width: 1024px) {
  .topics__action {
    margin-right: unset;
  }
}
@media (max-width: 768px) {
  .topics__action {
    flex-basis: auto;
    width: 100%;
    padding-inline: 12px;
  }
}

@media (max-width: 768px) {
  .contacts-channels .section-heading {
    display: none;
  }
}
.contacts-channels__direct {
  display: grid;
  align-content: center;
  gap: 24px;
  margin: 0;
  padding: 24px;
  border-radius: var(--radius-md);
  background-color: var(--color-paper);
}
.contacts-channels__contact {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 4px 16px;
}
.contacts-channels__contact img {
  grid-row: span 2;
  align-self: center;
  width: 32px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}
.contacts-channels__contact dt {
  font-size: clamp(14px, 14px + 0vw, 14px);
  color: var(--color-muted);
  line-height: 1.42;
}
.contacts-channels__contact dd {
  font-size: clamp(16px, 14.5915492958px + 0.3755868545vw, 20px);
  margin: 0;
  font-weight: 500;
  height: 24px;
}
.contacts-channels__contact a {
  text-decoration: underline;
}
.contacts-channels__messengers {
  display: grid;
  align-content: start;
  row-gap: 16px;
  font-size: clamp(14px, 14px + 0vw, 14px);
  padding: 24px;
  border-radius: var(--radius-md);
  color: var(--color-white);
  background-color: var(--color-ink);
}
.contacts-channels__messengers h3 {
  font-size: clamp(20px, 20px + 0vw, 20px);
  color: inherit;
  font-family: var(--font-family-base);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: normal;
}
.contacts-channels__actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.contacts-channels__actions .button {
  justify-content: flex-start;
  gap: 8px;
  padding-inline: 12px;
}
.contacts-channels__actions .button:disabled {
  color: var(--color-muted);
  background-color: var(--color-white);
  cursor: default;
}
.contacts-channels__hours {
  font-size: clamp(14px, 14px + 0vw, 14px);
  padding-block: 0;
  color: var(--color-muted);
}

.contacts-map {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 16px;
  padding: 32px;
  background-color: var(--color-mist);
}
.contacts-map__surface {
  min-height: 320px;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background-color: var(--color-white);
  overflow: hidden;
}
.contacts-map__placeholder {
  min-height: 320px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 24px;
  text-align: center;
}
.contacts-map__placeholder-icon {
  width: 32px;
  height: 32px;
  color: var(--color-muted);
}
.contacts-map__placeholder-title {
  font-weight: 500;
}
.contacts-map__placeholder-copy {
  max-width: 220px;
  color: var(--color-muted);
  font-size: 14px;
}
.contacts-map__frame {
  display: block;
  width: 100%;
  height: 320px;
  border: 0;
}
.contacts-map__address {
  font-size: clamp(16px, 16px + 0vw, 16px);
}

.topic-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.topic-filter__button {
  padding: 0;
  background-color: var(--transparent);
  border: none;
  font-size: clamp(14px, 14px + 0vw, 14px);
  max-width: 100%;
  min-height: 44px;
  padding: 10px 16px;
  border: 1px solid var(--color-line);
  border-radius: 32px;
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
  overflow-wrap: anywhere;
}
.topic-filter__button[aria-pressed=true] {
  color: var(--color-white);
  background-color: var(--color-blue);
  border-color: var(--color-blue);
}
@media (hover: hover) {
  .topic-filter__button:hover {
    border-color: var(--color-hover);
  }
}
@media (hover: none) {
  .topic-filter__button:active {
    border-color: var(--color-hover);
  }
}

.editorial-metadata {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px 32px;
  margin: 0;
  padding-top: 16px;
}
@media (max-width: 768px) {
  .editorial-metadata {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 16px;
    padding-top: 8px;
  }
}
.editorial-metadata dt {
  font-size: clamp(12px, 12px + 0vw, 12px);
  color: var(--color-muted);
  line-height: 1.33;
  letter-spacing: 0.3px;
}
.editorial-metadata dd {
  font-size: clamp(16px, 16px + 0vw, 16px);
  line-height: 1.42;
}

@media (max-width: 768px) {
  .articles-block .grid {
    gap: 32px;
  }
}

.article-body__lead, .article-body__note {
  display: grid;
  row-gap: 16px;
  padding: 24px;
  background-color: var(--color-mist);
}
.article-body__lead h2,
.article-body__lead h3, .article-body__note h2,
.article-body__note h3 {
  font-size: clamp(20px, 20px + 0vw, 20px);
  font-family: var(--font-family-base);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: normal;
}
.article-body__lead {
  font-size: clamp(16px, 16px + 0vw, 16px);
  line-height: 1.5;
}
.article-body__cover {
  margin: 0;
  padding-top: 32px;
}
.article-body__cover img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-md);
  -o-object-fit: contain;
     object-fit: contain;
}
.article-body__layout {
  display: grid;
  grid-template-columns: minmax(0, 845px) minmax(280px, 1fr);
  grid-template-rows: auto 1fr;
  gap: 24px 24px;
  padding-top: 32px;
  align-items: start;
}
@media (max-width: 1024px) {
  .article-body__layout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
  }
}
.article-body__text {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  font-size: clamp(18px, 18px + 0vw, 18px);
  grid-column: 1;
  grid-row: 1/span 2;
  min-width: 0;
  line-height: 1.55;
}
@media (max-width: 1024px) {
  .article-body__text {
    grid-column: auto;
    grid-row: auto;
  }
}
.article-body__text > h2,
.article-body__text > p,
.article-body__text > ul,
.article-body__text > ol {
  max-width: 704px;
}
@media (max-width: 1024px) {
  .article-body__text > h2,
  .article-body__text > p,
  .article-body__text > ul,
  .article-body__text > ol {
    max-width: unset;
  }
}
.article-body__text > h2 {
  font-size: clamp(28px, 28px + 0vw, 28px);
  line-height: 1.28;
  scroll-margin-top: 16px;
  text-wrap: initial;
  letter-spacing: -0.3px;
}
.article-body__text > p,
.article-body__text > ul,
.article-body__text > ol {
  color: var(--color-muted);
}
.article-body__text > ul,
.article-body__text > ol {
  display: grid;
  row-gap: 16px;
  padding-left: 32px;
}
.article-body__text > ul {
  list-style: disc;
}
.article-body__text > ol {
  list-style: decimal;
}
.article-body__text > ul > li,
.article-body__text > ol > li {
  padding-left: 8px;
}
.article-body__text > p a {
  color: var(--color-blue);
  text-decoration: underline;
}
.article-body__text figure {
  display: grid;
  row-gap: 24px;
  margin-inline: 0;
}
.article-body__text figure img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  -o-object-fit: contain;
     object-fit: contain;
  height: 360px;
}
@media (max-width: 768px) {
  .article-body__text figure img {
    aspect-ratio: 1;
    height: 240px;
  }
}
.article-body__text figcaption {
  font-size: clamp(14px, 14px + 0vw, 14px);
  color: var(--color-muted);
  line-height: 1.5;
}
.article-body__request {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 232px;
}
@media (max-width: 768px) {
  .article-body__request {
    width: 100%;
    min-width: 0;
  }
}

.article-contents {
  font-size: clamp(14px, 14px + 0vw, 14px);
  grid-column: 2;
  grid-row: 1;
  padding: 24px;
  background-color: var(--color-paper);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-sm);
}
@media (max-width: 1024px) {
  .article-contents {
    grid-column: auto;
    grid-row: auto;
  }
}
.article-contents__title {
  font-size: clamp(20px, 20px + 0vw, 20px);
  font-family: var(--font-family-base);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: normal;
}
.article-contents__toggle {
  padding: 0;
  background-color: var(--transparent);
  border: none;
  font-size: clamp(20px, 20px + 0vw, 20px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  min-height: 44px;
  color: var(--color-ink);
  font-family: var(--font-family-base);
  font-weight: 500;
  line-height: 1.4;
  text-align: left;
}
.article-contents__indicator {
  display: grid;
  place-items: center;
  align-self: stretch;
  flex: 0 0 32px;
  width: 32px;
}
.article-contents ol {
  font-size: clamp(14px, 13.2957746479px + 0.1877934272vw, 16px);
  display: grid;
  gap: 16px;
  padding-top: 16px;
  padding-left: 0;
  list-style: none;
  counter-reset: article-contents;
  line-height: 1.42;
}
.article-contents ol[hidden] {
  display: none;
}
.article-contents li {
  counter-increment: article-contents;
  color: var(--color-blue);
}
.article-contents a {
  display: block;
  padding-block: 10px;
}
.article-contents a::before {
  content: counter(article-contents, decimal-leading-zero);
  margin-right: 8px;
}
@media (hover: hover) {
  .article-contents a:hover {
    text-decoration: underline;
  }
}
@media (hover: none) {
  .article-contents a:active {
    text-decoration: underline;
  }
}

.article-sources {
  font-size: clamp(14px, 14px + 0vw, 14px);
  display: grid;
  row-gap: 16px;
  padding: 24px;
  background-color: var(--color-paper);
  line-height: 1.5;
}
.article-sources h2 {
  font-size: clamp(20px, 20px + 0vw, 20px);
  font-family: var(--font-family-base);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: normal;
}
.article-sources p {
  color: var(--color-muted);
}
.article-sources__list {
  display: grid;
  gap: 16px;
  padding: 0;
  list-style: none;
}
.article-sources__item {
  display: grid;
  row-gap: 8px;
  padding: 16px;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-sm);
  background-color: var(--color-white);
}
.article-sources__item h3 {
  font-size: clamp(16px, 16px + 0vw, 16px);
  font-family: var(--font-family-base);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: normal;
  text-wrap: initial;
}
.article-sources__item a {
  display: inline-block;
  justify-self: start;
  color: var(--color-blue);
  font-weight: 500;
}
@media (hover: hover) {
  .article-sources__item a:hover {
    text-decoration: underline;
  }
}
@media (hover: none) {
  .article-sources__item a:active {
    text-decoration: underline;
  }
}

.article-sidebar {
  display: grid;
  grid-column: 2;
  grid-row: 2;
  gap: 24px;
  min-width: 0;
}
@media (max-width: 1024px) {
  .article-sidebar {
    grid-column: auto;
    grid-row: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .article-sidebar {
    grid-template-columns: minmax(0, 1fr);
  }
}
.article-sidebar h2 {
  font-size: clamp(28px, 28px + 0vw, 28px);
  line-height: 1.28;
  text-wrap: initial;
  letter-spacing: -0.3px;
}
.article-sidebar__related {
  display: grid;
  row-gap: 16px;
  font-size: clamp(16px, 16px + 0vw, 16px);
  padding: 24px;
  border-radius: var(--radius-md);
  background-color: var(--color-paper);
}
.article-sidebar__related p {
  color: var(--color-muted);
}
.article-sidebar__related .button {
  width: 100%;
}
.article-sidebar .button {
  width: 100%;
}
.article-sidebar__brand-card p:not(.brand-card__label) {
  padding-bottom: 0;
}

main:has(> .error-page) {
  display: flex;
  flex-direction: column;
}

.error-page {
  flex: 1;
  padding-block: 80px;
  background-color: var(--color-paper);
}
@media (max-width: 768px) {
  .error-page {
    padding-block: 48px;
  }
}
.error-page__container {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 520px);
  gap: 48px;
}
@media (max-width: 1024px) {
  .error-page__container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .error-page__container {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
}
.error-page__copy {
  display: grid;
  align-content: start;
  row-gap: 24px;
  min-width: 0;
}
.error-page__eyebrow {
  font-size: clamp(12px, 12px + 0vw, 12px);
  color: var(--color-hover);
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
}
.error-page h1 {
  font-size: clamp(36px, 31.7746478873px + 1.1267605634vw, 48px);
  line-height: 1.17;
  text-wrap: initial;
}
.error-page__description {
  font-size: clamp(16px, 16px + 0vw, 16px);
  color: var(--color-muted);
  line-height: 1.5;
}
.error-page__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 768px) {
  .error-page__actions {
    display: grid;
  }
}
.error-page__actions .button {
  min-width: 264px;
}
@media (max-width: 768px) {
  .error-page__actions .button {
    min-width: 0;
  }
}
.error-page__decoration {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-height: 340px;
  padding: 32px;
  border-radius: var(--radius-md);
  background-color: var(--color-mist);
  color: var(--color-blue);
}
@media (max-width: 768px) {
  .error-page__decoration {
    min-height: 240px;
  }
}
.error-page__decoration span {
  font-size: clamp(112px, 97.9154929577px + 3.7558685446vw, 152px);
  line-height: 1.12;
  letter-spacing: -1.6px;
}
.error-page__decoration p {
  font-size: clamp(14px, 14px + 0vw, 14px);
  color: var(--color-hover);
}

.form[hidden], .form__success[hidden], .form__message[hidden] { display: none; }
.form__input, .form__textarea { color: var(--color-ink); }
.form__input::placeholder, .form__textarea::placeholder { color: var(--color-muted); opacity: 1; }
.form__input:focus-visible, .form__textarea:focus-visible { outline: 3px solid var(--color-hover); outline-offset: -3px; }
.form__input--success { border-color: var(--color-success); }
.form__message { color: var(--color-danger); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.form__message--success { color: var(--color-success); }
.form__consent .form__message { grid-column: 2; }
.form__checkbox-input[aria-invalid='true'] { border-color: var(--color-danger); }
.form__consent:has([aria-invalid='true']) .form__checkbox-label { color: var(--color-danger); }
.form__attachment { flex-wrap: wrap; }
.form__file-label { overflow-wrap: anywhere; }
.form__attachment--error { background-color: var(--color-paper); }
.form__attachment--error .form__file-label { color: var(--color-danger); }
.form__file-status:not(.visually-hidden) { flex-basis: 100%; color: var(--color-muted); }
.form__attachment--full { padding: 24px; border: 1px dashed var(--color-line); border-radius: 4px; background-color: var(--color-white); }
.form__attachment--full .form__file-label { min-height: 48px; padding: 0; }
.form__attachment--full .form__file-label img { display: none; }
.form__attachment--full::after { content: 'Один файл до 10 МБ: PDF, XLSX, XLS, CSV, JPG, JPEG или PNG.'; flex-basis: 100%; color: var(--color-muted); }
.form__attachment--full.form__attachment--error { border-color: var(--color-danger); }
.form__attachment--full.form__attachment--attached::before { content: 'Файл прикреплён'; flex-basis: 100%; font-size: 16px; }
.form__success { display: grid; align-content: start; justify-items: start; gap: 24px; min-width: 0; padding: 40px; background-color: var(--color-mist); }
.form__success p { color: var(--color-muted); }
.form__success .button { min-width: 232px; }
.form__demo { display: grid; gap: 16px; grid-column: 1 / -1; min-width: 0; padding: 24px; border: 1px dashed var(--color-hover); border-radius: var(--radius-sm); background-color: var(--color-white); font-size: 14px; }
.form__demo-actions { display: flex; flex-wrap: wrap; gap: 8px; padding-block: 8px; }
.form__demo details { min-width: 0; }
.form__demo summary { cursor: pointer; }

.button:disabled { color: var(--color-muted); background-color: var(--color-line); border-color: var(--transparent); cursor: default; text-decoration: none; }
.button--secondary:disabled { color: var(--color-muted); background-color: var(--color-white); border-color: var(--color-line); }
.button--link:disabled { color: var(--color-muted); background-color: var(--transparent); }
.select { display: block; position: relative; min-width: 0; width: 100%; }
.select__button { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; min-height: 56px; padding: 15px 16px; border: 1px solid var(--color-line); border-radius: var(--radius-sm); background-color: var(--color-white); color: var(--color-ink); font: inherit; font-size: 16px; line-height: 1.5; text-align: left; }
.select__button::after { content: ''; flex: 0 0 24px; height: 24px; background: url(/assets/meamo/stage04_3-abf43b81-v4/images/icons/chevron-sm.svg) center / contain no-repeat; }
.select__button[aria-expanded='true']::after { transform: rotate(180deg); }
.select__button:focus-visible, .select__button[aria-expanded='true'] { outline: 3px solid var(--color-hover); outline-offset: -3px; }
.select__button:disabled { color: var(--color-muted); background-color: var(--color-mist); opacity: 0.6; cursor: default; }
.select__list { display: block; position: absolute; top: calc(100% + 8px); inset-inline: 0; z-index: 20; max-height: 368px; overflow-y: auto; overscroll-behavior: contain; padding: 8px; border: 1px solid var(--color-line); border-radius: var(--radius-sm); background-color: var(--color-white); color: var(--color-ink); box-shadow: 0 8px 24px #111c3514; }
.select__list[hidden] { display: none; }
.select__option { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 44px; padding: 12px 16px; font-size: 14px; line-height: 1.42; cursor: pointer; }
.select__option:hover, .select__option--active, .select__option[aria-selected='true'] { background-color: var(--color-mist); }
.select__option[aria-selected='true']::after { content: '✓'; color: var(--color-hover); }
.form-feedback { position: fixed; right: 24px; bottom: 24px; z-index: 110; display: grid; gap: 16px; width: min(480px, calc(100% - 48px)); max-height: calc(100dvh - 48px); overflow-y: auto; padding: 24px; border: 1px solid var(--color-line); border-radius: var(--radius-sm); background-color: var(--color-paper); color: var(--color-ink); box-shadow: 0 8px 32px #111c351f; }
.form-feedback[hidden] { display: none; }
.form-feedback--error { border-color: var(--color-danger); }
.form-feedback__message { display: grid; gap: 16px; padding-right: 24px; }
.form-feedback__title { font-size: 20px; font-weight: 500; line-height: 1.4; }
.form-feedback--error .form-feedback__title { color: var(--color-danger); }
.form-feedback p { color: var(--color-muted); font-size: 16px; line-height: 1.5; }
.form-feedback__close { position: absolute; top: 8px; right: 8px; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; color: var(--color-hover); font-size: 24px; }
.form-feedback .button { justify-self: start; }

@media (max-width: 768px) {
.form__success { padding: 24px 0; }
.form__success .button { width: 100%; min-width: 0; }
.form__demo { padding: 16px; }
}

.compact-request__container > .form__demo { order: -1; }

.form__upload-description { display: none; }
.form__attachment--full .form__upload-description { display: block; flex-basis: 100%; color: var(--color-muted); }
.form__attachment--full.form__attachment--attached .form__upload-description { display: none; }

.select__button--placeholder { color: var(--color-muted); }

.form__success-mobile { display: none; }
.form__remove-file { font-size: 24px; }
.form__field:has(.form__attachment--full) > .form__hint { display: none; }

@media (max-width: 768px) {
.form__success-desktop, .form__success > .form__hint { display: none; }
.form__success-mobile { display: inline; }
}

.catalog-toolbar__demo {
	grid-column: 1 / -1;
	order: 1;
}