@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../assets/fonts/inter-3.19-variable.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../assets/fonts/roboto-latin-500-normal.woff2") format("woff2");
}
*, *::before, *::after {
  box-sizing: border-box;
}

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

body {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #000000;
  background: #ffffff;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, figure {
  margin: 0;
  padding: 0;
}

ul, ol {
  list-style: none;
}

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

img, svg {
  display: block;
  max-width: none;
}

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

button {
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}

.announcement {
  display: grid;
  grid-template-columns: 36.7057291667vw 21.2552083333vw 36.7067708333vw;
  align-items: center;
  height: 2.5692708333vw;
  padding: 0 2.6666666667vw;
  background: #f7faf9;
  border-bottom: 0.0694270833vw solid #dbe8e5;
}
.announcement__left {
  font-size: 0.7333333333vw;
  font-weight: 700;
  line-height: 0.9026041667vw;
  letter-spacing: 0.0476666667vw;
  text-transform: uppercase;
  color: #078e77;
  white-space: nowrap;
}
.announcement__center {
  font-size: 0.7333333333vw;
  font-weight: 650;
  line-height: 0.9026041667vw;
  letter-spacing: 0.0183333333vw;
  text-align: center;
  color: #54686f;
  white-space: nowrap;
}
.announcement__right {
  justify-self: end;
  width: 8.005625vw;
  font-size: 0.7333333333vw;
  font-weight: 650;
  line-height: 0.9026041667vw;
  letter-spacing: 0.0476666667vw;
  text-transform: uppercase;
  color: #071f28;
  white-space: nowrap;
}

.site-header {
  display: grid;
  grid-template-columns: 15.2776041667vw 58.0447916667vw 18.6786458333vw;
  align-items: center;
  height: 5.4166666667vw;
  padding: 0 4vw 0.0694270833vw;
  background: #ffffff;
  border-bottom: 0.0694270833vw solid #dbe8e5;
  box-shadow: 0 0.8333333333vw 1.25vw rgba(4, 30, 38, 0.04);
  position: relative;
  z-index: 10;
}

.brand {
  display: flex;
  align-items: center;
  gap: 1.24703125vw;
  width: 12.5772395833vw;
}
.brand__mark {
  width: 4.1134895833vw;
  height: 4.1134895833vw;
  flex: none;
}
.brand__text {
  display: grid;
  row-gap: 0.0692708333vw;
  width: 7.2171875vw;
}
.brand__name {
  font-size: 1.4548958333vw;
  font-weight: 700;
  line-height: 1.7317708333vw;
  letter-spacing: 0.2909739583vw;
  text-transform: uppercase;
  color: #071f28;
}
.brand__sub {
  font-size: 1.00453125vw;
  font-weight: 700;
  line-height: 1.190625vw;
  letter-spacing: 0.3214583333vw;
  text-transform: uppercase;
  color: #078e77;
}
.brand--footer {
  width: 12.2244270833vw;
  gap: 1.21203125vw;
}
.brand--footer .brand__mark {
  width: 3.9980729167vw;
  height: 3.9980729167vw;
}
.brand--footer .brand__text {
  row-gap: 0.0673385417vw;
  width: 7.0145833333vw;
}
.brand--footer .brand__name {
  font-size: 1.4140625vw;
  line-height: 1.6833333333vw;
  letter-spacing: 0.2828125vw;
  color: #000000;
}
.brand--footer .brand__sub {
  font-size: 0.9763541667vw;
  line-height: 1.1572916667vw;
  letter-spacing: 0.3124427083vw;
  color: #18b99b;
}

.main-nav {
  justify-self: center;
  display: flex;
  justify-content: center;
  gap: 2.4vw;
  width: 49.3229166667vw;
}
.main-nav__link {
  font-size: 1.0416666667vw;
  font-weight: 800;
  line-height: 1.25vw;
  text-transform: uppercase;
  color: #071f28;
  white-space: nowrap;
}

.header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2.1875vw;
}
.header-actions__item {
  position: relative;
  display: block;
  flex: none;
}
.header-actions__item--search {
  width: 1.5vw;
  height: 1.5833333333vw;
}
.header-actions__item--search img {
  width: 1.5625vw;
  height: 1.5833333333vw;
}
.header-actions__item--cart {
  width: 1.7083333333vw;
  height: 1.5416666667vw;
}
.header-actions__item--cart img {
  position: absolute;
  left: -0.0625vw;
  top: -0.0625vw;
  width: 1.8333333333vw;
  height: 1.6666666667vw;
}
.header-actions__item--user {
  width: 1.4809895833vw;
  height: 1.703125vw;
}
.header-actions__item--user img {
  width: 1.4809895833vw;
  height: 1.703125vw;
}

.site-footer {
  padding: 3.3333333333vw 5vw 2.2222395833vw;
  height: 20.21875vw;
  background: #fafafa;
}
.site-footer__grid {
  display: grid;
  grid-template-columns: 27.2223958333vw 18.1479166667vw 18.1479166667vw 18.1489583333vw;
  column-gap: 2.7777604167vw;
  height: 9.0104166667vw;
  max-width: 90.2776041667vw;
}
.site-footer__about {
  padding-top: 0;
}
.site-footer__brand-wrap {
  height: 2.9159895833vw;
  position: relative;
}
.site-footer__brand-wrap .brand {
  position: absolute;
  left: 0;
  top: -0.6421875vw;
}
.site-footer__about-text {
  padding-top: 1vw;
  max-width: 27.2222395833vw;
  font-size: 0.9375vw;
  line-height: 1.4583333333vw;
  color: #000000;
}
.site-footer__heading {
  font-size: 1.0416666667vw;
  font-weight: 900;
  line-height: 1.25vw;
  letter-spacing: 0.0755572917vw;
  text-transform: uppercase;
  color: #071f28;
}
.site-footer__links {
  padding-top: 1.11109375vw;
  display: flex;
  flex-direction: column;
  row-gap: 0.6944270833vw;
}
.site-footer__links a {
  align-self: flex-start;
  font-size: 1.0416666667vw;
  font-weight: 700;
  line-height: 1.25vw;
  color: #000000;
  white-space: nowrap;
}
.site-footer__disclaimer {
  margin-top: 1vw;
  padding-top: 1.73609375vw;
  border-top: 0.0694270833vw solid #dbe8e5;
  font-size: 0.9375vw;
  line-height: 1.4583333333vw;
  color: #000000;
}

.legal-strip {
  height: 2.4305729167vw;
  padding-top: 0.6614583333vw;
  background: #ffffff;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 0.9027604167vw;
  line-height: 1.0416666667vw;
  color: #202020;
  white-space: nowrap;
}

.home-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.8333333333vw;
  height: 3.3333333333vw;
  min-height: 3.3333333333vw;
  padding: 0 2.0833333333vw;
  border-radius: 69.375vw;
  background: #18b99b;
  box-shadow: 0 0.9722395833vw 1.25vw rgba(24, 185, 155, 0.24);
  color: #ffffff;
  font-size: 1.0416666667vw;
  font-weight: 720;
  line-height: normal;
  white-space: nowrap;
}
.home-button__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.88890625vw;
  height: 0.88890625vw;
}
.home-button__arrow img {
  width: 0.6822916667vw;
  height: 0.6822916667vw;
}

.home-eyebrow {
  font-size: 0.8333333333vw;
  font-weight: 800;
  line-height: 0.9895833333vw;
  letter-spacing: 0.101109375vw;
  text-transform: uppercase;
  color: #009478;
  text-align: center;
  white-space: nowrap;
}
.home-eyebrow--left {
  text-align: left;
}
.home-eyebrow--process {
  font-size: 0.7222395833vw;
  line-height: 0.8854166667vw;
  color: #078e77;
  text-align: left;
}
.home-eyebrow--faq {
  text-align: left;
  color: #078e77;
  letter-spacing: 0.1026666667vw;
}

.home-heading {
  font-size: 3.4vw;
  font-weight: 700;
  line-height: 3.5359895833vw;
  letter-spacing: -0.153vw;
  color: #071f28;
}

.home-hero {
  position: relative;
  height: 41.25vw;
  overflow: hidden;
  background: radial-gradient(ellipse 84.8385416667vw 55.9947916667vw at 77vw 17.7375vw, rgba(24, 185, 155, 0.039216) 0, rgba(0, 0, 0, 0) 33%), radial-gradient(ellipse 100.28125vw 66vw at 7vw 16.5vw, rgba(24, 185, 155, 0.039216) 0, rgba(0, 0, 0, 0) 28%), linear-gradient(138.4124deg, #ffffff 8.4661%, #f7faf9 51.661%, #eef8f5 91.534%);
}
.home-hero__slides {
  position: relative;
  width: 100%;
  height: 100%;
}
.home-hero__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s ease, visibility 0s linear 0.6s;
}
.home-hero__slide.is-active {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.6s ease;
}
.home-hero__content {
  position: absolute;
  left: 4.7994791667vw;
  top: 6.0130208333vw;
  width: 47.9166666667vw;
  z-index: 2;
}
.home-hero__slide--2 .home-hero__content {
  top: 6.0197916667vw;
}
.home-hero__title {
  width: 46.875vw;
  font-size: 4.4270833333vw;
  font-weight: 660;
  line-height: 1;
  letter-spacing: -0.3125vw;
  color: #071f28;
}
.home-hero__slide--2 .home-hero__title {
  font-size: 4.4444270833vw;
  line-height: 4.94vw;
  letter-spacing: -0.312vw;
}
.home-hero__lead {
  width: 51.4583333333vw;
  padding-top: 1.38890625vw;
  font-size: 1.12vw;
  font-weight: 400;
  line-height: 1.8480208333vw;
  color: #54686f;
}
.home-hero__cta {
  margin-top: 1.8333333333vw;
}
.home-hero__assurances {
  display: grid;
  grid-template-columns: 15.7401041667vw 15.7411458333vw 15.7411458333vw;
  grid-template-rows: 2.1286458333vw;
  width: 47.2222395833vw;
  height: 3.61109375vw;
  margin-top: 1.88890625vw;
  padding-top: 1.4583333333vw;
  border-top: 0.0694270833vw solid #dbe8e5;
  box-sizing: border-box;
}
.home-hero__assurance {
  display: flex;
  gap: 0.7222395833vw;
  padding-right: 1vw;
}
.home-hero__assurance-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 1.5972395833vw;
  height: 1.5972395833vw;
  border-radius: 0.79859375vw;
  background: #18b99b;
}
.home-hero__assurance-icon img {
  width: 0.9722395833vw;
  height: 0.9722395833vw;
}
.home-hero__assurance-text {
  display: grid;
  grid-template-rows: 0.9994791667vw 0.9296875vw;
  row-gap: 0.2vw;
  height: 2.1527604167vw;
}
.home-hero__assurance-text strong {
  font-size: 0.8vw;
  font-weight: 700;
  line-height: 1vw;
  color: #071f28;
  white-space: nowrap;
}
.home-hero__assurance-text small {
  font-size: 0.68890625vw;
  font-weight: 400;
  line-height: 0.93vw;
  color: #54686f;
  white-space: nowrap;
}
.home-hero__notice {
  width: 46.875vw;
  height: 2.51390625vw;
  padding-top: 1.3333333333vw;
  font-size: 1.0416666667vw;
  font-weight: 620;
  line-height: 1.155vw;
  color: #54686f;
  white-space: nowrap;
}
.home-hero__art {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.home-hero__shape {
  position: absolute;
  left: 59.6875vw;
  top: -3.03125vw;
  width: 42.0833333333vw;
  height: 48.9583333333vw;
  opacity: 0.68;
}
.home-hero__shape--rotated {
  left: 71.5649739583vw;
  top: 11.20515625vw;
  transform: rotate(66.83deg);
  z-index: 1;
}
.home-hero__pen {
  position: absolute;
  max-width: none;
  filter: drop-shadow(0.0520833333vw 0.15625vw 0.2604166667vw rgba(0, 0, 0, 0.3));
}
.home-hero__art--photo {
  left: 50.3645833333vw;
  top: -0.0104166667vw;
  right: auto;
  bottom: auto;
  width: 49.6354166667vw;
  height: 41.25vw;
  overflow: hidden;
  transform: scaleX(-1);
}
.home-hero__photo {
  position: absolute;
  width: 155.74%;
  height: 124.93%;
  left: -20.25%;
  top: -10.76%;
}
.home-hero__fade {
  position: absolute;
  left: 49.3229166667vw;
  top: 0;
  width: 50.6770833333vw;
  height: 41.25vw;
  background: linear-gradient(to right, #f9fafa 24.519%, rgba(244, 249, 248, 0) 44.712%);
  z-index: 1;
}

.home-hero__pen--1 {
  left: 55.1264583333vw;
  top: 8.6571354167vw;
  width: 26.2726041667vw;
  height: 10.39265625vw;
  transform: rotate(-41.1deg);
}

.home-hero__pen--2 {
  left: 57.4715364583vw;
  top: 10.1670572917vw;
  width: 27.42328125vw;
  height: 11.3764583333vw;
  transform: rotate(-25.79deg);
}

.home-hero__pen--3 {
  left: 60.5234114583vw;
  top: 13.63984375vw;
  width: 26.57453125vw;
  height: 10.4605729167vw;
  transform: rotate(-13.03deg);
}

.home-hero__pen--4 {
  left: 62.6471875vw;
  top: 16.9461979167vw;
  width: 26.79015625vw;
  height: 10.5523958333vw;
  transform: rotate(-3.74deg);
}

.home-hero__pen--5 {
  left: 64.5728645833vw;
  top: 20.2988541667vw;
  width: 26.7790625vw;
  height: 10.6344270833vw;
  transform: rotate(9.45deg);
}

.home-hero__pen--6 {
  left: 65.2277083333vw;
  top: 24.1557552083vw;
  width: 26.9049479167vw;
  height: 11.0507291667vw;
  transform: rotate(24.58deg);
}

.home-hero__pen--7 {
  left: 64.7940104167vw;
  top: 27.7822135417vw;
  width: 27.27953125vw;
  height: 10.8344270833vw;
  transform: rotate(34.81deg);
}

.home-nowrap {
  white-space: nowrap;
}

.home-hero__slide--2 .home-hero__notice {
  letter-spacing: 0.014vw;
}

.home-catalogue {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 48.3333333333vw;
  padding-top: 4.1666666667vw;
  background: #fbfbfb;
}
.home-catalogue__header {
  width: 56.9444270833vw;
}
.home-catalogue__title {
  height: 3.5416666667vw;
  margin-top: 0.61109375vw;
  text-align: center;
}
.home-catalogue__scroller {
  width: 100%;
  margin-top: 0.4166666667vw;
  padding: 1.6666666667vw 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}
.home-catalogue__scroller::-webkit-scrollbar {
  display: none;
}
.home-catalogue__scroller {
  cursor: grab;
}
.home-catalogue__scroller.is-dragging {
  cursor: grabbing;
  user-select: none;
}
.home-catalogue__scroller:focus-visible {
  outline: 0.1041666667vw solid #18b99b;
  outline-offset: -0.1041666667vw;
}
.home-catalogue__track {
  display: flex;
  align-items: flex-start;
  gap: 3.3333333333vw;
  width: max-content;
  padding: 0 4.1666666667vw;
}
.home-catalogue__item {
  flex: none;
  width: 16.6666666667vw;
}
.home-catalogue__item:first-child {
  height: 32.34375vw;
}
.home-catalogue__indicator {
  width: 91.6666666667vw;
  height: 0.4166666667vw;
  margin-top: 0.4166666667vw;
  overflow: hidden;
  border-radius: 69.375vw;
  background: #e5e7eb;
}
.home-catalogue__thumb {
  display: block;
  height: 100%;
  width: 15.2777604167vw;
  border-radius: 69.375vw;
  background: #18b99b;
}

.home-product-card {
  display: flex;
  flex-direction: column;
  gap: 0.8333333333vw;
  width: 16.6666666667vw;
  height: 100%;
  padding: 1.11109375vw;
  border-radius: 1.11109375vw;
  background: #ffffff;
  box-shadow: inset 0 0 0 0.0694270833vw #e5e7eb, 0 0.5555729167vw 0.8333333333vw rgba(0, 0, 0, 0.05);
}
.home-product-card__image {
  width: 100%;
  height: 14.7222395833vw;
  border-radius: 0.8333333333vw;
  object-fit: cover;
}
.home-product-card__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4166666667vw;
  height: 10.8680729167vw;
}
.home-product-card__tag {
  display: inline-flex;
  padding: 0.2777604167vw 0.6944270833vw;
  border-radius: 69.375vw;
  background: #e6f7f5;
  font-size: 0.8333333333vw;
  font-weight: 700;
  line-height: 0.9895833333vw;
  letter-spacing: 0.0416666667vw;
  text-transform: uppercase;
  color: #18b99b;
  white-space: nowrap;
}
.home-product-card__name {
  width: 100%;
  font-size: 1.5vw;
  font-weight: 900;
  line-height: 1.8229166667vw;
  color: #071f28;
}
.home-product-card__price {
  width: 100%;
  font-size: 1.1666666667vw;
  font-weight: 700;
  line-height: 1.40625vw;
  color: #071f28;
}
.home-product-card__text {
  width: 100%;
  font-size: 0.9375vw;
  font-weight: 400;
  line-height: 1.6145833333vw;
  color: #000000;
}
.home-product-card__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  height: 2.7777604167vw;
  border: 0.0694270833vw solid #18b99b;
  border-radius: 69.375vw;
  background: #ffffff;
  font-size: 1.0833333333vw;
  font-weight: 700;
  line-height: 1.3020833333vw;
  color: #18b99b;
  white-space: nowrap;
}

.home-atlas {
  position: relative;
  height: 52.98609375vw;
  padding: 5.5555729167vw 5vw 0;
  overflow: hidden;
  background: #f7f7f7;
}
.home-atlas__circles {
  position: absolute;
  left: 49.0972395833vw;
  top: -0.3472395833vw;
  width: 48.8194270833vw;
  height: 48.8194270833vw;
}
.home-atlas__header {
  position: relative;
  width: 36.8055729167vw;
}
.home-atlas__title {
  height: 7.0833333333vw;
  margin-top: 0.61109375vw;
}
.home-atlas__lead {
  width: 62.8472395833vw;
  height: 3.0430729167vw;
  padding-top: 0.8444270833vw;
  font-size: 1.0416666667vw;
  font-weight: 400;
  line-height: 1.30890625vw;
  color: #54686f;
}
.home-atlas__grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 29.4444270833vw);
  grid-auto-rows: 10.9027604167vw;
  column-gap: 0.8333333333vw;
  row-gap: 0.79859375vw;
  height: 22.5694270833vw;
  margin-top: 1.46734375vw;
}
.home-atlas__item {
  display: flex;
}
.home-atlas__card {
  display: flex;
  flex-direction: column;
  gap: 0.8333333333vw;
  width: 100%;
  padding: 1.5972395833vw;
  border: 0.0694270833vw solid rgba(120, 228, 207, 0.14);
  border-radius: 0.8333333333vw;
  background: #08333c;
  color: #ffffff;
}
.home-atlas__card-title {
  font-size: 1.0416666667vw;
  font-weight: 700;
  line-height: 1.25vw;
}
.home-atlas__card-text {
  font-size: 0.9722395833vw;
  font-weight: 400;
  line-height: 1.5;
}
.home-atlas__cta {
  position: relative;
  display: flex;
  width: fit-content;
  margin: 2.7777604167vw auto 0;
  padding: 0 1.38890625vw;
}

.home-process {
  position: relative;
  display: grid;
  grid-template-columns: 30.5555729167vw 42.98609375vw;
  column-gap: 15.2083333333vw;
  align-items: start;
  height: 33.26390625vw;
  padding: 3.61109375vw 0 0 5vw;
  overflow: hidden;
  background: radial-gradient(ellipse 58.9583333333vw 31.38125vw at 50% 16.6317708333vw, rgba(24, 185, 155, 0.039216) 0, rgba(0, 0, 0, 0) 35%), linear-gradient(180deg, #ffffff 0%, #f7faf9 100%);
}
.home-process__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.home-process__header {
  position: relative;
  grid-column: 1;
  margin-top: 6.5625vw;
  width: 30.5555729167vw;
}
.home-process__title {
  width: 30.5555729167vw;
  margin-top: 0.61109375vw;
  color: #000000;
}
.home-process__lead {
  width: 30.5555729167vw;
  padding: 0.8444270833vw 0;
  font-size: 0.8444270833vw;
  font-weight: 400;
  line-height: 1.30890625vw;
  color: rgba(0, 0, 0, 0.65);
}
.home-process__steps {
  position: relative;
  grid-column: 2;
  grid-row: 1;
  display: grid;
  grid-template-columns: repeat(2, 20.7114583333vw);
  column-gap: 1.563125vw;
  row-gap: 0.8854166667vw;
}
.home-process__step {
  display: flex;
  flex-direction: column;
  padding: 1.6152083333vw 1.563125vw 1.6672916667vw;
  border: 0.0977083333vw solid #dbe8e5;
  border-radius: 1.563125vw;
  background: #ffffff;
}
.home-process__step--highlight {
  border-color: #18b99b;
  background: #e7f7f3;
}
.home-process__number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.1260416667vw;
  height: 3.1260416667vw;
  margin-bottom: 0.7815625vw;
  border-radius: 0.9769791667vw;
  background: rgba(120, 228, 207, 0.1);
  font-size: 0.9378645833vw;
  font-weight: 800;
  color: #78e4cf;
}
.home-process__step-title {
  margin-bottom: 0.3386979167vw;
  font-size: 1.0160416667vw;
  font-weight: 700;
  line-height: normal;
  color: #000000;
}
.home-process__step--highlight .home-process__step-title {
  color: #071f28;
}
.home-process__step-text {
  font-size: 0.9222395833vw;
  font-weight: 400;
  line-height: 1.3372395833vw;
  color: #000000;
}

.home-lower {
  height: 34.7395833333vw;
  background: #f7faf9;
}

.home-faq {
  height: 34.7363541667vw;
  padding: 4.1666666667vw 5vw;
  background: #ffffff;
}
.home-faq__inner {
  display: grid;
  grid-template-columns: 28.3702083333vw 50.4361979167vw;
  grid-template-rows: 26.4030208333vw;
  column-gap: 8vw;
  width: 86.8055729167vw;
  margin: 0 auto;
}
.home-faq__title {
  width: 28.4027604167vw;
  height: 20.5243229167vw;
  padding-top: 0.88890625vw;
  font-size: 5vw;
  font-weight: 700;
  line-height: 4.9vw;
  letter-spacing: -0.3vw;
  color: #071f28;
}
.home-faq__lead {
  width: 28.4027604167vw;
  padding-top: 1.5vw;
  font-size: 1.0222395833vw;
  font-weight: 400;
  line-height: 1.7582291667vw;
  color: #54686f;
}
.home-faq__list {
  border-top: 0.0694270833vw solid #dbe8e5;
  height: 26.4030208333vw;
}
.home-faq__item {
  border-bottom: 1px solid #e0e0e0;
}
.home-faq__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 4.4270833333vw;
  text-align: left;
  color: #111;
}
.home-faq__question {
  font-size: 0.9375vw;
  font-weight: 700;
  line-height: normal;
  white-space: nowrap;
}
.home-faq__icon {
  font-size: 1.25vw;
  font-weight: 400;
  line-height: normal;
  color: #18b99b;
}
.home-faq__answer {
  padding: 0 2.0833333333vw 1.4583333333vw 0;
  font-size: 0.9375vw;
  font-weight: 400;
  line-height: 1.4583333333vw;
  color: #54686f;
}

.product-card {
  display: flex;
  flex-direction: column;
  gap: 0.8333333333vw;
  width: 20.3125vw;
  height: 25vw;
  padding: 1.0416666667vw;
  background: #ffffff;
  border-radius: 1.0416666667vw;
  box-shadow: inset 0 0 0 0.0692708333vw #e5e7eb, 0 0.625vw 0.8333333333vw rgba(4, 30, 38, 0.04);
}
.product-card__media {
  display: block;
  flex: none;
  height: 12.5vw;
  border-radius: 0.625vw;
  overflow: hidden;
}
.product-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-card__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4166666667vw;
  flex: none;
  width: 100%;
}
.product-card__tag {
  padding: 0.2083333333vw 0.625vw;
  border-radius: 52.03125vw;
  background: #e6f7f5;
  font-size: 0.6770833333vw;
  font-weight: 700;
  line-height: 0.8333333333vw;
  letter-spacing: 0.0416666667vw;
  text-transform: uppercase;
  color: #18b99b;
  white-space: nowrap;
}
.product-card__title {
  font-size: 1.25vw;
  font-weight: 800;
  line-height: 1.5104166667vw;
  color: #071f28;
}
.product-card__price {
  font-size: 1.0416666667vw;
  font-weight: 700;
  line-height: 1.25vw;
  color: #071f28;
}
.product-card__desc {
  width: 100%;
  font-size: 0.78125vw;
  font-weight: 400;
  line-height: 1.25vw;
  color: #54686f;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-card__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  height: 2.5vw;
  border-radius: 52.03125vw;
  background: #18b99b;
  font-size: 0.9375vw;
  font-weight: 700;
  line-height: 1.1458333333vw;
  color: #ffffff;
}
.product-card--related {
  flex: none;
  width: 19.7916666667vw;
  height: auto;
  border-radius: 1.1109375vw;
  box-shadow: inset 0 0 0 0.0692708333vw #e5e7eb, 0 0.5557291667vw 0.8333333333vw rgba(0, 0, 0, 0.05);
}
.product-card--related .product-card__desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 2.5vw;
  white-space: normal;
  text-overflow: clip;
}
.product-card--related .product-card__cta {
  background: #ffffff;
  box-shadow: inset 0 0 0 0.078125vw #18b99b;
  font-size: 0.8333333333vw;
  line-height: 0.9895833333vw;
  color: #18b99b;
}

.shop-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.shop-filter {
  display: flex;
  align-items: center;
  height: 4.4791666667vw;
  padding: 1.25vw 5vw;
  background: #fafdfd;
  box-shadow: inset 0 0.0520833333vw 0 #dbe8e5, inset 0 -0.0520833333vw 0 #dbe8e5;
}
.shop-filter__list {
  display: flex;
  align-items: center;
  gap: 0.625vw;
}
.shop-filter__list > li:nth-child(1) .shop-filter__pill {
  min-width: 7.96875vw;
}
.shop-filter__list > li:nth-child(2) .shop-filter__pill {
  min-width: 5.7291666667vw;
}
.shop-filter__list > li:nth-child(3) .shop-filter__pill {
  min-width: 7.03125vw;
}
.shop-filter__list > li:nth-child(4) .shop-filter__pill {
  min-width: 10.0520833333vw;
}
.shop-filter__list > li:nth-child(5) .shop-filter__pill {
  min-width: 6.3020833333vw;
}
.shop-filter__list > li:nth-child(6) .shop-filter__pill {
  min-width: 5.78125vw;
}
.shop-filter__pill {
  display: block;
  padding: 0.5208333333vw 1.0416666667vw;
  border-radius: 52.03125vw;
  background: #ffffff;
  box-shadow: inset 0 0 0 0.0520833333vw #e5e7eb;
  font-size: 0.78125vw;
  font-weight: 700;
  line-height: 0.9375vw;
  color: #071f28;
  white-space: nowrap;
}
.shop-filter__pill.is-active, .shop-filter__pill[aria-current=true] {
  background: #18b99b;
  box-shadow: inset 0 0 0 0.0520833333vw #18b99b;
  color: #ffffff;
}

.shop-grid {
  padding: 3.3333333333vw 5vw;
}
.shop-grid__list {
  display: grid;
  grid-template-columns: repeat(4, 20.3125vw);
  column-gap: 1.25vw;
  row-gap: 1.6666666667vw;
  padding: 0 2.5vw;
  height: 78.3333333333vw;
}
.shop-grid__item {
  display: block;
}
.shop-grid__item[hidden] {
  display: none;
}

.shop-pagination {
  display: flex;
  justify-content: center;
  padding: 1.25vw 0 4.1666666667vw;
}
.shop-pagination__list {
  display: flex;
  align-items: center;
  gap: 0.4166666667vw;
}
.shop-pagination__list > li:nth-child(2) .shop-pagination__link {
  min-width: 2.0833333333vw;
}
.shop-pagination__list > li:nth-child(3) .shop-pagination__link,
.shop-pagination__list > li:nth-child(4) .shop-pagination__link {
  min-width: 2.1875vw;
}
.shop-pagination__link {
  display: block;
  padding: 0.625vw;
  border-radius: 0.4166666667vw;
  box-shadow: inset 0 0 0 0.0520833333vw #e5e7eb;
  font-size: 0.78125vw;
  font-weight: 600;
  line-height: 0.9375vw;
  color: #54686f;
  white-space: nowrap;
}
.shop-pagination__link--page {
  padding: 0.625vw 0.8333333333vw;
  color: #071f28;
}
.shop-pagination__link.is-current, .shop-pagination__link[aria-current=page] {
  background: #18b99b;
  box-shadow: none;
  font-weight: 700;
  color: #ffffff;
}

.pdp-tabs__list {
  display: flex;
  gap: 1.6666666667vw;
  border-bottom: 0.0520833333vw solid #dbe8e5;
}
.pdp-tabs__tab {
  padding-bottom: 0.625vw;
  border-bottom: 0.15625vw solid transparent;
  font-size: 0.9375vw;
  font-weight: 600;
  line-height: 1.1458333333vw;
  text-align: left;
  color: #54686f;
  white-space: nowrap;
}
.pdp-tabs__tab[data-tabs-trigger=description] {
  min-width: 5.2604166667vw;
}
.pdp-tabs__tab[data-tabs-trigger=specifications] {
  min-width: 6.5104166667vw;
}
.pdp-tabs__tab[data-tabs-trigger=documentation] {
  min-width: 7.1875vw;
}
.pdp-tabs__tab[data-tabs-trigger=research] {
  min-width: 4.2708333333vw;
}
.pdp-tabs__tab[aria-selected=true] {
  border-bottom-color: #18b99b;
  font-weight: 800;
  color: #078e77;
}
.pdp-tabs__panel {
  display: flex;
  flex-direction: column;
  gap: 0.8333333333vw;
  padding-top: 1.6666666667vw;
}
.pdp-tabs__panel[hidden] {
  display: none;
}
.pdp-tabs__title {
  font-size: 1.4583333333vw;
  font-weight: 800;
  line-height: 1.7708333333vw;
  color: #071f28;
}
.pdp-tabs__text {
  font-size: 0.8333333333vw;
  font-weight: 400;
  line-height: 1.3541666667vw;
  color: #54686f;
}
.pdp-tabs__checklist {
  display: flex;
  flex-direction: column;
  gap: 0.4166666667vw;
  padding-top: 0.4166666667vw;
  font-size: 0.78125vw;
  font-weight: 600;
  line-height: 0.9375vw;
  color: #078e77;
  white-space: pre;
}
.pdp-tabs__specs {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.8333333333vw;
}
.pdp-tabs__spec-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0.625vw 0;
  border-bottom: 0.0520833333vw solid #dbe8e5;
  font-size: 0.78125vw;
  line-height: 0.9375vw;
}
.pdp-tabs__spec-row dt {
  font-weight: 600;
  color: #54686f;
}
.pdp-tabs__spec-row dd {
  margin: 0;
  font-weight: 700;
  color: #071f28;
}
.pdp-tabs__refs {
  display: flex;
  flex-direction: column;
  gap: 0.4166666667vw;
  padding-top: 0.8333333333vw;
}
.pdp-tabs__refs-title {
  font-size: 0.8333333333vw;
  font-weight: 700;
  line-height: 0.9895833333vw;
  color: #071f28;
}
.pdp-tabs__ref {
  font-size: 0.7291666667vw;
  font-weight: 400;
  line-height: 1.1458333333vw;
  color: #54686f;
}

.pdp-related {
  position: relative;
  height: 39.0625vw;
  padding: 2.1180729167vw 0 0 4.1666666667vw;
  overflow: hidden;
}
.pdp-related__title {
  font-size: 1.6666666667vw;
  font-weight: 800;
  line-height: 2.03125vw;
  letter-spacing: -0.0520833333vw;
  color: #071f28;
}
.pdp-related__track {
  margin: 0.4166666667vw 0 0 -1.25vw;
  padding: 1.25vw 0 2.5vw 1.25vw;
  overflow-x: auto;
  scrollbar-width: none;
}
.pdp-related__track::-webkit-scrollbar {
  display: none;
}
.pdp-related__list {
  display: flex;
  gap: 1.25vw;
  width: max-content;
}
.pdp-related__indicator {
  position: absolute;
  top: 35.3161458333vw;
  left: 4.1666666667vw;
  width: 91.6666666667vw;
  height: 0.43046875vw;
  border-radius: 69.375vw;
  background: #e5e7eb;
  overflow: hidden;
}
.pdp-related__thumb {
  position: absolute;
  top: -0.8747395833vw;
  left: 0;
  width: 15.2777604167vw;
  height: 0.4166666667vw;
  border-radius: 69.375vw;
  background: #18b99b;
}

.pdp-main {
  padding: 2.0833333333vw 5vw 0;
}

.pdp-breadcrumb {
  display: flex;
  align-items: center;
  gap: 0.4166666667vw;
  padding: 1.25vw 0;
}
.pdp-breadcrumb__step {
  display: flex;
  align-items: center;
  gap: 0.4166666667vw;
  font-size: 0.78125vw;
  font-weight: 500;
  line-height: 0.9375vw;
  color: #54686f;
  white-space: nowrap;
}
.pdp-breadcrumb__step[aria-current=page] {
  font-weight: 700;
  color: #078e77;
}
.pdp-breadcrumb__sep {
  font-size: 0.7291666667vw;
  font-weight: 400;
  line-height: 0.8854166667vw;
}

.pdp-hero {
  display: flex;
  align-items: flex-start;
  gap: 3.3333333333vw;
}
.pdp-hero__gallery {
  flex: none;
  width: 33.2291666667vw;
}
.pdp-hero__info {
  flex: 1 1 0;
  min-width: 0;
}

.pdp-gallery {
  display: flex;
  flex-direction: column;
  gap: 1.1475vw;
}
.pdp-gallery__primary {
  position: relative;
  width: 28.1611458333vw;
  height: 28.1611458333vw;
  border-radius: 1.0430208333vw;
  overflow: hidden;
}
.pdp-gallery__primary img {
  position: absolute;
  top: -0.0366145833vw;
  left: -13.5293229167vw;
  width: 49.2819791667vw;
  height: 28.1611458333vw;
  max-width: none;
}
.pdp-gallery__primary::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 0.0521354167vw solid #dbe8e5;
  border-radius: inherit;
  pointer-events: none;
}
.pdp-gallery__thumbs {
  display: flex;
  gap: 0.8533854167vw;
  width: 28.1611458333vw;
}
.pdp-gallery__thumb {
  position: relative;
  flex: none;
  width: 6.4002604167vw;
  height: 6.4002604167vw;
  border-radius: 0.64vw;
  overflow: hidden;
  cursor: pointer;
}
.pdp-gallery__thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pdp-gallery__thumb:first-child img {
  width: 12.4271354167vw;
}
.pdp-gallery__thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 0.0533333333vw solid #dbe8e5;
  border-radius: inherit;
  pointer-events: none;
}
.pdp-gallery__thumb.is-active::after {
  border-width: 0.1066666667vw;
  border-color: #18b99b;
}

.pdp-info {
  display: flex;
  flex-direction: column;
  gap: 1.25vw;
}
.pdp-info__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625vw;
}
.pdp-info__tag {
  padding: 0.3125vw 0.8333333333vw;
  border-radius: 52.03125vw;
  background: #e6f7f5;
  font-size: 0.7291666667vw;
  font-weight: 800;
  line-height: 0.8854166667vw;
  letter-spacing: 0.0520833333vw;
  text-transform: uppercase;
  color: #18b99b;
}
.pdp-info__title {
  font-size: 2.5vw;
  font-weight: 800;
  line-height: 3.0208333333vw;
  letter-spacing: -0.0520833333vw;
  color: #071f28;
}
.pdp-info__subtitle {
  font-size: 1.1458333333vw;
  font-weight: 600;
  line-height: 1.40625vw;
  color: #54686f;
}
.pdp-info__price-box {
  display: flex;
  flex-direction: column;
  gap: 0.2083333333vw;
}
.pdp-info__price {
  font-size: 1.875vw;
  font-weight: 800;
  line-height: 2.2916666667vw;
  color: #071f28;
}
.pdp-info__unit {
  font-size: 0.78125vw;
  font-weight: 400;
  line-height: 0.9375vw;
  color: #54686f;
}
.pdp-info__lead {
  margin-right: -0.0520833333vw;
  font-size: 0.8333333333vw;
  font-weight: 400;
  line-height: 1.3541666667vw;
  color: #54686f;
}
.pdp-info__rule {
  position: relative;
  width: 100%;
  height: 0;
  margin: 0;
  border: 0;
}
.pdp-info__rule::before {
  content: "";
  position: absolute;
  top: -0.0520833333vw;
  left: 0;
  right: 0;
  height: 0.0520833333vw;
  background: #dbe8e5;
}

.pdp-actions {
  display: flex;
  flex-direction: column;
  gap: 0.8333333333vw;
}
.pdp-actions__row {
  display: flex;
  align-items: center;
  gap: 0.8333333333vw;
}

.pdp-qty {
  display: flex;
  align-items: center;
  gap: 0.8333333333vw;
  height: 2.9166666667vw;
  padding: 0 0.8333333333vw;
  border-radius: 52.03125vw;
  background: #f7faf9;
  box-shadow: inset 0 0 0 0.0520833333vw #dbe8e5;
  color: #071f28;
}
.pdp-qty__btn {
  font-size: 0.9375vw;
  font-weight: 700;
  line-height: 1.1458333333vw;
  text-align: center;
}
.pdp-qty__btn:first-child {
  min-width: 0.46875vw;
}
.pdp-qty__btn:last-child {
  min-width: 0.6770833333vw;
}
.pdp-qty__input {
  width: 0.4166666667vw;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 0.8333333333vw;
  font-weight: 800;
  line-height: 0.9895833333vw;
  text-align: center;
  outline: 0;
  -moz-appearance: textfield;
}

.pdp-add {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625vw;
  width: 16.09375vw;
  height: 2.9166666667vw;
  padding: 0 2.0833333333vw;
  border-radius: 52.03125vw;
  background: #18b99b;
  box-shadow: 0 0.625vw 0.8333333333vw rgba(24, 185, 155, 0.24);
  font-weight: 800;
  color: #ffffff;
}
.pdp-add__label {
  font-size: 0.9375vw;
  line-height: 1.1458333333vw;
}
.pdp-add__arrow {
  flex: none;
  width: 0.8333333333vw;
  height: 0.9895833333vw;
}

.pdp-trust {
  display: flex;
  flex-direction: column;
  gap: 0.4166666667vw;
  padding-top: 0.4166666667vw;
}
.pdp-trust__item {
  display: flex;
  align-items: center;
  gap: 0.4166666667vw;
  font-size: 0.78125vw;
  font-weight: 600;
  line-height: 0.9375vw;
  color: #071f28;
  white-space: nowrap;
}
.pdp-trust__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 1.0416666667vw;
  height: 1.0416666667vw;
  border-radius: 0.5208333333vw;
  background: #e6f7f5;
}
.pdp-trust__icon img {
  width: 0.625vw;
  height: 0.625vw;
}

.pdp-accordion__item {
  padding: 0.8333333333vw 0;
  box-shadow: inset 0 -0.0520833333vw 0 #e6e6e6;
}
.pdp-accordion__heading {
  margin: 0;
}
.pdp-accordion__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 1.0416666667vw;
  text-align: left;
  font-size: 0.8333333333vw;
  font-weight: 700;
  line-height: 0.9895833333vw;
  color: #1a1a1f;
}
.pdp-accordion__trigger[aria-expanded=true] .pdp-accordion__chevron span {
  transform: rotate(-90deg);
}
.pdp-accordion__chevron {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 1.25vw;
  height: 0.4166666667vw;
  font-size: 1.0416666667vw;
  font-weight: 400;
  line-height: normal;
  color: #808080;
}
.pdp-accordion__chevron span {
  display: block;
  flex: none;
  transform: rotate(90deg);
}
.pdp-accordion__panel {
  margin-top: 0.625vw;
  font-size: 0.7291666667vw;
  font-weight: 400;
  line-height: 1.1458333333vw;
  color: #595961;
}
.pdp-accordion__panel[hidden] {
  display: none;
}

.pdp-tabs-section {
  padding: 4.1666666667vw 0;
}

.research-eyebrow {
  font-size: 0.7333333333vw;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.1026666667vw;
  text-transform: uppercase;
  color: #078e77;
}

.research-heading {
  padding-top: 0.88890625vw;
  font-size: 5vw;
  font-weight: 700;
  line-height: 4.9vw;
  letter-spacing: -0.3vw;
  color: #071f28;
  box-sizing: content-box;
  min-height: 9.84375vw;
}

.research-lead {
  padding-top: 1.5vw;
  font-size: 0.9375vw;
  font-weight: 400;
  line-height: 1.5625vw;
  color: #000000;
}

.research-verify {
  padding: 4.1666666667vw 5vw;
  background: radial-gradient(ellipse 24.9989583333vw 20.60625vw at 78vw 16.8526041667vw, rgba(24, 185, 155, 0.13) 0%, rgba(8.7394957983%, 67.3669467787%, 56.4425770308%, 0.1207142857) 7.1428571429%, rgba(8.0672268908%, 62.1848739496%, 52.1008403361%, 0.1114285714) 14.2857142857%, rgba(7.3949579832%, 57.0028011204%, 47.7591036415%, 0.1021428571) 21.4285714286%, rgba(6.7226890756%, 51.8207282913%, 43.4173669468%, 0.0928571429) 28.5714285714%, rgba(6.0504201681%, 46.6386554622%, 39.0756302521%, 0.0835714286) 35.7142857143%, rgba(5.3781512605%, 41.4565826331%, 34.7338935574%, 0.0742857143) 42.8571428571%, rgba(4.7058823529%, 36.2745098039%, 30.3921568627%, 0.065) 50%, rgba(4.0336134454%, 31.0924369748%, 26.0504201681%, 0.0557142857) 57.1428571429%, rgba(3.3613445378%, 25.9103641457%, 21.7086834734%, 0.0464285714) 64.2857142857%, rgba(2.6890756303%, 20.7282913165%, 17.3669467787%, 0.0371428571) 71.4285714286%, rgba(2.0168067227%, 15.5462184874%, 13.025210084%, 0.0278571429) 78.5714285714%, rgba(1.3445378151%, 10.3641456583%, 8.6834733894%, 0.0185714286) 85.7142857143%, rgba(0.6722689076%, 5.1820728291%, 4.3417366947%, 0.0092857143) 92.8571428571%, rgba(0, 0, 0, 0) 100%), linear-gradient(152.227deg, #eef8f5 0%, #f7faf9 48%, #ffffff 100%);
}
.research-verify__inner {
  display: grid;
  grid-template-columns: 37.3491666667vw 45.6510416667vw;
  column-gap: 7vw;
  align-items: center;
  height: 44.3305208333vw;
}
.research-verify__content {
  align-self: start;
  width: 37.3491666667vw;
}

.research-verify .research-lead {
  width: 37.3491666667vw;
  padding-bottom: 0;
}

.research-checklist {
  display: grid;
  row-gap: 0.7777604167vw;
  margin-top: 2.2222395833vw;
}
.research-checklist__item {
  display: grid;
  grid-template-columns: 3.0555729167vw 33.071875vw;
  grid-template-rows: 3.4635416667vw;
  column-gap: 1.2221875vw;
  align-items: center;
  height: 5.3536458333vw;
  padding: 0.91109375vw 0 0;
  border-top: 0.0694270833vw solid #dbe8e5;
}
.research-checklist__badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.0555729167vw;
  height: 3.0555729167vw;
  border-radius: 0.9722395833vw;
  background: #e7f7f3;
  font-size: 0.6666666667vw;
  font-weight: 800;
  color: #078e77;
}
.research-checklist__body {
  display: grid;
  row-gap: 0.2222395833vw;
  align-content: start;
  grid-template-rows: 1.0416666667vw 2.2005208333vw;
  height: 3.4635416667vw;
}
.research-checklist__title {
  font-size: 0.88890625vw;
  font-weight: 700;
  line-height: 1.1979166667vw;
  color: #071f28;
  white-space: nowrap;
}
.research-checklist__text {
  font-size: 0.7333333333vw;
  font-weight: 400;
  line-height: 1.1vw;
  width: 33.125vw;
  color: #54686f;
}

.research-visual {
  position: relative;
  width: 45.6510416667vw;
  height: 40.9722395833vw;
}
.research-visual__frames, .research-visual__slot {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.research-visual__frames {
  left: 0.0515625vw;
  top: -1.453125vw;
  width: 47.3741666667vw;
  height: 42.23921875vw;
}
.research-visual__frame-rot {
  flex: none;
  transform: rotate(-12deg);
}
.research-visual__frame {
  position: relative;
  width: 41.11109375vw;
  height: 34.4444270833vw;
  border: 0.0694270833vw solid rgba(24, 185, 155, 0.22);
}
.research-visual__frame-dashed {
  position: absolute;
  left: 5.3458333333vw;
  top: 4.478125vw;
  width: 30.2777604167vw;
  height: 25.3472395833vw;
  border: 0.0694270833vw dashed rgba(24, 185, 155, 0.22);
}
.research-visual__frame-solid {
  position: absolute;
  left: 12.2911458333vw;
  top: 10.3109375vw;
  width: 16.38890625vw;
  height: 13.6805729167vw;
  border: 0.0694270833vw solid rgba(24, 185, 155, 0.22);
  background: rgba(24, 185, 155, 0.04);
}
.research-visual__slot--docs {
  left: 14.9473958333vw;
  top: 0.4317708333vw;
  width: 29.4511979167vw;
  height: 16.4784895833vw;
}
.research-visual__slot--chart {
  left: -0.5536458333vw;
  top: 21.50625vw;
  width: 33.9720833333vw;
  height: 17.1486458333vw;
}
.research-visual__slot--support {
  left: 26.2041666667vw;
  top: 29.4958333333vw;
  width: 19.7184895833vw;
  height: 12.0331770833vw;
}

.research-card {
  flex: none;
  display: flex;
  flex-direction: column;
  border: 0.0694270833vw solid #dbe8e5;
  border-radius: 1.4444270833vw;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 2.0833333333vw 5.5555729167vw rgba(7, 31, 40, 0.14);
}
.research-card--docs {
  width: 28.3333333333vw;
  padding: 1.5vw;
  transform: rotate(5deg);
}
.research-card--chart {
  width: 32.8472395833vw;
  padding: 1.38890625vw;
  transform: rotate(-5deg);
}
.research-card--support {
  width: 19.1666666667vw;
  padding: 1.1666666667vw;
  transform: rotate(3deg);
}
.research-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.research-card--support .research-card__head {
  width: 16.73609375vw;
  height: 2.9166666667vw;
}
.research-card__label, .research-card__tag {
  font-size: 0.61109375vw;
  line-height: normal;
  letter-spacing: 0.048890625vw;
  text-transform: uppercase;
  white-space: nowrap;
}
.research-card__label {
  font-weight: 760;
  color: #54686f;
}
.research-card__tag {
  font-weight: 900;
  color: #078e77;
}
.research-card__tag--big {
  padding-top: 0.88890625vw;
  font-size: 1.6666666667vw;
  letter-spacing: -0.0666666667vw;
}
.research-card__title {
  padding-top: 2vw;
  width: 25.1944270833vw;
  height: 4.1527604167vw;
  font-size: 1.7777604167vw;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.071109375vw;
  color: #071f28;
  white-space: nowrap;
}
.research-card__title--big {
  padding-top: 0.88890625vw;
  width: auto;
  height: auto;
  font-size: 1.6666666667vw;
  letter-spacing: -0.0666666667vw;
}
.research-card__text {
  padding-top: 0.4444270833vw;
  font-size: 0.7333333333vw;
  font-weight: 400;
  line-height: 1.1366666667vw;
  color: #54686f;
}
.research-card--support .research-card__text {
  width: 16.73609375vw;
}
.research-card__bars {
  display: grid;
  row-gap: 0.5333333333vw;
  height: 2.0833333333vw;
  margin-top: 1.2222395833vw;
  align-content: start;
}
.research-card__bar {
  display: block;
  width: 100%;
  height: 0.3472395833vw;
  border-radius: 6.875vw;
  background: #dbe8e5;
}
.research-card__bar--2 {
  width: 18.125vw;
}
.research-card__bar--3 {
  width: 21.11109375vw;
}
.research-card__plot {
  position: relative;
  height: 10.6944270833vw;
}
.research-card__trace {
  position: absolute;
  left: -0.0089583333vw;
  top: 8.1170833333vw;
  width: 29.9511979167vw;
  height: 0.0576041667vw;
}
.research-card__curve {
  position: absolute;
  left: -0.0089583333vw;
  top: 1.7721354167vw;
  width: 29.95375vw;
  height: 6.34546875vw;
}

.research-process {
  overflow: hidden;
  height: 56.3541666667vw;
  padding: 4.1666666667vw 5vw;
  background: radial-gradient(ellipse 24.9989583333vw 22.090625vw at 78vw 18.0333333333vw, rgba(24, 185, 155, 0.12941) 0%, rgba(8.7394957983%, 67.3669467787%, 56.4425770308%, 0.1201664286) 7.1428571429%, rgba(8.0672268908%, 62.1848739496%, 52.1008403361%, 0.1109228571) 14.2857142857%, rgba(7.3949579832%, 57.0028011204%, 47.7591036415%, 0.1016792857) 21.4285714286%, rgba(6.7226890756%, 51.8207282913%, 43.4173669468%, 0.0924357143) 28.5714285714%, rgba(6.0504201681%, 46.6386554622%, 39.0756302521%, 0.0831921429) 35.7142857143%, rgba(5.3781512605%, 41.4565826331%, 34.7338935574%, 0.0739485714) 42.8571428571%, rgba(4.7058823529%, 36.2745098039%, 30.3921568627%, 0.064705) 50%, rgba(4.0336134454%, 31.0924369748%, 26.0504201681%, 0.0554614286) 57.1428571429%, rgba(3.3613445378%, 25.9103641457%, 21.7086834734%, 0.0462178571) 64.2857142857%, rgba(2.6890756303%, 20.7282913165%, 17.3669467787%, 0.0369742857) 71.4285714286%, rgba(2.0168067227%, 15.5462184874%, 13.025210084%, 0.0277307143) 78.5714285714%, rgba(1.3445378151%, 10.3641456583%, 8.6834733894%, 0.0184871429) 85.7142857143%, rgba(0.6722689076%, 5.1820728291%, 4.3417366947%, 0.0092435714) 92.8571428571%, rgba(0, 0, 0, 0) 100%), linear-gradient(150.597deg, #eef8f5 0%, #f7faf9 48%, #ffffff 100%);
}
.research-process__inner {
  display: flex;
  align-items: flex-start;
  gap: 7vw;
  width: 90vw;
  height: 48.0208333333vw;
}
.research-process__content {
  flex: none;
  width: 56.25vw;
}
.research-process__media {
  position: relative;
  flex: none;
  width: 37.5vw;
  height: 48.0208333333vw;
  overflow: hidden;
}
.research-process__img {
  position: absolute;
  left: -0.06%;
  top: -13.25%;
  width: 85.22%;
  height: 116.45%;
}

.research-steps {
  display: flex;
  flex-direction: column;
  row-gap: 0.8333333333vw;
  padding-top: 2.2223958333vw;
}
.research-steps__item {
  display: flex;
  align-items: flex-start;
  column-gap: 1.25vw;
  height: 6.6666666667vw;
  padding: 1.6145833333vw;
  border: 0.0520833333vw solid #dbe8e5;
  border-radius: 1.25vw;
  background: #ffffff;
}
.research-steps__badge {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  border-radius: 1.6666666667vw;
  background: #e7f7f3;
  font-size: 1.0416666667vw;
  font-weight: 800;
  color: #078e77;
}
.research-steps__body {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  row-gap: 0.625vw;
  min-width: 0;
}
.research-steps__title {
  font-size: 1.0416666667vw;
  font-weight: 700;
  line-height: normal;
  color: #071f28;
}
.research-steps__text {
  font-size: 0.8333333333vw;
  font-weight: 400;
  line-height: 1.3541666667vw;
  color: #54686f;
}

.research-cta {
  position: relative;
  height: 42.1527604167vw;
  background: linear-gradient(180deg, rgba(120, 228, 207, 0.04) 0, rgba(120, 228, 207, 0.04) 0.0581770833vw, rgba(0, 0, 0, 0) 0.0581770833vw), radial-gradient(ellipse 48.953125vw 23.2692708333vw at 50% 21.0671875vw, rgba(120, 228, 207, 0.1) 0%, rgba(43.6974789916%, 83.025210084%, 75.3781512605%, 0.0928571429) 7.1428571429%, rgba(40.3361344538%, 76.6386554622%, 69.5798319328%, 0.0857142857) 14.2857142857%, rgba(36.974789916%, 70.2521008403%, 63.781512605%, 0.0785714286) 21.4285714286%, rgba(33.6134453782%, 63.8655462185%, 57.9831932773%, 0.0714285714) 28.5714285714%, rgba(30.2521008403%, 57.4789915966%, 52.1848739496%, 0.0642857143) 35.7142857143%, rgba(26.8907563025%, 51.0924369748%, 46.3865546218%, 0.0571428571) 42.8571428571%, rgba(23.5294117647%, 44.7058823529%, 40.5882352941%, 0.05) 50%, rgba(20.1680672269%, 38.3193277311%, 34.7899159664%, 0.0428571429) 57.1428571429%, rgba(16.8067226891%, 31.9327731092%, 28.9915966387%, 0.0357142857) 64.2857142857%, rgba(13.4453781513%, 25.5462184874%, 23.1932773109%, 0.0285714286) 71.4285714286%, rgba(10.0840336134%, 19.1596638655%, 17.3949579832%, 0.0214285714) 78.5714285714%, rgba(6.7226890756%, 12.7731092437%, 11.5966386555%, 0.0142857143) 85.7142857143%, rgba(3.3613445378%, 6.3865546218%, 5.7983193277%, 0.0071428571) 92.8571428571%, rgba(0, 0, 0, 0) 100%), #ffffff;
}
.research-cta__inner {
  position: absolute;
  left: 18.0557291667vw;
  top: 5.5416666667vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 63.88890625vw;
}
.research-cta__eyebrow {
  font-size: 0.9777604167vw;
  font-weight: 800;
  line-height: 1.6145833333vw;
  letter-spacing: 0.136890625vw;
  text-transform: uppercase;
  text-align: center;
  color: #078e77;
}
.research-cta__title {
  width: 63.88890625vw;
  height: 11.5625vw;
  font-size: 6vw;
  font-weight: 700;
  line-height: 5.76vw;
  letter-spacing: -0.39vw;
  text-align: center;
  color: #000000;
}
.research-cta__text {
  width: 47.2222395833vw;
  padding-top: 1.5vw;
  font-size: 0.9375vw;
  line-height: 1.5625vw;
  text-align: center;
  color: #000000;
}
.research-cta__actions {
  display: flex;
  justify-content: center;
  column-gap: 0.8333333333vw;
  width: 63.88890625vw;
  height: 5.5555729167vw;
  padding-top: 2.2222395833vw;
}

.research-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.3333333333vw;
  border-radius: 69.375vw;
  font-size: 0.88890625vw;
  font-weight: 720;
  line-height: normal;
  white-space: nowrap;
}
.research-btn--primary {
  padding: 0 1.38890625vw;
  background: #18b99b;
  color: #ffffff;
  filter: drop-shadow(0 0.9722395833vw 1.25vw rgba(24, 185, 155, 0.24));
}
.research-btn--secondary {
  padding: 0.0694270833vw 1.4583333333vw;
  border: 0.0694270833vw solid #dbe8e5;
  background: #ffffff;
  color: #071f28;
}

.research-stats {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 5.5555729167vw;
  padding-top: 2.7777604167vw;
  color: #000000;
  white-space: nowrap;
}
.research-stats__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 0.5555729167vw;
}
.research-stats__value {
  font-size: 2.5vw;
  font-weight: 700;
  line-height: normal;
}
.research-stats__label {
  font-size: 0.9722395833vw;
  font-weight: 400;
  line-height: normal;
}

.contact-form-section {
  display: flex;
  align-items: flex-start;
  column-gap: 4.1666666667vw;
  height: 49.1145833333vw;
  padding: 5.2083333333vw 5vw;
  background: #f7faf9;
}

.contact-intro {
  flex: 1 0 0;
  min-width: 0;
}
.contact-intro__eyebrow {
  height: 0.9895833333vw;
  font-size: 0.8333333333vw;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.078125vw;
  text-transform: uppercase;
  color: #078e77;
}
.contact-intro__title {
  height: 9.84375vw;
  margin-top: 1.25vw;
  font-size: 5vw;
  font-weight: 700;
  line-height: 4.9010416667vw;
  letter-spacing: -0.3vw;
  color: #071f28;
}
.contact-intro__text {
  margin-top: 1.25vw;
  font-size: 0.9375vw;
  font-weight: 400;
  line-height: 1.5625vw;
  color: #54686f;
}

.contact-assurances {
  display: flex;
  flex-direction: column;
  row-gap: 0.8333333333vw;
  padding-top: 2.2916666667vw;
}
.contact-assurances__item {
  display: flex;
  align-items: center;
  column-gap: 0.625vw;
  height: 1.1458333333vw;
  font-size: 0.9375vw;
  font-weight: 600;
  line-height: normal;
  color: #071f28;
  white-space: nowrap;
}
.contact-assurances__icon {
  flex: none;
  width: 1.0416666667vw;
  height: 1.0416666667vw;
}

.contact-form {
  display: flex;
  flex: none;
  flex-direction: column;
  row-gap: 1.25vw;
  width: 41.6666666667vw;
  padding: 2.4479166667vw;
  border: 0.0520833333vw solid #dbe8e5;
  border-radius: 1.0416666667vw;
  background: #ffffff;
  box-shadow: 0 0.8333333333vw 1.25vw rgba(4, 30, 38, 0.04);
}

.contact-field {
  display: flex;
  flex-direction: column;
  row-gap: 0.4166666667vw;
}
.contact-field__label {
  font-size: 0.7291666667vw;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.0260416667vw;
  text-transform: uppercase;
  color: #071f28;
}
.contact-field__control {
  display: block;
  width: 100%;
  height: 2.4479166667vw;
  padding: 0 0.76390625vw;
  border: 0.0694270833vw solid #dbe8e5;
  border-radius: 0.4166666667vw;
  background-color: #ffffff;
  font-family: "Inter", sans-serif;
  font-size: 0.8333333333vw;
  font-weight: 400;
  line-height: normal;
  color: #071f28;
  outline: none;
  appearance: none;
}
.contact-field__control::placeholder {
  color: #54686f;
  opacity: 1;
}
.contact-field__control:focus {
  border-color: #18b99b;
  box-shadow: 0 0 0 0.15625vw rgba(24, 185, 155, 0.16);
}
.contact-field__control--select {
  padding-right: 2.0833333333vw;
  background-image: url("../assets/icons/icon-chevron-down.svg");
  background-repeat: no-repeat;
  background-position: right 0.76390625vw center;
  background-size: 0.7291666667vw 0.7291666667vw;
  cursor: pointer;
}
.contact-field__control--textarea {
  height: 8.3333333333vw;
  padding: 0.76390625vw;
  line-height: 0.9895833333vw;
  resize: none;
}

.contact-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 2.8125vw;
  border-radius: 52.03125vw;
  background: #18b99b;
  font-size: 0.9375vw;
  font-weight: 800;
  line-height: normal;
  color: #ffffff;
  cursor: pointer;
}

.contact-methods {
  display: flex;
  column-gap: 1.6666666667vw;
  height: 20.3645833333vw;
  padding: 4.1666666667vw 5vw;
  background: #ffffff;
}

.contact-card {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  row-gap: 1.0416666667vw;
  min-width: 0;
  height: 12.03125vw;
  padding: 1.5972395833vw;
  border: 0.0694270833vw solid #dbe8e5;
  border-radius: 1.0416666667vw;
  background: #ffffff;
  box-shadow: 0 0.625vw 0.8333333333vw rgba(4, 30, 38, 0.04);
}
.contact-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.9166666667vw;
  height: 2.9166666667vw;
  border-radius: 1.4583333333vw;
  background: #18b99b;
}
.contact-card__icon img {
  width: 1.25vw;
  height: 1.25vw;
}
.contact-card__meta {
  display: flex;
  flex-direction: column;
  row-gap: 0.4166666667vw;
}
.contact-card__title {
  font-size: 1.0416666667vw;
  font-weight: 800;
  line-height: 1.25vw;
  color: #071f28;
}
.contact-card__value {
  font-size: 1.1458333333vw;
  font-weight: 700;
  line-height: 1.40625vw;
  color: #078e77;
}
.contact-card__text {
  font-size: 0.78125vw;
  font-weight: 400;
  line-height: 1.25vw;
  color: #54686f;
}

.cart {
  position: relative;
  overflow-x: clip;
  padding: 2.5vw 4.1666666667vw;
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
  background: #ffffff;
}
.cart__deco {
  position: absolute;
  z-index: 11;
  right: -6.25vw;
  top: -9.375vw;
  width: 27.0833333333vw;
  height: 27.0833333333vw;
  pointer-events: none;
}
.cart__columns {
  display: flex;
  align-items: flex-start;
  gap: 2.0833333333vw;
  width: 100%;
}

.cart-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 0.4166666667vw;
  padding: 0.8333333333vw 0;
  list-style: none;
}
.cart-breadcrumbs > li {
  display: flex;
  align-items: center;
  gap: 0.4166666667vw;
  font-size: 0.7291666667vw;
  line-height: 0.8854166667vw;
  font-weight: 500;
  color: #54686f;
  white-space: nowrap;
}
.cart-breadcrumbs > li > span {
  font-size: 0.6770833333vw;
  line-height: 0.8333333333vw;
  font-weight: 400;
  color: #54686f;
  line-height: 0.8333333333vw;
}
.cart-breadcrumbs > li[aria-current] {
  font-size: 0.7291666667vw;
  line-height: 0.8854166667vw;
  font-weight: 700;
  color: #078e77;
}

.cart-list {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1.25vw;
}
.cart-list__head {
  display: flex;
  gap: 0.8333333333vw;
  width: 100%;
  padding-bottom: 0.625vw;
  box-shadow: inset 0 0 0.0520833333vw 0 transparent, inset 0 0 0 0.0520833333vw #dbe8e5;
  font-size: 0.7291666667vw;
  line-height: 0.8854166667vw;
  font-weight: 700;
  color: #54686f;
  text-transform: uppercase;
}
.cart-list__head-spacer {
  flex: 1 1 0;
  min-width: 0;
}
.cart-list__head-price {
  width: 6.25vw;
  text-align: right;
}
.cart-list__head-qty {
  width: 7.2916666667vw;
  text-align: center;
}
.cart-list__head-total {
  width: 6.25vw;
  text-align: right;
}
.cart-list__rule {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  overflow: visible;
  margin: 0;
  border: 0;
  background: none;
  flex: none;
}
.cart-list__rule::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -0.0520833333vw;
  height: 0.0520833333vw;
  background: #dbe8e5;
}

.cart-row {
  display: flex;
  align-items: center;
  gap: 0.8333333333vw;
  padding: 0.4166666667vw 0;
}
.cart-row__meta {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.8333333333vw;
}
.cart-row__thumb {
  display: block;
  flex: none;
  width: 4.1666666667vw;
  height: 4.1666666667vw;
  border-radius: 0.4166666667vw;
  background: #f7faf9;
  overflow: hidden;
  box-shadow: inset 0 0 0.0520833333vw 0 transparent, inset 0 0 0 0.0520833333vw #dbe8e5;
}
.cart-row__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.4166666667vw;
}
.cart-row__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2083333333vw;
}
.cart-row__tag {
  padding: 0.1041666667vw 0.4166666667vw;
  border-radius: 0.2083333333vw;
  background: #e6f7f5;
  font-size: 0.5729166667vw;
  line-height: 0.6770833333vw;
  font-weight: 700;
  color: #078e77;
  white-space: nowrap;
}
.cart-row__name {
  font-size: 0.9375vw;
  line-height: 1.1458333333vw;
  font-weight: 800;
  color: #071f28;
  white-space: nowrap;
}
.cart-row__variant {
  font-size: 0.7291666667vw;
  line-height: 0.8854166667vw;
  font-weight: 400;
  color: #54686f;
  white-space: nowrap;
}
.cart-row__price {
  flex: none;
  width: 6.25vw;
  text-align: right;
  font-size: 0.8333333333vw;
  line-height: 0.9895833333vw;
  font-weight: 700;
  color: #071f28;
}
.cart-row__qty {
  flex: none;
  width: 7.2916666667vw;
  display: flex;
  justify-content: center;
}
.cart-row__total {
  flex: none;
  width: 6.25vw;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.625vw;
}
.cart-row__total-value {
  font-size: 0.8333333333vw;
  line-height: 0.9895833333vw;
  font-weight: 800;
  color: #071f28;
  white-space: nowrap;
}
.cart-row__remove {
  display: block;
  flex: none;
  width: 0.625vw;
  height: 0.625vw;
}
.cart-row__remove img {
  width: 100%;
  height: 100%;
}

.cart-qty {
  display: flex;
  align-items: center;
  gap: 0.8333333333vw;
  padding: 0.4166666667vw 0.625vw;
  border-radius: 5.15625vw;
  background: #f7faf9;
  box-shadow: inset 0 0 0.0520833333vw 0 transparent, inset 0 0 0 0.0520833333vw #dbe8e5;
}
.cart-qty__btn {
  font-size: 0.8333333333vw;
  line-height: 0.9895833333vw;
  font-weight: 700;
  color: #071f28;
  white-space: nowrap;
}
.cart-qty__input {
  min-width: 0.3989583333vw;
  width: 0.3989583333vw;
  padding: 0;
  border: 0;
  outline: 0;
  background: none;
  text-align: center;
  field-sizing: content;
  font-size: 0.7291666667vw;
  line-height: 0.8854166667vw;
  font-weight: 800;
  color: #071f28;
  -moz-appearance: textfield;
}

.cart-notice {
  display: flex;
  align-items: center;
  gap: 0.625vw;
  width: 100%;
  padding: 1.0416666667vw;
  border-radius: 0.625vw;
  background: #f7faf9;
  box-shadow: inset 0 0 0.0520833333vw 0 transparent, inset 0 0 0 0.0520833333vw #dbe8e5;
}
.cart-notice__icon {
  flex: none;
  display: flex;
  align-items: center;
  width: 0.8854166667vw;
  height: 0.9895833333vw;
  padding-left: 0.0260416667vw;
}
.cart-notice__icon img {
  width: 0.78125vw;
  height: 0.625vw;
}
.cart-notice__text {
  flex: 1 1 0;
  min-width: 0;
  font-size: 0.7291666667vw;
  line-height: 0.8854166667vw;
  font-weight: 400;
  color: #54686f;
  line-height: 1.0416666667vw;
}
.cart-notice__text strong {
  font-weight: 700;
  color: #071f28;
}

.cart-summary {
  position: relative;
  z-index: 12;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25vw;
  padding: 1.4583333333vw;
  border-radius: 0.8333333333vw;
  background: #f7faf9;
  box-shadow: inset 0 0 0.0520833333vw 0 transparent, inset 0 0 0 0.0520833333vw #dbe8e5;
  flex: none;
  width: 19.7916666667vw;
}
.cart-summary__accent {
  position: absolute;
  z-index: -1;
  left: -1.5140625vw;
  top: -2.4729166667vw;
  width: 12.5vw;
  height: 7.2916666667vw;
  background: #e6f7f5;
  opacity: 0.35;
  transform: rotate(-12deg);
  pointer-events: none;
}
.cart-summary__title {
  font-size: 1.0416666667vw;
  line-height: 1.25vw;
  font-weight: 800;
  color: #071f28;
  white-space: nowrap;
}
.cart-summary__calc {
  display: flex;
  flex-direction: column;
  gap: 0.8333333333vw;
  width: 100%;
}
.cart-summary__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  white-space: nowrap;
}
.cart-summary__row span:first-child {
  font-size: 0.78125vw;
  line-height: 0.9375vw;
  font-weight: 400;
  color: #54686f;
}
.cart-summary__row span:last-child {
  font-size: 0.78125vw;
  line-height: 0.9375vw;
  font-weight: 700;
  color: #071f28;
}
.cart-summary__row--total {
  align-items: center;
}
.cart-summary__row--total span:first-child {
  font-size: 0.8333333333vw;
  line-height: 0.9895833333vw;
  font-weight: 700;
  color: #071f28;
}
.cart-summary__row--total span:last-child {
  font-size: 1.25vw;
  line-height: 1.5104166667vw;
  font-weight: 800;
  color: #078e77;
}
.cart-summary__rule {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  overflow: visible;
  margin: 0;
  border: 0;
  background: none;
  flex: none;
}
.cart-summary__rule::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -0.0520833333vw;
  height: 0.0520833333vw;
  background: #dbe8e5;
}
.cart-summary__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.8333333333vw 0;
  border-radius: 5.15625vw;
  background: #18b99b;
  font-size: 0.8333333333vw;
  line-height: 0.9895833333vw;
  font-weight: 800;
  color: #ffffff;
  white-space: pre;
  width: 100%;
}
.cart-summary__arrow {
  display: inline-block;
  width: 0.625vw;
  height: 0.625vw;
  margin-right: 0.0520833333vw;
  vertical-align: baseline;
}
.cart-summary__note {
  width: 100%;
  text-align: center;
  font-size: 0.625vw;
  line-height: 0.78125vw;
  font-weight: 400;
  color: #54686f;
}

.checkout {
  position: relative;
  overflow: clip;
  padding: 2.5vw 4.1666666667vw;
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
  background: #ffffff;
}
.checkout__deco {
  position: absolute;
  left: 58.0208333333vw;
  bottom: -17.1875vw;
  width: 31.25vw;
  height: 31.25vw;
  pointer-events: none;
}
.checkout__columns {
  display: flex;
  align-items: flex-start;
  gap: 2.0833333333vw;
  width: 100%;
}

.checkout-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 0.4166666667vw;
  padding: 0.8333333333vw 0;
  list-style: none;
}
.checkout-breadcrumbs > li {
  display: flex;
  align-items: center;
  gap: 0.4166666667vw;
  font-size: 0.7291666667vw;
  line-height: 0.8854166667vw;
  font-weight: 500;
  color: #54686f;
  white-space: nowrap;
}
.checkout-breadcrumbs > li > span {
  font-size: 0.6770833333vw;
  line-height: 0.8333333333vw;
  font-weight: 400;
  color: #54686f;
  line-height: 0.8333333333vw;
}
.checkout-breadcrumbs > li[aria-current] {
  font-size: 0.7291666667vw;
  line-height: 0.8854166667vw;
  font-weight: 700;
  color: #078e77;
}

.checkout-form {
  flex: none;
  width: 54.6875vw;
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
}

.checkout-section {
  display: flex;
  flex-direction: column;
  gap: 0.8333333333vw;
  min-width: 0;
}
.checkout-section__title {
  font-size: 1.0416666667vw;
  line-height: 1.25vw;
  font-weight: 800;
  color: #071f28;
  white-space: nowrap;
}
.checkout-section--payment {
  width: 29.1145833333vw;
}

.checkout-grid {
  display: flex;
  flex-direction: column;
  gap: 0.8333333333vw;
  width: 100%;
}

.checkout-row {
  display: grid;
  gap: 0.8333333333vw;
}
.checkout-row--name {
  grid-template-columns: 13.5416666667vw 13.5416666667vw 25.9375vw;
}
.checkout-row--address {
  grid-template-columns: 27.9166666667vw 25.9375vw;
}
.checkout-row--locale {
  grid-template-columns: 27.8645833333vw 1fr;
  width: 33.75vw;
}
.checkout-row--card {
  grid-template-columns: 1fr 1fr;
}

.checkout-field {
  display: flex;
  flex-direction: column;
  gap: 0.3125vw;
  min-width: 0;
}
.checkout-field__label {
  font-size: 0.6770833333vw;
  line-height: 0.8333333333vw;
  font-weight: 700;
  color: #54686f;
  text-transform: uppercase;
  white-space: nowrap;
}
.checkout-field__input {
  display: block;
  width: 100%;
  height: 2.1354166667vw;
  padding: 0.625vw;
  border: 0;
  border-radius: 0.4166666667vw;
  background: #f7faf9;
  outline: 0;
  font-size: 0.7291666667vw;
  line-height: 0.8854166667vw;
  font-weight: 400;
  color: #071f28;
  box-shadow: inset 0 0 0.0520833333vw 0 transparent, inset 0 0 0 0.0520833333vw #dbe8e5;
}
.checkout-field__input--white {
  background: #ffffff;
}
.checkout-field__input:focus-visible {
  box-shadow: inset 0 0 0 0.0520833333vw #18b99b;
}

.checkout-options {
  display: flex;
  flex-direction: column;
  gap: 0.8333333333vw;
  width: 100%;
}

.checkout-option {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.625vw;
  width: 100%;
  padding: 1.0416666667vw;
  border-radius: 0.625vw;
  background: #ffffff;
  cursor: pointer;
  box-shadow: inset 0 0 0.0520833333vw 0 transparent, inset 0 0 0 0.0520833333vw #dbe8e5;
}
.checkout-option__input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.checkout-option__radio {
  flex: none;
  width: 0.9375vw;
  height: 0.9375vw;
  background: url("../assets/icons/radio-default.svg") center/100% 100% no-repeat;
}
.checkout-option__text {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.1041666667vw;
  white-space: nowrap;
}
.checkout-option__name {
  font-size: 0.8333333333vw;
  line-height: 0.9895833333vw;
  font-weight: 700;
  color: #071f28;
}
.checkout-option__desc {
  font-size: 0.7291666667vw;
  line-height: 0.8854166667vw;
  font-weight: 400;
  color: #54686f;
}
.checkout-option__price {
  flex: none;
  font-size: 0.8333333333vw;
  line-height: 0.9895833333vw;
  font-weight: 800;
  color: #071f28;
  white-space: nowrap;
}
.checkout-option:has(.checkout-option__input:checked) {
  background: #e6f7f5;
  box-shadow: inset 0 0 0 0.1041666667vw #18b99b;
}
.checkout-option:has(.checkout-option__input:checked) .checkout-option__radio {
  background-image: url("../assets/icons/radio-selected.svg");
}
.checkout-option:has(.checkout-option__input:checked) .checkout-option__price {
  color: #078e77;
}
.checkout-option:has(.checkout-option__input:focus-visible) {
  outline: 0.1041666667vw solid #078e77;
  outline-offset: 0.1041666667vw;
}

.checkout-card {
  display: flex;
  flex-direction: column;
  gap: 0.8333333333vw;
  width: 100%;
  padding: 1.25vw;
  border-radius: 0.625vw;
  background: #f7faf9;
  box-shadow: inset 0 0 0.0520833333vw 0 transparent, inset 0 0 0 0.0520833333vw #dbe8e5;
}

.checkout-summary {
  position: relative;
  z-index: 12;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25vw;
  padding: 1.4583333333vw;
  border-radius: 0.8333333333vw;
  background: #f7faf9;
  box-shadow: inset 0 0 0.0520833333vw 0 transparent, inset 0 0 0 0.0520833333vw #dbe8e5;
  flex: none;
  width: 34.8958333333vw;
}
.checkout-summary__illustration {
  position: absolute;
  z-index: -1;
  left: 9.1145833333vw;
  top: 4.1927083333vw;
  width: 16.6666666667vw;
  height: 16.6666666667vw;
  object-fit: cover;
  opacity: 0.08;
  pointer-events: none;
}
.checkout-summary__title {
  font-size: 1.0416666667vw;
  line-height: 1.25vw;
  font-weight: 800;
  color: #071f28;
  white-space: nowrap;
}
.checkout-summary__items {
  display: flex;
  flex-direction: column;
  gap: 0.625vw;
  width: 100%;
}
.checkout-summary__item {
  display: flex;
  align-items: center;
  gap: 0.625vw;
  font-size: 0.7291666667vw;
  line-height: 0.8854166667vw;
  font-weight: 400;
  color: #071f28;
}
.checkout-summary__item-name {
  flex: 1 1 0;
  min-width: 0;
  font-weight: 800;
}
.checkout-summary__item-price {
  flex: none;
  font-weight: 700;
  white-space: nowrap;
}
.checkout-summary__calc {
  display: flex;
  flex-direction: column;
  gap: 0.625vw;
  width: 100%;
}
.checkout-summary__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  white-space: nowrap;
}
.checkout-summary__row span:first-child {
  font-size: 0.7291666667vw;
  line-height: 0.8854166667vw;
  font-weight: 400;
  color: #54686f;
}
.checkout-summary__row span:last-child {
  font-size: 0.7291666667vw;
  line-height: 0.8854166667vw;
  font-weight: 700;
  color: #071f28;
}
.checkout-summary__row--total {
  align-items: center;
}
.checkout-summary__row--total span:first-child {
  font-size: 0.78125vw;
  line-height: 0.9375vw;
  font-weight: 700;
  color: #071f28;
}
.checkout-summary__row--total span:last-child {
  font-size: 1.1458333333vw;
  line-height: 1.40625vw;
  font-weight: 800;
  color: #078e77;
}
.checkout-summary__rule {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  overflow: visible;
  margin: 0;
  border: 0;
  background: none;
  flex: none;
}
.checkout-summary__rule::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -0.0520833333vw;
  height: 0.0520833333vw;
  background: #dbe8e5;
}
.checkout-summary__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.8333333333vw 0;
  border-radius: 5.15625vw;
  background: #18b99b;
  font-size: 0.8333333333vw;
  line-height: 0.9895833333vw;
  font-weight: 800;
  color: #ffffff;
  white-space: pre;
  width: 100%;
}
.checkout-summary__arrow {
  display: inline-block;
  width: 0.625vw;
  height: 0.625vw;
  margin-right: 0.0520833333vw;
}

.checkout-trust {
  display: flex;
  flex-direction: column;
  gap: 0.4166666667vw;
  width: 100%;
  padding: 0.8333333333vw;
  border-radius: 0.4166666667vw;
  background: #e6f7f5;
  box-shadow: inset 0 0 0.0520833333vw 0 transparent, inset 0 0 0 0.0520833333vw #18b99b;
}
.checkout-trust__title {
  font-size: 0.625vw;
  line-height: 0.78125vw;
  font-weight: 700;
  color: #078e77;
  text-transform: uppercase;
  white-space: nowrap;
}
.checkout-trust__text {
  font-size: 0.625vw;
  line-height: 0.78125vw;
  font-weight: 400;
  color: #54686f;
  line-height: 0.8333333333vw;
}

.order {
  position: relative;
  overflow-x: clip;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.0833333333vw;
  padding: 4.1666666667vw;
  background: #ffffff;
}
.order__deco {
  position: absolute;
  z-index: 11;
  left: -9.375vw;
  top: -10.4166666667vw;
  width: 29.1666666667vw;
  height: 29.1666666667vw;
  pointer-events: none;
}

.order-seal {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 4.1666666667vw;
  height: 4.1666666667vw;
  border-radius: 5.15625vw;
  background: #e6f7f5;
  box-shadow: inset 0 0 0.1041666667vw 0 transparent, inset 0 0 0 0.1041666667vw #18b99b;
}
.order-seal img {
  width: 1.1979166667vw;
  height: 0.9895833333vw;
  margin-top: 0.0885416667vw;
}

.order-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8333333333vw;
  width: 35.4166666667vw;
  text-align: center;
}
.order-message__title {
  font-size: 2.0833333333vw;
  line-height: 2.5vw;
  font-weight: 800;
  color: #071f28;
  letter-spacing: -0.0520833333vw;
  white-space: nowrap;
}
.order-message__text {
  width: 100%;
  font-size: 0.9375vw;
  line-height: 1.1458333333vw;
  font-weight: 400;
  color: #54686f;
  line-height: 1.3541666667vw;
}
.order-message__text strong {
  font-weight: 700;
  color: #071f28;
}

.order-details {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 1.25vw;
  width: 50.4166666667vw;
}
.order-details__accent {
  position: absolute;
  left: 38.1319270833vw;
  top: 0.07078125vw;
  width: 13.5416666667vw;
  height: 8.3333333333vw;
  background: #e6f7f5;
  opacity: 0.35;
  transform: rotate(10deg);
  pointer-events: none;
}

.order-detail {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.8333333333vw;
  padding: 1.25vw;
  border-radius: 0.625vw;
  background: #f7faf9;
  box-shadow: inset 0 0 0.0520833333vw 0 transparent, inset 0 0 0 0.0520833333vw #dbe8e5;
}
.order-detail__label {
  font-size: 0.7291666667vw;
  line-height: 0.8854166667vw;
  font-weight: 700;
  color: #54686f;
  text-transform: uppercase;
  white-space: nowrap;
}
.order-detail__body {
  display: flex;
  flex-direction: column;
  gap: 0.4166666667vw;
  width: 100%;
}
.order-detail__headline {
  font-size: 0.9375vw;
  line-height: 1.1458333333vw;
  font-weight: 800;
  color: #071f28;
}
.order-detail__headline--teal {
  color: #078e77;
}
.order-detail__text {
  font-size: 0.7291666667vw;
  line-height: 0.8854166667vw;
  font-weight: 400;
  color: #54686f;
  line-height: 1.0416666667vw;
}
.order-detail__text strong {
  font-weight: 600;
  color: #071f28;
}

.order-receipt {
  display: flex;
  flex-direction: column;
  gap: 1.0416666667vw;
  width: 50.4166666667vw;
  padding: 1.6666666667vw;
  border-radius: 0.8333333333vw;
  box-shadow: inset 0 0 0.0520833333vw 0 transparent, inset 0 0 0 0.0520833333vw #dbe8e5;
}
.order-receipt__title {
  font-size: 0.9375vw;
  line-height: 1.1458333333vw;
  font-weight: 800;
  color: #071f28;
  white-space: nowrap;
}
.order-receipt__grid {
  display: flex;
  gap: 1.6666666667vw;
  width: 100%;
}
.order-receipt__col {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.2083333333vw;
  white-space: nowrap;
}
.order-receipt__label {
  font-size: 0.625vw;
  line-height: 0.78125vw;
  font-weight: 700;
  color: #54686f;
  text-transform: uppercase;
}
.order-receipt__strong {
  font-size: 0.7291666667vw;
  line-height: 0.8854166667vw;
  font-weight: 600;
  color: #071f28;
}
.order-receipt__muted {
  font-size: 0.7291666667vw;
  line-height: 0.8854166667vw;
  font-weight: 400;
  color: #54686f;
}
.order-receipt__rule {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  overflow: visible;
  margin: 0;
  border: 0;
  background: none;
  flex: none;
}
.order-receipt__rule::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -0.0520833333vw;
  height: 0.0520833333vw;
  background: #dbe8e5;
}
.order-receipt__items {
  display: flex;
  gap: 2.0833333333vw;
  width: 100%;
}

.order-item {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.625vw;
}
.order-item__thumb {
  flex: none;
  width: 2.5vw;
  height: 2.5vw;
  border-radius: 0.2083333333vw;
  object-fit: cover;
  background: #f7faf9;
}
.order-item__text {
  display: flex;
  flex-direction: column;
  gap: 0.1041666667vw;
  white-space: nowrap;
}
.order-item__name {
  font-size: 0.7291666667vw;
  line-height: 0.8854166667vw;
  font-weight: 700;
  color: #071f28;
}
.order-item__variant {
  font-size: 0.625vw;
  line-height: 0.78125vw;
  font-weight: 400;
  color: #54686f;
}

.order-actions {
  display: flex;
  align-items: center;
  gap: 0.8333333333vw;
}
.order-actions__primary, .order-actions__secondary {
  padding: 0.8333333333vw 1.6666666667vw;
  border-radius: 5.15625vw;
  text-align: center;
  font-size: 0.78125vw;
  line-height: 0.9375vw;
  font-weight: 800;
  color: #ffffff;
  white-space: nowrap;
}
.order-actions__primary {
  width: 10.8333333333vw;
  background: #18b99b;
}
.order-actions__secondary {
  width: 7.9166666667vw;
  color: #078e77;
  box-shadow: inset 0 0 0.078125vw 0 transparent, inset 0 0 0 0.078125vw #18b99b;
}

.auth-page {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.0833333333vw;
  overflow-x: clip;
}
.auth-page--register {
  padding: 4.1666666667vw 6.25vw;
}
.auth-page--creating {
  padding: 6.25vw;
}

.auth-decor {
  position: absolute;
  z-index: 11;
  pointer-events: none;
}
.auth-decor--rect {
  background: #e6f7f5;
}
.auth-decor--illustration {
  object-fit: cover;
  opacity: 0.08;
}

.auth-page--register .auth-decor--circle {
  right: -6.25vw;
  top: -7.2916666667vw;
  width: 21.875vw;
  height: 21.875vw;
}
.auth-page--register .auth-decor--rect {
  left: -8.7989583333vw;
  top: 9.6463541667vw;
  width: 16.6666666667vw;
  height: 7.2916666667vw;
  opacity: 0.18;
  transform: rotate(-12deg);
}
.auth-page--register .auth-decor--illustration {
  right: -3.125vw;
  top: 27.0833333333vw;
  width: 11.4583333333vw;
  height: 11.4583333333vw;
}

.auth-page--creating .auth-decor--circle {
  left: -8.3333333333vw;
  top: -5.2083333333vw;
  width: 25vw;
  height: 25vw;
}
.auth-page--creating .auth-decor--rect {
  left: 91.6510416667vw;
  top: 11.1557291667vw;
  width: 14.5833333333vw;
  height: 6.25vw;
  opacity: 0.16;
  transform: rotate(15deg);
}
.auth-page--creating .auth-decor--illustration {
  left: 2.0833333333vw;
  top: 32.2916666667vw;
  width: 9.375vw;
  height: 9.375vw;
}

.auth-card {
  position: relative;
  z-index: 12;
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
  padding: 2.4479166667vw;
  border: 0.0520833333vw solid #dbe8e5;
  border-radius: 0.8333333333vw;
  background: #ffffff;
  box-shadow: 0 0.8333333333vw 1.25vw rgba(4, 30, 38, 0.04);
}
.auth-card--register {
  align-items: flex-start;
  width: 29.1666666667vw;
}
.auth-card--transition {
  align-items: center;
  width: 33.3333333333vw;
}
.auth-card__intro {
  align-self: center;
  width: 20.5208333333vw;
  font-size: 0.78125vw;
  font-weight: 600;
  line-height: 1.1458333333vw;
  text-align: center;
  color: #000000;
}

.auth-form {
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
  width: 100%;
}

.auth-form__fields {
  display: flex;
  flex-direction: column;
  gap: 0.8333333333vw;
  width: 100%;
}

.auth-form__row {
  display: flex;
  gap: 0.8333333333vw;
  width: 100%;
}

.auth-field {
  flex: 1 0 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.3125vw;
}
.auth-field__label {
  font-size: 0.625vw;
  font-weight: 700;
  line-height: 0.78125vw;
  letter-spacing: 0.0260416667vw;
  text-transform: uppercase;
  color: #54686f;
}
.auth-field__input {
  display: block;
  width: 100%;
  height: 2.34375vw;
  padding: 0.6770833333vw;
  border: 0.0520833333vw solid #dbe8e5;
  border-radius: 0.4166666667vw;
  background: #f7faf9;
  font-size: 0.7291666667vw;
  font-weight: 400;
  line-height: 0.8854166667vw;
  color: #071f28;
  outline: 0;
}
.auth-field__input::placeholder {
  color: #54686f;
  opacity: 1;
}
.auth-field__input:focus {
  border-color: #18b99b;
}

.auth-form__guidelines {
  display: flex;
  flex-direction: column;
  gap: 0.625vw;
  width: 100%;
}

.auth-check {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.625vw;
  width: 100%;
  cursor: pointer;
}
.auth-check__input {
  position: absolute;
  width: 1.0416666667vw;
  height: 1.0416666667vw;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
.auth-check__box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 1.0416666667vw;
  height: 1.0416666667vw;
  border: 0.0520833333vw solid #dbe8e5;
  border-radius: 0.2083333333vw;
  background: #ffffff;
  font-size: 0.625vw;
  font-weight: 900;
  line-height: 0.78125vw;
  color: transparent;
}
.auth-check__input:checked + .auth-check__box {
  border-color: #18b99b;
  background: #18b99b;
  color: #ffffff;
}
.auth-check__input:focus-visible + .auth-check__box {
  outline: 0.1041666667vw solid #078e77;
  outline-offset: 0.1041666667vw;
}
.auth-check__text {
  flex: 1 0 0;
  min-width: 0;
  font-size: 0.7291666667vw;
  font-weight: 400;
  line-height: 1.0416666667vw;
  color: #54686f;
}

.auth-form__cta {
  display: flex;
  flex-direction: column;
  gap: 0.8333333333vw;
  width: 100%;
}

.auth-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.8333333333vw 0;
  border: 0;
  border-radius: 5.15625vw;
  background: #18b99b;
  font-size: 0.8333333333vw;
  font-weight: 800;
  line-height: 0.9895833333vw;
  white-space: pre;
  color: #ffffff;
  cursor: pointer;
}

.auth-alt {
  display: flex;
  justify-content: center;
  gap: 0.3125vw;
  font-size: 0.7291666667vw;
  line-height: 0.8854166667vw;
  color: #54686f;
}
.auth-alt__link {
  font-weight: 700;
  color: #078e77;
}

.auth-loader {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 4.5833333333vw;
  height: 4.5833333333vw;
  border-radius: 5.15625vw;
  background: #f7faf9;
}
.auth-loader::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 0.15625vw solid #18b99b;
  border-radius: 5.15625vw;
  -webkit-mask: conic-gradient(#000 0 36deg, transparent 0 54deg, #000 0 126deg, transparent 0 144deg, #000 0 216deg, transparent 0 234deg, #000 0 306deg, transparent 0 324deg, #000 0);
  mask: conic-gradient(#000 0 36deg, transparent 0 54deg, #000 0 126deg, transparent 0 144deg, #000 0 216deg, transparent 0 234deg, #000 0 306deg, transparent 0 324deg, #000 0);
}
.auth-loader__icon {
  position: relative;
  width: 1.6666666667vw;
  height: 1.6666666667vw;
}

.auth-status {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.625vw;
  width: 100%;
  text-align: center;
}
.auth-status__title {
  width: 100%;
  font-size: 1.4583333333vw;
  font-weight: 800;
  line-height: 1.7708333333vw;
  letter-spacing: -0.0260416667vw;
  color: #071f28;
}
.auth-status__text {
  width: 100%;
  font-size: 0.8333333333vw;
  font-weight: 400;
  line-height: 1.25vw;
  color: #54686f;
}

.auth-features {
  display: flex;
  flex-direction: column;
  gap: 0.8333333333vw;
  width: 100%;
  padding: 1.0416666667vw;
  border-radius: 0.625vw;
  background: #f7faf9;
  white-space: nowrap;
}
.auth-features__title {
  font-size: 0.625vw;
  font-weight: 700;
  line-height: 0.78125vw;
  letter-spacing: 0.0520833333vw;
  text-transform: uppercase;
  color: #078e77;
}
.auth-features__list {
  display: flex;
  flex-direction: column;
  gap: 0.5208333333vw;
  width: 100%;
  font-size: 0.7291666667vw;
}
.auth-features__item {
  display: flex;
  align-items: center;
  gap: 0.4166666667vw;
  width: 100%;
  line-height: 0.8854166667vw;
}
.auth-features__tick {
  font-weight: 800;
  color: #18b99b;
}
.auth-features__label {
  font-weight: 400;
  color: #071f28;
}

.auth-note {
  width: 100%;
  font-size: 0.6770833333vw;
  font-weight: 400;
  line-height: 0.8333333333vw;
  text-align: center;
  color: #54686f;
}

.dash-layout {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 2.0833333333vw;
  padding: 3.3333333333vw 4.1666666667vw 4.1666666667vw;
  overflow-x: clip;
}

.dash-main {
  position: relative;
  z-index: 12;
  flex: 1 0 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2.0833333333vw;
}

.dash-decor {
  position: absolute;
  z-index: 11;
  pointer-events: none;
}
.dash-decor--rect {
  left: -5.9171875vw;
  top: 19.8630208333vw;
  width: 13.5416666667vw;
  height: 5.7291666667vw;
  background: #e6f7f5;
  opacity: 0.14;
  transform: rotate(-8deg);
}
.dash-decor--illustration {
  right: 3.125vw;
  top: 6.25vw;
  width: 10.4166666667vw;
  height: 10.4166666667vw;
  object-fit: cover;
  opacity: 0.08;
}
.dash-decor--circle-main {
  right: -10.8333333333vw;
  top: 30.7119791667vw;
  width: 27.0833333333vw;
  height: 27.0833333333vw;
  z-index: -1;
}
.dash-decor--circle-top {
  right: -9.375vw;
  top: -6.25vw;
  width: 27.0833333333vw;
  height: 27.0833333333vw;
}

.dash-nav {
  position: relative;
  z-index: 12;
  flex: none;
  width: 14.5833333333vw;
  display: flex;
  flex-direction: column;
  gap: 0.4166666667vw;
}
.dash-nav__title {
  font-size: 1.0416666667vw;
  font-weight: 800;
  line-height: 1.25vw;
  color: #071f28;
}
.dash-nav__item {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.625vw 0.8333333333vw;
  border-radius: 0.4166666667vw;
  background: transparent;
  font-size: 0.78125vw;
  font-weight: 500;
  line-height: 0.9375vw;
  text-align: left;
  color: #071f28;
}
.dash-nav__item--active, .dash-nav__item[aria-current=page] {
  background: #e6f7f5;
  font-weight: 700;
  color: #078e77;
}
.dash-nav__item--button {
  cursor: pointer;
}
.dash-nav__logout {
  width: 100%;
}

.dash-layout[data-dash-page=orders] .dash-nav__item[data-dash-nav-item=orders],
.dash-layout[data-dash-page=profile] .dash-nav__item[data-dash-nav-item=profile],
.dash-layout[data-dash-page=shipping] .dash-nav__item[data-dash-nav-item=shipping],
.dash-layout[data-dash-page=billing] .dash-nav__item[data-dash-nav-item=billing],
.dash-layout[data-dash-page=payment] .dash-nav__item[data-dash-nav-item=payment] {
  background: #e6f7f5;
  font-weight: 700;
  color: #078e77;
}

.dash-divider {
  position: relative;
  width: 100%;
  height: 0;
  margin: 0;
  border: 0;
  background: none;
}
.dash-divider::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -0.0520833333vw;
  height: 0.0520833333vw;
  background: #dbe8e5;
}

.dash-title-box {
  display: flex;
  flex-direction: column;
  gap: 0.4166666667vw;
  width: 100%;
}

.dash-title {
  font-size: 1.875vw;
  font-weight: 800;
  line-height: 2.2916666667vw;
  letter-spacing: -0.0520833333vw;
  color: #071f28;
}

.dash-subtitle {
  font-size: 0.78125vw;
  font-weight: 400;
  line-height: 0.9375vw;
  color: #54686f;
}

.dash-card {
  display: flex;
  flex-direction: column;
  gap: 1.0416666667vw;
  width: 100%;
  padding: 1.6145833333vw;
  border: 0.0520833333vw solid #dbe8e5;
  border-radius: 0.8333333333vw;
}
.dash-card--form {
  gap: 1.25vw;
  background: #fafdfd;
}
.dash-card--security {
  gap: 1.25vw;
}
.dash-card__title {
  font-size: 0.9375vw;
  font-weight: 800;
  line-height: 1.1458333333vw;
  color: #071f28;
}
.dash-card__text {
  font-size: 0.7291666667vw;
  font-weight: 400;
  line-height: 0.8854166667vw;
  color: #54686f;
}
.dash-card__head {
  display: flex;
  flex-direction: column;
  gap: 0.2083333333vw;
  width: 100%;
}

.dash-form-row {
  display: flex;
  gap: 1.25vw;
  align-items: flex-start;
  width: 100%;
}

.dash-field {
  flex: 1 0 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.4166666667vw;
}
.dash-field__label {
  font-size: 0.7291666667vw;
  font-weight: 700;
  line-height: 0.8854166667vw;
  color: #54686f;
}
.dash-field__input {
  display: block;
  width: 100%;
  height: 2.3958333333vw;
  padding: 0.6770833333vw;
  border: 0.0520833333vw solid #dbe8e5;
  border-radius: 0.4166666667vw;
  background: #ffffff;
  font-size: 0.78125vw;
  font-weight: 400;
  line-height: 0.9375vw;
  color: #071f28;
  outline: 0;
}
.dash-field__input::placeholder {
  color: #54686f;
  opacity: 1;
}
.dash-field__input:focus {
  border-color: #18b99b;
}

.dash-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  padding: 0.6770833333vw 1.40625vw;
  border: 0.0520833333vw solid transparent;
  border-radius: 0.4166666667vw;
  font-size: 0.78125vw;
  font-weight: 700;
  line-height: 0.9375vw;
  white-space: nowrap;
  cursor: pointer;
}
.dash-btn--primary {
  background: #18b99b;
  border-color: #18b99b;
  color: #ffffff;
}
.dash-btn--outline {
  background: transparent;
  border-color: #18b99b;
  color: #18b99b;
}

.dash-form-actions {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding-top: 0.625vw;
}

.dash-badge {
  display: inline-flex;
  padding: 0.2083333333vw 0.625vw;
  border-radius: 0.2083333333vw;
  font-size: 0.625vw;
  font-weight: 700;
  line-height: 0.78125vw;
  white-space: nowrap;
}
.dash-badge--delivered {
  background: #e6f7f5;
  color: #078e77;
}
.dash-badge--shipped {
  background: #ebfbfa;
  color: #18b99b;
}
.dash-badge--processing, .dash-badge--off {
  background: #fdf7e7;
  color: #a06b00;
}
.dash-badge--sm {
  padding: 0.1041666667vw 0.4166666667vw;
  font-size: 0.5729166667vw;
}

.dash-table {
  display: flex;
  flex-direction: column;
  gap: 1.0416666667vw;
  width: 100%;
  border-collapse: collapse;
}
.dash-table thead {
  display: block;
}
.dash-table th, .dash-table td {
  padding: 0;
  font-weight: 400;
}
.dash-table tbody {
  display: flex;
  flex-direction: column;
  gap: 1.0416666667vw;
}
.dash-table tr {
  display: grid;
  grid-template-columns: 8.3333333333vw 8.3333333333vw minmax(0, 1fr) 6.25vw 6.25vw;
  column-gap: 0.8333333333vw;
  align-items: center;
}
.dash-table thead tr {
  align-items: start;
  padding-bottom: 0.5729166667vw;
  border-bottom: 0.0520833333vw solid #dbe8e5;
}
.dash-table tbody tr {
  padding: 0.625vw 0;
}
.dash-table th {
  font-size: 0.6770833333vw;
  font-weight: 700;
  line-height: 0.8333333333vw;
  text-align: left;
  text-transform: uppercase;
  color: #54686f;
}
.dash-table td {
  font-size: 0.7291666667vw;
  line-height: 0.8854166667vw;
  color: #071f28;
}
.dash-table td.dash-table__num {
  font-size: 0.78125vw;
  font-weight: 700;
}
.dash-table td.dash-table__date {
  color: #54686f;
}
.dash-table td.dash-table__items {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dash-table td.dash-table__status {
  display: flex;
  justify-content: center;
}
.dash-table td.dash-table__total {
  font-size: 0.78125vw;
  font-weight: 700;
  text-align: right;
}
.dash-table th.dash-table__status {
  text-align: center;
}
.dash-table th.dash-table__total {
  text-align: right;
}

.dash-info-grid {
  display: flex;
  gap: 1.25vw;
  align-items: flex-start;
  width: 100%;
}

.dash-info {
  flex: 1 0 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.8333333333vw;
  padding: 1.1979166667vw;
  border: 0.0520833333vw solid #dbe8e5;
  border-radius: 0.625vw;
  background: #f7faf9;
}
.dash-info__title {
  font-size: 0.7291666667vw;
  font-weight: 700;
  line-height: 0.8854166667vw;
  text-transform: uppercase;
  color: #54686f;
}
.dash-info__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4166666667vw;
  white-space: nowrap;
  font-style: normal;
}
.dash-info__body--payment {
  gap: 0.625vw;
}
.dash-info__strong {
  font-size: 0.8333333333vw;
  font-weight: 700;
  line-height: 0.9895833333vw;
  color: #071f28;
}
.dash-info__line {
  font-size: 0.7291666667vw;
  font-weight: 400;
  line-height: 0.8854166667vw;
  color: #54686f;
}
.dash-info__line--accent {
  font-weight: 600;
  color: #078e77;
}
.dash-info__line--ink {
  font-weight: 600;
  color: #071f28;
}
.dash-info__card-row {
  display: flex;
  align-items: center;
  gap: 0.625vw;
}
.dash-info__card-brand {
  padding: 0.15625vw 0.3645833333vw;
  border: 0.0520833333vw solid #dbe8e5;
  border-radius: 0.2083333333vw;
  background: #ffffff;
  font-size: 0.5729166667vw;
  font-weight: 800;
  line-height: 0.6770833333vw;
  color: #071f28;
}
.dash-info__card-name {
  font-size: 0.78125vw;
  font-weight: 700;
  line-height: 0.9375vw;
  color: #071f28;
}
.dash-info__link {
  font-size: 0.6770833333vw;
  font-weight: 700;
  line-height: 0.8333333333vw;
  white-space: pre;
  color: #078e77;
}

.dash-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25vw;
  width: 100%;
}
.dash-option__text {
  flex: 1 0 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.2083333333vw;
  white-space: nowrap;
}
.dash-option__title-row {
  display: flex;
  align-items: center;
  gap: 0.4166666667vw;
}
.dash-option__title {
  font-size: 0.78125vw;
  font-weight: 700;
  line-height: 0.9375vw;
  color: #071f28;
}
.dash-option__desc {
  font-size: 0.7291666667vw;
  font-weight: 400;
  line-height: 0.8854166667vw;
  color: #54686f;
}

.page-dashboard-shipping {
  min-height: 78.125vw;
}

.dash-divider {
  overflow: visible;
}

.dash-addr-card {
  padding: 1.6145833333vw;
}
.dash-addr-card--default {
  background: #fafdfd;
  border-color: #18b99b;
}
.dash-addr-card--group {
  gap: 1.25vw;
}
.dash-addr-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.dash-addr-card__heading {
  display: flex;
  align-items: center;
  gap: 0.625vw;
}

.dash-addr-badge {
  background: #e6f7f5;
  color: #078e77;
  line-height: 0.78125vw;
}
.dash-addr-badge--narrow {
  padding: 0.2083333333vw 0.5208333333vw;
}

.dash-addr-actions {
  display: flex;
  align-items: center;
  gap: 0.8333333333vw;
  font-size: 0.7291666667vw;
}
.dash-addr-actions--sm {
  align-items: flex-start;
  padding-top: 0.4166666667vw;
  font-size: 0.6770833333vw;
}
.dash-addr-actions--sm .dash-addr-link {
  line-height: 0.8333333333vw;
}
.dash-addr-actions--wide {
  gap: 1.0416666667vw;
}

.dash-addr-link {
  padding: 0;
  font-size: inherit;
  font-weight: 700;
  line-height: 0.8854166667vw;
  color: #078e77;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-underline-position: from-font;
  background: none;
  border: 0;
  white-space: nowrap;
}
.dash-addr-link--light {
  color: #18b99b;
}
.dash-addr-link--danger {
  color: #ff5f57;
}
.dash-addr-link--ink {
  color: #071f28;
}

.dash-addr-lines {
  display: flex;
  flex-direction: column;
  gap: 0.3125vw;
  width: 100%;
  font-style: normal;
  font-size: 0.78125vw;
  line-height: 0.9375vw;
  color: #071f28;
}
.dash-addr-lines__line {
  font-weight: 500;
}
.dash-addr-lines__line--strong {
  font-weight: 700;
}

.dash-addr-entry {
  display: flex;
  flex-direction: column;
  gap: 0.8333333333vw;
  width: 100%;
  padding: 1.1979166667vw;
  background: #ffffff;
  border: 0.0520833333vw solid #dbe8e5;
  border-radius: 0.625vw;
}
.dash-addr-entry--primary {
  background: #f7faf9;
}
.dash-addr-entry__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.dash-addr-entry__title {
  font-size: 0.8333333333vw;
  font-weight: 700;
  line-height: 0.9895833333vw;
  color: #071f28;
  white-space: nowrap;
}
.dash-addr-entry__brand {
  display: flex;
  align-items: center;
  gap: 0.625vw;
}
.dash-addr-entry__brand-icon {
  padding: 0.15625vw 0.3645833333vw;
  font-size: 0.5729166667vw;
  font-weight: 800;
  line-height: 0.6770833333vw;
  color: #071f28;
  background: #ffffff;
  border: 0.0520833333vw solid #dbe8e5;
  border-radius: 0.2083333333vw;
}
.dash-addr-entry__meta {
  font-size: 0.7291666667vw;
  font-weight: 400;
  line-height: 0.8854166667vw;
  color: #54686f;
  white-space: nowrap;
}

.dash-addr-info {
  display: flex;
  flex-direction: column;
  gap: 0.3125vw;
  width: 100%;
  font-style: normal;
  font-size: 0.7291666667vw;
  line-height: 0.8854166667vw;
  white-space: nowrap;
}
.dash-addr-info__line {
  font-weight: 400;
  color: #54686f;
}
.dash-addr-info__line--accent {
  font-weight: 600;
  color: #078e77;
}
.dash-addr-info__line--ink {
  font-weight: 600;
  color: #071f28;
}

.dash-addr-po {
  display: flex;
  flex-direction: column;
  gap: 0.8333333333vw;
  width: 100%;
  padding-top: 0.8333333333vw;
}
.dash-addr-po__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.9895833333vw;
  background: #f7faf9;
  border: 0.0520833333vw solid #dbe8e5;
  border-radius: 0.625vw;
}
.dash-addr-po__info {
  display: flex;
  flex-direction: column;
  gap: 0.2083333333vw;
  white-space: nowrap;
}
.dash-addr-po__name {
  font-size: 0.78125vw;
  font-weight: 700;
  line-height: 0.9375vw;
  color: #071f28;
}
.dash-addr-po__number {
  font-size: 0.7291666667vw;
  font-weight: 400;
  line-height: 0.8854166667vw;
  color: #54686f;
}

.dash-addr__add {
  display: flex;
  align-items: flex-start;
  width: 100%;
  padding-top: 0.4166666667vw;
}
.dash-addr__add--lg {
  padding-top: 0.625vw;
}

.dash-addr-btn--flat {
  padding: 0.7291666667vw 1.4583333333vw;
  border-width: 0;
}

.modal {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal[hidden] {
  display: none;
}
.modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(7, 31, 40, 0.7);
}
.modal__card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.25vw;
  width: 33.3333333333vw;
  max-height: 92vh;
  overflow-y: auto;
  padding: 1.6666666667vw;
  background: #ffffff;
  border-radius: 0.8333333333vw;
  box-shadow: 0 0.8333333333vw 1.25vw rgba(4, 30, 38, 0.04);
}
.modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: none;
}
.modal__title {
  font-size: 1.0416666667vw;
  font-weight: 800;
  line-height: 1.25vw;
  color: #071f28;
  white-space: nowrap;
}
.modal__close {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 1.6666666667vw;
  height: 1.6666666667vw;
  background: #f7faf9;
  border-radius: 0.8333333333vw;
}
.modal__close img {
  width: 0.8333333333vw;
  height: 0.8333333333vw;
}
.modal__form {
  display: flex;
  flex-direction: column;
  gap: 1.25vw;
}
.modal__fields {
  display: flex;
  flex-direction: column;
  gap: 0.8333333333vw;
}
.modal__panel[hidden] {
  display: none;
}
.modal__tabs {
  display: flex;
  align-items: flex-start;
  gap: 0.4166666667vw;
}
.modal__tab {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.46875vw 0.78125vw;
  font-size: 0.7291666667vw;
  font-weight: 700;
  line-height: 0.8854166667vw;
  white-space: nowrap;
  color: #54686f;
  background: #f7faf9;
  border: 0.0520833333vw solid #dbe8e5;
  border-radius: 0.4166666667vw;
}
.modal__tab[aria-selected=true] {
  color: #ffffff;
  background: #18b99b;
  border: 0;
  padding: 0.5208333333vw 0.8333333333vw;
}
.modal__field {
  display: flex;
  flex-direction: column;
  gap: 0.4166666667vw;
}
.modal__label {
  font-size: 0.6770833333vw;
  font-weight: 700;
  line-height: 0.8333333333vw;
  text-transform: uppercase;
  color: #54686f;
  white-space: nowrap;
}
.modal__control {
  display: flex;
  align-items: center;
  gap: 0.625vw;
  height: 2.5vw;
  padding: 0 0.7291666667vw;
  background: #ffffff;
  border: 0.0520833333vw solid #dbe8e5;
  border-radius: 0.4166666667vw;
}
.modal__control:focus-within {
  border-color: #18b99b;
}
.modal__input {
  flex: 1 1 auto;
  min-width: 0;
  height: 100%;
  padding: 0;
  font-size: 0.7291666667vw;
  font-weight: 400;
  line-height: 0.8854166667vw;
  color: #071f28;
  background: none;
  border: 0;
  outline: 0;
  appearance: none;
}
.modal__input::placeholder {
  color: #54686f;
  opacity: 1;
}
.modal__icon-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 1.4583333333vw;
  height: 1.4583333333vw;
  background: #f7faf9;
  border: 0.0520833333vw solid #dbe8e5;
  border-radius: 0.3125vw;
}
.modal__icon-box img {
  width: 0.8333333333vw;
  height: 0.8333333333vw;
}
.modal__chevron {
  flex: none;
  width: 0.8333333333vw;
  height: 0.8333333333vw;
  pointer-events: none;
}
.modal__check {
  display: flex;
  align-items: center;
  gap: 0.5208333333vw;
  font-size: 0.7291666667vw;
  font-weight: 400;
  line-height: 0.8854166667vw;
  color: #54686f;
  cursor: pointer;
}
.modal__checkbox {
  flex: none;
  width: 0.9375vw;
  height: 0.9375vw;
  margin: 0;
  background: #ffffff center/0.625vw 0.625vw no-repeat;
  border: 0.0520833333vw solid #dbe8e5;
  border-radius: 0.2083333333vw;
  appearance: none;
  cursor: pointer;
}
.modal__checkbox:checked {
  background-image: url("../assets/icons/icon-check.svg");
  border-color: #18b99b;
}
.modal__actions {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 0.625vw;
}
.modal__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.7291666667vw 1.25vw;
  font-size: 0.78125vw;
  font-weight: 700;
  line-height: 0.9375vw;
  white-space: nowrap;
  border-radius: 0.4166666667vw;
}
.modal__btn--cancel {
  padding: 0.6770833333vw 1.1979166667vw;
  color: #54686f;
  border: 0.0520833333vw solid #dbe8e5;
}
.modal__btn--primary {
  color: #ffffff;
  background: #18b99b;
}

a, button, summary, select, label.checkout-option, [role=tab],
input[type=checkbox], input[type=radio] {
  cursor: pointer;
}

[aria-disabled=true], :disabled {
  cursor: not-allowed;
}

:focus-visible {
  outline: 0.1041666667vw solid #18b99b;
  outline-offset: 0.15625vw;
}

.auth-field__input:focus-visible, .contact-field__control:focus-visible, .dash-field__input:focus-visible {
  outline: none;
}

.home-button,
.auth-btn,
.cart-summary__cta,
.checkout-summary__cta,
.contact-submit,
.dash-btn--primary,
.modal__btn--primary,
.order-actions__primary,
.pdp-add,
.research-btn--primary {
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.home-button:hover,
.auth-btn:hover,
.cart-summary__cta:hover,
.checkout-summary__cta:hover,
.contact-submit:hover,
.dash-btn--primary:hover,
.modal__btn--primary:hover,
.order-actions__primary:hover,
.pdp-add:hover,
.research-btn--primary:hover {
  background-color: #078e77;
  transform: translateY(-0.1041666667vw);
  box-shadow: 0 0.4166666667vw 1.0416666667vw rgba(7, 142, 119, 0.28);
}
.home-button:active,
.auth-btn:active,
.cart-summary__cta:active,
.checkout-summary__cta:active,
.contact-submit:active,
.dash-btn--primary:active,
.modal__btn--primary:active,
.order-actions__primary:active,
.pdp-add:active,
.research-btn--primary:active {
  transform: translateY(0);
  box-shadow: none;
}

.home-product-card__cta,
.research-btn--secondary,
.order-actions__secondary,
.dash-btn--outline,
.modal__btn--cancel {
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.home-product-card__cta:hover,
.research-btn--secondary:hover,
.order-actions__secondary:hover,
.dash-btn--outline:hover,
.modal__btn--cancel:hover {
  background-color: #18b99b;
  border-color: #18b99b;
  color: #ffffff;
  transform: translateY(-0.1041666667vw);
}
.home-product-card__cta:active,
.research-btn--secondary:active,
.order-actions__secondary:active,
.dash-btn--outline:active,
.modal__btn--cancel:active {
  transform: translateY(0);
}

.modal__btn--cancel:hover {
  background-color: #e6f7f5;
  border-color: #18b99b;
  color: #078e77;
}

.product-card__cta {
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.product-card__cta:hover {
  background-color: #078e77;
  transform: translateY(-0.1041666667vw);
  box-shadow: 0 0.4166666667vw 1.0416666667vw rgba(7, 142, 119, 0.28);
}
.product-card__cta:active {
  transform: translateY(0);
  box-shadow: none;
}

.product-card--related .product-card__cta:hover {
  background-color: #18b99b;
  border-color: #18b99b;
  color: #ffffff;
  box-shadow: none;
}

.announcement__right,
.main-nav__link,
.site-footer__links a,
.pdp-breadcrumb a,
.auth-alt__link,
.dash-info__link,
.dash-addr-link,
a:not([class]) {
  transition: color 0.2s ease, opacity 0.2s ease, text-decoration-color 0.2s ease;
  text-decoration: underline transparent;
  text-decoration-thickness: 0.1041666667vw;
  text-underline-offset: 0.2604166667vw;
}
.announcement__right:hover,
.main-nav__link:hover,
.site-footer__links a:hover,
.pdp-breadcrumb a:hover,
.auth-alt__link:hover,
.dash-info__link:hover,
.dash-addr-link:hover,
a:not([class]):hover {
  color: #078e77;
  text-decoration-color: currentColor;
}

.dash-addr-link--light:hover {
  opacity: 0.7;
  color: inherit;
}

.dash-addr-link--danger:hover {
  filter: brightness(0.8);
  color: inherit;
}

.brand {
  transition: opacity 0.2s ease;
}
.brand:hover {
  opacity: 0.8;
}

.header-actions__item img, .cart-row__remove img {
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.header-actions__item:hover img, .cart-row__remove:hover img {
  transform: scale(1.12);
  opacity: 0.75;
}

.modal__close {
  transition: background-color 0.2s ease;
}
.modal__close:hover {
  background-color: #e6f7f5;
}

.pdp-gallery__thumb {
  transition: outline-color 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
  outline: 0.1041666667vw solid transparent;
  outline-offset: 0.1041666667vw;
}
.pdp-gallery__thumb:not(.is-active):hover {
  outline-color: #18b99b;
  transform: translateY(-0.1041666667vw);
}

.product-card, .home-product-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.product-card:hover, .home-product-card:hover {
  transform: translateY(-0.3125vw);
  box-shadow: 0 0.9375vw 1.875vw rgba(7, 31, 40, 0.12);
}

.home-atlas__card {
  transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}
.home-atlas__card:hover {
  transform: translateY(-0.2083333333vw);
  border-color: rgba(120, 228, 207, 0.45);
  background-color: #0b4451;
}

.dash-addr-entry--primary {
  transition: transform 0.2s ease, filter 0.2s ease;
}
.dash-addr-entry--primary:hover {
  transform: translateY(-0.1041666667vw);
  filter: brightness(0.98);
}

.cart-row__thumb, .product-card__media {
  transition: opacity 0.2s ease;
}
.cart-row__thumb:hover, .product-card__media:hover {
  opacity: 0.88;
}

.shop-filter__pill {
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.shop-filter__pill:not(.is-active):hover {
  background-color: #e6f7f5;
  color: #078e77;
}
.shop-filter__pill.is-active:hover {
  background-color: #078e77;
  color: #ffffff;
}

.shop-pagination__link {
  transition: background-color 0.2s ease, color 0.2s ease;
}
.shop-pagination__link:not(.is-current):not([aria-disabled=true]):hover {
  background-color: #e6f7f5;
  color: #078e77;
}
.shop-pagination__link.is-current:hover {
  background-color: #078e77;
  color: #ffffff;
}

.pdp-tabs__tab {
  transition: color 0.2s ease, background-color 0.2s ease;
}
.pdp-tabs__tab[aria-selected=false]:hover {
  color: #071f28;
  background-color: #f1faf8;
}

.modal__tab {
  transition: background-color 0.2s ease, color 0.2s ease;
}
.modal__tab[aria-selected=false]:hover {
  background-color: #e6f7f5;
  color: #078e77;
}

.dash-nav__item {
  transition: background-color 0.2s ease, color 0.2s ease;
}
.dash-nav__item:hover {
  background-color: #e6f7f5;
  color: #078e77;
}

.home-faq__trigger, .pdp-accordion__trigger {
  transition: background-color 0.2s ease, color 0.2s ease;
}
.home-faq__trigger:hover, .pdp-accordion__trigger:hover {
  background-color: rgba(24, 185, 155, 0.06);
  color: #078e77;
}
.home-faq__trigger:hover *, .pdp-accordion__trigger:hover * {
  color: #078e77;
}

.cart-qty__btn, .pdp-qty__btn {
  transition: background-color 0.2s ease, color 0.2s ease;
}
.cart-qty__btn:hover, .pdp-qty__btn:hover {
  background-color: #e6f7f5;
  color: #078e77;
}
.cart-qty__btn:active, .pdp-qty__btn:active {
  background-color: #18b99b;
  color: #ffffff;
}

.auth-field__input, .contact-field__control, .dash-field__input {
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.auth-field__input:hover, .contact-field__control:hover, .dash-field__input:hover {
  border-color: #9fd8cc;
}
.auth-field__input:focus, .auth-field__input:focus-visible, .contact-field__control:focus, .contact-field__control:focus-visible, .dash-field__input:focus, .dash-field__input:focus-visible {
  border-color: #18b99b;
  box-shadow: 0 0 0 0.15625vw rgba(24, 185, 155, 0.18);
}

.modal__control {
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.modal__control:hover {
  border-color: #9fd8cc;
}
.modal__control:focus-within {
  border-color: #18b99b;
  box-shadow: 0 0 0 0.15625vw rgba(24, 185, 155, 0.18);
}

.checkout-field__input {
  transition: background-color 0.2s ease;
}
.checkout-field__input:hover {
  background-color: #f1faf8;
}

.checkout-option {
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}
.checkout-option:not(:has(:checked)):hover {
  background-color: #f1faf8;
  box-shadow: inset 0 0 0 0.0694270833vw #9fd8cc;
}