*, *::before, *::after {
  box-sizing: border-box;
}

::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit;
}

:where(html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video) {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

:where(:root) {
  cursor: default;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overflow-wrap: break-word;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-tap-highlight-color: transparent;
}

:where(html) {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizespeed;
}

:where(article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section) {
  display: block;
}

:where(body) {
  line-height: 1;
}

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

:where(img, picture, video, canvas, svg) {
  display: block;
  max-width: 100%;
  height: auto;
}

:where(input, button, textarea, select) {
  font: inherit;
}

:where(blockquote, q) {
  quotes: none;
}
:where(blockquote, q)::before, :where(blockquote, q)::after {
  content: "";
  content: none;
}

:where(table) {
  border-spacing: 0;
  border-collapse: collapse;
}

:where(hr) {
  height: 0;
  color: inherit;
}

:where(pre) {
  overflow: auto;
  font-family: monospace;
  font-size: 1em;
}

:where(svg:not([fill])) {
  fill: currentcolor;
}

:where(button, [type=button i], [type=reset i], [type=submit i]) {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}

:where(textarea) {
  resize: vertical;
  margin: 0;
}

:where([type=search i]) {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  outline-offset: -2px;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

::input-placeholder {
  color: inherit;
  opacity: 0.54;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: auto;
  appearance: auto;
}

:where(details > summary:first-of-type) {
  display: list-item;
}

:where([aria-busy=true i]) {
  cursor: progress;
}

:where([aria-disabled=true i], [disabled]) {
  cursor: not-allowed;
}

:where([aria-hidden=false i][hidden]) {
  display: initial;
}

:where([aria-hidden=false i][hidden]:not(:focus)) {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

:where(a:focus),
:where(button:focus),
:where(div[tabindex]:focus),
:where(input:focus),
:where(select:focus),
:where(textarea:focus) {
  opacity: 1 !important;
  outline-width: 2px !important;
  outline-offset: 2px !important;
}

@media (prefers-reduced-motion: no-preference) {
  *:focus {
    transition: outline-offset 0.25s ease;
  }
}
video {
  pointer-events: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}

[id] {
  scroll-margin-top: 150px;
}

html {
  background: #ffffff;
}

body {
  padding-top: 92px;
  background: inherit;
}
body #smooth-content {
  padding-top: 92px;
}
body.admin-bar {
  padding-top: 60px;
}
@media (max-width: 782px) {
  body.admin-bar {
    padding-top: 46px;
  }
}
body.page-template-template-hydro {
  padding-top: 0;
}

.site-wrapper {
  overflow: hidden;
}

.body-overlay {
  pointer-events: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  visibility: hidden;
  opacity: 0;
  background-color: rgba(21, 22, 21, 0.5);
  transition: 250ms ease-in-out opacity, 250ms ease-in-out visibility;
}
.has-overlay .body-overlay, .has-expanded-nav .body-overlay {
  pointer-events: all;
  visibility: visible;
  opacity: 1;
}

html {
  font-family: "Inter", sans-serif;
  font-size: clamp(0.875rem, 0.8214rem + 0.1488vw, 1rem);
  font-weight: 400;
  line-height: 1.5;
  color: #151615;
}

body {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Inter", sans-serif;
  line-height: normal;
  color: inherit;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none;
}

h1 {
  font-size: clamp(1.625rem, 0.5536rem + 2.9762vw, 4.125rem);
}

h2 {
  font-size: clamp(1.5rem, 1.0179rem + 1.3393vw, 2.625rem);
}

h3 {
  font-size: clamp(1.375rem, 1rem + 1.0417vw, 2.25rem);
}

h4 {
  font-size: clamp(1rem, 0.7321rem + 0.744vw, 1.625rem);
}

p {
  margin-bottom: 1.5em;
}
p:last-of-type, p:only-child {
  margin-bottom: 0;
}

a {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  text-decoration: underline;
  transition: 150ms ease-in-out color;
}
a:hover {
  color: #009982;
  text-decoration: none;
}
a:has(h1, h2, h3, h4, h5, h6) {
  text-decoration: none;
}
a:is([class]) {
  text-decoration: none;
}

b,
strong {
  font-weight: 700;
}

ul:not([class]),
ol:not([class]) {
  margin-left: 1rem;
  margin-block: 1rem;
  padding-left: 1rem;
}
ul:not([class]) ul,
ul:not([class]) ol,
ol:not([class]) ul,
ol:not([class]) ol {
  margin-block: 0;
}
ul:not([class]) li,
ol:not([class]) li {
  color: inherit;
}

sup,
sub {
  font-size: 0.75rem;
  line-height: 0;
}

sup {
  vertical-align: super;
}

sub {
  vertical-align: sub;
}

.skip-link {
  position: absolute;
  overflow: hidden;
  inline-size: 1px;
  block-size: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  transition: none;
}
.skip-link:focus {
  z-index: 100000;
  top: 8px;
  left: 8px;
  display: block;
  width: auto;
  height: auto;
  padding: 16px 24px;
  font-size: 1rem;
  font-weight: 700;
  line-height: normal;
  color: #000000;
  text-decoration: none;
  background-color: #fefefe;
  clip: auto !important;
  clip-path: none;
  box-shadow: 0 0 2px 2px rgb(0, 0, 0);
}

.sr-only {
  position: absolute;
  overflow: hidden;
  inline-size: 1px;
  block-size: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
}

.has-plus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  white-space: nowrap;
}
.has-plus::after {
  content: "";
  overflow: hidden;
  width: 18px;
  min-width: 0;
  max-width: 0;
  height: 18px;
  margin-left: 0;
  opacity: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 8.5H18V9.5H9.5V18H8.5V9.5H0V8.5H8.5V0H9.5V8.5Z' fill='%23232323'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
  transition: 250ms ease-in-out all;
}
.has-plus:hover::after {
  min-width: 18px;
  max-width: 18px;
  margin-left: 8px;
  opacity: 1;
}

.container {
  width: min(1632px, 100%);
  margin-inline: auto;
}

.nav-toggle {
  cursor: pointer;
  position: relative;
  z-index: 0;
  display: grid;
  place-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  background: transparent;
}
.nav-toggle > span {
  position: relative;
  display: block;
  width: 24px;
  height: 3px;
  border-radius: 3px;
  background: #151615;
  transition: 250ms ease-in-out all;
}
.nav-toggle > span::before, .nav-toggle > span::after {
  content: "";
  position: absolute;
  display: block;
  width: 24px;
  height: 3px;
  border-radius: 3px;
  background: #151615;
  transition: 250ms ease-in-out all;
}
.nav-toggle > span::before {
  top: -8px;
}
.nav-toggle > span::after {
  top: 8px;
}
.nav-toggle.is-active {
  z-index: 1;
}
.nav-toggle.is-active > span {
  transform: rotate(45deg);
  background: #151615;
}
.nav-toggle.is-active > span::before, .nav-toggle.is-active > span::after {
  top: 0;
  transform: rotate(90deg);
}
.nav-toggle.is-active > span::before {
  opacity: 0;
  background: transparent;
}

.nav__sub-toggle {
  cursor: pointer;
  position: relative;
  display: block;
  place-content: center;
  min-width: 16px;
  max-width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}
.nav__sub-toggle .plus,
.nav__sub-toggle .minus {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  height: 100%;
  transition: 150ms linear all;
}
.nav__sub-toggle .plus {
  visibility: visible;
  opacity: 1;
}
.nav__sub-toggle .minus {
  visibility: hidden;
  opacity: 0;
}
.nav__sub-toggle.is-active .plus {
  visibility: hidden;
  opacity: 0;
}
.nav__sub-toggle.is-active .minus {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 991px) {
  .nav--main-desktop {
    display: none;
  }
}
.nav--main-desktop .nav__list {
  display: flex;
  gap: clamp(1.25rem, 0.7143rem + 1.4881vw, 2.5rem);
  align-items: center;
}
.nav--main-desktop .nav__link {
  text-decoration: none;
}
.nav--main-desktop .nav__sub-trigger {
  cursor: pointer;
  display: inline-flex;
  gap: 4px;
  align-items: center;
  max-width: unset;
}
.nav--main-desktop .nav__sub-trigger span {
  transition: 150ms linear all;
}
.nav--main-desktop .nav__sub-trigger.is-active span {
  rotate: 180deg;
}
.nav--main-desktop .nav__sub-trigger:is(.button--arrow).is-active span {
  rotate: unset;
}
.nav--main-desktop .nav__sub-toggle {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  max-width: unset;
}
.nav--main-desktop .nav__sub-wrapper--megamenu {
  position: absolute;
  top: 100%;
  left: 0;
  transform: translateY(-10px);
  width: 100vw;
  max-height: 85vh;
  padding-inline: 20px;
  border-top: 1px solid #f4f2f2;
  visibility: hidden;
  opacity: 0;
  background-color: #ffffff;
  transition: 250ms ease-in-out all;
}
.nav--main-desktop .nav__sub-wrapper--megamenu.is-active {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.nav--main-desktop .nav__megamenu-wrapper {
  display: grid;
  grid-template-columns: 400px 1fr;
  gap: 20px;
  width: min(1632px, 100%);
  max-height: 85vh;
  margin-inline: auto;
}
@media (max-width: 1249px) {
  .nav--main-desktop .nav__megamenu-wrapper {
    grid-template-columns: 300px 1fr;
  }
}
.nav--main-desktop .nav__sub-list {
  padding-block: 20px;
  border-right: 1px solid #f4f2f2;
}
.nav--main-desktop .nav__sub-list > .nav__item a {
  display: flex;
  gap: 16px;
  justify-content: flex-start;
  width: 100%;
  height: unset;
  padding-block: 16px;
  border-bottom: 1px solid #f4f2f2;
  font-size: clamp(0.875rem, 0.7679rem + 0.2976vw, 1.125rem);
  font-weight: 400;
  text-decoration: none;
  text-underline-offset: 3px;
}
.nav--main-desktop .nav__sub-list > .nav__item a:hover, .nav--main-desktop .nav__sub-list > .nav__item a.is-active {
  border-color: #009982;
  color: #009982;
}
.nav--main-desktop .nav__sub-content {
  display: flex;
  flex-direction: column;
  max-height: 85vh;
}
.nav--main-desktop .nav__mega-wrapper {
  overflow-y: auto;
  display: none;
  flex-grow: 1;
  height: calc(100% - 80px);
  padding-top: 20px;
}
.nav--main-desktop .nav__mega-wrapper.is-active {
  display: block;
}
.nav--main-desktop .nav__mega-wrapper--2 {
  overflow-y: unset;
  gap: 20px;
  width: 100%;
  padding-bottom: 20px;
}
@media (max-width: 1249px) {
  .nav--main-desktop .nav__mega-wrapper--2 {
    overflow-y: auto;
  }
}
.nav--main-desktop .nav__mega-wrapper--2.is-active {
  display: flex;
}
.nav--main-desktop .nav__mega-wrapper--2 .nav__mega-inner {
  display: flex;
  gap: 20px;
  width: 100%;
  height: 100%;
}
@media (max-width: 1249px) {
  .nav--main-desktop .nav__mega-wrapper--2 .nav__mega-inner {
    flex-direction: column;
    max-width: calc(100% - clamp(2.5rem, 0.5714rem + 5.3571vw, 7rem));
  }
}
.nav--main-desktop .nav__mega .link-wrapper {
  display: flex;
  gap: 16px;
  height: 100%;
  padding-bottom: 18px;
  border-bottom: 1px solid #f4f2f2;
}
@media (max-width: 1249px) {
  .nav--main-desktop .nav__mega .link-wrapper {
    padding-bottom: 12px;
  }
}
.nav--main-desktop .nav__mega .link-wrapper .link-image {
  width: 120px;
  min-width: 120px;
  height: 120px;
}
@media (max-width: 1349px) {
  .nav--main-desktop .nav__mega .link-wrapper .link-image {
    width: 100px;
    min-width: 100px;
    height: 100px;
  }
}
.nav--main-desktop .nav__mega .link-wrapper .link-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.nav--main-desktop .nav__mega .link-wrapper .link-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.nav--main-desktop .nav__mega .link-wrapper .link-content::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin-top: auto;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 16V8L8 8M15.6881 8.33024L8 16' stroke='%23009982' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: 150ms linear all;
}
.nav--main-desktop .nav__mega .link-wrapper .link-title {
  font-size: clamp(0.625rem, 0.4643rem + 0.4464vw, 1rem);
  line-height: normal;
  text-transform: uppercase;
}
.nav--main-desktop .nav__mega .link-wrapper .link-description {
  font-size: 14px;
  color: #646363;
}
@media (max-width: 1349px) {
  .nav--main-desktop .nav__mega .link-wrapper .link-description {
    font-size: 12px;
  }
}
.nav--main-desktop .nav__mega .nav__link:hover .link-content::after {
  rotate: 45deg;
}
.nav--main-desktop .nav__mega-1 {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(4, minmax(0, 1fr));
  gap: 18px 20px;
  padding-bottom: 20px;
}
@media (max-width: 1249px) {
  .nav--main-desktop .nav__mega-1 {
    grid-auto-flow: unset;
    grid-template-rows: 1fr;
    gap: 12px 20px;
  }
}
.nav--main-desktop .nav__mega-1 .all-lines {
  grid-row: span 2;
}
.nav--main-desktop .nav__mega-2 {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 100%;
  min-width: 400px;
  max-width: 400px;
  max-height: 430px;
}
@media (max-width: 1249px) {
  .nav--main-desktop .nav__mega-2 {
    overflow-y: unset;
    min-width: unset;
    max-width: unset;
    max-height: unset;
  }
}
.nav--main-desktop .nav__mega-2-wrapper {
  display: flex;
  flex-direction: column;
}
.nav--main-desktop .nav__mega-2-title {
  margin-bottom: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid #f4f2f2;
  font-size: clamp(0.625rem, 0.4643rem + 0.4464vw, 1rem);
}
.nav--main-desktop .nav__mega-2 .link-wrapper .link-title {
  font-size: clamp(0.625rem, 0.4643rem + 0.4464vw, 1rem);
}
.nav--main-mobile {
  display: none;
}
@media (max-width: 991px) {
  .nav--main-mobile {
    display: block;
  }
}
.nav--main-mobile .nav__content-wrapper {
  position: absolute;
  z-index: 0;
  top: 100%;
  left: 105vw;
  width: 100vw;
  height: calc(100vh - 64px);
  padding-block: 20px;
  padding-inline: 20px;
  border-top: 1px solid #f4f2f2;
  background: #ffffff;
  transition: 250ms ease-in-out all;
}
.nav--main-mobile .nav__content-wrapper.is-active {
  left: 0;
}
.nav--main-mobile .nav__content-wrapper .return-link-wrapper {
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 0;
  display: flex;
  width: 100vw;
  height: 65px;
  padding-inline: 20px;
  background: white;
}
.nav--main-mobile .nav__content-wrapper .return-link-wrapper a {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  font-size: 16px;
  text-decoration: none;
}
.nav--main-mobile .nav__content {
  overflow-y: auto;
  height: 100%;
  padding-bottom: 40px;
}
.nav--main-mobile .nav__item--button {
  margin-bottom: 40px;
}
.nav--main-mobile .nav__link {
  cursor: pointer;
}
.nav--main-mobile .nav__list--main .nav__item {
  border-top: 1px solid #f4f2f2;
}
.nav--main-mobile .nav__list--main .nav__item:last-of-type {
  border-bottom: 1px solid #f4f2f2;
}
.nav--main-mobile .nav__list--main .nav__link {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-block: 12px;
  border-top: 1px solid #f4f2f2;
  font-size: 18px;
  text-decoration: none;
}
.nav--main-mobile .nav__list--secondary {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 32px;
}
.nav--main-mobile .nav__list--secondary .nav__link {
  font-size: 14px;
  text-decoration: none;
}
.nav--main-mobile .nav__list--extra {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 48px;
}
.nav--main-mobile .nav__list--extra .nav__link {
  font-size: 12px;
  color: #aaaaaa;
  text-decoration: none;
}
.nav--main-mobile .nav__list--categories {
  margin-top: 40px;
  padding-bottom: 40px;
}
.nav--main-mobile .nav__list--categories .nav__item {
  border-top: 1px solid #f4f2f2;
}
.nav--main-mobile .nav__list--categories .nav__item:last-of-type {
  border-bottom: 1px solid #f4f2f2;
}
.nav--main-mobile .nav__list--categories .nav__link {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: unset;
  height: unset;
  max-height: unset;
  padding-block: 15px;
  font-size: 14px;
  text-decoration: none;
}
.nav--main-mobile .nav__list--categories .nav__link::after {
  content: "";
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 17.657L17.6569 12.0001L12 6.34326M17.2028 12.0131L6.34315 12.0001' stroke='%23009982' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}
.nav--main-mobile .nav__list--mega {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 100%;
  padding-bottom: 40px;
}
.nav--main-mobile .nav__list--mega .nav__link {
  text-decoration: none;
}
.nav--main-mobile .nav__list--mega .nav__link:hover {
  text-decoration: none;
}
.nav--main-mobile .nav__list--mega .nav__link:hover img {
  scale: 1.05;
}
.nav--main-mobile .nav__list--mega .link-wrapper {
  display: flex;
  gap: 16px;
  align-items: center;
  height: 100%;
  padding-bottom: 12px;
  border-bottom: 1px solid #f4f2f2;
}
.nav--main-mobile .nav__list--mega .link-wrapper .link-image {
  overflow: hidden;
  width: 70px;
  min-width: 70px;
  height: 70px;
}
.nav--main-mobile .nav__list--mega .link-wrapper .link-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: 150ms linear all;
}
.nav--main-mobile .nav__list--mega .link-wrapper .link-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.nav--main-mobile .nav__list--mega .link-wrapper .link-title {
  font-size: 14px;
  line-height: normal;
  text-transform: uppercase;
}
.nav--main-mobile .nav__list--mega .link-wrapper .link-description {
  font-size: 12px;
  color: #646363;
}
.nav--main-mobile .nav__social {
  margin-top: 48px;
}
.nav--main-mobile .nav__social-title {
  display: inline-flex;
  margin-bottom: 12px;
  font-size: 12px;
  color: #aaaaaa;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .nav--secondary-desktop {
    display: none;
  }
}
.nav--secondary-desktop .nav__wrapper {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-10px);
  width: 100vw;
  padding-block: 112px 20px;
  padding-inline: 20px;
  border-top: 1px solid #f4f2f2;
  visibility: hidden;
  opacity: 0;
  background: #ffffff;
  transition: 250ms ease-in-out all;
}
.nav--secondary-desktop .nav__wrapper.is-active {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.nav--secondary-desktop .nav__wrapper-inner {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  gap: 20px;
  width: min(1632px, 100%);
  margin-inline: auto;
}
.nav--secondary-desktop .nav__configurator {
  max-width: 260px;
}
.nav--secondary-desktop .nav__configurator-label {
  margin: 0;
  font-size: clamp(1rem, 0.7321rem + 0.744vw, 1.625rem);
  line-height: normal;
}
.nav--secondary-desktop .nav__configurator-text {
  margin-top: 16px;
  font-size: 16px;
  color: #646363;
}
.nav--secondary-desktop .nav__configurator-button {
  margin-top: 24px;
}
.nav--secondary-desktop .nav__list--secondary-desktop {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  -moz-column-gap: 20px;
  column-gap: 20px;
}
.nav--secondary-desktop .nav__list--secondary-desktop .nav__item {
  display: inline-flex;
  width: 100%;
  margin-top: -1px;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}
.nav--secondary-desktop .nav__list--secondary-desktop .nav__link {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-left: 0;
  padding-block: 12px;
  text-decoration: none;
  transition: 250ms ease-in-out all;
}
.nav--secondary-desktop .nav__list--secondary-desktop .nav__link::after {
  content: "";
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 16V8L8 8M15.6881 8.33024L8 16' stroke='%23009982' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  transition: 250ms ease-in-out all;
}
.nav--secondary-desktop .nav__list--secondary-desktop .nav__link:hover {
  padding-left: 20px;
}
.nav--secondary-desktop .nav__list--secondary-desktop .nav__link:hover::after {
  rotate: 45deg;
}
.nav--secondary-desktop .nav__list--extra {
  display: flex;
  gap: clamp(1.25rem, 0.9286rem + 0.8929vw, 2rem);
}
.nav--secondary-desktop .nav__search {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px;
  background: #f4f2f2;
}
.nav--secondary-desktop .nav__search-label {
  max-width: 230px;
  font-size: 22px;
  line-height: normal;
  letter-spacing: -0.02em;
}
.nav--secondary-desktop .nav__search-form {
  margin-top: auto;
}
.nav--secondary-desktop .nav__search-form form {
  position: relative;
}
.nav--secondary-desktop .nav__search-form form label {
  display: flex;
}
.nav--secondary-desktop .nav__search-form form input {
  display: flex;
  width: 90%;
  padding-right: 90px;
  padding-left: 16px;
  padding-block: 9px;
  border: 1px solid #dcdcdc;
  border-radius: 50px;
  line-height: normal;
  background: transparent;
  outline: none;
}
.nav--secondary-desktop .nav__search-form form input::-moz-placeholder {
  font-size: 14px;
  color: #646363;
}
.nav--secondary-desktop .nav__search-form form input::placeholder {
  font-size: 14px;
  color: #646363;
}
.nav--secondary-desktop .nav__search-form form button {
  position: absolute;
  top: 0;
  right: 0;
}
.nav--secondary-desktop .nav__bottom {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 20px;
  align-items: end;
  width: min(1632px, 100%);
  margin-inline: auto;
  padding-top: 100px;
  padding-bottom: 64px;
}
.nav--secondary-desktop .nav__social-title {
  display: flex;
  margin-bottom: 16px;
  font-size: 14px;
  color: #646363;
  text-transform: uppercase;
}
.nav--footer .nav__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.nav--footer .nav__link {
  text-decoration: none;
}
@media (max-width: 575px) {
  .nav--footer .nav__parent {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 12px;
    column-gap: 12px;
    align-items: center;
  }
}
@media (min-width: 576px) {
  .nav--footer .nav__sub-toggle {
    display: none;
  }
}
.nav--footer .nav__sub-list {
  display: flex;
  flex-direction: column;
  margin-top: 8px;
}
@media (max-width: 575px) {
  .nav--footer .nav__sub-list-wrapper {
    overflow: hidden;
    display: grid;
    grid-template-rows: 0fr;
    width: 100%;
    opacity: 0;
    transition: 150ms linear all;
  }
}
@media (max-width: 575px) {
  .nav--footer .nav__sub-list-wrapper.is-active {
    grid-template-rows: 1fr;
    opacity: 1;
  }
}
@media (max-width: 575px) {
  .nav--footer .nav__sub-list-inner {
    overflow: hidden;
  }
}
.nav--footer .nav__sub-link {
  font-size: 14px;
  text-decoration: none;
}
.nav--footer-main .nav__item {
  border-bottom: 1px solid #646363;
}
.nav--footer-main .nav__item:first-of-type {
  border-top: 1px solid #646363;
}
.nav--footer-main .nav__link {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-block: 12px;
}
.nav--footer-main .nav__link::after {
  content: "";
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.70703 8.5V0.5L0.707031 0.5M8.39514 0.830237L0.707031 8.5' stroke='%23009982' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: 150ms linear all;
}
.nav--footer-main .nav__link:hover::after {
  transform: rotate(45deg);
}
.nav--privacy .nav__list {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 80px;
  column-gap: 80px;
}
@media (max-width: 1439px) {
  .nav--privacy .nav__list {
    -moz-column-gap: clamp(2rem, 1.1429rem + 2.381vw, 4rem);
    column-gap: clamp(2rem, 1.1429rem + 2.381vw, 4rem);
  }
}
.nav--privacy .nav__link {
  font-size: 14px;
  color: #646363;
}
@media (max-width: 575px) {
  .nav--privacy .nav__link {
    font-size: 10px;
  }
}

.megamenu-buttons {
  position: relative;
  display: flex;
  gap: 20px;
  justify-content: flex-start;
  padding-block: 32px;
}
@media (max-width: 1349px) {
  .megamenu-buttons {
    gap: 20px;
    padding-block: 20px;
  }
}
.megamenu-buttons::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 150%;
  height: 100%;
  background-color: #f4f2f2;
}
.megamenu-buttons--mobile {
  gap: unset;
  justify-content: flex-start;
  padding-block: 0;
}
@media (max-width: 619px) {
  .megamenu-buttons--mobile {
    scrollbar-width: none;
    overflow-x: auto;
  }
}
.megamenu-buttons--mobile .megamenu-buttons__wrapper {
  display: flex;
  gap: 8px;
  justify-content: center;
  width: 100%;
}
@media (max-width: 619px) {
  .megamenu-buttons--mobile .megamenu-buttons__wrapper {
    justify-content: flex-start;
    min-width: 600px;
  }
}
.megamenu-buttons--mobile .megamenu-buttons__wrapper a {
  min-width: 150px;
}
.megamenu-buttons--mobile::before {
  content: none;
}

.all-lines {
  display: flex;
  flex-direction: column;
  padding: 16px;
  background-color: #f4f2f2;
}
@media (max-width: 1249px) {
  .all-lines {
    flex-direction: row;
    order: -1;
  }
}
.all-lines__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 8px;
}
.all-lines__title {
  font-size: clamp(0.625rem, 0.4643rem + 0.4464vw, 1rem);
  line-height: normal;
  text-transform: uppercase;
}
.all-lines__link {
  display: inline-flex;
  gap: 12px;
  align-items: center;
  margin-top: 40px;
  margin-top: auto;
  font-size: clamp(0.625rem, 0.4643rem + 0.4464vw, 1rem);
}
.all-lines__link span {
  transition: 150ms linear all;
}
.all-lines__link:hover span {
  transform: rotate(45deg);
}
.all-lines__images {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 16px;
}
.all-lines__images img {
  max-height: 120px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 1249px) {
  .all-lines__images img {
    width: 100px;
    height: 100px;
    max-height: 100px;
  }
}

.entrance-doors {
  display: flex;
  gap: 20px;
}
@media (max-width: 1439px) {
  .entrance-doors {
    flex-direction: column;
  }
}
@media (max-width: 1249px) {
  .entrance-doors {
    flex-direction: row;
  }
}
.entrance-doors__content {
  width: calc(50% - 10px);
}
.entrance-doors__heading {
  max-width: 320px;
  font-size: clamp(0.875rem, 0.7679rem + 0.2976vw, 1.125rem);
  line-height: normal;
  text-transform: uppercase;
  letter-spacing: -0.02em;
}
.entrance-doors__description {
  max-width: 320px;
  margin-top: 8px;
  font-size: 14px;
  color: #646363;
}
.entrance-doors__image {
  aspect-ratio: 1/1;
  width: 100%;
  max-width: calc(50% - 10px);
  height: 100%;
}
.entrance-doors__image img {
  aspect-ratio: 1/1;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.button {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  padding: 5px 25px;
  border: none;
  border-radius: 50px;
  font-size: clamp(0.875rem, 0.8214rem + 0.1488vw, 1rem);
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background: #009982;
}
@media (max-width: 575px) {
  .button {
    padding-left: 12px;
  }
}
.button__content {
  display: grid;
  text-align: center;
}
.button__content > span {
  transform: translateY(0);
  grid-column: 1/-1;
  grid-row: 1/-1;
  opacity: 1;
  transition: 300ms all ease;
}
.button__content::before {
  content: attr(data-text);
  transform: translateY(150%);
  grid-column: 1/-1;
  grid-row: 1/-1;
  opacity: 0;
  transition: 300ms all ease;
}
.button:hover {
  color: #ffffff;
}
.button:hover .button__content > span {
  transform: translateY(-150%);
  opacity: 0;
}
.button:hover .button__content::before {
  transform: translateY(0);
  opacity: 1;
}
.button--secondary {
  border: 1px solid #009982;
  color: #151615;
  background: transparent;
}
.button--secondary:hover {
  color: #009982;
}
.button--arrow {
  padding: 5px;
  padding-left: 15px;
}
.button--arrow::after {
  content: "";
  display: block;
  min-width: 30px;
  max-width: 30px;
  height: 30px;
  border-radius: 50px;
  background: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.70703 8.5V0.5L0.707031 0.5M8.39514 0.830237L0.707031 8.5' stroke='%23151615' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 8px;
  transition: 300ms all ease;
}
.button--arrow:hover::after {
  rotate: 45deg;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.70703 8.5V0.5L0.707031 0.5M8.39514 0.830237L0.707031 8.5' stroke='%23009982' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}
.button--arrow.button--secondary::after {
  background-color: #009982;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.70703 8.5V0.5L0.707031 0.5M8.39514 0.830237L0.707031 8.5' stroke='%23ffffff' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}
.button--square {
  padding-inline: 6px;
  border-radius: 0;
}
.button--square::after {
  min-width: 24px;
  max-width: 24px;
  height: 24px;
}
.button--yellow {
  border-color: #fed16e;
  color: #151615;
  background-color: #fed16e;
}
.button--yellow:hover {
  color: #151615;
}
.button--gray {
  color: #ffffff;
  background: linear-gradient(90deg, #646363 38.61%, #ffffff 138.74%);
}
.button--blue {
  background-color: #5590ae;
}

.tag {
  display: inline-block;
  padding: 4px;
  font-size: clamp(0.625rem, 0.4643rem + 0.4464vw, 1rem);
  line-height: normal;
  text-transform: uppercase;
}
.tag--gray {
  color: #ffffff;
  background: linear-gradient(90deg, #646363 38.61%, #ffffff 138.74%);
}

.model-tag {
  transform: rotate(180deg);
  display: flex;
  gap: 10px;
  align-items: center;
  max-width: 20px;
  height: auto;
  min-height: 200px;
  padding: 5px 4px;
  writing-mode: vertical-rl;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
}
@media (max-width: 575px) {
  .model-tag {
    min-height: 160px;
  }
}
.model-tag img {
  transform: rotate(180deg);
  width: 100%;
  height: auto;
}
.model-tag--new {
  color: #ffffff;
  background: linear-gradient(0deg, #dadada -0.39%, #575756 100.65%);
}
.model-tag--new img {
  filter: brightness(0) saturate(100%) invert(97%) sepia(98%) saturate(17%) hue-rotate(219deg) brightness(104%) contrast(100%);
}
.model-tag--new:hover, .model-tag--new:active {
  color: #ffffff;
}
.model-tag--hydro {
  color: #ffffff;
  background: #3a91b5;
}
.model-tag--hydro img {
  filter: brightness(0) saturate(100%) invert(97%) sepia(98%) saturate(17%) hue-rotate(219deg) brightness(104%) contrast(100%);
}
.model-tag--hydro:hover, .model-tag--hydro:active {
  color: #ffffff;
}
.model-tag--sound {
  background: #dadada;
}
.model-tag--stock {
  background: #fed16e;
}

.social-media--footer {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 1349px) {
  .social-media--footer {
    flex-direction: row;
  }
}
.social-media--nav-mobile {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.social-media--nav-mobile a {
  filter: brightness(1);
  transition: 150ms linear all;
}
.social-media--nav-mobile a:hover {
  filter: brightness(0) saturate(100%) invert(42%) sepia(72%) saturate(4432%) hue-rotate(150deg) brightness(93%) contrast(101%);
}

.accordion--simple .accordion__toggle {
  cursor: pointer;
  display: inline-flex;
  gap: 12px;
  align-items: center;
}
.accordion--simple .accordion__toggle::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8H8M8 8H12M8 8V4M8 8V12' stroke='%23009982' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: 150ms ease-in-out all;
}
.accordion--simple .accordion__toggle.is-active::after {
  transform: rotate(180deg);
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8H8H12' stroke='%23009982' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.accordion--simple .accordion__content {
  overflow: hidden;
  display: grid;
  grid-template-rows: 0fr;
  transition: 150ms ease-in-out all;
}
.accordion--simple .accordion__content.is-active {
  grid-template-rows: 1fr;
}
.accordion--simple .accordion__content > * {
  overflow: hidden;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.breadcrumbs ol li {
  display: contents;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  white-space: nowrap;
}
.breadcrumbs ol li.is-current, .breadcrumbs ol li.is-active {
  color: #ffffff;
}
.breadcrumbs ol li .separator {
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #009982;
}
.breadcrumbs ol li a {
  text-decoration: none;
}
.breadcrumbs ol li a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.splide__arrows {
  display: flex;
  gap: 8px;
  align-items: center;
}
.splide__arrow {
  cursor: pointer;
  display: grid;
  place-content: center;
  width: 50px;
  height: 26px;
  border: 1px solid #151615;
  border-radius: 26px;
  background: none;
}
.splide__pagination {
  gap: 8px;
  align-items: center;
  margin: 0;
  padding: 0;
}
.splide__pagination li {
  display: flex;
}
.splide__pagination li button {
  position: relative;
  overflow: hidden;
  width: 8px;
  height: 8px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: #bfbfbf;
  transition: 250ms ease-in-out all;
}
.splide__pagination li button::before {
  content: none;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--slide-progress);
  height: 100%;
  border-radius: 8px;
  background: #646363;
}
.splide__pagination li button.is-active {
  width: 26px;
}
.splide__pagination li button.is-active::before {
  content: "";
}

.site-header {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  background-color: white;
  transition: 250ms ease-in-out transform;
}
.site-header--hidden {
  transform: translateY(-100%);
}
.site-header--visible {
  transform: translateY(0);
}
.site-header__top-bar {
  position: relative;
  z-index: 2;
  padding-inline: 20px;
  background-color: #151615;
}
.site-header__top-bar-inner {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  width: min(1632px, 100%);
  margin-inline: auto;
  padding-block: 4px;
}
.site-header__top-bar__buttons {
  display: flex;
  gap: 8px;
  align-items: center;
}
.site-header__top-bar__buttons .separator {
  color: #009982;
}
.site-header__top-bar__buttons a {
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
}
.site-header__inner {
  display: flex;
  justify-content: space-between;
  width: min(1672px, 100%);
  margin-inline: auto;
  padding-block: 12px;
  padding-inline: 20px;
}
.site-header__controls {
  position: static;
  display: flex;
  gap: 12px;
  align-items: center;
}
.site-header__controls nav {
  margin-left: 20px;
}
.site-header__search {
  position: static;
  z-index: 10;
}

.site-footer {
  padding-top: clamp(2rem, 1.1429rem + 2.381vw, 4rem);
  padding-inline: 20px;
  color: #ffffff;
  background: #151615;
}
.site-footer__inner {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(2.5rem, 1.8571rem + 1.7857vw, 4rem);
  width: min(1632px, 100%);
  margin-inline: auto;
}
@media (max-width: 599px) {
  .site-footer__inner {
    flex-direction: column;
  }
}
.site-footer__columns-wrapper {
  display: flex;
  gap: clamp(2.5rem, 1.8571rem + 1.7857vw, 4rem);
  margin-left: auto;
}
@media (max-width: 1159px) {
  .site-footer__columns-wrapper {
    margin-left: unset;
  }
}
@media (max-width: 599px) {
  .site-footer__columns-wrapper {
    flex-direction: column;
    margin-left: unset;
  }
}
.site-footer__column--info, .site-footer__column--main-nav {
  flex: 1 1 100%;
  max-width: 255px;
  margin-right: 80px;
}
@media (max-width: 1519px) {
  .site-footer__column--info, .site-footer__column--main-nav {
    margin-right: 0;
  }
}
@media (max-width: 1239px) {
  .site-footer__column--info, .site-footer__column--main-nav {
    flex: unset;
    width: auto;
    max-width: unset;
  }
}
@media (max-width: 1239px) {
  .site-footer__column--main-nav {
    width: 255px;
  }
}
@media (max-width: 599px) {
  .site-footer__column--main-nav {
    width: 100%;
  }
}
@media (max-width: 599px) {
  .site-footer__column--social {
    order: 3;
  }
}
.site-footer__slogan {
  font-size: clamp(1rem, 0.7321rem + 0.744vw, 1.625rem);
  line-height: 1.15;
}
.site-footer__phone {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 48px;
}
@media (max-width: 575px) {
  .site-footer__phone {
    margin-top: 40px;
  }
}
.site-footer__phone span {
  font-size: 14px;
  color: #646363;
  text-transform: uppercase;
}
.site-footer__phone a {
  font-size: 22px;
  line-height: 1;
  text-decoration: none;
}
.site-footer__button {
  margin-top: 48px;
}
@media (max-width: 575px) {
  .site-footer__button {
    margin-top: 20px;
  }
}
.site-footer__seo {
  order: 2;
  width: 100%;
  padding-block: 0;
}
@media (max-width: 599px) {
  .site-footer__seo {
    padding-block: 0;
  }
}
.site-footer__seo-title {
  margin-bottom: 12px;
}
.site-footer__seo-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.site-footer__seo-list li {
  padding-right: 8px;
  border-right: 1px solid #646363;
  font-size: 12px;
  line-height: 15px;
}
.site-footer__seo-list li:last-of-type {
  border-right: none;
}
.site-footer__seo-list li a {
  color: #646363;
  text-decoration: none;
}
.site-footer__bottom {
  margin-top: 32px;
  padding-block: 24px;
  border-top: 1px solid #646363;
}
@media (max-width: 599px) {
  .site-footer__bottom {
    margin-top: 40px;
  }
}
.site-footer__bottom-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  justify-content: space-between;
  width: min(1632px, 100%);
  margin-inline: auto;
}
.site-footer__bottom-authors {
  display: flex;
  gap: 80px;
}
@media (max-width: 1439px) {
  .site-footer__bottom-authors {
    gap: clamp(2rem, 1.1429rem + 2.381vw, 4rem);
  }
}
.site-footer__bottom-authors p {
  font-size: 14px;
}
@media (max-width: 575px) {
  .site-footer__bottom-authors p {
    font-size: 10px;
  }
}
.site-footer__bottom-authors p a {
  color: #646363;
}

.single-product-wrapper {
  padding-inline: 20px;
}

.single-product {
  width: min(1632px, 100%);
  margin-inline: auto;
}

.single-product-breadcrumbs {
  margin-block: clamp(1.25rem, 0.9286rem + 0.8929vw, 2rem);
}
.single-product-breadcrumbs .breadcrumbs ol {
  row-gap: 4px;
  align-items: center;
  color: #151615;
}
.single-product-breadcrumbs .breadcrumbs ol li {
  display: contents;
  font-size: 14px;
  color: #151615;
}
@media (max-width: 575px) {
  .single-product-breadcrumbs .breadcrumbs ol li {
    font-size: 12px;
  }
}
.single-product-breadcrumbs .breadcrumbs ol li[aria-current=page] {
  font-weight: 600;
}
.single-product-breadcrumbs .breadcrumbs ol li * {
  color: #151615;
}
.single-product-breadcrumbs .breadcrumbs ol li .separator {
  width: unset;
  height: unset;
  background: transparent;
}
.single-product-breadcrumbs .breadcrumbs ol li a {
  display: flex;
  color: #151615;
}
.single-product-breadcrumbs .breadcrumbs ol li a:hover, .single-product-breadcrumbs .breadcrumbs ol li a:focus, .single-product-breadcrumbs .breadcrumbs ol li a:active {
  color: #009982;
}

.single-product-info {
  display: flex;
  gap: clamp(4rem, 1.8571rem + 5.9524vw, 9rem);
  width: min(1360px, 100%);
  margin-top: 64px;
  margin-inline: auto;
}
@media (max-width: 991px) {
  .single-product-info {
    flex-direction: column;
  }
}
@media (max-width: 575px) {
  .single-product-info {
    margin-top: 40px;
  }
}

.single-product-image-wrapper {
  position: relative;
  flex: 1 1 100%;
}

.single-product-image-inner {
  display: flex;
  gap: 20px;
  justify-content: center;
}

.single-product-image-thumbs {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.single-product-image-thumbs__item {
  cursor: pointer;
  display: grid;
  place-content: center;
  width: 100px;
  min-width: 100px;
  height: 100px;
  padding: 10px;
  border: 1px solid #aaaaaa;
}
.single-product-image-thumbs__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.single-product-image-container {
  display: grid;
  aspect-ratio: 612/690;
}
.single-product-image-container .single-product-image,
.single-product-image-container .single-product-video {
  grid-column: 1/-1;
  grid-row: 1/-1;
}
.single-product-image-container .single-product-video {
  display: none;
}

.single-product-image {
  width: 100%;
  height: 100%;
  max-height: 690px;
  padding-inline: 20px;
}
@media (max-width: 991px) {
  .single-product-image {
    flex: unset;
    width: 100%;
  }
}
.single-product-image > img {
  width: 100%;
  height: 100%;
  margin-inline: auto;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (max-width: 991px) {
  .single-product-image > img {
    width: auto;
    max-height: 60vh;
  }
}

.single-product-buttons {
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: center;
  justify-content: center;
  margin-top: clamp(2rem, 1.1429rem + 2.381vw, 4rem);
}
.single-product-buttons .showrooms-button {
  display: flex;
  gap: 12px;
  align-items: center;
  font-weight: 800;
  line-height: 1.5;
  text-decoration: none;
}
.single-product-buttons .showrooms-button:hover, .single-product-buttons .showrooms-button:focus, .single-product-buttons .showrooms-button:active {
  color: #009982;
  text-decoration: underline;
}

.single-product-tags {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  gap: 16px;
}
@media (max-width: 575px) {
  .single-product-tags {
    gap: 4px;
  }
}

.single-product-summary-wrapper {
  flex: 1 1 100%;
}

.single-product-summary {
  max-width: 590px;
  margin-bottom: clamp(1.25rem, 0.9286rem + 0.8929vw, 2rem);
  padding-bottom: clamp(1.25rem, 0.9286rem + 0.8929vw, 2rem);
  border-bottom: 1px solid #aaaaaa;
}

.single-product-line {
  margin: 0;
  font-size: 24px;
  line-height: 1;
  color: #aaaaaa;
}
@media (max-width: 991px) {
  .single-product-line {
    font-size: 20px;
  }
}

.single-product-title {
  margin: 0;
  margin-top: 8px;
  font-size: 30px;
  line-height: 1.1;
}

.single-product-model,
.single-product-color {
  margin: 0;
  font-size: 20px;
  color: #151615;
}
@media (max-width: 991px) {
  .single-product-model,
  .single-product-color {
    font-size: 16px;
  }
}

.single-product-related {
  width: min(1360px, 100%);
  margin-block: clamp(4rem, 1.4286rem + 7.1429vw, 10rem);
  margin-inline: auto;
  padding-top: 64px;
  border-top: 1px solid #aaaaaa;
}
@media (max-width: 991px) {
  .single-product-related {
    padding-top: 0;
    border-top: none;
  }
}
.single-product-related__heading {
  font-size: 24px;
  font-weight: 800;
}
@media (max-width: 991px) {
  .single-product-related__heading {
    font-size: 20px;
  }
}
.single-product-related__text {
  margin-top: 8px;
  font-size: 20px;
}
@media (max-width: 991px) {
  .single-product-related__text {
    font-size: 16px;
  }
}
.single-product-related__items {
  position: relative;
  margin-top: clamp(2rem, -0.3571rem + 6.5476vw, 7.5rem);
}
.single-product-related__items .splide__slide {
  display: flex;
  justify-content: center;
  padding-inline: 32px;
  text-align: center;
}
@media (max-width: 991px) {
  .single-product-related__items .splide__slide {
    padding-inline: 16px;
  }
}
@media (max-width: 575px) {
  .single-product-related__items .splide__slide {
    padding-inline: 0;
  }
}
.single-product-related__items .splide__arrows {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 0;
  left: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
}
@media (max-width: 991px) {
  .single-product-related__items .splide__arrows {
    padding: 0 10px;
  }
}
.single-product-related__items .splide__arrow {
  background: #ffffff;
}
.single-product-related__items .splide__arrow[disabled] {
  visibility: hidden;
  opacity: 0;
}
.single-product-related__items .splide:not(.is-overflow) .splide__list {
  justify-content: center;
}
.single-product-related__item {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 182px;
  text-decoration: none;
}
.single-product-related__item .thumbnail {
  width: 100%;
  height: 400px;
}
.single-product-related__item .thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.single-product-related__item .name {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
  font-size: 26px;
}
.single-product-related__item .name svg {
  transition: 150ms ease-in-out all;
}
.single-product-related__item:hover .name svg {
  rotate: -45deg;
}

.single-product-images-slider {
  position: relative;
  width: min(1360px, 100%);
  margin-block: clamp(4rem, 1.8571rem + 5.9524vw, 9rem);
  margin-inline: auto;
}
.single-product-images-slider__item {
  position: relative;
  aspect-ratio: 1360/750;
  width: 100%;
}
@media (max-width: 575px) {
  .single-product-images-slider__item {
    aspect-ratio: 1/1;
  }
}
.single-product-images-slider__item img {
  aspect-ratio: 1360/750;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 575px) {
  .single-product-images-slider__item img {
    aspect-ratio: 1/1;
  }
}
.single-product-images-slider__item .caption {
  display: block;
  padding-top: 40px;
  font-size: 14px;
  line-height: 1.25;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .single-product-images-slider__item .caption {
    padding-top: 16px;
  }
}
.single-product-images-slider .splide__arrows {
  position: absolute;
  right: 16px;
  bottom: 90px;
}
@media (max-width: 991px) {
  .single-product-images-slider .splide__arrows {
    bottom: 66px;
  }
}

.single-product-accessories {
  width: min(1360px, 100%);
  margin-block: clamp(4rem, 1.8571rem + 5.9524vw, 9rem);
  margin-inline: auto;
}
.single-product-accessories__inner {
  display: flex;
  gap: clamp(2.5rem, 1.8571rem + 1.7857vw, 4rem);
  justify-content: space-between;
}
@media (max-width: 991px) {
  .single-product-accessories__inner {
    flex-direction: column;
  }
}
.single-product-accessories__title {
  margin: 0;
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 800;
}
@media (max-width: 991px) {
  .single-product-accessories__title {
    font-size: 20px;
  }
}
.single-product-accessories__subtitle {
  max-width: 500px;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .single-product-accessories__subtitle {
    max-width: unset;
  }
}
.single-product-accessories__info-text {
  display: flex;
  gap: 16px;
  max-width: 650px;
  margin-block: 32px;
  font-size: 16px;
}
@media (max-width: 991px) {
  .single-product-accessories__info-text {
    max-width: unset;
    margin-block: 24px 0;
  }
}
.single-product-accessories__info-text .icon {
  display: block;
  width: 40px;
  min-width: 40px;
  height: 40px;
}
.single-product-accessories__items {
  display: flex;
  gap: 24px;
}
@media (max-width: 991px) {
  .single-product-accessories__items {
    gap: 16px;
    justify-content: center;
  }
}
@media (max-width: 575px) {
  .single-product-accessories__items {
    flex-direction: column;
  }
}
.single-product-accessories__item {
  min-width: 300px;
  max-width: 300px;
}
@media (max-width: 1139px) {
  .single-product-accessories__item {
    min-width: 240px;
    max-width: 240px;
  }
}
@media (max-width: 575px) {
  .single-product-accessories__item {
    width: 100%;
    min-width: unset;
    max-width: unset;
  }
}
.single-product-accessories__item-image {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  width: 100%;
  padding: 20px;
  border: 1px solid #aaaaaa;
  background: #ffffff;
}
.single-product-accessories__item-image img {
  aspect-ratio: 1/1;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.single-product-accessories__item-title {
  margin-top: 16px;
  font-size: 16px;
  text-transform: uppercase;
}
.single-product-accessories__item-color {
  font-size: 16px;
  font-weight: 800;
}
.single-product-accessories a {
  text-decoration: none;
}

.single-product-description {
  width: min(1360px, 100%);
  margin-block: clamp(4rem, 1.8571rem + 5.9524vw, 9rem);
  margin-inline: auto;
  padding-top: 64px;
  border-top: 1px solid #aaaaaa;
}
.single-product-description__heading {
  margin: 0;
  margin-bottom: 40px;
  font-size: 30px;
  font-weight: 800;
}
.single-product-description__text {
  margin-bottom: 64px;
}
.single-product-description__text img {
  margin-block: 40px;
}
.single-product-description__sections {
  border-top: 1px solid #aaaaaa;
}
.single-product-description__section {
  display: grid;
  grid-template-rows: auto 0fr;
  padding-block: 32px;
  border-bottom: 1px solid #aaaaaa;
}
@media (max-width: 991px) {
  .single-product-description__section {
    padding-block: 24px;
  }
}
.single-product-description__section.is-active {
  grid-template-rows: auto 1fr;
}
.single-product-description__section-title {
  cursor: pointer;
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  font-size: 24px;
  font-weight: 800;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .single-product-description__section-title {
    font-size: 20px;
  }
}
.single-product-description__section-title::after {
  content: "";
  display: block;
  width: 23px;
  height: 13px;
  margin-left: auto;
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='13' viewBox='0 0 23 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.1172 2.11914L10.9084 10.1191L2.11719 2.11914' fill='white'/%3E%3Cpath d='M10.8867 12.126L-0.000976659 2.21875L2.01855 -8.83662e-07L10.9326 8.11133L20.2666 0.0029296L22.2344 2.26758L10.8867 12.126Z' fill='%23151615'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: 150ms linear all;
}
.single-product-description__section-title.is-active {
  color: #009982;
}
.single-product-description__section-title.is-active::after {
  rotate: 180deg;
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='13' viewBox='0 0 23 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.1172 2.11914L10.9084 10.1191L2.11719 2.11914' fill='white'/%3E%3Cpath d='M10.8867 12.126L-0.000976659 2.21875L2.01855 -8.83662e-07L10.9326 8.11133L20.2666 0.0029296L22.2344 2.26758L10.8867 12.126Z' fill='%23009982'/%3E%3C/svg%3E%0A");
}
.single-product-description__section-content {
  overflow: hidden;
  padding-top: 0;
  transition: 150ms linear all;
}
.single-product-description__section-content.is-active {
  padding-top: 32px;
}
@media (max-width: 991px) {
  .single-product-description__section-content.is-active {
    padding-top: 24px;
  }
}
.single-product-description__section-content img {
  margin-block: 40px;
}
.single-product-description__section-content img:last-child {
  margin-bottom: 0;
}

.page-anniversary {
  padding-block: 60px;
}

.anniversary-video {
  display: flex;
  align-items: center;
}
.anniversary-video .container {
  padding-inline: 0 !important;
}
.anniversary-video video {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.hero-home {
  position: relative;
  width: 100%;
  height: calc(100svh - 92px);
}
@media (max-width: 991px) {
  .hero-home {
    max-height: 736px;
  }
}
@media (max-height: 619px) {
  .hero-home {
    height: auto;
  }
}
.hero-home__container {
  position: absolute;
  width: 100%;
  height: 100%;
  padding-inline: 20px;
  background: rgba(0, 0, 0, 0.2);
}
.hero-home__inner {
  display: flex;
  gap: 40px;
  align-items: flex-end;
  justify-content: space-between;
  width: min(1632px, 100%);
  height: 100%;
  margin-inline: auto;
  padding-block: clamp(1.25rem, 0.0714rem + 3.2738vw, 4rem);
}
@media (max-width: 959px) {
  .hero-home__inner {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
  }
}
.hero-home__content {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 1.1429rem + 2.381vw, 4rem);
}
@media (max-width: 959px) {
  .hero-home__content {
    max-width: 350px;
  }
}
.hero-home__slogan {
  font-size: clamp(2.625rem, 1.5rem + 3.125vw, 5.25rem);
  line-height: 1.02;
  color: #ffffff;
}
.hero-home__boxes {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  width: 100%;
  max-width: 534px;
}
@media (max-width: 1399px) {
  .hero-home__boxes {
    max-width: 350px;
  }
}
@media (max-width: 959px) {
  .hero-home__boxes {
    max-width: 350px;
    margin-left: auto;
  }
}
.hero-home__boxes .hero-home-box {
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background: #151615;
}
.hero-home__boxes .hero-home-box__image {
  width: 100%;
  height: 100%;
}
.hero-home__boxes .hero-home-box__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.hero-home__boxes .hero-home-box__content h3 {
  font-size: clamp(0.875rem, 0.8214rem + 0.1488vw, 1rem);
}
.hero-home__boxes .hero-home-box__content p {
  margin-top: 16px;
  line-height: normal;
  color: #aaaaaa;
}
@media (max-width: 1399px) {
  .hero-home__boxes .hero-home-box__content p {
    font-size: 0.75rem;
  }
}
.hero-home__boxes .hero-home-box::after {
  content: "";
  position: absolute;
  top: 12px;
  right: 12px;
  rotate: 0deg;
  display: block;
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2206_6971)'%3E%3Cpath d='M9 9V1L1 1M8.68811 1.33024L1 9' stroke='%23009982' stroke-linecap='square'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2206_6971'%3E%3Crect width='10' height='10' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  transition: 300ms rotate ease;
}
.hero-home__boxes .hero-home-box:hover::after {
  rotate: 45deg;
}
.hero-home__boxes .hero-home-box--small {
  display: block;
  width: calc(50% - 6px);
  height: 100vh;
  max-height: 192px;
}
@media (max-width: 1399px) {
  .hero-home__boxes .hero-home-box--small {
    max-height: 143px;
  }
}
.hero-home__boxes .hero-home-box--small .hero-home-box__content {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  padding: 12px;
}
.hero-home__boxes-slider {
  width: 100%;
  height: 100vh;
  max-height: 192px;
}
@media (max-width: 1399px) {
  .hero-home__boxes-slider {
    max-height: 143px;
  }
}
.hero-home__boxes-slider .hero-home-box {
  display: flex;
  gap: 20px;
  width: 100%;
  height: 100%;
  padding: 12px;
  color: #ffffff;
  text-decoration: none;
}
.hero-home__boxes-slider .hero-home-box__image {
  width: calc(50% - 10px);
}
.hero-home__boxes-slider .hero-home-box__content {
  width: calc(50% - 26px);
  padding-block: 16px;
}
@media (max-width: 1399px) {
  .hero-home__boxes-slider .hero-home-box__content {
    width: calc(50% - 10px);
    padding-block: 10px 0;
  }
}
.hero-home__image {
  width: 100%;
  height: 100%;
}
.hero-home__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.hero-catalog {
  position: relative;
  display: grid;
}
.hero-catalog__wrapper {
  z-index: 2;
  grid-column: 1/-1;
  grid-row: 1/-1;
  padding-inline: 20px;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 83.17%);
}
.hero-catalog__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  width: min(1632px, 100%);
  height: 100%;
  margin-inline: auto;
  padding-block: 0 80px;
}
@media (max-width: 1439px) {
  .hero-catalog__inner {
    padding-block: 0 clamp(2.5rem, 1.8571rem + 1.7857vw, 4rem);
  }
}
@media (max-width: 991px) {
  .hero-catalog__inner {
    padding-block: clamp(2rem, 1.1429rem + 2.381vw, 4rem);
  }
}
.hero-catalog__video-placeholder {
  position: absolute;
  right: 0;
  bottom: 80px;
  display: grid;
  aspect-ratio: 16/9;
  width: 100%;
  max-width: 400px;
  height: auto;
  padding: 16px;
  visibility: hidden;
  opacity: 0;
}
@media (max-width: 1439px) {
  .hero-catalog__video-placeholder {
    bottom: clamp(2.5rem, 1.8571rem + 1.7857vw, 4rem);
  }
}
.hero-catalog__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 8px;
  justify-content: center;
}
@media (max-width: 991px) {
  .hero-catalog__content {
    justify-content: flex-end;
  }
}
.hero-catalog__slogan {
  order: 2;
  font-size: clamp(2.625rem, 1.5rem + 3.125vw, 5.25rem);
  color: #ffffff;
  letter-spacing: -0.02em;
}
@media (max-width: 991px) {
  .hero-catalog__slogan {
    order: unset;
  }
}
.hero-catalog__heading {
  font-size: clamp(0.875rem, 0.8214rem + 0.1488vw, 1rem);
  color: #ffffff;
  text-transform: uppercase;
}
.hero-catalog__text {
  max-width: 390px;
  font-size: 24px;
  line-height: normal;
  color: #ffffff;
}
@media (max-width: 991px) {
  .hero-catalog__text {
    max-width: unset;
    font-size: 16px;
  }
}
.hero-catalog__button {
  margin-top: clamp(0.75rem, 0.4286rem + 0.8929vw, 1.5rem);
}
.hero-catalog__background {
  grid-column: 1/-1;
  grid-row: 1/-1;
  height: calc(100vh - 94px);
}
.hero-catalog__background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.inspirations {
  margin-block: clamp(4rem, 1.8571rem + 5.9524vw, 9rem) clamp(4rem, 1.4286rem + 7.1429vw, 10rem);
  padding-inline: 20px;
}
.inspirations__inner {
  display: flex;
  gap: clamp(2.5rem, 1.8571rem + 1.7857vw, 4rem);
  justify-content: space-between;
  width: min(1632px, 100%);
  margin-inline: auto;
}
@media (max-width: 959px) {
  .inspirations__inner {
    flex-direction: column;
  }
}
.inspirations__column {
  display: flex;
  flex: 1 1 100%;
  flex-direction: column;
  max-width: 672px;
}
@media (max-width: 959px) {
  .inspirations__column {
    max-width: 100%;
  }
}
.inspirations__column:first-of-type {
  flex-grow: 0;
  max-width: 752px;
}
@media (max-width: 959px) {
  .inspirations__column:first-of-type {
    max-width: 100%;
  }
}
.inspirations__title {
  font-size: clamp(0.875rem, 0.6071rem + 0.744vw, 1.5rem);
}
@media (max-width: 959px) {
  .inspirations__title {
    order: -1;
  }
}
.inspirations__slogan {
  max-width: 700px;
  margin-top: clamp(2.5rem, 0.5714rem + 5.3571vw, 7rem);
  font-size: clamp(1.5rem, 1.0179rem + 1.3393vw, 2.625rem);
  line-height: normal;
  letter-spacing: -0.02em;
}
@media (max-width: 959px) {
  .inspirations__slogan {
    order: -1;
    margin-top: 8px;
  }
}

.inspirations-slider {
  position: relative;
  margin-top: clamp(2.5rem, 0.5714rem + 5.3571vw, 7rem);
}
.inspirations-slider .splide__arrows {
  position: absolute;
  bottom: 28px;
  left: 390px;
  display: flex;
  gap: 8px;
}
@media (max-width: 1389px) {
  .inspirations-slider .splide__arrows {
    left: 320px;
  }
}
@media (max-width: 1139px) {
  .inspirations-slider .splide__arrows {
    left: 270px;
  }
}
@media (max-width: 959px) {
  .inspirations-slider .splide__arrows {
    bottom: 24px;
  }
}
@media (max-width: 575px) {
  .inspirations-slider .splide__arrows {
    bottom: 0;
    left: 200px;
  }
}
@media (max-width: 379px) {
  .inspirations-slider .splide__arrows {
    right: 0;
    left: unset;
  }
}
.inspirations-slider .splide__arrow {
  cursor: pointer;
  display: grid;
  place-content: center;
  width: 50px;
  height: 26px;
  border: 1px solid #151615;
  border-radius: 26px;
  background: none;
}

.inspirations-item {
  display: flex;
  gap: 20px;
  width: 100%;
}
@media (max-width: 379px) {
  .inspirations-item {
    flex-direction: column;
  }
}
.inspirations-item__content a {
  display: inline-flex;
  gap: 12px;
  align-items: center;
  margin-top: clamp(1.25rem, 0.7143rem + 1.4881vw, 2.5rem);
}
.inspirations-item__content a span {
  transition: 150ms linear all;
}
.inspirations-item__content a:hover span {
  transform: rotate(45deg);
}
.inspirations-item__content .tag {
  margin-bottom: clamp(1.25rem, 0.9286rem + 0.8929vw, 2rem);
}
.inspirations-item__title {
  font-size: clamp(1rem, 0.7321rem + 0.744vw, 1.625rem);
  text-transform: uppercase;
}
.inspirations-item__description {
  max-width: 254px;
  margin-top: 8px;
  color: #646363;
}
.inspirations-item__image {
  max-width: 370px;
}
@media (max-width: 1389px) {
  .inspirations-item__image {
    max-width: 300px;
  }
}
@media (max-width: 1139px) {
  .inspirations-item__image {
    max-width: 250px;
  }
}
@media (max-width: 575px) {
  .inspirations-item__image {
    min-width: 180px;
    max-width: 180px;
  }
}
@media (max-width: 379px) {
  .inspirations-item__image {
    width: 100%;
    min-width: unset;
    max-width: unset;
  }
}
.inspirations-item__image img {
  aspect-ratio: 1/1;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}
.inspirations-item__image-text {
  display: flex;
  gap: 12px;
  align-items: center;
  width: 100%;
  margin-top: 8px;
  font-size: clamp(0.625rem, 0.4643rem + 0.4464vw, 1rem);
}
.inspirations-item__model-text-separator {
  display: block;
  width: 78px;
  height: 1px;
  background: #aaaaaa;
}
@media (max-width: 575px) {
  .inspirations-item__model-text-separator {
    flex-grow: 1;
    width: unset;
  }
}

.inspirations-product-link {
  overflow: hidden;
  display: flex;
  width: 100%;
  height: 100%;
}
.inspirations-product-link:hover img {
  scale: 1.05;
}
.inspirations-product-link:hover .inspirations-product__content::after {
  rotate: 45deg;
}

.inspirations-product {
  position: relative;
  width: 100%;
}
@media (max-width: 959px) {
  .inspirations-product {
    aspect-ratio: 350/270;
  }
}
.inspirations-product__content {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: clamp(0.75rem, 0.4286rem + 0.8929vw, 1.5rem);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 71.31%, rgba(0, 0, 0, 0.7) 100%);
}
.inspirations-product__content::after {
  content: "";
  position: absolute;
  top: clamp(0.75rem, 0.4286rem + 0.8929vw, 1.5rem);
  right: clamp(0.75rem, 0.4286rem + 0.8929vw, 1.5rem);
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='30' rx='15' fill='%23009982'/%3E%3Cpath d='M19 19V11L11 11M18.6881 11.3302L11 19' stroke='white' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: 250ms ease-in-out all;
}
.inspirations-product__title {
  margin-top: auto;
  font-size: clamp(1rem, 0.7321rem + 0.744vw, 1.625rem);
  color: #ffffff;
  text-transform: uppercase;
}
.inspirations-product__description {
  font-size: clamp(0.625rem, 0.4643rem + 0.4464vw, 1rem);
  color: #ffffff;
}
.inspirations-product__image {
  height: 100%;
}
.inspirations-product__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: 250ms ease-in-out all;
}

.link-boxes {
  margin-block: clamp(4rem, 1.4286rem + 7.1429vw, 10rem);
  padding-inline: 20px;
}
.link-boxes__inner {
  width: min(1632px, 100%);
  margin-inline: auto;
}
.link-boxes__heading {
  max-width: 50%;
  margin-bottom: clamp(1.25rem, 0.9286rem + 0.8929vw, 2rem);
  font-size: clamp(1.5rem, 1.0179rem + 1.3393vw, 2.625rem);
  line-height: 1.15;
}
@media (max-width: 575px) {
  .link-boxes__heading {
    max-width: 100%;
  }
}
.link-boxes__items {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 40px 16px;
}
@media (max-width: 959px) {
  .link-boxes__items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .link-boxes__items {
    gap: 16px 8px;
  }
}
@media (max-width: 299px) {
  .link-boxes__items {
    grid-template-columns: 1fr;
  }
}
.link-boxes__link {
  text-decoration: none;
}
.link-boxes__link:hover .link-boxes__item-image img {
  scale: 1.05;
}
.link-boxes__link:hover .link-boxes__item-title {
  text-decoration: none;
}
.link-boxes__link:hover .link-boxes__item-description {
  text-decoration: none;
}
.link-boxes__item {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.link-boxes__item-image {
  overflow: hidden;
  aspect-ratio: 310/380;
  width: 100%;
}
.link-boxes__item-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: 250ms ease-in-out all;
}
.link-boxes__item-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.link-boxes__item-title {
  margin-top: 16px;
  font-size: clamp(1rem, 0.7321rem + 0.744vw, 1.625rem);
  text-transform: uppercase;
}
.link-boxes__item-description {
  margin-top: 8px;
  font-size: clamp(0.625rem, 0.4643rem + 0.4464vw, 1rem);
  color: #646363;
}
.link-boxes__item-arrow {
  display: inline-flex;
  gap: 12px;
  align-items: center;
  margin-top: auto;
  padding-top: clamp(1.25rem, 0.9286rem + 0.8929vw, 2rem);
  text-decoration: underline;
}
.link-boxes__item-arrow span {
  transition: 150ms linear all;
}
.link-boxes__item-arrow:hover span {
  transform: rotate(45deg);
}

.image-points {
  padding-inline: 20px;
}
.image-points__inner {
  position: relative;
  width: min(1632px, 100%);
  margin-inline: auto;
}
.image-points__image-wrapper {
  position: relative;
}
.image-points__points {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.image-points__point {
  position: absolute;
  top: var(--pos-y);
  left: var(--pos-x);
}
.image-points__point-text {
  position: absolute;
  top: 100%;
  left: 100%;
  width: 250px;
  color: #ffffff;
  visibility: hidden;
  opacity: 0;
  transition: 250ms ease-in opacity;
}
@media (max-width: 1249px) {
  .image-points__point-text {
    top: unset;
    bottom: 100%;
    left: 0;
  }
}
@media (max-width: 959px) {
  .image-points__point-text {
    display: none;
  }
}
.image-points__point:hover svg circle {
  stroke: #009982;
}
.image-points__point:hover .image-points__point-text {
  visibility: visible;
  opacity: 1;
}
.image-points__point.is-active svg circle {
  stroke: #009982;
}
.image-points__slogan {
  margin-bottom: 24px;
  font-size: clamp(1.5rem, 1.0179rem + 1.3393vw, 2.625rem);
  line-height: 1.15;
}
@media (min-width: 960px) {
  .image-points__slogan {
    position: absolute;
    z-index: 3;
    bottom: calc(clamp(2rem, 1.1429rem + 2.381vw, 4rem) + 38px);
    left: clamp(2rem, 1.1429rem + 2.381vw, 4rem);
    max-width: 672px;
    margin-bottom: 0;
    color: #ffffff;
  }
}
.image-points__model {
  display: flex;
  gap: 12px;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  font-size: clamp(0.625rem, 0.4643rem + 0.4464vw, 1rem);
  line-height: 18px;
}
@media (max-width: 959px) {
  .image-points__model {
    margin-top: 12px;
  }
}
.image-points__model-text-separator {
  display: block;
  width: 78px;
  height: 1px;
  background: #aaaaaa;
}
@media (max-width: 575px) {
  .image-points__model-text-separator {
    flex-grow: 1;
    width: unset;
  }
}
.image-points__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  -moz-column-gap: 8px;
  column-gap: 8px;
  margin-top: clamp(1.25rem, 0.7143rem + 1.4881vw, 2.5rem);
}
@media (min-width: 960px) {
  .image-points__list {
    display: none;
  }
}
.image-points__list-item {
  cursor: pointer;
  border-collapse: collapse;
  padding: 12px;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  font-size: 0.75rem;
}
@media (max-width: 959px) {
  .image-points__list-item:first-of-type {
    border-bottom: none;
  }
}
@media (max-width: 863px) {
  .image-points__list-item:nth-child(2) {
    border-bottom: none;
  }
}
@media (max-width: 655px) {
  .image-points__list-item:nth-child(3) {
    border-bottom: none;
  }
}
@media (max-width: 447px) {
  .image-points__list-item:nth-child(4) {
    border-bottom: none;
  }
}
.image-points__list-item.is-active {
  font-weight: 700;
  color: #009982;
}
.image-points__button-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  margin-top: 40px;
}
@media (min-width: 960px) {
  .image-points__button-wrapper {
    position: absolute;
    z-index: 3;
    right: clamp(2rem, 1.1429rem + 2.381vw, 4rem);
    bottom: calc(clamp(2rem, 1.1429rem + 2.381vw, 4rem) + 38px);
    margin-top: 0;
    color: #ffffff;
  }
}

.image-links__item {
  position: relative;
  aspect-ratio: 480/525;
}
.image-links__item-content {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding-block: 64px 48px;
  padding-inline: 20px;
  background: rgba(21, 22, 21, 0.5);
}
@media (max-width: 1139px) {
  .image-links__item-content {
    padding-block: 32px;
  }
}
@media (max-width: 575px) {
  .image-links__item-content {
    padding-block: 24px;
  }
}
.image-links__item-content::after {
  content: "";
  display: block;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='48' height='48' rx='24' fill='%23009982'/%3E%3Cpath d='M30 30V18L18 18M29.5322 18.4954L18 30' stroke='white' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: 250ms ease-in-out all;
}
@media (max-width: 959px) {
  .image-links__item-content::after {
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
  }
}
.image-links__item-content h3 {
  max-width: 80%;
  margin-inline: auto;
  font-size: clamp(1.5rem, 1.0179rem + 1.3393vw, 2.625rem);
  line-height: 1.15;
  color: #ffffff;
  text-align: center;
}
.image-links__item-image {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.image-links__item-image img {
  aspect-ratio: 480/525;
  -o-object-fit: cover;
  object-fit: cover;
  transition: 250ms ease-in-out all;
}
.image-links__item:hover .image-links__item-image img {
  scale: 1.05;
}
.image-links__item:hover .image-links__item-content::after {
  rotate: 45deg;
}

.steps-sections {
  padding-block: clamp(2.5rem, 0.5714rem + 5.3571vw, 7rem);
  padding-inline: 20px;
  background: #f4f2f2;
}
@media (max-width: 575px) {
  .steps-sections {
    padding-block: 64px;
  }
}
.steps-sections__inner {
  width: min(1632px, 100%);
  margin-inline: auto;
}
.steps-sections__header {
  display: flex;
  gap: 40px;
  justify-content: space-between;
  margin-bottom: clamp(2rem, -0.3571rem + 6.5476vw, 7.5rem);
}
@media (max-width: 959px) {
  .steps-sections__header {
    flex-direction: column;
    align-items: flex-start;
  }
}
.steps-sections__heading {
  font-size: clamp(1.5rem, 1.0179rem + 1.3393vw, 2.625rem);
  line-height: 1.15;
}
.steps-sections__button {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 0.4286rem + 0.8929vw, 1.5rem);
  align-items: flex-start;
}

.section-step {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: space-between;
  padding-top: 20px;
  border-top: 1px solid #bfbfbf;
}
.section-step__index {
  max-width: 130px;
}
@media (max-width: 1139px) {
  .section-step__index {
    width: 100%;
    max-width: unset;
  }
}
.section-step__content {
  flex: 1 1 100%;
  max-width: 534px;
}
.section-step__heading {
  font-size: clamp(1.375rem, 1rem + 1.0417vw, 2.25rem);
  line-height: normal;
}
.section-step__large-text {
  margin-top: 24px;
  margin-bottom: 0;
  font-size: clamp(0.875rem, 0.6071rem + 0.744vw, 1.5rem);
}
.section-step__small-text {
  margin-top: 24px;
  font-size: clamp(0.75rem, 0.5893rem + 0.4464vw, 1.125rem);
}
.section-step__link {
  display: inline-flex;
  gap: 12px;
  align-items: center;
  margin-top: 64px;
}
@media (max-width: 575px) {
  .section-step__link {
    font-size: 14px;
  }
}
.section-step__link span {
  transition: 150ms linear all;
}
.section-step__link:hover span {
  transform: rotate(45deg);
}
.section-step__image {
  flex: 1 1 100%;
  max-width: 400px;
  height: 100%;
}
.section-step__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.adv-accordion {
  margin-block: clamp(4rem, 1.4286rem + 7.1429vw, 10rem);
  padding-inline: 20px;
}
.adv-accordion__inner {
  display: flex;
  gap: 40px;
  justify-content: space-between;
  width: min(1632px, 100%);
  margin-inline: auto;
}
@media (max-width: 767px) {
  .adv-accordion__inner {
    flex-direction: column;
  }
}
@media (max-width: 575px) {
  .adv-accordion__inner {
    gap: 12px;
  }
}
.adv-accordion__header {
  display: flex;
  flex-direction: column;
  gap: 64px;
  max-width: 260px;
}
@media (max-width: 767px) {
  .adv-accordion__header {
    flex-direction: column-reverse;
  }
}
.adv-accordion__content {
  width: 100%;
  max-width: 1084px;
}
.adv-accordion__item {
  position: relative;
  display: flex;
  gap: clamp(1.25rem, 0.9286rem + 0.8929vw, 2rem);
  padding-block: 20px;
  border-top: 1px solid #aaaaaa;
}
@media (max-width: 1069px) {
  .adv-accordion__item {
    flex-wrap: wrap;
  }
}
.adv-accordion__item:last-of-type {
  border-bottom: 1px solid #aaaaaa;
}
.adv-accordion__item-title {
  cursor: pointer;
  flex-grow: 1;
  font-size: clamp(1.375rem, 1rem + 1.0417vw, 2.25rem);
  line-height: normal;
}
@media (max-width: 1069px) {
  .adv-accordion__item-title {
    width: 100%;
    padding-right: 64px;
  }
}
.adv-accordion__item-content {
  overflow: hidden;
  display: grid;
  grid-template-rows: 0fr;
  max-width: 450px;
  margin-left: auto;
  padding-right: 64px;
  transition: 350ms ease-in-out all;
}
@media (max-width: 1239px) {
  .adv-accordion__item-content {
    max-width: 380px;
    padding-right: 0;
  }
}
@media (max-width: 1069px) {
  .adv-accordion__item-content {
    max-width: 450px;
    margin-left: unset;
    padding-right: 64px;
  }
}
@media (max-width: 369px) {
  .adv-accordion__item-content {
    padding-right: 0;
  }
}
.adv-accordion__item-content.is-active {
  grid-template-rows: 1fr;
}
.adv-accordion__item-content.is-active .adv-accordion__item-inner {
  transform: translateY(0);
  opacity: 1;
}
.adv-accordion__item-content h4 {
  font-size: clamp(1rem, 0.7857rem + 0.5952vw, 1.5rem);
  line-height: normal;
}
.adv-accordion__item-content p {
  margin-top: 20px;
  font-size: clamp(0.875rem, 0.7679rem + 0.2976vw, 1.125rem);
  color: #646363;
}
.adv-accordion__item-content a {
  display: inline-flex;
  gap: 12px;
  align-items: center;
  margin-top: 32px;
}
.adv-accordion__item-content a span {
  transition: 150ms linear all;
}
.adv-accordion__item-content a:hover span {
  transform: rotate(45deg);
}
.adv-accordion__item-inner {
  transform: translateY(10px);
  overflow: hidden;
  opacity: 0;
  transition: 350ms ease-in-out all;
}
.adv-accordion__icon {
  cursor: pointer;
  display: block;
  width: 36px;
  min-width: 36px;
  height: 36px;
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='36' height='36' rx='18' fill='%23009982'/%3E%3Cpath d='M9 18H18M18 18H27M18 18V9M18 18V27' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: 250ms ease-in-out all;
}
@media (max-width: 1069px) {
  .adv-accordion__icon {
    position: absolute;
    top: 20px;
    right: 0;
  }
}
@media (max-width: 575px) {
  .adv-accordion__icon {
    width: 24px;
    min-width: 24px;
    height: 24px;
  }
}
.adv-accordion__icon.is-active {
  rotate: 180deg;
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='36' height='36' rx='18' fill='%23151615'/%3E%3Cpath d='M9 18H18H27' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.about-section {
  margin-block: clamp(4rem, 1.4286rem + 7.1429vw, 10rem);
  padding-inline: 20px;
}
.about-section__inner {
  position: relative;
  width: min(1632px, 100%);
  margin-inline: auto;
}
.about-section__image {
  margin-top: 40px;
}
@media (min-width: 992px) {
  .about-section__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 33%;
    margin-top: 0;
  }
}
.about-section__title {
  font-size: clamp(1.5rem, 1.0179rem + 1.3393vw, 2.625rem);
  line-height: 1.15;
  letter-spacing: -0.02em;
}
@media (min-width: 992px) {
  .about-section__title {
    width: 100%;
    max-width: 58%;
    margin-left: auto;
  }
}
.about-section__content {
  margin-top: 64px;
}
@media (min-width: 992px) {
  .about-section__content {
    width: 100%;
    max-width: 58%;
    margin-left: auto;
  }
}
.about-section__content-title {
  width: 100%;
  padding-bottom: 20px;
  border-bottom: 1px solid #aaaaaa;
  font-size: clamp(0.625rem, 0.4643rem + 0.4464vw, 1rem);
}
.about-section__content-inner {
  display: flex;
  gap: 40px;
}
@media (max-width: 595px) {
  .about-section__content-inner {
    flex-direction: column-reverse;
  }
}
.about-section__list {
  width: 100%;
  max-width: 670px;
  margin-left: auto;
}
@media (max-width: 595px) {
  .about-section__list {
    padding-left: clamp(4rem, 1.4286rem + 7.1429vw, 10rem);
  }
}
@media (max-width: 379px) {
  .about-section__list {
    padding-left: 0;
  }
}
.about-section__item {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 20px;
  align-items: center;
  padding-block: 12px;
  border-bottom: 1px solid #aaaaaa;
}
@media (max-width: 595px) {
  .about-section__item {
    grid-template-columns: 90px 1fr;
  }
}
.about-section__item-text-large {
  font-size: clamp(1.5rem, 1.0179rem + 1.3393vw, 2.625rem);
  line-height: normal;
  letter-spacing: -0.02em;
}
.about-section__button {
  flex-shrink: 0;
  padding-top: 20px;
}
@media (max-width: 575px) {
  .about-section__button {
    padding-top: 0;
  }
}
.about-section--dark {
  margin-block: 0;
  padding-block: clamp(4rem, 1.4286rem + 7.1429vw, 10rem);
  color: #ffffff;
  background: #151615;
}
.about-section--dark .button {
  color: #ffffff;
}

.lang-switcher {
  position: relative;
  display: inline-flex;
}
.lang-switcher__current {
  cursor: pointer;
  position: relative;
  z-index: 2;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 2px 4px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  color: #ffffff;
  text-transform: uppercase;
  background-color: #646363;
}
.lang-switcher__current svg {
  transition: 200ms ease-in-out all;
}
.lang-switcher__current.is-active {
  border-radius: 10px 10px 0 0;
}
.lang-switcher__current.is-active svg {
  rotate: 180deg;
}
.lang-switcher__list {
  position: absolute;
  transform: translateY(-10px);
  width: 100%;
  padding-top: 22px;
  border-radius: 20px 20px 4px 4px;
  visibility: hidden;
  opacity: 0;
  background-color: #646363;
  transition: 200ms ease-in-out all;
}
.lang-switcher__list.is-active {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.lang-switcher__list li {
  cursor: pointer;
  display: flex;
  gap: 8px;
  align-items: center;
  width: 100%;
  padding: 4px;
  border-top: 1px solid #ffffff;
  font-size: 12px;
  line-height: 1;
  color: #ffffff;
  text-transform: uppercase;
}
.lang-switcher figure {
  display: grid;
  width: 12px;
  min-width: 12px;
  max-width: 12px;
  height: 12px;
  margin: 0;
  padding: 0;
  border-radius: 12px;
}

.promo-slider {
  margin-block: clamp(4rem, 1.4286rem + 7.1429vw, 10rem);
  padding-inline: 20px;
}
.promo-slider__inner {
  position: relative;
  width: min(1632px, 100%);
  margin-inline: auto;
  padding: clamp(1.25rem, 0.9286rem + 0.8929vw, 2rem);
  background: #009982;
}
@media (max-width: 992px) {
  .promo-slider__inner {
    max-width: 662px;
    background: #151615;
  }
}
.promo-slider__inner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 86%;
  height: 100%;
  background: #151615;
}
.promo-slider__wrapper {
  position: relative;
  z-index: 2;
  color: #ffffff;
  background: #151615;
}
.promo-slider__wrapper .splide__slide {
  position: relative;
}
.promo-slider__wrapper .splide__slide.is-active.is-visible {
  z-index: 2;
}
.promo-slider__wrapper .splide__arrows {
  position: absolute;
  right: clamp(1.25rem, 0.9286rem + 0.8929vw, 2rem);
  bottom: clamp(1.25rem, 0.9286rem + 0.8929vw, 2rem);
  display: flex;
  gap: 8px;
}
@media (max-width: 991px) {
  .promo-slider__wrapper .splide__arrows {
    display: none;
  }
}
.promo-slider__wrapper .splide__arrow {
  cursor: pointer;
  display: grid;
  padding: 6px 16px;
  border: 1px solid #ffffff;
  border-radius: 20px;
  background: transparent;
  transition: 150ms ease-in-out all;
}
.promo-slider__wrapper .splide__arrow:hover {
  background-color: #009982;
}

.promo-item {
  overflow: hidden;
  display: flex;
  gap: 40px;
}
@media (max-width: 991px) {
  .promo-item {
    flex-direction: column;
    gap: 40px;
  }
}
.promo-item__image {
  position: relative;
  flex: 1 1 50%;
  max-width: 50%;
}
@media (max-width: 991px) {
  .promo-item__image {
    max-width: 100%;
  }
}
.promo-item__image img {
  width: 100%;
  height: 100%;
  max-height: 660px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 1149px) {
  .promo-item__image img {
    aspect-ratio: 1/1;
    max-height: unset;
  }
}
.promo-item__image-content {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  gap: 40px;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: clamp(1.25rem, 0.9286rem + 0.8929vw, 2rem);
}
@media (max-width: 991px) {
  .promo-item__image-content {
    padding: clamp(0.75rem, 0.4286rem + 0.8929vw, 1.5rem);
  }
}
.promo-item__heading {
  font-size: clamp(1.625rem, 0.5536rem + 2.9762vw, 4.125rem);
  line-height: normal;
}
.promo-item__heading p {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: -0.02em;
}
.promo-item__heading p:last-of-type {
  padding-left: clamp(2.5rem, 0.5714rem + 5.3571vw, 7rem);
}
.promo-item__info {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  row-gap: 16px;
  align-items: flex-end;
  justify-content: space-between;
}
.promo-item__title {
  font-size: clamp(1rem, 0.7321rem + 0.744vw, 1.625rem);
}
.promo-item__box {
  position: relative;
  padding: 20px;
  background: #009982;
}
@media (max-width: 1149px) {
  .promo-item__box {
    padding: 12px;
  }
}
.promo-item__box::before {
  content: "";
  position: absolute;
  top: 0;
  right: calc(100% + 8px);
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='32' height='32' fill='white'/%3E%3Cpath d='M8.7012 13.6179C9.48024 14.5707 10.5098 14.9888 11.7906 14.8723C13.2133 14.7426 14.4772 13.5535 14.7487 12.1297C15.0195 10.7068 14.2834 9.12188 13.0123 8.45917C11.8668 7.86257 10.7586 7.8576 9.68614 8.4443C9.19489 8.71368 8.82034 9.07477 8.56338 9.52843C8.33152 9.93664 8.13939 10.3639 8.05507 10.8059C7.97078 11.2472 7.99268 11.7165 8.0575 12.1842C8.12968 12.7024 8.34367 13.1808 8.7012 13.6179ZM10.544 9.12863C11.8085 8.66163 13.2084 9.33922 13.671 10.6411C14.1334 11.943 13.4833 13.3766 12.2184 13.8434C10.954 14.3104 9.554 13.6328 9.09141 12.3309C8.62902 11.0291 9.27917 9.59534 10.544 9.12863Z' fill='%23009982'/%3E%3Cpath d='M11.1647 23.8649L11.2804 23.938C11.4704 24.0583 11.7193 23.998 11.8374 23.8049L21.0235 8.70286C21.1416 8.50934 21.0825 8.25487 20.8929 8.13513L20.7772 8.06199C20.5871 7.94169 20.3382 8.00201 20.2202 8.1951L11.0341 23.2971C10.916 23.4906 10.9751 23.7452 11.1647 23.8649Z' fill='%23009982'/%3E%3Cpath d='M17.2326 20.402C17.2326 22.3066 18.7477 23.8511 20.6163 23.8511C22.4849 23.8511 24 22.3066 24 20.402C24 18.4973 22.4849 16.9529 20.6163 16.9529C18.7477 16.9529 17.2326 18.4973 17.2326 20.402ZM22.6916 19.1402C23.4431 20.378 22.9073 21.9968 21.7139 22.6529C21.3224 22.8677 20.8644 22.9545 20.3398 22.914L19.6111 22.6992C18.9828 22.3744 18.5637 21.9101 18.3538 21.3052C18.1486 20.7135 18.143 20.1128 18.3384 19.5021C18.657 18.5047 19.7181 17.8354 20.7581 17.9197C21.5939 17.9875 22.2384 18.394 22.6916 19.1402Z' fill='%23009982'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.promo-item__box-label {
  margin-bottom: 4px;
  font-size: clamp(0.875rem, 0.7679rem + 0.2976vw, 1.125rem);
  line-height: normal;
  text-transform: uppercase;
}
@media (max-width: 1149px) {
  .promo-item__box-label {
    font-size: 12px;
  }
}
.promo-item__box-price {
  font-size: clamp(0.875rem, 0.6071rem + 0.744vw, 1.5rem);
}
@media (max-width: 1149px) {
  .promo-item__box-price {
    font-size: 16px;
  }
}
.promo-item__box-price span {
  font-weight: 500;
}
.promo-item__content {
  display: flex;
  flex: 1 1 50%;
  flex-direction: column;
  max-width: 26%;
  padding-block: 50px;
}
@media (max-width: 1139px) {
  .promo-item__content {
    max-width: 40%;
  }
}
@media (max-width: 991px) {
  .promo-item__content {
    max-width: 100%;
    padding-block: 0;
  }
}
.promo-item__text {
  font-size: clamp(0.875rem, 0.7679rem + 0.2976vw, 1.125rem);
}
.promo-item__button {
  margin-top: clamp(2rem, 1.1429rem + 2.381vw, 4rem);
}
@media (max-width: 991px) {
  .promo-item__button {
    margin-top: 24px;
  }
}
.promo-item__regular {
  margin-top: auto;
  color: #aaaaaa;
}
@media (max-width: 991px) {
  .promo-item__regular {
    margin-top: 64px;
  }
}
.promo-item__regular-title {
  margin-bottom: 20px;
  font-size: clamp(0.875rem, 0.7679rem + 0.2976vw, 1.125rem);
  text-transform: uppercase;
}
@media (max-width: 1149px) {
  .promo-item__regular-title {
    font-size: 12px;
  }
}
.promo-item__regular-row {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  padding-block: 8px;
  border-top: 1px solid #aaaaaa;
  color: #aaaaaa;
}
@media (max-width: 1149px) {
  .promo-item__regular-row {
    font-size: 12px;
  }
}
.promo-item__regular-price {
  text-align: right;
}
.promo-item__image-small {
  position: absolute;
  top: 20%;
  right: clamp(1.25rem, 0.9286rem + 0.8929vw, 2rem);
  aspect-ratio: 190/250;
  max-width: 12%;
  max-height: 250px;
}
@media (max-width: 1139px) {
  .promo-item__image-small {
    display: none;
  }
}
.promo-item__image-small img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.site-search {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-10px);
  width: 100vw;
  padding-bottom: 40px;
  padding-inline: 20px;
  visibility: hidden;
  opacity: 0;
  background: #ffffff;
  transition: 250ms ease-in-out all;
}
@media (max-width: 767px) {
  .site-search {
    top: 90px;
    border-top: 1px solid #f4f2f2;
  }
}
.site-search.is-active {
  pointer-events: auto;
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.site-search__inner {
  position: relative;
  width: min(1632px, 100%);
  margin-inline: auto;
  padding-top: 145px;
}
@media (max-width: 767px) {
  .site-search__inner {
    padding-top: 64px;
  }
}
.site-search__heading {
  margin-bottom: clamp(1.25rem, 0.9286rem + 0.8929vw, 2rem);
  font-size: clamp(1rem, 0.7321rem + 0.744vw, 1.625rem);
  line-height: normal;
}
.site-search__form {
  max-width: 400px;
}
.site-search__form form {
  position: relative;
}
.site-search__form form label {
  display: flex;
}
.site-search__form form input {
  display: flex;
  width: 90%;
  padding-right: 90px;
  padding-left: 16px;
  padding-block: 9px 10px;
  border: 1px solid #dcdcdc;
  border-radius: 50px;
  line-height: normal;
  background: transparent;
  outline: none;
}
.site-search__form form input::-moz-placeholder {
  font-size: 14px;
  color: #646363;
}
.site-search__form form input::placeholder {
  font-size: 14px;
  color: #646363;
}
.site-search__form form button {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}
.site-search__results {
  margin-top: 12px;
}
.site-search__results-count {
  padding-bottom: 12px;
  border-bottom: 1px solid #dcdcdc;
  font-size: 12px;
  text-align: right;
}
.site-search__results-inner {
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: 20px;
}
@media (max-width: 1139px) {
  .site-search__results-inner {
    grid-template-columns: 1fr;
  }
}
.site-search__results-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 767px) {
  .site-search__results-list {
    grid-template-columns: 1fr;
  }
}
.site-search__results-list .search-result {
  display: flex;
  gap: 16px;
  height: 100%;
  padding-block: 18px;
  border-bottom: 1px solid #f4f2f2;
  text-decoration: none;
}
@media (max-width: 1249px) {
  .site-search__results-list .search-result {
    padding-bottom: 12px;
  }
}
.site-search__results-list .search-result__image {
  width: 120px;
  min-width: 120px;
  height: 120px;
}
@media (max-width: 992px) {
  .site-search__results-list .search-result__image {
    width: 70px;
    min-width: 70px;
    height: 70px;
  }
}
.site-search__results-list .search-result__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.site-search__results-list .search-result__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.site-search__results-list .search-result__content::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin-top: auto;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 16V8L8 8M15.6881 8.33024L8 16' stroke='%23009982' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: 150ms linear all;
}
.site-search__results-list .search-result__title {
  font-size: clamp(0.625rem, 0.4643rem + 0.4464vw, 1rem);
  line-height: normal;
  text-transform: uppercase;
}
.site-search__results-list .search-result__description {
  font-size: 14px;
  color: #646363;
}
@media (max-width: 1349px) {
  .site-search__results-list .search-result__description {
    font-size: 12px;
  }
}
.site-search__results-list .search-result:hover .search-result__content::after {
  rotate: 45deg;
}
.site-search__results-button {
  margin-top: 18px;
  text-align: right;
}

.search-toggle {
  cursor: pointer;
  position: absolute;
  z-index: 10;
  top: 44px;
  right: 0;
  display: grid;
  place-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  background: #ffffff;
}
@media (max-width: 767px) {
  .search-toggle {
    top: 20px;
  }
}
.search-toggle > span {
  position: relative;
  display: block;
  width: 24px;
  height: 3px;
  border-radius: 3px;
  background: #151615;
  transition: 250ms ease-in-out all;
}
.search-toggle > span::before, .search-toggle > span::after {
  content: "";
  position: absolute;
  display: block;
  width: 24px;
  height: 3px;
  border-radius: 3px;
  background: #151615;
  transition: 250ms ease-in-out all;
}
.search-toggle > span::before {
  top: -8px;
}
.search-toggle > span::after {
  top: 8px;
}
.search-toggle.is-active > span {
  transform: rotate(45deg);
  background: #151615;
}
.search-toggle.is-active > span::before, .search-toggle.is-active > span::after {
  top: 0;
  transform: rotate(90deg);
}
.search-toggle.is-active > span::before {
  opacity: 0;
  background: transparent;
}

.needs {
  margin-block: clamp(4rem, 1.4286rem + 7.1429vw, 10rem);
  padding-inline: 20px;
}
.needs__inner {
  display: flex;
  gap: 54px;
  width: min(1632px, 100%);
  margin-inline: auto;
}
@media (max-width: 1439px) {
  .needs__inner {
    gap: clamp(2rem, 1.1429rem + 2.381vw, 4rem);
  }
}
@media (max-width: 991px) {
  .needs__inner {
    flex-direction: column;
  }
}
.needs__image-wrapper {
  display: grid;
  align-items: start;
  width: 100%;
  max-width: 500px;
}
@media (max-width: 1365px) {
  .needs__image-wrapper {
    max-width: 310px;
  }
}
@media (max-width: 991px) {
  .needs__image-wrapper {
    max-width: unset;
  }
}
.needs__image {
  pointer-events: none;
  position: relative;
  transform: translateY(-20px);
  grid-column: 1/-1;
  grid-row: 1/-1;
  border-left: 28px solid #009982;
  visibility: hidden;
  opacity: 0;
  transition: 250ms ease-in all;
}
@media (max-width: 1365px) {
  .needs__image {
    border-left: 24px solid #009982;
  }
}
.needs__image.is-active {
  pointer-events: auto;
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.needs__image::before, .needs__image::after {
  content: "";
  position: absolute;
  left: -28px;
  width: 35%;
  height: 28px;
  background: #009982;
}
@media (max-width: 1365px) {
  .needs__image::before, .needs__image::after {
    left: -24px;
    height: 24px;
  }
}
.needs__image::before {
  z-index: 2;
  top: 0;
}
.needs__image::after {
  bottom: 0;
}
.needs__image img {
  aspect-ratio: 500/675;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 991px) {
  .needs__image img {
    aspect-ratio: 350/200;
  }
}
.needs__nav {
  min-width: 275px;
}
@media (max-width: 991px) {
  .needs__nav {
    order: -1;
  }
}
.needs__nav-title {
  margin-bottom: 24px !important;
  font-size: clamp(0.875rem, 0.8214rem + 0.1488vw, 1rem);
  color: #646363;
  text-transform: uppercase;
}
.needs__nav-list {
  display: flex;
  flex-direction: column;
}
.needs__nav-item {
  display: flex;
  align-items: center;
  padding-block: 8px;
  border-top: 1px solid #bfbfbf;
  font-size: clamp(1.375rem, 1rem + 1.0417vw, 2.25rem);
  text-decoration: none;
}
.needs__nav-item:last-of-type {
  border-bottom: 1px solid #bfbfbf;
}
.needs__nav-item::before {
  content: "";
  scale: 0;
  overflow: hidden;
  width: 40px;
  max-width: 0;
  height: 24px;
  padding-right: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%23009982'/%3E%3Cpath d='M6 12H12M12 12H18M12 12V6M12 12V18' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  transition: 250ms ease-in all;
}
.needs__nav-item.is-active::before {
  scale: 1;
  max-width: 40px;
  padding-right: 16px;
}
.needs__content-wrapper {
  display: grid;
  align-items: start;
  width: 100%;
  min-width: 630px;
  margin-left: auto;
}
@media (max-width: 1365px) {
  .needs__content-wrapper {
    min-width: unset;
  }
}
.needs__content {
  pointer-events: none;
  position: relative;
  transform: translateY(-20px);
  grid-column: 1/-1;
  grid-row: 1/-1;
  visibility: hidden;
  opacity: 0;
  transition: 250ms ease-in all;
}
.needs__content.is-active {
  pointer-events: auto;
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.needs__heading {
  max-width: 530px;
  font-size: clamp(1.5rem, 1.0179rem + 1.3393vw, 2.625rem);
  line-height: normal;
}
@media (max-width: 991px) {
  .needs__heading {
    max-width: unset;
  }
}
.needs__text {
  max-width: 530px;
  margin-top: clamp(1.25rem, 0.7143rem + 1.4881vw, 2.5rem);
  font-size: clamp(0.875rem, 0.7679rem + 0.2976vw, 1.125rem);
}
@media (max-width: 991px) {
  .needs__text {
    max-width: unset;
  }
}
@media (max-width: 575px) {
  .needs__text {
    margin-top: 12px;
    font-size: 14px;
  }
}
.needs__button {
  max-width: 530px;
  margin-top: clamp(1.25rem, 0.7143rem + 1.4881vw, 2.5rem);
  font-size: clamp(0.875rem, 0.7679rem + 0.2976vw, 1.125rem);
}
@media (max-width: 575px) {
  .needs__button {
    margin-top: 12px;
    font-size: 14px;
  }
}
.needs__slider {
  margin-top: clamp(1.25rem, 0.9286rem + 0.8929vw, 2rem);
}

.needs-slider {
  max-width: 670px;
}
@media (max-width: 991px) {
  .needs-slider {
    max-width: unset;
  }
}
.needs-slider__header {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 16px;
  padding-block: 16px;
  border-bottom: 1px solid #bfbfbf;
  color: #646363;
  text-transform: uppercase;
}
.needs-slider__item {
  display: flex;
  gap: 20px;
}
.needs-slider__image {
  max-width: 255px;
  max-height: 210px;
}
.needs-slider__image img {
  aspect-ratio: 255/210;
  -o-object-fit: cover;
  object-fit: cover;
}
.needs-slider__content {
  display: flex;
  flex-direction: column;
  max-width: 270px;
}
.needs-slider__title {
  font-size: clamp(1rem, 0.7321rem + 0.744vw, 1.625rem);
  line-height: normal;
  text-transform: uppercase;
}
.needs-slider__description {
  margin-top: 8px;
  line-height: normal;
  color: #646363;
}
.needs-slider__button a {
  display: inline-flex;
  gap: 12px;
  align-items: center;
  margin-top: clamp(1.25rem, 0.7143rem + 1.4881vw, 2.5rem);
}
.needs-slider__button a span {
  transition: 150ms linear all;
}
.needs-slider__button a:hover span {
  transform: rotate(45deg);
}
.needs-slider .splide__arrows {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  gap: 8px;
}
@media (max-width: 1139px) {
  .needs-slider .splide__arrows {
    position: static;
    justify-content: flex-end;
    margin-top: 16px;
  }
}
.needs-slider .splide__arrow {
  cursor: pointer;
  display: grid;
  place-content: center;
  width: 50px;
  height: 26px;
  border: 1px solid #151615;
  border-radius: 26px;
  background: none;
}

.marquee {
  margin-block: 64px;
  font-size: 1rem;
  color: #aaaaaa;
  text-transform: uppercase;
}

.accessories {
  margin-block: clamp(2rem, -0.3571rem + 6.5476vw, 7.5rem);
  padding-inline: 20px;
}
.accessories__inner {
  display: flex;
  gap: clamp(2rem, 1.1429rem + 2.381vw, 4rem);
  width: min(1632px, 100%);
  margin-inline: auto;
}
@media (max-width: 991px) {
  .accessories__inner {
    flex-direction: column;
  }
}
.accessories__video {
  width: 100%;
  max-width: 530px;
}
@media (max-width: 991px) {
  .accessories__video {
    margin-inline: auto;
  }
}
.accessories__video video {
  display: block;
  aspect-ratio: 1/1;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.accessories__title {
  font-size: 1rem;
}
@media (max-width: 575px) {
  .accessories__title {
    font-size: 14px;
  }
}
.accessories__heading {
  max-width: 600px;
  font-size: clamp(1.5rem, 1.0179rem + 1.3393vw, 2.625rem);
  line-height: normal;
}
.accessories__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px 16px;
  margin-block: clamp(2rem, 1.1429rem + 2.381vw, 4rem);
  list-style: none;
}
@media (max-width: 767px) {
  .accessories__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 319px) {
  .accessories__list {
    grid-template-columns: 1fr;
  }
}
.accessories__item-wrapper {
  text-decoration: none;
}
.accessories__item-image {
  width: 100%;
}
.accessories__item-image img {
  aspect-ratio: 250/160;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.accessories__item-title {
  margin-top: 16px;
  font-size: clamp(1rem, 0.7321rem + 0.744vw, 1.625rem);
  line-height: normal;
  text-transform: uppercase;
}
.accessories__footer {
  display: flex;
  gap: 32px;
  align-items: flex-end;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .accessories__footer {
    flex-direction: column;
    align-items: flex-start;
  }
}
.accessories__text {
  max-width: 624px;
  font-size: clamp(0.875rem, 0.8214rem + 0.1488vw, 1rem);
  color: #646363;
}
.accessories__link {
  display: flex;
  gap: 12px;
  align-items: center;
  white-space: nowrap;
}
.accessories__link span {
  transition: 250ms ease-in-out all;
}
.accessories__link:hover span {
  rotate: 45deg;
}

.gallery-slider {
  margin-block: clamp(4rem, 1.8571rem + 5.9524vw, 9rem);
  padding-inline: 20px;
}
.gallery-slider__inner {
  width: min(1632px, 100%);
  height: 100%;
  margin-inline: auto;
}
.gallery-slider__header {
  display: flex;
  gap: 40px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: clamp(1.25rem, 0.7143rem + 1.4881vw, 2.5rem);
}
.gallery-slider__heading {
  font-size: clamp(1.5rem, 1.0179rem + 1.3393vw, 2.625rem);
  line-height: 1;
}
.gallery-slider__item img {
  aspect-ratio: 1632/720;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 575px) {
  .gallery-slider__item img {
    aspect-ratio: 350/570;
  }
}
.gallery-slider .splide__counter {
  position: absolute;
  right: clamp(1.25rem, 0.9286rem + 0.8929vw, 2rem);
  bottom: clamp(1.25rem, 0.9286rem + 0.8929vw, 2rem);
  display: flex;
  gap: 4px;
  align-items: flex-start;
  font-size: clamp(0.875rem, 0.8214rem + 0.1488vw, 1rem);
  line-height: 1;
  color: #ffffff;
}
.gallery-slider .splide__counter .current {
  transform: translateY(-2px);
  font-size: clamp(1.375rem, 1rem + 1.0417vw, 2.25rem);
}
.gallery-slider .splide__pagination {
  margin-top: 32px;
}
@media (min-width: 992px) {
  .gallery-slider .splide__pagination {
    display: none;
  }
}
@media (max-width: 991px) {
  .gallery-slider .splide__arrows {
    display: none;
  }
}

.cta-configurator {
  position: relative;
  padding-block: clamp(1.25rem, -0.8929rem + 5.9524vw, 6.25rem);
  padding-inline: 20px;
  background: #151615;
}
.cta-configurator__inner {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 40px;
  width: min(1356px, 100%);
  margin-inline: auto;
  padding: clamp(0.75rem, 0.4286rem + 0.8929vw, 1.5rem);
  border-right: 24px solid #009982;
  background: #ffffff;
}
@media (max-width: 991px) {
  .cta-configurator__inner {
    flex-direction: column;
    gap: 32px;
    border: none;
  }
}
.cta-configurator__inner::before, .cta-configurator__inner::after {
  content: "";
  position: absolute;
  right: 0;
  width: 146px;
  height: 24px;
  background: #009982;
}
@media (max-width: 991px) {
  .cta-configurator__inner::before, .cta-configurator__inner::after {
    content: none;
  }
}
.cta-configurator__inner::before {
  top: 0;
}
.cta-configurator__inner::after {
  bottom: 0;
}
.cta-configurator__image-wrapper {
  position: relative;
  width: 100%;
  max-width: 760px;
}
@media (max-width: 991px) {
  .cta-configurator__image-wrapper {
    max-width: unset;
  }
}
.cta-configurator__image-content {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  gap: 40px;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: clamp(0.75rem, 0.4286rem + 0.8929vw, 1.5rem);
  color: #ffffff;
  background: rgba(0, 0, 0, 0.2);
}
.cta-configurator__image img {
  aspect-ratio: 760/450;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 991px) {
  .cta-configurator__image img {
    aspect-ratio: 325/400;
    max-height: 400px;
  }
}
.cta-configurator__title {
  order: 2;
  font-size: clamp(1rem, 0.7321rem + 0.744vw, 1.625rem);
}
.cta-configurator__slogan {
  font-size: clamp(1.625rem, 0.5536rem + 2.9762vw, 4.125rem);
  line-height: 1;
  text-transform: uppercase;
}
.cta-configurator__slogan p {
  margin: 0;
}
.cta-configurator__slogan p:last-of-type {
  margin-left: clamp(2rem, 1.1429rem + 2.381vw, 4rem);
}
.cta-configurator__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 370px;
  padding-block: clamp(0.75rem, 0.4286rem + 0.8929vw, 1.5rem);
}
@media (max-width: 991px) {
  .cta-configurator__content {
    max-width: unset;
    padding-block: 0;
  }
}
.cta-configurator__heading {
  max-width: 360px;
  font-size: clamp(1.375rem, 1rem + 1.0417vw, 2.25rem);
  line-height: normal;
}
@media (max-width: 575px) {
  .cta-configurator__heading {
    font-size: 18px;
  }
}
.cta-configurator__text {
  max-width: 370px;
  margin-block: clamp(0.75rem, 0.4286rem + 0.8929vw, 1.5rem);
  font-size: clamp(0.875rem, 0.7679rem + 0.2976vw, 1.125rem);
  color: #646363;
}
.cta-configurator__button {
  margin-top: clamp(2.5rem, 1.8571rem + 1.7857vw, 4rem);
}
.cta-configurator__background {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cta-configurator__background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
}

.links-slider {
  margin-block: clamp(4rem, 1.8571rem + 5.9524vw, 9rem);
  padding-inline: 20px;
}
.links-slider__inner {
  width: min(1632px, 100%);
  margin-inline: auto;
}
.links-slider__header {
  display: flex;
  gap: 40px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: clamp(1.25rem, 0.7143rem + 1.4881vw, 2.5rem);
}
.links-slider__heading {
  font-size: clamp(1.5rem, 1.0179rem + 1.3393vw, 2.625rem);
  line-height: 1;
}
.links-slider__item {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
}
.links-slider__item-image {
  overflow: hidden;
}
.links-slider__item-image img {
  aspect-ratio: 400/480;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: 250ms ease-in-out all;
}
.links-slider__item-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.links-slider__item-title {
  font-size: 32px;
  text-transform: uppercase;
}
@media (max-width: 1439px) {
  .links-slider__item-title {
    font-size: clamp(1rem, 0.7321rem + 0.744vw, 1.625rem);
  }
}
.links-slider__item-description {
  margin-block: 8px 16px !important;
  font-size: clamp(0.875rem, 0.8214rem + 0.1488vw, 1rem);
  color: #646363;
}
.links-slider__item-arrow {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-top: auto;
  text-decoration: underline;
}
.links-slider__item-arrow span {
  transition: 250ms ease-in-out all;
}
.links-slider__item-wrapper {
  text-decoration: none;
}
.links-slider__item-wrapper:hover {
  color: #151615 !important;
  text-decoration: none;
}
.links-slider__item-wrapper:hover .links-slider__item-image img {
  scale: 1.05;
}
.links-slider__item-wrapper:hover .links-slider__item-arrow span {
  rotate: 45deg;
}
@media (max-width: 1139px) {
  .links-slider .splide__track {
    overflow: visible;
  }
}
.links-slider .splide__pagination {
  margin-top: 32px;
}
@media (min-width: 992px) {
  .links-slider .splide__pagination {
    display: none;
  }
}
@media (max-width: 991px) {
  .links-slider .splide__arrows {
    display: none;
  }
}

.colors-popup-wrapper {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  display: none;
  place-content: center;
  width: 100vw;
  height: 100vh;
  background: transparent;
}
.colors-popup-wrapper.is-active {
  display: grid;
}

.colors-popup {
  position: relative;
  width: min(1360px, 90vw);
  height: 90vh;
  max-height: 800px;
  padding: clamp(2.5rem, 1.8571rem + 1.7857vw, 4rem);
  border: 2px solid rgba(255, 255, 255, 0.25);
  background: #ffffff;
  box-shadow: 0 6px 50px rgba(0, 0, 0, 0.11);
}
.colors-popup__inner {
  display: flex;
  gap: 40px;
  height: 100%;
}
@media (max-width: 991px) {
  .colors-popup__inner {
    overflow-y: auto;
    flex-direction: column;
  }
}
.colors-popup__header {
  margin-bottom: 40px;
}
.colors-popup__heading {
  font-size: 24px;
  font-weight: 800;
}
@media (max-width: 991px) {
  .colors-popup__heading {
    font-size: 20px;
  }
}
.colors-popup__nav {
  max-width: 380px;
  border-top: 1px solid #aaaaaa;
}
.colors-popup__nav button {
  cursor: pointer;
  display: flex;
  gap: 20px;
  align-items: center;
  width: 100%;
  padding-block: 20px;
  border: none;
  border-bottom: 1px solid #aaaaaa;
  font-size: 22px;
  background: none;
  transition: 250ms ease-in-out all;
}
.colors-popup__nav button::before {
  content: none;
  scale: 0;
  display: block;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='30' rx='15' fill='%23009982'/%3E%3Cpath d='M7.5 15H15M15 15H22.5M15 15V7.5M15 15V22.5' stroke='white' stroke-width='0.834477' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: 250ms ease-in-out all;
}
.colors-popup__nav button.is-active {
  color: #009982;
}
.colors-popup__nav button.is-active::before {
  content: "";
  scale: 1;
}
.colors-popup__text {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.1;
}
@media (max-width: 991px) {
  .colors-popup__text {
    font-size: 16px;
  }
}
.colors-popup__content {
  width: 100%;
  max-width: 500px;
}
.colors-popup__sections {
  display: grid;
  width: 100%;
  height: 100%;
}
.colors-popup__section {
  pointer-events: none;
  transform: translateY(-20px);
  overflow-y: auto;
  grid-column: 1/-1;
  grid-row: 1/-1;
  height: 100%;
  padding-right: clamp(2.5rem, 1.8571rem + 1.7857vw, 4rem);
  visibility: hidden;
  opacity: 0;
  background: #ffffff;
  transition: 250ms ease-in-out all;
}
.colors-popup__section.is-active {
  pointer-events: auto;
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.colors-popup__section-heading {
  font-size: 20px;
  line-height: normal;
}
.colors-popup__section-text {
  margin-top: 20px;
  font-size: 16px;
  line-height: normal;
}
.colors-popup__section-image {
  margin-top: clamp(2.5rem, 1.8571rem + 1.7857vw, 4rem);
}

.colors-popup-close {
  cursor: pointer;
  position: absolute;
  z-index: 2;
  top: 32px;
  right: 32px;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='41' height='41' viewBox='0 0 41 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2836_2319)'%3E%3Cpath d='M40.418 20.2086C40.418 9.06069 31.3573 1.37064e-06 20.2093 8.83349e-07C9.06136 3.96056e-07 0.00067862 9.06068 0.000678133 20.2086C0.000677645 31.3566 9.06136 40.4173 20.2093 40.4173C31.3573 40.4173 40.418 31.3566 40.418 20.2086ZM2.04052 20.2086C2.04052 10.1992 10.1999 2.03984 20.2093 2.03984C30.2188 2.03984 38.3781 10.1992 38.3781 20.2086C38.3781 30.2181 30.2188 38.3775 20.2093 38.3775C10.1999 38.3775 2.04051 30.2181 2.04052 20.2086Z' fill='black'/%3E%3Cpath d='M20.3039 21.631L26.2336 27.5608C26.6131 27.9403 27.2773 27.9403 27.6568 27.5608C28.0363 27.1813 28.0363 26.5171 27.6568 26.1376L21.727 20.2079L27.6568 14.2781C28.0363 13.8986 28.0363 13.2344 27.6568 12.8549C27.2773 12.4754 26.6131 12.4754 26.2336 12.8549L20.3039 18.7847L14.4215 12.8549C14.042 12.4754 13.3779 12.4754 12.9984 12.8549C12.8086 13.0447 12.7138 13.3293 12.7138 13.5665C12.7138 13.8037 12.8086 14.0883 12.9984 14.2781L18.9282 20.2079L12.9984 26.1376C12.8086 26.3274 12.7138 26.612 12.7138 26.8492C12.7138 27.0864 12.8086 27.371 12.9984 27.5608C13.3779 27.9403 14.042 27.9403 14.4215 27.5608L20.3039 21.631Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2836_2319'%3E%3Crect width='40.4173' height='40.4173' fill='white' transform='translate(40.418 1.7667e-06) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.catalog-video {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100vh;
  padding-inline: 20px;
}
@media (max-width: 991px) {
  .catalog-video {
    height: auto;
    margin-block: clamp(2.5rem, 1.8571rem + 1.7857vw, 4rem);
  }
}
.catalog-video__wrapper {
  will-change: transform, width, height, top, left;
  position: relative;
  z-index: 999;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
}
.catalog-video__inner {
  aspect-ratio: 16/9;
  width: min(1346px, 100%);
  max-height: 100%;
  margin-inline: auto;
  padding: 16px;
  border-radius: 0;
  background: #ffffff;
}
@media (max-width: 991px) {
  .catalog-video__inner {
    padding: 0;
  }
}
.catalog-video__inner video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.catalog-intro {
  margin-block: 64px clamp(4rem, 1.4286rem + 7.1429vw, 10rem);
  padding-inline: 20px;
}
.catalog-intro__inner {
  display: flex;
  gap: 40px;
  align-items: center;
  justify-content: space-between;
  width: min(1632px, 100%);
  margin-inline: auto;
}
@media (max-width: 991px) {
  .catalog-intro__inner {
    flex-direction: column;
  }
}
@media (min-width: 992px) {
  .catalog-intro__header {
    display: none;
  }
}
.catalog-intro__header .catalog-intro__slogan {
  display: block;
}
.catalog-intro__title {
  margin-bottom: 8px;
  font-size: clamp(0.875rem, 0.8214rem + 0.1488vw, 1rem);
}
.catalog-intro__image {
  max-width: 382px;
}
@media (max-width: 991px) {
  .catalog-intro__image {
    aspect-ratio: 350/400;
    width: 100%;
    max-width: unset;
    height: auto;
  }
}
@media (max-width: 575px) {
  .catalog-intro__image {
    max-height: 400px;
  }
}
.catalog-intro__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.catalog-intro__content {
  width: 100%;
  max-width: 1086px;
}
.catalog-intro__content-inner {
  display: flex;
  gap: 40px;
  justify-content: space-between;
  max-width: 920px;
}
@media (max-width: 575px) {
  .catalog-intro__content-inner {
    flex-direction: column;
    margin-left: 90px;
  }
}
@media (max-width: 379px) {
  .catalog-intro__content-inner {
    margin-left: 0;
  }
}
.catalog-intro__slogan {
  max-width: 820px;
  font-size: clamp(1.5rem, 1.0179rem + 1.3393vw, 2.625rem);
  line-height: normal;
  letter-spacing: -0.02em;
}
@media (max-width: 991px) {
  .catalog-intro__slogan {
    display: none;
    max-width: unset;
  }
}
@media (min-width: 992px) {
  .catalog-intro__slogan + .catalog-intro__small-heading {
    margin-top: clamp(2.5rem, 1.8571rem + 1.7857vw, 4rem);
  }
}
.catalog-intro__small-heading {
  margin-bottom: clamp(0.75rem, 0.4286rem + 0.8929vw, 1.5rem);
  padding-bottom: 20px;
  border-bottom: 1px solid #aaaaaa;
  font-size: clamp(0.875rem, 0.8214rem + 0.1488vw, 1rem);
  line-height: normal;
}
@media (max-width: 991px) {
  .catalog-intro__small-heading {
    padding-bottom: 8px;
  }
}
.catalog-intro__text {
  max-width: 530px;
}
@media (max-width: 575px) {
  .catalog-intro__button {
    order: 2;
  }
}
.catalog-intro__button a {
  white-space: nowrap;
}

.catalog-inside {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  padding-inline: 20px;
  background-color: #ffffff;
}
@media (max-width: 991px) {
  .catalog-inside {
    height: auto;
  }
}
.catalog-inside__inner {
  position: relative;
  z-index: 2;
  width: min(1632px, 100%);
  height: 100%;
  margin-inline: auto;
  padding-block: 80px;
}
@media (max-width: 991px) {
  .catalog-inside__inner {
    padding-block: clamp(2.5rem, 1.8571rem + 1.7857vw, 4rem);
  }
}
.catalog-inside__heading {
  font-size: clamp(1.625rem, 0.5536rem + 2.9762vw, 4.125rem);
  line-height: normal;
  color: #ffffff;
}
@media (min-width: 992px) {
  .catalog-inside__heading {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform-origin: center right;
    transform: translate(-50%, -50%);
    margin: 0;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
  }
}
.catalog-inside__sections {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  opacity: 0;
}
@media (max-width: 991px) {
  .catalog-inside__sections {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 32px;
    opacity: 1;
  }
}
.catalog-inside__sections-nav {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 530px;
  height: auto;
  padding-inline: 24px;
  background-color: #ffffff;
}
@media (max-width: 991px) {
  .catalog-inside__sections-nav {
    max-width: unset;
    padding-block: 12px;
  }
}
.catalog-inside__sections-nav-item {
  overflow: hidden;
  display: grid;
  grid-template-rows: 78px 0fr;
  border-bottom: 1px solid #aaaaaa;
  transition: 250ms ease-in grid-template-rows;
}
@media (max-width: 991px) {
  .catalog-inside__sections-nav-item {
    grid-template-rows: 62px 0fr;
  }
}
.catalog-inside__sections-nav-item:last-of-type {
  border-bottom: none;
}
.catalog-inside__sections-nav-item-title {
  cursor: pointer;
  display: flex;
  gap: 12px;
  padding-block: 24px;
  font-size: clamp(1rem, 0.7321rem + 0.744vw, 1.625rem);
  line-height: 30px;
}
@media (max-width: 991px) {
  .catalog-inside__sections-nav-item-title {
    padding-block: 16px;
  }
}
.catalog-inside__sections-nav-item-title::after {
  content: "";
  transform: rotate(90deg);
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin-left: auto;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 16V8L8 8M15.6881 8.33024L8 16' stroke='%23009982' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: 250ms ease-in transform;
}
.catalog-inside__sections-nav-item-title span {
  font-size: 10px;
  line-height: 16px;
  color: #646363;
}
.catalog-inside__sections-nav-item-content {
  overflow: hidden;
  width: 100%;
}
.catalog-inside__sections-nav-item-text {
  display: none;
}
@media (max-width: 991px) {
  .catalog-inside__sections-nav-item-text {
    display: block;
    margin-block: 0 20px;
    color: #646363;
  }
}
.catalog-inside__sections-nav-item-image {
  width: 100%;
}
.catalog-inside__sections-nav-item-image img {
  aspect-ratio: 294/158;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}
.catalog-inside__sections-nav-item.is-active {
  grid-template-rows: 78px 1fr;
  padding-bottom: 24px;
}
@media (max-width: 991px) {
  .catalog-inside__sections-nav-item.is-active {
    grid-template-rows: 62px 1fr;
  }
}
.catalog-inside__sections-nav-item.is-active .catalog-inside__sections-nav-item-title::after {
  transform: rotate(0);
}
.catalog-inside__sections-content {
  position: relative;
  display: flex;
  align-items: flex-end;
  width: 100%;
  max-width: 800px;
  height: 100%;
}
@media (max-width: 991px) {
  .catalog-inside__sections-content {
    display: none;
  }
}
.catalog-inside__sections-item {
  position: absolute;
  top: unset !important;
  bottom: 0 !important;
  left: 0 !important;
  display: flex;
  flex-direction: row;
  gap: clamp(2.5rem, 1.8571rem + 1.7857vw, 4rem);
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #ffffff;
  visibility: hidden;
  opacity: 0;
}
.catalog-inside__sections-item-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.catalog-inside__sections-item-title {
  line-height: normal;
  text-transform: uppercase;
}
.catalog-inside__sections-item-text {
  max-width: 530px;
  font-size: clamp(1rem, 0.7857rem + 0.5952vw, 1.5rem);
  line-height: normal;
}
.catalog-inside__sections-item-image {
  width: 100%;
  max-width: 205px;
  height: 100%;
  max-height: 240px;
}
.catalog-inside__sections-item-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.catalog-inside__sections-item.is-active {
  visibility: visible;
  opacity: 1;
}
.catalog-inside__background-image {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.catalog-inside__background-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.catalog-inside__background-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.catalog-inside__sections-item.active {
  visibility: visible;
  opacity: 1;
}

.catalog-iframe {
  height: 100vh;
  padding-block: 64px;
  padding-inline: 20px;
}
@media (max-width: 991px) {
  .catalog-iframe {
    height: auto;
    padding-block: clamp(2.5rem, 1.8571rem + 1.7857vw, 4rem);
  }
}
.catalog-iframe__inner {
  width: min(1632px, 100%);
  height: 100%;
  margin-inline: auto;
}
.catalog-iframe__inner iframe {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 300px;
}
.catalog-iframe.is-active {
  pointer-events: auto;
}

.catalog-solutions {
  overflow: hidden;
  height: 100vh !important;
  padding-block: 80px;
  padding-inline: 20px;
  background-color: #151615;
}
@media (max-width: 991px) {
  .catalog-solutions {
    height: auto !important;
    padding-block: clamp(2.5rem, 1.8571rem + 1.7857vw, 4rem);
  }
}
.catalog-solutions__inner {
  display: flex;
  gap: clamp(1.25rem, 0.9286rem + 0.8929vw, 2rem);
  width: min(1632px, 100%);
  height: 100%;
  margin-inline: auto;
}
@media (max-width: 991px) {
  .catalog-solutions__inner {
    display: none;
  }
}
.catalog-solutions__header {
  display: flex;
  flex: 1 1 100%;
  flex-direction: column;
  gap: 40px;
  justify-content: space-between;
  max-width: 640px;
  padding: clamp(1.25rem, 0.9286rem + 0.8929vw, 2rem);
  text-align: center;
  background-color: #ffffff;
}
.catalog-solutions__heading {
  font-size: 1rem;
  color: #646363;
  text-transform: uppercase;
}
.catalog-solutions__nav {
  position: relative;
  overflow: hidden;
  height: 186px;
  font-size: 42px;
  line-height: 62px;
}
.catalog-solutions__nav ul {
  display: flex;
  flex-direction: column;
  height: 186px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.catalog-solutions__nav li {
  height: 62px;
  opacity: 0;
}
.catalog-solutions__nav li a {
  text-decoration: none;
}
.catalog-solutions__nav li.is-active {
  color: #009982;
  opacity: 1;
}
.catalog-solutions__nav li.is-visible {
  opacity: 1;
}
.catalog-solutions__content {
  position: relative;
  overflow: hidden;
  flex: 1 1 100%;
}
.catalog-solutions__section-background {
  width: 100%;
  height: 100%;
}
.catalog-solutions__section-background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.catalog-solutions__section-content {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  gap: 40px;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: clamp(1.25rem, 0.9286rem + 0.8929vw, 2rem);
  border-right: 40px solid #009982;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.2);
}
.catalog-solutions__section-content::before, .catalog-solutions__section-content::after {
  content: "";
  position: absolute;
  right: 0;
  width: 250px;
  height: 40px;
  background: #009982;
}
.catalog-solutions__section-content::before {
  top: 0;
}
.catalog-solutions__section-content::after {
  bottom: 0;
}
.catalog-solutions__section-heading {
  max-width: 370px;
  text-transform: uppercase;
}
.catalog-solutions__section-text {
  max-width: 496px;
  font-size: 24px;
  line-height: normal;
}
.catalog-solutions-slider {
  color: #ffffff;
}
@media (min-width: 992px) {
  .catalog-solutions-slider {
    display: none;
  }
}
.catalog-solutions-slider__heading {
  margin-bottom: 40px;
  color: #f4f2f2;
  text-align: center;
  text-transform: uppercase;
}
.catalog-solutions-slider__item {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.catalog-solutions-slider__item-image {
  position: relative;
  width: 100%;
  height: 300px;
}
.catalog-solutions-slider__item-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.catalog-solutions-slider__item-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.catalog-solutions-slider__item-title {
  position: absolute;
  z-index: 2;
  top: 0;
  width: 100%;
  padding: 16px;
  font-size: 24px;
  line-height: normal;
  text-align: center;
}
.catalog-solutions-slider__item-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 16px;
  color: #151615;
  text-align: center;
  background: #ffffff;
}
.catalog-solutions-slider__item-heading {
  font-size: 12px;
  line-height: normal;
  color: #646363;
  text-transform: uppercase;
}
.catalog-solutions-slider__item-text {
  margin-block: 12px;
  font-size: 14px;
  line-height: 18px;
}
.catalog-solutions-slider__item-button {
  margin-top: auto;
}
.catalog-solutions-slider .splide__track {
  overflow: visible;
}
.catalog-solutions-slider .splide__slide {
  background: #ffffff;
}

.catalog-lines {
  padding-block: 80px;
  padding-inline: 20px;
  background: #f4f2f2;
}
@media (max-width: 991px) {
  .catalog-lines {
    padding-block: clamp(2.5rem, 1.8571rem + 1.7857vw, 4rem);
  }
}
.catalog-lines__inner {
  width: min(1632px, 100%);
  margin-inline: auto;
}
.catalog-lines__heading {
  max-width: 900px;
  margin-bottom: clamp(2.5rem, 1.8571rem + 1.7857vw, 4rem);
  font-size: clamp(1.5rem, 1.0179rem + 1.3393vw, 2.625rem);
  line-height: normal;
}
.catalog-lines__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
@media (max-width: 575px) {
  .catalog-lines__list {
    gap: 8px;
  }
}
@media (max-width: 379px) {
  .catalog-lines__list {
    grid-template-columns: 1fr;
  }
}
.catalog-lines__item {
  display: flex;
  gap: 40px;
  height: 100%;
  padding: clamp(0.75rem, 0.4286rem + 0.8929vw, 1.5rem);
  background: #ffffff;
}
@media (max-width: 991px) {
  .catalog-lines__item {
    flex-direction: column;
    gap: clamp(0.75rem, 0.4286rem + 0.8929vw, 1.5rem);
  }
}
.catalog-lines__item-image {
  overflow: hidden;
  aspect-ratio: 350/420;
  width: 50%;
  max-width: 350px;
}
@media (max-width: 991px) {
  .catalog-lines__item-image {
    width: 100%;
    max-width: unset;
  }
}
.catalog-lines__item-image img {
  aspect-ratio: 350/420;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  transition: 250ms ease-in-out all;
}
.catalog-lines__item-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 50%;
}
@media (max-width: 991px) {
  .catalog-lines__item-content {
    flex-grow: 1;
    width: 100%;
    min-height: 90px;
  }
}
.catalog-lines__item-title {
  font-size: clamp(1.375rem, 1rem + 1.0417vw, 2.25rem);
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .catalog-lines__item-title {
    font-size: 16px;
  }
}
.catalog-lines__item-text {
  margin-top: 24px;
  font-size: clamp(0.875rem, 0.6071rem + 0.744vw, 1.5rem);
  line-height: normal;
  color: #646363;
}
@media (max-width: 991px) {
  .catalog-lines__item-text {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 12px;
  }
}
.catalog-lines__item-arrow {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-top: auto;
  text-decoration: underline;
}
.catalog-lines__item-arrow span {
  transition: 250ms ease-in-out all;
}
.catalog-lines__item-wrapper {
  text-decoration: none;
}
.catalog-lines__item-wrapper:hover {
  color: #151615;
}
.catalog-lines__item-wrapper:hover .catalog-lines__item-image img {
  scale: 1.05;
}
.catalog-lines__item-wrapper:hover .catalog-lines__item-arrow span {
  rotate: 45deg;
}

.hero-lines {
  position: relative;
  display: grid;
  height: calc(100svh - 92px);
  min-height: 0;
}
@media (max-height: 639px) {
  .hero-lines {
    height: auto;
  }
}
.hero-lines__inner {
  z-index: 2;
  grid-column: 1/-1;
  grid-row: 1/-1;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding-block: clamp(2.5rem, 1.8571rem + 1.7857vw, 4rem);
  padding-inline: 20px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.2);
}
.hero-lines__content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: min(1632px, 100%);
  height: 100%;
  margin-inline: auto;
}
.hero-lines__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-end;
}
.hero-lines__title {
  margin-bottom: 20px !important;
  font-size: clamp(0.875rem, 0.6071rem + 0.744vw, 1.5rem);
  line-height: normal;
}
.hero-lines__heading {
  font-size: clamp(2.625rem, 1.5rem + 3.125vw, 5.25rem);
  line-height: 1;
}
@media (max-width: 991px) {
  .hero-lines__heading {
    line-height: normal;
  }
}
.hero-lines__text {
  margin-top: clamp(1.25rem, 0.9286rem + 0.8929vw, 2rem);
  font-size: clamp(1.375rem, 1rem + 1.0417vw, 2.25rem);
  line-height: normal;
}
@media (max-width: 575px) {
  .hero-lines__text {
    margin-top: 12px;
    font-size: 18px;
  }
}
.hero-lines__button {
  margin-top: clamp(2.5rem, 1.8571rem + 1.7857vw, 4rem);
}
.hero-lines__images {
  grid-column: 1/-1;
  grid-row: 1/-1;
  width: 100%;
  height: 100%;
  min-height: 0;
}
.hero-lines__images .splide {
  height: 100%;
}
.hero-lines__images .splide__track {
  height: 100%;
}
.hero-lines__images .splide__list {
  height: 100%;
}
.hero-lines__images .splide__slide {
  height: 100%;
}
.hero-lines__images .splide__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.lines-intro {
  margin-block: clamp(2rem, -0.3571rem + 6.5476vw, 7.5rem) clamp(4rem, 1.8571rem + 5.9524vw, 9rem);
  padding-inline: 20px;
}
.lines-intro__inner {
  display: flex;
  gap: 40px;
  justify-content: space-between;
  width: min(1632px, 100%);
  margin-inline: auto;
}
@media (max-width: 991px) {
  .lines-intro__inner {
    flex-direction: column;
  }
}
@media (min-width: 992px) {
  .lines-intro__header {
    display: none;
  }
}
.lines-intro__image-wrapper {
  width: 100%;
  max-width: 672px;
}
@media (max-width: 991px) {
  .lines-intro__image-wrapper {
    width: 100%;
    max-width: unset;
  }
}
.lines-intro__image {
  width: 100%;
}
.lines-intro__image img {
  aspect-ratio: 672/808;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 991px) {
  .lines-intro__image img {
    aspect-ratio: 350/235;
  }
}
.lines-intro__heading {
  font-size: clamp(1rem, 0.7857rem + 0.5952vw, 1.5rem);
  line-height: normal;
}
@media (max-width: 991px) {
  .lines-intro__heading {
    display: none;
  }
}
@media (max-width: 991px) {
  .lines-intro__heading--mobile {
    display: block;
  }
}
.lines-intro__slogan {
  max-width: 660px;
  font-size: clamp(1.5rem, 1.0179rem + 1.3393vw, 2.625rem);
  line-height: normal;
}
@media (max-width: 991px) {
  .lines-intro__slogan {
    display: none;
  }
}
.lines-intro__slogan--mobile {
  margin-top: 8px;
}
@media (max-width: 991px) {
  .lines-intro__slogan--mobile {
    display: block;
  }
}
.lines-intro__text {
  max-width: 660px;
  margin-top: 32px;
  font-size: clamp(1rem, 0.7857rem + 0.5952vw, 1.5rem);
}
@media (max-width: 991px) {
  .lines-intro__text {
    margin-top: 0;
  }
}
.lines-intro__content {
  display: flex;
  flex-direction: column;
  gap: 40px;
  justify-content: space-between;
  width: 100%;
  max-width: 807px;
  padding-bottom: 28px;
}
.lines-intro__footer {
  display: flex;
  gap: 40px;
  align-items: flex-end;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .lines-intro__footer {
    flex-direction: column;
    align-items: flex-start;
  }
}
.lines-intro__list {
  max-width: 450px;
  border-top: 1px solid #aaaaaa;
  font-size: clamp(0.875rem, 0.7679rem + 0.2976vw, 1.125rem);
  color: #646363;
}
@media (max-width: 991px) {
  .lines-intro__list {
    width: 100%;
    max-width: unset;
  }
}
.lines-intro__list-index {
  display: block;
  width: 54px;
  font-size: clamp(1.5rem, 1.0179rem + 1.3393vw, 2.625rem);
  line-height: 1;
  color: #151615;
}
@media (max-width: 991px) {
  .lines-intro__list-index {
    gap: 4px;
    width: 40px;
  }
}
.lines-intro__list li {
  display: flex;
  gap: clamp(1.25rem, 0.7143rem + 1.4881vw, 2.5rem);
  align-items: center;
  padding-block: 12px;
  border-bottom: 1px solid #aaaaaa;
}
.lines-intro__button {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 0.4286rem + 0.8929vw, 1.5rem);
  max-width: 223px;
}
@media (max-width: 991px) {
  .lines-intro__button {
    flex-flow: row;
    gap: 12px;
    align-items: flex-end;
    max-width: unset;
  }
}
@media (max-width: 379px) {
  .lines-intro__button {
    flex-direction: column;
    align-items: flex-start;
  }
}
.lines-intro__button p {
  flex: 0 1 auto;
  max-width: 200px;
  font-size: clamp(0.875rem, 0.7679rem + 0.2976vw, 1.125rem);
  color: #646363;
}
@media (max-width: 439px) {
  .lines-intro__button p {
    max-width: 140px;
  }
}
@media (max-width: 379px) {
  .lines-intro__button p {
    max-width: 200px;
  }
}
.lines-intro__model {
  display: flex;
  gap: 12px;
  align-items: center;
  width: 100%;
  margin-top: 8px;
  font-size: clamp(0.625rem, 0.4643rem + 0.4464vw, 1rem);
  text-transform: uppercase;
}
.lines-intro__model-separator {
  display: block;
  width: 78px;
  height: 1px;
  background: #aaaaaa;
}
@media (max-width: 575px) {
  .lines-intro__model-separator {
    flex-grow: 1;
    width: unset;
  }
}

.lines-collections {
  margin-block: clamp(2rem, -0.3571rem + 6.5476vw, 7.5rem);
  padding-inline: 20px;
}
.lines-collections__inner {
  width: min(1632px, 100%);
  margin-inline: auto;
}
.lines-collections__heading {
  margin-bottom: 8px;
}
.lines-collections__collections {
  margin-top: clamp(2rem, 1.1429rem + 2.381vw, 4rem);
}

.lines-collection {
  margin-bottom: clamp(2rem, 1.1429rem + 2.381vw, 4rem);
}
.lines-collection:last-of-type {
  margin-bottom: 0;
}
.lines-collection__name {
  margin-bottom: clamp(1.25rem, 0.7143rem + 1.4881vw, 2.5rem);
  font-size: clamp(1.375rem, 1rem + 1.0417vw, 2.25rem);
}
.lines-collection__colors {
  font-size: clamp(0.875rem, 0.7679rem + 0.2976vw, 1.125rem) !important;
  color: #aaaaaa;
}
.lines-collection__models .splide__track {
  overflow: visible;
}

.lines-model {
  text-decoration: none;
}
.lines-model__inner {
  position: relative;
}
.lines-model__image {
  margin-inline: auto;
}
.lines-model__image img {
  aspect-ratio: 187/400;
  width: 187px;
  min-width: 187px;
  max-width: 187px;
  margin-inline: auto;
}
@media (max-width: 991px) {
  .lines-model__image img {
    width: 135px;
    min-width: 135px;
    max-width: 135px;
  }
}
.lines-model__name {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
}
.lines-model__name img {
  transition: 250ms ease-in-out all;
}
.lines-model__tags {
  position: absolute;
  top: 0;
  left: 20px;
  display: flex;
  gap: 8px;
}
@media (max-width: 575px) {
  .lines-model__tags {
    left: 4px;
    gap: 2px;
  }
}
.lines-model:hover {
  color: #151615;
  text-decoration: none;
}
.lines-model:hover .lines-model__name img {
  transform: rotate(-45deg);
}

.lines-icons {
  margin-block: clamp(4rem, 1.8571rem + 5.9524vw, 9rem);
  padding-inline: 20px;
}
.lines-icons__inner {
  display: flex;
  gap: 40px;
  justify-content: space-between;
  width: min(1632px, 100%);
  margin-inline: auto;
}
@media (max-width: 991px) {
  .lines-icons__inner {
    flex-direction: column;
  }
}
.lines-icons__content {
  width: 100%;
  max-width: 610px;
}
@media (max-width: 991px) {
  .lines-icons__content {
    width: 100%;
    max-width: unset;
  }
}
.lines-icons__heading {
  max-width: 580px;
  margin-bottom: clamp(1.25rem, 0.9286rem + 0.8929vw, 2rem);
  font-size: clamp(1.375rem, 1rem + 1.0417vw, 2.25rem);
}
.lines-icons__text {
  font-size: clamp(0.875rem, 0.7679rem + 0.2976vw, 1.125rem);
  color: #646363;
}
.lines-icons__icons-wrapper {
  margin-top: clamp(2.5rem, 0.5714rem + 5.3571vw, 7rem);
}
.lines-icons__icons-heading {
  margin-bottom: clamp(1.25rem, 0.7143rem + 1.4881vw, 2.5rem);
}
.lines-icons__icons {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 20px;
}
@media (max-width: 1199px) {
  .lines-icons__icons {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .lines-icons__icons {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.lines-icons__icon {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.lines-icons__icon-image {
  width: 48px;
  height: 48px;
}
.lines-icons__icon-description {
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}
.lines-icons__images {
  display: flex;
  gap: 20px;
  width: 100%;
  max-width: 807px;
}
@media (max-width: 575px) {
  .lines-icons__images {
    flex-direction: column;
  }
}
.lines-icons__image {
  position: relative;
}
.lines-icons__image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.2) 100%);
}
.lines-icons__image img {
  aspect-ratio: 393/535;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.lines-icons__image-text {
  position: absolute;
  z-index: 2;
  bottom: 20px;
  left: 20px;
  max-width: 200px;
  font-size: 20px;
  color: #ffffff;
  text-transform: uppercase;
}

.product-colors {
  margin-block: clamp(1.25rem, 0.9286rem + 0.8929vw, 2rem);
}
.product-colors__header {
  margin-bottom: 56px;
}
@media (max-width: 1439px) {
  .product-colors__header {
    margin-bottom: 24px;
  }
}
.product-colors__title {
  margin: 0;
  font-size: 24px;
  font-weight: 800;
}
@media (max-width: 991px) {
  .product-colors__title {
    font-size: 20px;
  }
}
.product-colors__subtitle {
  font-size: 18px;
  font-weight: 300;
}
@media (max-width: 991px) {
  .product-colors__subtitle {
    font-size: 16px;
  }
}
.product-colors__section {
  display: grid;
  grid-template-rows: 32px 0fr;
  max-width: 620px;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid #aaaaaa;
  transition: 150ms linear all;
}
.product-colors__section.is-active {
  grid-template-rows: 32px 1fr;
}
.product-colors__section-title {
  cursor: pointer;
  display: flex;
  gap: 12px;
  align-items: center;
  width: 100%;
  max-width: 590px;
  font-size: 26px;
  font-weight: 400;
  line-height: 1;
}
@media (max-width: 991px) {
  .product-colors__section-title {
    font-size: 20px;
  }
}
.product-colors__section-title::after {
  content: "";
  display: block;
  width: 23px;
  height: 13px;
  margin-left: auto;
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='13' viewBox='0 0 23 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.1172 2.11914L10.9084 10.1191L2.11719 2.11914' fill='white'/%3E%3Cpath d='M10.8867 12.126L-0.000976659 2.21875L2.01855 -8.83662e-07L10.9326 8.11133L20.2666 0.0029296L22.2344 2.26758L10.8867 12.126Z' fill='%23151615'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: 150ms linear all;
}
.product-colors__section-title .popup-trigger {
  scale: 0;
  transition: 150ms linear all;
}
.product-colors__section-title.is-active {
  color: #009982;
}
.product-colors__section-title.is-active::after {
  rotate: 180deg;
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='13' viewBox='0 0 23 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.1172 2.11914L10.9084 10.1191L2.11719 2.11914' fill='white'/%3E%3Cpath d='M10.8867 12.126L-0.000976659 2.21875L2.01855 -8.83662e-07L10.9326 8.11133L20.2666 0.0029296L22.2344 2.26758L10.8867 12.126Z' fill='%23009982'/%3E%3C/svg%3E%0A");
}
.product-colors__section-title.is-active .popup-trigger {
  scale: 1;
}
.product-colors__section-content {
  overflow: hidden;
  padding-top: 0;
  transition: 150ms linear all;
}
.product-colors__section-content.is-active {
  padding-top: 40px;
}
.product-colors__content-header {
  display: flex;
  gap: 20px;
  align-items: flex-end;
  justify-content: space-between;
  max-width: 590px;
  margin-bottom: 24px;
}
@media (max-width: 379px) {
  .product-colors__content-header {
    flex-direction: column;
    align-items: flex-start;
  }
}
.product-colors__content-title {
  font-size: 14px;
  font-weight: 800;
}
.product-colors__content-icons {
  display: flex;
  gap: 14px;
}
.product-colors__content-icons .icon {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
}
.product-colors__content-icons .icon__tooltip {
  position: absolute;
  z-index: 1;
  bottom: calc(100% + 12px);
  left: 50%;
  transform: translateX(-50%);
  display: none;
  align-items: center;
  justify-content: center;
  width: 100px;
  min-width: 100px;
  padding: 8px;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  background-color: #151615;
}
@media (max-width: 575px) {
  .product-colors__content-icons .icon__tooltip {
    display: none !important;
  }
}
.product-colors__content-icons .icon__tooltip::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: calc(100% - 4px);
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='14' viewBox='0 0 20 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 14L1.33975 3.5L18.6603 3.5L10 14Z' fill='black'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.product-colors__content-icons .icon:hover .icon__tooltip {
  display: flex;
}
.product-colors__content-items {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  max-width: 590px;
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .product-colors__content-items {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 24px;
  }
}
@media (max-width: 575px) {
  .product-colors__content-items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.product-colors__color {
  position: relative;
  width: 100%;
  text-decoration: none;
}
.product-colors__color::before {
  content: none;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2740%27 height=%2740%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27m11 17-5-5.299 1.399-1.43 3.574 3.736L17.545 7 19 8.403z%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.product-colors__color-image {
  display: block;
  width: 100%;
  height: 70px;
  border: 1px solid #dddddd;
}
.product-colors__color-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.product-colors__color-name {
  display: inline-flex;
  margin-top: 6px;
  font-size: 13px;
  line-height: 24px;
}
.product-colors__color.is-active::before {
  content: "";
  top: 1px;
  right: 1px;
}
.product-colors__color.is-active .product-colors__color-image {
  border-color: #000000;
}

.has-product-colors-tooltip-portal .product-colors__content-icons .icon__tooltip {
  display: none !important;
}

.product-colors-tooltip-portal {
  pointer-events: none;
  position: fixed;
  z-index: 10000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 100px;
  max-width: min(240px, 100vw - 16px);
  max-width: 120px;
  padding: 8px;
  font-size: 14px;
  line-height: 1.3;
  color: #ffffff;
  text-align: center;
  word-break: break-word;
  white-space: normal;
  background-color: #151615;
}
.product-colors-tooltip-portal::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='14' viewBox='0 0 20 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 14L1.33975 3.5L18.6603 3.5L10 14Z' fill='black'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.product-colors-tooltip-portal.is-top::after {
  top: calc(100% - 4px);
}
.product-colors-tooltip-portal.is-bottom::after {
  top: -10px;
  transform: translateX(-50%) rotate(180deg);
}

main {
  min-height: 100vh;
}