/** Shopify CDN: Minification failed

Line 10826:91 "ackground-repeat" is not a known CSS property
Line 10992:44 "font-siz" is not a known CSS property
Line 12710:58 Expected ":"
Line 12710:59 Expected identifier but found "0"

**/
/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */
*, :before, :after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  border-color: rgb(var(--text-color) / .12);
}

html {
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  scroll-padding-block-start: calc(var(--sticky-area-height)  + 20px);
  line-height: 1.5;
}

body {
  --background: var(--background-primary);
  --text-color: var(--text-primary);
  background: rgb(var(--background));
  color: rgb(var(--text-color));
  font: var(--text-font-style) var(--text-font-weight) var(--text-base) / 1.6 var(--text-font-family);
  letter-spacing: var(--text-letter-spacing);
  margin: 0;
  position: relative;
}

hr {
  color: inherit;
  border-top-width: 1px;
  height: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

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

b, strong {
  font-weight: bolder;
}

code, kbd, samp, pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-size: 1em;
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  font-style: inherit;
  line-height: inherit;
  text-transform: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

button, select {
  text-transform: none;
}

button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
  text-align: inherit;
  background-color: #0000;
  background-image: none;
}

button, label, summary, [role="button"], [type="checkbox"], [type="radio"], [type="submit"] {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  cursor: pointer;
}

:-moz-focusring {
  outline: auto;
}

:-moz-ui-invalid {
  box-shadow: none;
}

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

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

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

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

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

::-webkit-date-and-time-value {
  text-align: start;
}

summary {
  -webkit-user-select: none;
  user-select: none;
  list-style-type: none;
}

summary::-webkit-details-marker {
  display: none;
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol, ul, menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

textarea {
  resize: vertical;
}

input::placeholder, textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}

:disabled {
  cursor: default;
}

img, video, iframe, object {
  vertical-align: middle;
  display: block;
}

img {
  color: #0000;
  max-width: min(var(--image-mobile-max-width, var(--image-max-width, 100%)), 100%);
  object-fit: inherit;
  object-position: inherit;
  height: auto;
}

picture source {
  display: contents;
}

picture img {
  min-height: inherit;
  width: 100%;
  max-height: 100%;
}

video {
  width: 100%;
  max-width: 100%;
  height: auto;
}

:focus:not(:focus-visible) {
  outline: none;
}

[hidden] {
  display: none !important;
}

height-observer, visibility-progress, scroll-area, video-media, model-media, media-carousel, impact-text, recently-viewed-products {
  display: block;
}

@media screen and (min-width: 700px) {
  img {
    max-width: min(var(--image-max-width, 100%), 100%);
  }
}

.pswp {
  --pswp-bg: rgb(var(--background-primary));
  --pswp-placeholder-bg: rgb(var(--background-primary));
  --pswp-root-z-index: 100000;
  --pswp-icon-color: rgb(var(--background-primary));
  --pswp-icon-color-secondary: rgb(var(--background-primary));
  --pswp-icon-stroke-color: rgb(var(--text-primary));
  --pswp-icon-stroke-width: 2px;
  --pswp-error-text-color: rgb(var(--text-primary));
  z-index: var(--pswp-root-z-index);
  touch-action: none;
  opacity: .003;
  contain: layout style size;
  -webkit-tap-highlight-color: #0000;
  outline: 0;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.pswp img {
  max-width: none;
}

.pswp--open {
  display: block;
}

.pswp, .pswp__bg {
  will-change: opacity;
  transform: translateZ(0);
}

.pswp__bg {
  opacity: .005;
  background: var(--pswp-bg);
}

.pswp, .pswp__scroll-wrap {
  overflow: hidden;
}

.pswp__scroll-wrap, .pswp__bg, .pswp__container, .pswp__item, .pswp__content, .pswp__img, .pswp__zoom-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.pswp__img, .pswp__zoom-wrap {
  width: auto;
  height: auto;
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
  cursor: var(--cursor-zoom-in-svg-url) 28 28, zoom-in;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
  cursor: grab;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
  cursor: grabbing;
}

.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img, .pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active, .pswp__img {
  cursor: var(--cursor-zoom-out-svg-url) 28 28, zoom-out;
}

.pswp__container, .pswp__img, .pswp__button {
  -webkit-user-select: none;
  user-select: none;
}

.pswp__item {
  z-index: 1;
  overflow: hidden;
}

.pswp__hidden {
  display: none !important;
}

.pswp__content {
  pointer-events: none;
}

.pswp__content > * {
  pointer-events: auto;
}

.pswp__error-msg-container {
  display: grid;
}

.pswp__error-msg {
  color: var(--pswp-error-text-color);
  margin: auto;
  font-size: 1em;
  line-height: 1;
}

.pswp .pswp__hide-on-close {
  opacity: .005;
  will-change: opacity;
  transition: opacity var(--pswp-transition-duration) cubic-bezier(.4, 0, .22, 1);
  z-index: 10;
  pointer-events: none;
}

.pswp--ui-visible .pswp__hide-on-close {
  opacity: 1;
  pointer-events: auto;
}

.pswp__button {
  -webkit-touch-callout: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.pswp__button:disabled {
  opacity: .3;
  cursor: auto;
}

.pswp__button svg {
  display: block;
}

.pswp__top-bar, .pswp__bottom-bar {
  z-index: 10;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none !important;
}

.pswp__top-bar > *, .pswp__bottom-bar > * {
  pointer-events: auto;
  will-change: opacity;
}

.pswp__bottom-bar {
  justify-content: center;
  top: auto;
  bottom: 24px;
}

.pswp__bottom-bar .pagination {
  border-radius: var(--rounded-full);
}

.pswp__button--close {
  margin-block-start: 24px;
  margin-inline-end: 24px;
  transition: transform .2s;
}

.pswp__preloader {
  display: none;
}

@media screen and (min-width: 700px) {
  .pswp__bottom-bar {
    bottom: 48px;
  }

  .pswp__button--close {
    margin-block-start: 48px;
    margin-inline-end: 48px;
  }
}

@media screen and (pointer: fine) {
  .pswp__button--close:hover {
    transform: rotate(90deg);
  }
}

.accordion {
  --accordion-spacing: var(--spacing-5);
  box-sizing: content-box;
  border-block-start-width: 1px;
  border-block-end-width: 1px;
}

.accordion__toggle {
  gap: var(--spacing-2);
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
  padding-block-start: var(--accordion-spacing);
  padding-block-end: var(--accordion-spacing);
  display: flex;
}

.accordion__content {
  margin-block-end: var(--accordion-spacing);
  padding-inline-end: var(--spacing-6);
  transform: translateY(-4px);
}

.accordion--lg {
  --accordion-spacing: var(--spacing-8);
}

.accordion + .accordion {
  border-block-start-width: 0;
}

.accordion-box {
  padding: var(--spacing-1) var(--spacing-6);
}

.accordion-box > :first-child {
  border-block-start-width: 0;
}

.accordion-box > :last-child {
  border-block-end-width: 0;
}

@media screen and (min-width: 1000px) {
  .accordion-box {
    padding: var(--spacing-5) var(--spacing-12);
  }
}

.blog-post-card {
  --blog-post-card-badge-spacing: var(--spacing-3);
  --blog-post-card-figure-gap: var(--spacing-5);
  --blog-post-card-meta-gap: var(--spacing-1) var(--spacing-5);
  gap: var(--blog-post-card-figure-gap);
  align-content: start;
  display: grid;
  overflow: hidden;
}

.blog-post-card__figure {
  display: block;
  position: relative;
  overflow: hidden;
}

.blog-post-card__figure > .badge {
  z-index: 1;
  position: absolute;
  top: var(--blog-post-card-badge-spacing);
}

.blog-post-card__figure > .badge:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: var(--blog-post-card-badge-spacing);
}

.blog-post-card__figure > .badge:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: var(--blog-post-card-badge-spacing);
}

.blog-post-card__meta {
  gap: var(--blog-post-card-meta-gap);
  flex-wrap: wrap;
  display: flex;
}

.blog-post-card--featured {
  grid-column: 1 / -1;
  gap: 0;
}

.blog-post-card--featured .blog-post-card__info {
  padding: var(--spacing-5);
}

@media screen and (min-width: 700px) {
  .blog-post-card {
    --blog-post-card-badge-spacing: var(--spacing-4);
    --blog-post-card-figure-gap: var(--spacing-6);
    --blog-post-card-meta-gap: var(--spacing-2) var(--spacing-6);
  }

  .blog-post-card--featured .blog-post-card__info {
    padding: var(--spacing-12);
  }
}

@media screen and (min-width: 1000px) {
  .blog-post-card--featured {
    grid-template-columns: 1fr .7fr;
    display: grid;
  }
}

@media screen and (min-width: 1150px) {
  .blog-post-card--featured {
    grid-template-columns: 1fr .54fr;
  }

  .blog-post-card--featured .blog-post-card__info {
    padding: var(--spacing-16);
  }
}

.blog-posts {
  --blog-posts-gap: var(--spacing-8) var(--grid-gutter);
  grid: var(--blog-posts-grid);
  gap: var(--blog-posts-gap);
  display: grid;
}

@media screen and (min-width: 700px) {
  .blog-posts {
    --blog-posts-gap: var(--spacing-12) var(--grid-gutter);
  }
}

@media screen and (min-width: 1000px) {
  .blog-posts {
    --blog-posts-gap: var(--spacing-12);
  }
}

@media screen and (min-width: 1400px) {
  .blog-posts {
    --blog-posts-gap: min(var(--section-inner-spacing-inline), var(--spacing-20));
  }
}

.button, .btn {
  --button-background: var(--button-background-primary) / var(--button-background-opacity, 1);
  --button-text-color: var(--button-text-primary);
  --button-outline-color: var(--button-background-primary);
  -webkit-appearance: none;
  appearance: none;
  border-radius: var(--rounded-button);
  background-color: rgb(var(--button-background));
  color: rgb(var(--button-text-color));
  text-align: center;
  font-size: var(--text-sm);
  letter-spacing: var(--text-letter-spacing);
  padding-block-start: var(--spacing-2-5);
  padding-block-end: var(--spacing-2-5);
  padding-inline-start: var(--spacing-5);
  padding-inline-end: var(--spacing-5);
  font-weight: bold;
  line-height: 1.6;
  transition: background-color .15s ease-in-out, color .15s ease-in-out, box-shadow .15s ease-in-out;
  display: inline-block;
  position: relative;
}

.button--sm {
  font-size: var(--text-xs);
  padding-block-start: var(--spacing-2);
  padding-block-end: var(--spacing-2);
  line-height: 1.7;
}

.button--lg {
  font-size: var(--text-base);
  padding-block-start: .8125rem;
  padding-block-end: .8125rem;
  padding-inline-start: var(--spacing-6);
  padding-inline-end: var(--spacing-6);
}

.button--xl {
  font-size: var(--text-base);
  padding-block-start: var(--spacing-4);
  padding-block-end: var(--spacing-4);
  padding-inline-start: var(--spacing-8);
  padding-inline-end: var(--spacing-8);
}

.button--secondary {
  --button-background: var(--button-background-secondary) / var(--button-background-opacity, 1);
  --button-text-color: var(--button-text-secondary);
  --button-outline-color: var(--button-background-secondary);
}

.button--subdued {
  --button-background: var(--text-color) / .1 !important;
  --button-text-color: var(--text-color) !important;
  --button-outline-color: var(--text-color) !important;
}

.button--outline {
  color: rgb(var(--button-outline-color) / var(--button-background-opacity, 1));
  background: none;
  box-shadow: inset 0 0 0 2px;
}

.button__loader, .button__feedback {
  gap: var(--spacing-1-5);
  opacity: 0;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* .button__loader > * {
  width: var(--spacing-1-5);
  height: var(--spacing-1-5);
  border-radius: var(--rounded-full);
  background: currentColor;
} */

@media screen and (min-width: 700px) {
  .button, .btn {
    padding-block-start: var(--spacing-3);
    padding-block-end: var(--spacing-3);
    padding-inline-start: var(--spacing-6);
    padding-inline-end: var(--spacing-6);
  }

  .button--sm {
    padding-block-start: var(--spacing-2);
    padding-block-end: var(--spacing-2);
    padding-inline-start: var(--spacing-5);
    padding-inline-end: var(--spacing-5);
  }

  .button--lg {
    padding-block-start: var(--spacing-3-5);
    padding-block-end: var(--spacing-3-5);
    padding-inline-start: var(--spacing-8);
    padding-inline-end: var(--spacing-8);
  }

  .button--xl {
    padding-block-start: 1.075rem;
    padding-block-end: 1.075rem;
    padding-inline-start: var(--spacing-10);
    padding-inline-end: var(--spacing-10);
  }
}

.back-button {
  align-items: center;
  gap: var(--spacing-4);
  padding: var(--spacing-2) var(--spacing-4);
  border-radius: var(--rounded-button);
  opacity: .7;
  border-width: 1px;
  transition: all .2s ease-in-out;
  display: flex;
}

@media screen and (pointer: fine) {
  .back-button:hover {
    opacity: 1;
  }
}

@media screen and (min-width: 700px) {
  .back-button {
    padding: var(--spacing-3) var(--spacing-6);
  }
}

.circle-button {
  width: var(--spacing-12);
  height: var(--spacing-12);
  border-radius: var(--rounded-full);
  place-items: center;
  transition: opacity .15s ease-in;
  display: grid;
}

.circle-button[disabled] {
  opacity: .5;
  pointer-events: none;
}

.circle-button--fill {
  background: rgb(var(--background-primary));
  color: rgb(var(--text-primary));
}

.circle-button--bordered {
  border: 2px solid;
}

.circle-button--sm {
  width: var(--spacing-10);
  height: var(--spacing-10);
}

.circle-button--lg {
  width: var(--spacing-14);
  height: var(--spacing-14);
}

.animated-arrow {
  pointer-events: none;
  place-items: center;
  display: grid;
}

.animated-arrow:before, .animated-arrow:after {
  content: "";
  grid-area: 1 / -1;
  transition: all .2s ease-in-out;
}

.animated-arrow:before {
  border-block-start-width: 2px;
  border-inline-end-width: 2px;
  transform: rotate(calc(var(--transform-logical-flip) * 45deg));
  border-color: currentColor;
  width: .5rem;
  height: .5rem;
  position: relative;
}

.animated-arrow:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
  left: -1px;
}

.animated-arrow:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
  right: -1px;
}

.animated-arrow:after {
  width: var(--spacing-2-5);
  height: var(--spacing-0-5);
  transform-origin: center;
  opacity: 0;
  background: currentColor;
  transform: scaleX(.5);
}

@media screen and (pointer: fine) {
  .group:hover .animated-arrow:before {
    transform: translateX(calc(var(--transform-logical-flip) * var(--spacing-0-5))) rotate(calc(var(--transform-logical-flip) * 45deg));
  }

  .group:hover .animated-arrow:after {
    opacity: 1;
    transform: scaleX(1);
  }
}

.animated-arrow--reverse {
  transform: rotate(180deg);
}

.circle-chevron {
  width: var(--spacing-6);
  height: var(--spacing-6);
  border-radius: var(--rounded-full);
  background: rgb(var(--text-color) / .1);
  flex-shrink: 0;
  place-items: center;
  transition: all .2s ease-in-out;
  display: grid;
}

.circle-chevron[disabled] {
  opacity: .5;
}

.group[aria-expanded="true"] .circle-chevron.group-expanded\:colors:not([disabled]) {
  background: rgb(var(--text-color));
  color: rgb(var(--background));
}

.group[aria-expanded="true"] .circle-chevron.group-expanded\:rotate {
  transform: rotate(calc(var(--transform-logical-flip) * 180deg));
}

@media screen and (pointer: fine) {
  .group:hover .circle-chevron.group-hover\:colors:not([disabled]), .circle-chevron.hover\:colors:hover:not([disabled]) {
    background: rgb(var(--text-color));
    color: rgb(var(--background));
  }
}

scroll-carousel {
  position: relative;
}

.content-over-media {
  grid-template: 0 minmax(0, 1fr) 0 / minmax(0, 1fr) minmax(0, min(var(--container-max-width), 100% - var(--content-over-media-gap, var(--content-over-media-column-gap, var(--container-gutter))) * 2)) minmax(0, 1fr);
  gap: var(--content-over-media-row-gap, var(--content-over-media-gap, var(--container-gutter))) var(--content-over-media-column-gap, var(--content-over-media-gap, var(--container-gutter)));
  place-items: center;
  display: grid;
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
}

.content-over-media:before {
  content: "";
  background: rgb(var(--content-over-media-overlay));
  border-radius: inherit;
  z-index: 1;
  pointer-events: none;
  transition: background .2s ease-in-out;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.content-over-media > :is(picture, img, video, iframe, svg, video-media) {
  height: var(--content-over-media-height, auto);
  transform-origin: top;
  overflow-wrap: anywhere;
  object-fit: cover;
  object-position: center;
  border-radius: inherit;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  grid-area: 1 / 1 / span 3 / span 3;
  place-self: stretch stretch;
  width: 100%;
  min-height: 100%;
  max-height: 100%;
  position: relative;
}

.content-over-media > :is(picture, img, video, iframe, svg, video-media) > * {
  border-radius: inherit;
}

.content-over-media > :not(img, video, iframe, svg, video-media, picture) {
  max-width: var(--content-over-media-content-max-width, 780px);
  z-index: 1;
  grid-area: 2 / 2 / auto / span 1;
  position: relative;
}

[allow-transparent-header] :is(.content-over-media > :not(img, video, iframe, svg, video-media, picture)) {
  padding-block-start: calc(var(--header-height) * var(--section-is-first));
}

.content-over-media > video-media:not([autoplay]) ~ * {
  transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
}

.content-over-media > video-media:not([autoplay])[loaded] ~ * {
  opacity: 0;
  visibility: hidden;
}

.content-over-media:has( > video-media[loaded]:not([autoplay])):before {
  background: none;
  transition-delay: .1s;
}

.content-over-media--sm {
  --content-over-media-height: 375px;
}

.content-over-media--md {
  --content-over-media-height: 480px;
}

.content-over-media--lg {
  --content-over-media-height: 560px;
}

.content-over-media--fill {
  --content-over-media-height: calc(100vh - var(--sticky-area-height));
}

.shopify-section:first-child [allow-transparent-header] .content-over-media--fill {
  --content-over-media-height: calc(100vh - var(--announcement-bar-height, 0px));
}

@supports (height: 100svh) {
  .content-over-media--fill {
    --content-over-media-height: calc(100svh - var(--sticky-area-height));
  }

  .shopify-section:first-child [allow-transparent-header] .content-over-media--fill {
    --content-over-media-height: calc(100svh - var(--announcement-bar-height, 0px));
  }
}

@media screen and (min-width: 700px) {
  .content-over-media--sm {
    --content-over-media-height: 400px;
  }

  .content-over-media--md {
    --content-over-media-height: 460px;
  }

  .content-over-media--lg {
    --content-over-media-height: 560px;
  }
}

@media screen and (min-width: 1400px) {
  .content-over-media--sm {
    --content-over-media-height: 440px;
  }

  .content-over-media--md {
    --content-over-media-height: 500px;
  }

  .content-over-media--lg {
    --content-over-media-height: 640px;
  }

  .content-over-media--fill > :is(img, video, iframe, svg, video-media, picture) {
    max-height: 1200px;
  }
}

@media screen and (min-width: 1600px) {
  .content-over-media--md {
    --content-over-media-height: 560px;
  }

  .content-over-media--lg {
    --content-over-media-height: 720px;
  }
}

.page-dots {
  justify-content: center;
  gap: var(--spacing-2-5) var(--spacing-4);
  flex-wrap: wrap;
  display: flex;
}

.page-dots > * {
  width: var(--spacing-1-5);
  height: var(--spacing-1-5);
  border-radius: var(--rounded-full);
  opacity: .3;
  background: currentColor;
  transition: opacity .2s ease-in-out;
}

.page-dots > *[aria-current="true"] {
  opacity: 1;
}

.page-dots--blurred {
  padding: var(--spacing-2) var(--spacing-4);
  border-radius: var(--rounded-full);
  background: rgb(var(--background) / .7);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.stretching-dots {
  align-items: center;
  gap: var(--spacing-5);
  display: flex;
}

.stretching-dots > * {
  width: var(--spacing-2);
  height: var(--spacing-2);
  border-radius: var(--spacing-2);
  opacity: .5;
  background: currentColor;
  transition: opacity .5s cubic-bezier(.34, 1.56, .64, 1), width .5s cubic-bezier(.34, 1.56, .64, 1);
}

.stretching-dots > *[aria-current="true"] {
  width: var(--spacing-6);
  opacity: 1;
}

.numbered-dots {
  align-items: center;
  gap: var(--spacing-2);
  display: flex;
}

.numbered-dots__item {
  width: var(--spacing-8);
  height: var(--spacing-8);
  will-change: transform;
  border-radius: 100%;
  place-items: center;
  font-weight: bold;
  transition: color .2s;
  display: grid;
}

.numbered-dots__item > * {
  grid-area: 1 / -1;
}

.numbered-dots__item svg {
  width: inherit;
  height: inherit;
  transform: rotate(-90deg);
}

.numbered-dots__item circle {
  fill: none;
  stroke: currentColor;
  stroke-linecap: butt;
  stroke-opacity: .3;
  stroke-width: 2px;
}

.numbered-dots__item[aria-current="true"] circle:last-child {
  --radius: 15;
  --circumference: calc(2px * (22 / 7) * var(--radius));
  stroke-opacity: 1;
  stroke-dasharray: calc(var(--circumference) * var(--progress, 1)), var(--circumference);
}

.prev-next-buttons {
  align-items: center;
  gap: var(--spacing-4);
  display: flex;
}

:is(.drawer, .popover):not(:defined) {
  display: none;
}

:is(.drawer, .popover)::part(outside-close-button), :is(.drawer, .popover)::part(close-button) {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  border: none;
  padding: 0;
}

:is(.drawer, .popover)::part(outside-close-button) {
  width: var(--spacing-12);
  height: var(--spacing-12);
  bottom: 100%;
  left: calc(50% - var(--spacing-6));
  background: rgb(var(--dialog-background));
  color: rgb(var(--text-color));
  border-radius: var(--rounded-full);
  z-index: 1;
  place-items: center;
  margin-block-end: var(--spacing-4);
  margin-inline-start: auto;
  margin-inline-end: auto;
  display: grid;
  position: absolute;
      border: 1px #9d9d9d solid;
}

:is(.drawer, .popover)::part(close-button) {
  color: currentColor;
  background: none;
  margin-inline-start: auto;
  display: none;
}

@media screen and (min-width: 700px) {
  :is(.drawer, .popover)::part(outside-close-button) {
    display: none;
  }

  :is(.drawer, .popover)::part(close-button) {
    display: grid;
  }
}

.popover {
  --background: var(--dialog-background);
  --text-color: var(--text-primary);
  --popover-title-padding: var(--spacing-5);
  --popover-body-padding: var(--spacing-4) 0;
  --popover-content-max-height: 75vh;
  --popover-content-max-width: none;
  --popover-anchor-block-spacing: var(--spacing-4);
  --popover-anchor-inline-spacing: 0;
  visibility: hidden;
  padding: var(--spacing-2);
  z-index: 999;
  width: 100%;
  display: none;
  position: fixed;
}

.popover::part(overlay) {
  cursor: var(--cursor-close-svg-url) 28 28, auto;
  background: #0006;
  min-height: 100lvh;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display:none
}

.popover::part(title) {
  padding: var(--popover-title-padding);
  border-block-end: 1px solid rgb(var(--border-color));
  text-align: center;
}

.popover::part(content) {
  max-height: var(--popover-content-max-height);
  max-width: var(--popover-content-max-width);
  background: rgb(var(--dialog-background));
  color: rgb(var(--text-color));
  border-radius: 8px;
  flex-direction: column;
  height: 100%;
  display: flex;
  position: relative;
  border: 1px #9d9d9d solid;
}

.popover::part(body) {
  overscroll-behavior-y: contain;
  padding: var(--popover-body-padding);
  text-align: center;
  overflow-y: auto;
}

@media screen and (min-width: 1000px) {
  .popover {
    --popover-content-max-height: 350px;
    --popover-content-max-width: 380px;
    z-index: 10;
    width: auto;
    padding: 0;
    position: absolute;
  }

  .popover::part(content) {
    border-radius: var(--rounded-input);
    box-shadow: var(--shadow-md);
    border: 1px solid rgb(var(--border-color));
    width: max-content;
  }

  .popover::part(title), .popover::part(overlay) {
    display: none;
  }

  .popover::part(body) {
    text-align: start;
  }
}

.popover-listbox__option {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-2);
  padding: var(--spacing-2) var(--spacing-6);
  color: rgb(var(--text-color) / .7);
  width: 100%;
  transition: color .2s ease-in-out;
  display: flex;
}

.popover-listbox__option.is-disabled {
  text-decoration: line-through;
}

.popover-listbox__option[aria-selected="true"], .popover-listbox__option:hover {
  color: rgb(var(--text-color));
}

@media screen and (min-width: 1000px) {
  .popover-listbox__option {
    justify-content: start;
    padding-block-start: var(--spacing-1-5);
    padding-block-end: var(--spacing-1-5);
    padding-inline-end: var(--spacing-10);
  }

  .popover-listbox--sm .popover-listbox__option {
    line-height: 1.7;
    font-size: var(--text-sm);
    padding-block-start: var(--spacing-1);
    padding-block-end: var(--spacing-1);
  }
}

.drawer {
  --container-outer-width: var(--spacing-6);
  --background: var(--dialog-background);
  --text-color: var(--text-primary);
  --drawer-header-padding: var(--spacing-5);
  --drawer-body-padding: var(--spacing-5) var(--spacing-6);
  --drawer-footer-padding: var(--spacing-6);
  --drawer-content-max-height: none;
  visibility: hidden;
  padding: var(--spacing-2);
  z-index: 999;
  width: 100%;
  position: fixed;
  right: 0;
}

.drawer::part(overlay) {
  background: #0006;
  min-height: 100lvh;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display:none
}

.drawer.show-close-cursor::part(overlay) {
  cursor: var(--cursor-close-svg-url) 28 28, auto;
}

.drawer::part(content) {
  max-height: var(--drawer-content-max-height);
  border-radius: var(--rounded-sm);
  background: rgb(var(--dialog-background));
  color: rgb(var(--text-color));
  flex-direction: column;
  height: 100%;
  display: flex;
  position: relative;
  box-shadow: inset 0 0 18px #c9c9c9;
}

.drawer::part(header) {
  padding: var(--drawer-header-padding);
}

.drawer::part(body) {
  padding: var(--drawer-body-padding);
  overscroll-behavior-y: contain;
  flex: auto;
  align-items: start;
  display: grid;
  overflow-y: auto;
}

cart-drawer.drawer::part(body) {
  padding: 0 var(--drawer-body-padding);
  overflow-x:hidden;
}

.drawer::part(footer) {
  padding: var(--drawer-footer-padding);
  border-block-start: 1px solid rgb(var(--border-color));
  margin-block-start: auto;
  position: relative;
}

.drawer > [is="close-button"] {
  display: none;
  position: absolute;
  top: 1.5rem;
}

.drawer > [is="close-button"]:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 1.5rem;
}

.drawer > [is="close-button"]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 1.5rem;
}

@media screen and (max-width: 699px) {
  .drawer {
    --drawer-content-max-height: 75vh;     
  }
  .drawer::part(header) {
    text-align: center;
    border-bottom: 1px solid rgb(var(--border-color));
  }
  .drawer::part(content) {
    min-height: 75vh;
  }
  .popover::part(content) {
    min-height:75vh;
  }
  /*S.U*/
  .cart-drawer {
    max-width: 94%;
  }
}

@media screen and (min-width: 700px) {
  .drawer {
    --container-outer-width: var(--spacing-10);
    --drawer-header-padding: var(--spacing-4) var(--spacing-10);
    --drawer-body-padding: var(--spacing-4) var(--spacing-10);
    --drawer-footer-padding: var(--spacing-8) var(--spacing-10);
    padding: 5px 5px 5px var(--spacing-4);
    width: 510px;
    height: 100%;
  }

  .drawer::part(header) {
    align-items: center;
    gap: var(--spacing-4);
    display: flex;
    position: relative;
  }

  .drawer[header-bordered]::part(header) {
    border-bottom: 1px solid rgb(var(--border-color));
  }

  .drawer:not([header-bordered])::part(header) {
    padding-block-end: 0;
  }

  .drawer:not([header-bordered])::part(header):after {
    content: "";
    height: var(--spacing-8);
    background: linear-gradient(to bottom, rgb(var(--dialog-background)), rgb(var(--dialog-background) / .6) 50%, rgb(var(--dialog-background) / 0));
    z-index: 1;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
  }

  .drawer > [is="close-button"] {
    display: grid;
    top: 2.25rem;
  }

  .drawer > [is="close-button"]:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 2.25rem;
  }

  .drawer > [is="close-button"]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 2.25rem;
  }

  .drawer--lg {
    width: 680px;
  }
}

.banner {
  align-items: start;
  gap: var(--spacing-3-5);
  padding: var(--spacing-3-5);
  border-radius: var(--rounded-xs);
  font-size: var(--text-sm);
  color: rgb(var(--banner-color));
  background: rgb(var(--banner-background));
  grid-template-columns: max-content auto;
  display: grid;
}

.banner--error {
  --banner-background: var(--error-background);
  --banner-color: var(--error-text);
}

.banner--success {
  --banner-background: var(--success-background);
  --banner-color: var(--success-text);
}

.banner--warning {
  --banner-background: var(--warning-background);
  --banner-color: var(--warning-text);
}

.banner--with-icon > .button {
  grid-column-start: 2;
  justify-self: start;
}

@media screen and (min-width: 700px) {
  .banner--with-icon {
    grid-template-columns: max-content auto max-content;
    align-items: center;
  }

  .banner--with-icon svg {
    --icon-offset: 0;
  }

  .banner--with-icon > .button {
    grid-column-start: 3;
  }
}

.badge {
  --badge-background: var(--text-color) / .05;
  --badge-color: var(--text-color);
  align-items: center;
  gap: var(--spacing-1-5);
  padding: 3px var(--spacing-2);
  background: rgb(var(--badge-background));
  color: rgb(var(--badge-color));
  border-radius: var(--rounded-button);
  width: max-content;
  font-size: 9px;
  font-weight: bold;
  display: flex;
}

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

.badge--sold-out {
  --badge-background: var(--sold-out-badge-background);
  --badge-color: var(--sold-out-badge-text);
}

.badge--on-sale {
  --badge-background: var(--on-sale-badge-background);
  --badge-color: var(--on-sale-badge-text);
}

.badge--current {
  --badge-background: var(--text-color) / .12;
  --badge-color: var(--text-color);
}

.badge--lg {
  padding: var(--spacing-1) var(--spacing-3);
  font-size: var(--text-sm);
}

@media screen and (min-width: 700px) {
  .badge:not(.badge--lg) {
    font-size: var(--text-xs);
    padding-block-start: var(--spacing-0-5);
    padding-block-end: var(--spacing-0-5);
  }
}

.progress-bar {
  height: var(--spacing-1);
  border-radius: var(--rounded-full);
  background: rgb(var(--text-color) / .3);
  overflow: hidden;
}

.progress-bar:before {
  content: "";
  height: inherit;
  background: rgb(var(--accent));
  transform-origin: var(--transform-origin-start);
  transform: scaleX(var(--progress, 0));
  transition: transform .5s ease-in-out;
  display: block;
}

.scrollbar {
  align-items: center;
  gap: var(--spacing-10);
  color: rgb(var(--text-color));
  display: flex;
}

.scrollbar__progress {
  height: var(--spacing-0-5);
  background: rgb(var(--text-color) / .1);
  width: 100%;
  display: block;
  position: relative;
}

.scrollbar__progress:before {
  content: "";
  transform-origin: var(--transform-origin-start);
  transform: scaleX(var(--scroll-progress));
  background: rgb(var(--text-color));
  will-change: transform;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.scrollbar__buttons {
  display: none;
}

@media screen and (min-width: 1000px) {
  .scrollbar__buttons {
    gap: var(--spacing-4);
    display: flex;
  }
}

.count-bubble {
  --size: var(--spacing-4);
  width: var(--size);
  height: var(--size);
  border-radius: var(--rounded-full);
  background: rgb(var(--button-background-primary));
  color: rgb(var(--button-text-primary));
  place-items: center;
  min-width: min-content;
  padding-inline-start: var(--spacing-1);
  padding-inline-end: var(--spacing-1);
  font-size: 9px;
  font-weight: bold;
  line-height: 1;
  display: grid;
}

.count-bubble--md, .count-bubble--lg {
  --size: var(--spacing-5);
  font-size: var(--text-xs);
}

@media screen and (min-width: 700px) {
  .count-bubble--md {
    --size: var(--spacing-6);
  }

  .count-bubble--lg {
    --size: var(--spacing-7);
  }
}

.text-with-bubble {
  position: relative;
}

.text-with-bubble > .count-bubble {
  margin-inline-start: var(--spacing-2);
  position: absolute;
  top: 0;
}

.text-with-bubble > .count-bubble:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 100%;
}

.text-with-bubble > .count-bubble:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 100%;
}

.pill-loader {
  background: rgb(var(--background-primary));
  border-radius: var(--rounded-full);
  visibility: hidden;
  width: 2rem;
  height: 1rem;
  display: grid;
}

.pill-loader > * {
  grid-area: 1 / -1;
  place-self: center;
}

.loader-dots {
  justify-items: center;
  gap: .25rem;
  display: flex;
}

.loader-dots > * {
  border-radius: var(--rounded-full);
  background: currentColor;
  width: .25rem;
  height: .25rem;
}

.loader-checkmark {
  opacity: 0;
}

.form {
  align-content: start;
  gap: var(--spacing-4);
  display: grid;
}

.fieldset, .input-row {
  gap: var(--input-gap);
  display: grid;
}

.fieldset-link {
  margin-block-start: var(--spacing-2);
  margin-block-end: var(--spacing-2);
}

.fieldset-with-submit {
  align-items: start;
  gap: var(--spacing-4);
  display: grid;
}

@media screen and (min-width: 700px) {
  .form:not(.form--tight) {
    gap: var(--spacing-6);
  }

  .input-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fieldset-link {
    margin-block-start: 0;
    margin-block-end: var(--spacing-2);
  }

  .fieldset-with-submit {
    grid-template-columns: minmax(0, 1fr) max-content;
  }
}

.input, .textarea, .select {
  -webkit-appearance: none;
  appearance: none;
  height: var(--input-height);
  border-radius: var(--rounded-input);
  background: rgb(var(--input-background, transparent));
  color: rgb(var(--input-text-color, var(--text-color)));
  text-align: start;
  border-width: 1px;
  width: 100%;
  padding-inline-start: var(--input-padding-inline);
  padding-inline-end: var(--input-padding-inline);
}

:is(.input:focus, .textarea:focus, .select:focus-visible) {
  border-color: currentColor;
  outline: none;
  box-shadow: inset 0 0 0 1px;
}

.input.is-floating, .select.is-floating {
  height: calc(var(--input-height)  + .625rem);
  padding-block-start: var(--spacing-4);
}

.textarea {
  vertical-align: top;
  height: auto;
  padding-block-start: var(--spacing-4);
  padding-block-end: var(--spacing-4);
}

.textarea.is-floating {
  padding-block-start: var(--spacing-6);
  padding-block-end: var(--spacing-2);
}

.select {
  gap: var(--spacing-4);
  justify-content: space-between;
  align-items: center;
  padding-inline-end: calc(var(--input-padding-inline) * 2);
  display: flex;
}

.select-chevron {
  position: absolute;
  top: calc(50% - 3.5px);
}

.select-chevron:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: var(--input-padding-inline);
}

.select-chevron:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: var(--input-padding-inline);
}

.form-control {
  text-align: start;
  position: relative;
}

.block-label {
  width: -moz-fit-content;
  width: fit-content;
  margin-block-end: var(--spacing-2);
  display: block;
}

.floating-label {
  height: calc(var(--input-height)  + .625rem);
  top: 0;
  opacity: .5;
  pointer-events: none;
  transform-origin: var(--transform-origin-start);
  grid-auto-flow: column;
  align-items: center;
  column-gap: .5rem;
  margin-inline-start: var(--spacing-4);
  transition: transform .2s ease-in-out;
  display: grid;
  position: absolute;
}

.floating-label:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 1px;
}

.floating-label:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 1px;
}

:-webkit-any(:-webkit-any(.input, .textarea):focus ~ .floating-label, :-webkit-any(.input, .textarea):not(:placeholder-shown) ~ .floating-label, :-webkit-any(.input, .textarea, .select):-webkit-autofill ~ .floating-label, .select:valid ~ .floating-label) {
  transform: scale(.65) translateY(calc(-1 * var(--spacing-4)));
}

:is(:is(.input, .textarea):focus ~ .floating-label, :is(.input, .textarea):not(:placeholder-shown) ~ .floating-label, :is(.input, .textarea, .select):autofill ~ .floating-label, .select:valid ~ .floating-label) {
  transform: scale(.65) translateY(calc(-1 * var(--spacing-4)));
}

:-webkit-any(.input, .textarea, .select):-webkit-autofill ~ .floating-label {
  color: #000;
}

:is(.input, .textarea, .select):autofill ~ .floating-label {
  color: #000;
}

.self-submit-button {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}

.self-submit-button:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: var(--spacing-4);
}

.self-submit-button:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: var(--spacing-4);
}

@media screen and (min-width: 700px) {
  .floating-label {
    margin-inline-start: var(--spacing-5);
  }

  .self-submit-button:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: var(--spacing-5);
  }

  .self-submit-button:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: var(--spacing-5);
  }
}

.checkbox-container {
  align-items: baseline;
  display: flex;
}

.checkbox {
  -webkit-appearance: none;
  appearance: none;
  width: var(--spacing-4);
  height: var(--spacing-4);
  background: rgb(var(--text-color) / .15) var(--checkmark-svg-url) no-repeat center;
  background-size: 0;
  border-radius: 2px;
  flex-shrink: 0;
  transition: background-color .2s ease-in-out;
  position: relative;
  top: .1875rem;
  box-shadow: inset 1px 1px 2px #0000001a;
}

.checkbox:checked {
  background-color: rgb(var(--accent));
  background-size: 10px 8px;
}

.checkbox:checked ~ label {
  opacity: 1;
  transition: all .2s ease-in-out;
}

.checkbox ~ label {
  opacity: .7;
  padding-inline-start: var(--spacing-3);
}

.checkbox:disabled {
  opacity: .5;
}

.checkbox:disabled ~ label {
  color: rgb(var(--text-color) / .5);
  cursor: default;
}

.fieldset > .checkbox-container {
  margin-block-start: var(--spacing-1);
}

.checkbox-list {
  gap: var(--spacing-2);
  display: grid;
}

@media screen and (min-width: 700px) {
  .checkbox {
    top: var(--spacing-0-5);
  }
}

.switch {
  -webkit-appearance: none;
  appearance: none;
  height: var(--spacing-5);
  width: var(--spacing-10);
  border-radius: var(--rounded-full);
  background: rgb(var(--text-color) / .15);
  padding: 3px;
  transition: background .2s ease-in-out;
  display: grid;
}

.switch:after {
  content: "";
  width: var(--spacing-3-5);
  height: var(--spacing-3-5);
  background: rgb(var(--background));
  border-radius: var(--rounded-full);
  transition: transform .2s ease-in-out;
  box-shadow: 0 1px 1px #0003;
}

.switch:checked {
  background: rgb(var(--accent));
}

.switch:checked:after {
  transform: translateX(calc(var(--transform-logical-flip) * var(--spacing-5)));
}

.horizontal-product {
  --horizontal-product-image-size: var(--spacing-16);
  align-items: flex-start;
  gap: var(--spacing-4);
  padding: var(--spacing-4);
  min-width: 0;
  display: flex;
}

.horizontal-product__image {
  width: var(--horizontal-product-image-size);
  flex: 0 0 var(--horizontal-product-image-size);
}

.horizontal-product__info {
  gap: var(--spacing-2);
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
  display: grid;
}

@media screen and (min-width: 700px) {
  .horizontal-product {
    --horizontal-product-image-size: var(--spacing-20);
    gap: var(--spacing-5);
    align-items: center;
  }

  .horizontal-product--sm {
    --horizontal-product-image-size: var(--spacing-16);
  }

  .horizontal-product__info {
    gap: var(--spacing-4);
    display: flex;
  }

  .horizontal-product__cta {
    flex-shrink: 0;
    margin-inline-end: var(--spacing-4);
  }
}

.horizontal-product-list.separate {
  gap: var(--spacing-2);
  display: grid;
}

.horizontal-product-list-carousel > .horizontal-product-list {
  grid: auto / auto-flow 73vw;
  display: grid;
}

.horizontal-product-list-carousel > .horizontal-product-list:not(.separate) {
  border-radius: var(--rounded-xs);
  border-width: 1px;
}

@media screen and (min-width: 700px) {
  .horizontal-product-list-carousel {
    border-radius: var(--rounded-xs);
    grid-template-columns: minmax(0, 1fr);
  }

  .horizontal-product-list-carousel > .horizontal-product-list {
    grid: auto / auto-flow var(--horizontal-product-width, 100%);
  }
}

.v-stack {
  display: grid;
}

.h-stack {
  align-items: center;
  display: flex;
}

.container {
  --container-inner-width: min((100vw - var(--scrollbar-width, 0px))  - var(--container-gutter) * 2, var(--container-max-width));
  --container-outer-width: calc(((100vw - var(--scrollbar-width, 0px))  - var(--container-inner-width)) / 2);
  margin-inline-start: max(var(--container-gutter), 50% - var(--container-max-width) / 2);
  margin-inline-end: max(var(--container-gutter), 50% - var(--container-max-width) / 2);
}

.container--narrow {
  --container-max-width: var(--container-narrow-max-width);
}

@media screen and (min-width: 700px) {
  .sm\:container {
    --container-inner-width: min((100vw - var(--scrollbar-width, 0px))  - var(--container-gutter) * 2, var(--container-max-width));
    --container-outer-width: calc(((100vw - var(--scrollbar-width, 0px))  - var(--container-inner-width)) / 2);
    margin-inline-start: max(var(--container-gutter), 50% - var(--container-max-width) / 2);
    margin-inline-end: max(var(--container-gutter), 50% - var(--container-max-width) / 2);
  }
}

.bleed {
  scroll-padding-inline: var(--container-outer-width);
  margin-inline-start: calc(-1 * var(--container-outer-width));
  margin-inline-end: calc(-1 * var(--container-outer-width));
  padding-inline-start: var(--container-outer-width);
  padding-inline-end: var(--container-outer-width);
  display: grid;
}

.full-bleed {
  margin-inline-start: calc(-1 * var(--container-outer-width));
  margin-inline-end: calc(-1 * var(--container-outer-width));
  display: grid;
}

@media screen and (min-width: 700px) {
  .sm\:unbleed {
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;
    padding-inline-end: 0;
    scroll-padding-inline: 0;
  }
}

@media screen and (min-width: 1000px) {
  .md\:unbleed {
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;
    padding-inline-end: 0;
    scroll-padding-inline: 0;
  }
}

@media screen and (min-width: 1150px) {
  .lg\:unbleed {
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;
    padding-inline-end: 0;
    scroll-padding-inline: 0;
  }
}

[role="main"] .shopify-section {
  --section-is-first: 0;
  --hash-difference: calc(var(--section-background-hash)  - var(--previous-section-background-hash, -1));
  --hash-difference-abs: max(var(--hash-difference), -1 * var(--hash-difference));
  --background-differs-from-previous: max(0, min(var(--hash-difference-abs, 1), 1));
  background: rgb(var(--background));
  position: relative;
}

[role="main"] .shopify-section:not(.contents) {
  display: flow-root;
}

[role="main"] .shopify-section:empty {
  display: none;
}

[role="main"] .shopify-section:first-child {
  --section-is-first: 1;
}

.section {
  --context-section-spacing-block-start: var(--section-outer-spacing-block);
  --context-section-spacing-block-end: var(--section-outer-spacing-block);
  --context-section-spacing-inline: var(--container-gutter);
  --calculated-section-spacing-block-start: var(--section-spacing-block-start, var(--section-spacing-block, var(--context-section-spacing-block-start)));
  --calculated-section-spacing-block-end: var(--section-spacing-block-end, var(--section-spacing-block, var(--context-section-spacing-block-end)));
  --calculated-section-spacing-inline: var(--section-spacing-inline, var(--context-section-spacing-inline));
  --container-inner-width: min((100vw - var(--scrollbar-width, 0px))  - var(--calculated-section-spacing-inline, 0px) * 2, var(--container-max-width));
  --container-outer-width: calc(((100vw - var(--scrollbar-width, 0px))  - var(--container-inner-width, 0px)) / 2);
  --section-stack-spacing-inline: var(--section-inner-spacing-inline, 0px);
  padding-inline-start: max(var(--calculated-section-spacing-inline), 50% - var(--container-max-width) / 2);
  padding-inline-end: max(var(--calculated-section-spacing-inline), 50% - var(--container-max-width) / 2);
}

.section--tight {
  --calculated-section-spacing-block-start: min(48px, var(--section-spacing-block-start, var(--section-spacing-block, var(--context-section-spacing-block-start))));
  --calculated-section-spacing-block-end: min(48px, var(--section-spacing-block-end, var(--section-spacing-block, var(--context-section-spacing-block-end))));
  --calculated-section-spacing-inline: min(48px, var(--section-spacing-inline, var(--context-section-spacing-inline)));
}

.section--narrow {
  --container-max-width: var(--container-narrow-max-width);
}

.section {
  padding-block-start: calc(var(--background-differs-from-previous) * var(--calculated-section-spacing-block-start));
  padding-block-end: var(--calculated-section-spacing-block-end);
}

@media screen and (min-width: 700px) {
  .section--tight {
    --calculated-section-spacing-block-start: min(48px, var(--section-spacing-block-start, var(--section-spacing-block, var(--context-section-spacing-block-start, 0px))));
    --calculated-section-spacing-block-end: min(48px, var(--section-spacing-block-end, var(--section-spacing-block, var(--context-section-spacing-block-end, 0px))));
  }

  .section-boxed {
    --context-section-spacing-block-start: min(var(--section-inner-max-spacing-block, var(--section-outer-spacing-block)));
    --context-section-spacing-block-end: min(var(--section-inner-max-spacing-block, var(--section-outer-spacing-block)));
    --context-section-spacing-inline: var(--section-inner-spacing-inline);
    --container-inner-width: calc(var(--container-max-width)  - var(--container-outer-width) * 2);
    --container-outer-width: var(--calculated-section-spacing-inline);
    border-radius: var(--rounded-lg);
    box-shadow: var(--shadow-block);
    margin-block-start: calc(var(--background-differs-from-previous) * var(--section-outer-spacing-block-start, var(--section-outer-spacing-block)));
    margin-block-end: var(--section-outer-spacin-block-end, var(--section-outer-spacing-block));
    margin-inline-start: max(var(--container-gutter), 50% - var(--container-max-width) / 2);
    margin-inline-end: max(var(--container-gutter), 50% - var(--container-max-width) / 2);
    padding-block-start: var(--calculated-section-spacing-block-start);
    padding-inline-start: var(--calculated-section-spacing-inline);
    padding-inline-end: var(--calculated-section-spacing-inline);
  }

  .shopify-section:first-child {
    --section-outer-spacing-block-start: 24px;
  }
}

@media screen and (min-width: 1600px) {
  .section--tight {
    --calculated-section-spacing-block-start: min(64px, var(--section-spacing-block-start, var(--section-spacing-block, var(--context-section-spacing-block-start, 0px))));
    --calculated-section-spacing-block-end: min(64px, var(--section-spacing-block-end, var(--section-spacing-block, var(--context-section-spacing-block-end, 0px))));
  }
}

.section-header {
  gap: var(--spacing-4);
  justify-items: start;
  display: grid;
}

@media screen and (min-width: 1150px) {
  .section-header {
    grid-template-columns: 700px;
    justify-content: space-between;
    align-items: end;
  }

  .section-header > .text-with-icon {
    grid-column-start: 2;
  }
}

.section-stack {
  gap: var(--section-stack-spacing-block, 0px) var(--section-stack-spacing-inline, 0px);
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
}

@media screen and (min-width: 1150px) {
  .section-stack--horizontal {
    justify-content: center;
    display: flex;
  }

  .section-stack--center {
    justify-items: center;
  }

  .section-stack--reverse {
    flex-direction: row-reverse;
  }

  .section-stack__intro {
    width: var(--section-stack-intro, 50%);
  }

  .section-stack__main {
    width: var(--section-stack-main, 50%);
  }
}

.page-spacer {
  margin-block-start: var(--spacing-8);
  margin-block-end: var(--section-outer-spacing-block);
}

@media screen and (min-width: 700px) {
  .page-spacer {
    margin-block-start: var(--spacing-12);
  }
}

@media screen and (min-width: 1000px) {
  .page-spacer {
    margin-block-start: var(--spacing-16);
  }
}

.box {
  padding: var(--spacing-8);
}

@media screen and (min-width: 700px) {
  .box {
    padding: var(--spacing-12);
  }
}

.empty-state {
  justify-items: center;
  gap: var(--spacing-5);
  text-align: center;
  margin-block-start: var(--spacing-12);
  margin-block-end: var(--spacing-12);
  display: grid;
}

.empty-state__icon-wrapper {
  position: relative;
}

.empty-state__icon-wrapper > .count-bubble {
  position: absolute;
  top: calc(-1 * var(--spacing-1-5));
}

.empty-state__icon-wrapper > .count-bubble:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: calc(-1 * var(--spacing-1-5));
}

.empty-state__icon-wrapper > .count-bubble:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: calc(-1 * var(--spacing-1-5));
}

@media screen and (min-width: 700px) {
  .empty-state {
    gap: var(--spacing-8);
    margin-block-start: var(--spacing-32);
    margin-block-end: var(--spacing-32);
  }

  .empty-state__icon-wrapper > svg {
    width: var(--spacing-12);
    height: var(--spacing-12);
  }

  .empty-state__icon-wrapper > .count-bubble {
    top: calc(-1 * var(--spacing-3));
  }

  .empty-state__icon-wrapper > .count-bubble:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: calc(-1 * var(--spacing-3));
  }

  .empty-state__icon-wrapper > .count-bubble:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: calc(-1 * var(--spacing-3));
  }
}

.scrollable-with-controls {
  gap: var(--spacing-6);
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
}

@media screen and (min-width: 700px) {
  .scrollable-with-controls {
    gap: var(--spacing-10);
  }
}

.line-item {
  --line-item-image-width: var(--spacing-20);
  align-items: start;
  gap: var(--spacing-5);
  display: flex;
}

.line-item__media-wrapper {
  width: var(--line-item-image-width);
  min-width: var(--line-item-image-width);
  position: relative;
}

.line-item__media-wrapper > .pill-loader {
  position: absolute;
  top: calc(50% - .5rem);
}

.line-item__media-wrapper > .pill-loader:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: calc(50% - 1rem);
}

.line-item__media-wrapper > .pill-loader:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: calc(50% - 1rem);
}

.line-item__info {
  justify-items: start;
  gap: var(--spacing-1);
  display: grid;
}

.line-item__info line-item-quantity {
  margin-block-start: var(--spacing-1);
}

@media screen and (min-width: 700px) {
  .line-item {
    --line-item-image-width: var(--spacing-24);
    align-items: center;
  }

  .line-item__actions {
    margin-inline-start: auto;
  }
}

video-media, model-media {
  border-radius: inherit;
  aspect-ratio: var(--aspect-ratio, var(--default-aspect-ratio));
  position: relative;
}

@supports not (aspect-ratio: 1) {
  :is(video-media, model-media):before {
    content: "";
    padding-block-end: calc(100% / (var(--aspect-ratio, var(--default-aspect-ratio))));
    display: block;
  }

  :is(video-media, model-media) > * {
    height: 100%;
    top: 0;
    left: 0;
    position: absolute !important;
  }
}

video-media {
  --default-aspect-ratio: 16 / 9;
}

video-media[host] {
  align-items: center;
  display: grid;
}

video-media[autoplay], video-media:not([autoplay]) ~ :not(video-media) {
  pointer-events: none;
}

video-media:not([playing]) {
  cursor: pointer;
}

video-media > :is(video, iframe, img, svg) {
  border-radius: inherit;
  width: 100%;
  height: 100%;
  transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
}

video-media > video[controls] {
  pointer-events: auto;
}

video-media > img, video-media > svg {
  object-fit: cover;
  object-position: center;
}

video-media > video:not(:-webkit-full-screen) {
  object-fit: cover;
  object-position: center;
}

video-media > video:not(:fullscreen) {
  object-fit: cover;
  object-position: center;
}

video-media > :is(iframe, img, svg) {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

video-media:not([loaded]) > :is(video, iframe), video-media[loaded] > img, video-media[loaded] > svg, video-media[loaded]::part(play-button) {
  opacity: 0;
  visibility: hidden;
}

video-media[suspended] ~ * {
  pointer-events: none;
}

video-media::part(play-button) {
  z-index: 1;
  will-change: transform;
  transition: transform .2s ease-in-out, opacity .2s ease-in-out, visibility .2s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)scale(1);
}

video-media:hover::part(play-button) {
  transform: translate(-50%, -50%)scale(1.1);
}

@media screen and (min-width: 700px) {
  video-media::part(play-button) {
    width: 64px;
    height: 64px;
  }
}

model-media {
  --default-aspect-ratio: 1;
}

model-media model-viewer, model-media .shopify-model-viewer-ui {
  width: 100%;
  height: 100%;
}

.video-play-button {
  --play-button-shadow-size: 12px;
  filter: drop-shadow(0 16px 50px #0000000d);
  position: relative;
}

.video-play-button:before {
  content: "";
  box-sizing: content-box;
  top: calc(-1 * var(--play-button-shadow-size));
  left: calc(-1 * var(--play-button-shadow-size));
  padding: var(--play-button-shadow-size);
  background: radial-gradient(50% 50% at 50% 50%, rgb(var(--text-color) / 0) 0%, rgb(var(--text-color)) 100%);
  opacity: .3;
  border-radius: 100%;
  width: 100%;
  height: 100%;
  animation: 2s ease-in-out infinite alternate ping;
  position: absolute;
}

@media screen and (min-width: 700px) {
  .video-play-button {
    --play-button-shadow-size: 20px;
  }

  .video-play-button svg {
    width: 5rem;
    height: 5rem;
  }
}

.order-summary__header {
  display: none;
}

.order-summary__body td {
  border-top-width: 0;
  padding-block-start: 0;
  padding-block-end: var(--spacing-4);
}

.order-summary__body td:first-child {
  width: 60%;
}

@media screen and (min-width: 700px) {
  .order-summary__header {
    display: table-header-group;
  }

  .order-summary__body td {
    padding-block-end: var(--spacing-6);
  }

  .order-summary__body tr:first-child td {
    padding-block-start: var(--spacing-8);
  }

  .order-summary__body tr:last-child td {
    padding-block-end: var(--spacing-8);
  }
}

.quantity-input {
  border-radius: var(--rounded-input);
  text-align: center;
  font-size: var(--text-xs);
  -webkit-touch-callout: none;
  -webkit-appearance: none;
  background: none;
  border-width: 1px;
  outline: none;
  width: 44px;
  padding-block-start: var(--spacing-1);
  padding-block-end: var(--spacing-1);
}

@media screen and (min-width: 700px) {
  .quantity-input {
    width: 48px;
    padding-block-start: var(--spacing-2);
    padding-block-end: var(--spacing-2);
  }
}

.pagination {
  background: rgb(var(--background));
  border-radius: var(--rounded-button);
  border-width: 1px;
  justify-self: center;
  display: flex;
}

.pagination__item {
  place-content: center;
  padding-inline-start: var(--spacing-4);
  padding-inline-end: var(--spacing-4);
  display: grid;
}

.pagination__item--disabled {
  opacity: .5;
}

.pagination__current {
  padding: var(--spacing-2) var(--spacing-1);
}

@media screen and (min-width: 700px) {
  .pagination__item {
    padding-inline-start: var(--spacing-5);
    padding-inline-end: var(--spacing-5);
  }

  .pagination__current {
    padding: var(--spacing-3) var(--spacing-2);
  }
}

.range {
  -webkit-appearance: none;
  appearance: none;
  background: none;
  width: 100%;
}

.range::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.range::-webkit-slider-thumb {
  background: rgb(var(--text-color));
  cursor: pointer;
  border: 2px solid rgb(var(--background));
  z-index: 1;
  box-shadow: none;
  border-radius: 100%;
  width: 16px;
  height: 16px;
  margin-block-start: -6px;
  position: relative;
}

.range::-webkit-slider-runnable-track {
  cursor: pointer;
  background: rgb(var(--text-color) / .12);
  border: none;
  border-radius: 2px;
  width: 100%;
  height: 4px;
}

.range::-moz-range-thumb {
  border: 2px solid rgb(var(--background));
  background: rgb(var(--text-color));
  cursor: pointer;
  border-radius: 100%;
  width: 12px;
  height: 12px;
}

.range::-moz-range-progress {
  cursor: pointer;
  border: none;
  border-radius: 2px;
  width: 100%;
  height: 4px;
}

.range::-moz-range-track {
  cursor: pointer;
  border: none;
  border-radius: 2px;
  width: 100%;
  height: 4px;
}

.range::-moz-range-progress {
  background-color: rgba(var(--text-color));
}

.range::-moz-range-track {
  background-color: rgb(var(--border-color));
}

@media not screen and (pointer: fine) {
  .range::-webkit-slider-thumb {
    width: 20px;
    height: 20px;
    margin-top: -9px;
  }

  .range::-moz-range-thumb {
    width: 16px;
    height: 16px;
  }
}

.range-group {
  background: linear-gradient(to var(--transform-origin-end), rgb(var(--text-color) / .12) var(--range-min), rgb(var(--text-color)) var(--range-min), rgb(var(--text-color)) var(--range-max), rgb(var(--text-color) / .12) var(--range-max));
  border-radius: 2px;
  height: 4px;
  position: relative;
}

.range-group .range {
  pointer-events: none;
  vertical-align: top;
  height: 4px;
}

.range-group .range::-webkit-slider-runnable-track {
  background: none;
}

.range-group .range::-webkit-slider-thumb {
  pointer-events: auto;
}

.range-group .range::-moz-range-progress {
  background: none;
}

.range-group .range::-moz-range-track {
  background: none;
}

.range-group .range::-moz-range-thumb {
  pointer-events: auto;
}

.range-group .range:last-child {
  position: absolute;
  top: 0;
}

.range-group .range:last-child:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.range-group .range:last-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.input-group {
  align-items: center;
  column-gap: 20px;
  display: flex;
}

.input-prefix {
  border-radius: min(10px, var(--rounded-button));
  border: 1px solid rgb(var(--text-color) / .12);
  flex: 1 0 0;
  justify-content: space-between;
  align-items: center;
  min-width: 0;
  padding: 10px 15px;
  display: flex;
}

.input-prefix:focus-within {
  border-color: rgb(var(--text-color));
  box-shadow: inset 0 0 0 1px rgb(var(--text-color));
}

.input-prefix > .field {
  -webkit-appearance: textfield;
  appearance: textfield;
  text-align: end;
  background: none;
  border: none;
  width: 100%;
  min-width: 0;
  margin-inline-start: 10px;
  padding: 0;
}

.input-prefix > .field:focus {
  outline: none;
}

.input-prefix > .field::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

.input-prefix > .field::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

.price-range {
  gap: 24px;
  padding-block-start: 4px;
  display: grid;
}

.price-range--inline {
  padding: var(--spacing-1);
  grid-template-columns: minmax(110px, auto) 380px minmax(110px, auto);
  align-items: center;
}

@media screen and not (pointer: fine) {
  .price-range {
    row-gap: 18px;
    padding-block-start: 10px;
  }
}

.product-list {
  grid: var(--product-list-grid);
  gap: var(--product-list-gap);
  scroll-padding-top: calc(var(--sticky-area-height)  + 20px);
  display: grid;
  position: relative;
}

.product-list__promo {
  grid-column: var(--product-list-promo-grid-column, span 2);
  min-height: 200px;
  display: grid;
}

@media screen and (min-width: 700px) {
  @supports (grid-template-rows: subgrid) {
    .product-list {
      grid-template-rows: auto auto;
    }

    .product-list > * {
      grid-template-rows: subgrid;
      grid-row: span 2;
      gap: 0;
    }

    .product-list__promo :is(img, video-media) {
      position: absolute;
    }

    .product-list:not(:has(.product-card--blends)) .product-list__promo .content-over-media {
      grid-row: span 2;
    }

    .product-card__info {
      align-content: start;
    }
  }
}

.rating {
  align-items: center;
  gap: var(--spacing-1-5);
  display: flex;
}

.rating__stars {
  display: contents;
}

.rating__star {
  color: rgb(var(--star-color));
  position: relative;
  top: -1px;
}

.rating__star--empty {
  filter: grayscale();
}

@media screen and (min-width: 700px) {
  .rating__star {
    width: 15px;
    height: 15px;
  }
}

.rating-with-text {
  gap: var(--spacing-2);
  grid-template-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  align-items: baseline;
  display: grid;
}

.buy-buttons {
  align-items: start;
  gap: var(--spacing-2);
  display: grid;
}

.buy-buttons--compact {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

@media screen and (min-width: 700px) {
  .buy-buttons--multiple {
    gap: var(--spacing-4);
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }
}

.product-card {
  --product-card-badge-spacing: var(--spacing-2);
  --product-card-info-padding: var(--spacing-4);
  --product-card-quick-buy-inset: var(--spacing-2);
  border-radius: var(--rounded-sm);
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  display: grid;
  position: relative;
}

.product-card__figure {
  display: block;
  position: relative;
}

.product-card__badge-list {
  gap: var(--spacing-2);
  pointer-events: none;
  z-index: 5;
  display: grid;
  position: absolute;
  top: var(--product-card-badge-spacing);
}

.product-card__badge-list:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: var(--product-card-badge-spacing);
}

.product-card__badge-list:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: var(--product-card-badge-spacing);
}

.product-card__image {
  object-fit: contain;
  object-position: center;
  transition: opacity .2s ease-in-out;
}

.product-card__image:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-top-left-radius: var(--rounded-sm);
  border-top-right-radius: var(--rounded-sm);
}

.product-card__image:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-top-right-radius: var(--rounded-sm);
  border-top-left-radius: var(--rounded-sm);
}

.product-card__image--secondary {
  display: none;
}

.product-card__title {
  line-height: 1.5;
}

.product-card__quick-buy {
  position: absolute;
  bottom: var(--product-card-quick-buy-inset);
}

.product-card__quick-buy:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: var(--product-card-quick-buy-inset);
}

.product-card__quick-buy:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: var(--product-card-quick-buy-inset);
}

.product-card__mobile-quick-buy-button {
  background: rgb(var(--background-primary));
  color: rgb(var(--text-primary) / .7);
  border-radius: var(--rounded-button);
  border-width: 1px;
  place-content: center;
  width: 2.25rem;
  height: 2.25rem;
  display: grid;
}

.product-card__mobile-quick-buy-button > .button__loader {
  gap: var(--spacing-1);
}

.product-card__mobile-quick-buy-button > .button__loader > * {
  width: var(--spacing-1);
  height: var(--spacing-1);
}

.product-card__info {
  gap: var(--spacing-1);
  padding: var(--product-card-info-padding);
  grid-template-columns: minmax(0, 1fr);
  justify-items: start;
  display: grid;
}

.product-card--blends .product-card__info {
  padding-block-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
}

.product-card__info--center {
  text-align: center;
  justify-content: center;
  justify-items: center;
}

.product-card__variant-list {
  display: none;
}

@media screen and (min-width: 700px) {
  .product-card {
    --product-card-badge-spacing: var(--spacing-4);
    --product-card-info-padding: var(--spacing-5);
    --product-card-quick-buy-inset: var(--spacing-4);
  }

  .product-card__aside {
    margin-block-start: var(--spacing-1);
  }

  .product-card__variant-list {
    gap: var(--spacing-2);
    margin-block: var(--spacing-2) 2px;
    flex-wrap: wrap;
    display: flex;
  }
}

@media screen and (min-width: 1400px) {
  .product-card__info {
    --product-card-info-padding: var(--spacing-6) var(--spacing-8) var(--spacing-8) var(--spacing-8);
  }
}

@media screen and (pointer: fine) {
  .product-card--show-secondary-media .product-card__figure:hover .product-card__image--primary {
    opacity: 0;
  }

  .product-card--show-secondary-media .product-card__figure:hover .product-card__image--secondary {
    opacity: 1;
  }

  .product-card__image--secondary {
    opacity: 0;
    display: block;
  }

  .product-card__quick-buy {
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease-in-out, transform .2s ease-in-out, visibility .2s ease-in-out;
    transform: translateY(5px);
  }

  .product-card:hover .product-card__quick-buy {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}

.model-viewer {
  position: relative;
}

.model-viewer model-viewer {
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
}

.model-viewer .shopify-model-viewer-ui {
  display: block;
}

.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
  background: rgb(var(--background-primary));
  border-color: rgb(var(--text-primary) / .25);
}

.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button {
  color: rgb(var(--text-primary));
}

.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover {
  color: rgb(var(--text-primary) / .55);
}

.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active, .shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus {
  color: rgb(var(--text-primary) / .55);
  background: rgb(var(--text-primary) / .25);
}

.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
  border-color: rgb(var(--text-primary) / .25);
}

.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
  background: rgb(var(--background-primary));
  border-color: rgb(var(--text-primary) / .25);
  border-radius: var(--rounded-button);
}

.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover, .shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus {
  color: rgb(var(--text-primary) / .55);
}

.price-list {
  align-items: baseline;
  gap: var(--spacing-0-5) var(--spacing-2);
  flex-wrap: wrap;
  display: flex;
}

.price-list--lg {
  gap: var(--spacing-3);
}

.pickup-drawer::part(close-button) {
  align-self: start;
  margin-block-start: .375rem;
}

.pickup-drawer::part(body) {
  padding-block-start: 0;
  padding-block-end: 0;
}

.pickup-availability__closest-location {
  align-items: start;
  gap: var(--spacing-3);
  display: flex;
}

.pickup-availability__media {
  width: var(--spacing-16);
}

.pickup-availability__location {
  gap: var(--spacing-2);
  padding-block-start: var(--spacing-5);
  padding-block-end: var(--spacing-5);
  display: grid;
}

@media screen and (min-width: 700px) {
  .pickup-availability__media {
    width: var(--spacing-20);
  }

  .pickup-availability__location {
    padding-block-start: var(--spacing-6);
    padding-block-end: var(--spacing-6);
  }
}

.quantity-selector {
  height: var(--input-height);
  background: rgb(var(--input-background, transparent));
  color: rgb(var(--input-text-color, var(--text-color)));
  border-radius: var(--rounded-button);
  border-width: 1px;
  display: inline-flex;
}

.quantity-selector__button {
  padding-inline-start: var(--spacing-5);
  padding-inline-end: var(--spacing-5);
}

.quantity-selector__input {
  -webkit-appearance: none;
  appearance: none;
  min-width: var(--spacing-6);
  background: inherit;
  text-align: center;
}

.quantity-selector__input:focus {
  outline: none;
}

@media screen and (min-width: 700px) {
  .quantity-selector__button {
    padding-inline-start: var(--spacing-6);
    padding-inline-end: var(--spacing-6);
  }
}

.product-quick-add {
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  padding: 1.25rem;
  transition: visibility .15s ease-in, opacity .15s ease-in, transform .15s ease-in;
  position: fixed;
  bottom: 0;
  transform: translateY(10px);
}

.product-quick-add:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.product-quick-add:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.product-quick-add.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

@media screen and (min-width: 700px) {
  .product-quick-add {
    border-radius: var(--rounded-sm);
    background: rgb(var(--dialog-background));
    border-width: 1px;
    width: 35rem;
    padding: 1rem;
    bottom: 1rem;
    transform: translateY(0);
  }

  .product-quick-add:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 1rem;
  }

  .product-quick-add:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 1rem;
  }

  .product-quick-add__variant {
    grid-template-columns: 80px minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 1.5rem;
    display: grid;
  }

  .product-quick-add__variant.no-image {
    grid-template-columns: minmax(0, 1fr) auto;
  }
}

.quick-buy-drawer {
  --drawer-header-padding: var(--spacing-6);
  --drawer-body-padding: var(--spacing-6);
  --shopify-payment-button-padding: .8125rem var(--spacing-6);
  display: none;
}

.quick-buy-drawer::part(close-button) {
  align-self: start;
  margin-block-start: .25rem;
  margin-inline-end: .25rem;
}

.quick-buy-drawer .variant-picker {
  text-align: center;
}

.quick-buy-drawer .variant-picker__option-info, .quick-buy-drawer .variant-picker__option-values {
  justify-content: center;
}

.quick-buy-drawer .variant-picker__option-values--color {
  max-width: 300px;
  margin-inline-start: auto;
  margin-inline-end: auto;
}

.quick-buy-drawer .block-swatch {
  padding: var(--spacing-2-5) var(--spacing-5);
  height: 2.625rem;
}

.quick-buy-drawer__media {
  max-width: var(--spacing-20);
}

.quick-buy-drawer__info {
  gap: var(--spacing-6);
  display: grid;
}

@media screen and (min-width: 700px) {
  .quick-buy-drawer {
    --drawer-header-padding: var(--spacing-6);
    width: 560px;
    height: auto;
  }

  .quick-buy-drawer .variant-picker__option-info, .quick-buy-drawer .block-swatch {
    font-size: var(--text-sm);
  }

  .quick-buy-drawer .color-swatch {
    --swatch-size: 1.5rem;
  }

  .quick-buy-drawer .color-swatch--rectangle {
    --swatch-size: 2rem;
  }

  .quick-buy-drawer :is(.button, .shopify-payment-button__button--unbranded, .shopify-payment-button__button--branded [role="button"]) {
    padding: var(--spacing-3) var(--spacing-6) !important;
    font-size: var(--text-sm) !important;
  }

  .quick-buy-drawer__info {
    gap: var(--spacing-8);
  }
}

.variant-picker {
  gap: var(--spacing-6);
  grid-template-columns: minmax(0, 1fr);
  display: grid;
}

.variant-picker .popover {
  --popover-anchor-block-spacing: var(--spacing-2);
  --popover-content-max-width: none;
}

.variant-picker .popover, .variant-picker .popover::part(content) {
  width: 100%;
}

.variant-picker__option-info {
  justify-content: space-between;
  align-items: baseline;
  margin-block-end: var(--spacing-2);
  display: flex;
}

.variant-picker__option-values {
  display: flex;
}

.variant-picker__option-values.scroll-area {
  padding-block-start: 1px;
  padding-block-end: 1px;
}

@media screen and (min-width: 700px) {
  .variant-picker__option-values {
    flex-wrap: wrap;
  }
}

@media (scripting: none) {
  .variant-picker__option {
    display: none;
  }
}

.prose ol, .list-decimal {
  list-style: decimal inside;
}

.prose ul, .list-disc {
  list-style: inside;
}

.prose :is(ol, ul) :is(ol, ul) {
  margin-block-start: 1em;
  margin-inline-start: 1em;
}

.prose > :first-child, .prose > :first-child :first-child {
  margin-block-start: 0 !important;
}

.prose > :last-child, .prose > :last-child :last-child {
  margin-block-end: 0 !important;
}

.prose * + :is(p, div, ul, ol) {
  margin-block-start: var(--spacing-3);
}

.prose * + :is(.h0, .h1, .h2, h1, h2) {
  margin-block-start: var(--spacing-4);
}

.prose * + :is(.h3, .h4, .h5, .h6, h3, h4, h5, h6) {
  margin-block-start: var(--spacing-3);
}

.prose * + .button {
  margin-block-start: var(--spacing-6) !important;
}

.prose * + span:not(:empty) {
  display: inline-block;
}

.prose :is(.h0, .h1, .h2, .h3, .h4, h1, h2, h3, h4) + * {
  margin-block-start: var(--spacing-5);
}

.prose :is(.h5, .h6, h5, h6) + * {
  margin-block-start: var(--spacing-4);
}

.prose :is(p img:not([style*="float"]):only-child, div img:not([style*="float"]):only-child, figure, video) {
  margin-block: var(--spacing-8);
}

.prose figcaption {
  font-style: italic;
  font-size: var(--text-sm);
  color: rgb(var(--text-color) / .7);
  margin-block-start: .5em;
}

.prose ul, .prose ol {
  row-gap: .6em;
  display: grid;
}

.prose :is(iframe[src*="youtube"], iframe[src*="youtu.be"], iframe[src*="vimeo"]) {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: auto;
}

@media screen and (min-width: 700px) {
  .prose * + :is(p, div, ul, ol) {
    margin-block-start: var(--spacing-4);
  }

  .prose * + :is(.h0, .h1, .h2, h1, h2) {
    margin-block-start: var(--spacing-6);
  }

  .prose * + :is(.h3, .h4, h3, h4) {
    margin-block-start: var(--spacing-5);
  }

  .prose * + :is(.h5, .h6, h5, h6) {
    margin-block-start: var(--spacing-4);
  }

  .prose * + .button {
    margin-block-start: var(--spacing-8) !important;
  }

  .prose .h0 + .button {
    margin-block-start: var(--spacing-10) !important;
  }

  .prose :is(.h0, .h1, .h2, .h3, h1, h2, h3) + * {
    margin-block-start: var(--spacing-6);
  }

  .prose :is(.h4, h4) + * {
    margin-block-start: var(--spacing-5);
  }

  .prose :is(.h5, .h6, h5, h6) + * {
    margin-block-start: var(--spacing-4);
  }

  .prose :is(p img:not([style*="float"]):only-child, div img:not([style*="float"]):only-child, figure, video) {
    margin-block: var(--spacing-12);
  }
}

@media screen and (min-width: 1150px) {
  .prose * + p {
    margin-block-start: var(--spacing-6);
  }

  .prose * + :is(.h0, .h1, h1) {
    margin-block-start: var(--spacing-8);
  }

  .prose * + :is(.h2, .h3, .h4, h2, h3, h4) {
    margin-block-start: var(--spacing-6);
  }

  .prose * + :is(.h5, .h6, h5, h6) {
    margin-block-start: var(--spacing-4);
  }

  .prose :is(.h0, .h1, .h2, h1, h2) + * {
    margin-block-start: var(--spacing-8);
  }

  .prose :is(.h3, .h4, h3, h4) + * {
    margin-block-start: var(--spacing-6);
  }

  .prose :is(.h5, .h6, h5, h6) + * {
    margin-block-start: var(--spacing-4);
  }
}

.link, .prose a:not(.button) {
  text-underline: none;
  background: linear-gradient(to right, currentColor, currentColor) 0 min(100%, 1.35em) / 100% 1px no-repeat;
  transition: background-size .3s ease-in-out, color .3s ease-in-out;
}

@media screen and (pointer: fine) {
  :is(.link, .prose a:not(.button)):hover {
    background-size: 0 1px;
  }

  .text-subdued :is(.link, .prose a:not(.button)):hover {
    color: rgb(var(--text-color));
  }
}

.reversed-link {
  text-underline: none;
  background: linear-gradient(to right, currentColor, currentColor) 0 min(100%, 1.35em) / 0 1px no-repeat;
  transition: background-size .3s ease-in-out;
}

@media screen and (pointer: fine) {
  .group:hover .reversed-link, .reversed-link.hover\:show:hover {
    background-size: 100% 1px;
  }
}

.link-faded {
  opacity: .7;
  transition: opacity .2s ease-in-out;
}

@media screen and (pointer: fine) {
  .link-faded:hover {
    opacity: 1;
  }
}

.link-faded-reverse {
  transition: opacity .2s ease-in-out;
}

@media screen and (pointer: fine) {
  .link-faded-reverse:hover {
    opacity: .7;
  }
}

table {
  width: 100%;
}

th {
  text-align: start;
}

th, td {
  padding: var(--spacing-4);
  vertical-align: top;
}

:is(th, td):first-child {
  padding-inline-start: 0;
}

:is(th, td):last-child {
  padding-inline-end: 0;
}

thead th {
  border-block-end-width: 1px;
}

tbody tr + tr > *, thead + tbody tr > * {
  border-top-width: 1px;
}

tfoot td {
  border-top-width: 1px;
  padding-block-start: var(--spacing-6);
  padding-block-end: 0;
}

.table-row-hover {
  cursor: pointer;
  transition: background .2s ease-in-out;
}

@media screen and (pointer: fine) {
  .table-row-hover:hover {
    background: rgb(var(--text-color) / .05);
  }
}

@media screen and (min-width: 700px) {
  th, td {
    padding-block-start: var(--spacing-6);
    padding-block-end: var(--spacing-6);
  }

  tfoot td {
    padding-block-start: var(--spacing-8);
  }
}

.blockquote, .prose blockquote {
  --quote-width: 51px;
  --quote-height: 37px;
  --quote-inset-block-start: calc(var(--spacing-5) * -1);
  --quote-inset-inline-start: var(--spacing-1);
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: bold;
  position: relative;
}

:is(.blockquote, .prose blockquote):before {
  content: "";
  width: var(--quote-width);
  height: var(--quote-height);
  background: rgb(var(--text-color) / .1);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='86' height='55' viewBox='0 0 86 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M71.3163 54.6H42.5163L60.3163 0.400024H85.5163L71.3163 54.6ZM29.3163 54.6H0.716309L18.9163 0.400024H44.1163L29.3163 54.6Z' fill='%23252627'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width='86' height='55' viewBox='0 0 86 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M71.3163 54.6H42.5163L60.3163 0.400024H85.5163L71.3163 54.6ZM29.3163 54.6H0.716309L18.9163 0.400024H44.1163L29.3163 54.6Z' fill='%23252627'/%3E%3C/svg%3E%0A");
  -webkit-mask-size: var(--quote-width) var(--quote-height);
  mask-size: var(--quote-width) var(--quote-height);
  position: absolute;
  top: var(--quote-inset-block-start);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

:is(.blockquote, .prose blockquote):not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
  left: var(--quote-inset-inline-start);
}

:is(.blockquote, .prose blockquote):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
  right: var(--quote-inset-inline-start);
}

.blockquote {
  margin-block-start: var(--spacing-5);
}

.prose blockquote {
  --quote-inset-block-start: calc(var(--spacing-4) * -1);
  --quote-inset-inline-start: calc(50% - (var(--quote-width) / 2));
  text-align: center;
  font-size: var(--text-h3);
  margin-block-start: var(--spacing-14);
  margin-block-end: var(--spacing-10);
  line-height: 1.2;
}

@media screen and (min-width: 700px) {
  .blockquote, .prose blockquote {
    --quote-width: 70px;
    --quote-height: 45px;
  }

  .blockquote {
    --quote-inset-block-start: calc(var(--spacing-6) * -1);
    margin-block-start: var(--spacing-8);
  }
}

@media screen and (min-width: 1150px) {
  .prose blockquote {
    --quote-width: 85px;
    --quote-height: 55px;
    --quote-inset-block-start: calc(var(--spacing-5) * -1);
    margin-block-start: var(--spacing-18);
    margin-block-end: var(--spacing-12);
  }

  .blockquote {
    --quote-inset-inline-start: var(--spacing-2-5);
  }
}

.shape-circle, .shape-square, .shape-diamond {
  --size: var(--spacing-1-5);
  width: var(--size);
  height: var(--size);
  background: currentColor;
  display: block;
}

.shape-circle {
  border-radius: var(--rounded-full);
}

.shape-diamond {
  transform: rotateZ(45deg);
}

.shape-line {
  background: rgb(var(--text-color) / .1);
  width: 1px;
  height: 100%;
}

.shape--sm {
  --size: var(--spacing-1);
}

.shape--lg {
  --size: var(--spacing-2);
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

.skeleton {
  background: rgb(var(--text-color) / .15);
  border-radius: 4px;
  flex-shrink: 0;
  animation: 2.5s cubic-bezier(.4, 0, .6, 1) infinite pulse;
  display: block;
}

.skeleton--tab {
  width: 88px;
  height: 20px;
}

.skeleton--thumbnail {
  width: 80px;
  height: 80px;
}

.skeleton--text {
  width: var(--skeleton-text-width, 100%);
  height: 12px;
}

@media screen and (min-width: 700px) {
  .skeleton--tab {
    width: 148px;
    height: 34px;
  }

  .skeleton--thumbnail {
    width: 96px;
    height: 96px;
  }
}

.color-swatch {
  --swatch-offset: 3px;
  --swatch-size: var(--spacing-7);
  --swatch-margin: calc(var(--swatch-offset) * 2);
  width: var(--swatch-size);
  height: var(--swatch-size);
  margin: var(--swatch-margin);
  background: var(--swatch-background) center / cover;
  flex-shrink: 0;
  place-items: center;
  display: grid;
  position: relative;
}

:disabled + .color-swatch, .color-swatch.is-disabled {
  background: linear-gradient(to bottom right, transparent calc(50% - 1px), rgb(var(--background)) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)), var(--swatch-background) center / cover;
}

.color-swatch:before {
  content: "";
  inset: calc(-1 * var(--swatch-offset));
  opacity: 0;
  border-radius: inherit;
  will-change: transform;
  transition: opacity .2s ease-in-out, transform .2s ease-in-out;
  position: absolute;
  transform: scale(.75);
  box-shadow: 0 0 0 2px;
}

:checked + .color-swatch:before, .color-swatch.is-selected:before {
  opacity: 1;
  transform: scale(1);
}

:focus-visible + .color-swatch {
  outline-offset: calc(2px + var(--swatch-offset) * 2);
}

.color-swatch--rectangle {
  --swatch-size: var(--spacing-10);
  height: calc(var(--swatch-size) * .4);
  margin: 0;
}

.color-swatch--rectangle:before {
  width: 100%;
  bottom: -3px;
  box-shadow: 0 2px;
}

.color-swatch--rectangle:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
  left: 0;
}

.color-swatch--rectangle:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
  right: 0;
}

.color-swatch--sm {
  --swatch-size: var(--spacing-3-5);
  --swatch-offset: 2px;
}

.color-swatch--rectangle.color-swatch--sm {
  --swatch-size: var(--spacing-5);
  margin-block-start: 7px;
  margin-block-end: 6px;
}

.color-swatch--rectangle.color-swatch--sm:before {
  bottom: -2px;
}

.color-swatch__view-more {
  padding: 1px var(--spacing-2);
  color: rgb(var(--text-color) / .7);
  border-width: 1px;
  margin-inline-start: var(--spacing-1-5);
}

.thumbnail-swatch {
  --swatch-size: 60px;
  width: var(--swatch-size);
  height: var(--swatch-size);
  border-radius: min(4px, var(--rounded-input));
  flex-shrink: 0;
  display: block;
  position: relative;
}

.thumbnail-swatch:before {
  content: "";
  border-radius: inherit;
  opacity: 0;
  will-change: transform;
  transition: opacity .2s ease-in-out, transform .2s ease-in-out;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: scale(.95);
  box-shadow: 0 0 0 2px;
}

.thumbnail-swatch.is-disabled:after {
  content: "";
  background-image: linear-gradient(to bottom right, transparent calc(50% - 1px), rgb(var(--text-color) / .5) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px));
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.thumbnail-swatch > img {
  border-radius: inherit;
  height: 100%;
}

:checked + .thumbnail-swatch:before, .thumbnail-swatch.is-selected:before {
  opacity: 1;
  transform: scale(1);
}

:focus-visible + .thumbnail-swatch {
  outline-offset: 4px;
}

.thumbnail-swatch--sm {
  --swatch-size: 48px;
}

.thumbnail-swatch__view-more {
  width: var(--spacing-12);
  height: var(--spacing-12);
  border-radius: min(4px, var(--rounded-input));
  border-width: 1px;
  place-items: center;
  display: grid;
}

.block-swatch {
  place-items: center;
  gap: var(--spacing-3);
  height: var(--input-height);
  white-space: nowrap;
  border-radius: var(--rounded-button);
  background: rgb(var(--input-background, var(--background))) no-repeat;
  border-width: 1px;
  padding-inline-start: var(--spacing-5);
  padding-inline-end: var(--spacing-5);
  display: flex;
  position: relative;
}

.block-swatch.is-disabled {
  color: rgb(var(--text-color) / .5);
  background-image: linear-gradient(to bottom right, #0000 50%, currentColor 50% calc(50% + 2px), #0000 calc(50% + 2px));
}

.block-swatch:before {
  content: "";
  box-shadow: 0 0 0 2px rgb(var(--text-color));
  border-radius: inherit;
  opacity: 0;
  will-change: transform;
  transition: opacity .2s ease-in-out, transform .2s ease-in-out;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: scale(.95);
}

:checked + .block-swatch.is-disabled {
  background-image: linear-gradient(to bottom right, transparent 50%, rgb(var(--text-color)) 50% calc(50% + 2px), transparent calc(50% + 2px));
}

:checked + .block-swatch:before, .block-swatch.is-selected:before {
  opacity: 1;
  transform: scale(1);
}

:focus-visible + .block-swatch {
  outline-offset: 4px;
}

.block-swatch__color {
  width: var(--spacing-3-5);
  height: var(--spacing-3-5);
  border-radius: var(--rounded-full);
  background: var(--swatch-background) center / cover;
}

@media screen and (min-width: 700px) {
  .block-swatch {
    padding-inline-start: var(--spacing-6);
    padding-inline-end: var(--spacing-6);
  }
}

[data-tooltip] {
  position: relative;
}

@media screen and (pointer: fine) {
  [data-tooltip]:after {
    content: attr(data-tooltip);
    bottom: calc(100% + var(--spacing-2));
    border-radius: min(24px, var(--rounded-button));
    background: rgb(var(--text-color));
    color: rgb(var(--background));
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    width: max-content;
    padding: 2px 10px;
    font-size: 12px;
    font-weight: bold;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out, transform .2s ease-in-out;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)scale(.9);
  }

  [data-tooltip]:hover:after {
    visibility: visible;
    opacity: 1;
    will-change: transform;
    transform: translateX(-50%)scale(1);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .page-transition {
    opacity: 0;
  }
}

@media (scripting: none) {
  .page-transition {
    opacity: 1;
  }
}

.lock {
  overflow: hidden;
  position: relative;
}

.text-with-icon {
  gap: var(--spacing-3);
  align-items: center;
  display: flex;
}

.text-with-icon > svg {
  flex-shrink: 0;
}

.offer {
  gap: var(--spacing-2);
  padding: var(--spacing-5);
  border-radius: var(--rounded-sm);
  display: grid;
}

.offer--center {
  text-align: center;
  justify-items: center;
}

.social-media {
  gap: var(--spacing-3) var(--spacing-6);
  flex-wrap: wrap;
  display: flex;
}

.social-media--sm svg {
  width: 1.25rem;
  height: 1.25rem;
}

@media screen and (min-width: 700px) {
  .social-media--sm svg {
    width: 1.7rem;
    height: 1.7rem;
  }
}

.share-buttons {
  align-items: center;
  gap: var(--spacing-2-5);
  display: flex;
}

.share-buttons__item {
  width: var(--spacing-8-5);
  height: var(--spacing-8-5);
  opacity: .7;
  background: rgb(var(--text-color) / 0);
  border-radius: var(--rounded-full);
  place-content: center;
  transition: opacity .2s ease-in-out, background .2s ease-in-out;
  display: grid;
}

.share-buttons__item:hover {
  opacity: 1;
  background: rgb(var(--text-color) / .1);
}

.floating-controls-container {
  position: relative;
}

.floating-controls-container .circle-button {
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transition: opacity .1s ease-in-out, transform .1s ease-in-out, visibility .1s ease-in-out;
  position: absolute;
  top: calc(50% - 24px);
  transform: scale(.8);
}

.floating-controls-container .circle-button:first-of-type:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: var(--spacing-5);
}

.floating-controls-container .circle-button:first-of-type:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: var(--spacing-5);
}

.floating-controls-container .circle-button:last-of-type:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: var(--spacing-5);
}

.floating-controls-container .circle-button:last-of-type:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: var(--spacing-5);
}

@media screen and (pointer: fine) {
  .floating-controls-container:hover .is-scrollable ~ .circle-button:not([disabled]) {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
}

.icon {
  vertical-align: middle;
  display: block;
}

[dir="rtl"] .reverse-icon {
  transform: rotate(180deg);
}

.offset-icon {
  --icon-baseline-distance: calc(1em * 1.6);
  --icon-offset: calc((var(--icon-baseline-distance)  - var(--icon-height)) / 2);
  top: var(--icon-offset);
  position: relative;
}

.icon-chevron-bottom {
  transition: transform .2s ease-in-out;
}

.group[aria-expanded="true"] > .icon-chevron-bottom {
  transform: rotate(180deg);
}

.icon-block {
  padding: var(--spacing-6);
  background: rgb(var(--background));
}

.image-icon {
  width: var(--mobile-icon-max-width, var(--icon-max-width));
}

@media screen and (min-width: 700px) {
  .image-icon {
    width: var(--icon-max-width);
  }
}

custom-cursor {
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  scale: .5;
  transition: opacity .1s, scale .1s, visibility .1s !important;
}

@media screen and (pointer: fine) {
  custom-cursor {
    display: block;
  }

  custom-cursor.is-visible {
    opacity: 1;
    visibility: visible;
    scale: 1;
  }
}

:has( > custom-cursor:not([hidden])) {
  cursor: none;
}

scroll-shadow {
  --scroll-shadow-size: 30px;
}

split-lines {
  overflow-wrap: anywhere;
}

.customer-form__image {
  display: none;
}

.customer-form__box {
  padding: var(--spacing-14) var(--container-gutter);
}

.customer-form__box-inner {
  max-width: 440px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  display: block;
}

@media screen and (min-width: 700px) {
  .customer-form {
    margin-block-start: var(--spacing-10);
    margin-block-end: var(--spacing-10);
  }

  .customer-form__box {
    border-radius: var(--rounded);
    padding-inline-start: var(--spacing-16);
    padding-inline-end: var(--spacing-16);
  }
}

@media screen and (min-width: 1000px) {
  .customer-form {
    gap: var(--spacing-6);
    grid: auto / auto-flow minmax(0, 680px);
    justify-content: center;
    display: grid;
  }

  .customer-form__image {
    object-fit: cover;
    object-position: center;
    height: 100%;
    display: block;
  }
}

.account {
  gap: var(--spacing-6);
  max-width: 1350px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  display: grid;
}

.account-nav__item {
  padding-block-start: var(--spacing-4-5);
  padding-block-end: var(--spacing-4-5);
}

.account-nav__item[aria-current="page"] {
  border-color: currentColor;
  border-bottom-width: 2px;
}

.account-header, .account__block-list {
  gap: var(--spacing-6);
  display: grid;
  position: relative;
}

@media screen and (min-width: 700px) {
  .account {
    gap: var(--spacing-12);
  }

  .account-nav__item--logout {
    position: absolute;
  }

  .account-nav__item--logout:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 0;
  }

  .account-nav__item--logout:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 0;
  }

  .account-header--back {
    text-align: center;
    justify-content: center;
  }

  .account-header--back > .back-button {
    position: absolute;
  }
}

.order-table-list {
  display: none;
}

.order-grid-list {
  gap: var(--spacing-5);
  display: grid;
}

.order-grid-item {
  gap: var(--spacing-4);
  padding: var(--spacing-6);
  border-width: 1px;
  padding-block-start: var(--spacing-5);
  display: grid;
}

.order-grid-item__categories {
  gap: var(--spacing-4);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

@media screen and (min-width: 700px) {
  .order-grid-list {
    display: none;
  }

  .order-table-list {
    max-width: 1024px;
    margin-inline-start: auto;
    margin-inline-end: auto;
    display: table;
  }

  .order-table-list th, .order-table-list td {
    padding-inline-start: var(--spacing-4);
    padding-inline-end: var(--spacing-4);
  }
}

.addresses-list {
  --addresses-per-row: 1;
  gap: var(--spacing-5);
  display: grid;
}

.address {
  gap: var(--spacing-2);
  padding: var(--spacing-6);
  border-width: 1px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.address__actions {
  gap: var(--spacing-6);
  margin-block-start: auto;
  padding-block-start: var(--spacing-2);
  display: flex;
}

.address-form {
  gap: var(--spacing-3);
  display: grid;
}

@media screen and (min-width: 700px) {
  .addresses-list {
    --addresses-per-row: 2;
    grid-template-columns: repeat(auto-fit, minmax(0, calc(100% / var(--addresses-per-row)  - var(--spacing-6) / var(--addresses-per-row) * (var(--addresses-per-row)  - 1))));
    gap: var(--spacing-6);
    justify-content: center;
    justify-items: center;
  }

  .address {
    padding: var(--spacing-8) var(--spacing-10);
  }

  .address-form {
    gap: var(--spacing-6);
  }
}

@media screen and (min-width: 1000px) {
  .addresses-list {
    --addresses-per-row: 4;
  }
}

.order {
  align-items: start;
  gap: var(--spacing-6);
  display: grid;
}

.order-addresses-list {
  gap: var(--spacing-5);
  display: grid;
}

@media screen and (min-width: 700px) {
  .order {
    gap: var(--spacing-12);
  }

  .order-addresses-list {
    gap: var(--spacing-6);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (min-width: 1150px) {
  .order {
    grid-template-columns: 1fr 380px;
  }

  .order-addresses-list {
    grid-template-columns: none;
  }
}

@media screen and (min-width: 1400px) {
  .order {
    gap: var(--spacing-24);
  }
}

.announcement-bar {
  padding-block-start: var(--spacing-2-5);
  padding-block-end: var(--spacing-2-5);
}

.announcement-bar__wrapper {
  gap: var(--spacing-4);
  max-width: 450px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  display: flex;
}

.announcement-bar__scrolling-list {
  grid: auto / auto-flow max-content;
  justify-content: center;
  display: grid;
  overflow: hidden;
}

.announcement-bar__static-list {
  text-align: center;
  place-items: center;
  display: grid;
}

.announcement-bar__static-list > * {
  grid-area: 1 / -1;
}

.announcement-bar__item {
  grid: auto / auto-flow auto var(--spacing-20);
  place-items: center;
  display: grid;
}

@media screen and (min-width: 700px) {
  .announcement-bar {
    padding-block-start: var(--spacing-3-5);
    padding-block-end: var(--spacing-3-5);
  }

  .announcement-bar__item {
    grid-auto-columns: auto var(--spacing-40);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .announcement-bar__item {
    animation: translateFull var(--marquee-animation-duration, 0s) linear infinite;
  }
}

.article {
  --article-margin-block-end: var(--spacing-14);
}

.article > .container {
  justify-content: safe center;
  gap: var(--spacing-10);
  margin-block-end: var(--article-margin-block-end);
  display: grid;
}

@media screen and (min-width: 700px) {
  .article {
    --article-margin-block-end: var(--spacing-28);
  }

  .article > .container {
    gap: var(--spacing-16);
  }
}

.article-banner {
  grid: var(--article-banner-grid);
  column-gap: var(--article-banner-column-gap);
  align-items: var(--article-banner-horizontal-alignement, center);
  max-width: var(--article-banner-max-width);
  box-sizing: content-box;
  justify-items: center;
  margin-inline-start: auto;
  margin-inline-end: auto;
  padding-block-start: var(--article-banner-padding-block-start, 0);
  display: grid;
  position: relative;
}

.article-banner:before {
  content: "";
  width: calc((100vw - var(--scrollbar-width, 0px)));
  height: var(--article-banner-before-height);
  pointer-events: none;
  background-color: rgb(var(--article-banner-background));
  position: absolute;
  top: 0;
}

.article-banner__image {
  z-index: 1;
  width: 100%;
}

.article-banner__image > img {
  width: 100%;
}

.article-banner__content {
  gap: var(--spacing-6);
  padding: var(--article-banner-content-padding-block-start) var(--article-banner-content-padding-inline) var(--article-banner-content-padding-block-end);
  justify-items: var(--article-banner-vertical-alignement, center);
  text-align: var(--article-banner-vertical-alignement, center);
  z-index: 2;
  display: grid;
}

.article-banner__content > .badge {
  --badge-background: var(--article-banner-badge-background);
  padding: var(--spacing-1) var(--spacing-3);
  display: inline-block;
}

.article__meta {
  justify-content: var(--article-banner-meta-vertical-alignment, center);
  row-gap: var(--spacing-2);
  column-gap: var(--spacing-4);
  flex-wrap: wrap;
  display: flex;
}

.article__meta .text-with-icon {
  gap: var(--spacing-2);
}

@media screen and (min-width: 1150px) {
  .article-banner {
    padding-inline-start: var(--container-gutter);
    padding-inline-end: var(--container-gutter);
  }

  .article-banner__content {
    grid-area: var(--article-banner-grid-area, content);
  }

  .article-banner__image {
    grid-area: var(--article-banner-grid-area, image);
    position: relative;
  }

  .article-banner__image:before {
    content: "";
    background: rgb(var(--article-banner-image-overlay));
    border-radius: inherit;
    z-index: 1;
    pointer-events: none;
    transition: background .2s ease-in-out;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .article__meta {
    column-gap: var(--spacing-6);
  }

  .article__meta .text-with-icon {
    gap: var(--spacing-2-5);
  }
}

.article-content {
  max-width: var(--article-max-width);
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
  margin-inline-start: auto;
  margin-inline-end: auto;
  padding-block-start: var(--spacing-10);
}

.article-content > .share-buttons .share-buttons__item {
  width: var(--spacing-10);
  height: var(--spacing-10);
  opacity: 1;
}

@media screen and (min-width: 1000px) {
  .article-content {
    border-bottom-width: 1px;
    padding-block-start: var(--spacing-16);
    padding-block-end: var(--spacing-18);
  }
}

.article-navigation {
  gap: var(--spacing-6);
  max-width: var(--article-max-width);
  display: grid;
}

.article-prev-next {
  gap: var(--spacing-5);
  grid: auto / auto-flow 75vw;
  display: grid;
}

@media screen and (min-width: 700px) {
  .article-navigation {
    --navigation-margin-block: var(--spacing-16);
    gap: var(--spacing-10);
  }

  .article-navigation__title > svg {
    width: 27px;
    height: 24px;
  }

  .article-prev-next {
    gap: var(--spacing-12);
    grid: auto / repeat(2, minmax(0, 1fr));
  }
}

.article-comments {
  --comments-padding-inner: var(--spacing-6);
  gap: var(--spacing-12);
  max-width: var(--article-max-width);
  display: grid;
}

.comments-list {
  gap: var(--spacing-4);
  padding: var(--comments-padding-inner);
  display: grid;
}

.comment {
  gap: var(--spacing-3);
  display: grid;
}

.comment:not(:first-child) {
  padding-block-start: var(--spacing-4);
}

.article-comments__form {
  padding: var(--comments-padding-inner);
}

@media screen and (min-width: 700px) {
  .article-comments {
    --comments-padding-inner: var(--spacing-12);
  }

  .comments-list {
    gap: var(--spacing-8);
  }

  .comment {
    gap: var(--spacing-6);
    display: flex;
  }

  .comment:not(:first-child) {
    padding-block-start: var(--spacing-8);
  }

  .comment__gravatar {
    width: var(--spacing-12);
    height: var(--spacing-12);
  }
}

.before-after {
  --before-after-label-spacing: var(--spacing-5);
  -webkit-user-select: none;
  user-select: none;
  position: relative;
}

.before-after__label {
  position: absolute;
}

.before-after__label--left:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: var(--before-after-label-spacing);
}

.before-after__label--left:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: var(--before-after-label-spacing);
}

.before-after__label--right:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: var(--before-after-label-spacing);
}

.before-after__label--right:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: var(--before-after-label-spacing);
}

.before-after__label--top {
  top: var(--before-after-label-spacing);
}

.before-after__label--bottom {
  bottom: var(--before-after-label-spacing);
}

.before-after__after-image {
  clip-path: inset(0 0 0 calc(var(--before-after-initial-drag-position, 50%)  + var(--clip-path-offset, 0px)));
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

[dir="rtl"] .before-after__after-image {
  clip-path: inset(0 calc(var(--before-after-initial-drag-position, 50%)  - var(--clip-path-offset, 0px)) 0 0);
}

.before-after__cursor-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.before-after__cursor {
  touch-action: none;
  transform: translate(calc(var(--transform-logical-flip) * -50% + var(--clip-path-offset, 0px)), -50%);
  cursor: grab;
  filter: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
  will-change: transform;
  place-items: center;
  width: max-content;
  height: 100%;
  display: grid;
  position: relative;
}

.before-after__cursor:before {
  content: "";
  width: var(--spacing-0-5);
  background: rgb(var(--background));
  z-index: -1;
  height: 100%;
  position: absolute;
}

.before-after__cursor {
  top: 50%;
}

.before-after__cursor:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: var(--before-after-initial-drag-position, 0px);
}

.before-after__cursor:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: var(--before-after-initial-drag-position, 0px);
}

.before-after__cursor:active {
  cursor: grabbing;
}

@media screen and (min-width: 700px) {
  .before-after {
    --before-after-label-spacing: var(--spacing-8);
  }

  .before-after__cursor svg {
    width: var(--spacing-10);
    height: var(--spacing-10);
  }
}

.blog-posts__container {
  gap: var(--spacing-8);
  margin-block-start: var(--spacing-10);
  margin-block-end: var(--spacing-14);
  display: grid;
}

@media screen and (min-width: 700px) {
  .blog-posts__container {
    gap: var(--spacing-10);
  }
}

@media screen and (min-width: 1400px) {
  .blog-posts__container {
    gap: var(--spacing-20);
    margin-block-start: var(--spacing-20);
    margin-block-end: var(--spacing-28);
  }
}

.blog-banner {
  --banner-container-gap: var(--spacing-16);
  padding-block-start: var(--banner-spacing-block-added, 0px);
}

.blog-banner-content {
  padding-block-start: var(--banner-content-padding-block-start);
  padding-block-end: var(--spacing-16);
}

.blog-filter-list {
  --filter-list-item-padding: var(--spacing-2-5) var(--spacing-5);
  white-space: nowrap;
}

.blog-filter-list [aria-selected="true"] {
  background-color: rgb(var(--background-primary));
  color: rgb(var(--text-primary));
}

.blog-filter-list [aria-selected="false"] {
  opacity: .5;
  transition: opacity .2s ease-in-out;
}

@media screen and (pointer: fine) {
  .blog-filter-list [aria-selected="false"]:hover {
    opacity: 1;
  }
}

.blog-filter-list a {
  padding: var(--filter-list-item-padding);
  display: block;
}

.blog-banner__form {
  width: 100%;
  max-width: 500px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  padding-inline-start: var(--spacing-6);
  padding-inline-end: var(--spacing-6);
}

@media screen and (min-width: 700px) {
  .blog-banner {
    --banner-container-gap: var(--spacing-28);
  }

  .blog-banner-content {
    padding-block-end: var(--spacing-28);
  }

  .blog-banner__form {
    box-sizing: content-box;
  }

  .blog-filter-list {
    --filter-list-item-padding: var(--spacing-4) var(--spacing-6);
  }
}

.blog-posts {
  --blog-articles-gap: var(--spacing-8);
  align-items: flex-start;
  gap: var(--blog-articles-gap);
  display: grid;
}

.blog-posts-newsletter {
  padding: var(--spacing-8);
  align-content: flex-start;
}

.blog-posts-newsletter > .form {
  gap: var(--spacing-2);
}

@media screen and (min-width: 700px) {
  .blog-posts {
    --article-per-row: var(--blog-posts-per-row, 2);
    --blog-articles-gap: var(--spacing-10);
    --blog-articles-margin-block: var(--spacing-14);
    grid: auto / repeat(var(--article-per-row), minmax(0, 1fr));
  }

  .blog-posts-newsletter {
    padding: var(--spacing-10);
  }

  .blog-posts-newsletter > .form {
    gap: var(--spacing-4);
  }

  .blog-posts-newsletter__content > svg {
    width: var(--spacing-8);
    height: var(--spacing-8);
  }
}

@media screen and (min-width: 1150px) {
  .blog-posts {
    --article-per-row: var(--blog-posts-per-row, 3);
  }
}

@media screen and (min-width: 1400px) {
  .blog-posts {
    --blog-articles-gap: var(--spacing-20);
  }
}

.cart {
  gap: var(--section-stack-spacing-block);
  max-width: 1350px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  display: grid;
}

.cart-header {
  gap: var(--spacing-6);
  text-align: center;
  justify-items: center;
  display: grid;
}

.cart-header .free-shipping-bar {
  max-width: 450px;
}

.cart-order {
  align-items: start;
  gap: var(--spacing-6);
  display: grid;
}

.cart-form {
  gap: var(--spacing-5);
  padding: var(--spacing-6);
  border-width: 1px;
  display: grid;
}

@media screen and (min-width: 700px) {
  .cart-order {
    gap: var(--spacing-12);
  }

  .cart-form {
    gap: var(--spacing-6);
    padding: var(--spacing-10) var(--spacing-12);
  }
}

@media screen and (min-width: 1150px) {
  .cart-order {
    grid-template-columns: 1fr 380px;
  }

  .cart-order__recap {
    top: calc(var(--sticky-area-height)  + 20px);
    position: sticky;
  }
}

@media screen and (min-width: 1400px) {
  .cart-order {
    gap: var(--spacing-24);
  }
}

.free-shipping-bar {
  gap: var(--spacing-2);
  width: 100%;
  display: grid;
}

@media screen and (min-width: 700px) {
  .free-shipping-bar {
    gap: var(--spacing-4);
  }
}

.shipping-estimator {
  gap: var(--spacing-6);
  display: grid;
}

@media screen and (min-width: 700px) {
  .shipping-estimator__form {
    flex-wrap: wrap;
    margin-inline-end: var(--spacing-6);
    display: flex;
  }
}

.cart-drawer {
  --drawer-footer-padding: 1rem 1.5rem 1.5rem 1.5rem;
  --drawer-content-max-height: none;
  height: 100%;
  top: 0;
}

.cart-drawer::part(outside-close-button) {
  display: none;
}

.cart-drawer > [is="close-button"] {
  display: grid;
}

.cart-drawer__top {
  gap: var(--spacing-2);
  padding-block-end: var(--spacing-4);
  display: grid;
  padding-top:10px;
}

.cart-drawer__line-items > * + * {
  padding-block-start: var(--spacing-4);
}

.cart-drawer__note {
  visibility: hidden;
  width: 100%;
  transition: visibility .2s ease-in-out;
  position: absolute;
  bottom: calc(100% + 1px);
  overflow: hidden;
}

.cart-drawer__note:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.cart-drawer__note:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.cart-drawer__note-inner {
  padding: var(--spacing-5);
  background: rgb(var(--dialog-background));
  border-block-start-width: 1px;
  transition: transform .2s ease-in-out;
  transform: translateY(100%);
}

.cart-drawer__note[open] {
  visibility: visible;
}

.cart-drawer__note[open] > .cart-drawer__note-inner {
  transform: translateY(0);
}

.cart-drawer__recommendations {
  --horizontal-product-width: 390px;
}

@media screen and (min-width: 700px) {
  .cart-drawer {
    --drawer-footer-padding: 1.5rem 2.5rem 2.5rem 2.5rem;
  }

  .cart-drawer .free-shipping-bar {
    gap: var(--spacing-2-5);
  }

  .cart-drawer .horizontal-product-list-carousel {
    grid-template-columns: none;
  }

  .cart-drawer__top {
    gap: var(--spacing-2);
    padding-block-end: var(--spacing-4);
  }

  .cart-drawer__line-items > * + * {
    padding-block-start: var(--spacing-6);
  }

  .cart-drawer__note-inner {
    padding: var(--spacing-8) var(--spacing-10) var(--spacing-10) var(--spacing-10);
  }
}

.collection {
  --collection-sidebar-width: 250px;
  gap: var(--spacing-8);
  grid-template-columns: minmax(0, 1fr);
  margin-block-start: var(--spacing-8);
  margin-block-end: var(--section-outer-spacing-block);
  display: grid;
}

.collection__top-bar, .collection__facets {
  display: none;
}

.collection__results {
  scroll-padding-top: calc(var(--sticky-area-height)  + 20px);
  transition: opacity .1s;
}

.is-loading .collection__results {
  opacity: .4;
}

@media screen and (min-width: 700px) {
  .collection {
    margin-block-start: var(--spacing-12);
  }
}

@media screen and (min-width: 1000px) {
  .collection {
    column-gap: var(--spacing-12);
  }

  .collection--filters-sidebar {
    grid-template-columns: var(--collection-sidebar-width) minmax(0, 1fr);
  }

  .collection__top-bar {
    column-gap: var(--spacing-6);
    grid-column: 1 / -1;
    grid-template-columns: auto minmax(0, 1fr);
    display: grid;
  }

  .collection--filters-sidebar .collection__top-bar {
    grid-template-columns: inherit;
    column-gap: inherit;
  }

  .collection--filters-horizontal .collection__top-bar {
    row-gap: var(--spacing-8);
    grid-template-columns: 100%;
  }

  .collection__facets {
    display: block;
  }

  .facets-summary {
    align-items: start;
    gap: var(--spacing-4);
    grid-column-end: -1;
    display: flex;
  }

  .collection__facets-scroller {
    display: block;
    position: sticky;
    top: calc(var(--sticky-area-height)  + 20px);
  }

  .collection__pagination {
    grid-column-end: -1;
  }

  .availability-facet {
    align-items: center;
    gap: var(--spacing-4);
    display: flex;
  }

  .collection--filters-horizontal .availability-facet, .collection--filters-horizontal .sort-by-facet {
    flex: 1 0 0;
    min-width: max-content;
  }
}

@media screen and (min-width: 1400px) {
  .collection {
    --collection-sidebar-width: 300px;
  }
}

.sort-by-facet {
  justify-content: end;
  gap: var(--spacing-1);
  flex-shrink: 0;
  margin-inline-start: auto;
  display: flex;
  position: relative;
}

.facets__floating-filter {
  text-align: center;
  z-index: 2;
  width: 100%;
  position: fixed;
  bottom: var(--spacing-8);
}

.facets__floating-filter:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.facets__floating-filter:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.facets-drawer::part(header) {
  padding-block: var(--spacing-6);
}

.facets-drawer::part(body) {
  flex-grow: 1;
  padding-block-start: 0;
  padding-block-end: 0;
}

.facets-drawer .facets-vertical {
  flex-direction: column;
  min-height: 100%;
  display: flex;
}

.facets-drawer .accordion {
  border-block-start-width: 0;
}

.facets-drawer__floating-apply {
  background: linear-gradient(180deg, rgb(var(--background-primary) / 0), rgb(var(--background)));
  margin-block-start: auto;
  margin-inline-start: calc(-1 * var(--spacing-3));
  margin-inline-end: calc(-1 * var(--spacing-3));
  padding-block-start: var(--spacing-5);
  padding-block-end: var(--spacing-5);
  position: sticky;
  bottom: 0;
}

@media screen and (max-width: 699px) {
  .facets-drawer::part(header) {
    display: none;
  }

  .facets-drawer::part(content) {
    height: 65vh;
    max-height: none;
  }
}

@media screen and (min-width: 700px) {
  .facets-drawer__floating-apply {
    margin-inline-start: calc(-1 * var(--spacing-4));
    margin-inline-end: calc(-1 * var(--spacing-4));
    padding-block-start: var(--spacing-6);
    padding-block-end: var(--spacing-6);
  }
}

.facets-horizontal {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-5) var(--spacing-10);
  flex-wrap: wrap;
  display: flex;
  position: relative;
}

.facets-horizontal > [aria-expanded] {
  transition: opacity .2s ease-in-out;
}

@supports selector(:has(*)) {
  .facets-horizontal > [aria-expanded="true"] ~ [aria-expanded] {
    opacity: .5;
  }

  .facets-horizontal > :has( ~ [aria-expanded="true"]) {
    opacity: .5;
  }
}

.active-facets {
  align-items: center;
  gap: var(--spacing-2);
  flex-wrap: wrap;
  display: flex;
}

.active-facets > .facet-clear-all {
  margin-inline-start: var(--spacing-2);
}

@media screen and (min-width: 1000px) {
  .active-facets {
    margin-block-start: -12px;
    margin-block-end: -12px;
  }

  .active-facets > .facet-clear-all {
    margin-inline-start: var(--spacing-4);
  }

  .collection--filters-horizontal .active-facets {
    margin-block-start: 0;
    margin-block-end: 0;
  }
}

.removable-facet {
  gap: var(--spacing-3);
  padding: var(--spacing-2-5) var(--spacing-4);
  background: rgb(var(--text-color) / .1);
  color: rgb(var(--text-color));
  border-radius: var(--rounded-button);
  flex-shrink: 0;
  align-items: baseline;
  display: flex;
}

@media screen and (min-width: 700px) {
  .removable-facet {
    padding: var(--spacing-3) var(--spacing-5);
    gap: var(--spacing-4);
  }
}

.facet-dialog {
  padding: var(--spacing-4);
  border-radius: min(8px, var(--rounded-button));
  background: rgb(var(--background-primary));
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  border-width: 1px;
  width: max-content;
  max-width: min(1100px, 80vw);
  transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
  position: absolute;
  top: calc(100% + var(--spacing-6));
}

.facet-dialog:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.facet-dialog:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.facet-dialog > .color-list {
  margin: var(--spacing-1) var(--spacing-2);
  max-width: 550px;
}

.availability-facet + .facets-horizontal > .facet-dialog:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: auto;
}

.availability-facet + .facets-horizontal > .facet-dialog:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: auto;
}

.facet-dialog[open] {
  visibility: visible;
  opacity: 1;
}

.facet-dialog-option {
  padding: var(--spacing-3) var(--spacing-6);
  border-radius: var(--rounded-full);
  opacity: .7;
  transition: opacity .2s ease-in-out, background .2s ease-in-out;
  display: block;
}

:checked + .facet-dialog-option, .facet-dialog-option:hover {
  background: rgb(var(--text-primary) / .04);
  opacity: 1;
}

.collection-header {
  text-align: center;
  margin-block-start: var(--spacing-8);
  margin-block-end: var(--spacing-8);
}

@media screen and (min-width: 700px) {
  .collection-header {
    margin-block-start: var(--spacing-16);
    margin-block-end: var(--spacing-16);
  }
}

.collection-featured-product {
  max-width: 290px;
  display: grid;
}

.collection-featured-product > * {
  background: rgb(var(--text-primary) / .2);
  -webkit-backdrop-filter: blur(80px);
  backdrop-filter: blur(80px);
}

.collection-featured-product__title {
  padding: var(--spacing-1-5) var(--spacing-4);
  border-top-left-radius: var(--rounded-xs);
  border-top-right-radius: var(--rounded-xs);
  justify-self: end;
}

.collection-featured-product__content {
  border-radius: var(--rounded-xs);
  border-top-right-radius: 0;
}

.collection-list {
  grid: var(--collection-list-grid, none);
  align-items: start;
  gap: var(--grid-gutter);
  display: grid;
}

.collection-card {
  --transition-direction: 1;
  scroll-snap-align: center;
  scroll-snap-stop: always;
  overflow: hidden;
}

.collection-card--reverse-transition {
  --transition-direction: -1;
}

.collection-card__content-wrapper svg {
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s, visibility .2s, transform .2s;
  display: inline-block;
}

.collection-card__content + svg {
  transform: translateY(calc(var(--transition-direction) * 48px));
}

.collection-card__content {
  transition: transform .2s;
}

.collection-card__content:first-child {
  margin-block-end: -3rem;
}

@media screen and (min-width: 1000px) {
  .collection-card {
    scroll-snap-align: none;
  }
}

@media screen and (pointer: fine) {
  .collection-card:hover .collection-card__content {
    transform: translateY(calc(var(--transition-direction) * -8px));
  }

  .collection-card:hover .collection-card__content-wrapper svg {
    opacity: 1;
    visibility: visible;
    transform: translateY(-8px);
  }

  .collection-card:hover .collection-card__content + svg {
    transform: translateY(56px);
  }
}

@supports selector(:has(.selector)) {
  .shopify-section--collection-banner + .shopify-section--collection-list:not(:has(.section-header)) {
    --section-outer-spacing-block: var(--grid-gutter);
  }
}

@supports not selector(:has(.selector)) {
  .shopify-section--collection-banner + .shopify-section--collection-list {
    --section-outer-spacing-block: var(--grid-gutter);
  }
}

.contact-form {
  padding: var(--spacing-6);
}

@media screen and (min-width: 700px) {
  .contact-form {
    padding: var(--spacing-10) var(--spacing-12);
  }
}

.faq-availability {
  gap: var(--spacing-6);
  text-align: center;
  justify-items: center;
  display: grid;
}

.faq-availability > * {
  justify-items: inherit;
}

.section-stack__intro .faq-availability {
  text-align: start;
  justify-items: start;
}

.feature-chart {
  padding: 0 var(--container-gutter);
  scroll-padding-top: var(--sticky-area-height);
  display: block;
}

.feature-chart__table-row {
  --feature-chart-heading-width: 140px;
  grid-template-columns: var(--feature-chart-heading-width) repeat(var(--feature-chart-values-columns-count), minmax(140px, 1fr));
  gap: var(--spacing-1) var(--spacing-5);
  min-width: min-content;
  padding-block-start: var(--spacing-4);
  padding-block-end: var(--spacing-4);
  display: grid;
}

.feature-chart__toggle {
  text-align: center;
  border-top-width: 1px;
  justify-content: center;
  padding-block-start: var(--spacing-4);
  padding-block-end: var(--spacing-4);
  display: grid;
}

.feature-chart.is-expanded .feature-chart__toggle .circle-chevron {
  transform: rotate(180deg);
}

.feature-chart__product {
  --feature-chart-product-image-width: 80px;
  gap: var(--spacing-5);
  place-content: start;
  display: grid;
  position: relative;
}

.feature-chart__product :is(img, svg) {
  width: var(--feature-chart-product-image-width);
}

.feature-chart__product .color-swatch {
  margin: 0;
}

.feature-chart__product .badge {
  position: absolute;
  top: 0;
}

.feature-chart__product .badge:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.feature-chart__product .badge:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.feature-chart__product-placeholder {
  height: auto;
}

.feature-chart__table-row--sticky {
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  background: rgb(var(--background));
  padding-block: var(--spacing-5);
  border-bottom-width: 1px;
  transition: opacity .2s, visibility .2s, top .2s;
  position: fixed;
  top: calc(var(--header-is-visible, 1) * var(--sticky-area-height));
  border-top-width: 0 !important;
}

.feature-chart__table-row--sticky.is-visible {
  opacity: 1;
  visibility: visible;
}

.feature-chart__table-row--sticky .feature-chart__product img {
  max-width: 48px;
}

.feature-chart__table-row--sticky .feature-chart__view-button-container {
  display: none;
}

@media screen and (max-width: 699px) {
  .feature-chart, .feature-chart__table {
    margin-inline-start: calc(-1 * var(--container-gutter));
    margin-inline-end: calc(-1 * var(--container-gutter));
    padding-inline-start: var(--container-gutter);
    padding-inline-end: var(--container-gutter);
    display: grid;
  }

  .feature-chart__table-row {
    grid-template-columns: repeat(var(--feature-chart-values-columns-count), minmax(140px, 1fr));
  }

  .feature-chart__table--multi-columns .feature-chart__table-row {
    grid-template-columns: repeat(var(--feature-chart-values-columns-count), 150px);
  }

  .feature-chart__heading {
    position: sticky;
  }

  .feature-chart__heading:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 0;
  }

  .feature-chart__heading:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 0;
  }

  .feature-chart__value {
    grid-row: 2;
  }
}

@media screen and (min-width: 700px) {
  .feature-chart {
    border-radius: var(--rounded);
  }

  .feature-chart__table-row--product > :first-child {
    grid-column-start: 2;
  }
}

@media screen and (min-width: 1000px) {
  .feature-chart {
    padding: var(--spacing-4) var(--spacing-12);
  }

  .feature-chart__table-row {
    --feature-chart-heading-width: 180px;
    column-gap: var(--spacing-6);
    padding-block-start: var(--spacing-6);
    padding-block-end: var(--spacing-6);
  }

  .feature-chart__table-row--product {
    padding-block-end: var(--spacing-10);
  }

  .feature-chart__table-row--sticky {
    padding-block: var(--spacing-6);
  }

  .feature-chart__toggle {
    padding-block-start: var(--spacing-5);
    padding-block-end: var(--spacing-6);
  }

  .feature-chart__product {
    --feature-chart-product-image-width: 150px;
    max-width: 260px;
  }

  .feature-chart__table-row--sticky .feature-chart__product {
    grid-auto-flow: column;
    justify-content: start;
  }

  .feature-chart__table-row--sticky .feature-chart__product img {
    max-width: 80px;
  }
}

.footer {
  --background: var(--footer-background);
  --text-color: var(--footer-text);
  --footer-padding-block: var(--spacing-12);
  --footer-part-gap: var(--spacing-10);
  --footer-block-list-gap: var(--spacing-10);
  --footer-block-gap: var(--spacing-4);
  --footer-aside-gap: var(--spacing-10);
  background: rgb(var(--background));
  color: rgb(var(--text-color));
  padding-block-start: var(--footer-padding-block);
  padding-block-end: var(--footer-padding-block);
}

.footer__wrapper {
  gap: var(--footer-part-gap);
  display: grid;
}

.footer__block-list {
  gap: var(--footer-block-list-gap);
  align-items: start;
  justify-content: var(--footer-block-list-justify-content, start);
  grid: auto-flow dense / repeat(2, minmax(0, 1fr));
  display: grid;
}

.footer__block {
  gap: var(--footer-block-gap);
  display: grid;
}

.footer__block--text, .footer__block--newsletter {
  grid-column: span 2;
}

.footer__block--newsletter {
  gap: var(--spacing-8);
  display: grid;
}

.footer__block--menu {
  max-width: 250px;
}

.footer__aside {
  gap: var(--footer-aside-gap);
  display: grid;
}

.footer__aside-top, .footer__aside-bottom {
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-8);
  display: grid;
}

@media screen and (min-width: 700px) {
  .footer {
    --footer-padding-block: var(--spacing-16);
    --footer-part-gap: var(--spacing-16);
    --footer-block-list-gap: var(--spacing-10) var(--spacing-24);
    --footer-block-gap: var(--spacing-6);
    --footer-aside-gap: var(--spacing-12);
  }

  .footer__block-list {
    flex-wrap: wrap;
    display: flex;
  }

  .footer__block--text {
    flex-basis: 25%;
  }

  .footer__block--newsletter {
    flex-basis: 100%;
  }

  .footer__block--menu {
    flex-shrink: 0;
  }

  .footer__aside-top, .footer__aside-bottom {
    display: flex;
  }

  .footer__copyright {
    order: -1;
  }
}

@media screen and (min-width: 1000px) {
  .footer {
    --footer-block-list-gap: var(--spacing-10) var(--spacing-12);
  }

  .footer__block-list {
    flex-wrap: nowrap;
  }

  .footer__block--newsletter {
    flex-basis: 33.3333%;
  }

  .footer__block--newsletter:only-child {
    flex-basis: 50%;
  }

  .footer__newsletter-form {
    max-width: 400px;
  }
}

@media screen and (min-width: 1150px) {
  .footer {
    --footer-block-list-gap: var(--spacing-10) var(--spacing-24);
  }

  .footer__block--menu:last-child {
    margin-inline-end: var(--spacing-10);
  }
}

.shopify-section--privacy-banner {
  z-index: 2;
  position: relative;
}

.privacy-bar {
  margin: var(--spacing-2);
  z-index: 1;
  transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
  position: fixed;
  bottom: 0;
  display: block !important;
}

.privacy-bar:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.privacy-bar:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.privacy-bar[hidden] {
  visibility: hidden;
  opacity: 0;
}

.privacy-bar__inner {
  padding: var(--spacing-6);
  background: rgb(var(--background-primary));
  color: rgb(var(--text-primary));
  border-radius: var(--rounded-sm);
  border-width: 1px;
  width: 100%;
}

.privacy-bar__close {
  position: absolute;
  top: var(--spacing-6);
}

.privacy-bar__close:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: var(--spacing-6);
}

.privacy-bar__close:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: var(--spacing-6);
}

@media screen and (min-width: 700px) {
  .privacy-bar {
    margin: var(--spacing-4);
  }

  .privacy-bar__inner {
    max-width: 445px;
  }
}

.gift-card {
  gap: var(--spacing-8);
  padding-block-start: var(--spacing-4);
  padding-block-end: var(--spacing-14);
  display: grid;
}

.gift-card__image-wrapper {
  justify-items: center;
  gap: var(--spacing-6);
  display: grid;
}

.gift-card__image {
  max-width: 160px;
}

.gift-card__info {
  gap: var(--spacing-5);
  display: grid;
}

.gift-card__issued-info {
  place-content: center;
  align-items: center;
  gap: var(--spacing-2);
  padding: var(--spacing-6);
  text-align: center;
  display: grid;
}

.gift-card__balance {
  line-height: 1;
  font-size: var(--gift-card-balance-font-size);
}

.gift-card__redeem-info:last-child {
  border-width: 1px;
}

.gift-card__redeem-box {
  padding: var(--spacing-6);
  align-items: center;
  gap: var(--spacing-4);
  display: grid;
}

.gift-card__redeem-box:last-child:not(:only-child) {
  border-top-width: 1px;
}

.gift-card__redeem-code {
  padding: var(--spacing-3-5);
  text-align: center;
  border-radius: var(--rounded-xs);
  border-width: 1px;
  font-weight: bold;
}

.gift-card__qr-code {
  aspect-ratio: 1;
  width: 120px;
  display: block;
}

.gift-card__qr-code > canvas {
  display: none;
}

.gift-card__scan {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-8);
  display: flex;
}

@media screen and (min-width: 700px) {
  .gift-card {
    gap: var(--spacing-12);
    padding-block-start: var(--spacing-12);
    padding-block-end: var(--spacing-32);
  }

  .gift-card__image-wrapper {
    gap: var(--spacing-12);
  }

  .gift-card__image {
    max-width: 270px;
  }

  .gift-card__info {
    gap: var(--spacing-12);
  }

  .gift-card__issued-info {
    padding: var(--spacing-12);
  }

  .gift-card__redeem-info {
    display: flex;
  }

  .gift-card__redeem-box {
    padding: var(--spacing-12);
    gap: var(--spacing-6);
    max-width: 380px;
  }

  .gift-card__scan {
    justify-items: center;
    display: grid;
  }
}

@media screen and (min-width: 1000px) {
  .gift-card__info {
    justify-content: center;
    display: flex;
  }

  .gift-card__redeem-box:last-child:not(:only-child) {
    border-top-width: 0;
    border-inline-start-width: 1px;
  }
}

@media screen and (min-width: 1150px) {
  .gift-card__issued-info {
    flex-basis: var(--spacing-80);
  }
}

.header {
  --background: var(--header-background);
  --text-color: var(--header-text);
  --header-part-gap: var(--spacing-3);
  --header-icon-list-spacing: var(--spacing-4);
  --header-link-list-spacing: var(--spacing-6);
  --header-logo-opacity: 1;
  will-change: transform;
  margin-inline-start: auto;
  margin-inline-end: auto;
  transition: background .25s;
  display: block;
}

.header__wrapper {
  grid-template: var(--header-grid-template);
  align-items: center;
  gap: var(--header-part-gap);
  padding: var(--header-padding-block) max(var(--container-gutter), 50% - var(--container-max-width) / 2);
  color: rgb(var(--text-color));
  background: rgb(var(--background) / var(--header-background-opacity));
  -webkit-backdrop-filter: blur(var(--header-background-blur-radius));
  backdrop-filter: blur(var(--header-background-blur-radius));
  border-radius: inherit;
  transition: inherit;
  display: grid;
}

.header__logo {
  grid-area: logo;
  max-width: max-content;
  display: block;
  position: relative;
}

.header__logo-image {
  width: var(--header-logo-width);
  opacity: var(--header-logo-opacity, 1);
  height: auto;
}

.header__logo-image--transparent {
  opacity: calc(1 - var(--header-logo-opacity));
  position: absolute;
  top: 0;
}

.header__logo-image--transparent:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.header__logo-image--transparent:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.header__logo-image:not(.header__logo-image--transparent):last-child {
  --header-logo-opacity: 1;
}

.header__logo-text {
  max-width: min(50vw, 350px);
  display: block;
}

.header__main-nav {
  grid-area: main-nav;
}

.header__secondary-nav {
  justify-content: flex-end;
  justify-self: end;
  align-items: center;
  gap: var(--spacing-3) var(--header-part-gap);
  flex-wrap: wrap;
  grid-area: secondary-nav;
  display: flex;
}

.header__link-list {
  display: none;
}

.header__link-list .icon-chevron-bottom {
  position: relative;
  top: 1px;
}

.header__icon-list {
  align-items: center;
  gap: var(--header-icon-list-spacing);
  display: flex;
}

.header__cart-count {
  top: -.3125rem;
  position: absolute;
}

.header__cart-count:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: .875rem;
}

.header__cart-count:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: .875rem;
}

@media screen and (min-width: 700px) {
  .header {
    --header-part-gap: var(--spacing-6);
    --header-icon-list-spacing: var(--spacing-6);
  }
}

@media screen and (min-width: 1150px) {
  .header__link-list {
    gap: var(--spacing-4) var(--header-link-list-spacing);
    display: flex;
  }
}

@media screen and (min-width: 1400px) {
  .header {
    --header-part-gap: var(--spacing-10);
    --header-link-list-spacing: var(--spacing-10);
  }
}

.header[allow-transparency] {
  transition: color .25s, background .25s, -webkit-backdrop-filter .25s, backdrop-filter .25s;
}

.header[allow-transparency]:not(.is-filled) {
  --header-background-opacity: 0;
  --header-logo-opacity: 0;
  --header-background-blur-radius: 0px;
  --text-color: var(--header-transparent-text-color);
}

.header[allow-transparency] .header__logo-image {
  transition: opacity .25s;
}

@supports selector(:has(> *)) {
  :has(.shopify-section:first-child [allow-transparent-header]) .header:not(.is-filled) {
    --header-background-opacity: 0;
    --header-logo-opacity: 0;
    --text-color: var(--header-transparent-text-color);
  }

  :has(.shopify-section:first-child [allow-transparent-header]) .shopify-section--header:not(:has(.header.is-filled)) {
    position: relative !important;
    top: 0 !important;
  }

  .header:has([open]) {
    --header-background-opacity: 1;
  }
}

.dropdown-menu {
  gap: var(--spacing-3);
  padding: var(--spacing-5) var(--spacing-7);
  background: rgb(var(--header-background));
  color: rgb(var(--header-text));
  border-radius: var(--rounded-sm);
  opacity: 0;
  box-shadow: var(--shadow), 0 0 0 1px rgb(var(--text-color) / .12);
  z-index: 1;
  width: max-content;
  max-width: 350px;
  display: grid;
  position: absolute;
  top: calc(100% + var(--spacing-4-5));
}

.dropdown-menu:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: calc(-1 * var(--spacing-4));
}

.dropdown-menu:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: calc(-1 * var(--spacing-4));
}

.dropdown-menu:before {
  content: "";
  height: var(--spacing-4-5);
  width: 100%;
  position: absolute;
  bottom: 100%;
}

.dropdown-menu--restrictable {
  max-height: 80vh;
  overflow-y: auto;
}

.dropdown-menu .dropdown-menu {
  top: calc(-1 * var(--spacing-5));
}

.dropdown-menu .dropdown-menu:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: calc(100% + var(--spacing-7));
}

.dropdown-menu .dropdown-menu:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: calc(100% + var(--spacing-7));
}

.dropdown-menu__item {
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-6);
  opacity: .7;
  transition: opacity .2s ease-in-out;
  display: flex;
}

[open] > .dropdown-menu__item, .dropdown-menu__item:hover {
  opacity: 1;
}

.mega-menu__promo-carousel {
  max-width: 300px;
  position: relative;
}

.mega-menu__carousel {
  grid: auto / auto-flow 45vw;
  display: grid;
}

@media screen and (min-width: 700px) {
  .mega-menu__carousel {
    --content-over-media-column-gap: var(--spacing-8);
    --content-over-media-row-gap: var(--spacing-6);
    --content-over-media-content-max-width: 70%;
    grid: none;
  }

  .mega-menu__carousel > * {
    grid-area: 1 / -1;
  }

  .mega-menu__carousel-controls button {
    transition: transform .2s;
  }

  .mega-menu__carousel-controls button:hover {
    transform: scale(1.1);
  }
}

@media screen and (min-width: 1400px) {
  .mega-menu__promo-carousel {
    max-width: 360px;
  }
}

.mega-menu {
  --mega-menu-block-padding: var(--spacing-10);
  --mega-menu-gap: var(--spacing-12);
  --mega-menu-nav-column-gap: var(--spacing-8);
  gap: var(--mega-menu-gap);
  justify-content: var(--mega-menu-justify-content);
  padding: var(--mega-menu-block-padding) max(var(--container-gutter), 50% - var(--container-max-width) / 2);
  max-height: calc(100vh - var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px)  - var(--header-height, 0px)  - 20px);
  overscroll-behavior-y: contain;
  opacity: 0;
  background: rgb(var(--header-background));
  color: rgb(var(--header-text));
  mix-blend-mode: plus-lighter;
  border-block-start-width: 1px;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: absolute;
  top: 100%;
  overflow: hidden auto;
  box-shadow: 0 9999px 0 9999px #0006;
}

.mega-menu:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.mega-menu:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.mega-menu__nav {
  max-width: var(--column-list-max-width, max-content);
  gap: var(--mega-menu-nav-gap);
  flex-wrap: wrap;
  flex: auto;
  align-items: start;
  display: flex;
}

.mega-menu__nav > li {
  width: var(--mega-menu-nav-column-max-width);
}

@media screen and (min-width: 1400px) {
  .mega-menu {
    --mega-menu-gap: var(--spacing-16);
    --mega-menu-nav-column-gap: var(--spacing-12);
  }
}

@media screen and (min-width: 1600px) {
  .mega-menu {
    --mega-menu-gap: var(--spacing-20);
    --mega-menu-nav-column-gap: var(--spacing-16);
  }
}

.navigation-drawer {
  --panel-link-image-size: var(--spacing-12);
  --drawer-body-padding: var(--spacing-6);
  --navigation-drawer-width: 100vw;
  width: var(--navigation-drawer-width);
}

.navigation-drawer::part(body) {
  gap: var(--spacing-6);
  grid-template-rows: minmax(0, 1fr);
  padding: 0;
  display: grid;
  overflow-y: hidden;
}

.navigation-drawer::part(content) {
  grid-template-rows: minmax(0, 1fr);
  min-height: 70vh;
  display: grid;
}

.navigation-drawer .panel__scroller {
  align-content: flex-start;
  height: 100%;
  overflow-y: auto;
}

.navigation-drawer > [is="close-button"] {
  margin-inline-start: var(--drawer-body-padding);
}

.navigation-drawer[mobile-opening="bottom"] .panel__scroller {
  margin-block-start: calc(var(--drawer-body-padding) * -1);
  padding-block-start: var(--drawer-body-padding);
}

.navigation-drawer[mobile-opening="left"] {
  height: 100%;
}

.navigation-drawer[mobile-opening="left"]::part(body) {
  grid-template-rows: auto minmax(0, 1fr);
  padding-block-start: var(--drawer-body-padding);
}

.navigation-drawer[mobile-opening="left"] > [is="close-button"] {
  display: grid;
}

.navigation-drawer[mobile-opening="left"] .panel__wrapper {
  padding-block-start: 0;
}

.navigation-drawer [is="close-button"] {
  width: var(--spacing-10);
  height: var(--spacing-10);
  border-radius: var(--rounded-full);
  border-width: 1px;
  place-items: center;
  position: static;
}

.panel-list__wrapper {
  height: 100%;
  position: relative;
  overflow: hidden;
}

.panel {
  gap: var(--spacing-8);
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.panel + .panel {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
}

.panel__wrapper {
  justify-content: var(--panel-wrapper-justify-content, space-between);
  gap: var(--spacing-6);
  padding: var(--drawer-body-padding);
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow-y: auto;
}

.panel-footer {
  background-color: rgb(var(--background));
}

.panel-footer__localization-wrapper {
  padding-block-start: var(--spacing-4);
}

.panel-footer__account-link:not(:only-child) {
  margin-inline-start: auto;
}

.panel-link__image {
  min-width: var(--panel-link-image-size);
  width: var(--panel-link-image-size);
  height: var(--panel-link-image-size);
  object-fit: contain;
}

@media screen and (min-width: 700px) {
  .navigation-drawer {
    --panel-link-image-size: 3.25rem;
    --drawer-body-padding: var(--spacing-8);
    --navigation-drawer-width: 412px;
  }

  .navigation-drawer::part(body) {
    gap: var(--spacing-8);
    grid-template-rows: auto minmax(0, 1fr);
    padding-block-start: var(--drawer-body-padding);
  }

  .navigation-drawer [is="close-button"] {
    width: var(--spacing-12);
    min-height: var(--spacing-12);
    height: var(--spacing-12);
  }

  .navigation-drawer[mobile-opening="bottom"] .panel__scroller {
    margin-block-start: 0;
    padding-block-start: 0;
  }

  .panel__wrapper {
    padding-block-start: 0;
  }
}

@media screen and (min-width: 1150px) {
  .navigation-drawer[mega-menu] {
    --panel-link-image-size: 3.75rem;
    --drawer-body-padding: var(--spacing-10);
    --navigation-drawer-width: 472px;
  }

  .navigation-drawer[mega-menu]::part(body) {
    grid-template-rows: auto;
    padding: 0;
  }

  .navigation-drawer[mega-menu]::part(content):before {
    content: "";
    background-color: rgb(var(--text-color) / .12);
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 440px;
  }

  .navigation-drawer[mega-menu] [is="close-button"] {
    display: grid;
  }

  .navigation-drawer[mega-menu] > .panel-list__wrapper {
    grid-template-columns: repeat(2, minmax(440px, 1fr));
    display: grid;
  }

  .navigation-drawer[mega-menu] > .panel-list__wrapper > .panel {
    position: static;
  }

  .navigation-drawer[mega-menu] .panel + .panel > .panel__wrapper {
    padding-block-start: 6.5rem;
  }

  .navigation-drawer[mega-menu] .panel__wrapper {
    padding: var(--drawer-body-padding);
  }

  .navigation-drawer[mega-menu] .panel__scroller {
    overflow-y: initial;
  }

  .navigation-drawer [is="close-button"] {
    transition: transform .2s ease-in-out;
  }

  .navigation-drawer [is="close-button"]:hover {
    transform: rotate(90deg);
  }

  [dir="rtl"] .navigation-drawer[mega-menu]::part(content):before {
    left: auto;
    right: 440px;
  }
}

.mega-menu .navigation-promo__wrapper {
  flex: 1;
  max-width: max-content;
}

.navigation-promo {
  grid: var(--navigation-promo-grid);
  align-content: start;
  align-items: start;
  gap: var(--navigation-promo-gap);
  display: grid;
}

.navigation-promo.navigation-promo--carousel .content-over-media p {
  max-width: 75%;
}

.navigation-promo .product-card {
  padding: var(--spacing-8);
  flex-direction: column;
  justify-content: center;
  height: 100%;
  display: flex;
}

.navigation-promo .product-card__figure {
  max-width: 160px;
  margin-block-end: var(--spacing-4);
  margin-inline-start: auto;
  margin-inline-end: auto;
}

.navigation-promo .product-card__quick-buy {
  display: none;
}

.navigation-promo .product-card__info {
  padding: 0;
}

.navigation-promo .product-card__image {
  border-radius: 0;
}

.navigation-promo__carousel-controls {
  gap: var(--spacing-2);
  color: rgb(var(--text-color));
  z-index: 1;
  transition: color .2s ease-in-out;
  display: flex;
  position: absolute;
}

.navigation-promo__carousel-controls:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: var(--content-over-media-column-gap);
}

.navigation-promo__carousel-controls:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: var(--content-over-media-column-gap);
}

@media screen and (min-width: 1150px) {
  .navigation-promo__carousel-controls > button svg {
    transition: scale .2s ease-in-out;
  }

  .navigation-promo__carousel-controls > button:hover svg {
    scale: 1.1;
  }
}

.shopify-section--hot-spots {
  z-index: 1;
}

.hot-spot {
  --hot-spot-dot-size: var(--spacing-8);
  --hot-spot-dot-shadow-size: var(--spacing-2-5);
  top: var(--hot-spot-vertical-position);
  left: var(--hot-spot-horizontal-position);
  grid-area: unset !important;
  z-index: unset !important;
  position: absolute !important;
}

.hot-spot__dot {
  width: var(--hot-spot-dot-size);
  height: var(--hot-spot-dot-size);
  border-radius: var(--rounded-full);
  background: rgb(var(--hot-spot-background));
  color: rgb(var(--hot-spot-text-color));
  place-items: center;
  transition: transform .2s ease-in-out;
  display: grid;
  position: relative;
}

.hot-spot__dot:after {
  content: "";
  box-sizing: content-box;
  top: calc(-1 * var(--hot-spot-dot-shadow-size));
  left: calc(-1 * var(--hot-spot-dot-shadow-size));
  padding: var(--hot-spot-dot-shadow-size);
  background: radial-gradient(50% 50% at 50% 50%, rgb(var(--hot-spot-background) / 0) 0%, rgb(var(--hot-spot-background) / .3) 100%);
  border-radius: inherit;
  width: 100%;
  height: 100%;
  animation: 2s ease-in-out infinite alternate ping;
  position: absolute;
}

.hot-spot__dot[aria-expanded="true"] {
  transform: rotate(45deg);
}

.hot-spot-popover {
  --popover-body-padding: var(--spacing-6);
}

.hot-spot-popover::part(title) {
  display: none;
}

.hot-spot-popover::part(body) {
  text-align: start;
}

@media screen and (min-width: 700px) {
  .hot-spot {
    --hot-spot-dot-size: var(--spacing-12);
    --hot-spot-dot-shadow-size: var(--spacing-4);
  }

  .hot-spot__dot svg {
    width: 12px;
    height: 12px;
  }

  .hot-spot-popover {
    --popover-body-padding: var(--spacing-8);
  }
}

@media screen and (min-width: 1000px) {
  .hot-spot-popover {
    --popover-anchor-inline-spacing: calc(100% + var(--spacing-4-5));
  }

  .hot-spot-popover::part(content) {
    background: rgb(var(--hot-spot-content-background) / var(--hot-spot-content-opacity));
    color: rgb(var(--hot-spot-content-text-color));
    -webkit-backdrop-filter: blur(var(--hot-spot-content-blur-radius));
    backdrop-filter: blur(var(--hot-spot-content-blur-radius));
  }
}

.image-link-blocks {
  grid: var(--image-link-blocks-grid);
  gap: var(--spacing-2);
  align-items: start;
  display: grid;
}

.image-link-blocks__item .content-over-media .circle-chevron {
  background: rgb(var(--text-color));
  color: rgb(var(--background));
  opacity: 0;
  transition: opacity .2s ease-in-out;
}

.image-link-blocks__item .icon-circle-button-right-clipped {
  opacity: 0;
  transition: opacity .2s ease-in-out;
}

.image-link-blocks__inner {
  gap: var(--spacing-3);
  padding: var(--spacing-5);
  display: grid;
}

.image-link-blocks__inner .circle-chevron {
  opacity: 0;
  transition: opacity .2s ease-in-out;
}

.image-link-blocks__title {
  gap: var(--spacing-2-5);
  justify-content: center;
  align-items: center;
  margin-block-end: calc(-1 * var(--spacing-1));
  display: flex;
}

.image-link-blocks__title--animate {
  transform: translateX(calc(var(--transform-logical-flip) * 16px));
  transition: transform .2s;
}

@media screen and (min-width: 700px) {
  .image-link-blocks {
    gap: var(--grid-gutter);
  }

  .image-link-blocks__inner {
    gap: var(--spacing-5);
    padding: var(--spacing-10);
  }

  .image-link-blocks__title {
    margin-block-end: calc(-1 * var(--spacing-4));
  }
}

@media screen and (min-width: 1000px) {
  .image-link-blocks__item {
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
}

@media screen and (pointer: fine) {
  .image-link-blocks__item:hover .content-over-media .circle-chevron {
    background: rgb(var(--text-color));
    color: rgb(var(--background));
    opacity: 1;
  }

  .image-link-blocks__item:hover .image-link-blocks__inner .circle-chevron, .image-link-blocks__item:hover .icon-circle-button-right-clipped {
    opacity: 1;
  }

  .image-link-blocks__item:hover .image-link-blocks__title--animate {
    transform: translateX(0);
  }
}

.shopify-section--collection-banner + .shopify-section--image-link-blocks {
  --section-outer-spacing-block: var(--grid-gutter);
}

.images-scrolling__content {
  gap: var(--spacing-4);
  display: grid;
}

.images-scrolling__counter {
  align-items: center;
  gap: var(--spacing-4);
  display: flex;
}

.images-scrolling__counter:before {
  content: "";
  background: currentColor;
  width: 1.5rem;
  height: .125rem;
}

.images-scrolling__icon {
  max-width: calc(var(--images-scrolling-item-icon-width) / 1.5);
}

@media screen and (min-width: 700px) {
  .images-scrolling__content {
    gap: var(--spacing-8);
    padding-block: var(--spacing-8);
    order: -1;
    align-content: start;
  }

  .images-scrolling__counter {
    gap: var(--spacing-6);
  }

  .images-scrolling__counter:before {
    width: 2.5rem;
  }

  .images-scrolling__icon {
    max-width: calc(var(--images-scrolling-item-icon-width));
  }
}

.images-scrolling-mobile {
  grid: var(--images-scrolling-grid);
  gap: var(--spacing-12) var(--container-gutter);
  display: grid;
}

.images-scrolling-mobile__item {
  align-content: start;
  gap: var(--spacing-4);
  display: grid;
}

@media screen and (min-width: 700px) {
  .images-scrolling-mobile {
    display: none;
  }
}

.images-scrolling-desktop {
  grid-template-columns: var(--images-scrolling-grid-template-columns);
  grid-template-rows: repeat(var(--images-scrolling-block-count), minmax(0, 1fr));
  column-gap: var(--spacing-8);
  display: grid;
}

.images-scrolling-desktop__media-wrapper {
  top: calc(var(--sticky-area-height)  + 20px);
  grid-column: media;
  position: sticky;
}

.images-scrolling-desktop__media-wrapper > * {
  object-fit: cover;
  object-position: center;
  will-change: transform;
}

.images-scrolling-desktop__media-wrapper > :first-child {
  max-height: calc(100vh - var(--sticky-area-height)  - 40px);
}

@supports (max-height: 100svh) {
  .images-scrolling-desktop__media-wrapper > :first-child {
    max-height: calc(100svh - var(--sticky-area-height)  - 40px);
  }
}

.images-scrolling-desktop__media-wrapper > :not(:first-child) {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.images-scrolling-desktop__content-list {
  grid-area: 1 / content / -1;
  grid-auto-columns: minmax(0, 1fr);
  align-items: center;
  display: grid;
}

@media screen and (min-width: 1000px) {
  .images-scrolling-desktop {
    column-gap: var(--spacing-16);
  }
}

@media screen and (min-width: 1150px) {
  .images-scrolling-desktop {
    column-gap: var(--spacing-28);
  }
}

@media screen and (max-width: 699px) {
  .images-scrolling-desktop {
    display: none;
  }
}

.impact-text {
  --impact-text-spacing: var(--spacing-10);
  gap: var(--impact-text-spacing);
  align-items: start;
  display: grid;
}

.impact-text--scroll {
  grid: auto / auto-flow var(--impact-text-auto-columns);
}

.impact-text--center {
  text-align: center;
  justify-content: safe center;
}

.impact-text--end {
  text-align: end;
  justify-content: end;
}

.impact-text__text {
  font-size: var(--impact-text-font-size);
  letter-spacing: 0;
  line-height: 1;
}

.impact-text__text:not(:only-child) {
  margin-bottom: .2em;
}

.impact-text__content {
  max-width: 750px;
}

.impact-text--center .impact-text__content {
  margin-inline-start: auto;
  margin-inline-end: auto;
}

.impact-text--end .impact-text__content {
  margin-inline-start: auto;
}

@media screen and (min-width: 700px) {
  .impact-text {
    --impact-text-spacing: var(--spacing-8);
    grid: auto / auto-flow var(--impact-text-auto-columns);
  }

  .impact-text--center {
    justify-content: space-evenly;
  }
}

@media screen and (min-width: 1150px) {
  .impact-text {
    --impact-text-spacing: var(--spacing-12);
  }
}

.logo-list {
  grid: var(--logo-list-grid);
  gap: var(--spacing-2);
  display: grid;
}

.logo-list__item {
  padding: var(--spacing-6);
  border: 1px solid rgb(var(--logo-list-items-border));
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo-list__image {
  max-width: var(--logo-list-image-max-width, none);
  width: 100%;
}

@media screen and (min-width: 700px) {
  .logo-list {
    gap: var(--spacing-6);
  }

  .logo-list__item {
    padding: var(--spacing-11);
  }
}

.media-grid {
  align-items: start;
  gap: calc(var(--grid-gutter) / 2);
  grid: auto-flow dense var(--media-grid-row-height) / repeat(2, minmax(0, 1fr));
  display: grid;
}

.media-grid__item {
  grid-area: span min(2, var(--media-grid-row-span)) / span min(2, var(--media-grid-column-span));
  height: 100%;
}

.media-grid__item > * {
  height: 100%;
}

@media screen and (min-width: 700px) {
  .media-grid {
    --calculated-row-height: max(150px, min(100vw / 5, var(--media-grid-row-height)));
    grid: auto-flow dense var(--calculated-row-height) / repeat(4, minmax(0, 1fr));
  }

  .media-grid__item {
    grid-area: span var(--media-grid-row-span) / span var(--media-grid-column-span);
  }
}

@media screen and (min-width: 1000px) {
  .media-grid {
    gap: var(--grid-gutter);
  }
}

.media-with-text {
  --media-with-text-content-padding: var(--spacing-10) var(--spacing-8);
  gap: var(--media-with-text-gap);
  display: grid;
  overflow: hidden;
}

.media-with-text__item {
  gap: min(var(--media-with-text-gap), var(--grid-gutter));
  grid-template: var(--media-with-text-item-grid-template);
  display: grid;
}

.media-with-text__media {
  grid-area: media;
  position: relative;
  overflow: hidden;
}

.media-with-text__media > * {
  object-fit: cover;
  object-position: center;
  border-radius: inherit;
  width: 100%;
  height: 100%;
}

.media-with-text__content {
  padding: var(--media-with-text-content-padding);
  grid-area: content;
  display: grid;
}

.media-with-text__icon {
  max-width: calc(var(--media-with-text-item-icon-width) / 1.5);
  margin-block-end: var(--spacing-1);
  display: inline-block;
}

@media screen and (min-width: 700px) {
  .media-with-text {
    --media-with-text-content-padding: var(--spacing-16);
  }

  .media-with-text__icon {
    max-width: var(--media-with-text-item-icon-width);
    margin-block-end: var(--spacing-2);
  }
}

@media screen and (min-width: 1000px) {
  .media-with-text {
    --media-with-text-content-padding: var(--spacing-12);
  }

  .media-with-text__item {
    gap: var(--media-with-text-gap);
  }
}

@media screen and (min-width: 1150px) {
  .media-with-text {
    --media-with-text-content-padding: var(--spacing-18);
  }
}

@media screen and (min-width: 1400px) {
  .media-with-text {
    --media-with-text-content-padding: var(--spacing-20);
  }
}

.multi-column {
  --multi-column-list-column-max-gap: var(--grid-gutter);
  --multi-column-list-row-min-gap: var(--grid-gutter);
  --multi-column-item-gap: var(--spacing-6);
  grid: var(--multi-column-grid);
  gap: max(var(--multi-column-list-gap), var(--multi-column-list-row-min-gap)) min(var(--multi-column-list-column-max-gap), var(--multi-column-list-gap));
  display: grid;
}

.multi-column__item {
  align-content: start;
  gap: var(--multi-column-item-gap);
  grid-template-columns: minmax(0, 1fr);
  display: grid;
}

@media screen and (min-width: 700px) {
  .multi-column {
    --multi-column-list-column-max-gap: var(--spacing-16);
    grid: auto / auto-flow 38vw;
  }
}

@media screen and (min-width: 1000px) {
  .multi-column {
    --multi-column-list-row-min-gap: var(--spacing-16);
    grid: auto / repeat(12, minmax(0, 1fr));
  }

  .multi-column__item {
    grid-column: var(--multi-column-item-column-count);
  }
}

@media screen and (min-width: 1400px) {
  .multi-column {
    --multi-column-list-column-max-gap: var(--multi-column-list-gap);
  }
}

.multiple-images-with-text {
  grid-template-columns: var(--multiple-images-with-text-grid-template-columns, none);
  gap: var(--section-stack-spacing-block) var(--multiple-images-with-text-column-gap, 0px);
  max-width: var(--multiple-images-with-text-max-width);
  isolation: isolate;
  justify-content: center;
  place-items: center;
  margin-inline-start: auto;
  margin-inline-end: auto;
  display: grid;
}

.multiple-images-with-text__content-with-nav {
  row-gap: var(--spacing-8);
  text-align: var(--multiple-images-with-text-alignment, center);
  justify-items: var(--multiple-images-with-text-alignment, center);
  justify-self: start;
  width: 100%;
  max-width: 600px;
  display: grid;
}

.multiple-images-with-text__image-list[layout="stacked"], .multiple-images-with-text__content-list {
  place-items: center;
  width: 100%;
  display: grid;
}

:is(.multiple-images-with-text__image-list[layout="stacked"], .multiple-images-with-text__content-list) > * {
  grid-area: 1 / -1;
  width: 100%;
}

.multiple-images-with-text__image-list {
  grid-template: var(--multiple-images-with-text-images-grid-template, none);
  align-items: var(--multiple-images-with-text-images-alignment, center);
  width: 100%;
  display: grid;
}

.multiple-images-with-text__image-list > img {
  max-width: var(--multiple-images-with-text-image-max-width, 390px);
  will-change: transform;
  outline: 1px solid #0000;
  width: 100%;
  margin-inline-start: auto;
  margin-inline-end: auto;
}

.multiple-images-with-text__image-list:not([layout="stacked"]) > img:first-child {
  grid-area: 1 / 2 / -1;
  margin-block-start: var(--multiple-images-with-text-main-image-offset, 0px);
}

.multiple-images-with-text__content-list {
  place-items: end start;
}

.multiple-images-with-text__image-list[layout="stacked"] {
  --multiple-images-with-text-image-max-width: 520px;
}

.multiple-images-with-text__image-list[layout="collage"] {
  gap: var(--grid-gutter);
}

@media screen and (max-width: 699px) {
  .multiple-images-with-text__content-with-nav .circle-button {
    width: 2.5rem;
    height: 2.5rem;
  }
}

@media screen and (min-width: 700px) {
  .multiple-images-with-text__content-with-nav {
    row-gap: var(--spacing-12);
  }
}

@media screen and (min-width: 1150px) {
  .multiple-images-with-text {
    --multiple-images-with-text-image-max-width: 500px;
  }
}

.newsletter-content {
  gap: var(--spacing-6);
  max-width: 780px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  display: grid;
}

.newsletter-box {
  padding: var(--spacing-6);
}

.newsletter-content > .form {
  width: 100%;
}

@media screen and (min-width: 700px) {
  .newsletter {
    border-radius: inherit;
    overflow: hidden;
  }

  .newsletter-content {
    gap: var(--spacing-8);
  }

  .newsletter-content__icon {
    width: 48px;
    height: 48px;
  }

  .newsletter-box {
    padding: var(--spacing-12);
  }
}

@media screen and (min-width: 1000px) {
  .newsletter {
    grid-template-columns: .5fr .5fr;
    display: grid;
  }

  .newsletter-content > .form {
    max-width: 490px;
  }

  .newsletter > .newsletter-box {
    justify-content: start;
    align-items: center;
    display: grid;
  }

  .section-full .newsletter-box {
    background: none;
  }
}

@media screen and (min-width: 1150px) {
  .newsletter-box {
    padding: var(--spacing-16);
  }
}

@media screen and (min-width: 1400px) {
  .newsletter-box {
    padding: var(--spacing-20);
  }
}

.newsletter-drawer {
  --drawer-content-max-height: 80vh;
  --drawer-body-padding: 0;
  height: auto;
}

.newsletter-drawer__content {
  padding: var(--spacing-6) var(--spacing-8) var(--spacing-8);
}

@media screen and (min-width: 700px) {
  .newsletter-drawer {
    --drawer-content-max-height: calc(100vh - var(--spacing-8));
    width: calc(445px + var(--spacing-8));
  }

  .newsletter-drawer button[is="close-button"] {
    top: var(--spacing-8);
  }

  .newsletter-drawer button[is="close-button"]:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: var(--spacing-8);
  }

  .newsletter-drawer button[is="close-button"]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: var(--spacing-8);
  }

  .newsletter-drawer__content {
    padding: var(--spacing-10) var(--spacing-12) var(--spacing-12);
  }
}

.not-found {
  --not-found-font-size: 210px;
  padding-block-start: var(--spacing-48);
  padding-block-end: var(--spacing-48);
  position: relative;
  overflow: hidden;
}

.not-found:before {
  content: "404";
  letter-spacing: 0;
  opacity: .1;
  pointer-events: none;
  font-weight: bold;
  font-size: var(--not-found-font-size);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (min-width: 700px) {
  .not-found {
    --not-found-font-size: 400px;
    padding-block-start: var(--spacing-80);
    padding-block-end: var(--spacing-80);
  }
}

.page {
  gap: var(--spacing-12);
  max-width: var(--page-max-width, 80ch);
  grid-auto-columns: minmax(0, 1fr);
  margin-inline-start: auto;
  margin-inline-end: auto;
  display: grid;
}

.password {
  min-height: 100vh;
  grid-template-rows: 1fr;
  align-items: center;
  min-height: 100dvh;
  padding-block-start: var(--spacing-10);
  padding-block-end: var(--spacing-10);
  display: grid;
  position: relative;
}

.password:after {
  content: "";
  width: calc(100vw - var(--scrollbar-width, 0px));
  pointer-events: none;
  background-image: linear-gradient(#0000 0%, #0003 100%);
  height: 60px;
  margin-inline-start: calc(50% - 50vw);
  position: absolute;
  bottom: 0;
}

.password:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
  left: 0;
}

.password:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
  right: 0;
}

.password__main {
  gap: var(--spacing-10);
  width: 100%;
  max-width: 500px;
  display: grid;
}

.password__social-box {
  gap: var(--spacing-4);
  padding: var(--spacing-5) var(--spacing-8);
  justify-content: center;
  display: grid;
}

.password__aside {
  align-self: end;
  justify-items: center;
  gap: var(--spacing-2);
  margin-top: var(--spacing-8);
  display: grid;
  position: relative;
}

.password__storefront-drawer {
  --drawer-body-padding: var(--spacing-8);
}

.password__storefront-form {
  gap: var(--spacing-6);
  display: grid;
}

@media screen and (min-width: 700px) {
  .password--center {
    justify-items: center;
  }

  .password--end {
    justify-items: end;
  }

  .password__main {
    gap: var(--spacing-12);
  }

  .password__social-box {
    gap: var(--spacing-6);
    padding: var(--spacing-8) var(--spacing-12);
    align-items: center;
    display: flex;
  }

  .password__aside {
    justify-self: end;
    display: flex;
  }

  .password--center .password__aside {
    justify-self: center;
  }

  .password--end .password__aside {
    justify-self: start;
  }

  .password__storefront-drawer {
    --drawer-body-padding: var(--spacing-10);
  }
}

.press {
  --press-padding-inline: var(--spacing-5);
  gap: var(--spacing-6);
  max-width: var(--press-max-width);
  margin-inline-start: auto;
  margin-inline-end: auto;
  padding-inline-start: var(--press-padding-inline);
  padding-inline-end: var(--press-padding-inline);
  display: grid;
}

.press__list {
  align-items: flex-start;
  display: grid;
}

.press__list > * {
  grid-area: 1 / -1;
}

.press__list-item {
  gap: var(--spacing-8);
  justify-items: center;
  display: grid;
}

.press__list-item:not(.is-selected) {
  opacity: 0;
  visibility: hidden;
}

.press__list-item .rating {
  margin-block-end: calc(var(--press-padding-inline) * -1);
}

.press__list-item .blockquote:first-child {
  margin-block-start: 0;
}

.press__logo {
  border: 1px solid rgb(var(--press-items-border));
  justify-content: center;
  align-items: center;
  display: flex;
}

.press__logo.bg-custom {
  padding: var(--spacing-6);
}

.press__image {
  max-width: var(--press-image-max-width, none);
  width: 100%;
}

.press__controls {
  gap: var(--spacing-5);
  grid: auto / auto-flow;
  justify-content: center;
  align-items: center;
  display: grid;
}

@media screen and (min-width: 700px) {
  .press {
    --press-padding-inline: var(--spacing-8);
    gap: var(--spacing-10);
  }

  .press__list-item {
    gap: var(--spacing-10);
  }

  .press .rating__stars svg {
    width: 20px;
    height: 20px;
  }
}

.product {
  grid: var(--product-grid);
  gap: var(--container-gutter) var(--spacing-10);
  align-items: start;
  display: grid;
}

@media screen and (min-width: 1150px) {
  .product {
    column-gap: var(--spacing-12);
  }
}

@media screen and (min-width: 1600px) {
  .product {
    column-gap: var(--spacing-24);
  }
}

.product-info {
  --product-info-block-spacing: var(--spacing-6);
}

.product-info > * + * {
  margin-block-start: var(--product-info-block-spacing);
  margin-block-end: var(--product-info-block-spacing);
}

.product-info > :last-child {
  margin-block-end: 0;
}

.product-info__accordion {
  --product-info-block-spacing: 0;
}

.product-info__vendor, .product-info__title, .product-info__sku, .product-info__price, .product-info__rating, .product-info__payment-terms {
  --product-info-block-spacing: var(--spacing-2);
}

.product-info__badge-list {
  --product-info-block-spacing: var(--spacing-4);
}

.product-info__sku {
  display: block;
}

.product-info__badge-list {
  gap: var(--spacing-2);
  flex-wrap: wrap;
  display: flex;
}

.product-info__price .rating-with-text {
  justify-content: flex-start;
  display: flex;
}

.product-info__price .product-info__badge-list {
  align-self: center;
  margin-inline-start: var(--spacing-1);
}

.product-info__price .rating {
  margin-inline-start: auto;
}

.product-info__offer-list {
  gap: var(--spacing-2);
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  display: grid;
}

.product-info__share-buttons {
  display: none;
}

.native-share--disabled .product-info__share-buttons {
  display: block;
}

.product-info__native-share {
  display: none;
}

.native-share--enabled .product-info__native-share {
  align-items: center;
  gap: var(--spacing-2-5);
  opacity: .7;
  transition: opacity .2s ease-in-out;
  display: flex;
}

.native-share--enabled .product-info__native-share:hover {
  opacity: 1;
}

@media screen and (min-width: 700px) {
  .product-info__vendor, .product-info__title, .product-info__badge-list, .product-info__sku, .product-info__price, .product-info__rating, .product-info__payment-terms {
    --product-info-block-spacing: var(--spacing-4);
  }

  .product-info__buy-buttons {
    --product-info-block-spacing: var(--spacing-8);
  }

  .product-info__offer-list {
    gap: var(--spacing-4);
  }

  .product-info__complementary-products .horizontal-product-list-carousel:not(.separate) {
    border-width: 1px;
  }

  .product-info__complementary-products .horizontal-product-list-carousel > .horizontal-product-list, .product-info__complementary-products .horizontal-product-list-carousel .horizontal-product {
    border: none;
  }
}

@media screen and (min-width: 1000px) {
  .product-info {
    top: calc(var(--sticky-area-height)  + 20px);
    z-index: 1;
    position: sticky;
  }
}

.product-gallery {
  gap: var(--spacing-5);
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
}

.product-gallery__ar-wrapper {
  gap: var(--spacing-2-5);
  display: grid;
}

.product-gallery__media-list-wrapper {
  display: grid;
  position: relative;
}

.product-gallery__media-list {
  grid: var(--product-gallery-media-list-grid);
  gap: var(--product-gallery-media-list-gap);
  align-items: start;
  transition: height .1s;
  display: grid;
}

.product-gallery__media {
  position: relative;
}

.product-gallery__media img {
  margin-inline-start: auto;
  margin-inline-end: auto;
}

.product-gallery .page-dots--blurred {
  z-index: 1;
  justify-self: center;
  margin-inline-start: var(--spacing-2);
  margin-inline-end: var(--spacing-2);
  position: absolute;
  bottom: var(--spacing-2);
}

.product-gallery__thumbnail-list {
  align-items: end;
  gap: var(--spacing-2);
  grid-auto-columns: 56px;
  grid-auto-flow: column;
  display: grid;
}

.product-gallery__thumbnail {
  position: relative;
}

.product-gallery__thumbnail:after {
  content: "";
  opacity: 0;
  background: currentColor;
  width: 100%;
  height: 2px;
  margin-block-start: 4px;
  transition: opacity .15s;
  display: block;
}

.product-gallery__thumbnail[aria-current="true"]:after {
  opacity: 1;
}

.product-gallery__media-badge {
  width: var(--spacing-5);
  height: var(--spacing-5);
  background: rgb(var(--background-primary));
  border-radius: var(--rounded-button);
  border: 1px solid rgb(var(--text-color) / .12);
  place-content: center;
  display: grid;
  position: absolute;
  bottom: var(--spacing-2-5);
}

.product-gallery__media-badge:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: var(--spacing-1);
}

.product-gallery__media-badge:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: var(--spacing-1);
}

.product-gallery__zoom {
  transition: opacity .2s ease-in-out, transform .2s ease-in-out;
  position: absolute;
  top: var(--spacing-4);
}

.product-gallery__zoom:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: var(--spacing-4);
}

.product-gallery__zoom:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: var(--spacing-4);
}

.product-gallery__zoom > .circle-button {
  width: 2.1875rem;
  height: 2.1875rem;
}

.product-gallery__cursor.is-half-start svg {
  transform: rotate(180deg);
}

[data-shopify-xr-hidden] {
  visibility: hidden;
}

@media screen and (min-width: 700px) {
  .product-gallery__thumbnail-list {
    grid-auto-columns: 64px;
  }
}

@media screen and (max-width: 999px) {
  .product-gallery__thumbnail-list-wrapper {
    --scroll-shadow-size: 0px;
  }

  .product-gallery--mobile-dots .product-gallery__thumbnail-list-wrapper {
    display: none;
  }

  .product-gallery:has([data-media-type*="video"].is-selected) .product-gallery__zoom {
    opacity: 0;
    visibility: hidden;
    transform: scale(.8);
  }

  .product-gallery--mobile-expanded .product-gallery__media, .product-gallery--mobile-expanded .product-gallery__media > * {
    border-radius: 0;
  }

  .product-gallery--mobile-expanded .product-gallery__zoom:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 0;
  }

  .product-gallery--mobile-expanded .product-gallery__zoom:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 0;
  }
}

@media screen and (min-width: 1000px) {
  .product-gallery {
    gap: var(--spacing-6) var(--spacing-12);
  }

  .product-gallery__thumbnail-list-wrapper {
    align-items: center;
    gap: var(--spacing-4);
    grid-auto-flow: column;
    display: grid;
    position: relative;
  }

  .product-gallery__thumbnail-list {
    gap: var(--spacing-4);
  }

  .product-gallery__thumbnail-list-wrapper > button {
    z-index: 1;
    opacity: 0;
    margin-top: -3px;
    transition: opacity .1s, transform .1s;
    position: absolute;
    transform: scale(.6);
  }

  .product-gallery__thumbnail-list-wrapper > button:first-child:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 8px;
  }

  .product-gallery__thumbnail-list-wrapper > button:first-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 8px;
  }

  .product-gallery__thumbnail-list-wrapper > button:last-child:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 8px;
  }

  .product-gallery__thumbnail-list-wrapper > button:last-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 8px;
  }

  .product-gallery__thumbnail-list-wrapper > button[disabled] {
    opacity: 0;
  }

  .product-gallery__thumbnail-list-wrapper:hover > button:not([disabled]) {
    opacity: 1;
    transform: scale(1);
  }

  .product-gallery--desktop-grid .product-gallery__thumbnail-list-wrapper {
    display: none;
  }

  .product-gallery__media--expand {
    grid-column: span 2;
  }

  .product-gallery__zoom {
    opacity: 0;
    position: absolute;
    top: auto;
    bottom: var(--spacing-6);
    transform: scale(.8);
  }

  .product-gallery__zoom:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: var(--spacing-6);
  }

  .product-gallery__zoom:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: var(--spacing-6);
  }

  .product-gallery__zoom svg {
    width: 17px;
    height: 17px;
  }

  .product-gallery__zoom > .circle-button {
    width: 3.5rem;
    height: 3.5rem;
  }

  .product-gallery--desktop-grid .product-gallery__media:hover .product-gallery__zoom {
    opacity: 1;
    transform: scale(1);
  }

  .product-gallery--desktop-carousel .product-gallery__zoom {
    opacity: 1;
    visibility: visible;
  }

  .product-gallery--desktop-carousel:has([data-media-type*="video"].is-selected) .product-gallery__zoom {
    opacity: 0;
    visibility: hidden;
  }

  [data-shopify-xr-hidden] {
    display: none;
  }
}

@media screen and (min-width: 1150px) {
  .product-gallery--desktop-thumbnails-left {
    grid: auto / auto-flow auto minmax(0, 1fr);
    align-items: start;
  }

  .product-gallery--desktop-thumbnails-left .product-gallery__thumbnail-list-wrapper {
    order: -1;
    grid-auto-flow: row;
    justify-items: center;
    overflow: auto;
  }

  .product-gallery--desktop-thumbnails-left .product-gallery__thumbnail-list {
    gap: var(--spacing-2-5);
    grid-auto-flow: row;
    max-height: 600px;
    overflow: auto;
  }

  .product-gallery--desktop-thumbnails-left .product-gallery__thumbnail-list-wrapper > button {
    transform: rotate(90deg);
  }
}

.revealed-image {
  z-index: -1;
  display: inline;
  position: relative;
}

.revealed-image__scroll-tracker {
  height: 100%;
  position: absolute;
  top: 0;
}

.revealed-image__scroller {
  height: 180vh;
  height: 180lvh;
  display: block;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.revealed-image__wrapper {
  height: 100vh;
  top: calc(var(--sticky-area-height) / 2);
  grid-auto-rows: minmax(0, 1fr);
  place-items: center;
  height: 100lvh;
  display: grid;
  position: relative;
}

.revealed-image__wrapper > * {
  grid-area: 1 / -1;
}

.revealed-image__wrapper img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.revealed-image__wrapper > .revealed-image__image-clipper, .revealed-image__wrapper > .revealed-image__content--inside {
  clip-path: inset(37% 37% 41%);
  width: 100%;
  height: 100%;
}

.revealed-image__content {
  padding-inline: max(var(--container-gutter), 50% - var(--container-max-width) / 2);
  text-align: center;
  z-index: 1;
  opacity: 0;
  place-content: center;
  width: 100%;
  height: 100%;
  display: grid;
}

.revealed-image__content-inner {
  max-width: 1300px;
  margin-inline-start: auto;
  margin-inline-end: auto;
}

.rich-text {
  display: flex;
}

.rich-text__wrapper {
  max-width: var(--rich-text-max-width);
}

.rich-text .prose, .split-rich-text .prose {
  align-items: start;
  display: grid;
}

.rich-text .image-icon {
  margin-block-end: 0 !important;
}

.split-rich-text {
  display: none;
}

@media screen and (min-width: 1000px) {
  .split-rich-text {
    gap: var(--spacing-24);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }
}

@media screen and (min-width: 1150px) {
  .split-rich-text {
    gap: var(--spacing-32);
  }
}

.scrolling-text {
  overflow: hidden;
}

.scrolling-text__wrapper {
  display: grid;
}

.scrolling-text__text {
  line-height: normal;
  font-size: var(--scrolling-text-font-size);
  padding-inline-start: min(1em, 2rem);
  padding-inline-end: min(1em, 2rem);
}

@supports (overflow: clip) {
  .scrolling-text {
    overflow: clip visible;
  }

  .scrolling-text__text {
    line-height: 1;
  }
}

@media screen and (min-width: 700px) {
  .scrolling-text__text {
    padding-inline-start: min(1.5em, 4rem);
    padding-inline-end: min(1.5em, 4rem);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .scrolling-text__wrapper {
    grid: auto / auto-flow max-content;
  }

  .scrolling-text--auto .scrolling-text__text {
    animation: translateFull var(--marquee-animation-duration, 0s) linear infinite;
  }

  .scrolling-text--scroll .scrolling-text__wrapper {
    min-width: min-content;
  }
}

@media (prefers-reduced-motion: reduce) {
  .scrolling-text {
    --scrolling-text-font-size: var(--text-h0);
  }

  .scrolling-text__wrapper {
    text-align: center;
    justify-content: center;
  }
}

.search-input {
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-4);
  border-bottom-width: 2px;
  padding-block-end: var(--spacing-2-5);
  transition: border-bottom-color .1s;
  display: flex;
}

.search-input:focus-within {
  border-bottom-color: rgb(var(--text-color));
}

.search-input > input {
  -webkit-appearance: none;
  appearance: none;
  font-size: var(--text-h5);
  background: none;
  border-radius: 0;
  outline: none;
  flex-grow: 1;
  width: 0;
  font-weight: bolder;
}

.search-input > input::placeholder {
  color: rgb(var(--text-color) / .5);
}

.search-input > input[type="search"]::-webkit-search-decoration {
  display: none;
}

.search-input > input[type="search"]::-webkit-search-cancel-button {
  display: none;
}

.search-input > [type="reset"] {
  font-size: var(--text-sm);
  opacity: 0;
  transition: opacity .2s;
}

.search-input > input:not(:placeholder-shown) ~ [type="reset"] {
  opacity: 1;
}

@media screen and (min-width: 700px) {
  .search-input {
    padding-block-end: var(--spacing-3);
  }

  .search-input > input {
    font-size: var(--text-h4);
  }

  .search-input > [type="reset"] {
    font-size: var(--text-base);
  }
}

.search-drawer {
  --drawer-body-padding: 1.25rem 1.5rem 1.5rem 1.5rem;
  --drawer-content-max-height: 100%;
  height: 100%;
}

.search-drawer::part(content) {
  height: max-content;
  overflow: auto;
}

.search-drawer::part(outside-close-button), .search-drawer::part(close-button) {
  display: none;
}

@media screen and (min-width: 700px) {
  .search-drawer {
    --drawer-body-padding: 2rem 2.5rem 2.5rem 2.5rem;
  }

  .search-drawer::part(content) {
    height: 100%;
  }
}

.predictive-search {
  min-width: 0;
  display: block;
}

.predictive-search__tabs {
  gap: var(--spacing-4);
  display: grid;
}

.predictive-search__tabs::part(tab-list) {
  white-space: nowrap;
  scrollbar-width: none;
  gap: var(--spacing-4);
  margin-inline: calc(-1 * var(--container-outer-width));
  padding-inline: var(--container-outer-width);
  scroll-padding-inline: var(--container-outer-width);
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  display: grid;
  overflow: auto hidden;
}

.predictive-search__tab-item {
  align-items: center;
  gap: var(--spacing-2);
  display: flex;
}

.predictive-search__tab-item [aria-selected] {
  transition: opacity .2s ease-in-out;
}

.predictive-search__tab-item [aria-selected="false"]:not(:hover) {
  opacity: .3;
}

.predictive-search-result {
  align-items: center;
  gap: var(--spacing-5);
  display: flex;
}

.predictive-search-result > img {
  flex-shrink: 0;
  width: 5rem;
}

@media screen and (min-width: 700px) {
  .predictive-search__tabs {
    gap: var(--spacing-6);
  }

  .predictive-search__tabs::part(tab-list) {
    gap: var(--spacing-5);
  }

  .predictive-search-result {
    gap: var(--spacing-6);
  }

  .predictive-search-result > img {
    width: 6rem;
  }
}

@media screen and (min-width: 1000px) {
  .search-drawer--full {
    --search-full-gap: 40px;
    width: 100%;
  }

  .search-drawer--full .search-input {
    padding-block-end: var(--spacing-6);
  }

  .search-drawer--full .predictive-search__tabs {
    gap: var(--spacing-8);
  }

  .search-drawer--full .predictive-search__tabs::part(tab-list), .search-drawer--full .predictive-search__tabs::part(tab-panels), .search-drawer--full .predictive-search__skeleton-full-width {
    grid-template-columns: repeat(var(--predictive-search-column-count, 4), minmax(var(--predictive-search-column-width, 0px), 1fr));
    gap: 0 var(--search-full-gap);
    display: grid;
  }

  .search-drawer--full .predictive-search__tab-content {
    display: grid !important;
  }

  .search-drawer--full .predictive-search__tab-item {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .search-drawer--full .predictive-search__tab-content {
    align-content: start;
  }

  .search-drawer--full .predictive-search__tab-content ~ .predictive-search__tab-content:before {
    content: "";
    margin-left: calc(-1 * var(--search-full-gap) / 2);
    background: rgb(var(--text-color) / .12);
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
  }

  .search-drawer--full [role="tab"] {
    pointer-events: none;
    opacity: 1 !important;
  }
}

@media screen and (min-width: 1400px) {
  .search-drawer--full {
    --search-full-gap: 96px;
  }
}

.main-search-form .search-input {
  width: 260px;
  margin-inline-start: auto;
  margin-inline-end: auto;
}

@media screen and (min-width: 700px) {
  .main-search-form .search-input {
    width: 490px;
  }
}

.shop-the-look {
  --shop-the-look-gap: var(--spacing-5);
  --shop-the-look-grid: auto-flow / auto;
  grid: var(--shop-the-look-grid);
  align-items: flex-start;
  gap: var(--shop-the-look-gap);
  display: grid;
}

.shop-the-look__dot {
  --dot-size: 10px;
  top: calc(var(--shop-the-look-dot-top)  - (var(--dot-size) / 2));
  left: calc(var(--shop-the-look-dot-left)  - (var(--dot-size) / 2));
  width: var(--dot-size);
  height: var(--dot-size);
  border-radius: var(--rounded-full);
  background-color: rgb(var(--shop-the-look-dot-background));
  transition: transform .2s ease-in-out;
  position: absolute;
}

.shop-the-look__dot:after {
  content: "";
  top: calc(50% + (var(--spacing-6) * -1));
  left: calc(50% + (var(--spacing-6) * -1));
  width: var(--spacing-12);
  height: var(--spacing-12);
  background: radial-gradient(50% 50% at 50% 50%, rgb(var(--shop-the-look-dot-background) / 0), rgb(var(--shop-the-look-dot-background) / .3));
  border-radius: var(--rounded-full);
  animation: 2s ease-in-out infinite alternate ping;
  position: absolute;
}

.shop-the-look__dot[aria-current="true"] {
  transform: scale(1.3);
}

.shop-the-look__products {
  display: grid;
}

.shop-the-look__carousel > .horizontal-product-list {
  grid: var(--shop-the-look-carousel-grid);
  display: grid;
}

@media screen and (pointer: fine) {
  .shop-the-look__dot:hover {
    transform: scale(1.3);
  }
}

@media screen and (min-width: 700px) {
  .section-boxed .shop-the-look {
    --shop-the-look-gap: var(--calculated-section-spacing-inline);
    --shop-the-look-grid: auto / 55% minmax(0, 1fr);
  }

  .shop-the-look {
    --shop-the-look-gap: var(--spacing-18);
    --shop-the-look-grid: auto / minmax(0, 1fr) 40%;
  }

  .shop-the-look__products {
    justify-items: flex-end;
    gap: var(--spacing-8);
    display: grid;
  }

  .shop-the-look__carousel {
    width: 100%;
    display: grid;
  }

  .shop-the-look__carousel > * {
    grid-area: 1 / -1;
  }

  .shop-the-look__controls {
    gap: var(--spacing-4);
    grid: auto / auto-flow;
    margin-inline-start: auto;
    margin-inline-end: auto;
    display: grid;
  }
}

@media screen and (min-width: 1000px) {
  .section-boxed .shop-the-look__carousel {
    --shop-the-look-carousel-width: 100%;
  }

  .shop-the-look {
    --shop-the-look-gap: 0;
    --shop-the-look-grid: auto / repeat(2, minmax(0, 1fr));
  }

  .shop-the-look__products {
    justify-items: center;
  }

  .shop-the-look__carousel {
    --shop-the-look-carousel-width: 60%;
    width: var(--shop-the-look-carousel-width);
  }
}

@media screen and (min-width: 1150px) {
  .section-boxed .shop-the-look {
    --shop-the-look-grid: auto / repeat(2, 1fr);
  }

  .section-boxed .shop-the-look__carousel {
    --shop-the-look-carousel-width: 60%;
  }
}

.slideshow {
  background: var(--slideshow-background);
}

.slideshow, .slideshow__carousel {
  color: rgb(var(--text-color));
  display: block;
  position: relative;
}

.slideshow__slide {
  position: relative;
}

.slideshow__slide:not(.is-selected) {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.slideshow__slide-background {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.slideshow__slide video-media ~ * {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.slideshow__slide .content-over-media:before {
  background: rgb(var(--content-over-media-overlay)) !important;
}

.slideshow__controls {
  z-index: 1;
  position: absolute;
  bottom: var(--container-gutter);
}

.slideshow__controls:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: max(var(--container-gutter), 50% - var(--container-max-width) / 2);
}

.slideshow__controls:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: max(var(--container-gutter), 50% - var(--container-max-width) / 2);
}

.slideshow__controls .circle-button--fill {
  background: rgb(var(--slideshow-controls-background));
  color: rgb(var(--slideshow-controls-color));
}

.slideshow__controls .circle-button--bordered {
  color: rgb(var(--slideshow-controls-color));
}

.slideshow__controls .numbered-dots > * {
  color: rgb(var(--slideshow-controls-color) / .7);
  border-color: rgb(var(--slideshow-controls-color) / .3);
}

.slideshow__controls .numbered-dots > [aria-current="true"] {
  color: rgb(var(--slideshow-controls-color));
}

.slideshow__controls .stretching-dots > * {
  background: rgb(var(--slideshow-controls-color));
}

.slideshow__cursor.is-half-start .icon-chevron-right {
  transform: rotate(180deg);
}

.slideshow__cursor-ring {
  --radius: 27;
  --circumference: calc(2px * (22 / 7) * var(--radius));
  position: absolute;
  top: 0;
  left: 0;
}

.slideshow__cursor-ring circle {
  stroke-opacity: 1;
  stroke-dashoffset: 0;
  stroke-dasharray: calc(var(--circumference) * var(--progress, 0)), var(--circumference);
  transform: rotate(-90deg);
}

.slideshow .content-over-media--auto svg {
  height: min(700px, 50vmax);
}

@media screen and (max-width: 699px) {
  .slideshow__controls .circle-button {
    width: var(--spacing-10);
    height: var(--spacing-10);
  }

  .slideshow--multiple-slides :is(.place-self-end-start, .place-self-end-center) {
    padding-block-end: 2.5rem;
  }
}

.slideshow--boxed {
  --content-over-media-gap: var(--section-inner-spacing-inline);
  background: var(--slideshow-background);
  padding-block-start: var(--section-inner-max-spacing-block);
  padding-block-end: var(--section-inner-max-spacing-block);
  padding-inline-start: max(var(--container-gutter), 50% - var(--container-max-width) / 2);
  padding-inline-end: max(var(--container-gutter), 50% - var(--container-max-width) / 2);
}

.slideshow--boxed .content-over-media > :not(img, svg) {
  padding-block-start: 0 !important;
}

.shopify-section:first-child .slideshow--boxed[allow-transparent-header] {
  padding-block-start: max(var(--section-inner-max-spacing-block), var(--header-height));
}

@media screen and (min-width: 1400px) {
  .slideshow__controls {
    bottom: var(--spacing-14);
  }

  .slideshow__controls:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: var(--spacing-14);
  }

  .slideshow__controls:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: var(--spacing-14);
  }
}

.shopify-payment-button__button {
  height: auto !important;
}

.shopify-payment-button__button[disabled] {
  opacity: 1 !important;
}

.shopify-payment-button__button--branded {
  border-radius: var(--rounded-button) !important;
  min-height: 100% !important;
  overflow: hidden !important;
}

.shopify-payment-button__button--unbranded {
  --button-outline-color: var(--button-background, --button-background-primary);
  padding: var(--shopify-payment-button-padding, var(--spacing-4) var(--spacing-8)) !important;
  -webkit-appearance: none !important;
  border-radius: var(--rounded-button) !important;
  background: rgb(var(--button-background, var(--button-background-primary)) / var(--button-background-opacity, 1)) !important;
  color: rgb(var(--button-text-color, var(--button-text-primary))) !important;
  font-family: var(--text-font-family) !important;
  font-style: var(--text-font-style) !important;
  font-weight: bolder !important;
  font-size: var(--shopify-payment-button-font-size, var(--text-base)) !important;
  text-align: center !important;
  line-height: inherit !important;
  letter-spacing: var(--text-letter-spacing) !important;
  text-decoration: none !important;
  transition: background-color .15s ease-in-out, color .15s ease-in-out, box-shadow .15s ease-in-out !important;
  display: inline-block !important;
  position: relative !important;
  box-shadow: inset 0 0 0 2px #0000 !important;
}

.shopify-payment-button__button--branded.shopify-payment-button__button--branded:focus-within {
  outline: 2px solid highlight;
  outline: 5px auto -webkit-focus-ring-color;
}

.shopify-payment-button__button--branded.shopify-payment-button__button--branded [role="button"] {
  line-height: inherit !important;
  padding: var(--shopify-payment-button-padding, var(--spacing-4) var(--spacing-8)) !important;
}

.shopify-payment-button__more-options[aria-hidden="true"] {
  display: none;
}

.shopify-payment-button__more-options {
  text-underline-position: under !important;
  text-align: center !important;
  margin-top: .5em !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
}

@media screen and (min-width: 700px) {
  .shopify-payment-button__button--unbranded, .shopify-payment-button__button--branded.shopify-payment-button__button--branded [role="button"] {
    padding: var(--shopify-payment-button-padding, 1.075rem var(--spacing-10)) !important;
  }
}

.shopify-policy__container {
  gap: var(--spacing-12) !important;
  padding: var(--spacing-14) 0 !important;
  grid-auto-columns: minmax(0, 1fr) !important;
  max-width: none !important;
  margin-inline-start: max(var(--container-gutter), 50% - 80ch / 2) !important;
  margin-inline-end: max(var(--container-gutter), 50% - 80ch / 2) !important;
  display: grid !important;
}

.shopify-challenge__container, .shopify-email-marketing-confirmation__container {
  padding: var(--spacing-14) 0 !important;
}

@media screen and (min-width: 700px) {
  .shopify-policy__container, .shopify-challenge__container, .shopify-email-marketing-confirmation__container {
    padding-block-start: var(--spacing-16) !important;
    padding-block-end: var(--spacing-16) !important;
  }
}

.tabs {
  max-width: var(--tabs-max-width);
  margin-inline-start: auto;
  margin-inline-end: auto;
  display: grid;
}

@media screen and (max-width: 699px) {
  .tabs-inner {
    display: none;
  }
}

@media screen and (min-width: 700px) {
  .tabs-inner {
    gap: var(--spacing-10);
    display: grid;
  }

  .tabs-inner::part(tab-list) {
    box-shadow: inset 0 -2px rgb(var(--text-color) / .1);
    grid: auto / auto-flow 1fr;
    align-items: end;
    display: grid;
    position: relative;
  }

  .tabs-inner::part(tab-list):after {
    content: "";
    width: calc(100% / var(--item-count));
    background: rgb(var(--text-color));
    transform: translateX(calc(var(--selected-index) * var(--transform-logical-flip) * 100%));
    height: 2px;
    transition: transform .3s;
    position: absolute;
    bottom: 0;
  }

  .tabs-inner::part(tab-list):not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
    left: 0;
  }

  .tabs-inner::part(tab-list):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
    right: 0;
  }

  .tabs-nav__button {
    padding-block-start: var(--spacing-6);
    padding-block-end: var(--spacing-6);
    transition: color .2s ease-in-out;
  }

  .tabs-nav__button[aria-selected="true"] {
    color: rgb(var(--text-color));
  }
}

.testimonial-list {
  grid: var(--testimonial-list-grid);
  gap: var(--grid-gutter);
  align-items: start;
  display: grid;
}

.testimonial {
  align-content: start;
  gap: var(--spacing-4);
  padding: var(--spacing-6);
  scroll-snap-align: center;
  scroll-snap-stop: always;
  display: grid;
}

.testimonial__image {
  width: var(--spacing-10);
}

@media screen and (min-width: 700px) {
  .testimonial {
    gap: var(--spacing-5);
    padding: var(--spacing-8);
  }

  .testimonial__image {
    width: var(--spacing-14);
  }
}

@media screen and (min-width: 1150px) {
  .testimonial {
    scroll-snap-align: none;
  }
}

@media screen and (min-width: 1400px) {
  .testimonial {
    gap: var(--spacing-6);
    padding: var(--spacing-10);
  }
}

.text-with-icons {
  gap: var(--spacing-8);
  text-align: var(--text-with-icons-text-align);
  justify-content: var(--text-with-icons-justify);
  display: grid;
}

.text-with-icons__list {
  grid: auto / var(--text-with-icons-template);
  row-gap: var(--spacing-6);
  align-items: start;
  min-width: 0;
  display: grid;
}

.text-with-icons__item {
  gap: var(--text-with-icons-gap);
  justify-items: var(--text-with-icons-justify);
  padding-inline-start: var(--spacing-6);
  padding-inline-end: var(--spacing-6);
  display: grid;
}

@media screen and (min-width: 1000px) {
  :not(.is-scrollable) .text-with-icons__list {
    gap: var(--spacing-6);
  }

  :not(.is-scrollable) .text-with-icons__item {
    padding-inline-start: 0;
    padding-inline-end: 0;
  }
}

@media screen and (min-width: 1400px) {
  :not(.is-scrollable) .text-with-icons__list {
    gap: var(--spacing-10);
  }
}

.timeline {
  gap: var(--spacing-8);
  grid-template-columns: minmax(0, 1fr);
  display: grid;
}

.timeline__slider {
  align-items: start;
  display: grid;
}

.timeline__slider > * {
  grid-area: 1 / -1;
}

.timeline__slide {
  gap: var(--spacing-6);
  text-align: center;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  display: grid;
}

.timeline__image {
  width: 100%;
  max-width: 410px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  position: relative;
}

.timeline__controls {
  --timeline-dot-size: var(--spacing-4);
  --timeline-dot-padding-inline-end: var(--spacing-4);
  padding-block-start: calc((var(--timeline-dot-size) / 2));
}

.timeline__nav {
  grid: auto / repeat(var(--timeline-nav-item-count), minmax(0, 1fr));
  width: max-content;
  min-width: 100%;
  display: grid;
}

.timeline__nav-bar {
  background-color: rgb(var(--text-color) / .12);
  width: 100%;
  height: 2px;
  position: absolute;
  top: -1px;
}

.timeline__nav-bar:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.timeline__nav-bar:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.timeline__nav-item {
  gap: var(--spacing-3);
  align-content: flex-start;
  min-width: 100px;
  max-width: 200px;
  padding-inline-end: var(--timeline-dot-padding-inline-end);
  display: grid;
  position: relative;
}

.timeline__nav-item:before {
  content: "";
  width: var(--timeline-dot-size);
  height: var(--timeline-dot-size);
  border-radius: var(--rounded-full);
  background-color: rgb(var(--background));
  border-width: 2px;
  margin-block-start: calc((var(--timeline-dot-size) / 2) * -1);
  transition: border-color .2s ease-in-out, background-color .2s ease-in-out;
}

.timeline__nav-item[aria-current="true"]:before {
  border-color: rgb(var(--text-color));
  background-color: rgb(var(--text-color));
}

.timeline__nav-label {
  opacity: .5;
  transition: opacity .2s ease-in-out;
}

.timeline__nav-item[aria-current="true"] .timeline__nav-label {
  opacity: 1;
}

@media screen and (min-width: 700px) {
  .timeline {
    gap: var(--spacing-14);
  }

  .timeline__slide {
    gap: var(--spacing-10);
  }

  .timeline__slide > .prose {
    padding-inline-start: var(--spacing-14);
    padding-inline-end: var(--spacing-14);
  }

  .timeline__content {
    gap: var(--spacing-6);
  }

  .timeline__controls {
    --timeline-dot-size: var(--spacing-5);
    --timeline-dot-padding-inline-end: var(--spacing-5);
  }

  .timeline__nav-item {
    min-width: 160px;
  }
}

@media screen and (min-width: 1000px) {
  .timeline__slide {
    text-align: left;
    grid: auto / repeat(2, minmax(0, 1fr));
    gap: 0;
  }

  .timeline__slide > .timeline__image-wrapper {
    padding-inline-end: 16.5%;
  }

  .timeline__slide > .prose {
    z-index: 1;
    padding-inline-start: 0;
    padding-inline-end: 0;
    position: relative;
  }

  .timeline__image {
    max-width: initial;
  }

  .timeline__image-wrapper {
    position: relative;
  }

  .timeline__controls {
    align-items: flex-start;
    gap: var(--spacing-10);
    display: flex;
  }

  .timeline__controls.scroll-area {
    overflow: visible;
  }

  .timeline__buttons {
    gap: var(--spacing-4);
    margin-block-start: calc(var(--spacing-6) * -1);
    display: flex;
  }

  .timeline__nav {
    width: 100%;
    min-width: auto;
    padding-block-start: 0;
  }

  .timeline__nav-item {
    min-width: auto;
  }
}

@media screen and (min-width: 1150px) {
  .timeline__slide > .prose {
    padding-inline-end: 16.5%;
  }

  .timeline__content {
    gap: var(--spacing-8);
  }
}

@media screen and (min-width: 1400px) {
  .timeline__slide > .prose {
    max-width: 85%;
  }
}

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

:is(.sr-only[type="checkbox"]:focus-visible + label, .sr-only[type="radio"]:focus-visible + label) {
  outline: 2px solid highlight;
  outline: 2px solid -webkit-focus-ring-color;
}

.skip-to-content:focus-visible {
  z-index: 9999;
  clip: auto;
  color: #fff;
  background: #000;
  width: auto;
  height: auto;
  padding: 6px 12px;
  font-weight: bold;
  overflow: auto;
}

.tap-area {
  position: relative;
}

.tap-area:before {
  content: "";
  inset: calc(-1 * var(--spacing-2-5));
  position: absolute;
}

@media print {
  .print\:hidden {
    display: none;
  }
}

@keyframes translateFull {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(-100% * var(--transform-logical-flip)));
  }
}

@keyframes ping {
  from {
    transform: scale(1);
  }

  to {
    transform: scale(.8);
  }
}

@media screen and (pointer: fine) {
  .zoom-image--enabled .zoom-image {
    transform-origin: center;
    transition: transform 1.5s cubic-bezier(.22, 1, .36, 1);
  }

  .zoom-image--enabled .group:hover .zoom-image {
    transform: scale(1.06);
  }
}

.reveal {
  opacity: 0;
}

.reveal-invisible {
  opacity: 0;
  visibility: hidden;
}

@media (prefers-reduced-motion: no-preference) {
  [reveal-js], [reveal-on-scroll="true"] {
    opacity: 0;
  }
}

@media (scripting: none) {
  [reveal-js], [reveal-on-scroll="true"] {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: no-preference) {
  reveal-items {
    opacity: 0;
  }
}

@media (scripting: none) {
  reveal-items {
    opacity: 1;
  }
}

.border {
  border-width: 1px;
}

.border-x {
  border-left-width: 1px;
  border-right-width: 1px;
}

.border-y {
  border-block-start-width: 1px;
  border-block-end-width: 1px;
}

.border-t {
  border-top-width: 1px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-s {
  border-block-start-width: 1px;
}

.border-e {
  border-block-end-width: 1px;
}

.divide-x > :not([hidden]) ~ :not([hidden]) {
  border-inline-start-width: 1px;
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
  border-block-start-width: 1px;
}

.ring {
  box-shadow: 0 0 0 1px rgb(var(--text-color) / .12);
}

.ring-current {
  box-shadow: 0 0 0 1px rgb(var(--text-color));
}

.ring-inset {
  box-shadow: inset 0 0 0 1px rgb(var(--text-color) / .12);
}

.rounded-xs {
  border-radius: var(--rounded-xs);
}

.rounded-sm {
  border-radius: var(--rounded-sm);
}

.rounded {
  border-radius: var(--rounded);
}

.rounded-lg {
  border-radius: var(--rounded-lg);
}

.rounded-full {
  border-radius: var(--rounded-full);
}

.text-custom {
  color: rgb(var(--text-color));
}

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

.text-success {
  color: rgb(var(--success-text));
}

.text-warning {
  color: rgb(var(--warning-text));
}

.text-error {
  color: rgb(var(--error-text));
}

.text-subdued {
  color: rgb(var(--text-color) / .7);
}

.text-on-sale {
  color: rgb(var(--on-sale-text));
  color:#000;
}

.text-stroke {
  -webkit-text-stroke: 1px currentColor;
  -webkit-text-fill-color: transparent;
}

.text-gradient {
  background-image: var(--gradient);
  color: #0000;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  -webkit-background-clip: text;
  background-clip: text;
}

.text-stroke.text-gradient {
  color: rgb(var(--background));
  -webkit-text-stroke-color: transparent;
  -webkit-text-fill-color: unset;
}

.bg-custom {
  background: rgb(var(--background));
}

.bg-gradient {
  background-image: var(--gradient);
}

.bg-text {
  background: rgb(var(--text-color));
}

.bg-error {
  background: rgb(var(--error-background));
}

.bg-success {
  background: rgb(var(--success-background));
}

.bg-warning {
  background: rgb(var(--warning-background));
}

.bg-secondary {
  background: rgb(var(--text-color) / .05);
}

.opacity-0 {
  opacity: 0;
}

.backdrop-blur {
  -webkit-backdrop-filter: blur(var(--backdrop-blur, 0px));
  backdrop-filter: blur(var(--backdrop-blur, 0px));
}

.filter-invert {
  filter: invert();
}

.shadow-sm {
  filter: drop-shadow(var(--shadow-sm));
}

.shadow {
  filter: drop-shadow(var(--shadow));
}

.shadow-md {
  filter: drop-shadow(var(--shadow-md));
}

.shadow-block {
  box-shadow: var(--shadow-block);
}

.cross-fade {
  display: block;
}

.cross-fade > * {
  transition: opacity .2s ease-in-out;
}

.cross-fade > :last-child {
  display: none;
}

@media screen and (pointer: fine) {
  .cross-fade > :last-child {
    opacity: 0;
    display: block;
  }

  .cross-fade:hover > :first-child {
    opacity: 0;
  }

  .cross-fade:hover > :last-child {
    opacity: 1;
  }
}

.pointer-events-none {
  pointer-events: none;
}

.scroll-area {
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
  overflow: auto hidden;
}

.scroll-area::-webkit-scrollbar {
  display: none;
}

.snap-start {
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

.snap-center {
  scroll-snap-align: center;
  scroll-snap-stop: always;
}

:not(.is-scrollable) ~ .peer-not-scrollable\:hidden, .hidden, .empty\:hidden:empty {
  display: none;
}

.inline-block {
  display: inline-block;
}

.block {
  display: block;
}

.contents {
  display: contents;
}

@media screen and (min-width: 700px) {
  .sm\:hidden {
    display: none;
  }

  .sm\:block {
    display: block;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:grid {
    display: grid;
  }

  .sm\:table-cell {
    display: table-cell;
  }
  .sm\:contents {
    display: contents;
  }
}

@media screen and (min-width: 1000px) {
  .md\:hidden {
    display: none;
  }

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:grid {
    display: grid;
  }

  .md\:table-cell {
    display: table-cell;
  }
  .md\:contents {
    display: contents;
  }
}

@media screen and (min-width: 1150px) {
  .lg\:hidden {
    display: none;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:grid {
    display: grid;
  }

  .lg\:table-cell {
    display: table-cell;
  }

  .lg\:contents {
    display: contents;
  }
}

@media screen and (min-width: 1400px) {
  .xl\:hidden {
    display: none;
  }

  .xl\:block {
    display: block;
  }

  .xl\:flex {
    display: flex;
  }

  .xl\:grid {
    display: grid;
  }

  .xl\:table-cell {
    display: table-cell;
  }

  .xl\:contents {
    display: contents;
  }
}

@media screen and (min-width: 1600px) {
  .\32 xl\:hidden {
    display: none;
  }

  .\32 xl\:block {
    display: block;
  }

  .\32 xl\:flex {
    display: flex;
  }

  .\32 xl\:grid {
    display: grid;
  }

  .\32 xl\:table-cell {
    display: table-cell;
  }
  .\32 xl\:contents {
    display: contents;
  }
}

@media screen and (max-width: 699px) {
  .sm-max\:hidden {
    display: none;
  }
}

@media screen and (max-width: 999px) {
  .md-max\:hidden {
    display: none;
  }
}

@media screen and (max-width: 1149px) {
  .lg-max\:hidden {
    display: none;
  }
}

@media screen and (max-width: 1399px) {
  .xl-max\:hidden {
    display: none;
  }
}

@media screen and (max-width: 1599px) {
  .\32 xl-max\:hidden {
    display: none;
  }
}

@media screen and (pointer: fine) {
  .pointer-fine\:hidden {
    display: none;
  }

  .pointer-fine\:block {
    display: block;
  }
}

@media not screen and (pointer: fine) {
  .pointer-coarse\:hidden {
    display: none;
  }

  .pointer-coarse\:block {
    display: block;
  }
}

@media (prefers-reduced-motion: reduce) {
  .motion-reduce\:hidden {
    display: none;
  }

  .motion-reduce\:block {
    display: block;
  }
}

.invisible {
  visibility: hidden;
}

.relative {
  position: relative;
}

.wrap {
  flex-wrap: wrap;
}

.grow {
  flex-grow: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.justify-items-center {
  justify-items: safe center;
}

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

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

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

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

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

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

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

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

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

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

.place-self-start-end {
  place-self: start end;
}

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

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

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

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

.place-self-end-start {
  place-self: end start;
}

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

@media screen and (min-width: 700px) {
  .sm\:text-start {
    text-align: start;
  }

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

  .sm\:text-end {
    text-align: end;
  }

  .sm\:place-self-start {
    place-self: start;
  }

  .sm\:place-self-start-center {
    place-self: start center;
  }

  .sm\:place-self-start-end {
    place-self: start end;
  }

  .sm\:place-self-center {
    place-self: center;
  }

  .sm\:place-self-center-start {
    place-self: center start;
  }

  .sm\:place-self-center-end {
    place-self: center end;
  }

  .sm\:place-self-end {
    place-self: end;
  }

  .sm\:place-self-end-start {
    place-self: end start;
  }

  .sm\:place-self-end-center {
    place-self: end center;
  }

  .sm\:justify-items-center {
    justify-items: safe center;
  }
}

.align-top {
  vertical-align: top;
}

.align-center {
  vertical-align: middle;
}

.align-bottom {
  vertical-align: bottom;
}

.w-full {
  width: 100%;
}

.h-full {
  height: 100%;
}

.w-0 {
  width: 0;
}

.min-w-full {
  min-width: 100%;
}

.min-h-full {
  min-height: 100%;
}

.mx-auto {
  margin-inline-start: auto;
  margin-inline-end: auto;
}

.my-auto {
  margin-block-start: auto;
  margin-block-end: auto;
}

.aspect-short {
  aspect-ratio: 4 / 3;
}

.aspect-tall {
  aspect-ratio: 2 / 3;
}

.aspect-square {
  aspect-ratio: 1;
}

.aspect-video {
  aspect-ratio: 16 / 9;
}

.aspect-video iframe {
  width: 100%;
  height: 100%;
}

.gap-0\.5 {
  gap: var(--spacing-0-5);
}

.gap-1 {
  gap: var(--spacing-1);
}

.gap-1\.5 {
  gap: var(--spacing-1-5);
}

.gap-2 {
  gap: var(--spacing-2);
}

.gap-2\.5 {
  gap: var(--spacing-2-5);
}

.gap-3 {
  gap: var(--spacing-3);
}

.gap-3\.5 {
  gap: var(--spacing-3-5);
}

.gap-4 {
  gap: var(--spacing-4);
}

.gap-4\.5 {
  gap: var(--spacing-4-5);
}

.gap-5 {
  gap: var(--spacing-5);
}

.gap-5\.5 {
  gap: var(--spacing-5-5);
}

.gap-6 {
  gap: var(--spacing-6);
}

.gap-8 {
  gap: var(--spacing-8);
}

.gap-10 {
  gap: var(--spacing-10);
}

.gap-12 {
  gap: var(--spacing-12);
}

@media screen and (min-width: 700px) {
  .sm\:gap-0\.5 {
    gap: var(--spacing-0-5);
  }

  .sm\:gap-1 {
    gap: var(--spacing-1);
  }

  .sm\:gap-1\.5 {
    gap: var(--spacing-1-5);
  }

  .sm\:gap-2 {
    gap: var(--spacing-2);
  }

  .sm\:gap-2\.5 {
    gap: var(--spacing-2-5);
  }

  .sm\:gap-3 {
    gap: var(--spacing-3);
  }

  .sm\:gap-3\.5 {
    gap: var(--spacing-3-5);
  }

  .sm\:gap-4 {
    gap: var(--spacing-4);
  }

  .sm\:gap-4\.5 {
    gap: var(--spacing-4-5);
  }

  .sm\:gap-5 {
    gap: var(--spacing-5);
  }

  .sm\:gap-5\.5 {
    gap: var(--spacing-5-5);
  }

  .sm\:gap-6 {
    gap: var(--spacing-6);
  }

  .sm\:gap-8 {
    gap: var(--spacing-8);
  }

  .sm\:gap-10 {
    gap: var(--spacing-10);
  }

  .sm\:gap-12 {
    gap: var(--spacing-12);
  }
}

.overflow-hidden {
  overflow: hidden;
}

.object-fill {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.object-fill:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.object-fill:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.object-fill, .object-fill-safe, .object-cover {
  object-fit: cover;
  object-position: center;
}

.object-contain {
  object-fit: contain;
  object-position: center;
}

.placeholder {
  background: rgb(var(--text-primary) / .3);
  fill: rgb(var(--text-primary) / .7);
  color: rgb(var(--text-primary) / .7);
  display: block;
}

.bold {
  font-weight: bold;
}

.text-xxs {
  font-size: 10px;
  line-height: 1.7;
}

.text-xs {
  font-size: var(--text-xs);
  line-height: 1.7;
}

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

.text-base {
  font-size: var(--text-base);
  line-height: 1.6;
}

.text-lg {
  font-size: var(--text-lg);
  line-height: 1.6;
}

.subheading {
  font-weight: bold;
}

.heading, .h0, .h1, .h2, .h3, .h4, .h5, .h6, .prose :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  font-style: var(--heading-font-style);
  letter-spacing: var(--heading-letter-spacing);
  text-transform: var(--heading-text-transform);
  overflow-wrap: anywhere;
}

.h0 {
  font-size: var(--text-h0);
  line-height: 1;
}

.h1, .prose h1:not(.h0, .h1, .h2, .h3, .h4, .h5, .h6) {
  font-size: var(--text-h1);
  line-height: 1.1;
}

.h2, .prose h2:not(.h0, .h1, .h2, .h3, .h4, .h5, .h6) {
  font-size: var(--text-h2);
  line-height: 1.1;
}

.h3, .prose h3:not(.h0, .h1, .h2, .h3, .h4, .h5, .h6) {
  font-size: var(--text-h3);
  line-height: 1.2;
}

.h4, .prose h4:not(.h0, .h1, .h2, .h3, .h4, .h5, .h6) {
  font-size: var(--text-h4);
  line-height: 1.3;
}

.h5, .prose h5:not(.h0, .h1, .h2, .h3, .h4, .h5, .h6) {
  font-size: var(--text-h5);
  line-height: 1.4;
}

.h6, .prose h6:not(.h0, .h1, .h2, .h3, .h4, .h5, .h6) {
  font-size: var(--text-h6);
  line-height: 1.4;
}

@media screen and (min-width: 700px) {
  .sm\:text-xxs {
    font-size: 10px;
    line-height: 1.7;
  }

  .sm\:text-xs {
    font-size: var(--text-xs);
    line-height: 1.7;
  }

  .sm\:text-sm {
    font-size: var(--text-sm);
    line-height: 1.6;
  }

  .sm\:text-base {
    font-size: var(--text-base);
    line-height: 1.6;
  }

  .sm\:text-lg {
    font-size: var(--text-lg);
    line-height: 1.6;
  }

  .sm\:h0 {
    font-size: var(--text-h0);
    line-height: 1;
  }

  .sm\:h1 {
    font-size: var(--text-h1);
    line-height: 1.1;
  }

  .sm\:h2 {
    font-size: var(--text-h2);
    line-height: 1.1;
  }

  .sm\:h3 {
    font-size: var(--text-h3);
    line-height: 1.2;
  }

  .sm\:h4 {
    font-size: var(--text-h4);
    line-height: 1.3;
  }

  .sm\:h5 {
    font-size: var(--text-h5);
    line-height: 1.4;
  }

  .sm\:h6 {
    font-size: var(--text-h6);
    line-height: 1.4;
  }
}

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

.break-all {
  overflow-wrap: anywhere;
}

.hyphenate {
  -webkit-hyphens: auto;
  hyphens: auto;
}

.truncate-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
}

.line-clamp {
  -webkit-line-clamp: var(--line-clamp-count, 2);
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

/* Custom Css */
.visible_in_md{display:none;}
.visible_in_mobile{display:none;}
.header__icon-list{position:relative;}

.line-through {text-decoration: line-through;}
.break-all {overflow-wrap: anywhere;}
.hyphenate {-webkit-hyphens: auto;hyphens: auto;}
.truncate-text {white-space: nowrap;text-overflow: ellipsis;max-width: 100%;overflow: hidden;}
.line-clamp {-webkit-line-clamp: var(--line-clamp-count, 2);-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}
.globo-form-app .panel {height: unset !important;gap: unset !important;}
buy-buttons .button .button__loader a{width: auto; background: transparent;height: auto;}

.slick-loading .slick-list {background: #fff url('ajax-loader.gif') center center no-repeat;}
@font-face {font-family: 'slick';font-weight: normal;font-style: normal;src: url('slick.eot');src: url('slick.eot?#iefix') format('embedded-opentype'), url('slick.woff') format('woff'), url('slick.ttf') format('truetype'), url('slick.svg#slick') format('svg');}
.slick-prev, .slick-next{text-align:center; font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;width: 20px;height: 20px;padding: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;color: transparent;border: none;outline: none;background: transparent;}
.slick-prev:hover,.slick-prev:focus, .slick-next:hover,.slick-next:focus {color: transparent;outline: none;background: transparent;}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity: 1;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity: .25;}
.slick-prev:before, .slick-next:before{font-family: 'slick';font-size: 20px;line-height: 1;opacity: .75;color: white;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-prev{left: 5px;z-index:1;}
[dir='rtl'] .slick-prev{right: -25px;left: auto;}
.slick-prev:before{content: '\2039';}
[dir='rtl'] .slick-prev:before{content: '→';}
.slick-next{right: 5px;}
[dir='rtl'] .slick-next{right: auto;left: -25px;}
.slick-next:before{content: '\203A';}
[dir='rtl'] .slick-next:before{content: '←';}
.slick-dots{position: absolute;bottom: 15px;display: none;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
.slick-dots li{position: relative;display: inline-block;margin: 0 5px;padding: 0;cursor: pointer;}
.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 10px;height: 10px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}
.slick-dots li button:hover, .slick-dots li button:focus{outline: none;}
.slick-dots li button:hover:before, .slick-dots li button:focus:before{opacity: 1;}
.slick-dots li button:before{font-family: 'slick';font-size: 6px;position: absolute;top: 2px;left: 0;width: 6px;height: 6px;content: '';text-align: center;background:#FFF;border-radius:100px; opacity: .25;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before{opacity: 1;width: 10px;height: 10px;top:0}
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before, .slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;} 

.custom_icon_text_grid{padding:30px;}
.custom_icon_text_upper{display: flex;flex-wrap:wrap;margin:0 -40px;}
.custom_icon_text_inner{width:25%;padding:0 40px;border-right: 1px solid #ccc;cursor:pointer;}
.custom_icon_text_inner:last-child{border-right:none;}
.custom_icon_text_box{display:flex;flex-wrap:wrap;margin:0 -10px; align-items: center;}
.custom_icon_text_media{width: 70px;padding:0 10px;}
.custom_icon_text_media img {width: auto;height:auto;}
.custom_icon_text_content{width:calc(100% - 70px);padding:0 10px;}
.custom_icon_text_content h3{font-weight:bold;}
.custom_icon_text_content p{margin-bottom:0;}
.popover_overflow_hidden{overflow:hidden;}
.popover_overflow_hidden:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.5);z-index:10;}
.icon_text_popover{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index: 11;display:none;}
.icon_text_popover_max{width:680px;background-color:#fff;border-radius:12px;padding:25px;}
.icon_text_popover_close{position:absolute;right:16px;top:20px;z-index:2;}
.icon_text_popover_close svg{cursor:pointer;}
.icon_text_popover_media_bg{max-width:165px;margin:0 auto;position:relative;}
.icon_text_popover_media{position:absolute;top:0;left:0;right:0;bottom: 0;display: table;margin:auto;max-width:110px;}
.icon_text_popover_info{text-align:center;}
.icon_text_popover_info br{ height:10px;}
.icon_text_popover_info h3{font-size:18px;font-weight:bold;color:#333333;letter-spacing:0;line-height: normal;position: relative;padding-bottom: 12px;}
.icon_text_popover_info h3 span{position:absolute;bottom:0;left:0;right:0;margin:auto;}
.icon_text_popover_info p{margin:8px 0 0;color:#666666;}
.icon_text_popover_box_slider {padding-bottom:35px;}
.icon_text_popover_box_slider .slick-dots {bottom: 0;}
.icon_text_popover_box_slider .slick-dots li{height:8px;width:8px;margin: 0 3px;}
.icon_text_popover_box_slider .slick-dots li button:before,.icon_text_popover_box_slider .slick-dots li a:before{top: 2px;width:8px;height:8px;background:#ebebeb;border-radius:100%;font-size:0;line-height:8px;opacity:1}
.icon_text_popover_box_slider .slick-dots li button,.icon_text_popover_box_slider .slick-dots li a{height:8px;width:8px}
.icon_text_popover_box_slider .slick-dots li.slick-active button:before{background-color:#df0029;opacity:1;top: 2px;height:8px;width:8px}
.icon_text_popover_buttons{display:flex;justify-content:space-between;padding-top: 30px;gap: 20px;}
.icon_text_popover_buttons button{background-color:#df0029;border:1px solid #df0029;color:#fff;border-radius:8px;line-height: normal;position: relative;left: 0;width:100%;height: 48px;font-size: 16px;padding: 0 15px;top: unset;bottom: unset;transform: translateY(0%);}
.icon_text_popover_buttons button svg {margin:0px auto;}
.icon_text_popover_buttons button:hover, .icon_text_popover_buttons button:focus{background-color:#df0029;border:1px solid #df0029;color:#fff;}
.icon_text_popover_buttons button.slick-disabled{background-color:#f7faff;border:1px solid #ededed;color:#df0029;}
.icon_text_popover_buttons button:before{display:none;}
.icon_text_popover_box_slider{opacity: 0; visibility: hidden;transition: opacity 1s ease;-webkit-transition: opacity 1s ease;}
.icon_text_popover_box_slider.slick-initialized { visibility: visible; opacity: 1;} 

.custom_search_bar {width: 210px;gap: 0;}
.custom_search_bar .search-input{padding-block-end: 0;}
.custom_search_bar .predictive-search { position: absolute; background: #fff;width: 100%;left: 0;top: 100%;overflow: auto;max-height: 300px;}
.custom_search_bar .predictive-search .predictive-search__tab-item .h5{font-size:13px;}
.custom_search_bar .predictive-search-result>img { width: 3rem;}
.custom_search_bar .predictive-search .predictive-search__tabs {gap: 15px;padding:15px 10px;}
.custom_search_bar .predictive-search-result {gap: 10px;font-size: 12px;}
.custom_search_bar .search-input>input {font-size: 16px;}
.custom_search_bar .sm\:gap-6 {gap: 10px;}
.custom_search_bar .predictive-search .predictive-search__tab-content{font-size:12px}

.panel_wrapper_overflow_auto{justify-content: var(--panel-wrapper-justify-content, space-between); gap: var(--spacing-3);height: 100%; flex-direction: column; display: flex; overflow-y: auto;}
.navigation-drawer .panel_wrapper_overflow_auto .panel__scroller{overflow-y: unset;}
.panel-footer {display: flex;flex-direction: row-reverse;align-items: center;justify-content: space-between;}
.panel-footer .social-media {gap: 5px;flex-wrap: nowrap;} 
.panel-footer .social-media svg {width: 20px;}
.panel-footer__account-link {display: flex;align-items:center;gap: 12px;}

.mobile_banner-slider_no_dots.slick-dotted.slick-slider {margin-bottom: 20px;}
.navigation-drawer::part(body) {gap: 0;padding-block-start: 0;}
.navigation-drawer{top: 0;bottom:unset !important;height:100vh;padding:0;max-width: 360px;left: 0;border-radius: 0;background: #fff;}
:is(navigation-drawer.drawer)::part(outside-close-button) {display:block;bottom: unset !important;top: 22px;left: unset !important;right: 15px !important;border: none !important;width: auto;height: auto;background: transparent;margin: 0;position: absolute;min-height: unset;}
/* .cart-drawer::part(outside-close-button) { display: none;} */
.navigation-drawer [is="close-button"]{display:none;}
/*S.U the line below is the original one and the line after it is written by S.U*/
/*.drawer::part(content) {max-height: 100vh;min-height: 100vh;border-radius: 0;box-shadow: unset;}*/
.drawer::part(content) {max-height: 100vh;min-height: 100%;border-radius: 0;box-shadow: unset;}
.cart-drawer.drawer::part(content) {box-shadow: inset 0 0 18px #c9c9c9;}
.custom_search_bar_mobile{display: block !important;width: 100%;max-width: 325px;padding: 15px 10px 0;position: relative;z-index: 1;}
.custom_search_bar_mobile form {border: 1px solid #000;min-height: 40px;padding: 0 0px;border-radius: 5px;}
.custom_search_bar_mobile form .search-input button {padding: 0 10px;height: 100%;background: #000;}
.custom_search_bar.custom_search_bar_mobile .search-input>input { padding-left: 10px;}
.navigation-drawer .panel__wrapper{padding:20px 10px 20px;}
.navigation-drawer .panel+.panel .panel__wrapper{padding:80px 10px 20px;}
.custom_search_bar_mobile form .search-input button svg circle, .custom_search_bar_mobile form button svg path {stroke: #fff;}
.custom_search_bar.custom_search_bar_mobile .search-input {padding-block-end: 0;border-bottom-width: 0;}
.icon_span{display:flex;gap:10px;align-items:center;}
.flex_arrow{display: flex;justify-content: space-between;align-items: center;} 
.sub_link_li {border-bottom: 0.25px solid #CCCCCC; padding:20px 10px;}
.backto_link{margin-bottom:20px;    padding: 0 10px;}
.backto_link_nopadding{padding:0;}
.sublink_images_div{background:#000;border-radius:10px;position:relative;background-size: cover;background-repeat: no-repeat;background-position:center center;}
.sublink_images_div_flex{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;}
.sublink_images_div_left {padding: 15px;width:210px;}
.sublink_images_div_right { width: calc(100% - 220px);padding-right:20px;}
.sublink_images_div_left .h3 {font-size: 15px;color: #C00419;margin: 0 0 5px;}
.sublink_images_div_left p{font-size: 13px;color: #fff;letter-spacing: 0;line-height: 1.5;}
.sub_link_li_image{border:none;padding:0;margin-bottom: 10px;}
.h3.sub_link_li a span .reversed-link{font-size:16px;}
.sublink_menu_av{display:flex;gap:10px;align-items:center;}
.white_arrow_svg{position:absolute;right:5px;bottom:10px;}
.mobile_overlay_body{overflow:hidden;}
.panel__wrapper_overflow{overflow-x:auto;}

@media only screen and (min-width: 200px) and (max-width: 699px){
.custom_icon_text_media { width: 55px;}
.custom_icon_text_content { width: calc(100% - 55px);}
.custom_icon_text_content h3 {font-size: 13px;}
.custom_icon_text_content p {  font-size: 13px;}
.custom_badge {top:30px;}  
.icon_text_popover_max {width: auto;max-width: 290px; margin: 0 auto;padding: 25px 20px;}
.icon_text_popover_buttons {  padding-top:20px; gap: 15px;}
.icon_text_popover_buttons button { width: auto; min-width: 116px;font-size:14px;}
.icon_text_popover_close {right: 10px;top: 20px;}
.icon_text_popover_media_bg {max-width: 135px;}
.icon_text_popover_media {max-width: 85px;}
.icon_text_popover_info h3 { font-size: 16px;}
.custom_search_bar{display:none;}
.visible_in_mobile{display:block;width: 100%; gap: 0; padding: 10px 20px;background:#fff;transition: 0.3s all ease-in-out 0.3s;opacity:1;visibility:visible;}  
.visible_in_mobile form{border: 1px solid #000;min-height: 40px;padding: 0 0px;border-radius: 5px;}
.visible_in_mobile form .search-input button{padding: 0 10px;height: 100%;background: #000;}
.visible_in_mobile .search-input {padding-block-end: 0;padding-left: 10px;border: none;}
.visible_in_mobile form .search-input button svg circle, .visible_in_mobile form button svg path{stroke: #fff;}
}
@media only screen and (min-width: 400px) and (max-width: 699px){
.icon_text_popover_max {max-width: 357px;}
.icon_text_popover_buttons button {min-width: 140px;font-size:16px;}  
.icon_text_popover_info h3 { font-size: 18px;}  
}
@media only screen and (min-width: 700px) and (max-width: 989px){
.custom_icon_text_upper {  margin: 0 -20px;}
.custom_icon_text_inner {  padding: 0 20px;}
.custom_icon_text_media { width: 55px;}  
.custom_icon_text_box { align-items: flex-start; flex-direction: column; row-gap: 10px;}
.custom_icon_text_content {  width: 100%;}
.custom_icon_text_content h3 {font-size: 13px;}
.custom_icon_text_content p {  font-size: 13px;}
.icon_text_popover_media_bg {max-width: 155px;}
.icon_text_popover_media {max-width: 100px;}
.icon_text_popover_max {max-width: 450px;}
.custom_search_bar{display:none;}
.visible_in_mobile{display:block;width: 100%; gap: 0; padding: 10px 20px;background:#fff;}  
.visible_in_mobile form{border: 1px solid #000;min-height: 40px;padding: 0 0px;border-radius: 5px;}
.visible_in_mobile form .search-input button{padding: 0 10px;height: 100%;background: #000;}
.visible_in_mobile .search-input {padding-block-end: 0;padding-left: 10px;border: none;}
.visible_in_mobile form .search-input button svg circle, .visible_in_mobile form button svg path{stroke: #fff;}   
}
@media only screen and (min-width: 901px) and (max-width: 1149px) {
.visible_in_mobile{display:none;}
}
@media only screen and (min-width: 1150px) and (max-width: 1349px) {
.custom_search_bar{display:none;} 
.visible_in_mobile{display:none;}  
.visible_in_md{display:block;}
}
@media only screen and (min-width: 990px) and (max-width: 1199px){
.custom_icon_text_upper {  margin: 0 -20px;}
.custom_icon_text_inner {  padding: 0 20px;}
.custom_icon_text_media { width: 55px;}  
.custom_icon_text_box { align-items: flex-start; flex-direction: column; row-gap: 10px;}
.custom_icon_text_content {  width: 100%;}
.custom_icon_text_content h3 {font-size: 14px;}
.custom_icon_text_content p {  font-size: 14px;}
}
@media only screen and (min-width: 1200px) and (max-width: 1367px){
.custom_icon_text_upper {  margin: 0 -20px;}
.custom_icon_text_inner {  padding: 0 20px;}
.custom_icon_text_media { width: 55px;}  
.custom_icon_text_content { width: calc(100% - 55px);}
.custom_icon_text_content h3 {font-size: 14px;}
.custom_icon_text_content p {  font-size: 14px;}
}
@media only screen and (min-width: 1350px) and (max-width: 1450px) {
.custom_search_bar { width: 175px;}
.header__icon-list {  gap: 15px;}
}
@media only screen and (min-width: 1350px) and (max-width: 1550px) {
.header__icon-list {  gap: 10px;}  
.header__link-list { gap: 20px;}
.custom_search_bar {width:160px}  
}

.short-desc {font-weight: 400;color: #576967;width: 100%;text-align: left;font-size: 16px;margin-top: 0 !important;}
.shopify-section--main-product .product-info__quantity-selector .block-label{display:none;}
.shopify-section--main-product .product-info>*+* { margin-block-start:unset;margin: 7px 0 .85rem;margin-block-end: 1.5rem;}
/* .shopify-section--main-product .variant-picker__option-info { display: none;} */

.custom_badge {top:40px;}
.availVar {color:#000;}

.pdp_discount_text {position: absolute;top: 10px;font-size: 14px;width: 100px;height: 100px;display: none;align-items: center;justify-content: center;border-radius: 100%;left: 10px;padding: 10px;font-weight: 500;text-align: center;line-height:normal;}  
@media only screen and (min-width:200px) and (max-width:767px){
.pdp_discount_text {top: 5px;font-size: 12px;width: 80px;height: 80px;left: 5px;}  
}
@media(max-width:768px) {
.discount-announcement {font-size: 11px;}
.discount-announcement >* {font-size: 11px;}
}

.mob_only {display: none;margin: 0;}
.short-desc {font-weight: 400;color: #576967;width: 100%;text-align: left;font-size: 16px;}
.product-card__info .short-desc{font-size: 14px;}

@media screen and (min-width: 991px) {
.shopify-section--main-product .product {/* display: block;*/}
.shopify-section--main-product .product-info {display: flex;flex-direction: column;}
.shopify-section--main-product .product-info>*+* {/* width: 50%;*/float: right;margin-block-start: unset;margin: 7px 0 0.85rem;}
.shopify-section--main-product .product-info .product-info_inner>*+* {margin: 7px 0 0.85rem;} 
.shopify-section--main-product product-gallery {/*width: 50%;*/float: left !important;}
}
@media screen and (max-width: 990px) {
.mob_only {display: block;padding-top: 16px;}
.desk_only {display: none;}
.product-card__info .short-desc{font-size: 13px;}
}

/*JT*/
.quick-buy-drawer__info form.buy-buttons {display:none;}
.product-card__quick-buy a {display:none;}
.button__loader span {display:none}
.product-card__quick-buy .button__loader span {display:block}

.quick-buy-drawer.drawer::part(header) {display:none;}
.quick-buy-drawer .variant-picker__option-info {display:none;}
.block-swatch {width: 100%;border-width: 0;border-top-width: 1px;border-radius: 0;padding: var(--spacing-1-5) var(--spacing-2) !important;height:auto !important;background:transparent;}
.popover-listbox__option {color:#000;width: 100%;border-width: 0;border-top-width: 1px;border-radius: 0;height:auto !important;background:transparent;position:relative;justify-content: flex-start;font-size: 14px;text-align:left;}
:checked+.block-swatch span {font-weight:bold;}
.block-swatch:before {box-shadow:unset;border:0;border-radius:0;}
.block-swatch .varimg, .popover-listbox__option .varimg {width: 40px;height: 40px;background: rgb(var(--text-color) / .12);border-radius: 100%;padding: 3px;}
.popover-listbox__option .varimg {width: 36px;height: 36px;min-width: 36px;min-height: 36px;}
.block-swatch img, .popover-listbox__option img {border-radius:100%;object-fit:cover;}
.block-swatch div {position: absolute;right: 1rem;font-size:10px;font-weight:bold;}
.block-swatch div.badge {right:7rem;background:transparent}
.block-swatch div.badge on-sale-badge {font-weight: 100;font-size: 9px;}
.popover-listbox__option div {position: absolute;right: 4.5rem;font-size:10px;font-weight:bold;}
.popover-listbox__option div.badge {right:1rem;background:transparent}
.popover-listbox__option div.badge on-sale-badge {font-weight: 600;font-size: 9px;    border-radius: 2px;}
.popover-listbox__option div.hashtag {right:4.5rem}
.block-swatch div span, .popover-listbox__option div span {color:#dd1d1d;}
x-popover .quick_main {padding: 0 25px 5px;}
.popover::part(title) {display:none;}
.popover-listbox__option[aria-selected=true] {display: none !important;}
.popover-listbox__option:hover {    color: rgb(var(--text-color) / .7);}
.popover-listbox__option.variant_head {color: rgb(var(--text-color));background: #F5F5F5;font-weight: 600;}
.quick_top {display:flex;justify-content:space-between;align-items:center;padding:0 10px;}
.quick_top p {font-size:16px;font-weight:bold;}
.quick_top span {font-size:12px;text-decoration:underline;color:#dd1d1d;cursor:pointer;}
.quick_main {display: inline-grid;width:100%;}
.quick_main input {border: 1px rgb(var(--text-color) / .12) solid;padding: 15px 20px;width: 100%;border-radius: var(--rounded-button);font-size: 15px;margin: 10px 0;}
.var_tabs {display:flex;margin:5px 0 0px; overflow: hidden;width: 100%;display: none;}
.var_tabs_in {overflow-x: auto;width: 100%;display: inline-flex;white-space: nowrap;padding-bottom: 5px;}
.var_tabs span {border: 1px #f5f5f5 solid;padding: 7px 15px;border-radius: var(--rounded-button);font-size: 12px;margin-right: 3px;background: #f5f5f5;cursor:pointer;}
.var_tabs span.active {color:#dd1d1d;border-color:#df002936;background:#dd1d1d12;}
.quick-buy-drawer__info form {position: sticky;bottom: 0;}

.collection_popover_x .sinob_badges_design_variant {margin: 0;}
.collection_popover_x .quick-buy-drawer__info {gap: 15px;}

@media only screen and (min-width:200px) and (max-width:767px){
.popover-listbox__option div {right: 1rem;}  
.popover-listbox__option div.hashtag {right: 1rem;}
}

/* Sinob Badges Design css */
.sinob_badges_design_upper{ display: flex; gap: 10px;overflow-x:auto;}
.sinob_badges_design_inner{display:flex;display:none;background: #004AAD;color: #fff;border-radius: 6px;min-height: 33px; max-width: fit-content;line-height: normal;cursor:pointer;}
.sinob_badges_design_left{width:28px;display: flex;align-items: center;justify-content: center;}
.sinob_badges_design_right{width:calc(100% - 28px);font-size: 11px;padding: 0 6px;display: flex;align-items: center;white-space: nowrap;}

/* variant picker sinob badges css */
.sinob_badges_design_variant{margin:15px 0 0;overflow: hidden;margin:0}
.sinob_badges_design_variant_inner {background: transparent;color: #004AAD;border: 1px solid #004AAD;cursor:pointer;}
.sinob_badges_design_variant_inner.variant_badge_active{color: #fff !important;border: 1px solid #fff !important;}
.sinob_badges_design_variant_inner.variant_badge_active .sinob_badges_design_right {border-left:2px solid #fff;}
.sinob_badges_design_variant_inner.variant_badge_active .sinob_badges_design_right span{color: #fff !important;}
.sinob_badges_design_variant_inner.variant_badge_active img {filter: brightness(0) invert(1);}

@media screen and (min-width: 699px) {
.quick-buy-drawer {--drawer-content-max-height: 55vh;}
}
.block-swatch.is-disabled {background:none !important;text-decoration: line-through;}
/* .product-info__variant-picker {max-height: 500px;border-radius: 8px;position: relative;box-shadow: inset 0 0 18px #c9c9c9;clip-path: inset(0px round 8px);padding: 1.5rem;overscroll-behavior-y: contain;overflow-y: auto;} */

.variant-picker__option .select span {display:flex;justify-content: flex-start;position: relative;gap: var(--spacing-2);    width: 100%;align-items: center;}
/* .variant-picker__option .select .varimg, .variant-picker__option .select div {display:none}  */
.variant-picker__option .select .varimg {    background: rgb(var(--text-color) / .12);border-radius: 100%;padding: 3px;    width: 36px;height: 36px;min-width: 36px;min-height: 36px;}
.variant-picker__option .select .varimg img {border-radius: 100%;object-fit: cover;}

.variant-picker__option .select div {display:flex;position: absolute;right: 1.5rem;font-size: 10px;font-weight: 700;}
.variant-picker__option .select div span {color: #dd1d1d;width: auto;display: inline-block;}
.variant-picker__option .select div.badge {right:7rem;background:transparent}
.variant-picker__option .select div.badge on-sale-badge {font-weight: 100;font-size: 9px;border-radius:2px;}
.popover-listbox__option.is-disabled {text-decoration:none;}
.SoldVar {text-decoration:line-through !important}
.shopify-policy__body .rte.prose a{word-break: break-word;}

@media screen and (max-width: 699px) {
.variant-picker__option .select div.badge, .popover-listbox__option div.badge, .block-swatch div.badge {display:none;}  
}

@media only screen and (min-width:200px) and (max-width:767px){
.product .variant-picker__option .select {padding-left: 8px;}
.variant-picker__option .select .selected-option-bold .varimg {width: 26px;height: 26px;min-width: 26px;min-height: 26px;margin-right:3px;}
.variant-picker__option .select span {gap:2px;font-size:12px;}
}

/* Pdp gallery Video gif  css*/
.product-gallery__ar-wrapper {  position: relative;}
.pdp_video_gallery{opacity: .7;position: absolute;top:10px; right:5px; border-radius: 100%;box-shadow:0px 2px 8px #000;border:2px solid #F5F5F5;width:75px; height:75px; background-size: contain!important;z-index:9; display: inline-flex;justify-content: center;align-items: center;cursor: pointer;}
.pdp_video_gallery img{width: 11px;height: auto;}

/* Pdp Galler Images Css */
.product-gallery-mob {overflow:hidden}
.product_gallery_variant{overflow:hidden;position: relative;margin-top:30px;}
/* .product_gallery_variant_max { display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap:10px;} */
.product_gallery_variant_max { display: flex;overflow-x: auto;gap:8px;}

@media(min-width:1000px) {
.product_gallery_variant_max::-webkit-scrollbar {}
.product_gallery_variant_max::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius:5px;}
.product_gallery_variant_max::-webkit-scrollbar{width: 100%;height:6px;background-color: #F5F5F5;border-radius:5px;}
.product_gallery_variant_max::-webkit-scrollbar-thumb{background-color: #AAA;border-radius:5px;}
}

.product_gallery_variant_slide{ opacity: 0; visibility: hidden;transition: opacity 1s ease;-webkit-transition: opacity 1s ease;}
.product_gallery_variant_slide.slick-initialized{ visibility: visible; opacity: 1;} 
.gallery_image_div {position: relative;cursor: pointer;width: 100px;min-width: 100px;}
.gallery_image_div img{border-radius:10px;}
.gallery_image_div img{border:1px solid #FFF;}
.gallery_image_div.active_gallery img{border:1px solid #DF0029;}
/* .gallery_image_div:after {content: "";opacity: 0;background: #000;width: 100%;height: 2px;margin-block-start: 4px;transition: opacity .15s;display: block;} */
/* .gallery_image_div.active_gallery:after{opacity:1}  */
.slick_arrows_div{margin:0 auto;width: 100%;display: flex;justify-content: space-between;z-index: 2;}
.slick_arrows_div .arrow_ss {position:absolute;top:50%;transform:translateY(-50%);}
.slick_arrows_div .arrow_ss#prev_slick {left:70px;}
.slick_arrows_div .arrow_ss#next_slick {right:70px;}
.slick_arrows_div .arrow_ss svg{cursor:pointer;}
.slick_arrows_div .arrow_ss svg:hover .circle_path {fill:#DF0029;}
/* .product_gallery_variant_slide.slick-initialized .slick-list.draggable {padding: 0 80px;} */
.product_gallery_variant_slide.slick-initialized .slick-slide {/*padding: 0 30px;opacity:0;*/}
.product_gallery_variant_slide.slick-initialized .slick-slide.slick-current {opacity:1;}
.slick_arrows_div .arrow_ss.slick-disabled{opacity:0;}

.moodimagemain img {width:100%;}

.product_gallery_variant_slide .slick-prev {left: 15px;}
.product_gallery_variant_slide .slick-next {right: 15px;}
.slick-prev:before, .slick-next:before {color: #222 !important;font-size: 24px !important;}

.product_gallery_single_image{position:relative;overflow: hidden;}
.product_gallery_single_image img {border-radius:0.75rem}
.view_info{cursor:pointer;position:absolute;z-index:1;bottom:132px;left:10px;background:#F5F4F4;border-radius:50px;box-shadow: 0px 2px 10px 6px #00000017;padding:3px 15px; display: inline-block;}
.view_info_flex{display:flex;align-items:center;gap:10px;font-size:10px;}
@keyframes left_right {
0% {transform: translateX(-3px);}
25% {transform: translateX(3px);}
50% {transform: translateX(-3px);}
75% {transform: translateX(3px);}
100% {transform: translateX(-3px);}
}
.boost_tag{cursor:pointer;animation: left_right linear 4s;animation-iteration-count: infinite;transform-origin: 50% 50%;transition:0.3s ease-in-out;position: absolute;right:-95px;bottom:124px;background-color:#DF0029;border-radius:10px 0px 0px 10px;padding:10px 15px;z-index: 2;}
.boost_tag.boost_tag_active{right:0px;transition:0.3s ease-in-out;}
.boost_tag_flex{display:flex;align-items:center;color:#fff;gap:12px;}
.boost_tag_flex p{line-height:normal;letter-spacing:0;font-size:10px;margin:0;}
.bcaa_boost_popup { z-index: 999;}
.bcaa_text_popover_media{text-align:center;margin:0 0 30px;}
.bcaa_text_popover_media img{margin:0 auto;}
.bcaa_popover_max{width:360px;}
.bcaa_popover_overflow_hidden { overflow: hidden;}
.bcaa_popover_overflow_hidden:before {content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #00000080;z-index: 99;}

/* Product Card Css */
.product-card .product-card__info { padding-block-start: 10px;}
.product-card__figure {/* background: #E9E6E6;*/border-radius:5px 5px 0px 0px;overflow: hidden;}
.product-card__figure img{/*width:100%;*/margin:0 auto;}
.product-card__badge-list { top: 8px; left: 8px !important;border-radius:5px 0 0 0;overflow: hidden;}
.product .product-card__badge-list { top: 0px; left: 0px !important;border-radius:5px 0 0 0;overflow: hidden;}
.product-card__badge-list .badge {border-radius: 8px;}
.product .product-card__badge-list .badge { border-radius: 10px 40px 40px 0px;}
/* .product-card__badge-list.badge_top_move + .product-card__badge-list { top: 35px;} */
.product-card__quick-buy {box-shadow: 0px 0px 5px #ccc;background: #ffff;border-radius: 10px 0 0px 0;opacity: 1;visibility: visible;position: absolute;bottom: 0;right: 0 !important;transform: translateY(0px);display: flex;align-items: center;justify-content: center;line-height: normal;}
.product-card__quick-buy .button{background:#fff;border-radius:5px 0px 0px 0px;padding:10px 5px;height: 48px;width: 48px;}
.product-card__quick-buy .button>div{display:flex;align-items:center;justify-content:center;}

.scoops_quik{position: absolute;bottom: 0;left: 0 ;background:#fff;border-radius:0px 10px 0px 10px;padding: 10px 14px;width:48px;height:48px;}
.scoops_quik svg {margin: auto; position: absolute;bottom: 10px;left: 0; right: 0;}
.scoops_quik span{position:absolute;top: 5px;right: 11px;display:block;width:15px;height:15px;border-radius:50%;background-color:#E20613;color:#fff;display: flex;align-items: center;justify-content: center;font-size: 10px;}

.product-card__info .rating-with-text{width: 100%; text-align: left;font-size:18px;}
.product-card__info .price-list{width:100%;display:flex;align-items:center;gap: 4px;justify-content:space-between;}
.product-card__info .price-list sale-price{font-size:18px;color:red;font-weight: 600;}
.product-card__info .price-list compare-at-price{ color: #1a1a1a;opacity: 0.7;}
.product-card__info .price-list unit-price{font-size:12px;font-weight: normal;position:relative;}
.product-card__info .price-list unit-price:hover .tooltip_span{opacity:1;visibility:visible;}
.farbe_variant_card{display:flex;align-items:center;gap:4px;margin-top: 5px;}
.farbe_variant_card ul {display:flex;list-style:none;margin:0;padding:0;}
.farbe_variant_card ul li{width:21px;height:21px;background-color:#18181B;display:block;/*border:0.2px solid #FFF;border-radius:50%;*/}
.farbe_variant_card ul li:nth-child(2){margin-left:-10px;}
.farbe_variant_card ul li:nth-child(3){margin-left:-10px;}
.farbe_variant_card ul li:nth-child(4){margin-left:-10px;}
.farbe_variant_card ul li:nth-child(5){margin-left:-10px;}
.farbe_variant_card span {letter-spacing: 0; font-size: 13px; line-height: normal;}

.tooltip_span{padding:1px 0 0 0;background-size:contain;text-align: center;opacity:0;visibility:hidden;width:115px;height:25px;position:absolute;top:-25px;right:2px;color:#fff;font-size:10px;letter-spacing:0;background-repeat:no-repeat;}

.product-card__info .jdgm-prev-badge {font-size: 14px;}
.product-card__info .jdgm-prev-badge__text {font-size: 80%;color: #1a1a1ab3;}

/* Analysen Banner Css */
.desktop_view{display:block;}
.mobile_view{display:none;}
.analyen_banner_section{padding-top:0px;padding-bottom:0;}
.analyen_banner_media{position:relative;}
.analyen_banner_media_img img{border-radius:12px;}
.analyen_banner_content{position:absolute;top:0;left:0;width:100%;height:100%;padding:32px 32px 50px;}
.analyen_banner_text{max-width:800px;}
.analyen_banner_text h3{font-family: var(--heading-font-family);font-size:78px;margin: 0 0 10px;line-height:normal;font-weight:bold;}
.analyen_banner_content_flex {display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.analyen_banner_top{display:flex;justify-content:space-between;}
.analyen_banner_top_bg{display: flex;align-items:center;gap: 20px;background: linear-gradient(93.24deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.16) 100%);border: 1px solid rgba(255, 255, 255, 0.1);backdrop-filter: blur(18.5px);border-radius: 12px;padding:10px;}
.analyen_banner_top_content h4{font-size:16px;color:#fff;font-weight:bold;margin:0 0 10px;line-height: normal;}
.analyen_banner_top_content p{font-size:14px;color:#fff;font-weight:normal;line-height: normal;}
.analyen_banner_video{background-size: contain;width: 75px;height: 75px;border-radius: 50%;border: 1px solid #fff;display: flex; align-items: center;justify-content: center;cursor: pointer;}

/* Analysen How it works */
.analysen_how_it_works_section{padding-top:50px;padding-bottom:0;}
.analysen_how_it_works_flex{display:flex;flex-wrap:wrap;}
.analysen_how_it_works_left_main{width:calc(100% - 485px);padding-right:50px;}
.analysen_how_it_works_right{width:100%;max-width:485px;}
.analysen_how_it_works_right_side{background:#F5F5F5;border-radius:12px;padding:20px 30px 30px;}
.analysen_how_it_works_left_main h4 {font-family: var(--heading-font-family);font-size:30px;color:#F83A3A;font-weight:bold;line-height:normal;}
.how_it_works_main{display:flex;align-items:center;justify-content:space-between;position:relative;}
.how_it_works_content h4{font-family: var(--heading-font-family);font-size:30px;color:#F83A3A;font-weight:bold;line-height:normal;}
.how_it_works_list {display: flex; flex-direction: column;row-gap: 40px;margin-top:20px;}
.how_it_works_list_flex{display:flex;align-items:center;flex-wrap: wrap;}
.how_it_works_list_left{width:60px;}
.how_it_works_list_right{padding-left:32px;width:calc(100% - 60px);}
.how_it_works_list_right h4{font-size:16px;font-weight:normal;color:#747474;}
.how_it_works_list_right h3{font-size:16px;font-weight:bold;color:#000;line-height:normal;margin:8px 0 0;}

/* Analysen Content Section  Css */
.analysen_content_section{padding-top:50px;padding-bottom:0;}
.analysen_content_section_main{padding:32px;background:#F5F5F5;border-radius:12px;}
.analysen_content_section_flex{display:flex;justify-content:space-between;flex-direction:column;gap:32px;}
.analysen_content_section_space{display:flex;justify-content:space-between;align-items:center;}
.analysen_content_section_heading h3{font-family: var(--heading-font-family);font-size:32px;color:#F83A3A;font-weight:bold;line-height:normal;}
.analysen_content_section_logos{display:flex;gap:48px;align-items:center;}

/* Analysen Recent Upload Css */
.analysen_recent_upload_section{padding-top:50px;padding-bottom:0;}
.analysen_recent_upload_heading h3{font-family: var(--heading-font-family);font-size:44px;color:#333333;line-height:normal;margin:0;font-weight:bold;}
.analysen_recent_upload_heading p{font-size:18px;color:#333333;margin:0;margin:16px 0 0; }
.analysen_recent_upload_repeat{margin-top:48px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;}
.analysen_recent_upload_box{background:#F5F5F5;border-radius:8px;padding:32px;}
.analysen_recent_upload_inner{display:flex;justify-content:space-between;flex-wrap:wrap;}
.analysen_recent_upload_info{width: 55%;padding-right:10px;display:flex;flex-direction:column;justify-content:space-between;}
.analysen_recent_upload_media{width:45%;text-align:right;}
.analysen_recent_upload_media img{filter: drop-shadow(0px 4px 20.1px rgba(0, 0, 0, 0.05));display:inline-block;}
.analysen_recent_upload_text h3{font-size:18px;color:#333;font-weight:bold;}
.analysen_recent_upload_text h5{margin-top:16px;font-size:16px;color:#747474;font-weight:normal;}
.analysen_recent_upload_pdf a{font-size:14px;color:#F83A3A;text-decoration:underline;font-weight:bold;text-underline-offset: 3px;}
.more_button{margin-top:48px;text-align:center;}
.more_button .button{font-size:18px;padding: 17px 24px;border:2px solid #DDDDDD;border-radius:50px;color:#333;line-height:normal;background:#fff;}
.analysen_recent_upload_box:nth-child(4){display:none;}

/* Discount Page Css */
.discount_newsletter{padding:50px 0;}
.discount_newsletter_max{max-width:886px;margin:0 auto;}
.discount_newsletter_content{text-align:center;}
.discount_newsletter_content p.h4{font-size:16px;padding:0 0 5px;letter-spacing:0;text-transform:uppercase;color:#333333;font-weight: 700;    font-family: inherit;}
.discount_newsletter_content .h2{font-size:32px;letter-spacing:0;color:#333333;font-weight: 700;    font-family: inherit;}
.discount_newsletter_content .h2 span{color:#DD1D1D;}
.discount_newsletter_content p{font-size:18px;padding:10px 0 0;letter-spacing:0;color:#333333;font-weight:normal;}
.discount_newsletter_form{max-width:595px;margin:40px auto 0;}
.discount_newsletter_form_control{display:flex;flex-direction:column;gap:10px;} 
.discount_newsletter_form_control .field {width:100%} 
.discount_newsletter_form_control input{font-size:16px;padding: 10px 20px;border-radius:4px;border:1px solid #E3E3E3;color:#AFAEAE;width:100%;height:53px;font-weight:normal;}
.discount_newsletter_form_control input::placeholder{font-size:16px;color:#C3C2C2;font-weight:normal;}
.discount_newsletter_form_control .button{ margin-top: 15px;border-radius:50px;background:#DD1D1D;color:#fff;font-size:18px;height: 53px;width:100%;}
.discount_howworks{padding:20px; border-radius: 12px;}
.discount_howworks_header{text-align:center;}
.discount_howworks_header .h3{font-size:30px;text-align:center;color:#F83A3A;font-weight:700;    font-family: inherit;}
.discount_howworks_flex{display:flex;justify-content:center;gap: 150px;padding:50px 0;}
.discount_howworks_inner_box{text-align:center;}
.discount_howworks_media{min-height:85px;}
.discount_howworks_media img{margin:0 auto;}
.discount_howworks_info h3{font-size:18px;margin-top:15px;color:#333333;font-weight:700;}
.discount_howworks_footer p{margin: 10px 0 0;text-align:center;font-size:14px;color: #00000099;}
.discount_info_content{padding:60px 0;}
.discount_info_max{max-width:1255px;margin:0 auto;}

.discount_info_text_header{text-align:center;margin-bottom:50px;}
.discount_info_text_header .h3{font-size:34px;color:#333333;font-weight:700;    font-family: inherit;}
.discount_info_text_header p{font-size:18px;color:#333333;font-weight:normal;}
.discount_info_text_header p span{color:#DD1D1D;}
.discount_info_text_repeater_flex{display:flex;flex-direction:column;gap:50px;}
.discount_info_text_repeater_box .h3{font-size:24px;font-weight:700;color:#333333;font-family: inherit;}
.discount_info_text_repeater_box .h3 span{color:#DD1D1D;}
.discount_info_text_repeater_box .h3 span svg{cursor:pointer;}
.discount_info_text_repeater_box p{font-size:16px;margin:10px 0 0;font-weight:400;color:#333333;}
.discount_info_text_repeater_box .button{font-size:15px;padding: 8px 15px;margin: 20px 0 0;min-height:44px;min-width:193px;border:2px solid #333333;background:#333333;border-radius:50px;color:#fff;}

.product-card__info .jdgm-qa-badge {display:none}

.visible-xs{display:none;}
.hidden-xs{display:block;}

.product-gallery {position:relative;overflow:hidden}

@media(max-width:1000px) {
.product-gallery {overflow:visible}
}

.cart_discount_text {text-align:center;padding:0 15px;}

/* PDP Portions */
.pdp_portions{margin:10px 0 !important;}
/* .pdp_portions_max{padding:0 10px;} */
.pdp_portions_main{border: 1px solid #3333331F;border-radius:8px;padding:5px 0;}
.pdp_portions_flex { display: flex; flex-wrap: wrap;position:relative;}
.pdp_portions_flex:before{content:'';position:absolute;left:50%;top:0;height:100%;background:#3333331F;width:1px;}
.pdp_portions_inner{width:50%;padding:5px;display: flex;align-items: center; justify-content: center;line-height: 1;text-align: center; gap: 10px;}
.pdp_portions_inner span{font-size:12px;color:#000;}
.pdp_portions_inner span small{font-size:10px;color: #333333B2;display: block;margin: 5px 0 0;}

.get_discount .pdp_portions {margin-bottom:0px !important;}
.get_discount .pdp_portions_inner span {color:#EB001B;}
.get_discount .pdp_portions_inner span small {color:#333333B2;}

/* Pdp Changes 17-9-2024 */
.variant_count_div {font-size:14px;color:#777777;margin: 0px 0 5px !important;}
.influencer_div{margin: 0px -15px !important;padding: 10px 15px;border-radius: 8px 8px 0 0;}
.influencer_flex {font-size: 14px;color: #333;display: flex;align-items:center;gap: 10px;}
.influencer_flex_span img {width: 28px;height:28px;border-radius: 50%;vertical-align: middle;border: 2px solid #000000B0;box-shadow: 0px 8px 8px 0px #00000014;}
.influencer_flex_span{display:flex;}
.influencer_img2{margin-left:-18px;}
.influencer_img3{margin-left:-18px;}
.influencer_img4{margin-left:-18px;}
.social_proof_count{position:relative;margin-left:-18px;width: 28px;height:28px;background: #000000B0;border: 2px solid #000000B0;box-shadow: 0px 8px 8px 0px #00000014;border-radius: 50%;}
.social_proof_count_span {position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;margin: 0 auto;padding: 5px;color: #fff;font-size: 8px;text-align: center;font-weight:600;}
.social_proof_count img {border:0}

.pdp_different_main {margin-top:0px;}
.pdp_different_main_max { max-width: 800px;  margin: 0 auto;}
.pdp_different_header h2{font-size:28px;color: #333333;font-weight:700;line-height: 1;margin: 0 0 50px;}
.pdp_different_body{text-align:center;}
.pdp_different_body h3{text-align:center;font-size:28px;color: #333333;font-weight:700;line-height: 1;}
.pdp_different_body h4{text-align:center;font-size:28px;color: #333333;font-weight:400;line-height: 1;margin: 3px 0 20px;}
.pdp_different_body img{display:inline-block;margin-top:0px;}

.pdp_rich_text .description_richtext{position:relative;-webkit-transition: max-height 0.5s;-moz-transition: max-height 0.5s;-ms-transition: max-height 0.5s;-o-transition: max-height 0.5s;transition: max-height 0.5s;}
.pdp_rich_text .description_richtext.less_content{max-height: 350px;overflow: hidden;background: linear-gradient(180deg, #333 75.28%, #fff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;}
.span_more{font-size:14px;color:#D11D23;text-decoration:underline;text-underline-offset:2px;cursor:pointer;margin-top:10px;display: inline-block;}
.pdp_rich_text .description_richtext.read_more{max-height: 100%;}
.product .product-info__buy-buttons .buy-buttons { padding: 0; grid-template-columns:auto 1fr;display: flex;flex-wrap:nowrap;}
.product .product-info__buy-buttons .buy-buttons .quantity-selector {height: 60px;}

.product .product-info__buy-buttons .buy-buttons .button{width: calc(100% - 150px);width:100%}
.product .product-info__buy-buttons .buy-buttons .button:disabled{width: 100%;display:none !important;} 
.product .product-info__buy-buttons .buy-buttons .button ~ .klaviyo-bis-trigger {display:none !important}
.product .product-info__buy-buttons .buy-buttons .button:disabled ~ .klaviyo-bis-trigger {display:block !important}
.product .product-info__buy-buttons .buy-buttons .button:disabled ~ .klaviyo-bis-trigger.exthide {display:none !important}
.product .product-info__buy-buttons .buy-buttons .btn.klaviyo-bis-trigger{width:100% !important;margin:0 !important; background: #000 !important;}

/* Varinat Picker Surpise Css */
.surprise_div_grid{ display: grid;grid-template-columns: auto 1fr;gap: 7px;align-items: center;margin: 0.5rem 0 0.5rem;text-align: left;padding:6px 8px;border-bottom: 1px solid #e6e6e6;}
.surprise_div_grid_svg{width:36px;height:36px;border-radius:100%;background: #F6F6F6;text-align:center;display:flex;align-items:center;justify-content:center;}
.surprise_div_grid_text span{font-size:14px;letter-spacing:0;color:#F83A3A;font-weight:700;}
.surprise_div {cursor:pointer;}
x-popover .surprise_div_grid{margin: 15px 0 0;padding:0;border:none;}
.quick-buy-drawer__info .surprise_div {display:none}

/* Custom Banner Section css */
.custom_banner_section{position:relative;overflow: hidden;max-height: 70vh;}
.custom_banner_section_absolute{position:absolute;padding:20px 100px;width:100%;top:50%;transform:translateY(-50%);text-align:center;z-index: 1;}
.custom_banner_content_left_top .custom_banner_section_content { max-width: fit-content; margin: 0;}
.custom_banner_content_left_top .custom_banner_section_absolute {  top: 2%; transform: translateY(0%);}
.custom_banner_content_right_top .custom_banner_section_content { max-width: fit-content; margin: 0 0 0 auto;}
.custom_banner_content_right_top .custom_banner_section_absolute {  top: 8%; transform: translateY(0%);}
.custom_banner_content_left_bottom .custom_banner_section_content { max-width: fit-content; margin: 0;}
.custom_banner_content_left_bottom .custom_banner_section_absolute { top: unset; transform: translateY(0%);bottom:8%;}
.custom_banner_content_right_bottom .custom_banner_section_content { max-width: fit-content; margin: 0 0 0 auto;}
.custom_banner_content_right_bottom .custom_banner_section_absolute {  top: unset; transform: translateY(0%);bottom:8%;}
.custom_banner_content_center .custom_banner_section_absolute { width: fit-content; left: 0;right:0;margin:0 auto;}
.custom_banner_content_left .custom_banner_section_absolute { width: fit-content; left: 0;}
.custom_banner_content_right .custom_banner_section_absolute { width: fit-content; right: 0;}
.prdouct_page_bar{background:#000;padding:10px 10px;display:flex;gap:10px;justify-content:center;align-items:center;}
.prdouct_page_bar p{font-size:14px;letter-spacing:0;color:#fff;text-align:center;line-height:1.3;margin:0;}
.prdouct_page_bar .button{font-size:12px;letter-spacing:0;padding:5px 15px;border-radius:5px;font-weight:600;}
.content_alignment_center{text-align:center;}
.content_alignment_right{text-align:right;}
.content_alignment_left{text-align:left;}
.custom_banner_section_content h4{font-size:20px;font-weight:400;letter-spacing:0;margin:0;line-height: 1.3;}
.custom_banner_section_content h3{font-size:51px;font-weight:700;letter-spacing:0;margin:0 0 10px;line-height: 1.3;}
.custom_banner_section_content p{font-size:14px;font-weight:400;letter-spacing:0;margin:0;}
.custom_banner_section_content .button{font-weight:700;letter-spacing:0;border-radius:8px;padding: 10px 20px;line-height: normal;margin-top:20px;}
.custom_banner_section_content .button svg {vertical-align: middle;display: inline-block;width: 20px;height: auto;}
.subimage_div{position:absolute;bottom:0;}
.image_position_left {left:0;}
.image_position_right {right:0;}
.image_position_center {right:0;left:0;margin:0 auto;}
.image_position_center img{margin:0 auto;}
.custom_banner_timer{display:flex;gap:20px;justify-content:center;margin-bottom:40px;}
.custom_banner_timer span{font-size:24px;font-weight:400;color:#fff;}
.custom_banner_timer_div{display:flex;gap:3px;align-items:center;}
.banner_timer_div{background:#ffff;border-radius:5px;display:flex;justify-content:center;align-items:center;font-size:18px;color:#333;letter-spacing:0;min-height:25px;min-width:27px;text-align:center;line-height: normal;}
.custom_banner_timer_div .new_colun{color:#fff;}
.custom_banner_ul ul {display:grid;gap:8px;max-width: fit-content;margin: 0 auto 15px;}
.custom_banner_ul ul li{background: #FFFFFF40;min-width:150px;border-radius:10px;padding:7px 15px;font-weight:600;}
.custom_banner_ul ul li span{font-size:17px;color:#fff;}
.banner_copy_code{margin-top:50px;}
.banner_copy_code span{background: #E20613;color:#fff;font-size:14px;min-width:1150px;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;}
.banner_copy_code span svg{vertical-align: middle;}
.prodbanner_copy_code{margin-top:30px;}
.prodbanner_copy_code span{padding:10px 15px;}
.prodcustom_banner_section .custom_banner_section_content h4{font-size:12px;}

@media only screen and (min-width: 200px) and (max-width: 699px){
.custom_banner_section_content .button {margin-top:0px;}
}

/* Pdp Complete Fit Css */
.compelet_the_fit{border: 1px solid #E7E7E7;border-radius:10px;overflow: hidden;}
.compelet_the_fit_box{padding: 10px 0 10px 10px;border-top: 1px solid #E7E7E7;}
.compelet_the_fit_flex{display:grid;grid-template-columns:auto 1fr auto;gap:10px;cursor:pointer;}
.compelet_the_fit_box:first-child{border-top: none;}
.compelet_the_fit_info .h3{font-size: 16px;margin: 0 0 5px;line-height: 1;font-weight: 600;color: #5E5E5E;letter-spacing: 0;font-family: inherit;  }
.compelet_the_fit_info p{font-size:14px;color:#707070;letter-spacing:0;margin:0;}
.compelet_the_fit_discount span{font-size:12px;font-weight:600;background: #E7E7E7;border-radius:10px 0px 0px 10px;color:#2E2E2E;display:block;padding:8px 10px;min-width:47px;}
.compelet_the_fit_radio span{display:block;width:15px;height:15px;border:2px solid #EB001B;border-radius:100%;position:relative;}
.compelet_the_fit_flex.fit_active .compelet_the_fit_radio span:before{content:'';position:absolute;width:7px;height:7px;border-radius:100%;background:#EB001B;top:2px;left:2px;}
.compelet_the_fit_product {padding-top:10px;padding-right:10px;}
.compelet_the_fit_product_grid_grid{ display: grid; gap: 10px;}
.compelet_the_fit_product_gird{display:flex;flex-wrap:wrap;}
.compelet_the_fit_product_media{width:35px;height:35px;border: 1px solid #E7E7E7;border-radius:6px;padding:4px;overflow:hidden;}
.compelet_the_fit_product_media img{width:100%;object-fit:cover;border-radius:6px;}
.compelet_the_fit_product_info{width:calc(100% - 35px);padding-left:15px;}
.compelet_the_fit_product_info label{font-size:14px;border: 0.5px solid #6A6A6A;color: #333333B2;border-radius:5px;width: 100%;display: block;padding: 5px 20px 5px 10px;height:35px;position:relative;}  
.compelet_the_fit_product_info label:before{content:'';position:absolute;top:50%;transform:translateY(-50%);right:10px;background-image:url('/cdn/shop/files/Frame.png?v=1731907316');width:10px;height:7px;background-size:contain; }
.compelet_the_fit_product_info label span {font-weight:bold;    display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;}
.compelet_the_fit_flex.fit_active .compelet_the_fit_discount span{background: #F83A3A;color:#fff;}
.compelet_the_fit_flex.no_fit_active .compelet_the_fit_discount span{opacity:0;visibility:hidden;}
.svg_icon_hide svg{display:none;}

@media only screen and (min-width: 200px) and (max-width: 767px){
.compelet_the_fit_info .h3{font-size:14px;}
.compelet_the_fit_info p{font-size:12px;}  
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
.compelet_the_fit_info .h3 {font-size: 14px;}  
}
@media only screen and (min-width: 999px) and (max-width: 1199px){
.product .variant-picker__option .select {padding: 0 10px;font-size: 14px;}
}

/* Product info part Css */
.shopify-section--main-product .product-info .product-info_inner>*+* {margin: 10px 0;margin-block-end: 0;}
.product-info .product-info_inner{border: 1px solid #F1F1F1;box-shadow: 0px 1px 4px 0px #00000033;padding: 12px 15px 25px;border-radius:10px;display: flex;flex-direction: column;position: relative;}
.product-info .product-info_inner .product-info__title {max-width: calc(100% - 95px);}
.social_proof{background: #ECECEC;border-radius:10px 10px 0px 0px;}

/* Product Info part Get Discount  */
.get_discount_popup_main{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.5);z-index: 99;display: none;}
.icon_text_popover.get_discount_popup {position: absolute;display:block;}
.get_discount{border-radius:8px;border: 1px solid #3333331F;background: #F9F9F9;padding:18px 12px;overflow:hidden;}
.get_discount h3{font-size:16px;letter-spacing:0;color:#000;font-weight:400;position:relative;padding-right:105px;}
.get_discount h3 span{font-size:14px;background: #F83A3A;border: 1px solid #F83A3A;color:#fff;letter-spacing:0;position: absolute;right: 0;font-weight:600;min-width: 87px;text-align: center;padding:5px 5px;border-radius: 5px;cursor:pointer;display: flex;align-items: center;gap: 5px;top: 0;line-height:1;}
.get_discount h3 span svg {vertical-align: middle;}
.get_discount p{font-size:12px;color:#707070;letter-spacing:0;margin:3px 0 0;}
.get_discount_grid{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top: 10px;}
.get_discount price{font-size:18px;font-weight:700;color: #F83A3A;line-height:1;}
.get_discount price del{font-size:11px;color:#A7A7A7;margin-left:5px;}
.get_discount .learn_more{font-size:12px;letter-spacing:0;text-decoration:underline;color:#797878;}
.get_discount_popup .icon_text_popover_info p {font-size:14px;color:#666666;margin:0 0 12px;}
.get_discount_popup .icon_text_popover_info p b{font-weight:700;}
.get_discount_popup .icon_text_popover_info p:last-child{margin:0;} 
.get_discount_popup .icon_text_popover_max {width: 100%;background-color: #fff;border-radius: 12px;padding: 25px;max-width: 350px; box-shadow: 0px 0px 10px #ccc;position: relative;}
.get_discount_popup .icon_text_popover_max .icon_text_popover_close {right: 10px; top: 10px;}
.get_discount_popup_code{text-align:center;margin-top:20px;}
.get_discount_popup_code span{font-size: 14px;background: #f83a3a;border: 1px solid #F83A3A;color: #fff;letter-spacing: 0;font-weight: 600;min-width: 87px;text-align: center;padding: 5px 5px;border-radius: 5px;cursor: pointer;display: flex;align-items: center;justify-content: center;gap: 5px;max-width: fit-content;margin: 0 auto;line-height: 1;}
.get_discount_popup_code span svg {vertical-align: middle;}

/* fortify Banner css */
.fortify_sticky_button{position:fixed;bottom:40px;right:15px;z-index:2;}
.fortify_sticky_button .button{font-size: 14px;letter-spacing: 0;background:#8644C1;color: #fff;text-align: center;border-radius: 15px !important;padding:7px 15px;min-width: 133px;font-weight: 600;}
.fortify_banner{position:relative;}
.fortify_banner_absolute{position:absolute;padding:20px 40px;width:100%;top:50%;transform:translateY(-50%);text-align:center;z-index: 1;}
.fortify_banner_content_left_top .fortify_banner_content { max-width: fit-content; margin: 0;}
.fortify_banner_content_left_top .fortify_banner_absolute {  top: 8%; transform: translateY(0%);}
.fortify_banner_content_right_top .fortify_banner_content { max-width: fit-content; margin: 0 0 0 auto;}
.fortify_banner_content_right_top .fortify_banner_absolute {  top: 8%; transform: translateY(0%);}
.fortify_banner_content_left_bottom .fortify_banner_content { max-width: fit-content; margin: 0;}
.fortify_banner_content_left_bottom .fortify_banner_absolute { top: unset; transform: translateY(0%);bottom:8%;}
.fortify_banner_content_right_bottom .fortify_banner_content { max-width: fit-content; margin: 0 0 0 auto;}
.fortify_banner_content_right_bottom .fortify_banner_absolute {  top: unset; transform: translateY(0%);bottom:8%;}
.fortify_banner_content h3{font-size:48px;line-height: 1.2;font-weight:700;letter-spacing:0;margin:0 0 15px;}
.fortify_banner_content p{font-size:16px;line-height: 1.3;font-weight:400;letter-spacing:0;margin:0;}
.fortify_banner_content .button{font-weight:700;letter-spacing:0;border-radius:8px;padding: 14px 20px;line-height: normal;margin-top:25px;}
.fortify_banner_content .button svg {vertical-align: middle;display: inline-block;width: 20px;height: auto;}

/* Fortify section 02 */
.fortify_section_02_header h3{font-size:28px;color:#000;font-weight:600;line-height:1.3;margin:0 0 15px;text-align:center;}
.fortify_section_02_header p{font-size:22px;color:#8644C1;font-weight:400;margin:0;text-align:center;line-height:1.3;}
.fortify_section_02_body{max-width:1300px;margin:40px auto 0;padding-bottom: 175px;}
.fortify_section_02_gird{display:flex;flex-wrap:wrap;justify-content: space-between;margin:0;}
.fortify_section_02_item{width:11.11%;padding:0 10px;text-align:center;cursor:pointer;position: relative;}
.fortify_section_02_content h3{font-size:16px;color:#000;letter-spacing:0;font-weight:500;margin:25px 0 0;line-height:1;}
.fortify_section_02_media img{margin:0 auto;}
.fortify_section_02_line {width: 100%;height: 15px;border-radius: 20px;background: #EFE3FF;display:flex;flex-wrap:wrap;justify-content: space-between;margin-top: 50px;}
.fortify_section_02_line_dots{width:11.11%;padding:0;text-align:center;position: relative;}
.fortify_section_02_line_dots span{display:block;width:15px;height:15px;border-radius:100%;border:0.5px solid #902AF0;margin: 0 auto;cursor:pointer;}
.fortify_section_02_infomation{ position: absolute;max-width:361px;min-width:361px;display: none;bottom:-320px;text-align: left;left:-99px;}
.fortify_section_02_infomation_svg{position: absolute;left: 0;right: 0; margin: 0 auto; max-width: fit-content;}
.fortify_section_02_infomation_box{border:1px solid #8643C1;border-radius:5px;padding:20px;max-width:361px;position:relative;margin-top:35px;}
.fortify_section_02_infomation_box p{font-size:14px;letter-spacing:0;margin:0;color:#000;font-weight:400;-webkit-line-clamp:7;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;}
.fortify_section_02_infomation_box:before{display:none;content: '';position: absolute;top:-40px;border-bottom: 30px solid #fff;border-left: 15px solid transparent;border-right: 15px solid transparent;left: 0;right: 0;margin: 0 auto;width:fit-content;z-index: 1;}
.fortify_section_02_infomation_box:after{display:none;content: '';position: absolute;top:-41px;border-bottom: 32px solid #8643C1;border-left: 16px solid transparent;border-right: 16px solid transparent;left: 0;right: 0;margin: 0 auto;width:fit-content;}
.fortify_section_02_item.content_box_active .fortify_section_02_infomation {display:block;}
.fortify_section_02_item.content_box_active .fortify_section_02_content h3{color:#8643C1;font-weight:600;}
.fortify_section_02_item:first-child .fortify_section_02_infomation{left: 0;}
.fortify_section_02_item:last-child .fortify_section_02_infomation{left: unset;right: 0;}
.fortify_section_02_item:first-child .fortify_section_02_infomation_svg{left:18%;right:unset;}
.fortify_section_02_item:last-child .fortify_section_02_infomation_svg{left:unset;right:18%;}
/*.fortify_section_02_item:first-child .fortify_section_02_infomation_box:before {left: 61px;right: unset;margin: 0;} 
.fortify_section_02_item:first-child .fortify_section_02_infomation_box:after {left: 60px;right: unset;margin: 0;} 
.fortify_section_02_item:last-child .fortify_section_02_infomation_box:before {left: unset;right: 66px;}
.fortify_section_02_item:last-child .fortify_section_02_infomation_box:after {left: unset;right: 65px;} */
.fortify_section_02_line_dots.line_dots_active span{background:#902AF0;}

/* Fortify section 03 */
.fortify_section_03_grid{display:flex;flex-wrap:wrap;}
.fortify_section_03_inner{width:50%;}
.fortify_section_03_media{height:100%;}
.fortify_section_03_media img{height:100%;object-fit:cover;}
.fortify_section_03_info{height:100%;display: flex;align-items: center;padding: 50px;}
.fortify_section_03_content{max-width:600px;margin:0;}
.fortify_section_03_content h4{font-size:22px;line-height: 1.3;color:#8644C1;font-weight:600;margin:0 0 10px;}
.fortify_section_03_content h3{font-size:30px;color:#000;font-weight:600;margin:0 0 15px;text-transform: uppercase;line-height:1.3;}
.fortify_section_03_content price{font-size:22px;color:#000;font-weight:600;margin:0;line-height: 1;}
.fortify_section_03_content p{font-size:18px;color:#000;font-weight:400;margin:0;line-height: 1.4;padding: 15px 0;}
.fortify_section_03_price_info{display:flex;gap:10px;align-items:center;    border-bottom: 1px #902AF0 solid;padding-bottom: 10px;max-width: 300px;}
.fortify_section_03_price_info .text-sm.text-subdued{font-size:14px;font-weight:400;letter-spacing:0;color:#000;padding:0;}
.fortify_section_03_ingrdients{display:flex;justify-content:space-between;gap:20px;margin-top: 15px;}
.fortify_section_03_ingrdients li {max-width: 95px;text-align:center;}
.fortify_section_03_ingrdients li  img{margin:0 auto;}
.fortify_section_03_ingrdients_info h3{font-size:12px;margin:10px 0 0;letter-spacing:0;color:#000;text-align:center;text-transform: unset;}
.fortify_section_03_content .buy-buttons { padding: 0;margin-top:30px;}
.fortify_section_03_content .buy-buttons .button{font-size:22px;letter-spacing:0;background:#fff;color:#8644C1;text-align:center;border-radius:15px !important;padding: 10px 15px;font-weight: 600;}
.fortify_section_03_content .buy-buttons .button .icon.icon-lock{display:none !important;}

 /* Fortify section 04 */ 
.fortify_section_04_grid{display:flex;flex-wrap:wrap;max-width:1300px;margin:0 auto;align-items: center;}
.fortify_section_04_inner:first-child{width:45%;}
.fortify_section_04_inner{width:55%;}
.fortify_section_04_info{height:100%;display: flex;align-items: center;justify-content: center;padding: 50px;}
.fortify_section_04_content h4{font-size:24px;color:#8644C1;font-weight:600;margin:0;}
.fortify_section_04_content h3{font-size:36px;color:#000;font-weight:600;margin:0;}
.fortify_section_04_content ul{margin:80px 0 0;padding:0;display: grid;gap:25px;}
.fortify_section_04_content ul li{font-size:22px;letter-spacing:0;color:#000;position:relative;line-height: 1.5;}
.fortify_section_04_content ul li:before{content:'';position:absolute;top:10px;left:-217px;ackground-repeat: no-repeat;background-image:url('/cdn/shop/files/Line_160.png?v=1731935774');width:150px;height:14px;background-size:contain;}
.fortify_section_04_media img{position:relative;z-index: 1;}

 /* Fortify section 05 */ 
.fortify_section_05_header{padding:0 15px;}
.fortify_section_05_header h3{font-size:28px;color:#000;font-weight:600;margin:0;text-align:center;}
.fortify_section_05_header h4{font-size:22px;color:#8644C1;font-weight:400;margin:0;text-align:center;}
.fortify_section_05_slider{max-width:440px;margin:80px auto 0;}
.fortify_section_05_slide_box{border-radius:10px;overflow:hidden;padding:0 5px;}
.fortify_section_05_slide_info{background: #fff;padding: 25px 20px 30px;text-align: center;border-radius: 20px;margin-top: -50px;position: relative;}
.fortify_section_05_slide_info h3{font-size:24px;margin: 0 0 10px; line-height: 1.5;color:#000;font-weight:400;}
.fortify_section_05_slide_info p{font-size:14px;color:#000;font-weight:400;margin:0;}
.fortify_section_05_ingridents_inner{display:flex;align-items:center;gap:10px;}
.fortify_section_05_ingridents_content h3{font-size:18px;letter-spacing:0;color:#000;font-weight:500;}
.fortify_section_05_ingridents_flex{display:flex;justify-content:space-between;gap:10px;}
.fortify_section_05_ingridents{max-width: 1300px;margin: 80px auto 0;}
.fortify_section_05_slider .flickity-prev-next-button {width:25px;height:25px; background: transparent; color: #000;}
.fortify_section_05_slider .flickity-prev-next-button .flickity-button-icon{ width: 100%;height: 100%;top: 0;left: 0;}
.fortify_section_05_slider .flickity-prev-next-button.previous {left: -100%;}
.fortify_section_05_slider .flickity-prev-next-button.next {right: -100%;}
.fortify_section_05_slider .flickity-button:focus {box-shadow: unset;}
.fortify_section_05_slider .flickity-button:hover {background: transparent;}

 /* Fortify section 06 */ 
.fortify_section_06_grid{display:flex;flex-wrap:wrap;align-items:}
.fortify_section_06_inner{width:50%;}
.fortify_section_06_info {display: flex;align-items: center;justify-content: center;height: 100%;}
.fortify_section_06_content{max-width:700px;margin:0 0 0 auto;padding-top:30px;padding-bottom:30px;padding-right:40px;padding-left:15px;}
.fortify_section_06_content h4{font-size:24px;margin: 0 0 10px; line-height: 1.5;color:#8644C1;font-weight:600;}
.fortify_section_06_content h3{font-size:32px;margin: 0 0 10px; line-height: 1.5;color:#000;font-weight:600;}
.fortify_section_06_content p{font-size:18px;margin: 0 0 15px;color:#000;font-weight:400;}

 /* Fortify section 07 */ 
.fortify_section_07_header{padding:0 15px;}
.fortify_section_07_header h3{font-size:28px;color:#000;font-weight:600;margin:0;text-align:center;}
.fortify_section_07_header p{font-size:22px;color:#8644C1;font-weight:400;margin:0;text-align:center;}
.fortify_section_07_body{max-width:1300px;margin:0 auto;margin-top:40px;}
.fortify_section_07_box{padding:30px;border-radius:10px;overflow:hidden;background-color:#fff;height:100%;}
.fortify_section_07_media img{border-radius:10px;overflow:hidden;}
.fortify_section_07_content{padding:30px 0 0;}
.fortify_section_07_content img{margin:0 0 10px;}
.fortify_section_07_content p{font-size:16px;letter-spacing:0;margin:0;color:#000;}
.fortify_section_07_content h4{font-size:16px;font-weight:600;letter-spacing:0;color:#8644C1;margin:10px 0 0;}
.fortify_section_07_grid{display:grid;gap:30px;grid-template-columns:1fr 1fr 1fr;}

 /* Fortify section 08 */ 
.fortify_section_08_header{padding:0 15px;}
.fortify_section_08_header h3{font-size:28px;color:#000;font-weight:600;margin:0;text-align:center;}
.fortify_section_08_header p{font-size:22px;color:#8644C1;font-weight:400;margin:0;text-align:center;}
.fortify_section_08_inner{width:400px;padding:0 15px;}
.fortify_section_08_content{background:rgba(246,237,255, 082);padding:15px 15px 50px;}
.fortify_section_08_content p{font-size:12px;letter-spacing:0;font-style:italic;color:#000;margin:0 0 15px;}
.fortify_section_08_content h4{font-size:14px;letter-spacing:0;color:#000;margin:0;font-weight:500;line-height:1.1;}
.fortify_section_08_content h5{font-size:12px;letter-spacing:0;color:#000;margin:0;font-weight:500;line-height:1.1;}
.fortify_section_08_body{margin-top:40px;}
.fortify_section_08_box{border-radius:15px;overflow:hidden;}

/* Influence Page css */
.hidden_sm{display:block;}
.visible_sm{display:none;}
.custom_search_bar_hide{display:none !important;}
.page_influence{padding:0 15px;}
.page_influence_flex {display: flex;flex-wrap: wrap;align-items: center;row-gap:35px;}
.page_influence_media{width:25%;}
.page_influence_info{width: 75%;padding-left: 1.5rem;display: grid;gap: 40px;}
.page_influence_info .section_stack_media{gap: 20px;}
.page_influence_info .section_stack_media .section-header {grid-template-columns: 100%;}
.page_influence_info .scroll-area.bleed { margin-inline-start: 0; padding-inline-start: 0;}
.page_influence_media img{border-radius:10px;overflow:hidden;}
.page_influence_info_top h3{font-size: 28px;color: #333;letter-spacing: 0;font-weight: 700;line-height: 1.3;margin: 0;position: relative;padding-right: 130px;}
.page_influence_info_top h3 span{border: 1px solid #F83A3A;border-radius: 50px;padding: 4px 12px;font-size: 14px;letter-spacing: 0;font-weight: 400;margin: 0 0 0 auto;line-height: 1;position: absolute;right: 0;}
.page_influence_info_top h3 span small{margin-right: 10px;font-size: 20px;color: #F83A3A;font-weight: 700;vertical-align: middle;}
.page_influence_info_top p {line-height: 1.6;font-size: 16px;letter-spacing: 0;color: #333;margin: 10px 0 0;}
.page_influence_info_bottom h3 {font-size: 28px;color: #333;letter-spacing: 0;font-weight: 700;line-height: 1.3;margin: 0;}
.page_influence_info_bottom p {font-size: 16px;letter-spacing: 0;color: #333;margin: 5px 0 0;}
.page_influence_featured_coll{margin-top:10px;}
.page_influence_featured_coll_grid  .page_influence_featured_coll_griditem{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 10px;}

/* Influencer 2025 Page css */
.influencer_2025_banner{position:relative;}
.influencer_2025_banner_position{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;padding:0 15px;}
.influencer_2025_banner_content{max-width:1075px;margin:0 auto;}
.influencer_2025_banner_content_center{text-align:center;}
.influencer_2025_banner_content_left{text-align:left;}
.influencer_2025_banner_content_right{text-align:right;}
.influencer_2025_banner_content h3{font-size:48px;color:#fff;margin:0;letter-spacing: 0;font-weight: 700;line-height: 1.3;}
.influencer_2025_banner_content h3 span{color:#EB001B;}
.influencer_2025_banner_content p{font-size:20px;letter-spacing:0;color:#fff;font-weight: 400;margin: 20px 0 0;}

.influencer_2025_section2_tag{text-align:center;}
.influencer_2025_section2_tag span small {margin-right: 10px;font-size: 20px;color: #f83a3a;font-weight: 700;vertical-align: middle;}
.influencer_2025_section2_tag span {border: 1px solid #F83A3A;border-radius: 50px;padding: 4px 12px;font-size: 14px;letter-spacing: 0;font-weight: 400;margin: 0 0 0 auto;line-height: 1;}
.influencer_2025_section2_heading {text-align: center;padding: 20px 0 0px;}
.influencer_2025_section2_heading h3{display: inline-block;font-size: 78px;letter-spacing: 0;font-weight: 700;color: #333;line-height: 1;vertical-align: middle;}
.influencer_2025_section2_heading span{cursor:pointer;display: inline-block;vertical-align: middle;line-height: normal;background: #FF0000;border: 1px solid #FFFFFF;color: #fff;font-size: 14px;padding: 10px 15px;border-radius: 5px;margin-left: 50px;}
.influencer_2025_section2_media{position:relative;margin-bottom:50px;}
.influencer_2025_section2_media .hash_svg {position: absolute;bottom: -90px;left: 40px;}
.influencer_2025_section2_content{max-width:1210px;margin:10px auto 0;}
.influencer_2025_section2_content p{font-size:24px;letter-spacing:0;margin:0;text-align:center;color:#333;font-weight:400;}
.influencer_2025_section2_content p span{color:#F83A3A;font-weight:600;}

.influencer_2025_section3{position:relative;}
.influencer_2025_section3_svg_image{position:absolute;right:0;bottom:-200px;z-index: 1;}
.influencer_2025_section3_flex{display:flex;flex-wrap:wrap;align-items: center;position: relative;z-index: 1;}
.influencer_2025_section3_left{width:60%;padding-right: 90px;}
.influencer_2025_section3_right{width:40%;}
.influencer_2025_section3_left h3{font-size:32px;color:#333;font-weight:700;letter-spacing:0;margin:0 0 40px}
.influencer_2025_section3_left h3 span{color:#F83A3A;}
.influencer_2025_section3_left h4{font-size:22px;line-height: 1.3;letter-spacing:0;margin:0 0 40px;color:#EB001B;}
.influencer_2025_section3_left p{font-size:18px;letter-spacing:0;color:#333;}
.influencer_2025_section3_left ul{margin:40px -15px 0;padding:0;display:flex;flex-wrap:wrap;row-gap:25px;}
.influencer_2025_section3_left ul li{width:50%;padding:0 15px;}
.influencer_2025_section3_left ul li .influencer_2025_section3_ul_li{display:flex;align-items:center;}
.influencer_2025_section3_left ul li .influencer_2025_section3_ul_li h5{font-size:18px;margin:0;letter-spacing:0;color:#333;line-height:1.1;margin-left:15px;}

.influencer_2025_products .page_influence_featured_coll {margin-top: 20px;position: relative;z-index: 1;}
.influencer_2025_products .influencer_2025_products_nomedia .page_influence_featured_coll{margin-top:10px;}
.influencer_2025_products .influencer_2025_products_nomedia .page_influence_info {width: 100%;padding-left: 0;}
.influencer_2025_products .page_influence_info_bottom h3 span{color:#EB001B;}

.influencer_2025_media_grid_flex{display:flex;flex-wrap:wrap;}
.influencer_2025_media_grid_items{position:relative;}
.influencer_2025_media_grid_link{position:absolute;top:50%;transform:translateY(-50%);left:0;padding:25px;}
.influencer_2025_media_grid_image {height:100%;}
.influencer_2025_media_grid_image a{height:100%;}
.influencer_2025_media_grid_image img{max-width:100%;height:100%;object-fit:cover;}

.influencer_2025_faq_flex{display:flex;flex-wrap:wrap;align-items: center;}
.influencer_2025_faq_left{width:40%;}
.influencer_2025_faq_right{width:60%;padding-left: 90px;}
.section_stack_main h3{font-size:48px;color:#333;margin:0 0 40px;letter-spacing: 0;font-weight: 700;line-height: 1.3;}
.influencer_2025_faq_right .accordion-box {padding: 0;}

.include_2025_fe_coll h2{font-size:32px;color:#333;font-weight:700;letter-spacing:0;margin:0 0 0px}
.include_2025_fe_coll h2 span{color:#F83A3A;}
.include_2025_fe_coll h4{font-size:22px;line-height: 1.3;letter-spacing:0;margin:0 0 40px;color:#EB001B;}
.include_2025_fe_coll p{font-size:18px;letter-spacing:0;color:#333;margin:5px 0 0 !important;}

/* New Offer Page Css  */
.newoffer_page_price_flex {display: flex;gap:10px;align-items: baseline;}
.newoffer_page_price_flex sale-price{color:#FF0000;}

/* New Offer Free Gift */
.compelet_the_fit_box.new_offer_free_gift {padding: 10px 0 10px 10px;border: 1px solid #E7E7E7;border-radius: 10px;margin-top: 10px;margin-bottom:10px;background:#fff;position:relative;}
.new_offer_free_gift .compelet_the_fit_info .h3{color:#000;font-weight:700;}
.new_offer_free_gift .compelet_the_fit_info .h3 span{color:#F83A3A;}
.new_offer_button{padding:0px 0 !important;}
.new_offer_button .button{border-radius:10px;padding: 15px 15px;}
.new_offer_button.disabled .button {background: #bababa;}

/* New Offer Popup Css */
.new_offer_popup_main{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:99;padding: 30px 0;display:none;}
.new_offer_popup_main_max{border-radius: 10px;background:#fff;overflow: hidden;position: relative;}
.new_offer_details{display:flex;justify-content:space-between;gap:10px;margin-bottom: 5px;}
.new_offer_details span{font-size:12px;letter-spacing:0;color:#000;}
.new_offer_details price{font-size: 12px;font-weight:700;color:#000;}
.new_offer_popup_main .product-card__quick-buy {display:none;}

.gift_shopping_cart{padding:20px 10px 0 10px;}
.gift_shopping_cart .button{font-size:14px;color:#fff;background:#28AC58;border-radius:10px;width:100%;}
.new_offer_popup_main .varieties_span {font-size: 11px;}
.new_offer_popup_main .sorten_review_flex {margin:0;display:none;}
.new_offer_popup_main .sorten_review_flex .jdgm-widget { height: 25px;}
.new_offer_popup_main .product-card__info .sorten_review_flex .jdgm-prev-badge {font-size: 10px;}
.new_offer_popup_main .product-card__info {padding-top:10px;}
.new_offer_popup_main .product-card__info .product-card__title {font-size: 14px;margin-top:7px;}
.new_offer_popup_main .product-card__info p{font-siz:12px;}
.new_offer_popup_main .product-card__info .price-list sale-price {font-size: 13px;margin-right: 3px;}
.new_offer_popup_main .product-card__info .price-list compare-at-price{font-size:12px;color:#909090;}
.new_offer_popup_main .product-card__info .price-list unit-price {font-size: 10px;}
.new_offer_popup_main .recomm_popup_product_list_inner .product-card__badge-list {top: 5px;left: 5px !important;border-radius: 8px;overflow: hidden;}
.new_offer_popup_main .recomm_popup_product_list_inner .product-card__badge-list .badge {border-radius: 8px;background: #00B74E;padding: 5px 8px;}
.gift_shopping_heading {text-align:center;margin:25px 0 15px;}
.gift_shopping_heading h3{font-size:20px;letter-spacing:0;color:#000;margin:0 0 12px;line-height:1;font-weight:700;}
.gift_shopping_heading h5{font-size:18px;letter-spacing:0.5px;color:#000;margin:0;font-weight:400;}
.gift_shopping_heading h5 span{color:#28AC58;}
.recomm_popup_product_list_header{text-align:center;position:relative;margin-bottom: 15px;}
.recomm_popup_product_list_header:before{content:'';position:absolute;width:100%;height:1px;border-top: 1px solid #3333331F;top:50%;left:0;}
.recomm_popup_product_list_header h3{font-size:13px;color:#ABABAB;font-weight:400;max-width: fit-content;margin: 0 auto;background: #fff;padding: 0 5px;position: relative;}
.new_offer_popup_main .recomm_popup_product_list {padding: 0px 0 30px;}
.new_offer_popup_main .recomm_popup_product_info .jdgm-widget.jdgm-widget {font-size: 12px;    margin-bottom: 10px;}

.recomm_popup .plpcart_top_flex {gap: 2px;}
.recomm_popup .varieties_span {font-size: 10px;padding: 6px 5px;}
.recomm_popup .plp_card_discount_box {min-height: 20px;padding: 3px 3px;font-size: 12px;gap: 4px;}
.recomm_popup .plp_card_discount_box span {min-height: 15px;padding: 0px 2px;font-size: 10px;gap: 1px;}
.recomm_popup .plp_card_discount_box span svg {width:10px;}

/* Newsletter Proben Redirect css */
.newsletter_proben_redirect{position:relative;padding:60px 0 0;}
.newsletter_proben_redirect_absolute{margin:0 auto;text-align:center;}
.newsletter_proben_redirect_content h3{font-size:60px;text-align:center;color:#F6F6F6;line-height:1.1;font-weight:700;margin:0 0 15px;}
.newsletter_proben_redirect_content p{font-size:16px;text-align:center;color:#F6F6F6;line-height:normal;}
.newsletter_proben_redirect_content .button{border-radius: 8px;margin-top: 20px;line-height: normal;display: inline-block;padding: 20px 24px 18px;}
.newsletter_proben_redirect_content .button svg{vertical-align: middle;margin-left: 10px;}
.newsletter_proben_redirect_border{margin-top:50px;}

.newsletter_proben_redirect_header{margin-bottom:40px;}
.newsletter_proben_redirect_header h3{font-size:40px;text-align:center;color:#000;line-height:1.1;font-weight:700;margin:0 0 15px;}
.newsletter_proben_redirect_header p{font-size:16px;text-align:center;color:#000;line-height:normal;}
.newsletter_proben_redirect_footer{text-align:center;}
.newsletter_proben_redirect_footer .button{border-radius: 8px;margin-top:40px;line-height: normal;display: inline-block;padding:20px 24px 18px;}
.newsletter_proben_redirect_footer .button svg{vertical-align: middle;margin-left: 10px;}
.newsletter_proben_redirect_upper{display:flex;flex-wrap:wrap;margin:0 -15px;}
.newsletter_proben_redirect_inner{width:33.33%;padding:0 15px;text-align:center;}
.newsletter_proben_redirect_2_content h3{font-size:24px;font-weight:700;color:#000;margin:0 0 5px;line-height:1.2;}
.newsletter_proben_redirect_2_content p{font-size:14px;color:#000;margin:0;}
.newsletter_proben_redirect_3_media img {margin: 0 auto;}
.newsletter_proben_redirect_3_media{margin-bottom:15px;}

.newsletter_proben_redirect_3{position:relative;}
.newsletter_proben_redirect_3_absolute{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;padding:15px;text-align:center;}
.newsletter_proben_redirect_3_content h3{font-size:40px;text-align:center;color:#fff;line-height:1.1;font-weight:700;margin:0 0 15px;}
.newsletter_proben_redirect_3_content p{font-size:16px;text-align:center;color:#fff;line-height:normal;}
.newsletter_proben_redirect_buttons{display:flex;gap:10px;margin-top:20px;justify-content:center;}
.newsletter_proben_redirect_buttons .button{border-radius: 10px;line-height: normal;display: inline-block;padding: 20px 24px 18px;}
.newsletter_proben_redirect_buttons .button svg{vertical-align: middle;margin-left: 10px;}
.newsletter_proben_redirect_buttons .all_product_button{font-size:16px;letter-spacing:0;border: 1px solid #F6F6F6;border-radius:10px;background:transparent;}
.newsletter_proben_redirect_buttons .all_product_button svg{vertical-align:middle;margin-left:10px;}


@media only screen and (min-width: 200px) and (max-width: 699px){
.recomm_popup .varieties_span {font-size: 8px;padding: 6px 4px;}
.recomm_popup .plp_card_discount_box {padding: 2px 2px;font-size: 10px;gap: 2px;}
.recomm_popup .plp_card_discount_box span {font-size: 8px;}
}

/* Custom Newsletter */
.custom_newsletter{position:relative;}
.custom_newsletter_media_av{padding:75px 0;}
.custom_newsletter_media{position:absolute;top:0;width:100%;height:100%;left:0;}
.custom_newsletter_media img {height: 100%;width:100%; object-fit: cover;}
.custom_newsletter_box{position: relative;background:#fff;max-width:850px;margin:0 0 0 auto;padding:50px;border-radius:10px;}
.custom_newsletter_content h2{color:#000;margin:0 0 5px;}
.custom_newsletter_content h2 span{color:#FF0421;}
.custom_newsletter_content p{font-size:18px;color:#000;margin:0 0 25px;}
.custom_newsletter_richtext{margin-bottom:10px;}
.custom_newsletter_richtext ul{list-style:none;margin:0;padding:0;}
.custom_newsletter_richtext ul li{font-size:18px;color:#000;}
.custom_newsletter_form {margin-top: 20px;max-width: 620px;}
.custom_newsletter_form .input { border-radius: 5px;}
.custom_newsletter_form .button {padding:15px 15px;border-radius:5px;background:#DF1414 !important;color:#fff !important;text-transform:uppercase;}
.custom_newsletter_form p.text-subdued{font-size:14px;letter-spacing:0;color:#A7A4A4;margin:8px 0 0;}
.custom_newsletter_form .form:not(.form--tight) {gap: 0;}
.custom_newsletter_form .needsclick.klaviyo-form{max-width: 100% !important;padding: 0 !important;border-radius:0px !important;float: none !important;}
/* Footer Css */
.footer__aside-bottom, .locale-selectors__container{display:none;}
.footer__wrapper {gap: 0;}
.footer__wrapper_flex{display:flex;flex-wrap:wrap;max-width: 1300px;margin: 0 auto;width:100%;}
.footer_wrapper_left {width: 500px;border-right: 1px solid #000;}
.footer__block-list { width: calc(100% - 500px);padding-left: 100px;}
.footer_wrapper_tagline .h4{font-size:18px;letter-spacing:0;color:#000;margin:15px 0 0;    font-weight: normal;}
.footer_wrapper_richtext{margin-top:20px;}
.footer_wrapper_richtext{font-size:16px;font-weight:400;letter-spacing:0;color:#000;}
.footer_wrapper_richtext p{font-size:16px;font-weight:400;letter-spacing:0;margin:0 0 8px;color:#000;}
.footer_wrapper_richtext p:last-child{margin:0;}
.footer_wrapper_left .social-media {margin-top:40px;gap: 15px;}
.footer__block p.bold{color:#EB001B;font-weight:400;}
.footer__block--menu ul{gap:10px;}
.footer__block--menu ul li a{color:#000;}

/* New Offer Page Bundle Timer Css */
.newyear_bundle_timer{margin-bottom:30px;border: 0.2px solid #F83A3A;background: #F83A3A1A;box-shadow: 0px 8px 15px 0px #0000001A;border-radius:10px;display: flex;justify-content: space-between;padding: 10px 20px;align-items: center;}
.newyear_bundle_timer p{font-size:11px;letter-spacing:0;color:#404040;margin:0;}
.newyear_bundle_timer p svg{ vertical-align: middle;margin-right:5px;}
.new_offer_bundle_timmer{font-size:12px;letter-spacing:0;color:#F14242;font-weight:400;}
.new_offer_bundle_timmer strong, .new_offer_bundle_timmer span{font-weight:700;}
/*S.U*/
.short_timer_offer_left{display: flex; align-items: center;}

/* Short Time Offer css */
.short_timer_offer_flex{display: flex;justify-content: space-between; margin-bottom: -24px;}
.short_timer_offer_box{font-size:10px;letter-spacing:0;color:#F83A3A;border: 0.7px solid #F83A3A;position:relative;background: #FFF5F5;padding: 6.5px 10px 6.5px 10px; border-radius: 7px 7px 7px 7px;line-height: 1;}
.short_timer_offer_box span{font-size:12px;letter-spacing:0;font-weight:700;position: relative;}
/*
 JETZTt: Gratis Geschenke für ...
.short_timer_offer_box:before{content: '';position: absolute;width:19px;height:27px;background-image: url(/cdn/shop/files/shor_offer_arrow.png?v=1737101236);background-repeat: no-repeat;background-size: contain;top:-1px;right: -18px;}
.short_timer_offer_box:after{content:'';position:absolute;width: 5px;height: 5px;border-radius: 100%;background: #f83a3a;right: -4px;top: 50%;transform: translateY(-50%);}
*/

/* Sort By Bar css */
.sort_by_bar{border-bottom: 1px solid #B3B3B3;padding-bottom: 25px;display: flex;gap: 10px;align-items: center;}
.sort_by_bar .sort_by_cl{font-size:16px;letter-spacing:0;color:#A3A3A3;font-weight: 400;}
.sort_by_bar .sort_by_cl svg {vertical-align: text-top;margin-right:10px;}
.sort_by_bar ul{display:flex;gap:10px;align-items:center;}
.sort_by_bar ul li.sort_by_li{cursor:pointer;font-size:14px;letter-spacing:0;line-height:1;border: 1px solid #DFDFDF;background: #FFFFFF;color:#A3A3A3;padding:5px 20px;border-radius:20px;display: block;font-weight: 400;}
.sort_by_bar ul li.sort_by_li.active {border: 1px solid #f83a3a;background: #f83a3a;color: #ffffff;}

/* product-card sorten css */
.sorten_review_flex{display:flex;gap:8px;margin:0 0 5px;align-items:center;}
.varieties_span{font-size:12px;border: 1px solid #D3D3D3;border-radius: 10px;padding:6px 8px;line-height: 1;margin:0;display: block;}

/* Complete fit info text css */
.info_text_complete_fit{display:flex;font-size:12px;color:#A6A6A6;letter-spacing:0;margin-top:8px;}
.info_text_complete_fit span{width:calc(100% - 14px);padding-left:5px;line-height: normal;}

/* Collab Page css */
.collab_banner{position:relative;}
.collab_banner_position{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;padding:0 15px;}
.collab_banner_content_logos{display: flex;justify-content: center;position:relative;max-width: fit-content;margin: 0 auto;}
.collab_logos_images{padding: 0 30px;display: flex;align-items: center;border-right:1px solid #fff;}
.collab_logos_images:last-child{border-right:none;}
.collab_banner_content{max-width:1075px;margin:0 auto;}
.collab_banner_content_center{text-align:center;}
.collab_banner_content_left{text-align:left;}
.collab_banner_content_right{text-align:right;}
.collab_banner_content h3{font-size:48px;color:#fff;margin:0;letter-spacing: 0;font-weight: 700;line-height: 1.3;}
.collab_banner_content h3 span{color:#EB001B;}
.collab_banner_content p{font-size:20px;letter-spacing:0;color:#fff;font-weight: 400;margin: 20px 0 0;}

/* Collab ceo meet css */
.collab_ceo_meet_flex { display: flex; flex-wrap: wrap;}
.collab_ceo_meet_left {width: 40%;}
.collab_ceo_meet_right {width: 60%;padding-left:50px;}
.collab_ceo_meet_media {position: relative;}
.play_icon_svg{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;padding:15px;text-align: center;}
.play_icon_svg svg{cursor:pointer;}
.collab_ceo_meet_content h3{font-size:34px;color:#333;margin:0;letter-spacing: 0;font-weight: 700;line-height: 1.3;}
.collab_ceo_meet_content h3 span{color:#EB001B;}
.collab_ceo_meet_content h4{font-size:26px;letter-spacing:0;color:#333;font-weight:700;margin:0 0;}
.collab_ceo_meet_content .collab_ceo_meet_richtext{font-size:20px;letter-spacing:0;color:#000;font-weight:400;margin:30px 0 0;}
.collab_ceo_meet_media video{ width: 100%;height: 800px;object-fit: cover;border-radius:16px;}

/* Collab brand onwer css */
.collab_brand_owner_media{position:relative;}
.collab_brand_owner_info{position:relative;margin-top:0px;}
.collab_brand_owner_info .behine_image{position:absolute;right:0;top:0;}
.collab_brand_owner_info h3{font-size:34px;color:#333;margin:0;letter-spacing: 0;font-weight: 700;line-height: 1.3;}
.collab_brand_owner_info h3 span{color:#EB001B;}
.collab_brand_owner_richtext{font-size:20px;letter-spacing:0;color:#000;font-weight:400;margin:30px 0 0;}

.collab_owner_video .content-over-media {grid-template: 0 minmax(0, 1fr) 0 / minmax(0, 1fr) minmax(0, min(var(--container-max-width), 100% - var(--content-over-media-gap, var(--content-over-media-column-gap, var(--container-gutter)))* 1)) minmax(0, 1fr);gap:15px;}
.absolute_content_video{position: absolute !important;bottom:15px;left:10px;}

/* LP sinobdeal List Items */
.lp_sinobdeal_list_item_ul{display: block;margin-bottom: 60px;}
.lp_sinobdeal_list_item_ul ul{display: flex; justify-content: space-between; gap: 20px;border-bottom: 1px solid #000000;position:relative;}
.lp_sinobdeal_list_item_ul ul:before{content:'';position:absolute;left:0;top:-2px;width:5px;height:5px;border-radius:100%;background:#000;}
.lp_sinobdeal_list_item_ul ul:after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:100%;background:#000;}
.lp_sinobdeal_list_item_ul ul li{position:relative;width:290px;}
.lp_sinobdeal_list_item_ul ul li span {display: block;width: 35px;height: 35px;margin: 0 auto;position: absolute;top: -17px;background: #EB001B;border-radius: 100%;left: 0;right: 0;}
.lp_sinobdeal_list_item_upper {display: flex; justify-content: space-between; gap: 20px;}
.lp_sinobdeal_list_item_inner{width:290px;}
.lp_sinobdeal_list_item_box{max-width: fit-content; text-align: center;margin: 0 auto;}
.lp_sinobdeal_list_item_media{margin-bottom:20px;}
.lp_sinobdeal_list_item_media img{margin:0 auto;}
.lp_sinobdeal_list_item_info h3{font-size:24px;color:#000;font-weight:700;margin:0 0 5px;}
.lp_sinobdeal_list_item_info p{font-size:18px;color:#000;font-weight:400;margin:0;}
.lp_sinobdeal_list_item_info p strong{font-weight:700;}

.desktop_hidden{display:block;}
.mobile_hidden{display:none;}  

/* lp sinbo deal banner css */
.lp_sinobdeal_banner{margin-bottom:40px;}
.lp_sinobdeal_banner_content h4{font-size:32px;color:#fff;font-weight:700;}
.lp_sinobdeal_banner_content h4 span{color:#EB001B;}
.lp_sinobdeal_banner_content .scroll_button{margin-top:80px;}
.lp_sinobdeal_banner_content .button{font-size:18px;letter-spacing:0;border-radius:5px;background:#FF0000;color:#fff;padding: 7px 25px;font-weight: 400;}

/* lp sinbo deal section 02 css */
.lp_sinobdeal_secion02_flex{display:flex;align-items:center;}
.lp_sinobdeal_secion02_left{width:506px;}
.lp_sinobdeal_secion02_right{width:calc(100% - 506px);padding-left:60px;}
.lp_sinobdeal_secion02_info h3{font-size:20px;margin:0 0 40px;line-height: 1.2;color:#000;font-weight:400;}
.lp_sinobdeal_secion02_info h3 span{font-size:25px;color:#EB001B;font-weight:700;text-transform: uppercase;}
.lp_sinobdeal_secion02_info p{font-size:18px;color:#000;font-weight:400;margin:0;}
.lp_sinobdeal_secion02_info ul{list-style-type:none;display: flex;flex-direction: column;gap: 22px;}
.lp_sinobdeal_secion02_info ul li{position:relative;font-size:18px;color:#000;padding-left:48px;}
.lp_sinobdeal_secion02_info ul li:before{content:'';position:absolute;width: 26px;height: 26px;background-size: contain;left:0;background-image:url(/cdn/shop/files/checkmark-double-svgrepo-com_1.svg?v=1741069756);}

/* lp sinbo deal section 03 css */
.lp_sinobdeal_secion03_richtext{text-align:center}
.lp_sinobdeal_secion03_info h3{font-size:25px;color:#000;margin:0 0 5px;font-weight:700;}
.lp_sinobdeal_secion03_info p{font-size:20px;color:#000;margin:0 0 15px;font-weight:400;}
.lp_sinobdeal_secion03_info small{font-size:14px;color:#000;margin:0;font-weight:300;display:block;}
.lp_sinobdeal_secion03_info small svg{ vertical-align: middle;}
.lp_sinobdeal_secion03_info .button{font-size:20px;letter-spacing:0;border-radius:5px;background:#FF0000;color:#fff;padding:6px 15px;font-weight: 400;margin-top:50px;}

/* Seo Footer 7-3-2025 */
.seo_footer_upper{display:flex;flex-wrap:wrap;align-items:center;}
.seo_footer_left{width:30%;}
.seo_footer_right{width:70%;border-left: 0.5px solid #000000;padding: 30px 0;}
.seo_footer_left_content{padding-right:10px}
.seo_footer_left_content p{font-size:18px;color:#000;}
.seo_footer_left_content img{max-width: 150px;margin:0 0 10px;}
.seo_footer_right_nav {padding: 0 40px;}
.seo_footer_right_nav ul{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;gap: 20px 20px;}
.seo_footer_right_nav ul li{font-size:14px;color:#8F8F8F;}

.clp_seo_text_div > * {color:#333;}
.clp_seo_text_div h1, .clp_seo_text_div h2, .clp_seo_text_div h3, .clp_seo_text_div h4, .clp_seo_text_div h5, .clp_seo_text_div h6, .clp_seo_text_div ul, .clp_seo_text_div p {margin-bottom:20px;}

/* CLP Banner 7-3-2025 */
.collection-banner{margin:30px 0;border-radius: 15px;overflow: hidden;}

/* Funfacts 7-3-2025 */
.product-list__promo.custom_promotion_list { border: 2px solid #EB001B; border-radius: 15px; overflow: hidden;display:block;/*position: relative;*/height:100%;}
.product-list__promo.custom_promotion_list .promotion_content {position: unset;}
.promotion_content h4{font-size:24px;color:#EB001B;font-weight:700;}
.promotion_content h3{font-size:36px;font-weight:700;}
.link_text_div, .link_text_div_back {text-align: right;position: absolute;right: 15px; bottom: 20px;cursor:pointer;}
.flip-container {position: relative; perspective: 1000px;}
.flippable {width: 100%;height: 100%;position: relative;transform-style: preserve-3d;transition: transform 0.6s;}
.custom_promotion_list, .custom_promotion_list_2 {position: absolute;backface-visibility: hidden;width: 100%;height: 100%;transition: opacity 0.5s ease-in-out;}
.custom_promotion_list_2 {transform: rotateY(180deg);opacity: 0;}
.flipped .flippable {transform: rotateY(180deg);}
.flipped .custom_promotion_list {opacity: 0;}
.flipped .custom_promotion_list_2 {opacity: 1;transform: rotateY(0);transform: rotateY(180deg);backface-visibility: visible;}

/* Pdp redesign css 21-3-2025 */
.pdp_discount_redesign{font-size:22px;color:#F83A3A;font-weight:300;letter-spacing:0;line-height: normal;}
.pdp_redesign_price {display: flex;gap:8px;align-items: center;/*width:100%;*/}
.pdp_redesign_price_compare{gap:5px;margin-top:5px;}
.pdp_redesign_price small{font-size:14px;}
.rating-with-text .price-list{display:block !important;}
.pdp_redesign_price span{display:flex;gap:1px;} 
.pdp_redesign_price span sup{font-size: 14px; font-weight: 400;}
.pdp_redesign_price span s{text-decoration:none;}
.pdp_redesign_price .unit-price-in-tax-notice { margin-top: 0;line-height: normal;}
.product .product-info .product-info__price { border-top: none;}
.product .product-info__price .rating-with-text .text-lg {font-size: 25px;line-height: normal;}
.view_info_position_change{bottom: 25px;}

/* Pdp Order Info css  */
.order_info{background: #F83A3A24;border: 0.2px solid #F83A3A;padding:15px 10px;border-radius:10px;margin-bottom: 10px;}
.order_info_flex{display:flex;gap:5px;align-items: center;}
.order_info p{font-size:14px;letter-spacing:0;color:#000;margin:0;line-height:1.3;}
.order_info p span{background: #F83A3A;border: 0.25px solid #EB001B;color:#fff;padding:3px 5px;border-radius: 5px;}

/* Gains-with-taste Page Css */
.gains_taste_banner_bg{background-size:cover;min-height: 600px;background-repeat: no-repeat;background-position: center center;display: flex;align-items: center; }
.gains_taste_banner_bg .gains_taste_banner_left:before{display:none; }
.gains_taste_banner_bg .gains_taste_banner_left{background-color:transparent !important;width: 50% }
.gains_taste_banner_bg .gains_taste_banner_right{width:50%;}
.gains_taste_banner_flex{display:flex;flex-wrap:wrap;overflow: hidden;width: 100%;}
.gains_taste_banner_left{width:45%;position:relative;display: flex;align-items: center;}
.gains_taste_banner_right{width:55%;}
.gains_taste_banner_content{padding:40px 40px;    position: relative;}
.gains_taste_banner_left:before{content:'';position:absolute;left:0;top:0;height:100%;width:100%;box-shadow: 124px 0px 124px #000;}
.reasons_image_banner .gains_taste_banner_left:before {display:none}
.gains_taste_banner_content h2 {font-size: 80px; line-height: 1;font-weight: 700;margin:0 0 10px;font-family: var(--heading-font-family);}
.gains_taste_banner_content h2 span{color:#F83A3A;}
.gains_taste_banner_content p {margin:0 0 10px;}
.gains_taste_banner_content ul{display:grid;gap:10px;}
.gains_taste_banner_content ul li {display: flex;align-items: center; gap: 10px;}
.gains_taste_banner_reviews{margin-bottom:15px;}
.gains_taste_banner_reviews .ruk-rating-snippet-count{font-size:14px;margin-left: 5px;}
.gains_taste_banner_reviews .jdgm-star.jdgm--on:before { color: #E61C1C;}
.gains_taste_banner_reviews .jdgm-star {padding: 0 2px 0 0 !important;}
.gains_taste_banner_link{margin-top:20px;}
.gains_taste_banner_link .button{border-radius:10px;padding: 17px 25px 18px;font-size: 16px;}
.gains_taste_banner_link .button svg{vertical-align: middle;  margin-left: 5px;}

.shopify-section--scrolling-text .gains_section{padding:20px 0;}

.gains_with_taste_media_heading{margin-bottom:40px;}

.gains_taste_video .collab_ceo_meet_flex{align-items:center;}
.gains_taste_video .collab_ceo_meet_left {width: 50%;}
.gains_taste_video .collab_ceo_meet_right {width: 50%;padding-right: 50px;padding-left: 0;}
.gains_taste_video_right { flex-direction: row-reverse;}
.gains_taste_video .collab_ceo_meet_content .button{border-radius:10px;padding: 17px 25px 18px;font-size: 16px;}
.gains_taste_video .collab_ceo_meet_content h3{font-size:40px;letter-spacing: 0;line-height: 1;font-family: var(--heading-font-family);}
.gains_taste_video .collab_ceo_meet_content .collab_ceo_meet_richtext{margin:20px 0 20px;}
.gains_taste_video .collab_ceo_meet_content p{font-size:16px;}
.gains_taste_video .collab_ceo_meet_content .button svg{  vertical-align: middle;  margin-left: 5px;}

.gains_taste_different_main{display:flex;flex-direction:column;gap:30px;}
.temp_coach  .gains_taste_different_main{gap:40px;}
/* .gains_taste_different_header{margin-bottom:30px;} */
.gains_taste_different_header h3{font-size:40px;letter-spacing:0;margin:0 0 10px;text-align:center;color:#000;font-weight:700;line-height:1.1;font-family: var(--heading-font-family);}
.gains_taste_different_header p{font-size:16px;color:#000;text-align:center;}
.gains_info_text p{font-size:16px;color:#000;text-align:center;}
.gains_taste_different_upper{display:flex;flex-wrap:wrap;margin:0 -10px;}
.gains_taste_different_inner{width:33.33%;padding:0 10px;}
.gains_taste_different_content h3{font-size:24px;color:#000;text-align:center;font-weight:700;font-family: var(--heading-font-family);}
.gains_taste_different_content p{font-size:14px;color:#000;text-align:center;line-height:1.4;}
.gains_taste_different_media{margin-bottom:10px;}
.gains_taste_different_media img{margin:0 auto;}
.gains_taste_different_count{width:65px;height:65px;border-radius:100%;display:flex;justify-content:center;align-items:center;color:#fff;background: #000;margin: 0 auto 10px;}
.gains_taste_different_count span{font-size: 24px;font-weight:700;font-family: var(--heading-font-family);}


.gains_featured_collection_header h3{font-size:40px;letter-spacing:0;margin:0 0 40px;text-align:center;color:#000;font-weight:700;line-height:1.1;font-family: var(--heading-font-family);}
.gains_featured_collection_header p{font-size:16px;color:#000;text-align:center;}
.gains_featured_collection_header ul{display: flex;gap: 15px;justify-content: center;flex-wrap: wrap;margin-top:20px;}
.gains_featured_collection_header ul li{border: 1px solid #EB001B;background: #FFFFFF;color: #000000;font-size: 14px;letter-spacing: 0;line-height: 1;padding: 10px;border-radius: 8px;font-weight: 400;display: block;white-space: nowrap;cursor:pointer;}
.gains_featured_collection_header ul li:hover, .gains_featured_collection_header ul li.collection_li_active {background-color: #EB001B;color: #fff;}
.gains_featured_collection_body{margin-top:40px;}
.gains_featured_collection_grid{display:none}
.gains_featured_collection_grid.collection_grid_active{display:block;}

.gains_taste_brand_header h3{font-size:40px;letter-spacing:0;margin:0 0 10px;text-align:center;color:#000;font-weight:700;line-height:1.1;font-family: var(--heading-font-family);}
.gains_taste_brand_header p{font-size:16px;color:#000;text-align:center;}
.gains_taste_brand_body{margin-top:40px;}
.gains_taste_brand_upper { max-width: 1200px;margin: 0 auto;}
.gains_taste_brand_inner{display:flex;flex-wrap: wrap;}
.gains_taste_brand_box{width:33.33%;text-align:center;padding:10px 25px;border-bottom: 1px solid #EDEDED;display: flex;align-items: center;justify-content: center;}
.gains_taste_brand_box_sinob{background:#E61C1C;}
.gains_taste_brand_box_points{text-align:left;justify-content: flex-start;}
.gains_taste_brand_box_points h3{font-size:32px;color:#1D1D1D;margin:0;font-weight:700;font-family: var(--heading-font-family);}
.gains_taste_brand_box p{font-size:16px;color:#939393;letter-spacing:0;margin:0;line-height:1.1;min-width: 180px;text-align: left;}
.gains_taste_brand_box p svg{vertical-align:middle;margin-right:10px;}
.gains_taste_brand_box_sinob p{color:#fff;}
.gains_taste_brand_box_other p{color:#939393;}
.gains_taste_brand_box_other_heading h3{font-size:32px;color:#1D1D1D;margin:0;font-weight:700;font-family: var(--heading-font-family);}
.gains_taste_brand_box_sinob_heading{border-radius:20px 20px 0px 0px;}
.gains_taste_brand_upper:last-child .gains_taste_brand_inner .gains_taste_brand_box_sinob{border-radius:0px 0px 20px 20px;}
.gains_taste_brand_upper:last-child .gains_taste_brand_box{border-bottom:none;}

.gains_tast_performance{padding:50px 50px;  background-size: cover;}
.gains_tast_performance_header{margin-bottom:30px;}
.gains_tast_performance_header h3{font-size:40px;letter-spacing:0;margin:0 0 10px;color:#000;font-weight:700;line-height:1.1;font-family: var(--heading-font-family);}
.gains_tast_performance_header p{font-size:16px;color:#000;}
.gains_tast_performance_count {border-bottom:1px solid;margin-bottom:10px;}
.gains_tast_performance_count h3{font-size:32px;letter-spacing:0;margin:0 0 10px;font-weight: 700;font-family: var(--heading-font-family);}
.gains_tast_performance_content h4{font-size:24px;margin:0 0 10px;font-family: var(--heading-font-family);    font-weight: 700;}
.gains_tast_performance_content p{font-size:14px;margin:0;}
.gains_tast_performance_upper{display:flex;flex-wrap:wrap;margin:0 -10px;}
.gains_tast_performance_inner{width:25%;padding:0 10px;}
.gains_taste_faq .circle-chevron{background: transparent !important;}
.gains_taste_faq .accordion .accordion__toggle{font-size:24px;font-family: var(--heading-font-family);line-height:1.2;}
.gains_taste_faq .accordion[aria-expanded="true"] .accordion__toggle span{color:#E61C1C;}
.gains_taste_faq .accordion[aria-expanded="true"] .circle-chevron svg path{stroke: #E61C1C;}

.shopify-section.shopify-section--rich-text .gains_section{padding-block-end: 0;padding-block-start: 0;}
.shopify-section.shopify-section--rich-text .gains_section p.richtext_review_p svg{vertical-align:middle;margin-right: 5px;}
.shopify-section.shopify-section--rich-text .gains_section  .prose * + :is(.h2, .h3, .h4, h2, h3, h4) {margin-block-start: 10px;}
.shopify-section.shopify-section--apps .gains_section .jdgm-carousel-wrapper { padding: 35px 0 15px !important;}

.content_alignment_center{justify-content: center;}
.content_alignment_right{justify-content: end;}
.subheading_h4{font-size:12px;text-transform:uppercase;letter-spacing: 2px;margin-bottom: 10px;}
.banner_media_center img{margin:0 auto;}
.different_per_row_4 .gains_taste_different_inner{width:25% }
.different_per_row_5 .gains_taste_different_inner{width:20%}
.different_per_row_6 .gains_taste_different_inner{width:16.67% }
.gains_taste_different_content h3 {line-height: 1.2;}
.gains_taste_different_content h3+p{margin-top:8px;}
.gains_tast_performance_content h4{line-height: 1.2;}
.media_align_center img{margin:0 auto; }

@media only screen and (min-width: 200px) and (max-width: 699px){
.collab_ceo_meet_media video{height: auto;}
  
.product-card__quick-buy .button{padding:7px 5px 10px !important;}  
.mob_overflow_hidden{overflow:hidden;}
  
.visible-xs{display:block;}
.hidden-xs{display:none;}
  
.pdp_different_body img{margin-top:0px;}  
  
.view_info{padding:3px 10px;}
.view_info_flex {gap: 6px;}
/* .product_gallery_single_image { overflow: visible;} */
.boost_tag{position:absolute;right:-115px;bottom:124px;}
.product-gallery-mob .boost_tag{right:-95px;}
.boost_tag.boost_tag_active {right: -23px;}
.product-gallery-mob .boost_tag.boost_tag_active {right: -3px;}

.product-gallery, .product-gallery-mob {margin:0 -20px;}  
/* .product_gallery_variant { margin-left: -20px; margin-right: -20px;} */
/* .gallery_image_div img {border-radius: 10px;min-height:60px; object-fit: contain;} */

.gallery_image_div {width: 70px;min-width: 70px;}  
.product_gallery_variant_slide.slick-initialized .slick-slide { padding: 0 0 0 20px;}  
.product_gallery_variant_slide.mainimage.slick-initialized .slick-slide { padding: 0px;}    
/* .product_gallery_variant_slide .slick-list.draggable {padding: 0px 30px !important;} */

.slick_arrows_div .arrow_ss#prev_slick {left:20px;}
.slick_arrows_div .arrow_ss#next_slick {right:20px;}  

.product-card__quick-buy .button { padding: 10px 10px; height: 43px; width: 43px;}
.scoops_quik { padding: 10px 10px; width: 43px; height: 43px;} 
.scoops_quik svg {bottom: 4px;}  

.shopify-section--main-product {overflow:hidden}  
.product-card__info .price-list sale-price{font-size:16px;}
.product-card__info .rating-with-text, .product-card__info .price-list sale-price{font-size:14px;}  
.product-card__info .price-list unit-price {font-size: 12px;}
  
.farbe_variant_card span {font-size: 10px;}  

.desktop_view{display:none;}
.mobile_view{display:block;}
.analyen_banner_top_bg{display:none;}
.analyen_banner_top {justify-content: flex-start;}
.analyen_banner_text h3 {font-size: 30px;margin: 16px 0 10px;}
.analyen_banner_top_logo {max-width: 90px;}
.analyen_banner_content {  padding: 24px;}

.analysen_how_it_works_left_main h4 {font-size:20px;}  
.analysen_how_it_works_right_side { padding: 20px 16px 20px;}
.how_it_works_content h4 {font-size: 20px;}
.how_it_works_list_left { width: 50px;}
.how_it_works_list_right { padding-left: 20px;width: calc(100% - 50px);}
.how_it_works_list_right h3 {font-size: 14px;}
.how_it_works_video {position: absolute;right: 0px;top: -40px;}
.analysen_how_it_works_flex {  row-gap: 24px;flex-direction: column-reverse;}
.analysen_how_it_works_left_main { width: 100%;  padding-right: 0;}
.analysen_how_it_works_right { width: 100%; max-width: 100%;}
.how_it_works_list {row-gap: 30px;}  

.analysen_content_section_heading h3 {font-size: 20px;}
.analysen_content_section_space {flex-direction: column;row-gap: 15px;align-items: flex-start;}
.analysen_content_section_main {padding:24px 16px;}
.analysen_content_section_logos { gap: 16px}
.analysen_content_section_flex {gap: 24px;}

.analysen_recent_upload_repeat {grid-template-columns: 1fr;gap: 32px;}
.analysen_recent_upload_box {padding: 16px;}
.analysen_recent_upload_heading h3 {font-size: 25px;}
.analysen_recent_upload_heading p { font-size: 14px;}
.analysen_recent_upload_box:nth-child(4){display:block;}
.analysen_recent_upload_text h5 { margin-top: 14px; font-size: 14px;}    

.discount_newsletter_content p.h4 {font-size: 12px;}
.discount_newsletter_content .h2 {font-size: 22px;}
.discount_newsletter_content p {font-size: 12px;}
.discount_newsletter_form {max-width: 255px;margin: 40px auto 0;}
.discount_newsletter_form_control .button {font-size: 13px;}

.discount_howworks_header .h3{font-size: 20px;}
.discount_howworks_flex {gap: 50px; padding: 50px 0; flex-wrap: wrap;flex-direction: column;}
.discount_howworks_info h3 {font-size: 14px;margin-top: 15px;}
.discount_howworks_media {min-height: 65px;}
.discount_howworks_media img {max-height: 65px;}
.discount_howworks_footer p {text-align: left;font-size: 10px;}

.discount_info_content {padding: 30px 0;}
.discount_info_text_header {text-align: left;margin-bottom: 30px;}
.discount_info_text_header .h3 {font-size: 16px;}
.discount_info_text_header p {font-size: 12px;}
.discount_info_text_repeater_box .h3 {font-size: 14px;}
.discount_info_text_repeater_box p {font-size: 12px;}
.discount_info_text_repeater_box .button {font-size: 12px;padding: 5px 15px;margin: 20px 0 0;min-height: 35px;min-width: 136px;}

.influencer_flex {font-size: 12px;line-height: 1.3;gap: 5px;}
/* .influencer_flex_span { min-width: 70px;} */
.influencer_div {padding: 15px 10px;}
.social_proof_count {margin-left: -15px;width:24px;height: 24px;}
.influencer_flex_span img {width: 24px;height: 24px;}
.influencer_img2, .influencer_img3, .influencer_img4 {margin-left: -15px;}
.social_proof_count_span { padding: 3px;font-size: 6px;}
.pdp_different_header h2 {font-size: 20px;}
.pdp_different_body h3 {font-size: 18px;}
.pdp_different_body h4 {font-size: 18px;}  
  
.variant_count_div {margin-top:5px !important;}  
  
.product .product-info__buy-buttons .buy-buttons { display: flex;flex-wrap:wrap;}
.product .product-info__buy-buttons .buy-buttons .quantity-selector {height: 50px;}
.product .product-info__buy-buttons .buy-buttons .quantity-selector__button { padding: 10px 15px;}
.product .product-info__buy-buttons .buy-buttons .button{padding: 13px 15px;width: calc(100% - 114px);} 
.product .product-info__buy-buttons .buy-buttons .btn.klaviyo-bis-trigger{width:100% !important;margin:0 !important;}

.surprise_div_grid_text span {font-size: 14px;}
  
.custom_banner_section_absolute {padding: 10px 15px;left: 0 !important;right: 0 !important;margin: 0 auto;}
/* .custom_banner_section_content .button { margin-top: 40px;} */
.custom_banner_section_content h3 {font-size: 29px;margin: 0 0 20px;line-height: 1.2;}
.custom_banner_section_content h3 span{font-size:43px;display: block;}
.custom_banner_section_content h4 {font-size: 14px;} 
.custom_banner_section_content p {font-size: 12px;}
.banner_copy_code {margin-top: 40px;}
.prodbanner_copy_code{margin-top:25px;}
.prodcustom_banner_section {margin-bottom:10px;}
.prodcustom_banner_section .custom_banner_section_content h4 {font-size: 12px;margin-bottom: 5px;} 
.prodbanner_copy_code span {font-size: 12px;padding: 8px 10px;border-radius: 5px;}
.subimage_div{display:none;}
.prodcustom_banner_section  .custom_banner_section_media img { height: 141px;object-fit: cover;}
.prodbanner_copy_code span svg { height: 18px; width: 16px;margin-top: -3px;}
.custom_banner_timer span{font-size:20px;}
.banner_timer_div{font-size:15px;}
  
.subimage_div img{max-width:65%;}
.product_page_banner .custom_banner_section_content h3 {font-size: 16px;}
.product_page_banner .custom_banner_section_content p {font-size: 10px;}
.product_page_banner .subimage_div img {max-width: 50%;}

.product-info {position: relative;width: 100%;display: block;}
  
.icon_text_popover.get_discount_popup { width: 100%;}
.get_discount_popup .icon_text_popover_max {  max-width: 290px;}
.get_discount h3 {font-size: 13px;}
.get_discount h3 span {font-size: 11px; min-width: 75px;}

.fortify_banner_absolute {padding: 30px 20px;top: unset;transform: translateY(0%); bottom: 0;}
.fortify_banner_content h3 {font-size: 25px; line-height: 1.2;}
.fortify_banner_content p { font-size: 12px;margin: 60px 0 0;}
.fortify_banner_content .button { border-radius: 5px;}

.fortify_section_02 {padding-block-end:0;}
.fortify_section_02_header h3 {font-size: 20px;text-align: left;}
.fortify_section_02_header p {font-size: 16px;text-align: left;}
.fortify_section_02_gird {row-gap: 20px;justify-content: flex-start;margin-top:30px;}
.fortify_section_02_item {width: 33.33%;}
.fortify_section_02_content h3 {font-size: 13px;margin: 15px 0 0;}
.fortify_section_02_media img {max-width: 45px;}
.fortify_section_02_item .fortify_section_02_item_box{border-radius:10px;padding:10px 5px;overflow:hidden;}
.fortify_section_02_item.content_box_active .fortify_section_02_item_box{background:#FBF6FF;}
.fortify_section_02_line{display:none;}
.fortify_section_02_item.content_box_active .fortify_section_02_infomation{display:none;}
.mobile_fortify_section_02_slide{ max-width: 300px; margin: 40px auto 0;}  
.slide_media_visible .mobile_fortify_section_02_box{margin-top: -30px;}
.mobile_fortify_section_02_slide_inner {padding:0 5px;}
.mobile_fortify_section_02_slide_image_hide .mobile_fortify_section_02_slide_media{display:none;}
.mobile_fortify_section_02_box{background:#FBF6FF;border-radius:6px;padding:30px 15px;position: relative;}
.mobile_fortify_section_02_list{display:flex;flex-wrap:wrap;align-items: center;gap: 10px;}
.mobile_fortify_section_02_media{width:40px;height:40px;background:#fff;border-radius:10px;display: flex; align-items: center;justify-content: center;}
.mobile_fortify_section_02_media img{max-width:30px;}
.mobile_fortify_section_02_infomation{padding-top:25px;}
.mobile_fortify_section_02_slide .flickity-prev-next-button {width: 18px;height: 18px; background: transparent; color: #000;}
.mobile_fortify_section_02_slide .flickity-prev-next-button .flickity-button-icon{ width: 100%;height: 100%;top: 0;left: 0;}
.mobile_fortify_section_02_slide .flickity-prev-next-button.previous {left: -25px;}
.mobile_fortify_section_02_slide .flickity-prev-next-button.next {right: -25px;}
.mobile_fortify_section_02_slide .flickity-button:focus {box-shadow: unset;}
.fortify_section_02_gird_hide_mobile{display:none;}
.mobile_fortify_section_02_slide .flickity-button:hover {background: transparent;}
  
.fortify_section_03_inner {width: 100%;}
.fortify_section_03_info { padding: 30px 15px;}
.fortify_section_03_content h4 {font-size: 16px; line-height: 1.3;margin:0 0 10px;}
.fortify_section_03_content h3 {font-size: 20px;}
.fortify_section_03_content price {font-size: 16px;}
.fortify_section_03_content p {font-size: 14px;}
.fortify_section_03_ingrdients li {max-width:70px;}
.fortify_section_03_ingrdients_media img{max-width:60px;margin:0 auto;}
.fortify_section_03_ingrdients_info h3 { font-size:10px;}
.fortify_section_03_content .buy-buttons .button {font-size: 14px;}
.fortify_section_03_content {max-width: 100%;}

.fortify_section_04_inner:first-child { width: 100%;}
.fortify_section_04_inner { width: 100%;}
.fortify_section_04_info {padding: 0px 0;justify-content: flex-start;}
.fortify_section_04_media{display:none;}
.fortify_section_04_content h4 {font-size: 16px;}
.fortify_section_04_content h3 {font-size: 20px;}
.fortify_section_04_content ul li {font-size: 12px;}
.fortify_section_04_content ul {margin:90px 0 0;gap: 15px;position:relative;padding-left:120px;}
.fortify_section_04_content ul:before{content:'';position:absolute;background-repeat:no-repeat;background-size:contain;width: 105px;height: 334px;top:-60px;left: -20px;}  
.fortify_section_04_content ul li:before { width:45px; height:14px;top: 2px;left: -60px;background-image:url('/cdn/shop/files/Line_160_1.png?v=1732079827');}
  
.fortify_section_05_header h3 {font-size: 20px;}
.fortify_section_05_header h4 {font-size: 16px;}
.fortify_section_05_slider { max-width: 300px; margin: 40px auto 0;}
.fortify_section_05_slide_info { margin-top: -33px;}
.fortify_section_05_slide_info h3 { font-size: 18px;}
.fortify_section_05_ingridents_flex {justify-content: center;gap: 0;flex-wrap: wrap; row-gap: 20px;}
.fortify_section_05_ingridents_inner {width: 33.33%;padding: 0 10px; gap: 5px;justify-content: center;} 
.fortify_section_05_ingridents_content h3{font-size: 11px;}
.fortify_section_05_ingridents_media{width:}
.fortify_section_05_ingridents_media { width: 28px;}
.fortify_section_05_ingridents {  margin: 40px auto 0;}
.fortify_section_05_slider .flickity-prev-next-button.previous {left: -35px;}
.fortify_section_05_slider .flickity-prev-next-button.next {right: -35px;}
.fortify_section_05_slider .flickity-prev-next-button {width: 15px;height: 15px;}

.fortify_section_06_content h4 {font-size: 16px;}
.fortify_section_06_content h3 {font-size: 20px;}
.fortify_section_06_content h3 br{display:none;} 
.fortify_section_06_content p {font-size: 14px;}
.fortify_section_06_grid { flex-direction: column-reverse;}
.fortify_section_06_inner {width: 100%;}
.fortify_section_06_content { padding: 30px 15px;}

.fortify_section_07_grid{overflow: auto;padding: 0 15px;gap:10px;}
.fortify_section_07_inner { min-width: 335px;}
.fortify_section_07_header{padding:0 15px;}
.fortify_section_07_header h3 {font-size: 20px;}
.fortify_section_07_header p {font-size: 16px;}
.fortify_section_07_content p {font-size: 16px;}
.fortify_section_07_box {padding:35px 20px;}
.fortify_section_07_content h4 {font-size: 14px;}
.fortify_section_07_content img { max-width: 85px;}

.fortify_section_08_header h3 {font-size: 20px;}
.fortify_section_08_header p {font-size: 16px;}
.fortify_section_08_inner {width: 335px;padding: 0 5px;}
.fortify_section_08_grid  { padding-left: 20px;}

.horizontal-product-list-carousel.bleed  {margin-inline-start: -15px;margin-inline-end: -15px;}

.page_influence_flex {align-items: stretch;}
.page_influence_media{width:100%;}
.page_influence_media img {height: 100%;object-fit: cover;}
.page_influence_info{width: 100%;padding-left:0;display: grid;gap: 0;}
.page_influence_info_top h3 {font-size: 18px;padding-right: 0;padding-top: 35px;}
.page_influence_info_top h3 span {padding: 4px 12px;font-size: 14px;right: unset;top: 0;left: 0;}
.page_influence_info_top p {line-height: 1.4;font-size: 14px;}
.page_influence_featured_coll_grid .page_influence_featured_coll_griditem { grid-template-columns: 1fr 1fr;}
.page_influence_info_bottom h3{font-size: 18px;padding-right: 0;}
.page_influence_info_bottom p {line-height: 1.4;font-size: 14px;}
.page_influence {padding: 0;}
.page_influence_flex_mobile{display: flex;flex-wrap: wrap;}
.page_influence_media_mobile { width: 45%;}
.page_influence_info_mobile { width: 55%;padding-left: 12px;}
.page_influence_media_mobile img {height: 100%;object-fit: cover;border-radius:10px;overflow:hidden;}  

.compelet_the_fit_product_info label span {width:110px;}  

.desktop_hidden{display:none;}
.influencer_2025_banner_desktop img {height: 400px;object-fit: cover;}
.influencer_2025_banner_content h3 {font-size: 24px;}
.influencer_2025_banner_content p {font-size: 14px;}
.influencer_2025_section2_heading h3 {display: block;font-size: 30px;}
.influencer_2025_section2_heading span {margin-left: 0;margin-top: 10px;}
.influencer_2025_section2_media .hash_svg {bottom: -49px;left: 25px;}
.hash_svg svg{width: 60px;height: auto;}
.influencer_2025_section2_content p {font-size: 16px;}

.influencer_2025_section3_flex {row-gap: 20px;flex-direction: column-reverse;}
.influencer_2025_section3_left {width: 100%;padding-right: 0px;}
.influencer_2025_section3_right {width: 100%;}
.influencer_2025_section3_left h3 {font-size: 24px;margin: 0 0 20px;line-height: 1.3;}
.influencer_2025_section3_left h4 {font-size: 16px;margin: 0 0 20px;}
.influencer_2025_section3_left p {font-size: 14px;}
.influencer_2025_section3_left ul li { width: 100%;padding: 0;}
.influencer_2025_section3_left ul li .influencer_2025_section3_ul_li h5 {font-size: 14px;}  
.influencer_2025_section3_svg_image {bottom:0px;max-width: 100px;}
.influencer_2025_products .page_influence_media_mobile {width: 100%; }
.influencer_2025_section3_left ul {  margin: 20px 0 0; row-gap: 15px;}
  
.influencer_2025_faq_flex {row-gap: 20px;}
.influencer_2025_faq_left {width: 100%;}
.influencer_2025_faq_right {width: 100%;padding-left: 0px;}
.section_stack_main h3 {font-size: 30px;margin: 0 0 20px;}
  
.gift_shopping_heading h3 {font-size: 17px;}
.gift_shopping_heading h5 {font-size: 14px;}
.gift_shopping_cart .button {font-size: 12px;padding: 12px 10px;}
.new_offer_popup_main .sorten_review_flex .jdgm-widget {font-size: 10px;border-radius: 8px;padding: 4px 6px;height: 23px;}
.new_offer_popup_main .varieties_span {font-size: 9px;border-radius: 8px;padding: 6px 6px;}
.new_offer_popup_main .product-card__info .sorten_review_flex .jdgm-prev-badge {font-size: 9px;}

.custom_newsletter_box {padding: 30px 20px;}
.custom_newsletter_content p {font-size: 15px;}
.custom_newsletter_richtext ul li {font-size: 15px;}
.custom_newsletter_form p.text-subdued {font-size: 12px;}
.custom_newsletter_form .needsclick.kl-private-reset-css-Xuajs1{display: block!important;}
.custom_newsletter_form .needsclick.kl-private-reset-css-Xuajs1 [type="email"]{width:100%}
  
.footer_wrapper_left {width: 100%;border-right: none;}
.footer__block-list {width: 100%;padding-left: 0;}
.footer_wrapper_tagline .h4 {font-size: 15px;}
.footer_wrapper_left .social-media { margin-top: 20px;}
.footer__wrapper_flex { row-gap: 30px;}

.newoffer_page_product .product-gallery__media-list{ --product-gallery-media-list-grid: auto / auto-flow 100%;}
.product .product-gallery__media-list{ --product-gallery-media-list-grid: auto / auto-flow 100%;}
  
.short_timer_offer{margin-top:12px !important;}
.short_timer_offer_flex {margin-bottom: -23px;}
.compelet_the_fit_box.new_offer_free_gift { position: relative;margin-top: 10px !important;}

.sort_by_bar .sort_by_cl { font-size: 14px; padding-bottom:8px;}
.sort_by_bar .sort_by_cl svg { margin-right: 5px;}
.sort_by_bar { display: grid; grid-template-columns: auto 1fr;}
.sort_by_bar ul {overflow-x: auto;margin-right: -20px;padding-right: 20px;padding-bottom:5px;gap: 5px;}
/* .sort_by_bar ul::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;width:100%;}
.sort_by_bar ul::-webkit-scrollbar{height:3px;width:100%;background-color: #F5F5F5;}
.sort_by_bar ul::-webkit-scrollbar-thumb{background-color: #000000;} */

.info_text_complete_fit{display:flex;align-items:unset;font-size:8px;}
.product-card__badge-list.badge_top_move + .product-card__badge-list { top: 32px;}  

.collab_ceo_meet_flex { row-gap: 20px;}
.collab_ceo_meet_right {width: 100%;padding-left: 00px;}
.collab_ceo_meet_left {width: 100%;}
.collab_ceo_meet_media video{ height: auto;}
  
.collab_logos_images {padding: 0 15px;}
.collab_banner_content_logos { max-width: 450px;}
.collab_banner_desktop img {height: 400px;object-fit: cover;}
.collab_banner_content  h3 {font-size: 24px;}
.collab_banner_content  p {font-size: 15px;}
.collab_banner_content  p br{display:none;}  
.collab_ceo_meet_content h3 { font-size: 24px;}
.collab_ceo_meet_content h4 {font-size: 18px;}
.collab_ceo_meet_content .collab_ceo_meet_richtext {font-size: 15px;margin: 15px 0 0;}
.collab_brand_owner_info h3 {font-size: 24px;}
.collab_brand_owner_richtext {font-size: 15px; margin: 15px 0 0;}
.page_influence_info_bottom h3 svg { width: 12px;  height: auto;}

.lp_sinobdeal_banner_content h4 {font-size: 18px;}
.lp_sinobdeal_banner_content .scroll_button {margin-top: 30px;}

.lp_sinobdeal_secion02_flex {flex-direction: column;row-gap: 30px;}
.lp_sinobdeal_secion02_left {width: 100%;}
.lp_sinobdeal_secion02_right {width: 100%;padding-left: 0;}
.lp_sinobdeal_secion02_info h3 {font-size: 16px;}
.lp_sinobdeal_secion02_info h3 span {font-size: 18px;}
.lp_sinobdeal_secion02_info ul li {font-size: 16px; padding-left: 45px;}

.lp_sinobdeal_secion03_info h3 {font-size: 20px;}
.lp_sinobdeal_secion03_info p {font-size: 16px;}
.lp_sinobdeal_secion03_info .button { font-size: 16px; margin-top: 30px;}

.lp_sinobdeal_list_item_flex{display:flex;justify-content: space-between;}
.lp_sinobdeal_list_item_ul { margin-bottom: 0; width: 30px;}
.lp_sinobdeal_list_item_ul ul li { width: 1px;height: 100%;}
.lp_sinobdeal_list_item_ul ul:before {top: 0;    left: -3px;}
.lp_sinobdeal_list_item_ul ul:after {top:unset;bottom: 0;left: -3px;}
.lp_sinobdeal_list_item_ul ul {gap: 0;border-bottom:none;border-left: 1px solid #000000;height: 100%;flex-direction: column;}
.lp_sinobdeal_list_item_ul ul li span {width: 21px;height: 21px;top: 50%;left: -11px;transform: translateY(-50%);}  
.lp_sinobdeal_list_item_upper {flex-direction: column;width: calc(100% - 45px);}
.lp_sinobdeal_list_item_inner {margin: 0 auto;}
.lp_sinobdeal_list_item_info h3 {font-size: 18px;}  
.lp_sinobdeal_list_item_info p {font-size: 16px;}
.lp_sinobdeal_list_item_media {margin-bottom: 10px;} 

.seo_footer_left {width: 100%;}
.seo_footer_left_content { padding-bottom:20px;padding-right:0px;}
.seo_footer_right {width: 100%;border-top: .5px solid #000000;padding: 20px 0;border-left:none;}
.seo_footer_right_nav {padding: 0 0px;}  
.seo_footer_right_nav ul {display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px 20px;}
.seo_footer_left_content p { font-size: 14px;}
.uppromote_section_bg img { min-height: 580px;}

/* CLP Banner 7-3-2025 */
.collection-banner{max-height:160px;}
.collection-banner .place-self-end-center{place-self:center center;}
.collection-banner h1{ text-align: left;font-size:30px;margin-bottom:5px;}
.collection-banner .prose {font-size:12px;}

.promotion_content h3{font-size: 24px;}
.promotion_content h4 {font-size: 18px !important;}  
.custom_promotion_list .content-over-media  { gap: 0; grid-template: unset; padding:0;grid-area: unset;width: 100%;max-width: 100%;display: inline-grid;}
.product-list__promo.custom_promotion_list .promotion_content {padding:20px;width: 100%;        grid-area: none;}
.product-list__promo.custom_promotion_list .promotion_content > div {width: 100%;}
.product-list__promo.custom_promotion_list .promotion_content .promotion_content_absolute {width: 100%;}
.link_text_div, .link_text_div_back {text-align: right;position: relative;right: 0;bottom: 0;justify-content: flex-end;}
.flippable {min-height:200px;}
.flipped .flippable {min-height:385px;} 
.flipped .custom_promotion_list_2  .promotion_content{ grid-area: 1 / 2 / auto / span 1;}

/* pdp redesign css 21-3-2025 */
.pdp_video_gallery{right: 20px;}
.pdp_discount_redesign{font-size:20px;}
.rating-with-text .price-list sale-price{font-size:20px}
.product scroll-shadow {padding-left: 20px;}

.order_info {padding: 13px 6px;margin-bottom: 20px;overflow: hidden;}
.order_info p { font-size: 11px;}

.gains_taste_banner_flex {  flex-direction: column-reverse;}
.gains_taste_banner_left {width: 100%;}
.gains_taste_banner_right {width: 100%;} 
.gains_taste_banner_content {padding: 20px 15px;}
.gains_taste_banner_content h2 {font-size: 32px;}
.gains_taste_banner_left:before{box-shadow: 0px -124px 124px #000;}
.gains_taste_banner_content ul li {font-size: 14px; line-height: 1.1;}
.gains_taste_banner_content p {font-size: 15px;}
.gains_taste_banner_content {padding: 20px 15px;}
.gains_taste_banner_reviews .ruk-rating-snippet-count {font-size: 12px;}
 
.gains_taste_video .collab_ceo_meet_left {width: 100%;}
.gains_taste_video .collab_ceo_meet_right {width: 100%;padding-right: 0;padding-left: 0;}
.gains_taste_video .collab_ceo_meet_content h3 {font-size: 22px;}

.gains_taste_different_header h3 {font-size: 24px; line-height: 1.1;}
.gains_taste_different_header p {font-size: 15px;}
.gains_taste_different_header p br {display:none;}
.gains_taste_different_upper { row-gap: 25px;}
.gains_taste_different_inner { width: 100%; padding: 0 10px;}
.gains_featured_collection_header ul {flex-wrap: nowrap; overflow-x: auto;}
.gains_featured_collection_header h3 { font-size: 25px;margin: 0 0 20px;}
.gains_featured_collection_header p {font-size: 15px;}
.gains_featured_collection_header p br{display:none;}

.gains_taste_brand_header h3 {font-size: 24px;}
.gains_taste_brand_header h3 {font-size: 25px}
.gains_taste_brand_body {overflow-x: auto;}
.gains_taste_brand_box {width: 100%;min-width: 220px; white-space: nowrap;}
.gains_taste_brand_box_other_heading h3 { font-size: 18px;}
.gains_taste_brand_box p {font-size: 13px; min-width: 140px;}
.gains_taste_brand_box_sinob_heading svg {width: 90px;}
.gains_taste_brand_header p {font-size: 15px;}
.gains_taste_brand_inner { flex-wrap: nowrap;}
.gains_taste_brand_box_points h3 {font-size: 18px;}

.gains_tast_performance {padding: 30px 15px;  }
.gains_tast_performance_header h3 {font-size: 25px;}
.gains_tast_performance_header h3 br{display:none;}
.gains_tast_performance_header p {font-size: 15px;}
.gains_tast_performance_header p br{display:none;} 
.gains_tast_performance_inner { width: 100%;}
.gains_tast_performance_upper {row-gap: 20px;}

.gains_taste_faq .accordion .accordion__toggle {font-size: 18px;}
.gains_taste_banner_link .button { width: 100%;}

.newsletter_proben_redirect_banner img.desktop_img {min-height: 310px;}
.newsletter_proben_redirect_content h3 {font-size: 20px;}
.newsletter_proben_redirect_content p {font-size: 14px;}
.newsletter_proben_redirect_content p  br{display:none;}
.newsletter_proben_redirect_content {max-width: 345px;margin: 0 auto;}

.newsletter_proben_redirect_header h3 {font-size: 20px;}

.newsletter_proben_redirect_upper {row-gap:25px;}
.newsletter_proben_redirect_inner {width: 100%;} 
.newsletter_proben_redirect_2_content { white-space: normal;}
.newsletter_proben_redirect_2_content h3 {font-size: 18px;line-height: 1.2;}
.newsletter_proben_redirect_header { max-width: 345px; margin: 0 auto 40px;}
.newsletter_proben_redirect_header p {font-size: 14px;}
.newsletter_proben_redirect_header p br{display:none;}
.newsletter_proben_redirect_2_content p {margin: 0 auto;max-width: 345px;}
.newsletter_proben_redirect_2_content p br{display:none;}
  
.newsletter_proben_redirect_3_banner img {min-height: 450px;}
.newsletter_proben_redirect_3_content{max-width:345px;margin:0 auto;}
.newsletter_proben_redirect_3_content h3 {font-size: 20px;}  
.newsletter_proben_redirect_3_content p {font-size: 14px;}
.newsletter_proben_redirect_3_content p br{display:none;}
.newsletter_proben_redirect_buttons .button {font-size: 14px;max-width: 345px;margin: 0 auto;display: inline-block;width: 100%;}
.newsletter_proben_redirect_buttons { flex-direction: column-reverse;}  
}
@media only screen and (min-width: 200px) and (max-width: 500px){
.collab_products_main .page_influence_featured_coll_grid .page_influence_featured_coll_griditem {grid-template-columns: 1fr;}
.page_influence_featured_coll_grid .page_influence_featured_coll_griditem { grid-template-columns: 1fr;}
}

/*
@media only screen and (min-width: 400px) and (max-width: 699px){
.gallery_image_div img {min-height:80px;}
}
@media only screen and (min-width: 500px) and (max-width: 699px){
.gallery_image_div img {min-height:100px;}
}
*/

@media only screen and (min-width: 500px) and (max-width: 767px){
.compelet_the_fit_product_info label span {width:190px;}  
.product_page_banner .custom_banner_section_content h3 {font-size: 18px;}
}
@media only screen and (min-width: 600px) and (max-width: 767px){
.compelet_the_fit_product_info label span {width:300px;}  
}
@media only screen and (min-width: 1000px) and (max-width: 1099px){
.compelet_the_fit_product_info label span {width:200px;}  
}
@media only screen and (min-width: 1100px) and (max-width: 1199px){
.compelet_the_fit_product_info label span {width:250px;}  
}
@media only screen and (min-width: 1200px) and (max-width: 1299px){
.compelet_the_fit_product_info label span {width:300px;}  
}
@media only screen and (min-width: 700px) and (max-width: 999px){
.collab_ceo_meet_media video{height: auto;}
.shopify-section--main-product {overflow:hidden}    
/* .product_gallery_single_image { overflow: visible;}   */
.boost_tag{position:absolute;right:-127px;}
.boost_tag.boost_tag_active {right: -35px;}
.product_gallery_variant { margin-left: -32px; margin-right: -32px;}  

.product_gallery_variant_slide.slick-initialized .slick-slide {padding: 0 0 0 30px;}
.product_gallery_variant_slide.mainimage.slick-initialized .slick-slide { padding: 0px;}   
  
.desktop_view{display:none;}
.mobile_view{display:block;}
.analyen_banner_text h3 {font-size: 30px;}
.analysen_how_it_works_flex {  row-gap: 24px;}
.analysen_how_it_works_left_main { width: 100%;  padding-right: 0;}
.analysen_how_it_works_right { width: 100%; max-width: 100%;}
.how_it_works_content h4 { font-size: 24px;}

.analysen_how_it_works_left_main h4 {font-size:24px;}  
.analysen_content_section_heading h3 { font-size: 22px;}

.analysen_recent_upload_heading h3 {font-size: 26px;}
.analysen_recent_upload_heading p {font-size: 14px;}
.analysen_recent_upload_box { padding: 16px;}
.analysen_recent_upload_repeat {  margin-top: 35px;grid-template-columns: 1fr 1fr;gap: 16px;}
.analysen_recent_upload_text h3 { font-size: 14px;}
.analysen_recent_upload_text h5 { margin-top: 14px; font-size: 14px;}

.discount_newsletter_content p.h4 {font-size: 14px;}
.discount_newsletter_content .h2 {font-size: 22px;}
.discount_newsletter_content p {font-size: 12px;}
.discount_newsletter_form {max-width: 350px;}
.discount_newsletter_form_control .button {font-size: 16px;}
.discount_howworks_header .h3 {font-size: 22px;}
.discount_howworks_flex {gap: 50px;}
.discount_howworks_info h3 {font-size: 14px;margin-top: 15px;}
.discount_howworks_media {min-height: 65px;}
.discount_howworks_media img {max-height: 65px;}
.discount_howworks_footer p { font-size: 12px;}
.discount_info_content {padding: 40px 0;}  
.discount_info_text_header .h3 {font-size: 28px;}
.discount_info_text_header p {font-size: 16px;}
.discount_info_text_repeater_box .h3 {font-size: 18px;}
.discount_info_text_repeater_box p { font-size: 14px;}
.discount_info_text_repeater_box .button {font-size: 13px; min-height: 42px;}  

.influencer_flex {font-size: 12px;line-height: 1.3;}
.social_proof_count {margin-left: -15px;width: 30px;height: 30px;}
.influencer_flex_span img {width: 30px;height: 30px;}
.influencer_img2, .influencer_img3, .influencer_img4 {margin-left: -15px;}
.social_proof_count_span { padding: 3px;font-size: 6px;}  
.pdp_different_header h2 {font-size: 22px;}
.pdp_different_body h3 {font-size: 20px;}
.pdp_different_body h4 {font-size: 20px;}
.pdp_different_main_max {  max-width: 100%;}

.variant_count_div {margin-top:5px !important;}   

.product-info {position: relative;width: 100%;display: block;}

.custom_banner_section_content h3 { font-size: 28px;}
.custom_banner_section_content h4 {font-size: 14px;}
/* .custom_banner_section_content .button { margin-top: 40px;} */
.image_position_right.subimage_div img{max-width:50%;margin:0 0 0 auto;}
.image_position_center.subimage_div img{max-width:50%;margin:0 auto;}

.fortify_banner_content h3 {font-size: 28px;}

.fortify_section_02_header h3 {font-size: 24px;}
.fortify_section_02_header p {font-size: 16px;}
.fortify_section_02_media img { max-width: 50px;}
.fortify_section_02_item {padding: 0 5px;}  
.fortify_section_02_content h3 {font-size: 8px;line-height:1.3;}
.fortify_section_02_line {height: 10px;margin-top: 30px;}  
.fortify_section_02_line_dots span {width: 10px;height: 10px;}
.fortify_section_02_infomation_box:before {top: -25px;border-bottom: 17px solid #fff;border-left: 10px solid transparent;border-right: 10px solid transparent;}
.fortify_section_02_infomation_box:after {top: -27px;border-bottom: 20px solid #8643C1;border-left: 11px solid transparent;border-right: 11px solid transparent;}
.fortify_section_02_infomation_box {margin-top:28px;}
.fortify_section_02_infomation {bottom: -280px;}
.fortify_section_02_body { padding-bottom: 180px;max-width: 736px;margin:40px auto 0;}
.fortify_section_02_item:first-child .fortify_section_02_infomation { left: 0;}
.fortify_section_02_item:nth-child(2) .fortify_section_02_infomation { left:-79px;}
.fortify_section_02_item:nth-child(7)  .fortify_section_02_infomation {left:unset;right: -76px;}
.fortify_section_02_item:last-child .fortify_section_02_infomation {left:unset;right: 0;}
.fortify_section_02_infomation { left: -142px;}
.fortify_section_02_item:first-child .fortify_section_02_infomation { left: 0;}
.fortify_section_02_infomation_svg svg{width:20px;height:17px;}
.fortify_section_02_item:first-child .fortify_section_02_infomation_svg {left: 8%;right: unset;}
.fortify_section_02_item:last-child .fortify_section_02_infomation_svg {left: unset;right: 8%;}
.fortify_section_02_item:nth-child(2) .fortify_section_02_infomation_svg { left: 29%; right: unset;}
.fortify_section_02_item:nth-child(7) .fortify_section_02_infomation_svg { left: unset; right: 29%;}
    
/* .fortify_section_02_item:first-child .fortify_section_02_infomation_box:after {left: 24px;}
.fortify_section_02_item:first-child .fortify_section_02_infomation_box:before {left: 25px;}
.fortify_section_02_item:nth-child(2) .fortify_section_02_infomation_box:before {left: -125px;}
.fortify_section_02_item:nth-child(2) .fortify_section_02_infomation_box:after {left: -125px;}
.fortify_section_02_item:nth-child(7) .fortify_section_02_infomation_box:after {left: unset;right: 105px;}
.fortify_section_02_item:nth-child(7) .fortify_section_02_infomation_box:before {left: unset;right: 106px;}
.fortify_section_02_item:last-child .fortify_section_02_infomation_box:before {left: unset;right: 26px;}
.fortify_section_02_item:last-child .fortify_section_02_infomation_box:after { left: unset; right: 25px;} */

.fortify_section_03_info { padding: 30px 20px;}
.fortify_section_03_content h4 {font-size: 16px;line-height: 1.2;margin-bottom: 10px;}
.fortify_section_03_content h3 {font-size: 28px;line-height: 1.2;}
.fortify_section_03_content price {font-size: 16px;line-height: 1;}
.fortify_section_03_content p {font-size: 16px;}
.fortify_section_03_ingrdients li {max-width: 60px;}
.fortify_section_03_ingrdients_media img {max-width: 50px;margin:0 auto;}
.fortify_section_03_ingrdients_info h3 {font-size: 10px;}
.fortify_section_03_content .buy-buttons .button {font-size: 16px;}
.fortify_section_03_content { max-width: 400px; margin: 0;}

.fortify_section_04_info {padding: 30px 20px;}
.fortify_section_04_content h4 {font-size: 16px;}
.fortify_section_04_content h3 {font-size: 28px;line-height: 1.3;}
.fortify_section_04_content ul {margin: 30px 0 0; gap: 10px;}
.fortify_section_04_content ul li { font-size: 16px; line-height: 1.5;}
.fortify_section_04_content ul li:before {left: -120px;width: 90px;height: 9px;background-repeat: no-repeat;}
.fortify_section_04_grid {align-items: flex-end;}
  
.fortify_section_05_header h3 {font-size: 24px;}
.fortify_section_05_header h4 {font-size: 16px;}
.fortify_section_05_slider {max-width: 350px;margin: 40px auto 0;}
.fortify_section_05_slide_info h3 {font-size: 20px;}
.fortify_section_05_ingridents {margin: 30px auto 0;}
.fortify_section_05_ingridents_media img {width: 45px;margin:0 auto;}
.fortify_section_05_ingridents_content h3 {font-size: 14px;}
.fortify_section_05_slider .flickity-prev-next-button.previous {left: -35px;}
.fortify_section_05_slider .flickity-prev-next-button.next {right: -35px;}
  
.fortify_section_06_content {padding:30px 15px;}  
.fortify_section_06_content h4 {font-size: 16px;}
.fortify_section_06_content h3 {font-size: 28px;line-height: 1.3;}
.fortify_section_06_content h3 br{display:none;}
.fortify_section_06_content p {font-size: 14px;}
.fortify_section_06_media {height: 100%;}
.fortify_section_06_media img {height: 100%;object-fit: cover;}

.fortify_section_07_header h3 {font-size: 24px;}
.fortify_section_07_header p {font-size: 16px;}
.fortify_section_07_content img {max-width: 85px;}
.fortify_section_07_content h4 {font-size: 13px;}
.fortify_section_07_content p {font-size: 14px;}
.fortify_section_07_box {padding: 20px 15px;}
.fortify_section_07_grid { gap: 15px;}
.fortify_section_07_body {margin-top: 30px;padding: 0 15px;}

.fortify_section_08_header h3 {font-size: 24px;}
.fortify_section_08_header p {font-size: 16px;}
.fortify_section_08_inner { width: 290px;}  

.visible_sm{display:block;}
.hidden_sm{display:none;}
.page_influence_flex {align-items: stretch;}
.page_influence_media{width:100%;}
.page_influence_media img {height: 100%;object-fit: cover;}
.page_influence_info{width: 100%;padding-left:0;display: grid;gap: 0;}
.page_influence_info_top h3 {font-size: 18px;padding-right: 0;padding-top: 35px;}
.page_influence_info_top h3 span {padding: 4px 12px;font-size: 14px;right: unset;top: 0;left: 0;}
.page_influence_info_top p {line-height: 1.4;font-size: 14px;}
.page_influence_featured_coll_grid .page_influence_featured_coll_griditem { grid-template-columns: 1fr 1fr;}
.page_influence_info_bottom h3{font-size: 18px;padding-right: 0;}
.page_influence_info_bottom p {line-height: 1.4;font-size: 14px;}
.page_influence {padding: 0;}
.page_influence_flex_mobile{display: flex;flex-wrap: wrap;}
.page_influence_media_mobile { width:30%;}
.page_influence_info_mobile { width: 70%;padding-left: 12px;}
.page_influence_media_mobile img {height: 100%;object-fit: cover;border-radius:10px;overflow:hidden;} 

.influencer_2025_banner_content h3 {font-size: 28px;}
.influencer_2025_banner_content p {font-size: 16px;}
.influencer_2025_banner_content {max-width: 630px;margin: 0 auto;}
.influencer_2025_banner_content {max-width: 590px;margin: 0 auto;}
.influencer_2025_section2_heading h3 {font-size: 40px;}
.influencer_2025_section2_heading span {margin-left: 25px;}
.influencer_2025_section2_media .hash_svg {position: absolute;bottom: -53px;left: 30px;}
.influencer_2025_section2_media .hash_svg svg {width: 65px;height: auto;}
.influencer_2025_section2_content {max-width: 450px;}
.influencer_2025_section2_content p {font-size: 16px;}
.influencer_2025_section3_left {padding-right: 35px;}
.influencer_2025_section3_left h3 {font-size: 24px;margin: 0 0 20px;line-height: 1.3;}
.influencer_2025_section3_left ul li .influencer_2025_section3_ul_li h5 {font-size: 16px;}
.influencer_2025_section3_left h4 {font-size: 16px;margin: 0 0 20px;}
.influencer_2025_section3_left p {font-size: 15px;}
.influencer_2025_section3_left ul {margin: 20px 0 0;gap: 15px;}
.influencer_2025_section3_left ul li {width: 100%;padding:0;}
.influencer_2025_section3_svg_image {bottom: 20px;max-width: 100px;}
.page_influence_media_mobile {width: 100%;}
.influencer_2025_faq_left {width: 30%;}
.influencer_2025_faq_right {width: 70%;padding-left: 35px;}
.section_stack_main h3 {font-size: 32px;margin: 0 0 20px;}

.custom_newsletter_box {padding: 30px 20px;}
.custom_newsletter_richtext ul li { font-size: 16px;}
.custom_newsletter_content p {font-size: 16px;}
.custom_newsletter_form {max-width: 560px;}
.footer__wrapper_flex { row-gap: 30px;}  
.footer_wrapper_left {width: 100%;border-right: none;}
.footer__block-list {width: 100%;padding-left: 0;}

.newoffer_page_product .product-gallery__media-list{ --product-gallery-media-list-grid: auto / auto-flow 100%;}
 .product .product-gallery__media-list{ --product-gallery-media-list-grid: auto / auto-flow 100%;}

.sort_by_bar .sort_by_cl { font-size: 14px; padding-bottom:5px;}
.sort_by_bar .sort_by_cl svg { margin-right: 5px;}
.sort_by_bar { display: grid; grid-template-columns: auto 1fr;}
.sort_by_bar ul {  overflow-x: auto;margin-right: -20px;padding-right: 20px;padding-bottom:5px;}
/* .sort_by_bar ul::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;width:100%;}
.sort_by_bar ul::-webkit-scrollbar{height:3px;width:100%;background-color: #F5F5F5;}
.sort_by_bar ul::-webkit-scrollbar-thumb{background-color: #000000;} */

.collab_ceo_meet_flex { row-gap: 20px;}
.collab_ceo_meet_right {width: 100%;padding-left: 00px;}
.collab_ceo_meet_left {width: 100%;}
.collab_logos_images {padding: 0 15px;}
.collab_banner_content_logos { max-width: 450px;}
.collab_banner_desktop img {height: 400px;object-fit: cover;}
.collab_banner_content  h3 {font-size: 24px;}
.collab_banner_content  p {font-size: 15px;}
.collab_banner_content  p br{display:none;}  
.collab_ceo_meet_content h3 { font-size: 24px;}
.collab_ceo_meet_content h4 {font-size: 18px;}
.collab_ceo_meet_content .collab_ceo_meet_richtext {font-size: 15px;margin: 15px 0 0;}
.collab_brand_owner_info h3 {font-size: 24px;}
.collab_brand_owner_richtext {font-size: 15px; margin: 15px 0 0;}
.page_influence_info_bottom h3 svg { width: 12px;  height: auto;}

.lp_sinobdeal_banner_content h4 {font-size: 18px;}
.lp_sinobdeal_banner_content .scroll_button {margin-top: 30px;}

.lp_sinobdeal_secion02_flex {flex-direction: column;row-gap: 30px;}
.lp_sinobdeal_secion02_left {width: 100%;}
.lp_sinobdeal_secion02_right {width: 100%;padding-left: 0;}
.lp_sinobdeal_secion02_info h3 {font-size: 16px;}
.lp_sinobdeal_secion02_info h3 span {font-size: 18px;}
.lp_sinobdeal_secion02_info ul li {font-size: 16px; padding-left: 45px;}

.lp_sinobdeal_secion03_info h3 {font-size: 20px;}
.lp_sinobdeal_secion03_info p {font-size: 16px;}
.lp_sinobdeal_secion03_info .button { font-size: 16px; margin-top: 30px;}

.lp_sinobdeal_list_item_ul { margin-bottom: 40px;}
.lp_sinobdeal_list_item_ul ul li span {width: 21px;height: 21px;top: -11px;}  
.lp_sinobdeal_list_item_inner {width: 199px;}
.lp_sinobdeal_list_item_info h3 {font-size: 16px;}  
.lp_sinobdeal_list_item_info p {font-size: 14px;}
.lp_sinobdeal_list_item_info p br{display:none;}
.lp_sinobdeal_list_item_media {margin-bottom: 10px;}  

.seo_footer_right_nav ul {grid-template-columns: repeat(2, 1fr);  gap: 10px 20px;}
.seo_footer_left_content{padding-right:10px}
.seo_footer_left_content img {max-width: 110px;}
.seo_footer_right_nav ul li{ font-size: 14px;}
.seo_footer_right_nav {padding: 0 20px;}
.seo_footer_left_content p {font-size: 14px;}  

.promotion_content h3 {font-size: 24px;}  
.promotion_content h4 { font-size: 18px !important;}
.promotion_content p { font-size: 14px !important;} 

.order_info {margin-bottom: 20px;overflow: hidden;}  

.gains_taste_banner_media {height: 100%;}
.gains_taste_banner_media img {height: 100%;object-fit: contain;}
.gains_taste_banner_content {padding: 25px 15px;}
.gains_taste_banner_content h2 {font-size: 29px;}
.gains_taste_banner_content p { font-size: 14px;}
.gains_taste_banner_content ul li { font-size: 14px;}
.gains_taste_banner_reviews .ruk-rating-snippet-count {font-size: 12px;margin-left: 5px;} 
.gains_taste_video .collab_ceo_meet_content h3 {font-size: 28px;}
.gains_taste_video .collab_ceo_meet_content p {font-size: 14px;}
.gains_taste_video .collab_ceo_meet_right { padding-right: 30px;}
.gains_taste_different_header h3 {font-size: 28px;}
.gains_taste_different_content h3 {font-size: 18px;}
.gains_taste_different_header p {font-size: 14px;}

.gains_featured_collection_header ul { justify-content: flex-start;flex-wrap: nowrap;margin-top: 20px; overflow-x: auto;}
.gains_taste_brand_header h3 {font-size: 29px;} 
.gains_taste_brand_box_other_heading h3 {font-size: 22px;}
.gains_taste_brand_box_points h3 {font-size: 18px;}
.gains_taste_brand_box_sinob_heading svg {width: 90px;}
.gains_taste_brand_box p {font-size: 14px;}
.gains_featured_collection_header h3 {font-size: 29px;margin: 0 0 25px;}
.gains_tast_performance_header h3 {font-size: 29px;}
.gains_tast_performance_header p {font-size: 14px;}
.gains_tast_performance_header p br{display:none;}
.gains_tast_performance_inner {width: 50%;}
.gains_tast_performance_upper { row-gap: 20px;}    

.newsletter_proben_redirect_content h3 {font-size: 30px;}
.newsletter_proben_redirect_content p {font-size: 14px;}
.newsletter_proben_redirect_content {max-width: 640px;margin: 0 auto;}
.newsletter_proben_redirect_banner img.desktop_img {min-height: 400px;}

.newsletter_proben_redirect_header h3 {font-size: 30px;}
.newsletter_proben_redirect_header p {font-size: 14px;}
.newsletter_proben_redirect_header p br{display:none;}
.newsletter_proben_redirect_header {max-width: 640px;margin: 0 auto 40px;}
.newsletter_proben_redirect_2_content h3 {font-size: 18px;}
.newsletter_proben_redirect_2_content p br{display:none;}
  
.newsletter_proben_redirect_3_content h3 {font-size: 30px;}
.newsletter_proben_redirect_3_content p {font-size: 14px;}  
}
@media only screen and (min-width: 1000px) and (max-width: 1149px){
.pdp_different_header h2 {font-size: 22px;}
.pdp_different_body h3 {font-size: 20px;}
.pdp_different_body h4 {font-size: 20px;}
.pdp_different_main_max {  max-width: 100%;}  
}
@media only screen and (min-width: 1000px) and (max-width: 1199px){
/* 
.gallery_image_div img { min-height: 60px; object-fit: contain;} 
.product_gallery_variant_slide.slick-initialized .slick-slide { padding: 0 20px;}  
.product_gallery_variant_slide .slick-list.draggable {padding: 0px 50px !important;}
*/  
.slick_arrows_div .arrow_ss#prev_slick {left:40px;}
.slick_arrows_div .arrow_ss#next_slick {right:40px;}

.analyen_banner_content {  padding: 24px 24px 24px;}
.analyen_banner_text h3 {font-size: 30px;}
.analysen_how_it_works_flex {row-gap: 24px;}
.how_it_works_content h4 { font-size: 24px;}

.analyen_banner_top_logo img{max-width:80px;}

.analysen_how_it_works_right_side { padding: 20px 24px 30px;}
.analysen_content_section_heading h3 { font-size: 22px;}
.how_it_works_list_right {padding-left: 24px;}
.analysen_how_it_works_right {max-width: 410px;}
.analysen_how_it_works_left_main { width: calc(100% - 410px);padding-right: 50px;}
.image_logo_1 img{max-width:250px;}
.image_logo_1 img{max-width:80px;}  

.analysen_recent_upload_heading h3 {font-size: 26px;}
.analysen_recent_upload_heading p {font-size: 14px;}
.analysen_recent_upload_box { padding: 16px;}
.analysen_recent_upload_repeat {  margin-top: 35px;gap: 16px;}
.analysen_recent_upload_text h3 { font-size: 14px;}
.analysen_recent_upload_text h5 { margin-top: 14px; font-size: 14px;}

.discount_newsletter_content p.h4 {font-size: 14px;}
.discount_newsletter_content .h2 {font-size: 22px;}
.discount_newsletter_content p {font-size: 12px;}
.discount_newsletter_form {max-width: 350px;}
.discount_newsletter_form_control .button {font-size: 16px;}
.discount_howworks_header .h3 {font-size: 22px;}
.discount_howworks_flex {gap: 50px;}
.discount_howworks_info h3 {font-size: 14px;margin-top: 15px;}
.discount_howworks_media {min-height: 65px;}
.discount_howworks_media img {max-height: 65px;}
.discount_howworks_footer p { font-size: 12px;}
.discount_info_content {padding: 40px 0;}  
.discount_info_text_header .h3 {font-size: 28px;}
.discount_info_text_header p {font-size: 16px;}
.discount_info_text_repeater_box .h3 {font-size: 18px;}
.discount_info_text_repeater_box p { font-size: 14px;}
.discount_info_text_repeater_box .button {font-size: 13px; min-height: 42px;}  

.pdp_different_header h2 {font-size: 22px;}
.pdp_different_body h3 {font-size: 20px;}
.pdp_different_body h4 {font-size: 20px;}  

.custom_banner_section_content h3 { font-size: 32px;}
.custom_banner_section_content h4 {font-size: 16px;}
/* .custom_banner_section_content .button { margin-top: 50px;} */
.image_position_right.subimage_div img{max-width:65%;margin:0 0 0 auto;}
.image_position_center.subimage_div img{max-width:65%;margin:0 auto;}

.fortify_banner_content h3 {font-size: 35px;}
  
.fortify_section_02_header h3 {font-size: 24px;}
.fortify_section_02_header p {font-size: 16px;}
.fortify_section_02_content h3 {font-size: 12px;}
.fortify_section_02_media img {margin: 0 auto;max-width: 65px;}
.fortify_section_02_body {padding-bottom: 195px;max-width: 950px;margin:40px auto 0;}
.fortify_section_02_item:first-child .fortify_section_02_infomation_svg {left: 12%;right: unset;}
.fortify_section_02_item:last-child .fortify_section_02_infomation_svg {left: unset;right: 12%;}
.fortify_section_02_item:nth-child(2) .fortify_section_02_infomation_svg { left:39%; right: unset;}
.fortify_section_02_item:nth-child(7) .fortify_section_02_infomation_svg { left: unset; right:39%;}
  
.fortify_section_03_content h4 {font-size: 18px;}
.fortify_section_03_content h3 {font-size: 28px;}
.fortify_section_03_content price {font-size: 18px;}
.fortify_section_03_content p {font-size: 16px;}
.fortify_section_03_ingrdients li { max-width: 82px;}
.fortify_section_03_ingrdients_info h3{font-size:12px;}
.fortify_section_03_content .buy-buttons .button {font-size: 18px;}
.fortify_section_03_content { max-width: 450px; margin: 0;}
 
.fortify_section_04_grid { align-items: flex-end;}
.fortify_section_04_content h3 {font-size: 28px;line-height:1.3;}
.fortify_section_04_content h4 {font-size: 18px;}
.fortify_section_04_content ul li {font-size: 18px;}
.fortify_section_04_content ul {margin: 50px 0 0;gap: 15px;}
.fortify_section_04_content ul li:before {left: -165px;width: 120px;height: 14px;background-repeat: no-repeat;}
.fortify_section_04_info {padding: 40px 25px;}

.fortify_section_05_header h4 {font-size: 16px;}
.fortify_section_05_header h3 {font-size: 24px;}
.fortify_section_05_slider {max-width: 350px;margin: 60px auto 0;}
.fortify_section_05_ingridents_content h3 {font-size: 16px;}
.fortify_section_05_ingridents {margin: 40px auto 0;}
.fortify_section_05_slider .flickity-prev-next-button.previous {left: -35px;}
.fortify_section_05_slider .flickity-prev-next-button.next {right: -35px;}

.fortify_section_06_content {max-width: 500px;padding:30px 15px;}
.fortify_section_06_content h3 {font-size: 28px;line-height: 1.3;}
.fortify_section_06_content h4 {font-size: 18px;}
.fortify_section_06_content p {font-size: 16px;}

.fortify_section_07_header h3 {font-size: 24px;}
.fortify_section_07_header p {font-size: 16px;}
.fortify_section_07_box {padding: 20px 20px;}
.fortify_section_07_content p {font-size: 16px;}
.fortify_section_07_content img {max-width: 100px;}
.fortify_section_07_body { padding: 0 15px;}

.fortify_section_08_header h3 {font-size: 24px;}
.fortify_section_08_header p {font-size: 16px;}
.fortify_section_08_inner {width: 300px;}

.page_influence_featured_coll_griditem .product-card__badge-list .badge {font-size: 9px;}

.visible_sm{display:block;}
.hidden_sm{display:none;}
.page_influence_flex {align-items: stretch;}
.page_influence_media{width:100%;}
.page_influence_media img {height: 100%;object-fit: cover;}
.page_influence_info{width: 100%;padding-left:0;display: grid;gap: 0;}
.page_influence_info_top h3 {font-size: 18px;padding-right: 0;padding-top: 35px;}
.page_influence_info_top h3 span {padding: 4px 12px;font-size: 14px;right: unset;top: 0;left: 0;}
.page_influence_info_top p {line-height: 1.4;font-size: 14px;}
.page_influence_featured_coll_grid .page_influence_featured_coll_griditem { grid-template-columns: 1fr 1fr 1fr 1fr;}
.page_influence_info_bottom h3{font-size: 18px;padding-right: 0;}
.page_influence_info_bottom p {line-height: 1.4;font-size: 14px;}
.page_influence {padding: 0;}
.page_influence_flex_mobile{display: flex;flex-wrap: wrap;}
.page_influence_media_mobile { width: 25%;}
.page_influence_info_mobile { width: 75%;padding-left: 12px;}
.page_influence_media_mobile img {height: 100%;object-fit: cover;border-radius:10px;overflow:hidden;}    

.influencer_2025_banner_content {max-width: 870px;}
.influencer_2025_banner_content h3 {font-size: 35px;}
.influencer_2025_section2_heading h3 {font-size: 52px;}
.influencer_2025_section2_media .hash_svg {bottom: -65px;left: 25px;}
.hash_svg svg {width: 80px;height: auto;}
.influencer_2025_section2_content {max-width: 677px;}
.influencer_2025_section2_content p {font-size: 18px;}
.influencer_2025_section3_svg_image {bottom: -00px;max-width: 150px;}
.influencer_2025_section3_left {padding-right: 40px;}
.influencer_2025_section3_left h3 {font-size: 26px;margin: 0 0 25px;}
.influencer_2025_section3_left h4 {font-size: 18px;margin: 0 0 25px;}
.influencer_2025_section3_left p {font-size: 15px;}
.influencer_2025_section3_left ul {margin: 25px -15px 0;row-gap: 20px;}
.influencer_2025_products .page_influence_media_mobile { width: 100%;}
.influencer_2025_faq_right {padding-left: 45px;}

.footer_wrapper_left {width: 370px;}
.footer__block-list {width: calc(100% - 370px);padding-left: 50px;}
.footer_wrapper_tagline .h4 {font-size: 16px;}

.collab_ceo_meet_right {padding-left: 20px;}
.collab_banner_content  h3 {font-size: 28px;}
.collab_banner_content  p {font-size: 18px;}
.collab_ceo_meet_content h3 { font-size: 28px;}
.collab_ceo_meet_content h4 {font-size: 18px;}
.collab_ceo_meet_content .collab_ceo_meet_richtext {font-size: 18px;margin: 15px 0 0;}
.collab_brand_owner_info h3 {font-size: 24px;}
.collab_brand_owner_richtext {font-size: 18px; margin: 15px 0 0;}
.page_influence_info_bottom h3 svg { width: 12px;  height: auto;}

.lp_sinobdeal_banner_content h4 {font-size: 24px;}

.lp_sinobdeal_secion02_left {width: 300px;}
.lp_sinobdeal_secion02_right {width: calc(100% - 300px);padding-left: 30px;}
.lp_sinobdeal_secion02_info h3 span {font-size: 22px;}
.lp_sinobdeal_secion02_info h3 {font-size: 16px;margin: 0 0 30px;}
.lp_sinobdeal_secion02_info ul li {font-size: 15px;}

.lp_sinobdeal_secion03_info p {font-size: 16px;}

.lp_sinobdeal_list_item_info h3 {font-size: 20px;}
.lp_sinobdeal_list_item_info p {font-size: 16px;}  

.seo_footer_right_nav ul {grid-template-columns: repeat(3, 1fr);  gap: 10px 20px;}
.seo_footer_left_content img {max-width: 110px;}
.seo_footer_right_nav ul li{ font-size: 14px;}
.seo_footer_right_nav {padding: 0 20px;}
.seo_footer_left_content p {font-size: 14px;}
.seo_footer_left_content{padding-right:10px}

.promotion_content h3 {font-size: 22px;}  
.promotion_content h4 { font-size: 16px !important;}
.promotion_content p { font-size: 14px !important;}
.product-list__promo.custom_promotion_list  {grid-column: span 1;}
.link_text_div, .link_text_div_back { justify-content: flex-end;position: relative;right: 0;bottom: 0;}   

.order_info p {font-size: 12px;}  

.gains_taste_banner_content h2 {font-size: 40px;}
.gains_taste_brand_box_points h3 {font-size: 24px;}
.gains_taste_brand_header h3 {font-size: 32px;}
.gains_tast_performance_header h3 {font-size: 32px;}
.gains_taste_brand_box_other_heading h3 {font-size: 24px;}
.gains_featured_collection_header h3 {font-size: 32px;margin: 0 0 30px;}
.gains_taste_different_header h3 {font-size: 32px;}
.gains_taste_video .collab_ceo_meet_content h3 {font-size: 30px;}

.newsletter_proben_redirect_content h3 {font-size: 35px;}
.newsletter_proben_redirect_header h3 {font-size: 35px;}
.newsletter_proben_redirect_3_content h3 {font-size: 35px;}  
.newsletter_proben_redirect_2_content p br{display:none;}
}
/*
@media only screen and (min-width: 1050px) and (max-width: 1199px){
.gallery_image_div img { min-height: 80px; object-fit: contain;}
}
@media only screen and (min-width: 1100px) and (max-width: 1199px){
.gallery_image_div img { min-height: 90px; object-fit: contain;}
}
*/
@media only screen and (min-width: 1200px) and (max-width: 1367px){
.analyen_banner_text h3 {font-size: 40px;}
.analyen_banner_content { padding: 20px 20px 28px;}
.how_it_works_content h4 {font-size: 24px;}
.analysen_how_it_works_left_main h4 {font-size:24px;}    
.analysen_how_it_works_right {  max-width: 430px;}
.analysen_how_it_works_left_main { width: calc(100% - 430px);}
.analysen_content_section_heading h3 {font-size: 28px;}
.image_logo_1 img{max-width:250px;}
.image_logo_2 img{max-width:80px;}  
.analysen_recent_upload_heading h3 {font-size: 30px;}
.analysen_recent_upload_heading p {font-size: 16px;}
.analysen_recent_upload_box {padding: 24px;}
.analysen_recent_upload_text h3 {font-size: 16px;}  
.analysen_recent_upload_repeat {margin-top: 38px;}

.discount_howworks_flex { gap: 100px;}
.discount_howworks_info h3 {font-size: 16px;}
.discount_info_text_repeater_box .h3 { font-size: 22px;}  

.custom_banner_section_content h3 { font-size: 36px;}
.custom_banner_section_content h4 {font-size: 16px;}
/* .custom_banner_section_content .button { margin-top: 60px;} */
.image_position_right.subimage_div img{max-width:75%;margin:0 0 0 auto;}
.image_position_center.subimage_div img{max-width:75%;margin:0 auto;}

.fortify_banner_content h3 {font-size: 40px;}
  
.fortify_section_02_header h3 {font-size: 24px;}
.fortify_section_02_header p {font-size: 16px;}
.fortify_section_02_content h3 {font-size: 15px;}
.fortify_section_02_media img {margin: 0 auto;max-width: 65px;}
.fortify_section_02_body {padding-bottom: 195px;max-width: 1104px;margin:40px auto 0;}

.fortify_section_03_content h4 {font-size: 18px;}
.fortify_section_03_content h3 {font-size: 28px;}
.fortify_section_03_content price {font-size: 18px;}
.fortify_section_03_content p {font-size: 18px;}
.fortify_section_03_ingrdients li { max-width: 82px;}
.fortify_section_03_ingrdients_info h3{font-size:12px;}
.fortify_section_03_content .buy-buttons .button {font-size: 18px;}
.fortify_section_03_content { max-width: 450px; margin: 0;}
 
.fortify_section_04_content h3 {font-size: 28px;line-height:1.3;}
.fortify_section_04_content h4 {font-size: 18px;}
.fortify_section_04_content ul li {font-size: 18px;}
.fortify_section_04_content ul {margin: 50px 0 0;gap: 20px;}
.fortify_section_04_content ul li:before {left: -165px;width: 120px;height: 14px;background-repeat: no-repeat;}
.fortify_section_04_info {padding: 40px 25px;}

.fortify_section_05_header h4 {font-size: 16px;}
.fortify_section_05_header h3 {font-size: 24px;}
.fortify_section_05_slider {max-width: 350px;margin: 60px auto 0;}
.fortify_section_05_ingridents_content h3 {font-size: 18px;}
.fortify_section_05_ingridents {margin: 40px auto 0;}

.fortify_section_06_content {max-width: 500px;padding:30px 30px 30px 15px;}
.fortify_section_06_content h3 {font-size: 28px;line-height: 1.3;}
.fortify_section_06_content h4 {font-size: 18px;}
.fortify_section_06_content p {font-size: 16px;}

.fortify_section_07_header h3 {font-size: 24px;}
.fortify_section_07_header p {font-size: 16px;}
.fortify_section_07_box {padding: 20px 20px;}
.fortify_section_07_content p {font-size: 16px;}
.fortify_section_07_content img {max-width: 100px;}
.fortify_section_07_body { padding: 0 15px;}

.fortify_section_08_header h3 {font-size: 24px;}
.fortify_section_08_header p {font-size: 16px;}
.fortify_section_08_inner {width: 300px;}

.page_influence_featured_coll_griditem .product-card__badge-list .badge {font-size: 9px;}

.page_influence_flex {align-items: stretch;}
.page_influence_media img {height: 100%;object-fit: cover;}

.influencer_2025_section3_svg_image {bottom: 00px;}
.influencer_2025_section2_heading h3 {font-size: 60px;}
.influencer_2025_section2_content {max-width: 800px;}
.influencer_2025_section2_content p {  font-size: 20px;}
.hash_svg svg { width: 100px; height: auto;}
.influencer_2025_section2_media .hash_svg { bottom: -81px;}
.influencer_2025_section3_left {padding-right: 50px;}

.footer_wrapper_left {width: 400px;padding-right: 50px;}  
.footer__block-list {width: calc(100% - 400px); padding-left: 50px;}
.footer_wrapper_tagline .h4 {font-size: 16px;}

.lp_sinobdeal_banner_content h4 {font-size: 24px;}

.lp_sinobdeal_secion02_left {width: 400px;}
.lp_sinobdeal_secion02_right {width: calc(100% - 400px);padding-left: 30px;}
.lp_sinobdeal_secion02_info h3 span {font-size: 22px;}
.lp_sinobdeal_secion02_info h3 {font-size: 16px;margin: 0 0 30px;}
.lp_sinobdeal_secion02_info ul li {font-size: 15px;}

.lp_sinobdeal_secion03_info p {font-size: 16px;}

.lp_sinobdeal_list_item_info h3 {font-size: 20px;}
.lp_sinobdeal_list_item_info p {font-size: 16px;}  

.seo_footer_right_nav ul { grid-template-columns: repeat(4, 1fr); gap: 15px 20px;}

.promotion_content h3 {font-size: 22px;}  
.promotion_content h4 { font-size: 16px !important;}
.product-list__promo.custom_promotion_list  {grid-column: span 1;} 

.gains_taste_banner_content h2 {font-size: 50px;}
.gains_taste_brand_box_points h3 {font-size: 26px;}
.gains_taste_brand_box_other_heading h3 {font-size: 26px;}

.newsletter_proben_redirect_content h3 {font-size: 35px;}
.newsletter_proben_redirect_header h3 {font-size: 35px;}
.newsletter_proben_redirect_3_content h3 {font-size: 35px;}   
}
@media only screen and (min-width: 1368px) and (max-width: 1600px){
.analyen_banner_text h3 {font-size: 50px;}
.analyen_banner_content { padding: 20px 20px 28px;}
.how_it_works_content h4 {font-size: 26px;}
.analysen_how_it_works_left_main h4 {font-size:26px;}    
.analysen_how_it_works_right {max-width: 430px;}
.analysen_how_it_works_left_main { width: calc(100% - 430px);}
.analysen_content_section_heading h3 {font-size: 28px;}  
.image_logo_1 img{max-width:270px;}
.image_logo_2 img{max-width:90px;}  
.analysen_recent_upload_heading h3 {font-size: 30px;}
.analysen_recent_upload_heading p {font-size: 16px;}
.analysen_recent_upload_box {padding: 24px;}
.analysen_recent_upload_text h3 {font-size: 16px;}  
.analysen_recent_upload_repeat {margin-top: 38px;}

.custom_banner_section_content h3 { font-size: 42px;}
.custom_banner_section_content h4 {font-size: 18px;}
/* .custom_banner_section_content .button { margin-top: 60px;} */
.image_position_right.subimage_div img{max-width:85%;margin:0 0 0 auto;}
.image_position_center.subimage_div img{max-width:85%;margin:0 auto;}
.page_influence_flex {align-items: stretch;}
.page_influence_media img {height: 100%;object-fit: cover;} 

.hash_svg svg { width: 100px; height: auto;}
.influencer_2025_section2_media .hash_svg { bottom: -81px;}
.influencer_2025_section2_content { max-width: 1020px;}
.influencer_2025_section2_content p {font-size: 22px;}

.seo_footer_left_content p {font-size: 16px;}
.gains_taste_banner_content h2 {font-size: 60px;}  
.newsletter_proben_redirect_content h3 {font-size: 45px;}  
}
@media only screen and (min-width: 1601px) and (max-width: 1800px){
.analyen_banner_text h3 {font-size: 60px;}
.analysen_recent_upload_heading h3 {font-size: 34px;}  
.newsletter_proben_redirect_content h3 {font-size: 50px;}  
}

/* Cart Drawer Css */
.cart_top_bar{background:#F73A3A;padding:10px 40px;margin:0 -40px;display:none;}
.cart_top_bar_flex{display:flex;gap:20px;align-items:center;}
.cart_top_bar_inner h3{font-size:18px;color:#fff;line-height:1;margin:0 0 2px;}
.cart_top_bar_inner p{font-size:14px;color:#fff;line-height:1;margin:0;}
.order_place_info{background:#1c1c1c;padding:10px 40px;margin:0 -40px;}
.order_place_info_flex{display:flex;gap:10px;align-items:center;}
.in_stock_hint{font-size:12px;color:#fff;line-height:1.2;margin:0 0;}
.in_stock_hint .ab-delivery-date{font-weight:bold;}
.feature_badge_payments{display:flex;flex-direction:column;gap:5px;padding:0 2.5rem;}
.feature_badge_payments .feature_badge_icons{display: flex;gap: 10px;align-items: center;flex-wrap: wrap;}
.feature_badge_payments .feature_badge_icons svg{width:48px;}
.feature_badge_payments .feature_badge_icons p{font-size:12px;margin:0;width:calc(100% - 58px);}
.custom_padding{padding:0 2.5rem;}
.drawer::part(footer) {  padding: 0 0 1rem;}
.prioritized_shipping{border-top:1px solid #D7D7D7;border-bottom:1px solid #D7D7D7;padding:0.20rem 2.5rem;}
.prioritized_shipping_upper{display:flex;justify-content:space-between;align-items:center;}
.prioritized_shipping_content span{font-size:16px;color:#000;font-weight:500;}
.prioritized_shipping_inner p{font-size:13px;color:#686868;font-weight:normal;}
.prioritized_shipping_content svg {vertical-align: middle;}
.prioritized_shipping_end{display:flex;gap:10px;align-items: center;}
.prioritized_shipping_end price {font-weight:600;}
.buy-buttons{padding:0 2.5rem;}
.timer_div, .item_delivery_estimate_in {font-weight:600;}
.toggle_label {position: relative;display: block;width: 36px;height: 20px;background:#DFDADA;border-radius: 50px;}
.toggle_label.active {background:#FF8888;}
.toggle_label input[type=checkbox] {opacity: 0;position: absolute;width: 100%;height: 100%;}
.toggle_label input[type=checkbox]+.back {position: absolute;width: 100%;height: 100%;transition: background 150ms linear;}
.toggle_label input[type=checkbox]+.back .toggle {display: block;position: absolute;content: ' ';background: #fff;width: 16px;height: 16px;border-radius: 50%;top: 2px;left: 2px;}
.toggle_label input[type=checkbox]:checked+.back .toggle {right:2px;left:unset;}
.toggle_label .label {display: block;position: absolute;width: 50%;color: #ddd;text-align: center;font-size: 2em;}

/* Pdp Updates 29-9-2024 */
.rating-with-text{gap:0 !important;} 
.rating-with-text .price-list {justify-content:space-between;align-items: center;/*display: grid !important;*/grid-template-columns: 1fr auto auto;gap: 0;}
/* .product .product-info__price {margin-top:25px !important;} */
.product-info__price .product-info__badge-list on-sale-badge{margin-left:5px;}
.rating-with-text .price-list sale-price {display: flex;gap: 10px; align-items: center;}
.rating-with-text .price-list compare-at-price{font-size:14px;/*display: flex !important;*/gap: 10px; align-items: center;color: rgb(var(--text-color) / .7);position:relative;padding-left:40px;}
.rating-with-text .price-list compare-at-price:before {position:absolute;content:'UVP:';font-size: 14px;left:0;}
.rating-with-text .price-list unit-price{margin-left:0px;}
.product-info__price .product-info__badge-list { margin-inline-start: 0;}

.tax-notice-on-deafault-page {display: flex;margin-bottom: 1px;/*position: absolute;left: 105px;*/}

/* .variant-picker .variant-picker__option{position: relative;}
.variant-picker .variant-picker__option .variant-picker__option-info{position: absolute;margin: 0;left: 20px; top: 13px;}
.variant-picker .variant-picker__option variant-option-value{display:none;}
.variant-picker .variant-picker__option .relative .select { padding-left: 116px;} */

.product-info__buy-buttons .buy-buttons .button, .klaviyo-bis-trigger{border-radius: 10px;}
.product-info__buy-buttons .buy-buttons .product-info__quantity-selector .quantity-selector {border-radius: 10px;}

.payment_icons_flex {display: flex;margin-left:-1px !important;margin-right:-1px !important;width: 100%;}
.payment_icons_inner {width: 33.33%;padding:0 1px;}
.payment_icons_box {border-radius: 10px;padding: 10px 20px;display: flex;gap:9px;align-items: center;font-size: 9px;font-weight: 700;min-height: 40px;line-height: 1.1;justify-content:center;}
.payment_icons_inner:first-child svg{width:60px;height:18px;}
.payment_icons_inner:nth-child(2) svg{width:60px;height:18px;}
.payment_icons_inner:nth-child(3) svg{width:44px;height:18px;display:inline-block;}
.payment_icons_inner:nth-child(3) svg:last-child{width:18px;display:inline-block;}

.payment_icons_inner:nth-child(3) span{display:flex;align-items:center;gap:2px;}

.stock_bar{border: 0.2px solid #F83A3A;background: #F83A3A24;border-radius:10px;padding:10px 20px 15px;}
.stock_bar p{font-size:11px;letter-spacing:0;color:#000000;font-weight:400;}
.stock_bar p b{font-weight:700;}
.stock_progress {background-color: #fff;border-radius: 10px;position: relative;margin: 10px 0 0;height: 3px;width: 100%;}
.stock_done {background: #DF0029;border-radius: 10px;height: 100%;width: 0;opacity: 0;transition: 1s ease 0.3s;}
.shopify-section--main-product .product-info>*+* {margin:10px 0; margin-block-end: 0;}

.product-info__price .rating-with-text {position: inherit;/*display: block;*/align-items: flex-end;}
/* .product-info__badge-list {position: absolute;right:10px;top: -13px;} */
.product-info__price .product-info__badge-list on-sale-badge , .product-info__price .product-info__badge-list sold-out-badge{ font-size: 10px;padding: 6px 15px;}

.stack-sticky {align-items: flex-start;}
.stack-sticky .section-stack__intro, .stack-sticky .section-stack__main {-webkit-position: sticky;position: sticky;top: 140px;}

.description_richtext .mobile_div_full_flex{display:flex;gap:10px;}
.mobile_div_full ul{margin-left:0}
.mobile_div_full ul ul{margin-left:0}
.mobile_div_full{margin-top:0;margin-block-start: 0 !important;}

@media only screen and (min-width: 200px) and (max-width: 1149px){
.stack-sticky .section-stack__intro, .stack-sticky .section-stack__main {-webkit-position: unset;position: unset;top: 0px;}
}
@media only screen and (min-width: 200px) and (max-width: 699px){
.cart_top_bar, .order_place_info {margin: 0 -24px;padding: 6px 20px;}  
.cart_top_bar_flex { gap: 10px;}
.cart_top_bar_inner h3 {font-size: 16px;}
.cart_top_bar_inner p {font-size: 12px;} 
.buy-buttons{padding:0 1.5rem;}
.custom_padding{padding:0 1.5rem;}
.prioritized_shipping{padding:0.2rem 1.5rem;}
.feature_badge_payments{padding:0 1.5rem;}
.prioritized_shipping_content span {font-size: 14px;}  

.payment_icons_box {padding: 6px 3px;gap: 5px;font-size: 6px;min-height: 36px;}
.payment_icons_box svg{width:40px;}
.payment_icons_inner:first-child svg { width: 35px;height: 11px;}
.payment_icons_inner:nth-child(2) svg { width: 35px;height: 18px;}  
.payment_icons_inner:last-child .payment_icons_box svg:first-child{width:25px;}
.payment_icons_inner:last-child .payment_icons_box svg:last-child{width:10px;}
.payment_icons_inner:last-child .payment_icons_box span:last-child br{display:none;}
.pdp_different_main {margin: 0px 0;}
  
.shopify-section--main-product .product-info>*+* {margin:7px 0; margin-block-end: 0;}
.shopify-section--main-product .product-info .product-info_inner>*+* {margin:7px 0; margin-block-end: 0;}
.stock_bar {padding: 10px 10px 15px;}
.stock_progress {margin: 5px 0 0;}
/* .variant-picker .variant-picker__option .variant-picker__option-info {position: relative;margin: 0 0 5px;left: 0; top: 0;}  
.variant-picker .variant-picker__option .relative .select {padding-left: 16px;} */ 

.shopify-section--main-product .section {padding-left:15px;padding-right:15px;}

.description_richtext .mobile_div_full_flex{display:flex;flex-direction:column;margin-block-start:35px !important;}
.mobile_div_full ul{margin-left:0}
.mobile_div_full{margin-top:15px;}
}
@media only screen and (min-width: 1000px) and (max-width: 1199px) {
.payment_icons_box {  padding: 10px 8px;gap: 3px;}
.payment_icons_inner:first-child svg {width: 40px;}  
.payment_icons_inner:nth-child(2) svg {width: 40px;} 
.payment_icons_inner:nth-child(3) svg {width: 27px;height: 18px;}
.payment_icons_inner:nth-child(3) svg:last-child {width: 10px;}  
}
@media only screen and (min-width: 1200px) and (max-width: 1367px) {
.payment_icons_box { padding: 10px 10px;}
}
@media (min-width: 999px){
.product-info .product-info__price {border-top:1px rgb(var(--text-color) / .12) solid;padding-top:0px;}
}

/* Pdp Upsell Popup Css */
.recomm_popup_main{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:99;padding: 30px 0;display:none;}
.recomm_popup_overlay{position:absolute;left:0;top:0;width:100%;height:100%;}
.recomm_popup_main_max{width:100%;height:100%;display: flex;align-items: center;justify-content: center;}
.recomm_popup{background:#fff;padding:0 20px;border-radius:0px;width:425px;z-index:1;height: 80vh; overflow-y: auto;}
.recomm_popup::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);	background-color: #F5F5F5;}
.recomm_popup::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
.recomm_popup::-webkit-scrollbar-thumb{background-color: #000000;}
.recomm_popup_header{padding:13px 0;border-bottom: 1px solid #3333331F}
.recomm_popup_header h3{font-size:18px;letter-spacing:0;margin:0;line-height:1.4;color:#333;font-weight:400;}
.recomm_popup_subcontent{padding-bottom:15px;}
.recomm_popup_subcontent p{font-size:16px;letter-spacing:0;margin:0;line-height:1.4;color:#333;font-weight:400;}
.recomm_popup_product{padding:15px 0;}
.recomm_popup_product_flex{display:flex;align-items:center;}
.recomm_popup_product_media{width:140px;}
.recomm_popup_product_info{width: calc(100% - 140px);padding-left: 15px;}
.recomm_popup_product_info h3{font-size:28px;letter-spacing:0;margin:0;line-height:1.2;color:#333;font-weight:700;font-family:"Archivo Narrow", sans-serif;}
.recomm_popup_product_details{display:flex;align-items:center;justify-content:space-between;margin:0 0 5px;}
.recomm_popup_product_details span {font-size: 12px;color: #242424;letter-spacing: 0;font-weight: 500;}
.recomm_popup_product_details price{font-size:16px;margin-top:10px;margin-bottom:5px;color:#EB001B;letter-spacing:0;display: flex;justify-content: space-between;width: 100%;align-items: center;line-height: 1;}
.recomm_popup_product_details price del{font-size:14px;color:#333333B2;letter-spacing:0;margin-right:5px;}
.recomm_popup_product_details price small{font-size:12px;color:#333333B2;letter-spacing:0;}
.recomm_popup_product_details price span {display:none;}
.upsell_variant_select{border: 1px solid #3333331F;border-radius:8px;width:100%;padding:6px 10px;position: relative;cursor:pointer;}
.upsell_variant_select label{font-size:14px;letter-spacing;0;color: #333333B2;font-weight:400;}
.upsell_variant_select label svg {position: absolute;right: 10px;top: 50%; transform: translateY(-50%);}
.close_button_div{margin:10px 0 0 ;}
.close_button_div .button{width:100%;background:#EB001B;border-radius:8px;font-size: 16px;font-weight: 400;}
.view_cart_div{text-align:center;margin:15px 0 0;line-height: 1;}
.view_cart_link{font-size:14px;text-decoration:underline;font-weight:400;color:#000;}
.recomm_popup_product_list{padding:20px 0;}
.recomm_popup_product_list h3{font-size:18px;letter-spacing:0;margin:0 0 10px;line-height:1.4;color:#333;font-weight:700;font-family:"Archivo Narrow", sans-serif;}
.recomm_popup_product_list_flex{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.recomm_popup_product_list .product-card { margin-bottom: 10px;}
.recomm_popup_product_list .product-card .product-card__badge-list .badge {font-size: 8px;}
.recomm_popup_product_list .product-card__info .product-card__title {font-size: 16px;line-height: normal;}

@media only screen and (min-width: 200px) and (max-width: 699px){
.recomm_popup{width:100%;max-width:365px;}
.recomm_popup_product_info h3 {font-size: 24px;}
.upsell_variant_select label {font-size: 13px;}
.recomm_popup_header h3 {font-size: 16px;}
.recomm_popup_subcontent p {font-size: 14px;}
.recomm_popup_product_media { width: 110px;}
.recomm_popup_product_info {width: calc(100% - 110px);}
  
.gift_shopping_heading h3 {font-size: 17px;}
.gift_shopping_heading h5 {font-size: 14px;}
.gift_shopping_cart .button {font-size: 12px;padding: 12px 10px;}
.new_offer_popup_main .sorten_review_flex .jdgm-widget {font-size: 10px;border-radius: 8px;padding: 4px 6px;height: 23px;}
.new_offer_popup_main .varieties_span {font-size: 9px;border-radius: 8px;padding: 6px 6px;}
.new_offer_popup_main .product-card__info .sorten_review_flex .jdgm-prev-badge {font-size: 9px;}  
}

/* pdp product popup css */
.pdp_product_pop_header{margin-bottom:15px;}
.pdp_product_pop_header h3{font-size:16px;letter-spacing:0;color:#000;margin:0;text-align:center;}
.pdp_product_pop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);padding:30px;z-index:999;display:none;}
.pdp_product_pop_overflow{position:fixed;width:100%;height:100%;top:0;left:0;}
.pdp_product_pop_scroll{display:flex;justify-content:center;align-items:center;height: 100%;position: relative;width: fit-content;margin: 0 auto;}
.pdp_product_pop_max{width:360px;margin:0 auto;background:#fff;overflow-y: auto; min-height:550px;padding:30px;border-radius:5px;}
.pdp_product_pop_text .button{font-size:13px;color:#212121;background:#DBCAB7;border:1px solid #DBCAB7;width:100%;border-radius:10px;min-height:44px;padding:10px 15px;}
.pdp_product_pop_max::-webkit-scrollbar-track{border-top-right-radius:5px;border-bottom-right-radius:5px;}
.pdp_product_pop_max::-webkit-scrollbar{width:8px;border-top-right-radius:5px;border-bottom-right-radius:5px;}
.pdp_product_pop_max::-webkit-scrollbar-thumb{background-color: #dbcab7; border-radius:12px;}
.pdp_product_pop_close{text-align:center;margin-top:20px;}
.pdp_product_pop_close a{font-size:14px;letter-spacing:0;color:#7A7A7A;text-decoration:underline;}
.pdp_product_pop_body{max-width:265px;margin:0 auto;}
.pdp_product_pop_info h3{font-size:14px;color:#333;letter-spacing:0;margin:13px 0 5px;line-height: 1.1;font-weight:700;}
.pdp_product_pop_info price{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:0px;}
.pdp_product_pop_info price{font-size:14px;color:#EB001B;}
.pdp_product_pop_info price del{font-size:12px;color:rgba(51,51,51,0.7);margin-left: 5px;}
.pdp_product_pop_info price unit-price{font-size:10px;color:rgba(51,51,51,0.7);}
.pdp_product_pop_info .button{width:100%;border-radius:10px;margin-top:13px;}
.tipp_div{border-radius:8px;background:rgba(248,58,58,0.07);padding:10px 20px;position:relative;padding-left:60px;margin-top:15px;}
.tipp_div p{font-size:10px;letter-spacing:0;line-height: 1.3;color:#454343;}
.tipp_div span{position:absolute;left:0;top:0;min-width:50px;background:#F83A3A;padding:7px 10px;color:#fff;font-size:11px;letter-spacing:0;border-radius:8px 0px 8px 0;text-align:center;line-height:1;}
.pdp_product_pop_media_slider{ opacity: 0; visibility: hidden;transition: opacity 1s ease;-webkit-transition: opacity 1s ease;}
.pdp_product_pop_media_slider.slick-initialized {visibility: visible; opacity: 1;}
.pdp_product_pop_media_slider .slick-prev{left: -30px;width: 24px;height: 24px;}
.pdp_product_pop_media_slider .slick-next{ right: -30px;width: 24px;height: 24px;}
.pdp_product_pop_media_slider_item img{border-radius:20px;}
.pdp_product_pop_info .jdgm-widget.jdgm-widget {display: block; font-size:9px; margin-bottom: 5px;}

@media only screen and (min-width: 200px) and (max-width: 1149px){
.pdp_product_pop_max {width: 320px; padding: 25px;}
.pdp_product_pop_body {max-width: 245px;}
.tipp_div span {min-width: 45px;padding: 7px 10px;font-size: 10px;}
.tipp_div {padding: 10px 20px 10px 55px;}
.pdp_product_pop {padding: 20px 10px;}  
}

.black_pre_sale_pdp_bar {padding: 12px 20px;position:relative;display: none;justify-content: space-between;align-items: center;}
.black_pre_sale_pdp_bar .button {padding: 4px 15px;border-radius: 7px;font-size: 13px;background: #FFF;color: black;}
.black_pre_sale_pdp_bar p {font-size:16px;}
.black_pre_sale_pdp_bar p span {color:#f83a3a}

@media only screen and (max-width: 767px) {
.black_pre_sale_pdp_bar p {font-size:14px;}
}

/* Plp Card discount css */
.plpcart_top_flex{display:flex;gap:10px;justify-content:space-between;width:100%;}
.plp_card_discount_box {min-height:26px;border: 0.7px solid #F83A3A;background: #FFF5F5;color: #F83A3A;border-radius: 5px;padding: 2px 3px;line-height: 1;color:#F83A3A;font-size:12px;font-weight: 700;display: flex;align-items: center;gap:8px;cursor: pointer;}
.plp_card_discount_box span{min-height: 20px;background: #F83A3A;border: 1px solid #F83A3A;color: #fff;border-radius: 5px;padding: 2px 5px;line-height: 1;font-size: 10px;display: flex;align-items: center;gap: 5px;}

@media only screen and (min-width: 767px) and (max-width: 1300px){
.product-card__badge-list .badge {font-size: 9px;}
}

/* S.U */
@media only screen and (max-width: 767px) {
.product-info__price .rating-with-text .text-lg {font-size: 24px;font-weight: 700;}
.product-card__info .price-list sale-price {font-size: 16px; }
.get_discount price {font-size: 24px;}
}
@media only screen and (min-width: 767px) {
.product-info__price .rating-with-text .text-lg {font-size: 28px;font-weight: 700;}
.product-card__info .price-list sale-price {font-size: 18px; }
.get_discount price {font-size: 28px;}
}
@media only screen and (min-width: 992px) {
.product-info__price .rating-with-text .text-lg {font-size: 32px;font-weight: 700;}
.product-card__info .price-list sale-price {font-size: 20px; }
.get_discount price {font-size: 32px;}
}

.rating-with-text .price-list {display: flex !important;justify-content: flex-start;column-gap: 10px;align-items: baseline;    flex-wrap: wrap;max-width: min-content;}
/*
.rating-with-text .price-list compare-at-price {color: red;}
.line-through {color: red;}
*/

.tax_notice_text, .unit-price-in-tax-notice {color: rgba(51, 51, 51, .5); font-size: 12px;/*margin-top: -7px;*/}

.newoffer_page_price_flex sale-price {color: rgb(51, 51, 51);}

.product-info__badge-list.pdp-badge {position: absolute;right: 15px;top: 15px;}
.product-info__badge-list.pdp-badge sold-out-badge {border-radius: 8px;}

@media only screen and (min-width: 768px) {
.product-info__price .product-info__badge-list on-sale-badge {font-size: 16px}
}

.samples_text_here:empty {display:none;}

/* S.U */
.cart-drawer {padding-top: 0;padding-right: 0;z-index: 999;}

/* Mobile Menu Image Section css */
.mobilemenu_image_section{padding:15px;border-radius:16px;overflow:hidden;margin-top: 25px;margin-bottom:25px;height: 100%; width: 100%;min-height: 215px;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.mobilemenu_image_section_content .mh3{font-size:20px;color:#fff;letter-spacing:0;margin:0 0 10px;line-height: 1.3;font-weight: 700; }
.mobilemenu_image_section_content p{font-size:12px;color:#fff;letter-spacing:0;margin:0 0 10px; }
.mobilemenu_image_section_content ul{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-direction:column;gap:5px;}
.mobilemenu_image_section_content ul li{font-size:12px;color:#fff;letter-spacing:0;position:relative;padding-left:28px;}
.mobilemenu_image_section_content ul li:first-child:before{content:'';position:absolute;left:0;width: 16px; height: 16px;top: 4px;background-image:url(/cdn/shop/files/search.svg?v=1747456836); }
.mobilemenu_image_section_content ul li:nth-child(2):before{content:'';position:absolute;left:0;width: 16px; height: 16px;top: 4px;background-image:url(/cdn/shop/files/check-circle.svg?v=1747456836);}
.mobilemenu_image_section_content a{font-size:12px;padding-bottom: 2px;color:#F6F6F6;letter-spacing:0;border-bottom:1px solid #fff;}
.mobilemenu_image_section_content a svg{margin-left:8px;vertical-align:middle;}
/* Mobile Menu Image Section css end */

/* Home banner lbgrt css */
.home_banner_lbgrt{background-position:center;background-size:cover;background-repeat:no-repeat;padding:80px;border-radius:20px; }
.home_banner_lbgrt_flex{display:flex;flex-wrap: wrap;margin: 0 auto; align-items: flex-end;gap:40px;justify-content: space-between;}
.home_banner_lbgrt_content .h4{font-size:16px;margin: 0 0 15px;font-weight:400;letter-spacing:2px;text-transform:uppercase;font-family: inherit;}
.home_banner_lbgrt_content h3{font-size:40px; line-height: 1;font-weight: 700;margin:0 0 15px;}
.home_banner_lbgrt_content h3 span{color:#F83A3A;}
.home_banner_lbgrt_content p {margin:0 0 15px;}
.home_banner_lbgrt_content ul{display:grid;gap:10px;}
.home_banner_lbgrt_content ul li{display: flex;align-items: center; gap: 10px;}
.home_banner_lbgrt_link .button{font-size:16px;font-weight:400;letter-spacing:0;background: #F83A3A;color:#F6F6F6;border-radius:12px;} 
.home_banner_lbgrt_link .button svg{margin-left: 5px;}
@media only screen and (min-width: 200px) and (max-width: 767px){
.home_banner_lbgrt {padding: 30px 15px;}
.home_banner_lbgrt_content .h4 {font-size: 14px;letter-spacing: 1px;}  
.home_banner_lbgrt_content h3 {font-size: 22px;}
.home_banner_lbgrt_content p br{display:none;}
.home_banner_lbgrt_flex {align-items: flex-start; gap: 20px;flex-direction: column;}
}
@media only screen and (min-width: 768px) and (max-width: 989px){
.home_banner_lbgrt {padding: 40px;}
.home_banner_lbgrt_content .h4 {font-size: 14px;}  
.home_banner_lbgrt_content h3 {font-size: 32px;}
.home_banner_lbgrt_content p br{display:none;}
.home_banner_lbgrt_flex {align-items: flex-start; gap: 25px;flex-direction: column;}
}
@media only screen and (min-width: 990px) and (max-width: 1199px){
.home_banner_lbgrt { padding: 60px 40px;}
.home_banner_lbgrt_flex { gap: 20px;}
.home_banner_lbgrt_content { max-width: 590px;}
.home_banner_lbgrt_content p br{display:none;}  
}
@media only screen and (min-width: 1200px) and (max-width: 1367px){
.home_banner_lbgrt_left { width: 71%;}
.home_banner_lbgrt_content p br{display:none;}   
}
/* Home banner lbgrt css end */

/* Blog rezepte css */
.rezepte_banner_image{padding:50px 30px;height: 335px;display: flex;align-items: center;justify-content: center;}
.rezepte_banner_content{text-align:center;}
.rezepte_banner_content h1{font-size:56px;color:#fff;line-height: 1.2;font-weight: 700;margin: 0 0 10px;font-family: var(--heading-font-family);}
.rezepte_banner_content p{font-size:16px;color:#fff;}
.blog_rezepte_search{padding:30px 0 35px;}
.blog_rezepte_search .main-search-form {max-width: 1150px;margin: 0 auto;border-radius: 10px;}
.blog_rezepte_search .search-input {border-radius: 10px;padding: 8px 20px;width: 100%; border: 2px solid;border-image-source: linear-gradient(90deg, rgba(248, 58, 58, 0.1) 0%, rgba(146, 34, 34, 0.1) 100%); box-shadow: 0px 4px 4px 0px #00000040;}
.blog_rezepte_search .search-input input::placeholder{font-size:16px;color: #8C8C8C99;font-weight:700;  }
.blog_tag_nav_list ul{display:flex;gap:15px;overflow-x: auto; flex-wrap: nowrap;}
.blog_tag_nav_list ul li{text-align:center;}
.blog_tag_nav_list ul li a {border: 1px solid #EB001B;background: #FFFFFF;color: #000000;font-size: 14px;letter-spacing: 0;line-height: 1;padding: 10px;border-radius: 8px;font-weight: 400;display: block;    white-space: nowrap;}
.blog_tag_nav_list ul li a:hover, .blog_tag_nav_list ul li a.active_link{background-color:#EB001B;color:#fff;}
.blog_tag_nav_list ul li.active_li_link {order: -1;}
.blog_posts_rezepte {border-top: 1px solid #C8C8C8;padding: 35px 0 0;margin-block-start: 35px;gap: 40px;}
.blog_posts_rezepte .blog-posts {--blog-articles-gap: 40px 15px;}
.blog_posts_rezepte .blog-post-card {background: #F6F6F6;gap:24px;}
.time_post_card{ display: flex; align-items: center; gap: 5px;font-size:14px;color:#18191A;text-transform:uppercase;}
.blog_posts_rezepte .blog-post-card__info { padding: 0 24px 24px;}
.blog_posts_rezepte .blog-post-card__figure.rounded {border-radius: 0;}
.blog_posts_rezepte .blog-post-card__info .v-stack{gap:10px;}
.blog_posts_rezepte .blog-post-card__info .h3{font-size: 24px;color:#000;}
.blog_posts_rezepte .pagination { border-color: #6E6E6E;}
.blog_posts_rezepte .pagination__current {padding: 7px 5px;font-size: 18px;        color: #000;}

@media only screen and (min-width: 200px) and (max-width: 699px){
.rezepte_banner_content h1 {font-size: 35px;}
.rezepte_banner_content p {font-size: 14px;}
.blog_rezepte_search .search-input {padding: 8px 8px;}
.blog_rezepte_search .search-input input::placeholder{font-size:14px;}
.blog_posts_rezepte .blog-post-card { gap: 10px;}
.blog_posts_rezepte .blog-post-card__info {padding: 0 10px 10px;}
.blog_tag_nav_list{margin-right:-20px;}
.blog_tag_nav_list ul {gap: 10px;padding-right: 20px;padding-bottom:8px; justify-content: flex-start;overflow-x: auto;flex-wrap: nowrap;}
}
@media only screen and (min-width: 700px) and (max-width: 989px){
.rezepte_banner_content h1 {font-size: 38px;}
}
/* Blog rezepte css end */

/* Article Rezepte css */
.article_rezepte_main{padding:40px 0px;background: #F5F5F5;}
.article_rezete_banner .article-banner__image > img {border-radius: 12px;height: 550px;object-fit: cover;}
.article_rezete_info{background:#fff;border-radius:12px;padding:40px 35px;margin-top:20px; }
.article_rezete_info breadcrumb ul{display:flex;list-style:none;gap:5px;margin-bottom: 7px;} 
.article_rezete_info breadcrumb ul li{font-size:16px;color:#000;}
.article_rezete_title h2{font-size:40px;color:#000;font-weight:700;font-family: var(--heading-font-family);line-height:1.2; } 
.article_rezete_reviews_minutes{display:flex;justify-content:space-between;gap:10px;margin-top: 12px;}
.article_rezete_reviews {display:flex;gap:5px;align-items:center;font-size:14px;color:rgba(24, 25, 26, 1);}
.article_rezete_minutes{display:flex;gap:5px;align-items:center;font-size:14px;color:rgba(24, 25, 26, 1);font-weight:400;}
.article_rezepte_content{margin-top:20px;display: flex; gap:20px; flex-wrap: wrap;row-gap: 20px;}
.article_rezepte_content .accordion-item{width:calc(33% - 14px);       width: 100% !important;    margin-bottom: 20px;}
.article_rezepte_content .accordion-item .accordion-title{font-size: 16px;padding:1px 0;font-family: var(--heading-font-family);background:transparent;position:relative;width: 100%;border-bottom: 1px solid #DCDCDC;}
.article_rezepte_content .accordion-item .accordion-title:before{transform: rotate(180deg);content:'';position:absolute;right:0;top: 8px;background-image:url(/cdn/shop/files/Vector_11.svg?v=1747896506);width:16px;height:8px;background-size:contain;background-repeat:no-repeat;  }
.article_rezepte_content .accordion-item .accordion-title br {display: none;}
.article_rezepte_content .accordion-content {display:none;padding:10px 0;font-size: 14px;color: #18191A;border-bottom: 1px solid #DCDCDC;}
.article_rezepte_content .accordion-item.open .accordion-content {display:block;}
.article_rezepte_content .accordion-item.open .accordion-title:before{transform: rotate(0deg);}
.article_rezepte_content p{width:100%;}
.article_rezepte_main .nutrition-info {padding: 10px 35px;border-left: none !important; background: #F5F5F5; border-radius: 20px;display: flex;gap:15px;align-items: center;justify-content: space-between;min-height: 77px;width:100%;}
.article_rezepte_main .nutrition-info strong {margin-bottom: 0;font-size: 24px; font-weight: 700; color: #111111;font-family: var(--heading-font-family);display:block;     line-height: 1;    min-width: fit-content;}
.article_rezepte_main .nutrition-info span {margin-bottom: 0;font-size: 20px; font-weight: 700; color: #111111;font-family: var(--heading-font-family);}
.article_rezepte_main .nutrition-info div{display: flex;width: 100%;justify-content: space-between;gap:15px;}
.article_rezepte_other_articles{padding:40px 0px;}
.article_rezepte_other_articles .article-navigation__title {font-size:40px;color:#000;font-weight:700;font-family: var(--heading-font-family);line-height:1.2;}
.blog_posts_rezepte.article-prev-next{padding: 0;margin-block-start: 0;border: none}
.article_rezepte_other_articles .article-navigation { gap: 1.8rem}
@media only screen and (min-width: 200px) and (max-width: 699px){
.article_rezepte_main {padding: 15px 0px; background: #fff;}
.article_rezete_banner .article-banner__image > img {border-radius: 0;height: 400px;}
.article_rezete_info { border-radius: 0; padding: 10px 0px; margin-top: 20px;}
.article_rezete_info breadcrumb ul li { font-size: 14px; text-align: left;}  
.article_rezete_title h2 {font-size: 28px;}
.article_rezepte_content { gap: 0; row-gap: 20px;}
.article_rezepte_content .accordion-item { width: 100%;}  
.article_rezepte_main .nutrition-info {overflow: hidden;padding: 0;display:block;text-align:center;border-radius: 12px;}
.article_rezepte_main .nutrition-info strong { padding: 3px 5px;background: #E9E9E9;line-height: normal;font-size: 20px;}
.article_rezepte_main .nutrition-info div{padding:7px 15px;} 
.article_rezepte_main .nutrition-info span {font-size: 18px;}
.article_rezepte_other_articles{padding:30px 0px;}
.article_rezepte_other_articles .article-navigation__title {font-size:28px;}  
}
@media only screen and (min-width: 700px) and (max-width:989px){
.article_rezepte_content .accordion-item{width:calc(50% - 20px);}
.article_rezepte_main .nutrition-info {overflow: hidden;padding: 0;display:block;text-align:center;border-radius: 12px;}
.article_rezepte_main .nutrition-info strong { padding: 3px 5px;background: #E9E9E9;line-height: normal;font-size: 20px;}
.article_rezepte_main .nutrition-info div{padding:7px 15px;} 
.article_rezepte_main .nutrition-info span {font-size: 18px;}
.article_rezepte_other_articles{padding:30px 0px;}
.article_rezepte_other_articles .article-navigation__title {font-size:28px;}  
.article_rezete_title h2 {font-size: 28px;}  
}
@media only screen and (min-width: 990px) and (max-width:1099px){
.article_rezepte_main .nutrition-info strong {font-size: 20px;}
}
/* Article Rezepte css end */

/* Summerdeal banner lbrgt css */
.summerdeal_banner_lbrgt{background-repeat:no-repeat;background-size: cover;padding:100px;position: relative; }
.summerdeal_banner_lbrgt:before{}
.summerdeal_banner_lbrgt_main {position: relative;}
.summerdeal_banner_lbrgt_content h1 {font-size:48px; line-height: 1;font-weight: 700;margin:0 0 20px;font-family: var(--heading-font-family);}
.summerdeal_banner_lbrgt_content h1 span{color:#F83A3A;}
.summerdeal_banner_lbrgt_content p {margin:0 0 20px;}
.summerdeal_banner_lbrgt_content ul{background: #0A0A0A;display: flex;max-width: 495px;margin: 0 auto;justify-content: center;gap: 50px;border-radius: 8px;padding: 16px;}
.summerdeal_banner_lbrgt_content ul li {font-size:12px;font-weight:400;display: flex;gap: 10px;flex-direction: column;text-align: center; justify-content: center;}
.summerdeal_banner_lbrgt_content ul li small{font-size: 16px;display: flex;width: 24px;height: 24px;border-radius: 50px;background: #DF1414;justify-content: center;align-items: center;line-height: 1;    margin: 0 auto;}
.summerdeal_banner_lbrgt_box {max-width: 585px;margin: 0;}
.summerdeal_banner_lbrgt_content .subtitle_h4 {font-size: 20px;text-align: center;line-height: 1.2;margin: 0 0 15px;letter-spacing: 0;}
.summerdeal_banner_lbrgt_text{padding-top:20px;}
@media only screen and (min-width: 200px) and (max-width: 699px){
.summerdeal_banner_lbrgt { padding: 80px 15px;}
.summerdeal_banner_lbrgt_content h1 {font-size: 28px;}  
.summerdeal_banner_lbrgt_content ul { gap: 15px;padding: 16px 5px;}
}
@media only screen and (min-width: 700px) and (max-width:989px){
.summerdeal_banner_lbrgt { padding: 60px 40px;}
.summerdeal_banner_lbrgt_content h1 {font-size: 35px;}
.summerdeal_banner_lbrgt_box { max-width: 500px;}
.summerdeal_banner_lbrgt_content ul {max-width: 440px;gap: 30px;}  
}
@media only screen and (min-width: 990px) and (max-width:1199px){
.summerdeal_banner_lbrgt { padding: 70px 60px;}
.summerdeal_banner_lbrgt_content h1 {font-size: 35px;}
.summerdeal_banner_lbrgt_box { max-width: 500px;}
.summerdeal_banner_lbrgt_content ul {max-width: 440px;gap: 30px;}  
}

/* Summerdeal section02 lbrgt css */
.temp_summerdeal_2025 .shopify-section--rich-text .section{ padding-block-end: 20px; padding-block-start: 60px;} 
.temp_summerdeal_2025 .shopify-section--rich-text p.h1 {font-size:40px; line-height: 1;}
.temp_summerdeal_2025 .shopify-section--rich-text p.h1+div{margin-block-start: 15px;}
.summerdeal_section02_lbrgt_section .section { padding-block-end: 20px; padding-block-start: 20px;}
.summerdeal_section02_lbrgt{background-repeat:no-repeat;background-size: cover;padding:80px;position: relative;border-radius:8px;overflow:hidden; }
.summerdeal_section02_lbrgt_main {position: relative;}
.summerdeal_section02_lbrgt_content {max-width:580px;display: grid;gap: 15px;text-align:center; }
.content_align_start {margin:auto 0 0 0;}
.content_align_end {margin:0 0 0 auto;}
.content_align_center {margin:0 auto;}
.summerdeal_section02_lbrgt_content .subtitle_h4 {font-size:12px;letter-spacing:3px;text-transform:uppercase;line-height: 1.1;font-weight:400;margin:0;font-family: var(--heading-font-family);}
.summerdeal_section02_lbrgt_content h2 {font-size:40px; line-height: 1;font-weight: 700;margin:0;font-family: var(--heading-font-family);}
.summerdeal_section02_lbrgt_content p {font-size:14px;margin:0;}
.text_alignment_center{text-align:center;}
.text_alignment_start{text-align:left;}
.text_alignment_end{text-align:right;}
.summerdeal_button .button{font-size: 16px;font-weight: 400;padding: 14px 15px;border-radius:7px;display: flex;align-items: center;justify-content: center;gap: 12px;max-width: fit-content;margin: auto;}
.summerdeal_offfer_bar {line-height: 1.1;border-left: 5px solid #FFFFFF;backdrop-filter: blur(24px);background: #FFFFFF1A;padding: 12px 15px;font-size: 12px;font-weight: 400;color: #F6F6F6;max-width: fit-content;margin: 0 auto;}
.text_alignment_start .summerdeal_offfer_bar, .text_alignment_start .summerdeal_button .button{margin:0;}
.text_alignment_end .summerdeal_offfer_bar, .text_alignment_end .summerdeal_button .button{margin:0 0 0 auto;}
.temp_summerdeal_2025 .shopify-section--collection-list .section-header {grid-template-columns: 100%;}
.summerdeal_section02_lbrgt_box_flex {display: flex;flex-wrap: wrap;}
.summerdeal_section02_lbrgt.summerdeal_section02_lbrgt_media_show {padding: 0 80px;}
.summerdeal_section02_lbrgt_media_show .summerdeal_section02_lbrgt_content { padding: 30px 0;}
.summerdeal_section02_lbrgt_media img { height: 100%; object-fit: cover;}
@media only screen and (min-width: 200px) and (max-width: 699px){
.temp_summerdeal_2025 .shopify-section--rich-text p.h1 {font-size:28px;}
.summerdeal_section02_lbrgt {padding: 60px 20px;}
.summerdeal_section02_lbrgt.summerdeal_section02_lbrgt_media_show { padding: 0 20px;}
.summerdeal_section02_lbrgt_content h2 {font-size:28px;}  
.summerdeal_section02_lbrgt_content p br{display:none; }  
.summerdeal_button .button {font-size: 14px;}  
.summerdeal_section02_lbrgt_content .subtitle_h4 {letter-spacing: 2px;}
.temp_summerdeal_2025 .gains_featured_collection_header ul {justify-content: start;}  
}
@media only screen and (min-width: 700px) and (max-width:989px){
.temp_summerdeal_2025 .shopify-section--rich-text p.h1 {font-size: 35px;}  
.summerdeal_section02_lbrgt_content h2 {font-size: 28px}
.summerdeal_section02_lbrgt { padding: 40px 40px;background-position: center;}
.summerdeal_section02_lbrgt.summerdeal_section02_lbrgt_media_show { padding: 0 40px;  }
.summerdeal_button .button {font-size: 14px;}
.summerdeal_section02_lbrgt_content {max-width: 390px;}  
}
@media only screen and (min-width: 990px) and (max-width:1199px){
.temp_summerdeal_2025 .shopify-section--rich-text p.h1 {font-size: 35px;}    
.summerdeal_section02_lbrgt_content h2 {font-size:32px}
.summerdeal_section02_lbrgt { padding: 40px 40px;background-position: center;}
.summerdeal_section02_lbrgt.summerdeal_section02_lbrgt_media_show { padding: 0 40px;}  
.summerdeal_button .button {font-size: 14px;}
.summerdeal_section02_lbrgt_content {max-width: 440px;}  
}
/* Summberdeal section02 lbrgt css end */

/* Last chance css */
.temp_last_chance .gains_taste_banner_content {max-width: 715px;padding: 40px 80px;}
.temp_last_chance .gains_taste_banner_content h2 {font-size: 48px;}
.temp_last_chance .gains_taste_banner_link .button { background: #DF1414;font-weight: 400;}
.temp_last_chance .shopify-section--scrolling-text .section{padding-block-end: 12px;padding-block-start: 12px;}
@media only screen and (min-width: 200px) and (max-width: 699px){
.gains_taste_banner_bg .gains_taste_banner_left { background-color: transparent !important;width: 100%;}
.temp_last_chance .gains_taste_banner_content {max-width: 640px;padding: 40px 20px;}
.temp_last_chance .gains_taste_banner_content h2 {font-size:29px;}
.temp_last_chance .gains_taste_banner_bg { min-height: 500px;}  
.temp_last_chance .gains_taste_banner_content { max-width: 375px;}
}
@media only screen and (min-width: 700px) and (max-width:989px){
.gains_taste_banner_bg{min-height: 450px;}  
.gains_taste_banner_bg .gains_taste_banner_left {width: 60%;}
.temp_last_chance .gains_taste_banner_content h2 {font-size: 33px;}  
.temp_last_chance .gains_taste_banner_content {max-width: 470px; padding: 20px 20px;}  
}
@media only screen and (min-width:990px) and (max-width:1199px){
.gains_taste_banner_bg {min-height: 480px;}
.gains_taste_banner_bg .gains_taste_banner_left {width: 50%;}
.temp_last_chance .gains_taste_banner_content {padding: 40px 25px;max-width: 500px;}
.temp_last_chance .gains_taste_banner_content h2 {font-size: 34px;}
}
@media only screen and (min-width:1200px) and (max-width:1367px){
.temp_last_chance .gains_taste_banner_content { padding: 40px 40px;    max-width: 685px;}
.temp_last_chance .gains_taste_banner_content h2 { font-size: 44px;}
}
@media only screen and (min-width:1368px) and (max-width:1600px){
.temp_last_chance .gains_taste_banner_content { padding: 40px 60px;}
}

/* Pdp Summerdeal 2025 css */
.pdp_summerdeal_banner_2025_main{position:relative;overflow: hidden;}
.pdp_summerdeal_banner_2025_box{border-radius:10px;overflow:hidden;position:relative;margin-right: 5px;width: 100%;min-width: 100%;flex-shrink: 0;}
.pdp_summerdeal_banner_2025_box:last-child {margin-right: 0;}
.pdp_summerdeal_alignment_left{text-align:left;}
.pdp_summerdeal_alignment_right{text-align:right; }
.pdp_summerdeal_banner_absolute{position:absolute;top:50%;transform:translateY(-50%);padding:25px;width: 100%; }
.pdp_summerdeal_banner_absolute .button {background: #E20613;color: #fff;font-size: 14px;padding: 6px 20px;border-radius: 8px;font-weight: 600;cursor: pointer;    max-width: fit-content;}
.pdp_summerdeal_banner_content .pdp_summerdeal_h4 {font-size:12px;letter-spacing:3px;text-transform:uppercase;line-height: 1.1;font-weight:400;margin:0;font-family: var(--heading-font-family);}
.pdp_summerdeal_banner_content .pdp_summerdeal_h3 {font-size:22px; line-height: 1.1;font-weight: 700;margin:0;font-family: var(--heading-font-family);}
.pdp_summerdeal_banner_content p {font-size:16px;margin:0;line-height:1.3; }
.pdp_summerdeal_banner_content {display: grid; gap: 7px;}
.pdp_summerdeal_banner_media img {height: 220px; object-fit: cover; width: 100%;}
/* .pdp_summerdeal_banner_slider {opacity: 0;visibility: hidden;height: 0;overflow: hidden;transition: opacity 1s ease;-webkit-transition: opacity 1s ease;}
.pdp_summerdeal_banner_slider.slick-initialized {visibility: visible;opacity: 1;height: auto;overflow: visible;margin-right: -5px;} */

.pdp_summerdeal_banner_slider{display: flex;transition: transform 0.6s ease-in-out;}

.pdp_summerdeal_banner_media {position:relative;}   

.slider__button__prev, .slider__button__next{position:absolute;top:50%;transform:translateY(-30%);cursor:pointer;line-height: normal;}
.slider__button__prev svg, .slider__button__next svg {width:20px}
/* .slider__button__prev, .slider__button__next{font-size: 20px;position:absolute;top:50%;transform:translateY(-30%);cursor:pointer;line-height: normal;background:#FFF;border-radius:100px;width:20px;height:20px;box-shadow:0px 0px 2px #000;display: flex;justify-content: center;align-items: center;} */

.slider__button__prev{left:2px;}
.slider__button__next{right:2px;}
.slider__button__prev.disable, .slider__button__next.disable{opacity:0.5;display: none !important;}

@media only screen and (min-width: 200px) and (max-width: 699px){
.pdp_summerdeal_banner_2025_main {margin-bottom:10px;}
.pdp_summerdeal_banner_media img {height: 180px;width: 100% !important;}
.pdp_summerdeal_banner_content .pdp_summerdeal_h3 {font-size:18px;}  
.pdp_summerdeal_banner_content .pdp_summerdeal_h4 {font-size:8px;letter-spacing:2px;}  
.pdp_summerdeal_banner_content p {font-size:10px; }  
}
@media only screen and (min-width: 999px) and (max-width: 1199px){
.pdp_summerdeal_banner_content .pdp_summerdeal_h4 {letter-spacing: 1px;}  
.pdp_summerdeal_banner_content p {font-size: 12px;}  
}
/* Pdp Summerdeal 2025 css end*/

/* Common Article css */
.common_article.offer_code_available .article_offer_section{margin-block-end: 0;}
.common_article .article-banner{display: flex;left: 0;padding: 0;margin: 0;width: 100%;max-width: 100%;position: relative;}
.common_article .article-banner__content{position: absolute;padding: 2.5rem 3rem 4rem;bottom: 0;left:0;max-width: 1000px;width:100%;}
.common_article .article-banner__content .article__meta {display:none;}
.common_article .article-banner__content h1{font-size:80px;color:#fff;line-height: 1.2;}
.common_article .article-content {max-width: 100%;}
.article-banner__content h1.h0 .first-word{color:#E61C1C;}

.aritlce_divide{display:flex;flex-wrap:wrap;align-items: flex-start;}
.aritlce_divide .aritlce_divide_left{width:375px;padding-right:20px;position: sticky;top: 140px;}
.aritlce_divide .aritlce_divide_right {width:calc(100% - 375px);padding-left:20px;}
.aritlce_divide .aritlce_divide_right h2 {background: linear-gradient(90deg, #1D1D1D 0%, #F00 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.aritlce_divide .aritlce_divide_right h3 {font-weight: 500;color: #444;}
.aritlce_divide .prose blockquote {border-radius: 16px;padding: 50px 25px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);    font-family: var(--heading-font-family);}
.aritlce_divide .prose blockquote:before {background: url(quote.png);background-repeat: no-repeat;background-size: contain;left: 0;top: 0;mask: unset;}
.aritlce_divide .prose blockquote:after {
  content:'';
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  border: 1px solid transparent;
  border-image: linear-gradient(90deg, #1D1D1D, #F00);
  border-image-slice: 1;  
  inset: 0;
  background: linear-gradient(90deg, #1D1D1D, #F00);
  border-radius: 16px;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask-composite: exclude;
  box-sizing: border-box;
}
.article_search_main .search-field{border: 1px solid #D3D3D3;border-radius: 10px;min-height: 50px;width: 100%;    padding: 10px 25px;outline: none;font-size: 13px;}
.article_search { margin-bottom: 15px;}
.article_search_main {max-width: 285px; padding-bottom: 25px; border-bottom: 1px solid #0000001B;position: relative}
.bryan_section_left_side_contents ul li {cursor: pointer;}
.bryan_section_left_side_contents ul:not(.nested_faq_list){font-size:14px;color:#242424;padding-left: 30px;list-style: decimal;display: grid;gap: 12px;}
.bryan_section_left_side_contents ul:not(.nested_faq_list) li span.li_active, .bryan_section_left_side_contents ul:not(.nested_faq_list) li span:hover{font-weight:600;}
.article_heading_h4{font-size:22px;color:#242424;font-weight:700;margin: 0 0 15px; }
.bryan_section_left_side_contents ul.nested_faq_list li.is-last-faq > li {display: none;}
.nested_faq_list #li_active_pro {display: none;}

.bryan_section_left_side_contents ul.nested_faq_list {list-style: disc;padding-left: 5px;margin-top: 5px;}
.bryan_section_left_side_contents ul.nested_faq_list li {margin:5px 0;}
.bryan_section_left_side_contents ul.nested_faq_list:hover li {font-weight:normal;}

.aritlce_divide_right .prose ul {list-style-position: outside;padding-left: 30px;}
.aritlce_divide_right .prose ul li:marker{color:#E61C1C;}

.aritlce_divide_right .prose table {margin-top: 15px;}
.aritlce_divide_right .prose table tr td{border:none;padding:5px;padding-left: 0;}
.aritlce_divide_right .prose table tr:nth-child(2) td{padding-top:15px;}
.aritlce_divide_right .prose table tr th{position: relative;padding:5px 5px 15px 0;}
.aritlce_divide_right .prose table tr th:before{content:'';position: absolute; width: 90%;left:0;bottom: 0; border-bottom:1px solid #000;}
.bryan_section_left_side_button .button{font-size:18px;text-transform:uppercase;color:#fff;font-weight:700;background: #E61C1C;box-shadow: 0px 4px 4px 0px #00000040;text-align:center;}
.bryan_section_left_side_contents{padding-bottom:25px;border-bottom:1px solid #0000001B;margin-bottom:25px; }

.aritlce_divide_right img {border-radius: 16px}

.aritlce_divide_right ol {list-style: none;counter-reset: custom-counter;}
.aritlce_divide_right ol li {counter-increment: custom-counter;position: relative;padding-left: 1.5em;}
.aritlce_divide_right ol li::before {content: counter(custom-counter, decimal-leading-zero) ". ";font-family: var(--heading-font-family);font-weight: bold;color: #E61C1C;position: absolute;left: 0;}

@media only screen and (min-width: 200px) and (max-width: 699px){
.article_product_featured {padding: 20px 0;}
.common_article .article-banner__content {  padding: 1rem 1.5rem 1rem; padding: 1rem 15px 1rem;text-align: left;}  
.common_article .article-banner__content h1 {font-size: 40px;}
.article-banner__image{position:relative;}
.article-banner__image:before {content: "";background: rgba(0, 0, 0, 0.4);border-radius: inherit;z-index: 1;pointer-events: none;transition: background .2s ease-in-out;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.article-banner__image > img { height: 500px; object-fit: cover;}
.aritlce_divide .aritlce_divide_left {width: 100%;padding-right: 0px;position: static;}
.aritlce_divide .aritlce_divide_right {width: 100%;padding-left: 0px;padding-top:0px;}
.bryan_section_left_side_button{position: sticky;bottom: 20px;}
.bryan_section_left_side_button .button {width: 100%;}  
.bryan_section_left_side_contents ul:not(.nested_faq_list) {gap: 10px;}  
.aritlce_divide_right .prose table { word-break: break-all;}  
.common_article.offer_code_available .article_offer_section {margin-top: 40px;}  
.article_search_main {max-width: 100%;}  
}
@media only screen and (min-width: 700px) and (max-width: 999px){
.aritlce_divide .aritlce_divide_left {width: 100%;padding-right: 0px;position: static;}
.aritlce_divide .aritlce_divide_right {width: 100%;padding-left: 00px;padding-top:20px;}
.common_article .article-banner__content h1 {font-size: 40px;text-align: left;}
.article_offer_h2 {font-size: 30px;max-width: 588px;}
.common_article.offer_code_available .article_offer_section {margin-top: 40px;}  
}
@media only screen and (min-width: 1000px) and (max-width: 1199px){
.common_article .article-banner__content {  max-width: 650px;}
.common_article .article-banner__content h1 {font-size: 60px; text-align: left;}
.aritlce_divide .aritlce_divide_left {width: 250px;}
.aritlce_divide .aritlce_divide_right {width: calc(100% - 250px);}
.bryan_section_left_side_button .button {font-size: 16px;}
}

/*article Offer section css */
.article_offer_banner{background-size: cover;min-height: 240px;background-position: top center;position: relative;display: flex;align-items: center; justify-content: center;}
.article_offer_banner:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,50%); }
.article_offer_h2{font-size:40px;line-height:1.1;font-weight:700;text-align: center;color:#fff;position:relative;padding:15px;}
.article_offer_h2 span{font-family: var(--heading-font-family);}
.article_offer_cotent{padding:50px 15px;}
.article_offer_content_max{text-align:center;}
.article_offer_h3{font-size:25px;color:#000;line-height: 1.2;margin:0 0 15px;font-weight: 600;font-family: var(--heading-font-family);}
.article_offer_content_max p{font-size:18px;color:#000;line-height: 1.2;margin:0;    font-family: var(--heading-font-family);}
.article_offer_content .button{padding:15px;background: #FF0000;color:#fff;font-size:20px;letter-spacing:0;text-align:center;font-weight:600;}
.article_offer_cotent small{display:block;text-align:center;color:#34A853;font-weight:300;font-size:14px; }
.article_offer_cotent .button {border-radius: 5px;margin-top: 40px;margin-bottom: 7px;}
@media only screen and (min-width: 200px) and (max-width: 699px){
.article_offer_h2 {font-size: 30px;}
.article_offer_h3 {font-size: 25px; line-height: 1.6;font-weight: 700;}
.article_offer_content_max p {font-size: 15px;  line-height: 2.2;}
.article_offer_cotent .button {margin-top: 20px;font-size: 20px;text-transform: uppercase;padding: 4px 15px;}
.article_offer_cotent {padding: 20px 15px;}
}

/* article featured product css */
.article_product_featured_box {position: relative; /*padding: 0 5%;*/}
.article_product_featured_box .pdp_summerdeal_banner_2025_main, .article_product_featured_box .sinob_badges_design, .article_product_featured_box .product-info__quantity-selector label {display:none;}
.article_product_featured{background: #fff;padding: 20px; border-radius: 12px;    column-gap: 0;}
.article_product_featured_box .product-info{top:0 !important;}
.article_product_featured_box .product-info_inner{margin-block-start: 0;}
.article_product_featured_box .product .product-info__buy-buttons .buy-buttons .button {padding-inline-start: var(--spacing-5);padding-inline-end: var(--spacing-5);}

.article_product_featured_box .slick-dots {width: 85%;height: var(--spacing-0-5);background: rgb(var(--text-color) / .1);display: flex;bottom: -55px;}
.article_product_featured_box .slick-dots li {width: 100%;height: 100%;  margin: 0;}
.article_product_featured_box .slick-dots li button {width: 100%;height: 100%;padding: 0;}
.article_product_featured_box .slick-dots li button:before {background: transparent;border-radius: 0;width: 100%;height: 100%;line-height: normal;font-size: 0;}
.article_product_featured_box .slick-dots li.slick-active button:before {background: #000;}

.products_arrows {display: flex;margin-top: 0px;    gap: 15px;place-content:flex-end;}  
.products_arrows .slider___prev{left:0px;position: relative;top: 0;transform: unset;}
.products_arrows .slider___next{right:0px;position: relative;top: 0;transform: unset}
.slider___prev.slick-disabled{opacity: 0.4;}
.slider___next.slick-disabled{opacity: 0.4;}

.article_product_featured_box .product-info__buy-buttons .buy-buttons .product-info__quantity-selector .quantity-selector { background: transparent;}
.article_product_featured_box .product-info .product-info_inner>*+* { margin: 10px 0;    margin-block-end: 0;}
@media only screen and (min-width: 200px) and (max-width: 699px){
.article_product_featured_box {padding: 0;}  
.article_product_featured .product-info {top: 0 !important; padding: 0 10px;}  
.article_product_featured_main {padding: 15px 0;}
.article_product_featured_main .section {padding: 0 45px;}
.article_product_featured { padding: 20px 0;}  
.article_product_featured .product-info__buy-buttons .buy-buttons .button {padding: 13px 10px;width: calc(100% - 94px);font-size: 12px;}
.article_product_featured .product-info__buy-buttons .buy-buttons .quantity-selector__button {padding: 10px 10px;  }

.article_product_featured_box .product .product-info__buy-buttons .buy-buttons .button {padding-inline-start: var(--spacing-2);padding-inline-end: var(--spacing-2);}
.article_product_featured_box .slick-dots {width: 65%;}  
}
@media only screen and (min-width: 700px) and (max-width: 999px){
.article_product_featured_box .slick-dots {width: 75%;} 
}

/* Soldout Nurdge */
.pdp_video_content_lbrgt{border: 1px solid #CCCCCC;background: #FFFFFF;border-radius:12px;padding:16px; }
.pdp_video_content{display:flex;gap:20px;}
.pdp_video_content_left{display:flex;flex-direction:column;gap:10px;width: calc(100% - 170px);}
.pdp_video_content_h4{font-size:11px;color:#F83A3A;display:flex;gap:5px;align-items:center; }
.pdpd_video_content_h3{font-size:12px;color:#000;font-weight:700; }
.pdpd_video_content_p{font-size:11px;color:#6D6D6D;font-weight:400; }
.pdp_video_content_media{position:relative;cursor:pointer;}
.pdp_video_content_media svg{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;margin:0 auto; }
.pdp_video_content_media video{width:100%;height:110px;border-radius:8px;object-fit:cover;cursor:pointer;}
.pdp_video_content_right{width:150px;}
@media only screen and (min-width: 200px) and (max-width: 767px){
.pdp_video_content{gap:10px;}
.pdp_video_content_left{width: calc(100% - 145px);}
.pdp_video_content_right{width:135px;}  
.pdp_video_content_media video{height:100%;}  
.pdp_video_content_media { height: 100%;}
}
/* Soldout Nurdge END */

/* Flast Page css */
.temp_flasty .gains_taste_banner_content h2{font-size:64px;}

.taste_inspires_lbrgt{background-size:cover;background-repeat:no-repeat; }
.taste_inspires_lbrgt_flex{display:flex;align-items: center;position:relative;justify-content:center;gap:60px; margin: 0 auto;}
.taste_inspires_lbrgt_inner:first-child, .taste_inspires_lbrgt_inner:last-child{width:395px;}
.taste_inspires_lbrgt_inner:first-child{left:0;}
.taste_inspires_lbrgt_inner:last-child{right:0;}
.taste_inspires_lbrgt_inner_left, .taste_inspires_lbrgt_inner_right {display: flex; flex-direction: column; gap: 60px;}
.taste_inspires_lbrgt_box{display:flex;flex-direction:column;row-gap:12px;}
.taste_inspires_lbrgt_image{text-align:center;}
.taste_inspires_lbrgt_image img{margin:0 auto;}
.taste_inspires_lbrgt_h3{font-size:24px;color:#000;text-align:center;font-weight:700;line-height:1.2;font-family: var(--heading-font-family);}
.taste_inspires_lbrgt_p{font-size:14px;color:#000;text-align:center;font-weight:400;line-height:1.4;}
.taste_inspires_lbrgt_button{text-align:center;margin-top:60px;}
.taste_inspires_lbrgt_button .button{border-radius: 10px;padding: 17px 25px 18px;font-size: 16px;font-weight:400}

.flasty_blog_cards_lbrgt{}
.flasty_blog_cards_lbrgt .blog-post-card__info {padding: 0 24px 24px;}
.flasty_blog_cards_lbrgt .blog-post-card { background: #F6F6F6; gap: 24px;}
.flasty_blog_cards_lbrgt .blog-post-card__info .h3 { font-size: 24px; color: #000;}
.flasty_blog_cards_lbrgt .blog-post-card .rounded {border-radius: 0;}

@media only screen and (min-width: 200px) and (max-width: 767px){
.temp_flasty .gains_taste_banner_content h2 { font-size: 32px;}
.temp_flasty .gains_taste_banner_bg .gains_taste_banner_left {width: 100%;}  
.temp_flasty .gains_taste_banner_bg .gains_taste_banner_right {width: 100%;}
.taste_inspires_lbrgt_flex { gap: 30px; flex-wrap: wrap;}
.taste_inspires_lbrgt_inner:nth-child(2) { order: -1;}
.different_per_row_4, .different_per_row_5, .different_per_row_6 {overflow-x: auto;flex-wrap: nowrap;}
.different_per_row_4 .gains_taste_different_inner, .different_per_row_5 .gains_taste_different_inner, .different_per_row_6 .gains_taste_different_inner {width: 100%;min-width: 80%;}
.temp_flasty .gains_taste_video .collab_ceo_meet_content .button { padding: 17px 12px 18px;font-size: 14px;} 
}
@media only screen and (min-width: 400px) and (max-width: 767px){
.different_per_row_4 .gains_taste_different_inner, .different_per_row_5 .gains_taste_different_inner, .different_per_row_6 .gains_taste_different_inner {width: 100%;min-width: 210px;}
}
@media only screen and (min-width: 768px) and (max-width: 989px){
.temp_flasty .gains_taste_banner_content h2 { font-size: 32px;}
.temp_flasty .gains_taste_banner_bg .gains_taste_banner_left {width: 50%;}
.taste_inspires_lbrgt_flex { gap: 30px;}
.taste_inspires_lbrgt_h3 { font-size: 16px;}
/*.different_per_row_4,*/ .different_per_row_5, .different_per_row_6 {overflow-x: auto;flex-wrap: nowrap;}
/* .different_per_row_5 .gains_taste_different_inner,*/ .different_per_row_6 .gains_taste_different_inner {width: 100%;min-width: 40%;}
.temp_flasty .gains_taste_video .collab_ceo_meet_content .button { padding: 17px 12px 18px;font-size: 14px;} 
}
@media only screen and (min-width:990px) and (max-width:1199px){
.temp_flasty .gains_taste_banner_content h2 { font-size: 40px;}
}

/* Pdp A Content css */
.pdp_A_content_lbrgt{position:relative;overflow: hidden}
.pdp_A_content_svg_absolute{position:absolute;right:0;bottom:0;height:100%; }
.pdp_A_content_svg_absolute img{height:100%;width:100%;}
/* .pdp_A_content_lbrgt .section{position:relative;}
.pdp_A_content_lbrgt .section:before{content:'';position:absolute;width:0;height:0;right:0;top:0;border-left: 50vw solid transparent; border-bottom: 100vh solid #000;  } */
.pdp_A_content_lbrgt_upper{display: flex;flex-wrap: wrap;position:relative;align-items:center;}
.pdp_A_content_lbrgt_left{padding:0;width:50%;}
.pdp_A_content_lbrgt_content{display: flex;flex-direction: column;gap: 16px;max-width: 550px;}
.pdp_a_tag{border-radius: 8px;padding: 8px 16px;background: #F83A3A;font-size:16px;font-weight:700;color:#fff;max-width:fit-content;}
.pdp_a_h3{font-size: 40px;line-height: 1.1;font-weight: 700;font-family: var(--heading-font-family);}
.pdp_a_p .metafield-rich_text_field{display: grid; gap: 16px;}
.pdp_a_p{font-size: 16px;display: flex;flex-direction: column;gap: 16px;}
.pdp_A_content_lbrgt_right{width:50%;position: relative;}
.pdp_A_content_lbrgt_media img { margin: 0 auto;}
@media only screen and (min-width:200px) and (max-width:999px){
.pdp_A_content_lbrgt_left{padding:0;width:100%;}
.pdp_A_content_lbrgt_right{width:100%;}  
/* .pdp_A_content_svg_absolute { height: 300px;}   */
.pdp_A_content_svg_absolute svg {height: auto;width: 100%;}
.pdp_a_h3 {font-size: 30px}
.pdp_a_tag { padding: 8px 14px; font-size: 13px;}
.pdp_a_p {font-size: 14px;}
.pdp_A_content_lbrgt_upper { row-gap: 30px;}
}
@media only screen and (min-width:200px) and (max-width:767px){
.pdp_A_content_lbrgt .section:before { bottom: 0;top:unset; border-left: 100vw solid transparent;  border-bottom: 300px solid #111;}  
.pdp_A_content_svg_absolute { height: 300px;}  
}
@media only screen and (min-width:500px) and (max-width:767px){
.pdp_A_content_lbrgt .section:before {  border-bottom: 400px solid #111;}
.pdp_A_content_svg_absolute { height: 400px;}  
}
@media only screen and (min-width:768px) and (max-width:999px){
.pdp_A_content_lbrgt_left{padding:0;width:50%;}
.pdp_A_content_lbrgt_right{width:50%;}  
.pdp_A_content_svg_absolute {width:65%; }  
.pdp_A_content_svg_absolute svg {height: auto;width: 100%;}
.pdp_a_tag { padding: 8px 14px; font-size: 13px;}
.pdp_a_p {font-size: 14px;}
.pdp_A_content_lbrgt_upper { row-gap: 30px;}
}
@media only screen and (min-width:1000px) and (max-width:1199px){
.pdp_A_content_svg_absolute {width:65%; }  
.pdp_A_content_svg_absolute svg {height: auto;width: 100%;}
}
/* Pdp A Content css END */

.bundle-product-block {border-radius: 12px;border: 1px solid #E7E7E7;padding: 10px 16px;position: relative;}
.bundle-product-block:after {position: absolute;content:''; top:97%;left:50%;background: #FFF url(/cdn/shop/files/red-plus_863f9dc4-b206-4199-9c75-49aae54bc3f4.svg);width: 26px;height: 26px;z-index: 1;transform: translate(-50%, 0px);}
.bundle-product-block:last-child:after {display: none}
.variant-featured-image {min-width: 76px;max-width: 76px;min-height: auto !important;background: rgba(240, 240, 240, 1);border-radius: 8px;}
.variant-featured-image img {border-radius: 8px;}
.variant-options select {border-radius: 8px !important;border: 1px solid #000 !important;background: #FFF;padding: 5px 30px 5px 10px !important;margin-top: 5px;font-size: 14.5px !important;}

/* Whatsapp section lbrgt css */
.whatsapp_section_lbrgt {border-radius: 20px; }
.whatsapp_section_lbrgt_upper{display: flex;flex-wrap: wrap;}
.whatsapp_section_lbrgt_left{padding:80px 0 80px 72px;width:50%;}
.whatsapp_section_lbrgt_left_content{display: flex;flex-direction: column;gap: 16px;max-width: 500px;}
.whatsapp_content_h2{font-size: 40px;line-height: 1.1;font-weight: 700;    font-family: var(--heading-font-family);}
.whatsapp_content_p{font-size: 16px;display: flex;flex-direction: column;gap: 16px;}
.whatsapp_section_lbrgt_grid {display: grid;gap: 16px;grid-template-columns: 1fr 1fr 1fr;max-width: 452px;}
.whatsapp_section_lbrgt_item{padding:20px;border-radius: 20px;border: 1px solid #696969;background: rgba(250, 250, 250, 0.10);backdrop-filter: blur(30px);min-width: 100%;display: flex;align-items: center;justify-content: center;gap: 10px;flex-direction: column;text-align:center;}
.whatsapp_section_lbrgt_right{width:50%;display: flex;align-items: end;}
.whatsapp_section_lbrgt_left_content .button{margin-top: 25px;border-radius: 7px;background: limegreen;width: 100%;max-width:452px;justify-content:center;padding: 14px 32px;font-size: 16px;font-weight: 400;     display: flex;align-items: center;gap: 10px;}
.whatsapp_item_conent{font-size: 13px;font-family: var(--heading-font-family);font-weight: 100;letter-spacing: 1px;line-height: normal;}

@media only screen and (min-width:200px) and (max-width:999px){
.whatsapp_section_lbrgt_left { padding: 40px 20px;width: 100%;}
.whatsapp_content_h2 {font-size: 30px;}
.whatsapp_content_p {font-size: 14px;}
.whatsapp_section_lbrgt_item {padding: 10px;}
.whatsapp_item_conent {font-size: 12px;line-height: 1.3;word-break: keep-all;        letter-spacing: 0.5px;} 
.whatsapp_section_lbrgt_left_content .button {padding: 14px 24px;font-size: 14px;text-align: center;margin: 0;gap: 5px;}
.whatsapp_section_lbrgt_right {width: 100%;justify-content: center;padding: 0 25px;}
.whatsapp_section_lbrgt_grid {gap: 5px;}  
.whatsapp_section_lbrgt_item {border-radius: 8px;}  
}
@media only screen and (min-width:1000px) and (max-width:1199px){
.whatsapp_section_lbrgt_left {padding: 50px 0 50px 35px;}
}
@media only screen and (min-width:1200px) and (max-width:1367px){
.whatsapp_section_lbrgt_left {padding: 60px 0 60px 45px;}
}

/* Subscription Start */
.purchase-options {display: none;gap: 10px;}
.option-box {position: relative;background-color: #F6F6F6;padding: 14px 20px;border-radius: 8px;display: flex;align-items: center;cursor: pointer;border: 2px solid transparent;transition: 0.3s ease;width: 50%;}
.option-box input[type="radio"] {display: none;}
.option-box .radio {width: 22px;height: 22px;border: 1px solid #444;border-radius: 50%;margin-right: 10px;position: relative;}
.option-box input[type="radio"]:checked + .radio::after {content: '';width: 10px;height: 10px;background-color: #DF0029;border-radius: 50%;position: absolute;top: 5px;left: 5px;}
.option-box.active {background-color: #FFF1F1;}
.option-box .discount-badge {color: #2E2E2E;background-color: #E7E7E7;;font-weight: bold;padding: 5px 10px;border-radius: 8px 0 0 8px;  font-size: 0.85rem;position: absolute;right: 0;}
/* .option-box.active .discount-badge {background-color: #DF0029;color: white;} */
.option-box .discount-badge {background-color: #DF0029;color: white;}
.label-text {font-weight: 600;font-size: 16px;color: #333333;}
.subscription-box {border: 1px solid #E7E7E7;border-radius: 10px;padding: 20px;background-color: #fff;position: relative;display:none;}
.subscription-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 16px;color: #5E5E5E;}
.subscription-header strong {font-size: 16px;}
.subscription-header span {font-size: 14px;}
.discount-badge {background-color: #d6002f;color: #fff;padding: 6px 12px;font-size: 0.9rem;font-weight: bold;border-radius: 8px 0 0 8px;  position: absolute;right: 0;}
.dropdown-label {font-weight: 600;display: block;margin-bottom: 8px;color: #5E5E5E;}
.frequency-select {width: 100%;padding: 10px;border-radius: 10px;border: 1px solid #ccc;font-size: 1rem;appearance: none;background: url("data:image/svg+xml,%3Csvg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat right 12px center;background-color: #fff;background-size: 16px;color: #707070;}
.benefits-list {list-style: none;padding: 0;margin: 16px 0 0;font-size: 13px;color: #6D6D6D;}
.benefits-list li {display: flex;align-items: flex-start;margin-bottom: 6px;}
.checkmark {color: #d6002f;margin-right: 8px;font-weight: bold;}

.purchase-options.hide, .subscription-box.hide {display: none !important}

@media(max-width:767px) {
.option-box {padding: 11px 10px;}  
.label-text {font-size: 13px;}
.option-box .radio {width: 16px;height: 16px;margin-right: 6px;}  
.option-box input[type="radio"]:checked + .radio::after {width: 6px;height: 6px;top: 4px;left: 4px;}  
.discount-badge {padding: 4px 5px;font-size: 11px;}  
.option-box .discount-badge {padding: 4px 3px;font-size: 11px;}  
.subscription-box {padding: 10px;}  
.subscription-header {font-size: 14px;}  
.subscription-header strong {font-size: 14px;}  
.benefits-list {font-size: 12px;}  
.frequency-select {padding: 7px 10px;font-size: 14px;}  
}
/* Subscription End */

.shopify-section--announcement-bar {margin-bottom:-2px;}

/* PDP Mood Image */
.slider-container {position: relative;}
.main-image {width: 100%;object-fit: cover;display: block;border-radius: 0.75rem;transition: opacity 0.3s ease-in-out; /* Smooth transition */}
.vthumbnails {display: flex;justify-content: start;margin-top: 10px;overflow-x: auto;padding-left: 15px}
.vthumbnails img {width: 80px;height: 80px;margin: 5px;cursor: pointer;border: 1px solid transparent;border-radius:.75rem;    object-fit: cover;}
.vthumbnails img.active {border-color: #f83a3a;}
.nav-btn {position: absolute;top: 40%;transform: translateY(-50%);background-color: #000;color: white;border: none;cursor: pointer;border-radius: 100%;width: 28px;height: 28px;display: flex;justify-content: center;align-items: center;display:none;}
.vprev { left: 10px;z-index:1 }
.vnext { right: 10px; }
/* Mood Image End */

/* Home category slider Start */
.category-slider {width: 100%;display: flex;position:relative}
.category-slider-wrapper {width: 75%;margin: auto;position: relative;}
.category-slider_slide {width: fit-content;max-width: 100%;overflow-x: scroll;display: flex;position: relative;margin: 0 auto;}
.category-slider_slide::-webkit-scrollbar {display: none;}
.category-slider_slide {-ms-overflow-style: none; scrollbar-width: none; }
.category-slider::after {content: "";position: absolute;right: 12.5%;top: 0;width: 200px;height: 100%;background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));pointer-events: none;}
.category-slider_nav svg {width: 20px;height: 20px;}
.category-slider_nav {width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;border-radius: 50%;position: absolute;background-color: #f8f8f8;z-index: 1;}
.category-slider_item {display: flex;flex-direction: column;justify-content: center;text-align: center;/*flex: 1;min-width: 150px;*/}
.category-slider_item a .f-lg {font-size: 1rem;}
.category-slider_item a .f-md {font-size: .9rem;}
.category-slider_item a .f-sm {font-size: .8rem;}
.category-slider_item a .f-xs {font-size: .7rem;}
.category-slider_item a {text-decoration: none;color: unset;}
.category-slider_item .h3 {margin-top: 12px;font-weight: normal;letter-spacing: normal;font-family: inherit;overflow-wrap: unset;}
.category-slider-img-wrap {margin: auto;border-radius: 50%;overflow: hidden;transition:0.3s ease-in-out;}
.category-slider_item img {width: 100%;height: 100%;object-fit: cover; }
.category-slider_item:hover .category-slider-img-wrap {background:#dfdfdf;transition:0.3s ease-in-out;}
@media screen and (max-width: 999px) {
.category-slider-wrapper {width: 100%;}
.category-slider::after {right: 0;}
.category-slider_item .h3 {margin-top: 0;}
}
@media only screen and (min-width: 1000px) and (max-width: 1200px){  
.category-slider_slide {-ms-overflow-style: block; scrollbar-width: auto; }
.category-slider_slide::-webkit-scrollbar-track{background-color: #fff;padding-top:5px;}
.category-slider_slide::-webkit-scrollbar{display:block;width:5px;height:5px;background-color: #fff;}
.category-slider_slide::-webkit-scrollbar-thumb{background-color:#1a1a1a1f;}
}
/* Home category slider End */

/* Mobile CSS Start */
.main_drawer_panel{padding-bottom:50px;}
navigation-drawer .panel__wrapper {gap: var(--spacing-3);}
.mobile_banner-slider .mobile_banner-slideitem {padding:20px 12px;background-repeat: no-repeat;background-size: cover;overflow: hidden;border-radius:20px;min-height:165px;}
.mobile_banner-slideitem {border-radius:10px;padding:20px 30px;}
.mobile_banner-slideitem-icons {padding:10px 15px;}
navigation-drawer .circle-chevron {background:transparent;}
/* navigation-drawer .circle-chevron svg {width: 12px;height: 12px;} */
navigation-drawer .panel__scroller li {font-weight: 100;font-size: 16px;}
navigation-drawer .panel__scroller li.h3 {border-bottom: 0.25px solid #CCCCCC;padding:20px 10px;}

navigation-drawer .panel__scroller li.h3.single_li {padding: 13px 10px;}
.navigation-drawer .panel__scroller li.h3.single_li.single_li_5 {margin-top:15px;}

.banner_item_main {display:flex;align-items:center;justify-content: space-between;}
.mobile_banner-slider .mobile_banner-slideitem .banner_item_main{align-items:unset;}
.banner_item_main .banner_item p {margin-bottom:5px;}
.banner_item_main .banner_item .button {font-weight: 100;padding: 6px 10px;font-size: 11px;}
.mobile_heading {font-weight: bold;font-family: inherit;font-size: inherit;line-height: normal;}
.banner_item img {max-width:110px;height: 130px;object-fit: contain;}

.banner_item.banner_item_absolute img { max-width:200px;height: auto; object-fit: contain;}
.banner_item_absolute{ position: absolute; bottom: 0; right: 0;}
.banner_item_main .banner_item p.h5{color:#fff;font-size:13px;margin: 0;}
.banner_item_main .banner_item p.h4{color:#FF021F;font-size:23px;}
.banner_item_main .banner_item .p_text ul li{color:#fff;font-size:13px;}
.mobile_banner-slider_no_dots .slick-dots{display:none;}

.mobile_banner-slideitem.img_full_width .banner_item img {object-fit: cover;}

.mobile_banner-slideitem-icons:not(.img_full_width) {margin-bottom:15px;}
.mobile_banner-slideitem-icons:not(.img_full_width) .banner_item img {margin: -25px 0;}  

.mobile_banner-slideitem.img_full_width {position:relative;padding:0;}
.mobile_banner-slideitem.img_full_width .banner_item_main {display:block;}
.mobile_banner-slideitem.img_full_width .banner_item:first-child {position:absolute;top: 50%;left:15px;transform:translate(0, -50%);z-index:1;}
.mobile_banner-slideitem.img_full_width .banner_item img {max-width:100%;width:100%;border-radius:10px;}

.mobile_banner-slideitem .icon_gradient {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0.4;border-radius: 10px;}

.mobile_icons_main {display:grid;grid-template-columns: 1fr 1fr;gap:15px 10px;margin-bottom:20px}
.mobile_icons {border:none;border-radius:10px;position:relative;overflow:hidden;height:100%;}
.mobile_icons img {border-radius: 10px;min-height: 105px; object-fit: cover;}
.mobile_icons_absolute { position: absolute; bottom:5px; z-index: 1;left: 0;padding:8px 8px;width:100%;}
/* .mobile_icons:hover {box-shadow:0px 0px 2px #f83a3a;} */
/* .mobile_icons .circle-chevron {display:none} */
.mobile_icons:hover .circle-chevron, .mobile_icons:focus .circle-chevron {display: flex;background: #2a2a2a;color: #FFF;justify-content: center;position: absolute;right: 10px;}
.mobile_icons button{display:flex;align-items:center;font-weight:700;font-size: 14px;width: 100%;justify-content: space-between;}
.mobile_icons span {font-size:14px;margin-left:0;display:inline-block;color:#fff;font-weight:700;line-height:1;}  
.mobile_icons_absolute button svg{margin-right:-5px;}

.mobile_info_banner{position:relative;border-radius:18px;min-height:125px;margin:30px 0;overflow: hidden;}
.mobile_info_banner img{height:100%;object-fit:cover;border-radius:18px;}
/* .mobile_info_banner:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background: #00000099;border-radius:10px;} */
.mobile_info_banner_content{position:absolute;left:0;bottom:0;padding:20px 10px;z-index:1;text-align: center;right: 0;margin: 0 auto;}
.mobile_info_banner_content p{font-size:12px;margin:0;color:#fff;}
.mobile_info_banner_content p b{font-weight:700;}

.change_color_sinob{color:#EB001B;}
/* Mobile CSS END */

/* reason summary css */
.reasons_summary_box{padding: 40px;border-radius: 8px;border: 1px dashed #D2D2D2;position:relative;background-color: lightgray;background-size: cover;background-position: top;background-blend-mode: screen;}
.reasons_summary_box:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;}
.reasons_summary_content{position:relative;}
.reasons_summary_content .summary_h3 {color: #000;font-size: 32px;font-weight: 700;text-transform: uppercase;line-height: 1;}
.reasons_summary_content p {color: #000;font-size: 20px;font-weight: 400;letter-spacing: -0.4px;margin:24px 0 0;line-height: 1.5;}
.reasons_summary_bg_media { position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.reasons_summary_bg_media img {object-fit: cover;height: 100%;object-position: top;}

/* reasons_intro css */
.reasons_intro_box{display:flex;flex-direction:column;gap:32px;padding-top:10px;}
.reasons_intro_flex{display:grid;grid-template-columns:auto 1fr;gap:12px;}
.reasons_intro_icon img{width:51px;height:51px;border-radius:100%;border:1px solid #000;background:#D9D9D9;}
.reasons_intro_text .intro_name{font-size: 18px;font-weight: 700;letter-spacing: -0.36px;display:block;color:#000;}
.reasons_intro_text .intro_update{font-size: 14px;font-weight:400;letter-spacing: -0.28px;display:block;color:#000;}
.intro_h3{font-size: 64px;color: #000;font-weight: 700;line-height: 1.2;}
.intro_h3 span{color: #DF1414;}
.reasons_intro_content p{font-size:16px;color:#000;font-weight:700;margin:0;letter-spacing:0;}

/* reasons_text_image css */
.reasons_text_image .collab_ceo_meet_flex{margin:0 -24px;}
.reasons_text_image .collab_ceo_meet_left, .reasons_text_image .collab_ceo_meet_right{padding:0 24px;}
.reasons_text_image .collab_ceo_meet_media img{ max-width: 100%;  width: 100%;border-radius: 10px;}
.reasons_text_image .collab_ceo_meet_richtext ul{padding-left:40px;display: flex; flex-direction: column;gap: 16px;}
.reasons_text_image .collab_ceo_meet_richtext ul li{position:relative;padding-left:36px;line-height: 1.6;font-size: 18px;}
.reasons_text_image .collab_ceo_meet_richtext ul li:before{content:'';position:absolute;left:0;top: 3px;background-image:url(/cdn/shop/files/Icon.svg?v=1760068810);width:24px;height:24px;background-size:24px;}
.reasons_text_image .collab_ceo_meet_content .button {margin-top: 50px;color:#F6F6F6;font-weight: 400;text-transform: capitalize;background-color:#F83A3A;}
.reasons_text_image .collab_ceo_meet_content h3 { font-size: 24px; font-weight: 700;    line-height: 1.5;}
.reasons_text_image .collab_ceo_meet_content .collab_ceo_meet_richtext {  margin: 15px 0 0;}
.reasons_text_image .section {padding-block-start: 40px;padding-block-end: 40px;}

/* reasons_image_banner css */
.reasons_image_banner .gains_taste_banner_content{position:relative;z-index: 1;}
.reasons_image_banner .gains_taste_banner_content h2{font-size:40px;color: #DF1414 !important;font-weight: 700;margin: 0 0 16px;}
.reasons_image_banner .gains_taste_banner_content p{font-size:16px;color: #F6F6F6;font-weight:400;}
.reasons_image_banner .gains_taste_banner_content .button {padding: 12px 25px 13px;color:#F6F6F6;font-weight: 400;text-transform: capitalize;border-radius: 7px;background: #F83A3A;}
.reasons_image_banner .gains_taste_banner_media  {position:relative;}
/* .reasons_image_banner .gains_taste_banner_media:before{content: '';position: absolute;width: 25%;height: 100%;background: #000;filter: blur(67px);left: -10%;top: 0;} 
.reasons_image_banner .gains_taste_banner_media:after{content: '';position: absolute;width: 40%;height: 100%;background: #000;filter: blur(67px);top: 0;right: -10%;}  */
.reasons_image_banner .gains_taste_banner_link {margin-top: 16px;}

.reasons_image_banner .gains_taste_banner_left{position: static;}
.reasons_image_banner .gains_taste_banner_content{position: absolute;width: 100%; max-width:  calc(var(--container-max-width) + 80px) !important;left: 0; right: 0;margin: 0 auto;}

@media only screen and (min-width:200px) and (max-width:999px){
.reasons_intro_text .intro_name {font-size: 16px;}
.reasons_intro_text .intro_update {font-size: 12px;}
.intro_h3 {font-size: 30px;line-height: 1.2;}
.reasons_intro_content p {font-size: 14px;}
.reasons_summary_box {padding: 20px;}
.reasons_summary_content .summary_h3 {font-size: 24px;}
.reasons_summary_content p {font-size: 15px;}
.reasons_text_image .collab_ceo_meet_richtext ul li {font-size: 16px;}
.reasons_text_image .collab_ceo_meet_richtext ul {padding-left: 20px;}
.reasons_text_image .collab_ceo_meet_content .button {margin-top: 30px;}
.reasons_image_banner .gains_taste_banner_content h2 {font-size: 35px;}
.reasons_image_banner .gains_taste_banner_content h2 { font-size: 35px;}
.reasons_intro_box {gap: 24px;}

.reasons_image_banner .gains_taste_banner_content {position: relative;}
.reasons_image_banner .gains_taste_banner_left {position: relative;}
.reasons_image_banner .gains_taste_banner_content p {font-size: 14px;}
.reasons_image_banner .gains_taste_banner_content p br{display:none;}
}
@media only screen and (min-width:768px) and (max-width:999px){
.reasons_text_image .collab_ceo_meet_flex {margin: 0 -15px;}
.reasons_text_image .collab_ceo_meet_left, .reasons_text_image .collab_ceo_meet_right {padding: 0 15px;}
.reasons_text_image .collab_ceo_meet_richtext ul { gap: 10px;}
.reasons_intro_box {gap: 24px;}
}
@media only screen and (min-width:1000px) and (max-width:1199px){
.reasons_intro_box {gap: 24px;}
.reasons_summary_content .summary_h3 {font-size: 28px;}
.intro_h3 {font-size: 40px;}
.reasons_summary_content p { margin: 18px 0 0;font-size: 17px;}
.reasons_text_image .collab_ceo_meet_richtext ul li { font-size: 16px;}
.reasons_image_banner .gains_taste_banner_content p { max-width: 44%;}
.reasons_image_banner .gains_taste_banner_content p br{display:none;}
.reasons_image_banner .gains_taste_banner_media:before { width: 50%; left: -30%;}
}
@media only screen and (min-width:1200px) and (max-width:1367px){
.reasons_image_banner .gains_taste_banner_content p { max-width: 44%;}
.reasons_image_banner .gains_taste_banner_content p br{display:none;}
.reasons_image_banner .gains_taste_banner_media:before { width: 50%; left: -30%;}
}

/* coach main css */
.coach_main_lbrgt_box{border-radius: 24px;border: 1px solid #CCC;padding: 64px;background: #FAFAFA;display: flex;flex-direction: column;align-items: center;gap: 40px;}
.coach_main_lbrgt_tabbing{width: 100%;display: flex;gap: 8px;justify-content: center;align-items: center;align-content: center;}
.coach_main_lbrgt_tabbing button{font-size: 18px;flex: 1 0 0;font-weight: 700;padding: 20px 8px;gap: 12px;border-radius: 12px;border: 1px solid #CCC;background: #FFF;box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.12);display: flex;flex-direction: column;justify-content: center;align-items: center;}
.coach_main_lbrgt_body{border-radius: 24px;border: 1px solid #CCC;background: #FFF;box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.06);padding: 64px 80px;width:100%;}
.coach_main_lbrgt_weight{display:none;}
.coach_main_lbrgt_tabbing .tab_active_weight{background:#FAFAFA;}

/* step_1 css */
.weight_form_container {background: #fff;border-radius: 16px;box-shadow: 0 2px 10px rgba(0,0,0,0.05);padding:64px 80px;display: flex;justify-content: space-between;align-items: flex-start;gap: 50px;max-width: 100%;margin: 0 auto;}
.weight_form_left {flex: 1;display: flex;flex-direction: column;gap: 25px;    max-width: 442px;}
.step_info {display: flex;gap:10px;align-items:center;color: #666;font-size: 14px;}
.step_info span{border-radius: 1000px;border: 1px solid #CCC;background: #FAFAFA;width: 24px;height: 24px;display: flex;justify-content: center;align-items: center;}
.weight_form_left .weight_form_heading {font-size: 40px;line-height: 1;font-weight: 700;font-family: var(--heading-font-family);margin:0 0 16px;text-transform: capitalize;color: #1D1D1D;}
.weight_form_left p {font-size:16px;font-weight:400;margin: 0px;line-height:1.4;color: #1D1D1D;}
.weight_form_left button {font-size:16px;background: #000;color: #F6F6F6;border: none;padding: 12px 24px;border-radius:8px;font-weight: 400;max-width: fit-content;}

.weight_form_right {flex: 1;display: flex;flex-direction: column;gap: 24px;max-width:368px;}
.weight_form_group {display: flex;flex-direction: column;gap:8px;}
.weight_form_group label {font-size: 12px;font-weight:400;color: #666;text-transform: uppercase;}
.weight_form_group input, .weight_form_group select {padding: 12px 16px;border: 1px solid #CCC;border-radius:8px;font-size: 14px;color:#666;}
.weight_form_group input:focus,.weight_form_group select:focus {outline: none;border-color: #ccc;}

.weight_grid_products{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:8px;}
.weight_grid_products_item{border-radius: 12px;border: 1px solid #CCC;padding: 16px;}
.weight_grid_products_box img{width:100%}

.weight_oder{position:relative;text-align:center;}
.weight_oder:before{content:'';position:absolute;left:0;width:100%;height:1px;background: #CCC;top: 50%;transform: translateY(-50%);}
.weight_oder span{font-size: 12px;text-transform: uppercase;color: #CCC;font-weight: 400;background:#fff;padding:0 8px;position: relative;}

.weight_fill_blank_header{font-size: 12px;text-transform: uppercase;color: #666;line-height:1.4;margin:0 0 10px;}
.weight_fill_blank_form{display:grid;gap:30px;grid-template-columns:1fr 1fr;}
.weight_fill_blank_form input{padding: 12px 16px;border: 1px solid #CCC;border-radius:8px;font-size: 14px;color:#666;background: #FAFAFA;}
.weight_fill_blank_form input:focus {outline: none;border-color: #ccc;}
.weight_fill_blank_form button {font-size:16px;background: #000;color: #F6F6F6;border: none;padding: 12px 24px;border-radius:8px;font-weight: 400;max-width: 100%;text-align: center;}

.step_2_right{max-width:445px;gap:8px;}
.weight_activity_grid{position:relative;padding: 16px;border-radius: 16px;border: 2px solid #CCC;}
.weight_activity_grid img{height:108px;object-fit:cover;object-position:center;width: 100%;border-radius: 12px;}
.weight_activity_grid_media{position:relative;border-radius: 12px;overflow:hidden;}
.weight_activity_grid_media:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;border-radius: 12px;background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);}
.weight_activity_grid span{font-size: 20px;line-height: 1.1;font-weight: 700;font-family: var(--heading-font-family);color:#fff;position:absolute;padding:36px;bottom:0;width:100%;left:0;}

.step_3_right{gap:24px;}
.weight_activity_grid_content{display: flex;gap:10px;justify-content: center;align-items: center;}
.weight_activity_grid_content span{font-size: 12px;color: #666;text-transform: uppercase;font-weight: 400; }
.active_weight_product{border-color:#FF0000;}
.weight_form_left .skip_button{border-radius: 8px;border: 1px solid #CCC;background: #FAFAFA;color:#1D1D1D;}
.weight_activity_grid_text .activity_text{font-size: 14px;font-weight: 700;font-family: var(--heading-font-family);line-height:1.1;color: #000;}
.weight_activity_grid_text p{font-size: 12px;margin:16px 0  0;font-weight:400;line-height:1.4;color:#1D1D1D;}

.output-box {background: #1D1D1D;color: #fff;padding: 16px 24px;border-radius: 8px;max-width: 100%;}
.output-title {text-align: center;font-size: 20px;font-weight: 700;margin-bottom: 13px;color:#fff;}
.output-grid {display: flex;gap: 8px;text-align: center;justify-content:space-between;}
.output-item .label {display: block;font-size: 12px;color: #fff;margin-bottom:8px;}
.output-item .value {display: block;font-size: 20px;font-weight: 700;line-height: 1;}
.output-item .sub-value {display: block;font-size: 14px;color: #bbb;}

.step_4_right{border-radius: 12px;border: 1px solid #CCC;padding: 16px;display: flex;gap: 8px;flex-direction: column;}
.step_4_right .weight_activity_grid{border-radius: 8px;background: #FAFAFA;padding: 12px 24px;border:none;}
.step_4_right .weight_activity_grid_content span{position:relative;padding:0;    width: auto;}
.step_4_right .weight_activity_grid_text .activity_text {font-size: 20px;font-weight: 700;line-height: normal;color: #000;font-family: inherit;}
.step_4_right .weight_activity_grid_content {justify-content: start;}
.step_4_right .weight_activity_grid_text p {margin:0;display:grid;align-items:center;grid-template-columns:auto 1fr;gap: 4px;}
.step_4_right .weight_activity_grid_text{ display: flex; flex-direction: column; gap: 8px;}
.step_4_right .weight_activity_grid_text p small{font-size:12px;}

.weight_form_container_full .weight_form_left{max-width:100%;}
.weight_form_container_full .weight_form_right{max-width:100%;}

.weight_slider_container {width: 100%;background: #fff;border: 1px solid #e0e0e0;border-radius: 10px;padding: 20px;box-shadow: 0 1px 3px rgba(0,0,0,0.1);}
.weight_slider_labels {display: flex;justify-content: space-between;font-weight:700;margin-bottom: 10px;align-items: center;gap: 5px;font-size: 16px;}
.weight_slider {width: 100%;-webkit-appearance: none;appearance: none;height: 1px;background: #000;outline: none;border-radius: 5px;}
.weight_slider::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 16px;height: 16px;background: #1d1d1d;border-radius: 50%;cursor: pointer;margin-top: 0px;}
.weight_slider::-moz-range-thumb {width: 16px;height: 16px;background: #000;border-radius: 50%;cursor: pointer;}
.weight_result_box {background: #FAFAFA;border-radius: 8px;padding: 16px;}
.weight_result_info {font-size: 12px;text-transform: uppercase;color: #666;margin-bottom: 6px;display: flex;align-items: center;gap: 0px;}
.weight_result_info svg{margin-left:5px;}
.weight_result_time {font-size: 20px;font-weight: 700;color: #1D1D1D;}


@media only screen and (min-width: 200px) and (max-width: 767px) {
.weight_form_container {flex-direction: column;gap: 25px;padding:30px 15px;}

.coach_main_lbrgt_box { padding: 20px;}
.coach_main_lbrgt_body { padding: 25px 15px;}
.coach_main_lbrgt_tabbing {  flex-direction: column;align-items: stretch;}

.weight_fill_blank_form { gap: 15px; grid-template-columns: 1fr;}
.weight_form_left .weight_form_heading {font-size: 25px;}
.weight_form_left p {font-size: 14px;}
.weight_form_left button {font-size: 14px;}
.weight_form_left { max-width: 100%;width: 100%;}
.weight_form_right { max-width: 100%;width: 100%;}
.weight_form_left .weight_fill_blank_form button {font-size: 14px; padding: 12px 12px;}

.weight_activity_grid span {font-size: 16px;}
.output-box {padding: 16px 16px;}
.output-grid { gap: 15px 8px; grid-template-columns: 1fr 1fr;display: grid;}
.weight_form_left .skip_button { margin-top: 8px;}

.weight_activity_grid span {font-size: 14px;    }
.step_4_right .weight_activity_grid_text .activity_text {font-size: 16px;}
.weight_grid_products { display: flex; gap: 8px; overflow-x: auto;}
.weight_grid_products_item { min-width: 185px;}
.weight_result_info { display: block;}
.weight_result_time {font-size: 16px;}
.step_4_right .weight_activity_grid { padding: 12px 12px;}
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
.weight_form_container {flex-direction: column;gap: 25px;padding:30px 15px;}

.coach_main_lbrgt_box { padding: 20px;}
.coach_main_lbrgt_body { padding: 25px 15px;}

.weight_fill_blank_form { gap: 15px; grid-template-columns: 1fr;}
.weight_form_left .weight_form_heading {font-size: 25px;}
.weight_form_left p {font-size: 14px;}
.weight_form_left button {font-size: 14px;}
.weight_form_left { max-width: 100%;width: 100%;}
.weight_form_right { max-width: 100%;width: 100%;}
.weight_form_left .weight_fill_blank_form button {font-size: 14px; padding: 12px 12px;}

.weight_activity_grid span {font-size: 16px;}
.output-box {padding: 16px 16px;}
.output-grid { gap: 15px 8px; grid-template-columns: 1fr 1fr;}
.weight_form_left .skip_button { margin-top: 8px;}

.weight_activity_grid span {font-size: 14px;    }
.step_4_right .weight_activity_grid_text .activity_text {font-size: 16px;}

}
@media only screen and (min-width:1000px) and (max-width:1199px) {
.coach_main_lbrgt_box {
    padding: 30px;}
    .coach_main_lbrgt_body {
    padding: 30px 30px;
}
.weight_form_container {
    padding: 40px 40px;}
    .weight_form_left .weight_form_heading {
    font-size: 30px;}
}
@media only screen and (min-width:1200px) and (max-width:1367px) {
.coach_main_lbrgt_box {
    padding: 40px;}
    .coach_main_lbrgt_body {
    padding: 40px 40px;
}
.weight_form_container {
    padding: 60px;}
    .weight_form_left .weight_form_heading {
    font-size: 35px;}
}

/* coach recomm lbrgt css */
.coach_recomm_lbrgt_main{display:flex;gap:50px;flex-direction:column;}
.coach_recomm_lbrgt_header{display:flex;gap:20px;flex-direction:column;}
.calculation_div{border-radius: 8px;border: 1px solid #CFCFCF;padding: 12px 32px;display: flex;gap: 16px;justify-content: center;align-items: center;max-width: fit-content;margin: 0 auto;}
.calculation_div span{font-size: 16px;color:#1d1d1d;}

.coach_recomm_lbrgt_flex{display:flex;flex-wrap:wrap;}
.coach_recomm_lbrgt_left{width:calc(100% - 432px);}
.coach_recomm_lbrgt_right{width:432px;padding-left:32px;}
.coach_recomm_lbrgt_grid {display: grid;grid-template-columns: 1fr 1fr 1fr;gap:24px;}

.coach_recomm_lbrgt_right_box {border: 1px solid #DADCE0;background: #fff;border-radius: 12px;padding:0;display: grid;grid-template-rows: auto 1fr auto; height:100%; /*min-height: 430px;*/}
.coach_recomm_lbrgt_right_box.adjust_height{min-height: 895px;} 
.coach_recomm_lbrgt_right_top { background: #000; border-radius:12px 12px 0 0;padding:16px 20px;place-self: flex-start;width: 100%;}
.coach_recomm_lbrgt_right_top_heading {display: flex;justify-content: space-between;align-items: center;}
.coach_recomm_lbrgt_right_top_heading p.h3{color:#fff;font-size:20px;letter-spacing:0;margin:0;line-height:1.1;font-weight:400;}
.coach_recomm_lbrgt_right_top_heading span {display: flex;gap: 5px;align-items: center;}
.coach_recomm_lbrgt_right_top_heading span small{width:25px;height:25px;display: flex;border-radius: 50%; background:#E61C1C;color:#fff;text-align: center;font-size:16px;justify-content: center;align-items: center;font-weight:700;}
.coach_recomm_lbrgt_right_main{align-self: start; height: 100%;  overflow: hidden;padding:16px 20px;}
.coach_recomm_lbrgt_right_button{align-self: end;padding:16px 20px;}
.coach_recomm_lbrgt_right_button .button{width:100%;padding-block-start: 1.075rem; padding-block-end: 1.075rem;padding-inline-start: var(--spacing-10);padding-inline-end: var(--spacing-10);background-color: rgb(var(--button-background));}
.coach_recomm_lbrgt_right_button .button del{margin-left:10px;font-size: 15px;}
.coach_recomm_lbrgt_right_button .button span{font-size: 18px;margin-left: 10px;display: flex;flex-direction: row-reverse;align-items: flex-end;}

.product-cart-item_subscription{padding:10px 0;}
.product-cart-item_subscription_tab{display:flex;gap:10px;}
.item_subscription_tab{background: #fff;color:#333;flex:1;font-size: 12px;border-radius:10px;padding:12px 10px 12px 38px;position:relative;cursor:pointer;font-weight: 700;}
.item_subscription_tab small {background: #DF0029;border-radius: 10px 0px 0px 10px;position: absolute;right: 0;color: #fff;font-size: 12px;padding: 4px;top: 50%;transform: translateY(-50%);}
.item_subscription_tab input[type=radio] {margin: 0;position:absolute;width:1px;height:1px;opacity:0;visibility:hidden;}
.item_subscription_tab:hover , .item_subscription_tab_active{background:#FFF1F1;}
.item_subscription_tab:before{content:'';position:absolute;left:10px;top: 50%;transform: translateY(-50%);width:20px;height:20px;border: 1px solid #444444;border-radius:100%;background:#fff;}
.item_subscription_tab:after{content:'';position:absolute;width:10px;height:10px;border-radius:100%;background:transparent;left: 15px;top: 50%;transform: translateY(-50%);}
.item_subscription_tab_active:before{content:'';position:absolute;left:10px;top: 50%;transform: translateY(-50%);width:20px;height:20px;border: 1px solid #DF0029;border-radius:100%;background:transparent;}
.item_subscription_tab_active:after{background:#DF0029;}
.item_subscription_tab_active[for="one-time"]:before {border-color: #DF0029}
.item_subscription_tab_active[for="one-time"]:after{background:#DF0029;}
.product-cart-item_subscription_select{padding:10px 0 0;position: relative;}
.product-cart-item_subscription_select select {width: 100%;background: #fff;border-radius: 50px;padding: 6px 30px 6px 15px;height: 40px;line-height:1;margin: 0;appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.product-cart-item_subscription_select::after {content: '▼';font-size: 14px;color: #333;position: absolute;right: 15px;top:20px;pointer-events: none;}
.product-cart-item_subscription_select select:focus-visible{box-shadow:unset;outline: none;}

.mobile_selection_value_grid, .mobile_selection_value_arrow {display: none;}
.mobile_selection_value { display: none;}
@media only screen and (min-width: 200px) and (max-width: 767px) {
.coach_recomm_lbrgt_left { width: 100%;}
.coach_recomm_lbrgt_grid {grid-template-columns: 1fr 1fr;gap: 10px;}
.coach_recomm_lbrgt_right{display:none;}
.calculation_div span {font-size: 14px;}

.mobile_selection_value_grid {display: none;padding: 12px 10px;position: fixed;bottom: 0;width: 100%;z-index: 9999999999;}
.mobile_selection_value {position: fixed;width: 100%;bottom: -100%;border-radius: 8px 8px 0px 0px;overflow: hidden;z-index: 9999999999;background: #fff;border-radius: 0px;}
.mobile_selection_value_arrow {width: 49px;height: 45px;background: #F4F4F4;border-radius: 8px;text-align: center;display: flex;align-items: center;justify-content: center;}
.routine_builder_02_bottom_right_top_heading {width: calc(100% - 49px);margin-left: 10px;background: #DF0029;padding: 12px 15px;border-radius: 6px;  height: 45px;color:#fff;}
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
.coach_recomm_lbrgt_left { width: 100%;}
.coach_recomm_lbrgt_grid {grid-template-columns: 1fr 1fr;gap: 10px;}
.coach_recomm_lbrgt_right{display:none;}
.calculation_div span {font-size: 14px;}

.mobile_selection_value_grid {display: none;padding: 12px 10px;position: fixed;bottom: 0;width: 100%;z-index: 9999999999;}
.mobile_selection_value {position: fixed;width: 100%;bottom: -100%;border-radius: 8px 8px 0px 0px;overflow: hidden;z-index: 9999999999;background: #fff;border-radius: 0px;}
.mobile_selection_value_arrow {width: 49px;height: 45px;background: #F4F4F4;border-radius: 8px;text-align: center;display: flex;align-items: center;justify-content: center;}
.routine_builder_02_bottom_right_top_heading {width: calc(100% - 49px);margin-left: 10px;background: #DF0029;padding: 12px 15px;border-radius: 6px;  height: 45px;color:#fff;}
}

@media only screen and (min-width: 1000px) and (max-width:1199px) {
  .coach_recomm_lbrgt_left {width: calc(100% - 332px);}
.coach_recomm_lbrgt_right {width: 331px;padding-left: 32px;}
}
@media only screen and (min-width: 1200px) and (max-width:1367px) {
  .coach_recomm_lbrgt_left {width: calc(100% - 332px);}
.coach_recomm_lbrgt_right {width: 331px;padding-left: 32px;}
}

/* PDP badges */
.badge_hashtag {position: absolute !important;right: 1rem !important; display: flex;align-items: center;}
.badge_hashtag .badge {position: relative !important;right: 0 !important; padding: 0 !important;    display: block !important;}
.badge_hashtag .badge on-sale-badge {padding: 2px 5px !important;height: 20px;    display: flex !important;align-items: center;line-height: normal;}
.badge_hashtag .hashtag {position: relative !important;right: 0 !important;padding: 1.5px 8px 2px 8px;border-radius: 2px;background: #333;color: #FFF; font-size: 9px; font-weight: 500;display: flex !important;align-items: center;height: 20px;    line-height: normal;}

.badge_hashtag:has(.hashtag) .badge {border-radius: 2px 0px 0px 2px;}
.badge_hashtag:has(.badge) .hashtag {border-radius: 0 2px 2px 0;}

.selected-option-bold .badge_hashtag {display:none !important}
