@font-face{font-family:HelveticaNeue;src:url(/theme/fonts/HelveticaNeue-Black.s1.woff2) format('woff2');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:HelveticaNeue;src:url(/theme/fonts/HelveticaNeue-Bold.s1.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:OpenSans;src:url(/theme/fonts/OpenSans-Bold-Italic.s1.woff2) format('woff2');font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:OpenSans;src:url(/theme/fonts/OpenSans-Bold.s1.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:OpenSans;src:url(/theme/fonts/OpenSans-ExtraBold-Italic.s1.woff2) format('woff2');font-weight:800;font-style:italic;font-display:swap}
@font-face{font-family:OpenSans;src:url(/theme/fonts/OpenSans-ExtraBold.s1.woff2) format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:OpenSans;src:url(/theme/fonts/OpenSans-Light-Italic.s1.woff2) format('woff2');font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:OpenSans;src:url(/theme/fonts/OpenSans-Light.s1.woff2) format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:OpenSans;src:url(/theme/fonts/OpenSans-Medium-Italic.s1.woff2) format('woff2');font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:OpenSans;src:url(/theme/fonts/OpenSans-Medium.s1.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:OpenSans;src:url(/theme/fonts/OpenSans-Regular-Italic.s1.woff2) format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:OpenSans;src:url(/theme/fonts/OpenSans-Regular.s1.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:OpenSans;src:url(/theme/fonts/OpenSans-SemiBold-Italic.s1.woff2) format('woff2');font-weight:600;font-style:italic;font-display:swap}
@font-face{font-family:OpenSans;src:url(/theme/fonts/OpenSans-SemiBold.s1.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@charset "UTF-8";
*,
:before,
:after {
  box-sizing: border-box;
}

time,
picture,
img,
svg,
video,
audio,
label,
input,
textarea,
button,
canvas,
iframe,
:before,
:after {
  display: block;
}

header,
footer,
main,
section,
table,
input,
textarea,
select,
button,
hr {
  width: 100%;
}

img,
video,
svg,
iframe {
  max-width: 100%;
}

html,
body {
  height: 100%;
  scroll-behavior: smooth;
}

input,
textarea,
select,
button {
  background-color: transparent;
}

fieldset,
input,
textarea,
select,
button,
iframe,
hr {
  border: none;
}

input,
textarea {
  border-radius: unset;
}

ul,
ol {
  list-style: none;
}

table {
  border-collapse: collapse;
}

textarea {
  resize: none;
}

select {
  appearance: none;
}

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

address {
  font-style: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
th,
input,
textarea,
select,
button {
  font-weight: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
button {
  font-size: inherit;
  line-height: inherit;
}

a,
input,
input::placeholder,
textarea,
textarea::placeholder,
select,
button {
  color: inherit;
}

th,
button {
  text-align: unset;
}

a {
  text-decoration: unset;
}

body,
blockquote,
figure,
input[type=checkbox],
input[type=radio] {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
pre,
hr {
  margin-top: 0;
  margin-bottom: 0;
}

fieldset {
  margin-left: 0;
  margin-right: 0;
}

th,
td,
fieldset,
input,
textarea,
button {
  padding: 0;
}

ul,
ol {
  padding-left: 0;
}

label,
input[type=checkbox]:not([disabled]),
input[type=radio]:not([disabled]),
input[type=file]:not([disabled]),
input[type=file]:not([disabled])::-webkit-file-upload-button,
select:not([disabled]),
button:not([disabled]) {
  cursor: pointer;
}

input[readonly] {
  cursor: default;
}

:focus {
  outline: none;
}

:root {
  --color-white: #ffffff;
  --color-black: #000000;
  --color-red: #FF1E1E;
  --color-gray-100: #f4f4f4;
  --color-gray-200: #f9f9f9;
  --color-gray-300: #dadada;
  --color-gray-400: #bbbbbb;
  --color-gray-500: #9c9c9c;
  --color-gray-600: #7d7d7d;
  --color-gray-700: #5d5d5d;
  --color-gray-800: #3e3e3e;
  --color-gray-900: #1f1f1f;
  --color-blue-100: #f4f5ff;
  --color-blue-400: #1f2997;
  --color-blue-500: #2F326B;
  --color-blue-600: #535567;
  --color-blue-700: #1e1f2f;
  --color-blue-900: #33343c;
  --color-primary: var(--color-blue-400);
  --color-primary-light: var(--color-blue-100);
  --color-primary-dark: var(--color-blue-500);
  --color-secondary: var(--color-blue-700);
  --color-secondary-light: var(--color-blue-600);
  --color-secondary-dark: var(--color-blue-900);
  --color-error: var(--color-red);
  --main-font-family: 'OpenSans', sans-serif;
  --secondary-font-family: 'HelveticaNeue';
  --global-border-radius: 8rem;
  --global-sm-border-radius: calc(var(--global-border-radius) / 2);
  --global-xs-border-radius: calc(var(--global-border-radius) / 4);
  --global-transition-duration: 0.3s;
  --body-background-color: var(--color-white);
  --body-font-family: var(--main-font-family);
  --body-font-weight: 400;
  --body-font-size: 16rem;
  --body-line-height: 18rem;
  --body-text-color: var(--color-black);
  --container-padding-x: 16rem;
  --section-padding-y: 80rem;
  --header-height: 84rem;
  --header-scroll-height: 64rem;
}
@media screen and (min-width: 576px) {
  :root {
    --container-width: 510rem;
  }
}
@media screen and (min-width: 768px) {
  :root {
    --container-width: 690rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  :root {
    --container-width: 1340rem;
    --section-padding-y: 110rem;
    --header-height: 104rem;
  }
}

html {
  font-size: 0.2666666667vw;
}
@media screen and (min-width: 576px) {
  html {
    font-size: 1px;
  }
}
@media screen and (min-width: 768px) {
  html {
    font-size: 0.1302083333vw;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  html {
    font-size: 0.0694444444vw;
  }
}
@media screen and (min-width: 1440px) and (orientation: landscape) {
  html {
    font-size: 1px;
  }
}

body {
  background-color: var(--body-background-color);
  font-family: var(--body-font-family);
  font-weight: var(--body-font-weight);
  font-size: var(--body-font-size);
  line-height: var(--body-line-height);
  color: var(--body-text-color);
}
body.lock {
  overflow: hidden;
}

.wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  padding-top: var(--header-height);
}

.main {
  flex: 1 1 auto;
}

#__EAAPS_PORTAL {
  position: absolute !important;
}

.container {
  width: 100%;
  padding-left: var(--container-padding-x);
  padding-right: var(--container-padding-x);
}
@media screen and (min-width: 576px) {
  .container {
    max-width: calc(var(--container-width) + var(--container-padding-x) * 2);
    margin-left: auto;
    margin-right: auto;
  }
}

.button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: var(--color-primary);
  border: 1rem solid var(--color-primary);
  border-radius: var(--global-border-radius);
  font-weight: 400;
  font-size: 20rem;
  line-height: 22rem;
  color: var(--color-white);
  text-align: center;
  padding: 11rem;
  transition: background-color var(--global-transition-duration), border-color var(--global-transition-duration), color var(--global-transition-duration);
}
.button:not([disabled]) {
  cursor: pointer;
}
@media (hover: hover) {
  .button:not([disabled]):hover {
    background-color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
  }
}
.button:not([disabled]):active {
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.button--secondary {
  background-color: var(--color-secondary-dark);
  border-color: var(--color-secondary-dark);
}
@media (hover: hover) {
  .button--secondary:not([disabled]):hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
  }
}
.button--secondary:not([disabled]):active {
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.button--dark-transparent {
  background-color: transparent;
  border-color: var(--color-black);
  color: var(--color-black);
}
@media (hover: hover) {
  .button--dark-transparent:not([disabled]):hover {
    background-color: var(--color-secondary-light);
    border-color: var(--color-black);
    color: var(--color-white);
  }
}
.button--dark-transparent:not([disabled]):active {
  background-color: var(--color-secondary-dark);
  border-color: var(--color-black);
  color: var(--color-white);
}
.button--icon {
  max-width: 25rem;
  height: auto;
  margin: 0 10rem;
}
.button--icon svg {
  width: 100%;
  height: auto;
}
.button--light-transparent {
  background-color: transparent;
  border-color: var(--color-white);
  color: var(--color-white);
}
@media (hover: hover) {
  .button--light-transparent:not([disabled]):hover {
    background-color: var(--color-white);
    border-color: var(--color-white);
    color: var(--color-primary);
  }
}
.button--light-transparent:not([disabled]):active {
  background-color: var(--color-white);
  border-color: var(--color-white);
  color: var(--color-primary);
}

.burger-button {
  width: 44rem;
  height: 44rem;
  position: relative;
  cursor: pointer;
}
.burger-button:before, .burger-button:after,
.burger-button span:before,
.burger-button span:after {
  content: "";
  width: 30rem;
  height: 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: var(--color-black);
  border-radius: 1rem;
}
.burger-button:before, .burger-button:after {
  transition: transform calc(var(--global-transition-duration) / 2) calc(var(--global-transition-duration) / 2), opacity calc(var(--global-transition-duration) / 2) calc(var(--global-transition-duration) / 2), background-color var(--global-transition-duration);
}
.burger-button:before {
  transform: translate(-50%, calc(-50% - 11rem));
}
.burger-button:after {
  transform: translate(-50%, calc(-50% + 11rem));
}
.burger-button.active:before, .burger-button.active:after {
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: transform calc(var(--global-transition-duration) / 2), opacity calc(var(--global-transition-duration) / 2), background-color var(--global-transition-duration);
}
.burger-button span {
  display: block;
}
.burger-button span:before,
.burger-button span:after {
  transform: translate(-50%, -50%);
  transform-origin: center;
  transition: transform calc(var(--global-transition-duration) / 2), background-color var(--global-transition-duration);
}
.burger-button.active span:before, .burger-button.active span:after {
  transition: transform calc(var(--global-transition-duration) / 2) calc(var(--global-transition-duration) / 2), background-color var(--global-transition-duration);
}
.burger-button.active span:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.burger-button.active span:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.input {
  height: 48rem;
  background-color: var(--color-gray-100);
  border: 1rem solid var(--color-gray-100);
  border-radius: var(--global-border-radius);
  font-size: 16px;
  line-height: 24px;
  color: var(--color-black);
  padding: 0 15rem;
  transition: border-color var(--global-transition-duration);
}
.input[aria-invalid=true], .input[aria-describedby] {
  border-color: var(--color-red);
}
@media screen and (min-width: 375px) {
  .input {
    font-size: 16rem;
    line-height: 24rem;
  }
}
.input--light {
  background-color: var(--color-white);
  border-color: var(--color-white);
  color: var(--color-primary);
}
@media (hover: hover) {
  .input:not([readonly]):not([disabled]):not([aria-invalid=true]):not([aria-describedby]):hover {
    border-color: var(--color-gray-400);
  }
}
.input:not([readonly]):not([disabled]):not([aria-invalid=true]):not([aria-describedby]):focus {
  border-color: var(--color-secondary);
}
.input::placeholder {
  color: var(--color-gray-400);
  transition: opacity var(--global-transition-duration);
}
.input--light::placeholder {
  color: var(--color-primary);
}
.input:not([readonly]):not([disabled]):focus::placeholder {
  opacity: 0;
}
.input::-webkit-inner-spin-button {
  display: none;
}

.textarea {
  height: 90rem;
  background-color: var(--color-gray-100);
  border: 1rem solid var(--color-gray-100);
  border-radius: var(--global-border-radius);
  font-size: 16px;
  line-height: 24px;
  color: var(--color-black);
  padding: 11rem 15rem;
  transition: border-color var(--global-transition-duration);
}
@media screen and (min-width: 375px) {
  .textarea {
    font-size: 16rem;
    line-height: 24rem;
  }
}
.textarea--light {
  background-color: var(--color-white);
  border-color: var(--color-white);
  color: var(--color-primary);
}
@media (hover: hover) {
  .textarea:not([readonly]):not([disabled]):hover {
    border-color: var(--color-gray-400);
  }
}
.textarea:not([readonly]):not([disabled]):focus {
  border-color: var(--color-secondary);
}
.textarea::placeholder {
  color: var(--color-gray-400);
  transition: opacity var(--global-transition-duration);
}
.textarea--light::placeholder {
  color: var(--color-primary);
}
.textarea:not([readonly]):not([disabled]):focus::placeholder {
  opacity: 0;
}

.select {
  height: 48rem;
  background: var(--color-gray-100) url("/theme/assets/img/icons/chevron-down.svg") center right 15rem/24rem no-repeat;
  border: 1rem solid var(--color-gray-100);
  border-radius: var(--global-border-radius);
  font-size: 16px;
  line-height: 24px;
  color: var(--color-black);
  padding: 0 15rem;
  transition: border-color var(--global-transition-duration);
}
@media screen and (min-width: 375px) {
  .select {
    font-size: 16rem;
    line-height: 24rem;
  }
}
@media (hover: hover) {
  .select:not([readonly]):not([disabled]):hover {
    border-color: var(--color-gray-400);
  }
}
.select:not([readonly]):not([disabled]):focus {
  border-color: var(--color-gray-400);
}
.select > option[value=""][selected][disabled]:first-child {
  display: none;
}

.adv-checkbox {
  position: relative;
  padding-left: 30rem;
  font-size: 14rem;
  line-height: 20rem;
}
@media (hover: hover) {
  .adv-checkbox {
    width: fit-content;
    max-width: 100%;
  }
}
.adv-checkbox:has(input[disabled]) {
  cursor: not-allowed;
}
.adv-checkbox:before, .adv-checkbox:after,
.adv-checkbox input {
  width: 16rem;
  height: 16rem;
  position: absolute;
  top: 0;
  left: 0;
}
.adv-checkbox:before, .adv-checkbox:after {
  content: "";
}
.adv-checkbox:before {
  border: 1rem solid var(--color-black);
  border-radius: var(--global-xs-border-radius);
  transition: background-color var(--global-transition-duration);
}
.adv-checkbox:has(input[aria-invalid=true]):before {
  border-color: var(--color-red);
}
.adv-checkbox:has(input:checked):before {
  background-color: var(--color-primary);
}
.adv-checkbox:after {
  z-index: 1;
  transform-origin: center;
  transform: scale(0);
  background: url("/theme/assets/img/icons/check-light.svg") center/contain no-repeat;
  transition: transform var(--global-transition-duration);
}
.adv-checkbox:has(input:checked):after {
  transform: scale(1);
}
.adv-checkbox input {
  opacity: 0;
  z-index: 2;
}
.adv-checkbox input[disabled] {
  cursor: not-allowed;
}
.adv-checkbox small {
  font-size: 12rem;
  line-height: inherit;
}
.adv-checkbox a {
  text-decoration: underline;
  transition: color var(--global-transition-duration);
}
@media (hover: hover) {
  .adv-checkbox a:hover {
    color: var(--color-primary);
  }
}
@media (hover: none) {
  .adv-checkbox a:active {
    color: var(--color-primary);
  }
}

.adv-radio {
  position: relative;
  padding-left: 30rem;
  font-size: 14rem;
  line-height: 20rem;
}
@media (hover: hover) {
  .adv-radio {
    width: fit-content;
    max-width: 100%;
  }
}
.adv-radio:has(input[disabled]) {
  cursor: not-allowed;
}
.adv-radio:before,
.adv-radio input {
  width: 16rem;
  height: 16rem;
  position: absolute;
  top: 0;
  left: 0;
}
.adv-radio:before, .adv-radio:after {
  content: "";
  border-radius: 50%;
}
.adv-radio:before {
  border: 1rem solid var(--color-black);
  transition: background-color var(--global-transition-duration), border-color var(--global-transition-duration);
}
.adv-radio:has(input:checked):before {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.adv-radio:after {
  width: 8rem;
  height: 8rem;
  position: absolute;
  top: 4rem;
  left: 4rem;
  z-index: 1;
  transform-origin: center;
  transform: scale(0);
  background-color: var(--color-white);
  transition: transform var(--global-transition-duration);
}
.adv-radio:has(input:checked):after {
  transform: scale(1);
}
.adv-radio input {
  opacity: 0;
  z-index: 2;
}
.adv-radio input[disabled] {
  cursor: not-allowed;
}
.adv-radio small {
  font-size: 12rem;
  line-height: inherit;
}
.adv-radio a {
  text-decoration: underline;
  transition: color var(--global-transition-duration);
}
@media (hover: hover) {
  .adv-radio a:hover {
    color: var(--color-primary);
  }
}
@media (hover: none) {
  .adv-radio a:active {
    color: var(--color-primary);
  }
}

.title {
  font-family: var(--secondary-font-family);
  font-weight: 700;
  font-size: 30rem;
  line-height: 26rem;
  letter-spacing: -0.3rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .title {
    font-size: 64rem;
    line-height: 54rem;
    letter-spacing: -0.64rem;
  }
}
.title span {
  color: var(--color-primary);
}

.section--slider > .container:first-child > .title:first-child,
.main-faq > .container:first-child > .title:first-child {
  padding-top: 2rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .section--slider > .container:first-child > .title:first-child,
  .main-faq > .container:first-child > .title:first-child {
    padding-top: 4rem;
  }
}

.divider {
  width: 100%;
  height: 1rem;
  background-color: var(--color-gray-300);
}

.responsive-media {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-top: calc(var(--rm-h, 1080) / var(--rm-w, 1920) * 100%);
}
.responsive-media--square {
  padding-top: 100%;
}
.responsive-media--radius {
  border-radius: 14rem;
}
.responsive-media img,
.responsive-media video,
.responsive-media iframe,
.responsive-media canvas {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.responsive-media img,
.responsive-media video {
  object-fit: cover;
}
.responsive-media--contain img, .responsive-media--contain video {
  object-fit: contain;
}

.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8rem;
  font-size: 12rem;
  line-height: 16rem;
}
.breadcrumbs li {
  color: var(--color-gray-900);
}
.breadcrumbs li:not(:last-child) {
  display: flex;
  gap: 8rem;
}
.breadcrumbs li:not(:last-child):after {
  content: "/";
  color: var(--color-gray-700);
}
.breadcrumbs a {
  display: block;
  color: var(--color-gray-700);
  transition: color var(--global-transition-duration);
}
@media (hover: hover) {
  .breadcrumbs a:hover {
    color: var(--color-primary);
  }
}
@media (hover: none) {
  .breadcrumbs a:active {
    color: var(--color-primary);
  }
}

.woocommerce-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8rem;
  font-size: 12rem;
  line-height: 16rem;
  color: var(--color-gray-900);
}
.woocommerce-breadcrumb a {
  display: block;
  color: var(--color-gray-700);
  transition: color var(--global-transition-duration);
}
@media (hover: hover) {
  .woocommerce-breadcrumb a:hover {
    color: var(--color-primary);
  }
}
@media (hover: none) {
  .woocommerce-breadcrumb a:active {
    color: var(--color-primary);
  }
}

.woocommerce .woocommerce-breadcrumb {
  margin: 0;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8rem;
  font-size: 12rem;
  line-height: 16rem;
  color: var(--color-gray-900);
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a {
  display: block;
  color: var(--color-gray-700);
  transition: color var(--global-transition-duration);
}
@media (hover: hover) {
  .woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a:hover {
    color: var(--color-primary);
  }
}
@media (hover: none) {
  .woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a:active {
    color: var(--color-primary);
  }
}

.woocommerce .woocommerce-breadcrumb::after, .woocommerce .woocommerce-breadcrumb::before {
  display: none;
}

.section {
  scroll-margin-top: var(--header-height);
  margin: var(--section-padding-y) 0;
}
.section--dark {
  background-color: var(--color-secondary);
  color: var(--color-white);
  padding: var(--section-padding-y) 0;
}
.section--dark .text-color-gray-700 {
  color: var(--color-gray-300);
}
.section--dark:has(+ .section--dark) {
  padding-bottom: 0;
}
.section--slider {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .section__text {
    font-size: 24rem;
    line-height: 26rem;
  }
}
.section__text:not(:first-child) {
  margin-top: 16rem;
}
.section__text br {
  display: none;
}
@media screen and (min-width: 768px) {
  .section__text br {
    display: block;
  }
}
.section__text > a {
  text-decoration: underline;
  text-decoration-color: transparent;
  color: var(--color-primary);
  transition: text-decoration-color var(--global-transition-duration);
}
@media (hover: hover) {
  .section__text > a:hover {
    text-decoration-color: var(--color-primary);
  }
}
.section__button {
  width: 290rem;
  min-width: fit-content;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.section__button:not(:first-child) {
  margin-top: 24rem;
}
@media screen and (min-width: 768px) {
  .section__button:not(:first-child) {
    margin-top: 40rem;
  }
}

.language-switch {
  font-size: 20rem;
  line-height: 22rem;
  letter-spacing: -0.2rem;
  color: var(--color-black);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .language-switch {
    position: relative;
  }
}
.language-switch__button {
  display: none;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .language-switch__button {
    display: block;
    width: 88rem;
    min-width: fit-content;
    max-width: 100%;
    position: relative;
    z-index: 1;
    border: 1px solid var(--color-black);
    border-radius: var(--global-border-radius);
    text-transform: uppercase;
    padding: 10rem 38rem 10rem 11rem;
    transition: background-color var(--global-transition-duration), border-color var(--global-transition-duration), color var(--global-transition-duration);
  }
}
.language-switch__button:after {
  content: "";
  width: 24rem;
  height: 24rem;
  position: absolute;
  top: 50%;
  right: 7rem;
  transform: translateY(-50%);
  mask: url("/theme/assets/img/icons/chevron-down.svg") center/contain no-repeat;
  background-color: var(--color-black);
  transition: transform var(--global-transition-duration), background-color var(--global-transition-duration);
}
@media screen and (min-width: 1024px) and (orientation: landscape) and (hover: hover) {
  .language-switch:not(.active) .language-switch__button:hover {
    background-color: var(--color-secondary-light);
    border-color: var(--color-black);
    color: var(--color-white);
  }
  .language-switch:not(.active) .language-switch__button:hover:after {
    background-color: var(--color-white);
  }
}
.language-switch.active .language-switch__button {
  background-color: var(--color-white);
  border-color: var(--color-gray-400);
}
.language-switch.active .language-switch__button:after {
  transform: translateY(-50%) rotate(180deg);
}
.language-switch__dropdown {
  width: 100%;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .language-switch__dropdown {
    top: unset;
    position: absolute;
    bottom: 8rem;
    left: 0;
    transform: translateY(100%);
    background-color: var(--color-white);
    border: 1px solid var(--color-gray-400);
    border-radius: 0 0 var(--global-border-radius) var(--global-border-radius);
    padding: 0 7rem;
    transition: visibility var(--global-transition-duration), opacity var(--global-transition-duration);
  }
}
.language-switch__dropdown-body {
  overflow: hidden;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .language-switch:not(.active) .language-switch__dropdown {
    visibility: hidden;
    opacity: 0;
  }
}
.language-switch__menu {
  display: flex;
  flex-wrap: wrap;
  gap: 8rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .language-switch__menu {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0;
    max-height: 90rem;
    overflow-y: auto;
  }
}
@media (hover: hover) {
  .language-switch__menu {
    padding-right: 7rem;
  }
}
.language-switch__menu::-webkit-scrollbar {
  width: 3rem;
}
.language-switch__menu::-webkit-scrollbar-track {
  border: 1rem solid var(--color-white);
  background-color: var(--color-gray-400);
}
.language-switch__menu::-webkit-scrollbar-thumb {
  background-color: var(--color-secondary);
  border-radius: 2rem;
}
.language-switch__menu a {
  display: block;
  width: 70rem;
  min-width: fit-content;
  max-width: 100%;
  border: 1px solid var(--color-gray-400);
  border-radius: var(--global-border-radius);
  text-transform: uppercase;
  transition: border-color var(--global-transition-duration);
  padding: 9rem 11rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .language-switch__menu a {
    border: none;
    border-radius: var(--global-sm-border-radius);
    font-size: 16rem;
    line-height: 20rem;
    padding: 5rem 4rem;
    transition: background-color var(--global-transition-duration), color var(--global-transition-duration);
  }
}
@media (hover: hover) {
  .language-switch__menu a:hover {
    border-color: var(--color-primary);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) and (hover: hover) {
  .language-switch__menu a:hover {
    background-color: var(--color-secondary);
    color: var(--color-white);
  }
}
.language-switch__menu a.active {
  pointer-events: none;
  background-color: var(--color-primary);
  color: var(--color-white);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .language-switch__menu a.active {
    display: none;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .language-switch__dropdown .language-switch__menu {
    padding-top: 15rem;
    padding-bottom: 15rem;
    transition: transform var(--global-transition-duration);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .language-switch:not(.active) .language-switch__dropdown .language-switch__menu {
    transform: translateY(-100%);
  }
}

.d-none {
  display: none;
}

.d-block {
  display: block;
}

.d-flex {
  display: flex;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-between {
  justify-content: space-between;
}

.align-items-center {
  align-items: center;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}

.text-color-white {
  color: var(--color-white);
}

.text-color-black {
  color: var(--color-black);
}

.text-color-gray-100 {
  color: var(--color-gray-100);
}

.text-color-gray-200 {
  color: var(--color-gray-200);
}

.text-color-gray-300 {
  color: var(--color-gray-300);
}

.text-color-gray-400 {
  color: var(--color-gray-400);
}

.text-color-gray-500 {
  color: var(--color-gray-500);
}

.text-color-gray-600 {
  color: var(--color-gray-600);
}

.text-color-gray-700 {
  color: var(--color-gray-700);
}

.text-color-gray-800 {
  color: var(--color-gray-800);
}

.text-color-gray-900 {
  color: var(--color-gray-900);
}

.text-color-primary {
  color: var(--color-primary);
}

.text-color-primary-light {
  color: var(--color-primary-light);
}

.text-color-primary-dark {
  color: var(--color-primary-dark);
}

.text-color-secondary {
  color: var(--color-secondary);
}

.text-color-secondary-light {
  color: var(--color-secondary-light);
}

.text-color-secondary-dark {
  color: var(--color-secondary-dark);
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-uppercase {
  text-transform: uppercase;
}

.simple-description {
  font-size: 14rem;
  line-height: 20rem;
}
@media screen and (min-width: 768px) {
  .simple-description {
    font-size: 20rem;
    line-height: 27rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .simple-description.text-center {
    max-width: 1042rem;
    margin-left: auto;
    margin-right: auto;
  }
}

.hidden, .filtered-out {
  display: none !important;
}

#wc-stripe-express-checkout-button-separator {
  display: none !important;
}

.specific_delivery_cckf {
  display: none;
}

.accordion {
  width: 100%;
  border: 1rem solid var(--color-primary);
  border-radius: var(--global-border-radius);
}
.accordion__header {
  position: relative;
  padding: 19rem 39rem 19rem 15rem;
}
@media screen and (min-width: 768px) {
  .accordion__header {
    padding-left: 23rem;
    padding-right: 47rem;
  }
}
.accordion__header:after {
  content: "";
  width: 24rem;
  height: 24rem;
  position: absolute;
  top: 50%;
  right: 15rem;
  transform: translateY(-50%);
  transform-origin: center;
  background: url("/theme/assets/img/icons/chevron-down.svg") center/contain no-repeat;
  transition: transform var(--global-transition-duration);
}
@media screen and (min-width: 768px) {
  .accordion__header:after {
    right: 23rem;
  }
}
.accordion:has(.accordion__handler:checked) .accordion__header:after {
  transform: translateY(-50%) rotate(180deg);
}
.accordion__title {
  font-size: 18rem;
  line-height: 24rem;
  transition: color var(--global-transition-duration);
}
@media screen and (min-width: 768px) {
  .accordion__title {
    font-size: 20rem;
  }
}
.accordion:has(.accordion__handler:checked) .accordion__title {
  color: var(--color-primary);
}
.accordion__handler {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}
.accordion__dropdown {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--global-transition-duration);
}
.accordion__dropdown-body {
  overflow: hidden;
}
.accordion__dropdown-content {
  font-size: 14rem;
  line-height: 17rem;
  padding: 0 15rem 19rem;
  transition: transform var(--global-transition-duration), opacity var(--global-transition-duration);
}
@media screen and (min-width: 768px) {
  .accordion__dropdown-content {
    font-size: 16rem;
    line-height: 19rem;
    padding-left: 23rem;
    padding-right: 23rem;
  }
}
.accordion:has(.accordion__handler:checked) .accordion__dropdown {
  grid-template-rows: 1fr;
}
.accordion:not(:has(.accordion__handler:checked)) .accordion__dropdown-content {
  transform: translateY(100%);
  opacity: 0;
}

.accordions {
  display: flex;
  flex-direction: column;
  gap: 14rem;
}

.achievement-banner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24rem 16rem;
  width: 100%;
  background-color: var(--color-primary-light);
  border: 1px solid var(--color-gray-300);
  border-radius: var(--global-border-radius);
  padding: 29rem 23rem;
}
@media screen and (min-width: 768px) {
  .achievement-banner {
    gap: 30rem;
    padding-top: 43rem;
    padding-bottom: 43rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .achievement-banner {
    grid-template-columns: repeat(4, 1fr);
  }
}
.achievement-banner:not(:first-child) {
  margin-top: 40rem;
}
@media screen and (min-width: 768px) {
  .achievement-banner:not(:first-child) {
    margin-top: 30rem;
  }
}
.achievement-banner__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8rem;
  font-size: 14rem;
  line-height: 15rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .achievement-banner__item {
    font-size: 16rem;
    line-height: 18rem;
  }
}
.achievement-banner__item > p:has(strong) {
  font-size: 24rem;
  line-height: 26rem;
}
@media screen and (min-width: 768px) {
  .achievement-banner__item > p:has(strong) {
    font-size: 64rem;
    line-height: 70rem;
  }
}
.achievement-banner__item strong {
  font-weight: 600;
}
.achievement-banner__item strong > img {
  width: 16rem;
  min-width: 16rem;
  max-width: 16rem;
  height: 16rem;
  min-height: 16rem;
  max-height: 16rem;
  object-fit: contain;
}
@media screen and (min-width: 768px) {
  .achievement-banner__item strong > img {
    width: 30rem;
    min-width: 30rem;
    max-width: 30rem;
    height: 30rem;
    min-height: 30rem;
    max-height: 30rem;
  }
}
.achievement-banner__item strong:has(> img) {
  display: flex;
  align-items: center;
  gap: 4rem;
}
@media screen and (min-width: 768px) {
  .achievement-banner__item strong:has(> img) {
    gap: 6rem;
  }
}

.adv-select {
  width: 100%;
  position: relative;
  z-index: 10;
}
.adv-select--open {
  z-index: 11;
}
.adv-select__default {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
}
.adv-select__default > option[value=""][selected][disabled]:first-child {
  display: none;
}
.adv-select__header {
  display: flex;
  align-items: center;
  width: 100%;
  height: 48rem;
  position: relative;
  z-index: 2;
  background-color: var(--color-gray-100);
  border: 1rem solid var(--color-gray-100);
  border-radius: var(--global-border-radius);
  font-size: 16rem;
  line-height: 24rem;
  color: var(--color-black);
  padding: 0 43rem 0 15rem;
  cursor: pointer;
  transition: border-color var(--global-transition-duration);
}
@media (hover: hover) {
  .adv-select__header:hover {
    border-color: var(--color-gray-400);
  }
}
.adv-select__header:after {
  content: "";
  width: 24rem;
  height: 24rem;
  position: absolute;
  top: 50%;
  right: 15rem;
  transform: translateY(-50%);
  transform-origin: center;
  background: url("/theme/assets/img/icons/chevron-down.svg") center/contain no-repeat;
  transition: transform var(--global-transition-duration);
}
.adv-select--light .adv-select__header {
  background-color: var(--color-white);
  border-color: var(--color-white);
  color: var(--color-primary);
}
.adv-select.active .adv-select__header {
  border-color: var(--color-gray-400);
}
.adv-select.active .adv-select__header:after {
  transform: translateY(-50%) rotate(180deg);
}
.adv-select__dropdown {
  display: grid;
  grid-template-rows: 0fr;
  width: 100%;
  position: absolute;
  bottom: 6rem;
  left: 0;
  z-index: 1;
  transform: translateY(100%);
  transition: grid-template-rows var(--global-transition-duration);
}
.adv-select__dropdown-body {
  overflow: hidden;
}
.adv-select__dropdown-content {
  background-color: var(--color-gray-200);
  border: 1rem solid var(--color-gray-400);
  border-radius: 0 0 var(--global-border-radius) var(--global-border-radius);
  padding: 15rem;
}
.adv-select.active .adv-select__dropdown {
  grid-template-rows: 1fr;
}
.adv-select--light .adv-select__dropdown-content {
  background-color: var(--color-white);
}
.adv-select__list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  max-height: 126rem;
  overflow-y: auto;
  transition: transform var(--global-transition-duration);
  scroll-behavior: smooth;
}
@media (hover: hover) {
  .adv-select__list {
    padding-right: 8rem;
  }
}
.adv-select__list::-webkit-scrollbar {
  width: 3rem;
}
.adv-select__list::-webkit-scrollbar-track {
  border: 1rem solid var(--color-gray-200);
  background-color: var(--color-gray-400);
}
.adv-select__list::-webkit-scrollbar-thumb {
  background-color: var(--color-secondary);
  border-radius: 2rem;
}
.adv-select__list li {
  border-radius: var(--global-sm-border-radius);
  font-size: 16rem;
  line-height: 18rem;
  color: var(--color-gray-400);
  text-align: center;
  padding: 6rem 8rem;
  transition: background-color var(--global-transition-duration), color var(--global-transition-duration);
}
.adv-select__list li.search-el {
  background-color: rgba(0, 0, 0, 0.1);
}
.adv-select__list li.selected {
  background-color: var(--color-secondary);
}
.adv-select__list li:not([disabled]) {
  cursor: pointer;
}
@media (hover: hover) {
  .adv-select__list li:not([disabled]):hover {
    background-color: var(--color-secondary);
  }
}
@media (hover: none) {
  .adv-select__list li:not([disabled]):active {
    background-color: var(--color-secondary);
  }
}
.adv-select--light .adv-select__list li {
  color: var(--color-primary);
}
.adv-select--light .adv-select__list li.selected {
  background-color: var(--color-primary);
  color: var(--color-white);
}
@media (hover: hover) {
  .adv-select--light .adv-select__list li:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
  }
}
@media (hover: none) {
  .adv-select--light .adv-select__list li:active {
    background-color: var(--color-primary);
    color: var(--color-white);
  }
}
.adv-select:not(.active) .adv-select__list {
  transform: translateY(-100%);
}

.article-card-banner {
  overflow: hidden;
  border: 1rem solid var(--color-gray-300);
  border-radius: 8rem;
  transition: box-shadow var(--global-transition-duration);
}
@media (hover: hover) {
  .article-card-banner:hover {
    box-shadow: 0 0 15rem rgba(0, 0, 0, 0.15);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .article-card-banner {
    display: grid;
    grid-template-columns: 1.023fr 0.977fr;
  }
}
.article-card-banner__media {
  position: relative;
}
@media screen and (min-width: 768px) {
  .article-card-banner__media {
    display: flex;
  }
}
.article-card-banner__img {
  display: block;
  background-color: var(--color-gray-300);
  padding-top: 75.8017492711%;
}
@media screen and (min-width: 768px) {
  .article-card-banner__img {
    padding-top: 60.5263157895%;
  }
}
.article-card-banner__img img {
  transition: transform var(--global-transition-duration);
}
@media (hover: hover) {
  .article-card-banner:hover .article-card-banner__img img {
    transform: scale(1.05);
  }
}
.article-card-banner__tag {
  width: fit-content;
  max-width: 100%;
  background-color: var(--color-white);
  border-radius: 8rem;
  font-size: 14rem;
  line-height: 16rem;
  letter-spacing: -0.14rem;
  padding: 8rem;
}
.article-card-banner__media .article-card-banner__tag {
  position: absolute;
  top: 16rem;
  left: 16rem;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .article-card-banner__media .article-card-banner__tag {
    top: 24rem;
    left: 24rem;
  }
}
.article-card-banner__content {
  position: relative;
  z-index: 1;
  background-color: var(--color-white);
  padding: 34rem 16rem;
}
@media screen and (min-width: 768px) {
  .article-card-banner__content {
    display: flex;
    flex-direction: column;
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
.article-card-banner__media + .article-card-banner__content {
  margin-top: -14rem;
  border-radius: 14rem 14rem 0 0;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .article-card-banner__media + .article-card-banner__content {
    margin-top: 0;
    margin-left: -14rem;
    border-radius: 14rem 0 0 14rem;
  }
}
.article-card-banner__header {
  display: flex;
  flex-direction: column;
  gap: 20rem;
}
@media screen and (min-width: 768px) {
  .article-card-banner__header {
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}
.article-card-banner__date {
  font-size: 14rem;
  line-height: 15rem;
  color: var(--color-gray-600);
}
@media screen and (min-width: 768px) {
  .article-card-banner__date {
    font-size: 16rem;
    line-height: 18rem;
  }
}
.article-card-banner__author {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4rem;
}
.article-card-banner__author-name {
  font-size: 18rem;
  line-height: 18rem;
}
.article-card-banner__author-position {
  font-size: 14rem;
  line-height: 14rem;
  color: var(--color-gray-600);
}
.article-card-banner__author:has(.article-card-banner__author-avatar) {
  min-height: 44rem;
  position: relative;
  padding-left: 56rem;
}
.article-card-banner__author-avatar {
  background-color: var(--color-gray-300);
  width: 44rem;
  height: 44rem;
  border-radius: 50%;
  object-fit: cover;
}
.article-card-banner__author .article-card-banner__author-avatar {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .article-card-banner__main {
    flex: 1 1 auto;
    padding-right: 20rem;
  }
}
.article-card-banner__main:not(:first-child) {
  margin-top: 16rem;
}
.article-card-banner__title {
  font-weight: 600;
  font-size: 24rem;
  line-height: 26rem;
}
@media screen and (min-width: 768px) {
  .article-card-banner__title {
    font-size: 36rem;
    line-height: 40rem;
  }
}
.article-card-banner__title a {
  display: block;
  transition: color var(--global-transition-duration);
}
@media (hover: hover) {
  .article-card-banner__title a:hover {
    color: var(--color-primary);
  }
}
.article-card-banner__text {
  opacity: 0.7;
  font-size: 16rem;
  line-height: 22rem;
  color: var(--color-gray-900);
}
.article-card-banner__text:not(:first-child) {
  margin-top: 24rem;
}
@media screen and (min-width: 768px) {
  .article-card-banner__footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20rem;
  }
}
.article-card-banner__footer:not(:first-child) {
  margin-top: 30rem;
}
@media screen and (min-width: 768px) {
  .article-card-banner__button {
    width: 290rem;
    min-width: fit-content;
    max-width: 100%;
  }
}
.article-card-banner__reading-time {
  font-size: 14rem;
  line-height: 15rem;
  color: var(--color-gray-600);
}
@media screen and (min-width: 768px) {
  .article-card-banner__reading-time {
    font-size: 16rem;
    line-height: 18rem;
  }
}
.article-card-banner__content .article-card-banner__reading-time {
  position: absolute;
  top: 34rem;
  right: 16rem;
}
@media screen and (min-width: 768px) {
  .article-card-banner__content .article-card-banner__reading-time {
    position: unset;
  }
}

.article-card {
  display: flex;
  width: 100%;
  background-color: var(--color-gray-100);
  border-radius: 8rem;
}
.article-card__body {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  border: 1rem solid var(--color-gray-300);
  overflow: hidden;
  border-radius: inherit;
  transition: opacity var(--global-transition-duration), box-shadow var(--global-transition-duration);
}
@media (hover: hover) {
  .article-card:hover .article-card__body {
    box-shadow: 0 0 15rem rgba(0, 0, 0, 0.15);
  }
}
.article-card__tag {
  width: fit-content;
  max-width: 100%;
  position: absolute;
  top: 15rem;
  left: 15rem;
  z-index: 1;
  background-color: var(--color-primary);
  border-radius: 8rem;
  font-size: 14rem;
  line-height: 16rem;
  letter-spacing: -0.14rem;
  color: var(--color-white);
  padding: 8rem;
}
.article-card__img {
  display: block;
  background-color: var(--color-gray-100);
  padding-top: 70.3812316716%;
}
@media screen and (min-width: 768px) {
  .article-card__img {
    padding-top: 73.1707317073%;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .article-card__img {
    padding-top: 56.6037735849%;
  }
}
.article-card__img img {
  transition: transform var(--global-transition-duration);
}
@media (hover: hover) {
  .article-card:hover .article-card__img img {
    transform: scale(1.05);
  }
}
.article-card__content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  background-color: var(--color-white);
  padding: 26rem 15rem 25rem;
}
@media screen and (min-width: 768px) {
  .article-card__content {
    padding-left: 23rem;
    padding-right: 23rem;
  }
}
.article-card__content:not(:first-child) {
  position: relative;
  z-index: 1;
  border-radius: 14rem 14rem 0 0;
  margin-top: -30rem;
}
.article-card__main {
  flex: 1 1 auto;
}
.article-card__date {
  font-size: 14rem;
  line-height: 15rem;
  color: var(--color-gray-600);
}
@media screen and (min-width: 768px) {
  .article-card__date {
    font-size: 16rem;
    line-height: 18rem;
  }
}
.article-card__title {
  font-weight: 600;
  font-size: 18rem;
  line-height: 20rem;
}
@media screen and (min-width: 768px) {
  .article-card__title {
    font-size: 26rem;
    line-height: 29rem;
  }
}
.article-card__title:not(:first-child) {
  margin-top: 8rem;
}
.article-card__title a {
  display: block;
  transition: color var(--global-transition-duration);
}
@media (hover: hover) {
  .article-card__title a:hover {
    color: var(--color-primary);
  }
}
.article-card__text {
  opacity: 0.7;
  font-size: 16rem;
  line-height: 18rem;
  color: var(--color-gray-900);
}
.article-card__text:not(:first-child) {
  margin-top: 14rem;
}
.article-card__footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 14rem;
}
.article-card__footer:not(:first-child) {
  margin-top: 14rem;
}
.article-card__author {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4rem;
}
.article-card__author:has(> .article-card__author-avatar) {
  position: relative;
  min-height: 40rem;
  padding-left: 52rem;
}
.article-card__author-avatar {
  width: 40rem;
  height: 40rem;
  background-color: var(--color-gray-100);
  border-radius: 50%;
  object-fit: cover;
}
.article-card__author-name {
  font-size: 14rem;
  line-height: 14rem;
  color: var(--color-gray-600);
}
@media screen and (min-width: 768px) {
  .article-card__author-name {
    font-size: 18rem;
    line-height: 18rem;
  }
}
.article-card__author > .article-card__author-avatar {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.article-card__reading-time {
  font-size: 14rem;
  line-height: 14rem;
  color: var(--color-gray-600);
}
@media screen and (min-width: 768px) {
  .article-card__reading-time {
    font-size: 16rem;
    line-height: 18rem;
  }
}

.article-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16rem;
}
@media screen and (min-width: 768px) {
  .article-cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 30rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .article-cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
.article-cards:not(:first-child) {
  margin-top: 16rem;
}
@media screen and (min-width: 768px) {
  .article-cards:not(:first-child) {
    margin-top: 30rem;
  }
}

.article-cards-container.loading > .article-cards > .article-card > .article-card__body {
  opacity: 0;
}

.article-cards-container:not(:first-child) {
  margin-top: 16rem;
}
@media screen and (min-width: 768px) {
  .article-cards-container:not(:first-child) {
    margin-top: 30rem;
  }
}

.article-cards-button {
  display: none;
  position: relative;
  --article-cards-loader-bg: var(--color-secondary-light);
  --article-cards-loader: var(--color-white);
}
.article-cards-button:after {
  content: "";
  width: 24rem;
  height: 24rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  background-color: var(--article-cards-loader);
  background-image: radial-gradient(circle 5rem at 12rem 12rem, var(--article-cards-loader-bg) 100%, transparent 0), radial-gradient(circle 2.5rem at 12rem 0rem, var(--article-cards-loader-bg) 100%, transparent 0), radial-gradient(circle 2.5rem at 0rem 12rem, var(--article-cards-loader-bg) 100%, transparent 0), radial-gradient(circle 2.5rem at 24rem 12rem, var(--article-cards-loader-bg) 100%, transparent 0), radial-gradient(circle 2.5rem at 12rem 24rem, var(--article-cards-loader-bg) 100%, transparent 0), radial-gradient(circle 2.5rem at 20rem 3rem, var(--article-cards-loader-bg) 100%, transparent 0), radial-gradient(circle 2.5rem at 20rem 3rem, var(--article-cards-loader-bg) 100%, transparent 0), radial-gradient(circle 2.5rem at 20rem 20rem, var(--article-cards-loader-bg) 100%, transparent 0), radial-gradient(circle 2.5rem at 3rem 20rem, var(--article-cards-loader-bg) 100%, transparent 0), radial-gradient(circle 2.5rem at 3rem 3rem, var(--article-cards-loader-bg) 100%, transparent 0);
  background-repeat: no-repeat;
  border-radius: 50%;
}
.article-cards-button.loading:after {
  opacity: 1;
  animation: rotationBack 3s linear infinite;
}
.article-cards-button.active {
  display: flex;
}
.article-cards-button.loading {
  pointer-events: none;
  background-color: var(--color-secondary-light);
  border-color: var(--color-black);
  color: transparent;
  transition: background-color 0s, border-color 0s, color 0s;
}

@keyframes rotationBack {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.article-cards-slider {
  overflow: unset;
}
.article-cards-slider:not(:first-child) {
  margin-top: 40rem;
}
@media screen and (min-width: 768px) {
  .article-cards-slider:not(:first-child) {
    margin-top: 50rem;
  }
}
.article-cards-slider .swiper-slide {
  display: flex;
  max-width: 312rem;
  height: auto;
}
@media screen and (min-width: 768px) {
  .article-cards-slider .swiper-slide {
    max-width: 330rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .article-cards-slider .swiper-slide {
    max-width: 426rem;
  }
}
.article-cards-slider .swiper-slide:not(:last-child) {
  margin-right: 16rem;
}
@media screen and (min-width: 768px) {
  .article-cards-slider .swiper-slide:not(:last-child) {
    margin-right: 30rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .article-cards-slider .swiper-slide:not(:last-child) {
    margin-right: 31rem;
  }
}

.article {
  margin: var(--section-padding-y) 0;
}
.article:first-child {
  border-top: 1rem solid var(--color-gray-300);
  padding-top: 14rem;
  margin-top: 0;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .article:first-child {
    border-top: none;
    padding-top: 0;
  }
}
.article__breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 8rem 21rem;
  font-size: 12rem;
  line-height: 16rem;
  color: var(--color-gray-900);
}
@media screen and (min-width: 768px) {
  .article__breadcrumbs {
    gap: 14rem 33rem;
  }
}
.article__breadcrumbs a {
  display: block;
  position: relative;
  color: var(--color-gray-700);
  transition: color var(--global-transition-duration);
}
.article__breadcrumbs a:not(:last-child):after {
  content: "/";
  position: absolute;
  top: 0;
  right: -8rem;
  transform: translateX(100%);
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .article__breadcrumbs a:not(:last-child):after {
    right: -14rem;
  }
}
@media (hover: hover) {
  .article__breadcrumbs a:hover {
    color: var(--color-primary);
  }
  .article__breadcrumbs a:hover:after {
    color: var(--color-gray-700);
  }
}
.article__breadcrumbs span {
  display: block;
}
.article__body {
  width: 100%;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .article__body {
    position: relative;
  }
}
.article__body:not(:first-child) {
  margin-top: 30rem;
}
@media screen and (min-width: 768px) {
  .article__body:not(:first-child) {
    margin-top: 34rem;
  }
}
.article__main {
  width: 100%;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .article__main {
    max-width: 978rem;
    margin-left: auto;
  }
}
.article__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 14rem;
}
@media screen and (min-width: 768px) {
  .article__tags {
    gap: 24rem;
  }
}
.article__tag {
  display: block;
  width: fit-content;
  max-width: 100%;
  background-color: var(--color-primary);
  border-radius: 8rem;
  font-size: 16rem;
  line-height: 18rem;
  color: var(--color-white);
  letter-spacing: -0.16rem;
  padding: 7rem 8rem;
}
@media screen and (min-width: 768px) {
  .article__tag {
    font-size: 20rem;
    line-height: 22rem;
    letter-spacing: -0.2rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
.article__info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 14rem;
  width: 100%;
  font-size: 14rem;
  line-height: 15rem;
  color: var(--color-gray-600);
}
@media screen and (min-width: 768px) {
  .article__info {
    gap: 24rem;
    font-size: 16rem;
    line-height: 18rem;
  }
}
.article__info:not(:first-child) {
  margin-top: 14rem;
}
@media screen and (min-width: 768px) {
  .article__info:not(:first-child) {
    margin-top: 24rem;
  }
}
.article__title {
  font-weight: 600;
  font-size: 30rem;
  line-height: 27rem;
}
@media screen and (min-width: 768px) {
  .article__title {
    font-size: 64rem;
    line-height: 58rem;
  }
}
.article__title:not(:first-child) {
  margin-top: 24rem;
}
.article__text {
  font-size: 14rem;
  line-height: 20rem;
  color: var(--color-gray-800);
}
@media screen and (min-width: 768px) {
  .article__text {
    font-size: 16rem;
    line-height: 22rem;
  }
}
.article__text:not(:first-child) {
  margin-top: 24rem;
}
.article__sharing {
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: var(--color-gray-800);
  border-radius: 8rem;
  color: var(--color-white);
  padding: 24rem 16rem;
}
@media screen and (min-width: 768px) {
  .article__sharing {
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
.article__sharing:not(:first-child) {
  margin-top: 30rem;
}
@media screen and (min-width: 768px) {
  .article__sharing:not(:first-child) {
    margin-top: 40rem;
  }
}
.article__sharing-body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 14rem;
}
@media screen and (min-width: 768px) {
  .article__sharing-body {
    gap: 24rem;
  }
}
.article__sharing-author {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4rem;
}
.article__sharing-author-name {
  font-size: 18rem;
  line-height: 18rem;
}
.article__sharing-author-position {
  font-size: 14rem;
  line-height: 14rem;
  color: var(--color-gray-100);
}
.article__sharing-author:has(.article__sharing-author-avatar) {
  min-height: 44rem;
  position: relative;
  padding-left: 56rem;
}
.article__sharing-author-avatar {
  background-color: var(--color-gray-100);
  width: 44rem;
  height: 44rem;
  border-radius: 50%;
  object-fit: cover;
}
.article__sharing-author .article__sharing-author-avatar {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.article__sharing-button {
  width: fit-content;
  max-width: 100%;
  position: relative;
  font-size: 16rem;
  line-height: 18rem;
  color: var(--color-gray-100);
  padding: 3rem 32rem 3rem 0;
}
.article__sharing-button:after {
  content: "";
  width: 24rem;
  height: 24rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  background: url("/theme/assets/img/icons/share.svg") center/contain no-repeat;
  transition: transform var(--global-transition-duration);
}
@media (hover: hover) {
  .article__sharing-button:hover:after {
    transform: translate(4rem, -50%);
  }
}
.article__sharing-alert {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-gray-800);
  font-size: 16rem;
  line-height: 18rem;
  color: var(--color-gray-100);
  text-align: center;
  transition: visibility var(--global-transition-duration), opacity var(--global-transition-duration);
}
.article__sharing:not(.copied) .article__sharing-alert {
  visibility: hidden;
  opacity: 0;
}
.article__nav {
  width: 100%;
  position: sticky;
  top: calc(var(--header-height) - 8rem);
  z-index: 100;
}
@media screen and (min-width: 768px) {
  .article__nav {
    position: unset;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .article__nav {
    max-width: calc(100% - 978rem - 50rem);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.article__nav:not(:first-child) {
  margin-top: 30rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .article__nav:not(:first-child) {
    margin-top: 0;
  }
}
.article__nav-content {
  width: 100%;
  position: relative;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .article__nav-content {
    display: flex;
    flex-direction: column;
    gap: 30rem;
    position: sticky;
    top: calc(var(--header-height) + 10rem);
    background-color: var(--color-primary-light);
    border: 1rem solid var(--color-gray-300);
    border-radius: 8rem;
    padding: 33rem 23rem;
  }
}
.article__nav-header {
  width: 100%;
  position: relative;
  background-color: var(--color-primary-light);
  border: 1rem solid var(--color-gray-300);
  border-radius: 8rem;
  padding: 23rem 15rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .article__nav-header {
    background-color: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
  }
}
.article__nav-title {
  font-weight: 600;
  font-size: 20rem;
  line-height: 22rem;
  padding-right: 20rem;
}
@media screen and (min-width: 768px) {
  .article__nav-title {
    font-size: 28rem;
    line-height: 31rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .article__nav-title {
    padding-right: 0;
  }
}
.article__nav-button {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .article__nav-button {
    display: none;
  }
}
.article__nav-button:after {
  content: "";
  width: 20rem;
  height: 20rem;
  position: absolute;
  top: 50%;
  right: 15rem;
  transform: translateY(-50%) rotate(0deg);
  transform-origin: center;
  background: url("/theme/assets/img/icons/chevron-down.svg") center/24rem no-repeat;
  transition: transform var(--global-transition-duration);
}
.article__nav.opened .article__nav-button:after {
  transform: translateY(-50%) rotate(180deg);
}
.article__nav-dropdown {
  width: 100%;
  position: absolute;
  top: calc(100% - 8rem);
  left: 0;
  z-index: 1;
  background-color: var(--color-primary-light);
  border: 1rem solid var(--color-gray-300);
  border-top: none;
  border-radius: 0 0 8rem 8rem;
  padding: 8rem 15rem 23rem;
  transition: visibility var(--global-transition-duration), opacity var(--global-transition-duration);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .article__nav-dropdown {
    position: unset;
    background-color: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    transition: unset;
  }
}
.article__nav:not(.opened) .article__nav-dropdown {
  visibility: hidden;
  opacity: 0;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .article__nav:not(.opened) .article__nav-dropdown {
    visibility: visible;
    opacity: 1;
  }
}
.article__nav-list {
  font-size: 16rem;
  line-height: 19rem;
}
@media screen and (min-width: 768px) {
  .article__nav-list {
    font-size: 20rem;
    line-height: 24rem;
  }
}
.article__nav-list li:not(:first-child) {
  margin-top: 16rem;
}
@media screen and (min-width: 768px) {
  .article__nav-list li:not(:first-child) {
    margin-top: 24rem;
  }
}
.article__nav-list a {
  display: block;
  transition: color var(--global-transition-duration);
}
@media (hover: hover) {
  .article__nav-list a:hover {
    color: var(--color-primary);
  }
}
.article__nav-list a.active {
  color: var(--color-primary);
}
.article__nav-dropdown .article__nav-list {
  transition: transform var(--global-transition-duration);
}
.article__nav:not(.opened) .article__nav-dropdown .article__nav-list {
  transform: translateY(100%);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .article__nav:not(.opened) .article__nav-dropdown .article__nav-list {
    transform: translateY(0);
  }
}
.article__content {
  width: 100%;
}
.article__content:not(:first-child) {
  margin-top: 30rem;
}
@media screen and (min-width: 768px) {
  .article__content:not(:first-child) {
    margin-top: 40rem;
  }
}
.article__banner {
  width: 100%;
  background-color: var(--color-secondary);
  border-radius: 8rem;
  color: var(--color-white);
  padding: 44rem 24rem;
}
.article__banner:not(:first-child) {
  margin-top: 30rem;
}
@media screen and (min-width: 768px) {
  .article__banner:not(:first-child) {
    margin-top: 40rem;
  }
}
.article__banner-title {
  font-weight: 700;
  font-size: 24rem;
  line-height: 20rem;
  letter-spacing: -0.24rem;
}
@media screen and (min-width: 768px) {
  .article__banner-title {
    font-size: 36rem;
    line-height: 31rem;
    letter-spacing: -0.36rem;
  }
}
.article__banner-text {
  font-size: 14rem;
  line-height: 15rem;
}
@media screen and (min-width: 768px) {
  .article__banner-text {
    font-size: 16rem;
    line-height: 18rem;
  }
}
.article__banner-text:not(:first-child) {
  margin-top: 14rem;
}
@media screen and (min-width: 768px) {
  .article__banner-text:not(:first-child) {
    margin-top: 30rem;
  }
}
@media screen and (min-width: 768px) {
  .article__banner-button {
    width: 290rem;
    min-width: fit-content;
    max-width: 100%;
  }
}
@media (hover: hover) {
  .article__banner-button:not([disabled]):hover {
    background-color: var(--color-white);
    border-color: var(--color-white);
    color: var(--color-primary);
  }
}
@media (hover: none) {
  .article__banner-button:not([disabled]):active {
    background-color: var(--color-white);
    border-color: var(--color-white);
    color: var(--color-primary);
  }
}
.article__banner-button:not(:first-child) {
  margin-top: 30rem;
}
@media screen and (min-width: 768px) {
  .article__banner-button:not(:first-child) {
    margin-top: 24rem;
  }
}
.article__author {
  width: 100%;
  background-color: var(--color-gray-200);
  border: 1rem solid var(--color-gray-300);
  border-radius: 8rem;
  padding: 25rem 23rem;
}
.article__author:not(:first-child) {
  margin-top: 40rem;
}
@media screen and (min-width: 768px) {
  .article__author:not(:first-child) {
    margin-top: 50rem;
  }
}
.article__author-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6rem;
}
.article__author-header:has(.article__author-avatar) {
  min-height: 56rem;
  position: relative;
  padding-left: 68rem;
}
.article__author-avatar {
  background-color: var(--color-gray-300);
  width: 56rem;
  height: 56rem;
  border-radius: 50%;
  object-fit: cover;
}
.article__author-header .article__author-avatar {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.article__author-name {
  font-size: 20rem;
  line-height: 20rem;
}
@media screen and (min-width: 768px) {
  .article__author-name {
    font-size: 24rem;
    line-height: 24rem;
  }
}
.article__author-position {
  font-size: 14rem;
  line-height: 14rem;
  color: var(--color-gray-600);
}
@media screen and (min-width: 768px) {
  .article__author-position {
    font-size: 16rem;
    line-height: 16rem;
  }
}
.article__author-text {
  font-size: 20rem;
  line-height: 28rem;
  color: var(--color-gray-800);
}
.article__author-text:not(:first-child) {
  margin-top: 24rem;
}
@media screen and (min-width: 768px) {
  .article__author-text:not(:first-child) {
    margin-top: 30rem;
  }
}
.article .content-editor h1,
.article .content-editor h2,
.article .content-editor h3,
.article .content-editor h4,
.article .content-editor h5,
.article .content-editor h6 {
  scroll-margin-top: calc(var(--header-height) + 10rem + 16rem);
}
@media screen and (min-width: 768px) {
  .article .content-editor h1,
  .article .content-editor h2,
  .article .content-editor h3,
  .article .content-editor h4,
  .article .content-editor h5,
  .article .content-editor h6 {
    scroll-margin-top: calc(var(--header-height) + 10rem);
  }
}

.wrapper.wh-article {
  overflow: unset;
}

@media screen and (min-width: 601px) {
  body.wh-wpadminbar .article__nav {
    top: calc(var(--header-height) - 8rem + 46px);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  body.wh-wpadminbar .article__nav {
    top: 0;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  body.wh-wpadminbar .article__nav-content {
    top: calc(var(--header-height) + 10rem + 32px);
  }
}
@media screen and (min-width: 601px) {
  body.wh-wpadminbar .article .content-editor h1,
  body.wh-wpadminbar .article .content-editor h2,
  body.wh-wpadminbar .article .content-editor h3,
  body.wh-wpadminbar .article .content-editor h4,
  body.wh-wpadminbar .article .content-editor h5,
  body.wh-wpadminbar .article .content-editor h6 {
    scroll-margin-top: calc(var(--header-height) + 10rem + 16rem + 46px);
  }
}
@media screen and (min-width: 768px) {
  body.wh-wpadminbar .article .content-editor h1,
  body.wh-wpadminbar .article .content-editor h2,
  body.wh-wpadminbar .article .content-editor h3,
  body.wh-wpadminbar .article .content-editor h4,
  body.wh-wpadminbar .article .content-editor h5,
  body.wh-wpadminbar .article .content-editor h6 {
    scroll-margin-top: calc(var(--header-height) + 10rem);
  }
}

.banner {
  position: relative;
  z-index: 1;
  background-color: var(--color-black);
  color: var(--color-white);
  padding: var(--section-padding-y) 0;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .banner {
    padding-bottom: calc(var(--section-padding-y) + 10rem);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .banner__title {
    max-width: 945rem;
  }
}
.banner__title br {
  display: none;
}
@media screen and (min-width: 768px) {
  .banner__title br {
    display: block;
  }
}
.banner__text {
  line-height: 22rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .banner__text {
    max-width: 555rem;
  }
}
.banner__text:not(:first-child) {
  margin-top: 14rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .banner__text:not(:first-child) {
    margin-top: 16rem;
  }
}
.banner__text br {
  display: none;
}
@media screen and (min-width: 768px) {
  .banner__text br {
    display: block;
  }
}
.banner__list {
  font-size: 14rem;
  line-height: 26rem;
  letter-spacing: -0.14rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .banner__list {
    font-size: 20rem;
    line-height: 28rem;
    letter-spacing: -0.2rem;
  }
}
.banner__list:not(:first-child) {
  margin-top: 178rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .banner__list:not(:first-child) {
    margin-top: 40rem;
  }
}
.banner__list li {
  position: relative;
  padding-left: 40rem;
}
.banner__list li:not(:first-child) {
  margin-top: 8rem;
}
.banner__list li:before {
  content: "";
  width: 26rem;
  height: 26rem;
  position: absolute;
  top: 0;
  left: 0;
  background: url("/theme/assets/img/icons/ball.svg") center/contain no-repeat;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .banner__list li:before {
    top: 1rem;
  }
}
.banner__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 14rem;
}
.banner__buttons:not(:first-child) {
  margin-top: 24rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .banner__buttons:not(:first-child) {
    margin-top: 40rem;
  }
}
@media screen and (min-width: 768px) {
  .banner__button {
    width: 290rem;
    min-width: fit-content;
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .banner__button--lg {
    width: 457rem;
    padding: 16rem;
  }
}
.banner__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
}
.banner__bg:before {
  content: "";
  width: 394rem;
  height: 456rem;
  position: absolute;
  top: 0;
  left: calc(50% + 9rem);
  transform: translateX(-50%);
  opacity: 0.8;
  background-color: var(--color-black);
  border-radius: 50%;
  filter: blur(270rem);
}
@media screen and (min-width: 768px) {
  .banner__bg:before {
    width: 906rem;
    height: calc(100% - 80rem);
    top: 40rem;
    left: calc(50% - 367rem);
  }
}
.banner__bg:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.35;
  background-color: var(--color-black);
}
.banner__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.benefits-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .benefits-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 30rem;
  }
}
.benefits-grid:not(:first-child) {
  margin-top: 40rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .benefits-grid:not(:first-child) {
    margin-top: 50rem;
  }
}
.benefits-grid__col {
  display: flex;
  flex-direction: column;
  gap: 14rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .benefits-grid__col {
    justify-content: space-between;
    gap: 30rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .benefits-grid__item {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
  }
}
.benefits-grid__item-content {
  display: flex;
  flex-direction: column;
  gap: 14rem;
  width: 100%;
  background-color: var(--color-white);
  border: 1rem solid var(--color-gray-300);
  border-radius: 14rem;
  padding: 15rem 15rem 23rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .benefits-grid__item-content {
    min-height: 182rem;
    flex: 1 1 auto;
    padding-left: 23rem;
    padding-right: 23rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .benefits-grid__item:has(.benefits-grid__img) .benefits-grid__item-content {
    position: relative;
    z-index: 1;
    margin-top: -14rem;
  }
}
.benefits-grid__item:nth-child(6n+3) > .benefits-grid__item-content, .benefits-grid__col:nth-child(even) > .benefits-grid__item:first-child > .benefits-grid__item-content {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.benefits-grid__img {
  display: none;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .benefits-grid__img {
    display: block;
    padding-top: 56.206088993%;
    min-height: 240rem;
    border-radius: var(--global-border-radius) var(--global-border-radius) 0 0;
  }
}
.benefits-grid__icon {
  width: 40rem;
  height: 40rem;
  object-fit: contain;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .benefits-grid__icon {
    width: 47rem;
    height: 47rem;
  }
}
.benefits-grid__item:nth-child(6n+3) .benefits-grid__icon, .benefits-grid__col:nth-child(even) > .benefits-grid__item:first-child .benefits-grid__icon {
  filter: brightness(0) invert(1);
}
.benefits-grid__title {
  font-size: 24rem;
  line-height: 26rem;
  letter-spacing: -0.24rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .benefits-grid__title {
    font-size: 28rem;
    line-height: 31rem;
    letter-spacing: -0.28rem;
  }
}
.benefits-grid__text {
  opacity: 0.7;
  letter-spacing: -0.16rem;
}

.blog-category-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8rem;
  background-color: var(--color-gray-200);
  border: 1rem solid var(--color-gray-300);
  border-radius: 14rem;
  text-align: center;
  padding: 15rem;
  transition: background-color var(--global-transition-duration);
}
.blog-category-card__main {
  flex: 1 1 auto;
}
.blog-category-card__icon {
  width: auto;
  height: 24rem;
  object-fit: contain;
  margin: 0 auto;
  transition: filter var(--global-transition-duration);
}
@media screen and (min-width: 768px) {
  .blog-category-card__icon {
    height: 30rem;
  }
}
.blog-category-card__title, .blog-category-card__text, .blog-category-card__info {
  transition: color var(--global-transition-duration);
}
.blog-category-card__title {
  font-weight: 600;
  font-size: 20rem;
  line-height: 22rem;
}
@media screen and (min-width: 768px) {
  .blog-category-card__title {
    font-size: 28rem;
    line-height: 31rem;
  }
}
.blog-category-card__title:not(:first-child) {
  margin-top: 8rem;
}
.blog-category-card__text {
  font-size: 14rem;
  line-height: 17rem;
}
@media screen and (min-width: 768px) {
  .blog-category-card__text {
    font-size: 16rem;
    line-height: 19rem;
  }
}
.blog-category-card__text:not(:first-child) {
  margin-top: 10rem;
}
.blog-category-card__info {
  font-size: 14rem;
  line-height: 20rem;
  color: var(--color-gray-600);
}
@media screen and (min-width: 768px) {
  .blog-category-card__info {
    font-size: 16rem;
  }
}
@media (hover: hover) {
  .blog-category-card:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
  }
  .blog-category-card:hover .blog-category-card__icon {
    filter: brightness(0) invert(1);
  }
  .blog-category-card:hover .blog-category-card__info {
    color: var(--color-gray-500);
  }
}

.blog-category-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16rem;
}
@media screen and (min-width: 768px) {
  .blog-category-cards {
    gap: 30rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .blog-category-cards {
    grid-template-columns: repeat(4, 1fr);
  }
}
.blog-category-cards:not(:first-child) {
  margin-top: 40rem;
}
@media screen and (min-width: 768px) {
  .blog-category-cards:not(:first-child) {
    margin-top: 50rem;
  }
}

.blog-category {
  width: fit-content;
  max-width: 100%;
  border: 1rem solid var(--color-gray-300);
  border-radius: 8rem;
  font-size: 14rem;
  line-height: 15rem;
  letter-spacing: -0.14rem;
  padding: 12rem 17rem;
  transition: background-color var(--global-transition-duration), border-color var(--global-transition-duration), color var(--global-transition-duration);
}
@media screen and (min-width: 768px) {
  .blog-category {
    font-size: 16rem;
    line-height: 18rem;
    letter-spacing: -0.16rem;
    padding-left: 27rem;
    padding-right: 27rem;
  }
}
.blog-category.active {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
  color: var(--color-white);
}
@media (hover: hover) {
  .blog-category:not(.active):not([disabled]):hover {
    border-color: var(--color-primary);
    color: var(--color-primary);
  }
}

.blog-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 8rem;
}
@media screen and (min-width: 768px) {
  .blog-categories {
    gap: 14rem;
  }
}
.blog-categories:not(:first-child) {
  margin-top: 40rem;
}
@media screen and (min-width: 768px) {
  .blog-categories:not(:first-child) {
    margin-top: 50rem;
  }
}

.blog-hero-section {
  display: flex;
  align-items: flex-end;
  min-height: 360rem;
  position: relative;
  z-index: 1;
  color: var(--color-white);
  padding: var(--header-height) 0 var(--section-padding-y);
}
@media screen and (min-width: 768px) {
  .blog-hero-section {
    min-height: 478rem;
  }
}
.blog-hero-section__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8rem 14rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .blog-hero-section__grid {
    justify-content: space-between;
    align-items: flex-end;
    grid-template-columns: 563rem 426rem;
  }
}
.blog-hero-section__title {
  font-family: var(--secondary-font-family);
  font-weight: 900;
  font-size: 30rem;
  line-height: 26rem;
  letter-spacing: -0.3rem;
}
@media screen and (min-width: 768px) {
  .blog-hero-section__title {
    font-size: 75rem;
    line-height: 64rem;
    letter-spacing: -0.75rem;
  }
}
.blog-hero-section__title:not(:first-child) {
  margin-top: 8rem;
}
@media screen and (min-width: 768px) {
  .blog-hero-section__title:not(:first-child) {
    margin-top: 14rem;
  }
}
.blog-hero-section__text {
  font-size: 16rem;
  line-height: 18rem;
}
@media screen and (min-width: 768px) {
  .blog-hero-section__text {
    font-size: 20rem;
    line-height: 22rem;
  }
}
.blog-hero-section__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
  background-color: var(--color-black);
}
.blog-hero-section__bg:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-black);
  opacity: 0.5;
}
@media screen and (min-width: 768px) {
  .blog-hero-section__bg:after {
    opacity: 0.6;
  }
}
.blog-hero-section__bg picture,
.blog-hero-section__bg img {
  width: 100%;
  height: 100%;
}
.blog-hero-section__bg img {
  object-fit: cover;
}

.wrapper.wh-blog {
  padding-top: 0;
}
.wrapper.wh-blog .header:not(.header--scroll) {
  background-color: transparent;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-blog .header:not(.header--scroll) {
    color: var(--color-white);
  }
}
.wrapper.wh-blog .header:not(.header--scroll) .header__burger:not(.active):before, .wrapper.wh-blog .header:not(.header--scroll) .header__burger:not(.active):after,
.wrapper.wh-blog .header:not(.header--scroll) .header__burger:not(.active) span:before,
.wrapper.wh-blog .header:not(.header--scroll) .header__burger:not(.active) span:after {
  background-color: var(--color-white);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-blog .header:not(.header--scroll) .header__button {
    border-color: var(--color-white);
    color: var(--color-white);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-blog .header:not(.header--scroll) .header__menu > li:has(> ul) > a:after {
    filter: brightness(0) invert(1);
    transition: transform var(--global-transition-duration), filter var(--global-transition-duration);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-blog .header:not(.header--scroll) .language-switch:not(.active) .language-switch__button {
    border-color: var(--color-white);
    color: var(--color-white);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-blog .header:not(.header--scroll) .language-switch:not(.active) .language-switch__button:after {
    background-color: var(--color-white);
  }
}

.booking {
  background-color: var(--color-white);
  border: 1rem solid var(--color-gray-300);
  border-radius: var(--global-border-radius);
  color: var(--color-black);
  padding: 15rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .booking {
    padding: 19rem 23rem;
  }
}
.booking__fields {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .booking__fields {
    gap: 41rem;
    grid-template-columns: 1fr 1fr;
  }
}
.booking__field {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .booking__field:not(:nth-child(odd)) {
    border-bottom: 1rem solid var(--color-gray-300);
    padding-bottom: 14rem;
    position: relative;
    border-bottom: none;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .booking__field:not(:nth-child(odd)):after {
    content: "";
    width: 1rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: -21rem;
    transform: translateX(100%);
    background-color: var(--color-gray-300);
  }
}
.booking__field .date-time-field__select, .booking__field .date-time-field__input {
  flex: auto 1 1;
  width: unset;
  max-width: unset;
}
.booking__label {
  line-height: 22rem;
}
.booking__search-input {
  position: relative;
  z-index: 2;
  background-image: url("/theme/assets/img/icons/car.svg");
  background-position: left 15rem center;
  background-size: 24rem;
  background-repeat: no-repeat;
  padding-left: 47rem;
}
@media screen and (min-width: 768px) {
  .booking__search-input {
    padding: 0 41rem 0 13rem;
    background-image: url("/theme/assets/img/icons/magnifying-glass.svg");
    background-position: right 13rem center;
  }
}
.booking__search-input:not([readonly]):not([disabled]):not([aria-invalid=true]):not([aria-describedby]):focus {
  border-color: var(--color-gray-400);
}
.booking__search-input::placeholder {
  color: var(--color-gray-700);
}
@media screen and (min-width: 768px) {
  .booking__search-input::placeholder {
    color: var(--color-black);
  }
}
.booking__search-input::-webkit-search-cancel-button {
  display: none;
}
.booking__search.active .booking__search-input {
  border-color: var(--color-gray-400);
}
.booking__search #pickup-hero-suggestions, .booking__search #dropoff-hero-suggestions {
  display: flex !important;
  flex-direction: column;
  gap: 12rem;
  width: 100%;
  max-height: 148rem;
  position: absolute;
  top: 6rem;
  left: 0;
  overflow-y: auto;
  transform: translateY(-100%);
  visibility: visible;
  opacity: 1;
  background-color: var(--color-gray-200);
  border: 1rem solid var(--color-gray-400);
  border-radius: var(--global-border-radius) var(--global-border-radius) 0 0;
  padding: 15rem;
  transition: visibility var(--global-transition-duration), opacity var(--global-transition-duration);
}
.booking__search #pickup-hero-suggestions.hidden, .booking__search #dropoff-hero-suggestions.hidden {
  display: flex !important;
  visibility: hidden;
  opacity: 0;
}
.booking__search #pickup-hero-suggestions::-webkit-scrollbar, .booking__search #dropoff-hero-suggestions::-webkit-scrollbar {
  width: 3rem;
}
.booking__search #pickup-hero-suggestions::-webkit-scrollbar-track, .booking__search #dropoff-hero-suggestions::-webkit-scrollbar-track {
  background-color: var(--color-gray-200);
}
.booking__search #pickup-hero-suggestions::-webkit-scrollbar-thumb, .booking__search #dropoff-hero-suggestions::-webkit-scrollbar-thumb {
  background-color: var(--color-secondary);
  border-radius: 2rem;
}
.booking__search #pickup-hero-suggestions > div, .booking__search #dropoff-hero-suggestions > div {
  font-size: 14rem;
  line-height: 20rem;
  color: var(--color-gray-600);
}
.booking__search #pickup-hero-suggestions button, .booking__search #dropoff-hero-suggestions button {
  display: flex;
  align-items: center;
  gap: 4rem;
  font-size: 14rem;
  line-height: 20rem;
  color: var(--color-gray-600);
  transition: color var(--global-transition-duration);
}
.booking__search #pickup-hero-suggestions button svg, .booking__search #dropoff-hero-suggestions button svg {
  width: 20rem;
  min-width: 20rem;
  height: 20rem;
}
.booking__search #pickup-hero-suggestions button.selected, .booking__search #dropoff-hero-suggestions button.selected {
  color: var(--color-primary);
}
.booking__search #pickup-hero-suggestions button:not([disabled]), .booking__search #dropoff-hero-suggestions button:not([disabled]) {
  cursor: pointer;
}
@media (hover: hover) {
  .booking__search #pickup-hero-suggestions button:not([disabled]):hover, .booking__search #dropoff-hero-suggestions button:not([disabled]):hover {
    color: var(--color-primary);
  }
}
@media (hover: none) {
  .booking__search #pickup-hero-suggestions button:not([disabled]):active, .booking__search #dropoff-hero-suggestions button:not([disabled]):active {
    color: var(--color-primary);
  }
}
.booking__search .adv-select__dropdown {
  grid-template-rows: 1fr;
  top: 6rem;
  bottom: unset;
  transform: translateY(-100%);
  visibility: hidden;
  opacity: 0;
  transition: visibility var(--global-transition-duration), opacity var(--global-transition-duration);
}
.booking__search.active .adv-select__dropdown {
  visibility: visible;
  opacity: 1;
}
.booking__search .adv-select__dropdown-content {
  border-radius: var(--global-border-radius) var(--global-border-radius) 0 0;
}
.booking__search .adv-select__list {
  gap: 12rem;
  max-height: 116rem;
}
.booking__search .adv-select__list li {
  position: relative;
  font-size: 14rem;
  line-height: 20rem;
  color: var(--color-gray-600);
  text-align: left;
  padding: 0 0 0 24rem;
  transition: color var(--global-transition-duration);
}
@media (hover: hover) {
  .booking__search .adv-select__list li:not([disabled]):hover {
    background-color: transparent;
    color: var(--color-black);
  }
}
@media (hover: none) {
  .booking__search .adv-select__list li:not([disabled]):active {
    background-color: transparent;
    color: var(--color-black);
  }
}
.booking__search .adv-select__list li:before {
  content: "";
  width: 20rem;
  height: 20rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url("/theme/assets/img/icons/plane.svg") center/contain no-repeat;
}
.booking__search:not(.active) .adv-select__list {
  transform: translateY(100%);
}
.booking .input,
.booking .adv-select__header {
  height: 44rem;
}
@media screen and (min-width: 768px) {
  .booking .input,
  .booking .adv-select__header {
    height: 40rem;
  }
}
.booking__date-time-field {
  gap: 14rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .booking__date-time-field .date-time-field__select {
    max-width: 136rem;
  }
}
.booking__date-time-field .date-time-field__input {
  font-size: 14rem;
  line-height: 24rem;
  background-image: url("/theme/assets/img/icons/calendar.svg");
  background-position: right 15rem center;
  background-size: 20rem;
  background-repeat: no-repeat;
  padding-right: 39rem;
}
@media screen and (min-width: 768px) {
  .booking__date-time-field .date-time-field__input {
    font-size: 16rem;
  }
}
.booking__date-time-field .date-time-field__input:not([disabled]) {
  cursor: pointer;
}
.booking__date-time-field .adv-select__header {
  font-size: 14rem;
  padding-right: 39rem;
}
@media screen and (min-width: 768px) {
  .booking__date-time-field .adv-select__header {
    font-size: 16rem;
  }
}
.booking__date-time-field .adv-select__header:after {
  width: 20rem;
  height: 20rem;
}
.booking__button {
  gap: 10rem;
}
.booking__button:after {
  content: "";
  width: 24rem;
  min-width: 24rem;
  height: 24rem;
  filter: brightness(0) invert(1);
  background: url("/theme/assets/img/icons/magnifying-glass.svg") center/contain no-repeat;
}
.booking-wa__button {
  gap: 10rem;
}
.booking-wa__button:hover:after {
  filter: brightness(0) invert(1);
}
.booking-wa__button:after {
  content: "";
  width: 24rem;
  min-width: 24rem;
  height: 24rem;
  background: url("/theme/assets/img/icons/wa-slim-black.svg") center/contain no-repeat;
  transition: var(--global-transition-duration);
}
.booking__button-section {
  display: flex;
  flex-wrap: wrap;
  gap: 15rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .booking__button-section {
    max-width: 260px;
  }
}
.booking__button-section > a {
  flex: 100% 0 0;
}
.booking .easepick-wrapper {
  display: block;
  width: 100%;
  min-width: 343rem;
  max-width: 343rem;
  position: absolute;
  top: -8rem;
  left: 50%;
  transform: translate(-50%, -100%);
  z-index: 10;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .booking .easepick-wrapper {
    min-width: 360rem;
    max-width: 360rem;
  }
}
.booking .search-ajax-form {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 20rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .booking .search-ajax-form {
    flex-direction: row;
  }
}
.booking__form-block {
  flex-shrink: 1;
  flex-grow: 1;
}

.brand-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  overflow: hidden;
  border: 1rem solid var(--color-gray-300);
  border-radius: var(--global-border-radius);
}
.brand-card__location {
  width: fit-content;
  max-width: 100%;
  position: absolute;
  top: 15rem;
  right: 15rem;
  z-index: 1;
  background-color: var(--color-white);
  border-radius: var(--global-border-radius);
  font-size: 14rem;
  line-height: 16rem;
  padding: 8rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .brand-card__location {
    top: 23rem;
    right: 23rem;
  }
}
.brand-card__img {
  display: block;
  background-color: var(--color-gray-100);
  padding-top: 77.4193548387%;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .brand-card__img {
    padding-top: 56.6037735849%;
  }
}
.brand-card__img > img {
  transition: transform var(--global-transition-duration);
}
@media (hover: hover) {
  .brand-card__img:hover > img {
    transform: scale(1.1);
  }
}
.brand-card__content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  position: relative;
  background-color: var(--color-white);
  border-radius: 14rem 14rem 0 0;
  margin-top: -30rem;
  padding: 23rem;
}
.brand-card__main-tag {
  width: fit-content;
  max-width: 100%;
  background-color: var(--color-primary);
  border-radius: var(--global-border-radius);
  font-weight: 600;
  font-size: 14rem;
  line-height: 16rem;
  color: var(--color-white);
  letter-spacing: -0.14rem;
  padding: 8rem;
}
.brand-card__title {
  font-size: 26rem;
  line-height: 29rem;
}
.brand-card__title:not(:first-child) {
  margin-top: 8rem;
}
.brand-card__title a {
  display: block;
  transition: var(--global-transition-duration);
}
@media (hover: hover) {
  .brand-card__title a:hover {
    color: var(--color-primary);
  }
}
.brand-card__text {
  opacity: 0.7;
  margin-bottom: auto;
}
.brand-card__text:not(:first-child) {
  margin-top: 14rem;
}
.brand-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8rem;
}
.brand-card__tags:not(:first-child) {
  margin-top: 8rem;
}
.brand-card__tags > li {
  width: fit-content;
  max-width: 100%;
  background-color: var(--color-gray-100);
  border-radius: var(--global-border-radius);
  font-weight: 600;
  font-size: 14rem;
  line-height: 16rem;
  letter-spacing: -0.14rem;
  padding: 8rem;
}

.brand-cards-slider {
  width: 100%;
  overflow: unset;
}
.brand-cards-slider:not(:first-child) {
  margin-top: 40rem;
}
@media screen and (min-width: 768px) {
  .brand-cards-slider:not(:first-child) {
    margin-top: 50rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .brand-cards-slider .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 31rem;
  }
}
.brand-cards-slider .swiper-slide {
  display: flex;
  max-width: 312rem;
  height: auto;
}
@media screen and (min-width: 768px) {
  .brand-cards-slider .swiper-slide {
    max-width: 330rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .brand-cards-slider .swiper-slide {
    max-width: 100%;
  }
}
.brand-cards-slider .swiper-slide:not(:last-child) {
  margin-right: 16rem;
}
@media screen and (min-width: 768px) {
  .brand-cards-slider .swiper-slide:not(:last-child) {
    margin-right: 30rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .brand-cards-slider .swiper-slide:not(:last-child) {
    margin-right: 0;
  }
}

.car-review {
  display: flex;
  flex-wrap: wrap;
  gap: 16rem;
}
@media screen and (min-width: 768px) {
  .car-review {
    gap: 30rem;
  }
}
.car-review__card, .car-review__media {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 330rem;
  border: 1px solid var(--color-gray-300);
  border-radius: 14rem;
  color: var(--color-white);
  padding: 23rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .car-review__card, .car-review__media {
    min-height: 453rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .car-review__card:has(+ .car-review__media), .car-review__media {
    max-width: calc(50% - 15rem);
  }
}
.car-review__card {
  gap: 32rem;
  background-color: var(--color-primary);
}
.car-review__card-main {
  flex: 1 1 auto;
}
.car-review__card-rating {
  width: 116rem;
  min-width: 116rem;
  height: 20rem;
  position: relative;
  background: url("/theme/assets/img/car-review/rating-light.svg") left center/116rem no-repeat;
}
.car-review__card-rating:after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("/theme/assets/img/car-review/rating.svg") left center/116rem no-repeat;
}
.car-review__card-rating[data-car-review-card-rating="0"]:after {
  width: 0;
}
.car-review__card-rating[data-car-review-card-rating="0.1"]:after {
  width: 0;
}
.car-review__card-rating[data-car-review-card-rating="0.2"]:after {
  width: 2%;
}
.car-review__card-rating[data-car-review-card-rating="0.3"]:after {
  width: 4%;
}
.car-review__card-rating[data-car-review-card-rating="0.4"]:after {
  width: 6%;
}
.car-review__card-rating[data-car-review-card-rating="0.5"]:after {
  width: 8%;
}
.car-review__card-rating[data-car-review-card-rating="0.6"]:after {
  width: 10%;
}
.car-review__card-rating[data-car-review-card-rating="0.7"]:after {
  width: 12%;
}
.car-review__card-rating[data-car-review-card-rating="0.8"]:after {
  width: 14%;
}
.car-review__card-rating[data-car-review-card-rating="0.9"]:after {
  width: 20%;
}
.car-review__card-rating[data-car-review-card-rating="1"]:after {
  width: 20%;
}
.car-review__card-rating[data-car-review-card-rating="1.0"]:after {
  width: 20%;
}
.car-review__card-rating[data-car-review-card-rating="1.1"]:after {
  width: 22%;
}
.car-review__card-rating[data-car-review-card-rating="1.2"]:after {
  width: 24%;
}
.car-review__card-rating[data-car-review-card-rating="1.3"]:after {
  width: 26%;
}
.car-review__card-rating[data-car-review-card-rating="1.4"]:after {
  width: 28%;
}
.car-review__card-rating[data-car-review-card-rating="1.5"]:after {
  width: 30%;
}
.car-review__card-rating[data-car-review-card-rating="1.6"]:after {
  width: 32%;
}
.car-review__card-rating[data-car-review-card-rating="1.7"]:after {
  width: 34%;
}
.car-review__card-rating[data-car-review-card-rating="1.8"]:after {
  width: 36%;
}
.car-review__card-rating[data-car-review-card-rating="1.9"]:after {
  width: 40%;
}
.car-review__card-rating[data-car-review-card-rating="2"]:after {
  width: 40%;
}
.car-review__card-rating[data-car-review-card-rating="2.0"]:after {
  width: 40%;
}
.car-review__card-rating[data-car-review-card-rating="2.1"]:after {
  width: 42%;
}
.car-review__card-rating[data-car-review-card-rating="2.2"]:after {
  width: 44%;
}
.car-review__card-rating[data-car-review-card-rating="2.3"]:after {
  width: 46%;
}
.car-review__card-rating[data-car-review-card-rating="2.4"]:after {
  width: 48%;
}
.car-review__card-rating[data-car-review-card-rating="2.5"]:after {
  width: 50%;
}
.car-review__card-rating[data-car-review-card-rating="2.6"]:after {
  width: 52%;
}
.car-review__card-rating[data-car-review-card-rating="2.7"]:after {
  width: 54%;
}
.car-review__card-rating[data-car-review-card-rating="2.8"]:after {
  width: 56%;
}
.car-review__card-rating[data-car-review-card-rating="2.9"]:after {
  width: 60%;
}
.car-review__card-rating[data-car-review-card-rating="3"]:after {
  width: 60%;
}
.car-review__card-rating[data-car-review-card-rating="3.0"]:after {
  width: 60%;
}
.car-review__card-rating[data-car-review-card-rating="3.1"]:after {
  width: 62%;
}
.car-review__card-rating[data-car-review-card-rating="3.2"]:after {
  width: 64%;
}
.car-review__card-rating[data-car-review-card-rating="3.3"]:after {
  width: 66%;
}
.car-review__card-rating[data-car-review-card-rating="3.4"]:after {
  width: 68%;
}
.car-review__card-rating[data-car-review-card-rating="3.5"]:after {
  width: 70%;
}
.car-review__card-rating[data-car-review-card-rating="3.6"]:after {
  width: 72%;
}
.car-review__card-rating[data-car-review-card-rating="3.7"]:after {
  width: 74%;
}
.car-review__card-rating[data-car-review-card-rating="3.8"]:after {
  width: 76%;
}
.car-review__card-rating[data-car-review-card-rating="3.9"]:after {
  width: 80%;
}
.car-review__card-rating[data-car-review-card-rating="4"]:after {
  width: 80%;
}
.car-review__card-rating[data-car-review-card-rating="4.0"]:after {
  width: 80%;
}
.car-review__card-rating[data-car-review-card-rating="4.1"]:after {
  width: 82%;
}
.car-review__card-rating[data-car-review-card-rating="4.2"]:after {
  width: 84%;
}
.car-review__card-rating[data-car-review-card-rating="4.3"]:after {
  width: 86%;
}
.car-review__card-rating[data-car-review-card-rating="4.4"]:after {
  width: 88%;
}
.car-review__card-rating[data-car-review-card-rating="4.5"]:after {
  width: 90%;
}
.car-review__card-rating[data-car-review-card-rating="4.6"]:after {
  width: 92%;
}
.car-review__card-rating[data-car-review-card-rating="4.7"]:after {
  width: 94%;
}
.car-review__card-rating[data-car-review-card-rating="4.8"]:after {
  width: 96%;
}
.car-review__card-rating[data-car-review-card-rating="4.9"]:after {
  width: 100%;
}
.car-review__card-rating[data-car-review-card-rating="5"]:after {
  width: 100%;
}
.car-review__card-rating[data-car-review-card-rating="5.0"]:after {
  width: 100%;
}
.car-review__card-text {
  font-size: 16rem;
  line-height: 17rem;
}
@media screen and (min-width: 768px) {
  .car-review__card-text {
    font-size: 24rem;
    line-height: 25rem;
  }
}
.car-review__card-text:not(:first-child) {
  margin-top: 16rem;
}
.car-review__card-person {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.car-review__card-person:has(> .car-review__card-photo) {
  min-height: 44rem;
  position: relative;
  padding-left: 56rem;
}
.car-review__card-photo {
  width: 44rem;
  height: 44rem;
  background-color: var(--color-white);
  border-radius: 50%;
  object-fit: cover;
}
.car-review__card-person > .car-review__card-photo {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.car-review__card-name {
  font-size: 18rem;
  line-height: 18rem;
}
.car-review__card-position {
  font-size: 14rem;
  line-height: 14rem;
}
.car-review__card-position:not(:first-child) {
  margin-top: 6rem;
}
.car-review__media {
  justify-content: flex-end;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-color: var(--color-secondary);
  font-size: 16rem;
  line-height: 20rem;
}
@media screen and (min-width: 768px) {
  .car-review__media {
    font-size: 18rem;
    line-height: 22rem;
  }
}
.car-review__media-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
}
.car-review__media-img:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.2;
  background-color: var(--color-black);
}
.car-review__media-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--global-transition-duration);
}
@media (hover: hover) {
  .car-review__media:hover .car-review__media-img img {
    transform: scale(1.05);
  }
}

.car-reviews-slider {
  overflow: unset;
}
.car-reviews-slider:not(:first-child) {
  margin-top: 40rem;
}
@media screen and (min-width: 768px) {
  .car-reviews-slider:not(:first-child) {
    margin-top: 50rem;
  }
}
.car-reviews-slider .swiper-slide {
  display: flex;
  height: auto;
  transform-origin: center;
  transition: opacity 0.6s ease-in-out;
}
.car-reviews-slider .swiper-slide:not(:last-child) {
  margin-right: 30rem;
}
.car-reviews-slider .swiper-slide:not(.swiper-slide-active) {
  opacity: 0;
}
.car-reviews-slider__nav {
  display: flex;
  justify-content: center;
  gap: 154rem;
}
.car-reviews-slider__nav:not(:first-child) {
  margin-top: 20rem;
}
@media screen and (min-width: 768px) {
  .car-reviews-slider__nav:not(:first-child) {
    margin-top: 40rem;
  }
}
.car-reviews-slider__button {
  width: 16rem;
  height: 30rem;
}
.car-reviews-slider__button svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: var(--color-black);
  transition: stroke var(--global-transition-duration);
}
.car-reviews-slider__button[disabled] svg {
  stroke: var(--color-gray-400);
}
@media (hover: hover) {
  .car-reviews-slider__button:not([disabled]):hover svg {
    stroke: var(--color-primary);
  }
}
@media (hover: none) {
  .car-reviews-slider__button:not([disabled]):active svg {
    stroke: var(--color-primary);
  }
}

.checkout-section {
  padding-bottom: 80rem;
}
@media screen and (min-width: 768px) {
  .checkout-section {
    padding-bottom: 110rem;
  }
}
.checkout-section:first-child {
  border-top: 1rem solid var(--color-gray-300);
  padding-top: 20rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .checkout-section:first-child {
    border-top: none;
    padding-top: 0;
  }
}
.checkout-section__title {
  font-size: 30rem;
  line-height: 33rem;
}
@media screen and (min-width: 768px) {
  .checkout-section__title {
    font-size: 36rem;
    line-height: 40rem;
  }
}
.checkout-section__title:not(:first-child) {
  margin-top: 20rem;
}
@media screen and (min-width: 768px) {
  .checkout-section__title:not(:first-child) {
    margin-top: 30rem;
  }
}
.checkout-section__text {
  opacity: 0.7;
}
.checkout-section__text:not(:first-child) {
  margin-top: 8rem;
}

.checkout {
  display: flex;
  flex-direction: column;
  gap: 30rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .checkout {
    flex-wrap: wrap;
    flex-direction: row;
  }
}
.checkout:not(:first-child) {
  margin-top: 50rem;
}
.checkout wc-order-attribution-inputs {
  display: none;
}
.checkout .woocommerce-billing-fields__field-wrapper {
  display: flex;
  flex-direction: column;
  gap: 30rem;
}
.checkout__main-fields {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16rem;
}
@media screen and (min-width: 768px) {
  .checkout__main-fields {
    grid-template-columns: repeat(2, 1fr);
  }
}
.checkout__secondary-fields {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16rem;
}
@media screen and (min-width: 768px) {
  .checkout__secondary-fields {
    grid-template-columns: repeat(2, 1fr);
  }
}
.checkout__secondary-fields > .checkout__full-field:not(:last-child):not(:has(+ .hidden)) {
  margin-bottom: 14rem;
}
.checkout__secondary-fields > .checkout__field.hidden {
  display: none;
}
.checkout__secondary-fields > .checkout__field .checkout-inline-error-message {
  display: none;
}
.checkout__main, .checkout__sidebar {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.checkout__main {
  gap: 30rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .checkout__main {
    max-width: calc(100% - 470rem);
  }
}
.checkout__block {
  display: flex;
  flex-direction: column;
  gap: 30rem;
  width: 100%;
  border: 1rem solid var(--color-gray-300);
  border-radius: var(--global-border-radius);
  padding: 35rem 15rem;
}
@media screen and (min-width: 768px) {
  .checkout__block {
    padding-left: 23rem;
    padding-right: 23rem;
  }
}
.checkout__title {
  font-size: 24rem;
  line-height: 26rem;
}
@media screen and (min-width: 768px) {
  .checkout__title {
    font-size: 28rem;
    line-height: 31rem;
  }
}
.checkout__fields {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16rem;
}
@media screen and (min-width: 768px) {
  .checkout__fields {
    grid-template-columns: 1fr 1fr;
  }
}
.checkout__fields--3 {
  grid-template-columns: 1fr 1fr 1fr;
}
@media screen and (min-width: 768px) {
  .checkout__fields--3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.checkout__full-field {
  grid-column: 1/-1;
}
.checkout__field:not(.hidden) {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.checkout__variable-content {
  display: none;
}
.checkout__variable-content.active {
  display: flex;
  flex-direction: column;
  gap: 30rem;
  width: 100%;
}
.checkout__variable-content .payment_box {
  display: flex;
  flex-direction: column;
  gap: 30rem;
  width: 100%;
}
.checkout__banner {
  background-color: var(--color-gray-200);
  border: 1rem solid var(--color-gray-200);
  border-radius: var(--global-border-radius);
  padding: 25rem 15rem;
}
@media screen and (min-width: 768px) {
  .checkout__banner {
    padding-left: 23rem;
    padding-right: 23rem;
  }
}
.checkout__banner--special {
  background-color: var(--color-primary-light);
  border-color: var(--color-primary-light);
  padding-top: 15rem;
  padding-bottom: 15rem;
}
.checkout__banner--dark {
  background-color: var(--color-gray-800);
  border-color: var(--color-gray-800);
  color: var(--color-white);
}
.checkout__banner-title {
  font-size: 20rem;
  line-height: 28rem;
}
.checkout__banner-title:has(> img) {
  position: relative;
  padding-left: 30rem;
}
.checkout__banner-title > img {
  width: 16rem;
  height: 16rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  object-fit: contain;
}
.checkout__banner--dark .checkout__banner-title > img {
  filter: brightness(0) invert(1);
}
.checkout__banner-rules {
  display: flex;
  flex-direction: column;
  gap: 16rem;
}
.checkout__banner-rules:not(:first-child) {
  margin-top: 16rem;
}
.checkout__banner-rules .checkout-inline-error-message {
  display: none;
}
.checkout__banner-rule:has(input[disabled]) {
  display: none;
}
.checkout__banner-list {
  display: flex;
  flex-direction: column;
  gap: 8rem;
  font-size: 12rem;
  line-height: 16rem;
  color: var(--color-gray-800);
}
.checkout__banner-list:not(:first-child) {
  margin-top: 14rem;
}
.checkout__banner-list:not(:last-child) {
  margin-bottom: 14rem;
}
.checkout__banner-list li:before {
  content: "• ";
  display: inline;
}
.checkout__banner-list li strong {
  font-weight: 600;
  font-size: 14rem;
}
.checkout__banner--dark .checkout__banner-list {
  color: var(--color-gray-300);
}
.checkout__banner-steps {
  display: flex;
  flex-direction: column;
  gap: 24rem;
  counter-reset: checkoutSpecialNoticeStep;
}
.checkout__banner-steps:not(:first-child) {
  margin-top: 20rem;
}
.checkout__banner-steps li {
  position: relative;
  padding-left: 52rem;
  counter-increment: checkoutSpecialNoticeStep;
}
.checkout__banner-steps li:before {
  content: counter(checkoutSpecialNoticeStep);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36rem;
  height: 36rem;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-gray-300);
  font-weight: 600;
  font-size: 20rem;
  line-height: 20rem;
  color: var(--color-black);
  border-radius: 50%;
}
.checkout__banner-steps li:first-child:before {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.checkout__banner-steps-title {
  font-size: 18rem;
  line-height: 18rem;
}
.checkout__banner-steps-text {
  font-size: 14rem;
  line-height: 14rem;
  color: var(--color-gray-500);
}
.checkout__banner-steps-text:not(:first-child) {
  margin-top: 4rem;
}
.checkout__banner--dark .checkout__banner-steps li:before {
  background-color: var(--color-white);
}
.checkout__banner--dark .checkout__banner-steps li:first-child:before {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.checkout__banner--dark .checkout__banner-steps-text {
  color: var(--color-gray-300);
}
.checkout__banner-header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16rem;
}
.checkout__banner-header:not(:last-child) {
  margin-bottom: 16rem;
}
.checkout__banner-header-content {
  max-width: 200rem;
}
@media screen and (min-width: 768px) {
  .checkout__banner-header-content {
    max-width: 100%;
  }
}
.checkout__banner-header-content:has(> .checkout__banner-header-icon) {
  position: relative;
  padding-left: 30rem;
}
.checkout__banner-header-icon {
  width: 20rem;
  height: 24rem;
  object-fit: contain;
}
.checkout__banner-header-content > .checkout__banner-header-icon {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 768px) {
  .checkout__banner-header-content > .checkout__banner-header-icon {
    top: 50%;
    transform: translateY(-50%);
  }
}
.checkout__banner-header-title {
  font-size: 18rem;
  line-height: 18rem;
}
.checkout__banner-header-text {
  font-size: 14rem;
  line-height: 18rem;
}
.checkout__banner-header-text:not(:first-child) {
  margin-top: 6rem;
}
.checkout__banner-header-button {
  width: fit-content;
  max-width: 100%;
  display: block;
  background-color: var(--color-gray-800);
  border: 1rem solid var(--color-gray-800);
  border-radius: var(--global-border-radius);
  font-size: 14rem;
  line-height: 15rem;
  color: var(--color-white);
  padding: 7rem 15rem;
  transition: background-color var(--global-transition-duration), border-color var(--global-transition-duration), color var(--global-transition-duration);
}
.checkout__banner-header-button:not([disabled]) {
  cursor: pointer;
}
@media (hover: hover) {
  .checkout__banner-header-button:not([disabled]):hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-white);
  }
}
@media (hover: none) {
  .checkout__banner-header-button:not([disabled]):active {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-white);
  }
}
.checkout__banner--dark .checkout__banner-header-button {
  background-color: var(--color-white);
  border-color: var(--color-white);
  color: var(--color-black);
}
.checkout__banner-total {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font-size: 14rem;
  line-height: 20rem;
}
.checkout__banner-total:not(:first-child) {
  margin-top: 16rem;
}
.checkout__banner-total span {
  font-weight: 700;
  font-size: 20rem;
}
.checkout__social-banner {
  background-color: var(--color-gray-200);
  border: 1rem solid var(--color-gray-200);
  border-radius: var(--global-border-radius);
  padding: 25rem 23rem;
}
.checkout__social-banner p {
  text-align: center;
  margin: 10rem auto;
}
.checkout__social-banner-icon {
  width: 50rem;
  height: 50rem;
  object-fit: contain;
  margin: 0 auto;
}
.checkout__social-banner-title {
  font-size: 28rem;
  line-height: 28rem;
}
.checkout__social-banner-title:not(:first-child) {
  margin-top: 8rem;
}
.checkout__social-banner-text {
  opacity: 0.7;
}
.checkout__social-banner-text:not(:first-child) {
  margin-top: 16rem;
}
.checkout__social-banner p:has(.checkout__social-banner-button) {
  margin-top: 30rem;
}
.checkout__social-banner-button {
  display: block;
  width: 100%;
  border: 1rem solid var(--color-black);
  border-radius: var(--global-border-radius);
  font-size: 20rem;
  line-height: 22rem;
  text-align: center;
  padding: 11rem;
  transition: border-color var(--global-transition-duration), color var(--global-transition-duration);
}
@media screen and (min-width: 768px) {
  .checkout__social-banner-button {
    width: fit-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 36rem;
    padding-right: 36rem;
  }
}
@media (hover: hover) {
  .checkout__social-banner-button:not([disabled]):hover {
    border-color: var(--color-primary);
    color: var(--color-primary);
  }
}
@media (hover: none) {
  .checkout__social-banner-button:not([disabled]):active {
    border-color: var(--color-primary);
    color: var(--color-primary);
  }
}
.checkout__social-banner-button:not(:first-child) {
  margin-top: 30rem;
}
.checkout__social-banner-info {
  font-size: 14rem;
  line-height: 17rem;
}
.checkout__social-banner-info:not(:first-child) {
  margin-top: 16rem;
}
.checkout__social-banner-info a {
  transition: color var(--global-transition-duration);
}
@media (hover: hover) {
  .checkout__social-banner-info a:hover {
    color: var(--color-primary);
  }
}
@media (hover: none) {
  .checkout__social-banner-info a:active {
    color: var(--color-primary);
  }
}
.checkout__info {
  background-color: var(--color-gray-200);
  border: 1rem solid var(--color-gray-300);
  border-radius: var(--global-border-radius);
  padding: 15rem;
}
.checkout__info--dark {
  background-color: var(--color-gray-800);
  color: var(--color-white);
}
.checkout__info-title {
  font-size: 20rem;
  line-height: 28rem;
}
.checkout__info-title:has(> img) {
  position: relative;
  padding-left: 34rem;
}
.checkout__info-title > img {
  width: 20rem;
  height: 20rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  object-fit: contain;
}
.checkout__info--dark .checkout__info-title > img {
  filter: brightness(0) invert(1);
}
.checkout__info-text, .checkout__info-list {
  font-size: 14rem;
  line-height: 19rem;
  color: var(--color-gray-800);
}
.checkout__info-text--sm, .checkout__info-list--sm {
  font-size: 12rem;
  line-height: 16rem;
}
.checkout__info-text:not(:first-child), .checkout__info-list:not(:first-child) {
  margin-top: 8rem;
}
.checkout__info-list {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.checkout__info-list li:before {
  content: "• ";
  display: inline;
}
.checkout__info-list li strong {
  font-weight: 600;
}
.checkout__info--dark .checkout__info-list, .checkout__info--dark .checkout__info-text {
  color: var(--color-gray-300);
}
.checkout__sidebar {
  gap: 16rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .checkout__sidebar {
    max-width: 440rem;
  }
}
.checkout__sidebar-block {
  gap: 24rem;
  padding-top: 25rem;
  padding-bottom: 25rem;
}
.checkout__sidebar-footer {
  display: flex;
  flex-direction: column;
  gap: 16rem;
}
.checkout__sidebar-footer-text {
  font-size: 12rem;
  line-height: 14rem;
}
.checkout__sidebar-block .checkout__variable-content {
  gap: 24rem;
}
.checkout__product {
  min-height: 100rem;
  position: relative;
  padding-left: 116rem;
}
.checkout__product-img {
  width: 100rem;
  height: 100rem;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-gray-100);
  border-radius: var(--global-border-radius);
  object-fit: cover;
}
.checkout__product-location {
  width: fit-content;
  max-width: 100%;
  position: relative;
  background-color: var(--color-primary);
  border-radius: var(--global-border-radius);
  font-size: 14rem;
  line-height: 20rem;
  color: var(--color-white);
  padding: 6rem 8rem 6rem 32rem;
}
.checkout__product-location:before {
  content: "";
  width: 24rem;
  height: 24rem;
  position: absolute;
  top: 50%;
  left: 4rem;
  transform: translateY(-50%);
  filter: brightness(0) invert(1);
  background: url("/theme/assets/img/icons/location-dot.svg") center/contain no-repeat;
}
.checkout__product-name {
  font-size: 24rem;
  line-height: 28rem;
  word-break: break-word;
}
.checkout__product-name:not(:first-child) {
  margin-top: 8rem;
}
.checkout__table {
  line-height: 22rem;
}
.checkout__table th {
  font-size: 20rem;
  line-height: 28rem;
}
.checkout__table th, .checkout__table td {
  word-break: break-word;
}
.checkout__table th:first-child, .checkout__table td:first-child {
  padding-right: 5rem;
}
.checkout__table th:not(:first-child):last-child, .checkout__table td:not(:first-child):last-child {
  text-align: right;
  padding-left: 5rem;
}
.checkout__table tr:not(:first-child) td {
  padding-top: 16rem;
}
.checkout__table thead + tbody tr:first-child td {
  padding-top: 14rem;
}
.checkout__table--primary tr td:first-child {
  color: var(--color-gray-600);
}
.checkout__custom-table-title {
  font-size: 20rem;
  line-height: 28rem;
}
.checkout__custom-table-title:not(:last-child) {
  margin-bottom: 14rem;
}
.checkout__custom-table dl {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 10rem;
  margin: 0;
}
.checkout__custom-table dl dd {
  margin: 0;
}
.checkout__custom-table dl dd:not(:first-child):last-child {
  text-align: right;
}
.checkout__custom-table dl:not(:last-child) {
  margin-bottom: 16rem;
}
.checkout__promocode {
  display: flex;
  flex-direction: column;
  gap: 14rem;
}
.checkout__promocode-handler {
  line-height: 22rem;
  position: relative;
  padding-left: 26rem;
}
.checkout__promocode-handler:before {
  content: "";
  width: 18rem;
  height: 18rem;
  position: absolute;
  top: 0;
  left: 0;
  background: url("/theme/assets/img/icons/tag.svg") center/contain no-repeat;
}
.checkout__promocode-content {
  display: none;
}
.checkout__promocode.active .checkout__promocode-content {
  display: flex;
  flex-direction: column;
  gap: 14rem;
}
.checkout__promocode-form {
  display: flex;
  gap: 8rem;
}
.checkout__promocode-input {
  max-width: calc(100% - 100rem);
}
.checkout__promocode-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 92rem;
  height: 48rem;
  background-color: var(--color-secondary-dark);
  border: 1rem solid var(--color-secondary-dark);
  border-radius: var(--global-border-radius);
  color: var(--color-white);
  font-size: 20rem;
  line-height: 20rem;
  text-align: center;
  padding: 13rem;
  transition: background-color var(--global-transition-duration), border-color var(--global-transition-duration);
}
@media (hover: hover) {
  .checkout__promocode-button:hover {
    background-color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
  }
}
@media (hover: none) {
  .checkout__promocode-button:active {
    background-color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
  }
}
.checkout__promocode-notice {
  display: none;
  background-color: var(--color-primary-light);
  border: 1rem solid var(--color-primary-light);
  border-radius: var(--global-border-radius);
  font-size: 14rem;
  line-height: 20rem;
  padding: 15rem;
}
@media screen and (min-width: 768px) {
  .checkout__promocode-notice {
    padding-left: 23rem;
    padding-right: 23rem;
  }
}
.checkout__promocode-notice.active {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8rem;
}
.checkout__promocode-notice strong {
  font-weight: 600;
  color: var(--color-gray-400);
  white-space: nowrap;
}
.checkout__coupon-messages {
  background-color: var(--color-primary-light);
  border: 1rem solid var(--color-primary-light);
  border-radius: var(--global-border-radius);
  font-size: 14rem;
  line-height: 20rem;
  padding: 15rem;
}
.checkout__coupon-messages:not(:has(> *)) {
  display: none;
}
.checkout .cart-discount {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8rem;
  position: relative;
  background-color: var(--color-primary-light);
  border: 1rem solid var(--color-primary-light);
  border-radius: var(--global-border-radius);
  font-size: 14rem;
  line-height: 20rem;
  margin: 0;
  padding: 15rem;
}
.checkout .cart-discount dd {
  font-weight: 600;
  color: var(--color-gray-400);
  white-space: nowrap;
  margin: 0;
}
.checkout .cart-discount dd:has(a[role=button]) {
  position: absolute;
  top: -10rem;
  right: -10rem;
}
.checkout .cart-discount dd a[role=button] {
  display: block;
  width: 18rem;
  height: 18rem;
  background-color: var(--color-primary);
  border-radius: 50%;
  font-size: 0;
  line-height: 0;
  transition: background-color var(--global-transition-duration);
}
.checkout .cart-discount dd a[role=button]:hover {
  background-color: var(--color-black);
}
.checkout .cart-discount dd a[role=button]:active {
  background-color: var(--color-black);
}
.checkout .cart-discount dd a[role=button]:before, .checkout .cart-discount dd a[role=button]:after {
  content: "";
  width: 10rem;
  height: 1rem;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: var(--color-white);
}
.checkout .cart-discount dd a[role=button]:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.checkout .cart-discount dd a[role=button]:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.checkout__total {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 14rem;
}
.checkout__total-content {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.checkout__total-title {
  font-size: 20rem;
  line-height: 20rem;
}
.checkout__total-text {
  font-size: 12rem;
  line-height: 12rem;
}
.checkout__total-price {
  font-size: 36rem;
  line-height: 40rem;
}
.checkout__total-table th, .checkout__total-table td {
  word-break: break-word;
}
.checkout__total-table th:first-child, .checkout__total-table td:first-child {
  padding-right: 5rem;
}
.checkout__total-table th:not(:first-child):last-child, .checkout__total-table td:not(:first-child):last-child {
  text-align: right;
  padding-left: 5rem;
}
.checkout__submit {
  gap: 10rem;
  width: 100%;
}
.checkout__submit > img {
  width: 18rem;
  min-width: 18rem;
  height: 18rem;
  filter: brightness(0) invert(1);
  object-fit: contain;
}
.checkout .wc-saved-payment-methods {
  display: flex;
  flex-direction: column;
  gap: 16rem;
}
.checkout .wc-saved-payment-methods li {
  position: relative;
  padding-left: 30rem;
  font-size: 14rem;
  line-height: 20rem;
}
@media (hover: hover) {
  .checkout .wc-saved-payment-methods li {
    width: fit-content;
    max-width: 100%;
  }
}
.checkout .wc-saved-payment-methods li:has(input[disabled]) {
  cursor: not-allowed;
}
.checkout .wc-saved-payment-methods li:before,
.checkout .wc-saved-payment-methods li input {
  width: 16rem;
  height: 16rem;
  position: absolute;
  top: 2rem;
  left: 0;
}
.checkout .wc-saved-payment-methods li input {
  width: 16rem !important;
}
.checkout .wc-saved-payment-methods li:before, .checkout .wc-saved-payment-methods li:after {
  content: "";
  border-radius: 50%;
}
.checkout .wc-saved-payment-methods li:before {
  border: 1rem solid var(--color-black);
  transition: background-color var(--global-transition-duration), border-color var(--global-transition-duration);
}
.checkout .wc-saved-payment-methods li:has(input:checked):before {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.checkout .wc-saved-payment-methods li:after {
  width: 8rem;
  height: 8rem;
  position: absolute;
  top: 6rem;
  left: 4rem;
  z-index: 1;
  transform-origin: center;
  transform: scale(0);
  background-color: var(--color-white);
  transition: transform var(--global-transition-duration);
}
.checkout .wc-saved-payment-methods li:has(input:checked):after {
  transform: scale(1);
}
.checkout .wc-saved-payment-methods li input {
  opacity: 0;
  z-index: 2;
}
.checkout .wc-saved-payment-methods li input[disabled] {
  cursor: not-allowed;
}
.checkout .wc-saved-payment-methods li small {
  font-size: 12rem;
  line-height: inherit;
}
.checkout .wc-saved-payment-methods li a {
  text-decoration: underline;
  transition: color var(--global-transition-duration);
}
@media (hover: hover) {
  .checkout .wc-saved-payment-methods li a:hover {
    color: var(--color-primary);
  }
}
@media (hover: none) {
  .checkout .wc-saved-payment-methods li a:active {
    color: var(--color-primary);
  }
}
.checkout__variable-content .payment_box.payment_box payment_method_stripe {
  display: grid;
}
.checkout__billing {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16rem;
}
@media screen and (min-width: 768px) {
  .checkout__billing {
    grid-template-columns: repeat(2, 1fr);
  }
}
.checkout__billing #billing_address_1_field {
  order: 1;
}
@media screen and (min-width: 768px) {
  .checkout__billing #billing_address_1_field {
    grid-column: 1/-1;
  }
}
.checkout__billing #billing_city_field {
  order: 2;
}
.checkout__billing #billing_state_field {
  order: 3;
}
.checkout__billing #billing_postcode_field {
  order: 4;
}
.checkout__billing #billing_country_field {
  order: 5;
}
.checkout__billing .select2-container .select2-selection--single {
  display: flex;
  align-items: center;
  width: 100%;
  height: 48rem;
  background-color: var(--color-gray-100);
  position: relative;
  border: 1rem solid var(--color-gray-100);
  border-radius: var(--global-border-radius);
  margin: 0;
  padding: 0 43rem 0 15rem;
  transition: border-color var(--global-transition-duration);
}
@media (hover: hover) {
  .checkout__billing .select2-container .select2-selection--single:hover {
    border-color: var(--color-gray-400);
  }
}
.checkout__billing .select2-container .select2-selection--single .select2-selection__rendered {
  width: 100%;
  color: var(--color-black);
  padding: 0;
}
.checkout__billing .select2-container .select2-selection--single .select2-selection__arrow {
  display: block;
  width: 24rem;
  height: 24rem;
  position: absolute;
  top: 50%;
  right: 15rem;
  transform: translateY(-50%);
}
.checkout__billing .select2-container .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.checkout__billing .select2-container .select2-selection--single .select2-selection__arrow:before {
  content: "";
  width: 100%;
  height: 100%;
  background: url("/theme/assets/img/icons/chevron-down.svg") center/contain no-repeat;
  transition: transform var(--global-transition-duration);
}
.checkout__billing .select2-container.select2-container--open .select2-selection--single {
  border-color: var(--color-gray-400);
}
.checkout__billing .select2-container.select2-container--open .select2-selection--single .select2-selection__arrow:before {
  transform: rotate(180deg);
}
.checkout .woocommerce-notices-wrapper {
  order: 1;
  width: 100%;
}
.checkout .woocommerce-NoticeGroup {
  order: 1;
  width: 100%;
  position: relative;
  background-color: var(--color-primary-light);
  border: 1rem solid var(--color-primary-light);
  border-radius: var(--global-border-radius);
  font-size: 14rem;
  line-height: 20rem;
  color: var(--color-gray-800);
  padding: 15rem 15rem 15rem 45rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .checkout .woocommerce-NoticeGroup {
    max-width: calc(100% - 470rem);
  }
}
@media screen and (min-width: 768px) {
  .checkout .woocommerce-NoticeGroup {
    padding-left: 53rem;
    padding-right: 23rem;
  }
}
.checkout .woocommerce-NoticeGroup:before {
  content: "";
  width: 16rem;
  height: 16rem;
  position: absolute;
  top: 15rem;
  left: 15rem;
  background-image: url("/theme/assets/img/icons/circle-info.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .checkout .woocommerce-NoticeGroup:before {
    left: 23rem;
  }
}
.checkout .woocommerce-NoticeGroup li:not(:first-child) {
  margin-top: 8rem;
}
.checkout .woocommerce-NoticeGroup a[href^="#"] {
  pointer-events: none;
}
.checkout .address-autocomplete {
  display: block;
  position: relative;
}
.checkout .address-autocomplete .input:not([disabled]):focus {
  border-color: var(--color-gray-400);
}
.checkout .address-autocomplete #billing_delivery_pickup_suggestions,
.checkout .address-autocomplete #billing_delivery_dropoff_suggestions {
  display: flex;
  flex-direction: column;
  gap: 10rem;
  width: 100%;
  max-height: 166rem;
  overflow-y: auto;
  position: absolute;
  bottom: 6rem;
  left: 0;
  z-index: 1;
  visibility: visible;
  opacity: 1;
  transform: translateY(100%);
  background-color: var(--color-gray-200);
  border: 1rem solid var(--color-gray-400);
  border-radius: 0 0 var(--global-border-radius) var(--global-border-radius);
  padding: 15rem;
  transition: visibility var(--global-transition-duration), opacity var(--global-transition-duration);
}
.checkout .address-autocomplete #billing_delivery_pickup_suggestions.hidden,
.checkout .address-autocomplete #billing_delivery_dropoff_suggestions.hidden {
  visibility: hidden;
  opacity: 0;
}
@media (hover: hover) {
  .checkout .address-autocomplete #billing_delivery_pickup_suggestions,
  .checkout .address-autocomplete #billing_delivery_dropoff_suggestions {
    padding-right: 8rem;
  }
}
.checkout .address-autocomplete #billing_delivery_pickup_suggestions::-webkit-scrollbar,
.checkout .address-autocomplete #billing_delivery_dropoff_suggestions::-webkit-scrollbar {
  width: 3rem;
}
.checkout .address-autocomplete #billing_delivery_pickup_suggestions::-webkit-scrollbar-track,
.checkout .address-autocomplete #billing_delivery_dropoff_suggestions::-webkit-scrollbar-track {
  background-color: var(--color-gray-200);
}
.checkout .address-autocomplete #billing_delivery_pickup_suggestions::-webkit-scrollbar-thumb,
.checkout .address-autocomplete #billing_delivery_dropoff_suggestions::-webkit-scrollbar-thumb {
  background-color: var(--color-secondary);
  border-radius: 2rem;
}
.checkout .address-autocomplete #billing_delivery_pickup_suggestions button,
.checkout .address-autocomplete #billing_delivery_dropoff_suggestions button {
  display: flex;
  align-items: center;
  gap: 4rem;
  border-radius: var(--global-sm-border-radius);
  font-size: 14rem;
  line-height: 18rem;
  color: var(--color-black);
  padding: 4rem;
  transition: background-color var(--global-transition-duration), color var(--global-transition-duration);
}
.checkout .address-autocomplete #billing_delivery_pickup_suggestions button svg,
.checkout .address-autocomplete #billing_delivery_dropoff_suggestions button svg {
  width: 16rem;
  min-width: 16rem;
  height: 16rem;
}
.checkout .address-autocomplete #billing_delivery_pickup_suggestions button.selected,
.checkout .address-autocomplete #billing_delivery_dropoff_suggestions button.selected {
  background-color: var(--color-secondary);
  color: var(--color-white);
}
.checkout .address-autocomplete #billing_delivery_pickup_suggestions button:not([disabled]),
.checkout .address-autocomplete #billing_delivery_dropoff_suggestions button:not([disabled]) {
  cursor: pointer;
}
@media (hover: hover) {
  .checkout .address-autocomplete #billing_delivery_pickup_suggestions button:not([disabled]):hover,
  .checkout .address-autocomplete #billing_delivery_dropoff_suggestions button:not([disabled]):hover {
    background-color: var(--color-secondary);
    color: var(--color-white);
  }
}
@media (hover: none) {
  .checkout .address-autocomplete #billing_delivery_pickup_suggestions button:not([disabled]):active,
  .checkout .address-autocomplete #billing_delivery_dropoff_suggestions button:not([disabled]):active {
    background-color: var(--color-secondary);
    color: var(--color-white);
  }
}

.select2-container .select2-dropdown {
  background-color: var(--color-gray-200);
  border: 1rem solid var(--color-gray-400);
  border-top: none;
  border-radius: 0 0 var(--global-border-radius) var(--global-border-radius);
  padding: 15rem;
}
.select2-container .select2-dropdown .select2-search--dropdown {
  display: none;
}
.select2-container .select2-dropdown .select2-results__options {
  display: flex;
  flex-direction: column;
  gap: 10rem;
  max-height: 134rem;
  padding: 0;
}
@media (hover: hover) {
  .select2-container .select2-dropdown .select2-results__options {
    padding-right: 12rem;
  }
}
.select2-container .select2-dropdown .select2-results__options::-webkit-scrollbar {
  width: 3rem;
}
.select2-container .select2-dropdown .select2-results__options::-webkit-scrollbar-track {
  border: 1rem solid var(--color-gray-200);
  background-color: var(--color-gray-400);
}
.select2-container .select2-dropdown .select2-results__options::-webkit-scrollbar-thumb {
  background-color: var(--color-secondary);
  border-radius: 2rem;
}
.select2-container .select2-dropdown .select2-results__options li.select2-results__option {
  background-color: transparent;
  border-radius: var(--global-sm-border-radius);
  font-size: 14rem;
  line-height: 18rem;
  color: var(--color-black);
  text-align: center;
  padding: 4rem;
  transition: background-color var(--global-transition-duration), color var(--global-transition-duration);
}
.select2-container .select2-dropdown .select2-results__options li.select2-results__option[data-selected=true] {
  background-color: var(--color-secondary);
  color: var(--color-white);
}
.select2-container .select2-dropdown .select2-results__options li.select2-results__option:not([disabled]) {
  cursor: pointer;
}
@media (hover: hover) {
  .select2-container .select2-dropdown .select2-results__options li.select2-results__option:not([disabled]):hover {
    background-color: var(--color-secondary);
    color: var(--color-white);
  }
}
@media (hover: none) {
  .select2-container .select2-dropdown .select2-results__options li.select2-results__option:not([disabled]):active {
    background-color: var(--color-secondary);
    color: var(--color-white);
  }
}

.colored-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 30rem;
  width: 100%;
  background-color: var(--color-gray-100);
  border: 1px solid var(--color-gray-300);
  border-radius: 14rem;
  padding: 43rem 23rem;
}
.colored-card__title {
  font-size: 24rem;
  line-height: 26rem;
}
@media screen and (min-width: 768px) {
  .colored-card__title {
    font-size: 28rem;
    line-height: 31rem;
  }
}
.colored-card__subtitle {
  font-size: 16rem;
  line-height: 20rem;
}
@media screen and (min-width: 768px) {
  .colored-card__subtitle {
    font-size: 20rem;
  }
}

.colored-cards-slider {
  overflow: unset;
}
.colored-cards-slider:not(:first-child) {
  margin-top: 40rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .colored-cards-slider:not(:first-child) {
    margin-top: 50rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .colored-cards-slider .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30rem;
  }
}
.colored-cards-slider .swiper-slide {
  display: flex;
  max-width: 312rem;
  height: auto;
  min-height: 370rem;
}
@media screen and (min-width: 768px) {
  .colored-cards-slider .swiper-slide {
    max-width: 330rem;
    min-height: 450rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .colored-cards-slider .swiper-slide {
    max-width: 100%;
  }
}
.colored-cards-slider .swiper-slide:not(:last-child) {
  margin-right: 16rem;
}
@media screen and (min-width: 768px) {
  .colored-cards-slider .swiper-slide:not(:last-child) {
    margin-right: 30rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .colored-cards-slider .swiper-slide:not(:last-child) {
    margin-right: 0;
  }
}
.colored-cards-slider .swiper-slide:nth-child(3n+2) .colored-card {
  background-color: var(--color-secondary);
  color: var(--color-white);
}
.colored-cards-slider .swiper-slide:nth-child(3n+3) .colored-card {
  background-color: var(--color-primary);
  color: var(--color-white);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .colored-cards-slider .swiper-slide:nth-child(6n+2) .colored-card, .colored-cards-slider .swiper-slide:nth-child(6n+5) .colored-card {
    background-color: var(--color-secondary);
    color: var(--color-white);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .colored-cards-slider .swiper-slide:nth-child(6n+3) .colored-card, .colored-cards-slider .swiper-slide:nth-child(6n+4) .colored-card {
    background-color: var(--color-primary);
    color: var(--color-white);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .colored-cards-slider .swiper-slide:nth-child(6n+6) .colored-card {
    background-color: var(--color-gray-100);
    color: var(--color-black);
  }
}

.contact-block {
  display: flex;
  flex-direction: column;
  gap: 80rem;
  background-color: var(--color-primary);
  border-radius: 14rem;
  color: var(--color-white);
  padding: 40rem 24rem;
}
.contact-block__title {
  border-bottom: 1rem solid rgba(255, 255, 255, 0.2);
  font-size: 16rem;
  line-height: 18rem;
  padding-bottom: 40rem;
}
@media screen and (min-width: 768px) {
  .contact-block__title {
    font-size: 24rem;
    line-height: 26rem;
  }
}
.contact-block__form {
  display: flex;
  flex-direction: column;
  gap: 24rem;
  position: relative;
}
.contact-block__form br {
  display: none;
}
.contact-block__form-fields, .contact-block__form-fields > p {
  display: flex;
  flex-direction: column;
  gap: 16rem;
}
.contact-block__form .wpcf7-form-control-wrap {
  display: block;
}
.contact-block__form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  display: none;
}
.contact-block__form-handler {
  position: relative;
}
@media screen and (min-width: 768px) {
  .contact-block__form-button {
    width: 290rem;
    min-width: fit-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
.contact-block__form.submitting .contact-block__form-button {
  background-color: var(--color-white);
  color: transparent;
}
.contact-block__form .wpcf7-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--color-primary);
  margin: 0;
}
.contact-block__form .wpcf7-spinner:before {
  background-color: var(--color-white);
}

.wpcf7:has(.contact-block__form) .wpcf7-response-output {
  width: 100%;
  position: absolute;
  bottom: -8rem;
  left: 0;
  transform: translateY(100%);
  border: none;
  font-size: 12rem;
  line-height: 12rem;
  color: var(--color-white);
  text-align: center;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .wpcf7:has(.contact-block__form) .wpcf7-response-output {
    bottom: -14rem;
  }
}

.contact-hero-section {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  background-color: var(--color-black);
  color: var(--color-white);
  padding: 159rem 0 var(--section-padding-y);
  margin: 0;
}
@media screen and (min-width: 768px) {
  .contact-hero-section {
    padding-top: 208rem;
  }
}
.contact-hero-section__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .contact-hero-section__grid {
    grid-template-columns: 1fr 426rem;
    align-items: flex-end;
    gap: 59rem;
  }
}
.contact-hero-section__header {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
@media screen and (min-width: 768px) {
  .contact-hero-section__header {
    gap: 14rem;
  }
}
.contact-hero-section__slogan {
  font-size: 14rem;
  line-height: 15rem;
  letter-spacing: -0.14rem;
}
@media screen and (min-width: 768px) {
  .contact-hero-section__slogan {
    font-size: 16rem;
    line-height: 18rem;
    letter-spacing: -0.16rem;
  }
}
.contact-hero-section__title {
  font-family: var(--secondary-font-family);
  font-weight: 900;
  font-size: 30rem;
  line-height: 30rem;
  letter-spacing: -0.3rem;
}
@media screen and (min-width: 768px) {
  .contact-hero-section__title {
    font-size: 75rem;
    line-height: 64rem;
    letter-spacing: -0.75rem;
  }
}
.contact-hero-section__title br {
  display: none;
}
@media screen and (min-width: 768px) {
  .contact-hero-section__title br {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .contact-hero-section__text {
    font-size: 20rem;
    line-height: 22rem;
  }
}
.contact-hero-section__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
}
.contact-hero-section__bg:before {
  content: "";
  width: 495rem;
  height: 153rem;
  position: absolute;
  top: 146rem;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0.9;
  background-color: #041016;
  border-radius: 50%;
  filter: blur(100rem);
}
@media screen and (min-width: 768px) {
  .contact-hero-section__bg:before {
    width: 353rem;
    height: 273rem;
    top: 143rem;
    left: calc(50% - 555rem);
    transform: translateX(-50%);
    opacity: 1;
    background-color: var(--color-black);
    filter: blur(290rem);
  }
}
.contact-hero-section__bg:after {
  content: "";
  width: 623rem;
  height: 82rem;
  position: absolute;
  top: -28rem;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0.8;
  background-color: var(--color-white);
  border-radius: 50%;
  filter: blur(200rem);
}
@media screen and (min-width: 768px) {
  .contact-hero-section__bg:after {
    width: 474rem;
    height: 233rem;
    top: 198rem;
    left: calc(50% + 405rem);
    background-color: #001325;
    filter: blur(290rem);
  }
}
.contact-hero-section__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wrapper.wh-contact {
  padding-top: 0;
}
.wrapper.wh-contact .header:not(.header--scroll) {
  background-color: transparent;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-contact .header:not(.header--scroll) {
    color: var(--color-white);
  }
}
.wrapper.wh-contact .header:not(.header--scroll) .header__burger:not(.active):before, .wrapper.wh-contact .header:not(.header--scroll) .header__burger:not(.active):after,
.wrapper.wh-contact .header:not(.header--scroll) .header__burger:not(.active) span:before,
.wrapper.wh-contact .header:not(.header--scroll) .header__burger:not(.active) span:after {
  background-color: var(--color-white);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-contact .header:not(.header--scroll) .header__menu > li:has(> ul) > a:after {
    filter: brightness(0) invert(1);
    transition: transform var(--global-transition-duration), filter var(--global-transition-duration);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-contact .header:not(.header--scroll) .language-switch:not(.active) .language-switch__button {
    border-color: var(--color-white);
    color: var(--color-white);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-contact .header:not(.header--scroll) .language-switch:not(.active) .language-switch__button:after {
    background-color: var(--color-white);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-contact .header:not(.header--scroll) .header__button {
    border-color: var(--color-white);
    color: var(--color-white);
  }
}

.contact-section {
  position: relative;
  z-index: 1;
  background-color: var(--color-gray-300);
  padding: var(--section-padding-y) 0;
}
.contact-section:last-child {
  margin-bottom: 0;
}
.contact-section__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .contact-section__grid {
    justify-content: space-between;
    grid-template-columns: 648rem 440rem;
  }
}
.contact-section__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
}
.contact-section__bg:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.1;
  background-color: var(--color-black);
}
.contact-section__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content-editor {
  font-weight: 400;
  font-size: 14rem;
  line-height: 20rem;
  color: var(--color-gray-800);
}
@media screen and (min-width: 768px) {
  .content-editor {
    font-size: 16rem;
    line-height: 22rem;
  }
}
.content-editor h1,
.content-editor h2,
.content-editor h3,
.content-editor h4,
.content-editor h5,
.content-editor h6,
.content-editor strong {
  font-weight: 600;
  color: var(--color-black);
}
.content-editor h1,
.content-editor h2,
.content-editor h3,
.content-editor h4,
.content-editor h5,
.content-editor h6 {
  scroll-margin-top: calc(var(--header-height) + 10rem);
}
.content-editor h1:not(:first-child),
.content-editor h2:not(:first-child),
.content-editor h3:not(:first-child),
.content-editor h4:not(:first-child),
.content-editor h5:not(:first-child),
.content-editor h6:not(:first-child),
.content-editor blockquote:not(:first-child),
.content-editor .wp-block-image:not(:first-child),
.content-editor .wp-block-table:not(:first-child),
.content-editor table:not(:first-child) {
  margin-top: 30rem;
}
@media screen and (min-width: 768px) {
  .content-editor h1:not(:first-child),
  .content-editor h2:not(:first-child),
  .content-editor h3:not(:first-child),
  .content-editor h4:not(:first-child),
  .content-editor h5:not(:first-child),
  .content-editor h6:not(:first-child),
  .content-editor blockquote:not(:first-child),
  .content-editor .wp-block-image:not(:first-child),
  .content-editor .wp-block-table:not(:first-child),
  .content-editor table:not(:first-child) {
    margin-top: 40rem;
  }
}
.content-editor h2 {
  font-size: 24rem;
  line-height: 26rem;
}
@media screen and (min-width: 768px) {
  .content-editor h2 {
    font-size: 36rem;
    line-height: 40rem;
  }
}
.content-editor h3 {
  font-size: 24rem;
  line-height: 26rem;
}
.content-editor h4 {
  font-size: 20rem;
  line-height: 22rem;
}
@media screen and (min-width: 768px) {
  .content-editor h4 {
    font-size: 24rem;
    line-height: 26rem;
  }
}
.content-editor h5 {
  font-size: 18rem;
  line-height: 20rem;
}
.content-editor h6 {
  font-size: 16rem;
  line-height: 18rem;
}
.content-editor p:not(:first-child) {
  margin-top: 24rem;
}
.content-editor ul,
.content-editor ol {
  line-height: 19rem;
}
@media screen and (min-width: 768px) {
  .content-editor ul,
  .content-editor ol {
    line-height: 22rem;
  }
}
.content-editor ul:not(:first-child),
.content-editor ol:not(:first-child) {
  margin-top: 16rem;
}
.content-editor ul > li:not(:first-child),
.content-editor ol > li:not(:first-child) {
  margin-top: 8rem;
}
.content-editor ul > li {
  position: relative;
  padding-left: 14rem;
}
.content-editor ul > li:before {
  content: "";
  width: 6rem;
  height: 6rem;
  position: absolute;
  top: 7rem;
  left: 0;
  background-color: var(--color-primary);
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .content-editor ul > li:before {
    top: 8rem;
  }
}
.content-editor ol {
  counter-reset: contentEditorOlCounter;
}
.content-editor ol > li {
  position: relative;
  counter-increment: contentEditorOlCounter;
  padding-left: 24rem;
}
@media screen and (min-width: 768px) {
  .content-editor ol > li {
    padding-left: 26rem;
  }
}
.content-editor ol > li:nth-child(1), .content-editor ol > li:nth-child(2), .content-editor ol > li:nth-child(3), .content-editor ol > li:nth-child(4), .content-editor ol > li:nth-child(5), .content-editor ol > li:nth-child(6), .content-editor ol > li:nth-child(7), .content-editor ol > li:nth-child(8), .content-editor ol > li:nth-child(9) {
  padding-left: 16rem;
}
@media screen and (min-width: 768px) {
  .content-editor ol > li:nth-child(1), .content-editor ol > li:nth-child(2), .content-editor ol > li:nth-child(3), .content-editor ol > li:nth-child(4), .content-editor ol > li:nth-child(5), .content-editor ol > li:nth-child(6), .content-editor ol > li:nth-child(7), .content-editor ol > li:nth-child(8), .content-editor ol > li:nth-child(9) {
    padding-left: 18rem;
  }
}
.content-editor ol > li:before {
  content: counter(contentEditorOlCounter) ".";
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 600;
  color: var(--color-primary);
}
.content-editor img {
  width: 100%;
  height: 250rem;
  border-radius: 8rem;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .content-editor img {
    height: 353rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .content-editor img {
    height: 500rem;
  }
}
.content-editor figcaption {
  font-weight: 500;
  color: var(--color-gray-500);
  margin: 0;
}
.content-editor figcaption:not(:first-child) {
  margin-top: 16rem;
}
.content-editor blockquote {
  background-color: var(--color-primary-light);
  border-left: 1rem solid var(--color-primary);
  border-radius: 8rem;
  font-style: italic;
  font-size: 18rem;
  line-height: 25rem;
  color: var(--color-black);
  padding: 24rem 24rem 24rem 23rem;
}
@media screen and (min-width: 768px) {
  .content-editor blockquote {
    font-size: 24rem;
    line-height: 34rem;
  }
}
.content-editor cite {
  font-size: 14rem;
  line-height: 20rem;
  color: var(--color-gray-800);
}
.content-editor cite:not(:first-child) {
  margin-top: 12rem;
}
.content-editor table {
  display: block;
  max-width: 100%;
  overflow-y: auto;
  background-color: var(--color-primary-light);
}
.content-editor table::-webkit-scrollbar {
  width: 8rem;
  height: 8rem;
}
.content-editor table::-webkit-scrollbar-track {
  background-color: var(--color-gray-100);
  border-radius: 4rem;
}
.content-editor table::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  border-radius: 4rem;
}
.content-editor table thead,
.content-editor table tbody {
  border: none;
}
.content-editor table th,
.content-editor table td {
  border: 1rem solid var(--color-gray-300);
  padding: 9rem;
}
.content-editor table th {
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
  color: var(--color-black);
}
.content-editor table td {
  max-width: 400rem;
}
.content-editor .wp-block-table {
  overflow-x: auto;
  margin: 0 calc(var(--container-padding-x) * -1);
  padding: 0 var(--container-padding-x);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .content-editor .wp-block-table {
    overflow: unset;
    margin: 0;
    padding: 0;
  }
}
.content-editor .wp-block-table::-webkit-scrollbar {
  width: 8rem;
  height: 8rem;
}
.content-editor .wp-block-table::-webkit-scrollbar-track {
  background-color: var(--color-gray-100);
  border-radius: 4rem;
}
.content-editor .wp-block-table::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  border-radius: 4rem;
}
.content-editor .wp-block-table table {
  display: table;
  max-width: unset;
  min-width: max-content;
  table-layout: auto;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .content-editor .wp-block-table table {
    min-width: unset;
  }
}
.content-editor .wp-block-group {
  background-color: var(--color-primary-light);
  border-radius: 8rem;
  padding: 24rem;
}
.content-editor .wp-block-group:not(:first-child),
.content-editor .wp-block-columns:not(:first-child) {
  margin-top: 24rem;
}
.content-editor .wp-block-group > p:not(:first-child) {
  margin-top: 16rem;
}
.content-editor .wp-block-columns {
  margin-bottom: 0;
}
.content-editor .wp-block-column {
  background-color: var(--color-gray-200);
  border: 1rem solid var(--color-gray-300);
  border-radius: 8rem;
  padding: 25rem 15rem;
}

body .content-editor .wp-block-group {
  display: block;
}

body .content-editor .wp-block-columns {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16rem;
}
@media screen and (min-width: 768px) {
  body .content-editor .wp-block-columns {
    grid-template-columns: repeat(2, 1fr);
    gap: 30rem;
  }
}

@media screen and (min-width: 601px) {
  body.wh-wpadminbar .content-editor h1,
  body.wh-wpadminbar .content-editor h2,
  body.wh-wpadminbar .content-editor h3,
  body.wh-wpadminbar .content-editor h4,
  body.wh-wpadminbar .content-editor h5,
  body.wh-wpadminbar .content-editor h6 {
    scroll-margin-top: calc(var(--header-height) + 10rem + 46px);
  }
}

.country-card {
  display: block;
  width: 100%;
  position: relative;
  transition: transform var(--global-transition-duration);
}
.country-card[href="#"] {
  pointer-events: none;
}
@media (hover: hover) {
  .country-card:hover {
    transform: translateY(-10rem);
  }
}
@media (hover: none) {
  .country-card:active {
    transform: translateY(-10rem);
  }
}
.country-card__title {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  position: absolute;
  top: 6rem;
  left: 6rem;
  z-index: 1;
  background-color: var(--color-white);
  border-radius: var(--global-border-radius);
  font-size: 14rem;
  line-height: 20rem;
  padding: 4rem 6rem 4rem 30rem;
}
@media screen and (min-width: 768px) {
  .country-card__title {
    top: 16rem;
    left: 16rem;
    padding: 6rem 8rem 6rem 32rem;
  }
}
.country-card__title:before {
  content: "";
  width: 20rem;
  height: 20rem;
  position: absolute;
  top: 50%;
  left: 6rem;
  transform: translateY(-50%);
  background: url("/theme/assets/img/icons/location-dot.svg") center/contain no-repeat;
}
@media screen and (min-width: 768px) {
  .country-card__title:before {
    left: 8rem;
  }
}
.country-card__bg {
  background-color: var(--color-gray-100);
  border: 1rem solid var(--color-gray-500);
  border-radius: var(--global-border-radius);
  padding-top: 65.0154798762%;
}
@media screen and (min-width: 768px) {
  .country-card__bg {
    padding-top: 65.3784219002%;
  }
}

.country-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16rem;
}
@media screen and (min-width: 768px) {
  .country-cards {
    gap: 30rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .country-cards {
    grid-template-columns: repeat(4, 1fr);
  }
}
.country-cards:not(:first-child) {
  margin-top: 40rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .country-cards:not(:first-child) {
    margin-top: 50rem;
  }
}
.country-cards + .load-more-button:not(.active) {
  display: none;
}

.date-time-field {
  display: flex;
  flex-wrap: wrap;
  gap: 8rem;
  width: 100%;
  position: relative;
}
.date-time-field > .woocommerce-input-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 8rem;
  width: 100%;
  position: relative;
}
.date-time-field__handler, .date-time-field__input {
  max-width: calc(100% - 138rem);
}
.date-time-field__handler {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.date-time-field__handler::-webkit-calendar-picker-indicator {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  cursor: pointer;
}
@media (hover: hover) {
  .date-time-field__handler:not([disabled]):hover + .date-time-field__input {
    border-color: var(--color-gray-400);
  }
}
.date-time-field.active .date-time-field__handler:not([disabled]) + .date-time-field__input {
  border-color: var(--color-gray-800);
}
.date-time-field__select {
  max-width: 130rem;
}

.default-content-section:first-child {
  border-top: 1rem solid var(--color-gray-300);
  margin-top: 0;
  padding-top: 20rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .default-content-section:first-child {
    border-top: none;
    padding-top: 30rem;
  }
}

.default-content {
  font-size: 14rem;
  line-height: 20rem;
  color: var(--color-gray-800);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .default-content {
    font-size: 16rem;
    line-height: 22rem;
  }
}
.default-content h1, .default-content h2, .default-content h3, .default-content h4, .default-content h5, .default-content h6 {
  font-weight: 600;
  color: var(--color-black);
}
.default-content h1 {
  font-size: 30rem;
  line-height: 30rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .default-content h1 {
    font-size: 64rem;
    line-height: 58rem;
  }
}
.default-content h2 {
  font-size: 24rem;
  line-height: 26rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .default-content h2 {
    font-size: 36rem;
    line-height: 40rem;
  }
}
.default-content h2:not(:first-child) {
  margin-top: 30rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .default-content h2:not(:first-child) {
    margin-top: 40rem;
  }
}
.default-content h3 {
  font-size: 24rem;
  line-height: 26rem;
}
.default-content h3:not(:first-child) {
  margin-top: 30rem;
}
.default-content h4 {
  font-size: 20rem;
  line-height: 22rem;
}
.default-content h4:not(:first-child) {
  margin-top: 30rem;
}
.default-content h5 {
  font-size: 18rem;
  line-height: 20rem;
}
.default-content h5:not(:first-child) {
  margin-top: 30rem;
}
.default-content h5 {
  font-size: 16rem;
  line-height: 18rem;
}
.default-content h5:not(:first-child) {
  margin-top: 30rem;
}
.default-content p:not(:first-child) {
  margin-top: 24rem;
}
.default-content ul:not(:first-child), .default-content ol:not(:first-child) {
  margin-top: 16rem;
}
.default-content ul li:not(:first-child), .default-content ol li:not(:first-child) {
  margin-top: 8rem;
}
.default-content ul > li {
  position: relative;
  padding-left: 12rem;
}
.default-content ul > li:before {
  content: "";
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: 8rem;
  left: 0;
  background-color: var(--color-primary);
  border-radius: 50%;
}
.default-content table {
  background-color: var(--color-gray-200);
  border: 1rem solid var(--color-gray-300);
}
.default-content table:not(:first-child) {
  margin-top: 30rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .default-content table:not(:first-child) {
    margin-top: 40rem;
  }
}
.default-content table th, .default-content table td {
  padding: 0 15rem;
}
.default-content table th {
  font-weight: 600;
  font-size: 20rem;
  line-height: 28rem;
  padding-top: 25rem;
}
.default-content table td {
  padding-top: 24rem;
}
.default-content table tbody tr:last-child td {
  padding-bottom: 25rem;
}
.default-content .table-wrapper {
  border: 1rem solid var(--color-gray-300);
  overflow-x: auto;
  border-radius: 14rem;
}
.default-content .table-wrapper:not(:first-child) {
  margin-top: 30rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .default-content .table-wrapper:not(:first-child) {
    margin-top: 40rem;
  }
}
.default-content .table-wrapper > table {
  min-width: max-content;
  border: none;
}
.default-content strong {
  font-weight: 600;
  color: var(--color-black);
}
.default-content a {
  color: var(--color-primary);
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: text-decoration-color var(--global-transition-duration);
}
@media (hover: hover) {
  .default-content a:hover {
    text-decoration-color: var(--color-primary);
  }
}
@media (hover: none) {
  .default-content a:active {
    text-decoration-color: var(--color-primary);
  }
}

.default-hero-section {
  display: flex;
  align-items: flex-end;
  min-height: 580rem;
  position: relative;
  z-index: 1;
  background-color: var(--color-black);
  color: var(--color-white);
  padding: var(--section-padding-y) 0;
}
@media screen and (min-width: 768px) {
  .default-hero-section {
    min-height: 800rem;
  }
}
.default-hero-section:first-child {
  padding-top: calc(var(--header-height) + var(--section-padding-y));
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .default-hero-section__inner {
    max-width: 762rem;
  }
}
.default-hero-section__title {
  font-weight: 900;
  font-family: var(--secondary-font-family);
  font-size: 30rem;
  line-height: 26rem;
  letter-spacing: -0.3rem;
}
@media screen and (min-width: 768px) {
  .default-hero-section__title {
    font-size: 75rem;
    line-height: 64rem;
    letter-spacing: -0.75rem;
  }
}
.default-hero-section__title br {
  display: none;
}
@media screen and (min-width: 768px) {
  .default-hero-section__title br {
    display: block;
  }
}
.default-hero-section__subtitle {
  font-size: 16rem;
  line-height: 18rem;
}
@media screen and (min-width: 768px) {
  .default-hero-section__subtitle {
    font-size: 24rem;
    line-height: 26rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .default-hero-section__subtitle {
    max-width: 532rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .default-hero-section__subtitle--long {
    max-width: 582rem;
  }
}
.default-hero-section__subtitle:not(:first-child) {
  margin-top: 8rem;
}
@media screen and (min-width: 768px) {
  .default-hero-section__subtitle:not(:first-child) {
    margin-top: 18rem;
  }
}
.default-hero-section__subtitle br {
  display: none;
}
@media screen and (min-width: 768px) {
  .default-hero-section__subtitle br {
    display: block;
  }
}
.default-hero-section__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 14rem;
}
.default-hero-section__buttons:not(:first-child) {
  margin-top: 16rem;
}
@media screen and (min-width: 768px) {
  .default-hero-section__buttons:not(:first-child) {
    margin-top: 40rem;
  }
}
@media screen and (min-width: 768px) {
  .default-hero-section__button {
    width: 290rem;
    min-width: fit-content;
    max-width: 100%;
  }
}
.default-hero-section__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
}
.default-hero-section__bg:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.2;
  background-color: var(--color-black);
}
.default-hero-section__bg picture,
.default-hero-section__bg img {
  width: 100%;
  height: 100%;
}
.default-hero-section__bg img {
  object-fit: cover;
}

.wrapper.wh-default {
  padding-top: 0;
}
.wrapper.wh-default .header:not(.header--scroll) {
  background-color: transparent;
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-default-light .header:not(.header--scroll) {
    color: var(--color-white);
  }
}
.wrapper.wh-default-light .header:not(.header--scroll) .header__logo img {
  filter: brightness(0) invert(1);
}
.wrapper.wh-default-light .header:not(.header--scroll):has(.header__burger.active) .header__logo img {
  filter: brightness(1) invert(0);
}
.wrapper.wh-default-light .header:not(.header--scroll) .header__burger:not(.active):before, .wrapper.wh-default-light .header:not(.header--scroll) .header__burger:not(.active):after,
.wrapper.wh-default-light .header:not(.header--scroll) .header__burger:not(.active) span:before,
.wrapper.wh-default-light .header:not(.header--scroll) .header__burger:not(.active) span:after {
  background-color: var(--color-white);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-default-light .header:not(.header--scroll) .header__menu > li:has(> ul) > a:after {
    filter: brightness(0) invert(1);
    transition: transform var(--global-transition-duration), filter var(--global-transition-duration);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-default-light .header:not(.header--scroll) .header__button {
    border-color: var(--color-white);
    color: var(--color-white);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-default-light .header:not(.header--scroll) .language-switch:not(.active) .language-switch__button {
    border-color: var(--color-white);
    color: var(--color-white);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-default-light .header:not(.header--scroll) .language-switch:not(.active) .language-switch__button:after {
    background-color: var(--color-white);
  }
}

.detailed-rating {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16rem;
}
@media screen and (min-width: 768px) {
  .detailed-rating {
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 30rem;
  }
}
.detailed-rating__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8rem 4rem;
}
@media screen and (min-width: 768px) {
  .detailed-rating__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 14rem;
  }
}
.detailed-rating__header-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8rem;
}
.detailed-rating__value {
  font-size: 24rem;
  line-height: 24rem;
}
@media screen and (min-width: 768px) {
  .detailed-rating__value {
    width: 100%;
    font-size: 154rem;
    line-height: 124rem;
    letter-spacing: -7.7rem;
  }
}
.detailed-rating__count {
  font-size: 14rem;
}
.detailed-rating__progress {
  width: 100%;
  height: 2rem;
  position: relative;
  background-color: var(--color-gray-400);
  border-radius: 1rem;
}
@media screen and (min-width: 768px) {
  .detailed-rating__progress {
    height: 4rem;
    border-radius: 2rem;
  }
}
.detailed-rating__progress:after {
  content: "";
  width: calc(var(--detailed-rating-progress, 0) / 5 * 100%);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-gray-800);
  border-radius: inherit;
}
.detailed-rating__table {
  font-size: 12rem;
  line-height: 20rem;
}
@media screen and (min-width: 768px) {
  .detailed-rating__table {
    font-size: 16rem;
  }
}
.detailed-rating__table td {
  padding: 0 7rem;
}
@media screen and (min-width: 768px) {
  .detailed-rating__table td {
    padding: 0 8rem;
  }
}
.detailed-rating__table td:first-child {
  padding-left: 0;
}
.detailed-rating__table td:has(> .detailed-rating__progress) {
  width: 100%;
}
.detailed-rating__table td:not(:first-child):last-child {
  white-space: nowrap;
  color: var(--color-gray-800);
  padding-right: 0;
}
.detailed-rating__table tr:not(:first-child) td {
  padding-top: 6rem;
}
@media screen and (min-width: 768px) {
  .detailed-rating__table tr:not(:first-child) td {
    padding-top: 12rem;
  }
}

.dropdown-block {
  overflow: hidden;
  border: 1px solid var(--color-gray-300);
  border-radius: var(--global-border-radius);
}
.dropdown-block__header {
  position: relative;
  background-color: var(--color-primary);
  border-radius: 0 0 var(--global-border-radius) var(--global-border-radius);
  color: var(--color-white);
  padding: 35rem 16rem 71rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .dropdown-block__header {
    padding: 43rem;
  }
}
.dropdown-block__header:after {
  content: "";
  width: 40rem;
  height: 40rem;
  position: absolute;
  bottom: 15rem;
  left: 50%;
  transform: translateX(-50%);
  transform-origin: center;
  background: url("/theme/assets/img/icons/chevron-down-lg-light.svg") center/contain no-repeat;
  transition: transform var(--global-transition-duration);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .dropdown-block__header:after {
    display: none;
  }
}
.dropdown-block__header:has(.dropdown-block__handler:checked):after {
  transform: translateX(-50%) rotate(180deg);
}
.dropdown-block__title {
  font-size: 24rem;
  line-height: 24rem;
  letter-spacing: -0.24rem;
}
@media screen and (min-width: 768px) {
  .dropdown-block__title {
    font-size: 36rem;
    line-height: 36rem;
    letter-spacing: -0.36rem;
  }
}
.dropdown-block__subtitle {
  font-size: 16rem;
  line-height: 18rem;
  letter-spacing: -0.16rem;
}
@media screen and (min-width: 768px) {
  .dropdown-block__subtitle {
    font-size: 20rem;
    line-height: 22rem;
    letter-spacing: -0.2rem;
  }
}
.dropdown-block__subtitle:not(:first-child) {
  margin-top: 16rem;
}
.dropdown-block__handler {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .dropdown-block__handler {
    display: none;
  }
}
.dropdown-block__handler:not([disabled]) {
  cursor: pointer;
}
.dropdown-block__dropdown {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--global-transition-duration);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .dropdown-block__dropdown {
    grid-template-rows: 1fr;
    transition: unset;
  }
}
.dropdown-block__dropdown-body {
  overflow: hidden;
}
.dropdown-block__dropdown-inner {
  padding: 34rem 15rem 45rem;
  transition: transform var(--global-transition-duration), opacity var(--global-transition-duration);
}
@media screen and (min-width: 768px) {
  .dropdown-block__dropdown-inner {
    padding-left: 23rem;
    padding-right: 23rem;
  }
}
.dropdown-block:has(.dropdown-block__handler:checked) .dropdown-block__dropdown {
  grid-template-rows: 1fr;
}
.dropdown-block:not(:has(.dropdown-block__handler:checked)) .dropdown-block__dropdown-inner {
  transform: translateY(100%);
  opacity: 0;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .dropdown-block:not(:has(.dropdown-block__handler:checked)) .dropdown-block__dropdown-inner {
    transform: unset;
    opacity: 1;
  }
}
.dropdown-block__list {
  display: flex;
  flex-direction: column;
  gap: 30rem;
}
.dropdown-block__list > li {
  position: relative;
  padding-left: 42rem;
}
.dropdown-block__list > li:before {
  content: "";
  width: 26rem;
  height: 26rem;
  position: absolute;
  top: 0;
  left: 0;
  background: url("/theme/assets/img/icons/ball-dark.svg") center/contain no-repeat;
}
.dropdown-block__list-title {
  font-size: 18rem;
  line-height: 20rem;
}
@media screen and (min-width: 768px) {
  .dropdown-block__list-title {
    font-size: 20rem;
    line-height: 22rem;
  }
}
.dropdown-block__list-text {
  font-size: 14rem;
  line-height: 17rem;
}
@media screen and (min-width: 768px) {
  .dropdown-block__list-text {
    font-size: 16rem;
    line-height: 19rem;
  }
}
.dropdown-block__list-text:not(:first-child) {
  margin-top: 15rem;
}

.dropdown-blocks {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16rem;
}
@media screen and (min-width: 768px) {
  .dropdown-blocks {
    gap: 30rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .dropdown-blocks {
    grid-template-columns: repeat(2, 1fr);
  }
}
.dropdown-blocks:not(:first-child) {
  margin-top: 40rem;
}
@media screen and (min-width: 768px) {
  .dropdown-blocks:not(:first-child) {
    margin-top: 50rem;
  }
}
.dropdown-blocks > .dropdown-block:nth-child(even) .dropdown-block__header {
  background-color: var(--color-secondary);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .dropdown-blocks > .dropdown-block:nth-child(4n+2) .dropdown-block__header,
  .dropdown-blocks > .dropdown-block:nth-child(4n+3) .dropdown-block__header {
    background-color: var(--color-secondary);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .dropdown-blocks > .dropdown-block:nth-child(4n+4) .dropdown-block__header {
    background-color: var(--color-primary);
  }
}

.adv-select {
  width: 100%;
  position: relative;
  z-index: 10;
}
.adv-select--open {
  z-index: 11;
}
.adv-select__default {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
}
.adv-select__default > option[value=""][selected][disabled]:first-child {
  display: none;
}
.adv-select__header {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40rem;
  position: relative;
  z-index: 2;
  background-color: var(--color-gray-100);
  border: 1rem solid var(--color-gray-100);
  border-radius: var(--global-border-radius);
  font-size: 14rem;
  line-height: 20rem;
  color: var(--color-black);
  padding: 0 43rem 0 15rem;
  cursor: pointer;
  transition: border-color var(--global-transition-duration);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .adv-select__header {
    height: 44rem;
  }
}
@media (hover: hover) {
  .adv-select__header:hover {
    border-color: var(--color-gray-400);
  }
}
.adv-select__header:after {
  content: "";
  width: 24rem;
  height: 24rem;
  position: absolute;
  top: 50%;
  right: 15rem;
  transform: translateY(-50%);
  transform-origin: center;
  background: url("/theme/assets/img/icons/chevron-down.svg") center/contain no-repeat;
  transition: transform var(--global-transition-duration);
}
.adv-select--light .adv-select__header {
  background-color: var(--color-white);
  border-color: var(--color-white);
  color: var(--color-primary);
}
.adv-select.active .adv-select__header {
  border-color: var(--color-gray-400);
}
.adv-select.active .adv-select__header:after {
  transform: translateY(-50%) rotate(180deg);
}
.adv-select__dropdown {
  width: 100%;
  position: absolute;
  top: 6rem;
  left: 0;
  z-index: 1;
  transform: translateY(-100%);
  visibility: hidden;
  opacity: 0;
  transition: visibility var(--global-transition-duration), opacity var(--global-transition-duration);
}
.adv-select__dropdown-body {
  overflow: hidden;
}
.adv-select__dropdown-content {
  background-color: var(--color-gray-200);
  border: 1rem solid var(--color-gray-400);
  border-radius: var(--global-border-radius) var(--global-border-radius) 0 0;
  padding: 15rem 11rem;
}
.adv-select.active .adv-select__dropdown {
  visibility: visible;
  opacity: 1;
}
.adv-select--light .adv-select__dropdown-content {
  background-color: var(--color-white);
}
.adv-select__list {
  display: flex;
  flex-direction: column;
  gap: 10rem;
  max-height: 134rem;
  overflow-y: auto;
  transition: transform var(--global-transition-duration);
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (hover: hover) {
  .adv-select__list {
    padding-right: 12rem;
  }
}
.adv-select__list::-webkit-scrollbar {
  width: 3rem;
}
.adv-select__list::-webkit-scrollbar-track {
  border: 1rem solid var(--color-gray-200);
  background-color: var(--color-gray-400);
}
.adv-select__list::-webkit-scrollbar-thumb {
  background-color: var(--color-secondary);
  border-radius: 2rem;
}
.adv-select__list li {
  border-radius: var(--global-sm-border-radius);
  font-size: 14rem;
  line-height: 18rem;
  color: var(--color-black);
  text-align: center;
  padding: 4rem;
  transition: background-color var(--global-transition-duration), color var(--global-transition-duration);
}
.adv-select__list li.selected {
  background-color: var(--color-secondary);
  color: var(--color-white);
}
.adv-select__list li:not([disabled]) {
  cursor: pointer;
}
@media (hover: hover) {
  .adv-select__list li:not([disabled]):hover {
    background-color: var(--color-secondary);
    color: var(--color-white);
  }
}
@media (hover: none) {
  .adv-select__list li:not([disabled]):active {
    background-color: var(--color-secondary);
    color: var(--color-white);
  }
}
.adv-select--light .adv-select__list li {
  color: var(--color-primary);
}
.adv-select--light .adv-select__list li.selected {
  background-color: var(--color-primary);
  color: var(--color-white);
}
@media (hover: hover) {
  .adv-select--light .adv-select__list li:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
  }
}
@media (hover: none) {
  .adv-select--light .adv-select__list li:active {
    background-color: var(--color-primary);
    color: var(--color-white);
  }
}
.adv-select:not(.active) .adv-select__list {
  transform: translateY(100%);
}

.easepick-container {
  display: flex;
  flex-direction: column;
  gap: 14rem;
  width: 100%;
  position: unset !important;
  transform: unset;
  visibility: hidden;
  opacity: 0;
  background-color: var(--color-white);
  border: 1rem solid var(--color-gray-300);
  box-shadow: 4rem 4rem 44rem rgba(0, 0, 0, 0);
  border-radius: var(--global-border-radius);
  font-family: var(--main-font-family);
  padding: 23rem 15rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .easepick-container {
    padding-left: 23rem;
    padding-right: 23rem;
  }
}
@media screen and (min-width: 768px) {
  .easepick-container:has(.calendars.grid-2) {
    padding-left: 23rem;
    padding-right: 23rem;
  }
}
.easepick-container:not(.inline).show {
  position: unset !important;
}
.easepick-container.show {
  visibility: visible;
  opacity: 1;
  transform: unset;
  box-shadow: 4rem 4rem 44rem rgba(0, 0, 0, 0.15);
  transition: visibility var(--global-transition-duration), opacity var(--global-transition-duration), box-shadow var(--global-transition-duration);
}
.easepick-container main {
  display: flex;
  flex-direction: column;
  gap: 14rem;
  background-color: transparent;
}
.easepick-container .calendars.grid-2 {
  gap: 14rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .easepick-container .calendars.grid-1:has(.calendar + .calendar) {
    grid-template-columns: repeat(2, 1fr);
  }
}
.easepick-container .calendar {
  background-color: var(--color-gray-200);
  border-radius: var(--global-border-radius);
  padding: 24rem;
}
.easepick-container .calendar .header {
  position: relative;
  padding: 0 16rem 16rem;
  border-bottom: 1rem solid var(--color-gray-600);
  margin-bottom: 16rem;
}
.easepick-container .calendar .header .month-name {
  column-gap: 4rem;
}
.easepick-container .calendar .header .month-name .month-name--dropdown {
  text-align: right;
}
.easepick-container .calendar .header .month-name .month-name--select {
  pointer-events: none;
  appearance: none;
  background-color: transparent;
}
.easepick-container .calendar .header .reset-button {
  display: none;
}
.easepick-container .calendar .header .previous-button,
.easepick-container .calendar .header .next-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16rem;
  height: 16rem;
  position: absolute;
  top: 2rem;
  padding: 0;
}
.easepick-container .calendar .header .previous-button svg,
.easepick-container .calendar .header .next-button svg {
  display: none;
}
.easepick-container .calendar .header .previous-button:before,
.easepick-container .calendar .header .next-button:before {
  content: "";
  width: 100%;
  height: 100%;
  background: url("/theme/assets/img/icons/chevron-down.svg") center/20rem no-repeat;
}
.easepick-container .calendar .header .previous-button {
  left: 0;
}
.easepick-container .calendar .header .previous-button:before {
  transform: rotate(90deg);
}
.easepick-container .calendar .header .next-button {
  right: 0;
}
.easepick-container .calendar .header .next-button:before {
  transform: rotate(-90deg);
}
.easepick-container .calendar .daynames-row {
  grid-gap: 0;
  margin-bottom: 14rem;
}
.easepick-container .calendar .daynames-row .dayname {
  font-size: 10rem;
  line-height: 14rem;
  color: var(--color-black);
  text-align: center;
  text-transform: uppercase;
  padding: 4rem;
}
.easepick-container .calendar .days-grid {
  grid-gap: 0;
  row-gap: 12rem;
  column-gap: 12rem;
}
.easepick-container .calendar .days-grid .day {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  height: unset;
  max-height: unset;
  min-height: unset;
  aspect-ratio: 1/1;
  position: relative;
  z-index: 1;
  background-image: none !important;
  border: none;
  background-color: transparent;
  border-radius: var(--global-border-radius);
  font-family: inherit;
  font-style: normal;
  font-size: 14rem;
  line-height: 14rem;
  color: var(--color-black);
  padding: 0;
  transition: background-color var(--global-transition-duration), color var(--global-transition-duration);
}
.easepick-container .calendar .days-grid .day .day-price {
  display: none !important;
}
@media (hover: hover) {
  .easepick-container .calendar .days-grid .day:not(.not-available):not(.selected):hover {
    background-color: #E0E3FF;
    color: var(--color-black);
  }
}
@media (hover: none) {
  .easepick-container .calendar .days-grid .day:not(.not-available):not(.selected):active {
    background-color: #E0E3FF;
    color: var(--color-black);
  }
}
.easepick-container .calendar .days-grid .day.selected {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.easepick-container .calendar .days-grid .day.selected.not-available {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.easepick-container .time-plugin-container {
  display: block;
  background-color: transparent;
  border: none;
  padding: 0;
}
.easepick-container .time-plugin-container:has(.pickup-time + .dropoff-time) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14rem;
}
.easepick-container .time-plugin-container:has(.pickup-time + .dropoff-time) .timepicker-wrap {
  width: unset;
}
@media screen and (min-width: 768px) {
  .easepick-container .time-plugin-container:has(.pickup-time + .dropoff-time) .timepicker-wrap {
    gap: 14rem;
  }
}
.easepick-container .time-plugin-container:has(.pickup-time + .dropoff-time) .pickup-time {
  justify-content: flex-end;
}
.easepick-container .time-plugin-container:has(.pickup-time + .dropoff-time) .dropoff-time {
  justify-content: flex-start;
}
.easepick-container .time-plugin-container .timepicker-wrap {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 4rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .easepick-container .time-plugin-container .timepicker-wrap {
    gap: 14rem;
  }
}
.easepick-container .time-plugin-container .timepicker-wrap > svg {
  display: none;
}
.easepick-container .time-plugin-container .timepicker-wrap .timepicker-label {
  display: block;
  font-size: 12rem;
  line-height: 20rem;
  color: var(--color-gray-500);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .easepick-container .time-plugin-container .timepicker-wrap .timepicker-label {
    font-size: 14rem;
  }
}
.easepick-container .time-plugin-container .timepicker-wrap .adv-select {
  max-width: 121rem;
}
.easepick-container footer {
  background-color: transparent;
  padding: 0;
}
.easepick-container footer .footer-buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14rem;
}
.easepick-container footer .footer-buttons button {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--global-border-radius);
  font-size: 20rem;
  line-height: 22rem;
  text-align: center;
  padding: 11rem;
}
.easepick-container footer .footer-buttons button.cancel-button {
  background-color: transparent;
  border: 1rem solid var(--color-black);
  color: var(--color-black);
  transition: background-color var(--global-transition-duration), border-color var(--global-transition-duration), color var(--global-transition-duration);
}
@media (hover: hover) {
  .easepick-container footer .footer-buttons button.cancel-button:hover {
    background-color: var(--color-secondary-light);
    border-color: var(--color-black);
    color: var(--color-white);
  }
}
@media (hover: none) {
  .easepick-container footer .footer-buttons button.cancel-button:active {
    background-color: var(--color-secondary-light);
    border-color: var(--color-black);
    color: var(--color-white);
  }
}
.easepick-container footer .footer-buttons button.apply-button {
  background-color: var(--color-primary);
  border: 1rem solid var(--color-primary);
  color: var(--color-white);
  transition: background-color var(--global-transition-duration), border-color var(--global-transition-duration), color var(--global-transition-duration);
}
.easepick-container footer .footer-buttons button.apply-button[disabled] {
  opacity: 1;
  background-color: var(--color-gray-100);
  border-color: var(--color-gray-100);
  color: var(--color-gray-400);
}
@media (hover: hover) {
  .easepick-container footer .footer-buttons button.apply-button:not([disabled]):hover {
    background-color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
  }
}
@media (hover: none) {
  .easepick-container footer .footer-buttons button.apply-button:not([disabled]):active {
    background-color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
  }
}

.easepick-container.lock-plugin .calendar > .days-grid > .day.locked:not(.start):not(.end) {
  font-style: normal;
}

.easepick-container.lock-plugin .calendar > .days-grid > .day.not-available,
.easepick-container.lock-plugin .calendar > .days-grid > .day.locked {
  background-image: none !important;
  color: var(--color-gray-400);
}

.easepick-container.range-plugin .calendar > .days-grid > .day.in-range .day-price .ovabrw-day-price {
  color: var(--color-black);
}

.easepick-container.amp-plugin .calendars .calendar > .header .month-name select.month-name--dropdown {
  font-weight: 400;
}

.easepick-container.amp-plugin .calendars .calendar > .header .month-name select {
  font-size: 14rem;
  line-height: 20rem;
  padding: 0;
}

.easepick-container.lock-plugin .calendar > .days-grid > .day.not-available {
  font-style: normal;
}

.easepick-container.range-plugin .calendar > .days-grid > .day.end, .easepick-container.range-plugin .calendar > .days-grid > .day.start {
  background-color: var(--color-primary);
  color: var(--color-white);
}
@media (hover: hover) {
  .easepick-container.range-plugin .calendar > .days-grid > .day.end:hover, .easepick-container.range-plugin .calendar > .days-grid > .day.start:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
  }
}
@media (hover: none) {
  .easepick-container.range-plugin .calendar > .days-grid > .day.end:active, .easepick-container.range-plugin .calendar > .days-grid > .day.start:active {
    background-color: var(--color-primary);
    color: var(--color-white);
  }
}

.easepick-container.range-plugin .calendar > .days-grid > .day.in-range {
  background-color: #E0E3FF;
  color: var(--color-black);
}
.easepick-container.range-plugin .calendar > .days-grid > .day.in-range:before, .easepick-container.range-plugin .calendar > .days-grid > .day.in-range:after {
  content: "";
  width: 6rem;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: #E0E3FF;
}
.easepick-container.range-plugin .calendar > .days-grid > .day.in-range:before {
  left: 0;
  transform: translateX(-100%);
}
.easepick-container.range-plugin .calendar > .days-grid > .day.in-range:after {
  right: 0;
  transform: translateX(100%);
}

.easepick-container.range-plugin .calendar > .days-grid > .day.start + .day.in-range:before {
  width: 12rem;
}

.easepick-container.range-plugin .calendar > .days-grid > .day.in-range:has(+ .day.end):after {
  width: 12rem;
}

.easepick-container.lock-plugin .calendar > .days-grid > .day.selected.not-available {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.error-section {
  display: flex;
  align-items: center;
  padding: var(--section-padding-y) 0;
}
.error-section:first-child {
  min-height: calc(var(--vh, 1vh) * 100 - var(--header-height));
}
.error-section__title {
  font-weight: 500;
  font-size: 75rem;
  line-height: 64rem;
  letter-spacing: -0.75rem;
}
.error-section__text {
  font-size: 20rem;
  line-height: 22rem;
}
@media screen and (min-width: 768px) {
  .error-section__text {
    font-size: 24rem;
    line-height: 26rem;
  }
}
.error-section__text:not(:first-child) {
  margin-top: 18rem;
}
.error-section__button:not(:first-child) {
  margin-top: 18rem;
}

.main:has(.error-section:first-child:last-child) {
  display: flex;
  align-items: center;
}

.faq-block {
  width: 100%;
}
.faq-block__header {
  position: relative;
  padding-right: 32rem;
}
.faq-block__header:after {
  content: "";
  width: 24rem;
  height: 24rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transform-origin: center;
  background: url("/theme/assets/img/icons/chevron-down.svg") center/contain no-repeat;
  transition: transform var(--global-transition-duration);
}
@media screen and (min-width: 768px) {
  .faq-block__header:after {
    display: none;
  }
}
.faq-block:has(.faq-block__handler:checked) .faq-block__header:after {
  transform: translateY(-50%) rotate(180deg);
}
.faq-block__title {
  font-size: 24rem;
  line-height: 26rem;
}
.faq-block__handler {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}
.faq-block__dropdown {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--global-transition-duration);
}
@media screen and (min-width: 768px) {
  .faq-block__dropdown {
    grid-template-rows: 1fr;
    transition: unset;
  }
}
.faq-block__dropdown-body {
  overflow: hidden;
}
.faq-block__dropdown-content {
  display: flex;
  flex-direction: column;
  gap: 14rem;
  padding-top: 24rem;
  transition: transform var(--global-transition-duration), opacity var(--global-transition-duration);
}
@media screen and (min-width: 768px) {
  .faq-block__dropdown-content {
    transition: unset;
  }
}
.faq-block:has(.faq-block__handler:checked) .faq-block__dropdown {
  grid-template-rows: 1fr;
}
.faq-block:not(:has(.faq-block__handler:checked)) .faq-block__dropdown-content {
  transform: translateY(100%);
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .faq-block:not(:has(.faq-block__handler:checked)) .faq-block__dropdown-content {
    transform: unset;
    opacity: 1;
  }
}

.faq-blocks {
  display: flex;
  flex-direction: column;
  gap: 30rem;
  width: 100%;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .faq-blocks {
    max-width: 942rem;
    margin-left: auto;
    margin-right: auto;
  }
}

.faq-hero-section {
  display: flex;
  align-items: center;
  min-height: 360rem;
  position: relative;
  z-index: 1;
  background-color: var(--color-black);
  color: var(--color-white);
  padding: 138rem 0 var(--section-padding-y);
}
@media screen and (min-width: 768px) {
  .faq-hero-section {
    padding-top: 180rem;
  }
}
.faq-hero-section__title {
  font-family: var(--secondary-font-family);
  font-weight: 900;
  font-size: 30rem;
  line-height: 30rem;
  letter-spacing: -0.3rem;
}
@media screen and (min-width: 768px) {
  .faq-hero-section__title {
    font-size: 75rem;
    line-height: 64rem;
    letter-spacing: -0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .faq-hero-section__text {
    font-size: 20rem;
    line-height: 22rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .faq-hero-section__text {
    max-width: 780rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.faq-hero-section__text:not(:first-child) {
  margin-top: 8rem;
}
@media screen and (min-width: 768px) {
  .faq-hero-section__text:not(:first-child) {
    margin-top: 16rem;
  }
}
.faq-hero-section__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
}
.faq-hero-section__bg:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.4;
  background-color: var(--color-gray-900);
  border-radius: 50%;
  filter: blur(220rem);
}
.faq-hero-section__bg:after {
  content: "";
  width: 542rem;
  height: 149rem;
  position: absolute;
  top: 128rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--color-gray-900);
  border-radius: 50%;
  filter: blur(140rem);
}
@media screen and (min-width: 768px) {
  .faq-hero-section__bg:after {
    width: 987rem;
    height: 199rem;
    top: 154rem;
    filter: blur(220rem);
  }
}
.faq-hero-section__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wrapper.wh-faq {
  padding-top: 0;
}
.wrapper.wh-faq .header:not(.header--scroll) {
  background-color: transparent;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-faq .header:not(.header--scroll) {
    color: var(--color-white);
  }
}
.wrapper.wh-faq .header:not(.header--scroll) .header__burger:not(.active):before, .wrapper.wh-faq .header:not(.header--scroll) .header__burger:not(.active):after,
.wrapper.wh-faq .header:not(.header--scroll) .header__burger:not(.active) span:before,
.wrapper.wh-faq .header:not(.header--scroll) .header__burger:not(.active) span:after {
  background-color: var(--color-white);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-faq .header:not(.header--scroll) .header__button {
    border-color: var(--color-white);
    color: var(--color-white);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-faq .header:not(.header--scroll) .header__menu > li:has(> ul) > a:after {
    filter: brightness(0) invert(1);
    transition: transform var(--global-transition-duration), filter var(--global-transition-duration);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-faq .header:not(.header--scroll) .language-switch:not(.active) .language-switch__button {
    border-color: var(--color-white);
    color: var(--color-white);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-faq .header:not(.header--scroll) .language-switch:not(.active) .language-switch__button:after {
    background-color: var(--color-white);
  }
}

.faq-section__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .faq-section__grid {
    grid-template-columns: 561rem 670rem;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .faq-section__content {
    display: flex;
    flex-direction: column;
    gap: 16rem;
  }
}
@media screen and (min-width: 768px) {
  .faq-section__button {
    width: 160rem;
    min-width: fit-content;
    max-width: 100%;
  }
}
.faq-section__content .faq-section__button {
  display: none;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .faq-section__content .faq-section__button {
    display: block;
  }
}

.filter {
  display: flex;
  flex-wrap: wrap;
  gap: 24rem 8rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .filter {
    justify-content: space-between;
    align-items: flex-start;
    gap: 30rem 14rem;
  }
}
.filter__open {
  justify-content: flex-start;
  position: relative;
  font-size: 16rem;
  line-height: 20rem;
  padding-left: 23rem;
  padding-right: 70rem;
  border-color: var(--color-gray-400);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .filter__open {
    display: none;
  }
}
.filter__open:after {
  content: "";
  width: 24rem;
  height: 24rem;
  position: absolute;
  top: 50%;
  right: 23rem;
  transform: translateY(-50%);
  background: url("/theme/assets/img/icons/filter.svg") center/contain no-repeat;
  transition: filter var(--global-transition-duration);
}
@media (hover: hover) {
  .filter__open:hover:after {
    filter: brightness(0) invert(1);
  }
}
@media (hover: none) {
  .filter__open:active:after {
    filter: brightness(0) invert(1);
  }
}
.filter:has(.filter__reset.active) .filter__open {
  max-width: calc(100% - 138rem);
}
.filter__fields {
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 201;
  overflow-y: auto;
  background-color: var(--color-white);
  transition: visibility var(--global-transition-duration), opacity var(--global-transition-duration);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .filter__fields {
    max-width: 1026rem;
    height: unset;
    position: unset;
    overflow: unset;
    background-color: transparent;
    transition: unset;
    z-index: 10;
  }
}
.filter__fields-body {
  display: flex;
  width: 100%;
  min-height: 100%;
  position: relative;
  overflow: hidden;
  padding: 36rem 0 116rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .filter__fields-body {
    overflow: unset;
    padding: 0;
  }
}
.filter__fields-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .filter__fields-header {
    display: none;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .filter__fields-container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
.filter__fields-content {
  display: flex;
  flex-direction: column;
  gap: 16rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .filter__fields-content {
    flex-wrap: wrap;
    flex-direction: row;
    gap: 14rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .filter__fields-reset {
    display: none;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .filter__fields-reset.active {
    display: none;
  }
}
.filter__fields-footer {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 202;
  background-color: var(--color-white);
  border-top: 1rem solid var(--color-gray-400);
  border-radius: var(--global-border-radius) var(--global-border-radius) 0 0;
  padding: 15rem 0 var(--container-padding-x);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .filter__fields-footer {
    display: none;
  }
}
.filter:not(.active) .filter__fields {
  display: none;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .filter:not(.active) .filter__fields {
    display: block;
  }
}
.filter__title {
  max-width: calc(100% - 60rem);
  font-size: 28rem;
  line-height: 31rem;
  letter-spacing: -0.28rem;
}
.filter__close {
  width: 44rem;
  height: 44rem;
  position: relative;
}
.filter__close:before, .filter__close:after {
  content: "";
  width: 22rem;
  height: 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: var(--color-black);
  border-radius: 1rem;
  transition: background-color var(--global-transition-duration);
}
.filter__close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.filter__close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media (hover: hover) {
  .filter__close:hover:before, .filter__close:hover:after {
    background-color: var(--color-primary);
  }
}
@media (hover: none) {
  .filter__close:active:before, .filter__close:active:after {
    background-color: var(--color-primary);
  }
}
.filter__field {
  display: flex;
  flex-direction: column;
  gap: 24rem;
  border: 1rem solid var(--color-gray-400);
  border-radius: var(--global-border-radius);
  padding: 15rem 15rem 23rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .filter__field {
    display: block;
    max-width: 194rem;
    border: none;
    border-radius: 0;
    padding: 0;
  }
}
.filter__field .adv-select__header {
  height: unset;
  background-color: transparent;
  border: none;
  border-radius: 0;
  font-weight: 600;
  font-size: 20rem;
  line-height: 22rem;
  padding: 0;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .filter__field .adv-select__header {
    height: 44rem;
    background-color: var(--color-white);
    border: 1rem solid var(--color-gray-400);
    border-radius: var(--global-border-radius);
    font-weight: 400;
    font-size: 16rem;
    line-height: 24rem;
    padding: 0 51rem 0 23rem;
  }
}
.filter__field .adv-select__header:after {
  display: none;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .filter__field .adv-select__header:after {
    display: block;
  }
}
.filter__field .adv-select__dropdown {
  grid-template-rows: 1fr;
  position: unset;
  transform: unset;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .filter__field .adv-select__dropdown {
    grid-template-rows: 0fr;
    position: absolute;
    transform: translateY(100%);
  }
}
.filter__field .adv-select__dropdown-content {
  background-color: transparent;
  border: none;
  padding: 0;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .filter__field .adv-select__dropdown-content {
    background-color: var(--color-gray-200);
    border: 1rem solid var(--color-gray-400);
    border-radius: 0 0 var(--global-border-radius) var(--global-border-radius);
    padding: 15rem 15rem 23rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .filter__field .adv-select__dropdown-content:has(.adv-select__list),
  .filter__field .adv-select__dropdown-content:has(.filter__price) {
    padding-bottom: 15rem;
  }
}
.filter__field .adv-select__list {
  max-height: 140rem;
  gap: 12rem;
}
@media (hover: hover) {
  .filter__field .adv-select__list {
    padding-right: 12rem;
  }
}
.filter__field .adv-select__list li {
  text-align: left;
  padding: 0;
}
@media (hover: hover) {
  .filter__field .adv-select__list li:not([disabled]):hover {
    background-color: transparent;
  }
}
@media (hover: none) {
  .filter__field .adv-select__list li:not([disabled]):active {
    background-color: transparent;
  }
}
.filter__field:not(.active).adv-select .adv-select__list {
  transform: unset;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .filter__field:not(.active).adv-select .adv-select__list {
    transform: translateY(-100%);
  }
}
.filter__field-row {
  display: flex;
  flex-wrap: wrap;
  gap: 16rem 24rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .filter__field-row {
    gap: 16rem 12rem;
  }
}
.filter__field-col {
  width: 100%;
  max-width: calc(50% - 12rem);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .filter__field-col {
    max-width: calc(50% - 6rem);
  }
}
@media (hover: hover) {
  .filter__field-col .adv-select__list {
    padding-right: 6rem;
  }
}
.filter__field-title {
  font-size: 14rem;
  line-height: 16rem;
}
.filter__field-title:not(:last-child) {
  margin-bottom: 8rem;
}
.filter__checkbox {
  line-height: 26rem;
  color: var(--color-black);
}
.filter__checkbox:before, .filter__checkbox:after,
.filter__checkbox input {
  width: 22rem;
  height: 22rem;
  top: 2rem;
}
.filter__checkbox:before {
  border-color: var(--color-gray-400);
}
.filter__radio {
  line-height: 26rem;
  color: var(--color-black);
  padding-left: 28rem;
}
.filter__radio:before,
.filter__radio input {
  width: 20rem;
  height: 20rem;
  top: 3rem;
}
.filter__radio:before {
  border-color: var(--color-gray-400);
}
.filter__radio:after {
  width: 10rem;
  height: 10rem;
  top: 8rem;
  left: 5rem;
}
.filter__price {
  display: flex;
  flex-wrap: wrap;
  gap: 16rem 8rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .filter__price {
    gap: 8rem;
  }
}
.filter__price-col {
  width: 100%;
  max-width: calc(50% - 4rem);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .filter__price-col {
    max-width: 100%;
  }
}
.filter__price-input {
  color: var(--color-gray-400);
  transition: border-color var(--global-transition-duration), color var(--global-transition-duration);
}
.filter__price-input:focus {
  color: var(--color-black);
}
.filter__price-range {
  width: 100%;
  height: 10rem;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .filter__price-range {
    display: none;
  }
}
.filter__price-range::before {
  content: "";
  width: calc(var(--range-to, 100%) - var(--range-from, 0%));
  position: absolute;
  top: 50%;
  left: var(--range-from, 0%);
  transform: translateY(-50%);
  height: 2rem;
  background-color: var(--color-primary);
  z-index: -1;
}
.filter__price-range input {
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  margin: 0;
  z-index: 2;
  pointer-events: none;
}
.filter__price-range input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 10rem;
  height: 10rem;
  background: var(--color-primary);
  border-radius: 50%;
  cursor: pointer;
  pointer-events: auto;
}
.filter__price-range input::-moz-range-thumb {
  width: 10rem;
  height: 10rem;
  background: var(--color-primary);
  border-radius: 50%;
  cursor: pointer;
  pointer-events: auto;
}
.filter__price-range input::-webkit-slider-track {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
}
.filter__price-range input::-moz-range-track {
  background-color: transparent;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .filter__price-button:not(:first-child) {
    margin-top: 8rem;
  }
}
.filter__reset {
  width: fit-content;
  max-width: 100%;
  border-color: var(--color-gray-400);
  position: relative;
  font-size: 16rem;
  line-height: 20rem;
  padding: 11rem 49rem 11rem 15rem;
}
.filter__reset:not(.active) {
  display: none;
}
.filter__reset:before {
  content: "";
  width: 20rem;
  height: 20rem;
  position: absolute;
  top: 50%;
  right: 15rem;
  transform: translateY(-50%);
  background: url("/theme/assets/img/icons/arrow-rotate-left.svg") center/16rem no-repeat;
  transition: transform var(--global-transition-duration), filter var(--global-transition-duration);
}
@media (hover: hover) {
  .filter__reset:hover:before {
    filter: brightness(0) invert(1);
    transform: translateY(-50%) rotate(360deg);
  }
}
@media (hover: none) {
  .filter__reset:active:before {
    filter: brightness(0) invert(1);
    transform: translateY(-50%) rotate(360deg);
  }
}
.filter__active-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8rem;
  width: 100%;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .filter__active-filters {
    max-width: 1026rem;
  }
}
.filter__active-filters:not(.active) {
  display: none;
}
.filter__active-filters-item {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  white-space: nowrap;
  position: relative;
  background-color: var(--color-gray-100);
  border-radius: var(--global-border-radius);
  font-size: 12rem;
  line-height: 14rem;
  padding: 8rem 34rem 8rem 8rem;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .filter__active-filters-item {
    font-size: 16rem;
    line-height: 18rem;
    padding-left: 14rem;
    padding-right: 40rem;
  }
}
.filter__active-filters-item:before, .filter__active-filters-item:after {
  content: "";
  width: 10rem;
  height: 1rem;
  position: absolute;
  top: 50%;
  right: 12rem;
  background-color: var(--color-black);
  transition: background-color var(--global-transition-duration);
}
@media screen and (min-width: 768px) {
  .filter__active-filters-item:before, .filter__active-filters-item:after {
    right: 18rem;
  }
}
.filter__active-filters-item:before {
  transform: translateY(-50%) rotate(45deg);
}
.filter__active-filters-item:after {
  transform: translateY(-50%) rotate(-45deg);
}
.filter__active-filters-item.default:before {
  display: none;
}
.filter__active-filters-item.default:after {
  display: none;
}
.filter__active-filters-item.default {
  padding: 8rem;
}
@media (hover: hover) {
  .filter__active-filters-item:hover:before, .filter__active-filters-item:hover:after {
    background-color: var(--color-red);
  }
}
@media (hover: none) {
  .filter__active-filters-item:active:before, .filter__active-filters-item:active:after {
    background-color: var(--color-red);
  }
}
.filter__active-filters-item--counter {
  background-color: var(--color-primary-light);
  padding-right: 8rem;
  cursor: default;
}
.filter__active-filters-item--counter:before, .filter__active-filters-item--counter:after {
  display: none;
}

.footer {
  background-color: var(--color-secondary);
  color: var(--color-gray-200);
  padding: var(--section-padding-y) 0 20rem;
}
.footer__logo {
  display: block;
  width: 199rem;
  height: 44rem;
}
.footer__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer__nav:not(:first-child) {
  margin-top: 40rem;
}
.footer__links {
  display: flex;
  flex-wrap: wrap;
  gap: 16rem;
}
.footer__link {
  display: block;
  width: 24rem;
  height: 24rem;
}
.footer__link img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform var(--global-transition-duration);
}
@media (hover: hover) {
  .footer__link:hover img {
    transform: scale(1.2);
  }
}
@media (hover: none) {
  .footer__link:active img {
    transform: scale(1.2);
  }
}
.footer__title {
  font-size: 18rem;
  line-height: 18rem;
}
.footer__contacts-block {
  display: flex;
  flex-direction: column;
  gap: 28rem;
}
.footer__contacts-block:not(:first-child) {
  margin-top: 40rem;
}
.footer__contacts li:not(:first-child) {
  margin-top: 20rem;
}
.footer__contact {
  position: relative;
  padding-left: 32rem;
  line-height: 24rem;
}
.footer__contact img {
  width: 24rem;
  height: 24rem;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: contain;
}
.footer__contact[href] {
  display: block;
  transition: transform var(--global-transition-duration);
}
@media (hover: hover) {
  .footer__contact[href]:hover {
    transform: translateX(5rem);
  }
}
@media (hover: none) {
  .footer__contact[href]:active {
    transform: translateX(5rem);
  }
}
.footer__menu {
  line-height: 16rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .footer__menu {
    display: flex;
    flex-wrap: wrap;
    gap: 80rem 73rem;
  }
}
.footer__menu:not(:first-child) {
  margin-top: 24rem;
}
.footer__menu a {
  display: block;
}
.footer__menu > li {
  border-top: 1rem solid var(--color-gray-700);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .footer__menu > li {
    width: 100%;
    max-width: 453rem;
    border-top: none;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .footer__menu > li:nth-child(7n+1), .footer__menu > li:nth-child(7n+4) {
    max-width: 190rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .footer__menu > li:nth-child(7n+3), .footer__menu > li:nth-child(7n+7) {
    margin-left: auto;
  }
}
.footer__menu > li > a {
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  padding: 24rem 0;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .footer__menu > li > a {
    line-height: 18rem;
    padding: 0;
  }
}
.footer__menu > li > ul {
  display: flex;
  flex-direction: column;
  gap: 20rem;
  padding: 4rem 0 24rem;
}
.footer__menu > li.menu-item-has-children > .menu-item-has-children-header {
  position: relative;
  padding-right: 40rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .footer__menu > li.menu-item-has-children > .menu-item-has-children-header {
    padding-right: 0;
  }
}
.footer__menu > li.menu-item-has-children > .menu-item-has-children-header > a {
  font-weight: 700;
  font-size: 18rem;
  line-height: 24rem;
  padding: 24rem 0;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .footer__menu > li.menu-item-has-children > .menu-item-has-children-header > a {
    line-height: 18rem;
    padding: 0;
  }
}
.footer__menu > li.menu-item-has-children > .menu-item-has-children-header > a:not([href="#"]) {
  transition: transform var(--global-transition-duration);
}
@media (hover: hover) {
  .footer__menu > li.menu-item-has-children > .menu-item-has-children-header > a:not([href="#"]):hover {
    transform: translateX(5rem);
  }
}
@media (hover: none) {
  .footer__menu > li.menu-item-has-children > .menu-item-has-children-header > a:not([href="#"]):active {
    transform: translateX(5rem);
  }
}
.footer__menu > li.menu-item-has-children > .menu-item-has-children-header > a[href="#"] {
  pointer-events: none;
}
.footer__menu > li.menu-item-has-children > .menu-item-has-children-header > .menu-item-has-children-button {
  width: 24rem;
  height: 24rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .footer__menu > li.menu-item-has-children > .menu-item-has-children-header > .menu-item-has-children-button {
    display: none;
  }
}
.footer__menu > li.menu-item-has-children > .menu-item-has-children-header:has(> a[href="#"]) .menu-item-has-children-button {
  width: 100%;
  height: 100%;
}
.footer__menu > li.menu-item-has-children > .menu-item-has-children-header > .menu-item-has-children-button:before {
  content: "";
  width: 24rem;
  height: 24rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transform-origin: center;
  filter: brightness(0) invert(1);
  background: url("/theme/assets/img/icons/chevron-down.svg") center/contain no-repeat;
  transition: transform var(--global-transition-duration);
}
.footer__menu > li.menu-item-has-children > .menu-item-has-children-header > .menu-item-has-children-button:has(> input:checked):before {
  transform: translateY(-50%) rotate(180deg);
}
.footer__menu > li.menu-item-has-children > .menu-item-has-children-header > .menu-item-has-children-button > input {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}
.footer__menu > li.menu-item-has-children > .menu-item-has-children-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--global-transition-duration);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .footer__menu > li.menu-item-has-children > .menu-item-has-children-content {
    grid-template-rows: 1fr;
    transition: unset;
  }
}
.footer__menu > li.menu-item-has-children:has(> .menu-item-has-children-header > .menu-item-has-children-button > input:checked) > .menu-item-has-children-content {
  grid-template-rows: 1fr;
}
.footer__menu > li.menu-item-has-children > .menu-item-has-children-content > .menu-item-has-children-content-body {
  overflow: hidden;
}
.footer__menu > li.menu-item-has-children > .menu-item-has-children-content > .menu-item-has-children-content-body > ul {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20rem;
  padding: 4rem 0 24rem;
  transition: transform var(--global-transition-duration), opacity var(--global-transition-duration);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .footer__menu > li.menu-item-has-children > .menu-item-has-children-content > .menu-item-has-children-content-body > ul {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 73rem;
    transition: unset;
    padding: 28rem 0 0;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .footer__menu > li.menu-item-has-children:nth-child(7n+4) > .menu-item-has-children-content > .menu-item-has-children-content-body > ul,
  .footer__menu > li.menu-item-has-children:nth-child(7n+6) > .menu-item-has-children-content > .menu-item-has-children-content-body > ul {
    grid-template-columns: 1fr;
  }
}
.footer__menu > li.menu-item-has-children:has(> .menu-item-has-children-header > .menu-item-has-children-button > input:not(:checked)) > .menu-item-has-children-content > .menu-item-has-children-content-body > ul {
  transform: translateY(50%);
  opacity: 0;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .footer__menu > li.menu-item-has-children:has(> .menu-item-has-children-header > .menu-item-has-children-button > input:not(:checked)) > .menu-item-has-children-content > .menu-item-has-children-content-body > ul {
    transform: unset;
    opacity: 1;
  }
}
.footer__menu > li.menu-item-has-children:has(> .menu-item-has-children-header > a[href="#hidden-menu"]) {
  display: none;
}
.footer__menu > li.menu-item-has-children > .menu-item-has-children-content > .menu-item-has-children-content-body > ul > li > a[href="#"] {
  pointer-events: none;
  opacity: 0.5;
}
.footer__menu > li.menu-item-has-children > .menu-item-has-children-content > .menu-item-has-children-content-body > ul > li > a {
  transition: transform var(--global-transition-duration);
}
@media (hover: hover) {
  .footer__menu > li.menu-item-has-children > .menu-item-has-children-content > .menu-item-has-children-content-body > ul > li > a:hover {
    transform: translateX(5rem);
  }
}
@media (hover: none) {
  .footer__menu > li.menu-item-has-children > .menu-item-has-children-content > .menu-item-has-children-content-body > ul > li > a:active {
    transform: translateX(5rem);
  }
}
.footer__info {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24rem;
}
.footer__info:not(:first-child) {
  margin-top: 40rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .footer__info {
    grid-template-columns: 1fr 453rem;
  }
}
.footer__info-col:has(.footer__info-text:not(:first-child)) {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12rem;
}
@media screen and (min-width: 768px) {
  .footer__info-col:has(.footer__info-text:not(:first-child)) {
    grid-template-columns: auto 1fr;
    gap: 24rem;
  }
}
.footer__info-text {
  width: 100%;
  font-size: 12rem;
  line-height: 12rem;
  color: var(--color-gray-500);
}
@media screen and (min-width: 768px) {
  .footer__info-text {
    font-size: 16rem;
    line-height: 16rem;
  }
}
.footer__payments {
  display: flex;
  flex-wrap: wrap;
  gap: 16rem;
}
.footer__payments img {
  width: 46rem;
  height: 32rem;
  background-color: var(--color-white);
  border: 1px solid #F2F4F7;
  border-radius: 6rem;
  object-fit: contain;
}
.footer__bottom:not(:first-child) {
  margin-top: 40rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .footer__bottom:not(:first-child) {
    border-top: 1rem solid var(--color-gray-400);
    padding-top: 20rem;
  }
}
.footer__bottom-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16rem 20rem;
  font-size: 12rem;
  line-height: 12rem;
  color: var(--color-gray-300);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .footer__bottom-list {
    font-size: 16rem;
    line-height: 16rem;
    gap: 20rem 36rem;
  }
}
.footer__bottom-list a {
  display: block;
  transition: transform var(--global-transition-duration);
}
@media (hover: hover) {
  .footer__bottom-list a:hover {
    transform: translateX(5rem);
  }
}
@media (hover: none) {
  .footer__bottom-list a:active {
    transform: translateX(5rem);
  }
}

.header {
  display: flex;
  align-items: center;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  background-color: var(--color-white);
  transition: transform var(--global-transition-duration), background-color var(--global-transition-duration);
}
.header__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 30rem;
  padding: 20rem 0;
  transition: padding var(--global-transition-duration);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__content {
    padding: 30rem 0;
  }
}
.header__logo {
  display: block;
  width: 101rem;
  height: 23rem;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .header__logo {
    width: 159rem;
    height: 36rem;
  }
}
.header__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: filter var(--global-transition-duration);
}
.header__burger {
  z-index: 1;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__burger {
    display: none;
  }
}
.header__nav {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: center;
  background-color: var(--color-white);
  transition: transform var(--global-transition-duration), visibility var(--global-transition-duration);
  padding-top: var(--header-height);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__nav {
    max-width: calc(100% - 189rem);
    position: unset;
    background-color: transparent;
    transition: unset;
    padding-top: 0;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__nav[data-lock-padding] {
    padding-right: 0 !important;
  }
}
.header__nav:not(.active) {
  visibility: hidden;
  transform: scale(0);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__nav:not(.active) {
    visibility: visible;
    transform: scale(1);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__nav-container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
.header__nav-content {
  display: flex;
  flex-direction: column;
  gap: 50rem;
  height: calc(var(--vh, 1vh) * 100 - var(--header-height));
  overflow-y: auto;
  padding: 20rem 0 50rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__nav-content {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 30rem;
    height: unset;
    overflow: unset;
    padding: 0;
  }
}
.header__menu {
  display: flex;
  flex-direction: column;
  gap: 24rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 36rem;
    margin: 0 auto;
  }
}
.header__menu a {
  display: block;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li:has(> ul) {
    position: relative;
  }
}
.header__menu > li > a {
  position: relative;
  overflow: hidden;
  font-size: 24rem;
  line-height: 26rem;
  transition: color var(--global-transition-duration);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li > a {
    font-size: 16rem;
    line-height: 24rem;
  }
}
.header__menu > li > a:before {
  content: "";
  width: 100%;
  height: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateX(calc(-100% - 2rem));
  background-color: var(--color-primary);
  will-change: transform;
  transition: transform var(--global-transition-duration);
}
@media (hover: hover) {
  .header__menu > li > a:hover:before {
    transform: translateX(0);
  }
}
.header__menu > li > a[href="#"] {
  pointer-events: none;
}
.header__menu > li:has(> ul) > a {
  padding-right: 24rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li:has(> ul) > a {
    padding-right: 28rem;
  }
}
.header__menu > li:has(> ul) > a:after {
  content: "";
  width: 24rem;
  height: 24rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: url("/theme/assets/img/icons/chevron-down.svg") center/contain no-repeat;
  transition: transform var(--global-transition-duration);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li:has(> ul):hover > a:after {
    transform: translateY(-50%) rotate(180deg);
  }
}
.header__menu > li > ul {
  padding-top: 16rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li > ul {
    min-width: 245rem;
    position: absolute;
    top: calc(100% + 20rem);
    left: 50%;
    transform: translateX(-50%);
    visibility: hidden;
    opacity: 0;
    background-color: var(--color-white);
    border: 1px solid var(--color-gray-300);
    color: var(--color-black);
    border-radius: 8rem;
    padding-top: 0;
    transition: visibility var(--global-transition-duration), opacity var(--global-transition-duration);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li > ul:after {
    content: "";
    width: 100%;
    height: 20rem;
    position: absolute;
    top: -1px;
    left: 0;
    transform: translateY(-100%);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li.menu-item-mega-menu > ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24rem;
    min-width: 550rem;
    left: 0;
    transform: translateX(0);
    padding: 15rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li:hover > ul {
    visibility: visible;
    opacity: 1;
  }
}
.header__menu > li > ul > li:has(> ul) {
  position: relative;
}
.header__menu > li > ul > li:not(:first-child) {
  border-top: 1px solid var(--color-gray-300);
  padding-top: 12rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li > ul > li:not(:first-child) {
    padding-top: 0;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li.menu-item-mega-menu > ul > li:not(:first-child) {
    border-top: none;
  }
}
.header__menu > li > ul > li:not(:last-child) {
  padding-bottom: 12rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li > ul > li:not(:last-child) {
    padding-bottom: 0;
  }
}
.header__menu > li > ul > li > a {
  min-height: 24rem;
  line-height: 16rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li > ul > li > a {
    min-height: 48rem;
    padding: 12rem 16rem;
    transition: background-color var(--global-transition-duration);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) and (hover: hover) {
  .header__menu > li > ul > li > a:hover {
    background-color: var(--color-primary-light);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li:not(.menu-item-mega-menu) > ul > li:first-child > a {
    border-top-left-radius: 8rem;
    border-top-right-radius: 8rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li:not(.menu-item-mega-menu) > ul > li:last-child > a {
    border-bottom-left-radius: 8rem;
    border-bottom-right-radius: 8rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li:not(.menu-item-mega-menu) > ul > li:has(> ul):hover > a {
    background-color: var(--color-primary-light);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li > ul > li:first-child > a {
    min-height: 51rem;
    padding-top: 15rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li > ul > li:last-child > a {
    min-height: 51rem;
    padding-bottom: 15rem;
  }
}
.header__menu > li > ul > li:has(> ul) > a {
  position: relative;
  padding-right: 24rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li > ul > li:has(> ul) > a {
    padding-right: 40rem;
  }
}
.header__menu > li > ul > li > a[href="#"] {
  pointer-events: none;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li.menu-item-mega-menu > ul > li > a {
    min-height: unset;
    font-weight: 700;
    font-size: 18rem;
    line-height: 18rem;
    text-transform: uppercase;
    padding: 0;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li.menu-item-mega-menu > ul > li:has(> ul) > a {
    padding-right: 0;
  }
}
.header__menu > li > ul > li:has(> ul) > a:after {
  content: "";
  width: 24rem;
  height: 24rem;
  position: absolute;
  top: 0;
  right: 0;
  background: url("/theme/assets/img/icons/chevron-down.svg") center/contain no-repeat;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li > ul > li:has(> ul) > a:after {
    top: 12rem;
    right: 16rem;
    transform: rotate(-90deg);
  }
}
.header__menu > li > ul > li:has(> ul):first-child > a:after {
  top: 15rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li.menu-item-mega-menu > ul > li:has(> ul) > a:after {
    display: none;
  }
}
.header__menu > li > ul > li.menu-item-more-button > a {
  position: relative;
  padding-right: 24rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li > ul > li.menu-item-more-button > a {
    padding-right: 40rem;
  }
}
.header__menu > li > ul > li.menu-item-more-button > a:after {
  content: "";
  width: 24rem;
  height: 24rem;
  position: absolute;
  top: 0;
  right: 0;
  background: url("/theme/assets/img/icons/double-chevron-right.svg") center/contain no-repeat;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li > ul > li.menu-item-more-button > a:after {
    top: 12rem;
    right: 16rem;
  }
}
.header__menu > li > ul > li > ul {
  display: flex;
  flex-direction: column;
  gap: 12rem;
  padding-top: 12rem;
  padding-left: 16rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li > ul > li > ul {
    gap: 0;
    padding: 0;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li.menu-item-mega-menu > ul > li > ul {
    padding-top: 14rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li:not(.menu-item-mega-menu) > ul > li > ul {
    min-width: 190rem;
    position: absolute;
    top: -1px;
    right: 0;
    transform: translateX(100%);
    visibility: hidden;
    opacity: 0;
    background-color: var(--color-gray-200);
    border: 1px solid var(--color-gray-300);
    border-radius: 8rem;
    transition: visibility var(--global-transition-duration), opacity var(--global-transition-duration);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li:not(.menu-item-mega-menu) > ul > li:hover > ul {
    visibility: visible;
    opacity: 1;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li > ul > li > ul > li:not(:first-child) {
    border-top: 1px solid var(--color-gray-300);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li.menu-item-mega-menu > ul > li > ul > li {
    padding: 12rem 0;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li.menu-item-mega-menu > ul > li > ul > li:not(:first-child) {
    border-top: 1px solid var(--color-gray-300);
  }
}
.header__menu > li > ul > li > ul > li > a {
  min-height: 24rem;
  line-height: 16rem;
  transition: color var(--global-transition-duration);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li > ul > li > ul > li > a {
    min-height: 48rem;
    padding: 12rem 16rem;
  }
}
@media (hover: hover) {
  .header__menu > li > ul > li > ul > li > a:hover {
    color: var(--color-primary);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li.menu-item-mega-menu > ul > li > ul > li > a {
    min-height: 24rem;
    padding: 0;
  }
}
.header__menu > li > ul > li > ul > li > a[href="#"] {
  pointer-events: none;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li:not(.menu-item-mega-menu) > ul > li:first-child > ul > li:first-child > a {
    min-height: 51rem;
    padding-top: 15rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li:not(.menu-item-mega-menu) > ul > li:first-child > ul > li:last-child > a {
    min-height: 51rem;
    padding-bottom: 15rem;
  }
}
.header__menu > li > ul > li > ul > li.menu-item-more-button > a {
  position: relative;
  padding-right: 24rem;
}
.header__menu > li > ul > li > ul > li.menu-item-more-button > a:after {
  content: "";
  width: 24rem;
  height: 24rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: url("/theme/assets/img/icons/double-chevron-right.svg") center/contain no-repeat;
}
.header__menu > li > .menu-item-has-children-header {
  position: relative;
  padding-right: 24rem;
}
.header__menu > li > .menu-item-has-children-header > a {
  position: relative;
  overflow: hidden;
  font-size: 24rem;
  line-height: 26rem;
  transition: color var(--global-transition-duration);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li > .menu-item-has-children-header > a {
    font-size: 16rem;
    line-height: 24rem;
  }
}
.header__menu > li > .menu-item-has-children-header > a:before {
  content: "";
  width: 100%;
  height: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateX(calc(-100% - 2rem));
  background-color: var(--color-primary);
  will-change: transform;
  transition: transform var(--global-transition-duration);
}
@media (hover: hover) {
  .header__menu > li > .menu-item-has-children-header > a:hover:before {
    transform: translateX(0);
  }
}
.header__menu > li > .menu-item-has-children-header > a[href="#"] {
  pointer-events: none;
}
.header__menu > li > .menu-item-has-children-header > .menu-item-has-children-button {
  width: 24rem;
  height: 24rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.header__menu > li > .menu-item-has-children-header:has(> a[href="#"]) .menu-item-has-children-button {
  width: 100%;
  height: 100%;
}
.header__menu > li > .menu-item-has-children-header > .menu-item-has-children-button:after {
  content: "";
  width: 24rem;
  height: 24rem;
  position: absolute;
  top: 0;
  right: 0;
  transform-origin: center;
  background: url("/theme/assets/img/icons/chevron-down.svg") center/24rem no-repeat;
  transition: transform var(--global-transition-duration);
}
.header__menu > li > .menu-item-has-children-header > .menu-item-has-children-button:has(> input:checked):after {
  transform: rotate(180deg);
}
.header__menu > li > .menu-item-has-children-header > .menu-item-has-children-button > input {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
}
.header__menu > li > .menu-item-has-children-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--global-transition-duration);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__menu > li > .menu-item-has-children-content {
    display: block;
    transition: transform var(--global-transition-duration), visibility var(--global-transition-duration), opacity var(--global-transition-duration);
  }
}
.header__menu > li:has(> .menu-item-has-children-header > .menu-item-has-children-button > input:checked) > .menu-item-has-children-content {
  grid-template-rows: 1fr;
}
.header__menu > li > .menu-item-has-children-content > .menu-item-has-children-content-body {
  overflow: hidden;
}
.header__menu > li > .menu-item-has-children-content > .menu-item-has-children-content-body > ul {
  padding-top: 16rem;
}
.header__menu > li > .menu-item-has-children-content > .menu-item-has-children-content-body > ul > li:not(:first-child) {
  border-top: 1px solid var(--color-gray-300);
  padding-top: 12rem;
}
.header__menu > li > .menu-item-has-children-content > .menu-item-has-children-content-body > ul > li:not(:last-child) {
  padding-bottom: 12rem;
}
.header__menu > li > .menu-item-has-children-content > .menu-item-has-children-content-body > ul > li > a {
  line-height: 16rem;
}
.header__menu > li > .menu-item-has-children-content > .menu-item-has-children-content-body > ul > li.menu-item-more-button > a {
  min-height: 24rem;
  position: relative;
  padding-right: 24rem;
}
.header__menu > li > .menu-item-has-children-content > .menu-item-has-children-content-body > ul > li.menu-item-more-button > a:after {
  content: "";
  width: 24rem;
  height: 24rem;
  position: absolute;
  top: 0;
  right: 0;
  background: url("/theme/assets/img/icons/double-chevron-right.svg") center/contain no-repeat;
}
.header__menu > li > .menu-item-has-children-content > .menu-item-has-children-content-body > ul > li > .menu-item-has-children-header {
  position: relative;
  padding-right: 24rem;
}
.header__menu > li > .menu-item-has-children-content > .menu-item-has-children-content-body > ul > li > .menu-item-has-children-header > a {
  min-height: 24rem;
  line-height: 16rem;
}
.header__menu > li > .menu-item-has-children-content > .menu-item-has-children-content-body > ul > li > .menu-item-has-children-header > a[href="#"] {
  pointer-events: none;
}
.header__menu > li > .menu-item-has-children-content > .menu-item-has-children-content-body > ul > li > .menu-item-has-children-header > .menu-item-has-children-button {
  width: 24rem;
  height: 24rem;
  position: absolute;
  top: 0;
  right: 0;
}
.header__menu > li > .menu-item-has-children-content > .menu-item-has-children-content-body > ul > li > .menu-item-has-children-header:has(> a[href="#"]) .menu-item-has-children-button {
  width: 100%;
  height: 100%;
}
.header__menu > li > .menu-item-has-children-content > .menu-item-has-children-content-body > ul > li > .menu-item-has-children-header > .menu-item-has-children-button:after {
  content: "";
  width: 24rem;
  height: 24rem;
  position: absolute;
  top: 0;
  right: 0;
  transform-origin: center;
  background: url("/theme/assets/img/icons/chevron-down.svg") center/24rem no-repeat;
  transition: transform var(--global-transition-duration);
}
.header__menu > li > .menu-item-has-children-content > .menu-item-has-children-content-body > ul > li > .menu-item-has-children-header > .menu-item-has-children-button:has(> input:checked):after {
  transform: rotate(180deg);
}
.header__menu > li > .menu-item-has-children-content > .menu-item-has-children-content-body > ul > li > .menu-item-has-children-header > .menu-item-has-children-button > input {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
}
.header__menu > li > .menu-item-has-children-content > .menu-item-has-children-content-body > ul > li > .menu-item-has-children-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--global-transition-duration);
}
.header__menu > li > .menu-item-has-children-content > .menu-item-has-children-content-body > ul > li:has(> .menu-item-has-children-header > .menu-item-has-children-button > input:checked) > .menu-item-has-children-content {
  grid-template-rows: 1fr;
}
.header__menu > li > .menu-item-has-children-content > .menu-item-has-children-content-body > ul > li > .menu-item-has-children-content > .menu-item-has-children-content-body {
  overflow: hidden;
}
.header__menu > li > .menu-item-has-children-content > .menu-item-has-children-content-body > ul > li > .menu-item-has-children-content > .menu-item-has-children-content-body > ul {
  display: flex;
  flex-direction: column;
  gap: 12rem;
  padding-top: 12rem;
  padding-left: 16rem;
}
.header__menu > li > .menu-item-has-children-content > .menu-item-has-children-content-body > ul > li > .menu-item-has-children-content > .menu-item-has-children-content-body > ul > li > a {
  min-height: 24rem;
  line-height: 16rem;
  transition: color var(--global-transition-duration);
}
@media (hover: hover) {
  .header__menu > li > .menu-item-has-children-content > .menu-item-has-children-content-body > ul > li > .menu-item-has-children-content > .menu-item-has-children-content-body > ul > li > a:hover {
    color: var(--color-primary);
  }
}
.header__menu > li > .menu-item-has-children-content > .menu-item-has-children-content-body > ul > li > .menu-item-has-children-content > .menu-item-has-children-content-body > ul > li.menu-item-more-button > a {
  position: relative;
  padding-right: 24rem;
}
.header__menu > li > .menu-item-has-children-content > .menu-item-has-children-content-body > ul > li > .menu-item-has-children-content > .menu-item-has-children-content-body > ul > li.menu-item-more-button > a:after {
  content: "";
  width: 24rem;
  height: 24rem;
  position: absolute;
  top: 0;
  right: 0;
  background: url("/theme/assets/img/icons/double-chevron-right.svg") center/contain no-repeat;
}
.header__buttons {
  display: flex;
  flex-direction: column;
  gap: 50rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__buttons {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 14rem;
  }
}
@media screen and (min-width: 768px) {
  .header__button {
    width: fit-content;
    max-width: 100%;
    padding-left: 49rem;
    padding-right: 49rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .header__button {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}

body.wh-wpadminbar .header:not(.header--scroll) {
  transform: translateY(46px);
}
@media screen and (min-width: 601px) {
  body.wh-wpadminbar .header:not(.header--scroll) {
    transform: unset;
  }
}
@media screen and (min-width: 601px) {
  body.wh-wpadminbar .header {
    top: 46px;
  }
}
@media screen and (min-width: 783px) {
  body.wh-wpadminbar .header {
    top: 32px;
  }
}

.hero-section {
  position: relative;
  z-index: 1;
  color: var(--color-white);
  padding-top: 274rem;
}
@media screen and (min-width: 768px) {
  .hero-section {
    padding: 166rem 0 30rem;
  }
}
.hero-section--country:after, .hero-section--brand:after {
  content: "";
  width: 720rem;
  height: 96rem;
  position: absolute;
  top: -9rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  filter: blur(100rem);
}
@media screen and (min-width: 768px) {
  .hero-section--country:after, .hero-section--brand:after {
    width: 1480rem;
    height: 197rem;
    top: -76rem;
    transform: translateX(calc(31rem - 50%));
  }
}
.hero-section__breadcrumbs {
  width: 100%;
  position: absolute;
  top: var(--header-height);
  left: 0;
}
.hero-section__breadcrumbs-list {
  display: flex;
  flex-wrap: wrap;
  gap: 14rem 33rem;
  font-size: 12rem;
  line-height: 16rem;
  color: var(--color-white);
}
@media screen and (min-width: 768px) {
  .hero-section__breadcrumbs-list {
    gap: 14rem 33rem;
  }
}
.hero-section__breadcrumbs-list a {
  display: block;
  position: relative;
  transition: color var(--global-transition-duration);
}
.hero-section__breadcrumbs-list a:not(:last-child):after {
  content: "/";
  position: absolute;
  top: 0;
  right: -14rem;
  transform: translateX(100%);
  pointer-events: none;
}
@media (hover: hover) {
  .hero-section__breadcrumbs-list a:hover {
    color: var(--color-primary-light);
  }
  .hero-section__breadcrumbs-list a:hover:after {
    color: var(--color-white);
  }
}
.hero-section__breadcrumbs-list span {
  display: block;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .hero-section__grid {
    display: grid;
    align-items: flex-end;
    grid-template-columns: 1fr 268rem;
    gap: 50rem;
    padding-right: 44rem;
  }
}
.hero-section__title {
  font-family: var(--secondary-font-family);
  font-weight: 900;
  font-size: 30rem;
  line-height: 26rem;
  letter-spacing: -0.3rem;
}
@media screen and (min-width: 768px) {
  .hero-section__title {
    max-width: 690rem;
    font-size: 75rem;
    line-height: 64rem;
    letter-spacing: -0.75rem;
  }
}
.hero-section__title br {
  display: none;
}
@media screen and (min-width: 768px) {
  .hero-section__title br {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .hero-section__text {
    font-size: 24rem;
    line-height: 26rem;
  }
}
.hero-section__text:not(:first-child) {
  margin-top: 8rem;
}
@media screen and (min-width: 768px) {
  .hero-section__text:not(:first-child) {
    margin-top: 18rem;
  }
}
.hero-section__rating {
  display: none;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .hero-section__rating {
    display: flex;
    flex-wrap: wrap;
    gap: 14rem 16rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .hero-section__rating-gallery {
    display: flex;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .hero-section__rating-gallery img {
    width: 50rem;
    height: 50rem;
    background-color: var(--color-white);
    border: 5rem solid var(--color-white);
    border-radius: 50%;
    object-fit: cover;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .hero-section__rating-gallery img:not(:first-child) {
    margin-left: -14rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .hero-section__rating-title {
    font-size: 24rem;
    line-height: 26rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .hero-section__rating-title span {
    font-weight: 400;
    font-size: 16rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .hero-section__rating-tag {
    position: relative;
    font-size: 16rem;
    line-height: 24rem;
    padding-left: 32rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .hero-section__rating-tag:before {
    content: "";
    width: 24rem;
    height: 24rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: url("/theme/assets/img/icons/full-protection.svg") center/contain no-repeat;
    filter: brightness(0) invert(1);
  }
}
.hero-section__rating-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14rem 28rem;
}
.hero-section__rating-list--tablet {
  display: none;
}
@media screen and (min-width: 768px) {
  .hero-section__rating-list--tablet {
    display: grid;
  }
}
.hero-section__rating-list li {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  font-size: 16rem;
  line-height: 18rem;
}
.hero-section__rating-list li > span {
  font-weight: 600;
  font-size: 24rem;
  line-height: 26rem;
}
.hero-section__tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12rem;
}
.hero-section__tags:not(:first-child) {
  margin-top: 8rem;
}
@media screen and (min-width: 768px) {
  .hero-section__tags--mobile {
    display: none;
  }
}
.hero-section__tags li {
  width: fit-content;
  max-width: 100%;
  border: 1px solid var(--color-white);
  border-radius: var(--global-border-radius);
  font-size: 14rem;
  line-height: 15rem;
  padding: 9rem 11rem;
}
.hero-section__tags li.hero-section__tags-more {
  border: none;
  padding: 0;
}
.hero-section__booking:not(:first-child) {
  margin-top: 20rem;
}
@media screen and (min-width: 768px) {
  .hero-section__booking:not(:first-child) {
    margin-top: 40rem;
  }
}
.hero-section__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
  background-color: var(--color-secondary);
}
.hero-section__bg:before {
  content: "";
  width: 542rem;
  height: 149rem;
  position: absolute;
  top: 237rem;
  left: calc(50% - 84rem);
  z-index: 1;
  transform: translateX(-50%);
  opacity: 0.9;
  background-color: #041016;
  border-radius: 50%;
  filter: blur(180rem);
}
@media screen and (min-width: 768px) {
  .hero-section__bg:before {
    width: 636rem;
    height: 526rem;
    top: 154rem;
    left: calc(50% - 472rem);
    filter: blur(400rem);
  }
}
.hero-section__bg:after {
  content: "";
  width: 720rem;
  height: 96rem;
  position: absolute;
  top: -9rem;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
  background-color: var(--color-black);
  opacity: 0.9;
  border-radius: 50%;
  filter: blur(100rem);
}
@media screen and (min-width: 768px) {
  .hero-section__bg:after {
    width: 1480rem;
    height: 197rem;
    top: -76rem;
    left: calc(50% + 31rem);
    filter: blur(180rem);
  }
}
.hero-section__bg picture,
.hero-section__bg img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.hero-section__bg img {
  object-fit: cover;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .hero-section--alternative .hero-section__bg:after {
    display: none;
  }
}
.hero-section--country .hero-section__bg:before {
  display: none;
}
.hero-section--country .hero-section__bg:after {
  width: 100%;
  height: 100%;
  opacity: 0.3;
  filter: unset;
  top: 0;
  left: 0;
  transform: unset;
  border-radius: 0;
}
.hero-section--brand .hero-section__bg:before {
  display: none;
}
.hero-section--brand .hero-section__bg:after {
  width: 100%;
  height: 100%;
  opacity: 1;
  filter: unset;
  top: 0;
  left: 0;
  transform: unset;
  border-radius: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.18) 100%);
}
.hero-section:has(.hero-section__booking) .hero-section__bg {
  max-height: calc(100% - 284rem);
}
@media screen and (min-width: 768px) {
  .hero-section:has(.hero-section__booking) .hero-section__bg {
    max-height: unset;
  }
}

.wrapper.wh-hero {
  padding-top: 0;
}
.wrapper.wh-hero .header:not(.header--scroll) {
  background-color: transparent;
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-hero-plain .header:not(.header--scroll) {
    color: var(--color-white);
  }
}
.wrapper.wh-hero-plain .header:not(.header--scroll) .header__logo img {
  filter: brightness(0) invert(1);
}
.wrapper.wh-hero-plain .header:not(.header--scroll):has(.header__burger.active) .header__logo img {
  filter: brightness(1) invert(0);
}
.wrapper.wh-hero-plain .header:not(.header--scroll) .header__burger:not(.active):before, .wrapper.wh-hero-plain .header:not(.header--scroll) .header__burger:not(.active):after,
.wrapper.wh-hero-plain .header:not(.header--scroll) .header__burger:not(.active) span:before,
.wrapper.wh-hero-plain .header:not(.header--scroll) .header__burger:not(.active) span:after {
  background-color: var(--color-white);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-hero-plain .header:not(.header--scroll) .header__menu > li:has(> ul) > a:after {
    filter: brightness(0) invert(1);
    transition: transform var(--global-transition-duration), filter var(--global-transition-duration);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-hero-plain .header:not(.header--scroll) .header__button {
    border-color: var(--color-white);
    color: var(--color-white);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-hero-plain .header:not(.header--scroll) .language-switch:not(.active) .language-switch__button {
    border-color: var(--color-white);
    color: var(--color-white);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-hero-plain .header:not(.header--scroll) .language-switch:not(.active) .language-switch__button:after {
    background-color: var(--color-white);
  }
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-hero-alt .header:not(.header--scroll) {
    color: var(--color-white);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-hero-alt .header:not(.header--scroll) .header__button {
    border-color: var(--color-white);
    color: var(--color-white);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-hero-alt .header:not(.header--scroll) .language-switch:not(.active) .language-switch__button {
    border-color: var(--color-white);
    color: var(--color-white);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-hero-alt .header:not(.header--scroll) .language-switch:not(.active) .language-switch__button:after {
    background-color: var(--color-white);
  }
}

.info-card {
  display: flex;
  flex-direction: column;
  gap: 34rem;
  width: 100%;
  background-color: var(--color-gray-100);
  border: 1px solid var(--color-gray-300);
  border-radius: 14rem;
  padding: 23rem;
}
@media screen and (min-width: 768px) {
  .info-card {
    padding-top: 33rem;
    padding-bottom: 33rem;
  }
}
.info-card__main {
  flex: 1 1 auto;
}
.info-card__title {
  font-size: 20rem;
  line-height: 22rem;
}
@media screen and (min-width: 768px) {
  .info-card__title {
    font-size: 28rem;
    line-height: 31rem;
  }
}
.info-card__text {
  font-size: 16rem;
  line-height: 19rem;
}
@media screen and (min-width: 768px) {
  .info-card__text {
    font-size: 20rem;
    line-height: 24rem;
  }
}
.info-card__text:not(:first-child) {
  margin-top: 24rem;
}
@media screen and (min-width: 768px) {
  .info-card__button {
    width: 290rem;
    min-width: fit-content;
    max-width: 100%;
  }
}

.info-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16rem;
}
@media screen and (min-width: 768px) {
  .info-cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 30rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .info-cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .info-cards > .info-card:nth-child(8n+1):not(:nth-last-child(2)),
  .info-cards > .info-card:nth-child(8n+7):not(:last-child) {
    grid-row: span 2;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .info-cards > .info-card:nth-child(8n+2),
  .info-cards > .info-card:nth-child(8n+5):nth-last-child(2),
  .info-cards > .info-card:nth-child(8n+8) {
    grid-column: span 2;
  }
}
.info-cards:not(:first-child) {
  margin-top: 50rem;
}
@media screen and (min-width: 768px) {
  .info-cards:not(:first-child) {
    margin-top: 30rem;
  }
}

.info-field {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 8rem;
  width: 100%;
  position: relative;
  background-color: var(--color-gray-100);
  border: 1rem solid var(--color-gray-100);
  border-radius: var(--global-border-radius);
  line-height: 16rem;
  padding: 15rem;
  cursor: pointer;
  transition: border-color var(--global-transition-duration);
}
@media (hover: hover) {
  .info-field:hover {
    border-color: var(--color-gray-400);
  }
}
@media (hover: none) {
  .info-field:active {
    border-color: var(--color-gray-400);
  }
}
.info-field:before, .info-field:after {
  content: "";
  width: 16rem;
  height: 16rem;
  position: absolute;
  top: 15rem;
  right: 15rem;
  transform-origin: center;
  background-color: var(--color-primary);
  background-position: center;
  background-size: 75%;
  background-repeat: no-repeat;
  border-radius: 50%;
  transition: transform var(--global-transition-duration), visibility var(--global-transition-duration);
}
.info-field:before {
  background-image: url("/theme/assets/img/icons/copy-light.svg");
  background-size: 60%;
}
.info-field:after {
  transform: scale(0);
  visibility: hidden;
  background-image: url("/theme/assets/img/icons/check-light.svg");
  background-size: 75%;
}
.info-field.copied:before {
  transform: scale(0);
  visibility: hidden;
}
.info-field.copied:after {
  transform: scale(1);
  visibility: visible;
}
.info-field__title {
  color: var(--color-gray-400);
}

.info-section__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40rem;
}
@media screen and (min-width: 768px) {
  .info-section__row {
    gap: 59rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .info-section__row {
    grid-template-columns: 1fr 670rem;
  }
}
.info-section__subtitle {
  font-size: 16rem;
  line-height: 18rem;
}
@media screen and (min-width: 768px) {
  .info-section__subtitle {
    font-size: 24rem;
    line-height: 26rem;
    color: var(--color-gray-700);
  }
}
.info-section__subtitle:not(:first-child) {
  margin-top: 8rem;
}
@media screen and (min-width: 768px) {
  .info-section__subtitle:not(:first-child) {
    margin-top: 26rem;
  }
}
.info-section__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16rem;
}
@media screen and (min-width: 768px) {
  .info-section__cards {
    gap: 30rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .info-section__cards {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .info-section__row > .info-section__cards {
    grid-column: 1/-1;
    order: 1;
  }
}
.info-section__card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8rem;
  width: 100%;
  background-color: var(--color-gray-200);
  border: 1px solid var(--color-gray-300);
  border-radius: var(--global-border-radius);
  padding: 15rem 7rem;
}
@media screen and (min-width: 768px) {
  .info-section__card {
    padding: 15rem;
  }
}
.info-section__card-icon {
  width: 24rem;
  height: 24rem;
  object-fit: contain;
}
@media screen and (min-width: 768px) {
  .info-section__card-icon {
    width: 30rem;
    height: 30rem;
  }
}
.info-section__card-title {
  font-weight: 600;
  font-size: 14rem;
  line-height: 15rem;
}
@media screen and (min-width: 768px) {
  .info-section__card-title {
    font-size: 20rem;
    line-height: 22rem;
  }
}
.info-section__card-subitle {
  font-size: 12rem;
  line-height: 14rem;
}
@media screen and (min-width: 768px) {
  .info-section__card-subitle {
    font-size: 14rem;
    line-height: 17rem;
  }
}
.info-section__cards > .info-section__card:nth-child(8n+2), .info-section__cards > .info-section__card:nth-child(8n+7) {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.info-section__cards > .info-section__card:nth-child(8n+2) .info-section__card-icon, .info-section__cards > .info-section__card:nth-child(8n+7) .info-section__card-icon {
  filter: brightness(0) invert(1);
}
.info-section__car {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 16rem;
  align-items: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .info-section__car {
    grid-template-columns: 4fr 2fr;
  }
}
.info-section__car-title {
  font-weight: 600;
  font-size: 20rem;
  line-height: 22rem;
}
@media screen and (min-width: 768px) {
  .info-section__car-title {
    font-size: 28rem;
    line-height: 31rem;
    letter-spacing: -0.28rem;
  }
}
.info-section__car-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12rem;
  font-size: 14rem;
  line-height: 17rem;
  color: var(--color-gray-700);
}
.info-section__car-tags:not(:first-child) {
  margin-top: 4rem;
}
.info-section__car-tags > li:not(:last-child) {
  border-right: 1px solid var(--color-gray-300);
  padding-right: 12rem;
}
.info-section__car-price {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  font-size: 16rem;
  line-height: 18rem;
}
@media screen and (min-width: 768px) {
  .info-section__car-price {
    flex-direction: row;
    align-items: flex-end;
    gap: 14rem;
    font-size: 20rem;
    line-height: 28rem;
  }
}
.info-section__car-price > span {
  display: block;
  font-weight: 700;
  font-size: 24rem;
  line-height: 26rem;
  color: var(--color-primary);
  letter-spacing: -0.24rem;
}
@media screen and (min-width: 768px) {
  .info-section__car-price > span {
    font-size: 28rem;
    line-height: 31rem;
    letter-spacing: -0.28rem;
  }
}
.info-section__cars > .info-section__car:not(:first-child) {
  border-top: 1px solid var(--color-gray-300);
  margin-top: 16rem;
  padding-top: 16rem;
}
.info-section__table {
  width: 100%;
  font-size: 14rem;
  line-height: 17rem;
  color: var(--color-gray-700);
}
@media screen and (min-width: 768px) {
  .info-section__table {
    font-size: 16rem;
    line-height: 19rem;
  }
}
.info-section__table table thead {
  border-bottom: 1px solid var(--color-gray-300);
}
.info-section__table tr:nth-child(even) {
  background-color: var(--color-gray-100);
}
.info-section__table th,
.info-section__table td {
  padding-left: 4rem;
  padding-right: 4rem;
}
@media screen and (min-width: 768px) {
  .info-section__table th,
  .info-section__table td {
    padding-left: 8rem;
    padding-right: 8rem;
  }
}
.info-section__table th:first-child,
.info-section__table td:first-child {
  min-width: 139rem;
  max-width: 139rem;
  padding-left: 8rem;
}
@media screen and (min-width: 768px) {
  .info-section__table th:first-child,
  .info-section__table td:first-child {
    min-width: 352rem;
    max-width: 352rem;
    padding-left: 16rem;
  }
}
.info-section__table th:last-child,
.info-section__table td:last-child {
  padding-right: 8rem;
}
@media screen and (min-width: 768px) {
  .info-section__table th:last-child,
  .info-section__table td:last-child {
    padding-right: 16rem;
  }
}
.info-section__table th:not(:first-child),
.info-section__table td:not(:first-child) {
  white-space: nowrap;
}
.info-section__table th {
  padding-top: 12rem;
  padding-bottom: 12rem;
}
@media screen and (min-width: 768px) {
  .info-section__table th {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
}
.info-section__table td {
  padding-top: 16rem;
  padding-bottom: 16rem;
}
@media screen and (min-width: 768px) {
  .info-section__table td {
    padding-top: 24rem;
    padding-bottom: 24rem;
  }
}
.info-section__table-name {
  font-weight: 600;
  font-size: 20rem;
  line-height: 22rem;
  color: var(--color-black);
}
.info-section__table-price {
  color: var(--color-primary);
}

.location-card {
  display: flex;
  width: 100%;
  position: relative;
  z-index: 1;
  border: 1rem solid var(--color-gray-300);
  border-radius: var(--global-border-radius);
  padding-left: 85rem;
  transition: border-color var(--global-transition-duration);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .location-card {
    padding-left: 175rem;
  }
}
@media (hover: hover) {
  .location-card:hover {
    border-color: var(--color-primary);
  }
}
.location-card__img {
  width: 99rem;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
  border-radius: var(--global-border-radius) 0 0 var(--global-border-radius);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .location-card__img {
    width: 189rem;
  }
}
.location-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--global-transition-duration);
}
@media (hover: hover) {
  .location-card:hover .location-card__img img {
    transform: scale(1.15);
  }
}
.location-card__content {
  width: 100%;
  background-color: var(--color-white);
  border-radius: var(--global-border-radius);
  padding: 23rem 16rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .location-card__content {
    padding: 23rem 24rem;
  }
}
.location-card__rating {
  display: flex;
  flex-wrap: wrap;
  gap: 8rem;
  width: fit-content;
  width: -moz-fit-content;
  min-width: 165rem;
  max-width: 100%;
  position: absolute;
  top: -17rem;
  left: 132rem;
  background-color: var(--color-white);
  border: 1rem solid var(--color-gray-300);
  border-radius: var(--global-border-radius);
  padding: 5rem 7rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .location-card__rating {
    min-width: unset;
    left: 15rem;
  }
}
.location-card__rating-stars {
  width: 78rem;
  min-width: 78rem;
  height: 20rem;
  position: relative;
  background: url("/theme/assets/img/location-cards/rating-gray.svg") left center/78rem no-repeat;
}
.location-card__rating-stars:after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("/theme/assets/img/location-cards/rating.svg") left center/78rem no-repeat;
}
.location-card__rating-stars[data-location-card-rating="0"]:after {
  width: 0;
}
.location-card__rating-stars[data-location-card-rating="0.1"]:after {
  width: 0;
}
.location-card__rating-stars[data-location-card-rating="0.2"]:after {
  width: 2%;
}
.location-card__rating-stars[data-location-card-rating="0.3"]:after {
  width: 4%;
}
.location-card__rating-stars[data-location-card-rating="0.4"]:after {
  width: 6%;
}
.location-card__rating-stars[data-location-card-rating="0.5"]:after {
  width: 8%;
}
.location-card__rating-stars[data-location-card-rating="0.6"]:after {
  width: 10%;
}
.location-card__rating-stars[data-location-card-rating="0.7"]:after {
  width: 12%;
}
.location-card__rating-stars[data-location-card-rating="0.8"]:after {
  width: 14%;
}
.location-card__rating-stars[data-location-card-rating="0.9"]:after {
  width: 20%;
}
.location-card__rating-stars[data-location-card-rating="1"]:after {
  width: 20%;
}
.location-card__rating-stars[data-location-card-rating="1.0"]:after {
  width: 20%;
}
.location-card__rating-stars[data-location-card-rating="1.1"]:after {
  width: 22%;
}
.location-card__rating-stars[data-location-card-rating="1.2"]:after {
  width: 24%;
}
.location-card__rating-stars[data-location-card-rating="1.3"]:after {
  width: 26%;
}
.location-card__rating-stars[data-location-card-rating="1.4"]:after {
  width: 28%;
}
.location-card__rating-stars[data-location-card-rating="1.5"]:after {
  width: 30%;
}
.location-card__rating-stars[data-location-card-rating="1.6"]:after {
  width: 32%;
}
.location-card__rating-stars[data-location-card-rating="1.7"]:after {
  width: 34%;
}
.location-card__rating-stars[data-location-card-rating="1.8"]:after {
  width: 36%;
}
.location-card__rating-stars[data-location-card-rating="1.9"]:after {
  width: 40%;
}
.location-card__rating-stars[data-location-card-rating="2"]:after {
  width: 40%;
}
.location-card__rating-stars[data-location-card-rating="2.0"]:after {
  width: 40%;
}
.location-card__rating-stars[data-location-card-rating="2.1"]:after {
  width: 42%;
}
.location-card__rating-stars[data-location-card-rating="2.2"]:after {
  width: 44%;
}
.location-card__rating-stars[data-location-card-rating="2.3"]:after {
  width: 46%;
}
.location-card__rating-stars[data-location-card-rating="2.4"]:after {
  width: 48%;
}
.location-card__rating-stars[data-location-card-rating="2.5"]:after {
  width: 50%;
}
.location-card__rating-stars[data-location-card-rating="2.6"]:after {
  width: 52%;
}
.location-card__rating-stars[data-location-card-rating="2.7"]:after {
  width: 54%;
}
.location-card__rating-stars[data-location-card-rating="2.8"]:after {
  width: 56%;
}
.location-card__rating-stars[data-location-card-rating="2.9"]:after {
  width: 60%;
}
.location-card__rating-stars[data-location-card-rating="3"]:after {
  width: 60%;
}
.location-card__rating-stars[data-location-card-rating="3.0"]:after {
  width: 60%;
}
.location-card__rating-stars[data-location-card-rating="3.1"]:after {
  width: 62%;
}
.location-card__rating-stars[data-location-card-rating="3.2"]:after {
  width: 64%;
}
.location-card__rating-stars[data-location-card-rating="3.3"]:after {
  width: 66%;
}
.location-card__rating-stars[data-location-card-rating="3.4"]:after {
  width: 68%;
}
.location-card__rating-stars[data-location-card-rating="3.5"]:after {
  width: 70%;
}
.location-card__rating-stars[data-location-card-rating="3.6"]:after {
  width: 72%;
}
.location-card__rating-stars[data-location-card-rating="3.7"]:after {
  width: 74%;
}
.location-card__rating-stars[data-location-card-rating="3.8"]:after {
  width: 76%;
}
.location-card__rating-stars[data-location-card-rating="3.9"]:after {
  width: 80%;
}
.location-card__rating-stars[data-location-card-rating="4"]:after {
  width: 80%;
}
.location-card__rating-stars[data-location-card-rating="4.0"]:after {
  width: 80%;
}
.location-card__rating-stars[data-location-card-rating="4.1"]:after {
  width: 82%;
}
.location-card__rating-stars[data-location-card-rating="4.2"]:after {
  width: 84%;
}
.location-card__rating-stars[data-location-card-rating="4.3"]:after {
  width: 86%;
}
.location-card__rating-stars[data-location-card-rating="4.4"]:after {
  width: 88%;
}
.location-card__rating-stars[data-location-card-rating="4.5"]:after {
  width: 90%;
}
.location-card__rating-stars[data-location-card-rating="4.6"]:after {
  width: 92%;
}
.location-card__rating-stars[data-location-card-rating="4.7"]:after {
  width: 94%;
}
.location-card__rating-stars[data-location-card-rating="4.8"]:after {
  width: 96%;
}
.location-card__rating-stars[data-location-card-rating="4.9"]:after {
  width: 100%;
}
.location-card__rating-stars[data-location-card-rating="5"]:after {
  width: 100%;
}
.location-card__rating-stars[data-location-card-rating="5.0"]:after {
  width: 100%;
}
.location-card__rating-text {
  font-size: 14rem;
  line-height: 20rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .location-card__rating-text {
    font-size: 16rem;
  }
}
.location-card__title {
  font-size: 20rem;
  line-height: 22rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .location-card__title {
    font-size: 28rem;
    line-height: 31rem;
  }
}
.location-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 14rem;
}
.location-card__tags:not(:first-child) {
  margin-top: 8rem;
}
.location-card__tag {
  font-size: 12rem;
  line-height: 16rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .location-card__tag {
    font-size: 14rem;
  }
}
.location-card__tag:has(> img) {
  position: relative;
  padding-left: 16rem;
}
.location-card__tag > img {
  width: 12rem;
  height: 12rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  object-fit: contain;
}
.location-card__text {
  opacity: 0.7;
  font-size: 14rem;
  line-height: 15rem;
  padding-right: 15rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .location-card__text {
    font-size: 16rem;
    line-height: 18rem;
  }
}
.location-card__text:not(:first-child) {
  margin-top: 14rem;
}
.location-card__link {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  position: relative;
  line-height: 16rem;
  padding-right: 25rem;
}
.location-card__link:before {
  content: "";
  width: 12rem;
  height: 12rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: url("/theme/assets/img/location-cards/icons/arrow-right.svg") center/contain no-repeat;
  transition: transform var(--global-transition-duration);
}
.location-card__link:after {
  content: "";
  width: calc(100% - 25rem);
  height: 1rem;
  position: absolute;
  bottom: -2rem;
  left: 0;
  transform: translateY(100%);
  background-color: var(--color-black);
}
@media (hover: hover) {
  .location-card__link:hover:before {
    transform: translate(5rem, -50%);
  }
}
@media (hover: none) {
  .location-card__link:active:before {
    transform: translate(5rem, -50%);
  }
}
.location-card__link:not(:first-child) {
  margin-top: 14rem;
}

.location-cards-slider {
  width: 100%;
  overflow: unset;
}
.location-cards-slider:not(:first-child) {
  margin-top: 40rem;
}
@media screen and (min-width: 768px) {
  .location-cards-slider:not(:first-child) {
    margin-top: 50rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .location-cards-slider .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 31rem;
  }
}
.location-cards-slider .swiper-slide {
  display: flex;
  max-width: 312rem;
  height: auto;
}
@media screen and (min-width: 768px) {
  .location-cards-slider .swiper-slide {
    max-width: 330rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .location-cards-slider .swiper-slide {
    max-width: 100%;
  }
}
.location-cards-slider .swiper-slide:not(:last-child) {
  margin-right: 16rem;
}
@media screen and (min-width: 768px) {
  .location-cards-slider .swiper-slide:not(:last-child) {
    margin-right: 30rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .location-cards-slider .swiper-slide:not(:last-child) {
    margin-right: 0;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .location-cards-slider .swiper-slide:nth-child(n+7) {
    display: none;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .location-cards-slider:has(.location-cards-slider__button > input:checked) .swiper-slide:nth-child(n+7) {
    display: flex;
  }
}
.location-cards-slider__button {
  display: none;
  position: relative;
}
.location-cards-slider__button > input {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .location-cards-slider:has(.swiper-slide:nth-child(7)) .location-cards-slider__button {
    display: flex;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .location-cards-slider:has(.swiper-slide:nth-child(7)) .location-cards-slider__button:has(> input:checked) {
    display: none;
  }
}

.location-product-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  overflow: hidden;
  border: 1rem solid var(--color-gray-300);
  border-radius: var(--global-border-radius);
}
.location-product-card__tag {
  width: fit-content;
  max-width: 100%;
  position: absolute;
  top: 23rem;
  left: 17rem;
  z-index: 1;
  background-color: var(--color-white);
  border-radius: var(--global-border-radius);
  font-size: 14rem;
  line-height: 20rem;
  padding: 6rem 8rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .location-product-card__tag {
    left: 23rem;
  }
}
.location-product-card__img {
  padding-top: 77.4193548387%;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .location-product-card__img {
    padding-top: 56.6037735849%;
  }
}
.location-product-card__content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  position: relative;
  background-color: var(--color-white);
  border-radius: 14rem 14rem 0 0;
  margin-top: -30rem;
  padding: 23rem;
}
.location-product-card__title {
  font-size: 28rem;
  line-height: 31rem;
}
.location-product-card__text {
  opacity: 0.7;
  margin-bottom: auto;
}
.location-product-card__text:not(:first-child) {
  margin-top: 14rem;
}
.location-product-card__button {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}
.location-product-card__button:not(:first-child) {
  margin-top: 18rem;
}

.location-product-cards-slider {
  overflow: unset;
}
.location-product-cards-slider:not(:first-child) {
  margin-top: 40rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .location-product-cards-slider:not(:first-child) {
    margin-top: 50rem;
  }
}
.location-product-cards-slider .swiper-slide {
  display: flex;
  max-width: 312rem;
  height: auto;
}
@media screen and (min-width: 768px) {
  .location-product-cards-slider .swiper-slide {
    max-width: 330rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .location-product-cards-slider .swiper-slide {
    max-width: 426rem;
  }
}
.location-product-cards-slider .swiper-slide:not(:last-child) {
  margin-right: 31rem;
}
@media screen and (min-width: 768px) {
  .location-product-cards-slider .swiper-slide:not(:last-child) {
    margin-right: 30rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .location-product-cards-slider .swiper-slide:not(:last-child) {
    margin-right: 31rem;
  }
}

.location-section__grid {
  display: flex;
  flex-direction: column;
  gap: 40rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .location-section__grid {
    display: grid;
    grid-template-columns: 1fr 670rem;
    gap: 50rem;
  }
}
.location-section__grid:not(:first-child) {
  margin-top: 40rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .location-section__grid:not(:first-child) {
    margin-top: 50rem;
  }
}
.location-section__map {
  border: 1rem solid var(--color-gray-300);
  border-radius: var(--global-border-radius);
  padding-top: 132.5513196481%;
}
@media screen and (min-width: 768px) {
  .location-section__map {
    padding-top: 132.3624595469%;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .location-section__map {
    min-height: 390rem;
    padding-top: 0;
  }
}

.locations__accordion {
  width: 100%;
}
.locations__accordion:not(:first-child) {
  border-top: 1px solid var(--color-gray-300);
  margin-top: 16rem;
  padding-top: 16rem;
}
@media screen and (min-width: 768px) {
  .locations__accordion:not(:first-child) {
    margin-top: 24rem;
    padding-top: 24rem;
  }
}
.locations__accordion-header {
  position: relative;
  padding-right: 40rem;
}
.locations__accordion-header:after {
  content: "";
  width: 24rem;
  height: 24rem;
  position: absolute;
  top: 0;
  right: 0;
  transform-origin: center;
  background: url("/theme/assets/img/icons/chevron-down.svg") center/contain no-repeat;
  transition: transform var(--global-transition-duration);
}
.locations__accordion:not(:has(.locations__accordion-handler)) .locations__accordion-header {
  padding-right: 0;
}
.locations__accordion:not(:has(.locations__accordion-handler)) .locations__accordion-header:after {
  display: none;
}
.locations__accordion:has(.locations__accordion-handler:checked) .locations__accordion-header:after {
  transform: rotate(180deg);
}
.locations__accordion-title {
  width: fit-content;
  max-width: 100%;
  font-weight: 700;
  font-size: 28rem;
  line-height: 32rem;
  letter-spacing: -0.28rem;
}
.locations__accordion-title > a {
  display: block;
  transition: color var(--global-transition-duration);
}
.locations__accordion-title > a:has(> img) {
  position: relative;
  padding-left: 32rem;
}
@media (hover: hover) {
  .locations__accordion-title > a:hover {
    color: var(--color-primary);
  }
}
.locations__accordion-title > a > img {
  width: 24rem;
  height: 24rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-radius: 50%;
}
.locations__accordion-handler {
  width: 24rem;
  height: 24rem;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}
.locations__accordion-indicator {
  font-size: 14rem;
  line-height: 15rem;
  color: var(--color-gray-700);
  letter-spacing: -0.14rem;
}
.locations__accordion-indicator:not(:first-child) {
  margin-top: 4rem;
}
.locations__accordion-dropdown {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--global-transition-duration);
}
.locations__accordion-dropdown-body {
  overflow: hidden;
}
.locations__accordion-dropdown-content {
  padding-top: 24rem;
  transition: transform var(--global-transition-duration), opacity var(--global-transition-duration);
}
@media screen and (min-width: 768px) {
  .locations__accordion-dropdown-content {
    padding-top: 16rem;
  }
}
.locations__accordion:has(.locations__accordion-handler:checked) .locations__accordion-dropdown {
  grid-template-rows: 1fr;
}
.locations__accordion:not(:has(.locations__accordion-handler:checked)) .locations__accordion-dropdown-content {
  transform: translateY(100%);
  opacity: 0;
}
.locations-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16rem;
}
@media screen and (min-width: 768px) {
  .locations-list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .locations-list {
    grid-template-columns: repeat(8, 1fr);
  }
}
.locations-list__card {
  display: block;
  background-color: var(--color-gray-300);
  border: 1px solid var(--color-gray-500);
  border-radius: var(--global-border-radius);
  padding-top: 53.8226299694%;
}
@media screen and (min-width: 768px) {
  .locations-list__card {
    padding-top: 54.8286604361%;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .locations-list__card {
    padding-top: 57.328990228%;
  }
}
.locations-list__card > img {
  transition: transform var(--global-transition-duration);
}
@media (hover: hover) {
  .locations-list__card:hover > img {
    transform: scale(1.1);
  }
}
.locations-list__card-title {
  width: fit-content;
  max-width: 100%;
  position: absolute;
  top: 7rem;
  left: 7rem;
  z-index: 1;
  background-color: var(--color-white);
  border-radius: var(--global-border-radius);
  font-size: 14rem;
  line-height: 20rem;
  padding: 6rem 8rem 6rem 32rem;
}
.locations-list__card-title:before {
  content: "";
  width: 20rem;
  height: 20rem;
  position: absolute;
  top: 50%;
  left: 8rem;
  transform: translateY(-50%);
  background: url("/theme/assets/img/icons/location-dot.svg") center/contain no-repeat;
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
  .main-faq {
    overflow: hidden;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .main-faq__content {
    display: grid;
    grid-template-columns: 1fr 670rem;
    gap: 40rem;
  }
}
.main-faq__content:not(:first-child) {
  margin-top: 40rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .main-faq__content:not(:first-child) {
    margin-top: 50rem;
  }
}
.main-faq__media {
  display: none;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .main-faq__media {
    display: block;
    position: relative;
    min-height: 400rem;
  }
}
.main-faq__img {
  width: 804rem;
  max-width: unset;
  height: 400rem;
  position: absolute;
  bottom: 0;
  right: 0;
  object-fit: contain;
}
.main-faq .accordion {
  border-color: var(--color-gray-300);
}
.main-faq .accordion__dropdown-content {
  font-size: 16rem;
  line-height: 19rem;
}

.modal {
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 201;
  overflow-y: auto;
  visibility: hidden;
  opacity: 0;
  background-color: var(--color-white);
  transition: visibility var(--global-transition-duration), opacity var(--global-transition-duration);
}
@media screen and (min-width: 768px) {
  .modal {
    background-color: transparent;
  }
}
.modal.active {
  visibility: visible;
  opacity: 1;
}
.modal__body {
  display: flex;
  width: 100%;
  min-height: 100%;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .modal__body {
    align-items: center;
    padding: 40rem 0;
  }
}
.modal__area {
  display: none;
}
@media screen and (min-width: 768px) {
  .modal__area {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: var(--color-black);
    opacity: 0.8;
  }
}
.modal__container {
  display: flex;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width: 576px) {
  .modal__container {
    padding-left: var(--container-padding-x);
    padding-right: var(--container-padding-x);
  }
}
.modal__content {
  display: flex;
  width: 100%;
  position: relative;
  transform-origin: center;
  transition: transform var(--global-transition-duration);
}
@media screen and (min-width: 768px) {
  .modal__content {
    z-index: 2;
  }
}
.modal:not(.active) .modal__content {
  transform: scale(0);
}
.modal__close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44rem;
  height: 44rem;
  position: absolute;
  top: 20rem;
  right: 16rem;
}
@media screen and (min-width: 768px) {
  .modal__close {
    width: 56rem;
    height: 56rem;
    z-index: 3;
  }
}
.modal__close:before, .modal__close:after {
  content: "";
  width: 34rem;
  height: 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: var(--color-black);
  border-radius: 1rem;
  transition: background-color var(--global-transition-duration);
}
@media screen and (min-width: 768px) {
  .modal__close:before, .modal__close:after {
    width: 38rem;
    background-color: var(--color-white);
  }
}
.modal__close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.modal__close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media (hover: hover) {
  .modal__close:hover:before, .modal__close:hover:after {
    background-color: var(--color-error);
  }
}
@media (hover: none) {
  .modal__close:active:before, .modal__close:active:after {
    background-color: var(--color-error);
  }
}

.notice {
  position: relative;
  background-color: var(--color-primary-light);
  border: 1rem solid var(--color-primary-light);
  border-radius: var(--global-border-radius);
  font-size: 14rem;
  line-height: 20rem;
  color: var(--color-gray-800);
  padding: 15rem 15rem 15rem 45rem;
}
@media screen and (min-width: 768px) {
  .notice {
    padding-left: 53rem;
    padding-right: 23rem;
  }
}
.notice--dark {
  background-color: var(--color-gray-800);
  border-color: var(--color-gray-800);
  color: var(--color-gray-300);
}
.notice:before {
  content: "";
  width: 16rem;
  height: 16rem;
  position: absolute;
  top: 15rem;
  left: 15rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .notice:before {
    left: 23rem;
  }
}
.notice--dark:before {
  filter: brightness(0) invert(1);
}
.notice--circle-info:before {
  background-image: url("/theme/assets/img/icons/circle-info.svg");
}
.notice--whatsapp:before {
  background-image: url("/theme/assets/img/icons/whatsapp.svg");
}
.notice--shield-halved:before {
  background-image: url("/theme/assets/img/icons/shield-halved.svg");
}
.notice--triangle-exclamation:before {
  background-image: url("/theme/assets/img/icons/triangle-exclamation.svg");
}
.notice--phone:before {
  background-image: url("/theme/assets/img/icons/phone.svg");
}
.notice h5, .notice h6 {
  color: var(--color-gray-900);
}
.notice h5 {
  font-size: 18rem;
}
.notice h6 {
  font-size: 16rem;
}
.notice--dark h5, .notice--dark h6 {
  color: var(--color-white);
}
.notice p:not(:first-child) {
  margin-top: 8rem;
}
.notice strong {
  font-weight: 600;
  color: var(--color-gray-900);
}
.notice--dark strong {
  color: var(--color-white);
}

.payment-method {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8rem 12rem;
  width: 100%;
  position: relative;
  border: 1rem solid var(--color-gray-300);
  border-radius: var(--global-border-radius);
  padding: 23rem 23rem 23rem 57rem;
  transition: border-color var(--global-transition-duration);
}
.payment-method:has(.payment-method__input:checked) {
  border-color: var(--color-primary);
}
.payment-method:before, .payment-method:after {
  content: "";
  position: absolute;
  top: 50%;
  border-radius: 50%;
}
.payment-method:before {
  width: 20rem;
  height: 20rem;
  left: 23rem;
  transform: translateY(-50%);
  border: 1rem solid var(--color-gray-300);
  transition: background-color var(--global-transition-duration), border-color var(--global-transition-duration);
}
.payment-method:has(.payment-method__input:checked):before {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.payment-method:after {
  width: 10rem;
  height: 10rem;
  left: 28rem;
  background-color: var(--color-white);
  transform-origin: center;
  transform: translateY(-50%) scale(0);
  transition: transform var(--global-transition-duration);
}
.payment-method:has(.payment-method__input:checked):after {
  transform: translateY(-50%) scale(1);
}
.payment-method__name {
  font-size: 18rem;
  line-height: 18rem;
}
.payment-method__logos {
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
}
.payment-method__logo {
  width: 26rem;
  height: 18rem;
  object-fit: contain;
}
.payment-method__info {
  width: 100%;
  font-size: 14rem;
  line-height: 14rem;
  color: var(--color-gray-600);
}
.payment-method__input {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
}

.payment_method {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8rem 12rem;
  width: 100%;
  position: relative;
  border: 1rem solid var(--color-gray-300);
  border-radius: var(--global-border-radius);
  padding: 23rem 23rem 23rem 57rem;
  transition: border-color var(--global-transition-duration);
}
.payment_method:has(.input-radio:checked) {
  border-color: var(--color-primary);
}
.payment_method:before, .payment_method:after {
  content: "";
  position: absolute;
  top: 50%;
  border-radius: 50%;
}
.payment_method:before {
  width: 20rem;
  height: 20rem;
  left: 23rem;
  transform: translateY(-50%);
  border: 1rem solid var(--color-gray-300);
  transition: background-color var(--global-transition-duration), border-color var(--global-transition-duration);
}
.payment_method:has(.input-radio:checked):before {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.payment_method:after {
  width: 10rem;
  height: 10rem;
  left: 28rem;
  background-color: var(--color-white);
  transform-origin: center;
  transform: translateY(-50%) scale(0);
  transition: transform var(--global-transition-duration);
}
.payment_method:has(.input-radio:checked):after {
  transform: translateY(-50%) scale(1);
}
.payment_method label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8rem 12rem;
  width: 100%;
}
.payment_method .input-radio {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
}

.payment_methods {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16rem;
}
@media screen and (min-width: 768px) {
  .payment_methods {
    grid-template-columns: repeat(2, 1fr);
  }
}

.phone-field {
  display: flex;
  flex-wrap: wrap;
  gap: 8rem;
  width: 100%;
  min-height: 48rem;
}
.phone-field > .woocommerce-input-wrapper:has(> input[type=hidden]:first-child:last-child) {
  display: none;
}
.phone-field > p {
  display: none;
}
.phone-field select.phone-field__select {
  background-position: center right 7rem;
  padding: 0 35rem 0 25rem;
}
.phone-field__select .adv-select__header, .phone-field__select .adv-select__list li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6rem;
}
.phone-field__select .adv-select__header:before, .phone-field__select .adv-select__list li:before {
  content: "";
  width: 14rem;
  min-width: 14rem;
  height: 14rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.phone-field__select .adv-select__header[data-iso=af]:before, .phone-field__select .adv-select__list li[data-iso=af]:before {
  background-image: url("/theme/assets/img/flags/af.svg");
}
.phone-field__select .adv-select__header[data-iso=al]:before, .phone-field__select .adv-select__list li[data-iso=al]:before {
  background-image: url("/theme/assets/img/flags/al.svg");
}
.phone-field__select .adv-select__header[data-iso=dz]:before, .phone-field__select .adv-select__list li[data-iso=dz]:before {
  background-image: url("/theme/assets/img/flags/dz.svg");
}
.phone-field__select .adv-select__header[data-iso=ad]:before, .phone-field__select .adv-select__list li[data-iso=ad]:before {
  background-image: url("/theme/assets/img/flags/ad.svg");
}
.phone-field__select .adv-select__header[data-iso=ao]:before, .phone-field__select .adv-select__list li[data-iso=ao]:before {
  background-image: url("/theme/assets/img/flags/ao.svg");
}
.phone-field__select .adv-select__header[data-iso=ag]:before, .phone-field__select .adv-select__list li[data-iso=ag]:before {
  background-image: url("/theme/assets/img/flags/ag.svg");
}
.phone-field__select .adv-select__header[data-iso=ar]:before, .phone-field__select .adv-select__list li[data-iso=ar]:before {
  background-image: url("/theme/assets/img/flags/ar.svg");
}
.phone-field__select .adv-select__header[data-iso=am]:before, .phone-field__select .adv-select__list li[data-iso=am]:before {
  background-image: url("/theme/assets/img/flags/am.svg");
}
.phone-field__select .adv-select__header[data-iso=au]:before, .phone-field__select .adv-select__list li[data-iso=au]:before {
  background-image: url("/theme/assets/img/flags/au.svg");
}
.phone-field__select .adv-select__header[data-iso=at]:before, .phone-field__select .adv-select__list li[data-iso=at]:before {
  background-image: url("/theme/assets/img/flags/at.svg");
}
.phone-field__select .adv-select__header[data-iso=az]:before, .phone-field__select .adv-select__list li[data-iso=az]:before {
  background-image: url("/theme/assets/img/flags/az.svg");
}
.phone-field__select .adv-select__header[data-iso=bs]:before, .phone-field__select .adv-select__list li[data-iso=bs]:before {
  background-image: url("/theme/assets/img/flags/bs.svg");
}
.phone-field__select .adv-select__header[data-iso=bh]:before, .phone-field__select .adv-select__list li[data-iso=bh]:before {
  background-image: url("/theme/assets/img/flags/bh.svg");
}
.phone-field__select .adv-select__header[data-iso=bd]:before, .phone-field__select .adv-select__list li[data-iso=bd]:before {
  background-image: url("/theme/assets/img/flags/bd.svg");
}
.phone-field__select .adv-select__header[data-iso=bb]:before, .phone-field__select .adv-select__list li[data-iso=bb]:before {
  background-image: url("/theme/assets/img/flags/bb.svg");
}
.phone-field__select .adv-select__header[data-iso=by]:before, .phone-field__select .adv-select__list li[data-iso=by]:before {
  background-image: url("/theme/assets/img/flags/by.svg");
}
.phone-field__select .adv-select__header[data-iso=be]:before, .phone-field__select .adv-select__list li[data-iso=be]:before {
  background-image: url("/theme/assets/img/flags/be.svg");
}
.phone-field__select .adv-select__header[data-iso=bz]:before, .phone-field__select .adv-select__list li[data-iso=bz]:before {
  background-image: url("/theme/assets/img/flags/bz.svg");
}
.phone-field__select .adv-select__header[data-iso=bj]:before, .phone-field__select .adv-select__list li[data-iso=bj]:before {
  background-image: url("/theme/assets/img/flags/bj.svg");
}
.phone-field__select .adv-select__header[data-iso=bt]:before, .phone-field__select .adv-select__list li[data-iso=bt]:before {
  background-image: url("/theme/assets/img/flags/bt.svg");
}
.phone-field__select .adv-select__header[data-iso=bo]:before, .phone-field__select .adv-select__list li[data-iso=bo]:before {
  background-image: url("/theme/assets/img/flags/bo.svg");
}
.phone-field__select .adv-select__header[data-iso=ba]:before, .phone-field__select .adv-select__list li[data-iso=ba]:before {
  background-image: url("/theme/assets/img/flags/ba.svg");
}
.phone-field__select .adv-select__header[data-iso=bw]:before, .phone-field__select .adv-select__list li[data-iso=bw]:before {
  background-image: url("/theme/assets/img/flags/bw.svg");
}
.phone-field__select .adv-select__header[data-iso=br]:before, .phone-field__select .adv-select__list li[data-iso=br]:before {
  background-image: url("/theme/assets/img/flags/br.svg");
}
.phone-field__select .adv-select__header[data-iso=bn]:before, .phone-field__select .adv-select__list li[data-iso=bn]:before {
  background-image: url("/theme/assets/img/flags/bn.svg");
}
.phone-field__select .adv-select__header[data-iso=bg]:before, .phone-field__select .adv-select__list li[data-iso=bg]:before {
  background-image: url("/theme/assets/img/flags/bg.svg");
}
.phone-field__select .adv-select__header[data-iso=bf]:before, .phone-field__select .adv-select__list li[data-iso=bf]:before {
  background-image: url("/theme/assets/img/flags/bf.svg");
}
.phone-field__select .adv-select__header[data-iso=bi]:before, .phone-field__select .adv-select__list li[data-iso=bi]:before {
  background-image: url("/theme/assets/img/flags/bi.svg");
}
.phone-field__select .adv-select__header[data-iso=kh]:before, .phone-field__select .adv-select__list li[data-iso=kh]:before {
  background-image: url("/theme/assets/img/flags/kh.svg");
}
.phone-field__select .adv-select__header[data-iso=cm]:before, .phone-field__select .adv-select__list li[data-iso=cm]:before {
  background-image: url("/theme/assets/img/flags/cm.svg");
}
.phone-field__select .adv-select__header[data-iso=ca]:before, .phone-field__select .adv-select__list li[data-iso=ca]:before {
  background-image: url("/theme/assets/img/flags/ca.svg");
}
.phone-field__select .adv-select__header[data-iso=cv]:before, .phone-field__select .adv-select__list li[data-iso=cv]:before {
  background-image: url("/theme/assets/img/flags/cv.svg");
}
.phone-field__select .adv-select__header[data-iso=cf]:before, .phone-field__select .adv-select__list li[data-iso=cf]:before {
  background-image: url("/theme/assets/img/flags/cf.svg");
}
.phone-field__select .adv-select__header[data-iso=td]:before, .phone-field__select .adv-select__list li[data-iso=td]:before {
  background-image: url("/theme/assets/img/flags/td.svg");
}
.phone-field__select .adv-select__header[data-iso=cl]:before, .phone-field__select .adv-select__list li[data-iso=cl]:before {
  background-image: url("/theme/assets/img/flags/cl.svg");
}
.phone-field__select .adv-select__header[data-iso=cn]:before, .phone-field__select .adv-select__list li[data-iso=cn]:before {
  background-image: url("/theme/assets/img/flags/cn.svg");
}
.phone-field__select .adv-select__header[data-iso=co]:before, .phone-field__select .adv-select__list li[data-iso=co]:before {
  background-image: url("/theme/assets/img/flags/co.svg");
}
.phone-field__select .adv-select__header[data-iso=km]:before, .phone-field__select .adv-select__list li[data-iso=km]:before {
  background-image: url("/theme/assets/img/flags/km.svg");
}
.phone-field__select .adv-select__header[data-iso=cg]:before, .phone-field__select .adv-select__list li[data-iso=cg]:before {
  background-image: url("/theme/assets/img/flags/cg.svg");
}
.phone-field__select .adv-select__header[data-iso=cr]:before, .phone-field__select .adv-select__list li[data-iso=cr]:before {
  background-image: url("/theme/assets/img/flags/cr.svg");
}
.phone-field__select .adv-select__header[data-iso=hr]:before, .phone-field__select .adv-select__list li[data-iso=hr]:before {
  background-image: url("/theme/assets/img/flags/hr.svg");
}
.phone-field__select .adv-select__header[data-iso=cu]:before, .phone-field__select .adv-select__list li[data-iso=cu]:before {
  background-image: url("/theme/assets/img/flags/cu.svg");
}
.phone-field__select .adv-select__header[data-iso=cy]:before, .phone-field__select .adv-select__list li[data-iso=cy]:before {
  background-image: url("/theme/assets/img/flags/cy.svg");
}
.phone-field__select .adv-select__header[data-iso=cz]:before, .phone-field__select .adv-select__list li[data-iso=cz]:before {
  background-image: url("/theme/assets/img/flags/cz.svg");
}
.phone-field__select .adv-select__header[data-iso=dk]:before, .phone-field__select .adv-select__list li[data-iso=dk]:before {
  background-image: url("/theme/assets/img/flags/dk.svg");
}
.phone-field__select .adv-select__header[data-iso=dj]:before, .phone-field__select .adv-select__list li[data-iso=dj]:before {
  background-image: url("/theme/assets/img/flags/dj.svg");
}
.phone-field__select .adv-select__header[data-iso=dm]:before, .phone-field__select .adv-select__list li[data-iso=dm]:before {
  background-image: url("/theme/assets/img/flags/dm.svg");
}
.phone-field__select .adv-select__header[data-iso=do]:before, .phone-field__select .adv-select__list li[data-iso=do]:before {
  background-image: url("/theme/assets/img/flags/do.svg");
}
.phone-field__select .adv-select__header[data-iso=tl]:before, .phone-field__select .adv-select__list li[data-iso=tl]:before {
  background-image: url("/theme/assets/img/flags/tl.svg");
}
.phone-field__select .adv-select__header[data-iso=ec]:before, .phone-field__select .adv-select__list li[data-iso=ec]:before {
  background-image: url("/theme/assets/img/flags/ec.svg");
}
.phone-field__select .adv-select__header[data-iso=eg]:before, .phone-field__select .adv-select__list li[data-iso=eg]:before {
  background-image: url("/theme/assets/img/flags/eg.svg");
}
.phone-field__select .adv-select__header[data-iso=sv]:before, .phone-field__select .adv-select__list li[data-iso=sv]:before {
  background-image: url("/theme/assets/img/flags/sv.svg");
}
.phone-field__select .adv-select__header[data-iso=gq]:before, .phone-field__select .adv-select__list li[data-iso=gq]:before {
  background-image: url("/theme/assets/img/flags/gq.svg");
}
.phone-field__select .adv-select__header[data-iso=er]:before, .phone-field__select .adv-select__list li[data-iso=er]:before {
  background-image: url("/theme/assets/img/flags/er.svg");
}
.phone-field__select .adv-select__header[data-iso=ee]:before, .phone-field__select .adv-select__list li[data-iso=ee]:before {
  background-image: url("/theme/assets/img/flags/ee.svg");
}
.phone-field__select .adv-select__header[data-iso=sz]:before, .phone-field__select .adv-select__list li[data-iso=sz]:before {
  background-image: url("/theme/assets/img/flags/sz.svg");
}
.phone-field__select .adv-select__header[data-iso=et]:before, .phone-field__select .adv-select__list li[data-iso=et]:before {
  background-image: url("/theme/assets/img/flags/et.svg");
}
.phone-field__select .adv-select__header[data-iso=fj]:before, .phone-field__select .adv-select__list li[data-iso=fj]:before {
  background-image: url("/theme/assets/img/flags/fj.svg");
}
.phone-field__select .adv-select__header[data-iso=fi]:before, .phone-field__select .adv-select__list li[data-iso=fi]:before {
  background-image: url("/theme/assets/img/flags/fi.svg");
}
.phone-field__select .adv-select__header[data-iso=fr]:before, .phone-field__select .adv-select__list li[data-iso=fr]:before {
  background-image: url("/theme/assets/img/flags/fr.svg");
}
.phone-field__select .adv-select__header[data-iso=ga]:before, .phone-field__select .adv-select__list li[data-iso=ga]:before {
  background-image: url("/theme/assets/img/flags/ga.svg");
}
.phone-field__select .adv-select__header[data-iso=gm]:before, .phone-field__select .adv-select__list li[data-iso=gm]:before {
  background-image: url("/theme/assets/img/flags/gm.svg");
}
.phone-field__select .adv-select__header[data-iso=ge]:before, .phone-field__select .adv-select__list li[data-iso=ge]:before {
  background-image: url("/theme/assets/img/flags/ge.svg");
}
.phone-field__select .adv-select__header[data-iso=de]:before, .phone-field__select .adv-select__list li[data-iso=de]:before {
  background-image: url("/theme/assets/img/flags/de.svg");
}
.phone-field__select .adv-select__header[data-iso=gh]:before, .phone-field__select .adv-select__list li[data-iso=gh]:before {
  background-image: url("/theme/assets/img/flags/gh.svg");
}
.phone-field__select .adv-select__header[data-iso=gr]:before, .phone-field__select .adv-select__list li[data-iso=gr]:before {
  background-image: url("/theme/assets/img/flags/gr.svg");
}
.phone-field__select .adv-select__header[data-iso=gd]:before, .phone-field__select .adv-select__list li[data-iso=gd]:before {
  background-image: url("/theme/assets/img/flags/gd.svg");
}
.phone-field__select .adv-select__header[data-iso=gt]:before, .phone-field__select .adv-select__list li[data-iso=gt]:before {
  background-image: url("/theme/assets/img/flags/gt.svg");
}
.phone-field__select .adv-select__header[data-iso=gn]:before, .phone-field__select .adv-select__list li[data-iso=gn]:before {
  background-image: url("/theme/assets/img/flags/gn.svg");
}
.phone-field__select .adv-select__header[data-iso=gw]:before, .phone-field__select .adv-select__list li[data-iso=gw]:before {
  background-image: url("/theme/assets/img/flags/gw.svg");
}
.phone-field__select .adv-select__header[data-iso=gy]:before, .phone-field__select .adv-select__list li[data-iso=gy]:before {
  background-image: url("/theme/assets/img/flags/gy.svg");
}
.phone-field__select .adv-select__header[data-iso=ht]:before, .phone-field__select .adv-select__list li[data-iso=ht]:before {
  background-image: url("/theme/assets/img/flags/ht.svg");
}
.phone-field__select .adv-select__header[data-iso=hn]:before, .phone-field__select .adv-select__list li[data-iso=hn]:before {
  background-image: url("/theme/assets/img/flags/hn.svg");
}
.phone-field__select .adv-select__header[data-iso=hu]:before, .phone-field__select .adv-select__list li[data-iso=hu]:before {
  background-image: url("/theme/assets/img/flags/hu.svg");
}
.phone-field__select .adv-select__header[data-iso=is]:before, .phone-field__select .adv-select__list li[data-iso=is]:before {
  background-image: url("/theme/assets/img/flags/is.svg");
}
.phone-field__select .adv-select__header[data-iso=in]:before, .phone-field__select .adv-select__list li[data-iso=in]:before {
  background-image: url("/theme/assets/img/flags/in.svg");
}
.phone-field__select .adv-select__header[data-iso=id]:before, .phone-field__select .adv-select__list li[data-iso=id]:before {
  background-image: url("/theme/assets/img/flags/id.svg");
}
.phone-field__select .adv-select__header[data-iso=ir]:before, .phone-field__select .adv-select__list li[data-iso=ir]:before {
  background-image: url("/theme/assets/img/flags/ir.svg");
}
.phone-field__select .adv-select__header[data-iso=iq]:before, .phone-field__select .adv-select__list li[data-iso=iq]:before {
  background-image: url("/theme/assets/img/flags/iq.svg");
}
.phone-field__select .adv-select__header[data-iso=ie]:before, .phone-field__select .adv-select__list li[data-iso=ie]:before {
  background-image: url("/theme/assets/img/flags/ie.svg");
}
.phone-field__select .adv-select__header[data-iso=il]:before, .phone-field__select .adv-select__list li[data-iso=il]:before {
  background-image: url("/theme/assets/img/flags/il.svg");
}
.phone-field__select .adv-select__header[data-iso=it]:before, .phone-field__select .adv-select__list li[data-iso=it]:before {
  background-image: url("/theme/assets/img/flags/it.svg");
}
.phone-field__select .adv-select__header[data-iso=jm]:before, .phone-field__select .adv-select__list li[data-iso=jm]:before {
  background-image: url("/theme/assets/img/flags/jm.svg");
}
.phone-field__select .adv-select__header[data-iso=jp]:before, .phone-field__select .adv-select__list li[data-iso=jp]:before {
  background-image: url("/theme/assets/img/flags/jp.svg");
}
.phone-field__select .adv-select__header[data-iso=jo]:before, .phone-field__select .adv-select__list li[data-iso=jo]:before {
  background-image: url("/theme/assets/img/flags/jo.svg");
}
.phone-field__select .adv-select__header[data-iso=kz]:before, .phone-field__select .adv-select__list li[data-iso=kz]:before {
  background-image: url("/theme/assets/img/flags/kz.svg");
}
.phone-field__select .adv-select__header[data-iso=ke]:before, .phone-field__select .adv-select__list li[data-iso=ke]:before {
  background-image: url("/theme/assets/img/flags/ke.svg");
}
.phone-field__select .adv-select__header[data-iso=ki]:before, .phone-field__select .adv-select__list li[data-iso=ki]:before {
  background-image: url("/theme/assets/img/flags/ki.svg");
}
.phone-field__select .adv-select__header[data-iso=kw]:before, .phone-field__select .adv-select__list li[data-iso=kw]:before {
  background-image: url("/theme/assets/img/flags/kw.svg");
}
.phone-field__select .adv-select__header[data-iso=kg]:before, .phone-field__select .adv-select__list li[data-iso=kg]:before {
  background-image: url("/theme/assets/img/flags/kg.svg");
}
.phone-field__select .adv-select__header[data-iso=la]:before, .phone-field__select .adv-select__list li[data-iso=la]:before {
  background-image: url("/theme/assets/img/flags/la.svg");
}
.phone-field__select .adv-select__header[data-iso=lv]:before, .phone-field__select .adv-select__list li[data-iso=lv]:before {
  background-image: url("/theme/assets/img/flags/lv.svg");
}
.phone-field__select .adv-select__header[data-iso=lb]:before, .phone-field__select .adv-select__list li[data-iso=lb]:before {
  background-image: url("/theme/assets/img/flags/lb.svg");
}
.phone-field__select .adv-select__header[data-iso=ls]:before, .phone-field__select .adv-select__list li[data-iso=ls]:before {
  background-image: url("/theme/assets/img/flags/ls.svg");
}
.phone-field__select .adv-select__header[data-iso=lr]:before, .phone-field__select .adv-select__list li[data-iso=lr]:before {
  background-image: url("/theme/assets/img/flags/lr.svg");
}
.phone-field__select .adv-select__header[data-iso=ly]:before, .phone-field__select .adv-select__list li[data-iso=ly]:before {
  background-image: url("/theme/assets/img/flags/ly.svg");
}
.phone-field__select .adv-select__header[data-iso=li]:before, .phone-field__select .adv-select__list li[data-iso=li]:before {
  background-image: url("/theme/assets/img/flags/li.svg");
}
.phone-field__select .adv-select__header[data-iso=lt]:before, .phone-field__select .adv-select__list li[data-iso=lt]:before {
  background-image: url("/theme/assets/img/flags/lt.svg");
}
.phone-field__select .adv-select__header[data-iso=lu]:before, .phone-field__select .adv-select__list li[data-iso=lu]:before {
  background-image: url("/theme/assets/img/flags/lu.svg");
}
.phone-field__select .adv-select__header[data-iso=mg]:before, .phone-field__select .adv-select__list li[data-iso=mg]:before {
  background-image: url("/theme/assets/img/flags/mg.svg");
}
.phone-field__select .adv-select__header[data-iso=mw]:before, .phone-field__select .adv-select__list li[data-iso=mw]:before {
  background-image: url("/theme/assets/img/flags/mw.svg");
}
.phone-field__select .adv-select__header[data-iso=my]:before, .phone-field__select .adv-select__list li[data-iso=my]:before {
  background-image: url("/theme/assets/img/flags/my.svg");
}
.phone-field__select .adv-select__header[data-iso=mv]:before, .phone-field__select .adv-select__list li[data-iso=mv]:before {
  background-image: url("/theme/assets/img/flags/mv.svg");
}
.phone-field__select .adv-select__header[data-iso=ml]:before, .phone-field__select .adv-select__list li[data-iso=ml]:before {
  background-image: url("/theme/assets/img/flags/ml.svg");
}
.phone-field__select .adv-select__header[data-iso=mt]:before, .phone-field__select .adv-select__list li[data-iso=mt]:before {
  background-image: url("/theme/assets/img/flags/mt.svg");
}
.phone-field__select .adv-select__header[data-iso=mh]:before, .phone-field__select .adv-select__list li[data-iso=mh]:before {
  background-image: url("/theme/assets/img/flags/mh.svg");
}
.phone-field__select .adv-select__header[data-iso=mr]:before, .phone-field__select .adv-select__list li[data-iso=mr]:before {
  background-image: url("/theme/assets/img/flags/mr.svg");
}
.phone-field__select .adv-select__header[data-iso=mu]:before, .phone-field__select .adv-select__list li[data-iso=mu]:before {
  background-image: url("/theme/assets/img/flags/mu.svg");
}
.phone-field__select .adv-select__header[data-iso=mx]:before, .phone-field__select .adv-select__list li[data-iso=mx]:before {
  background-image: url("/theme/assets/img/flags/mx.svg");
}
.phone-field__select .adv-select__header[data-iso=fm]:before, .phone-field__select .adv-select__list li[data-iso=fm]:before {
  background-image: url("/theme/assets/img/flags/fm.svg");
}
.phone-field__select .adv-select__header[data-iso=md]:before, .phone-field__select .adv-select__list li[data-iso=md]:before {
  background-image: url("/theme/assets/img/flags/md.svg");
}
.phone-field__select .adv-select__header[data-iso=mc]:before, .phone-field__select .adv-select__list li[data-iso=mc]:before {
  background-image: url("/theme/assets/img/flags/mc.svg");
}
.phone-field__select .adv-select__header[data-iso=mn]:before, .phone-field__select .adv-select__list li[data-iso=mn]:before {
  background-image: url("/theme/assets/img/flags/mn.svg");
}
.phone-field__select .adv-select__header[data-iso=me]:before, .phone-field__select .adv-select__list li[data-iso=me]:before {
  background-image: url("/theme/assets/img/flags/me.svg");
}
.phone-field__select .adv-select__header[data-iso=ma]:before, .phone-field__select .adv-select__list li[data-iso=ma]:before {
  background-image: url("/theme/assets/img/flags/ma.svg");
}
.phone-field__select .adv-select__header[data-iso=mz]:before, .phone-field__select .adv-select__list li[data-iso=mz]:before {
  background-image: url("/theme/assets/img/flags/mz.svg");
}
.phone-field__select .adv-select__header[data-iso=mm]:before, .phone-field__select .adv-select__list li[data-iso=mm]:before {
  background-image: url("/theme/assets/img/flags/mm.svg");
}
.phone-field__select .adv-select__header[data-iso=na]:before, .phone-field__select .adv-select__list li[data-iso=na]:before {
  background-image: url("/theme/assets/img/flags/na.svg");
}
.phone-field__select .adv-select__header[data-iso=nr]:before, .phone-field__select .adv-select__list li[data-iso=nr]:before {
  background-image: url("/theme/assets/img/flags/nr.svg");
}
.phone-field__select .adv-select__header[data-iso=np]:before, .phone-field__select .adv-select__list li[data-iso=np]:before {
  background-image: url("/theme/assets/img/flags/np.svg");
}
.phone-field__select .adv-select__header[data-iso=nl]:before, .phone-field__select .adv-select__list li[data-iso=nl]:before {
  background-image: url("/theme/assets/img/flags/nl.svg");
}
.phone-field__select .adv-select__header[data-iso=nz]:before, .phone-field__select .adv-select__list li[data-iso=nz]:before {
  background-image: url("/theme/assets/img/flags/nz.svg");
}
.phone-field__select .adv-select__header[data-iso=ni]:before, .phone-field__select .adv-select__list li[data-iso=ni]:before {
  background-image: url("/theme/assets/img/flags/ni.svg");
}
.phone-field__select .adv-select__header[data-iso=ne]:before, .phone-field__select .adv-select__list li[data-iso=ne]:before {
  background-image: url("/theme/assets/img/flags/ne.svg");
}
.phone-field__select .adv-select__header[data-iso=ng]:before, .phone-field__select .adv-select__list li[data-iso=ng]:before {
  background-image: url("/theme/assets/img/flags/ng.svg");
}
.phone-field__select .adv-select__header[data-iso=kp]:before, .phone-field__select .adv-select__list li[data-iso=kp]:before {
  background-image: url("/theme/assets/img/flags/kp.svg");
}
.phone-field__select .adv-select__header[data-iso=mk]:before, .phone-field__select .adv-select__list li[data-iso=mk]:before {
  background-image: url("/theme/assets/img/flags/mk.svg");
}
.phone-field__select .adv-select__header[data-iso=no]:before, .phone-field__select .adv-select__list li[data-iso=no]:before {
  background-image: url("/theme/assets/img/flags/no.svg");
}
.phone-field__select .adv-select__header[data-iso=om]:before, .phone-field__select .adv-select__list li[data-iso=om]:before {
  background-image: url("/theme/assets/img/flags/om.svg");
}
.phone-field__select .adv-select__header[data-iso=pk]:before, .phone-field__select .adv-select__list li[data-iso=pk]:before {
  background-image: url("/theme/assets/img/flags/pk.svg");
}
.phone-field__select .adv-select__header[data-iso=pw]:before, .phone-field__select .adv-select__list li[data-iso=pw]:before {
  background-image: url("/theme/assets/img/flags/pw.svg");
}
.phone-field__select .adv-select__header[data-iso=pa]:before, .phone-field__select .adv-select__list li[data-iso=pa]:before {
  background-image: url("/theme/assets/img/flags/pa.svg");
}
.phone-field__select .adv-select__header[data-iso=pg]:before, .phone-field__select .adv-select__list li[data-iso=pg]:before {
  background-image: url("/theme/assets/img/flags/pg.svg");
}
.phone-field__select .adv-select__header[data-iso=py]:before, .phone-field__select .adv-select__list li[data-iso=py]:before {
  background-image: url("/theme/assets/img/flags/py.svg");
}
.phone-field__select .adv-select__header[data-iso=pe]:before, .phone-field__select .adv-select__list li[data-iso=pe]:before {
  background-image: url("/theme/assets/img/flags/pe.svg");
}
.phone-field__select .adv-select__header[data-iso=ph]:before, .phone-field__select .adv-select__list li[data-iso=ph]:before {
  background-image: url("/theme/assets/img/flags/ph.svg");
}
.phone-field__select .adv-select__header[data-iso=pl]:before, .phone-field__select .adv-select__list li[data-iso=pl]:before {
  background-image: url("/theme/assets/img/flags/pl.svg");
}
.phone-field__select .adv-select__header[data-iso=pt]:before, .phone-field__select .adv-select__list li[data-iso=pt]:before {
  background-image: url("/theme/assets/img/flags/pt.svg");
}
.phone-field__select .adv-select__header[data-iso=qa]:before, .phone-field__select .adv-select__list li[data-iso=qa]:before {
  background-image: url("/theme/assets/img/flags/qa.svg");
}
.phone-field__select .adv-select__header[data-iso=ro]:before, .phone-field__select .adv-select__list li[data-iso=ro]:before {
  background-image: url("/theme/assets/img/flags/ro.svg");
}
.phone-field__select .adv-select__header[data-iso=ru]:before, .phone-field__select .adv-select__list li[data-iso=ru]:before {
  background-image: url("/theme/assets/img/flags/ru.svg");
}
.phone-field__select .adv-select__header[data-iso=rw]:before, .phone-field__select .adv-select__list li[data-iso=rw]:before {
  background-image: url("/theme/assets/img/flags/rw.svg");
}
.phone-field__select .adv-select__header[data-iso=kn]:before, .phone-field__select .adv-select__list li[data-iso=kn]:before {
  background-image: url("/theme/assets/img/flags/kn.svg");
}
.phone-field__select .adv-select__header[data-iso=lc]:before, .phone-field__select .adv-select__list li[data-iso=lc]:before {
  background-image: url("/theme/assets/img/flags/lc.svg");
}
.phone-field__select .adv-select__header[data-iso=vc]:before, .phone-field__select .adv-select__list li[data-iso=vc]:before {
  background-image: url("/theme/assets/img/flags/vc.svg");
}
.phone-field__select .adv-select__header[data-iso=ws]:before, .phone-field__select .adv-select__list li[data-iso=ws]:before {
  background-image: url("/theme/assets/img/flags/ws.svg");
}
.phone-field__select .adv-select__header[data-iso=sm]:before, .phone-field__select .adv-select__list li[data-iso=sm]:before {
  background-image: url("/theme/assets/img/flags/sm.svg");
}
.phone-field__select .adv-select__header[data-iso=st]:before, .phone-field__select .adv-select__list li[data-iso=st]:before {
  background-image: url("/theme/assets/img/flags/st.svg");
}
.phone-field__select .adv-select__header[data-iso=sa]:before, .phone-field__select .adv-select__list li[data-iso=sa]:before {
  background-image: url("/theme/assets/img/flags/sa.svg");
}
.phone-field__select .adv-select__header[data-iso=sn]:before, .phone-field__select .adv-select__list li[data-iso=sn]:before {
  background-image: url("/theme/assets/img/flags/sn.svg");
}
.phone-field__select .adv-select__header[data-iso=rs]:before, .phone-field__select .adv-select__list li[data-iso=rs]:before {
  background-image: url("/theme/assets/img/flags/rs.svg");
}
.phone-field__select .adv-select__header[data-iso=sc]:before, .phone-field__select .adv-select__list li[data-iso=sc]:before {
  background-image: url("/theme/assets/img/flags/sc.svg");
}
.phone-field__select .adv-select__header[data-iso=sl]:before, .phone-field__select .adv-select__list li[data-iso=sl]:before {
  background-image: url("/theme/assets/img/flags/sl.svg");
}
.phone-field__select .adv-select__header[data-iso=sg]:before, .phone-field__select .adv-select__list li[data-iso=sg]:before {
  background-image: url("/theme/assets/img/flags/sg.svg");
}
.phone-field__select .adv-select__header[data-iso=sk]:before, .phone-field__select .adv-select__list li[data-iso=sk]:before {
  background-image: url("/theme/assets/img/flags/sk.svg");
}
.phone-field__select .adv-select__header[data-iso=si]:before, .phone-field__select .adv-select__list li[data-iso=si]:before {
  background-image: url("/theme/assets/img/flags/si.svg");
}
.phone-field__select .adv-select__header[data-iso=sb]:before, .phone-field__select .adv-select__list li[data-iso=sb]:before {
  background-image: url("/theme/assets/img/flags/sb.svg");
}
.phone-field__select .adv-select__header[data-iso=so]:before, .phone-field__select .adv-select__list li[data-iso=so]:before {
  background-image: url("/theme/assets/img/flags/so.svg");
}
.phone-field__select .adv-select__header[data-iso=za]:before, .phone-field__select .adv-select__list li[data-iso=za]:before {
  background-image: url("/theme/assets/img/flags/za.svg");
}
.phone-field__select .adv-select__header[data-iso=kr]:before, .phone-field__select .adv-select__list li[data-iso=kr]:before {
  background-image: url("/theme/assets/img/flags/kr.svg");
}
.phone-field__select .adv-select__header[data-iso=ss]:before, .phone-field__select .adv-select__list li[data-iso=ss]:before {
  background-image: url("/theme/assets/img/flags/ss.svg");
}
.phone-field__select .adv-select__header[data-iso=es]:before, .phone-field__select .adv-select__list li[data-iso=es]:before {
  background-image: url("/theme/assets/img/flags/es.svg");
}
.phone-field__select .adv-select__header[data-iso=lk]:before, .phone-field__select .adv-select__list li[data-iso=lk]:before {
  background-image: url("/theme/assets/img/flags/lk.svg");
}
.phone-field__select .adv-select__header[data-iso=sd]:before, .phone-field__select .adv-select__list li[data-iso=sd]:before {
  background-image: url("/theme/assets/img/flags/sd.svg");
}
.phone-field__select .adv-select__header[data-iso=sr]:before, .phone-field__select .adv-select__list li[data-iso=sr]:before {
  background-image: url("/theme/assets/img/flags/sr.svg");
}
.phone-field__select .adv-select__header[data-iso=se]:before, .phone-field__select .adv-select__list li[data-iso=se]:before {
  background-image: url("/theme/assets/img/flags/se.svg");
}
.phone-field__select .adv-select__header[data-iso=ch]:before, .phone-field__select .adv-select__list li[data-iso=ch]:before {
  background-image: url("/theme/assets/img/flags/ch.svg");
}
.phone-field__select .adv-select__header[data-iso=sy]:before, .phone-field__select .adv-select__list li[data-iso=sy]:before {
  background-image: url("/theme/assets/img/flags/sy.svg");
}
.phone-field__select .adv-select__header[data-iso=tw]:before, .phone-field__select .adv-select__list li[data-iso=tw]:before {
  background-image: url("/theme/assets/img/flags/tw.svg");
}
.phone-field__select .adv-select__header[data-iso=tj]:before, .phone-field__select .adv-select__list li[data-iso=tj]:before {
  background-image: url("/theme/assets/img/flags/tj.svg");
}
.phone-field__select .adv-select__header[data-iso=tz]:before, .phone-field__select .adv-select__list li[data-iso=tz]:before {
  background-image: url("/theme/assets/img/flags/tz.svg");
}
.phone-field__select .adv-select__header[data-iso=th]:before, .phone-field__select .adv-select__list li[data-iso=th]:before {
  background-image: url("/theme/assets/img/flags/th.svg");
}
.phone-field__select .adv-select__header[data-iso=tg]:before, .phone-field__select .adv-select__list li[data-iso=tg]:before {
  background-image: url("/theme/assets/img/flags/tg.svg");
}
.phone-field__select .adv-select__header[data-iso=to]:before, .phone-field__select .adv-select__list li[data-iso=to]:before {
  background-image: url("/theme/assets/img/flags/to.svg");
}
.phone-field__select .adv-select__header[data-iso=tt]:before, .phone-field__select .adv-select__list li[data-iso=tt]:before {
  background-image: url("/theme/assets/img/flags/tt.svg");
}
.phone-field__select .adv-select__header[data-iso=tn]:before, .phone-field__select .adv-select__list li[data-iso=tn]:before {
  background-image: url("/theme/assets/img/flags/tn.svg");
}
.phone-field__select .adv-select__header[data-iso=tr]:before, .phone-field__select .adv-select__list li[data-iso=tr]:before {
  background-image: url("/theme/assets/img/flags/tr.svg");
}
.phone-field__select .adv-select__header[data-iso=tm]:before, .phone-field__select .adv-select__list li[data-iso=tm]:before {
  background-image: url("/theme/assets/img/flags/tm.svg");
}
.phone-field__select .adv-select__header[data-iso=tv]:before, .phone-field__select .adv-select__list li[data-iso=tv]:before {
  background-image: url("/theme/assets/img/flags/tv.svg");
}
.phone-field__select .adv-select__header[data-iso=ug]:before, .phone-field__select .adv-select__list li[data-iso=ug]:before {
  background-image: url("/theme/assets/img/flags/ug.svg");
}
.phone-field__select .adv-select__header[data-iso=ua]:before, .phone-field__select .adv-select__list li[data-iso=ua]:before {
  background-image: url("/theme/assets/img/flags/ua.svg");
}
.phone-field__select .adv-select__header[data-iso=ae]:before, .phone-field__select .adv-select__list li[data-iso=ae]:before {
  background-image: url("/theme/assets/img/flags/ae.svg");
}
.phone-field__select .adv-select__header[data-iso=gb]:before, .phone-field__select .adv-select__list li[data-iso=gb]:before {
  background-image: url("/theme/assets/img/flags/gb.svg");
}
.phone-field__select .adv-select__header[data-iso=us]:before, .phone-field__select .adv-select__list li[data-iso=us]:before {
  background-image: url("/theme/assets/img/flags/us.svg");
}
.phone-field__select .adv-select__header[data-iso=uy]:before, .phone-field__select .adv-select__list li[data-iso=uy]:before {
  background-image: url("/theme/assets/img/flags/uy.svg");
}
.phone-field__select .adv-select__header[data-iso=uz]:before, .phone-field__select .adv-select__list li[data-iso=uz]:before {
  background-image: url("/theme/assets/img/flags/uz.svg");
}
.phone-field__select .adv-select__header[data-iso=vu]:before, .phone-field__select .adv-select__list li[data-iso=vu]:before {
  background-image: url("/theme/assets/img/flags/vu.svg");
}
.phone-field__select .adv-select__header[data-iso=va]:before, .phone-field__select .adv-select__list li[data-iso=va]:before {
  background-image: url("/theme/assets/img/flags/va.svg");
}
.phone-field__select .adv-select__header[data-iso=ve]:before, .phone-field__select .adv-select__list li[data-iso=ve]:before {
  background-image: url("/theme/assets/img/flags/ve.svg");
}
.phone-field__select .adv-select__header[data-iso=vn]:before, .phone-field__select .adv-select__list li[data-iso=vn]:before {
  background-image: url("/theme/assets/img/flags/vn.svg");
}
.phone-field__select .adv-select__header[data-iso=ye]:before, .phone-field__select .adv-select__list li[data-iso=ye]:before {
  background-image: url("/theme/assets/img/flags/ye.svg");
}
.phone-field__select .adv-select__header[data-iso=zm]:before, .phone-field__select .adv-select__list li[data-iso=zm]:before {
  background-image: url("/theme/assets/img/flags/zm.svg");
}
.phone-field__select .adv-select__header[data-iso=zw]:before, .phone-field__select .adv-select__list li[data-iso=zw]:before {
  background-image: url("/theme/assets/img/flags/zw.svg");
}
.phone-field__select {
  width: 116rem;
}
.phone-field__select .adv-select__header {
  padding: 0 35rem 0 7rem;
}
.phone-field__select .adv-select__header:after {
  right: 7rem;
}
.phone-field__select .adv-select__dropdown-content {
  padding-left: 7rem;
  padding-right: 7rem;
}
.phone-field__select .adv-select__list li:before {
  transform: scale(0);
  transform-origin: center;
  opacity: 0;
  transition: transform var(--global-transition-duration) var(--global-transition-duration), opacity var(--global-transition-duration) var(--global-transition-duration);
}
.phone-field__select.active .adv-select__list li:before {
  transform: scale(1);
  opacity: 1;
}
.phone-field__input {
  max-width: calc(100% - 124rem);
}
.phone-field:has(.phone-hield-cf7-handler[aria-invalid=true]) .phone-field__input {
  border-color: var(--color-red);
}

.platform-section__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 80rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .platform-section__row {
    grid-template-columns: repeat(2, 1fr);
    gap: 30rem;
  }
}
.platform-section__row:not(:first-child) {
  margin-top: 40rem;
}
@media screen and (min-width: 768px) {
  .platform-section__row:not(:first-child) {
    margin-top: 90rem;
  }
}
.platform-section__content-title {
  font-size: 24rem;
  line-height: 26rem;
}
@media screen and (min-width: 768px) {
  .platform-section__content-title {
    font-size: 36rem;
    line-height: 40rem;
  }
}
.platform-section__content-title:not(:first-child) {
  margin-top: 14rem;
}
.platform-section__text {
  font-size: 16rem;
  line-height: 18rem;
}
@media screen and (min-width: 768px) {
  .platform-section__text {
    font-size: 24rem;
    line-height: 26rem;
  }
}
.platform-section__text:not(:first-child) {
  margin-top: 14rem;
}
@media screen and (min-width: 768px) {
  .platform-section__text:not(:first-child) {
    margin-top: 50rem;
  }
}
.platform-section__text p:not(:first-child) {
  margin-top: 14rem;
}
.platform-section__media {
  position: relative;
}
.platform-section__badge {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 16rem;
  width: 100%;
  background-color: var(--color-primary);
  border-radius: var(--global-border-radius);
  font-size: 12rem;
  line-height: 13rem;
  color: var(--color-white);
  padding: 14rem 16rem;
}
@media screen and (min-width: 768px) {
  .platform-section__badge {
    font-size: 16rem;
    line-height: 18rem;
  }
}
.platform-section__badge-photos {
  display: flex;
  flex-wrap: wrap;
}
.platform-section__badge-photos img {
  width: 33rem;
  height: 33rem;
  background-color: var(--color-white);
  border: 2rem solid var(--color-white);
  border-radius: 50%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .platform-section__badge-photos img {
    width: 50rem;
    height: 50rem;
    border-width: 5rem;
  }
}
.platform-section__badge-photos img:not(:first-child) {
  margin-left: -8rem;
}
@media screen and (min-width: 768px) {
  .platform-section__badge-photos img:not(:first-child) {
    margin-left: -14rem;
  }
}
.platform-section__badge-content {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.platform-section__badge-rating {
  width: 116rem;
  min-width: 116rem;
  height: 20rem;
  position: relative;
  background: url("/theme/assets/img/badge/rating-gray.svg") left center/116rem no-repeat;
}
.platform-section__badge-rating:after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("/theme/assets/img/badge/rating.svg") left center/116rem no-repeat;
}
.platform-section__badge-rating[data-badge-rating="0"]:after {
  width: 0;
}
.platform-section__badge-rating[data-badge-rating="0.1"]:after {
  width: 0;
}
.platform-section__badge-rating[data-badge-rating="0.2"]:after {
  width: 2%;
}
.platform-section__badge-rating[data-badge-rating="0.3"]:after {
  width: 4%;
}
.platform-section__badge-rating[data-badge-rating="0.4"]:after {
  width: 6%;
}
.platform-section__badge-rating[data-badge-rating="0.5"]:after {
  width: 8%;
}
.platform-section__badge-rating[data-badge-rating="0.6"]:after {
  width: 10%;
}
.platform-section__badge-rating[data-badge-rating="0.7"]:after {
  width: 12%;
}
.platform-section__badge-rating[data-badge-rating="0.8"]:after {
  width: 14%;
}
.platform-section__badge-rating[data-badge-rating="0.9"]:after {
  width: 20%;
}
.platform-section__badge-rating[data-badge-rating="1"]:after {
  width: 20%;
}
.platform-section__badge-rating[data-badge-rating="1.0"]:after {
  width: 20%;
}
.platform-section__badge-rating[data-badge-rating="1.1"]:after {
  width: 22%;
}
.platform-section__badge-rating[data-badge-rating="1.2"]:after {
  width: 24%;
}
.platform-section__badge-rating[data-badge-rating="1.3"]:after {
  width: 26%;
}
.platform-section__badge-rating[data-badge-rating="1.4"]:after {
  width: 28%;
}
.platform-section__badge-rating[data-badge-rating="1.5"]:after {
  width: 30%;
}
.platform-section__badge-rating[data-badge-rating="1.6"]:after {
  width: 32%;
}
.platform-section__badge-rating[data-badge-rating="1.7"]:after {
  width: 34%;
}
.platform-section__badge-rating[data-badge-rating="1.8"]:after {
  width: 36%;
}
.platform-section__badge-rating[data-badge-rating="1.9"]:after {
  width: 40%;
}
.platform-section__badge-rating[data-badge-rating="2"]:after {
  width: 40%;
}
.platform-section__badge-rating[data-badge-rating="2.0"]:after {
  width: 40%;
}
.platform-section__badge-rating[data-badge-rating="2.1"]:after {
  width: 42%;
}
.platform-section__badge-rating[data-badge-rating="2.2"]:after {
  width: 44%;
}
.platform-section__badge-rating[data-badge-rating="2.3"]:after {
  width: 46%;
}
.platform-section__badge-rating[data-badge-rating="2.4"]:after {
  width: 48%;
}
.platform-section__badge-rating[data-badge-rating="2.5"]:after {
  width: 50%;
}
.platform-section__badge-rating[data-badge-rating="2.6"]:after {
  width: 52%;
}
.platform-section__badge-rating[data-badge-rating="2.7"]:after {
  width: 54%;
}
.platform-section__badge-rating[data-badge-rating="2.8"]:after {
  width: 56%;
}
.platform-section__badge-rating[data-badge-rating="2.9"]:after {
  width: 60%;
}
.platform-section__badge-rating[data-badge-rating="3"]:after {
  width: 60%;
}
.platform-section__badge-rating[data-badge-rating="3.0"]:after {
  width: 60%;
}
.platform-section__badge-rating[data-badge-rating="3.1"]:after {
  width: 62%;
}
.platform-section__badge-rating[data-badge-rating="3.2"]:after {
  width: 64%;
}
.platform-section__badge-rating[data-badge-rating="3.3"]:after {
  width: 66%;
}
.platform-section__badge-rating[data-badge-rating="3.4"]:after {
  width: 68%;
}
.platform-section__badge-rating[data-badge-rating="3.5"]:after {
  width: 70%;
}
.platform-section__badge-rating[data-badge-rating="3.6"]:after {
  width: 72%;
}
.platform-section__badge-rating[data-badge-rating="3.7"]:after {
  width: 74%;
}
.platform-section__badge-rating[data-badge-rating="3.8"]:after {
  width: 76%;
}
.platform-section__badge-rating[data-badge-rating="3.9"]:after {
  width: 80%;
}
.platform-section__badge-rating[data-badge-rating="4"]:after {
  width: 80%;
}
.platform-section__badge-rating[data-badge-rating="4.0"]:after {
  width: 80%;
}
.platform-section__badge-rating[data-badge-rating="4.1"]:after {
  width: 82%;
}
.platform-section__badge-rating[data-badge-rating="4.2"]:after {
  width: 84%;
}
.platform-section__badge-rating[data-badge-rating="4.3"]:after {
  width: 86%;
}
.platform-section__badge-rating[data-badge-rating="4.4"]:after {
  width: 88%;
}
.platform-section__badge-rating[data-badge-rating="4.5"]:after {
  width: 90%;
}
.platform-section__badge-rating[data-badge-rating="4.6"]:after {
  width: 92%;
}
.platform-section__badge-rating[data-badge-rating="4.7"]:after {
  width: 94%;
}
.platform-section__badge-rating[data-badge-rating="4.8"]:after {
  width: 96%;
}
.platform-section__badge-rating[data-badge-rating="4.9"]:after {
  width: 100%;
}
.platform-section__badge-rating[data-badge-rating="5"]:after {
  width: 100%;
}
.platform-section__badge-rating[data-badge-rating="5.0"]:after {
  width: 100%;
}
.platform-section__media > .platform-section__badge {
  width: fit-content;
  max-width: 100%;
  position: absolute;
  top: -39rem;
  left: 0;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .platform-section__media > .platform-section__badge {
    left: unset;
    right: 24rem;
  }
}

.product-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: var(--color-gray-100);
  border: 1rem solid var(--color-gray-300);
  border-radius: var(--global-border-radius);
  transition: transform var(--global-transition-duration), box-shadow var(--global-transition-duration);
}
@media (hover: hover) {
  .product-card:hover {
    transform: translateY(-5rem);
    box-shadow: 0 0 15rem rgba(0, 0, 0, 0.15);
  }
}
.product-card__location {
  width: fit-content;
  max-width: 100%;
  position: absolute;
  top: 13rem;
  right: 13rem;
  z-index: 1;
  background-color: var(--color-white);
  border-radius: var(--global-border-radius);
  font-size: 14rem;
  line-height: 20rem;
  padding: 6rem 8rem 6rem 32rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .product-card__location {
    top: 23rem;
    right: 23rem;
  }
}
.product-card__location:before {
  content: "";
  width: 20rem;
  height: 20rem;
  position: absolute;
  top: 50%;
  left: 8rem;
  transform: translateY(-50%);
  background: url("/theme/assets/img/icons/location-dot.svg") center/contain no-repeat;
}
.product-card__img {
  display: block;
  padding-top: 65.3958944282%;
}
.product-card__img img {
  object-position: bottom center;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .product-card__img {
    padding-top: 56.3679245283%;
  }
}
.product-card__content {
  display: flex;
  flex-direction: column;
  gap: 14rem;
  flex: 1 1 auto;
  position: relative;
  background-color: var(--color-white);
  border-radius: 14rem 14rem 0 0;
  margin-top: -14rem;
  padding: 25rem 15rem 15rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .product-card__content {
    gap: 18rem;
    padding: 25rem 23rem;
  }
}
.product-card__tag {
  position: absolute;
  top: -16rem;
  left: 23rem;
  background-color: var(--color-white);
  border: 1rem solid var(--color-gray-300);
  border-radius: var(--global-border-radius);
  font-size: 14rem;
  line-height: 16rem;
  padding: 7rem;
}
.product-card__title {
  font-size: 24rem;
  line-height: 26rem;
  letter-spacing: -0.24rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .product-card__title {
    font-size: 28rem;
    line-height: 31rem;
    letter-spacing: -0.28rem;
  }
}
.product-card__title a {
  display: block;
}
.product-card__features {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14rem;
  font-size: 12rem;
  line-height: 18rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .product-card__features {
    gap: 16rem;
    font-size: 14rem;
    line-height: 20rem;
  }
}
.product-card__features li {
  display: flex;
  align-items: center;
  min-height: 24rem;
}
.product-card__features li:has(> img) {
  position: relative;
  padding-left: 28rem;
}
.product-card__features li img {
  width: 24rem;
  height: 24rem;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: contain;
}
.product-card__price {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .product-card__price {
    font-size: 20rem;
    line-height: 22rem;
  }
}
.product-card__price:not(:last-child) {
  margin-bottom: 10rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .product-card__price:not(:last-child) {
    margin-bottom: 12rem;
  }
}
.product-card__price strong {
  font-weight: 700;
  font-size: 24rem;
  line-height: 26rem;
  letter-spacing: -0.24rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .product-card__price strong {
    font-size: 28rem;
    line-height: 31rem;
    letter-spacing: -0.28rem;
  }
}
.product-card__button {
  margin-top: auto;
}

.product-cards-section {
  padding: var(--section-padding-y) 0;
}
.product-cards-section__cards:not(:first-child) {
  margin-top: 40rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .product-cards-section__cards:not(:first-child) {
    margin-top: 50rem;
  }
}

.product-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16rem;
}
@media screen and (min-width: 768px) {
  .product-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .product-cards {
    gap: 31rem;
    grid-template-columns: repeat(3, 1fr);
  }
}
.product-cards > li {
  display: flex;
}

.product-section {
  overflow: hidden;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .product-section {
    overflow: unset;
  }
}
.product-section:first-child {
  border-top: 1rem solid var(--color-gray-300);
  padding-top: 20rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .product-section:first-child {
    border-top: none;
    padding-top: 0;
  }
}

.product-section > .container > .product-section > .container {
  max-width: 100%;
  padding: 0;
}

.product {
  display: flex;
  flex-direction: column;
  gap: 80rem 30rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .product {
    flex-wrap: wrap;
    flex-direction: row;
  }
}
.product:not(:first-child) {
  margin-top: 14rem;
}
.product__main, .product__sidebar {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.product__main {
  gap: 30rem;
}
@media screen and (min-width: 768px) {
  .product__main {
    gap: 40rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .product__main {
    max-width: calc(100% - 470rem);
  }
}
.product__main-header {
  display: flex;
  flex-direction: column;
  gap: 16rem;
}
@media screen and (min-width: 768px) {
  .product__main-header {
    gap: 24rem;
  }
}
.product__main-header-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8rem 14rem;
}
.product__media {
  display: flex;
  flex-direction: column;
  gap: 9rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .product__media {
    gap: 15rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .product__media {
    overflow: hidden;
  }
}
.product__media-nav {
  display: flex;
  justify-content: center;
  gap: 150rem;
  width: 100%;
}
.product__media-nav:not(:first-child) {
  margin-top: 5rem;
}
.product__media-button {
  width: 16rem;
  height: 30rem;
}
.product__media-button svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: var(--color-black);
  transition: stroke var(--global-transition-duration);
}
@media (hover: hover) {
  .product__media-button:hover svg {
    stroke: var(--color-primary);
  }
}
@media (hover: none) {
  .product__media-button:active svg {
    stroke: var(--color-primary);
  }
}
.product__gallery-slider {
  width: 100%;
  position: relative;
  padding-top: 55.3935860058%;
}
@media screen and (min-width: 768px) {
  .product__gallery-slider {
    padding-top: 56.3218390805%;
  }
}
.product__gallery-slider .swiper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  background-color: var(--color-gray-200);
  border: 1rem solid var(--color-gray-300);
  border-radius: var(--global-border-radius);
}
.product__gallery-slider-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product__gallery-slider-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44rem;
  height: 44rem;
  position: absolute;
  bottom: 10rem;
  right: 10rem;
  z-index: 1;
  transition: visibility var(--global-transition-duration), opacity var(--global-transition-duration);
}
@media screen and (min-width: 768px) {
  .product__gallery-slider-button {
    bottom: 14rem;
    right: 14rem;
  }
}
@media (hover: hover) {
  .product__gallery-slider-button {
    visibility: hidden;
    opacity: 0;
  }
}
.product__gallery-slider-button svg {
  width: 75%;
  height: 75%;
  transform-origin: center;
  fill: var(--color-secondary);
  transition: transform var(--global-transition-duration);
}
@media (hover: hover) {
  .product__gallery-slider-button:hover svg {
    transform: scale(1.05);
  }
}
@media (hover: none) {
  .product__gallery-slider-button:active svg {
    transform: scale(1.05);
  }
}
.product__gallery-slider-scale-button {
  width: 44rem;
  height: 44rem;
  position: absolute;
  bottom: 15rem;
  right: 15rem;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: var(--global-sm-border-radius);
  transition: visibility var(--global-transition-duration), opacity var(--global-transition-duration);
}
@media (hover: hover) {
  .product__gallery-slider-scale-button {
    visibility: hidden;
    opacity: 0;
  }
}
.product__gallery-slider-scale-button:before, .product__gallery-slider-scale-button:after {
  content: "";
  width: 50%;
  height: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: center;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform var(--global-transition-duration);
}
.product__gallery-slider-scale-button:before {
  transform: translate(-50%, -50%);
  background-image: url("/theme/assets/img/icons/magnifying-glass-plus.svg");
}
.product__gallery-slider-scale-button.active:before {
  transform: translate(-50%, -50%) scale(0);
}
.product__gallery-slider-scale-button:after {
  transform: translate(-50%, -50%) scale(0);
  background-image: url("/theme/assets/img/icons/magnifying-glass-minus.svg");
}
.product__gallery-slider-scale-button.active:after {
  transform: translate(-50%, -50%) scale(1);
}
@media (hover: hover) {
  .product__gallery-slider:hover .product__gallery-slider-scale-button {
    visibility: visible;
    opacity: 1;
  }
}
@media (hover: hover) {
  .product__gallery-slider:hover .product__gallery-slider-button {
    visibility: visible;
    opacity: 1;
  }
}
.product__slider {
  width: 100%;
  overflow: unset;
}
.product__slider .swiper-slide {
  max-width: 79rem;
  height: 60rem;
  overflow: hidden;
  background-color: var(--color-gray-200);
  border: 1rem solid var(--color-gray-300);
  border-radius: var(--global-border-radius);
  transition: border-color var(--global-transition-duration);
  cursor: pointer;
}
@media screen and (min-width: 576px) {
  .product__slider .swiper-slide {
    max-width: 95rem;
    height: 72rem;
  }
}
@media screen and (min-width: 768px) {
  .product__slider .swiper-slide {
    max-width: 126rem;
    height: 78rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .product__slider .swiper-slide {
    max-width: 162rem;
    height: 100rem;
  }
}
.product__slider .swiper-slide-thumb-active {
  border-color: var(--color-black);
}
@media (hover: hover) {
  .product__slider .swiper-slide:hover {
    border-color: var(--color-black);
  }
}
.product__slider .swiper-slide:not(:last-child) {
  margin-right: 9rem;
}
@media screen and (min-width: 768px) {
  .product__slider .swiper-slide:not(:last-child) {
    margin-right: 15rem;
  }
}
.product__slider-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity var(--global-transition-duration);
}
.swiper-slide:not(.swiper-slide-thumb-active) .product__slider-img {
  opacity: 0.8;
}
.product__name {
  font-size: 26rem;
  line-height: 29rem;
}
@media screen and (min-width: 768px) {
  .product__name {
    font-size: 36rem;
    line-height: 40rem;
  }
}
.product__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 14rem;
  width: 100%;
}
.product__tag {
  width: fit-content;
  max-width: 100%;
  background-color: var(--color-gray-100);
  border-radius: var(--global-border-radius);
  font-size: 14rem;
  line-height: 16rem;
  padding: 8rem;
}
.product__tag:has(> img) {
  position: relative;
  padding-left: 32rem;
}
.product__tag img {
  width: 20rem;
  height: 20rem;
  position: absolute;
  top: 50%;
  left: 8rem;
  transform: translateY(-50%);
  object-fit: contain;
}
.product__info-tag {
  display: flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  min-height: 24rem;
  font-size: 12rem;
}
.product__info-tag:has(> img) {
  position: relative;
  padding-left: 32rem;
}
.product__info-tag img {
  width: 24rem;
  height: 24rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  object-fit: contain;
}
.product__content {
  display: flex;
  flex-direction: column;
  gap: 24rem;
}
@media screen and (min-width: 768px) {
  .product__content {
    gap: 50rem;
  }
}
.product__title {
  font-size: 24rem;
  line-height: 26rem;
}
@media screen and (min-width: 768px) {
  .product__title {
    font-size: 28rem;
    line-height: 31rem;
  }
}
.product__hidden-content {
  display: flex;
  flex-direction: column;
  gap: 14rem;
}
.product__hidden-content-body {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--global-transition-duration);
}
.product__hidden-content.active .product__hidden-content-body {
  grid-template-rows: 1fr;
}
.product__hidden-content-main {
  overflow: hidden;
}
.product__hidden-content-container {
  padding-top: 14rem;
  transition: transform var(--global-transition-duration), opacity var(--global-transition-duration);
}
.product__hidden-content:not(.active) .product__hidden-content-container {
  transform: translateY(75%);
  opacity: 0;
}
.product__hidden-content-text {
  opacity: 0.7;
  font-size: 14rem;
  line-height: 15rem;
}
@media screen and (min-width: 768px) {
  .product__hidden-content-text {
    font-size: 16rem;
    line-height: 18rem;
  }
}
.product__hidden-content-button {
  width: fit-content;
  max-width: 100%;
  position: relative;
  border: 1rem solid var(--color-black);
  border-radius: var(--global-border-radius);
  line-height: 24rem;
  padding: 10rem 41rem 10rem 7rem;
  transition: background-color var(--global-transition-duration), color var(--global-transition-duration);
}
@media (hover: hover) {
  .product__hidden-content-button:hover {
    background-color: var(--color-secondary-light);
    color: var(--color-white);
  }
}
@media (hover: none) {
  .product__hidden-content-button:active {
    background-color: var(--color-secondary-light);
    color: var(--color-white);
  }
}
.product__hidden-content-button:after {
  content: "";
  width: 20rem;
  height: 20rem;
  position: absolute;
  top: 50%;
  right: 7rem;
  transform-origin: center;
  transform: translateY(-50%);
  background: url("/theme/assets/img/icons/chevron-down.svg") center/contain no-repeat;
  transition: transform var(--global-transition-duration), filter var(--global-transition-duration);
}
@media (hover: hover) {
  .product__hidden-content-button:hover:after {
    filter: brightness(0) invert(1);
  }
}
@media (hover: none) {
  .product__hidden-content-button:active:after {
    filter: brightness(0) invert(1);
  }
}
.product__hidden-content.active .product__hidden-content-button:after {
  transform: translateY(-50%) rotate(180deg);
}
.product__features {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8rem;
}
@media screen and (min-width: 768px) {
  .product__features {
    gap: 30rem;
  }
}
.product__feature {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 8rem;
  background-color: var(--color-gray-200);
  border: 1rem solid var(--color-gray-300);
  border-radius: 14rem;
  text-align: center;
  padding: 15rem 7rem;
}
@media screen and (min-width: 768px) {
  .product__feature {
    padding-left: 15rem;
    padding-right: 15rem;
  }
}
.product__feature--primary {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.product__feature-icon {
  width: 30rem;
  height: 30rem;
  object-fit: contain;
}
.product__feature--primary .product__feature-icon {
  filter: brightness(0) invert(1);
}
.product__feature-text {
  font-size: 14rem;
  line-height: 15rem;
}
@media screen and (min-width: 768px) {
  .product__feature-text {
    font-size: 20rem;
    line-height: 22rem;
  }
}
.product__feature-title {
  font-size: 12rem;
  line-height: 14rem;
}
@media screen and (min-width: 768px) {
  .product__feature-title {
    font-size: 14rem;
    line-height: 17rem;
  }
}
.product__banner {
  display: flex;
  flex-direction: column;
  gap: 14rem;
  background-color: var(--color-gray-200);
  border: 1rem solid var(--color-gray-300);
  border-radius: var(--global-border-radius);
  padding: 25rem 15rem;
}
.product__banner-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14rem 30rem;
  font-size: 14rem;
  line-height: 20rem;
}
@media screen and (min-width: 768px) {
  .product__banner-list {
    grid-template-columns: 1fr 1fr;
  }
}
.product__banner-list li:has(> img) {
  position: relative;
  padding-left: 34rem;
}
.product__banner-list li > img {
  width: 20rem;
  height: 20rem;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: contain;
}
.product__banner-button {
  width: fit-content;
  max-width: 100%;
  position: relative;
  background-color: var(--color-white);
  border: 1rem solid var(--color-black);
  border-radius: var(--global-border-radius);
  line-height: 24rem;
  padding: 10rem 41rem 10rem 7rem;
  transition: background-color var(--global-transition-duration), color var(--global-transition-duration);
}
@media (hover: hover) {
  .product__banner-button:hover {
    background-color: var(--color-secondary-light);
    color: var(--color-white);
  }
}
@media (hover: none) {
  .product__banner-button:active {
    background-color: var(--color-secondary-light);
    color: var(--color-white);
  }
}
.product__banner-button:after {
  content: "";
  width: 20rem;
  height: 20rem;
  position: absolute;
  top: 50%;
  right: 7rem;
  transform-origin: center;
  transform: translateY(-50%) rotate(-90deg);
  background: url("/theme/assets/img/icons/chevron-down.svg") center/contain no-repeat;
  transition: filter var(--global-transition-duration);
}
@media (hover: hover) {
  .product__banner-button:hover:after {
    filter: brightness(0) invert(1);
  }
}
@media (hover: none) {
  .product__banner-button:active:after {
    filter: brightness(0) invert(1);
  }
}
.product__banner-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 14rem;
}
.product__reviews-slider {
  width: 100%;
  overflow: unset;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .product__reviews-slider {
    overflow: hidden;
  }
}
.product__reviews-slider .swiper-wrapper {
  height: auto;
}
.product__reviews-slider .swiper-slide {
  display: flex;
  height: auto;
}
@media screen and (min-width: 768px) {
  .product__reviews-slider .swiper-slide {
    max-width: 330rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .product__reviews-slider .swiper-slide {
    max-width: 420rem;
  }
}
.product__reviews-slider .swiper-slide:not(:last-child) {
  margin-right: 30rem;
}
.product__reviews-slider-nav {
  display: flex;
  justify-content: center;
  gap: 150rem;
}
.product__reviews-slider-nav:not(:first-child) {
  margin-top: 30rem;
}
.product__reviews-slider-button {
  width: 16rem;
  height: 30rem;
}
.product__reviews-slider-button svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: var(--color-black);
  transition: stroke var(--global-transition-duration);
}
.product__reviews-slider-button[disabled] svg {
  stroke: var(--color-gray-400);
}
@media (hover: hover) {
  .product__reviews-slider-button:not([disabled]):hover svg {
    stroke: var(--color-primary);
  }
}
@media (hover: none) {
  .product__reviews-slider-button:not([disabled]):active svg {
    stroke: var(--color-primary);
  }
}
.product__review {
  display: flex;
  flex-direction: column;
  gap: 14rem;
  width: 100%;
  border: 1rem solid var(--color-gray-100);
  border-radius: var(--global-border-radius);
  padding: 15rem;
}
.product__review-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12rem;
  min-height: 40rem;
  position: relative;
  padding-left: 52rem;
}
.product__review-photo {
  width: 40rem;
  height: 40rem;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-gray-200);
  border-radius: 50%;
  object-fit: cover;
}
.product__review-content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.product__review-name {
  font-size: 18rem;
  line-height: 18rem;
}
.product__review-rating {
  width: 116rem;
  min-width: 116rem;
  height: 20rem;
  position: relative;
  background: url("/theme/assets/img/icons/rating-second-gray.svg") left center/116rem no-repeat;
}
.product__review-rating:after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("/theme/assets/img/icons/rating-second.svg") left center/116rem no-repeat;
}
.product__review-rating[data-product-review-rating="0"]:after {
  width: 0;
}
.product__review-rating[data-product-review-rating="0.1"]:after {
  width: 0;
}
.product__review-rating[data-product-review-rating="0.2"]:after {
  width: 2%;
}
.product__review-rating[data-product-review-rating="0.3"]:after {
  width: 4%;
}
.product__review-rating[data-product-review-rating="0.4"]:after {
  width: 6%;
}
.product__review-rating[data-product-review-rating="0.5"]:after {
  width: 8%;
}
.product__review-rating[data-product-review-rating="0.6"]:after {
  width: 10%;
}
.product__review-rating[data-product-review-rating="0.7"]:after {
  width: 12%;
}
.product__review-rating[data-product-review-rating="0.8"]:after {
  width: 14%;
}
.product__review-rating[data-product-review-rating="0.9"]:after {
  width: 20%;
}
.product__review-rating[data-product-review-rating="1"]:after {
  width: 20%;
}
.product__review-rating[data-product-review-rating="1.0"]:after {
  width: 20%;
}
.product__review-rating[data-product-review-rating="1.1"]:after {
  width: 22%;
}
.product__review-rating[data-product-review-rating="1.2"]:after {
  width: 24%;
}
.product__review-rating[data-product-review-rating="1.3"]:after {
  width: 26%;
}
.product__review-rating[data-product-review-rating="1.4"]:after {
  width: 28%;
}
.product__review-rating[data-product-review-rating="1.5"]:after {
  width: 30%;
}
.product__review-rating[data-product-review-rating="1.6"]:after {
  width: 32%;
}
.product__review-rating[data-product-review-rating="1.7"]:after {
  width: 34%;
}
.product__review-rating[data-product-review-rating="1.8"]:after {
  width: 36%;
}
.product__review-rating[data-product-review-rating="1.9"]:after {
  width: 40%;
}
.product__review-rating[data-product-review-rating="2"]:after {
  width: 40%;
}
.product__review-rating[data-product-review-rating="2.0"]:after {
  width: 40%;
}
.product__review-rating[data-product-review-rating="2.1"]:after {
  width: 42%;
}
.product__review-rating[data-product-review-rating="2.2"]:after {
  width: 44%;
}
.product__review-rating[data-product-review-rating="2.3"]:after {
  width: 46%;
}
.product__review-rating[data-product-review-rating="2.4"]:after {
  width: 48%;
}
.product__review-rating[data-product-review-rating="2.5"]:after {
  width: 50%;
}
.product__review-rating[data-product-review-rating="2.6"]:after {
  width: 52%;
}
.product__review-rating[data-product-review-rating="2.7"]:after {
  width: 54%;
}
.product__review-rating[data-product-review-rating="2.8"]:after {
  width: 56%;
}
.product__review-rating[data-product-review-rating="2.9"]:after {
  width: 60%;
}
.product__review-rating[data-product-review-rating="3"]:after {
  width: 60%;
}
.product__review-rating[data-product-review-rating="3.0"]:after {
  width: 60%;
}
.product__review-rating[data-product-review-rating="3.1"]:after {
  width: 62%;
}
.product__review-rating[data-product-review-rating="3.2"]:after {
  width: 64%;
}
.product__review-rating[data-product-review-rating="3.3"]:after {
  width: 66%;
}
.product__review-rating[data-product-review-rating="3.4"]:after {
  width: 68%;
}
.product__review-rating[data-product-review-rating="3.5"]:after {
  width: 70%;
}
.product__review-rating[data-product-review-rating="3.6"]:after {
  width: 72%;
}
.product__review-rating[data-product-review-rating="3.7"]:after {
  width: 74%;
}
.product__review-rating[data-product-review-rating="3.8"]:after {
  width: 76%;
}
.product__review-rating[data-product-review-rating="3.9"]:after {
  width: 80%;
}
.product__review-rating[data-product-review-rating="4"]:after {
  width: 80%;
}
.product__review-rating[data-product-review-rating="4.0"]:after {
  width: 80%;
}
.product__review-rating[data-product-review-rating="4.1"]:after {
  width: 82%;
}
.product__review-rating[data-product-review-rating="4.2"]:after {
  width: 84%;
}
.product__review-rating[data-product-review-rating="4.3"]:after {
  width: 86%;
}
.product__review-rating[data-product-review-rating="4.4"]:after {
  width: 88%;
}
.product__review-rating[data-product-review-rating="4.5"]:after {
  width: 90%;
}
.product__review-rating[data-product-review-rating="4.6"]:after {
  width: 92%;
}
.product__review-rating[data-product-review-rating="4.7"]:after {
  width: 94%;
}
.product__review-rating[data-product-review-rating="4.8"]:after {
  width: 96%;
}
.product__review-rating[data-product-review-rating="4.9"]:after {
  width: 100%;
}
.product__review-rating[data-product-review-rating="5"]:after {
  width: 100%;
}
.product__review-rating[data-product-review-rating="5.0"]:after {
  width: 100%;
}
.product__review-text {
  font-size: 14rem;
  line-height: 14rem;
}
@media screen and (min-width: 768px) {
  .product__review-text {
    font-size: 16rem;
    line-height: 16rem;
  }
}
.product__review-tag {
  display: flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  min-height: 24rem;
  font-size: 12rem;
  margin-top: auto;
}
.product__review-tag:has(> img) {
  position: relative;
  padding-left: 32rem;
}
.product__review-tag img {
  width: 24rem;
  height: 24rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  object-fit: contain;
}
.product__sidebar {
  gap: 16rem;
}
@media screen and (min-width: 768px) {
  .product__sidebar {
    gap: 30rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .product__sidebar {
    max-width: 440rem;
  }
}
.product__sidebar-block {
  display: flex;
  flex-direction: column;
  gap: 24rem;
  width: 100%;
  border: 1rem solid var(--color-gray-300);
  border-radius: var(--global-border-radius);
  padding: 25rem 15rem;
}
@media screen and (min-width: 768px) {
  .product__sidebar-block {
    padding-left: 23rem;
    padding-right: 23rem;
  }
}
.product__location {
  width: fit-content;
  max-width: 100%;
  position: relative;
  background-color: var(--color-primary);
  border-radius: var(--global-border-radius);
  font-size: 14rem;
  line-height: 20rem;
  color: var(--color-white);
  padding: 6rem 8rem 6rem 32rem;
}
.product__location:before {
  content: "";
  width: 24rem;
  height: 24rem;
  position: absolute;
  top: 50%;
  left: 4rem;
  transform: translateY(-50%);
  filter: brightness(0) invert(1);
  background: url("/theme/assets/img/icons/location-dot.svg") center/contain no-repeat;
}
.product__price {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14rem;
  font-size: 20rem;
  line-height: 28rem;
}
.product__price strong {
  font-weight: 700;
  font-size: 36rem;
  line-height: 40rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .product__price strong {
    font-size: 46rem;
    line-height: 46rem;
  }
}
.product__form {
  display: flex;
  flex-direction: column;
  gap: 24rem;
}
.product__form-header {
  display: flex;
  flex-direction: column;
  gap: 14rem;
}
.product__form-fields {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16rem;
}
.product__form-field {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.product__form-choice {
  display: flex;
  flex-direction: column;
  gap: 16rem;
}
.product__form-variable-content {
  display: none;
}
.product__form-variable-content.active {
  display: flex;
  flex-direction: column;
  gap: 30rem;
  width: 100%;
}
.product__form .address-autocomplete {
  display: block;
  position: relative;
}
.product__form .address-autocomplete .input:not([disabled]):focus {
  border-color: var(--color-gray-400);
}
.product__form .address-autocomplete #pickup-suggestions,
.product__form .address-autocomplete #dropoff-suggestions {
  display: flex;
  flex-direction: column;
  gap: 10rem;
  width: 100%;
  max-height: 166rem;
  overflow-y: auto;
  position: absolute;
  bottom: 6rem;
  left: 0;
  z-index: 1;
  visibility: visible;
  opacity: 1;
  transform: translateY(100%);
  background-color: var(--color-gray-200);
  border: 1rem solid var(--color-gray-400);
  border-radius: 0 0 var(--global-border-radius) var(--global-border-radius);
  padding: 15rem;
  transition: visibility var(--global-transition-duration), opacity var(--global-transition-duration);
}
.product__form .address-autocomplete #pickup-suggestions.hidden,
.product__form .address-autocomplete #dropoff-suggestions.hidden {
  visibility: hidden;
  opacity: 0;
}
@media (hover: hover) {
  .product__form .address-autocomplete #pickup-suggestions,
  .product__form .address-autocomplete #dropoff-suggestions {
    padding-right: 8rem;
  }
}
.product__form .address-autocomplete #pickup-suggestions::-webkit-scrollbar,
.product__form .address-autocomplete #dropoff-suggestions::-webkit-scrollbar {
  width: 3rem;
}
.product__form .address-autocomplete #pickup-suggestions::-webkit-scrollbar-track,
.product__form .address-autocomplete #dropoff-suggestions::-webkit-scrollbar-track {
  background-color: var(--color-gray-200);
}
.product__form .address-autocomplete #pickup-suggestions::-webkit-scrollbar-thumb,
.product__form .address-autocomplete #dropoff-suggestions::-webkit-scrollbar-thumb {
  background-color: var(--color-secondary);
  border-radius: 2rem;
}
.product__form .address-autocomplete #pickup-suggestions button,
.product__form .address-autocomplete #dropoff-suggestions button {
  display: flex;
  align-items: center;
  gap: 4rem;
  border-radius: var(--global-sm-border-radius);
  font-size: 14rem;
  line-height: 18rem;
  color: var(--color-black);
  padding: 4rem;
  transition: background-color var(--global-transition-duration), color var(--global-transition-duration);
}
.product__form .address-autocomplete #pickup-suggestions button svg,
.product__form .address-autocomplete #dropoff-suggestions button svg {
  width: 16rem;
  min-width: 16rem;
  height: 16rem;
}
.product__form .address-autocomplete #pickup-suggestions button.selected,
.product__form .address-autocomplete #dropoff-suggestions button.selected {
  background-color: var(--color-secondary);
  color: var(--color-white);
}
.product__form .address-autocomplete #pickup-suggestions button:not([disabled]),
.product__form .address-autocomplete #dropoff-suggestions button:not([disabled]) {
  cursor: pointer;
}
@media (hover: hover) {
  .product__form .address-autocomplete #pickup-suggestions button:not([disabled]):hover,
  .product__form .address-autocomplete #dropoff-suggestions button:not([disabled]):hover {
    background-color: var(--color-secondary);
    color: var(--color-white);
  }
}
@media (hover: none) {
  .product__form .address-autocomplete #pickup-suggestions button:not([disabled]):active,
  .product__form .address-autocomplete #dropoff-suggestions button:not([disabled]):active {
    background-color: var(--color-secondary);
    color: var(--color-white);
  }
}
.product__form-info {
  display: flex;
  flex-direction: column;
  gap: 8rem;
  background-color: var(--color-gray-800);
  border: 1rem solid var(--color-gray-100);
  border-radius: var(--global-border-radius);
  color: var(--color-white);
  padding: 15rem;
}
.product__form-info-price {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14rem;
  font-size: 20rem;
  line-height: 28rem;
  color: var(--color-white);
}
.product__form-info-price strong {
  font-weight: 700;
  font-size: 28rem;
  line-height: 40rem;
}
.product__form-info-list {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.product__form-info-list strong {
  font-weight: 600;
}
.product__form .ajax_show_total {
  background-color: var(--color-gray-800);
  border: 1rem solid var(--color-gray-100);
  border-radius: var(--global-border-radius);
  font-size: 12rem;
  line-height: 16rem;
  color: var(--color-gray-300);
  padding: 15rem;
}
.product__form .ajax_show_total:not(.show_ajax_content) {
  display: none;
}
.product__form .ajax_show_total .ovabrw-total-amount {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.product__form .ajax_show_total .ovabrw-items-available {
  display: none;
}
.product__form-buttons {
  display: flex;
  flex-direction: column;
  gap: 14rem;
}
.product__info {
  display: flex;
  flex-direction: column;
  gap: 16rem;
  width: 100%;
  background-color: var(--color-gray-200);
  border: 1rem solid var(--color-gray-300);
  border-radius: var(--global-border-radius);
  padding: 25rem 15rem;
}
.product__info--primary {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.product__info-header {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.product__info-title {
  line-height: 28rem;
}
.product__info-header .product__info-title {
  font-size: 20rem;
}
.product__info-text {
  font-size: 12rem;
  line-height: 14rem;
  color: var(--color-gray-700);
}
.product__info--primary .product__info-text {
  color: var(--color-white);
}
.product__info-table {
  font-size: 14rem;
  line-height: 19rem;
  color: var(--color-gray-900);
}
.product__info-table th {
  padding-bottom: 14rem;
  border-bottom: 1rem solid var(--color-gray-300);
}
.product__info-table th, .product__info-table td {
  word-break: break-word;
}
.product__info-table th:first-child, .product__info-table td:first-child {
  padding-right: 5rem;
}
.product__info-table th:not(:first-child):last-child, .product__info-table td:not(:first-child):last-child {
  text-align: right;
  padding-left: 5rem;
}
.product__info-table td:not(:first-child):last-child {
  font-weight: 600;
}
.product__info-table tr:not(:first-child) td {
  padding-top: 14rem;
}
.product__info-table thead + tbody tr:first-child td {
  padding-top: 14rem;
}
.product__info-benefits {
  display: flex;
  flex-direction: column;
  gap: 14rem;
  font-size: 14rem;
  line-height: 20rem;
  color: var(--color-gray-800);
}
.product__info-benefits li:has(> img) {
  position: relative;
  padding-left: 34rem;
}
.product__info-benefits li img {
  width: 20rem;
  height: 20rem;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: contain;
}
.product__info--primary .product__info-benefits {
  color: var(--color-white);
}
.product__info--primary .product__info-benefits li img {
  filter: brightness(0) invert(1);
}
.product .easepick-wrapper {
  display: block;
  width: 100%;
  min-width: 343rem;
  max-width: 343rem;
  position: absolute;
  top: calc(50% + 12rem);
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .product .easepick-wrapper {
    min-width: 678rem;
    max-width: 678rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .product .easepick-wrapper {
    top: unset;
    bottom: -4rem;
    left: unset;
    right: 0;
    transform: translateY(100%);
  }
}

.woocommerce .product__review-photo {
  height: 40rem;
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
  .product-gallery-modal .modal__container {
    max-width: calc(1100rem + var(--container-padding-x) * 2);
  }
}
.product-gallery-modal .modal__content {
  flex-direction: column;
  gap: 24rem;
  padding: 20rem var(--container-padding-x);
}
@media screen and (min-width: 576px) {
  .product-gallery-modal .modal__content {
    padding-left: 0;
    padding-right: 0;
  }
}
.product-gallery-modal .modal__title {
  max-width: 275rem;
  font-weight: 600;
  font-size: 20rem;
  line-height: 22rem;
}
@media screen and (min-width: 768px) {
  .product-gallery-modal .modal__title {
    display: none;
  }
}
.product-gallery-modal .modal__gallery {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
@media screen and (min-width: 768px) {
  .product-gallery-modal .modal__gallery {
    display: none;
  }
}
.product-gallery-modal .modal__gallery li {
  width: 100%;
  position: relative;
  padding-top: 55.3935860058%;
}
.product-gallery-modal .modal__gallery-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  border: 1rem solid var(--color-gray-300);
  border-radius: var(--global-border-radius);
}
.product-gallery-modal .modal__gallery-button {
  width: 44rem;
  height: 44rem;
  position: absolute;
  top: 12rem;
  right: 12rem;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: var(--global-sm-border-radius);
}
.product-gallery-modal .modal__gallery-button.active {
  z-index: 5;
}
.product-gallery-modal .modal__gallery-button:before, .product-gallery-modal .modal__gallery-button:after {
  content: "";
  width: 50%;
  height: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: center;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform var(--global-transition-duration);
}
.product-gallery-modal .modal__gallery-button:before {
  transform: translate(-50%, -50%);
  background-image: url("/theme/assets/img/icons/magnifying-glass-plus.svg");
}
.product-gallery-modal .modal__gallery-button.active:before {
  transform: translate(-50%, -50%) scale(0);
}
.product-gallery-modal .modal__gallery-button:after {
  transform: translate(-50%, -50%) scale(0);
  background-image: url("/theme/assets/img/icons/magnifying-glass-minus.svg");
}
.product-gallery-modal .modal__gallery-button.active:after {
  transform: translate(-50%, -50%) scale(1);
}
.product-gallery-modal .modal__gallery-media {
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 4;
  transform: scale(0);
  transform-origin: center;
  overflow-x: auto;
  object-fit: cover;
  border: 1rem solid var(--color-gray-300);
  transition: transform var(--global-transition-duration);
}
@media screen and (min-width: 768px) {
  .product-gallery-modal .modal__gallery-media {
    display: none;
  }
}
.product-gallery-modal .modal__gallery-media.active {
  transform: scale(1);
}
.product-gallery-modal .modal__gallery-media img {
  width: auto;
  max-width: unset;
  height: 100%;
}
.product-gallery-modal:has(.modal__gallery-button.active) {
  overflow: hidden;
}
.product-gallery-modal .product__media {
  display: none;
}
@media screen and (min-width: 768px) {
  .product-gallery-modal .product__media {
    display: flex;
    gap: 30rem;
    position: relative;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .product-gallery-modal .product__media {
    overflow: unset;
  }
}
.product-gallery-modal .product__media-nav {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  justify-content: space-between;
}
.product-gallery-modal .product__media-nav:not(:first-child) {
  margin-top: 0;
}
.product-gallery-modal .product__media-button svg {
  stroke: var(--color-white);
}
.product-gallery-modal .product__media-button:first-child {
  transform: translateX(-31rem);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .product-gallery-modal .product__media-button:first-child {
    transform: translateX(-116rem);
  }
}
.product-gallery-modal .product__media-button:last-child {
  transform: translateX(31rem);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .product-gallery-modal .product__media-button:last-child {
    transform: translateX(116rem);
  }
}
.product-gallery-modal .product__gallery-slider-button {
  display: none;
}
.product-gallery-modal .product__gallery-slider-img {
  transition: transform var(--global-transition-duration);
}
.product-gallery-modal .product__gallery-slider .swiper-slide-active-scale .product__gallery-slider-img {
  transform: scale(1.6);
}
.product-gallery-modal .product__slider {
  max-width: 872rem;
  overflow: hidden;
}
.product-gallery-modal .product__slider .swiper-slide {
  background-color: transparent;
  border-color: var(--color-black);
}
.product-gallery-modal .product__slider .swiper-slide-thumb-active {
  border-color: var(--color-white);
}
@media (hover: hover) {
  .product-gallery-modal .product__slider .swiper-slide:hover {
    border-color: var(--color-white);
  }
}
.product-gallery-modal .product__slider .swiper-slide:not(.swiper-slide-thumb-active) .product__slider-img {
  opacity: 0.7;
}

.products {
  display: flex;
  flex-direction: column;
  gap: 24rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .products {
    gap: 30rem;
  }
}
.products:not(:first-child) {
  margin-top: 40rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .products:not(:first-child) {
    margin-top: 50rem;
  }
}

.rating-banner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8rem;
  background-color: var(--color-primary-light);
  border: 1px solid var(--color-gray-300);
  border-radius: var(--global-border-radius);
  padding: 15rem;
}
.rating-banner:not(:first-child) {
  margin-top: 20rem;
}
@media screen and (min-width: 768px) {
  .rating-banner:not(:first-child) {
    margin-top: 40rem;
  }
}
@media screen and (min-width: 768px) {
  .rating-banner {
    gap: 24rem;
  }
}
.rating-banner__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16rem;
}
.rating-banner__photos {
  display: flex;
  flex-wrap: wrap;
}
.rating-banner__photos img {
  width: 40rem;
  height: 40rem;
  background-color: var(--color-white);
  border: 5rem solid var(--color-primary-light);
  border-radius: 50%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .rating-banner__photos img {
    width: 50rem;
    height: 50rem;
    border-color: var(--color-white);
  }
}
.rating-banner__photos img:not(:first-child) {
  margin-left: -11rem;
}
@media screen and (min-width: 768px) {
  .rating-banner__photos img:not(:first-child) {
    margin-left: -14rem;
  }
}
.rating-banner__text {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  font-size: 14rem;
  line-height: 16rem;
}
@media screen and (min-width: 768px) {
  .rating-banner__text {
    font-size: 16rem;
    line-height: 18rem;
  }
}
.rating-banner__text > p:has(strong) {
  font-size: 20rem;
  line-height: 20rem;
}
@media screen and (min-width: 768px) {
  .rating-banner__text > p:has(strong) {
    font-size: 24rem;
    line-height: 26rem;
  }
}
.rating-banner__text strong {
  font-weight: 600;
}
.rating-banner__rating {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8rem;
  font-size: 14rem;
  line-height: 20rem;
}
@media screen and (min-width: 768px) {
  .rating-banner__rating {
    font-size: 16rem;
  }
}
.rating-banner__stars {
  width: 76rem;
  min-width: 76rem;
  height: 20rem;
  position: relative;
  background: url("/theme/assets/img/icons/rating-gray.svg") left center/76rem no-repeat;
}
.rating-banner__stars:after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("/theme/assets/img/icons/rating.svg") left center/76rem no-repeat;
}
.rating-banner__stars[data-rating-banner-stars="0"]:after {
  width: 0;
}
.rating-banner__stars[data-rating-banner-stars="0.1"]:after {
  width: 0;
}
.rating-banner__stars[data-rating-banner-stars="0.2"]:after {
  width: 2%;
}
.rating-banner__stars[data-rating-banner-stars="0.3"]:after {
  width: 4%;
}
.rating-banner__stars[data-rating-banner-stars="0.4"]:after {
  width: 6%;
}
.rating-banner__stars[data-rating-banner-stars="0.5"]:after {
  width: 8%;
}
.rating-banner__stars[data-rating-banner-stars="0.6"]:after {
  width: 10%;
}
.rating-banner__stars[data-rating-banner-stars="0.7"]:after {
  width: 12%;
}
.rating-banner__stars[data-rating-banner-stars="0.8"]:after {
  width: 14%;
}
.rating-banner__stars[data-rating-banner-stars="0.9"]:after {
  width: 20%;
}
.rating-banner__stars[data-rating-banner-stars="1"]:after {
  width: 20%;
}
.rating-banner__stars[data-rating-banner-stars="1.0"]:after {
  width: 20%;
}
.rating-banner__stars[data-rating-banner-stars="1.1"]:after {
  width: 22%;
}
.rating-banner__stars[data-rating-banner-stars="1.2"]:after {
  width: 24%;
}
.rating-banner__stars[data-rating-banner-stars="1.3"]:after {
  width: 26%;
}
.rating-banner__stars[data-rating-banner-stars="1.4"]:after {
  width: 28%;
}
.rating-banner__stars[data-rating-banner-stars="1.5"]:after {
  width: 30%;
}
.rating-banner__stars[data-rating-banner-stars="1.6"]:after {
  width: 32%;
}
.rating-banner__stars[data-rating-banner-stars="1.7"]:after {
  width: 34%;
}
.rating-banner__stars[data-rating-banner-stars="1.8"]:after {
  width: 36%;
}
.rating-banner__stars[data-rating-banner-stars="1.9"]:after {
  width: 40%;
}
.rating-banner__stars[data-rating-banner-stars="2"]:after {
  width: 40%;
}
.rating-banner__stars[data-rating-banner-stars="2.0"]:after {
  width: 40%;
}
.rating-banner__stars[data-rating-banner-stars="2.1"]:after {
  width: 42%;
}
.rating-banner__stars[data-rating-banner-stars="2.2"]:after {
  width: 44%;
}
.rating-banner__stars[data-rating-banner-stars="2.3"]:after {
  width: 46%;
}
.rating-banner__stars[data-rating-banner-stars="2.4"]:after {
  width: 48%;
}
.rating-banner__stars[data-rating-banner-stars="2.5"]:after {
  width: 50%;
}
.rating-banner__stars[data-rating-banner-stars="2.6"]:after {
  width: 52%;
}
.rating-banner__stars[data-rating-banner-stars="2.7"]:after {
  width: 54%;
}
.rating-banner__stars[data-rating-banner-stars="2.8"]:after {
  width: 56%;
}
.rating-banner__stars[data-rating-banner-stars="2.9"]:after {
  width: 60%;
}
.rating-banner__stars[data-rating-banner-stars="3"]:after {
  width: 60%;
}
.rating-banner__stars[data-rating-banner-stars="3.0"]:after {
  width: 60%;
}
.rating-banner__stars[data-rating-banner-stars="3.1"]:after {
  width: 62%;
}
.rating-banner__stars[data-rating-banner-stars="3.2"]:after {
  width: 64%;
}
.rating-banner__stars[data-rating-banner-stars="3.3"]:after {
  width: 66%;
}
.rating-banner__stars[data-rating-banner-stars="3.4"]:after {
  width: 68%;
}
.rating-banner__stars[data-rating-banner-stars="3.5"]:after {
  width: 70%;
}
.rating-banner__stars[data-rating-banner-stars="3.6"]:after {
  width: 72%;
}
.rating-banner__stars[data-rating-banner-stars="3.7"]:after {
  width: 74%;
}
.rating-banner__stars[data-rating-banner-stars="3.8"]:after {
  width: 76%;
}
.rating-banner__stars[data-rating-banner-stars="3.9"]:after {
  width: 80%;
}
.rating-banner__stars[data-rating-banner-stars="4"]:after {
  width: 80%;
}
.rating-banner__stars[data-rating-banner-stars="4.0"]:after {
  width: 80%;
}
.rating-banner__stars[data-rating-banner-stars="4.1"]:after {
  width: 82%;
}
.rating-banner__stars[data-rating-banner-stars="4.2"]:after {
  width: 84%;
}
.rating-banner__stars[data-rating-banner-stars="4.3"]:after {
  width: 86%;
}
.rating-banner__stars[data-rating-banner-stars="4.4"]:after {
  width: 88%;
}
.rating-banner__stars[data-rating-banner-stars="4.5"]:after {
  width: 90%;
}
.rating-banner__stars[data-rating-banner-stars="4.6"]:after {
  width: 92%;
}
.rating-banner__stars[data-rating-banner-stars="4.7"]:after {
  width: 94%;
}
.rating-banner__stars[data-rating-banner-stars="4.8"]:after {
  width: 96%;
}
.rating-banner__stars[data-rating-banner-stars="4.9"]:after {
  width: 100%;
}
.rating-banner__stars[data-rating-banner-stars="5"]:after {
  width: 100%;
}
.rating-banner__stars[data-rating-banner-stars="5.0"]:after {
  width: 100%;
}

.rating-block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8rem;
}
.rating-block-stars {
  width: 76rem;
  min-width: 76rem;
  height: 20rem;
  position: relative;
  background: url("/theme/assets/img/icons/rating-gray.svg") left center/76rem no-repeat;
}
.rating-block-stars:after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("/theme/assets/img/icons/rating.svg") left center/76rem no-repeat;
}
.rating-block-stars[data-rating-block="0"]:after {
  width: 0;
}
.rating-block-stars[data-rating-block="0.1"]:after {
  width: 0;
}
.rating-block-stars[data-rating-block="0.2"]:after {
  width: 2%;
}
.rating-block-stars[data-rating-block="0.3"]:after {
  width: 4%;
}
.rating-block-stars[data-rating-block="0.4"]:after {
  width: 6%;
}
.rating-block-stars[data-rating-block="0.5"]:after {
  width: 8%;
}
.rating-block-stars[data-rating-block="0.6"]:after {
  width: 10%;
}
.rating-block-stars[data-rating-block="0.7"]:after {
  width: 12%;
}
.rating-block-stars[data-rating-block="0.8"]:after {
  width: 14%;
}
.rating-block-stars[data-rating-block="0.9"]:after {
  width: 20%;
}
.rating-block-stars[data-rating-block="1"]:after {
  width: 20%;
}
.rating-block-stars[data-rating-block="1.0"]:after {
  width: 20%;
}
.rating-block-stars[data-rating-block="1.1"]:after {
  width: 22%;
}
.rating-block-stars[data-rating-block="1.2"]:after {
  width: 24%;
}
.rating-block-stars[data-rating-block="1.3"]:after {
  width: 26%;
}
.rating-block-stars[data-rating-block="1.4"]:after {
  width: 28%;
}
.rating-block-stars[data-rating-block="1.5"]:after {
  width: 30%;
}
.rating-block-stars[data-rating-block="1.6"]:after {
  width: 32%;
}
.rating-block-stars[data-rating-block="1.7"]:after {
  width: 34%;
}
.rating-block-stars[data-rating-block="1.8"]:after {
  width: 36%;
}
.rating-block-stars[data-rating-block="1.9"]:after {
  width: 40%;
}
.rating-block-stars[data-rating-block="2"]:after {
  width: 40%;
}
.rating-block-stars[data-rating-block="2.0"]:after {
  width: 40%;
}
.rating-block-stars[data-rating-block="2.1"]:after {
  width: 42%;
}
.rating-block-stars[data-rating-block="2.2"]:after {
  width: 44%;
}
.rating-block-stars[data-rating-block="2.3"]:after {
  width: 46%;
}
.rating-block-stars[data-rating-block="2.4"]:after {
  width: 48%;
}
.rating-block-stars[data-rating-block="2.5"]:after {
  width: 50%;
}
.rating-block-stars[data-rating-block="2.6"]:after {
  width: 52%;
}
.rating-block-stars[data-rating-block="2.7"]:after {
  width: 54%;
}
.rating-block-stars[data-rating-block="2.8"]:after {
  width: 56%;
}
.rating-block-stars[data-rating-block="2.9"]:after {
  width: 60%;
}
.rating-block-stars[data-rating-block="3"]:after {
  width: 60%;
}
.rating-block-stars[data-rating-block="3.0"]:after {
  width: 60%;
}
.rating-block-stars[data-rating-block="3.1"]:after {
  width: 62%;
}
.rating-block-stars[data-rating-block="3.2"]:after {
  width: 64%;
}
.rating-block-stars[data-rating-block="3.3"]:after {
  width: 66%;
}
.rating-block-stars[data-rating-block="3.4"]:after {
  width: 68%;
}
.rating-block-stars[data-rating-block="3.5"]:after {
  width: 70%;
}
.rating-block-stars[data-rating-block="3.6"]:after {
  width: 72%;
}
.rating-block-stars[data-rating-block="3.7"]:after {
  width: 74%;
}
.rating-block-stars[data-rating-block="3.8"]:after {
  width: 76%;
}
.rating-block-stars[data-rating-block="3.9"]:after {
  width: 80%;
}
.rating-block-stars[data-rating-block="4"]:after {
  width: 80%;
}
.rating-block-stars[data-rating-block="4.0"]:after {
  width: 80%;
}
.rating-block-stars[data-rating-block="4.1"]:after {
  width: 82%;
}
.rating-block-stars[data-rating-block="4.2"]:after {
  width: 84%;
}
.rating-block-stars[data-rating-block="4.3"]:after {
  width: 86%;
}
.rating-block-stars[data-rating-block="4.4"]:after {
  width: 88%;
}
.rating-block-stars[data-rating-block="4.5"]:after {
  width: 90%;
}
.rating-block-stars[data-rating-block="4.6"]:after {
  width: 92%;
}
.rating-block-stars[data-rating-block="4.7"]:after {
  width: 94%;
}
.rating-block-stars[data-rating-block="4.8"]:after {
  width: 96%;
}
.rating-block-stars[data-rating-block="4.9"]:after {
  width: 100%;
}
.rating-block-stars[data-rating-block="5"]:after {
  width: 100%;
}
.rating-block-stars[data-rating-block="5.0"]:after {
  width: 100%;
}
.rating-block-text {
  font-size: 12rem;
}

.review-card {
  width: 100%;
  overflow: hidden;
  border: 1rem solid var(--color-gray-300);
  border-radius: var(--global-border-radius);
}
.review-card__location {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  position: absolute;
  top: 15rem;
  left: 15rem;
  z-index: 1;
  background-color: var(--color-white);
  border-radius: var(--global-border-radius);
  font-size: 14rem;
  line-height: 20rem;
  padding: 6rem 8rem 6rem 32rem;
}
.review-card__location:before {
  content: "";
  width: 20rem;
  height: 20rem;
  position: absolute;
  top: 50%;
  left: 8rem;
  transform: translateY(-50%);
  background: url("/theme/assets/img/icons/location-dot.svg") center/contain no-repeat;
}
.review-card__media {
  padding-top: 135.0482315113%;
}
.review-card__media-poster,
.review-card__media video + img {
  z-index: 1;
  transition: visibility var(--global-transition-duration), opacity var(--global-transition-duration);
}
.review-card__media.active .review-card__media-poster, .review-card__media.active video + img {
  visibility: hidden;
  opacity: 0;
}
.review-card__media-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 62rem;
  height: 62rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center;
  z-index: 1;
  border: 1rem solid var(--color-white);
  border-radius: 50%;
  cursor: pointer;
  transition: visibility var(--global-transition-duration), transform var(--global-transition-duration), background-color var(--global-transition-duration), border-color var(--global-transition-duration);
}
@media (hover: hover) {
  .review-card__media-button {
    visibility: hidden;
    transform: translate(-50%, -50%) scale(0);
  }
}
@media (hover: hover) {
  .review-card__media-button:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
  }
}
@media (hover: none) {
  .review-card__media-button:active {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
  }
}
.review-card__media-button:after {
  content: "";
  width: 20rem;
  height: 20rem;
  background: url("/theme/assets/img/icons/polygon-light.svg") center/contain no-repeat;
}
.review-card__media.active .review-card__media-button {
  transform: translate(-50%, -50%) scale(0);
  visibility: hidden;
}
@media (hover: hover) {
  .review-card:hover .review-card__media:not(.active) .review-card__media-button {
    transform: translate(-50%, -50%) scale(1);
    visibility: visible;
  }
}
.review-card__body {
  display: flex;
  flex-direction: column;
  gap: 14rem;
  width: 100%;
  position: relative;
  z-index: 1;
  background-color: var(--color-white);
  border-radius: 14rem 14rem 0 0;
  padding: 16rem 15rem 23rem;
  margin-top: -14rem;
}
.review-card__header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12rem;
  min-height: 40rem;
  position: relative;
  padding-left: 52rem;
}
.review-card__photo {
  width: 40rem;
  height: 40rem;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-gray-200);
  border-radius: 50%;
  object-fit: cover;
}
.review-card__content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.review-card__name {
  font-size: 18rem;
  line-height: 18rem;
}
.review-card__rating {
  width: 116rem;
  min-width: 116rem;
  height: 20rem;
  position: relative;
  background: url("/theme/assets/img/icons/rating-second-gray.svg") left center/116rem no-repeat;
}
.review-card__rating:after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("/theme/assets/img/icons/rating-second.svg") left center/116rem no-repeat;
}
.review-card__rating[data-review-card-rating="0"]:after {
  width: 0;
}
.review-card__rating[data-review-card-rating="0.1"]:after {
  width: 0;
}
.review-card__rating[data-review-card-rating="0.2"]:after {
  width: 2%;
}
.review-card__rating[data-review-card-rating="0.3"]:after {
  width: 4%;
}
.review-card__rating[data-review-card-rating="0.4"]:after {
  width: 6%;
}
.review-card__rating[data-review-card-rating="0.5"]:after {
  width: 8%;
}
.review-card__rating[data-review-card-rating="0.6"]:after {
  width: 10%;
}
.review-card__rating[data-review-card-rating="0.7"]:after {
  width: 12%;
}
.review-card__rating[data-review-card-rating="0.8"]:after {
  width: 14%;
}
.review-card__rating[data-review-card-rating="0.9"]:after {
  width: 20%;
}
.review-card__rating[data-review-card-rating="1"]:after {
  width: 20%;
}
.review-card__rating[data-review-card-rating="1.0"]:after {
  width: 20%;
}
.review-card__rating[data-review-card-rating="1.1"]:after {
  width: 22%;
}
.review-card__rating[data-review-card-rating="1.2"]:after {
  width: 24%;
}
.review-card__rating[data-review-card-rating="1.3"]:after {
  width: 26%;
}
.review-card__rating[data-review-card-rating="1.4"]:after {
  width: 28%;
}
.review-card__rating[data-review-card-rating="1.5"]:after {
  width: 30%;
}
.review-card__rating[data-review-card-rating="1.6"]:after {
  width: 32%;
}
.review-card__rating[data-review-card-rating="1.7"]:after {
  width: 34%;
}
.review-card__rating[data-review-card-rating="1.8"]:after {
  width: 36%;
}
.review-card__rating[data-review-card-rating="1.9"]:after {
  width: 40%;
}
.review-card__rating[data-review-card-rating="2"]:after {
  width: 40%;
}
.review-card__rating[data-review-card-rating="2.0"]:after {
  width: 40%;
}
.review-card__rating[data-review-card-rating="2.1"]:after {
  width: 42%;
}
.review-card__rating[data-review-card-rating="2.2"]:after {
  width: 44%;
}
.review-card__rating[data-review-card-rating="2.3"]:after {
  width: 46%;
}
.review-card__rating[data-review-card-rating="2.4"]:after {
  width: 48%;
}
.review-card__rating[data-review-card-rating="2.5"]:after {
  width: 50%;
}
.review-card__rating[data-review-card-rating="2.6"]:after {
  width: 52%;
}
.review-card__rating[data-review-card-rating="2.7"]:after {
  width: 54%;
}
.review-card__rating[data-review-card-rating="2.8"]:after {
  width: 56%;
}
.review-card__rating[data-review-card-rating="2.9"]:after {
  width: 60%;
}
.review-card__rating[data-review-card-rating="3"]:after {
  width: 60%;
}
.review-card__rating[data-review-card-rating="3.0"]:after {
  width: 60%;
}
.review-card__rating[data-review-card-rating="3.1"]:after {
  width: 62%;
}
.review-card__rating[data-review-card-rating="3.2"]:after {
  width: 64%;
}
.review-card__rating[data-review-card-rating="3.3"]:after {
  width: 66%;
}
.review-card__rating[data-review-card-rating="3.4"]:after {
  width: 68%;
}
.review-card__rating[data-review-card-rating="3.5"]:after {
  width: 70%;
}
.review-card__rating[data-review-card-rating="3.6"]:after {
  width: 72%;
}
.review-card__rating[data-review-card-rating="3.7"]:after {
  width: 74%;
}
.review-card__rating[data-review-card-rating="3.8"]:after {
  width: 76%;
}
.review-card__rating[data-review-card-rating="3.9"]:after {
  width: 80%;
}
.review-card__rating[data-review-card-rating="4"]:after {
  width: 80%;
}
.review-card__rating[data-review-card-rating="4.0"]:after {
  width: 80%;
}
.review-card__rating[data-review-card-rating="4.1"]:after {
  width: 82%;
}
.review-card__rating[data-review-card-rating="4.2"]:after {
  width: 84%;
}
.review-card__rating[data-review-card-rating="4.3"]:after {
  width: 86%;
}
.review-card__rating[data-review-card-rating="4.4"]:after {
  width: 88%;
}
.review-card__rating[data-review-card-rating="4.5"]:after {
  width: 90%;
}
.review-card__rating[data-review-card-rating="4.6"]:after {
  width: 92%;
}
.review-card__rating[data-review-card-rating="4.7"]:after {
  width: 94%;
}
.review-card__rating[data-review-card-rating="4.8"]:after {
  width: 96%;
}
.review-card__rating[data-review-card-rating="4.9"]:after {
  width: 100%;
}
.review-card__rating[data-review-card-rating="5"]:after {
  width: 100%;
}
.review-card__rating[data-review-card-rating="5.0"]:after {
  width: 100%;
}
.review-card__text {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 11;
  -webkit-box-orient: vertical;
  line-height: 16rem;
  text-overflow: ellipsis;
}

.reviews-slider {
  width: 100%;
  overflow: unset;
}
.reviews-slider:not(:first-child) {
  margin-top: 40rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .reviews-slider:not(:first-child) {
    margin-top: 50rem;
  }
}
.reviews-slider .swiper-wrapper {
  height: auto;
}
.reviews-slider .swiper-slide {
  max-width: 313rem;
  height: auto;
}
.reviews-slider .swiper-slide:not(:last-child) {
  margin-right: 16rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .reviews-slider .swiper-slide:not(:last-child) {
    margin-right: 30rem;
  }
}
.reviews-slider__nav {
  display: flex;
  justify-content: center;
  gap: 154rem;
}
.reviews-slider__nav:not(:first-child) {
  margin-top: 24rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .reviews-slider__nav:not(:first-child) {
    margin-top: 30rem;
  }
}
.reviews-slider__button {
  width: 16rem;
  height: 30rem;
}
.reviews-slider__button svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: var(--color-black);
  transition: stroke var(--global-transition-duration);
}
.reviews-slider__button[disabled] svg {
  stroke: var(--color-gray-400);
}
@media (hover: hover) {
  .reviews-slider__button:not([disabled]):hover svg {
    stroke: var(--color-primary);
  }
}
@media (hover: none) {
  .reviews-slider__button:not([disabled]):active svg {
    stroke: var(--color-primary);
  }
}

.simple-brand-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16rem;
  width: 100%;
  background-color: var(--color-gray-200);
  border: 1px solid var(--color-gray-300);
  border-radius: var(--global-border-radius);
  padding: 15rem 7rem;
  transition: background-color var(--global-transition-duration);
}
@media screen and (min-width: 768px) {
  .simple-brand-card {
    padding: 49rem 15rem;
  }
}
@media (hover: hover) {
  .simple-brand-card:hover {
    background-color: var(--color-primary);
  }
}
.simple-brand-card__icon {
  width: 24rem;
  height: 24rem;
  object-fit: contain;
  transition: filter var(--global-transition-duration);
}
@media screen and (min-width: 768px) {
  .simple-brand-card__icon {
    width: 30rem;
    height: 30rem;
  }
}
@media (hover: hover) {
  .simple-brand-card:hover .simple-brand-card__icon {
    filter: brightness(0) invert(1);
  }
}
.simple-brand-card__title {
  font-weight: 600;
  font-size: 14rem;
  line-height: 15rem;
  text-align: center;
  transition: color var(--global-transition-duration);
}
@media screen and (min-width: 768px) {
  .simple-brand-card__title {
    font-size: 20rem;
    line-height: 22rem;
  }
}
@media (hover: hover) {
  .simple-brand-card:hover .simple-brand-card__title {
    color: var(--color-white);
  }
}

.simple-brand-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16rem;
}
@media screen and (min-width: 768px) {
  .simple-brand-cards {
    gap: 30rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .simple-brand-cards {
    grid-template-columns: repeat(4, 1fr);
  }
}
.simple-brand-cards:not(:first-child) {
  margin-top: 40rem;
}
@media screen and (min-width: 768px) {
  .simple-brand-cards:not(:first-child) {
    margin-top: 79rem;
  }
}

.simple-card {
  width: 100%;
  border: 1px solid var(--color-gray-300);
  border-radius: 14rem;
  padding: 29rem 23rem;
}
@media screen and (min-width: 768px) {
  .simple-card {
    padding-top: 45rem;
    padding-bottom: 45rem;
  }
}
.simple-card__icon {
  width: 40rem;
  height: 40rem;
  object-fit: contain;
}
@media screen and (min-width: 768px) {
  .simple-card__icon {
    width: 56rem;
    height: 56rem;
  }
}
.simple-card__title {
  font-size: 24rem;
  line-height: 26rem;
}
@media screen and (min-width: 768px) {
  .simple-card__title {
    font-size: 28rem;
    line-height: 31rem;
  }
}
.simple-card__title:not(:first-child) {
  margin-top: 24rem;
}
.simple-card__subtitle {
  font-size: 16rem;
  line-height: 19rem;
}
.simple-card__subtitle:not(:first-child) {
  margin-top: 10rem;
}

.simple-cards-slider {
  overflow: unset;
}
.simple-cards-slider:not(:first-child) {
  margin-top: 40rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .simple-cards-slider:not(:first-child) {
    margin-top: 50rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .simple-cards-slider .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30rem;
  }
}
.simple-cards-slider .swiper-slide {
  display: flex;
  max-width: 312rem;
  height: auto;
}
@media screen and (min-width: 768px) {
  .simple-cards-slider .swiper-slide {
    max-width: 330rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .simple-cards-slider .swiper-slide {
    max-width: 100%;
  }
}
.simple-cards-slider .swiper-slide:not(:last-child) {
  margin-right: 16rem;
}
@media screen and (min-width: 768px) {
  .simple-cards-slider .swiper-slide:not(:last-child) {
    margin-right: 30rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .simple-cards-slider .swiper-slide:not(:last-child) {
    margin-right: 0;
  }
}

.simple-hero-section {
  display: flex;
  align-items: flex-end;
  min-height: 360rem;
  position: relative;
  z-index: 1;
  color: var(--color-white);
  padding: var(--header-height) 0 var(--section-padding-y);
}
@media screen and (min-width: 768px) {
  .simple-hero-section {
    min-height: 478rem;
  }
}
.simple-hero-section__breadcrumbs {
  width: 100%;
  position: absolute;
  top: var(--header-height);
  left: 0;
}
.simple-hero-section__breadcrumbs-list {
  display: flex;
  flex-wrap: wrap;
  gap: 14rem 33rem;
  font-size: 12rem;
  line-height: 16rem;
  color: var(--color-white);
}
@media screen and (min-width: 768px) {
  .simple-hero-section__breadcrumbs-list {
    gap: 14rem 33rem;
  }
}
.simple-hero-section__breadcrumbs-list a {
  display: block;
  position: relative;
  transition: color var(--global-transition-duration);
}
.simple-hero-section__breadcrumbs-list a:not(:last-child):after {
  content: "/";
  position: absolute;
  top: 0;
  right: -14rem;
  transform: translateX(100%);
  pointer-events: none;
}
@media (hover: hover) {
  .simple-hero-section__breadcrumbs-list a:hover {
    color: var(--color-primary-light);
  }
  .simple-hero-section__breadcrumbs-list a:hover:after {
    color: var(--color-white);
  }
}
.simple-hero-section__breadcrumbs-list span {
  display: block;
}
.simple-hero-section__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8rem 14rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .simple-hero-section__grid {
    justify-content: space-between;
    align-items: flex-end;
    grid-template-columns: 563rem 426rem;
  }
}
.simple-hero-section__title {
  font-family: var(--secondary-font-family);
  font-weight: 900;
  font-size: 30rem;
  line-height: 26rem;
  letter-spacing: -0.3rem;
}
@media screen and (min-width: 768px) {
  .simple-hero-section__title {
    font-size: 64rem;
    line-height: 54rem;
    letter-spacing: -0.64rem;
  }
}
.simple-hero-section__text {
  font-size: 16rem;
  line-height: 18rem;
}
@media screen and (min-width: 768px) {
  .simple-hero-section__text {
    font-size: 20rem;
    line-height: 22rem;
  }
}
.simple-hero-section__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
  background-color: var(--color-black);
}
.simple-hero-section__bg:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);
}
.simple-hero-section__bg picture,
.simple-hero-section__bg img {
  width: 100%;
  height: 100%;
}
.simple-hero-section__bg img {
  object-fit: cover;
}

.wrapper.wh-simple {
  padding-top: 0;
}
.wrapper.wh-simple .header:not(.header--scroll) {
  background-color: transparent;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-simple .header:not(.header--scroll) {
    color: var(--color-white);
  }
}
.wrapper.wh-simple .header:not(.header--scroll) .header__burger:not(.active):before, .wrapper.wh-simple .header:not(.header--scroll) .header__burger:not(.active):after,
.wrapper.wh-simple .header:not(.header--scroll) .header__burger:not(.active) span:before,
.wrapper.wh-simple .header:not(.header--scroll) .header__burger:not(.active) span:after {
  background-color: var(--color-white);
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-simple .header:not(.header--scroll) .header__button {
    border-color: var(--color-white);
    color: var(--color-white);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-simple .header:not(.header--scroll) .header__menu > li:has(> ul) > a:after {
    filter: brightness(0) invert(1);
    transition: transform var(--global-transition-duration), filter var(--global-transition-duration);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-simple .header:not(.header--scroll) .language-switch:not(.active) .language-switch__button {
    border-color: var(--color-white);
    color: var(--color-white);
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wrapper.wh-simple .header:not(.header--scroll) .language-switch:not(.active) .language-switch__button:after {
    background-color: var(--color-white);
  }
}

.simple-section__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .simple-section__grid {
    grid-template-columns: 1fr 670rem;
    gap: 59rem;
  }
}
@media screen and (min-width: 768px) {
  .simple-section__text {
    font-size: 24rem;
    line-height: 26rem;
  }
}
.simple-section__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8rem;
}
@media screen and (min-width: 768px) {
  .simple-section__buttons {
    gap: 14rem;
  }
}
.simple-section__buttons:not(:first-child) {
  margin-top: 24rem;
}
@media screen and (min-width: 768px) {
  .simple-section__button {
    width: 290rem;
    min-width: fit-content;
    max-width: 100%;
  }
}

.social-banner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 16rem;
  width: 100%;
  background-color: var(--color-primary-light);
  border: 1px solid var(--color-gray-300);
  border-radius: var(--global-border-radius);
  padding: 14rem 15rem;
}
@media screen and (min-width: 768px) {
  .social-banner {
    width: fit-content;
    max-width: 100%;
    gap: 40rem;
    margin-left: auto;
    margin-right: auto;
    padding: 15rem 23rem;
  }
}
.social-banner:not(:first-child) {
  margin-top: 24rem;
}
@media screen and (min-width: 768px) {
  .social-banner:not(:first-child) {
    margin-top: 30rem;
  }
}
.social-banner__link {
  display: flex;
  width: fit-content;
  max-width: 100%;
  font-size: 14rem;
  line-height: 24rem;
  color: var(--color-gray-800);
  letter-spacing: -0.28rem;
  transition: color var(--global-transition-duration);
}
@media screen and (min-width: 768px) {
  .social-banner__link {
    font-size: 18rem;
  }
}
@media (hover: hover) {
  .social-banner__link:hover {
    color: var(--color-primary);
  }
}
.social-banner__link:has(> .social-banner__link-icon) {
  align-items: center;
  min-height: 32rem;
  position: relative;
  padding-left: 38rem;
}
.social-banner__link-icon {
  width: 32rem;
  height: 32rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: transparent;
  border-radius: var(--global-sm-border-radius);
  transition: background-color var(--global-transition-duration);
}
.social-banner__link-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform var(--global-transition-duration), filter var(--global-transition-duration);
}
@media (hover: hover) {
  .social-banner__link:hover .social-banner__link-icon {
    background-color: var(--color-primary);
  }
  .social-banner__link:hover .social-banner__link-icon img {
    transform: scale(0.75);
    filter: brightness(0) invert(1);
  }
}

.special-card {
  width: 100%;
  min-height: 330rem;
  display: flex;
  flex-direction: column;
  gap: 24rem;
  background-color: var(--color-gray-100);
  border: 1rem solid var(--color-gray-300);
  border-radius: 14rem;
  padding: 35rem 23rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .special-card {
    min-height: 360rem;
    padding: 45rem 23rem;
  }
}
.special-card--lg {
  min-height: 370rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .special-card--lg {
    min-height: 450rem;
  }
}
.special-card:nth-child(3n+2), .special-card:nth-child(3n+3) {
  color: var(--color-white);
}
.special-card:nth-child(3n+2) {
  background-color: var(--color-secondary);
}
.special-card:nth-child(3n+3) {
  background-color: var(--color-primary);
}
.special-card__header {
  display: flex;
  flex-direction: column;
  gap: 14rem;
  margin-bottom: auto;
}
.special-card__title {
  font-size: 24rem;
  line-height: 26rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .special-card__title {
    font-size: 28rem;
    line-height: 31rem;
  }
}
.special-card__text {
  line-height: 19rem;
}
.special-card__contact {
  display: flex;
  flex-direction: column;
  gap: 8rem;
  line-height: 24rem;
}
.special-card__contact > p {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.special-card__contact a {
  display: block;
  width: fit-content;
  max-width: 100%;
  position: relative;
  overflow: hidden;
  font-size: 20rem;
  line-height: 24rem;
}
.special-card__contact a:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateX(calc(-100% - 2px));
  background-color: var(--color-primary);
  transition: transform var(--global-transition-duration);
}
@media (hover: hover) {
  .special-card__contact a:hover:after {
    transform: translateX(0);
  }
}
.special-card__contact br {
  display: none;
}
.special-card:nth-child(3n+2) .special-card__contact a:after, .special-card:nth-child(3n+3) .special-card__contact a:after {
  background-color: var(--color-white);
}
.special-card__list {
  line-height: 20rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .special-card__list {
    font-size: 20rem;
  }
}
.special-card__list li {
  position: relative;
  padding-left: 23rem;
}
.special-card__list li:not(:first-child) {
  margin-top: 14rem;
}
.special-card__list li:before {
  content: "";
  width: 16rem;
  height: 16rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url("/theme/assets/img/icons/check.svg") center/contain no-repeat;
}
.special-card:nth-child(3n+2) .special-card__list li:before, .special-card:nth-child(3n+3) .special-card__list li:before {
  filter: brightness(0) invert(1);
}
@media screen and (min-width: 768px) {
  .special-card__button {
    width: 290rem;
    min-width: fit-content;
    max-width: 100%;
  }
}
.special-card:nth-child(3n+2) .special-card__button, .special-card:nth-child(3n+3) .special-card__button {
  border-color: var(--color-white);
  color: var(--color-white);
}
@media (hover: hover) {
  .special-card:nth-child(3n+2) .special-card__button:hover, .special-card:nth-child(3n+3) .special-card__button:hover {
    background-color: var(--color-white);
    border-color: var(--color-white);
    color: var(--color-primary);
  }
}
@media (hover: none) {
  .special-card:nth-child(3n+2) .special-card__button:active, .special-card:nth-child(3n+3) .special-card__button:active {
    background-color: var(--color-white);
    border-color: var(--color-white);
    color: var(--color-primary);
  }
}

.special-cards-slider {
  overflow: unset;
}
.special-cards-slider:not(:first-child) {
  margin-top: 40rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .special-cards-slider:not(:first-child) {
    margin-top: 50rem;
  }
}
.special-cards-slider .swiper-slide {
  max-width: 312rem;
  height: auto;
}
@media screen and (min-width: 768px) {
  .special-cards-slider .swiper-slide {
    max-width: 330rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .special-cards-slider .swiper-slide {
    max-width: 427rem;
  }
}
.special-cards-slider .swiper-slide.special-card--square {
  max-width: 330rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .special-cards-slider .swiper-slide.special-card--square {
    max-width: 427rem;
  }
}
.special-cards-slider .swiper-slide:not(:last-child) {
  margin-right: 16rem;
}
@media screen and (min-width: 768px) {
  .special-cards-slider .swiper-slide:not(:last-child) {
    margin-right: 30rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .special-cards-slider .swiper-slide:not(:last-child) {
    margin-right: 29rem;
  }
}

.special-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16rem;
}
@media screen and (min-width: 768px) {
  .special-cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 30rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .special-cards {
    grid-template-columns: repeat(3, 1fr);
  }
}

.stats-section:not(:first-child) {
  margin-top: 24rem;
}
.stats-section__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: 24rem 16rem;
  background-color: var(--color-primary-light);
  border: 1px solid var(--color-gray-300);
  border-radius: var(--global-border-radius);
  padding: 29rem 23rem;
}
@media screen and (min-width: 768px) {
  .stats-section__items {
    gap: 30rem;
    padding-top: 43rem;
    padding-bottom: 43rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .stats-section__items {
    grid-template-columns: repeat(4, 1fr);
  }
}
.stats-section__items:has(> li:nth-child(3):last-child) {
  grid-template-columns: repeat(3, 1fr);
}
.stats-section__items > li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8rem;
  font-size: 14rem;
  line-height: 15rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .stats-section__items > li {
    font-size: 16rem;
    line-height: 18rem;
  }
}
.stats-section__items > li > span {
  display: block;
  font-weight: 600;
  font-size: 24rem;
  line-height: 26rem;
}
@media screen and (min-width: 768px) {
  .stats-section__items > li > span {
    font-size: 64rem;
    line-height: 70rem;
  }
}

.steps {
  overflow: unset;
  counter-reset: steps-items;
}
.steps:not(:first-child) {
  margin-top: 40rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .steps:not(:first-child) {
    margin-top: 50rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .steps__items {
    flex-direction: column;
    gap: 30rem;
    position: relative;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .steps__items:before {
    content: "";
    width: 2rem;
    height: calc(100% - 242rem);
    background-color: var(--color-gray-300);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
.steps__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20rem;
  width: 100%;
  max-width: 312rem;
  height: auto;
  counter-increment: steps-items;
  text-align: center;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .steps__item {
    flex-wrap: wrap;
    flex-direction: row;
    gap: 80rem;
    max-width: 100%;
    position: relative;
    text-align: right;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .steps__item:nth-child(even) {
    flex-direction: row-reverse;
    text-align: left;
  }
}
.steps__item:not(:last-child) {
  margin-right: 16rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .steps__item:not(:last-child) {
    margin-right: 0;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .steps__item:before {
    content: "";
    width: 8rem;
    height: 8rem;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
    background-color: var(--color-primary);
    border-radius: 50%;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .steps__item-content {
    width: calc(50% - 40rem);
  }
}
.steps__item-counter {
  opacity: 0.7;
  font-size: 14rem;
  line-height: 15rem;
  letter-spacing: -0.14rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .steps__item-counter {
    font-size: 16rem;
    line-height: 18rem;
    letter-spacing: -0.16rem;
  }
}
.steps__item-counter:not(:last-child) {
  margin-bottom: 16rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .steps__item-counter:not(:last-child) {
    margin-bottom: 24rem;
  }
}
.steps__item-counter:after {
  content: " " counter(steps-items);
  display: inline;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .steps__item-media {
    width: calc(50% - 40rem);
  }
}
.steps__title {
  font-size: 24rem;
  line-height: 24rem;
  letter-spacing: -0.24rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .steps__title {
    font-size: 28rem;
    line-height: 28rem;
    letter-spacing: -0.28rem;
  }
}
.steps__text {
  opacity: 0.7;
  letter-spacing: -0.16rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .steps__text {
    font-size: 20rem;
    line-height: 22rem;
    letter-spacing: -0.2rem;
  }
}
.steps__text:not(:first-child) {
  margin-top: 14rem;
}
.steps__img {
  border-radius: var(--global-border-radius);
  padding-top: 80.1282051282%;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .steps__img {
    padding-top: 39.6825396825%;
  }
}

.subscribe-form {
  position: relative;
}
.subscribe-form__fields {
  position: relative;
}
.subscribe-form__fields > p {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8rem;
}
@media screen and (min-width: 768px) {
  .subscribe-form__fields > p {
    gap: 14rem;
    grid-template-columns: 1fr 290rem;
  }
}
.subscribe-form__fields br {
  display: none;
}
.subscribe-form__fields .wpcf7-form-control-wrap {
  display: block;
}
.subscribe-form__fields .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  display: none;
}
@media screen and (min-width: 768px) {
  .subscribe-form__input {
    background-color: transparent;
    border-color: var(--color-black);
  }
}
@media screen and (min-width: 768px) {
  .subscribe-form__input::placeholder {
    color: var(--color-gray-300);
  }
}
@media (hover: hover) {
  .subscribe-form__input:not([readonly]):not([disabled]):hover {
    border-color: var(--color-primary);
  }
}
@media screen and (min-width: 768px) {
  .subscribe-form__input:not([readonly]):not([disabled]):focus {
    border-color: var(--color-primary);
  }
}
.subscribe-form__text {
  font-size: 12rem;
  line-height: 12rem;
}
@media screen and (min-width: 768px) {
  .subscribe-form__text {
    font-size: 14rem;
    line-height: 14rem;
  }
}
.subscribe-form__text:not(:first-child) {
  margin-top: 14rem;
}

.wpcf7-form:has(.subscribe-form__fields) {
  position: relative;
}
.wpcf7-form:has(.subscribe-form__fields) .wpcf7-response-output {
  position: absolute;
  bottom: -14rem;
  left: 0;
  transform: translateY(100%);
  border: none;
  font-size: 12rem;
  line-height: 12rem;
  color: var(--color-gray-700);
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .wpcf7-form:has(.subscribe-form__fields) .wpcf7-response-output {
    font-size: 14rem;
    line-height: 14rem;
  }
}
.wpcf7-form:has(.subscribe-form__fields) .wpcf7-spinner {
  position: absolute;
  bottom: -14rem;
  right: 0;
  transform: translateY(100%);
  margin: 0;
}

.subscribe-section__container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .subscribe-section__container {
    justify-content: space-between;
    grid-template-columns: 370rem 670rem;
    gap: 40rem;
  }
}
.subscribe-section__content {
  display: flex;
  flex-direction: column;
  gap: 24rem;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .subscribe-section__content {
    gap: 28rem;
  }
}
.subscribe-section__text {
  font-size: 24rem;
  line-height: 26rem;
}

.success-section {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  background-color: var(--color-black);
  color: var(--color-white);
  padding: var(--section-padding-y);
}
.success-section:first-child {
  min-height: calc(var(--vh, 1vh) * 100);
}
.success-section__title {
  font-family: var(--secondary-font-family);
  font-weight: 900;
  font-size: 30rem;
  line-height: 30rem;
  letter-spacing: -0.3rem;
}
@media screen and (min-width: 768px) {
  .success-section__title {
    font-size: 75rem;
    line-height: 64rem;
    letter-spacing: -0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .success-section__text {
    font-size: 24rem;
    line-height: 26rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  .success-section__text {
    max-width: 700rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.success-section__text:not(:first-child) {
  margin-top: 8rem;
}
@media screen and (min-width: 768px) {
  .success-section__text:not(:first-child) {
    margin-top: 18rem;
  }
}
.success-section__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 14rem;
}
@media screen and (min-width: 768px) {
  .success-section__buttons {
    justify-content: center;
  }
}
.success-section__buttons:not(:first-child) {
  margin-top: 24rem;
}
@media screen and (min-width: 768px) {
  .success-section__buttons:not(:first-child) {
    margin-top: 40rem;
  }
}
@media screen and (min-width: 768px) {
  .success-section__button {
    width: 290rem;
    min-width: fit-content;
    max-width: 100%;
  }
}
.success-section__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
}
.success-section__bg:before {
  content: "";
  width: 571rem;
  height: 321rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--color-black);
  border-radius: 50%;
  filter: blur(260rem);
}
@media screen and (min-width: 768px) {
  .success-section__bg:before {
    width: 636rem;
    height: 510rem;
    filter: blur(400rem);
  }
}
.success-section__bg:after {
  content: "";
  width: 623rem;
  height: 82rem;
  position: absolute;
  top: -28rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--color-white);
  opacity: 0.8;
  border-radius: 50%;
  filter: blur(200rem);
}
@media screen and (min-width: 768px) {
  .success-section__bg:after {
    width: 1480rem;
    height: 197rem;
    top: -38rem;
    left: calc(50% - 40rem);
    opacity: 0.9;
    filter: blur(180rem);
  }
}
.success-section__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wrapper.wh-success {
  padding-top: 0;
}
.wrapper.wh-success .header:not(.header--scroll) {
  background-color: transparent;
}

:root {
  --wa-widget-button-size: 48rem;
}
@media screen and (min-width: 768px) {
  :root {
    --wa-widget-button-size: 64rem;
  }
}

.wa-widget {
  width: 380rem;
  max-width: calc(100% - var(--container-padding-x) * 2);
  position: fixed;
  bottom: var(--container-padding-x);
  right: var(--container-padding-x);
  z-index: 199;
  transform: translateY(0) scale(0);
  transform-origin: bottom right;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  border-radius: 18rem;
  font-size: 16rem;
  line-height: 22rem;
  color: #0b1f17;
  box-shadow: 0 24rem 60rem rgba(0, 0, 0, 0.18), 0 4rem 14rem rgba(0, 0, 0, 0.12);
  transition: visibility var(--global-transition-duration), opacity var(--global-transition-duration), transform var(--global-transition-duration);
}
.wa-widget.active {
  transform: translateY(calc(var(--wa-widget-button-size) * -1 - var(--container-padding-x))) scale(1);
  visibility: visible;
  opacity: 1;
}
.wa-widget__header {
  position: relative;
  background-color: #128c7e;
  color: var(--color-white);
  padding: 14rem;
}
.wa-widget__profile {
  min-height: 44rem;
  position: relative;
  padding: 0 32rem 0 56rem;
}
.wa-widget__photo {
  width: 44rem;
  height: 44rem;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  border-radius: 50%;
}
.wa-widget__title {
  font-weight: 700;
  font-size: 18rem;
  line-height: 20rem;
}
.wa-widget__status {
  position: relative;
  font-size: 14rem;
  line-height: 14rem;
  padding-left: 18rem;
}
.wa-widget__status:not(:first-child) {
  margin-top: 5rem;
}
.wa-widget__status:before {
  content: "";
  width: 10rem;
  height: 10rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: #31f17b;
  border-radius: 50%;
  box-shadow: 0 0 0 2rem rgba(255, 255, 255, 0.35);
  animation: waWidgetPulse 2s ease-in-out infinite;
}
.wa-widget__close {
  width: 20rem;
  height: 20rem;
  position: absolute;
  top: 50%;
  right: 14rem;
  transform: translateY(-50%);
  border-radius: 8rem;
  font-size: 0;
  line-height: 0;
  transition: background-color var(--global-transition-duration);
}
@media (hover: hover) {
  .wa-widget__close:hover {
    background-color: rgba(255, 255, 255, 0.12);
  }
}
.wa-widget__close:before, .wa-widget__close:after {
  content: "";
  width: 12rem;
  height: 1rem;
  background-color: var(--color-white);
  position: absolute;
  top: 50%;
  left: 50%;
}
.wa-widget__close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.wa-widget__close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.wa-widget__chat {
  display: flex;
  flex-direction: column;
  gap: 6rem;
  min-height: 220rem;
  max-height: calc(var(--vh, 1vh) * 100 - var(--header-height) - var(--container-padding-x) * 3 - var(--wa-widget-button-size) - 72rem - 66rem);
  overflow-y: auto;
  background-color: #e6ddd4;
  background-image: radial-gradient(rgba(0, 0, 0, 0.03) 1rem, transparent 1rem), radial-gradient(rgba(0, 0, 0, 0.03) 1rem, transparent 1rem);
  background-size: 12rem 12rem, 16rem 16rem;
  background-position: 0 0, 6rem 6rem;
  padding: 16rem;
}
.wa-widget__chat::-webkit-scrollbar {
  width: 6rem;
}
.wa-widget__chat::-webkit-scrollbar-track {
  background-color: #e6ddd4;
}
.wa-widget__chat::-webkit-scrollbar-thumb {
  border: 2rem solid #e6ddd4;
  background-color: #25d366;
}
.wa-widget__timestamp {
  font-size: 12rem;
  line-height: 12rem;
  opacity: 0.6;
}
.wa-widget__message {
  background-color: var(--color-white);
  border-radius: 4rem 16rem 16rem 16rem;
  padding: 12rem 14rem;
}
.wa-widget__message--answer {
  background-color: #DCF8C6;
  border-top-left-radius: 16rem;
  border-top-right-radius: 4rem;
}
.wa-widget__message--faq {
  display: flex;
  flex-direction: column;
  gap: 8rem;
  border-top-left-radius: 16rem;
  font-weight: 600;
  font-size: 14rem;
  line-height: 16rem;
}
.wa-widget__message-question {
  border: 1rem solid #e6eae8;
  border-radius: 12rem;
  font-weight: 400;
  padding: 9rem 11rem;
  cursor: pointer;
  transition: background-color var(--global-transition-duration);
}
@media (hover: hover) {
  .wa-widget__message-question:hover {
    background-color: #fbfffd;
  }
}
.wa-widget__form {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10rem;
  background-color: var(--color-white);
  padding: 10rem;
}
.wa-widget__input {
  height: 46rem;
  border: 1rem solid #e2e6e4;
  border-radius: 12rem;
  font-size: 16px;
  line-height: 16px;
  padding: 0 13rem;
  transition: border-color var(--global-transition-duration);
}
@media screen and (min-width: 375px) {
  .wa-widget__input {
    font-size: 16rem;
    line-height: 16rem;
  }
}
.wa-widget__input:focus {
  border-color: #25d366;
}
.wa-widget__input::placeholder {
  opacity: 0.6;
  transition: opacity var(--global-transition-duration);
}
.wa-widget__input:focus::placeholder {
  opacity: 0;
}
.wa-widget__button {
  width: 46rem;
  height: 46rem;
  background: #25d366 url("/theme/assets/img/wa-widget/arrow-right-light.svg") center/contain no-repeat;
  border-radius: 50%;
  font-size: 0;
  line-height: 0;
  transition: transform var(--global-transition-duration), opacity var(--global-transition-duration);
}
@media (hover: hover) {
  .wa-widget__button:not([disabled]):hover {
    transform: scale(1.03);
  }
}
.wa-widget__button[disabled] {
  opacity: 0.5;
}

@keyframes waWidgetPulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.wa-widget-button {
  width: var(--wa-widget-button-size);
  height: var(--wa-widget-button-size);
  position: fixed;
  bottom: var(--container-padding-x);
  right: var(--container-padding-x);
  z-index: 199;
  transform-origin: center;
  background: #25d366 url("/theme/assets/img/wa-widget/whatsapp-light.svg") center/contain no-repeat;
  box-shadow: 0 12rem 30rem rgba(0, 0, 0, 0.2), 0 2rem 8rem rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  font-size: 0;
  line-height: 0;
  transition: transform var(--global-transition-duration), opacity var(--global-transition-duration);
}
@media screen and (min-width: 768px) {
  .wa-widget-button {
    --wa-widget-button-size: 64rem;
  }
}
@media (hover: hover) {
  .wa-widget-button:hover {
    transform: scale(1.03);
  }
}
.wa-widget-button:not(.loaded) {
  transform: scale(0);
  opacity: 0;
}
.wa-widget-button:after {
  content: "";
  width: 10rem;
  height: 10rem;
  position: absolute;
  top: 2rem;
  right: 2rem;
  background-color: #ff3b30;
  border: 1rem solid var(--color-white);
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .wa-widget-button:after {
    width: 14rem;
    height: 14rem;
    top: 4rem;
    right: 4rem;
    border-width: 2rem;
  }
}