:root {
  --brand--color--background: white;
  --_text---font-family--primary: "Poppins", sans-serif;
  --brand--color--text-primary: var(--_labels---brand--color--label-status);
  --_text---font-family--heading: "Poppins", sans-serif;
  --text-color--text-primary\<deleted\|relume-variable-text-color-1\>: var(
    --brand--25\<deleted\|relume-variable-color-neutral-1\>
  );
  --brand--color--cta-primary: var(--brand--color--primary);
  --radius--button: var(--radius-size--buttons);
  --brand--color--text-inverse: white;
  --system-colors--white: white;
  --font-size--paragraph-m: 0.875rem;
  --brand--color--primary: #a48aff;
  --neutral--300: #d0d5dd;
  --brand--25\<deleted\|relume-variable-color-neutral-1\>: #f8f8f8;
  --neutral--25: #fcfcfd;
  --background-color--background-error\<deleted\|relume-variable-background-color-8\>: var(
    --base-color-system--error-red-light\<deleted\|relume-variable-system-color-6\>
  );
  --text-color--text-error\<deleted\|relume-variable-text-color-5\>: var(
    --system-color--error\<deleted\|relume-variable-system-color-5\>
  );
  --spacing--4: 4rem;
  --spacing--3: 3rem;
  --spacing--2: 2rem;
  --brand--color--secondary: #737373;
  --brand--color--secondary-light: #636363;
  --brand--color--tertiary: #636363;
  --brand--color--tertiary-light: #969696;
  --brand--color--accent: #3d3d3d;
  --brand--color--complementary-1: #fffdf6;
  --brand--color--complementary-2: var(--brand--color--surface);
  --radius--image: var(--spacing--none);
  --radius-size--buttons: 8px;
  --brand--color--text-muted: #969696;
  --site--gutter: 4rem;
  --site--gutter-mobile: 2rem;
  --radius-size--sm: 4px;
  --base--white\<deleted\|relume-variable-color-primary-2\>: white;
  --brand--color--surface: #f9fbff;
  --radius-size--md: 8px;
  --spacing--1: 1rem;
  --spacing--1-5: 1.5rem;
  --brand--color--border: #d6d6d6;
  --brand--color--rating-star: var(--brand--color--primary);
  --brand--color--foreground: #1a1a1a;
  --brand--color--primary-lighter: #f9fbff;
  --brand--color--text-secondary: #313131;
  --system-colors--success: #ecfff7;
  --component--color--outline: #000;
  --brand--color--primary-light: #e0ebff;
  --radius--cards: var(--radius-size--base);
  --brand--color--primary-foreground: white;
  --system-colors--success-foreground: #12b870;
  --neutral--100: #f2f4f7;
  --neutral--700: #344054;
  --radius-size--base: 8px;
  --_text---size: 0px;
  --_text---scale--min: 0.8;
  --_text---scale--max: 1.15;
  --_text---scale--viewport: 2;
  --_text---font-family--secondary: Inter;
  --_sizes---container--max-width: 80rem;
  --_sizes---container--padding: 2.5rem;
  --_labels---brand--color--label-status: black;
  --brand--color--accent-foreground: white;
  --brand--color--cta-primary-hover: #7b55d3;
  --brand--color--link: var(--brand--color--accent);
  --brand--color--link-hover: var(--brand--color--complementary-1);
  --brand--color--icons: var(--brand--color--primary);
  --brand--color--icons-inverse: white;
  --_labels---brand--color--label-status-background: white;
  --_labels---brand--color--label-status-border: #e2e8f0;
  --_labels---brand--color--label-urgency: #6b46c1;
  --_labels---brand--color--label-urgency-background: #f7f1ff;
  --_labels---brand--color--label-stock-warning: #f44;
  --_labels---brand--color--label-stock-warning-background: #fff2f2;
  --_labels---brand--color--label-savings: white;
  --_labels---brand--color--label-savings-background: #6b46c1;
  --_labels---brand--color--label-best-deal: black;
  --_labels---brand--color--label-best-deal-text: white;
  --_labels---brand--color--label-discount: #15803d;
  --_labels---brand--color--label-discount-background: #dcfce7;
  --_labels---brand--color--label-discount-text: #166534;
  --_labels---brand--color--label-new: #6b46c1;
  --_labels---brand--color--label-new-background: #f7f1ff;
  --_labels---brand--color--label-soldout: #718096;
  --_labels---brand--color--label-soldout-background: #edf2f7;
  --_labels---brand--color--label-preorder: white;
  --_labels---brand--color--label-preorder-background: white;
  --component--color--swiper-buttons-background: var(--brand--color--primary);
  --component--color--swiper-button-text: #fff;
  --component--color--swiper-thumbnail-border: #000;
  --component--color--radio: var(--brand--color--primary);
  --component--color--label-background: #000;
  --component--color--label: white;
  --radius--radius: 0px;
  --radius--selector: var(--radius-size--sm);
  --radius--label: var(--radius-size--sm);
  --borders--current-option: 2px;
  --system-colors--success-dark: #074d31;
  --system-colors--destructive-text: #8f0000;
  --system-colors--destructive: #ffe4e4;
  --system-colors--attention: #fff7d9;
  --system-colors--attention-text: #93370d;
  --system-colors--info: #e4f9fd;
  --system-colors--info-text: #00586b;
  --system-colors--glass: #fff9;
  --system-colors--transparent: transparent;
  --system-colors--transparent-white: #fff0;
  --brand--font-display: Interdisplay;
  --brand--font-text: Inter;
  --brand--color-destructive: #ffd0d0;
  --brand--color-destructive-foreground: #ac0000;
  --brand--size-radius: 8px;
  --brand--color-success: #eee;
  --brand--color-success-foreground: #000;
  --container-max-width--width-s: 0px;
  --container-max-width--width-m: 0px;
  --container-max-width--width-l: 70rem;
  --container-max-width--size: 0px;
  --container-max-width--width-xl: 82rem;
  --container-padding--desktop: 2.5rem;
  --container-padding--mobile: 1.25rem;
  --font-size--paragraph: 1rem;
  --font-size--heading-xxl: 4rem;
  --font-size--heading-xl: 3rem;
  --font-size--heading-l: 2rem;
  --font-size--heading-m: 1.5rem;
  --font-size--heading-s: 1rem;
  --font-size--paragraph-s: 0.75rem;
  --font-size--paragraph-l: 1.125rem;
  --font-size--paragraph-xl: 1.5rem;
  --neutral--50: #f9fafb;
  --neutral--200: #eaecf0;
  --neutral--400: #98a2b3;
  --neutral--500: #667085;
  --neutral--600: #475467;
  --neutral--800: #182230;
  --neutral--900: #101828;
  --neutral--950: #0c111d;
  --pb-component--color-error: #ffe4e4;
  --pb-component--color-error-foreground: #8f0000;
  --pb-component--color-success: #f6fef9;
  --pb-component--color-success-foreground: #053321;
  --pb-component--border-radius: 4px;
  --pb-component--border-size: 1px;
  --spacing--max-width-small: 70rem;
  --spacing--0-25: 0.25rem;
  --spacing--0-5: 0.5rem;
  --spacing--0-75: 0.75rem;
  --spacing--5: 5rem;
  --spacing--6: 6rem;
  --spacing--8: 8rem;
  --spacing--none: 0px;
  --section--padding: var(--spacing--2);
  --section--padding-tablet: var(--spacing--1-5);
  --section--padding-mobile: var(--spacing--1);
  --spacing-new--unit: 4px;
  --site--width: 67.5rem;
  --site--margin: 0px;
  --base-color-system--error-red-light\<deleted\|relume-variable-system-color-6\>: #fef3f2;
  --system-color--error\<deleted\|relume-variable-system-color-5\>: #f04438;
}

body {
  background-color: var(--brand--color--background);
  font-family: var(--_text---font-family--primary);
  color: var(--brand--color--text-primary);
  letter-spacing: 0;
  overscroll-behavior: auto;
  font-size: 1rem;
  line-height: 1.5;
}

h1 {
  font-family: var(--_text---font-family--heading);
  letter-spacing: -0.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
}

h2 {
  font-family: var(--_text---font-family--heading);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

h3 {
  font-family: var(--_text---font-family--heading);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
}

h4 {
  font-family: var(--_text---font-family--heading);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}

h5 {
  font-family: var(--_text---font-family--heading);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

h6 {
  font-family: var(--_text---font-family--heading);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

p {
  margin-bottom: 0;
}

a {
  color: #000;
  text-decoration: none;
}

ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.25rem;
}

ol {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}

li {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  padding-left: 0.5rem;
}

img {
  object-fit: contain;
  max-width: 100%;
  display: inline-block;
}

label {
  margin-bottom: 0.25rem;
  font-weight: 500;
}

blockquote {
  border-left: 0.1875rem solid
    var(--text-color--text-primary\<deleted\|relume-variable-text-color-1\>);
  margin-bottom: 0;
  padding: 0.75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

figure {
  margin-top: 0;
  margin-bottom: 0;
}

figcaption {
  text-align: center;
  margin-top: 0.25rem;
}

.z-index-2 {
  z-index: 2;
  position: relative;
}

.max-width-full {
  width: 100%;
  max-width: none;
}

.layer {
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.u-overflow-hidden {
  overflow: hidden;
}

.z-index-1 {
  z-index: 1;
  position: relative;
}

.hide {
  display: none;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.max-width-medium {
  width: 100%;
  max-width: 35rem;
}

.max-width-xsmall {
  width: 100%;
  max-width: 25rem;
}

.max-width-xxsmall {
  width: 100%;
  max-width: 20rem;
}

.page-wrapper {
  overflow: clip;
}

.page-wrapper.is-styleguide {
  padding-top: 4rem;
  display: flex;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.max-width-xxlarge {
  width: 100%;
  max-width: 80rem;
}

.u-spacing-clean {
  margin: 0;
  padding: 0;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.max-width-small {
  width: 100%;
  max-width: 30rem;
}

.utility_component {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.utility_form-block {
  text-align: center;
  flex-direction: column;
  max-width: 20rem;
  display: flex;
}

.utility_form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.utility_image {
  margin-bottom: 0.5rem;
  margin-left: auto;
  margin-right: auto;
}

.container-medium {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}

.container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.padding-xxsmall {
  padding: 0.5rem;
}

.u-overflow-scroll {
  overflow: scroll;
}

.u-overflow-auto {
  overflow: auto;
}

.text-md {
  font-size: 1.125rem;
}

.display-xs {
  letter-spacing: -0.03em;
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.1;
}

.display-sm {
  letter-spacing: -0.03em;
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
}

.display-2xl {
  letter-spacing: -0.02em;
  text-wrap-style: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.5rem;
  line-height: 1.1;
}

.button {
  border-radius: var(--radius--button);
  color: #000;
  text-align: center;
  background-color: #ffd431;
  border: 1px solid #d5ac10;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 54px;
  padding: 1rem 2rem;
  font-weight: 600;
  text-decoration: none;
  transition:
    background-color 0.12s,
    border 0.12s;
  display: flex;
  position: relative;
  box-shadow: 0 4px 8px #a0a99670;
}

.button.is-small {
  min-height: 3.5rem;
  padding: 0.5rem 1.25rem;
  font-size: 0.85rem;
}

.button.is-inactive {
  pointer-events: none;
  color: var(--system-colors--white);
  background-color: #aaa;
  border-color: #aaa;
}

.button.is-small {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.button.is-tiny {
  font-size: var(--font-size--paragraph-m);
  width: auto;
  min-height: 2.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.button.is-outline {
  color: var(--brand--color--primary);
  background-color: #0000;
}

.button.is-outline.is-inactive {
  border-color: var(--neutral--300);
  color: var(--neutral--300);
}

.button.is-submitting {
  pointer-events: none;
}

.button.cc-2xl {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-size: 1.625rem;
}

.button.cc-xl {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.15rem;
}

.button.cc-auto {
  width: auto;
}

.button.cc-sm {
  min-height: 3.5rem;
  padding: 0.5rem 1rem;
}

.text-weight-normal {
  font-weight: 400;
}

.display-md {
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

.text-reg {
  font-size: 1rem;
}

.text-reg.cc-red {
  color: #b73339;
}
.free-shipping {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 5px;
  margin-top: 10px;
  font-size: 15px;
}
.display-lg {
  letter-spacing: -0.04em;
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.75rem;
  font-weight: 700;
  line-height: 1.2;
}

.display-lg.cc-bt {
  margin-bottom: 1rem;
  font-size: 2rem;
}

.form_input {
  border: 1px solid var(--brand--25\<deleted\|relume-variable-color-neutral-1\>);
  background-color: var(--neutral--25);
  color: var(
    --text-color--text-primary\<deleted\|relume-variable-text-color-1\>
  );
  border-radius: 0;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.6;
}

.form_input:focus {
  border-color: #000;
}

.form_input::placeholder {
  color: #0009;
}

.icon-embed-custom1 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
}

.text-rich-text h1 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.text-rich-text blockquote {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-style: italic;
}

.text-rich-text h2,
.text-rich-text h3,
.text-rich-text h4 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.text-rich-text h5,
.text-rich-text h6 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
}

.text-rich-text p {
  margin-bottom: 1rem;
}

.text-rich-text figcaption {
  border-left: 2px solid
    var(--text-color--text-primary\<deleted\|relume-variable-text-color-1\>);
  text-align: left;
  margin-top: 0.5rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.text-lg {
  font-size: 1.25rem;
}

.form_message-error {
  background-color: var(
    --background-color--background-error\<deleted\|relume-variable-background-color-8\>
  );
  color: var(--text-color--text-error\<deleted\|relume-variable-text-color-5\>);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
}

.form_message-error-wrapper {
  margin-top: 1rem;
  padding: 0;
}

.pageblock-styles {
  display: none;
}

.text-3xs {
  font-size: 0.65rem;
}

.image {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  display: inline-block;
}

.image.cc-contain {
  object-fit: contain;
}

.custom-css {
  display: none;
  transform: rotate(-90deg);
}

.custom-code {
  display: none;
}

.headline-component {
  grid-row-gap: 0.5rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 45rem;
  margin-bottom: 3rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.headline-component.cc-left {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
}

.headline-component.cc-0 {
  margin-bottom: 0;
}

.headline-component.cc-full {
  max-width: none;
}

.display-xl {
  letter-spacing: -0.02em;
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.1;
}

.button_spinner {
  width: 100%;
  height: 100%;
  transition: opacity 0.2s;
  position: absolute;
}

.line {
  flex-grow: 1;
  height: 1px;
  position: relative;
}

.line.line-active {
  background-color: #000;
}

.line.line-inactive {
  background-color: #dadada;
}

.pb-sg_grid-1-col {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.pb-sg_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start flex-start;
  place-items: flex-start start;
  display: flex;
  position: relative;
}

.pb-sg_style-label {
  color: #fff;
  background-color: #000;
  border: 1px solid #000;
  border-radius: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.685rem;
  font-weight: 500;
  line-height: 1.5rem;
  display: inline-block;
}

.text-sm {
  font-size: 0.875rem;
}

.text-xs {
  color: #242424;
  font-size: 0.813rem;
  line-height: 1.188rem;
}

.pb-sg_grid-4-col {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(12rem, auto));
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.pb-sg_grid-3-col {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(12rem, auto));
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.pb-sg_group-list {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  display: flex;
}

.pb-sg_section-group {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  display: flex;
}

.pb-sg_class-row {
  grid-column-gap: 0.2rem;
  grid-row-gap: 0.2rem;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link {
  color: var(--brand--color--primary);
  white-space: nowrap;
  font-weight: 500;
  line-height: 1.5rem;
  text-decoration: underline;
}

.link.is-xsmall {
  font-size: 0.75rem;
  line-height: 1rem;
}

.link.is-underline {
  text-decoration: underline;
}

.link.is-icon {
  grid-column-gap: 0.375rem;
  grid-row-gap: 0.375rem;
  align-items: center;
  display: flex;
}

.image-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.sg_empty-box {
  pointer-events: none;
  background-color: #fff;
  border: 1px solid #000;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

.sg_empty-box.horizontal-border {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}

.sg_color-spacer {
  pointer-events: none;
  width: 100%;
  height: 100%;
  padding: 1rem;
}

.sg_color-spacer.top {
  border-bottom: 1px dashed #000;
}

.sg_color-spacer.bottom {
  border-top: 1px dashed #000;
  border-bottom: 1px #000;
}

.sg_color-spacer.right {
  border: 1px dashed #000;
  border-bottom-style: none;
}

.sg_section-background {
  background-color: #fafbff;
  border-radius: 0.25rem;
  width: 100%;
  overflow: hidden;
}

.container-xsmall {
  width: 100%;
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
}

.pb-sg_spacing-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start stretch;
  display: grid;
  position: relative;
}

.top {
  display: flex;
}

.section {
  padding-top: var(--spacing--4);
  padding-bottom: var(--spacing--4);
  position: relative;
  overflow: clip;
}

.section.cc-top-lg {
  padding-top: 7.5rem;
  font-family: Lato, sans-serif;
}

.section.cc-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.section.cc-top-0 {
  padding-top: 0;
}

.section.cc-bottom-0 {
  padding-bottom: 0;
}

.section.cc-sm {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.section.cc-top-sm {
  padding-top: 2.5rem;
}

.section.cc-bottom-sm {
  padding-bottom: 2.5rem;
}

.section.cc-lg {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}

.section.cc-bottom-lg {
  padding-bottom: 7.5rem;
}

.section.cc-custom.cc-up4-header {
  color: #fff;
  background-color: var(--brand--color--primary);
  padding-top: 1rem;
  padding-bottom: 5rem;
}

.section.cc-custom.cc-upsell4 {
  margin-top: -6rem;
  padding-top: 2rem;
  padding-bottom: 4rem;
}

.bg-color-primary {
  background-color: var(--brand--color--primary);
}

.bg-color-secondary {
  background-color: var(--brand--color--secondary);
}

.bg-color-secondary--light {
  background-color: var(--brand--color--secondary-light);
}

.bg-color-tertiary {
  background-color: var(--brand--color--tertiary);
}

.bg-color-tertiary--light {
  background-color: var(--brand--color--tertiary-light);
}

.bg-color-accent {
  background-color: var(--brand--color--accent);
}

.bg-color-complimentary1 {
  background-color: var(--brand--color--complementary-1);
}

.bg-color-complimentary2 {
  background-color: var(--brand--color--complementary-2);
}

.bar-wrap {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  position: relative;
}

.u-hide {
  display: none;
}

.title-wrapper {
  margin-bottom: 1rem;
}

.css-selector {
  color: #fff;
  background-color: #3e6cff;
  border-radius: 4px;
  flex: none;
  padding: 5px 12px;
  font-size: 0.875rem;
  line-height: 1;
  display: inline-block;
}

.css-selector.cc-attribute {
  background-color: #404040;
}

.pb-sg_element {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: minmax(160px, 0.25fr) 1fr minmax(280px, 0.5fr);
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-items: start;
  padding-top: 40px;
  padding-bottom: 40px;
  display: grid;
}

.pb-sg_element.cc-bigger-details {
  grid-template-columns: 0.5fr 0.5fr 1fr;
}

.css-selectors-wrap {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column wrap;
  align-items: flex-start;
  display: flex;
}

.css-group {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-wrap: wrap;
  display: flex;
}

.pb-sg_detail-box {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  border: 1px solid #fafafa;
  border-radius: 0.625rem;
  flex-direction: column;
  padding: 1.25rem;
  display: flex;
}

.text-h5 {
  font-size: 2rem;
  line-height: 1.2em;
}

.pb-sg_square {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid #fafafa;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 120px;
  height: 120px;
  display: grid;
}

.code {
  color: #413e3e;
  letter-spacing: 0.04rem;
  background-color: #dbdbdb;
  border-radius: 4px;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.text-clip-bg {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.image-wrapper {
  border-radius: var(--radius--image);
  align-self: flex-start;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.image-wrapper.cc-4x3 {
  aspect-ratio: 4 / 3;
}

.image-wrapper.cc-1x1 {
  aspect-ratio: 1;
}

.image-wrapper.cc-16x9 {
  aspect-ratio: 16 / 9;
}

.spacer {
  opacity: 0;
}

.spacer-tablet,
.spacer-landscape,
.spacer-mobile {
  display: none;
}

.cta-wrapper {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-wrap: wrap;
  margin-top: 2rem;
  display: flex;
}

.button-12 {
  border: 2px solid var(--brand--color--primary);
  border-radius: var(--radius-size--buttons);
  background-color: var(--brand--color--primary);
  color: var(--system-colors--white);
  text-align: center;
  justify-content: center;
  align-items: center;
  min-height: 4.5rem;
  padding: 1rem 2rem;
  font-family: Interdisplay;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  position: relative;
}

.u-text-muted {
  color: var(--brand--color--text-muted);
}

.u-font-bold {
  font-weight: 700;
}

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

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

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

.u-text-underline {
  text-decoration: underline;
}

.u-text-strike {
  text-decoration: line-through;
}

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

.u-text-no-wrap {
  white-space: nowrap;
}

.u-align-center {
  margin-left: auto;
  margin-right: auto;
}

.u-mt-auto {
  margin-top: auto;
}

.u-opacity-0 {
  opacity: 0;
}

.u-opacity-50 {
  opacity: 0.5;
}

.u-width-full {
  width: 100%;
}

.u-height-full {
  height: 100%;
}

.nav-logo-2 {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  align-items: center;
  font-weight: 600;
  display: flex;
}

.logo_water {
  height: 1rem;
}

.button_content {
  grid-column-gap: 0.5rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity 0.2s;
  display: flex;
}

.styleguide_guide_wrap {
  z-index: 2000;
  pointer-events: none;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
  overflow: hidden;
}

.u-grid-cust {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.u-grid-cust.grid-6 {
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-flow: column;
}

.u-grid-cust.cc-2-1 {
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-columns: 1fr 0.5fr;
  grid-auto-flow: column;
}

.u-grid-cust.cc-horizontal {
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  grid-template-columns: 1fr;
  grid-auto-flow: column;
}

.u-grid-cust.cc-1-2 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  grid-template-columns: 0.5fr 1fr;
  grid-auto-flow: column;
}

.u-grid-cust.cc-1-2 {
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  grid-template-columns: 0.5fr 1fr;
  grid-auto-flow: column;
}

.u-grid-cust.cc-2-1 {
  grid-column-gap: var(--site--gutter);
  grid-row-gap: var(--site--gutter);
  grid-template-columns: 1fr 0.5fr;
  grid-auto-flow: column;
}

.u-vertical-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.u-vertical-wrap.cc-s {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
}

.u-vertical-wrap.cc-l {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
}

.u-vertical-wrap.cc-xl {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.u-vertical-wrap.cc-xs {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
}

.u-vertical-wrap.cc-m {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
}

.bg-gd-top {
  background-image: linear-gradient(
    180deg,
    var(--brand--color--primary),
    #0000
  );
  pointer-events: none;
  height: 20rem;
  position: absolute;
  inset: 0% 0% auto;
}

.bz-component {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.bz-component.is-reverse {
  filter: invert();
}

.bz-grids {
  display: none;
}

.page-global {
  z-index: 1;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  width: 100%;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
}

.page-global.is-nav {
  padding-left: 1rem;
  padding-right: 1rem;
}

.main-navbar {
  z-index: 400;
  border-bottom: 1px solid #d8d8d8;
  justify-content: flex-start;
  align-items: center;
  min-height: 4rem;
  display: flex;
  position: relative;
}

.main-navbar.is-app {
  background-color: #fff;
  position: fixed;
  inset: 0% 0% auto;
}

.icon-logosss {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
  display: flex;
}

.nav-menu-wrap {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.sidebar__links-wrap {
  flex: 1;
  padding-bottom: 2rem;
  position: relative;
  overflow: auto;
}

.sidebar_group {
  border-bottom: 1px solid #d8d8d8;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  padding: 0.5rem;
  display: flex;
}

.sidebar_group.cc-addon {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-weight: 600;
}

.sidebar-dashboard_link-accordion-button {
  color: #0e0e0e;
  cursor: pointer;
  border-radius: 4px;
  margin-top: -0.2rem;
  margin-left: -0.5rem;
  padding: 0.25rem;
  position: absolute;
  inset: 0.5rem auto auto 0.75rem;
}

.sidebar-dashboard_link-accordion-button:hover {
  background-color: #f0f0f0;
}

.sidebar_link-group {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  color: #0e0e0e;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
  padding: 0.5rem 1rem 0.5rem 0.75rem;
  transition:
    color 0.2s,
    background-color 0.2s;
  display: flex;
}

.sidebar_link-group:hover,
.sidebar_link-group.w--current {
  color: #0e0e0e;
  background-color: #f0f0f0;
}

.sidebar-dashboard_sub-link {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  color: #0e0e0e;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
  padding: 0.5rem 1rem 0.5rem 0.75rem;
  transition:
    color 0.2s,
    background-color 0.2s;
  display: flex;
}

.sidebar-dashboard_sub-link:hover,
.sidebar-dashboard_sub-link.w--current {
  color: #0e0e0e;
  background-color: #f0f0f0;
}

.sidebar-dashboard_sub-link.is-secondary {
  clear: left;
  color: #757575;
  border-radius: 8px;
  padding-left: 2.625rem;
}

.sidebar-dashboard_sub-link.is-secondary:hover,
.sidebar-dashboard_sub-link.is-secondary.w--current {
  color: #0e0e0e;
  background-color: #f0f0f0;
}

.content_wrap {
  background-color: #fff;
  flex-flow: column;
  flex: auto;
  align-items: stretch;
  width: 100%;
  min-height: calc(100dvh - 4rem);
  padding-top: 0;
  display: flex;
  overflow: hidden;
}

.sidebar-arrow_button {
  width: 1.25rem;
  height: 1.25rem;
}

.button-pb {
  color: #fff;
  text-align: center;
  background-color: #0e0e0e;
  border: 1px solid #0e0e0e;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1.5rem;
  font-family: Geist;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  transition:
    box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
    background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  display: flex;
  position: relative;
  box-shadow:
    inset 0 1px 1px #fff3,
    inset 0 6px 12px #ffffff0f,
    0 4px 4px #08080814,
    0 1px 2px #08080833;
}

.button-pb:hover {
  color: #f0f0f0;
  background-color: #1d1d1d;
}

.button-pb.cc-smaller {
  font-size: 0.75rem;
}

.sidebar_wrap {
  z-index: 300;
  color: #000;
  background-color: #fff;
  border-right: 1px solid #d8d8d8;
  padding: 0.5rem;
  font-size: 0.85rem;
  position: relative;
}

.sidebar_link-text.secondary {
  margin-left: auto;
  font-size: 0.75rem;
}

.sidebar {
  z-index: 500;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 0.25rem;
  flex-flow: column;
  width: 15.5rem;
  height: calc(100vh - 5rem);
  display: flex;
  position: sticky;
  top: 4.5rem;
}

.sidebar_title {
  letter-spacing: 0.3em;
  text-transform: uppercase;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.6rem;
}

.sidebar_title.u-fc-3 {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
}

.cta-container {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  padding: 1rem;
}

.icon-1-5 {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
  display: flex;
}

.sidebar-dashboard_sub-link-accordion {
  flex-flow: column;
  justify-content: center;
  display: flex;
  position: relative;
}

.grid-holder {
  z-index: 1;
  position: relative;
}

.grid-holder.is-full {
  z-index: 2;
  background-color: #fff;
  border-bottom-width: 1px;
  border-bottom-color: #000;
}

.text-2xl {
  font-size: 1.45rem;
}

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

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

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

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

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

.pb-sg_grid-6-col {
  grid-column-gap: 0rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.style-holder {
  z-index: 4;
  background-color: #fff;
  position: relative;
}

.styleguide-lines {
  z-index: 0;
  pointer-events: none;
  background-color: #f5f5f5;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  position: absolute;
  inset: 0%;
}

.sg_item {
  border: 1px solid #000;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
}

.u-horizontal-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  align-items: center;
  display: flex;
}

.u-horizontal-wrap.cc-xs {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
}

.u-horizontal-wrap.cc-s {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  align-items: center;
}

.u-horizontal-wrap.cc-m {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
}

.u-horizontal-wrap.cc-l {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
}

.u-horizontal-wrap.cc-xl {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.grid-placeholder {
  border: 1px solid #91919a;
  height: 3rem;
  position: relative;
}

.styleguide-gridssline {
  z-index: 3;
  position: absolute;
  inset: 0%;
}

.sg_bg-holder {
  z-index: 1;
  background-color: #fff;
  border: 2px solid #000;
  width: 100%;
  min-height: 24rem;
  position: relative;
  overflow: clip;
}

.bg-gd-bottom {
  background-image: linear-gradient(0deg, #000, #fff0);
  height: 20rem;
  position: absolute;
  inset: auto 0% 0%;
}

.bg-gd-left {
  background-image: linear-gradient(90deg, #000, #fff0);
  width: 20rem;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.bg-gd-right {
  background-image: linear-gradient(270deg, #000, #fff0);
  width: 20rem;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.uui-button {
  grid-column-gap: 0.5rem;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #7f56d9;
  border: 1px solid #7f56d9;
  border-radius: 0.5rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    "Poppins",
    Oxygen,
    Ubuntu,
    Cantarell,
    Fira Sans,
    Droid Sans,
    Helvetica Neue,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button:hover {
  background-color: #6941c6;
  border-color: #6941c6;
}

.uui-button:focus {
  background-color: #7f56d9;
  box-shadow:
    0 1px 2px #1018280d,
    0 0 0 4px #f4ebff;
}

.uui-button.is-button-large {
  grid-column-gap: 0.75rem;
  background-color: #fed300;
  border-width: 0;
  border-radius: 43px;
  width: 100%;
  min-width: 393px;
  padding: 1.3125rem 1.25rem;
  font-size: 1.125rem;
  transition-property: none;
  box-shadow:
    0 6px 8px 2px #0000004f,
    0 0 #fed300,
    1px 7px 0 1px #0003;
}

.bz-components {
  display: none;
}

.label__wrapper {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  padding: 0.3rem 0.5rem;
  font-size: 0.75rem;
  line-height: 1;
  display: flex;
}

.label__wrapper.cc-xs {
  padding: 0.25rem 0.35rem 0.25rem 0.25rem;
  font-size: 0.5rem;
}

.label__wrapper.cc-sm {
  padding: 0.245rem 0.375rem;
  font-size: 0.625rem;
}

.label__wrapper.cc-md {
  padding: 0.35rem 0.625rem;
  font-size: 0.825rem;
}

.label__wrapper.cc-lg {
  padding: 0.425rem 0.75rem;
  font-size: 0.875rem;
}

.label__wrapper.cc-xl {
  padding: 0.485rem 0.875rem;
  font-size: 0.875rem;
}

.label {
  border-radius: var(--radius-size--sm);
  color: #fff;
  background-color: #000;
  font-weight: 500;
}

.label.sage-success {
  color: #2d6a4f;
  background-color: #e7f3e5;
}

.label.mint-fresh {
  color: #92400e;
  background-color: #fef3c7;
}

.label.sunset-alert {
  color: #065f46;
  background-color: #d1fae5;
}

.label.coral-warning {
  color: #9f1239;
  background-color: #ffe4e6;
}

.label.ocean-info {
  color: #1e40af;
  background-color: #dbeafe;
}

.label.arctic-notice {
  color: #075985;
  background-color: #e0f2fe;
}

.label.stone-neutral {
  color: #44403c;
  background-color: #f5f5f4;
}

.label.clay-basic {
  color: #404040;
  background-color: #f5f5f5;
}

.label.lavender-special {
  color: #6b21a8;
  background-color: #f3e8ff;
}

.label.berry-feature {
  color: #9d174d;
  background-color: #fce7f3;
}

.label.forest-active {
  color: #166534;
  background-color: #dcfce7;
}

.label.sunset-pending {
  color: #854d0e;
  background-color: #fef9c3;
}

.label.crimson-urgent {
  color: #991b1b;
  background-color: #fee2e2;
}

.label.cyber-premium {
  color: #0c4a6e;
  background-color: #f0f9ff;
}

.label.neon-beta {
  color: #164e63;
  background-color: #ecfeff;
}

.badge__text {
  pointer-events: auto;
  flex: none;
  line-height: 1.2;
}

.sg-box {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
}

.ct-sage-success {
  background-color: #e7f3e5;
}

.st-flex-hori {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start flex-start;
  place-items: flex-start start;
  display: flex;
  position: relative;
}

.ct-mint-fresh {
  color: #065f46;
  background-color: #d1fae5;
}

.ct-sunset-alert {
  color: #92400e;
  background-color: #fef3c7;
}

.ct-coral-warning {
  color: #9f1239;
  background-color: #ffe4e6;
}

.ct-ocean-info {
  color: #1e40af;
  background-color: #dbeafe;
}

.ct-arctic-notice {
  color: #075985;
  background-color: #e0f2fe;
}

.ct-stone-neutral {
  color: #44403c;
  background-color: #f5f5f4;
}

.ct-clay-basic {
  color: #404040;
  background-color: #f5f5f5;
}

.ct-lavender-special {
  color: #6b21a8;
  background-color: #f3e8ff;
}

.ct-berry-feature {
  color: #9d174d;
  background-color: #fce7f3;
}

.ct-forest-active {
  color: #166534;
  background-color: #dcfce7;
}

.ct-sunset-pending {
  color: #854d0e;
  background-color: #fef9c3;
}

.ct-crimson-urgent {
  color: #991b1b;
  background-color: #fee2e2;
}

.ct-cyber-premium {
  color: #0c4a6e;
  background-color: #f0f9ff;
}

.ct-neon-beta {
  color: #164e63;
  background-color: #ecfeff;
}

.u-text-italic {
  font-style: italic;
}

.item-holder {
  z-index: 1;
  position: relative;
}

.styleguide-tests {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.section-holder {
  width: 100%;
  position: relative;
  overflow: clip;
}

.sg-flex-horiz {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  display: flex;
}

.pb_sg-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start flex-start;
  place-items: stretch start;
  min-width: 16rem;
  display: flex;
  position: relative;
}

.pb_sg-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.pb_sg-grid.gap-big {
  grid-column-gap: 3rem;
  grid-row-gap: 5rem;
}

.pb_sg-header {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  align-items: flex-start;
  margin-bottom: 1rem;
  display: flex;
}

.sg_style-sub {
  color: #6b6b6b;
  font-size: 0.875rem;
}

.headline-holders {
  z-index: 1;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
  overflow: clip;
}

.styleguide_separator {
  height: 0;
}

.sg_item-square {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pb-sg_vertical-flex {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.pb-sg_header-title {
  color: var(--base--white\<deleted\|relume-variable-color-primary-2\>);
  font-size: 6rem;
  font-weight: 400;
}

.sidebar_footer {
  border-top: 1px solid #d8d8d8;
}

.list-container {
  grid-row-gap: 0.25rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.list-container.cc-xs {
  font-size: 0.8125rem;
}

.list-container.cc-sm {
  font-size: 0.875rem;
  line-height: 1.3;
}

.list-container.cc-2xs {
  font-size: 0.725rem;
}

.list-container.cc-md {
  font-size: 0.9375rem;
}

.list-container.cc-lg {
  font-size: 1.0625rem;
}

.list {
  grid-row-gap: 0.5em;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.list.cc-center {
  justify-content: center;
  align-items: center;
}

.list__item {
  grid-column-gap: 0.5em;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.list__item.cc-gap.cc-md {
  grid-column-gap: 0.5em;
}

.list__item.cc-center {
  justify-content: flex-start;
  align-items: center;
}

.list_icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.5em;
  min-width: 1.5em;
  height: 1.5em;
  min-height: 1.5em;
  display: flex;
  position: relative;
}

.pb-sg_prefix {
  color: #5c5c5c;
  letter-spacing: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
}

.pb-sg_headings {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 4rem;
  display: flex;
}

.pb-sg_sub {
  color: #676767;
  line-height: 1.7;
}

.pb-sg_subcategory-inner {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
  position: relative;
}

.pb-sg_category {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  display: flex;
}

.pb-sg_header {
  margin-bottom: 1.5rem;
}

.pb-sg_subcategory {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-top: 0.5px solid #d5d5d5;
  border-bottom: 0.5px solid #d5d5d5;
  flex-flow: column;
  padding-top: 0;
  display: flex;
}

.pb-sg_subcategory.pb-sg_first {
  border-top-style: solid;
}

.pb-sg_subcategory-col {
  z-index: 1;
  background-color: #fff;
  padding-bottom: 2rem;
  position: relative;
}

.pb-sg_subcategory-col.pb-sg_right {
  border-left: 0.5px solid #d5d5d5;
  flex: 1;
}

.pb-sg_subcategory-col.pb-sg_left {
  border-right: 0.5px solid #d5d5d5;
  flex: none;
  align-items: stretch;
  width: 25%;
  display: flex;
  position: static;
}

.pb-sg_category-group {
  border-left: 0.5px solid #d5d5d5;
  border-right: 0.5px solid #d5d5d5;
  flex-flow: column;
  width: 100%;
  max-width: 67.5rem;
  min-height: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
  position: relative;
}

.pb-sg_category-group-head {
  z-index: 1;
  background-color: #000;
  justify-content: space-between;
  align-items: flex-end;
  min-height: 280px;
  margin-left: -2.5rem;
  margin-right: -2.5rem;
  padding: 2.5rem;
  display: flex;
  position: relative;
}

.pb-sg_category-group__title {
  position: relative;
}

.pb-sg_category-group-content {
  z-index: 1;
  background-color: #fff;
  border-top: 0.5px solid #d5d5d5;
  border-left: 0.5px solid #d5d5d5;
  border-right: 0.5px solid #d5d5d5;
  width: 100%;
  min-height: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4rem;
  padding-bottom: 4rem;
  position: relative;
}

.pb_sg-heading-text {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

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

.u-text-surface {
  color: var(--brand--color--surface);
}

.u-bg-primary {
  background-color: var(--brand--color--primary);
}

.u-text-accent {
  color: var(--brand--color--accent);
}

.sg-content-hori {
  pointer-events: none;
  min-width: 8rem;
  height: 3rem;
}

.grid-2cols-sg {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.code-embed-9 {
  position: absolute;
  inset: 0%;
}

.sg_grid-4col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.pb_sg-item-auto {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  place-items: flex-start start;
  display: flex;
  position: relative;
}

.pb-sg_main {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  display: flex;
}

.pb-overlay {
  z-index: 900;
  opacity: 0;
  visibility: hidden;
  background-color: #00000080;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  position: fixed;
  inset: 0%;
}

.pb_styleguide-wrapper-ui {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  cursor: pointer;
  background-color: #00000008;
  border: 1px dashed #00000040;
  border-radius: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 4rem;
  padding: 1rem;
  font-family: Geistmono;
  font-size: 0.825rem;
  display: flex;
}

.pb_styleguide-wrapper-ui:hover {
  border-style: solid;
  border-color: var(--brand--color--primary);
  color: var(--brand--color--primary);
  background-color: #2563eb0d;
}

.pb_styleguide-wrapper-ui.cc-auto {
  justify-content: center;
  align-items: center;
  height: auto;
}

.pb-modal {
  z-index: 1000;
  border-top-left-radius: var(--radius-size--md);
  border-top-right-radius: var(--radius-size--md);
  border-bottom-left-radius: var(--radius-size--md);
  border-bottom-right-radius: var(--radius-size--md);
  opacity: 0;
  visibility: hidden;
  background-color: #fff;
  flex-flow: column;
  width: 28rem;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  position: fixed;
  inset: 50% auto auto 50%;
}

.pb-modal_content {
  flex-flow: column;
  flex: 1;
  padding: 0;
  display: flex;
  overflow: auto;
}

.pageblock-component-wrapper {
  justify-content: center;
  align-items: center;
  height: 0;
  display: flex;
}

.button-modals {
  color: var(--brand--color--text-inverse);
  cursor: pointer;
  background-color: #000;
  border-radius: 4px;
  padding: 0.5rem 1rem;
  position: static;
  inset: auto 1rem 1rem auto;
}

.u-hide_desktop {
  display: none;
}

.sg_grid-2-col {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.list_icon__wrapper {
  justify-content: center;
  align-items: center;
  width: 1.5em;
  min-width: 1.5em;
  height: 1.5em;
  min-height: 1.5em;
  display: flex;
}

.u-vflex-left-top {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  place-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.u-hflex-left-center {
  flex-flow: row;
  place-content: center flex-start;
  align-items: center;
  display: flex;
}

.next-icon {
  line-height: 1;
  font-size: inherit;
  -webkit-user-select: none;
  user-select: none;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.125em;
  height: 1.125em;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.next-icon.cc-1rem {
  width: 1rem;
  height: 1rem;
}

.next-icon.cc-rem {
  width: 1.125rem;
  height: 1.125rem;
}

.next-icon.cc-0-75rem {
  width: 0.75rem;
  height: 0.75rem;
}

.next-icon.cc-image-0-75rem {
  aspect-ratio: auto;
  object-fit: contain;
  object-position: 50% 50%;
  width: auto;
  height: 0.75rem;
}

.next-icon.cc-1-5em {
  width: 1.5em;
  height: 1.5em;
}

.next-icon.cc-3rem {
  width: 3rem;
  height: 3rem;
}

.next-icon.cc-0-75em {
  width: 0.75em;
  height: 0.75em;
}

.next-icon.cc-image {
  aspect-ratio: auto;
  object-fit: contain;
  object-position: 50% 50%;
  width: auto;
  height: 1.125rem;
}

.next-icon.cc-image-2rem {
  aspect-ratio: auto;
  object-fit: contain;
  object-position: 50% 50%;
  width: auto;
  height: 2rem;
}

.next-icon.cc-5em {
  width: 5em;
  height: 5em;
}

.next-icon.cc-image-4rem {
  aspect-ratio: auto;
  object-fit: contain;
  object-position: 50% 50%;
  width: auto;
  height: 4rem;
}

.next-icon.cc-image-1rem {
  aspect-ratio: auto;
  object-fit: contain;
  object-position: 50% 50%;
  width: auto;
  height: 1rem;
}

.next-icon.cc-mini {
  width: 10px;
  height: 10px;
}

.next-icon.cc-2rem {
  width: 2rem;
  height: 2rem;
}

.next-icon.cc-3em {
  width: 3em;
  height: 3em;
}

.next-icon.cc-5rem {
  width: 5rem;
  height: 5rem;
}

.next-icon.cc-6rem {
  width: 6rem;
  height: 6rem;
}

.next-icon.cc-1em {
  width: 1em;
  height: 1em;
}

.next-icon.cc-2em {
  width: 2em;
  height: 2em;
}

.next-icon.cc-image-6rem {
  aspect-ratio: auto;
  object-fit: contain;
  object-position: 50% 50%;
  width: auto;
  height: 6rem;
}

.next-icon.cc-6em {
  width: 6em;
  height: 6em;
}

.next-icon.cc-image-1-5rem {
  aspect-ratio: auto;
  color: #000;
  object-fit: contain;
  object-position: 50% 50%;
  width: auto;
  height: 1.5rem;
}

.next-icon.cc-4rem {
  width: 4rem;
  height: 4rem;
}

.next-icon.cc-image-5rem {
  aspect-ratio: auto;
  object-fit: contain;
  object-position: 50% 50%;
  width: auto;
  height: 5rem;
}

.next-icon.cc-image-3rem {
  aspect-ratio: auto;
  object-fit: contain;
  object-position: 50% 50%;
  width: auto;
  height: 3rem;
}

.next-icon.cc-1-5rem {
  width: 1.5rem;
  height: 1.5rem;
}

.next-icon.cc-4em {
  width: 4em;
  height: 4em;
}

.next-icon.cc-1-25em {
  width: 1.25em;
  height: 1.25em;
}

.icon-wrapper {
  color: inherit;
  flex: none;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}

.icon-wrapper.cc-circle {
  background-color: #e6e6e6;
  border-radius: 999rem;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  font-size: 1.25rem;
  line-height: 1;
  display: flex;
}

.u-grid-2col-wide {
  grid-column-gap: var(--spacing--4);
  grid-row-gap: var(--spacing--4);
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.u-grid-2col-standard {
  grid-column-gap: var(--spacing--2);
  grid-row-gap: var(--spacing--2);
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.u-grid-2col-compact {
  grid-column-gap: var(--spacing--1);
  grid-row-gap: var(--spacing--1);
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.u-grid-3col-wide {
  grid-column-gap: var(--spacing--4);
  grid-row-gap: var(--spacing--4);
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.u-grid-3col-standard {
  grid-column-gap: var(--spacing--2);
  grid-row-gap: var(--spacing--2);
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.u-grid-3col-compact {
  grid-column-gap: var(--spacing--1);
  grid-row-gap: var(--spacing--1);
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.u-grid-4col-wide {
  grid-column-gap: var(--spacing--4);
  grid-row-gap: var(--spacing--4);
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.u-grid-4col-standard {
  grid-column-gap: var(--spacing--2);
  grid-row-gap: var(--spacing--2);
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.u-grid-4col-compact {
  grid-column-gap: var(--spacing--1);
  grid-row-gap: var(--spacing--1);
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.u-grid-6col-standard {
  grid-column-gap: var(--spacing--1);
  grid-row-gap: var(--spacing--1);
  grid-template-rows: auto;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.sg_icon-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.list-icon_wrapper {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.5em;
  min-width: 1.5em;
  max-width: 1.5em;
  height: 1.5em;
  min-height: 1.5em;
  max-height: 1.5em;
  display: flex;
}

.list-icon {
  flex: none;
  width: 1.2em;
  min-width: 1.2em;
  height: 1.2em;
  min-height: 1.2em;
  margin-right: 0;
  font-size: 1.25rem;
  display: flex;
}

.list-icon.cc-sm {
  width: 14px;
  min-width: 14px;
  height: 14px;
  min-height: 14px;
}

.payment-method__icons {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 25px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
  font-weight: 600;
  font-size: 10px;
}

.container-12 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.code-embed-10 {
  height: 1rem;
}

.pb-sg_info-container {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 3rem;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1;
  display: flex;
}

.pb-sg_info-container.cc-subcategory {
  aspect-ratio: auto;
  flex: none;
  width: 100%;
  height: 3rem;
  font-size: 1.25rem;
  position: sticky;
  top: 2rem;
}

.pb-sg_bottom-left,
.pb-sg_bottom-right {
  height: 1px;
  padding-bottom: 0;
  padding-right: 0;
}

.pb-modal_button {
  background-color: #f0f0f000;
  border: 1px solid #000;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
  min-height: 2.5rem;
  display: flex;
}

.pb-modal__close {
  pointer-events: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  min-width: 1.5rem;
  max-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
  max-height: 1.5rem;
  display: block;
}

.modal-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100svh;
  display: flex;
}

.modal-setup {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.modal_buttons-style {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.pb-modal_header {
  border-bottom: 0.5px none var(--brand--color--border);
  justify-content: space-between;
  align-items: flex-start;
  min-height: 2.5rem;
  padding: 1.5rem;
  display: flex;
}

.pb-modal_info {
  padding: 1.5rem;
}

.pb-modal_title {
  font-weight: 600;
}

.pb-modal_title.cc-title {
  color: #375c31;
  font-size: 2.25rem;
}

.container {
  z-index: 1;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: block;
  position: relative;
}

.container.cc-medium {
  max-width: 72.5rem;
}

.container.cc-large {
  max-width: 75rem;
}

.container.cc-small {
  max-width: 62.5rem;
}

.pb-labelss {
  z-index: 0;
  text-align: center;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  position: relative;
}

.pb-component_label2-text {
  z-index: 1;
  color: #f5f5f5;
  text-align: center;
  font-size: 10px;
  font-weight: 800;
  line-height: 10px;
  position: relative;
}

.pb-component_badge-rotate {
  color: #000;
  flex: none;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.pb-component_badge-rotate.is-absolute {
  z-index: 0;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  position: absolute;
  inset: 0%;
}

.sidebar-icons {
  color: #060606;
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
  display: flex;
}

.progress-bar1 {
  background-color: var(--brand--color--primary);
  justify-content: center;
  align-items: center;
  height: 14px;
  display: flex;
  position: relative;
}

.content-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.feature_grid-item--image {
  aspect-ratio: 3 / 2;
  position: relative;
}

.feature_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.swiper-slide {
  border-radius: 8px;
}

.swiper-slide.is-thumb {
  border: 1px solid #0000;
  overflow: hidden;
}

.swiper-slide.is-thumb.swiper-slide-thumb-active {
  border: 1px solid #000;
}

.swiper-wrapper {
  width: 100%;
  height: auto;
}

.cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: 100%;
}

.slider_component {
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.slider2_component {
  height: 100%;
  position: relative;
}

.slider2_component-wrapper {
  grid-row-gap: 0.5rem;
  flex-direction: column;
  display: flex;
}

.swiper {
  width: 100%;
  height: auto;
}

.swiper.is-v9-main {
  border-radius: 0.5rem;
  overflow: hidden;
}

.swiper__button-static {
  color: #fff;
  cursor: pointer;
  background-color: #000;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  transition:
    box-shadow 0.2s,
    color 0.2s,
    border-color 0.2s,
    transform 0.2s;
  display: flex;
  position: static;
}

.swiper__button-static.is-sw22 {
  z-index: 1;
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  position: relative;
  box-shadow: 0 0 1rem #1d4ed800;
}

.swiper__button-static.is-sw22:hover {
  border-color: #2a2552;
}

.swiper__button-static.is-sw22:active {
  box-shadow: 0 0 1rem #2a255236;
}

.slider2_thumbs-wrap {
  z-index: 1;
  border-radius: 0.4rem 0 0.4rem 0.4rem;
  width: 100%;
}

.slider2_thumbs-wrap.is-sw22 {
  flex-flow: column;
  flex: 1;
  align-items: center;
  max-width: 100%;
  display: flex;
  overflow: hidden;
}

.swiper-slide_image-wrap {
  justify-content: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.swiper-slide_inner {
  position: relative;
}

.swiper__button-icon {
  justify-content: center;
  align-items: center;
  width: 1.25em;
  height: 1.25em;
  display: flex;
}

.swiper-thumbs-arrow {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.review_component {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  align-items: center;
  font-size: 1em;
  line-height: 1;
}

.review_component.cc-sm {
  font-size: 0.875rem;
  line-height: 1.3;
}

.review_component-wrapper {
  grid-column-gap: 0.6em;
  grid-row-gap: 0.6em;
  align-items: center;
  display: flex;
  font-weight: 400;
  font-size: 13px;
}

.review_stars-wrapper {
  color: var(--brand--color--rating-star);
  align-items: center;
  display: flex;
}

.review_stars-wrapper.cc-color.cc-black {
  color: var(--brand--color--rating-star);
}

.review_component-star {
  width: 1.2em;
  height: 1.2em;
}

.cta-blank {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  flex: 1;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
}

.upsell-link {
  color: #1a1a1a;
  margin-left: auto;
  margin-right: auto;
  text-decoration: underline;
}

.upsell-link.cc-decline {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  align-items: center;
  display: flex;
}

.cta-message {
  font-size: 1.25rem;
  font-weight: 500;
}

.padding-global {
  width: 100%;
  padding-left: 3%;
  padding-right: 3%;
}

.contain {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.contain.small {
  max-width: 920px;
}

.footer-link {
  color: #fff;
  font-size: 14px;
  font-weight: 200;
  text-decoration: none;
}

.footer_section {
  color: #a8a8a8;
  background-color: #2a2248;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.footer_layout {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer_copy-info {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.footer_link-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  font-size: 0.8125rem;
  display: flex;
}

.footer_legal-link {
  color: #a8a8a8;
  text-decoration: none;
}

.preloader {
  display: none;
}

.navbar1__logo {
  height: 2rem;
}

.navbar1__right {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.mg-section {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  align-items: center;
  display: flex;
}

.mg-image {
  width: 60px;
  height: 60px;
}

.mg-text {
  font-weight: 600;
}

.section-checkout {
  background-color: #fafaf9;
  padding-top: 2rem;
  padding-bottom: 4rem;
}

.section-checkout.cc-green {
  background-color: #fbfff1;
}
.section-checkout.cc-purple {
  background-color: #f3f1fe;
}
.cc-bonus-price__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  background: #fff8b1;
  width: fit-content;
  margin: 0 auto 12px;
  padding-inline: 13px;
  font-weight: 700;
  font-size: 17px;
  /* line-height: 71%; */
  text-align: center;
}
.cc-bonus-price__wrapper span {
  font-weight: 400;
  position: relative;
}
.cc-bonus-price__wrapper span::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #ff0000;
  position: absolute;
  top: 50%;
  left: 0;
}
.cc-bonus__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: start;
  gap: 18px;
}
.cc-bonus-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 5px;
  font-weight: 700;
  font-size: 12px;
  line-height: 133%;
}
.progress-container {
  align-items: center;
  width: 100%;
  max-width: 600px;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.step {
  align-items: center;
  display: flex;
  position: relative;
}

.step-label {
  color: #9e9e9e;
  margin-left: 25px;
  margin-right: 25px;
}

.step-label.active {
  color: #1a1a1a;
  font-weight: 600;
}

.checkout-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  display: flex;
}

.checkout-wrapper.new-size {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.checkout-left {
  width: 538px;
}

.checkout__form-container {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.checkout__form-container.cc-checkout {
  max-width: 528px;
}

.checkout__form-container.cc-sticky {
  position: sticky;
  top: 2rem;
}

.checkout__form-container.cc-max-502 {
  max-width: 502px;
}

.scarcity-banner {
  display: flex;
}

.scarcity-banner__left {
  color: #fff;
  background-color: #000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1rem;
  line-height: 1.2;
  display: flex;
  text-align: center;
  width: 140px;
  font-size: 13px;
}

.scarcity_title {
  font-weight: 700;
}

.scarcity_subtitle {
  font-size: 12px;
  font-weight: 600;
}

.scarcity-banner__right {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  color: var(--brand--color--foreground);
  background-color: #adf4a1;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  font-size: 13px;
}

.scarcity-sale {
  font-size: 0.875rem;
  font-weight: 700;
}

.scarcity-counter {
  color: #e44613;
}

.exp-checkout {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.express-checkout__title {
  text-align: center;
  font-weight: 600;
}

.express-checkout__buttons {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 1px solid #bbb;
  width: 100%;
  padding: 1rem;
  display: flex;
  position: relative;
}

.payment-btn {
  background-color: #000;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 2.75rem;
  display: flex;
  position: relative;
}

.payment-btn.cc-paypal {
  background-color: #ffc439;
}

.payment-btn.cc-apple-pay {
  color: #fff;
}

.payment-btn__logo {
  height: 1.5rem;
}

.form-section__title {
  font-family: var(--_text---font-family--primary);
  letter-spacing: -0.01em;
  font-size: 1.25rem;
}

.form-section__title.cc-billing {
  margin-top: 1rem;
}

.os-card__wrapper {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  align-items: stretch;
  padding: 1rem;
  display: flex;
  position: relative;
  overflow: visible;
}

.os-card__wrapper.cc-sm {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  padding: 1rem;
}

.card-title {
  font-size: 18px;
  font-weight: 700;
}

.os-card__content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  line-height: 1;
  display: flex;
}

.os-card__content.os--align-top {
  aspect-ratio: auto;
  align-items: flex-start;
  line-height: 1;
}

.os-card__content.os--align-middle {
  align-items: center;
  line-height: 1;
}

.os-card__content.os-wrap {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  aspect-ratio: auto;
  flex-flow: column;
  align-items: flex-start;
  line-height: 1;
}

.pb-quantity__media {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 60px;
  max-height: 60px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.pb-quantity__media.pb--cart {
  width: 80px;
  max-width: none;
  height: 80px;
  max-height: none;
}

.pb-quantity__image {
  z-index: 1;
  pointer-events: auto;
  object-fit: contain;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  position: relative;
}
.text-reg.cc-purple {
  font-weight: 400;
  font-size: 14px;
  line-height: 114%;
  color: #8069ff;
}
.pb-quantity__details {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  flex: 1;
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.pb-quantity__details.pb--y-center {
  justify-content: center;
}

.upsell {
  border: 1px solid #babfae;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}

.upsell.next-active {
  -webkit-user-select: none;
  user-select: none;
  background-color: #f7fbff;
}

.upsell__header {
  background-color: var(--brand--color--surface);
  cursor: pointer;
  flex-flow: column;
  align-items: center;
  padding: 0.75rem;
  display: flex;
}

.upsell__header.next-active {
  background-color: #cedeff;
}

.upsell__header-content {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  align-items: center;
  display: flex;
  position: relative;
}

.upsell-checkbox {
  background-color: #fff;
  border: 1px solid #9b9b9b;
  border-radius: 4px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
}

.checkbox__icon {
  color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  min-width: 1rem;
  height: 1rem;
  min-height: 1rem;
  display: flex;
}

.upsell__title {
  font-weight: 700;
}

.upsell__arrow {
  color: var(--brand--color--primary);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  position: absolute;
  inset: auto auto auto -2.5rem;
}

.upsell__arrow.upsell__arrow--right {
  inset: auto -2.5rem auto auto;
}

.upsell__body {
  padding: 1rem;
}

.upsell__image {
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  height: 60px;
  min-height: 60px;
  max-height: 60px;
}

.order-summary-mobile {
  border: 1px solid #dbdbdb;
  max-width: none;
  margin-top: 20px;
  display: none;
}

.accordion__trigger {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  font-weight: 400;
  display: flex;
}

.accordion__inner {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  font-weight: 400;
  display: flex;
}

.summary-toggle__text {
  color: #000;
  letter-spacing: 0.5px;
  font-weight: 700;
}

.accordion__right {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  align-items: center;
  display: flex;
}

.accordion__panel {
  overflow: hidden;
}

.summary-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.cart-box__title {
  font-weight: 700;
}

.cart-box__subtitle {
  color: var(--brand--color--accent);
  font-weight: 600;
}

.order-summary__content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.cart-items {
  position: relative;
}

.cart-summary__line {
  justify-content: space-between;
  display: flex;
}

.cart-summary__line.pb--header {
  border-bottom: 1px solid #000;
  margin-bottom: 0.25rem;
  padding-bottom: 0.25rem;
  font-weight: 700;
}

.cart-summary__line-item {
  text-align: right;
  font-size: 14px;
}

.cart-items__scroll-hint {
  z-index: 1;
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  opacity: 0;
  pointer-events: none;
  color: #fff;
  background-color: #0000009e;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1rem;
  transition: opacity 0.2s;
  display: flex;
  position: absolute;
  inset: auto 0% 1rem 50%;
  transform: translate(-50%);
}

.cart-items__scroll-hint.cart-items__scroll-hint--active {
  opacity: 100;
}

.icon__view-more {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.cart-items__list {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  padding-top: 0.5rem;
  display: flex;
  overflow: auto;
}

.cart-item {
  z-index: 0;
  /* border-bottom: 1px solid #ececec; */
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.5rem;
  position: static;
}

.cart-item.w--current {
  color: #000;
  background-color: #ffedd7;
  box-shadow: 0 0 0 2px #010101;
}

.cart-item__wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
  overflow: visible;
}

.cart-item__image-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #fff;
  border: 1px solid #0000000f;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 80px;
  display: flex;
  position: relative;
  overflow: visible;
}

.cart-item__quantity-badge {
  z-index: 1;
  color: #fff;
  background-color: #000;
  border-radius: 6.25rem;
  justify-content: center;
  align-items: center;
  width: 1.125rem;
  min-width: 1.125rem;
  height: 1.125rem;
  min-height: 1.125rem;
  font-size: 0.65rem;
  display: flex;
  position: absolute;
  inset: -0.35rem -0.35rem auto auto;
  overflow: visible;
}

.cart-item__quantity {
  font-weight: 700;
}

.cart-item__image {
  border-radius: 4px;
  display: block;
}

.cart-item__details {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding-top: 0;
  padding-left: 1rem;
  display: flex;
  position: relative;
}

.cart-item__details.cc-left-0 {
  padding-left: 0;
}

.cart-item__content {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.cart-item__description {
  grid-column-gap: 0.15rem;
  grid-row-gap: 0.15rem;
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.cart-item__header {
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.cart-item__header.cc-wrap {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  flex-flow: column;
}

.cart-quantity-controls__container {
  grid-column-gap: 0rem;
  box-shadow: none;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 4px;
  justify-content: flex-end;
  width: 100%;
  height: auto;
  font-size: 0.85rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.quantity-controls__button {
  color: #000;
  cursor: pointer;
  background-color: #0000;
  border: 2px #f4f4f4;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
  font-weight: 800;
  transition: background-color 0.2s;
  display: flex;
}

.quantity-controls__button:active {
  color: #fff;
  background-color: #010101;
  border-color: #010101;
}

.quantity-controls__display {
  color: #000;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  min-width: 1.75rem;
  height: 1.5rem;
  min-height: 1.5rem;
  font-weight: 400;
  line-height: 0.85;
  display: flex;
}

.cart-item__pricing {
  flex-flow: column;
  justify-content: start;
  align-items: flex-end;
  display: flex;
}

.coupon-form {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  width: 100%;
  padding-bottom: 0;
  display: flex;
}

.input-flds {
  outline-offset: 0px;
  background-color: #fff;
  border: 0.5px solid #bbb;
  border-radius: 0.25rem;
  outline: 3px #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3rem;
  margin-bottom: 0;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 0.925rem;
  transition: all 0.12s;
  display: flex;
  position: relative;
}

.input-flds:hover {
  background-color: #fdfdfd;
}

.input-flds:focus {
  box-shadow: 0 0 0 2px var(--brand--color--primary);
}

.input-flds.select-field {
  cursor: pointer;
  padding: 0 12px;
}

.input-flds.select-field:focus {
  border-width: 1px;
  border-color: #e7e7e7;
}

.input-flds.select-field.cc-limos {
  padding-top: 12px;
  padding-bottom: 12px;
}

.input-flds.spreedly-field {
  padding-top: 0.825rem;
  padding-bottom: 0.825rem;
}

.input-flds.next-error-field {
  background-color: #fff6f6;
  border-color: #afafaf;
  box-shadow:
    0 0 0 3px #c51a0026,
    0 0 0 1px #c51a00;
}

.input-flds.cc-limos {
  padding-top: 14px;
  padding-bottom: 14px;
}

.input-flds.cc-limos.next-error-field {
  background-color: #fff6f6;
  border-color: #afafaf;
  box-shadow:
    0 0 0 3px #c51a0026,
    0 0 0 1px #c51a00;
}

.input-flds.cc-limos.no-error {
  border-color: #0b975f;
  box-shadow: 0 0 0 1px #12b87000;
}

.input-flds.next-focused {
  border-color: #0a265c;
  box-shadow: 0 0 0 1px #0a265c;
}

.coupon-tags {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  width: 100%;
  display: flex;
}

.coupon-tag {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  background-color: var(--brand--color--primary);
  color: #fff;
  border-radius: 0.25rem;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 10px;
  font-size: 0.825rem;
  font-weight: 500;
  display: flex;
}

.coupon-tag__remove {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  font-size: 0.85rem;
  display: flex;
}

.coupon-tag__text {
  line-height: 1;
}

.order-totals {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  background-color: #0000;
  flex-flow: column;
  width: 100%;
  min-width: auto;
  height: 100%;
  min-height: 30px;
  padding: 0;
  display: flex;
  position: relative;
}

.order-totals__section {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  flex-flow: column;
  display: flex;
}

.order-totals__section.cc-total {
  margin-top: 0.5rem;
}

.order-totals__section.cc-olympus {
  background-color: var(--brand--color--surface);
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding: 0.5rem 1.5rem;
}

.order-totals__line {
  color: #000;
  justify-content: space-between;
  display: flex;
}
.order-totals__section.cc-total {
  align-items: flex-end;
}

.order-totals__section.next-condition-met.next-visible {
  color: #000;
  justify-content: space-between;
  display: flex;
  padding: 0.3rem 0;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  background: #fdffc3;
  margin-inline: -16px;
  padding-inline: 16px;
  margin-top: 12px;
}

.order-totals__line.order-totals__line--total {
  font-size: 16px;
  font-weight: 400;
}

.info-icons {
  justify-content: center;
  align-items: center;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.85rem;
  display: flex;
}

.form-content {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.form-sections {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  flex-flow: column;
  width: 100%;
  min-height: auto;
  margin-top: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.form-section {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.form-section.form-section--first {
  margin-top: 0;
}

.form-section.form-section--first-sec {
  border-top: 1px solid #d8dfc6;
  width: 100%;
  margin-top: 0;
  padding-top: 1rem;
}

.form-section__header {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  display: flex;
}

.form-section__subtitle {
  color: #000;
  font-size: 15px;
}

.form-grid {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  flex-flow: column;
  justify-content: space-around;
  margin-top: 0;
  display: flex;
}

.form-grid.cc-limos {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.form-grid.cc-limos.next-hidden {
  display: none;
}

.form-grid__row {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.form-group {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  flex-flow: column;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  margin-top: 0;
  margin-left: 0;
  padding: 0;
  display: flex;
}

.form-input {
  z-index: 1;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  font-size: 0.85rem;
  display: flex;
  position: relative;
}

.select-form-wrapper {
  cursor: pointer;
  flex: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.caret-down {
  z-index: 15;
  pointer-events: none;
  cursor: pointer;
  background-color: #0000;
  border-left: 1px #e1e1e1;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 3rem;
  display: flex;
  position: absolute;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.payment-methods {
  border: 1px solid #dcdcdf;
  overflow: hidden;
}

.payment-method {
  background-color: #fff;
  border-bottom: 1px solid #dcdcdf;
}

.payment-method.next-selected {
  background-color: #dcd2ff;
}

.payment-method__header {
  cursor: pointer;
  border: 1px solid #000;
  border-bottom-style: none;

  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 15px;
  display: flex;
  overflow: hidden;
}

.payment-method__label {
  cursor: pointer;
  align-self: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
  position: relative;
}

.payment-method__input {
  accent-color: #fff;
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
}

/* .payment-method__input::after {
  content: "";
  border: 8px solid #181818;
  border-radius: 100vw;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 1.5rem;
  height: 1.5rem;
} */

.payment-method__title {
  margin-bottom: 0;
  margin-left: 5px;
  font-weight: 600;
  font-size: 15px;
}

.payment-method__icon {
  width: 35px;
}

.payment-method__form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-top: 1px #dcdcdf;

  flex-flow: column;
  width: 100%;
  height: 0;
  margin-top: 0;
  padding: 0;
  transition: all 0.2s;
  display: flex;
}

.payment-method__form.payment-method__form--expanded {
  height: auto;
}

.payment-method__form.payment-method__form--collapsed {
  height: 0;
  padding: 0;
  overflow: hidden;
}

.payment-method__content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-top: 1px solid #000;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  flex-flow: column;
  width: 100%;
  margin-top: 0;
  padding: 1rem;
  display: flex;
}

.next-toast-handler {
  display: none;
}

.tip1_bar {
  color: #b3f5d1;
  background-color: #002a20;
  border: 1px solid #00dc82;
  border-radius: 0.375rem;
  padding: 0.75rem 1.5rem 0.75rem 1rem;
  font-size: 0.825rem;
}

.tip1_bar.is-warning {
  color: #ff475b;
  background-color: #ffbec2;
  border-color: #ff4747;
  width: 100%;
}

.form-input-icon {
  z-index: 10;
  pointer-events: auto;
  color: #919191;
  cursor: pointer;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  max-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  max-height: 1.25rem;
  display: flex;
  position: absolute;
  inset: auto 15px auto auto;
}

.protection-block {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.checkout-form-secure {
  color: #8797ad;
  margin-bottom: 0;
  font-size: 10px;
}

.billing-address {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.checkbox-wrapper {
  cursor: pointer;
  margin-bottom: 0;
}

.checkout__checkbox {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 100%;
  margin-bottom: 0;
  margin-right: 0;
  padding-left: 0;
  font-size: 0.875rem;
  display: flex;
  position: relative;
}

.checkbox__input {
  accent-color: #000;
  width: 1rem;
  height: 1rem;
}

.billing-address__form {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  justify-content: space-around;
  height: 0;
  margin-top: 0;
  padding: 2px;
  display: flex;
  overflow: hidden;
}

.payment-method__info-image {
  height: 80px;
}

.payment-method__info-title {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
}

.payment-method__info-text {
  text-align: center;
  align-items: center;
  margin-bottom: 0;
  display: block;
}

.submit-section,
.submit-section__button {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  display: flex;
}

.submit-button__text {
  z-index: 1;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 2px;
  display: flex;
  position: relative;
}

.checkout-footer {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.trust-badges {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  display: flex;
}

.trust-badge {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  color: #5c5c5e;
  align-items: center;
  display: flex;
}

.trust-badge.invert {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}

.trust-badge__icon {
  width: 20px;
  display: flex;
}

.badge-text {
  color: #5c5c5e;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.2em;
}

.card-flags {
  width: 360px;
  margin-left: auto;
  margin-right: auto;
}

.card-flags.cc-fixed {
  width: 460px;
}

.card-flags.cc-2step {
  width: 100%;
  max-width: 350px;
}

.checkout-right {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.checkout-right__content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 8rem;
}

.cart-box {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 1px none #d6d6d6;
  background-color: #fff;
  flex-flow: column;
  padding: 1rem;
  display: flex;
}

.cart-box.cc-olympus {
  background-color: #fff;
  border: 1px solid #d6d6d6;
}

.low-stock-bar {
  background-color: #ececec;
  border-radius: 100px;
  align-items: center;
  width: 100%;
  max-width: 420px;
  height: 18px;
  display: flex;
  position: relative;
}

.before-after_block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.list-icon__wrapper {
  justify-content: center;
  align-items: center;
  width: 1.2em;
  min-width: 1.2em;
  height: 1.2em;
  min-height: 1.2em;
  display: flex;
}

.ts-tiny {
  font-size: 0.75rem;
}

.spacer-small {
  width: 100%;
  padding-top: 1.5rem;
}

.swiper-navigation {
  justify-content: center;
  align-items: center;
  display: flex;
}

.swiper-sw-wrap {
  grid-column-gap: 1.5rem;
  align-items: center;
  display: flex;
}

.swiper-button-8 {
  color: #000;
  cursor: pointer;
  background-color: #f0f0f0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  transition:
    box-shadow 0.2s,
    color 0.2s,
    border-color 0.2s,
    transform 0.2s;
  display: flex;
}

.swiper-button-8:active {
  transform: scale(0.92);
}

.swiper-button-8.cc-inline {
  background-color: #f0f0f000;
  width: auto;
  height: auto;
}

.swiper-button_icon-6 {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.adv-cta__container {
  background-color: #fff;
  border: 1px solid #eee;
  width: 100%;
}

.cta_content-middle {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-flow: column;
  padding: 1.5rem;
  display: flex;
}

.cta_content-middle.cc-dashed {
  border: 2px dashed #000;
}

.h-cta {
  letter-spacing: -0.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

.adv-cta__button-holder {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  flex-flow: column;
  width: 100%;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.button_icon2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: block;
}

.adv-cta_grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.adv-cta_grid.cc-0 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
}

.cta-progress {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--brand--color--text-inverse);
  background-color: #313131;
  border-radius: 10px;
  flex-flow: column;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.button-wrapper {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  display: flex;
}

.next-booster {
  background-color: var(--brand--color--primary-lighter);
  color: #000;
  letter-spacing: -0.02em;
  border-radius: 4px;
  font-size: clamp(0.625rem, 3vw, 0.875rem);
}

.next-booster.cc-blank {
  background-color: #f7f7f700;
  border-radius: 0;
  font-size: 14px;
}

.booster__content {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  pointer-events: auto;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  display: flex;
}

.booster__content.flex-left {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.booster__content.distribute {
  flex-flow: row;
  justify-content: space-between;
}

.headline-pill {
  text-transform: uppercase;
  font-weight: 600;
}

.animation-wrapper {
  border-radius: 100px;
  width: 30%;
  height: 14px;
  margin-left: 2px;
  position: absolute;
  overflow: clip;
}

.progress-bar-2 {
  background-color: #222;
  background-image: none;
  height: 15px;
  position: relative;
}

.bar-text {
  color: var(--brand--color--text-primary);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 2rem;
  font-size: 0.875rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.button-timer {
  background-color: #ffffff2e;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 0.15rem 1rem;
  display: flex;
}

.promo-wrapper {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  color: #adf4a1;
  display: flex;
}

.guarantee-checkout__v2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--brand--color--surface);
  text-align: center;
  flex-flow: column;
  align-items: center;
  padding: 1.5rem;
  display: flex;
}

.security-banner {
  color: #000;
  background-color: #f5f5f5;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: 600;
}
.security-banner__text {
  font-weight: 700;
  font-size: 14px;
  text-align: center;
}
.scarcity-banner__content {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-scarcity {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
}

.cart-pill {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  background-color: var(--brand--color--primary);
  color: #fff;
  border-radius: 4px;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  display: flex;
}

.cart-subtext {
  color: var(--brand--color--text-secondary);
  font-size: 0.875rem;
}

.cart-guarantee_headline {
  font-size: 1.375rem;
  font-weight: 600;
}

.u-text-break {
  display: block;
}

.cta-progress__text {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
}

.u-color-destructive {
  color: #fb6e6e;
}

.cta-wrapper_container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  max-width: 580px;
  display: flex;
}

.progress-white {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  align-items: center;
  padding-left: 3rem;
  padding-right: 3rem;
  display: flex;
}

.progress-small_text {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
}

.box-divider {
  border-top: 3px solid var(--brand--color--border);
  border-bottom: 3px solid var(--brand--color--border);
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.u-box-shadow {
  box-shadow: 0 4px 9.3px #00000021;
}

.text-weight-bold {
  font-weight: 700;
}

.hero_heading-box {
  max-width: 62.7rem;
  margin-left: auto;
  margin-right: auto;
}

.hero_review-box {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-size-regular {
  font-size: 1.125rem;
}

.icons-grids {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
  margin-bottom: 1.5rem;
  padding-top: 1rem;
  /* border-top: 1px solid rgba(144, 137, 186, 0.27); */
}

.icon-imagggee {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  justify-content: start;
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 14px 3px 4px 3px;
  border: 1px solid #d0c8ff;
  border-radius: 4px;
  width: 100%;
  max-width: 131px;
  font-weight: 700;
  font-size: 14px;
  line-height: 129%;
}

.icon-img {
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  display: flex;
}

.cc-bonus-wrapper {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 23px;
  background: url("https://cdn.29next.store/media/pilates/uploads/group_1707479525.webp")
    no-repeat center center / cover;
  padding: 1rem 0;
  margin-top: 1rem;
  border-radius: 4px;
}
.cc-bonus-title {
  font-weight: 700;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  line-height: 119%;
}
.cc-bonus-price-text {
  font-weight: 400;
  line-height: 131%;
  text-decoration: line-through;
  color: #b01111;
}

.cc-bonus-free {
  font-weight: 700;
  font-size: 16px;
  color: #1bba85;
}
.cc-bonus-text {
  font-weight: 400;
  font-size: 12px;
}

@media (max-width: 768px) {
  .cc-bonus-wrapper {
    gap: 10px;
    background: url("https://cdn.29next.store/media/pilates/uploads/group_1000002429.webp")
      no-repeat center center / cover;
    padding: 11px 0;
    margin-top: 1rem;
  }
  .cc-bonus-title,
  .cc-bonus-price-text,
  .cc-bonus-free {
    font-size: 15px;
  }
}

.sub-hero {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.benefit_section {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.benefit-text {
  font-size: 1.25rem;
  font-weight: 700;
}

.reviews-stacks {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.fb-review-cards {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  text-align: left;
  flex-flow: row;
  align-items: stretch;
  padding: 0;
  display: flex;
}

.fb_review_imageee {
  border-radius: 100px;
  width: 40px;
  height: 40px;
}

.facebook_review-container {
  background-color: #f1f2f5;
  border-radius: 18px;
  flex: 1;
  padding: 0.75rem;
  position: relative;
}

.fb-review_card__header {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  align-items: center;
  display: flex;
}

.fb-icons-right {
  background-color: #fff;
  border-radius: 100px;
  align-items: center;
  padding: 2px 6px;
  display: flex;
  position: absolute;
  left: auto;
  right: 10px;
  box-shadow: 0 6px 4px -6px #00000073;
}

.fb-icon {
  width: 16px;
  margin-right: 4px;
}

.text-block-377 {
  font-size: 12px;
}

.sub-head-text {
  border-top: 1px solid #e7e7e7;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
}

.upsell__content {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  align-items: center;
  display: flex;
}

.divider-section {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.divider-section__line {
  background-color: #bbb;
  width: 100%;
  height: 1px;
}

.divider-section__text {
  color: #000000e6;
  text-align: center;
  white-space: nowrap;
  width: auto;
  margin-left: 12px;
  margin-right: 12px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 24px;
}

.shipping-note {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
  font-weight: 400;
}
.shipping-note .cc-free {
  font-weight: 700;
  color: #e44613;
}

.submit-button__main-text {
  margin-top: 3px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.2;
}

.submit-button__subtext {
  margin-top: 0.15rem;
  font-size: 0.725rem;
  font-weight: 500;
}

.guarantee-section {
  /* border-top: 1px solid #dde7d2;
  border-bottom: 1px solid #dde7d2; */
  justify-content: center;
  align-items: center;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  display: flex;
}

.image-10 {
  width: 70px;
  margin-right: 15px;
}

.guarantee-section__text {
  margin-bottom: 0;
  font-size: 0.75rem;
  line-height: 1.45;
}

.div-block-1625 {
  border-top: 1px solid #4130151a;
  padding-top: 1rem;
}

.info-grid {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  margin-top: 1rem;
  display: flex;
}

.info-grid.cc-checkout {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
}

.info-box {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.info-heading {
  font-size: 18px;
  font-weight: 600;
}

.info-heading.checkouts {
  font-size: 16px;
}

.info-desc {
  font-size: 14px;
}

.info-divider {
  background-color: #4130151a;
  width: 2px;
}

.info-divider.cc-checkouts {
  display: none;
}

.top-bar {
  background-color: #020202;
  padding: 10px;
}

.text {
  color: #fff;
  text-align: center;
  letter-spacing: 0.45px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
}

.adv-icon-list {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  padding: 1rem;
  display: flex;
}

.adv-icon-list.cc-problem {
  background-color: #fff7f7;
}

.adv-icon-list.cc-solution {
  background-color: var(--system-colors--success);
}

.adv-icon-list.cc-clean {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  padding: 0;
}

.difference-list__item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 0.25fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  display: flex;
}

.difference-list__icon {
  flex: 0 auto;
  align-self: stretch;
  width: 70px;
  min-width: 70px;
}

.difference-list__title {
  color: var(--brand--color--primary);
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
}

.adv-header__author-wrapper {
  grid-column-gap: 1rem;
  text-align: left;
  align-items: center;
  display: flex;
}

.adv-section {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  margin-bottom: 1rem;
  display: flex;
}

.feature-product {
  border: 4px solid #000;
  margin-bottom: 2rem;
  overflow: hidden;
}

.cta-grid-2-coaaaapy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: row;
  align-items: center;
  display: flex;
}

.grid-inner {
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  padding: 2rem;
  display: flex;
}

.heading-small {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.cc-huge {
  font-size: 1.25rem;
  font-weight: 700;
}

.adv-callout {
  background-color: #e4f3fb;
  border-radius: 8px;
  overflow: clip;
}

.adv-callout.adv-callout--success-copy {
  background-color: #e5ffde;
  border: 2px solid #074d31;
}

.adv-callout.adv-callout--note {
  background-color: #fff7bc;
  border: 2px solid #93370d;
}

.adv-callout__wrapper {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  padding: 2rem;
  line-height: 1.7;
  display: flex;
}

.adv-callout__wrapper.cc-medium {
  max-width: 67.5rem;
}

.adv-grid__2col {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.adv-grid__2col.cc-md {
  grid-column-gap: 0.5em;
}

.heading-block {
  border-bottom: 1px solid #000;
  padding-bottom: 1rem;
}

.comparison8_list {
  grid-row-gap: 0.5rem;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.comparison8__list-item {
  grid-column-gap: 0.5rem;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-weight: 500;
  display: flex;
}

.comparison8__list-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  min-width: 1.75rem;
  max-width: 1.75rem;
  height: 1.75rem;
  min-height: 1.75rem;
  max-height: 1.75rem;
  display: flex;
  overflow: hidden;
}

.comparison8__list-icon.is-success {
  color: #59b377;
}

.comparison8__list-icon.is-error {
  color: #ee6c6c;
}

.adv-rows {
  flex-flow: column;
  display: flex;
}

.div-block-1587 {
  border-bottom: 1px solid #eee;
  margin-bottom: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.div-block-1588 {
  border-right: 1px dashed #000;
  align-items: center;
  width: 25%;
  font-weight: 600;
  display: flex;
}

.div-block-1589 {
  flex: 1;
  padding-left: 2rem;
}

.adv-feature {
  border-radius: 8px;
  overflow: clip;
}

.adv-feature.cc-border {
  border: 2px solid #000;
}

.adv-feature__content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  padding: 2rem;
  display: flex;
}

.adv-feature__content.cc-sm {
  font-size: 0.875rem;
}

.grid {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.grid.is-small {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.f-col-1 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.icon-div-one {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #6868683b;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 1rem;
  display: flex;
}

.icon-div-one.cc-last {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.iconbox-2 {
  width: auto;
  height: auto;
}

.icon-embed-medium {
  color: #000;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
}

.icontextbox-2 {
  width: auto;
}

.text-span-86 {
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
  display: inline-block;
  position: relative;
  top: -9px;
}

.adv-link {
  font-size: 1.25rem;
  font-weight: 600;
  text-decoration: underline;
}

.adv-callout__banner {
  background-color: #96c58a;
  padding: 0.75rem 1rem;
  font-size: 1.25rem;
  font-weight: 700;
}

.vertical-wrap__center {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-flow: column;
  align-items: stretch;
  display: flex;
}

.container-18 {
  z-index: 1;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: block;
  position: relative;
}

.container-18.cc-medium {
  max-width: 72.5rem;
}

.checkout-content {
  color: #000;
  overflow: clip;
}

.checkout__content {
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
}

.checkout__layout {
  background-color: #fff;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.checkout__column {
  justify-content: flex-end;
  width: 55%;
  min-height: 865px;
  padding: 2.75rem 7rem 60px 20px;
  display: flex;
  position: static;
}

.checkout__column.gray {
  border-right: 0.5px solid #eee;
}

.checkout__column.checkout__column--left {
  border-right: 0.5px solid #eee;
  width: 55%;
  min-height: 865px;
  padding: 2.75rem 7rem 4rem 1rem;
}

.checkout__column.checkout__column--right {
  background-color: #fafafa;
  justify-content: flex-start;
  width: 45%;
  padding-bottom: 4rem;
  padding-left: 2.75rem;
  padding-right: 1rem;
}

.checkout__header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.checkout__header-brand {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.checkout__header-secure {
  letter-spacing: -0.04em;
  font-size: 1.15rem;
  font-weight: 700;
}

.secure-checkout {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.secure-checkout__icon {
  position: relative;
  top: -2px;
}

.secure-checkout__text {
  color: #303030;
  letter-spacing: 0;
  text-transform: capitalize;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
}

.summary_price.price--crossed {
  text-decoration: line-through;
}

.order-summary__title {
  margin-bottom: 1rem;
  font-size: 1.115rem;
}

.order-summary__title.checkout {
  letter-spacing: -0.017em;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.125rem;
  font-weight: 900;
  line-height: 1.25;
}

.cart-item__title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
}

.cart-item__title.os-bold {
  font-weight: 700;
}

.cart-item__frequency {
  color: #858585;
  font-size: 0.75rem;
  font-weight: 400;
}

.cart-price {
  font-weight: 400;
}

.cart-price.diagonal-strike {
  text-decoration: none;
}

.cart-price.price--original {
  text-decoration: line-through;
}

.summary-total__coin {
  font-size: 0.875rem;
  font-weight: 400;
}

.steps-inner {
  justify-content: flex-start;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.steps-text {
  text-align: center;
  margin-right: 15px;
  font-size: 12px;
}

.steps-text.text-step_2 {
  margin-right: 15px;
}

.steps-bold {
  font-weight: 600;
}

.steps-arrow {
  margin-right: 15px;
}

.select-arrow {
  opacity: 1;
  color: #696969;
  justify-content: center;
  align-items: center;
  width: 12px;
  display: flex;
}

.shipping_method-wrapper {
  background-color: #fffbf5;
  border-radius: 8px;
  padding: 1.5rem;
  font-size: 0.875rem;
}

.shipping-selector {
  border: 1px solid #dedede;
  border-radius: 4px;
}

.shipping-method {
  z-index: 1;
  cursor: pointer;
  border: 1px #dedede;
  border-bottom-style: solid;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 15px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.shipping-method.cc-last {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.radio-select-shipping {
  cursor: pointer;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 6rem;
  display: flex;
  position: relative;
}

.shipping-method-rleft {
  padding-left: 0.75rem;
}

.text-block-369 {
  color: #afafaf;
  font-size: 12px;
}

.shipping_price {
  flex-direction: row;
  justify-content: flex-end;
  width: 160px;
  min-height: 25px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.image-245 {
  width: 15px;
}

.payment-method__info {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.submit-section__disclaimer {
  color: #1a1a1ae6;
  text-align: center;
  width: 100%;
  margin-top: 10px;
  font-size: 10px;
}

.submit-button__loader {
  z-index: 5;
  border-radius: 0.25rem;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  display: none;
  position: relative;
  inset: 0%;
}

.three-quarter-spinner {
  z-index: 6;
  border: 2px solid #fff;
  border-top-color: #ffffff57;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: relative;
}

.three-quarter-spinner.black {
  color: #4a4a4a;
}

.guarantee-section__icon {
  width: 60px;
  margin-right: 15px;
}

.rtc-right {
  background-color: var(--brand--color--surface);
  align-items: flex-start;
  width: 45%;
  height: auto;
  min-height: 865px;
  padding: 2.75rem 20px 80px 4.125rem;
  display: flex;
  position: relative;
}

.rtc-right-container {
  align-self: flex-start;
  width: 100%;
  max-width: 25.875rem;
  height: auto;
  position: sticky;
  top: 40px;
}

.summary-wrap {
  background-color: #0000;
  margin-bottom: 0.75rem;
  padding-top: 5px;
}

.summary-holder {
  border-radius: 0.5rem;
  margin-top: 5px;
  font-size: 0.875rem;
}

.footer-5 {
  color: #4a5568;
  justify-content: space-between;
  width: 100%;
  margin-top: 15px;
  display: flex;
  position: static;
  bottom: 30px;
}

.footer-5.mobile {
  display: none;
}

.div-block-3 {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  align-items: center;
  width: auto;
  display: flex;
}

.rtc-logo {
  color: #4a5568;
  justify-content: center;
  align-items: center;
  width: 0.75rem;
  height: 0.75rem;
  display: flex;
}

.small-text {
  text-align: left;
  font-size: 10px;
  font-weight: 400;
}

.div-block-4 {
  justify-content: flex-end;
  width: 50%;
  min-height: 0;
  padding-left: 30px;
  display: flex;
}

.terms-text {
  text-align: left;
  margin-left: 10px;
  font-size: 10px;
  font-weight: 400;
  text-decoration: underline;
}

.div-block-1647 {
  border-top: 1px solid #4130151a;
  padding-top: 1rem;
}

.div-block-1647.cc-checkouts {
  text-align: center;
}

.os-option {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.os-cards__vertical {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
  position: static;
}

.os-cards__vertical.os--gap-m {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
}

.os-card {
  pointer-events: auto;
  letter-spacing: 0;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background-color: #fff;
  border: 2px #bbb;
  border-radius: 0.25rem;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  font-size: 0.875rem;
  transition-property: background-color;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: 0 0 0 1px #bbb;
}

.os-card.next-selected {
  z-index: 1;
  box-shadow: 0 0 0 2px var(--component--color--outline);
  background-color: #fbfff1;
  border-color: #000;
}

.os-card__radio {
  border-radius: 50%;
  flex: none;
  width: 1.375rem;
  height: 1.375rem;
  box-shadow: 0 0 0 1px #eee;
}

.radio-style-1 {
  border: 1px solid #000;
  width: 1.375rem !important;
  height: 1.375rem !important;
}

.radio-inner {
  width: 0.5rem;
  height: 0.5rem;
}

.os-card__main-slot {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.os-card__title-section {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.os-card__title-section.os--min-2 {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  min-height: 2.5rem;
}

.os-card__title-wrapper {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.os-card__title {
  flex: none;
  font-size: 1.125rem;
  font-weight: 800;
  line-height: 1.2;
}

.os-card__title.os-bold {
  font-size: 18px;
  font-weight: 800;
}

.os-card__title-badge {
  color: #000;
  text-transform: uppercase;
  background-color: #e2e2e2;
  border-radius: 6px;
  padding: 4px 0.5rem;
  font-size: 10px;
  font-weight: 700;
}

.os-card__title-badge.pb--bestseller {
  background-color: var(--brand--color--primary-light);
  color: var(--brand--color--primary);
}

.os-card__subtitle-wrapper {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.os-card__subtitle-text {
  color: #d32b33;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
}

.os-card__subtitle-text.data-profile-savings {
  color: #099b6b;
  margin-top: 0.15rem;
}

.os-card__secondary-slot {
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  min-height: 2.5rem;
  display: flex;
}

.os-card__pricing {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-end;
  font-size: 1rem;
  display: flex;
}

.os-card__price-container {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  line-height: 1.2;
  display: flex;
}

.os-card__price-container.os--stacked {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
}

.os-card__price {
  font-weight: 500;
}

.os-card__price.os--compare {
  color: #929292;
  font-weight: 500;
  text-decoration: line-through;
}

.os-card__price.os--compare.os-style {
  font-weight: 400;
}

.os-card__price.os--current {
  font-weight: 700;
}

.os-card__price.os--compare-diagonal {
  color: #929292;
  font-weight: 500;
}

.os-card__bottom-slot {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.os-card__label-slot {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.os-card__label {
  z-index: 1;
  pointer-events: auto;
  color: #fff;
  background-color: #000;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  justify-content: center;
  align-items: center;
  height: 1.2rem;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 0.685rem;
  font-weight: 600;
  display: flex;
  position: absolute;
  inset: -1.2rem auto auto;
}

.os-card__label.os-card__label--top-right {
  left: auto;
  right: 1rem;
}

.os-card__label.os-card__label--middle-center {
  grid-column-gap: 0.2rem;
  grid-row-gap: 0.2rem;
  border-radius: 4px;
  height: 22px;
  line-height: 1;
  top: -11px;
  left: auto;
  right: auto;
}

.os-card__label.os-card__label--middle-center.most-popular {
  color: #08927a;
  background-color: #ecfbcb;
}

.os-card__label.os-card__label--middle-center.best-deal {
  color: #298fbd;
  background-color: #e4f7ff;
}

.os-card__label-text {
  font-size: 14px;
  position: relative;
  top: 1px;
}

.os-card__feature-item {
  grid-column-gap: 0.25rem;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.os-card__benefit-icon-svg {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.2em;
  min-width: 1.2em;
  height: 1.2em;
  min-height: 1.2em;
  margin-right: 0;
  display: flex;
}

.os-card__feature-text {
  font-size: 0.7rem;
  font-weight: 400;
}

.os-card__media {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  max-width: 60px;
  max-height: 60px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.os-card__media.os-full {
  max-width: none;
  max-height: none;
}

.os-card__image {
  z-index: 1;
  pointer-events: auto;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  position: relative;
}

.radio-styles {
  display: none;
  transform: rotate(-90deg);
}

.os-cards__grid {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: static;
}

.os-cards__grid.os--two {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.os-cards__grid.os--three {
  grid-template-columns: 1fr 1fr 1fr;
}

.os--badge {
  color: #000;
  text-transform: uppercase;
  border: 1px solid #000;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 6px 8px;
  font-size: 0.925rem;
  font-weight: 700;
  display: flex;
}

.switches,
.tooltips {
  display: none;
  transform: rotate(-90deg);
}

.brand__logo {
  width: auto;
  max-width: 12rem;
  height: 1.75rem;
}

.badge {
  border-radius: var(--radius-size--sm);
  color: #fff;
  background-color: #000;
  font-weight: 500;
}

.coupon-button {
  border: 2px solid var(--brand--color--cta-primary);
  background-color: var(--brand--color--cta-primary);
  color: var(--brand--color--text-inverse);
  text-align: center;
  border-radius: 0.25rem;
  justify-content: center;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
  font-weight: 600;
  text-decoration: none;
  transition:
    background-color 0.12s,
    border 0.12s;
  display: flex;
  position: relative;
}

.coupon-button.os--inactive {
  color: #818181;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}

.coupon-button.next-disabled {
  pointer-events: none;
  color: #818181;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}

.coupon-form__row {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  display: flex;
}

.submit-button {
  border-radius: var(--radius--button);
  color: #000;
  text-align: center;
  background-color: #ffd431;
  border: 1px solid #d5ac10;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 54px;
  padding: 1rem 2rem;
  font-weight: 600;
  text-decoration: none;
  transition:
    background-color 0.12s,
    border 0.12s;
  display: flex;
  position: relative;
  box-shadow: 0 4px 8px #a0a99670;
}

.submit-button__content {
  border-radius: 3px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  display: flex;
  position: relative;
}

.spinner {
  width: 1rem;
}

.upsell__description {
  font-size: 0.875rem;
}

.os-card__image-slot {
  border-radius: var(--radius-size--sm);
  outline-offset: 0px;
  background-color: #e9f1ff;
  border: 1px #000;
  outline: 3px #1a161f;
  width: 5rem;
  height: 5rem;
  overflow: hidden;
}

.display_row {
  justify-content: space-between;
  display: flex;
}

.feature-list__title {
  text-align: center;
  font-size: 1.15rem;
  font-weight: 600;
}

.blogpost1_author-image {
  object-fit: cover;
  border-radius: 100%;
  width: 3.5rem;
  min-width: 3.5rem;
  height: 3.5rem;
  min-height: 3.5rem;
}

.blogpost1_author-text {
  font-size: 0.85rem;
}

.text-weight-semibold {
  font-weight: 600;
}

.blogpost1_date-wrapper {
  font-size: 0.75rem;
  display: flex;
}

.blogpost1_text-divider {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.difference-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.comparison8_wrapper {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 300px;
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
  position: relative;
}

.comparison9_vs {
  z-index: 1;
  color: #fff;
  background-color: #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  font-size: 1.5rem;
  font-weight: 700;
  display: flex;
  position: absolute;
  top: 25%;
}

.comparison8_inner {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.comparison8_item {
  width: 50%;
}

.comparison8_item-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  min-height: 300px;
  display: flex;
}

.comparison8_item-content {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  width: 100%;
  min-height: 20px;
  display: flex;
}

.divider {
  z-index: 10;
  grid-column-gap: 1rem;
  color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.divider.bf {
  grid-column-gap: 0.5rem;
}

.divider-line {
  background-color: #0000001c;
  width: 100%;
  height: 1px;
}

.divider-line.expand {
  flex: 1;
}

.style-guide-card {
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  flex: none;
  font-size: 0.75rem;
  font-weight: 700;
}

.bot_cta_badge_div {
  background-color: #fff6ee;
  border: 1px dashed #ffedd7;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 0.75rem;
  display: flex;
}

.text-block-4 {
  font-size: 18px;
  font-weight: 200;
}

.adv-navbar {
  border-bottom: 1px solid #d9d9d9;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.sg-attribute-tag {
  background-color: #f8f8f8;
  border: 0.5px solid #d8d8d8;
  border-radius: 4px;
  padding: 0.25rem 0.5rem;
}

.checkout_mbg {
  width: 80px;
  height: 80px;
}

.checkout_mbg.cc-lg {
  width: 100px;
  height: 100px;
}

.next-error-label {
  color: #c51a00;
  margin-top: 0.25rem;
  font-size: 0.75rem;
}

.section_header {
  z-index: 20;
  position: relative;
}

.announcement_wrapper {
  color: #000;
}

.announcement_block-one {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  background-color: #acf4a1;
  justify-content: center;
  align-items: center;
  height: 47px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.announcement_text-one {
  color: #000;
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  font-weight: 900;
  line-height: 2rem;
  display: block;
}

.text-span-53 {
  font-weight: 400;
}

.announcement_inner {
  background-color: #000;
  border-radius: 8px;
  padding: 2px 9px;
}

.announce-inner-block {
  color: #fff;
  text-align: center;
  font-weight: 700;
}

.bullet_inner-one {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  align-items: stretch;
  display: flex;
}

.bullet_inner-one.cc-sm {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
}

.hero_bullet-features-box-inner {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.bullet-features-icon-box {
  width: 4%;
}

.bullet_features-icon-svg {
  color: var(--brand--color--primary);
  justify-content: center;
  align-items: center;
  display: flex;
}

.bullet-features-text-box {
  width: 96%;
}

.hero_cta-btn-box {
  letter-spacing: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 31rem;
  margin-top: 0;
  display: flex;
}

.container-cta {
  width: 100%;
  padding-right: 0;
}

.urgency-w {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.urgency-1 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.urgency-green-dot {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.urgency-1-p {
  font-size: 14px;
  line-height: 16px;
}

.urgency-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.urgency-timeglass {
  width: 20px;
  height: 20px;
}

.urgency-2-p {
  font-size: 14px;
  line-height: 16px;
}

.hero_cta-box {
  text-align: center;
  letter-spacing: 0;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
}

.secure-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.secure-block-text,
.cred-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cred-icon-box {
  position: relative;
  top: -1px;
}

.cred-text {
  color: #303030;
  text-align: center;
  letter-spacing: 0;
  text-transform: capitalize;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
}

.accordion-item-trigger {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.security-banner__icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
}

.order-totals__value.ts-lg.tw-600.cc-disc {
  color: #e44613;
}

.order-totals__label-group {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  align-items: center;
  display: flex;
}

.coupon-tag__summary {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  color: #686868;
  border-radius: 0.25rem;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 0;
  font-size: 0.785rem;
  line-height: 1.2;
  display: flex;
}

.order-totals__value-group {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  align-items: center;
  display: flex;
}

.order-totals__savings {
  color: #000;
  justify-content: space-between;
  display: flex;
}

.order-totals__savings-content {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  align-items: center;
  display: flex;
}

.order-totals__savings-icon {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  font-size: 0.85rem;
  display: flex;
}

.span_primary {
  color: var(--brand--color--primary);
}

.align-center {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.text-2xs {
  font-size: 0.75rem;
  line-height: 1.4em;
}

.div-block-1516 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  display: flex;
}

.bf-gift-icon {
  width: 12px;
}

.u-color-accent {
  color: var(--brand--color--primary);
}

.button-15 {
  border: 2px solid var(--brand--color--cta-primary);
  border-radius: var(--radius--button);
  background-color: var(--brand--color--cta-primary);
  color: var(--brand--color--text-inverse);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 4.5rem;
  padding: 1rem 2rem;
  font-weight: 600;
  text-decoration: none;
  transition:
    background-color 0.12s,
    border 0.12s;
  display: flex;
  position: relative;
}

.button-15.cc-sm {
  min-height: 3.5rem;
  padding: 0.5rem 1rem;
}

.div-block-1648 {
  align-items: baseline;
  display: flex;
}

.div-block-1514 {
  margin-left: 8px;
}

.text-block-390 {
  font-weight: 500;
  line-height: 18px;
}

.text-span-225 {
  color: #c8202f;
  font-weight: 800;
}

.div-block-5 {
  margin-left: 13px;
  margin-right: 13px;
}

.div-block-1513 {
  align-items: baseline;
  display: flex;
}

.div-block-1517 {
  margin-left: 8px;
}

.text-block-365 {
  font-weight: 500;
  line-height: 18px;
}

.text-span-226 {
  font-weight: 800;
}

.cta_content-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  padding: 2rem;
  display: flex;
}

.heading-box {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  display: flex;
}

.demeter-line-display {
  display: block;
}

.home-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100dvh;
  display: flex;
}

._2step_form {
  border: 1px solid #d8d8d8;
}

._2step_form.is-inactive {
  display: none;
}

._2step_form-head {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #fff;
  background-color: #000;
  justify-content: space-between;
  align-items: center;
  height: 48px;
  padding: 0.5rem 1rem;
  font-weight: 700;
  display: flex;
}

._2step_form-selector {
  background-color: #fff;
  padding: 1rem;
}

._2step_form-selector.cc-qty {
  padding-top: 1.75rem;
}

.step_sub {
  border-radius: var(--radius--cards);
  background-color: #ffffff24;
  padding: 0.5rem;
  font-size: 0.825rem;
}

.pair-numbersss {
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  margin-right: 1rem;
  display: flex;
}

.selector_wrap {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.pair-circle {
  color: #777;
  background-color: #e9e9e9;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  max-width: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 0.785rem;
  font-weight: 600;
  display: flex;
}

.pair-circle.is-active {
  background-color: var(--brand--color--primary);
  color: #fff;
  flex: none;
}

.selector-label {
  font-size: 0.725rem;
  font-weight: 600;
}

.step-check {
  width: 1rem;
  height: 1rem;
  display: none;
}

.grid_shoes {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  color: #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
}

.pb-qunatity__information {
  flex-flow: column;
  flex: 1;
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
  min-height: 2.5rem;
  display: flex;
}

.step-number {
  display: flex;
}

.os-variant__content {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  line-height: 1;
  display: flex;
  position: relative;
}

.os-card__variant-toggle-info {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  align-items: center;
  display: flex;
}

.os-card__variant-toggle-name,
.os-card__variant-toggle-name.os--font-bold {
  font-weight: 600;
}

.os-card__variant-dropdown-menu {
  z-index: 9;
  font-size: 0.875rem;
}

.os-card__variant-dropdown-menu.w--open {
  z-index: 4;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  width: 100%;
  min-width: auto;
  max-width: none;
  max-height: none;
  margin-top: 0.5rem;
  padding: 0;
  overflow: auto;
}

.os-card__variant-dropdown-wrapper {
  flex: 1;
}

.os-card__variant-dropdown-toggle {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  color: #000;
  letter-spacing: -0.006em;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 3.5rem;
  padding: 0.5rem 1rem;
  font-size: 0.938rem;
  line-height: 1.25rem;
  transition:
    box-shadow 0.2s,
    color 0.2s ease-out,
    background-color 0.2s ease-out;
  display: flex;
}

.os-card__variant-dropdown-toggle:hover {
  border-color: #999;
}

.os-card__variant-dropdown-toggle:focus {
  outline-offset: 0px;
  outline: 3px #e148c0;
  box-shadow: 0 0 0 3px #3333331a;
}

.os-card__variant-dropdown-toggle.w--open {
  box-shadow: none;
}

.os-card__variant-dropdown-toggle.is-upsell {
  border-color: #d3d3d3;
  min-height: 2.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  font-size: 0.875rem;
}

.os-card__variant-dropdown-item {
  font-size: 0.875rem;
  list-style-type: none;
  display: block;
  position: relative;
}

.os-card__variant-dropdown-item:hover {
  background-color: #eee;
}

.os-card__variant-dropdown-item.selected {
  background-color: #f7f7f7;
}

.os-card__toggle-option {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: wrap;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem;
  display: flex;
}

.os-card__toggle-option.os--distribute {
  justify-content: space-between;
}

.os-card__toggle-option.os--main {
  padding: 0;
}

.os-card__variant-dropdown-icon {
  width: 1rem;
  height: 1rem;
  display: flex;
}

.os-card__variant-dropdown-icon.cc-sm {
  width: 0.75rem;
  height: 0.75rem;
}

.os-card__variant-dropdown-component {
  z-index: 1;
  width: 100%;
}

.os-card__variant-dropdown-list {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}

.os-card__variant-dropdown-list.w--open {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  background-color: #1414143d;
  border: 1px solid #00000045;
  border-radius: 0.5rem;
  flex-flow: column;
  max-height: 20rem;
  margin-top: 0.25rem;
  padding: 0.5rem;
  display: flex;
  overflow: auto;
  box-shadow: 0 16px 32px -12px #0000001a;
}

.os-card__variant-label-item {
  color: #555;
  justify-content: space-between;
  align-items: center;
  font-size: 0.725rem;
  font-weight: 600;
  display: flex;
}

.variant-dropdowns {
  display: none;
  transform: rotate(-90deg);
}

.variant-product-color {
  height: 1.75rem;
}

.auto-expand {
  display: none;
  transform: rotate(-90deg);
}

.os-option_item {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  border-bottom: 0.5px solid #f0f0f0;
  flex-flow: row;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  width: auto;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  display: flex;
  position: relative;
}

.selector__wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.checkout_cta-sec {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.os-button__spinner {
  width: 100%;
  height: 100%;
  transition: opacity 0.2s;
  position: absolute;
}

.os-button__content-slot {
  grid-column-gap: 0.5rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity 0.2s;
  display: flex;
  position: relative;
}

.os-button {
  border: 2px solid var(--brand--color--primary);
  background-color: var(--brand--color--primary);
  color: #fff;
  text-align: center;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 4.5rem;
  padding: 0.75rem 1rem;
  font-weight: 600;
  text-decoration: none;
  transition:
    background-color 0.12s,
    border 0.12s;
  display: flex;
  position: relative;
}

.os-button__main-slot {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  align-items: center;
  display: flex;
}

.os-button__main-slot.os--center {
  justify-content: center;
  align-items: center;
}

.os-button__icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: block;
}

.os-button__icon.os--absolute {
  position: absolute;
  inset: auto 0% auto auto;
}

.variant_group {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  flex-flow: column;
  display: flex;
}

.os-card__variant-toggle-price {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  align-items: center;
  display: flex;
}

.os-card__variant-toggle-price--compare {
  color: #ed093b;
  font-size: 0.725rem;
}

.os-card__variant-toggle-price--sale {
  color: #50008a;
  font-weight: 600;
}

.os-card__variant-swatches {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  display: flex;
}

.os-card__variant-swatch {
  cursor: pointer;
  background-color: #a5a7b3;
  border: 3px #0000;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  transition: all 0.2s;
  position: relative;
}

.os-card__variant-swatch.os-card__variant-swatch--selected {
  border-color: #fff;
  box-shadow: 0 0 0 1px #999;
}

.os-card__variant-swatch.is-upsell {
  width: 1.25rem;
  height: 1.25rem;
}

.slot-override,
.form-main,
.card-conditional-system,
.variant-swatches,
.buttons-spinners {
  display: none;
  transform: rotate(-90deg);
}

.os-card__variant-sizes {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  display: flex;
}

.os-card__variant-size {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 2rem;
  min-height: 2.5rem;
  padding: 0.25rem 0.5rem;
  transition: all 0.2s;
  display: flex;
  position: relative;
}

.os-card__variant-size:hover {
  border-color: #999;
}

.os-card__variant-size.os-card__variant-size--selected {
  color: #fff;
  background-color: #000;
  border-color: #999;
}

.os-card__variant-image {
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #0000;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  min-height: 3rem;
  padding: 0;
  transition: all 0.2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.os-card__variant-image.os-card__variant-image--selected {
  border-color: #000;
  padding: 0.15rem;
}

.cart-box__wrapper {
  border: 1px solid #dedede;
  overflow: hidden;
}

.cart_box-heading {
  color: var(--brand--color--primary-foreground);
  background-color: #000;
  align-items: center;
  height: 43px;
  padding: 0.75rem;
  display: flex;
}

.edit-order_text {
  font-size: 14px;
  font-weight: 600;
  text-decoration: underline;
}

.coupon-wrappers {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  background-color: var(--brand--color--secondary);
  color: var(--brand--color--primary-foreground);
  border-radius: 8px;
  align-items: center;
  padding: 0.25rem 0.5rem;
  font-size: 0.825rem;
  font-weight: 600;
  line-height: 1;
  display: flex;
}

.code-embed {
  justify-content: center;
  align-items: center;
  width: 1rem;
  display: flex;
}

.icon-list__item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #4a4a4a;
  border-bottom: 1px solid #ffd5d5;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0.5rem;
  padding: 0 0 0.5rem;
  font-weight: 700;
  line-height: 26px;
  display: flex;
}

.icon-list__item.cc-last-child {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.icon-list__item.cc-problem {
  border-bottom-color: #f6d8d8;
}

.icon-list__item.cc-solution {
  border-bottom-color: #bde7d5;
}

.icon-list__item.cc-solution2 {
  border-bottom-style: none;
  border-bottom-color: #bde7d5;
}

.icon-list__icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  min-width: 1.75rem;
  max-width: 1.75rem;
  height: 1.75rem;
  min-height: 1.75rem;
  max-height: 1.75rem;
  display: flex;
  overflow: hidden;
}

.icon-list__icon.is-error {
  color: #ee6c6c;
}

.icon-list__icon.cc-solution {
  color: var(--system-colors--success-foreground);
}

.full-demo_header {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 4rem;
  display: flex;
}

.sg_heading {
  margin-bottom: 0.5rem;
}

.label-checkout {
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  color: #b3b3b3;
  letter-spacing: 0;
  font-size: 0.65rem;
  font-weight: 400;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  position: absolute;
  top: 0.5em;
  left: 13px;
  transform: translate(0, 0.3em);
}

.label-checkout.has-value {
  opacity: 100;
  transform: translate(0);
}

.label-checkout.cc-limos {
  color: #000;
  margin-left: -4px;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 0.75rem;
}

.label-checkout.cc-limos.has-value {
  opacity: 100;
  background: linear-gradient(180deg, #f3f1fe 0%, #fff 100%);
  transform: translate(0, -1.2em);
}

.attr-value {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 18ch;
  overflow: hidden;
}

.os-card__total-container {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #555;
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
}

.os-card__total-compare {
  text-decoration: line-through;
}

.skeleton-lines_wrapper {
  position: relative;
}

.skeleton-lines_items {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  max-height: 18rem;
  padding-top: 0.5rem;
  display: flex;
  overflow: auto;
}

.skeleton-lines_item {
  z-index: 0;
  border-bottom: 1px solid #ececec;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.5rem;
  position: static;
}

.skeleton-lines_item.w--current {
  color: #000;
  background-color: #ffedd7;
  box-shadow: 0 0 0 2px #010101;
}

.skeleton-line__item-wrapper {
  border-radius: 0.25rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
  overflow: visible;
}

.skeleton-line__item-image {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 70px;
  max-width: 70px;
  min-height: 70px;
  max-height: 70px;
  display: flex;
  position: relative;
  overflow: visible;
}

.skeleton-line__item-details {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding-top: 0;
  padding-left: 1rem;
  display: flex;
  position: relative;
}

.skeleton-line__item-content {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.skeleton-line__item-description {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.skeleton-line__item-pricing {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.skeleton {
  pointer-events: none;
  border-radius: 4px;
}

.skeleton.cart-line__image {
  width: 100%;
  height: 100%;
}

.skeleton.cart-line__title {
  width: 120px;
}

.skeleton.cart-line__description {
  width: 180px;
  min-height: 14px;
}

.skeleton.cart-line__quantity {
  width: 60px;
  min-height: 22px;
}

.skeleton.cart-line__price {
  width: 80px;
  min-height: 18px;
}

.skeleton.cart-line__compare-price {
  width: 70px;
  min-height: 18px;
}

.skeleton.summary_small {
  width: 120px;
}

.skeleton.summary_xs {
  width: 60px;
}

.skeleton.summary_md {
  width: 60px;
  min-height: 26px;
}

.skeleton.summary_mdl {
  width: 90px;
  min-height: 26px;
}

.skeleton.skeleton-text {
  min-height: 1.25rem;
  max-height: 1.25em;
}

.skeleton.skeleton-text.skeleton-text--short {
  width: 12ch;
}

.skeleton.skeleton-text.skeleton-text--medium {
  width: 16ch;
}

.skeleton.skeleton-text.skeleton-text--medium.skeleton-align-middle {
  margin-left: auto;
  margin-right: auto;
}

.skeleton.skeleton-text.skeleton-text--large {
  width: 38ch;
}

.skeleton.skeleton-text.skeleton-text--tiny {
  width: 6ch;
}

.skeleton.skeleton-text.skeleton--input {
  min-height: 3rem;
  max-height: 3rem;
}

.skeleton.skeleton-text--short {
  width: 12ch;
}

.skeleton.skeleton-text-lg {
  min-height: 1.25rem;
  max-height: 1.25em;
}

.skeleton.skeleton-text-lg.skeleton-text--tiny {
  width: 6ch;
  min-height: 1.5rem;
  max-height: 1.5em;
}

.skeleton.skeleton-box.skeleton-box--md {
  min-height: 9rem;
  max-height: 9rem;
}

.skeleton.skeleton-button {
  width: 100%;
  min-height: 4.5em;
  max-height: 4.5em;
}

.order-totals-skeleton {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  background-color: #0000;
  flex-flow: column;
  width: 100%;
  min-width: auto;
  height: 100%;
  min-height: 30px;
  padding: 0;
  font-size: 0.875rem;
  display: flex;
  position: relative;
}

.order-totals-skeleton__line {
  color: #000;
  justify-content: space-between;
  display: flex;
}

.receipt_section {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 0.5px solid #ddd;
  border-radius: 4px;
  flex-flow: column;
  padding: 1.5rem;
  display: flex;
}

.receipt_head {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  align-items: center;
  display: flex;
}

.receipt-check {
  color: var(--brand--color--primary);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 4.5rem;
  height: 4.5rem;
  display: flex;
}

.receipt-heading {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  display: flex;
}

.receipt_order {
  letter-spacing: -0.01em;
  font-size: 1.35rem;
}

.receipt_section-head {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  display: flex;
}

.receipt_section-head--desc {
  color: #686868;
  font-size: 0.875rem;
}

.order_receipt-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.order_receipt-sec {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  flex-flow: column;
  font-size: 0.875rem;
  display: flex;
}

.sec_title {
  color: #707070;
}

.sec_value {
  color: #000;
}

.order_receipt-col {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  flex-flow: column;
  display: flex;
}

.order_receipt--group {
  flex-flow: column;
  display: flex;
}

.receipt_info {
  justify-content: space-between;
  display: flex;
}

.receipt-flex {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  align-items: center;
  display: flex;
}

.receipt__form-container {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  width: 100%;
  max-width: 528px;
  display: flex;
  position: relative;
}

.receipt-footer {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-top: 1px solid #dedede;
  margin-top: 1rem;
  padding-top: 1rem;
  font-size: 0.825rem;
  display: flex;
}

.receipt-subtitle {
  font-size: 0.875rem;
}

.skeleton-wrapper {
  z-index: 99999999;
  background-color: #fff;
  position: fixed;
  inset: 0%;
}

.upsell-container {
  border: 2px solid var(--brand--color--primary);
  border-radius: var(--radius-size--md);
  background-color: #fff;
}

.upsell-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.upsell-steps {
  min-width: 220px;
}

.os-bundle__selector {
  flex-flow: row;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.os-bundle__progress-bar {
  background-color: var(--neutral--100);
  height: 0.25rem;
  position: absolute;
  top: 1rem;
  left: 2rem;
  right: 2rem;
}

.os-bundle__progress-fill {
  background-color: var(--brand--color--primary);
  border-radius: 100px;
  width: 25%;
  height: 100%;
}

.os-bundle__option {
  z-index: 10;
  text-align: center;
  flex-flow: column;
  align-items: center;
  display: flex;
  position: relative;
}

.os-bundle__option-circle2 {
  background-color: var(--neutral--100);
  color: var(--neutral--700);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  margin-bottom: 0.25rem;
  display: flex;
}

.os-bundle__option-circle2.os-bundle__option-circle--active {
  background-color: var(--brand--color--primary);
  color: var(--brand--color--primary-foreground);
  font-weight: 700;
}

.os-bundle__option-quantity {
  font-size: 0.685rem;
}

.brand-logo {
  width: 150px;
  display: flex;
}

.checkout-footer-links {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-top: 1px solid #dedede;
  margin-top: 1rem;
  padding-top: 1rem;
  font-size: 0.825rem;
  display: flex;
}

.checkout__header-top {
  color: #fff;
  background-color: #2a2248;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: 70px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.olympus-checkout__left {
  flex-flow: column;
  flex: none;
  width: 51%;
  min-width: 0;
  max-width: none;
  display: flex;
}

.olympus-checkout__left-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 2rem;
}

.olympus-checkout__left-slider.cc-spaced {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.demeter-checkout__left-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 2rem;
}

.section_cards {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #fff;
  border-radius: 8px;
  flex-flow: column;
  padding: 2rem;
  display: flex;
}

.section_card__title {
  border-bottom: 2px solid var(--brand--color--primary);
  padding-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
}

.section_list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.sg_griddd {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 0.75fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.code-sec {
  flex: none;
  width: 60%;
}

.sample-sec {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.elevation-code-block {
  border-radius: 12px;
  width: 100%;
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    inset 0 0 0 1px #18181b,
    inset 0 0 0 1.5px #fff3;
}

.code-block__header {
  background-color: #000;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  align-items: center;
  padding: 0.5rem 1rem;
  line-height: 1;
  display: flex;
}

.code-block__header--left {
  flex: 1;
}

.code-block__title {
  color: #ffffff8f;
  font-size: 0.875rem;
}

.code-block__header--right {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  color: #e5e5e5;
  align-items: center;
  display: flex;
}

.code-block__icon--wrapper {
  background-color: #f0f0f000;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 4.5px;
  display: flex;
}

.code-block__icon--wrapper:hover {
  background-color: #ffffff2b;
}

.code-block__icon {
  justify-content: center;
  align-items: center;
  width: 15px;
  min-width: 15px;
  height: 15px;
  min-height: 15px;
  display: flex;
}

.code-block__icon.cc-check {
  display: none;
}

.code-block__content {
  background-color: #18181b;
  border-radius: 0 0 12px 12px;
  padding: 0 5px 5px;
}

.code-block__content--wrapper {
  color: #fff;
  background-color: #18181b;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  position: relative;
}

.code-block__content--wrapper.cc-flex {
  display: flex;
}

.code_piece {
  scroll-behavior: smooth;
  overscroll-behavior: contain;
  border-radius: 8px;
  flex: 1;
  height: 100%;
  min-height: auto;
  max-height: 480px;
  overflow: auto;
}

.code-block-new {
  border-radius: 8px;
  height: 100%;
  font-size: 0.875rem;
  color: #e5e5e5 !important;
  background-color: #09090b !important;
}

.code-block-new.cc-brd {
  border-radius: 0;
}

.sg_header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  margin-bottom: 2rem;
  display: flex;
}

.upsell_card-sg {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  border-radius: var(--radius-size--base);
  background-color: #fafafa;
  border: 1px solid #e2e2e2;
  flex-flow: column;
  padding: 1rem;
  display: flex;
}

.sg_price-flex {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.sg-price.sg-compare {
  color: #b8b8b8;
  text-decoration: line-through;
}

.sg_btn-flex {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.sg_button {
  border: 2px solid var(--brand--color--cta-primary);
  border-radius: var(--radius--button);
  background-color: var(--brand--color--cta-primary);
  color: var(--brand--color--text-inverse);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0.5rem 1rem;
  font-weight: 600;
  text-decoration: none;
  transition:
    background-color 0.12s,
    border 0.12s;
  display: flex;
  position: relative;
}

.sg_button.sg_secondary {
  background-color: #6b6b6b;
  border-color: #6b6b6b;
}

.os-card__variant-select-wrapper {
  flex-flow: column;
  justify-content: center;
  display: flex;
  position: relative;
}

.os-card__select-input {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fffffffa;
  border: 1px solid #e6e6e6;
  border-radius: 0.375rem;
  justify-content: center;
  align-items: center;
  min-height: 2.5rem;
  padding: 0.5rem 2.25rem 0.5rem 0.75rem;
  font-size: 0.875rem;
  position: relative;
}

.os-card__select-input:hover {
  border-color: #999;
}

.os-card__select-input:focus {
  outline-offset: 0px;
  border-color: #333;
  outline: 3px #000;
  box-shadow: 0 0 0 3px #3333331a;
}
.announcement {
  background: #2a2248;
  color: #fff;
  text-align: center;
  padding-block: 0.5rem;
}
.os-card__select-arrow {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 3rem;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.icon-select {
  justify-content: center;
  align-items: center;
  display: flex;
  transform: rotate(90deg);
}

.sg_qty-flex {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  display: flex;
}

.sg_qty-item {
  cursor: pointer;
  background-color: #f7f7f7;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
}

.sg_qty-item.next-selected {
  border-color: var(--brand--color--primary);
  background-color: var(--brand--color--primary);
  color: var(--brand--color--primary-foreground);
}

.sg_qty-item.sg_controller {
  background-color: var(--brand--color--primary);
  color: var(--brand--color--primary-foreground);
  font-weight: 700;
}

.sg_qty-item.cc-upsell4 {
  color: #000;
  background-color: #f3f1fe;
  border-color: #f3f1fe;
}

.sg_qty-item.cc-upsell4.next-selected {
  background-color: var(--brand--color--primary);
  color: var(--brand--color--complementary-1);
}

.os-card__features-list-2 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0.25rem;
  color: #000;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 0.25rem;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.next-empty-cart {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  border: 1px dashed var(--brand--color--primary);
  text-align: center;
  background-color: #edf3ff;
  border-radius: 4px;
  flex-flow: column;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.flex-attr {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  align-items: center;
  display: flex;
}

.webflow-overrides {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.item-template.os-show {
  display: block;
}

.progress-wrapper {
  align-items: center;
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  display: flex;
  position: relative;
}

.progress-banner {
  color: #000;
  background-color: #fff;
  height: 56px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: 400;
  display: flex;
}

.olympus_image-wrapper {
  background-color: #fff;
  justify-content: center;
  width: 100%;
  padding: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.olympus_iamge-wrapper--absolute {
  position: absolute;
  inset: 1rem 1rem auto auto;
}

.olympus_iamge-wrapper--absolute.is-bottom {
  inset: auto 1rem 1rem auto;
}

.olympus_iamge-wrapper--absolute.is-bottom-left {
  width: 48px;
  inset: auto auto 1rem 1rem;
}

.olympus_iamge-wrapper--absolute.is-bottom-right {
  width: 58px;
  top: auto;
  bottom: 1rem;
}

.olympus_left-sub {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #ecfbcb;
  align-items: center;
  padding: 0 2rem 0 0;
  display: flex;
  position: relative;
}

.olympus_left-sub.cc-radius {
  border-radius: 4px;
}

.olympus_left-sub--image {
  position: relative;
  inset: 0% auto 0% 0%;
}

.review1_content {
  grid-row-gap: 0.5rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.review1_content.cc-padding {
  padding: 1rem;
}

.text-block-4-copy {
  color: #000;
  font-weight: 400;
}

.review1_component-item {
  grid-column-gap: 0rem;
  text-align: left;
  background-color: #fff;
  border-radius: 4px;
  grid-template-rows: auto;
  grid-template-columns: 0.5fr 1fr;
  padding: 1rem;
  display: flex;
}

.review1_component-item.cc-full {
  flex-flow: column;
  padding: 0;
}

.div-block-535 {
  grid-column-gap: 0.5rem;
  align-items: center;
  display: flex;
}

.review-auth {
  color: #000;
  font-weight: 600;
}

.review-titles {
  font-size: 0.875rem;
  font-weight: 700;
}

.div-block-536 {
  grid-column-gap: 0.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  display: flex;
}

.review-descriptions {
  font-size: 0.875rem;
}

.review_grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.review_grid.cc-wrap {
  border-top: 1px solid #dde7d2;
  flex-flow: column;
  padding-top: 1rem;
  display: flex;
}

.review_stars {
  width: 85px;
  display: flex;
}

.display-olympus {
  letter-spacing: -0.02em;
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.1;
}

.os-olympus__label {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  align-items: center;
  display: flex;
}

.os-olympus_badge-icon {
  justify-content: center;
  align-items: center;
  width: 0.8125rem;
  min-width: 0.8125rem;
  height: 0.8125rem;
  min-height: 0.8125rem;
  display: flex;
}

.os-olumpus_badge-text {
  color: #08927a;
  font-size: 0.875rem;
  font-weight: 700;
}

.os-olumpus_badge-text.cc-bestdeal {
  color: #298fbd;
}

.line-diver {
  background-color: #ededed;
  height: 1px;
}

.os-slots {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.os-slots.slot-upsell {
  width: 100%;
  margin-bottom: 1rem;
}

.os-slot {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 1px solid #bdbdbd;
  padding: 1.125rem 1.125rem 1.125rem 0.5rem;
  display: none;
  position: relative;
}

.os-slot.active {
  display: flex;
}

.os-slot.new-slot {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: row;
}

.os-slot.new-slot.active {
  display: flex;
}

.os-slot.slot-qty {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: row;
  width: 100%;
  display: flex;
}

.os-slot__image {
  justify-content: center;
  align-items: center;
  width: 120px;
  display: flex;
}

.os-slot__image.cc-big {
  width: 180px;
}

.os-slot__image.is-upsells {
  width: 80px;
}

.os-slot__selection {
  flex: 1;
}

.os-card__variant-dropdown-menu-v2 {
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transform-origin: top;
  background-color: #fff;
  border-radius: 0.5rem;
  width: 100%;
  padding: 0.5rem;
  font-size: 0.875rem;
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
  display: block;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  overflow: hidden;
  transform: translateY(-12px) scale(0.95);
  box-shadow: 0 10px 40px #0000001a;
}

.os-card__variant-dropdown-menu-v2.w--open {
  z-index: 4;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  width: 100%;
  min-width: auto;
  max-width: none;
  max-height: none;
  margin-top: 0.5rem;
  padding: 0;
  overflow: auto;
}

.os-variant-dropdown {
  position: relative;
}

.os-card__variant-grid {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: minmax(2.5rem, 2.5rem) 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.os-card__variant-grid.cc-horiz {
  flex-flow: row;
}

.os-card__variant-options {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.os-card__variant-group {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  flex-flow: column;
  display: flex;
}

.os-card__variant-group.cc-full {
  flex: 1;
}

.os-card__variant-label {
  font-size: 0.938rem;
  font-weight: 700;
}

.os-slot__step {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #b4c0a8;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 2.125rem;
  height: 2.125rem;
  font-weight: 600;
  display: flex;
  position: absolute;
  inset: 0.25rem auto auto 0.25rem;
}

.os-slot__step.cc-new {
  min-width: 70px;
  font-size: 15px;
  position: relative;
}

.os-slot__step.is-upsells {
  min-width: 0;
  font-size: 15px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.size_chart-wrapper {
  justify-content: space-between;
  font-size: 0.938rem;
  font-weight: 600;
  display: flex;
}

.size_chart-icon {
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
  position: relative;
  top: 1px;
}

.size_chart-right {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  color: #00237e;
  cursor: pointer;
  align-items: center;
  font-weight: 600;
  text-decoration: underline;
  display: flex;
}

.size_chart-right.cc-black {
  color: #000;
}

.custom-styles {
  display: none;
  transform: rotate(-90deg);
}

.checkout-selector__sections {
  grid-column-gap: 1.625rem;
  grid-row-gap: 1.625rem;
  flex-flow: column;
  margin-bottom: 2rem;
  display: flex;
}

.text-olympus-sub {
  font-size: 0.875rem;
}

.cc-olumpus_sub-message {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  flex-flow: column;
  display: flex;
}

.text-solumpus-sub__head {
  font-weight: 700;
}

.os-card__variant-toggle-price--compare-2 {
  color: #ed093b;
  font-size: 0.725rem;
  font-weight: 400;
  position: relative;
  top: 0;
}

.os-card__variant-toggle-price--sale-2 {
  color: #380061;
  font-weight: 600;
}

.progress_bar,
.cta-holder {
  display: none;
}

.cta-holder.active {
  display: block;
}

.modal-css {
  display: none;
}

.modal-size-guide {
  flex-flow: column;
  display: flex;
}

.modal-size_row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px dashed #999;
  grid-template-rows: auto;
  grid-template-columns: 0.5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.modal-size_row.last {
  border-bottom-style: none;
}

.modal-size_cell {
  padding: 0.5rem 0.5rem 0.5rem 1rem;
}

.modal-size_cell.left {
  border-right: 1px dashed #999;
  padding-left: 0;
}

.card-sup {
  font-size: 1rem;
  font-weight: 500;
}

.card-icons {
  justify-content: center;
  align-items: center;
  width: 13px;
  height: 13px;
  display: flex;
}

.step__wrap {
  display: flex;
}

.step__wrap.is-upsell {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
}

.slot__right {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.upsell4-nav {
  border-bottom: 1px solid #dedede;
  flex-flow: column;
  align-items: stretch;
  display: flex;
}

.upsell4-header__wrapper {
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.upsell4__header {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  text-align: center;
  flex-flow: column;
  align-items: center;
  padding: 1.5rem;
  display: flex;
}

.upsell4_text-header {
  letter-spacing: -0.04em;
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.75rem;
  font-weight: 700;
  line-height: 1.2;
}

.upsell4_text-offer {
  letter-spacing: -0.03em;
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
}

.upsell4_text-suboffer {
  font-size: 1.25rem;
}

.grid-new {
  width: 100%;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
}

.grid-new.flex-horizontal {
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.grid-new.flex-horizontal.cc-upsell {
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: none;
  display: grid;
}

.grid-item.max-w-565 {
  flex: 1;
  width: 100%;
  max-width: 565px;
  overflow: hidden;
}

.grid-item.max-w-474 {
  background-color: #f3f1fe;
  flex-flow: row;
  align-items: stretch;
  width: 100%;
  min-width: 474px;
  max-width: none;
  height: 100%;
  padding: 24px;
  display: block;
  position: relative;
  overflow: visible;
}

.hero-left_content-bg-white {
  background-color: #fff;
  flex-flow: column;
  align-items: flex-start;
  padding: 30px 24px;
  display: flex;
}

.margin-12 {
  margin-top: 12px;
}

.divider_line {
  background-color: #e5e5e5;
  width: 100%;
  min-height: 1px;
  margin-top: 22px;
  margin-bottom: 25px;
}

.divider_line.margin-32 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.upsell4_bullets {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  display: flex;
}

.checkout-button-wrapper {
  flex-flow: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.select-quantity-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 24px;
  display: flex;
}

.sg-upsell_qty-wrap {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  align-items: center;
  font-weight: 600;
  display: flex;
}

.right-bullet-icon {
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  display: flex;
}

.upsell4__quantity-wrapper {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  background-color: #fff;
  border: 1px solid #d8e2cd;
  border-radius: 8px;
  padding: 0.5rem;
  display: flex;
}

.prices-text-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.price-wrapper {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  text-align: center;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.price_upsell4-title {
  font-size: 1rem;
  font-weight: 600;
}

.price_upsell4-title.cc-savings {
  font-weight: 700;
}

.price_upsell4 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
}

.price_upsell4.diagonal-strike {
  text-decoration: none;
}

.price_upsell4-subtitle {
  font-size: 0.75rem;
  font-weight: 700;
}

.price_upsell4-subtitle.cc-shipping {
  color: var(--brand--color--primary);
}

.center-divider {
  background-color: #3d3d3d;
  border-radius: 5px;
  min-width: 2px;
  height: 110px;
}

.center-divider.cc-upsell4 {
  background-color: #dbdbdb;
}

.title_upsell4-wrap {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  align-items: center;
  display: flex;
}

.payment-img-wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.badge-text-black {
  color: #000;
  font-size: 14px;
  font-weight: 600;
}

.cc-decline-wrapper {
  justify-content: center;
  width: 100%;
  margin-top: 1rem;
  display: flex;
}

.announcement__right {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  align-items: center;
  display: flex;
}

.code-embed-11 {
  justify-content: center;
  align-items: center;
  width: 1rem;
  display: flex;
}

.paypal-btn {
  align-items: center;
  display: flex;
}

.form-section__title-2 {
  letter-spacing: -0.01em;
  font-size: 1.25rem;
}

.text-block-391 {
  color: #afafaf;
  font-size: 12px;
}

.image-246 {
  height: 20px;
}

.cta_holder {
  margin-top: 0.25rem;
}

.cc-sticky-top {
  position: sticky;
  top: 1rem;
}

.os-card__variants-container {
  grid-column-gap: 0.15rem;
  grid-row-gap: 0.15rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.os-card__variant-number {
  border-radius: 0.375rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 0.825rem;
  font-weight: 600;
  display: flex;
}

.os-card__variant-number.os-option {
  color: #375c31;
  background-color: #d8e2cd;
}

.os-card__variant-number.cc-upsell {
  color: #375c31;
  background-color: #d8e2cd;
  width: 2.5rem;
  height: 2.5rem;
}

.os-card__variant-label-number {
  width: 2rem;
}

.os-card__upsell-grid {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: minmax(2.5rem, 2.5rem) 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.upsell-image-wrapper {
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2rem;
  display: flex;
}

.upsell_variants-wrapper {
  width: 100%;
  margin-bottom: 2rem;
}

.gap-setup {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.select-qty {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.inner-color {
  height: 60px;
}

.inner-color.gray {
  background-color: #4b5563;
  border-radius: 6px;
  margin-bottom: 6px;
}

.inner-color.chateau {
  background-color: beige;
  border-radius: 6px;
  margin-bottom: 6px;
}

.inner-color.scribe {
  background-color: #1e3a8a;
  border-radius: 6px;
  margin-bottom: 6px;
}

.inner-color.verdant-sage {
  background-color: #65a30d;
  border-radius: 6px;
  margin-bottom: 6px;
}

.outer-color {
  text-align: center;
  background-color: #fff;
  border: 2px solid #0000;
  border-radius: 8px;
  flex: 1;
  padding: 0.5rem;
}

.outer-color.selected {
  border-color: var(--brand--color--primary);
}

.cc-color-title {
  font-size: 12px;
}

.select-colors {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #fafbfc00;
  border: 1px solid #d8e2cd;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 0.75rem;
  display: flex;
}

.color-wrapper {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  width: 100%;
  padding: 0;
  display: flex;
}

.questions-text {
  border-left: 1px solid #777;
  padding-left: 1rem;
  font-weight: 600;
}

.link-tel {
  color: #fff;
  text-decoration: underline;
  display: inline;
}

.form-step__button {
  border-radius: var(--radius--button);
  color: #000;
  text-align: center;
  background-color: #ffd431;
  border: 1px solid #d5ac10;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 54px;
  padding: 1rem 2rem;
  font-weight: 600;
  text-decoration: none;
  transition:
    background-color 0.12s,
    border 0.12s;
  display: flex;
  position: relative;
  box-shadow: 0 4px 8px #a0a99670;
}

.button__arrow {
  background-color: #eeb519;
  border: 1px solid #ce9f07;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.arrow__icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-step__button--text {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
}

.form-step__button-wrapper {
  z-index: 1;
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 2px;
  display: flex;
  position: relative;
}

.checkout__left {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  flex: none;
  width: 100%;
  min-width: 0;
  max-width: 539px;
  display: flex;
}

.checkout__right {
  flex: 1;
}

._2step__right-cont {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: #ecfbcb;
  align-items: flex-end;
  padding: 1rem 1rem 0 0;
  display: flex;
  position: relative;
}

._2step__right-bottom {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  flex-flow: column;
  margin-left: -1.5rem;
  padding-bottom: 1rem;
  display: flex;
}

._2step__size-guide {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-top: 1px solid #dde7d2;
  border-bottom: 1px solid #dde7d2;
  flex-flow: column;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  position: relative;
}

.cc-item-variant {
  color: #797979;
  font-size: 0.825rem;
}

.cc-cart-variants {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  display: flex;
}

.footer-logo {
  flex: none;
  width: 142px;
  max-width: none;
  margin-bottom: 1rem;
}

.footer-copy {
  font-size: 12px;
  line-height: 1.188rem;
}

.review1_component-image {
  width: 100%;
  height: auto;
}

.form-section__sub {
  font-size: 0.938rem;
  font-weight: 600;
}
.form-section__sub span {
  font-weight: 400;
}
.form-section__sub.span-red {
  color: #d32b33;
}

.option__wrapper {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  width: 100%;
  padding: 1px;
  display: flex;
  overflow-x: auto;
}

.option__item {
  background-color: #fff;
  border: 1px solid #babfae;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
}

.option__item.is-active {
  border-color: #000;
  box-shadow: 0 0 0 1px #000;
}

.form-section__sub-selector {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  display: flex;
}

.form-section__subhead {
  justify-content: space-between;
  display: flex;
}

.form-section__sub-wrap {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  align-items: center;
  display: flex;
}

.form-section__price-wrapper {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  align-items: center;
  font-size: 1.375rem;
  display: flex;
}
.form-section__price-wrapper-big {
  border-top: 1px solid #d8d5ec;
  border-bottom: 1px solid #d8d5ec;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.cc-red {
  color: red;
  font-size: 14px;
}
.form-section__price--savings {
  background-color: #deff96;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.938rem;
  font-weight: 700;
  display: flex;
}

.form-section__price--sale {
  font-weight: 700;
  font-size: 20px;
  text-align: right;
}
.form-section__price--sale .price__each {
  font-size: 20px;
  font-weight: 400;
}

.form-section__price--reg {
  font-weight: 700;
  font-size: 20px;
  text-decoration: line-through;
  text-align: right;
  color: #a29eb8;
}

.price__each {
  font-size: 17px;
}

.pb-booster {
  color: #000;
  letter-spacing: -0.02em;
  background-color: #f7f7f7;
  border-radius: 4px;
  font-size: clamp(0.625rem, 3vw, 0.875rem);
}

.pb-booster.theme-yellow {
  background-color: #fafbcb;
}

.booster__wrapper {
  pointer-events: none;
  padding: 0.785rem 1rem;
}

.booster__wrapper.cc-padding-left {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0;
}

.pb-component_left-ribbon {
  color: #000;
  background-color: #ffc354;
  flex: 1 0 auto;
  max-width: 17%;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  padding-left: 0.65rem;
  font-size: 14px;
  font-weight: 600;
  position: relative;
}

.component_ribbon-arrow {
  border-top: 0.9375rem solid #ffc354;
  border-bottom: 0.9375rem solid #ffc354;
  border-right: 0.625rem solid #fafbcb;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: -0.3125rem;
  margin-bottom: -0.3125rem;
  display: flex;
  position: absolute;
  right: -0.25rem;
}

.pb-component__stack {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  display: flex;
}

.pb-component__stack.ba50 {
  flex: 1;
  line-height: 1.3;
}

.banner50_title {
  font-size: 1rem;
  font-weight: 600;
}

.banner50_image-wrapper {
  flex: none;
  align-items: center;
  display: flex;
  position: relative;
}

.banner-product {
  width: 164px;
  max-width: none;
  height: auto;
  margin-top: -0.5rem;
  margin-right: 10px;
}

.free__banner-savings {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  font-size: 1rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  line-height: normal;
}

.free__banner-reg {
  color: #b01111;
}

.free__banner-free {
  color: #1bba85;
}

.option__item-size {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background-color: #fff;
  border: 1px solid #babfae;
  border-radius: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  min-width: 140px;
  transition-property: all;
  transition-duration: 0.12s;
  transition-timing-function: ease;
  display: flex;
  overflow: hidden;
}

.option__item-size:hover {
  border-color: #000;
  box-shadow: 0 0 0 1px #000;
}

.option__item-size.is-active {
  border-color: #000;
  align-items: stretch;
  box-shadow: 0 0 0 1px #000;
}

.item-size__title {
  background-color: #ecfbcb;
  justify-content: flex-start;
  align-items: center;
  height: 53px;
  padding-left: 0.5rem;
  font-weight: 600;
  display: flex;
}

.item-size__title.cc-color {
  background-color: #fff;
  border-top: 1px solid #cecece;
  font-size: 0.938rem;
  display: none;
}

.item-size__content {
  padding: 0.5rem;
}

.item-size__content.is-image {
  justify-content: center;
  align-items: center;
  width: 97px;
  height: 97px;
  padding: 0;
  display: flex;
}

.item-size__price {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.item-size__price--compare {
  color: #8a8a8a;
  text-decoration: line-through;
}

.item-size__stock {
  color: #d32b33;
  font-weight: 600;
}

.item-size__stock.is-stock {
  color: #0f7251;
}

.item-size__image {
  width: 97px;
}

.option__item-color {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background-color: #fff;
  border: 1px solid #babfae;
  border-radius: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100px;
  height: 100px;
  transition-property: all;
  transition-duration: 0.12s;
  transition-timing-function: ease;
  display: flex;
  overflow: hidden;
}

.option__item-color:hover {
  border-color: #000;
  box-shadow: 0 0 0 1px #000;
}

.option__item-color.is-active {
  border-color: #000;
  align-items: stretch;
  box-shadow: 0 0 0 1px #000;
}

.option__component {
  align-items: center;
  display: flex;
  position: relative;
}

.option__component.is-size {
  display: none;
}

.option__slide-button {
  cursor: pointer;
  background-color: #0009;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: none;
  position: absolute;
  inset: auto auto auto -12px;
}

.option__slide-button.is-next {
  inset: auto -12px auto auto;
}

.option__slide--icon {
  justify-content: center;
  align-items: center;
  width: 8px;
  height: 14px;
  margin-right: 1px;
  display: flex;
}

.option__slide--icon.is-next {
  margin-left: 2px;
  margin-right: 0;
}

.option__quantity {
  background-color: #fff;
  border: 1px solid #0d0055;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  min-height: 52px;
  display: flex;
  max-width: 345px;
}

.option__quantity-control {
  aspect-ratio: 1;
  background-color: #f0f0f000;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 52px;
  display: flex;
}

.quantity__control-icon {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.option__quantity-current {
  font-size: 18px;
  font-weight: 500;
}

.hero__image-wrapper {
  border-radius: 4px;
  overflow: hidden;
}

.custom-divider {
  display: none;
}

@media screen and (min-width: 1920px) {
  .checkout-wrapper.new-size {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .form-section__title {
    font-family: var(--_text---font-family--primary);
    letter-spacing: 0;
  }

  .form-section__title-2 {
    letter-spacing: 0;
  }
}

@media screen and (min-width: 992px) and (max-width: 1120px) {
  .checkout-wrapper.new-size {
    grid-column-gap: 1.75rem;
  }
}

@media screen and (min-width: 992px) {
  .scarcity-banner__right {
    letter-spacing: -0.15px;
    padding-left: 0.35rem;
    padding-right: 0.35rem;
  }
}

@media screen and (min-width: 1024px) {
  .show-tablet {
    display: none !important;
  }

  .scarcity-sale {
    white-space: nowrap;
  }
}

@media screen and (max-width: 991px) {
  body {
    --_sizes---container--max-width: 80rem;
    --_sizes---container--padding: 2.5rem;
    --_text---font-family--primary: "Poppins", sans-serif;
    --_text---font-family--heading: "Poppins", sans-serif;
    --_text---scale--min: 0.8;
    --_text---scale--max: 1.15;
    --_text---scale--viewport: 2;
    --_text---font-family--secondary: Inter;
  }

  h1 {
    font-size: 3.25rem;
  }

  h2 {
    font-size: 2.75rem;
  }

  h3 {
    font-size: 2.25rem;
  }

  h4 {
    font-size: 1.75rem;
  }

  .max-width-full-tablet {
    width: 100%;
    max-width: none;
  }

  .display-xs {
    font-size: 1.1125rem;
  }

  .display-sm {
    font-size: 1.325rem;
  }

  .display-2xl {
    font-size: 3.25rem;
  }

  .display-md {
    font-size: 1.875rem;
  }

  .display-lg {
    font-size: 2.25rem;
  }

  .custom-code {
    display: none;
  }

  .headline-component.cc-left-tablet {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .display-xl {
    font-size: 2.75rem;
  }

  .pb-sg_grid-4-col,
  .pb-sg_grid-3-col {
    grid-template-columns: 1fr;
  }

  .section {
    padding-top: var(--spacing--3);
    padding-bottom: var(--spacing--2);
  }

  .section.cc-top-lg {
    padding-top: 6rem;
  }

  .section.cc-sm {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .section.cc-top-sm {
    padding-top: 2rem;
  }

  .section.cc-bottom-sm {
    padding-bottom: 2rem;
  }

  .section.cc-lg {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .section.cc-bottom-lg {
    padding-bottom: 6rem;
  }

  .section.cc-custom.he01 {
    padding-top: 0;
  }

  .pb-sg_element {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr;
  }

  .pb-sg_element.cc-bigger-details {
    grid-template-columns: 1fr;
  }

  .text-h5 {
    font-size: 1.75rem;
  }

  .spacer-desktop {
    display: none;
  }

  .spacer-tablet {
    display: block;
  }

  .u-hide_tablet {
    display: none;
  }

  .u-grid-cust {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .u-grid-cust.grid-6,
  .u-grid-cust.cc-1-2,
  .u-grid-cust.cc-2-1 {
    grid-column-gap: var(--site--gutter-mobile);
    grid-row-gap: var(--site--gutter-mobile);
  }

  .u-grid-cust.cc-horizontal {
    grid-column-gap: var(--site--gutter-mobile);
    grid-row-gap: var(--site--gutter-mobile);
  }

  .u-grid-cust.cc-1-2 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-column-gap: var(--site--gutter-mobile);
    grid-row-gap: var(--site--gutter-mobile);
  }

  .u-grid-cust.cc-2-1,
  .u-grid-cust.cc-1-2,
  .u-grid-cust.cc-2-1 {
    grid-column-gap: var(--site--gutter-mobile);
    grid-row-gap: var(--site--gutter-mobile);
  }

  .content_wrap {
    width: 100%;
  }

  .sidebar_wrap {
    width: auto;
    padding: 0.75rem;
    position: fixed;
    bottom: 0;
  }

  .sidebar_wrap.hide-mobile {
    display: none;
  }

  .pb-sg_grid-6-col {
    grid-template-columns: 1fr;
  }

  .uui-button.is-button-large {
    border-width: 0;
    min-width: auto;
  }

  .pb-sg_subcategory-inner {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .pb-sg_subcategory-col.pb-sg_left {
    width: 100%;
  }

  .u-hide_desktop {
    display: block;
  }

  .sg_grid-2-col {
    grid-template-columns: 1fr;
  }

  .u-grid-2col-wide {
    grid-column-gap: var(--spacing--2);
    grid-row-gap: var(--spacing--2);
    flex-flow: column;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: stretch;
    display: flex;
  }

  .u-grid-2col-standard {
    flex-flow: column;
    display: flex;
  }

  .u-grid-3col-wide {
    grid-column-gap: var(--spacing--1-5);
    grid-row-gap: var(--spacing--1-5);
  }

  .u-grid-3col-standard {
    flex-flow: column;
    display: flex;
  }

  .u-grid-4col-wide,
  .u-grid-4col-standard {
    grid-column-gap: var(--spacing--1);
    grid-row-gap: var(--spacing--1);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .u-grid-6col-standard {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .code-embed-10 {
    display: none;
  }

  .pb-sg_info-container.cc-subcategory {
    width: auto;
  }

  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .cc-bonus-item {
    max-width: 78px;
  }
  .scarcity-banner__left {
    width: 134px;
  }
  .navbar1__right {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .mg-section.tablet-spacer {
    border-right: 1px #000;
    padding-right: 0;
  }

  .mg-text.hide-tablet {
    display: none;
  }

  .section-checkout.cc-olympus {
    padding-top: 1rem;
  }

  .checkout-wrapper {
    flex-flow: column;
  }

  .checkout-wrapper.new-size {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .checkout-wrapper.cc-0 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .checkout-left {
    width: 100%;
  }

  .checkout__form-container {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    width: 100%;
    max-width: 100%;
  }

  .checkout__form-container.cc-checkout,
  .checkout__form-container.cc-max-502 {
    max-width: none;
  }

  .show-tablet {
    display: block;
  }

  .express-checkout__buttons {
    flex-flow: row;
  }

  .payment-btn {
    position: relative;
  }

  .os-card__content.os-wrap {
    flex-flow: row;
    align-items: center;
  }

  .order-summary-mobile {
    z-index: 100;
    border: 1px #0f15291a;
    border-left: 0 #000;
    border-right: 0 #000;
    flex-direction: column;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    display: flex;
    position: static;
    top: 0;
  }

  .order-summary-mobile__accordion {
    flex-direction: column;
    width: 100%;
    margin-bottom: 0;
    display: flex;
  }

  .accordion__trigger {
    background-color: var(--brand--color--surface);
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    font-size: 16px;
    display: flex;
  }

  .accordion__inner {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0;
    display: flex;
  }

  .summary-toggle {
    align-items: center;
    display: flex;
  }

  .summary-toggle__text {
    letter-spacing: 0;
    white-space: nowrap;
    margin-left: 0;
    font-weight: 400;
  }

  .summary-toggle__text.show_text {
    display: block;
  }

  .summary-toggle__icon {
    width: 12px;
    margin-left: 10px;
  }

  .accordion__panel {
    background-color: var(--brand--color--surface);
    width: auto;
    height: 0;
    margin-bottom: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    transition: height 0.2s ease-out;
    overflow: hidden;
  }

  .accordion__panel.next-expanded {
    height: auto;
  }

  .order-summary {
    padding-top: 0;
    padding-bottom: 0;
  }

  .cart-items__scroll-hint {
    display: none;
  }

  .cart-items__list {
    max-height: none;
  }

  .cart-item {
    align-items: center;
    width: auto;
  }

  .cart-item__quantity {
    font-size: 0.6rem;
  }

  .cart-item__details {
    padding-left: 0.75rem;
  }

  .cart-item__description {
    flex: 1;
  }

  .cart-quantity-controls__container {
    justify-content: space-between;
  }

  .coupon-section {
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    margin-bottom: 0.85rem;
  }

  .coupon-form {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-bottom: 1rem;
  }

  .coupon-tags {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
  }

  .coupon-tag {
    display: flex;
  }

  .form-grid.cc-limos {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .form-grid__row,
  .billing-address {
    flex-wrap: wrap;
  }

  .cart-box.hide-tablet {
    display: none;
  }

  .u-negative-margin-tm {
    margin-left: calc(-1 * var(--container-padding--mobile));
    margin-right: calc(-1 * var(--container-padding--mobile));
  }

  .h-cta {
    font-size: 1.75rem;
  }

  .adv-cta_grid {
    flex-flow: column;
    align-items: stretch;
    display: flex;
  }

  .cta-is-last {
    order: 1;
  }

  .next-booster {
    max-width: 100%;
  }

  .scarcity-banner__content {
    grid-column-gap: 0.25rem;
    grid-row-gap: 0.25rem;
  }

  .hero_heading-box {
    margin-bottom: 1.5rem;
  }

  .hero_review-box {
    justify-content: center;
    align-items: center;
  }

  .sub-head-text {
    border-top-style: none;
    border-bottom: 1px solid #e7e7e7;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0.5rem;
  }

  .submit-button__main-text {
    line-height: 1.2;
  }

  .info-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .info-divider {
    width: 100%;
    height: 2px;
  }

  .cta-grid-2-coaaaapy {
    flex-direction: column;
    grid-template-columns: 1fr;
    place-items: stretch center;
    width: 100%;
  }

  .grid-inner {
    flex-direction: column;
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: minmax(0, 1fr);
  }

  .container-18 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .checkout__content {
    height: auto;
  }

  .checkout__layout {
    border-radius: 0;
    flex-flow: column wrap;
    justify-content: flex-start;
    max-width: 100%;
    min-height: auto;
  }

  .checkout__column {
    z-index: 50;
    box-shadow: none;
    width: 100%;
    min-height: auto;
    padding: 0 1rem 20px;
    position: relative;
  }

  .checkout__column.gray {
    background-color: #fff;
    border-right-style: none;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .checkout__column.checkout__column--left {
    background-color: #fff;
    border-right-style: none;
    width: 100%;
    padding: 0 1.25rem 1.25rem;
  }

  .checkout__column.checkout__column--right {
    width: 100%;
    padding-bottom: 0;
  }

  .checkout__header {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    width: auto;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .checkout__header-brand {
    align-items: center;
    padding: 0.5rem 0;
  }

  .checkout__header-brand.cc-shop {
    padding: 1rem 1.25rem;
  }

  .secure-checkout {
    align-items: center;
    display: flex;
  }

  .order-summary__title.checkout {
    margin-bottom: 1rem;
    font-weight: 900;
  }

  .steps-inner {
    justify-content: flex-start;
  }

  .steps-text,
  .steps-arrow {
    margin-right: 15px;
  }

  .rtc-right {
    background-color: #fdfdfd00;
    background-image: none;
    border-radius: 0;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: auto;
    padding: 20px 1rem 0;
  }

  .rtc-right-container {
    width: 100%;
    max-width: 100%;
  }

  .summary-desktop {
    display: none;
  }

  .summary-wrap {
    flex: 1;
  }

  .summary-holder {
    display: block;
  }

  .footer-5.mobile {
    background-color: #f9f9f9;
    border-top: 1px solid #efefef;
    align-items: center;
    width: auto;
    min-height: 52px;
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
  }

  .div-block-1647.cc-checkouts {
    padding-bottom: 2rem;
  }

  .os-cards__vertical {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
  }

  .os-card__bottom-slot.cc-gap {
    grid-column-gap: 0.25rem;
    grid-row-gap: 0.25rem;
    padding-left: 1.5rem;
  }

  .os-card__label.os-card__label--middle-center {
    left: 1rem;
  }

  .os-cards__grid {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
  }

  .os-cards__grid.os--three {
    grid-column-gap: 1.256rem;
    grid-row-gap: 1.256rem;
    flex-flow: column;
    display: flex;
  }

  .os-card__image-slot.hide-tablet {
    display: none;
  }

  .announcement_text-one {
    font-size: 1rem;
  }

  .hero_bullet-features-box-inner {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hero_cta-btn-box {
    max-width: none;
  }

  .security-banner__text {
    font-size: 14px;
  }

  .security-banner__icon {
    width: 13px;
    height: 13px;
  }

  .coupon-tag__summary {
    margin-top: 0.75rem;
    display: flex;
  }

  .text-2xs {
    font-size: 0.875rem;
  }

  .heading-box {
    text-align: center;
    align-items: center;
    margin-bottom: 0.5rem;
  }

  .olympus-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    display: flex;
  }

  ._2step_form {
    border-style: none;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  ._2step_form-selector {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .skeleton-lines_items {
    max-height: none;
  }

  .skeleton-lines_item {
    align-items: center;
    width: auto;
  }

  .skeleton-line__item-details {
    padding-left: 0.75rem;
  }

  .skeleton-line__item-content {
    align-items: flex-end;
  }

  .skeleton-line__item-description {
    flex: 1;
  }

  .order-totals-skeleton {
    font-size: 0.75rem;
  }

  .receipt__form-container {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    width: 100%;
    max-width: 100%;
  }

  .checkout__header-top {
    padding-top: 0;
    padding-bottom: 0;
  }

  .olympus-checkout__left {
    width: 100%;
    min-width: 0;
    max-width: none;
  }

  .olympus-checkout__left-wrapper {
    position: relative;
    top: auto;
  }

  .demeter-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    display: flex;
  }

  .demeter-checkout__left-wrapper {
    position: relative;
    top: auto;
  }

  .code-block__header--right {
    display: none;
  }

  .code-block__content {
    padding-top: 0;
  }

  .code-block-new {
    font-size: 0.825rem;
  }

  .progress-banner {
    z-index: 2;
    background-color: #fff;
    display: block;
  }

  .olympus_iamge-wrapper--absolute {
    inset: auto 1rem 1rem auto;
  }

  .olympus_iamge-wrapper--absolute.is-bottom {
    right: 7rem;
  }

  .olympus_iamge-wrapper--absolute.is-bottom-left {
    width: 46px;
    inset: 6rem 1rem auto auto;
  }

  .olympus_iamge-wrapper--absolute.is-bottom-right {
    width: 62px;
    inset: 1rem 1rem auto auto;
  }

  .olympus_left-sub--image.show-tablet {
    position: static;
  }

  .review1_content {
    width: 60%;
  }

  .review1_component-item {
    grid-template-columns: 0.75fr 1fr;
  }

  .review_grid.cc-wrap-mobile {
    flex-flow: column;
    display: flex;
  }

  .display-olympus {
    font-size: 2.75rem;
  }

  .os-variant-dropdown.hide-tablet,
  .card-title_no-tb,
  .hide-sm-mob {
    display: none;
  }

  .progress_bar {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    align-items: center;
    display: flex;
  }

  .progress-item {
    grid-column-gap: 0.15rem;
    grid-row-gap: 0.15rem;
    flex-flow: column;
    flex: 1;
    align-items: center;
    display: flex;
  }

  .progress_circle {
    color: #fff;
    background-color: #c9c9c9;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 1.25rem;
    height: 1.25rem;
    font-size: 0.825rem;
    font-weight: 800;
    display: flex;
    position: relative;
  }

  .progress-tex {
    color: #c9c9c9;
    font-size: 0.75rem;
    font-weight: 500;
  }

  .progress-divider {
    background-color: #c9c9c9;
    width: 100%;
    max-width: 4rem;
    height: 2px;
    min-height: 2px;
    max-height: 2px;
    padding-bottom: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .icon-check {
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
  }

  .upsell4_text-header {
    font-size: 2.25rem;
  }

  .upsell4_text-offer {
    font-size: 1.325rem;
  }

  .grid-new.flex-horizontal.cc-upsell {
    flex-flow: column;
    display: flex;
  }

  .grid-item.max-w-565 {
    max-width: none;
  }

  .grid-item.max-w-474 {
    order: -1;
    max-width: none;
    padding-left: 32px;
    padding-right: 32px;
  }

  .hero-left_content-bg-white {
    width: 100%;
  }

  .divider_line.margin-32 {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .select-quantity-wrapper {
    margin-bottom: 20px;
  }

  .prices-text-wrapper {
    margin-bottom: 26px;
  }

  .select-qty,
  .select-colors {
    margin-bottom: 20px;
  }

  .form-step__button--text {
    line-height: 1.2;
  }

  .checkout__left {
    width: 100%;
    min-width: 0;
    max-width: none;
  }

  ._2step__right-bottom {
    margin-left: -1.5rem;
  }

  .olympus-checkout__left-slider-copy {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .mobile-header {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    display: flex;
  }

  .olympus-2_step--wraper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    display: flex;
  }

  .option__wrapper {
    width: auto;
    margin-bottom: -12px;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding: 4px 1.25rem 12px;
  }

  .pb-booster {
    max-width: 100%;
  }

  .option__item-size {
    flex: none;
  }

  .option__item-size.is-active {
    box-shadow:
      0 0 0 2px #000,
      0 4px 9px #c1c4b7;
  }

  .item-size__title.cc-color {
    display: flex;
  }

  .item-size__content.is-image {
    width: 100%;
    height: auto;
    padding: 0.5rem;
  }

  .item-size__image {
    width: 110px;
    max-width: none;
  }

  .option__item-color {
    width: auto;
    min-width: 140px;
    height: auto;
  }

  .option__item-color.is-active {
    box-shadow:
      0 0 0 2px #000,
      0 4px 9px #c1c4b7;
  }

  .option__component.is-size,
  .option__slide-button {
    display: flex;
  }

  .hero__image-wrapper {
    border-style: none;
    border-radius: 0;
    margin-top: -2rem;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .custom-divider {
    border: 1px solid #d8dfc6;
    height: 1px;
    margin-top: 1rem;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_sizes---container--max-width: 80rem;
    --_sizes---container--padding: 1.25rem;
    --_text---font-family--primary: "Poppins", sans-serif;
    --_text---font-family--heading: "Poppins", sans-serif;
    --_text---scale--min: 0.8;
    --_text---scale--max: 1.1;
    --_text---scale--viewport: 2;
    --_text---font-family--secondary: Inter;
  }

  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2.25rem;
  }

  h3 {
    font-size: 2rem;
  }

  h4 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  h5 {
    font-size: 1.25rem;
  }

  h6 {
    font-size: 1.125rem;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .text-md {
    font-size: 1rem;
  }

  .display-2xl {
    font-size: 2.5rem;
  }

  .button.is-tiny {
    padding: 0.5rem 1rem;
  }

  .display-md {
    font-size: 1.75rem;
  }

  .display-lg {
    font-size: 2rem;
  }

  .text-lg {
    font-size: 1.125rem;
  }

  .headline-component {
    margin-bottom: 2rem;
  }

  .display-xl {
    font-size: 2.25rem;
  }

  .section.cc-lg {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .pb-sg_element,
  .pb-sg_element.cc-bigger-details {
    grid-template-columns: 1fr;
  }

  .text-h5 {
    font-size: 1.5rem;
  }

  .spacer-tablet {
    display: none;
  }

  .spacer-landscape {
    display: block;
  }

  .u-hide_tablet,
  .u-hide_landscape {
    display: none;
  }

  .page-global {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sidebar_wrap {
    padding: 0.5rem;
  }

  .text-2xl {
    font-size: 1.125rem;
  }

  .uui-button {
    font-size: 1rem;
  }

  .uui-button:hover {
    background-color: #7f56d9;
    border-color: #7f56d9;
  }

  .uui-button.is-button-large {
    grid-column-gap: 0.5rem;
    border-width: 0;
    padding: 0.75rem 1.25rem;
    font-size: 1rem;
  }

  .uui-button.is-button-large:hover {
    background-color: #fed300;
    border-width: 0;
    border-color: #fec84b;
  }

  .list__item {
    margin-bottom: 0.15rem;
  }

  .u-grid-3col-wide {
    flex-flow: column;
    display: flex;
  }

  .list-icon {
    margin-top: 0.125rem;
  }

  .swiper__button-icon {
    width: 0.8rem;
    height: 0.8rem;
  }

  .footer_link-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-auto-flow: row;
    justify-items: center;
    display: flex;
  }

  .accordion__inner {
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .cart-item {
    flex-flow: wrap;
    align-items: center;
  }

  .cart-quantity-controls__container {
    grid-column-gap: 0rem;
    width: 100%;
  }

  .form-content {
    width: 100%;
    min-width: auto;
  }

  .form-grid__row {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    flex-flow: column;
  }

  .form-grid__row.cc-limos {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .checkout-form-secure {
    line-height: 14px;
  }

  .billing-address {
    flex-wrap: wrap;
  }

  .u-negative-margin-tm {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .spacer-small {
    padding-top: 1.25rem;
  }

  .swiper-button_icon-6 {
    width: 0.8rem;
    height: 0.8rem;
  }

  .h-cta {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  /* .icon-imagggee {
    text-align: center;
    flex-flow: column;
  } */

  .guarantee-section {
    justify-content: space-around;
  }

  .heading-small {
    font-size: 1.25rem;
  }

  .comparison8__list-item {
    margin-bottom: 0.15rem;
  }

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

  .checkout__column {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .os-card__feature-item {
    margin-bottom: 0.15rem;
  }

  .os-card__benefit-icon-svg {
    margin-top: 0.125rem;
  }

  .comparison8_wrapper {
    margin-top: 2px;
    margin-bottom: 30px;
  }

  .comparison9_vs {
    display: none;
  }

  .comparison8_inner {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .comparison8_item {
    width: 100%;
  }

  .text-2xs {
    font-size: 0.725rem;
  }

  .skeleton-lines_item {
    flex-flow: wrap;
    align-items: center;
  }

  .review1_content {
    width: 100%;
  }

  .review1_component-item {
    grid-row-gap: 0;
    flex-direction: column;
    grid-template-columns: 1fr;
    padding: 2rem;
  }

  .review_grid {
    flex-flow: column;
    display: flex;
  }

  .display-olympus {
    font-size: 2.25rem;
  }

  .upsell4_text-header {
    font-size: 2rem;
  }

  .upsell4_text-suboffer {
    font-size: 1.125rem;
  }

  .grid-new.flex-horizontal.cc-upsell {
    flex-flow: column;
    display: flex;
  }

  .grid-item.max-w-474 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .divider_line {
    margin-top: 16px;
    margin-bottom: 18px;
  }

  .banner50_title {
    letter-spacing: -0.03em;
  }

  .banner-product {
    margin-right: 0;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_sizes---container--max-width: 80rem;
    --_sizes---container--padding: 1.25rem;
    --_text---font-family--primary: "Poppins", sans-serif;
    --_text---font-family--heading: "Poppins", sans-serif;
    --_text---scale--min: 0.8;
    --_text---scale--max: 1.05;
    --_text---scale--viewport: 2;
    --_text---font-family--secondary: Inter;
  }

  h1 {
    font-size: 2.5rem;
  }

  .max-width-full-mobile-portrait {
    width: 100%;
    max-width: none;
  }

  .button.is-tiny {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .display-lg.cc-bt {
    font-size: 1.2rem;
  }

  .headline-component {
    margin-bottom: 2rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  .pb-sg_item {
    grid-template-columns: 1fr;
  }

  .text-sm.tw-600.cc-upsell4 {
    font-size: 0.875rem;
  }

  .top {
    display: block;
  }

  .section {
    padding-top: var(--spacing--2);
  }

  .section.cc-top-lg {
    padding-top: 5.5rem;
  }

  .section.cc-sm {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .section.cc-top-sm {
    padding-top: 1.5rem;
  }

  .section.cc-bottom-sm {
    padding-bottom: 1.5rem;
  }

  .section.cc-bottom-lg {
    padding-bottom: 5.5rem;
  }

  .section.cc-custom.cc-up4-header {
    padding-top: 1rem;
    padding-bottom: 6rem;
  }

  .section.cc-custom.cc-upsell4 {
    padding-top: 1rem;
    padding-bottom: 4rem;
  }

  .spacer-landscape {
    display: none;
  }

  .spacer-mobile {
    display: block;
  }

  .u-hide_mobile {
    display: none;
  }

  .page-global {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .page-global.is-nav {
    padding-left: 0.75rem;
  }

  .uui-button.is-button-large {
    width: 100%;
    min-width: 100%;
    max-width: 99.9999%;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.9rem;
  }

  .st-flex-hori,
  .pb_sg-item {
    grid-template-columns: 1fr;
  }

  .pb-sg_header-title {
    font-size: 3rem;
  }

  .pb-sg_category-group {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .pb_sg-item-auto {
    grid-template-columns: 1fr;
  }

  .u-grid-2col-standard {
    grid-column-gap: var(--spacing--1);
    grid-row-gap: var(--spacing--1);
  }

  .list-icon {
    width: 0.8rem;
    height: 0.8rem;
    margin-top: 0;
  }

  .modal-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .modal-setup {
    flex-flow: column;
  }

  .modal_buttons-style {
    width: 100%;
  }

  .pb-modal_header,
  .pb-modal_info {
    padding: 1rem;
  }

  .pb-modal_title.cc-title {
    font-size: 1.75rem;
  }

  .container.cc-medium.cc-bigger {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .pb-labelss {
    z-index: 2;
    text-align: center;
  }

  .swiper-slide.is-thumb {
    width: auto;
    height: auto;
  }

  .swiper__button-static.is-sw22 {
    width: 2rem;
    height: 2rem;
  }

  .cta-blank {
    width: 100%;
  }

  .upsell-link.cc-decline {
    text-align: center;
  }

  .upsell-link.cc-decline.cc-upsell4 {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 1rem;
  }

  .footer_section {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .footer_copy-info {
    flex-flow: column;
  }

  .footer_link-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 0.5rem;
    flex-flow: wrap;
  }

  .navbar1__right {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
  }

  .mg-section.tablet-spacer {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    padding-right: 0;
  }

  .mg-image {
    width: 55px;
    height: 55px;
  }

  .mg-text {
    font-size: 13px;
  }

  .section-checkout {
    padding-top: 1.5rem;
    padding-bottom: 10rem;
  }

  .progress-container {
    margin-bottom: 1.5rem;
    font-size: 13px;
  }

  .step-label {
    margin-left: 16px;
    margin-right: 16px;
  }

  .checkout-wrapper.new-size {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .checkout__form-container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    position: relative;
  }

  .scarcity-banner__right {
    line-height: 1;
  }

  .express-checkout__buttons {
    grid-column-gap: 0.6rem;
    grid-row-gap: 0.6rem;
    flex-flow: column;
  }

  .payment-btn {
    border-radius: 4px;
  }

  .os-card__wrapper {
    padding: 1rem;
  }

  .card-title {
    font-size: 17px;
  }

  .os-card__content {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
    align-items: stretch;
  }

  .pb-quantity__media {
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }

  .pb-quantity__details {
    flex-flow: column;
    justify-content: space-around;
    align-items: flex-start;
  }

  .upsell {
    border-radius: 0.25rem;
  }

  .upsell__header-content {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
  }

  .upsell__arrow {
    width: 1rem;
    height: 1rem;
    left: -2rem;
  }

  .upsell__arrow.upsell__arrow--right {
    right: -2rem;
  }

  .order-summary-mobile {
    border: 0 #000;
    margin-top: 0;
    display: block;
  }

  .accordion__trigger {
    align-items: center;
    font-size: 14px;
  }

  .accordion__inner {
    align-items: center;
  }

  .summary-toggle {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .summary-toggle__icon {
    width: 12px;
    margin-left: 10px;
  }

  .cart-items__scroll-hint {
    font-size: 0.825rem;
  }

  .cart-item {
    flex-wrap: wrap;
    align-items: center;
  }

  .cart-item__wrapper {
    text-align: left;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
  }

  .cart-item__image-container {
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }

  .cart-item__quantity {
    margin-top: -0.0625rem;
  }

  .cart-item__details {
    grid-row-gap: 0.25rem;
    text-align: left;
    justify-content: center;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    font-size: 0.9rem;
  }

  .cart-item__content {
    width: 100%;
    display: flex;
  }

  .cart-quantity-controls__container {
    align-items: center;
    width: 100%;
  }

  .quantity-controls__button {
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    min-height: 1.5rem;
  }

  .quantity-controls__display {
    height: 1.5rem;
    min-height: 1.5rem;
  }

  .input-flds {
    border-color: #d4d4d4;
  }

  .coupon-tag {
    font-size: 0.825rem;
  }

  .form-content {
    width: 100%;
  }

  .form-sections {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .form-section {
    width: 100%;
  }

  .protection-block {
    margin-top: 0;
  }

  .checkout-form-secure {
    font-size: 10px;
  }

  .checkout__checkbox {
    flex-flow: row;
    width: 100%;
    display: flex;
    position: static;
  }

  .payment-method__info-title {
    margin-bottom: 0;
    display: block;
  }

  .submit-section {
    margin-top: 0;
  }

  .trust-badges {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .trust-badge.invert {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .trust-badge__icon {
    width: 14px;
  }

  .badge-text {
    font-size: 8px;
  }

  .card-flags {
    width: 246px;
  }

  .booster__content {
    grid-column-gap: 0.75em;
    grid-row-gap: 0.75em;
  }

  .booster__content.flex-left {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .hero_heading-box.cc-padding-0 {
    margin-bottom: 0;
  }

  .hero_review-box {
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
  }

  .text-size-regular {
    font-size: 0.875rem;
  }

  .icons-grids {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    max-width: 277px;
    margin-inline: auto;
    padding-top: 0;
    border-top: 0;
  }

  /* .icon-imagggee {
    text-align: left;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  } */

  .sub-hero {
    font-size: 14px;
  }

  .divider-section__text {
    white-space: normal;
  }

  .submit-button__subtext {
    font-size: 0.625rem;
  }

  .image-10 {
    width: 60px;
  }

  .guarantee-section__text {
    margin-bottom: 0;
    line-height: 16px;
  }

  .difference-list__icon {
    width: 30px;
    min-width: 30px;
  }

  .difference-list__title {
    font-size: 16px;
    line-height: 26px;
  }

  .grid-inner {
    text-align: left;
    padding: 1.25rem;
  }

  .adv-grid__2col {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    display: flex;
  }

  .comparison8__list-item {
    margin-top: -0.1rem;
  }

  .adv-feature__content.cc-sm {
    padding: 1rem;
  }

  .grid.is-small {
    flex-flow: column;
  }

  .f-col-1 {
    width: 100%;
  }

  .icon-div-one {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .icon-div-one.cc-last.cc-mobo-no {
    border-bottom-style: solid;
    padding-bottom: 8px;
  }

  .checkout__content,
  .checkout__layout {
    overflow: hidden;
  }

  .checkout__column {
    height: auto;
    min-height: 0;
    position: relative;
  }

  .secure-checkout__icon {
    height: 28px;
    top: 0;
  }

  .secure-checkout__text {
    font-size: 0.875rem;
  }

  .order-summary__title {
    margin-bottom: 0.75rem;
  }

  .order-summary__title.checkout {
    font-size: 1.125rem;
    font-weight: 900;
  }

  .cart-item__title {
    font-size: 0.9rem;
  }

  .steps-inner {
    align-items: center;
    width: 100%;
  }

  .steps-text {
    font-size: 10px;
  }

  .shipping_method-wrapper {
    padding: 1rem;
  }

  .radio-select-shipping {
    padding-right: 2rem;
  }

  .shipping-method-rleft,
  .shipping_price {
    font-size: 0.875rem;
  }

  .submit-section__disclaimer {
    font-size: 8px;
  }

  .guarantee-section__icon {
    width: 80px;
  }

  .rtc-right {
    border-radius: 0;
    padding-top: 15px;
    overflow: hidden;
  }

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

  .footer-5.mobile {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div-block-3 {
    align-items: center;
    min-height: auto;
  }

  .rtc-logo {
    width: 16px;
  }

  .small-text {
    margin-left: 5px;
    line-height: 12px;
  }

  .div-block-4 {
    align-items: center;
    width: 60%;
    padding-left: 0;
  }

  .div-block-1647.cc-checkouts {
    padding-bottom: 2rem;
  }

  .os-card__radio {
    top: 0.15rem;
    left: -1.5rem;
  }

  .os-card__main-slot {
    flex-flow: column;
    justify-content: space-around;
    align-items: flex-start;
  }

  .os-card__title {
    line-height: 1.2;
  }

  .os-card__subtitle-text {
    line-height: 1;
  }

  .os-card__label {
    justify-content: center;
    align-items: center;
    height: 1.25rem;
    display: flex;
    top: -1.25rem;
  }

  .os-card__benefit-icon-svg {
    width: 0.8rem;
    height: 0.8rem;
    margin-top: 0;
  }

  .os-card__media {
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }

  .coupon-button {
    font-size: 0.875rem;
  }

  .submit-button {
    height: 62px;
  }

  .upsell__description {
    font-size: 0.725rem;
  }

  .comparison9_vs {
    display: none;
  }

  .comparison8_inner {
    flex-direction: column;
  }

  .comparison8_item-wrapper {
    width: 100%;
    min-height: auto;
  }

  .comparison8_item-content {
    max-width: 100%;
  }

  .divider-line {
    flex: 1;
    width: 20%;
  }

  .checkout_mbg {
    width: 80px;
    height: 80px;
  }

  .announcement_block-one {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    justify-content: center;
    height: 62px;
    font-size: 15px;
  }
  .checkout__header-top {
    height: 51px;
  }
  .announcement_text-one,
  .announcement__right {
    font-size: 15px;
    line-height: 1.1rem;
  }

  .announcement_inner {
    padding: 6px;
  }

  .announce-inner-block {
    font-size: 16px;
    line-height: 1;
  }

  .bullet_inner-one {
    grid-column-gap: 7.5px;
    grid-row-gap: 7.5px;
  }

  .hero_bullet-features-box-inner {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: center;
    align-items: center;
  }

  .bullet-features-icon-box {
    width: 8%;
  }

  .bullet_features-icon-svg {
    width: 20px;
    height: 20px;
  }

  .bullet-features-text-box {
    width: 92%;
  }

  .container-cta {
    padding-right: 0;
  }

  .urgency-w {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-right: 0;
  }

  .urgency-1 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .urgency-green-dot {
    width: 16px;
    height: 18px;
  }

  .urgency-1-p {
    font-size: 10px;
  }

  .urgency-timeglass {
    width: 16px;
    height: 18px;
  }

  .urgency-2-p {
    font-size: 10px;
  }

  .hero_cta-box {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .secure-block {
    margin-top: -4px;
  }

  .secure-block-text {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    align-items: center;
    line-height: 1.5;
  }

  .secure-block-icon {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .cred-block {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .cred-icon {
    height: 12px;
  }

  .cred-text {
    font-size: 0.625rem;
  }

  .accordion-item-trigger {
    justify-content: space-between;
    align-items: center;
  }

  .heading-box {
    margin-bottom: 0;
  }

  .olympus-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .pair-numbersss {
    justify-content: center;
    align-items: flex-start;
    height: 100%;
  }

  .selector_wrap {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
  }

  .pair-circle {
    width: 1.25rem;
    height: 1.25rem;
  }

  .grid_shoes {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    flex-flow: column;
  }

  .pb-qunatity__information {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .os-variant__content {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    align-items: stretch;
  }

  .os-card__variant-toggle-info.is-upsell {
    grid-column-gap: 0.25rem;
    grid-row-gap: 0.25rem;
    grid-column-gap: 0.25rem;
    grid-row-gap: 0.25rem;
    grid-column-gap: 0.25rem;
    grid-row-gap: 0.25rem;
  }

  .os-card__variant-toggle-name {
    flex: none;
  }

  .os-card__variant-dropdown-menu.w--open {
    min-width: 320px;
    max-width: 100%;
  }

  .os-card__variant-dropdown-toggle {
    padding-left: 0.75rem;
  }

  .os-card__variant-dropdown-toggle.is-upsell {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .os-card__variant-swatch {
    flex: none;
  }

  .os-card__variant-swatch.is-upsell {
    width: 1rem;
    height: 1rem;
  }

  .icon-list__item {
    font-size: 14px;
    line-height: 24px;
  }

  .skeleton-lines_item {
    flex-wrap: wrap;
    align-items: center;
  }

  .skeleton-line__item-wrapper {
    text-align: left;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
  }

  .skeleton-line__item-image {
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }

  .skeleton-line__item-details {
    grid-row-gap: 0.25rem;
    text-align: left;
    justify-content: center;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    font-size: 0.9rem;
  }

  .skeleton-line__item-content {
    width: 100%;
    display: flex;
  }

  .skeleton.skeleton-text.skeleton-text--large {
    width: 26ch;
  }

  .receipt-check {
    width: 3.5rem;
    height: 3.5rem;
  }

  .receipt-heading {
    grid-column-gap: 0.25rem;
    grid-row-gap: 0.25rem;
  }

  .receipt_order {
    font-size: 1.25rem;
  }

  .order_receipt-grid {
    flex-flow: column;
    display: flex;
  }

  .receipt_info {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    align-items: stretch;
  }

  .receipt-flex {
    order: 1;
    justify-content: center;
    align-items: center;
  }

  .receipt__form-container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    position: relative;
  }

  .receipt-subtitle {
    font-size: 0.825rem;
  }

  .upsell-steps {
    min-width: 170px;
  }

  .os-bundle__progress-bar {
    top: 0.5rem;
    left: 1rem;
    right: 1rem;
  }

  .os-bundle__option-circle2 {
    width: 1.15rem;
    height: 1.15rem;
    font-size: 0.685rem;
  }

  .os-bundle__option-quantity {
    font-size: 0.625rem;
  }

  .brand-logo {
    width: 128px;
    display: flex;
  }

  .demeter-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .code-block-new {
    font-size: 0.725rem;
  }

  .sg_qty-item.cc-upsell4 {
    width: 2rem;
    height: 2rem;
  }

  .progress-wrapper {
    font-size: 13px;
  }

  .olympus_left-sub {
    align-items: center;
    padding-top: 0.25rem;
    padding-bottom: 0;
    padding-right: 1rem;
  }

  .olympus_left-sub--image.show-tablet {
    left: -0.5rem;
  }

  .display-olympus {
    font-size: 1.75rem;
  }

  .os-olympus__label {
    margin-bottom: 4px;
  }

  .os-slot {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
  }

  .os-slot__image {
    flex: none;
    width: 80px;
  }

  .os-slot__image.cc-big {
    order: 1;
    width: 115px;
  }

  .os-slot__image.is-upsells {
    order: 1;
    width: 125px;
  }

  .os-slot__selection.cc-big {
    padding-top: 2rem;
  }

  .os-card__variant-dropdown-menu-v2.w--open {
    min-width: 320px;
    max-width: 100%;
  }

  .os-card__variant-grid.cc-horiz {
    flex-flow: column;
  }

  .os-slot__step.cc-new,
  .os-slot__step.is-upsells {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
  }

  .size_chart-wrapper {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    flex-flow: column;
    align-items: center;
  }

  .text-olympus-sub {
    font-size: 0.785rem;
  }

  .text-olympus-sub.cc-bigger {
    font-size: 16px;
  }

  .cc-olumpus_sub-message {
    grid-column-gap: 0.15rem;
    grid-row-gap: 0.15rem;
    flex-flow: column;
    margin-left: -3.25rem;
    display: flex;
  }

  .cc-olumpus_sub-message.cc-auto {
    margin-left: -1rem;
  }

  .text-solumpus-sub__head {
    font-size: 0.825rem;
  }

  .progress_bar {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    width: 100%;
  }

  .progress-divider {
    min-width: 1.25rem;
    max-width: 1.25rem;
  }

  .modal-size_row {
    grid-template-columns: 0.75fr 1fr;
  }

  .wrap-mobo {
    display: block;
  }

  .step__wrap {
    flex-flow: column;
    order: 1;
  }

  .slot__right {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
    align-items: stretch;
    display: flex;
  }

  .upsell4-header__wrapper {
    min-height: 4rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  .upsell4__header {
    padding: 0;
  }

  .upsell4_text-header {
    font-size: 1.5rem;
  }

  .upsell4_text-offer {
    font-size: 1.15rem;
  }

  .upsell4_text-suboffer {
    font-size: 1rem;
  }

  .grid-new.flex-horizontal.cc-upsell {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .grid-item.max-w-474 {
    min-width: 0;
    padding: 12px;
  }

  .hero-left_content-bg-white {
    padding: 1rem 18px;
  }

  .margin-12 {
    margin-top: 10px;
  }

  .upsell4_bullets {
    grid-column-gap: 7.5px;
    grid-row-gap: 7.5px;
    flex-flow: column;
    width: 100%;
  }

  .select-quantity-wrapper {
    margin-bottom: 16px;
  }

  .sg-upsell_qty-wrap {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    margin-right: 1rem;
    line-height: 1.2;
  }

  .right-bullet-icon {
    width: 20px;
    height: 20px;
  }

  .prices-text-wrapper {
    margin-bottom: 20px;
  }

  .price-wrapper {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .price_upsell4-title {
    font-size: 0.875rem;
  }

  .price_upsell4 {
    font-size: 2rem;
  }

  .center-divider.cc-upsell4 {
    height: 80px;
  }

  .badge-text-black {
    font-size: 10px;
    line-height: 15px;
  }

  .os-card__variant-number.cc-upsell {
    height: 30px;
  }

  .select-qty {
    margin-bottom: 16px;
  }

  .inner-color {
    height: 30px;
  }

  .outer-color {
    color: gray;
    padding: 0.25rem;
  }

  .outer-color.selected {
    color: #000;
  }

  .select-colors {
    margin-bottom: 16px;
  }

  .select-colors.cc-empty {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    border-style: none;
    padding: 0;
  }

  .questions-text {
    font-size: 13px;
  }

  .form-step__button {
    height: 62px;
  }

  ._2step__right-cont {
    align-items: center;
    padding-top: 0.5rem;
    padding-bottom: 0;
    padding-right: 1rem;
  }

  ._2step__right-bottom {
    grid-column-gap: 0.15rem;
    grid-row-gap: 0.15rem;
    flex-flow: column;
    margin-left: -1.5rem;
    padding-bottom: 0.25rem;
    display: flex;
  }

  ._2step__size-guide {
    width: 100%;
  }

  .olympus-2_step--wraper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .wrap-mobile {
    display: block;
  }

  .form-section__price-wrapper {
    font-size: 20px;
  }

  .form-section__price--savings {
    text-align: center;
    flex: 1;
    min-height: 42px;
    margin-left: 4px;
    font-size: 14px;
    line-height: 1.2;
    padding-inline: 0.5rem;
  }
  .form-section__subtitle {
    font-size: 14px;
  }

  .pb-component_left-ribbon {
    max-width: 20%;
  }

  .pb-component__stack.ba50 {
    margin-right: -1rem;
  }

  .banner50_title {
    font-size: 15px;
  }

  .banner50_image-wrapper {
    width: auto;
    margin-right: -1rem;
  }

  .banner-product {
    width: 120px;
    margin-right: 0;
  }

  .free__banner-savings {
    font-size: 15px;
  }

  .option__item-size {
    min-width: 145px;
  }

  .item-size__content {
    padding: 0.5rem;
  }

  .cc-save-money {
    display: block;
  }

  .hero__image-wrapper {
    margin-top: -1.5rem;
  }

  .custom-divider {
    background-color: #d8dfc6;
    height: 1px;
  }
  .cc-bonus__items {
    align-items: start;
    gap: 12px;
  }
}

#w-node-_3082d87c-5006-0073-988a-713b069224de-aece9108,
#w-node-_9352486d-a09f-1ceb-02a4-991024057a0f-aece9108,
#w-node-_9352486d-a09f-1ceb-02a4-991024057a10-aece9108,
#w-node-_58ecdb6b-a367-0a0c-57bf-088675cb580d-aece9108,
#w-node-_58ecdb6b-a367-0a0c-57bf-088675cb580e-aece9108,
#w-node-cae4a7c3-d3eb-38c1-b447-2370449ebb0d-aece9108,
#w-node-cae4a7c3-d3eb-38c1-b447-2370449ebb0e-aece9108,
#w-node-_9f6cca54-686c-06e7-7d6b-f3a0e32127e9-aece9108,
#w-node-_9f6cca54-686c-06e7-7d6b-f3a0e32127ea-aece9108,
#w-node-aace4952-94f3-daee-d9a8-f2cd7da43d0d-aece9108,
#w-node-_0036c175-23ef-94ce-c4e8-b9752f17ca3a-aece9108,
#w-node-d68e711c-511b-a9d9-5b32-333908630046-aece9108,
#w-node-d68e711c-511b-a9d9-5b32-333908630052-aece9108,
#w-node-_4157a22d-ad27-7736-7607-d8c5f65f9d51-aece9108,
#w-node-_4157a22d-ad27-7736-7607-d8c5f65f9d6c-aece9108,
#w-node-_86aafdc3-dd56-7ff7-d0b1-c26e911ba9eb-aece9108,
#w-node-b8218c60-962a-4d83-f51c-7f3acc3012ff-aece9108 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_71b3dfda-532e-7053-279d-df2cb71c41d4-aece9108,
#w-node-_71b3dfda-532e-7053-279d-df2cb71c41da-aece9108,
#w-node-_71b3dfda-532e-7053-279d-df2cb71c41e0-aece9108,
#w-node-_71b3dfda-532e-7053-279d-df2cb71c41e6-aece9108,
#w-node-_71b3dfda-532e-7053-279d-df2cb71c41ec-aece9108,
#w-node-_71b3dfda-532e-7053-279d-df2cb71c41f2-aece9108,
#w-node-_71b3dfda-532e-7053-279d-df2cb71c41f8-aece9108,
#w-node-_71b3dfda-532e-7053-279d-df2cb71c41fe-aece9108,
#w-node-_71b3dfda-532e-7053-279d-df2cb71c4204-aece9108 {
  justify-self: start;
}

#w-node-e6308f90-e0d5-054a-a22b-2221195e9c38-195e9c36,
#w-node-e6308f90-e0d5-054a-a22b-2221195e9c49-195e9c36,
#w-node-bb8ebbd4-9606-1438-4ff2-7d93206d26e1-66288245,
#w-node-bb8ebbd4-9606-1438-4ff2-7d93206d26e8-66288245,
#w-node-bf63073d-7f38-b210-4db0-0b93e152760f-72e96e23,
#w-node-bf63073d-7f38-b210-4db0-0b93e1527619-72e96e23,
#w-node-d5c222e2-a9a7-7c01-be45-e987102d7fda-ddc6bbf6,
#w-node-d5c222e2-a9a7-7c01-be45-e987102d7feb-ddc6bbf6,
#w-node-ee9670d0-27f2-ea3c-fd3c-b2643011a93f-3011a93c,
#w-node-ee9670d0-27f2-ea3c-fd3c-b2643011a951-3011a93c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

.free__banner-reg {
  font-weight: 400;
  text-decoration: line-through;
}

/* QUANTITY */
.cc-custom-quantity-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.os-variant-dropdown.hide-tablet {
  width: 100%;
}

@media (max-width: 767px) {
  .cc-quality-custom {
    width: 100%;
    margin-top: 12px;
  }
  .option__quantity {
    border-radius: 100px;
  }
}

/* === GLAVNI KONTEJNER === */
.parcelis-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #ebecff;
  border: 1px solid #dfe3ff;
  /* border-radius: 12px; */
  padding: 16px;
  gap: 12px;
}

.parcelis-left {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: 1;
  min-width: 0;
}

.parcelis-logo {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  letter-spacing: 0.4px;
}

.parcelis-mark {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: #2b33d6;
  color: #fff;
  font-weight: 800;
}

.parcelis-word {
  color: #2b33d6;
}

.parcelis-title {
  color: #1e22aa;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
  font-size: 14px;
  line-height: 164%;
  font-family:
    "" Poppins "",
    sans-serif;
}

/* .parcelis-copy {
  margin: 10px 2px 12px;
  color: #1d2a57;
  line-height: 1.45;
} */

.upsell-checkbox {
  width: 67px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 17px;
  right: 16px;
  z-index: 3;
  border: 0;
  background: 0;
}

/* === TOGGLE PREKIDAČ === */
.parcelis-toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  min-width: 67px;
  height: 24px;
  padding: 0 12px;
  border-radius: 999px;
  border: none;
  cursor: pointer;
  background: #3e3e3e;
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  transition:
    background 0.2s ease,
    color 0.2s ease;
}

.parcelis-toggle .toggle-label {
  position: absolute;
  z-index: 2;
  width: 100%;
  text-align: center;
  font-size: 12px;
  line-height: 1;
  left: 6px;
  top: 6px;
}

/* Krug — defaultno levo (OFF) */
.parcelis-toggle .toggle-knob {
  position: absolute;
  left: 4px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  transition: transform 0.25s ease;
  transform: translateX(0);
}

/* === ON STATE === */
.parcelis-toggle.is-on {
  background: #262fd3;
  color: #fff;
}
.parcelis-toggle.is-on .toggle-label {
  left: -5px;
  top: 6px;
}

.parcelis-toggle.is-on .toggle-knob {
  transform: translateX(40px); /* ON state — desno */
}

.parcelis-copy {
  padding: 7px 30px 18px 15px;
  color: #000;
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  background: #fff;
}

/* === RESPONSIVE === */
@media (max-width: 520px) {
  /* .parcelis-title {
    font-size: 14px;
  }

  .parcelis-toggle {
    min-width: 78px;
    height: 34px;
  }

  .parcelis-toggle .toggle-knob {
    width: 26px;
    height: 26px;
  }

  .parcelis-toggle.is-on .toggle-knob {
    transform: translateX(44px);
  } */
  .parcelis-logo {
    display: flex;
    align-items: end;
    gap: 3px;
    font-weight: 700;
    letter-spacing: 0.4px;
    flex-direction: column;
  }
  .parcelis-title {
    font-size: 9px;
  }
  .parcelis-banner {
    padding: 10px 8px;
  }
  .parcelis-copy {
    padding: 8px 18px 10px 10px;
  }
}

/* === CHECKMARK (IZ TVOG ORIGINALNOG KODA) === */
[data-next-bump] [os-component="check"] {
  display: none;
}

[data-next-bump][class*="next-active"] [os-component="check"] {
  display: none;
  color: #2b33d6;
}
[data-next-bump][class*="next-active"] .toggle-label {
  left: 6px;
  top: 6px;
}

.desk-hidden {
  display: none;
}
@media (max-width: 767px) {
  .desk-hidden {
    display: block;
  }
  .mob-hidden {
    display: none;
  }
}

.cc-badge__section {
  background: #fffde2;
  padding: 14px 13px 11px 19px;
  border-radius: 8px;
  margin-bottom: 2rem;
}
.cc-badge__title-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  font-weight: 400;
  font-size: 25px;
  line-height: 104%;
}
.cc-badge__desc-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  margin-top: 9px;
}
.cc-badge__desc-item {
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
}
.cc-cart-green__wrapper {
  background: #deff96;
  padding: 7px 11px;
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 5px;
  font-weight: 700;
  font-size: 15px;
}
@media (max-width: 768px) {
  .cc-badge__title-wrapper {
    gap: 5px;
    font-size: 18px;
    letter-spacing: -0.2px;
  }
  .cc-badge__desc-wrapper {
    justify-content: end;
    gap: 34px;
    margin-top: 9px;
  }
  .cc-badge__section {
    background: #fffde2;
    padding: 10px 6px 11px 9px;
    border-radius: 8px;
  }
  .cc-badge__desc-item {
    font-size: 10px;
  }
  .payment-method__icons p {
    display: none;
  }
  .cart-box {
    padding: 13px;
  }
  .order-totals__section.next-condition-met.next-visible {
    margin-inline: -13px;
    padding-inline: 13px;
  }
  .icon-imagggee {
    max-width: unset;
  }
  .shipping-note {
    font-size: 13px;
  }
}

/* Package selector boxes — oto-socks upsell */
.cc-pkg-selector {
  display: flex;
  gap: 12px;
  margin-bottom: 20px;
  max-width: 310px;
}

.cc-pkg-option {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 12px;
  border: 2px solid #e0e0e0;
  border-radius: 12px;
  cursor: pointer;
  background: #fafafa;
  transition:
    border-color 0.2s,
    background 0.2s;
  text-align: center;
}

.cc-pkg-option.next-selected,
.cc-pkg-option:hover {
  border-color: #7c3aed;
  background: #f3f1fe;
}

.cc-pkg-option__img-wrap {
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 8px;
}

.cc-pkg-option__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cc-pkg-option__label {
  font-size: 14px;
  font-weight: 700;
  color: #1a1a1a;
}

.cc-pkg-option__price {
  font-size: 13px;
  font-weight: 600;
  color: #7c3aed;
}

/* Hidden data spans — visually invisible but NOT display:none (SDK skips display:none) */
.cc-pkg-data {
  position: absolute;
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}
.cc-free-gift-cart__wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 2rem;
}
.free-cart-gift {
  background: #fafbcb;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3px;
  font-size: 15px;
  font-weight: 400;
  gap: 10px;
}
.cc-free-gift-cart-price__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}