/*
 * next-core.css — intended order
 *
 * The file is divided into section comments (search for ==========). Order:
 *
 * 1. :root — Design tokens (typography, brand colours, spacing, radius, system colours, components).
 * 2. Base & reset — *, html, body, element defaults (headings, p, a, lists, img, label, etc.), keyframes.
 * 3. Layout (w-layout) — .w-layout-blockcontainer, .w-layout-grid, and their media overrides.
 * 4. Utilities & buttons — Containers (.container-large), max-width, overflow, typography utilities (.display-*, .text-*), then .button and variants.
 * 5. Page builder style guide (pb-sg) — .pb-sg_* grid, item, category, modal UI building blocks.
 * 6. Modals & overlay — .pb-overlay, .pb-modal, .pb-modal_*.
 * 7. Checkout, option selection, order summary & cart — .checkout__*, .os-card__*, .cart-feature-line__*, .order-summary*, .cart-item*, form sections.
 * 8. Option selection cards — .os-option, .os-cards__vertical, .os-card and descendants.
 * 9. Remaining — Components and template-specific blocks (hero, limos, olympus, upsell, etc.) until the media block.
 * 10. Media queries — Breakpoints at 1280px, 991px, 767px, 479px; overrides for layout and components.
 *
 * When adding or moving rules, keep them within the relevant section so the file stays scannable.
 */

:root {
  /* Typography */
  --_text---font-family--primary: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --_text---font-family--heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --font-size--xs: .75rem;
  --font-size--sm: .875rem;
  --font-size--base: 1rem;
  --font-size--lg: 1.125rem;
  --font-size--xl: 1.25rem;
  --font-size--2xl: 1.5rem;
  --font-size--3xl: 2rem;
  --font-size--4xl: 2.5rem;
  --font-size--5xl: 3rem;
  --font-size--6xl: 4rem;
  --font-size--7xl: 5rem;
  --font-size--8xl: 6rem;

  /* Brand – base & surface */
  --brand--color--background: white;
  --brand--color--surface: #fafcff;
  --brand--color--foreground: #1a1a1a;
  --brand--color--border: #dfdfdf;
  --brand--color--black: #000;
  --brand--color--white: #fff;

  /* Brand – primary */
  --brand--color--primary: #3c7dff;
  --brand--color--primary-dark: #0a265c;
  --brand--color--primary-light: #e0ebff;
  --brand--color--primary-lighter: #f9fbff;
  --brand--color--primary-foreground: white;
  --brand--color--cta-primary: var(--brand--color--primary-dark);

  /* Brand – accent, secondary, tertiary, complementary */
  --brand--color--accent: #3d3d3d;
  --brand--color--accent-foreground: white;
  --brand--color--secondary: #737373;
  --brand--color--secondary-light: #636363;
  --brand--color--tertiary: #636363;
  --brand--color--tertiary-light: #969696;
  --brand--color--complementary-1: #fffdf6;
  --brand--color--complementary-2: var(--brand--color--surface);

  /* Brand – text & UI */
  --_labels---brand--color--label-status: black;
  --brand--color--text-primary: var(--_labels---brand--color--label-status);
  --brand--color--text-secondary: #313131;
  --brand--color--text-muted: #969696;
  --brand--color--text-inverse: white;
  --brand--color--rating-star: var(--brand--color--primary-dark);

  /* Neutrals */
  --neutral--25: #fcfcfd;
  --neutral--100: #f2f4f7;
  --neutral--300: #d0d5dd;
  --neutral--400: #98a2b3;
  --neutral--700: #344054;

  /* Spacing */
  --spacing--none: 0px;
  --spacing--0-75: .75rem;
  --spacing--1: 1rem;
  --spacing--1-5: 1.5rem;
  --spacing--2: 2rem;
  --spacing--3: 3rem;
  --spacing--4: 4rem;
  --spacing--5: 5rem;
  --spacing--6: 6rem;
  --site--gutter: 4rem;
  --site--gutter-mobile: 2rem;

  /* Radius */
  --radius-size--sm: 4px;
  --radius-size--md: 8px;
  --radius-size--base: 8px;
  --radius-size--buttons: 8px;
  --radius--image: var(--spacing--none);
  --radius--button: var(--radius-size--buttons);
  --radius--cards: var(--radius-size--base);
  --radius--input: var(--radius-size--base);
  --radius--selector: var(--radius-size--sm);
  --radius--label: var(--radius-size--sm);

  /* System / semantic colors */
  --system-colors--white: white;
  --system-colors--success: #0b975f;
  --system-colors--success-light: #f5fffb;
  --system-colors--success-medium: #12b870;
  --system-colors--destructive: #c51a00;
  --system-colors--destructive-light: #ffe4e4;

  /* Components */
  --component--size--selector-gap: var(--spacing--0-75);
  --component--color--outline: var(--brand--color--primary-dark);
}

/* ========== Base & reset ========== */

/* Loading skeleton ([data-next-await]) – used on checkout, upsell, receipt, landing, etc. */
html:not(.next-display-ready) [data-next-await] {
  position: relative;
  overflow: hidden;
  border-color: transparent !important;
  box-shadow: none !important;
}

[data-next-await] * {
  opacity: 0;
  transition: opacity 0.2s ease;
}

[data-next-await]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e0e0e0;
  animation: pulse-gray 1.5s ease-in-out infinite;
  z-index: 1;
  pointer-events: none;
}

@keyframes pulse-gray {

  0%,
  100% {
    background-color: #e0e0e0;
    opacity: 0.6;
  }

  50% {
    background-color: #f5f5f5;
    opacity: 0.8;
  }
}

html.next-display-ready [data-next-await] * {
  opacity: 1;
}

html.next-display-ready [data-next-await]::before {
  display: none;
}

/* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}
audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden], template {
  display: none;
}
a {
  background-color: transparent;
}
a:active, a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b, strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button, select {
  text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled], html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type='checkbox'], input[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto;
}
input[type='search'] {
  -webkit-appearance: none;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td, th {
  padding: 0;
}

/* next-core base (overrides / additions) */

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  margin: 0;
  min-height: 100%;
  background-color: #fff;
  font-family: Arial, sans-serif;
  font-size: var(--font-size--sm);
  line-height: 20px;
  color: #333;
}

img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  margin-bottom: 10px;
}

h1 {
  font-size: 38px;
  line-height: 44px;
  margin-top: 20px;
}

h2 {
  font-size: var(--font-size--3xl);
  line-height: 36px;
  margin-top: 20px;
}

h3 {
  font-size: var(--font-size--2xl);
  line-height: 30px;
  margin-top: 20px;
}

h4 {
  font-size: var(--font-size--lg);
  line-height: 24px;
  margin-top: 10px;
}

h5 {
  font-size: var(--font-size--sm);
  line-height: 20px;
  margin-top: 10px;
}

h6 {
  font-size: var(--font-size--xs);
  line-height: 18px;
  margin-top: 10px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

blockquote {
  margin: 0 0 10px 0;
  padding: 10px 20px;
  border-left: 5px solid #E2E2E2;
  font-size: var(--font-size--lg);
  line-height: 22px;
}

figure {
  margin: 0;
  margin-bottom: 10px;
}

figcaption {
  margin-top: 5px;
  text-align: center;
}

ul,
ol {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 40px;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

button,
[type='button'],
[type='reset'] {
  border: 0;
  cursor: pointer;
  -webkit-appearance: button;
}

label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* ========== Layout (w-layout) ========== */

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--brand--color--background);
  font-family: var(--_text---font-family--primary);
  color: var(--brand--color--text-primary);
  letter-spacing: -.05px;
  font-size: var(--font-size--base);
  line-height: 1.5;
}

h1 {
  font-family: var(--_text---font-family--heading);
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--font-size--6xl);
  font-weight: 700;
  line-height: 1.2;
}

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

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

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

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

h6 {
  font-family: var(--_text---font-family--heading);
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--font-size--xl);
  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: .25rem;
  margin-bottom: .25rem;
  padding-left: .5rem;
}

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

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

blockquote {
  border-left: .1875rem solid inherit;
  margin-bottom: 0;
  padding: .75rem 1.25rem;
  font-size: var(--font-size--xl);
  line-height: 1.5;
}

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

figcaption {
  text-align: center;
  margin-top: .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%;
}

.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-gallery {
  padding-top: 0;
  display: flex;
}

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

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

.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: .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: .5rem;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-auto {
  overflow: auto;
}

/* Flex utilities */
.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
  display: flex;
}

.flex-horizontal {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-direction: row;
}

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

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

.flex-wrap {
  flex-wrap: wrap;
}

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

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

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

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

/* Display (heading) scale */
.display-xs {
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--font-size--xl);
  font-weight: 600;
  line-height: 1.1;
}

.display-sm {
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--font-size--2xl);
  font-weight: 700;
  line-height: 1.3;
}

.display-md {
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--font-size--3xl);
  font-weight: 700;
  line-height: 1.2;
}

.display-lg {
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--font-size--4xl);
  font-weight: 700;
  line-height: 1.2;
}

.display-xl {
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--font-size--5xl);
  font-weight: 700;
  line-height: 1.1;
}

.display-2xl {
  text-wrap-style: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--font-size--6xl);
  line-height: 1.1;
}

/* ========== Utilities (containers, typography, overflow) ========== */

/* ---------- Buttons (.button base, modifiers, content/spinner) ---------- */
.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%;
  min-height: 4.5rem;
  padding: 1rem 2rem;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .12s, border .12s;
  display: flex;
  position: relative;
}

.button.is-small {
  min-height: 3.5rem;
  padding: .5rem 1.25rem;
  font-size: var(--font-size--sm);
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: center;
  align-items: center;
}

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

.button.is-tiny {
  font-size: var(--font-size--sm);
  width: auto;
  min-height: 2.5rem;
  padding-top: .75rem;
  padding-bottom: .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: var(--font-size--2xl);
}

.button.cc-xl {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: var(--font-size--lg);
}

.button.is-inverse {
  border-color: var(--brand--color--text-inverse);
  background-color: var(--brand--color--text-inverse);
  color: var(--brand--color--text-primary);
}

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

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

.button.cc-tiny {
  min-height: 0;
  padding: .5rem 1rem;
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
}

.button.cc-gold {
  color: #000;
  background-color: #ffd431;
  border-width: 1px;
  border-color: #d5ac10;
}

.button .button_content {
  grid-row-gap: .25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  line-height: 1;
  transition: opacity .2s;
  display: flex;
}

.button .button_cta {
  letter-spacing: .02em;
  font-size: var(--font-size--xl);
  font-weight: 800;
}

.button .button_cta-sub {
  text-transform: uppercase;
  font-size: .725rem;
}

/* Add-to-cart button loading state (spinner only for data-next-action="add-to-cart"); presell/continue buttons do not show spinner */
[data-next-action="add-to-cart"].is-submitting {
  cursor: not-allowed;
}

[data-next-action="add-to-cart"].is-submitting [data-button="spinner"] {
  opacity: 1;
  pointer-events: none;
}

[data-next-action="add-to-cart"].is-submitting [data-button="content"],
[data-next-action="add-to-cart"].is-submitting [data-button="icon"] {
  opacity: 0;
  pointer-events: none;
}

/* SDK add-to-cart uses .next-loading (not .is-submitting); show spinner when [next-slot] markup is used */
.next-loading [next-slot="content"] {
  opacity: 0;
  pointer-events: none;
}

.next-loading [next-slot="spinner"] {
  opacity: 1;
}

[next-slot="spinner"] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

[next-slot="content"] {
  transition: opacity 0.2s ease;
}

[data-button="content"],
[data-button="icon"] {
  transition: opacity 0.2s ease;
}

[data-button="spinner"] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  font-size: calc(2 * 1em);
  width: 1em;
  height: 1em;
  border-radius: 50%;
  color: inherit;
  transition: opacity 0.2s ease;
}

[data-button="spinner"] .line {
  fill: none;
  stroke: currentColor;
  stroke-width: 6px;
  opacity: 1;
  stroke-linecap: round;
  transform-origin: 50% 50%;
  transform: rotate3d(0, 0, 1, 0deg);
  animation:
    2156ms spinner-arc ease-in-out infinite,
    1829ms spinner-rotate linear infinite;
}

[data-button="spinner"] .ring {
  fill: none;
  stroke: currentColor;
  stroke-width: 6px;
  opacity: 0.15;
}

@keyframes spinner-rotate {
  to {
    transform: rotate3d(0, 0, 1, 360deg);
  }
}

@keyframes spinner-arc {
  from {
    stroke-dasharray: 0 150;
    stroke-dashoffset: 0;
  }

  to {
    stroke-dasharray: 100 150;
    stroke-dashoffset: -140;
  }
}
/* ---------- End Buttons ---------- */

/* Grid/placement utilities (replaced Webflow w-node IDs) */
.grid-cell {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

.grid-span-col-2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

.justify-self-start {
  justify-self: start;
}

.justify-self-end {
  justify-self: end;
}

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

.align-self-stretch {
  align-self: stretch;
}

.place-self-center-stretch {
  place-self: center stretch;
}

@media screen and (max-width: 767px) {
  .grid-cell--sm {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

/* Grid gap utilities */
.grid-row-gap1 {
  grid-row-gap: 1rem;
}

.grid-row-gap2 {
  grid-row-gap: 2rem;
}

.grid-row-gap3 {
  grid-row-gap: 3rem;
}

.grid-col-gap1 {
  grid-column-gap: 1rem;
}

.grid-col-gap2 {
  grid-column-gap: 2rem;
}

.grid-col-gap3 {
  grid-column-gap: 3rem;
}

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

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

.text-break {
  display: block;
}

.text-reg {
  font-size: var(--font-size--base);
}

.text-reg.cc-red {
  color: #b73339;
}

/* Font size utilities */
.text-2xs {
  font-size: var(--font-size--xs);
  line-height: 1.4em;
}

.ts-2xs {
  font-size: var(--font-size--xs);
  line-height: 1.4em;
}

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

.text-xs {
  font-size: .815rem;
  line-height: 1.35;
}

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

.text-sm {
  font-size: var(--font-size--sm);
}

.text-md {
  font-size: var(--font-size--lg);
}

.text-lg {
  font-size: var(--font-size--xl);
}

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

.text-size-regular {
  font-size: var(--font-size--lg);
}

.text-size-regular.text-margin-top {
  margin-top: 1.5rem;
}

/* Font color utilities */
.color-primary { color: var(--brand--color--primary); }
.color-primary-dark { color: var(--brand--color--primary-dark); }
.color-primary-foreground { color: var(--brand--color--primary-foreground); }
.color-black { color: var(--brand--color--black); }
.color-white { color: var(--brand--color--white); }
.color-foreground { color: var(--brand--color--foreground); }
.color-muted { color: var(--brand--color--text-muted); }
.color-secondary { color: var(--brand--color--secondary); }
.color-accent { color: var(--brand--color--accent); }
.color-success { color: var(--system-colors--success); }
.color-destructive { color: var(--system-colors--destructive); }
.text-destructive { color: var(--system-colors--destructive); }
.color-inherit { color: inherit; }

.form_input {
  border: 1px solid inherit;
  background-color: var(--neutral--25);
  color: inherit;
  border-radius: 0;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-size: var(--font-size--base);
  line-height: 1.6;
}

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

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

.form_message-error {
  background-color: inherit;
  color: inherit;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
}

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


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

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

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

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

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

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




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

.link.is-xsmall {
  font-size: var(--font-size--xs);
  line-height: 1rem;
}

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

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

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

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

.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.color-surface {
  background-color: var(--brand--color--surface);
}

.section.clinically-proven {
  background-color: var(--brand--color--surface);
  min-height: 570px;
}

.section.cc-complementary1 {
  background-color: #f7f7f7;
}

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

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

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

.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);
}


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

.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;
}

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

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

.spacer {
  opacity: 0;
}

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


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

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

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

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

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

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

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

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

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

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

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

.opacity-0 {
  opacity: 0;
}

.opacity-50 {
  opacity: .5;
}

.width-full {
  width: 100%;
}

.height-full {
  height: 100%;
}

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

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

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

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

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

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

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

.vertical-wrap.va-middle {
  justify-content: center;
}

.vertical-wrap.cc-tiny {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
}



.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;
}

.label__wrapper {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  padding: .3rem .5rem;
  font-size: var(--font-size--xs);
  line-height: 1;
  display: flex;
}

.label__wrapper.cc-xs {
  padding: .25rem .35rem .25rem .25rem;
  font-size: .5rem;
}

.label__wrapper.cc-sm {
  padding: .245rem .375rem;
  font-size: var(--font-size--xs);
}

.label__wrapper.cc-md {
  padding: .35rem .625rem;
  font-size: var(--font-size--sm);
}

.label__wrapper.cc-lg {
  padding: .425rem .75rem;
  font-size: var(--font-size--sm);
}

.label__wrapper.cc-xl {
  padding: .485rem .875rem;
  font-size: var(--font-size--sm);
}

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

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

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


.list-container {
  grid-row-gap: .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: var(--font-size--sm);
}

.list-container.cc-sm {
  font-size: var(--font-size--sm);
  line-height: 1.3;
}

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

.list-container.cc-md {
  font-size: var(--font-size--base);
}

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

.list {
  grid-row-gap: .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.no-margin {
  margin-top: 0;
}

.list__item {
  grid-column-gap: .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: .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;
}


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

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

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

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

.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;
}

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

.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: .75rem;
  height: .75rem;
}

.next-icon.cc-image-0-75rem {
  aspect-ratio: auto;
  object-fit: contain;
  object-position: 50% 50%;
  width: auto;
  height: .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: .75em;
  height: .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: var(--font-size--xl);
  line-height: 1;
  display: flex;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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: var(--font-size--xl);
  display: flex;
}

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

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

.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;
}



.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: 67.5rem;
}

.container.cc-full {
  max-width: none;
}

.container.cc-0 {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

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

.container.cc-tiny {
  max-width: 50rem;
}

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

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

.grid-custom.grid-11 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}


.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;
}


/* Optional: full-height slider container (e.g. checkout/upsell media) */
.slider_component--fill {
  height: 100%;
  position: relative;
}

/* Swiper component – variant sw1 (main + thumbs); shared by landing, upsells, checkout */
[data-component="swiper"][data-variant="sw1"] .swiper-slide_image-wrap {
  aspect-ratio: 1 / 1;
}

[data-component="swiper"][data-variant="sw1"] [swiper="slider-thumbs"] .swiper-slide {
  filter: grayscale(100%);
  transition: filter 0.4s ease;
  cursor: pointer;
}

[data-component="swiper"][data-variant="sw1"] [swiper="slider-thumbs"] .swiper-slide:focus-visible {
  border: 2px solid #000;
}

[data-component="swiper"][data-variant="sw1"] [swiper="slider-thumbs"] .swiper-slide.swiper-slide-thumb-active {
  filter: grayscale(0);
}

.slider_component-wrapper {
  grid-row-gap: .5rem;
  flex-direction: column;
  display: flex;
}

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

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

.hero-wrappers {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.flex_price {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  font-size: 33.63px;
  font-weight: 400;
  display: flex;
}

.exclusive-deal-badge {
  color: var(--brand--color--primary-foreground);
  background-color: #000;
  border-radius: 100px;
  padding: .25rem 1rem;
  font-size: 16.17px;
}

.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 .2s, color .2s, border-color .2s, transform .2s;
  display: flex;
  position: static;
}

/* Thumbs-arrow nav: circular white prev/next + thumbs strip (slider component) */
.swiper-thumbs-arrow .swiper__button-static {
  z-index: 1;
  color: #000;
  background-color: #fff;
  border: 1px solid #fff;
  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-thumbs-arrow .swiper__button-static:hover {
  border-color: #fff;
}

.swiper-thumbs-arrow .swiper__button-static:active {
  box-shadow: 0 0 1rem #2a255236;
}

.swiper__button-static.cc-hero-pdp-009 {
  color: #000;
  background-color: #fff;
  border-radius: 0%;
  width: 3rem;
  height: 3rem;
}

.slider_component__thumbs-wrap {
  z-index: 1;
  border-radius: .4rem 0 .4rem .4rem;
  width: 100%;
  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-slide_inner.is-thumb {
  border: 1px solid #0000;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  overflow: hidden;
}

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

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

.cc-compare {
  color: #929292;
  text-decoration: line-through;
}

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

.review_component.cc-sm {
  font-size: var(--font-size--sm);
}

.review_component.cc-lg {
  max-width: 65rem;
}

.review_component.cc-sm {
  font-size: var(--font-size--sm);
  line-height: 1.3;
}

.review_component.cc-xs {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.review_component-wrapper {
  grid-column-gap: .6em;
  grid-row-gap: .6em;
  align-items: center;
  display: flex;
}

.review_component-wrapper.cc-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.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;
}

.cta-message {
  font-size: var(--font-size--xl);
  font-weight: 500;
}

.step-text {
  font-size: var(--font-size--sm);
  font-weight: 700;
}

.feature-flex {
  box-sizing: border-box;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  display: flex;
}

.accordion__item-body {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-top: 2px solid var(--brand--color--border);
  flex-flow: column;
  margin-top: .5rem;
  padding: .5rem 0 0;
  display: flex;
}

.accordion__item-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  background-color: #f0f0f000;
  border-style: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: var(--font-size--lg);
  display: flex;
}

.accordion__item-header:focus-visible, .accordion__item-header[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #9b9b9b;
}

.accordion {
  min-width: 0;
}

.accordion__item-wrapper {
  min-height: 0;
  transition: max-height .2s;
  display: none;
  overflow: hidden;
}

.accordion__item-wrapper.is-active-accordion {
  min-height: auto;
  display: block;
}

.accordion_icon {
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.accordion_icon.cc-bigger {
  width: 1.5rem;
  height: 1.5rem;
}

.accordion_icon-wrapper {
  background-color: var(--brand--color--surface);
  border-radius: 50%;
  transition: transform .2s;
}

.accordion_icon-wrapper.cc-clean {
  background-color: #f7f7f700;
}

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

.accordion__wrapper.cc-huge {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
}

.accordion__item {
  background-color: var(--brand--color--primary-lighter);
  border-bottom: 1px #eee;
  border-radius: 12px;
  padding: 1.5rem;
}

.accordion__item.is-active-accordion {
  color: var(--brand--color--text-secondary);
}

.accordion_title {
  font-weight: 600;
}

.accordion__title-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.accordion__title-wrapper.cc-huge {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.feature_col {
  flex-flow: column;
  display: flex;
}

.accordion-icon {
  width: 60px;
}

/* Accordion (data-accordion): shared by landing pages, upsells */
[data-accordion="content"] {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition:
    max-height 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.15s ease-out,
    visibility 0s linear 0.2s;
  will-change: max-height, opacity;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}

[data-accordion="content"].is-active-accordion {
  display: block;
  visibility: visible;
  opacity: 1;
  transition:
    max-height 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.15s ease-out,
    visibility 0s linear 0s;
}

[data-accordion="arrow"] {
  transition: transform 0.15s ease-out;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate3d(0, 0, 0);
}

[data-accordion="arrow"].is-active-accordion {
  transform: rotate(180deg) translate3d(0, 0, 0);
}

[data-accordion="plus"] {
  display: flex;
  align-items: center;
  justify-content: center;
}

[data-accordion="plus"] svg {
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translate3d(0, 0, 0);
}

[data-accordion="plus"] .vertical {
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: center;
}

[data-accordion="plus"].is-active-accordion .vertical {
  transform: scaleY(0);
}

[data-accordion="plus"]:hover {
  opacity: 0.8;
}

[data-accordion="trigger"]:focus {
  outline: 2px solid #fff;
  outline-offset: 2px;
  border-radius: 4px;
}

[data-accordion="trigger"]:focus:not(:focus-visible) {
  outline: none;
}

@media (prefers-reduced-motion: reduce) {
  [data-accordion="content"],
  [data-accordion="arrow"],
  [data-accordion="plus"] svg,
  [data-accordion="plus"] .vertical {
    transition: none;
  }
}

.feature_card {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: .75rem;
  display: flex;
}

.cc-sticky {
  position: sticky;
  top: 4rem;
}

.cta-col {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  align-items: center;
  display: flex;
}

.cta-image__wrapper {
  aspect-ratio: 3 / 2;
  border-radius: 12px;
  flex: none;
  width: 330px;
  overflow: clip;
}

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

.cta-right {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: left;
  flex-flow: column;
  display: flex;
}

.cta-wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--brand--color--surface);
  border-radius: 12px;
  flex-wrap: wrap;
  padding: 2rem;
  display: flex;
}

.reviews-list {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  display: flex;
}

.reviews-list__item {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  border-bottom: 1px solid #000;
  align-items: flex-start;
  margin-bottom: 3rem;
  padding-bottom: 3rem;
  display: flex;
}

.reviews-list__item-left {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--brand--color--surface);
  text-align: left;
  border-radius: 12px;
  align-items: center;
  width: 330px;
  padding: 1rem;
  display: flex;
}

.reviews-list__left-imgwrapper {
  border-radius: 8px;
  width: 80px;
  height: 80px;
  overflow: clip;
}

.review-label {
  font-size: var(--font-size--lg);
  font-weight: 700;
}

.reviews-list__item-right {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: left;
  flex-flow: column;
  flex: 1;
  width: 330px;
  display: flex;
}

.review-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--brand--color--text-muted);
  flex-flow: column;
  font-size: var(--font-size--sm);
  display: flex;
}

.reviews-list__author {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.review-author {
  font-size: var(--font-size--lg);
  font-weight: 700;
}

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

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

.footer {
  background-color: #000;
}

.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: var(--font-size--sm);
  font-weight: 200;
  text-decoration: none;
}

.footer_section {
  background-color: var(--brand--color--primary-light);
  color: var(--brand--color--primary-dark);
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.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: .5rem;
  grid-row-gap: .5rem;
  flex-flow: row;
  justify-content: space-between;
  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: var(--font-size--sm);
  display: flex;
}

.footer_legal-link {
  color: var(--brand--color--primary-dark);
  text-decoration: underline;
}


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

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

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

.section-checkout {
  padding-top: 2rem;
  padding-bottom: 4rem;
}

.section-checkout.cc-gray {
  background-color: #fcfcfc;
}


.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, option selection (os-card), order summary & cart ========== */

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

.checkout__form-container.cc-checkout,
.checkout__form-container--main {
  box-sizing: border-box;
  max-width: 36.25rem;
  padding: 2.375rem;
}

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

.scarcity-banner {
  border-radius: var(--radius--cards);
  display: flex;
  overflow: clip;
}

.scarcity-banner__left {
  background-color: var(--brand--color--primary-dark);
  color: var(--brand--color--accent-foreground);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: .5rem 1rem;
  line-height: 1.2;
  display: flex;
}

.scarcity_title {
  font-weight: 700;
}

.scarcity_subtitle {
  font-size: var(--font-size--xs);
  font-weight: 600;
}

.scarcity-banner__right {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  background-color: var(--brand--color--surface);
  color: var(--brand--color--foreground);
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.scarcity-sale {
  font-size: var(--font-size--sm);
  font-weight: 700;
}

.scarcity-counter {
  color: var(--brand--color--primary);
}

.show-tablet {
  display: none !important;
}

.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;
  width: 100%;
  display: flex;
  position: relative;
}

.express-checkout__buttons.cc-padding {
  border: 1px solid var(--brand--color--border);
  border-radius: 4px;
  padding: 1rem;
}

.payment-btn {
  border-radius: var(--radius--cards);
  background-color: #000;
  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 {
  letter-spacing: -.01em;
  font-size: var(--font-size--lg);
}

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

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

.os-card__wrapper.pb--center {
  justify-content: center;
  align-items: center;
  padding-left: 1rem;
}

.os-card__wrapper.pb--custom.hero-pdp-009 {
  padding-left: 3rem;
}

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

.card-title {
  font-size: var(--font-size--lg);
  font-weight: 700;
}

.cart-feature-line__price {
  font-size: var(--font-size--base);
}

.cart-feature-line__price--sm {
  font-size: .875em;
  line-height: 1.2;
}

.cart-feature-line__price--compare {
  color: #929292;
  font-weight: 500;
  position: relative;
}

.cart-feature-line__price--current.os-sms {
  font-weight: 500;
}

.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.pb--stacked {
  grid-column-gap: .15rem;
  grid-row-gap: .15rem;
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
}

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

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

.cart-feature-line__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;
}

.cart-feature-line__media--cart {
  width: 80px;
  max-width: none;
  height: 80px;
  max-height: none;
}

.cart-feature-line__media--lg {
  width: 100px;
  max-width: none;
  height: 100px;
  max-height: none;
}

.cart-feature-line__image {
  z-index: 1;
  pointer-events: auto;
  object-fit: contain;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  position: relative;
}

.cart-feature-line__details {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  flex: 1;
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.cart-feature-line__details--centered {
  justify-content: center;
}

.cart-feature-line__list-image {
  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;
}

.cart-feature-line__list-icon {
  flex: none;
  width: 1.2em;
  min-width: 1.2em;
  height: 1.2em;
  min-height: 1.2em;
  margin-right: 0;
  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;
}

.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: var(--font-size--lg);
  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;
}

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

.accordion__panel {
  transition: all .2s;
  overflow: hidden;
}

.order-summary--accordion {
  border-top: 1px solid #f0f0f0;
  margin-top: .5rem;
  padding-top: 1rem;
}

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

.cart-box__title {
  font-size: var(--font-size--xl);
  font-weight: 700;
}

.cart-box__subtitle {
  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 var(--brand--color--border);
  margin-bottom: .25rem;
  padding-bottom: .25rem;
  font-weight: 700;
}

.cart-summary__line-item {
  text-align: right;
}

.cart-items__scroll-hint {
  z-index: 1;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  opacity: 0;
  pointer-events: none;
  color: #fff;
  background-color: #0000009e;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: .5rem 1rem;
  transition: opacity .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: .5rem;
  grid-row-gap: .5rem;
  border-bottom: 1px solid var(--brand--color--border);
  flex-flow: column;
  max-height: 18rem;
  padding-top: .5rem;
  display: flex;
  overflow: auto;
}

.cart-item {
  z-index: 0;
  justify-content: space-between;
  align-items: center;
  padding-bottom: .5rem;
  position: static;
}

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

.cart-item__wrapper {
  border-radius: .25rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding-left: 2px;
  display: flex;
  overflow: visible;
}

.cart-item__image-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #fff;
  border: .5px #00000030;
  border-radius: 4px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 64px;
  max-width: 64px;
  min-height: 64px;
  max-height: 64px;
  padding: 2px;
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: 0 1px 1.75px #0000001f, 0 -.5px 1.5px #00000017, 0 3px 4px #00000008;
}

.cart-item__quantity-badge {
  z-index: 1;
  color: #fff;
  background-color: #000;
  border: 2px solid #fff;
  border-radius: 6px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  font-size: .65rem;
  display: flex;
  position: absolute;
  inset: -.35rem -.35rem auto auto;
  overflow: hidden;
}

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

.cart-item__image {
  background-color: #ececec;
  border-radius: 2px;
  width: 100%;
  height: 100%;
  display: block;
  overflow: clip;
}

.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: .15rem;
  grid-row-gap: .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;
}

.cart-item__header.cc-wrap {
  grid-column-gap: .25rem;
  grid-row-gap: .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: var(--font-size--sm);
  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 .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: .85;
  display: flex;
}

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

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

.input-flds {
  border-radius: var(--radius--input);
  outline-offset: 0px;
  background-color: #fff;
  border: 1px solid #b9b9b9;
  outline: 3px #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3rem;
  margin-bottom: 0;
  padding-left: 12px;
  padding-right: 12px;
  font-size: .925rem;
  transition: all .12s;
  display: flex;
  position: relative;
  box-shadow: 0 0 0 1px #0000;
}

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

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

.input-flds.next-focused {
  border-color: var(--brand--color--primary-dark);
  box-shadow: 0 0 0 1px var(--brand--color--primary-dark);
}

.input-flds.next-error-field {
  background-color: #fff;
  border-color: #c51a00;
  box-shadow: 0 0 0 1px #c51a00;
}

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

.input-flds.select-field:focus {
  border-width: 1px;
  border-color: var(--brand--color--primary);
}

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

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

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

.input-flds--floating.spreedly-field {
  padding-top: 12px;
}

.input-flds--floating.no-error {
  border-color: var(--system-colors--success);
  box-shadow: 0 0 0 1px #12b87000;
}

.input-flds--floating.next-error-field {
  box-shadow: 0 0 0 1px #c51a0000;
}

.next-error-label {
  color: #c51a00;
  margin-top: .25rem;
  font-size: .75rem;
}

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

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

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

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

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

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

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

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

.order-totals__line {
  color: #000;
  justify-content: space-between;
  display: flex;
}

.order-totals__line.order-totals__line--total {
  font-size: var(--font-size--lg);
  font-weight: 700;
}

.order-totals__line.order-totals__line--total.align-right {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-end;
}

.order-totals__line.cc-subtotal {
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.order-totals__line.cc-savings {
  color: #000;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: var(--font-size--lg);
  font-weight: 700;
}

.info-icons {
  justify-content: center;
  align-items: center;
  width: .875rem;
  height: .875rem;
  font-size: var(--font-size--sm);
  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: 2rem;
  grid-row-gap: 2rem;
  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__header {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.form-section__subtitle {
  font-size: .925rem;
}

.form-section__subtitle--floating {
  color: #000;
  font-size: var(--font-size--base);
}

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

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

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

.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: .25rem;
  grid-row-gap: .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: var(--font-size--sm);
  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-radius: var(--radius--input);
  border: 1px solid #dcdcdf;
  overflow: hidden;
}

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

.payment-method.next-selected {
  background-color: var(--brand--color--surface);
}

.payment-method__header {
  cursor: pointer;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  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: var(--brand--color--primary-dark);
  width: 1rem;
  height: 1rem;
}

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

.payment-method__icon {
  width: 35px;
}

.payment-method__form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-top: 1px #dcdcdf;
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius: .25rem;
  flex-flow: column;
  width: 100%;
  margin-top: 0;
  padding: 0;
  transition: all .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 #dcdcdf;
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius: .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: .375rem;
  padding: .75rem 1.5rem .75rem 1rem;
  font-size: var(--font-size--sm);
}

.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;
}


.checkout-form-secure {
  color: #8797ad;
  margin-bottom: 0;
  font-size: var(--font-size--xs);
}

.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: .5rem;
  grid-row-gap: .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: var(--font-size--xs);
  font-weight: 400;
  display: flex;
  position: relative;
}

.checkbox__input {
  border-top-left-radius: var(--radius--selector);
  border-top-right-radius: var(--radius--selector);
  border-bottom-left-radius: var(--radius--selector);
  border-bottom-right-radius: var(--radius--selector);
  accent-color: #000;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  border-radius: var(--radius--input) !important;
}

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

.billing-form {
  margin-bottom: 1rem;
}

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

.payment-method__info-title {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--font-size--sm);
  font-weight: 400;
}

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

.submit-section {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  margin-top: -1rem;
  display: flex;
}

.submit-section.cc-shop__three {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}

.submit-section__button {
  grid-column-gap: .5rem;
  grid-row-gap: .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;
}

.checkout-trust-bar {
  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: .5rem;
  grid-row-gap: .5rem;
  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;
}

.badge-text {
  color: #949494;
  font-size: var(--font-size--sm);
  font-weight: 600;
  line-height: 1;
}

.credit-card__flags {
  width: 90%;
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
}

.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 solid var(--brand--color--border);
  border-radius: var(--radius--label);
  flex-flow: column;
  padding: 1.5rem;
  display: flex;
}



.promo-wrapper {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  display: flex;
}

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

.encrypted-banner {
  background-color: var(--brand--color--primary-light);
  color: var(--brand--color--text-primary);
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-weight: 600;
}

.scarcity-banner__content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}


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

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

.cart-guarantee_headline {
  font-size: var(--font-size--2xl);
  font-weight: 600;
}

.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;
}

.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;
}

.icon-image {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-img {
  border-radius: var(--radius--image);
  background-color: var(--brand--color--surface);
  color: var(--brand--color--primary-dark);
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}


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

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

.shipping-note {
  font-size: var(--font-size--sm);
}

.submit-button__main-text {
  font-size: var(--font-size--xl);
  font-weight: 700;
  line-height: 1.2;
}

.submit-button__main-text.cc-shop__three {
  font-size: var(--font-size--base);
}

.submit-button__subtext {
  margin-top: .15rem;
  font-size: .725rem;
  font-weight: 500;
}

.guarantee-section {
  justify-content: center;
  align-items: center;
  display: flex;
}

.guarantee-badge {
  width: 60px;
  margin-right: 15px;
}




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

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

.checkout__layout {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  grid-template: "main order-summary"
  / minmax(min-content, calc(50% + 3.125rem)) 1fr;
  grid-area: shell-content;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  display: grid;
  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: .5px solid #eee;
}

.checkout__column.checkout__column--left {
  border-right-style: solid;
  border-right-width: .5px;
  border-right-color: var(--brand--color--border);
  grid-area: main;
  width: 100%;
  min-height: 865px;
  padding: 0;
}

.checkout__column.checkout__column--right {
  background-color: #f5f5f5;
  grid-area: order-summary;
  justify-content: flex-start;
  width: 100%;
  padding: 0;
  display: block;
  position: sticky;
  top: 0;
}

.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: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.checkout__header-brand.cc-shop {
  justify-content: center;
}


.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: var(--font-size--sm);
  font-weight: 500;
  line-height: 1;
}

.secure-checkout__text.color-white {
  color: #fff;
}

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

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

.order-summary__title.checkout {
  letter-spacing: -.017em;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: var(--font-size--lg);
  font-weight: 900;
  line-height: 1.25;
}

.cart-item__title {
  font-size: var(--font-size--base);
  font-weight: 500;
  line-height: 1.3;
}

.cart-item__title.os-bold, .checkout__line-item__final-price {
  font-weight: 700;
}

.cart-item__frequency {
  color: #858585;
  font-size: var(--font-size--xs);
  font-weight: 400;
}

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

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

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

.cart-price.price--final {
  font-weight: 600;
}

.summary-total__coin {
  font-size: var(--font-size--sm);
  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;
}

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

.steps-text.cc-active,
.steps-text--active {
  font-weight: 700;
}

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

.steps-arrow {
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
}

.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: var(--font-size--sm);
}

.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--last {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.shipping-method:last-child {
  border-bottom-style: none;
}

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

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

.shipping-option__description {
  color: #afafaf;
  font-size: var(--font-size--xs);
}

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

@media screen and (max-width: 479px) {
  .shipping_price {
    position: static;
    width: 100%;
    justify-content: flex-end;
  }
}

.payment-method__info {
  grid-column-gap: .5rem;
  grid-row-gap: .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: var(--font-size--xs);
}

.submit-button__loader {
  z-index: 5;
  border-radius: .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;
}

.checkout__summary {
  align-self: flex-start;
  width: 100%;
  max-width: 30rem;
  height: auto;
  padding: 2.375rem;
  position: sticky;
  top: 0;
}

.summary-desktop--stacked {
  z-index: 2;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.summary-wrap {
  background-color: #0000;
  margin-bottom: .75rem;
  padding-top: 5px;
}

.summary-holder {
  border-radius: .5rem;
  margin-top: 5px;
  font-size: var(--font-size--sm);
}

/* ========== Option selection cards (os-option, os-cards) ========== */

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

.os-cards__vertical {
  grid-column-gap: var(--component--size--selector-gap);
  grid-row-gap: var(--component--size--selector-gap);
  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: var(--component--size--selector-gap);
  grid-row-gap: var(--component--size--selector-gap);
}

.os-cards__vertical.os--gap-lg {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.os-cards__vertical.os--gap-xl {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
}

.os-cards__vertical.os--gap-xxl {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
}

.os-card {
  border-top-left-radius: var(--radius--selector);
  border-top-right-radius: var(--radius--selector);
  border-bottom-left-radius: var(--radius--selector);
  border-bottom-right-radius: var(--radius--selector);
  pointer-events: auto;
  letter-spacing: -.03em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background-color: #fff;
  border: 2px #eee;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  font-size: var(--font-size--sm);
  transition-property: border-color, border-radius, background-color;
  transition-duration: .12s, .12s, .12s;
  transition-timing-function: ease, ease, ease;
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: 0 0 0 1px #eee;
}

.os-card.next-selected {
  z-index: 1;
  background-color: var(--brand--color--surface);
  box-shadow: 0 0 0 2px var(--component--color--outline);
  border-color: #000;
}

.os-card__radio {
  border-radius: 50%;
  flex: none;
  width: 1rem;
  height: 1rem;
  box-shadow: 0 0 0 1px #eee;
}

.radio-inner {
  width: .5rem;
  height: .5rem;
}

.os-card__main-slot {
  grid-column-gap: .25rem;
  grid-row-gap: .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: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.os-card__title-section.os--min-2 {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  min-height: 2.5rem;
}

.os-card__title-section.os--full {
  justify-content: space-between;
  align-items: flex-start;
}

.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-wrapper.os--vertical {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.os-card__title {
  flex: none;
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.2;
}

.os-card__title-badge {
  color: #000;
  text-transform: uppercase;
  background-color: #e2e2e2;
  border-radius: 6px;
  padding: 4px .5rem;
  font-size: var(--font-size--xs);
  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 {
  font-size: .875em;
  font-weight: 400;
  line-height: 1;
}

.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: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-end;
  font-size: var(--font-size--base);
  display: flex;
}

.os-card__price-container {
  grid-column-gap: .25rem;
  grid-row-gap: .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__bottom-slot {
  grid-column-gap: .5rem;
  grid-row-gap: .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,
.os-card__label-2 {
  z-index: 1;
  pointer-events: auto;
  color: #fff;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  justify-content: center;
  align-items: center;
  height: 1.2rem;
  padding-left: 10px;
  padding-right: 10px;
  width: max-content;
  font-size: .685rem;
  font-weight: 600;
  display: flex;
  position: absolute;
  inset: -1.2rem auto auto;
}

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

.os-card__label--top-right {
  left: auto;
  right: 1rem;
}

.os-card__label--top-left {
  left: 1rem;
  right: auto;
}

.os-card__label--top-middle {
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}

.os-card__features-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: .25rem;
  color: #000;
  flex-direction: column;
  justify-content: space-between;
  margin-top: .25rem;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Inter;
  display: flex;
}

.os-card__feature-item {
  grid-column-gap: .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: .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;
}

.os-card__footer-banner {
  color: #fff;
  background-color: #000;
  border-radius: 0 0 .25rem .25rem;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  font-size: .785rem;
  font-weight: 700;
  display: flex;
}

.os-card__banner-image, .os_card__banner-image_item {
  width: 2.75rem;
}

.os-card__banner-cont {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.os-card__banner-cont.os--align-center {
  justify-content: center;
  align-items: center;
}


.os-cards__grid {
  grid-column-gap: .75rem;
  grid-row-gap: .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: .925rem;
  font-weight: 700;
  display: flex;
}



.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);
  border-radius: var(--radius--input);
  background-color: var(--brand--color--cta-primary);
  color: var(--brand--color--text-inverse);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .12s, border .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: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.submit-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%;
  min-height: 5rem;
  padding: 1rem 2rem;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .12s, border .12s;
  display: flex;
  position: relative;
}

.submit-button.cc-shop__three {
  min-height: 4.5rem;
}

.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;
}

.os-card__image-slot {
  border-radius: var(--radius-size--sm);
  background-color: var(--brand--color--primary-light);
  outline-offset: 0px;
  border: 1px #000;
  outline: 3px #1a161f;
  width: 5rem;
  height: 5rem;
  overflow: hidden;
}

.os-card__image-slot.cc-full {
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
}


.checkout_mbg {
  width: 80px;
  height: 80px;
}

.checkout_mbg.cc-lg {
  width: 100px;
  height: 100px;
}

.section_header {
  z-index: 20;
  width: 100%;
  position: relative;
}

.announcement {
  color: #000;
}

.announcement__block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--brand--color--primary);
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.announcement__text {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  font-size: var(--font-size--lg);
  font-weight: 900;
  line-height: 2rem;
  display: block;
}

.announcement__promo-label {
  font-weight: 400;
}

.announcement__code-wrapper {
  background-color: #ffffff30;
  border-radius: 8px;
  padding: 2px 9px;
}

.announcement__code {
  color: #fff;
  text-align: center;
  font-weight: 700;
}

.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: .25rem;
  grid-row-gap: .25rem;
  align-items: center;
  display: flex;
}

.coupon-tag__summary {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: #686868;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 0;
  font-size: .785rem;
  line-height: 1.2;
  display: flex;
}

.order-totals__value-group {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  align-items: center;
  display: flex;
}

.order-totals__savings {
  color: #000;
  justify-content: space-between;
  display: flex;
}

.order-totals__savings-content {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  align-items: center;
  display: flex;
}

.order-totals__savings-icon {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  font-size: var(--font-size--sm);
  display: flex;
}



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

.icon-wrap--lg {
  width: 2rem;
  min-width: 2rem;
  height: auto;
  min-height: auto;
}

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

.order-title-wrapper {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.order-title-wrapper.cc-padded {
  border-bottom: .5px solid #eee;
  padding-bottom: 1rem;
}


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

.order-form__review {
  position: relative;
}

.order-form__selection, .package-options {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
  position: relative;
}


.order-form__cta {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
  position: relative;
}





.heading-box {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.cart-line-display {
  display: block;
}

._2step_form {
  border: 1px solid #d8d8d8;
  border-radius: 4px;
}

._2step_form.is-inactive {
  display: none;
}

._2step_form-head {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--brand--color--primary-dark);
  color: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  justify-content: space-between;
  align-items: center;
  min-height: 3.25rem;
  padding: .5rem 1rem;
  font-weight: 700;
  display: flex;
}

._2step_form-selector-2 {
  background-color: #fff;
  padding: 1rem;
}

._2step_form-selector-2.cc-qty {
  padding-top: 1.75rem;
}

._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;
}




.step-number {
  display: flex;
}

.os-variant__content {
  grid-column-gap: .5rem;
  grid-row-gap: .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: .5rem;
  grid-row-gap: .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: var(--font-size--sm);
}

.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: .5rem;
  padding: 0;
  overflow: auto;
}

.os-card__variant-dropdown-wrapper {
  flex: 1;
}

.os-card__variant-dropdown-toggle {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #000;
  letter-spacing: -.006em;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 3rem;
  padding: .5rem .75rem;
  font-size: var(--font-size--sm);
  line-height: 1.25rem;
  transition: box-shadow .2s, color .2s ease-out, background-color .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: .25rem;
  padding-bottom: .25rem;
  padding-left: .75rem;
  font-size: var(--font-size--sm);
}

.os-card__variant-dropdown-item {
  font-size: var(--font-size--sm);
  list-style-type: none;
}

.os-card__variant-dropdown-item:hover {
  background-color: var(--brand--color--primary-lighter);
}

.os-card__variant-dropdown-item.selected {
  background-color: var(--brand--color--primary-lighter);
  border-radius: 4px;
}

.os-card__toggle-option {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  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-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: .25rem;
  grid-row-gap: .25rem;
  background-color: #1414143d;
  border: 1px solid #00000045;
  border-radius: .5rem;
  flex-flow: column;
  max-height: 20rem;
  margin-top: .25rem;
  padding: .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: .725rem;
  font-weight: 600;
  display: flex;
}


.auto-expand {
  display: none;
  transform: rotate(-90deg);
}

.os-option_item {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-bottom: .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 .2s;
  position: absolute;
}

.os-button__content-slot {
  grid-column-gap: .5rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .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: .75rem 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .12s, border .12s;
  display: flex;
  position: relative;
}

.os-button__main-slot {
  grid-column-gap: .5rem;
  grid-row-gap: .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;
}

.os-button__icon.os--absolutes {
  position: absolute;
  inset: auto 1rem auto auto;
}


.os-card__variant-toggle-price {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.os-card__variant-toggle-price--compare {
  color: #ed093b;
  font-size: .725rem;
}

.os-card__variant-toggle-price--sale {
  color: #50008a;
  font-weight: 600;
}

.os-card__variant-swatches {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.os-card__variant-swatch {
  cursor: pointer;
  border: 3px solid #0000;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  transition: all .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: .5rem;
  grid-row-gap: .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: .25rem .5rem;
  transition: all .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 .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.os-card__variant-image.os-card__variant-image--selected {
  padding: .15rem;
}


.cart_box-heading {
  background-color: var(--brand--color--primary-dark);
  color: var(--brand--color--primary-foreground);
  padding: .75rem;
}


.edit-order_text {
  font-weight: 600;
  text-decoration: underline;
}

.label-checkout {
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  color: #b3b3b3;
  letter-spacing: 0;
  font-size: .65rem;
  font-weight: 400;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
  position: absolute;
  top: .5em;
  left: 13px;
  transform: translate(0, .3em);
}

.label-checkout.has-value {
  opacity: 100;
  transform: translate(0);
}

.label-checkout--floating {
  color: #000;
  margin-left: -4px;
  padding-left: 4px;
  padding-right: 4px;
  font-size: var(--font-size--xs);
}

.label-checkout--floating.has-value {
  opacity: 100;
  background-color: #fff;
  transform: translate(0, -1.2em);
}

.os-card__total-container {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #555;
  font-size: var(--font-size--sm);
  font-weight: 500;
  display: flex;
}

.os-card__total-compare {
  text-decoration: line-through;
}

.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-avatar.skeleton-avatar--lg.skeleton-avatar--square.skeleton--darker.cc-bg {
  width: 70px;
  height: 70px;
}

.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--large.skeleton-height--large {
  width: 42ch;
  min-height: 4rem;
  max-height: 4em;
}

.skeleton.skeleton-text.skeleton-text--large.skeleton--darker {
  width: 34ch;
}

.skeleton.skeleton-text.skeleton-text--tiny {
  width: 6ch;
}

.skeleton.skeleton-text.skeleton--input {
  min-height: 3rem;
  max-height: 3rem;
}

.skeleton.skeleton-text.skeleton-text--80 {
  width: 80%;
}

.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-box.skeleton-box--xs {
  min-height: 4rem;
  max-height: 4rem;
}

.skeleton.skeleton-box.skeleton-box-card {
  min-height: 5rem;
  max-height: 5rem;
}

.skeleton.skeleton-box.skeleton-box--xl {
  min-height: 24rem;
  max-height: 24rem;
}

.skeleton.skeleton-button {
  width: 100%;
  min-height: 4.5em;
  max-height: 4.5em;
}

.skeleton.skeleton-image {
  aspect-ratio: 1;
}

.skeleton-wrapper {
  z-index: 99999999;
  background-color: #fff;
  position: fixed;
  inset: 0%;
}

.receipt_section {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: .5px solid #ddd;
  border-radius: 4px;
  flex-flow: column;
  padding: 1.5rem;
  display: flex;
}

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

.receipt-check {
  color: var(--brand--color--primary-dark);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 4.5rem;
  height: 4.5rem;
  display: flex;
}

.receipt-heading {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.receipt_order {
  letter-spacing: -.01em;
  font-size: 1.35rem;
}

.receipt_section-head {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.receipt_section-head--desc {
  color: #686868;
  font-size: var(--font-size--sm);
}

.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: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  font-size: var(--font-size--sm);
  display: flex;
}

.sec_title {
  color: #707070;
}

.sec_value {
  color: #000;
}

.order_receipt-col {
  grid-column-gap: .75rem;
  grid-row-gap: .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: .5rem;
  grid-row-gap: .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: var(--font-size--sm);
  display: flex;
}

.receipt-subtitle {
  font-size: var(--font-size--sm);
}



.promo-banner__content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  pointer-events: auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.promo-banner__content--left {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex: 1;
  align-items: center;
  display: flex;
}

.promo-banner__content--center {
  justify-content: flex-start;
  align-items: center;
}

.promo-banner__row {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex: 0 auto;
  justify-content: flex-start;
  display: flex;
}

.promo-banner__row--left {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex: 1;
  align-items: center;
  display: flex;
}

.promo-banner__row--left.promo-banner__row--gap-xs {
  grid-column-gap: .1rem;
  grid-row-gap: .1rem;
}


.brand-logo {
  width: 150px;
}

.brand-logo.cc-small {
  width: 125px;
}

.checkout-footer-links {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-top: 1px solid #dedede;
  margin-top: 1rem;
  padding-top: 1rem;
  font-size: var(--font-size--sm);
  display: flex;
}




.item-template.os-show {
  display: block;
}

.checkout-high-demand__icon {
  object-fit: cover;
  flex: none;
  width: 24px;
  height: 24px;
}

.checkout__package-card-header {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--brand--color--primary-dark);
  color: #fff;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.checkout__package-card-content {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  padding: 1rem;
  display: flex;
}

.checkout__package-icon {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.checkout__package-checkbox {
  background-color: var(--brand--color--primary-dark);
  color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  display: flex;
}

.checkout__package-media-wrapper {
  width: 320px;
}

.checkout__package-content {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  text-align: right;
  flex-flow: column;
  flex: 1;
  align-items: flex-end;
  line-height: 1.2;
  display: flex;
}

.checkout__package-checkbox-icon {
  justify-content: center;
  align-items: center;
  width: 1rem;
  min-width: 1rem;
  max-width: 1rem;
  height: 1rem;
  min-height: 1rem;
  max-height: 1rem;
  display: flex;
}

.package-price--regular {
  text-decoration: line-through;
}

.package-price--sale {
  font-size: var(--font-size--3xl);
  font-weight: 700;
}

.package-savings {
  color: #0a9c6c;
  font-weight: 700;
}

.exp-checkout__inline {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-radius: var(--radius--cards);
  border: 1px solid #bbb;
  flex-flow: column;
  padding: 1.25rem 1rem 1rem;
  display: flex;
  position: relative;
}

.exp-checkout__inline-header {
  justify-content: center;
  height: 1.5rem;
  display: flex;
  position: absolute;
  inset: -.75rem 0% auto;
}

.express-checkout__title-inline {
  text-align: center;
  background-color: #fff;
  padding-left: 8px;
  padding-right: 8px;
  font-size: .925rem;
  font-weight: 600;
}

.submit-button__icon {
  width: 22px;
}

.checkout-divider {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.checkout-divider__line {
  background-color: #aeaeae;
  flex: 1;
  height: 1px;
}

.checkout-divider__text--heading {
  font-size: var(--font-size--xl);
  font-weight: 700;
}

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

.checkout-features__item {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  display: flex;
}

.checkout-features__item-content {
  flex-flow: column;
  display: flex;
}

.checkout-features__item-title {
  font-size: var(--font-size--lg);
  font-weight: 700;
}

.checkout-features__item-image--wrapper {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  display: flex;
}

.checkout-features__section, .checkout-reviews__section {
  grid-column-gap: 1.256rem;
  grid-row-gap: 1.256rem;
  flex-flow: column;
  display: flex;
}

.checkout-features {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.checkout-features__header-divider {
  flex-flow: column;
  display: flex;
}

.star_wrapper {
  grid-column-gap: 1.2px;
  grid-row-gap: 1.2px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.star_img {
  object-fit: cover;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.order-summary--card {
  border-radius: var(--radius--cards);
  background-color: #fff;
  border: 1px solid #bbb;
  flex-flow: column;
  max-width: none;
  display: flex;
}

.order-summary__accordion {
  padding: .25rem 1rem 1rem;
}

.order-summary__accordion-trigger {
  cursor: pointer;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  padding-top: .5rem;
  padding-bottom: 0;
  font-size: var(--font-size--lg);
  font-weight: 700;
  display: flex;
}

.order-summary__accordion-inner {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  display: flex;
}

.order-summary__accordion-head {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.order-summary__accordion-icon {
  justify-content: center;
  align-items: center;
  width: .75rem;
  height: .75rem;
  display: flex;
}

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

.order-summary__accordion-panel {
  transition: all .2s;
  overflow: hidden;
}

.checkout-banner {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px dashed var(--system-colors--destructive);
  background-color: var(--system-colors--destructive-light);
  color: var(--system-colors--destructive);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding: 9px 24.5px;
  font-size: var(--font-size--sm);
  font-weight: 700;
  display: flex;
}

.checkout-banner.checkout-banner--demand {
  border-color: var(--system-colors--destructive);
  background-color: var(--system-colors--destructive-light);
  color: var(--system-colors--destructive);
}

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

.trust-bar--mobile, .checkout-footer {
  display: none;
}

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


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

.checkout-package {
  border: 2px solid var(--brand--color--primary-dark);
  border-radius: var(--radius--selector);
  background-color: #fff;
}

.order-summary__mobile-right {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  align-items: center;
  display: flex;
}

.order-summary__trigger {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  font-size: var(--font-size--lg);
  font-weight: 400;
  display: flex;
}

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


.questions-text {
  border-left: 1px solid #777;
  padding-left: 1rem;
  font-weight: 600;
}

.link-tel {
  color: #000;
  text-decoration: underline;
  display: inline;
}

.progress-wrapper {
  align-items: center;
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: var(--font-size--xs);
  display: flex;
  position: relative;
}

.os-card__label-2 {
  background-color: #000;
}

.os-card__label-2.os-card__label--middle-center,
.os-card__label-2.os-card__label--middle-left,
.os-card__label-2.os-card__label--middle-right {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  border-radius: 4px;
  height: 22px;
  line-height: 1;
  top: -11px;
}

.os-card__label-2.os-card__label--middle-center {
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}

.os-card__label-2.os-card__label--middle-left {
  left: 1rem;
  right: auto;
}

.os-card__label-2.os-card__label--middle-right {
  left: auto;
  right: 1rem;
}

.os-card__label-2.os-card__label--pill-primary {
  color: #08927a;
  background-color: #ecfbcb;
}

.os-card__label-2.os-card__label--pill-secondary {
  color: #298fbd;
  background-color: #e4f7ff;
}

.card-sup {
  font-size: var(--font-size--base);
  font-weight: 500;
}

.os-slots {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #fff;
  flex-flow: column;
  display: flex;
}

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

.os-card__title-2 {
  flex: none;
  font-size: var(--font-size--lg);
  font-weight: 800;
  line-height: 1.2;
}

.os-card__title-2.os-bold {
  font-size: var(--font-size--lg);
  font-weight: 800;
}

.form-step__button--text {
  font-size: var(--font-size--xl);
  font-weight: 700;
  line-height: 1;
}

.os-card__label-text-2 {
  font-size: var(--font-size--sm);
  position: relative;
  top: 1px;
}

.step__wrap {
  display: flex;
}

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

.size_chart-wrapper {
  justify-content: space-between;
  font-size: .938rem;
  font-weight: 600;
  display: flex;
}

.next-slot__image {
  justify-content: center;
  align-items: center;
  width: 100px;
  display: flex;
}

.os-card__variant-group {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  display: flex;
}

.os-card__variant-group.cc-full {
  flex: 1;
}

.os-card__variant-label {
  font-size: .938rem;
  font-weight: 700;
}

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

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

.checkout-review__description {
  font-size: var(--font-size--sm);
}

.checkout-reviews__count {
  margin-left: auto;
  margin-right: auto;
  font-size: var(--font-size--sm);
}

.checkout-reviews__image {
  border-radius: 50%;
  width: 48px;
  height: 48px;
}

.black-line {
  background-color: #000;
  border-radius: 4px;
  min-width: 2.6px;
  height: 16px;
}

.icon_size-16 {
  flex: none;
  width: 16px;
  height: 16px;
}

.card-icons {
  justify-content: center;
  align-items: center;
  width: 13px;
  height: 13px;
  display: flex;
}

.checkout__heading-box {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.review-auth {
  color: #000;
  font-weight: 600;
}

.step_sub-2 {
  background-color: #ffffff24;
  border-radius: 8px;
  padding: .5rem;
  font-size: var(--font-size--sm);
}

.os-card__subtitle-text-2 {
  color: #d32b33;
  font-size: var(--font-size--base);
  font-weight: 600;
  line-height: 1;
}

.os-card__subtitle-text-2.data-profile-savings {
  color: #099b6b;
  margin-top: .15rem;
}

.os-slot__selection, .checkout__right {
  flex: 1;
}

.review_stars {
  color: var(--brand--color--primary-dark);
  width: 80px;
  display: flex;
}

.button__arrow {
  color: #000;
  background-color: #eeb519;
  border: 1px solid #ce9f07;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.slot__right {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.size_chart-right {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #00237e;
  cursor: pointer;
  align-items: center;
  font-weight: 600;
  text-decoration: underline;
  display: flex;
}

.os-variant-dropdown {
  position: relative;
}

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

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

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


.checkout-review__title {
  font-size: var(--font-size--sm);
  font-weight: 700;
}

.os-card__variant-dropdown-menu-v2 {
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transform-origin: top;
  background-color: #fff;
  border-radius: .5rem;
  width: 100%;
  padding: .5rem;
  font-size: var(--font-size--sm);
  transition-property: all;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.34, 1.56, .64, 1);
  display: block;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  overflow: hidden;
  transform: translateY(-12px)scale(.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: .5rem;
  padding: 0;
  overflow: auto;
}

.trust-badge--text {
  color: #5c5c5e;
  font-size: var(--font-size--xs);
  font-weight: 600;
  line-height: 1;
}

.checkout-selection-step {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  flex: none;
  width: 100%;
  min-width: 0;
  display: flex;
}

.os-card__variant-options {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.checkout-reviews {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.checkout-reviews.cc-wrap {
  flex-flow: column;
  display: flex;
}

.size_chart-icon {
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
  position: relative;
  top: 1px;
}

.os-card__variant-grid {
  grid-column-gap: .5rem;
  grid-row-gap: .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;
}

.next-slot__step {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--brand--color--primary-light);
  border-radius: 4px;
  flex: none;
  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;
}

.next-slot {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 1px solid var(--brand--color--border);
  padding: 1rem;
  display: flex;
}

.os-card__option-swatch {
  cursor: pointer;
  background-color: #a5a7b3;
  border: 1px solid #dadada;
  border-radius: 50%;
  width: 1.25rem;
  height: 1.25rem;
  transition: all .2s;
  position: relative;
}

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

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

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

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

.cc-item-variant {
  color: #797979;
  font-size: var(--font-size--sm);
}

.checkout__cart-box {
  border: 1px solid #dedede;
  overflow: hidden;
}

.cc-cart-variants {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  display: flex;
}

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

.checkout__guarantee-section, .guarantee-section-wrapper {
  border-top: 1px solid #dde7d2;
  border-bottom: 1px solid #dde7d2;
  justify-content: center;
  align-items: center;
  padding-top: .75rem;
  padding-bottom: .75rem;
  display: flex;
}

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



.checkout-progress {
  color: #000;
  background-color: #fff;
  height: 56px;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-weight: 400;
  display: flex;
}

.checkout-review {
  grid-column-gap: 0rem;
  text-align: left;
  background-color: #fff;
  border-radius: 4px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  padding: 1rem;
  display: flex;
}

.checkout-selectors {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  margin-bottom: 2rem;
  display: flex;
}

.divider-section__line-v2 {
  background-color: var(--brand--color--border);
  width: 100%;
  height: 1px;
}

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


.cart-box__container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  padding: 1.5rem;
  display: flex;
}

.upsell_variants-wrapper {
  width: 100%;
  margin-bottom: 2rem;
}

.os-card__variants-container {
  grid-column-gap: .15rem;
  grid-row-gap: .15rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.os-card__upsell-grid {
  grid-column-gap: .5rem;
  grid-row-gap: .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;
}

.os-card__variant-number {
  border-radius: .375rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: var(--font-size--sm);
  font-weight: 600;
  display: flex;
}

.os-card__variant-number.os-option {
  background-color: var(--brand--color--primary-light);
  color: var(--brand--color--primary-dark);
}

.os-card__variant-label-number {
  width: 2rem;
}

.checkout__button-prev {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #686868;
  align-items: center;
  font-size: var(--font-size--sm);
  display: flex;
}

.checkout__button-prev-icon {
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  display: flex;
}

.shipping-method__input {
  accent-color: var(--brand--color--primary-dark);
  width: 1.25rem;
  height: 1.25rem;
}

.checkout__form-review {
  color: #383838;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  flex-flow: column;
  padding: 1rem;
  font-size: var(--font-size--sm);
  display: flex;
}

.checkout__form-row {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: .75rem;
  padding-bottom: .75rem;
  display: flex;
}

.checkout__form-row--last {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.checkout__form-row-line {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: minmax(98px, 98px) minmax(200px, 100%);
  grid-auto-columns: 1fr;
  display: grid;
}

@media screen and (max-width: 479px) {
  .checkout__form-row-line {
    grid-template-columns: 1fr;
  }
}

.checkout__form-row-text {
  color: #0000008f;
}

.checkout__form-review--link {
  text-decoration: underline;
}

.checkout__form-row-bold {
  font-weight: 700;
}

.text-block-391 {
  text-transform: capitalize;
}

.next-hidden-form {
  display: none;
}

.checkout__header-steps {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: var(--font-size--xs);
  display: flex;
}

/* ========== Media queries (breakpoints: 1280px, 991px, 767px, 479px) ========== */

/* Responsive hide utilities (-up = hidden at this width and up, -down = hidden at this width and down) */
@media screen and (min-width: 480px) {
  .hide-mobile-up { display: none !important; }
}

/* Flex utilities – apply from breakpoint up (md: 768px, lg: 992px, xl: 1280px) */
@media screen and (min-width: 768px) {
  .hide-md-up { display: none !important; }
  .flex-md-up { display: flex !important; }
  .flex-col-md-up { flex-direction: column; display: flex !important;flex-direction: column; }
  .flex-horizontal-md-up { display: flex !important; justify-content: center; align-items: stretch;flex-direction: row; }
  .flex-center-md-up { display: flex !important; justify-content: center; align-items: center; }
  .flex-between-md-up { display: flex !important; justify-content: space-between; align-items: center; }
}

@media screen and (min-width: 992px) {
  .hide-tablet-up { display: none !important; }
  .flex-lg-up { display: flex !important; }
  .flex-col-lg-up { flex-direction: column; display: flex !important;flex-direction: column; }
  .flex-horizontal-lg-up { display: flex !important; justify-content: center; align-items: stretch;flex-direction: row; }
  .flex-center-lg-up { display: flex !important; justify-content: center; align-items: center; }
  .flex-between-lg-up { display: flex !important; justify-content: space-between; align-items: center; }
}

@media screen and (min-width: 1280px) {
  .flex-xl-up { display: flex !important; }
  .flex-col-xl-up { flex-direction: column; display: flex !important;flex-direction: column; }
  .flex-horizontal-xl-up { display: flex !important; justify-content: center; align-items: stretch;flex-direction: row; }
  .flex-center-xl-up { display: flex !important; justify-content: center; align-items: center; }
  .flex-between-xl-up { display: flex !important; justify-content: space-between; align-items: center; }

  .text-size-regular.text-weight-bold.max-width-custom, .text-size-small.text-weight-bold.max-width-custom {
    max-width: 57rem;
  }

  .sticky-cta_wrapper {
    position: sticky;
    top: .63rem;
  }
}

@media screen and (min-width: 1920px) {
  .hero_quote-inner {
    justify-content: flex-start;
    align-items: stretch;
  }

  .hero_quote-text {
    width: 65%;
  }
}

/* Flex utilities – apply at breakpoint and down (xl: 1279px, lg: 991px, md: 767px) */
@media screen and (max-width: 1279px) {
  .flex-xl-down { display: flex !important; }
  .flex-col-xl-down { flex-direction: column; display: flex !important;flex-direction: column;    }
  .flex-horizontal-xl-down { display: flex !important; justify-content: center; align-items: stretch; flex-direction: row; }
  .flex-center-xl-down { display: flex !important; justify-content: center; align-items: center; }
  .flex-between-xl-down { display: flex !important; justify-content: space-between; align-items: center; }
}

@media screen and (max-width: 991px) {
  body {
    --_sizes---container--max-width: 80rem;
    --_sizes---container--padding: 2.5rem;
    --_text---font-family--primary: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    --_text---font-family--heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    --_text---scale--min: .8;
    --_text---scale--max: 1.15;
    --_text---scale--viewport: 2;
    --_text---font-family--secondary: Inter;
  }

  .hide-tablet-down { display: none !important; }

  h1 {
    font-size: var(--font-size--6xl);
  }

  h2 {
    font-size: var(--font-size--4xl);
  }

  h3 {
    font-size: var(--font-size--3xl);
  }

  h4 {
    font-size: var(--font-size--2xl);
  }

  .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: var(--font-size--6xl);
  }

  .display-md {
    font-size: var(--font-size--2xl);
  }

  .display-lg {
    font-size: var(--font-size--3xl);
  }
  .flex-lg-down { display: flex !important; }
  .flex-col-lg-down { flex-direction: column; display: flex !important;flex-direction: column; }
  .flex-horizontal-lg-down { display: flex !important; justify-content: center; align-items: stretch;flex-direction: row; }
  .flex-center-lg-down { display: flex !important; justify-content: center; align-items: center; }
  .flex-between-lg-down { display: flex !important; justify-content: space-between; align-items: center; }
  .custom-code {
    display: none;
  }
  .display-xl {
    font-size: var(--font-size--4xl);
  }

  .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;
  }

  .spacer-desktop {
    display: none;
  }

  .spacer-tablet {
    display: block;
  }

  .vertical-wrap.cc-center {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .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;
  }

  .grid-2col-standard {
    flex-flow: column;
    display: flex;
  }

  .grid-3col-wide {
    grid-column-gap: var(--spacing--1-5);
    grid-row-gap: var(--spacing--1-5);
  }

  .grid-3col-standard {
    flex-flow: column;
    display: flex;
  }

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

  .grid-6col-standard {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ts-2xs {
    font-size: var(--font-size--sm);
  }

  .container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .upsell-heading {
    font-size: 50px;
  }

  .upsell-sub {
    font-size: var(--font-size--xl);
  }

  .upsell-extrasub {
    font-size: 26px;
  }

  .upsell-feature__stats-number {
    width: auto;
  }

  .grid-custom.grid-11 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .grid-custom.grid-2col-upsell {
    flex-flow: column;
    align-items: stretch;
    display: flex;
  }

  .swiper-wrapper.vertical-center {
    align-items: center;
  }

  .feature-flex {
    flex-flow: column;
  }

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

  .feature_col {
    width: 100%;
  }

  .cta-col {
    flex-flow: column;
    align-items: center;
  }

  .cta-image__wrapper {
    width: 100%;
  }

  .reviews-list__item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    align-items: stretch;
  }

  .reviews-list__item-left, .reviews-list__item-right {
    width: 100%;
  }

  .mg-section.tablet-spacer {
    border-right: 1px #000;
    padding-right: 0;
  }

  .mg-text.hide-tablet {
    display: none;
  }

  .checkout-wrapper {
    flex-flow: column;
  }

  .checkout-wrapper.cc-0 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .checkout-layout__left--narrow {
    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--main {
    max-width: none;
    padding: 1.25rem;
  }

  .show-tablet {
    display: block !important;
  }

  .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: 0 -1.26rem 0 -1.25rem;
    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: var(--font-size--base);
    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 {
    margin-left: 0;
  }

  .summary-toggle__text.show_text {
    display: block;
  }

  .summary-toggle__icon {
    width: 12px;
    margin-left: 10px;
  }

  .accordion__panel {
    background-color: #f5f5f5;
    width: auto;
    height: 0;
    margin-bottom: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    transition: height .2s ease-out;
    overflow: hidden;
  }

  .accordion__panel.next-expanded {
    height: auto;
  }

  .order-summary {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .order-summary--accordion {
    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: .6rem;
  }

  .cart-item__details {
    padding-left: .75rem;
  }

  .cart-item__content {
    align-items: flex-end;
  }

  .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: .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: .5rem;
    grid-row-gap: .5rem;
  }

  .coupon-tag {
    display: flex;
  }

  .order-totals {
    font-size: var(--font-size--xs);
  }

  .form-sections--floating, .form-grid--floating {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .form-grid__row {
    flex-wrap: wrap;
  }

  .payment-method__content--floating {
    border-top-color: #bebebe;
  }

  .billing-address {
    flex-wrap: wrap;
  }

  .submit-section.cc-lumos {
    margin-top: 0;
  }

  .submit-section.cc-shop__three {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column-reverse wrap;
    align-items: stretch;
  }

  .cart-box.hide-tablet {
    display: none;
  }

  .results1__right-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .component.negative-swiper {
    margin-left: calc(-1 * var(--container-padding--desktop));
    margin-right: calc(-1 * var(--container-padding--desktop));
  }

  .negative-margin-tm {
    margin-left: calc(-1 * var(--container-padding--mobile));
    margin-right: calc(-1 * var(--container-padding--mobile));
  }

  .cta-is-last {
    order: 1;
  }


  .elements-grid {
    grid-template-columns: 1fr;
  }

  .swiper-button-2.is-v2 {
    background-color: #f8ffe5;
  }

  .swiper10__thumbnails {
    display: none;
  }

  .swiper10__thumbnails-on {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .hero_heading-box {
    width: 100%;
    margin-bottom: 1.5rem;
  }

  .hero_review-box {
    justify-content: center;
    align-items: center;
  }

  .hero_review-box--last {
    order: 9999;
  }

  .sub-head-text--divider {
    border-bottom: 1px solid var(--brand--color--border);
    text-align: center;
    border-top-style: none;
    margin-top: 0;
    margin-bottom: .5rem;
    padding-top: 0;
    padding-bottom: .5rem;
  }

  .submit-button__main-text {
    font-size: var(--font-size--xl);
    line-height: 1.2;
  }


  .container-15 {
    width: 100%;
    max-width: 100%;
  }

  .text-block-389 {
    font-size: var(--font-size--sm);
  }

  .cta-grid-2 {
    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);
  }

  .listicle_reasons {
    grid-row-gap: 3rem;
  }

  .content-listicle {
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: stretch;
  }

  .listicle-image {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .attributes_item-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: var(--font-size--sm);
  }

  .pdp-container__inner {
    padding: 2rem;
  }

  .pdp-headline-comp {
    font-size: var(--font-size--4xl);
  }

  .selectors-grids {
    width: 100%;
  }

  .selectors_grid-item {
    font-size: var(--font-size--base);
  }

  .pdp-feature-head.cc-green {
    padding: 1.5rem;
  }

  .pdp-subitem-heading {
    font-size: var(--font-size--3xl);
  }

  .pdp-review-itemss {
    padding-bottom: 0;
  }

  .product-items {
    font-size: var(--font-size--4xl);
  }

  .pdp-button-container {
    margin-left: -2rem;
    margin-right: -2rem;
    padding: 2rem;
  }

  .checkout__content {
    height: auto;
  }

  .checkout__layout {
    border-radius: 0;
    flex-flow: column wrap;
    justify-content: flex-start;
    max-width: 100%;
    min-height: auto;
    grid-template-columns: 1fr !important;
    grid-template-areas: "main"
                         "order-summary" !important;
  }

  .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;
  }

  .checkout__column.checkout__column--right {
    width: 100%;
    padding-bottom: 0;
    display: none;
  }

  .checkout__header {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    width: auto;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .checkout__header-brand {
    background-color: #fff;
    align-items: center;
    padding: .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;
  }

  .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;
  }

  .checkout__summary {
    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;
  }

  .showcase_components {
    grid-template-columns: 1fr 1fr;
  }

  .os-cards__vertical {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .os-card__bottom-slot.cc-gap {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    padding-left: 1.5rem;
  }

  .os-cards__grid {
    grid-column-gap: .5rem;
    grid-row-gap: .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;
  }

  .adv_layout {
    flex-flow: column;
  }

  .announcement__text {
    font-size: var(--font-size--base);
  }

  .hero_bullet-features-box-inner {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hero_cta-btn-box {
    max-width: none;
  }

  .hero_quote-inner {
    padding: 10px;
  }

  .hr-block {
    margin: 0;
  }

  .hero_quote-text {
    padding: 10px 10px 10px 20px;
  }

  .text-size-small.text-align-right, .text-size-small.text-align-right.is-mobile-left-align {
    text-align: left;
  }

  .quote-icon-img {
    top: 1%;
  }

  .intro_wrapper-inner {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .intro-image-w {
    text-align: center;
    width: 100%;
  }

  .intro-img.for-desk {
    display: none;
  }

  .intro-img.for-mobile {
    display: inline-block;
  }

  .intro-text-w {
    width: 100%;
  }

  .content_cta-btn.cc-center {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .steps_wrapper {
    flex-flow: column;
    margin-top: 25px;
  }

  .steps_wrapper-inner {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: row;
  }

  .solution_wrapper {
    grid-column-gap: 39px;
    grid-row-gap: 39px;
  }

  .solution_inner {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .sol-problem-w {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: wrap-reverse;
    padding-top: 0;
    padding-bottom: 0;
  }

  .sol-image-inner-w {
    width: 100%;
  }

  .sol-text-inner-w {
    width: 100%;
    padding-right: 0;
  }

  .sol-solution-w {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
  }

  .split-block {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
  }

  .split-block-c {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
  }

  .split-block-c.is-equal.for-mobile {
    text-align: center;
    width: 100%;
    display: block;
  }

  .center_bottle-img {
    max-height: none;
    padding-bottom: 0;
  }

  .split-box-a {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
    margin-bottom: 20px;
  }

  .benefit-head-w.is-reverse-on-desk {
    flex-flow: row;
  }

  .benefit_icon-img {
    width: 90px;
    height: 90px;
  }

  .benefit_separator-line.is-mobile-reverse {
    background-image: linear-gradient(280deg, #7c4d1200, #7d4e1203 0%, var(--brand--color--primary));
  }

  .benefit_separator-line.is-mobile-reverse.is-hidden-desk {
    margin-bottom: 20px;
    display: block;
  }

  .split-block-b {
    display: none;
  }

  .content_cta-box {
    max-width: none;
  }

  .compare_inner-block.center {
    background-image: linear-gradient(180deg, var(--brand--color--primary) 57%, #fff0), url('../images/3x4.svg');
    background-position: 0 0, 50% 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, contain;
  }

  .offer_wrapper {
    flex-flow: wrap-reverse;
  }

  .offer_text-w, .offer_image-w {
    width: 100%;
  }

  .offer_img {
    height: 400px;
  }

  .review_inner-block {
    flex-flow: column;
    width: 100%;
  }

  .review_image-block {
    width: 100%;
  }

  .dd-arrow-block {
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    display: flex;
    inset: auto 0% -1.5rem;
    transform: none;
  }

  .review_content-block {
    width: 100%;
    padding: 2rem 1.675rem 1.675rem;
  }

  .review_wrapper-mobile {
    display: flex;
  }

  .sticky-footer {
    z-index: 9999;
    background-color: #fff;
    flex-flow: column;
    padding: 1rem 1rem .5rem;
    transition: transform .2s;
    display: flex;
    position: sticky;
    bottom: 0;
    transform: translate(0, 100%);
  }

  .div-block-990 {
    width: 100%;
  }

  .coupon-tag__summary {
    margin-top: .75rem;
    display: flex;
  }

  .text-2xs {
    font-size: var(--font-size--sm);
  }

  .benefits1__left {
    width: 100%;
  }

  .list9_item {
    text-align: center;
    align-items: center;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }


  .testimonials4__grid {
    grid-template-columns: 1fr;
  }

  .testimonial_card {
    flex-flow: column;
  }

  .testimonials4__item-title {
    font-size: var(--font-size--2xl);
  }

  .testimonials4__item-footer {
    flex-direction: column;
    display: flex;
  }

  .howto1__flex {
    grid-row-gap: 2rem;
    flex-flow: row;
    align-items: center;
  }

  .howto1__item {
    grid-column-gap: 1rem;
    text-align: center;
    flex-flow: column;
    max-width: none;
  }

  .comparison4_item-cell {
    height: 62.2461px;
  }

  .testimonials5__top-wrapper {
    padding-top: 4rem;
    padding-bottom: 0;
  }

  .attribute_component {
    width: 100%;
  }

  .testimonials5__bottom-wrapper {
    padding-top: 2.5rem;
  }

  .testimonials5__review-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .faq2__grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    grid-template-columns: .5fr;
    display: flex;
  }

  .desktop-cutoff-30 {
    max-width: none;
  }

  .os-option__wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .feature27_item {
    margin-bottom: 3rem;
  }

  .ingredients8_grid {
    grid-template-columns: 1fr 1fr;
  }

  .ingred8_image-holder {
    z-index: 0;
  }

  .ingred8_title {
    font-size: var(--font-size--2xl);
  }

  .heading-box {
    text-align: center;
    align-items: center;
    margin-bottom: 1rem;
  }

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

  ._2step_form {
    border-left-style: none;
    border-right-style: none;
    border-radius: 0;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  ._2step_form-head {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .subscription-box {
    margin-top: 1rem;
    margin-bottom: 0;
  }

  .refill-card {
    text-align: left;
    margin-top: 0;
    padding: .75rem;
  }

  .refill-mobo-only {
    align-items: center;
    margin-bottom: .375rem;
    display: flex;
  }

  .refill-ships {
    width: 18px;
    height: 18px;
  }

  .refill-description {
    font-size: .6875rem;
  }

  .sg_grid-3col {
    flex-flow: column;
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .skeleton-lines_items {
    max-height: none;
  }

  .skeleton-lines_item {
    align-items: center;
    width: auto;
  }

  .skeleton-line__item-details {
    padding-left: .75rem;
  }

  .skeleton-line__item-content {
    align-items: flex-end;
  }

  .skeleton-line__item-description {
    flex: 1;
  }

  .skeleton.skeleton-text.skeleton-text--large.skeleton-height--large {
    width: 68ch;
  }

  .order-totals-skeleton {
    font-size: var(--font-size--xs);
  }

  .receipt__form-container {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    width: 100%;
    max-width: 100%;
  }

  .components_table {
    grid-template-columns: 1fr 1fr;
  }

  .checkout-footer-links--compact {
    border-top-style: none;
    margin-top: 0;
    padding-top: 0;
    flex-wrap: wrap;
    justify-content: center;
  }


  .code-block__header--right {
    display: none;
  }

  .code-block__content {
    padding-top: 0;
  }

  .code-block-new {
    font-size: var(--font-size--sm);
  }

  .display-sm-copy {
    font-size: 1.325rem;
  }

  .pb-booster {
    max-width: 100%;
  }

  .seenon3__wrapper {
    display: flex;
  }

  .seenon3__overlay {
    max-width: 55%;
  }

  .feature2_wrapper {
    flex-flow: column;
  }

  .feature_col-left {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    position: static;
    overflow: visible;
  }

  .feature_item-wrapper {
    max-width: none;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .headline3_component {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .feature_col-right {
    order: 1;
    width: 100%;
    padding-left: 0;
    position: static;
  }

  .feature_item-content {
    padding-top: 0;
  }

  .feature2_right-item {
    text-align: left;
    justify-content: center;
    align-items: flex-start;
  }

  .testimonial1_lit {
    grid-template-columns: 1fr 1fr;
  }

  .checkout__package-card-header {
    justify-content: center;
    align-items: center;
  }

  .exp-checkout__inline {
    margin-top: .5rem;
  }

  .checkout-features__item.cc-wrap-mobile {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    text-align: center;
    flex-flow: column;
    align-items: center;
    display: flex;
  }

  .checkout-features__item-title {
    font-size: var(--font-size--sm);
    line-height: 1.3;
  }

  .checkout-features__icon.cc-align-left {
    position: relative;
    left: -5px;
  }

  .black-line {
    min-width: 1px;
  }

  .order-summary--card {
    z-index: 100;
    position: static;
    top: 0;
  }

  .order-summary__accordion {
    flex-direction: column;
  }

  .order-summary__accordion-trigger {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .order-summary__accordion-inner {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0;
    display: flex;
  }

  .order-summary__accordion-icon {
    width: 12px;
    margin-left: 10px;
  }

  .order-summary__accordion-panel {
    height: 0;
    transition: height .2s ease-out;
  }

  .checkout-features__column--stacked {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .cc-wrap-mobile {
    display: block;
  }

  .trust-bar--mobile {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    display: block;
  }

  .checkout-footer {
    padding: 1rem 1.25rem;
    display: flex;
  }

  .checkout-trust-bar {
    padding: 1rem 1.25rem;
    display: flex;
  }


  .checkout-main {
    height: auto;
  }

  .order-summary__mobile-right {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    text-align: right;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-end;
    line-height: 1.2;
  }

  .order-summary__trigger {
    border-top: 1px solid var(--brand--color--border);
    border-bottom: 1px solid var(--brand--color--border);
    background-color: #f5f5f5;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    font-size: var(--font-size--base);
    display: flex;
  }

  .order-summary__inner {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0;
    display: flex;
  }

  .os-card__label-2.os-card__label--middle-center {
    left: 6rem;
  }

  .checkout-page-layout--no-gap {
    grid-column-gap: 0;
    grid-row-gap: 0;
  }

  ._2step_form-selector-2 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .form-step__button--text {
    line-height: 1.2;
  }

  .checkout__heading-box {
    text-align: center;
    align-items: center;
    margin-bottom: .5rem;
  }

  .checkout__right.is-first {
    order: -9999;
  }


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

  .checkout-selection-step {
    width: 100%;
    min-width: 0;
    max-width: none;
  }

  .checkout__image-container {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .checkout-progress {
    z-index: 2;
    background-color: #fff;
    display: block;
  }

  .checkout-review {
    grid-template-columns: .75fr 1fr;
  }

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

  .pb__logo-link {
    margin-right: 0;
  }

  .logo-flow.cc-blue.show-tablet {
    display: flex;
  }

  .sticky-cta_wrapper, .sticky-cta_wrapper.max-width-c {
    max-width: none;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_sizes---container--max-width: 80rem;
    --_sizes---container--padding: 1.25rem;
    --_text---font-family--primary: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    --_text---font-family--heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    --_text---scale--min: .8;
    --_text---scale--max: 1.1;
    --_text---scale--viewport: 2;
    --_text---font-family--secondary: Inter;
  }

  .hide-md-down { display: none !important; }

  h1 {
    font-size: var(--font-size--4xl);
  }

  h2 {
    font-size: var(--font-size--3xl);
  }

  h3 {
    font-size: var(--font-size--3xl);
  }

  h4 {
    font-size: var(--font-size--2xl);
    line-height: 1.4;
  }

  h5 {
    font-size: var(--font-size--xl);
  }

  h6 {
    font-size: var(--font-size--lg);
  }

  .flex-md-down { display: flex !important; }
  .flex-col-md-down { flex-direction: column; display: flex !important;flex-direction: column;  }
  .flex-horizontal-md-down { display: flex !important; justify-content: center; align-items: stretch;flex-direction: row; }
  .flex-center-md-down { display: flex !important; justify-content: center; align-items: center; }
  .flex-between-md-down { display: flex !important; justify-content: space-between; align-items: center; }

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

  .text-md {
    font-size: var(--font-size--base);
  }

  .display-2xl {
    font-size: var(--font-size--4xl);
  }

  .button.is-tiny {
    padding: .5rem 1rem;
  }

  .display-md {
    font-size: var(--font-size--2xl);
  }

  .display-lg {
    font-size: var(--font-size--3xl);
  }

  .text-lg {
    font-size: var(--font-size--lg);
  }

  .display-xl {
    font-size: var(--font-size--3xl);
  }

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

  .spacer-tablet {
    display: none;
  }

  .spacer-landscape {
    display: block;
  }

  .text-2xl {
    font-size: var(--font-size--lg);
  }

  .list__item {
    margin-bottom: .15rem;
  }

  .grid-3col-wide {
    flex-flow: column;
    display: flex;
  }

  .ts-2xs {
    font-size: .725rem;
  }

  .list-icon {
    margin-top: .125rem;
  }



  .swiper__button-icon {
    width: .8rem;
    height: .8rem;
  }

  .footer_link-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-auto-flow: row;
    justify-items: center;
    display: flex;
  }

  .cart-feature-line__list-icon {
    margin-top: .125rem;
  }

  .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: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .form-grid__row--floating {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .checkout-form-secure {
    line-height: 14px;
  }

  .billing-address {
    flex-wrap: wrap;
  }

  .component.negative-swiper {
    margin-left: calc(-1 * var(--container-padding--mobile));
    margin-right: calc(-1 * var(--container-padding--mobile));
  }

  .negative-margin-tm {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .swiper-pagination-3.is-product_hero {
    height: 1.5rem;
  }

  .cs-components {
    min-width: 0;
  }

  .swiper-button_icon {
    width: .8rem;
    height: .8rem;
  }

  .feaures-logo {
    height: 2rem;
  }

  .spacer-m {
    padding-top: 1.5rem;
  }

  .spacer-s {
    padding-top: 1.25rem;
  }

  .swiper-pagination-4.is-product_hero {
    height: 1.5rem;
  }

  .swiper-slide_body-content {
    font-size: 1.2rem;
  }

  .swiper10__thumbnails-on {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  .swiper20_thumb, .swiper-thumbnail_square {
    border-radius: 6px;
  }

  .icon-image {
    text-align: center;
    flex-flow: column;
  }

  .guarantee-section {
    justify-content: space-around;
  }

  .container-15 {
    align-self: center;
  }

  .text-block-389 {
    font-size: var(--font-size--sm);
  }

  .heading-small {
    font-size: var(--font-size--xl);
  }

  .grid {
    grid-row-gap: 2rem;
    grid-template-columns: minmax(0, 1fr);
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .attributes_right {
    width: 100%;
  }

  .pdp-container__inner {
    padding: 1rem;
  }

  .pdp-headline-comp {
    font-size: var(--font-size--3xl);
  }

  .pdp-subitem-heading {
    font-size: var(--font-size--2xl);
  }

  .pdp-feature--content {
    padding: 1rem;
  }

  .pdp-list-icon {
    width: 2rem;
    height: 2rem;
  }

  .list-pdp-mnews {
    font-size: var(--font-size--xl);
  }

  .pdp-review-itemss {
    flex-flow: column;
    align-items: center;
    margin-top: 3rem;
    padding-top: 4rem;
    display: flex;
  }

  .image-217 {
    width: 8rem;
    inset: -4rem auto auto;
  }

  .pdp-review-head {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: none;
    margin-bottom: 2rem;
    display: flex;
  }

  .pdp-review-product {
    border-top: 1px solid #000;
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .div-block-1509 {
    flex-flow: column;
  }

  .div-block-1510, .div-block-1512 {
    width: 100%;
  }

  .pdp-button-container {
    margin-left: 0;
    margin-right: 0;
    padding: 1rem 0;
  }

  .checkout__column {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .showcase_components {
    flex-flow: column;
    display: flex;
  }

  .os-card__feature-item {
    margin-bottom: .15rem;
  }

  .os-card__benefit-icon-svg {
    margin-top: .125rem;
  }

  .os-card__banner-cont {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .adv_layout {
    flex-flow: column;
  }

  .comparison9_vs {
    display: none;
  }

  .hero_quote-inner {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    align-items: stretch;
    padding: 2rem;
  }

  .hr-block {
    width: 100%;
  }

  .hero_quote-text {
    width: 100%;
    padding: 0;
  }

  .heading-style-h2 {
    font-size: var(--font-size--3xl);
  }

  .steps-text-w {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .text-2xs {
    font-size: .725rem;
  }

  .testimonials4__grid {
    grid-row-gap: 2.5rem;
  }

  .testimonials4__item {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .testimonials4__item-title {
    font-size: var(--font-size--xl);
  }

  .howto1__flex {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .howto1__item {
    text-align: left;
    flex-flow: row;
  }

  .comparison4_item-cell {
    height: 83.2422px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .comparison4_item-cell.cc-featured {
    padding-left: 10px;
    padding-right: 10px;
  }

  .testimonials5__top-wrapper {
    padding-top: 3rem;
  }

  .attribute_component {
    aspect-ratio: auto;
  }

  .testimonials5__bottom-wrapper {
    padding-top: 1.25rem;
  }

  .testimonials5__review-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .pb-quantity__list-item {
    margin-bottom: .15rem;
  }

  .pb-quantity__banner-content {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .swiper-pagination-6.is-product_hero {
    height: 1.5rem;
  }

  .feature27_item {
    margin-bottom: 2rem;
    padding-left: 2rem;
  }

  .ingredients8_grid {
    flex-flow: column;
    display: flex;
  }

  .ingredients8_card {
    min-height: 12rem;
  }

  .ingred8_card-content {
    max-width: 70%;
  }

  .swiper-pagination-7.is-product_hero {
    height: 1.5rem;
  }

  .skeleton-lines_item {
    flex-flow: wrap;
    align-items: center;
  }

  .upsell-content__wrapper {
    padding: 1rem;
  }

  .components_table {
    flex-flow: column;
    display: flex;
  }

  .swiper-pagination-8.is-product_hero {
    height: 1.5rem;
  }

  .list_item, .list_item-icon {
    margin-bottom: .15rem;
  }

  .banner50_title {
    letter-spacing: -.03em;
  }

  .banner50_image-wrapper {
    width: 70px;
  }

  .seenon3__overlay {
    max-width: 100%;
  }

  .feature2_wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

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

  .testimonial1_lit {
    grid-column-gap: 10px;
    grid-row-gap: 20px;
  }

  .faq2_item-header {
    flex-flow: column;
    font-size: var(--font-size--sm);
  }

  .order-summary__accordion-inner {
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }


  .order-summary__inner {
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }


  .checkout-reviews {
    flex-flow: column;
    display: flex;
  }

  .checkout__guarantee-section, .guarantee-section-wrapper {
    justify-content: space-around;
  }

  .checkout-review {
    grid-row-gap: 1rem;
    flex-direction: column;
    grid-template-columns: 1fr;
    padding: 2rem;
  }

  .pb__navigation-back, .pb__navigation-line, .pb__navigation-name {
    display: none;
  }

  .list-item.is-1, .list-item.is-2, .list-item.is-3 {
    background-position: 0%;
    background-size: 2rem;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_sizes---container--max-width: 80rem;
    --_sizes---container--padding: 1.25rem;
    --_text---font-family--primary: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    --_text---font-family--heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    --_text---scale--min: .8;
    --_text---scale--max: 1.05;
    --_text---scale--viewport: 2;
    --_text---font-family--secondary: Inter;
  }

  .hide-mobile-down { display: none !important; }

  h1 {
    font-size: var(--font-size--4xl);
  }

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

  .button.is-tiny {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-sm.tw-600.cc-upsell4 {
    font-size: var(--font-size--sm);
  }

  .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-upsell4 {
    padding-top: var(--spacing--1);
    padding-bottom: var(--spacing--4);
  }

  .spacer-landscape {
    display: none;
  }

  .spacer-mobile {
    display: block;
  }

  .grid-2col-standard {
    grid-column-gap: var(--spacing--1);
    grid-row-gap: var(--spacing--1);
  }

  .list-icon {
    width: .8rem;
    height: .8rem;
    margin-top: 0;
  }

  .modal-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .modal-setup {
    flex-flow: column;
  }


  .upsell-note-heading, .upsell-note-text {
    font-size: var(--font-size--base);
  }

  .p-16 {
    font-size: var(--font-size--sm);
  }

  .swiper-slide.is-thumb {
    width: auto;
    height: auto;
  }

  .swiper-wrapper.vertical-center {
    align-items: center;
  }


  .swiper-thumbs-arrow .swiper__button-static {
    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: var(--font-size--base);
  }

  .cta-col {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .reviews-list__item {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .testimonial1_veified {
    font-size: .585rem;
    line-height: 1.1;
  }

  .footer_copy-info {
    flex-flow: column;
  }

  .footer_link-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: .5rem;
    flex-flow: wrap;
  }

  .mg-section.tablet-spacer {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    padding-right: 0;
  }

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

  .mg-text {
    font-size: var(--font-size--sm);
  }

  .section-checkout {
    padding-top: 1.5rem;
  }


  .step-label {
    margin-left: 16px;
    margin-right: 16px;
  }

  .checkout__form-container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    position: relative;
  }

  .checkout__form-container.cc-checkout,
  .checkout__form-container--main {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .scarcity-banner__right {
    line-height: 1.2;
  }

  .express-checkout__buttons {
    grid-column-gap: .6rem;
    grid-row-gap: .6rem;
    flex-flow: column;
  }

  .os-card__wrapper {
    padding: 1rem;
  }

  .card-title {
    font-size: 17px;
  }

  .cart-feature-line__price {
    font-size: var(--font-size--base);
  }

  .cart-feature-line__price--current.os-bigs {
    font-size: var(--font-size--lg);
  }

  .os-card__content {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    align-items: stretch;
  }

  .cart-feature-line__media {
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }

  .cart-feature-line__details {
    flex-flow: column;
    justify-content: space-around;
    align-items: flex-start;
  }

  .cart-feature-line__list-icon {
    width: .8rem;
    height: .8rem;
    margin-top: 0;
  }

  .upsell {
    border-radius: .25rem;
  }

  .upsell__header-content {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .upsell__arrow {
    width: 1rem;
    height: 1rem;
    left: -2rem;
  }

  .upsell__arrow.upsell__arrow--right {
    right: -2rem;
  }

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

  .order-summary-mobile {
    border: 0 #000;
    margin-top: 0;
    display: block;
  }

  .accordion__trigger {
    align-items: center;
    font-size: var(--font-size--sm);
  }

  .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: var(--font-size--sm);
  }

  .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__quantity {
    margin-top: -.0625rem;
  }

  .cart-item__details {
    grid-row-gap: .25rem;
    text-align: left;
    justify-content: center;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    font-size: .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;
  }

  .input-flds--floating.spreedly-field {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .coupon-tag {
    font-size: var(--font-size--sm);
  }

  .form-content {
    width: 100%;
  }

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

  .form-section {
    width: 100%;
  }


  .checkout-form-secure {
    font-size: var(--font-size--xs);
  }

  .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;
  }

  .submit-button__text--row {
    flex-flow: row;
  }

  .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;
  }

  .credit-card__flags {
    width: 100%;
  }

  .results1__right-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .results1__item-left {
    min-width: 0;
    padding-right: 1rem;
  }

  .spacer-small.is-mobile-hidden {
    display: none;
  }

  .swiper-pagination-3.is-product_hero {
    height: 1.25rem;
  }

  .container__wrapper {
    padding: 0;
  }

  .elements-grid {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .component-wrapper {
    flex-flow: column;
    align-items: stretch;
    margin-bottom: 0;
  }

  .component-holders {
    padding: 0;
  }

  .cs-components.cc-800 {
    min-width: 0;
    max-width: 100%;
  }

  .seenon_grid-item {
    padding: 0 1rem;
  }

  .athlete-overlay {
    padding: 1.5rem;
  }

  .overlay_description {
    font-size: var(--font-size--sm);
  }

  .swiper-pagination-4.is-product_hero {
    height: 1.25rem;
  }

  .swiper_tab-nav {
    font-size: 1.2rem;
  }

  .swiper-slide_body-content {
    font-size: 1.1rem;
  }

  .swiper10__thumbnails-on {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    align-items: center;
    width: 100%;
  }

  .hero_heading-box {
    margin-bottom: 0;
  }

  .hero_review-box {
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
  }

  .text-size-regular {
    font-size: var(--font-size--sm);
  }


  .review-textss {
    font-size: var(--font-size--xs);
  }

  .divider-section__line {
    width: 20%;
  }

  .divider-section__text {
    white-space: normal;
  }

  .submit-button__main-text--md {
    font-size: var(--font-size--base);
  }

  .submit-button__subtext {
    font-size: var(--font-size--xs);
  }

  .image-10 {
    width: 60px;
  }

  .guarantee-section__text {
    margin-bottom: 0;
    line-height: 16px;
  }

  .what-makes-it-different {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    text-align: center;
    flex-flow: column;
    font-size: var(--font-size--lg);
    line-height: 30px;
  }

  .difference-list__icon {
    width: 30px;
    min-width: 30px;
  }

  .difference-list__title {
    font-size: var(--font-size--base);
    line-height: 26px;
  }

  .new-list {
    font-size: var(--font-size--base);
  }

  .text-block-389 {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
  }

  .footer-links-2 {
    font-size: 11px;
  }

  .grid-inner {
    text-align: left;
    padding: 1.25rem;
  }

  .grid.is-small {
    flex-flow: column;
  }

  .f-col-1 {
    width: 100%;
  }

  .icon-div-one {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .icon-div-one--last.cc-mobo-no {
    border-bottom-style: solid;
    padding-bottom: 8px;
  }

  .sub-heading-author-new {
    text-align: left;
    letter-spacing: -.5px;
    font-size: var(--font-size--xs);
    line-height: 25px;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .summary_component {
    grid-row-gap: .25rem;
    background-color: #fff0;
    flex: 0 auto;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .attributes_right {
    width: 100%;
  }

  .testimonal_head-distribute {
    flex-direction: column;
    align-items: flex-start;
  }

  .testimonial5_author {
    margin-bottom: 4px;
    margin-right: 0;
  }

  .testimonial5_subhead {
    flex-direction: column;
    align-items: flex-start;
  }

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

  .pdp-container__inner {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .pdp-headline-comp {
    font-size: var(--font-size--3xl);
  }

  .selectors-grids {
    width: 100%;
  }

  .selectors_grid-item {
    padding: .5rem;
    font-size: .725rem;
  }

  .pdp-feature-head, .pdp-feature-head.cc-green {
    padding: 1rem;
  }

  .pdp-subitem-heading {
    font-size: var(--font-size--2xl);
  }

  .pdp-list-item_head {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .list-pdp-mnews {
    font-size: var(--font-size--lg);
  }

  .pdp-review-itemss {
    flex-flow: column;
    padding: 3rem 1rem 1rem;
    display: flex;
  }

  .image-217 {
    width: 6rem;
  }

  .product-items {
    font-size: var(--font-size--3xl);
  }

  .pdp-review-product {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .div-block-1509 {
    flex-flow: column;
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .div-block-1510 {
    width: 100%;
    padding: 1rem;
  }

  .checkout__content, .checkout__layout {
    overflow: hidden;
  }

  .checkout__column {
    height: auto;
    min-height: 0;
    position: relative;
  }

  .checkout__header-brand.cc-shop {
    padding-bottom: 0;
  }

  .secure-checkout__icon {
    height: 28px;
    top: 0;
  }

  .secure-checkout__text {
    font-size: var(--font-size--sm);
  }

  .summary_price.price--crossed.cc-sm {
    font-size: var(--font-size--xs);
  }

  .summary_price.price--total {
    font-weight: 600;
  }

  .order-summary__title {
    margin-bottom: .75rem;
  }

  .order-summary__title.checkout {
    font-size: var(--font-size--lg);
    font-weight: 900;
  }

  .cart-item__title {
    font-size: .9rem;
  }

  .steps-inner {
    align-items: center;
    width: 100%;
  }

  .shipping_method-wrapper {
    padding: 1rem;
  }

  .radio-select-shipping {
    padding-right: 0;
  }

  .shipping-method-rleft, .shipping_price {
    font-size: var(--font-size--sm);
  }

  .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;
  }

  .comp-showcase {
    padding: 1rem;
  }

  .showcase-holder {
    min-width: 0;
    max-width: none;
  }

  .os-card__radio {
    top: .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: .8rem;
    height: .8rem;
    margin-top: 0;
  }

  .os-card__media {
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }

  .os-card__footer-banner {
    font-size: .725rem;
  }

  .coupon-button {
    font-size: var(--font-size--sm);
  }

  .submit-button--compact {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .upsell__description {
    font-size: .725rem;
  }

  .text-span-41 {
    font-size: var(--font-size--sm);
  }

  .comparison9_vs {
    display: none;
  }

  .divider-line {
    flex: 1;
    width: 20%;
  }

  .cta__wrapper {
    padding-top: 0;
    padding-bottom: 0;
  }

  .checkout_mbg {
    width: 80px;
    height: 80px;
  }

  .announcement__block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: center;
  }

  .announcement__text {
    font-size: var(--font-size--sm);
    line-height: 1.1rem;
  }

  .announcement__code-wrapper {
    padding: 6px;
  }

  .announcement__code {
    font-size: var(--font-size--sm);
    line-height: 1;
  }

  .hero_bullet-features-box {
    grid-column-gap: 7.5px;
    grid-row-gap: 7.5px;
    flex-flow: column;
    margin-left: auto;
    margin-right: auto;
  }

  .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: var(--font-size--xs);
  }

  .urgency-timeglass {
    width: 16px;
    height: 18px;
  }

  .urgency-2-p {
    font-size: var(--font-size--xs);
  }

  .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: var(--font-size--xs);
  }

  .hero_quote-wrapper.for-mobile {
    margin-top: 0;
    display: block;
  }

  .hero_quote-inner {
    flex-flow: column-reverse wrap-reverse;
    padding: 1rem;
  }

  .hr-block {
    background-position: 50% 0;
    background-size: cover;
    width: 100%;
    margin: 0;
  }

  .hero_quote-text {
    width: 100%;
  }

  .spacer-xsmall {
    padding-top: .7rem;
  }

  .text-size-small {
    font-size: var(--font-size--sm);
  }

  .quote-icon-img {
    height: 24px;
    top: 2%;
  }

  .intro_wrapper-inner {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .heading-style-h2 {
    font-size: var(--font-size--2xl);
    line-height: 1.1;
  }

  .intro-image-w {
    width: 100%;
  }

  .intro-img.for-desk {
    display: none;
  }

  .intro-img.for-mobile {
    display: inline-block;
  }

  .intro-text-w {
    width: 100%;
  }

  .content_cta-btn {
    padding: 12px 30px;
    font-size: var(--font-size--lg);
    line-height: 1.2;
  }

  .steps_wrapper {
    flex-flow: column;
  }

  .steps_wrapper-inner {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-flow: row;
  }

  .steps-img {
    border-radius: 12px;
  }

  .spacer-tiny {
    padding-top: .8rem;
  }

  .solution_wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .solution_inner {
    flex-flow: column;
  }

  .sol_wrapper-inner {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .sol-image-inner-w {
    margin-top: 0;
  }

  .red_no-img {
    width: 27px;
    height: 27px;
  }

  .sol-text-inner-w {
    margin-top: 5px;
  }

  .heading-style-h4 {
    font-size: var(--font-size--2xl);
    line-height: 1.3;
  }

  .down-img {
    width: 29px;
    height: 29px;
  }

  .green_yes-img {
    width: 27px;
    height: 27px;
  }

  .benefit_wrapper {
    flex-flow: column;
  }

  .split-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .split-block-c {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .split-block-c.is-equal {
    width: 100%;
  }

  .split-block-c.is-equal.for-mobile {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 15px;
    display: flex;
  }

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

  .split-box-a {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    width: 100%;
    margin-bottom: 0;
  }

  .benefit_icon-img {
    width: 50px;
    height: 50px;
  }

  .benefit_separator-line.is-mobile-reverse.is-hidden-desk {
    margin-bottom: 0;
  }

  .split-block-b {
    width: 100%;
  }

  .filler_wrapper {
    background-image: none;
    flex-flow: column;
    padding: 0;
  }

  .filler_content-block {
    width: 100%;
  }

  .spacer-small-4 {
    padding-top: 1rem;
  }

  .text-span-54 {
    display: inline-block;
  }

  .compare_wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .compare_inner-block {
    width: 100%;
    padding: 1.5rem;
  }

  .compare_inner-block.center {
    width: 100%;
    height: 27.1rem;
  }

  .compare_inner-block.center.cc-first {
    order: -1;
  }

  .compare_inner-block.first, .compare_inner-block.last {
    width: 100%;
    height: auto;
  }

  .offer_wrapper {
    border-width: 1px;
    flex-flow: wrap-reverse;
    padding: 4px;
  }

  .offer_text-w {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    width: 100%;
    margin-top: -18px;
    padding: 2.2rem .6rem 1.5rem;
  }

  .offer_heading-text {
    margin-bottom: 5px;
    font-size: var(--font-size--2xl);
  }

  .text-size-large.text-weight-bold.is-mobile-size {
    font-size: var(--font-size--lg);
  }

  .text-size-large.text-weight-bold.color-white.text-padding {
    padding-left: 7px;
    padding-right: 7px;
  }

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

  .offer_compare-price {
    font-size: var(--font-size--2xl);
  }

  .offer_regular-price {
    font-size: var(--font-size--2xl);
  }

  .text-span-52 {
    font-size: 1.313rem;
  }

  .offer_discount-percent {
    font-size: var(--font-size--base);
  }

  .offer_image-w {
    z-index: 50;
    border: 9px #fffaed;
    border-radius: 12px;
    width: 100%;
    padding: 1.5rem;
    position: static;
  }

  .offer_img {
    height: 320px;
  }

  .review_inner-block {
    flex-flow: column;
    width: 100%;
    padding: 0;
  }

  .review_image-block {
    width: 100%;
  }

  .review_img {
    z-index: 20;
    position: relative;
  }

  .dd-arrow-block {
    z-index: 10;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    inset: auto 0% -4.2%;
    transform: none;
  }

  .dd-arow-img {
    width: 40px;
  }

  .review_content-block {
    width: 100%;
    padding: 2.475rem 1rem 1.375rem;
  }

  .review_wrapper-mobile {
    display: block;
  }

  .text-span-59 {
    display: inline-block;
  }

  .accordion-item-trigger {
    justify-content: space-between;
    align-items: center;
  }

  .quality_wrapper {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-flow: column;
  }

  .quality_inner-block {
    width: 100%;
    padding: 1.5rem;
  }

  .quality_img {
    height: 90px;
  }

  .last-cta_wrapper {
    flex-flow: column;
  }

  .heading-style-h3.text-align-center.is-mobile-size {
    font-size: var(--font-size--base);
  }

  .heading-style-h3.text-align-center.color-orange.is-mobile-size {
    margin-bottom: .3rem;
    font-size: var(--font-size--2xl);
  }

  .heading-style-h3.text-align-center.color-white {
    font-size: var(--font-size--2xl);
  }

  .spacer-xxsmall {
    padding-top: 1rem;
  }

  .text-span-60 {
    display: inline-block;
  }

  .sticky-footer {
    z-index: 9999;
  }

  .div-block-990 {
    width: 100%;
  }


  .testimonials4__grid {
    grid-row-gap: 2rem;
  }

  .testimonials4__item-title {
    font-size: var(--font-size--xl);
  }

  .howto1__item-icon--wrap {
    width: 100px;
    min-width: 100px;
    height: 100px;
    min-height: 100px;
  }

  .comparison4_container {
    grid-row-gap: 0px;
  }

  .comparison4_item-cell {
    font-size: var(--font-size--sm);
  }

  .attributes_wrapper {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-flow: column;
    align-items: stretch;
  }

  .attribute_component {
    flex: 0 auto;
    width: 100%;
  }

  .pb-quantity__banner {
    font-size: .725rem;
  }

  .swiper-pagination-6.is-product_hero {
    height: 1.25rem;
  }

  .feature27_item-inner {
    text-align: left;
    margin-top: 10px;
  }

  .ingredients8_card {
    padding: 1rem;
  }

  .ingredient8_image {
    object-position: -10% 50%;
  }

  .ingred8_source {
    font-size: var(--font-size--sm);
  }

  .checkout-page-layout {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .grid_shoes {
    grid-column-gap: .5rem;
    grid-row-gap: .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: .25rem;
    grid-row-gap: .25rem;
  }

  .os-card__variant-dropdown-menu.w--open {
    min-width: 320px;
    max-width: 100%;
  }

  .os-card__variant-dropdown-toggle.is-upsell {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .os-card__variant-swatch.is-upsell {
    width: 1rem;
    height: 1rem;
  }

  .testminoals {
    font-size: var(--font-size--xs);
  }

  .icon-list__item {
    font-size: var(--font-size--sm);
    line-height: 24px;
  }

  .swiper-pagination-7.is-product_hero {
    height: 1.25rem;
  }

  .os-button__price-bubble {
    font-size: var(--font-size--sm);
  }

  .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: .25rem;
    text-align: left;
    justify-content: center;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    font-size: .9rem;
  }

  .skeleton-line__item-content {
    width: 100%;
    display: flex;
  }

  .skeleton.skeleton-avatar.skeleton-avatar--lg.skeleton-avatar--square.skeleton-sm {
    width: 4rem;
  }

  .skeleton.skeleton-text.skeleton-text--medium.cc-sms {
    width: 8ch;
  }

  .skeleton.skeleton-text.skeleton-text--large {
    width: 26ch;
  }

  .skeleton.skeleton-text.skeleton-text--large.skeleton-height--large {
    width: 36ch;
  }

  .skeleton.skeleton-text.skeleton-text--80 {
    width: 26ch;
  }

  .skeleton.skeleton-box.skeleton-box--xl {
    min-height: 12rem;
    max-height: 12rem;
  }

  .skeleton.skeleton-box.skeleton-box--xl.skeleton--darker {
    min-height: 14rem;
    max-height: 14rem;
  }

  .receipt-check {
    width: 3.5rem;
    height: 3.5rem;
  }

  .receipt-heading {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
  }

  .receipt_order {
    font-size: var(--font-size--xl);
  }

  .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: var(--font-size--sm);
  }

  .promo-banner__content {
    grid-column-gap: .75em;
    grid-row-gap: .75em;
  }

  .upsell_summary-flex {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    align-items: stretch;
  }

  .promo-banner__content--center {
    grid-column-gap: .75em;
    grid-row-gap: .75em;
  }

  .promo-banner__row--left.promo-banner__row--gap-xs {
    grid-column-gap: .1rem;
    grid-row-gap: .1rem;
  }

  .upsell-mbg1 {
    grid-column-gap: .75em;
    grid-row-gap: .75em;
  }

  .upsell-steps {
    min-width: 170px;
  }

  .brand-logo {
    width: 120px;
  }

  .upsell-confirmaton__title {
    font-size: var(--font-size--base);
  }

  .upsell-success_container-content {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
  }

  .component_holds {
    min-width: 0;
    max-width: none;
  }

  .component_col {
    padding: 1rem;
  }

  .code-block-new {
    font-size: .725rem;
  }

  .also-bought-bar.ribbon {
    height: 40px;
    font-size: var(--font-size--sm);
  }

  .div-block-1618.cc-sms {
    font-size: var(--font-size--base);
  }

  .upsell-scarcity {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    justify-content: flex-start;
    align-items: flex-start;
    padding: .75rem;
  }

  .clock-iconss {
    font-size: 28px;
    position: relative;
    top: 3px;
  }

  .swiper-pagination-8.is-product_hero {
    height: 1.25rem;
  }

  .list_item {
    margin-top: -.1rem;
  }

  .pc4__price {
    margin-right: 0;
  }

  .pb-booster.ba37 {
    letter-spacing: -.02em;
  }

  .promo-banner__content--dense {
    grid-column-gap: .75em;
    grid-row-gap: .75em;
  }

  .banner50_image-wrapper {
    width: 60px;
  }

  .banner50_badge-wrapper {
    top: auto;
    bottom: auto;
  }

  .pb-component_label2 {
    z-index: 2;
    text-align: center;
  }

  .seenon3__overlay {
    background-image: radial-gradient(circle, #f7f7f7 9%, #f6fbfec9 62%, #f7fcfd00);
    display: flex;
  }

  .feature_item-wrapper {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .headline3_component {
    margin-bottom: 2rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  .feature2_item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 230px;
    margin-left: auto;
    margin-right: auto;
  }

  .feature2_icon-wrapper {
    margin-right: 0;
  }

  .feature2_item-headline {
    margin-bottom: 2rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  .testimonial1_header {
    margin-bottom: 16px;
  }

  .testimonial1_image-wrapper {
    height: 165px;
  }

  .testimonial1_info {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .testimonial1_item-flex {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    line-height: 1;
  }

  .testimonial1_author {
    flex: none;
    margin-right: 0;
  }

  .checkout-high-demand__icon {
    width: 20px;
    height: 20px;
  }

  .checkout__package-card-header {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .checkout__package-media-wrapper {
    width: 140px;
  }

  .package-price--sale {
    font-size: var(--font-size--2xl);
  }

  .package-savings {
    font-size: var(--font-size--sm);
  }

  .submit-button__icon {
    width: 18px;
  }

  .checkout-features__icon {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .checkout-features__item-image--wrapper {
    width: 60px;
    height: 60px;
  }

  .order-summary__accordion-trigger {
    font-size: var(--font-size--sm);
  }

  .order-summary__accordion-inner {
    align-items: center;
  }

  .order-summary__accordion-icon {
    width: 12px;
    margin-left: 10px;
  }

  .checkout-banner {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    text-align: center;
    flex-flow: wrap;
    padding-left: 4px;
    padding-right: 4px;
    font-size: var(--font-size--sm);
  }

  .checkout-features__column--stacked {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }


  .checkout-main, .checkout-wrapper--full-height {
    overflow: hidden;
  }

  .checkout-layout__left--wide {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding-bottom: 0;
    position: relative;
  }

  .order-summary__mobile-right {
    grid-column-gap: .15rem;
    grid-row-gap: .15rem;
  }

  .order-summary__trigger {
    align-items: center;
    padding-top: .8rem;
    padding-bottom: .8rem;
    font-size: var(--font-size--sm);
  }

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

  .questions-text, .progress-wrapper {
    font-size: var(--font-size--sm);
  }

  .os-card__label-2 {
    justify-content: center;
    align-items: center;
    height: 1.25rem;
    display: flex;
    top: -1.25rem;
  }

  .checkout-page-layout--no-gap {
    grid-column-gap: 0;
    grid-row-gap: 0;
  }

  ._2step__size-guide {
    width: 100%;
  }

  .os-card__title-2 {
    line-height: 1.2;
  }

  .step__wrap {
    flex-flow: column;
    order: 1;
    align-items: flex-end;
  }

  .size_chart-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    align-items: center;
  }

  .next-slot__image {
    flex: none;
    order: 9999;
    width: 70px;
  }

  .trust-badge--icon {
    width: 14px;
  }

  .image-246 {
    width: 60px;
  }

  .checkout__heading-box {
    margin-bottom: 0;
  }

  .os-card__subtitle-text-2 {
    line-height: 1;
  }

  .slot__right {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
    align-items: stretch;
    display: flex;
  }

  .card-flags-2 {
    width: 246px;
  }

  .os-card__variant-dropdown-menu-v2.w--open {
    min-width: 320px;
    max-width: 100%;
  }

  .trust-badge--text {
    font-size: 8px;
  }

  .os-card__variant-grid.cc-horiz {
    flex-flow: column;
  }

  .os-card__option-swatch {
    flex: none;
  }

  .divider-section__text-2 {
    white-space: normal;
  }

  .encrypted-banner__icon {
    width: 1rem;
    height: 1rem;
  }

  .divider-section__text-v2 {
    white-space: normal;
  }

  .pb__navigation-content {
    justify-content: space-between;
    width: 100%;
  }

  .pb__navigation-line, .pb__modal-button {
    display: none;
  }

  .cc-limos__qty.cc-upsell4, .logo-flow.cc-blue.show-tablet {
    width: 2rem;
    height: 2rem;
  }

  .comparison_image-wrapper {
    min-height: 12.5rem;
  }

  .list-item.is-1, .list-item.is-2, .list-item.is-3 {
    background-position: 0 0;
    background-size: 2rem;
  }

  .list-item.gap {
    background-position: 0 0;
  }
}

/* Merged checkout CSS – shared by all checkout templates (demeter, limos, olympus, shop, shop-three, olympus-mv-*). */
/* Loading skeleton: see next-core.css ([data-next-await]). */

/* Option-selector checkmark (shop, limos, information) */
[data-next-bump] [os-component="check"] {
  display: none;
}
[data-next-bump][class*="next-active"] [os-component="check"] {
  display: flex;
}

/* Data-animate wobble (shop, information) */
@keyframes moveRightLeft {

  0%,
  100% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(10px);
  }
}

@keyframes moveLeftRight {

  0%,
  100% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(-10px);
  }
}

[data-animate="right"] {
  animation: moveRightLeft 1.5s infinite ease-in-out;
}

[data-animate="left"] {
  animation: moveLeftRight 1.5s infinite ease-in-out;
}

/* ========================================
   CHECKOUT HEADER (standardized section)
======================================== */
.checkout-header {
  flex-flow: column;
  align-items: stretch;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  display: flex;
}

.checkout-header .checkout-header__inner {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.checkout-header .checkout-header__inner--center {
  justify-content: center;
}

.checkout-header__brand {
  display: flex;
  align-items: center;
}

.checkout-header__extras {
  display: flex;
  align-items: center;
}

.checkout-header__secure-icon {
  display: flex;
  align-items: center;
}
.checkout-header__secure-icon svg {
  display: block;
  width: 92px;
  height: 36px;
  flex-shrink: 0;
}

.checkout-header__right {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
  align-items: center;
}

.checkout-header--lg {
  border-bottom: 1px solid #dedede;
  flex-flow: column;
  align-items: stretch;
}

.checkout-header--lg .checkout-header__inner {
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

@media screen and (max-width: 991px) {
  .submit-section--no-margin-top {
    margin-top: 0;
  }

  .checkout-header__inner {
    background-color: #fff;
    align-items: center;
    padding: 0.5rem 0;
  }

  .checkout-header__inner--center {
    padding: 1rem 1.25rem;
  }

  .checkout-header {
    padding-top: 0;
    padding-bottom: 0;
  }

  .checkout-header__right {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .checkout-header--lg .checkout-header__inner {
    min-height: 4.5rem;
  }
}

@media screen and (max-width: 767px) {
  .checkout-header__inner--center {
    padding-bottom: 0;
  }

  .checkout-header__right {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
  }
}

/* ========================================
   DROPDOWN COMPONENTS
======================================== */
/* ========================================
   BASE DROPDOWN ELEMENTS
======================================== */
/* Dropdown Container */
os-dropdown {
  display: block;
  position: relative;
}

os-dropdown[open],
.os-card__variant-dropdown-wrapper:has(.show) {
  z-index: 999;
  position: relative;
}

os-dropdown[animate-selection] .os-card__variant-dropdown-toggle {
  overflow: hidden;
}

/* Dropdown Items */
os-dropdown-item {
  display: block;
  cursor: pointer;
}

os-dropdown-item[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

os-dropdown-item.selected,
os-dropdown-item:hover {
  /* Add hover/selected styles here */
}

/* ========================================
   VARIANT DROPDOWN COMPONENTS
======================================== */
/* Dropdown Container */
.os-card__variant-dropdown-component {
  position: relative;
  width: 100%;
}

/* Dropdown Toggle */
.os-card__variant-dropdown-toggle {
  cursor: pointer;
  transition: all 0.3s ease;
  user-select: none;
}

.os-card__variant-dropdown-toggle:hover {
  border-color: #999;
}

.os-card__variant-dropdown-toggle.active,
.dropdown-toggle.active {
  border-color: #333;
  box-shadow: 0 0 0 3px rgba(51, 51, 51, 0.1);
}

/* Dropdown Icon */
.os-card__variant-dropdown-icon {
  width: 20px;
  height: 20px;
  color: #6b7280;
  transition: transform 0.15s ease;
}

.os-card__variant-dropdown-toggle.active .os-card__variant-dropdown-icon,
.dropdown-toggle.active .dropdown-icon {
  transform: rotate(180deg);
}

/* Dropdown Menu */
.os-card__variant-dropdown-menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  background: white;
  border-radius: var(--radius--selector);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-12px) scale(0.95);
  transform-origin: top center;
  transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
  z-index: 100;
  overflow: hidden;
}

/* Dropdown List */
.os-card__variant-dropdown-list {
  list-style: none;
  padding: 8px;
}

/* Dropdown Items */
.os-card__variant-dropdown-item {
  border-radius: var(--radius--selector);
  transition: background-color 0.2s ease;
  cursor: pointer;
}

.os-card__variant-dropdown-item:hover {
  background-color: #f9f9f9;
}

.os-card__variant-dropdown-item .os-card__toggle-option {
  padding: 0.5rem 0.75rem;
  min-height: 2.5rem;
}

.os-card__variant-dropdown-item.selected .os-card__variant-toggle-name {
  font-weight: 600;
}

/* ========================================
   GENERIC DROPDOWN MENU STYLES
======================================== */
os-dropdown-menu,
.os-dropdown-menu,
[os-element="dropdown-menu"] {
  position: absolute;
  top: initial;
  left: initial;
  right: initial;
  margin-top: 0;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.2s ease;
}

/* Show States */
os-dropdown-menu.show,
.os-dropdown-menu.show,
[os-element="dropdown-menu"].show,
.os-card__variant-dropdown-menu.show,
.os-card__variant-dropdown-menu-v2.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* ========================================
   DROPDOWN ARROWS & POSITIONING
======================================== */
.dropdown-arrow {
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit;
  border: inherit;
  border-right: 0;
  border-bottom: 0;
  transform: rotate(45deg);
  z-index: -1;
}

os-dropdown-menu.placement-bottom .dropdown-arrow {
  border-left: 0;
  border-top: 0;
  border-right: inherit;
  border-bottom: inherit;
}

os-dropdown-menu.placement-top .dropdown-arrow {
  border-right: 0;
  border-bottom: 0;
  border-left: inherit;
  border-top: inherit;
}

os-dropdown-menu.placement-left .dropdown-arrow {
  border-bottom: 0;
  border-left: 0;
  border-top: inherit;
  border-right: inherit;
}

os-dropdown-menu.placement-right .dropdown-arrow {
  border-top: 0;
  border-right: 0;
  border-bottom: inherit;
  border-left: inherit;
}

/* ========================================
   DROPDOWN CONTENT & ANIMATIONS
======================================== */
.os-dropdown__content {
  flex: 1;
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
  overflow: hidden;
}

.os-dropdown__option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  transform: translateY(0);
  opacity: 1;
  transition: transform var(--animation-duration, 0.3s) cubic-bezier(0.34, 1.56, 0.64, 1),
    opacity calc(var(--animation-duration, 0.3s) * 0.67) ease;
  will-change: transform, opacity;
}

/* Animation States */
.os-dropdown__option[data-animating="out"] {
  position: absolute;
  transform: translateY(-100%);
  opacity: 0;
}

.os-dropdown__option[data-animating="in"] {
  transform: translateY(100%);
  opacity: 0;
}

.os-dropdown__option[data-placement="top"][data-animating="out"] {
  transform: translateY(100%);
}

.os-dropdown__option[data-placement="top"][data-animating="in"] {
  transform: translateY(-100%);
}

/* Animation Types */
.os-dropdown__option[data-animation-type="fade"][data-animating="out"],
.os-dropdown__option[data-animation-type="fade"][data-animating="in"] {
  transform: translateY(0);
  opacity: 0;
}

.os-dropdown__option[data-animation-type="scale"][data-animating="out"] {
  transform: scale(0.8);
  opacity: 0;
}

.os-dropdown__option[data-animation-type="scale"][data-animating="in"] {
  transform: scale(1.2);
  opacity: 0;
}

.os-dropdown__option[data-animation-type="slide-fade"][data-animating="out"] {
  transform: translateY(-20px);
  opacity: 0;
}

.os-dropdown__option[data-animation-type="slide-fade"][data-animating="in"] {
  transform: translateY(20px);
  opacity: 0;
}

.os-dropdown__option[data-placement="top"][data-animation-type="slide-fade"][data-animating="out"] {
  transform: translateY(20px);
}

.os-dropdown__option[data-placement="top"][data-animation-type="slide-fade"][data-animating="in"] {
  transform: translateY(-20px);
}


/* ========================================
   UTILITY STYLES
======================================== */
/* Diagonal Strike */
.diagonal-strike {
  position: relative;
  display: inline-block;
}

.diagonal-strike::after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid #F20404 !important;
  transform: rotate(-10deg);
  transform-origin: center;
}

/* ========================================
   VARIANT OPTION STATES
======================================== */
/* Size Variant - Out of Stock */
os-dropdown[next-variant-option="size"] os-dropdown-item.next-oos {
  opacity: 0.4;
  cursor: not-allowed;
}

/* Color Variant - Out of Stock */
os-dropdown[next-variant-option="color"] os-dropdown-item.next-oos {
  position: relative;
  overflow: hidden;
}

os-dropdown[next-variant-option="color"] os-dropdown-item.next-oos .os-card__toggle-option {
  opacity: 0.4;
}

os-dropdown[next-variant-option="color"] os-dropdown-item.next-oos::after {
  content: '';
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  right: 0.5rem;
  bottom: 0.5rem;
  pointer-events: none;
  z-index: 1;
  opacity: 1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cline x1='0' y1='0' x2='100' y2='100' stroke='%23666666' stroke-width='1'/%3E%3Cline x1='100' y1='0' x2='0' y2='100' stroke='%23666666' stroke-width='1'/%3E%3C/svg%3E");
  background-size: 100% 100%;
}

/* ========================================
   RESPONSIVE STYLES
======================================== */
@media (max-width: 640px) {

  os-dropdown-menu,
  [os-element="dropdown-menu"] {
    position: fixed;
    left: 16px;
    right: 16px;
    width: auto;
  }
}

/* ========================================
   ACCESSIBILITY
======================================== */
@media (prefers-reduced-motion: reduce) {
  .os-dropdown__option {
    transition-duration: 0.01ms !important;
  }
}

/* Inline style 3 from olympus-mv-full.html */
.three-quarter-spinner {
  animation: spin .9s linear 0s infinite;
}

/* Notification slide-down animation */
@keyframes slideDown {
  from { transform: translateX(-50%) translateY(-100%); opacity: 0; }
  to   { transform: translateX(-50%) translateY(0);    opacity: 1; }
}

.three-quarter-spinner.black {
  border-color: #000;
  border-top-color: transparent;
}

/* Step reveal animation (olympus-mv-selection) */
[data-next-component="step-two"].step-revealed {
  animation: fadeInUp 0.4s ease;
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

.next-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.error-highlight {
  animation: errorPulse 0.5s ease-in-out 2;
  border: 2px solid #ff4444 !important;
  background-color: rgba(255, 68, 68, 0.05) !important;
}

@keyframes errorPulse {
  0%   { transform: translateX(0); }
  25%  { transform: translateX(-5px); }
  75%  { transform: translateX(5px); }
  100% { transform: translateX(0); }
}

/* Inline style 6 from olympus-mv-full.html */
/* Arrows */
.arrow-active::after,
.arrow-inactive::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 7px;
  height: 7px;
  border-top: 1px solid;
  border-right: 1px solid;
  transform: translateY(-50%) rotate(45deg);
}

.arrow-active::after {
  border-color: #000;
}

.arrow-inactive::after {
  border-color: #dadada;
}

/* Swiper sw1: see next-core.css ([data-component="swiper"][data-variant="sw1"]). */

/* Remove the divider on the very last payment-method block */
.payment-methods > .payment-method:last-child {
  border-bottom: 0 !important;
  /* kill the bottom border */
}

/* PayPal, Klarna, Apple Pay, and Google Pay icons in payment-method */
.payment-method__icon--paypal-logo {
  width: 15px;
}
.payment-method__icon--paypal-txt {
  height: 20px;
}
.payment-method__icon--klarna-logo {
  height: 25px;
}
.payment-method__icon--apple-pay-logo {
  width: 45px;
}
.payment-method__icon--google-pay-logo {
  width: 45px;
}
.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 3rem !important;
  right: 0 !important;
  left: auto !important;
  padding: 1px;
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
  padding-right: 52px !important;
  padding-left: 12px !important;
  margin-left: 0 !important;
}

/* ========== Prepurchase upsell (checkout add-on blocks) ========== */
/* Isolated from upsell-page styles so checkout and upsell templates don’t share class names. */

[data-component="prepurchase-upsell"] {
  border: 2px dashed var(--brand--color--primary-dark);
  border-radius: var(--radius--cards);
  position: relative;
  overflow: hidden;
}

[data-component="prepurchase-upsell"].next-active {
  background-color: var(--brand--color--surface);
  -webkit-user-select: none;
  user-select: none;
}

/* check01 / switch: wrapper is the component (container for one or more cards); no dashed border, card has solid border */
[data-component="prepurchase-upsell"][data-variant="check01"],
[data-component="prepurchase-upsell"][data-variant="switch"] {
  border: none;
  display: flex;
  flex-flow: column;
  gap: 1rem;
}

[data-component="prepurchase-upsell"][data-variant="check01"] .bump-card,
[data-component="prepurchase-upsell"][data-variant="switch"] .bump-card {
  border-radius: var(--radius--cards);
  border: 1px solid #bbb;
  position: relative;
  overflow: hidden;
}

[data-component="prepurchase-upsell"][data-variant="check01"] .bump-card.next-active,
[data-component="prepurchase-upsell"][data-variant="switch"] .bump-card.next-active {
  background-color: var(--brand--color--surface);
  -webkit-user-select: none;
  user-select: none;
}

[data-component="prepurchase-upsell"] .bump__header {
  background-color: var(--brand--color--surface);
  cursor: pointer;
  flex-flow: column;
  align-items: center;
  padding: .75rem;
  display: flex;
}

[data-component="prepurchase-upsell"] .bump__header.next-active {
  background-color: var(--brand--color--primary-light);
}

[data-component="prepurchase-upsell"] .bump__header-content {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  display: flex;
  position: relative;
}

[data-component="prepurchase-upsell"] .bump__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;
}

[data-component="prepurchase-upsell"] .bump__title {
  font-weight: 700;
}

[data-component="prepurchase-upsell"][data-variant="check01"] .bump__checkbox,
[data-component="prepurchase-upsell"][data-variant="switch"] .bump__checkbox {
  width: 1.625rem;
  height: 1.625rem;
}

[data-component="prepurchase-upsell"][data-variant="check01"] .bump__title,
[data-component="prepurchase-upsell"][data-variant="switch"] .bump__title {
  font-size: var(--font-size--lg);
}

[data-component="prepurchase-upsell"] .bump__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;
}

[data-component="prepurchase-upsell"] .bump__arrow.bump__arrow--right {
  inset: auto -2.5rem auto auto;
}

[data-component="prepurchase-upsell"] .bump__body {
  padding: 1rem;
}

[data-component="prepurchase-upsell"][data-variant="check01"] .bump__body,
[data-component="prepurchase-upsell"][data-variant="switch"] .bump__body {
  background-color: #fff;
}

[data-component="prepurchase-upsell"] .bump__content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

[data-component="prepurchase-upsell"][data-variant="check01"] .bump__content,
[data-component="prepurchase-upsell"][data-variant="switch"] .bump__content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

[data-component="prepurchase-upsell"] .bump__content-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: left;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

[data-component="prepurchase-upsell"] .bump__price {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  font-size: var(--font-size--2xl);
  font-weight: 700;
  display: flex;
}

[data-component="prepurchase-upsell"] .bump__price-reg {
  font-weight: 400;
  text-decoration: line-through;
}

[data-component="prepurchase-upsell"] .bump__image {
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  height: 60px;
  min-height: 60px;
  max-height: 60px;
}

[data-component="prepurchase-upsell"][data-variant="check01"] .bump__image,
[data-component="prepurchase-upsell"][data-variant="switch"] .bump__image {
  width: 135px;
  min-width: 135px;
  max-width: 135px;
  height: 135px;
  min-height: 135px;
  max-height: 135px;
}

[data-component="prepurchase-upsell"] .bump__description {
  font-size: var(--font-size--sm);
}

[data-component="prepurchase-upsell"] .bump__header-left {
  background-color: var(--brand--color--surface);
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: .75rem;
  display: flex;
}

[data-component="prepurchase-upsell"] .bump__header-left.next-active {
  background-color: var(--brand--color--primary-light);
}

@media (max-width: 767px) {
  [data-component="prepurchase-upsell"] .bump__price {
    font-size: var(--font-size--xl);
  }

  [data-component="prepurchase-upsell"][data-variant="check01"] .bump-card,
  [data-component="prepurchase-upsell"][data-variant="switch"] .bump-card {
    border-radius: .25rem;
  }
}

/* ----- Prepurchase upsell: switch-style variation ----- */
[data-component="prepurchase-upsell"] .bump__head--switch {
  cursor: pointer;
  padding: .75rem;
  background-color: var(--brand--color--surface);
  transition: background-color 0.2s ease;
}

[data-component="prepurchase-upsell"] .bump__head--switch.next-active,
[data-component="prepurchase-upsell"] .bump-card.bump--switch-on .bump__head--switch {
  background-color: var(--brand--color--primary-light);
}

[data-component="prepurchase-upsell"] .bump__head-inner {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  display: flex;
  flex-flow: row;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
}

[data-component="prepurchase-upsell"] .bump__switch {
  position: relative;
  flex: none;
  width: 3.5rem;
  height: 1.75rem;
  border-radius: 9999px;
  background-color: #e5e5e5;
  overflow: hidden;
  transition: background-color 0.3s ease;
}

[data-component="prepurchase-upsell"] .bump__switch::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background-color: var(--brand--color--primary);
  opacity: 0;
  transition: opacity 0.3s ease;
}

[data-component="prepurchase-upsell"] [data-next-bump].next-active .bump__switch::before,
[data-component="prepurchase-upsell"] .bump-card.bump--switch-on .bump__switch::before {
  opacity: 1;
}

[data-component="prepurchase-upsell"] .bump__switch-slider {
  position: absolute;
  top: 50%;
  left: 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  transform: translate(0, -50%);
  transition: transform 0.3s ease;
  pointer-events: none;
}

[data-component="prepurchase-upsell"] [data-next-bump].next-active .bump__switch-slider,
[data-component="prepurchase-upsell"] .bump__head--switch.next-active .bump__switch-slider,
[data-component="prepurchase-upsell"] .bump-card.bump--switch-on .bump__switch-slider {
  transform: translate(1.75rem, -50%);
}

@media screen and (max-width: 426px) {
  [data-component="prepurchase-upsell"] .bump__switch {
    width: 2.75rem;
    height: 1.375rem;
  }

  [data-component="prepurchase-upsell"] [data-next-bump].next-active .bump__switch-slider,
  [data-component="prepurchase-upsell"] .bump__head--switch.next-active .bump__switch-slider,
  [data-component="prepurchase-upsell"] .bump-card.bump--switch-on .bump__switch-slider {
    transform: translate(1.25rem, -50%);
  }

  [data-component="prepurchase-upsell"] .bump__switch-slider {
    width: 1rem;
    height: 1rem;
    left: 0.2rem;
  }
}

/* Checkout layout: left/right columns (standard), media/form inside */
.checkout-layout__left {
  width: 50%;
  flex: none;
  display: flex;
  flex-flow: column;
}

.checkout-layout__left--narrow {
  width: 538px;
  flex: none;
}

.checkout-layout__left--narrow .checkout-layout__content {
  width: 100%;
}

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

.checkout-layout__content {
  flex-flow: column;
  flex: none;
  display: flex;
}

.checkout-layout__content-inner {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 2rem;
}

/* Limos: full-height wrapper and 55/45 column split */
.checkout-wrapper--full-height {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  position: relative;
}

.checkout-layout__left--wide {
  width: 55%;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  padding-top: 45px;
  padding-bottom: 100px;
}

.checkout-layout__right--sidebar {
  z-index: 1;
  border-left: 1px solid #dedede;
  width: 45%;
  padding-top: 45px;
  padding-left: 1.75rem;
  padding-right: 0;
  display: block;
  position: relative;
}

.checkout-layout__sidebar-bg {
  background-color: var(--brand--color--surface);
  width: 100vw;
  position: absolute;
  inset: 0;
}

@media screen and (max-width: 991px) {
  .checkout-layout__left,
  .checkout-layout__left--narrow,
  .checkout-layout__left--wide {
    width: 100%;
  }

  .checkout-layout__content-inner {
    position: relative;
    top: auto;
  }

  .checkout-wrapper--full-height {
    flex-flow: column wrap;
    justify-content: flex-start;
    max-width: 100%;
    min-height: auto;
  }

  .checkout-layout__left--wide {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .checkout-layout__right--sidebar {
    border-left-style: none;
    width: 100%;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .checkout-layout__sidebar-bg {
    display: none;
  }
}

.checkout-right__content--sticky {
  top: 2rem;
}

.cart-box--card {
  background-color: #fff;
}

/* ========================================
   CHECKOUT REVIEW – Limos variant (with image)
   Same BEM as olympus (checkout-review__*) with --with-image modifier.
======================================== */
.checkout-review--with-image {
  border-radius: var(--radius--cards);
  background-color: #fff;
  border: 1px solid #ececec;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  padding: 1.5rem;
  display: flex;
}
.checkout-review--with-image .checkout-review__header {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}
.checkout-review--with-image .checkout-review__stars {
  flex-flow: column;
  align-items: flex-start;
  flex: 1;
  display: flex;
}
.checkout-review--with-image .checkout-review__body {
  margin-top: 8px;
  width: 100%;
}
.checkout-review__meta {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  justify-content: start;
  align-items: center;
  margin-top: 12px;
  font-size: var(--font-size--xs);
  line-height: 1.2;
  display: flex;
}

.checkout-review__body {
  grid-row-gap: 0.5rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.checkout-review--with-image .checkout-review__verified-wrap {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  letter-spacing: 0;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  line-height: 1;
  display: flex;
}

/* ===========================
   Next Modal (generic)
=========================== */
:root {
  --modal-animation-duration: 0.3s;
  --modal-animation-easing: cubic-bezier(0.22, 1, 0.36, 1);
}

.next-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
}
.next-modal.next-modal--open {
  display: block;
}
.next-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity var(--modal-animation-duration) var(--modal-animation-easing);
}
.next-modal.next-modal--open .next-modal__overlay {
  opacity: 1;
}
.next-modal__dialog {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.98);
  background: #fff;
  color: #111;
  width: min(92vw, 702px);
  max-height: 90vh;
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  opacity: 0;
  transition: opacity var(--modal-animation-duration) var(--modal-animation-easing),
    transform var(--modal-animation-duration) var(--modal-animation-easing);
}
.next-modal.next-modal--open .next-modal__dialog {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.next-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 42px 42px 10px;
}
.next-modal__title {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.2;
  margin: 0;
}
.next-modal__close {
  appearance: none;
  border: 0;
  background: transparent;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  cursor: pointer;
  color: #666;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.next-modal__close:hover {
  background: #f3f4f6;
  color: #111;
}
.next-modal__content {
  padding: 16px 20px 20px;
  overflow: auto;
  max-height: calc(90vh - 60px);
}
.next-modal__table {
  width: 100%;
  border-collapse: collapse;
}
.next-modal__table th,
.next-modal__table td {
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  padding: 12px 10px;
  font-size: 14px;
}
.next-modal__table thead th {
  font-weight: 700;
}
.next-modal__subtitle {
  margin: 0 0 24px;
  font-weight: 600;
  text-align: center;
  letter-spacing: -0.01em;
  font-size: 16px;
}
.next-modal__visual {
  margin-top: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
  background: #f9fafb;
}
.next-modal__visual img {
  display: block;
  width: 100%;
  height: auto;
}
body.next-modal-open {
  overflow: hidden;
}
@media (max-width: 768px) {
  .next-modal__dialog {
    width: 94vw;
    max-height: 90vh;
    border-radius: 12px;
  }
  .next-modal__header {
    padding: 22px 22px 10px;
  }
  .next-modal__title {
    font-size: 16px;
  }
  .next-modal__subtitle {
    margin: 0 0 20px;
  }
}/* ========================================
   DROPDOWN COMPONENTS
======================================== */
/* ========================================
   BASE DROPDOWN ELEMENTS
======================================== */
/* Dropdown Container */
os-dropdown {
  display: block;
  position: relative;
}

os-dropdown[open],
.os-card__variant-dropdown-wrapper:has(.show) {
  z-index: 999;
  position: relative;
}

os-dropdown[animate-selection] .os-card__variant-dropdown-toggle {
  overflow: hidden;
}

/* Dropdown Items */
os-dropdown-item {
  display: block;
  cursor: pointer;
}

os-dropdown-item[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

os-dropdown-item.selected,
os-dropdown-item:hover {
  /* Add hover/selected styles here */
}

/* ========================================
   VARIANT DROPDOWN COMPONENTS
======================================== */
/* Dropdown Container */
.os-card__variant-dropdown-component {
  position: relative;
  width: 100%;
}

/* Dropdown Toggle */
.os-card__variant-dropdown-toggle {
  cursor: pointer;
  transition: all 0.3s ease;
  user-select: none;
}

.os-card__variant-dropdown-toggle:hover {
  border-color: #999;
}

.os-card__variant-dropdown-toggle.active,
.dropdown-toggle.active {
  border-color: #333;
  box-shadow: 0 0 0 3px rgba(51, 51, 51, 0.1);
}

/* Dropdown Icon */
.os-card__variant-dropdown-icon {
  width: 20px;
  height: 20px;
  color: #6b7280;
  transition: transform 0.15s ease;
}

.os-card__variant-dropdown-toggle.active .os-card__variant-dropdown-icon,
.dropdown-toggle.active .dropdown-icon {
  transform: rotate(180deg);
}

/* Dropdown Menu */
.os-card__variant-dropdown-menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  background: white;
  border-radius: var(--radius--selector);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-12px) scale(0.95);
  transform-origin: top center;
  transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
  z-index: 100;
  overflow: hidden;
}

/* Dropdown List */
.os-card__variant-dropdown-list {
  list-style: none;
  padding: 8px;
}

/* Dropdown Items */
.os-card__variant-dropdown-item {
  border-radius: var(--radius--selector);
  transition: background-color 0.2s ease;
  cursor: pointer;
}

.os-card__variant-dropdown-item:hover {
  background-color: #f9f9f9;
}

.os-card__variant-dropdown-item .os-card__toggle-option {
  padding: 0.5rem 0.75rem;
  min-height: 2.5rem;
}

.os-card__variant-dropdown-item.selected .os-card__variant-toggle-name {
  font-weight: 600;
}

/* ========================================
   GENERIC DROPDOWN MENU STYLES
======================================== */
os-dropdown-menu,
.os-dropdown-menu,
[os-element="dropdown-menu"] {
  position: absolute;
  top: initial;
  left: initial;
  right: initial;
  margin-top: 0;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.2s ease;
}

/* Show States */
os-dropdown-menu.show,
.os-dropdown-menu.show,
[os-element="dropdown-menu"].show,
.os-card__variant-dropdown-menu.show,
.os-card__variant-dropdown-menu-v2.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* ========================================
   DROPDOWN ARROWS & POSITIONING
======================================== */
.dropdown-arrow {
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit;
  border: inherit;
  border-right: 0;
  border-bottom: 0;
  transform: rotate(45deg);
  z-index: -1;
}

os-dropdown-menu.placement-bottom .dropdown-arrow {
  border-left: 0;
  border-top: 0;
  border-right: inherit;
  border-bottom: inherit;
}

os-dropdown-menu.placement-top .dropdown-arrow {
  border-right: 0;
  border-bottom: 0;
  border-left: inherit;
  border-top: inherit;
}

os-dropdown-menu.placement-left .dropdown-arrow {
  border-bottom: 0;
  border-left: 0;
  border-top: inherit;
  border-right: inherit;
}

os-dropdown-menu.placement-right .dropdown-arrow {
  border-top: 0;
  border-right: 0;
  border-bottom: inherit;
  border-left: inherit;
}

/* ========================================
   DROPDOWN CONTENT & ANIMATIONS
======================================== */
.os-dropdown__content {
  flex: 1;
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
  overflow: hidden;
}

.os-dropdown__option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  transform: translateY(0);
  opacity: 1;
  transition: transform var(--animation-duration, 0.3s) cubic-bezier(0.34, 1.56, 0.64, 1),
    opacity calc(var(--animation-duration, 0.3s) * 0.67) ease;
  will-change: transform, opacity;
}

/* Animation States */
.os-dropdown__option[data-animating="out"] {
  position: absolute;
  transform: translateY(-100%);
  opacity: 0;
}

.os-dropdown__option[data-animating="in"] {
  transform: translateY(100%);
  opacity: 0;
}

.os-dropdown__option[data-placement="top"][data-animating="out"] {
  transform: translateY(100%);
}

.os-dropdown__option[data-placement="top"][data-animating="in"] {
  transform: translateY(-100%);
}

/* Animation Types */
.os-dropdown__option[data-animation-type="fade"][data-animating="out"],
.os-dropdown__option[data-animation-type="fade"][data-animating="in"] {
  transform: translateY(0);
  opacity: 0;
}

.os-dropdown__option[data-animation-type="scale"][data-animating="out"] {
  transform: scale(0.8);
  opacity: 0;
}

.os-dropdown__option[data-animation-type="scale"][data-animating="in"] {
  transform: scale(1.2);
  opacity: 0;
}

.os-dropdown__option[data-animation-type="slide-fade"][data-animating="out"] {
  transform: translateY(-20px);
  opacity: 0;
}

.os-dropdown__option[data-animation-type="slide-fade"][data-animating="in"] {
  transform: translateY(20px);
  opacity: 0;
}

.os-dropdown__option[data-placement="top"][data-animation-type="slide-fade"][data-animating="out"] {
  transform: translateY(20px);
}

.os-dropdown__option[data-placement="top"][data-animation-type="slide-fade"][data-animating="in"] {
  transform: translateY(-20px);
}

/* ========================================
   PROGRESS COMPONENTS
======================================== */
.progress_circle .checkmark-svg,
.progress_circle .icon-check {
  opacity: 0;
  position: absolute;
  transition: opacity 0.3s ease;
}

.progress_circle .checkmark-svg {
  width: 20px;
  height: 20px;
}

.progress_circle .icon-check {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.progress_circle .icon-check .checkmark-svg {
  width: 16px;
  height: 16px;
}

.progress_circle > div,
.progress_circle > div:first-child {
  transition: opacity 0.3s ease;
}

/* Progress States */
.progress-item.active .progress_circle {
  background-color: #000 !important;
  border-color: #000 !important;
  color: white !important;
}

.progress-item.active .progress-tex {
  color: #000 !important;
  font-weight: 600 !important;
}

.progress-item.completed .progress_circle {
  background-color: #000 !important;
  border-color: #000 !important;
  color: white !important;
}

.progress-item.completed .progress_circle > div,
.progress-item.completed .progress_circle > div:first-child {
  opacity: 0;
}

.progress-item.completed .progress_circle .checkmark-svg,
.progress-item.completed .progress_circle .icon-check {
  opacity: 1;
}

.progress-item.completed .progress-tex {
  color: #000 !important;
  font-weight: 600 !important;
}

.progress-item.completed + .progress-divider {
  background-color: #000 !important;
}

/* ========================================
   UTILITY STYLES
======================================== */
/* Diagonal Strike */
.diagonal-strike,
.os--compare-diagonal {
  position: relative;
  display: inline-block;
}

.diagonal-strike::after,
.os--compare-diagonal::after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid #F20404 !important;
  transform: rotate(-10deg);
  transform-origin: center;
}

/* ========================================
   VARIANT OPTION STATES
======================================== */
/* Size Variant - Out of Stock */
os-dropdown[next-variant-option="size"] os-dropdown-item.next-oos {
  opacity: 0.4;
  cursor: not-allowed;
}

/* Color Variant - Out of Stock */
os-dropdown[next-variant-option="color"] os-dropdown-item.next-oos {
  position: relative;
  overflow: hidden;
}

os-dropdown[next-variant-option="color"] os-dropdown-item.next-oos .os-card__toggle-option {
  opacity: 0.4;
}

os-dropdown[next-variant-option="color"] os-dropdown-item.next-oos::after {
  content: '';
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  right: 0.5rem;
  bottom: 0.5rem;
  pointer-events: none;
  z-index: 1;
  opacity: 1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cline x1='0' y1='0' x2='100' y2='100' stroke='%23666666' stroke-width='1'/%3E%3Cline x1='100' y1='0' x2='0' y2='100' stroke='%23666666' stroke-width='1'/%3E%3C/svg%3E");
  background-size: 100% 100%;
}


@media (max-width: 640px) {

  os-dropdown-menu,
  [os-element="dropdown-menu"] {
    position: fixed;
    left: 16px;
    right: 16px;
    width: auto;
  }
}


@media (prefers-reduced-motion: reduce) {
  .os-dropdown__option {
    transition-duration: 0.01ms !important;
  }
}


/* Section variants */
.section--pad-2-4 {
  padding-top: var(--spacing--2);
  padding-bottom: var(--spacing--4);
}

.section.upsell-note {
  padding-top: var(--spacing--1);
  padding-bottom: var(--spacing--1);
  background-color: var(--brand--color--accent);
  color: var(--brand--color--primary-foreground);
}

.section.upsell-features {
  background-color: #f7f7f7;
}

.section.upsell-box {
  padding-top: var(--spacing--2);
  padding-bottom: var(--spacing--4);
  margin-top: -6rem;
}

@media screen and (max-width: 991px) {
  .section.upsell-box .container {
    padding-left: 0;
    padding-right: 0;
  }
  .section.upsell-box .upsell-container {
    border-radius: 0;
  }
}

/* Header / typography (content-wrapper.cc-upsell-header used in up03 note section) */
.content-wrapper.cc-upsell-header {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  text-align: center;
  align-items: center;
}

.upsell-note-heading {
  text-transform: uppercase;
  font-size: var(--font-size--sm);
}

.upsell-note-text {
  color: #757575;
  font-size: var(--font-size--sm);
}

/* Feature stats & content */
.upsell-feature__stats {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: left;
  align-items: center;
  width: 100%;
  display: flex;
}

.upsell-feature__stats-number {
  width: 40%;
}

.upsell-feature__stats-text {
  flex: 1;
}

.upsell-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  align-items: stretch;
  display: flex;
}

.grid-custom.grid-2col-upsell {
  align-items: center;
}

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

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

.upsell-content__wrapper {
  padding: 1.5rem;
}

.upsell-container {
  border-radius: var(--radius--cards);
  background-color: #fff;
  overflow: hidden;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4);
}
.upsell-container.upsell-container--box {
  border: 2px solid var(--brand--color--primary);
  box-shadow: none;
}

.upsell-summary_prices {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  font-size: 1.45rem;
  font-weight: 500;
  display: flex;
}

.upsell_summary-price.cc-savings, .upsell_summary-price.cc-sale {
  font-weight: 700;
}

.upsell_summary-price.cc-reg {
  color: var(--neutral--400);
  text-decoration: line-through;
}

.upsell_summary-flex {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

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

.upsell-mbg1 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  pointer-events: auto;
  justify-content: center;
  align-items: center;
  font-size: var(--font-size--sm);
  display: flex;
}

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

.upsell-success {
  border-radius: var(--radius-size--md);
  background-color: var(--system-colors--success-light);
  color: var(--system-colors--success);
  padding: 1rem;
}

.upsell-confirmation_icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.upsell-success__container {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.upsell-confirmaton__title {
  font-size: var(--font-size--xl);
}

.upsell-success_container-content {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  display: flex;
}

/* Generic reusable: promo-banner (one-time offer / urgency strip) */
.promo-banner {
  background-color: var(--brand--color--primary-lighter);
  color: #000;
  letter-spacing: -.02em;
  border-radius: 4px;
  font-size: clamp(.625rem, 3vw, .875rem);
}

.promo-banner--blank {
  background-color: #f7f7f700;
  border-radius: 0;
  font-size: var(--font-size--sm);
}

.promo-banner--success {
  color: #053321;
  background-color: #ecfdf3;
}

.promo-banner__inner {
  pointer-events: none;
  padding: .785rem 1rem;
}

.promo-banner__inner--no-padding-left {
  padding-left: 0;
}

.promo-banner__content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  pointer-events: auto;
  justify-content: space-between;
  align-items: center;
  font-size: var(--font-size--sm);
  display: flex;
}

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

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

@media screen and (max-width: 991px) {
  .promo-banner {
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .promo-banner__content {
    grid-column-gap: .75em;
    grid-row-gap: .75em;
  }
}

/* Upsells: bullet feature list (up04, up05-mv) */
.hero_bullet-features-box {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  display: flex;
}

.bullet_inner-one {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  align-items: stretch;
  display: flex;
}

.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%;
}

/* headline-component – moved from next-core (used in up02) */
.headline-component {
  grid-row-gap: .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-left.mb-0,
.headline-component.cc-0 {
  margin-bottom: 0;
}

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

.headline-component.gap-lg {
  grid-row-gap: 1.5rem;
}

.headline-component.cc-lg {
  max-width: 65rem;
}

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

@media screen and (max-width: 991px) {
  .headline-component.cc-left-tablet {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
  }

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

@media screen and (max-width: 767px) {
  .headline-component {
    margin-bottom: 2rem;
  }
}

@media screen and (max-width: 479px) {
  .headline-component {
    margin-bottom: 2rem;
    padding-top: 0;
    padding-bottom: 0;
  }
}

/* content-wrapper + feature grid – moved from next-core (used in up02) */
.content-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.content-wrapper.sm {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
}

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

.feature_grid-item--image.cc-stack {
  aspect-ratio: auto;
  background-color: #ff30cc1a;
  justify-content: center;
  align-items: center;
  width: 130px;
  display: flex;
}

.feature_grid-item--image.cc-square {
  aspect-ratio: 1;
}

.feature-grid__item-content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: center;
  background-color: #fff;
  flex-flow: column;
  flex: 1;
  align-items: center;
  padding: 3rem 1.5rem 1.5rem;
  display: flex;
  position: relative;
}

.feature-grid__item-content.cc-empty {
  padding-top: 1.5rem;
}

.feature-grid__item-content.cc-stack {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  text-align: left;
  justify-content: center;
  align-items: flex-start;
  padding: 1rem;
}

.feature_grid-item {
  border: .5px solid #d4d4d4;
  border-radius: 18px;
  flex-flow: column;
  display: flex;
  overflow: clip;
}

.feature_grid-item.cc-stacked {
  flex-flow: row;
  flex: 1;
  max-width: 310px;
}

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

.feature_icon-bubble {
  background-color: var(--brand--color--primary);
  color: var(--brand--color--primary-foreground);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
  position: absolute;
  inset: -2rem auto auto;
  overflow: clip;
}

.feature-stats__number {
  letter-spacing: -.04em;
  font-size: var(--font-size--6xl);
  font-weight: 700;
}

.feature-stats__text {
  font-style: italic;
}

@media screen and (max-width: 991px) {
  .feature_grid-item.cc-stacked {
    max-width: none;
  }
}

@media screen and (max-width: 479px) {
  .feature_grid-item--image.cc-stack {
    width: 110px;
  }
}

.progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;

}
.progress-bar {
  z-index: 6;
  top: 0;
  position: sticky;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
  width: 100%;
  max-width: 600px;
  background-color: #fff;
  transition: opacity .3s ease-in-out;
  border-bottom: 1px solid #f0f0f0;
  height: auto;
}


@media (prefers-reduced-motion:reduce) {
  .progress-bar {
      -webkit-transition: none;
      transition: none
  }
}
.progress-bar.hidden {
  opacity: 0;
  pointer-events: none
}
@media (min-width: 768px) {
  .progress-bar {
      display: none !important;
  }
}
@media (max-width: 768px) {.section-steps {display: none}}
.progress-bar-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  color: gray
}

.progress-bar-step.active {
  color: #000
}

.progress-bar-circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #ccc;
  color: #fff;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px
}

.progress-bar-step.active .progress-bar-circle {
  background: #000
}

.progress-bar-line {
  flex: 1;
  height: 2px;
  background: #ccc;
  margin-bottom: 1.5rem
}

.progress-bar-step.active .progress-bar-circle {
  background: url(../images/checkout/check.png) center center no-repeat;
  background-size: 30px 30px;
  color: transparent;
  transition: background-color .3s ease
}

/* ========================================
   UPSELL HEADER BAR (top bar – same pattern as checkout-header)
======================================== */
.upsell-header-bar {
  border-bottom: 1px solid #dedede;
  flex-flow: column;
  align-items: stretch;
  display: flex;
}

.upsell-header-bar__inner {
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.upsell-header-bar__brand {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.upsell-header-bar__right {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
  align-items: center;
}

.upsell-header-bar__wrapper {
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.upsell-header-bar__left {
  display: flex;
  align-items: center;
}

.upsell-header-bar__logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

/* ========================================
   UPSELL HEADER BAR STEP CONTENT (inside upsell-header-bar__right)
======================================== */
.upsell-header-bar__steps {
  min-width: 0;
}

.upsell-header-bar__stepper {
  flex-flow: row;
  justify-content: space-between;
  display: flex;
  position: relative;
  gap: .875rem;
}

.upsell-header-bar__progress-bar {
  background-color: var(--brand--color--surface);
  height: .25rem;
  position: absolute;
  top: 1rem;
  left: 2rem;
  right: 2rem;
}

.upsell-header-bar__progress-fill {
  background-color: var(--brand--color--primary);
  border-radius: 100px;
  width: 25%;
  height: 100%;
}

.upsell-header-bar__step {
  z-index: 10;
  text-align: center;
  flex-flow: column;
  align-items: center;
  display: flex;
  position: relative;
  color: #6c757d;
}

.upsell-header-bar__step--active {
  color: var(--brand--color--black);
  font-weight: 700;
}

.upsell-header-bar__step-circle {
  background-color: var(--brand--color--surface);
  color: var(--neutral--700);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  margin-bottom: .25rem;
  display: flex;
}

.upsell-header-bar__step-circle.upsell-header-bar__step-circle--active {
  background-color: var(--brand--color--primary);
  color: var(--brand--color--primary-foreground);
  font-weight: 700;
}

.upsell-header-bar__step-content {
  display: block;
}

.upsell-header-bar__step-label {
  font-size: 1rem;
  text-transform: uppercase;
  
}
.upsell-header-bar__step-label.small,
.upsell-header-bar__step-label--small {
  font-size: .685rem;
}

@media screen and (max-width: 991px) {
  .upsell-header-bar__inner,
  .upsell-header-bar__wrapper {
    min-height: 4rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  .upsell-header-bar__right {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .upsell-header-bar__inner,
  .upsell-header-bar__wrapper {
    flex-direction: column;
    gap: 8px;
    padding-top: .75rem;
    padding-bottom: .7rem;
  }

  .upsell-header-bar__right {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .upsell-header-bar__steps {
    min-width: 170px;
  }

  .upsell-header-bar__progress-bar {
    top: .5rem;
  }

  .upsell-header-bar__step-circle {
    width: 1.15rem;
    height: 1.15rem;
    font-size: .685rem;
  }

  .upsell-header-bar__step-label {
    font-size: var(--font-size--xs);
  }
}

/* ========================================
   UPSELL HEADER (main – up01 / up01-mv)
======================================== */
.upsell-header {
  padding-top: var(--spacing--1);
  padding-bottom: var(--spacing--5);
  background-color: var(--brand--color--primary);
  color: #fff;
}

.upsell-header__inner {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: center;
  flex-flow: column;
  align-items: center;
  padding: 1.5rem;
  display: flex;
}

.upsell-header__title {
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--font-size--4xl);
  font-weight: 700;
  line-height: 1.2;
}

.upsell-header__offer {
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--font-size--3xl);
  font-weight: 700;
  line-height: 1.3;
}

.upsell-header__suboffer {
  font-size: var(--font-size--2xl);
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  .upsell-header {
    padding-top: var(--spacing--1);
    padding-bottom: var(--spacing--6);
  }
}

@media screen and (max-width: 767px) {
  .upsell-header__inner {
    padding: 0;
  }

  .upsell-header__title {
    font-size: var(--font-size--2xl);
  }

  .upsell-header__offer {
    font-size: var(--font-size--lg);
  }

  .upsell-header__suboffer {
    font-size: var(--font-size--base);
  }
}

/* ========================================
   UPSELL HEADER SECONDARY (up02 / up04)
======================================== */
.upsell-header-secondary {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
    background-color: var(--brand--color--primary);
    text-align: center;
    flex-flow: column;
    align-items: center;
    padding: 1.5rem;
    display: flex;
    color: #fff;
}

.upsell-header-secondary__title {
  font-size: var(--font-size--sm);
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
}

.upsell-header-secondary__offer {
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--font-size--3xl);
  font-weight: 700;
  line-height: 1.2;
}

.upsell-header-secondary__description {
  font-size: var(--font-size--sm);
  margin: 0;
}

.upsell-header-secondary__ribbon {
  margin: 0;
}

/* Upsell content column (up01 / up01-mv) – max width for main offer column */
.upsell-content__column {
  width: 100%;
  max-width: 565px;
  overflow: hidden;
}

@media screen and (max-width: 991px) {
  .upsell-content__column {
    max-width: none;
  }
}

/* ========================================
   UPSELL OFFER CARD (up01 / up01-mv)
   Renamed from hero-left_content-bg-white, upsell4_*, sg_*, price_upsell4*, center-divider.cc-upsell4
======================================== */
.upsell-offer__card {
  background-color: #fff;
  flex-flow: column;
  align-items: flex-start;
  padding: 30px 24px;
  display: flex;
}

.upsell-offer__bullets {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  display: flex;
}

.upsell-offer__qty-label {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  font-weight: 600;
  display: flex;
}

.upsell-offer__quantity-row {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid var(--brand--color--primary-light);
  background-color: #fff;
  border-radius: 8px;
  padding: .5rem;
  display: flex;
}

.upsell-offer__qty-btn {
  cursor: pointer;
  border: 1px solid var(--brand--color--primary-light);
  background-color: var(--brand--color--primary-light);
  color: var(--brand--color--primary);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
}

.upsell-offer__qty-btn--selected,
.upsell-offer__qty-btn.next-selected {
  border-color: var(--brand--color--primary);
  background-color: var(--brand--color--primary);
  color: #fff;
}

.upsell-offer__price {
  font-size: var(--font-size--4xl);
  font-weight: 700;
  line-height: 1;
}

.upsell-offer__price.diagonal-strike {
  color: #6c757d;
}

.upsell-offer__price-heading {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.upsell-offer__divider {
  background-color: #dbdbdb;
  border-radius: 5px;
  min-width: 2px;
  height: 110px;
}

/* Quantity row wrapper (up01 / up01-mv) – moved from next-core */
.select-quantity-wrapper {
  justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 24px;
    display: flex;
    gap: 6px;
}

@media screen and (max-width: 991px) {
  .select-quantity-wrapper {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .upsell-offer__card {
    width: 100%;
    padding-left: 18px;
    padding-right: 18px;
  }

  .upsell-offer__bullets {
    grid-column-gap: 7.5px;
    grid-row-gap: 7.5px;
    flex-flow: column;
    width: 100%;
  }

  .upsell-offer__qty-label {
    grid-column-gap: 0;
    grid-row-gap: 0;
    margin-right: 1rem;
    line-height: 1.2;
  }

  .upsell-offer__qty-btn {
    width: 2rem;
    height: 2rem;
  }

  .upsell-offer__divider {
    height: 80px;
  }

  .upsell-offer__price {
    font-size: var(--font-size--3xl);
  }

  .select-quantity-wrapper {
    margin-bottom: 16px;
  }
}

/* Upsell offer image column (up01 / up01-mv) – was .grid-item.max-w-474 */
.upsell-offer__image-column {
  background-color: var(--brand--color--primary-light);
  flex-flow: row;
  align-items: stretch;
  width: 100%;
  padding: 24px;
  display: block;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 991px) {
  .upsell-offer__image-column {
    order: -1;
    max-width: none;
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media screen and (max-width: 767px) {
  .upsell-offer__image-column {
    padding-left: 24px;
    padding-right: 24px;
  }
}
/* Animation Attributes */
@keyframes pageblock-pulse-upsell {
  0% { transform: scale(0.9); }
  50% { transform: scale(1.0); }
  100% { transform: scale(0.9); }
}
[pb-animate="pulse-upsell"] {
  animation: pageblock-pulse-upsell 1.5s ease infinite!important;
}


/* Upsell ships info (up01) */
.upsell-ships-info {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  margin-top: 10px;
  border: 2px solid var(--brand--color--primary, #1f4ba2);
  border-radius: 4px;
}

@media (min-width: 992px) {
  .upsell-ships-info {
    margin-top: 20px;
  }
}

.upsell-ships-info__icon {
  height: 60px;
  margin-right: 10px;
}

.upsell-ships-info__text {
  font-size: 13px;
  text-align: left;
}

.upsell-ships-info__flag {
  height: 16px;
  vertical-align: middle;
}

.grid-full {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.margin-12 {
  margin-top: 12px;
}

.divider_line {
  background-color: #e5e5e5;
  width: 100%;
  min-height: 1px;
  margin-top: 22px;
  margin-bottom: 25px;
}

.divider_line._25 {
  margin-top: 25px;
}

.divider_line.margin-32 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.checkout-button-wrapper {
  flex-flow: column;
  align-items: center;
  width: 100%;
  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;
}

.payment-img-wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.badge-text-black {
  color: #000;
  font-size: var(--font-size--sm);
  font-weight: 600;
}

.right-bullet-icon {
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  display: flex;
}

.cc-decline-wrapper {
  justify-content: center;
  width: 100%;
  margin-top: 1rem;
  display: flex;
}

.upsell-scarcity {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 2px dashed var(--brand--color--primary);
  background-color: var(--brand--color--primary-light);
  align-items: center;
  padding: .75rem;
  display: flex;
}

.clock-iconss {
  font-size: 38px;
  line-height: 1;
}

.countdown-clock {
  font-size: var(--font-size--lg);
  font-weight: 700;
}

.features-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  display: flex;
}

.features-wrapper.cc-sm {
  font-size: var(--font-size--sm);
}

.feature-items {
  background-color: var(--brand--color--primary-lighter);
  border-radius: 100px;
  padding: .5rem 1rem;
  font-weight: 600;
}

.also-bought-bar {
  background-color: var(--brand--color--primary-foreground);
  color: var(--brand--color--primary);
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: .5rem 2.5rem;
  font-size: var(--font-size--base);
  font-weight: 700;
  display: flex;
  position: relative;
}

.also-bought-bar.ribbon {
  -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 25px) 50%, 100% 100%, 0 100%, 25px 50%);
  clip-path: polygon(0 0, 100% 0, calc(100% - 25px) 50%, 100% 100%, 0 100%, 25px 50%);
}

.price-display {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  font-size: 33.63px;
  font-weight: 400;
  display: flex;
}

.price-display.cc-sms {
  font-size: var(--font-size--2xl);
}

@media screen and (max-width: 991px) {
  .divider_line._25 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .divider_line.margin-32 {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .prices-text-wrapper {
    margin-bottom: 26px;
  }
}

@media screen and (max-width: 767px) {
  .divider_line {
    margin-top: 16px;
    margin-bottom: 18px;
  }
}

@media screen and (max-width: 479px) {
  .margin-12 {
    margin-top: 10px;
  }

  .prices-text-wrapper {
    margin-bottom: 20px;
  }

  .price-wrapper {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .badge-text-black {
    font-size: var(--font-size--xs);
    line-height: 15px;
  }

  .right-bullet-icon {
    width: 20px;
    height: 20px;
  }
}