/** Shopify CDN: Minification failed

Line 2510:0 Comments in CSS use "/* ... */" instead of "//"
Line 12620:76 Unexpected "("
Line 12621:28 Unexpected "/"
Line 12623:19 Expected identifier but found "/"

**/
@charset "UTF-8";
@media only screen and (min-width:768px) {

  [class][data-mq=small],
  [data-mq=small],
  [data-mq=small][data-container] {
    display: none
  }
}

@media only screen and (min-width:1024px) {

  [class][data-mq=small-medium],
  [data-mq=small-medium],
  [data-mq=small-medium][data-container] {
    display: none
  }
}

@media only screen and (max-width:767px) {

  [class][data-mq=medium],
  [data-mq=medium],
  [data-mq=medium][data-container] {
    display: none
  }
}

@media only screen and (min-width:1024px) {

  [class][data-mq=medium],
  [data-mq=medium],
  [data-mq=medium][data-container] {
    display: none
  }
}

@media only screen and (max-width:767px) {

  [class][data-mq=medium-large],
  [data-mq=medium-large],
  [data-mq=medium-large][data-container] {
    display: none
  }
}

@media only screen and (max-width:767px) {

  [class][data-mq=large],
  [data-mq=large],
  [data-mq=large][data-container] {
    display: none
  }
}

@media only screen and (min-width:768px) and (max-width:1023px) {

  [class][data-mq=large],
  [data-mq=large],
  [data-mq=large][data-container] {
    display: none
  }
}

[class][data-mq=none],
[data-mq=none],
[data-mq=none][data-container] {
  display: none
}

:root {
  --transition--standard: cubic-bezier(0.45, 0.05, 0.55, 0.95);
  --transition--ease-out: cubic-bezier(0.19, 1, 0.22, 1);
  --transition--snap-back: cubic-bezier(0.68, -0.55, 0.27, 1.55);
  --transition--zoom-in: scale 8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  --transition--zoom-out: scale 8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  --transition--mask: transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
  --transition--scale-in: all 0.2s var(--transition--standard) 0s;
  --transition--grow: all 0.2s var(--transition--standard) 0s;
  --transition--slide-in: all 0.7s var(--transition--standard) 0s;
  --transition--slide-out: all 0.4s var(--transition--standard) 0s;
  --transition--fade-in: opacity 0.7s var(--transition--standard) 0s, visibility 0.7s var(--transition--standard) 0s;
  --transition--fade-out: opacity 0.4s var(--transition--standard) 0s, visibility 0.4s var(--transition--standard) 0s;
  --transition--stroke: svg 1.5s cubic-bezier(0.8, 0, 0.85, 0.6) 0s forwards
}

@keyframes svg {
  to {
    stroke-dashoffset: 0
  }
}

[data-transition-container][data-transition-type=fade-in] [data-transition-item]:not([data-transition-type]) {
  visibility: hidden;
  opacity: 0;
  transition: var(--transition--fade-in)
}

[data-transition-container][data-transition-type=fade-in] [data-transition-item]:not([data-transition-type])[data-transition-active=true],
[data-transition-container][data-transition-type=fade-in] [data-transition-item]:not([data-transition-type])[data-transition-trigger=hover]:hover {
  visibility: visible;
  opacity: 1
}

[data-transition-container] [data-transition-item][data-transition-type=fade-in] {
  visibility: hidden;
  opacity: 0;
  transition: var(--transition--fade-in)
}

[data-transition-container] [data-transition-item][data-transition-type=fade-in][data-transition-active=true],
[data-transition-container] [data-transition-item][data-transition-type=fade-in][data-transition-trigger=hover]:hover {
  visibility: visible;
  opacity: 1
}

[data-transition-container][data-transition-type=fade-out] [data-transition-item]:not([data-transition-type]) {
  visibility: visible;
  opacity: 1;
  transition: var(--transition--fade-out)
}

[data-transition-container][data-transition-type=fade-out] [data-transition-item]:not([data-transition-type])[data-transition-active=true],
[data-transition-container][data-transition-type=fade-out] [data-transition-item]:not([data-transition-type])[data-transition-trigger=hover]:hover {
  visibility: hidden;
  opacity: 0
}

[data-transition-container] [data-transition-item][data-transition-type=fade-out] {
  visibility: visible;
  opacity: 1;
  transition: var(--transition--fade-out)
}

[data-transition-container] [data-transition-item][data-transition-type=fade-out][data-transition-active=true],
[data-transition-container] [data-transition-item][data-transition-type=fade-out][data-transition-trigger=hover]:hover {
  visibility: hidden;
  opacity: 0
}

[data-transition-container][data-transition-type=scale-in] [data-transition-item]:not([data-transition-type]) {
  visibility: hidden;
  opacity: 0;
  scale: .9;
  transition: var(--transition--scale-in)
}

[data-transition-container][data-transition-type=scale-in] [data-transition-item]:not([data-transition-type])[data-transition-active=true],
[data-transition-container][data-transition-type=scale-in] [data-transition-item]:not([data-transition-type])[data-transition-trigger=hover]:hover {
  visibility: visible;
  opacity: 1;
  scale: 1
}

[data-transition-container] [data-transition-item][data-transition-type=scale-in] {
  visibility: hidden;
  opacity: 0;
  scale: .9;
  transition: var(--transition--scale-in)
}

[data-transition-container] [data-transition-item][data-transition-type=scale-in][data-transition-active=true],
[data-transition-container] [data-transition-item][data-transition-type=scale-in][data-transition-trigger=hover]:hover {
  visibility: visible;
  opacity: 1;
  scale: 1
}

[data-transition-container][data-transition-type=grow] [data-transition-item]:not([data-transition-type]) {
  scale: 1;
  transition: var(--transition--grow)
}

[data-transition-container][data-transition-type=grow] [data-transition-item]:not([data-transition-type])[data-transition-active=true],
[data-transition-container][data-transition-type=grow] [data-transition-item]:not([data-transition-type])[data-transition-trigger=hover]:hover {
  scale: 1.5
}

[data-transition-container] [data-transition-item][data-transition-type=grow] {
  scale: 1;
  transition: var(--transition--grow)
}

[data-transition-container] [data-transition-item][data-transition-type=grow][data-transition-active=true],
[data-transition-container] [data-transition-item][data-transition-type=grow][data-transition-trigger=hover]:hover {
  scale: 1.5
}

[data-transition-container][data-transition-type=slide-out] [data-transition-item]:not([data-transition-type]) {
  transition: var(--transition--slide-out);
  visibility: visible;
  opacity: 1;
  transform: translate3d(0, 0, 0)
}

[data-transition-container][data-transition-type=slide-out] [data-transition-item]:not([data-transition-type])[data-transition-active=true],
[data-transition-container][data-transition-type=slide-out] [data-transition-item]:not([data-transition-type])[data-transition-trigger=hover]:hover {
  visibility: hidden;
  opacity: 0;
  transform: translate3d(0, -16px, 0)
}

[data-transition-container] [data-transition-item][data-transition-type=slide-out] {
  transition: var(--transition--slide-out);
  visibility: visible;
  opacity: 1;
  transform: translate3d(0, 0, 0)
}

[data-transition-container] [data-transition-item][data-transition-type=slide-out][data-transition-active=true],
[data-transition-container] [data-transition-item][data-transition-type=slide-out][data-transition-trigger=hover]:hover {
  visibility: hidden;
  opacity: 0;
  transform: translate3d(0, -16px, 0)
}

[data-transition-container][data-transition-type=slide-in] [data-transition-item]:not([data-transition-type]) {
  visibility: hidden;
  opacity: 0;
  transform: translate3d(0, 16px, 0);
  transition: var(--transition--slide-in)
}

[data-transition-container][data-transition-type=slide-in] [data-transition-item]:not([data-transition-type])[data-transition-active=true],
[data-transition-container][data-transition-type=slide-in] [data-transition-item]:not([data-transition-type])[data-transition-trigger=hover]:hover {
  visibility: visible;
  opacity: 1;
  transform: translate3d(0, 0, 0)
}

[data-transition-container] [data-transition-item][data-transition-type=slide-in] {
  visibility: hidden;
  opacity: 0;
  transform: translate3d(0, 16px, 0);
  transition: var(--transition--slide-in)
}

[data-transition-container] [data-transition-item][data-transition-type=slide-in][data-transition-active=true],
[data-transition-container] [data-transition-item][data-transition-type=slide-in][data-transition-trigger=hover]:hover {
  visibility: visible;
  opacity: 1;
  transform: translate3d(0, 0, 0)
}

[data-transition-container][data-transition-type=mask] [data-transition-item]:not([data-transition-type]) {
  overflow: hidden
}

[data-transition-container][data-transition-type=mask] [data-transition-item]:not([data-transition-type])>* {
  margin: 0;
  line-height: initial;
  transform: translate3d(0, 100%, 0);
  transition: var(--transition--mask)
}

[data-transition-container][data-transition-type=mask] [data-transition-item]:not([data-transition-type])[data-transition-finished=true] {
  overflow: unset
}

[data-transition-container][data-transition-type=mask] [data-transition-item]:not([data-transition-type])[data-transition-active=true]>*,
[data-transition-container][data-transition-type=mask] [data-transition-item]:not([data-transition-type])[data-transition-trigger=hover]>:hover {
  transform: translate3d(0, 0, 0)
}

[data-transition-container] [data-transition-item][data-transition-type=mask] {
  overflow: hidden
}

[data-transition-container] [data-transition-item][data-transition-type=mask]>* {
  margin: 0;
  line-height: initial;
  transform: translate3d(0, 100%, 0);
  transition: var(--transition--mask)
}

[data-transition-container] [data-transition-item][data-transition-type=mask][data-transition-finished=true] {
  overflow: unset
}

[data-transition-container] [data-transition-item][data-transition-type=mask][data-transition-active=true]>*,
[data-transition-container] [data-transition-item][data-transition-type=mask][data-transition-trigger=hover]>:hover {
  transform: translate3d(0, 0, 0)
}

[data-transition-container][data-transition-type=zoom-in] [data-transition-item]:not([data-transition-type]) {
  overflow: hidden;
  --zoom-scale: 1
}

[data-transition-container][data-transition-type=zoom-in] [data-transition-item]:not([data-transition-type])>* {
  margin: 0;
  line-height: initial;
  scale: var(--zoom-scale);
  transition: var(--transition--zoom-in)
}

@media only screen and (min-width:768px) {

  [data-transition-container][data-transition-type=zoom-in] [data-transition-item]:not([data-transition-type])[data-transition-active=true]>*,
  [data-transition-container][data-transition-type=zoom-in] [data-transition-item]:not([data-transition-type])[data-transition-trigger=hover]:hover>* {
    --zoom-scale: 1.2
  }
}

[data-transition-container] [data-transition-item][data-transition-type=zoom-in] {
  overflow: hidden;
  --zoom-scale: 1
}

[data-transition-container] [data-transition-item][data-transition-type=zoom-in]>* {
  margin: 0;
  line-height: initial;
  scale: var(--zoom-scale);
  transition: var(--transition--zoom-in)
}

@media only screen and (min-width:768px) {

  [data-transition-container] [data-transition-item][data-transition-type=zoom-in][data-transition-active=true]>*,
  [data-transition-container] [data-transition-item][data-transition-type=zoom-in][data-transition-trigger=hover]:hover>* {
    --zoom-scale: 1.2
  }
}

[data-transition-container][data-transition-type=zoom-out] [data-transition-item]:not([data-transition-type]) {
  overflow: hidden;
  --zoom-scale: 1.2
}

[data-transition-container][data-transition-type=zoom-out] [data-transition-item]:not([data-transition-type])>* {
  margin: 0;
  line-height: initial;
  scale: var(--zoom-scale);
  transition: var(--transition--zoom-out)
}

[data-transition-container][data-transition-type=zoom-out] [data-transition-item]:not([data-transition-type])[data-transition-active=true]>*,
[data-transition-container][data-transition-type=zoom-out] [data-transition-item]:not([data-transition-type])[data-transition-trigger=hover]:hover>* {
  --zoom-scale: 1
}

[data-transition-container] [data-transition-item][data-transition-type=zoom-out] {
  overflow: hidden;
  --zoom-scale: 1.2
}

[data-transition-container] [data-transition-item][data-transition-type=zoom-out]>* {
  margin: 0;
  line-height: initial;
  scale: var(--zoom-scale);
  transition: var(--transition--zoom-out)
}

[data-transition-container] [data-transition-item][data-transition-type=zoom-out][data-transition-active=true]>*,
[data-transition-container] [data-transition-item][data-transition-type=zoom-out][data-transition-trigger=hover]:hover>* {
  --zoom-scale: 1
}

[data-transition-container][data-transition-type=stroke] [data-transition-item]:not([data-transition-type])[data-transition-active=true] path,
[data-transition-container][data-transition-type=stroke] [data-transition-item]:not([data-transition-type])[data-transition-trigger=hover]:hover path {
  animation: var(--transition--stroke)
}

[data-transition-container] [data-transition-item][data-transition-type=stroke][data-transition-active=true] path,
[data-transition-container] [data-transition-item][data-transition-type=stroke][data-transition-trigger=hover]:hover path {
  animation: var(--transition--stroke)
}

@keyframes shine {
  to {
    left: 100%
  }
}

@keyframes scrolling-content {
  from {
    transform: translateX(0)
  }

  to {
    transform: translateX(calc(-100% - var(--spacing--block)))
  }
}

@keyframes scrolling-content-mobile {
  from {
    transform: translateX(0)
  }

  to {
    transform: translateX(calc(-100% - var(--spacing--item)))
  }
}

[data-transition-button][data-item*=button i] {
  position: relative;
  overflow: hidden
}

[data-transition-button][data-item*=button i]::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  transform: skew(-15deg);
  background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, .75), transparent)
}

[data-transition-button][data-item*=button i]:hover:not([disabled]):not([aria-busy=true])::after {
  animation: shine 1s .2s ease
}

*,
:after,
:before {
  box-sizing: border-box
}

html {
  margin: 0;
  padding: 0
}

body {
  padding: 0;
  color: var(--color--body)
}

.layout--viewport {
  width: 100%;
  position: relative;
  display: block
}

.layout--viewport:not([data-drawer-status=closed]) {
  overflow: hidden
}

.layout--main-content {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
  top: 0;
  position: relative
}

.layout--close {
  --cross-size: 24px;
  --cross-thickness: 1.5px;
  width: var(--cross-size);
  height: var(--cross-size);
  cursor: pointer;
  padding: 0;
  position: relative;
  flex-shrink: 0
}

.layout--close[aria-hidden=true] {
  display: none
}

.layout--close[aria-hidden=false] {
  display: inline-flex
}

.layout--close:hover::before {
  transform: rotate(135deg)
}

.layout--close:hover::after {
  transform: rotate(45deg)
}

.layout--close::after,
.layout--close::before {
  content: " ";
  top: calc((var(--cross-size) - var(--cross-thickness))/ 2);
  position: absolute;
  background-color: #fff;
  left: 0;
  right: 0;
  height: var(--cross-thickness);
  border-radius: 2px;
  transition: transform .2s var(--transition--standard)
}

.layout--close::before {
  transform: rotate(45deg)
}

.layout--close::after {
  transform: rotate(-45deg)
}

.layout--navigation .layout--close {
  position: fixed;
  z-index: 101;
  transition: opacity .2s var(--transition--standard)
}

.layout--next,
.layout--previous {
  background-color: transparent;
  z-index: 1000;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 30px;
  color: #fff;
  padding: 10px;
  opacity: .8;
  border: none;
  height: -moz-fit-content;
  height: fit-content
}

.layout--next:focus-visible,
.layout--next:hover,
.layout--previous:focus-visible,
.layout--previous:hover {
  opacity: 1;
  background-color: transparent
}

.layout--previous {
  left: var(--spacing--item)
}

.layout--previous[aria-hidden=true] {
  display: none
}

.layout--next {
  right: var(--spacing--item)
}

.layout--next[aria-hidden=true] {
  display: none
}

.shopify-section:empty {
  display: none
}

:root {
  --spacing--0: 4px;
  --spacing--1: 8px;
  --spacing--2: 12px;
  --spacing--3: 16px;
  --spacing--4: 32px;
  --spacing--5: 48px;
  --spacing--6: 72px;
  --spacing--7: 96px;
  --spacing--neg-0: -4px;
  --spacing--neg-1: -8px;
  --spacing--neg-2: -12px;
  --spacing--neg-3: -16px;
  --spacing--neg-4: -32px;
  --spacing--neg-5: -48px;
  --spacing--neg-6: -72px;
  --spacing--neg-7: -96px;
  --spacing--item: var(--spacing--3);
  --spacing--neg-item: var(--spacing--neg-3);
  --spacing--item--mobile: var(--spacing--2);
  --spacing--neg-item--mobile: var(--spacing--neg-2);
  --spacing--block: var(--spacing--4);
  --spacing--neg-block: var(--spacing--neg-4);
  --spacing--block--mobile: var(--spacing--3);
  --spacing--neg-block--mobile: var(--spacing--neg-3);
  --spacing--section--x: var(--spacing--5);
  --spacing--section--y: var(--spacing--6);
  --spacing--section: var(--spacing--section--y) var(--spacing--section--x);
  --spacing--section--mobile--x: var(--spacing--3);
  --spacing--section--mobile--y: var(--spacing--4);
  --spacing--section--mobile: var(--spacing--section--mobile--y) var(--spacing--section--mobile--x);
  --max-width--x-large: 1400px;
  --max-width--large: 1200px;
  --max-width--medium: 1000px;
  --max-width--small: 800px;
  --max-width--x-small: 650px;
  --height--x-large: 750px;
  --height--large: 650px;
  --height--medium: 550px;
  --height--small: 450px;
  --height--x-small: 350px;
  --mobile-height--x-large: 600px;
  --mobile-height--large: 520px;
  --mobile-height--medium: 440px;
  --mobile-height--small: 360px;
  --mobile-height--x-small: 280px
}

[data-container=section] {
  display: grid;
  align-items: start;
  grid-row-gap: var(--spacing--block)
}

[data-container=panel] {
  display: grid;
  align-items: start;
  grid-gap: var(--spacing--block);
  grid-template-columns: minmax(auto, 1fr);
  justify-content: center
}

@media only screen and (max-width:767px) {
  [data-container=panel] {
    grid-gap: var(--spacing--block--mobile)
  }

  [data-container=panel][data-mobile-columns="1"] {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  [data-container=panel][data-mobile-columns="2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  [data-container=panel][data-mobile-columns="3"] {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  [data-container=panel][data-mobile-columns="4"] {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}

@media only screen and (min-width:768px) {
  [data-container=panel][data-block-spacing=false] {
    grid-gap: 0
  }

  [data-container=panel][data-columns="1"] {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  [data-container=panel][data-columns="2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  [data-container=panel][data-columns="3"] {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  [data-container=panel][data-columns="4"] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    max-width: 1200px;
    margin: 0 auto;
  }

  [data-container=panel][data-columns="5"] {
    grid-template-columns: repeat(5, minmax(0, 1fr))
  }

  [data-container=panel][data-columns="6"] {
    grid-template-columns: repeat(6, minmax(0, 1fr))
  }

  [data-container=panel][data-columns="3"][data-fixed-columns=true] {
    grid-template-columns: repeat(auto-fit, calc(100% / 3 - var(--spacing--block) * 2 / 3))
  }

  [data-container=panel][data-columns="4"][data-fixed-columns=true] {
    grid-template-columns: repeat(auto-fit, calc(100% / 4 - var(--spacing--block) * 3 / 4))
  }
}

[data-container=block] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing--item);
  flex-direction: column
}

@media only screen and (max-width:767px) {
  [data-container=block] {
    justify-content: center
  }
}

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

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .004)
}

.rte>:not(blockquote),
[data-item=rte-content]>:not(blockquote) {
  padding-bottom: var(--spacing--block)
}

@media only screen and (max-width:767px) {

  .rte>:not(blockquote),
  [data-item=rte-content]>:not(blockquote) {
    padding-bottom: var(--spacing--item--mobile)
  }
}

.rte>:last-child,
[data-item=rte-content]>:last-child {
  padding-bottom: 0
}

p {
  margin: 0
}

b,
strong {
  font-weight: bolder
}

img {
  border-style: none
}

.rte img,
[data-item=rte-content] img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

a,
a:link,
a:visited {
  color: var(--color--body);
  text-decoration: none;
  background-color: transparent
}

.no-touchevents a,
.no-touchevents a:link,
.no-touchevents a:visited {
  transition: color .2s ease
}

.rte a,
.rte a:link,
.rte a:visited,
[data-item=rte-content] a,
[data-item=rte-content] a:link,
[data-item=rte-content] a:visited {
  text-decoration: underline
}

a:hover {
  color: var(--color--body)
}

.rte a:hover,
[data-item=rte-content] a:hover {
  color: var(--color--body--light)
}

.rte blockquote,
[data-item=rte-content] blockquote {
  font-style: italic;
  padding: var(--spacing--item) 0 var(--spacing--item) var(--spacing--item);
  border-left: 2px solid var(--bdr-dark--general);
  margin: 0 0 var(--spacing--block);
  max-width: 600px
}

@media only screen and (max-width:767px) {

  .rte blockquote,
  [data-item=rte-content] blockquote {
    margin: 0 0 var(--spacing--item--mobile);
    padding: var(--spacing--item--mobile) 0 var(--spacing--item--mobile) var(--spacing--item--mobile)
  }
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none
}

.rte ul,
[data-item=rte-content] ul {
  list-style-type: disc;
  padding-left: var(--spacing--block);
  line-height: 1.7em
}

.rte ul ul,
[data-item=rte-content] ul ul {
  list-style-type: circle
}

ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
  line-height: 1.7em
}

.rte ol,
[data-item=rte-content] ol {
  padding-left: var(--spacing--block);
  list-style-position: inside;
  counter-reset: item
}

@media only screen and (max-width:767px) {

  .rte ol,
  [data-item=rte-content] ol {
    padding-left: var(--spacing--block--mobile)
  }
}

.rte ol li:before,
[data-item=rte-content] ol li:before {
  content: counters(item, ".") ". ";
  counter-increment: item
}

.rte ol ol li:before,
[data-item=rte-content] ol ol li:before {
  content: counters(item, ".") " ";
  counter-increment: item
}

li {
  display: block
}

.rte li,
[data-item=rte-content] li {
  display: list-item
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

.rte table,
[data-item=rte-content] table {
  border: 0;
  margin: calc(var(--spacing--neg-item)/ 2)
}

@media only screen and (max-width:767px) {

  .rte table,
  [data-item=rte-content] table {
    width: auto !important;
    margin: calc(var(spacing--neg-item--mobile)/ 2)
  }
}

tr:not(:last-child) {
  padding-bottom: var(--spacing--item)
}

td {
  padding: calc(var(--spacing--item)/ 2)
}

@media only screen and (max-width:767px) {
  td {
    margin: calc(var(--spacing--item--mobile)/ 2)
  }
}

address {
  font-style: unset
}

mark {
  background-color: unset;
  color: var(--color--body)
}

iframe {
  max-width: 100%
}

.error {
  color: var(--color--fail)
}

.errors {
  color: var(--color--fail);
  padding-bottom: var(--spacing--item)
}

:-moz-placeholder,
:-ms-input-placeholder,
::-moz-placeholder,
::-webkit-input-placeholder {
  color: var(--color--body)
}

label {
  padding-bottom: var(--spacing--1);
  display: block
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bg-color--textbox);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNy43cHgiIGhlaWdodD0iNC4zcHgiIHZpZXdCb3g9IjAgMCA3LjcgNC4zIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3LjcgNC4zIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM5OTk5OTkiIGQ9Ik03LjEsMC4xQzYuNywwLjUsMy45LDMuMiwzLjksMy4yUzEsMC41LDAuNiwwLjFTMCwwLjcsMCwwLjdsMy45LDMuNmwzLjgtMy42QzcuNywwLjcsNy41LTAuMyw3LjEsMC4xeiIvPg0KPC9zdmc+DQo=);
  background-position: right 10px center;
  background-repeat: no-repeat;
  border-radius: 2px;
  border: 1px solid var(--bdr-dark--general);
  color: var(--color--body);
  cursor: pointer;
  font-size: 14px;
  margin: 0 0 var(--spacing--3);
  max-width: 100%;
  padding: 9px 28px 9px 15px;
  text-indent: .01px;
  text-overflow: "";
  width: 100%
}

select:focus-visible {
  color: var(--color--body);
  background-color: var(--bg-color--textbox)
}

select::-ms-expand {
  display: none
}

input,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bg-color--textbox);
  border-radius: var(--input--radius);
  border: 1px solid var(--bdr-dark--general);
  box-shadow: none;
  color: var(--color--body);
  margin: 0 0 var(--spacing--3);
  max-width: 100%;
  overflow: auto;
  padding: var(--spacing--1) var(--spacing--3);
  text-transform: none;
  width: 100%;
  caret-color: var(--color--body)
}

input:focus-visible,
textarea:focus-visible {
  border: 1px solid var(--bdr-dark--general);
  color: var(--color--body);
  background-color: var(--bg-color--textbox)
}

input {
  height: 45px;
  line-height: 45px
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  box-shadow: none;
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
  zoom: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent
}

button[disabled],
input[disabled] {
  cursor: default;
  opacity: .7
}

input[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
  box-sizing: border-box;
  height: auto;
  height: auto;
  margin: 0 var(--spacing--1) 0 0;
  padding: 0;
  width: auto
}

input[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
  box-sizing: border-box;
  height: auto;
  margin: 0 var(--spacing--1) 0 0;
  padding: 0;
  width: auto
}

[tabindex="0"]:hover {
  cursor: pointer
}

[data-text-style=eclipse-shadow] {
  position: relative
}

[data-text-style=eclipse-shadow]:before {
  background: radial-gradient(rgba(0, 0, 0, var(--content--shadow-opacity)), 50%, transparent 70%);
  bottom: 0;
  content: "";
  left: 0;
  margin: -50px -100px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}

[data-text-style=text-shadow] [data-item*=heading] {
  text-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

[data-text-style=text-shadow] [data-item=block-link]>*,
[data-text-style=text-shadow] [data-item=overline],
[data-text-style=text-shadow] [data-item=rte-content]>* {
  text-shadow: 0 0 10px rgba(0, 0, 0, .6)
}

[data-text-style=text-shadow] [data-item*=button] {
  box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

[data-item~=banner-heading] {
  font-family: var(--font--heading--family);
  font-weight: var(--font--heading--weight);
  font-style: var(--font--heading--style);
  text-transform: var(--font--heading--uppercase);
  letter-spacing: var(--font--heading--spacing);
  line-height: var(--font--line-height);
  font-size: var(--font--size);
  margin: 0;
  transform: translateY(calc((var(--font--size) * var(--font--line-height) - var(--font--size)) * var(--font--translation-scale)));
  --font--size: var(--font--banner--size)
}

[data-item~=banner-heading]::before {
  content: "";
  display: block;
  height: 0;
  margin-top: calc((var(--font--size) * var(--font--line-height) - var(--font--size)) * var(--font--margin-scale))
}

@media only screen and (max-width:767px) {
  [data-item~=banner-heading] {
    --font--size: var(--font--banner--mobile-size)
  }
}

[data-item~=featured-heading] {
  font-family: var(--font--heading--family);
  font-weight: var(--font--heading--weight);
  font-style: var(--font--heading--style);
  text-transform: var(--font--heading--uppercase);
  letter-spacing: var(--font--heading--spacing);
  line-height: var(--font--line-height);
  font-size: var(--font--size);
  margin: 0;
  transform: translateY(calc((var(--font--size) * var(--font--line-height) - var(--font--size)) * var(--font--translation-scale)));
  --font--size: var(--font--featured--size)
}

[data-item~=featured-heading]::before {
  content: "";
  display: block;
  height: 0;
  margin-top: calc((var(--font--size) * var(--font--line-height) - var(--font--size)) * var(--font--margin-scale))
}

@media only screen and (max-width:767px) {
  [data-item~=featured-heading] {
    --font--size: var(--font--featured--mobile-size)
  }
}

[data-item~=section-heading] {
  font-family: var(--font--heading--family);
  font-weight: var(--font--heading--weight);
  font-style: var(--font--heading--style);
  text-transform: var(--font--heading--uppercase);
  letter-spacing: var(--font--heading--spacing);
  line-height: var(--font--line-height);
  font-size: var(--font--size);
  margin: 0;
  transform: translateY(calc((var(--font--size) * var(--font--line-height) - var(--font--size)) * var(--font--translation-scale)));
  --font--size: var(--font--section--size)
}

[data-item~=section-heading]::before {
  content: "";
  display: block;
  height: 0;
  margin-top: calc((var(--font--size) * var(--font--line-height) - var(--font--size)) * var(--font--margin-scale))
}

@media only screen and (max-width:767px) {
  [data-item~=section-heading] {
    --font--size: var(--font--section--mobile-size)
  }
}

[data-item~=block-heading] {
  font-family: var(--font--heading--family);
  font-weight: var(--font--heading--weight);
  font-style: var(--font--heading--style);
  text-transform: var(--font--heading--uppercase);
  letter-spacing: var(--font--heading--spacing);
  line-height: var(--font--line-height);
  font-size: var(--font--size);
  margin: 0;
  transform: translateY(calc((var(--font--size) * var(--font--line-height) - var(--font--size)) * var(--font--translation-scale)));
  --font--size: var(--font--block--size);
  font-weight: var(--font--heading--normal-weight)
}

[data-item~=block-heading]::before {
  content: "";
  display: block;
  height: 0;
  margin-top: calc((var(--font--size) * var(--font--line-height) - var(--font--size)) * var(--font--margin-scale))
}

@media only screen and (max-width:767px) {
  [data-item~=block-heading] {
    --font--size: var(--font--block--mobile-size)
  }
}

[data-item=nav-text],
input,
label:not([data-item]),
textarea {
  font-family: var(--font--nav--family);
  font-weight: var(--font--nav--weight);
  font-style: var(--font--nav--style);
  text-transform: var(--text-transform);
  letter-spacing: 1px;
  font-size: var(--font--size);
  --text-transform: var(--font--nav--uppercase);
  --font--size: var(--font--nav--size)
}

@media only screen and (max-width:767px) {

  [data-item=nav-text],
  input,
  label:not([data-item]),
  textarea {
    --font--size: var(--font--nav--mobile-size)
  }
}

[data-item=nav-text--sub] {
  font-family: var(--font--nav--family);
  font-weight: var(--font--nav--weight);
  font-style: var(--font--nav--style);
  text-transform: var(--text-transform);
  letter-spacing: 1px;
  font-size: var(--font--size);
  --text-transform: var(--font--sub-nav--uppercase);
  --font--size: var(--font--sub-nav--size)
}

@media only screen and (max-width:767px) {
  [data-item=nav-text--sub] {
    --font--size: var(--font--sub-nav--mobile-size)
  }
}

input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea,
textarea[data-item] {
  font-family: var(--font--nav--family);
  font-weight: var(--font--nav--weight);
  font-style: var(--font--nav--style);
  text-transform: var(--text-transform);
  letter-spacing: 1px;
  font-size: var(--font--size);
  text-transform: none;
  letter-spacing: normal;
  --font--size: 15px
}

@media only screen and (max-width:767px) {

  input[type=date],
  input[type=datetime-local],
  input[type=datetime],
  input[type=email],
  input[type=month],
  input[type=number],
  input[type=password],
  input[type=search],
  input[type=tel],
  input[type=text],
  input[type=time],
  input[type=url],
  input[type=week],
  select,
  textarea,
  textarea[data-item] {
    --font--size: 16px
  }
}

.rte,
[data-item=paragraph],
[data-item=rte-content],
body {
  font-family: var(--font--paragraph--family);
  font-weight: var(--font--paragraph--weight);
  font-style: var(--font--paragraph--style);
  font-size: var(--font--size);
  line-height: 1.5em;
  letter-spacing: var(--font--paragraph--spacing);
  margin: -.25em 0;
  --font--size: var(--font--paragraph--size)
}

@media only screen and (max-width:767px) {

  .rte,
  [data-item=paragraph],
  [data-item=rte-content],
  body {
    --font--size: var(--font--paragraph--mobile-size)
  }
}

@media only screen and (max-width:340px) {

  .rte,
  [data-item=paragraph],
  [data-item=rte-content],
  body {
    --font--size: 12px;
  }
}

[data-item=featured-paragraph] {
  font-family: var(--font--paragraph--family);
  font-weight: var(--font--paragraph--weight);
  font-style: var(--font--paragraph--style);
  font-size: var(--font--size);
  line-height: 1.5em;
  letter-spacing: var(--font--paragraph--spacing);
  margin: -.25em 0;
  --font--size: var(--font--featured-paragraph--size)
}

@media only screen and (max-width:767px) {
  [data-item=featured-paragraph] {
    --font--size: var(--font--featured-paragraph--mobile-size)
  }
}

body {
  margin: 0
}

[data-item=caption] {
  font-family: var(--font--paragraph--family);
  font-weight: var(--font--paragraph--weight);
  font-style: italic;
  font-size: var(--font--nav--size)
}

@media only screen and (max-width:767px) {
  [data-item=caption] {
    font-size: var(--font--nav--mobile-size)
  }
}

[data-item=overline] {
  font-family: var(--font--nav--family);
  font-weight: var(--font--nav--weight);
  font-style: var(--font--nav--style);
  text-transform: var(--text-transform);
  letter-spacing: 1px;
  font-size: var(--font--size);
  --text-transform: var(--font--nav--uppercase);
  --font--size: 12px;
  letter-spacing: 1.5px;
  margin: -.1666666667em 0
}

[data-item=block-link] {
  flex-basis: auto
}

[data-item=block-link]>* {
  font-family: var(--font--nav--family);
  font-weight: var(--font--nav--weight);
  font-style: var(--font--nav--style);
  text-transform: var(--text-transform);
  letter-spacing: 1px;
  font-size: var(--font--size);
  --font--size: var(--font--nav--size);
  --text-transform: var(--font--nav--uppercase);
  display: inline-block;
  line-height: 1
}

[data-item=block-link]>:after {
  padding-bottom: .1428571429em;
  border-bottom: .0714285714em solid var(--color--body);
  content: "";
  display: block;
  width: 100%
}

[data-text-color=white] [data-item=block-link]>:after {
  border-color: #fff
}

@media only screen and (max-width:767px) {
  [data-item=block-link]>* {
    --font--size: var(--font--nav--mobile-size)
  }
}

[data-item=small-text] {
  font-size: 12px
}

[data-item=button i] {
  font-family: var(--font--nav--family);
  font-weight: var(--font--nav--weight);
  font-style: var(--font--nav--style);
  text-transform: var(--text-transform);
  letter-spacing: 1px;
  font-size: var(--font--size);
  --text-transform: var(--font--nav--uppercase);
  --font--size: 14px;
  letter-spacing: var(--font--button--spacing);
  text-align: center;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: all;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: var(--button--radius);
  border: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  line-height: 45px;
  padding: 0 var(--spacing--3);
  width: -moz-fit-content;
  width: fit-content;
  zoom: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent
}

[data-item=button i]:link,
[data-item=button i]:visited {
  color: var(--button--color)
}

.no-touchevents [data-item=button i] {
  transition-property: color, border-color, background-color;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-container=block] [data-item=button i] {
  margin: 0 auto
}

[data-item=button i]:active:not([disabled]) {
  scale: .98
}

[data-item=button i] .icon--root>* {
  fill: currentColor
}

[data-item=button i]:not([href])>* {
  pointer-events: none
}

[data-item=button i],
[data-item=button i]:focus-visible,
[data-item=button i]:hover,
[data-item=button i]:link,
[data-item=button i]:visited {
  color: var(--button--color);
  background: var(--button--bg-color);
  border: 2px solid var(--button--bg-color)
}

[data-text-color=white] [data-item=button i],
[data-text-color=white] [data-item=button i]:focus-visible,
[data-text-color=white] [data-item=button i]:hover,
[data-text-color=white] [data-item=button i]:link,
[data-text-color=white] [data-item=button i]:visited {
  color: var(--color--body);
  background: #fff;
  border: 2px solid #fff
}

[data-item=a11y-button],
input[type=submit] {
  font-family: var(--font--nav--family);
  font-weight: var(--font--nav--weight);
  font-style: var(--font--nav--style);
  text-transform: var(--text-transform);
  letter-spacing: 1px;
  font-size: var(--font--size);
  --text-transform: var(--font--nav--uppercase);
  --font--size: 14px;
  letter-spacing: var(--font--button--spacing);
  text-align: center;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: all;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: var(--button--radius);
  border: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  line-height: 45px;
  padding: 0 var(--spacing--3);
  width: -moz-fit-content;
  width: fit-content;
  zoom: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent
}

[data-item=a11y-button]:link,
[data-item=a11y-button]:visited,
input[type=submit]:link,
input[type=submit]:visited {
  color: var(--button--color)
}

.no-touchevents [data-item=a11y-button],
.no-touchevents input[type=submit] {
  transition-property: color, border-color, background-color;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-container=block] [data-item=a11y-button],
[data-container=block] input[type=submit] {
  margin: 0 auto
}

[data-item=a11y-button]:active:not([disabled]),
input[type=submit]:active:not([disabled]) {
  scale: .98
}

[data-item=a11y-button] .icon--root>*,
input[type=submit] .icon--root>* {
  fill: currentColor
}

[data-item=a11y-button]:not([href])>*,
input[type=submit]:not([href])>* {
  pointer-events: none
}

[data-item=a11y-button],
[data-item=a11y-button]:focus-visible,
[data-item=a11y-button]:hover,
[data-item=a11y-button]:link,
[data-item=a11y-button]:visited,
input[type=submit],
input[type=submit]:focus-visible,
input[type=submit]:hover,
input[type=submit]:link,
input[type=submit]:visited {
  color: var(--button--color);
  background: var(--button--bg-color);
  border: 2px solid var(--button--bg-color)
}

[data-text-color=white] [data-item=a11y-button],
[data-text-color=white] [data-item=a11y-button]:focus-visible,
[data-text-color=white] [data-item=a11y-button]:hover,
[data-text-color=white] [data-item=a11y-button]:link,
[data-text-color=white] [data-item=a11y-button]:visited,
[data-text-color=white] input[type=submit],
[data-text-color=white] input[type=submit]:focus-visible,
[data-text-color=white] input[type=submit]:hover,
[data-text-color=white] input[type=submit]:link,
[data-text-color=white] input[type=submit]:visited {
  color: var(--color--body);
  background: #fff;
  border: 2px solid #fff
}

[data-item=setting-button] {
  font-family: var(--font--nav--family);
  font-weight: var(--font--nav--weight);
  font-style: var(--font--nav--style);
  text-transform: var(--text-transform);
  letter-spacing: 1px;
  font-size: var(--font--size);
  --text-transform: var(--font--nav--uppercase);
  --font--size: 14px;
  letter-spacing: var(--font--button--spacing);
  text-align: center;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: all;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: var(--button--radius);
  border: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  line-height: 45px;
  padding: 0 var(--spacing--3);
  width: -moz-fit-content;
  width: fit-content;
  zoom: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent
}

[data-item=setting-button]:link,
[data-item=setting-button]:visited {
  color: var(--button--color)
}

.no-touchevents [data-item=setting-button] {
  transition-property: color, border-color, background-color;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-container=block] [data-item=setting-button] {
  margin: 0 auto
}

[data-item=setting-button]:active:not([disabled]) {
  scale: .98
}

[data-item=setting-button] .icon--root>* {
  fill: currentColor
}

[data-item=setting-button]:not([href])>* {
  pointer-events: none
}

[data-item=setting-button][data-color=light] {
  background: var(--bg-color--light);
  color: var(--bg-color--light)
}

[data-item=setting-button][data-color=dark] {
  background: var(--bg-color--dark);
  color: var(--bg-color--dark)
}

[data-item=setting-button][data-color=accent-1] {
  background: var(--color--accent-1);
  color: var(--color--accent-1)
}

[data-item=setting-button][data-color=accent-2] {
  background: var(--color--accent-2);
  color: var(--color--accent-2)
}

[data-item=setting-secondary-button] {
  font-family: var(--font--nav--family);
  font-weight: var(--font--nav--weight);
  font-style: var(--font--nav--style);
  text-transform: var(--text-transform);
  letter-spacing: 1px;
  font-size: var(--font--size);
  --text-transform: var(--font--nav--uppercase);
  --font--size: 14px;
  letter-spacing: var(--font--button--spacing);
  text-align: center;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: all;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: var(--button--radius);
  border: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  line-height: 45px;
  padding: 0 var(--spacing--3);
  width: -moz-fit-content;
  width: fit-content;
  zoom: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent
}

[data-item=setting-secondary-button]:link,
[data-item=setting-secondary-button]:visited {
  color: var(--button--color)
}

.no-touchevents [data-item=setting-secondary-button] {
  transition-property: color, border-color, background-color;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-container=block] [data-item=setting-secondary-button] {
  margin: 0 auto
}

[data-item=setting-secondary-button]:active:not([disabled]) {
  scale: .98
}

[data-item=setting-secondary-button] .icon--root>* {
  fill: currentColor
}

[data-item=setting-secondary-button]:not([href])>* {
  pointer-events: none
}

[data-item=setting-secondary-button][data-color=light] {
  border: 2px solid var(--bg-color--light);
  color: var(--bg-color--light)
}

[data-item=setting-secondary-button][data-color=dark] {
  border: 2px solid var(--bg-color--dark);
  color: var(--bg-color--dark)
}

[data-item=setting-secondary-button][data-color=accent-1] {
  border: 2px solid var(--color--accent-1);
  color: var(--color--accent-1)
}

[data-item=setting-secondary-button][data-color=accent-2] {
  border: 2px solid var(--color--accent-2);
  color: var(--color--accent-2)
}

[data-item=secondary-button] {
  font-family: var(--font--nav--family);
  font-weight: var(--font--nav--weight);
  font-style: var(--font--nav--style);
  text-transform: var(--text-transform);
  letter-spacing: 1px;
  font-size: var(--font--size);
  --text-transform: var(--font--nav--uppercase);
  --font--size: 14px;
  letter-spacing: var(--font--button--spacing);
  text-align: center;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: all;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: var(--button--radius);
  border: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  line-height: 45px;
  padding: 0 var(--spacing--3);
  width: -moz-fit-content;
  width: fit-content;
  zoom: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent
}

[data-item=secondary-button]:link,
[data-item=secondary-button]:visited {
  color: var(--button--color)
}

.no-touchevents [data-item=secondary-button] {
  transition-property: color, border-color, background-color;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-container=block] [data-item=secondary-button] {
  margin: 0 auto
}

[data-item=secondary-button]:active:not([disabled]) {
  scale: .98
}

[data-item=secondary-button] .icon--root>* {
  fill: currentColor
}

[data-item=secondary-button]:not([href])>* {
  pointer-events: none
}

[data-item=secondary-button],
[data-item=secondary-button]:focus-visible,
[data-item=secondary-button]:hover,
[data-item=secondary-button]:link,
[data-item=secondary-button]:visited {
  color: var(--button--bg-color);
  background: 0 0;
  border: 2px solid var(--button--bdr-color)
}

[data-text-color=white] [data-item=secondary-button],
[data-text-color=white] [data-item=secondary-button]:focus-visible,
[data-text-color=white] [data-item=secondary-button]:hover,
[data-text-color=white] [data-item=secondary-button]:link,
[data-text-color=white] [data-item=secondary-button]:visited {
  color: #fff;
  border-color: #fff
}

[data-item=a11y-button],
[data-item=hidden-text] {
  width: 1px;
  height: 1px;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden
}

[data-item=a11y-button]:focus-visible {
  position: fixed;
  top: calc(var(--spacing--item)/ 2);
  left: calc(var(--spacing--item)/ 2);
  padding: 0 calc(var(--spacing--item)/ 2);
  width: auto;
  height: 30px;
  line-height: 30px;
  z-index: 99;
  clip: unset
}

[data-text-color=gray] {
  color: #747474
}

[data-text-color=gray]:focus-visible,
[data-text-color=gray]:hover,
[data-text-color=gray]:link,
[data-text-color=gray]:visited {
  color: #747474
}

[data-text-color=body] {
  color: var(--color--body)
}

[data-text-color=body]:focus-visible,
[data-text-color=body]:hover,
[data-text-color=body]:link,
[data-text-color=body]:visited {
  color: var(--color--body)
}

[data-text-color=white] {
  color: #fff
}

[data-text-color=white] a,
[data-text-color=white] a:focus-visible,
[data-text-color=white] a:hover,
[data-text-color=white] a:link,
[data-text-color=white] a:visited,
[data-text-color=white] button:not([data-item*=button]) {
  color: #fff
}

[data-text-color=white] .icon--root:not(.icon--next, .icon--prev, .icon--facebook, .icon--x, .icon--instagram, .icon--linkedin, .icon--tumblr, .icon--snapchat, .icon--pinterest, .icon--vimeo, .icon--youtube, .icon--tiktok, .icon--threads) {
  filter: brightness(0) invert(1)
}

[data-text-color=white] .icon--facebook>*,
[data-text-color=white] .icon--instagram>*,
[data-text-color=white] .icon--linkedin>*,
[data-text-color=white] .icon--pinterest>*,
[data-text-color=white] .icon--snapchat>*,
[data-text-color=white] .icon--threads>*,
[data-text-color=white] .icon--tiktok>*,
[data-text-color=white] .icon--tumblr>*,
[data-text-color=white] .icon--vimeo>*,
[data-text-color=white] .icon--x>*,
[data-text-color=white] .icon--youtube>* {
  fill: #fff
}

[data-section-id] {
  position: relative;
  padding: var(--spacing--section)
}

[data-section-id][data-spacing-above=false] {
  padding-top: 0
}

[data-section-id][data-spacing-below=false] {
  padding-bottom: 0
}

[data-section-id][data-spacing=none] {
  padding: 0
}

@media only screen and (max-width:767px) {
  [data-section-id] {
    padding: var(--spacing--section--mobile)
  }
}

@media only screen and (min-width:768px) {
  [data-section-id]:not([data-container])>:not([data-container=block]):not(.modal--root) {
    margin: 0 auto
  }

  [data-section-id][data-container-width="1"]:not([data-container])>:not([data-container=block]):not(.modal--root) {
    max-width: var(--max-width--x-small)
  }

  [data-section-id][data-container-width="2"]:not([data-container])>:not([data-container=block]):not(.modal--root) {
    max-width: var(--max-width--small)
  }

  [data-section-id][data-container-width="3"]:not([data-container])>:not([data-container=block]):not(.modal--root) {
    max-width: var(--max-width--medium)
  }

  [data-section-id][data-container-width="4"]:not([data-container])>:not([data-container=block]):not(.modal--root) {
    max-width: var(--max-width--large)
  }

  [data-section-id][data-container-width="6"] {
    padding-left: 0;
    padding-right: 0
  }
}

[data-top-border=true] {
  border-top: 1px solid var(--bdr-dark--general)
}

[data-background-color=transparent] {
  background-color: transparent
}

[data-background-color=none] {
  background-color: var(--bg-color--body)
}

[data-background-color=none][data-translucent=true] {
  background-color: var(--bg-color--body-translucent);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px)
}

[data-background-color=light] {
  background-color: var(--bg-color--light)
}

[data-background-color=light][data-translucent=true] {
  background-color: var(--bg-color--light-translucent);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px)
}

[data-background-color=dark] {
  background-color: var(--bg-color--dark)
}

[data-background-color=dark][data-translucent=true] {
  background-color: var(--bg-color--dark-translucent);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px)
}

[data-background-color=accent-1] {
  background-color: var(--color--accent-1)
}

[data-background-color=accent-1][data-translucent=true] {
  background-color: var(--color--accent-1-translucent);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px)
}

[data-background-color=accent-2] {
  background-color: var(--color--accent-2)
}

[data-background-color=accent-2][data-translucent=true] {
  background-color: var(--color--accent-2-translucent);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px)
}

[data-heading-alignment=center] {
  text-align: center
}

[data-heading-alignment=left] {
  text-align: left
}

[data-heading-alignment=right] {
  text-align: right
}

.announcement--root[data-section-id] {
  display: flex;
  align-items: center;
  gap: var(--spacing--block);
  padding: 0 var(--spacing--block)
}

@media only screen and (max-width:767px) {
  .announcement--root[data-section-id] {
    padding: 0 var(--spacing--item)
  }
}

.announcement--root[data-section-id] .countdown-timer--root {
  flex-shrink: 0
}

.announcement--left,
.announcement--right {
  flex: 2 0 0
}

.announcement--left>*,
.announcement--right>* {
  height: -moz-fit-content;
  height: fit-content
}

.announcement--left .social-icons--root {
  padding: var(--spacing--1) 0
}

@media only screen and (min-width:768px) {
  .announcement--left .social-icons--root {
    min-width: 100px
  }
}

.announcement--right {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing--block)
}

.announcement--right>form {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing--item)
}

.announcement--link {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end
}

.announcement--center {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing--item);
  z-index: 1;
  --image--radius: 0
}

.announcement--next,
.announcement--previous {
  padding: var(--spacing--1);
  margin: var(--spacing--neg-1);
  transition: opacity 1s var(--transition--ease-out)
}

.announcement--next:hover,
.announcement--previous:hover {
  cursor: pointer
}

.announcement--next[aria-hidden=false],
.announcement--previous[aria-hidden=false] {
  opacity: 1
}

.announcement--next[aria-hidden=true],
.announcement--previous[aria-hidden=true] {
  opacity: 0;
  visibility: hidden
}

.announcement--next>.icon--root,
.announcement--previous>.icon--root {
  margin: 0;
  height: 12px
}

.announcement--blocks {
  text-align: center;
  display: grid;
  overflow: hidden
}

.announcement--blocks>* {
  grid-area: 1/-1
}

.announcement--link {
  width: 100%
}

.announcement--block {
  padding: var(--spacing--1) 0;
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  gap: var(--spacing--1);
  align-items: center;
  justify-content: center;
  flex-wrap: wrap
}

@media only screen and (max-width:767px) {
  .announcement--block {
    max-width: 100%
  }
}

.announcement--icon {
  flex-shrink: 0;
  line-height: 1
}

.announcement--icon img {
  height: 25px;
  width: auto
}

@media only screen and (max-width:767px) {
  .announcement--icon {
    display: none
  }
}

.announcement--text {
  text-transform: none
}

@media only screen and (min-width:768px) {
  .split-announcements--container {
    padding: calc(var(--spacing--item)/ 2) var(--spacing--item);
    display: grid;
    grid-template-columns: repeat(var(--store-message--columns), minmax(0, 1fr))
  }

  .split-announcements--container:empty {
    display: none
  }

  .split-announcements--container>:not(:last-child) {
    border-right: 1px solid var(--bdr-dark--general)
  }
}

@media only screen and (max-width:767px) {
  .split-announcements--container {
    padding: calc(var(--spacing--item)/ 2) var(--spacing--item);
    text-align: center
  }
}

.split-announcements--block {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  gap: var(--spacing--item);
  padding: 0 var(--spacing--item)
}

.split-announcements--icon {
  flex-shrink: 0;
  line-height: 1
}

.split-announcements--icon img {
  height: 25px;
  width: auto
}

.header--root {
  --header--color: var(--color--body);
  --header--filter: none;
  --header--alt-color: var(--bg-color--body);
  --header--border: none;
  color: var(--header--color);
  width: 100%;
  z-index: 4;
  top: 0;
  display: block;
  transform: translateY(0);
  transition: transform .2s var(--transition--standard), background-color .2s var(--transition--standard), color .2s var(--transition--standard)
}

.header--root.sticky {
  visibility: hidden;
  position: fixed; 
  top: 0; 
  width: 100%; /* Ensure it spans the full width */
  transform: translateY(-100%);
  /* Add any additional styles for the sticky header, e.g., box-shadow */
}

.header--root.sticky .header--container {
  padding: 0 var(--spacing--item);
}

.header--root.sticky .header--logo {
  transform: scale(0.65);
}

.header--root[data-bottom-border=true] {
  border-bottom: var(--header--border);
  --header--border: 1px solid var(--bdr-dark--general)
}

.header--root[data-bottom-border=true][data-text-color=white] {
  --header--border: 1px solid var(--bdr-light--general)
}

body:has(.transparent-header-compatible:first-child):has(.header--root[data-transparent-enabled=true]) .section--header~.shopify-section-group-header-group {
  display: none
}

.header--root[data-text-color=white][data-transparent-enabled=false] {
  --header--color: white;
  --header--alt-color: var(--color--body);
  --header--border: 1px solid var(--bdr-light--general)
}

body:has(.transparent-header-compatible:first-child) .header--root[data-transparent-enabled=true][data-bottom-border=true] {
  margin-block-end: calc(-1 * (1px + var(--header--height, 0px)))
}

body:has(.transparent-header-compatible:first-child) .header--root[data-transparent-enabled=true][data-bottom-border=false] {
  margin-block-end: calc(-1 * var(--header--height, 0px))
}

body:has(.transparent-header-compatible:first-child) .header--root[data-transparent-enabled=true][data-text-color=white][data-disable-transparent=true] {
  --header--color: white;
  --header--alt-color: var(--color--body);
  --header--border: 1px solid var(--bdr-light--general)
}

@media only screen and (max-width:767px) {
  body:has(.transparent-header-compatible:first-child) .header--root[data-transparent-enabled=true][data-disable-transparent=false] {
    background-color: transparent;
    --header--border: 1px solid rgba(0, 0, 0, 0)
  }

  body:has(.transparent-header-compatible:first-child) .header--root[data-transparent-enabled=true][data-disable-transparent=false][data-transparent-white-text=true] {
    --header--color: white;
    --header--filter: brightness(0) invert(1);
    --header--alt-color: var(--color--body)
  }

  body:has(.transparent-header-compatible:first-child) .header--root[data-transparent-enabled=true][data-disable-transparent=false] .header--cart:not([data-cart-count="0"])::after {
    background-color: var(--header--color);
    color: var(--header--alt-color)
  }

  body:has(.transparent-header-compatible:first-child) .header--root[data-transparent-enabled=true][data-disable-transparent=false] svg {
    filter: var(--header--filter)
  }

  body:has(.transparent-header-compatible:first-child) .header--root[data-transparent-enabled=true][data-disable-transparent=false] a,
  body:has(.transparent-header-compatible:first-child) .header--root[data-transparent-enabled=true][data-disable-transparent=false] a:focus-visible,
  body:has(.transparent-header-compatible:first-child) .header--root[data-transparent-enabled=true][data-disable-transparent=false] a:hover,
  body:has(.transparent-header-compatible:first-child) .header--root[data-transparent-enabled=true][data-disable-transparent=false] a:link,
  body:has(.transparent-header-compatible:first-child) .header--root[data-transparent-enabled=true][data-disable-transparent=false] a:visited,
  body:has(.transparent-header-compatible:first-child) .header--root[data-transparent-enabled=true][data-disable-transparent=false] button {
    color: var(--header--color)
  }

  body:has(.transparent-header-compatible:first-child) .header--root[data-transparent-enabled=true][data-disable-transparent=false] .header--primary-logo:not(:only-child) {
    display: none
  }

  body:has(.transparent-header-compatible:first-child) .header--root[data-transparent-enabled=true][data-disable-transparent=false] .header--secondary-logo {
    display: block
  }
}

@media only screen and (min-width:768px) {
  body:has(.transparent-header-compatible:first-child) .header--root[data-transparent-enabled=true][data-text-color=white]:hover {
    --header--color: white;
    --header--alt-color: var(--color--body);
    --header--border: 1px solid var(--bdr-light--general)
  }

  body:has(.transparent-header-compatible:first-child) .header--root[data-transparent-enabled=true][data-disable-transparent=false]:not(:hover) {
    background-color: transparent;
    --header--border: 1px solid transparent
  }

  body:has(.transparent-header-compatible:first-child) .header--root.sticky[data-transparent-enabled=true][data-disable-transparent=false]:not(:hover) {
    background-color: white;
    --header--border: 1px solid transparent
  }

  body:has(.transparent-header-compatible:first-child) .header--root[data-transparent-enabled=true][data-disable-transparent=false]:not(:hover)[data-transparent-white-text=true] {
    --header--color: white;
    --header--filter: brightness(0) invert(1);
    --header--alt-color: var(--color--body)
  }

  body:has(.transparent-header-compatible:first-child) .header--root[data-transparent-enabled=true][data-disable-transparent=false]:not(:hover) .header--cart:not([data-cart-count="0"])::after {
    background-color: var(--header--color);
    color: var(--header--alt-color)
  }

  body:has(.transparent-header-compatible:first-child) .header--root[data-transparent-enabled=true][data-disable-transparent=false]:not(:hover) .x-menu--level-1--link[data-highlight=true]>a,
  body:has(.transparent-header-compatible:first-child) .header--root[data-transparent-enabled=true][data-disable-transparent=false]:not(:hover) .x-menu--level-1--link[data-highlight=true]>modal-trigger {
    color: var(--header--color);
    background-color: var(--highlight-color);
    border-radius: var(--button--radius);
    padding: 0 var(--spacing--1);
    height: 28px;
    min-height: 28px;
    margin: 0 -8px
  }

  body:has(.transparent-header-compatible:first-child) .header--root[data-transparent-enabled=true][data-disable-transparent=false]:not(:hover) svg {
    filter: var(--header--filter)
  }

  body:has(.transparent-header-compatible:first-child) .header--root[data-transparent-enabled=true][data-disable-transparent=false]:not(:hover) a,
  body:has(.transparent-header-compatible:first-child) .header--root[data-transparent-enabled=true][data-disable-transparent=false]:not(:hover) a:focus-visible,
  body:has(.transparent-header-compatible:first-child) .header--root[data-transparent-enabled=true][data-disable-transparent=false]:not(:hover) a:hover,
  body:has(.transparent-header-compatible:first-child) .header--root[data-transparent-enabled=true][data-disable-transparent=false]:not(:hover) a:link,
  body:has(.transparent-header-compatible:first-child) .header--root[data-transparent-enabled=true][data-disable-transparent=false]:not(:hover) a:visited,
  body:has(.transparent-header-compatible:first-child) .header--root[data-transparent-enabled=true][data-disable-transparent=false]:not(:hover) button {
    color: var(--header--color)
  }

  /* New rules for white background */
  body:has(.transparent-header-compatible:first-child) .header--root[data-background-color="white"][data-transparent-enabled=true][data-disable-transparent=false]:not(:hover) a,
  body:has(.transparent-header-compatible:first-child) .header--root[data-background-color="white"][data-transparent-enabled=true][data-disable-transparent=false]:not(:hover) a:focus-visible,
  body:has(.transparent-header-compatible:first-child) .header--root[data-background-color="white"][data-transparent-enabled=true][data-disable-transparent=false]:not(:hover) a:hover,
  body:has(.transparent-header-compatible:first-child) .header--root[data-background-color="white"][data-transparent-enabled=true][data-disable-transparent=false]:not(:hover) a:link,
  body:has(.transparent-header-compatible:first-child) .header--root[data-background-color="white"][data-transparent-enabled=true][data-disable-transparent=false]:not(:hover) a:visited,
  body:has(.transparent-header-compatible:first-child) .header--root[data-background-color="white"][data-transparent-enabled=true][data-disable-transparent=false]:not(:hover) button {
    color: #000000; /* Black */
  }

  body:has(.transparent-header-compatible:first-child) .header--root[data-transparent-enabled=true][data-disable-transparent=false]:not(:hover) .header--primary-logo:not(:only-child) {
    display: none
  }

  body:has(.transparent-header-compatible:first-child) .header--root[data-transparent-enabled=true][data-disable-transparent=false]:not(:hover) .header--secondary-logo {
    display: block
  }
}

.header--root:hover .x-menu--level-1--link[data-highlight=true]>a,
.header--root:hover .x-menu--level-1--link[data-highlight=true]>modal-trigger,
.header--root[data-disable-transparent=true] .x-menu--level-1--link[data-highlight=true]>a,
.header--root[data-disable-transparent=true] .x-menu--level-1--link[data-highlight=true]>modal-trigger,
.header--root[data-transparent-enabled=false] .x-menu--level-1--link[data-highlight=true]>a,
.header--root[data-transparent-enabled=false] .x-menu--level-1--link[data-highlight=true]>modal-trigger,
body:not(:has(.transparent-header-compatible:first-child)) .header--root .x-menu--level-1--link[data-highlight=true]>a,
body:not(:has(.transparent-header-compatible:first-child)) .header--root .x-menu--level-1--link[data-highlight=true]>modal-trigger {
  color: var(--highlight-color);
  --header--color: var(--highlight-color);
}

.header--root:hover .x-menu--level-1--link[data-highlight=true]>a:hover,
.header--root:hover .x-menu--level-1--link[data-highlight=true]>modal-trigger:hover,
.header--root[data-disable-transparent=true] .x-menu--level-1--link[data-highlight=true]>a:hover,
.header--root[data-disable-transparent=true] .x-menu--level-1--link[data-highlight=true]>modal-trigger:hover,
.header--root[data-transparent-enabled=false] .x-menu--level-1--link[data-highlight=true]>a:hover,
.header--root[data-transparent-enabled=false] .x-menu--level-1--link[data-highlight=true]>modal-trigger:hover,
body:not(:has(.transparent-header-compatible:first-child)) .header--root .x-menu--level-1--link[data-highlight=true]>a:hover,
body:not(:has(.transparent-header-compatible:first-child)) .header--root .x-menu--level-1--link[data-highlight=true]>modal-trigger:hover {
  color: var(--highlight-color);
}

.header--root:hover .x-menu--level-1--link[data-highlight=true]>a svg.icon--root,
.header--root:hover .x-menu--level-1--link[data-highlight=true]>modal-trigger svg.icon--root,
.header--root[data-disable-transparent=true] .x-menu--level-1--link[data-highlight=true]>a svg.icon--root,
.header--root[data-disable-transparent=true] .x-menu--level-1--link[data-highlight=true]>modal-trigger svg.icon--root,
.header--root[data-transparent-enabled=false] .x-menu--level-1--link[data-highlight=true]>a svg.icon--root,
.header--root[data-transparent-enabled=false] .x-menu--level-1--link[data-highlight=true]>modal-trigger svg.icon--root,
body:not(:has(.transparent-header-compatible:first-child)) .header--root .x-menu--level-1--link[data-highlight=true]>a svg.icon--root,
body:not(:has(.transparent-header-compatible:first-child)) .header--root .x-menu--level-1--link[data-highlight=true]>modal-trigger svg.icon--root {
  filter: none;
  --header--filter: none;
}

.header--root:hover .x-menu--level-1--link[data-highlight=true]>a svg.icon--root>*,
.header--root:hover .x-menu--level-1--link[data-highlight=true]>modal-trigger svg.icon--root>*,
.header--root[data-disable-transparent=true] .x-menu--level-1--link[data-highlight=true]>a svg.icon--root>*,
.header--root[data-disable-transparent=true] .x-menu--level-1--link[data-highlight=true]>modal-trigger svg.icon--root>*,
.header--root[data-transparent-enabled=false] .x-menu--level-1--link[data-highlight=true]>a svg.icon--root>*,
.header--root[data-transparent-enabled=false] .x-menu--level-1--link[data-highlight=true]>modal-trigger svg.icon--root>*,
body:not(:has(.transparent-header-compatible:first-child)) .header--root .x-menu--level-1--link[data-highlight=true]>a svg.icon--root>*,
body:not(:has(.transparent-header-compatible:first-child)) .header--root .x-menu--level-1--link[data-highlight=true]>modal-trigger svg.icon--root>* {
  fill: var(--highlight-color);
}

.header--root[data-scroll-hide=true][aria-hidden=true] {
  transform: translateY(-100%)
}

.section--header:has(.header--root[data-scroll-hide=true][aria-hidden=true]) {
  pointer-events: none
}

@media only screen and (min-width:768px) {

  .header--root[aria-expanded=true][data-overlap-behavior=drawer] .x-menu,
  .header--root[data-layout=drawer] .x-menu {
    display: none
  }
}

.header--container {
  position: relative;
  display: grid;
  -moz-column-gap: var(--spacing--block);
  column-gap: var(--spacing--block);
  align-items: center;
  grid: var(--header-layout)
}

.header--root[data-layout=left-left] .header--container {
  --header-layout: "logo primary-nav secondary-nav" /auto minmax(0, 1fr) auto
}

.header--root[data-layout=left-center] .header--container {
  --header-layout: "logo primary-nav secondary-nav" /minmax(max-content, 1fr) auto minmax(max-content, 1fr)
}

.header--root[data-layout=center-left] .header--container,
.header--root[data-layout=drawer] .header--container {
  --header-layout: "primary-nav logo secondary-nav" /minmax(0, 1fr) auto minmax(0, 1fr)
}

.header--root[data-layout=center-below] .header--container {
  row-gap: var(--spacing--block);
  --header-layout: ". logo secondary-nav" "primary-nav primary-nav primary-nav" /minmax(0, 1fr) auto minmax(0, 1fr)
}

.header--root[data-layout=center-below].sticky .header--container {
  row-gap: 0;
  --header-layout: ". logo secondary-nav" "primary-nav primary-nav primary-nav" /minmax(0, 1fr) auto minmax(0, 1fr)
}

@media only screen and (min-width:768px) {
  .header--container {
    padding: var(--spacing--block)
  }

  .header--root.sticky .header--container {
    padding: var(--spacing--block)
  }

  .header--root[data-reduce-height=true] .header--container {
    padding-top: var(--spacing--item);
    padding-bottom: var(--spacing--item)
  }

  .header--root.sticky .header--root[data-reduce-height=true] .header--container {
    padding-top: var(--spacing--item);
    padding-bottom: var(--spacing--item)
  }
}

@media only screen and (max-width:767px) {
  .header--root[data-layout] .header--container {
    gap: var(--spacing--item);
    padding: var(--spacing--item);
    --header-layout: "primary-nav logo secondary-nav" /minmax(0, 1fr) auto minmax(0, 1fr)
  }
}

// custom sticky header background always whiteish
/* New rule for sticky header with high specificity and background-color check */
header-root.header--root.sticky[data-background-color="white"] {
  background-color: #fff !important; /* Pure white */
}

/* Original hover rule with sticky condition, background-color check, and high specificity */
header-root.header--root.sticky[data-background-color="white"][data-bottom-border=true]:hover .x-menu--level-1--link[data-mega-menu=true] .x-menu--level-2--container {
  background-color: #fff !important; /* Pure white */
}

/* Original rule with sticky condition, background-color check, and high specificity */
header-root.header--root.sticky[data-background-color="white"][data-reduce-height=false][data-bottom-border=true] .x-menu--level-1--link[data-mega-menu=false] .x-menu--level-2--container {
  background-color: #fff !important; /* Pure white */
}

.header--root .header--logo img {
  max-width: 85% !important;
  margin: 0 auto !important;
}

.header--logo {
  grid-area: logo;
  margin: 0;
  display: inline-flex;
  line-height: 1
}

.header--logo .header--secondary-logo {
  display: none
}

.header--logo img {
  height: auto;
  width: var(--width);
  border-radius: 0
}

/* @media only screen and (max-width:767px) {
  .header--logo img {
    width: var(--mobile-width)
  }
} */

@media only screen and (max-width:767px) {
  .header--logo img {
    width: 250px
  }
}

.header--primary-nav {
  grid-area: primary-nav;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: var(--spacing--item);
  height: 100%;
  min-height: 100%;
  opacity: 1;
  transition: opacity .2s var(--transition--standard)
}

@media only screen and (max-width:767px) {
  .header--root.sticky .header--primary-nav {
    grid-area: unset;
  }
}

/* .header--primary-nav[aria-hidden=true] {
  visibility: hidden;
  opacity: 0
} */

@media only screen and (min-width:768px) {
  .header--root[data-layout=center-below] .header--primary-nav {
    justify-self: center
  }
}

.header--localization {
  display: inline-flex
}

.header--localization form {
  display: inline-flex;
  gap: var(--spacing--item)
}

.header--search {
  padding: 0
}

.header--primary-nav .header--search {
  display: none
}

@media only screen and (max-width:767px) {
  .header--secondary-nav .header--search {
    display: none
  }
}

@media only screen and (min-width:768px) {
  .header--root[data-layout=drawer] .header--primary-nav .header--search {
    display: block
  }

  .header--root[data-layout=center-below] .header--secondary-nav .header--search,
  .header--root[data-layout=drawer] .header--secondary-nav .header--search {
    display: none
  }
}

.header--search-container {
  display: none
}

@media only screen and (min-width:768px) {
  .header--root[data-layout=center-below] .header--search-container {
    display: block
  }
}

.header--drawer-toggle {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 0
}

.header--drawer-toggle span {
  display: block;
  background-color: var(--header--color)
}

@media only screen and (min-width:768px) {
  .header--drawer-toggle {
    display: none
  }

  .header--root[aria-expanded=true][data-overlap-behavior=drawer] .header--drawer-toggle,
  .header--root[data-layout=drawer] .header--drawer-toggle {
    display: flex
  }
}

.header--secondary-nav {
  display: flex;
  align-items: center;
  gap: var(--spacing--item);
  grid-area: secondary-nav;
  margin-left: auto;
  width: -moz-fit-content;
  width: fit-content
}

.header--account:empty {
  display: none
}

@media only screen and (max-width:767px) {
  .header--root .header--account {
    display: none
  }
}

.header--cart {
  display: inline-flex;
  align-items: center;
  position: relative
}

.header--cart[data-type=text]:not([data-cart-count="0"]) {
  gap: var(--spacing--1)
}

.header--cart:not([data-cart-count="0"])::after {
  content: attr(data-cart-count);
  color: var(--header--alt-color);
  background-color: var(--header--color);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center
}

.header--cart[data-type=icon]:not([data-cart-count="0"])::after {
  opacity: .9;
  position: absolute;
  top: -4px;
  left: 14px
}

@media only screen and (min-width:768px) {
  .header--modal {
    padding: var(--spacing--section)
  }
}

@media only screen and (max-width:767px) {
  .header--modal {
    padding: var(--spacing--section--mobile)
  }
}

.apps--root>* {
  max-width: 800px;
  margin: 0 auto
}

.article--wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center
}

.article--heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1200px;
  padding: 0;
  width: 100%
}

@media only screen and (min-width:768px) {
  .article--heading {
    padding-bottom: var(--spacing--block)
  }

  .article--root[data-heading-position=center][data-show-featured=true] .article--heading {
    position: relative
  }

  .article--root[data-heading-position=left][data-show-featured=true] .article--heading {
    flex-direction: row
  }

  .article--root[data-heading-position=left][data-show-featured=true] .article--heading>:not(.article--info) {
    width: 50%
  }
}

@media only screen and (max-width:767px) {
  .article--heading {
    width: calc(100% + 2 * var(--spacing--item))
  }
}

.article--heading>* {
  width: 100%
}

.article--header--info {
  order: 1;
  margin: 0 auto;
  padding: 0 var(--spacing--block--mobile) var(--spacing--block--mobile)
}

.article--root[data-show-featured=false] .article--header--info {
  padding: var(--spacing--section--mobile--y) var(--spacing--block--mobile) var(--spacing--item--mobile)
}

.article--root[data-show-featured=false] .article--header--info:only-child {
  padding-bottom: 0
}

@media only screen and (min-width:768px) {
  .article--header--info {
    padding: var(--spacing--block)
  }

  .article--header--info>:not(:last-child) {
    padding-bottom: var(--spacing--item)
  }

  .article--root[data-heading-position=center][data-show-featured=true] .article--header--info {
    position: absolute;
    top: 40%;
    left: 0;
    z-index: 1;
    padding-top: 0
  }

  .article--root[data-heading-position=left][data-show-featured=true] .article--header--info {
    padding: var(--spacing--block) var(--spacing--block) 0 var(--spacing--section--x)
  }

  .article--root[data-heading-position=below] .article--header--info {
    padding-bottom: 0
  }

  .article--root[data-show-featured=false] .article--header--info:first-child {
    padding: var(--spacing--section--y) var(--spacing--section--x) 0
  }
}

.article--image {
  padding-bottom: var(--spacing--block--mobile);
  order: 1;
  justify-content: center;
  display: flex
}

@media only screen and (min-width:768px) {
  .article--image {
    border-radius: var(--image--radius);
    padding-bottom: 0;
    max-width: calc(600px * var(--aspect-ratio))
  }

  .article--root[data-heading-position=left] .article--image img {
    min-height: 400px
  }

  .article--root[data-heading-position=center] .article--image {
    padding-bottom: var(--spacing--block)
  }

  .article--root[data-heading-position=below] .article--image {
    order: 0
  }
}

@media only screen and (max-width:767px) {
  .article--image {
    --image--radius: 0
  }
}

.article--root[data-show-author=false][data-show-date=false] .article--image {
  padding-bottom: 0
}

.article--title {
  text-align: center
}

@media only screen and (min-width:768px) {
  .article--root[data-heading-position=center][data-show-featured=true] .article--title {
    padding: 0
  }

  .article--root[data-heading-position=left] .article--title {
    text-align: left
  }

  .article--root[data-heading-position=left][data-show-featured=false] .article--title {
    text-align: center
  }

  .article--root[data-show-author=false][data-show-date=false] .article--title {
    padding-bottom: 0
  }
}

.article--info {
  display: flex;
  justify-content: center;
  gap: var(--spacing--1)
}

.article--info[data-position=grouped-with-title] {
  display: none
}

@media only screen and (min-width:768px) and (max-width:1023px) {
  .article--root[data-heading-position=left] .article--info[data-position=grouped-with-title] {
    flex-direction: column
  }
}

@media only screen and (min-width:768px) {
  .article--info[data-position=grouped-with-title] {
    align-items: center
  }

  .article--root[data-heading-position=above] .article--info[data-position=grouped-with-title] {
    display: flex
  }

  .article--root[data-heading-position=left] .article--info[data-position=grouped-with-title] {
    display: flex;
    justify-content: flex-start
  }

  .article--root[data-heading-position=left][data-show-featured=false] .article--info[data-position=grouped-with-title] {
    justify-content: center
  }

  .article--root[data-heading-position=below] .article--info[data-position=grouped-with-title] {
    display: flex
  }
}

.article--info[data-position=by-self] {
  padding: 0 var(--spacing--block--mobile) var(--spacing--block--mobile);
  order: 1
}

@media only screen and (max-width:767px) {
  .article--info[data-position=by-self] {
    flex-direction: column
  }
}

@media only screen and (min-width:768px) {
  .article--root[data-heading-position=above] .article--info[data-position=by-self] {
    display: none
  }

  .article--root[data-heading-position=center] .article--info[data-position=by-self] {
    padding: 0;
    max-width: var(--max-width--small);
    justify-content: flex-start
  }

  .article--root[data-heading-position=center][data-show-featured=false] .article--info[data-position=by-self] {
    justify-content: center
  }

  .article--root[data-heading-position=left] .article--info[data-position=by-self] {
    display: none
  }

  .article--root[data-heading-position=below] .article--info[data-position=by-self] {
    display: none
  }
}

.article--timesince {
  text-align: right;
  text-transform: uppercase
}

@media only screen and (max-width:767px) {
  .article--timesince {
    align-self: center
  }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
  .article--root[data-heading-position=left] .article--timesince {
    align-self: flex-start
  }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
  .article--root[data-heading-position=left] .article--dot {
    display: none
  }
}

.article--author {
  align-self: center
}

@media only screen and (max-width:767px) {
  .article--author {
    align-self: center
  }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
  .article--root[data-heading-position=left] .article--author {
    align-self: flex-start
  }
}

.article--content {
  max-width: var(--max-width--small)
}

.article--navigation-wrapper {
  width: 100%;
  max-width: var(--max-width--small)
}

@media only screen and (min-width:768px) {
  .article--navigation-wrapper {
    display: flex
  }
}

@media only screen and (max-width:767px) {
  .article--navigation-wrapper>:not(:last-child) {
    padding-bottom: var(--spacing--block)
  }
}

.article--navigation .article--tag-info {
  text-align: center;
  width: 100%;
  padding-bottom: var(--spacing--block)
}

@media only screen and (min-width:768px) {
  .article--navigation .article--tag-info {
    text-align: left;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap
  }

  .article--navigation .article--tag-info ul {
    display: flex;
    flex-wrap: wrap
  }
}

.article--tagged-in {
  padding: 0 0 var(--spacing--item--mobile)
}

@media only screen and (min-width:768px) {
  .article--tagged-in {
    display: inline-block;
    padding-bottom: 0;
    padding-right: var(--spacing--item);
    position: relative;
    width: 100%;
    padding-bottom: var(--spacing--item)
  }
}

.article--tags[data-item] {
  display: inline;
  list-style-type: none;
  padding: 0
}

@media only screen and (max-width:767px) {
  .article--tags[data-item] {
    margin-left: var(--spacing--neg-1)
  }
}

.article--tags[data-item] .article--tag {
  margin: var(--spacing--neg-1) 0 var(--spacing--neg-1) var(--spacing--neg-1);
  line-height: 1;
  display: inline-block;
  padding: 0
}

@media only screen and (max-width:767px) {
  .article--tags[data-item] .article--tag {
    margin: var(--spacing--neg-item) 0
  }
}

.article--tags[data-item] .article--tag a {
  display: inline-block;
  padding: var(--spacing--item) calc(var(--spacing--item)/ 2);
  text-decoration: underline
}

@media only screen and (min-width:768px) {
  .article--share {
    margin-left: auto;
    width: -moz-fit-content;
    width: fit-content
  }
}

.article--share .social-icons--items {
  flex-wrap: nowrap
}

.article--recents-wrapper {
  max-width: var(--max-width--small);
  margin: 0 auto
}

.article--recents-header {
  text-align: center
}

.article--item {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--item)
}

.article--item .article--item--image {
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: var(--image--radius)
}

[data-section-id][data-aspect-ratio=natural] .article--item--image-wrapper {
  display: flex;
  height: 100%
}

.article--item-info {
  display: flex;
  gap: var(--spacing--1)
}

@media only screen and (max-width:767px) {
  .article--item-info {
    flex-direction: column
  }
}

[data-columns="3"] .article--item-info {
  flex-direction: column
}

[data-columns="3"] .article--item-dot {
  display: none
}

.blog--root {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center
}

.blog--root[data-section-id=blog] {
  padding: var(--spacing--section--mobile--y) 0 0
}

.blog--root[data-show-title=false][data-show-tag-filter=false] {
  padding-top: 0
}

@media only screen and (min-width:768px) {
  .blog--root[data-show-featured=true][data-section-id=blog] {
    padding-top: 0
  }

  .blog--root[data-show-featured=false][data-section-id=blog] {
    padding-top: var(--spacing--section--y)
  }

  .blog--root[data-articles="0"][data-section-id=blog] {
    padding-top: var(--spacing--block)
  }
}

.blog--root>* {
  padding: 0 0 var(--spacing--block--mobile);
  width: 100%
}

@media only screen and (min-width:768px) {
  .blog--root>* {
    padding: 0 0 var(--spacing--block)
  }
}

.blog--featured {
  order: 1;
  width: 100%
}

@media only screen and (max-width:767px) {
  .blog--featured {
    padding-bottom: var(--spacing--section--mobile--y)
  }
}

@media only screen and (min-width:768px) {
  .blog--featured {
    order: 0;
    padding-bottom: var(--spacing--section--y)
  }
}

@media only screen and (min-width:768px) {
  .blog--featured-container {
    position: relative;
    overflow: hidden
  }
}

.blog--featured-header {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 2
}

@media only screen and (min-width:768px) {
  .blog--featured-header {
    display: flex
  }
}

.blog--featured-header h2 a {
  display: inline-block;
  max-width: var(--max-width--medium);
  text-align: center;
  margin: 0;
  padding: 0 var(--spacing--section--x) var(--spacing--block)
}

.blog--featured-image {
  padding-bottom: var(--spacing--section--mobile--x);
  --image--radius: 0px
}

@media only screen and (min-width:768px) {
  .blog--featured-image {
    padding: 0
  }
}

.blog--featured-title--mobile {
  padding: 0 var(--spacing--section--mobile--x) var(--spacing--item--mobile)
}

.blog--featured-info {
  padding: 0 var(--spacing--section--mobile--x) var(--spacing--item--mobile)
}

.blog--featured-excerpt {
  padding: 0 var(--spacing--section--mobile--x) var(--spacing--item--mobile)
}

.blog--featured-excerpt:last-child {
  padding-bottom: 0
}

.blog--featured-readmore {
  padding: 0 var(--spacing--section--mobile--x);
  text-decoration: underline
}

.blog--header--root {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0
}

@media only screen and (min-width:768px) {
  .blog--header--root {
    padding: var(--spacing--section)
  }

  .blog--root[data-show-featured=true] .blog--header--root {
    padding: 0 var(--spacing--section--x) var(--spacing--section--y)
  }

  .blog--root[data-articles="0"] .blog--header--root {
    padding: var(--spacing--section)
  }
}

.blog--header {
  width: 100%;
  padding: var(--spacing--section--mobile)
}

@media only screen and (min-width:768px) {
  .blog--header {
    padding: 0;
    max-width: calc(var(--max-width--small) + 2 * var(--spacing--block))
  }

  .blog--root[data-columns="2"] .blog--header {
    max-width: calc(var(--max-width--large) + 2 * var(--spacing--block))
  }

  .blog--root[data-columns="3"] .blog--header {
    max-width: calc(var(--max-width--large) + 2 * var(--spacing--block))
  }
}

.blog--header>:only-child {
  padding-bottom: 0
}

.blog--title-container {
  text-align: center;
  padding-bottom: var(--spacing--block)
}

.blog--filter--root {
  width: 100%
}

.blog--filter--body {
  padding-bottom: 0;
  display: flex;
  justify-content: center
}

.blog--filter--body .disclosure--root {
  width: 100%;
  max-width: calc(100% - 2 * var(--spacing--block))
}

@media only screen and (min-width:768px) {
  .blog--filter--body .disclosure--root {
    display: none
  }
}

.blog--filter--menu {
  display: none
}

@media only screen and (min-width:768px) {
  .blog--filter--menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    padding: 0
  }
}

.blog--filter--menu-item {
  display: none;
  margin: 0;
  line-height: 1em
}

@media only screen and (min-width:768px) {
  .blog--filter--menu-item {
    display: block
  }

  .blog--filter--menu-item a {
    display: inline-block;
    padding: calc(var(--spacing--item)/ 2)
  }
}

.blog--body {
  order: 2;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-bottom: var(--spacing--section--mobile--y)
}

@media only screen and (min-width:768px) {
  .blog--body {
    order: 0;
    padding: 0 var(--spacing--section--x) var(--spacing--section--y)
  }
}

.blog--article-list {
  width: 100%;
  padding-bottom: 0;
  display: block
}

@media only screen and (max-width:767px) {
  .blog--article-list {
    padding: 0 var(--spacing--section--mobile--x)
  }
}

@media only screen and (min-width:768px) {
  .blog--article-list {
    max-width: var(--max-width--small)
  }

  .blog--root:not([data-columns="1"]) .blog--article-list {
    opacity: 0;
    transition: opacity .4s var(--transition--ease-out)
  }

  .blog--root:not([data-columns="1"]) .blog--article-list[data-masonry-loaded=true] {
    opacity: 1
  }

  .blog--root[data-columns="2"] .blog--article-list {
    max-width: var(--max-width--large)
  }

  .blog--root[data-columns="3"] .blog--article-list {
    max-width: var(--max-width--large)
  }
}

.blog--article-list .article--item {
  width: 100%
}

@media only screen and (max-width:767px) {
  .blog--article-list .article--item:not(:last-child) {
    padding-bottom: var(--spacing--block)
  }
}

@media only screen and (min-width:768px) {
  .blog--root[data-columns="1"] .blog--article-list .article--item:not(:last-child):not(:last-child) {
    padding-bottom: var(--spacing--block)
  }
}

@media only screen and (min-width:768px) {
  .blog--root[data-columns="2"] .blog--article-list .article--item {
    width: calc((100% - var(--spacing--block))/ 2)
  }

  .blog--root[data-columns="2"] .blog--article-list .article--item:not(:last-child):not(:nth-last-child(2)) {
    padding-bottom: var(--spacing--block)
  }

  .blog--root[data-columns="3"] .blog--article-list .article--item {
    width: calc((100% - var(--spacing--block) * 2)/ 3)
  }

  .blog--root[data-columns="3"] .blog--article-list .article--item:not(:last-child):not(:nth-last-child(2)):not(:nth-last-child(3)) {
    padding-bottom: var(--spacing--block)
  }
}

.blog--footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: var(--spacing--section--mobile) 0
}

@media only screen and (min-width:768px) {
  .blog--footer {
    flex-direction: row;
    justify-content: space-between;
    padding: var(--spacing--section--y) var(--spacing--block) 0;
    margin: 0 var(--spacing--neg-block);
    max-width: calc(var(--max-width--small) + 2 * var(--spacing--block))
  }

  .blog--root[data-columns="2"] .blog--footer {
    max-width: calc(var(--max-width--large) + 2 * var(--spacing--block))
  }

  .blog--root[data-columns="3"] .blog--footer {
    max-width: calc(var(--max-width--large) + 2 * var(--spacing--block))
  }
}

.blog--footer>:not(:first-child) {
  padding-bottom: var(--spacing--block)
}

@media only screen and (min-width:768px) {
  .blog--footer>:not(:first-child) {
    padding: 0
  }
}

.blog--footer-rss {
  order: 1
}

@media only screen and (min-width:768px) {
  .blog--footer-rss {
    order: 0
  }

  .blog--footer-rss:only-child {
    width: 100%;
    text-align: center
  }

  .blog--footer-rss:only-child a {
    padding-left: var(--spacing--item)
  }
}

.blog--footer-rss a {
  text-decoration: underline;
  padding: var(--spacing--item--mobile)
}

@media only screen and (min-width:768px) {
  .blog--footer-rss a {
    padding: var(--spacing--item) var(--spacing--item) var(--spacing--item) 0
  }
}

.blog--footer-pagination:only-child {
  width: 100%
}

@media only screen and (max-width:767px) {
  .blog--footer-pagination {
    padding-bottom: var(--spacing--block)
  }
}

.blog--no-articles {
  padding: var(--spacing--section);
  margin: 0;
  max-width: 700px
}

.blog--no-articles p {
  text-align: center
}

.breadcrumbs--root {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--spacing--1);
  padding: var(--spacing--2) 0
}

.breadcrumbs--root>* a,
.breadcrumbs--root>[data-item] {
  text-transform: capitalize
}

.breadcrumbs--root li {
  display: inline-flex;
  align-items: center;
  line-height: 1
}

.breadcrumbs--root li:not(:last-of-type):after {
  margin: 0 0 2px 8px;
  content: "";
  background-color: var(--color--body);
  width: 4px;
  height: 4px;
  border-radius: 50%
}

.breadcrumbs--root li a:after {
  padding-bottom: .1428571429em;
  border-bottom: .0714285714em solid var(--color--body);
  content: "";
  display: block;
  width: 100%
}

.cart--root {
  max-width: var(--max-width--medium);
  margin: 0 auto;
  display: block
}

@media only screen and (max-width:767px) {
  .cart--root[data-view=desktop] {
    display: none
  }
}

@media only screen and (min-width:768px) {
  .cart--root[data-view=mobile] {
    display: none
  }
}

.cart--root[data-view=drawer] {
  padding: var(--spacing--section--mobile)
}

.cart--header {
  padding-bottom: var(--spacing--block);
  text-align: center
}

.cart--root[data-has-items=false] .cart--form {
  display: none
}

.cart--body {
  display: table;
  width: 100%;
  table-layout: auto
}

.cart--root:not([data-view=desktop]) .cart--body {
  border-top: 1px solid var(--bdr-dark--general)
}

.cart--headings {
  display: table-row;
  width: 100%;
  border-bottom: 1px solid var(--bdr-dark--general);
  text-align: center
}

.cart--root:not([data-view=desktop]) .cart--headings {
  display: none
}

.cart--headings>* {
  display: table-cell;
  padding: calc(var(--spacing--block)/ 2);
  border-bottom: 1px solid var(--bdr-dark--general)
}

.cart--heading--total {
  text-align: right
}

.cart--item {
  width: 100%;
  display: table-row
}

.cart--root:not([data-view=desktop]) .cart--item {
  display: flex;
  gap: var(--spacing--2);
  border-bottom: 1px solid var(--bdr-dark--general);
  align-items: flex-start;
  flex-wrap: wrap;
  padding: var(--spacing--block--mobile) 0
}

.cart--item>* {
  display: table-cell;
  vertical-align: middle;
  padding: calc(var(--spacing--block)/ 2);
  border-bottom: 1px solid var(--bdr-dark--general)
}

.cart--root:not([data-view=desktop]) .cart--item>* {
  padding: 0;
  display: block;
  border: 0
}

.cart--item--image {
  width: 150px
}

.cart--root:not([data-view=desktop]) .cart--item--image {
  width: 35%;
  align-self: center;
  padding-left: 0
}

.cart--root:not([data-view=desktop]) .cart--item--info {
  flex-grow: 1;
  text-align: right;
  max-width: calc(65% - var(--spacing--2))
}

.cart--root:not([data-view=desktop]) .cart--item--info>* {
  text-align: left
}

.cart--error {
  color: var(--color--fail)
}

.cart--root:not([data-view=desktop]) .cart--error {
  width: 100%;
  text-align: center;
  padding-top: var(--spacing--1)
}

.cart--root[data-view=desktop] .cart--item--title>:not(:last-child) {
  padding-bottom: var(--spacing--1)
}

.cart--root:not([data-view=desktop]) .cart--item--title {
  width: 100%;
  text-align: center
}

.cart--item--price {
  text-align: center;
  padding-bottom: var(--spacing--item--mobile)
}

.cart--root:not([data-view=desktop]) .cart--item--price {
  text-align: left
}

.cart--item--quantity {
  text-align: center
}

.cart--root:not([data-view=desktop]) .cart--item--quantity {
  text-align: left
}

.cart--root:not([data-view=desktop]) .cart--item--quantity .quantity-selector--remove>* {
  margin-left: calc(var(--spacing--neg-item)/ 4)
}

.cart--root[data-view=desktop] .cart--item--quantity .quantity-selector--remove {
  margin: 0 auto
}

.cart--item--total {
  text-align: right
}

.cart--root:not([data-view=desktop]) .cart--item--total {
  text-align: left
}

.cart--footer {
  padding: var(--spacing--section--y) 0 0;
  width: 100%;
  display: flex
}

.cart--root:not([data-view=desktop]) .cart--footer {
  padding: var(--spacing--block) 0 0;
  display: block
}

.cart--notes {
  flex-grow: 1;
  max-width: 400px
}

.cart--root:not([data-view=desktop]) .cart--notes {
  text-align: center;
  max-width: 100%;
  padding-bottom: var(--spacing--block)
}

.cart--notes--textarea {
  height: 120px;
  margin: 0;
  padding: calc(var(--spacing--item)/ 2)
}

.cart--root:not([data-view=desktop]) .cart--notes--textarea {
  height: 80px
}

.cart--totals {
  flex-grow: 1;
  text-align: right
}

.cart--root:not([data-view=desktop]) .cart--totals {
  text-align: center
}

.cart--totals>:not(:last-child) {
  padding-bottom: var(--spacing--item)
}

.cart--sub-total>:not(:last-child) {
  padding-bottom: var(--spacing--1)
}

.cart--discounts>:not(:last-child) {
  padding-bottom: var(--spacing--1)
}

.cart--total>:not(:last-child) {
  padding-bottom: var(--spacing--1)
}

.cart--total--price {
  font-size: 20px
}

@media only screen and (max-width:767px) {
  .cart--total--price {
    font-size: 16px
  }
}

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

.cart--root:not([data-view=desktop]) .cart--nav {
  text-align: center;
  flex-wrap: wrap
}

.cart--root:not([data-view=desktop]) .cart--checkout-button {
  width: 100%;
  order: 1
}

.cart--checkout-button[disabled] {
  pointer-events: none;
  opacity: .7
}

.cart--checkout-button[data-loading=true] .cart-button--text,
.cart--checkout-button[disabled] .cart-button--text {
  opacity: 0;
  visibility: hidden
}

.cart--checkout-button[data-loading=true] .cart-button--spinner,
.cart--checkout-button[disabled] .cart-button--spinner {
  display: block
}

.cart-button--spinner {
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.cart--continue-shopping {
  margin-right: var(--spacing--item)
}

.cart--root:not([data-view=desktop]) .cart--continue-shopping {
  margin-right: 0;
  order: 2;
  padding-top: var(--spacing--item);
  width: 100%
}

.cart--continue-shopping p:hover {
  cursor: pointer
}

.cart--no-items {
  text-align: center
}

.cart--root[data-has-items=true] .cart--no-items {
  display: none
}

.cart--additional-buttons {
  max-width: 300px;
  margin-left: auto
}

.cart--additional-buttons[data-disabled=true] {
  pointer-events: none;
  opacity: .7
}

.cart--additional-buttons li:not(:last-child) {
  margin-bottom: var(--spacing--1) !important
}

.cart--root:not([data-view=desktop]) .cart--additional-buttons {
  max-width: unset
}

.cart--additional-buttons .shopify-cleanslate [data-testid=grid-cell] {
  margin-top: 0 !important
}

.carousel--root {
  display: block;
  padding: 0;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  transition: opacity .4s cubic-bezier(.45, .05, .55, .95)
}

.carousel--root[data-dot-nav=false] .carousel--dot-nav {
  display: none
}

.carousel--root * {
  -webkit-user-drag: none
}

.carousel--viewport {
  position: relative;
  overflow: hidden;
  width: 100%
}

.carousel--x-container {
  display: flex;
  transform: translateX(0);
  z-index: 1;
  position: relative;
  width: calc(100% * var(--total-slides) - var(--container-offset));
  left: var(--offset)
}

@media only screen and (max-width:767px) {
  .carousel--x-container {
    width: calc(100% * var(--total-slides-mobile) - var(--container-offset-mobile));
    left: var(--offset-mobile)
  }
}

.carousel--root:hover .carousel--x-container {
  will-change: transform
}

.carousel--x-container[data-transition-state=forwards] {
  transition: transform 1s var(--transition--ease-out)
}

.carousel--x-container[data-transition-state=backwards] {
  transition: transform .4s var(--transition--snap-back)
}

.carousel--y-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: flex-start
}

.carousel--root[data-at-start=false][data-at-end=false] .carousel--y-container:hover,
.carousel--root[data-at-start=false][data-at-end=true] .carousel--y-container:hover,
.carousel--root[data-at-start=true][data-at-end=false] .carousel--y-container:hover {
  cursor: grab
}

.carousel--root:hover .carousel--y-container {
  will-change: height
}

.carousel--root[data-dragging=true] .carousel--y-container:hover {
  cursor: grabbing
}

.carousel--block {
  position: absolute;
  left: 100%;
  width: calc(100% / var(--total-spaces))
}

@media only screen and (max-width:767px) {
  .carousel--block {
    width: calc(100% / var(--total-spaces-mobile))
  }
}

@media only screen and (min-width:768px) {
  .carousel--block[data-loaded=true] {
    position: relative;
    left: 0
  }
}

@media only screen and (max-width:767px) {
  .carousel--block[data-loaded--mobile=true] {
    position: relative;
    left: 0
  }
}

.carousel--root[data-spacing-around-blocks=false] .carousel--block .featured-content--container {
  --image--radius: 0
}

.carousel--root[data-spacing-around-blocks=true] .carousel--block {
  padding: 0 calc(var(--spacing--block)/ 2)
}

@media only screen and (max-width:767px) {
  .carousel--root[data-spacing-around-blocks=true] .carousel--block {
    padding: 0 calc(var(--spacing--block--mobile)/ 2)
  }
}

.carousel--root[data-spacing-around-blocks=true] .carousel--block .featured-content--container {
  border-radius: var(--image--radius)
}

.carousel--root[data-transition-type=fade] .carousel--block {
  transition: opacity 4s var(--transition--ease-out);
  opacity: 0
}

@media only screen and (min-width:768px) {
  .carousel--root[data-transition-type=fade] .carousel--block[data-loaded=true] {
    opacity: 1
  }
}

@media only screen and (max-width:767px) {
  .carousel--root[data-transition-type=fade] .carousel--block[data-loaded--mobile=true] {
    opacity: 1
  }
}

.carousel--root[data-transition-type=fade] .carousel--block[data-active=old] {
  position: relative;
  z-index: 1;
  opacity: 0
}

.carousel--root[data-transition-type=fade] .carousel--block[data-active=new] {
  position: absolute;
  z-index: 2;
  opacity: 1
}

.carousel--dot-container {
  width: 100%;
  display: flex;
  justify-content: center
}

.carousel--dot-viewport {
  display: flex;
  overflow: hidden;
  max-width: 60px
}

@supports (overflow:clip) {
  .carousel--dot-viewport {
    overflow: clip
  }
}

.carousel--dot-nav {
  z-index: 1;
  position: absolute;
  bottom: var(--spacing--block);
  right: var(--spacing--block);
  display: flex;
  align-items: center
}

.carousel--dot-nav:empty {
  display: none
}

@media only screen and (min-width:768px) {
  .carousel--dot-nav {
    transform: translateX(0) !important
  }
}

@media only screen and (max-width:767px) {
  .carousel--dot-nav {
    opacity: 0;
    transition: transform .4s var(--transition--ease-out);
    padding: var(--spacing--item--mobile) 0
  }
}

@media only screen and (min-width:768px) {
  .carousel--root[data-spacing-below=true] .carousel--dot-nav {
    bottom: calc(var(--spacing--section--y) + var(--spacing--block))
  }
}

.carousel--dot-nav[data-loaded=true] {
  opacity: 1
}

@media only screen and (min-width:768px) {
  .carousel--root[data-spacing-around-blocks=true] .carousel--dot-nav {
    display: none
  }
}

@media only screen and (max-width:767px) {
  .carousel--dot-nav {
    position: relative;
    bottom: auto;
    right: auto
  }
}

.carousel--dot {
  border-radius: 50%;
  border: 0;
  cursor: pointer;
  margin: 0 4px;
  opacity: .6;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center
}

@media only screen and (max-width:767px) {
  .carousel--dot {
    opacity: .2;
    margin: 0 2px
  }
}

.carousel--dot::after {
  content: "";
  border-radius: 50%;
  border: 2px solid #fff;
  display: block;
  height: 12px;
  width: 12px;
  background: 0 0;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, .6), 0 0 2px rgba(0, 0, 0, .6)
}

@media only screen and (max-width:767px) {
  .carousel--dot::after {
    height: 8px;
    width: 8px;
    background: var(--color--body);
    border-color: var(--color--body);
    border: 0;
    box-shadow: none;
    transform: scale(1);
    transition: transform .2s var(--transition--standard)
  }
}

@media only screen and (max-width:767px) {
  .carousel--root[data-background-color=dark] .carousel--dot::after {
    background: var(--bg-color--body);
    border-color: var(--bg-color--body)
  }
}

@media only screen and (max-width:767px) {

  .carousel--dot[data-position=leading-1]::after,
  .carousel--dot[data-position=trailing-1]::after {
    transform: scale(.66)
  }
}

@media only screen and (max-width:767px) {

  .carousel--dot[data-position=leading-2]::after,
  .carousel--dot[data-position=trailing-2]::after {
    transform: scale(.33)
  }
}

@media only screen and (max-width:767px) {
  .carousel--dot[data-position=hidden]::after {
    transform: scale(.33)
  }
}

.carousel--dot[data-active=true] {
  opacity: .8
}

@media only screen and (max-width:767px) {
  .carousel--dot[data-active=true] {
    opacity: .9
  }
}

.carousel--dot[data-active=true]::after {
  background: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, .6)
}

@media only screen and (max-width:767px) {
  .carousel--dot[data-active=true]::after {
    background: var(--color--body);
    opacity: .9
  }
}

@media only screen and (max-width:767px) {
  .carousel--root[data-background-color=dark] .carousel--dot[data-active=true]::after {
    background: var(--bg-color--body)
  }
}

.carousel--arrow-nav {
  position: absolute;
  display: flex;
  height: 100%;
  top: 0;
  left: 0;
  width: 100%;
  align-items: center
}

.carousel--arrow-nav:last-of-type {
  justify-content: flex-end
}

@media only screen and (max-width:767px) {
  .carousel--arrow-nav {
    display: none
  }
}

.carousel--prev {
  transition: opacity 1s var(--transition--ease-out);
  z-index: 2;
  opacity: .85;
  margin-left: var(--spacing--block)
}

@media only screen and (max-width:767px) {
  .carousel--prev {
    margin-left: var(--spacing--block--mobile)
  }
}

.carousel--prev:hover {
  cursor: pointer
}

.carousel--prev>* {
  transition: opacity .4s var(--transition--ease-out), transform .4s var(--transition--ease-out);
  opacity: .85
}

.carousel--prev:hover>* {
  opacity: 1;
  box-shadow: 0 0 10px rgba(0, 0, 0, .08);
  transform: scale(1.06)
}

.carousel--root[data-at-start=true] .carousel--prev {
  opacity: 0;
  cursor: default;
  transition: opacity .4s var(--transition--standard)
}

.carousel--next {
  transition: opacity 1s var(--transition--ease-out);
  z-index: 2;
  opacity: .85;
  position: relative;
  margin-right: var(--spacing--block)
}

@media only screen and (max-width:767px) {
  .carousel--next {
    margin-right: var(--spacing--block--mobile)
  }
}

.carousel--next:hover {
  cursor: pointer
}

.carousel--next>* {
  transition: opacity .4s var(--transition--ease-out), transform .4s var(--transition--ease-out);
  opacity: .85
}

.carousel--next:hover>* {
  opacity: 1;
  box-shadow: 0 0 10px rgba(0, 0, 0, .08);
  transform: scale(1.06)
}

.carousel--root[data-at-end=true] .carousel--next {
  opacity: 0;
  cursor: default;
  transition: opacity .4s var(--transition--standard)
}

.collapsible-rows--header {
  padding-bottom: var(--spacing--block)
}

[class*=block][data-fit-together=true]+[class*=block][data-fit-together=true] {
  margin-top: 0
}

[class*=block][data-fit-together=true]+[class*=block][data-fit-together=true] .collapsible-row--wrapper {
  border-top: 0
}

/* .collapsible-row--wrapper {
  border-top: 1px solid var(--bdr-dark--general);
  border-bottom: 1px solid var(--bdr-dark--general);
  padding: 0;
  display: block
} */

.collapsible-row--wrapper {
  /*
  border-top: 2px solid #444444;
  border-bottom: 2px solid #444444;
  */
  padding: 0;
  display: block
}

/* .collapsible-row--toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing--item);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: var(--spacing--item);
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  color: var(--color--body);
  background-color: transparent;
  text-align: left
} */

.collapsible-row--toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing--item);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: var(--spacing--item);
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #fff;
  border: 2px solid #444;
  color: #252525;
  text-align: left
}

[data-section-id][data-text-color=white] .collapsible-row--toggle {
  color: #fff
}

.collapsible-row--toggle:focus-visible,
.collapsible-row--toggle:hover {
  cursor: auto;
  /*opacity: 0.75;*/
}

/* .collapsible-row--toggle:focus-visible,
.collapsible-row--toggle:hover {
  color: var(--color--body);
  background-color: transparent;
  cursor: auto;
} */
.collapsible-row--toggle:focus-visible[tabindex],
.collapsible-row--toggle:hover[tabindex] {
  cursor: pointer;
}

.collapsible-row--toggle .icon--chevron-down {
  transform: scaleY(1);
  transition: transform .2s var(--transition--standard)
}

.collapsible-row--toggle[aria-expanded=true] .icon--chevron-down {
  transform: scaleY(-1)
}

/* .collapsible-row--heading {
  padding: 0;
  line-height: 24px;
  pointer-events: none
} */

.collapsible-row--heading {
  padding: 0;
  line-height: 24px;
  pointer-events: none;
  margin: auto;
}

.collapsible-row--content-wrapper {
  display: block;
  overflow: hidden;
  visibility: hidden;
  height: 0
}

.collapsible-row--toggle[aria-expanded=false]+.collapsible-row--content-wrapper {
  transition: all .2s var(--transition--ease-out)
}

/* .collapsible-row--toggle[aria-expanded=true]+.collapsible-row--content-wrapper {
  transition: height .2s var(--transition--standard), opacity .7s var(--transition--standard)
} */

.collapsible-row--toggle[aria-expanded=true]+.collapsible-row--content-wrapper {
  transition: height .2s var(--transition--standard), opacity .7s var(--transition--standard);
  margin-top: 20px;
}

.collapsible-row--content {
  padding: 0 var(--spacing--item) var(--spacing--item);
  margin: 0
}

.collection--body--root {
  display: block
}

@media only screen and (min-width:768px) {
  .collection--body--root {
    padding-top: var(--spacing--block)
  }
}

.collection--body--grid {
  grid-auto-flow: row dense
}

.collection--body--spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--spacing--7) 0
}

.collection--body--spinner-wrapper>* {
  margin: 0 auto
}

.collection--body--empty {
  text-align: center;
  padding: var(--spacing--7) 0
}

@media only screen and (min-width:768px) {
  [data-columns="2"] .collection--body--empty {
    grid-column: 1/span 2
  }

  [data-columns="3"] .collection--body--empty {
    grid-column: 1/span 3
  }

  [data-columns="4"] .collection--body--empty {
    grid-column: 1/span 4
  }
}

@media only screen and (max-width:767px) {
  [data-mobile-columns="1"] .collection--body--empty {
    grid-column: 1/span 1
  }

  [data-mobile-columns="2"] .collection--body--empty {
    grid-column: 1/span 2
  }
}

.collection--body--pagination {
  padding-top: var(--spacing--block)
}

.collection--body--pagination:empty {
  display: none
}

.collection-promo--root {
  position: relative;
  overflow: hidden;
  border-radius: var(--image--radius);
  display: grid;
  align-self: stretch
}

.collection-promo--root .stacked-text--root:only-child {
  padding: 0
}

.collection-promo--root .stacked-text--root:not(:only-child) {
  position: absolute
}

@media only screen and (min-width:768px) {
  .collection--body--grid:not([data-columns="2"]) .collection-promo--root[data-promo-width="1"] {
    grid-column: span 1
  }

  .collection--body--grid:not([data-columns="2"]) .collection-promo--root[data-promo-width="2"] {
    grid-column: span 2
  }

  .collection--body--grid:not([data-columns="2"]) .collection-promo--root[data-promo-width="3"] {
    grid-column: span 3
  }

  .collection--body--grid:not([data-columns="2"]) .collection-promo--root[data-promo-width="4"] {
    grid-column: span 4
  }

  .collection--body--grid[data-columns="2"] .collection-promo--root {
    grid-column: span 2
  }
}

@media only screen and (max-width:767px) {
  .collection--body--grid[data-mobile-columns="2"] .collection-promo--root {
    grid-column: span 2
  }
}

.collection-promo--cover-link {
  position: relative;
  display: grid
}

.collection--header--wrapper {
  position: relative
}

.collection--header--root[data-heading-alignment=center] .collection--header--wrapper {
  display: flex;
  align-items: center;
  justify-content: center
}

.collection--header--image {
  width: 100%;
  z-index: -1
}

.collection--header--heading {
  max-width: var(--max-width--x-small)
}

.collection--header--heading:empty {
  display: none
}

.collection--header--root[data-show-image=true] .collection--header--heading {
  position: absolute;
  padding: var(--spacing--section--x);
  max-width: var(--max-width--x-small)
}

.collection--header--root[data-show-image=false] .collection--header--heading {
  padding: var(--spacing--section--y) var(--spacing--section--x) var(--spacing--block);
  margin: 0
}

.collection--header--root[data-heading-alignment=left] .collection--header--heading {
  bottom: 0
}

.collection--header--root[data-heading-alignment=right] .collection--header--heading {
  bottom: 0;
  right: 0;
  margin-left: auto
}

.collection--header--heading>:not(:last-child) {
  padding-bottom: var(--spacing--item)
}

@media only screen and (max-width:767px) {
  .collection--header--root[data-show-image=false] .collection--header--heading {
    padding: var(--spacing--section--mobile--y) var(--spacing--section--mobile--x) var(--spacing--block--mobile)
  }

  .collection--header--root[data-show-image=true] .collection--header--heading {
    padding: var(--spacing--item)
  }
}

.collection--header--description {
  padding: var(--spacing--block) var(--spacing--section--x)
}

@media only screen and (max-width:767px) {
  .collection--header--description {
    padding: var(--spacing--section--mobile)
  }
}

.collection--header--root[data-description-alignment=centered-outside] .collection--header--description {
  text-align: center
}

.comments--root {
  padding: 0 var(--spacing--item--mobile)
}

@media only screen and (min-width:768px) {
  .comments--root {
    padding: 0
  }

  .comments--root>* {
    padding-bottom: var(--spacing--item)
  }
}

.comments--list {
  padding-bottom: var(--spacing--section--mobile--y)
}

@media only screen and (min-width:768px) {
  .comments--list {
    max-width: 525px;
    padding-bottom: var(--spacing--block)
  }
}

.comment--item {
  padding: var(--spacing--block--mobile) 0 0
}

@media only screen and (min-width:768px) {
  .comment--item {
    padding-top: var(--spacing--item)
  }
}

.comment--item:before {
  content: "";
  display: block;
  margin-bottom: var(--spacing--block--mobile);
  width: 100%;
  height: 1px;
  background-color: #ddd
}

@media only screen and (min-width:768px) {
  .comment--item:before {
    margin-bottom: var(--spacing--item)
  }
}

.comment--item:first-of-type {
  padding-top: 0
}

.comment--item:first-of-type:before {
  display: none
}

.comment--item p {
  margin: 0
}

.comment--content {
  padding: 0
}

@media only screen and (min-width:768px) {
  .comment--content {
    padding: 0 0 0 var(--spacing--block)
  }
}

.comment--meta {
  padding: 0 0 var(--spacing--item--mobile)
}

@media only screen and (min-width:768px) {
  .comment--meta {
    padding-bottom: var(--spacing--item)
  }
}

.comments--none {
  padding-bottom: var(--spacing--block--mobile)
}

@media only screen and (min-width:768px) {
  .comments--none {
    padding-bottom: var(--spacing--block)
  }
}

@media only screen and (min-width:768px) {
  .comments--form:before {
    content: "";
    display: block;
    margin-bottom: var(--spacing--block);
    width: 100%;
    height: 1px;
    background-color: #ddd
  }
}

.comments--form>:not(.comments--form-submit) {
  padding-bottom: var(--spacing--item--mobile)
}

@media only screen and (min-width:768px) {
  .comments--form>:not(.comments--form-submit) {
    padding-bottom: var(--spacing--item)
  }
}

.comments--form:last-child {
  padding-bottom: 0
}

.comments--form input {
  margin: 0
}

.comments--form label {
  position: absolute;
  margin: 0;
  top: 9px;
  padding-left: var(--spacing--item);
  opacity: 0
}

.comments--form textarea {
  margin: 0
}

.comments--form::-webkit-input-placeholder {
  opacity: .7
}

.comments--form:-moz-placeholder {
  opacity: .7
}

.comments--form::-moz-placeholder {
  opacity: .7
}

.comments--form:-ms-input-placeholder {
  opacity: .7
}

.comments--form .success {
  text-align: center;
  padding-bottom: var(--spacing--block--mobile)
}

@media only screen and (min-width:768px) {
  .comments--form .success {
    padding-bottom: var(--spacing--block)
  }
}

@media only screen and (min-width:768px) {
  .comments--form-meta {
    display: flex;
    padding-bottom: 0
  }
}

.comments--form-name {
  padding: 0 0 var(--spacing--item--mobile);
  position: relative
}

@media only screen and (min-width:768px) {
  .comments--form-name {
    width: 50%;
    padding: 0 calc(var(--spacing--item)/ 2) var(--spacing--item) 0
  }
}

.comments--form-email {
  position: relative
}

@media only screen and (min-width:768px) {
  .comments--form-email {
    width: 50%;
    padding: 0 0 var(--spacing--item) calc(var(--spacing--item)/ 2)
  }
}

.comments--form-input {
  position: relative
}

.comments--form-input textarea {
  text-transform: none
}

.comments--form-input textarea::-webkit-input-placeholder {
  text-transform: none
}

.comments--form-input textarea:-moz-placeholder {
  text-transform: none
}

.comments--form-input textarea::-moz-placeholder {
  text-transform: none
}

.comments--form-input textarea:-ms-input-placeholder {
  text-transform: none
}

.comments--form-moderated {
  text-align: center
}

@media only screen and (min-width:768px) {
  .comments--form-moderated {
    text-align: left
  }
}

.comments--form-error {
  text-align: center;
  color: red
}

@media only screen and (min-width:768px) {
  .comments--form-error {
    text-align: left
  }
}

.comments--form-heading {
  padding-bottom: var(--spacing--item--mobile)
}

@media only screen and (min-width:768px) {
  .comments--form-heading {
    padding-bottom: var(--spacing--item)
  }
}

.comments--form-submit {
  width: 100%
}

@media only screen and (min-width:768px) {
  .comments--form-submit {
    width: 50%
  }
}

.comments--pagination .pagination--root {
  justify-content: flex-end
}

@media only screen and (max-width:767px) {
  .comments--pagination .pagination--root {
    padding-bottom: var(--spacing--block)
  }
}

.article-comments-wrapper {
  max-width: var(--max-width--small)
}

.article-comments--heading {
  padding: 0 var(--spacing--block--mobile) var(--spacing--block--mobile);
  text-align: center
}

@media only screen and (min-width:768px) {
  .article-comments--heading {
    padding: 0 0 var(--spacing--block);
    text-align: left
  }
}

.article-comments--disqus {
  padding: 0 var(--spacing--item--mobile)
}

@media only screen and (min-width:768px) {
  .article-comments--disqus {
    padding: 0
  }
}

.complementary-products--heading {
  padding-bottom: var(--spacing--item)
}

.complementary-products--container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--item)
}

.contact--root {
  width: 100%
}

.contact--header {
  padding-bottom: var(--spacing--block);
  text-align: center
}

.contact--container {
  display: flex;
  gap: var(--spacing--block)
}

@media only screen and (max-width:767px) {
  .contact--container {
    flex-direction: column
  }
}

@media only screen and (min-width:768px) {
  .contact--container {
    justify-content: center;
    width: 100%
  }
}

.contact--container .social-icons--root {
  width: 100%;
  padding-top: var(--spacing--block)
}

.contact--left-column {
  display: flex;
  gap: var(--spacing--block)
}

@media only screen and (max-width:767px) {
  .contact--left-column {
    justify-content: center
  }
}

@media only screen and (min-width:768px) {
  .contact--left-column {
    flex-direction: column;
    width: 200px
  }
}

@media only screen and (min-width:768px) {
  .contact--right-column {
    width: calc(100% - 200px)
  }

  .contact--right-column:only-child {
    width: 100%
  }
}

.contact--address-text {
  padding-bottom: var(--spacing--item)
}

.contact--form-details {
  display: flex;
  justify-content: space-between
}

@media only screen and (max-width:767px) {
  .contact--form-details {
    flex-direction: column
  }
}

@media only screen and (min-width:768px) {
  .contact--form-details>* {
    width: calc(50% - var(--spacing--1))
  }
}

.contact--submit-container {
  display: flex;
  justify-content: center
}

.contact--form-submit {
  text-align: left
}

@media only screen and (max-width:767px) {
  .contact--form-submit button {
    width: 100%
  }
}

.countdown--root {
  position: relative
}

.countdown--root .countdown-timer--root {
  margin: 0 auto;
  padding: var(--spacing--item) 0
}

.countdown--wrapper {
  display: grid;
  width: 100%;
  align-items: center
}

@media only screen and (min-width:768px) {
  .countdown--root[data-columns="2"] .countdown--wrapper {
    gap: var(--spacing--block);
    justify-content: center;
    grid-template-columns: minmax(250px, 570px) max-content
  }
}

.countdown--text-container {
  display: flex;
  flex-direction: column;
  z-index: 1;
  padding: var(--spacing--item) 0;
  gap: var(--spacing--item);
  position: relative
}

@media only screen and (max-width:767px) {
  .countdown--text-container {
    align-items: center
  }
}

.countdown--text-container .stacked-text--root,
.countdown--text-container .stacked-text--wrapper {
  padding: 0
}

.countdown-timer--root {
  z-index: 1;
  display: grid;
  grid: auto/auto-flow minmax(0, 1fr) auto;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  width: -moz-fit-content;
  width: fit-content
}

.countdown-timer--root:not([data-view=small]) {
  -moz-column-gap: var(--spacing--1);
  column-gap: var(--spacing--1)
}

.countdown-timer--root[data-timer-bg=light][data-view=small] {
  padding: 2px var(--spacing--1);
  background-color: rgba(255, 255, 255, .4);
  border-radius: 4px
}

.countdown-timer--root[data-timer-bg=dark][data-view=small] {
  padding: 2px var(--spacing--1);
  background-color: rgba(0, 0, 0, .4);
  border-radius: 4px
}

.countdown-timer--item {
  display: grid;
  row-gap: var(--spacing--1);
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto
}

.countdown-timer--item[aria-hidden=true] {
  display: none
}

.countdown-timer--item[aria-hidden=true]+* {
  display: none
}

.countdown-timer--digits {
  position: relative;
  display: grid;
  -moz-column-gap: 2px;
  column-gap: 2px;
  grid: auto/auto-flow minmax(0, 1fr);
  justify-content: center;
  margin: 0 auto;
  color: var(--color--body)
}

.countdown-timer--root[data-light-number=true] .countdown-timer--digits {
  color: #fff
}

.countdown-timer--digit {
  font-variant-numeric: tabular-nums;
  display: grid;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  font-size: var(--number-size);
  line-height: calc(var(--number-size) * 1.4)
}

.countdown-timer--root[data-timer-bg=light]:not([data-view=small]) .countdown-timer--digit {
  background-color: rgba(255, 255, 255, .4)
}

.countdown-timer--root[data-timer-bg=dark]:not([data-view=small]) .countdown-timer--digit {
  background-color: rgba(0, 0, 0, .4)
}

@media only screen and (max-width:767px) {
  .countdown-timer--digit {
    font-size: var(--mobile-number-size);
    line-height: calc(var(--mobile-number-size) * 1.4)
  }
}

.countdown-timer--digit>* {
  visibility: hidden;
  opacity: 0;
  transform: translate3d(0, 16px, 0);
  padding: calc(var(--spacing--1)/ 2) var(--spacing--1);
  grid-area: 1/-1
}

.countdown-timer--root[data-view=small] .countdown-timer--digit>* {
  padding: 0
}

.countdown-timer--seperator {
  font-size: var(--number-size);
  height: calc(var(--number-size) * 1.4);
  margin-bottom: auto;
  display: flex;
  align-items: center
}

@media only screen and (max-width:767px) {
  .countdown-timer--seperator {
    font-size: var(--mobile-number-size);
    height: calc(var(--mobile-number-size) * 1.4)
  }
}

.countdown-timer--unit {
  line-height: initial
}

.countdown-timer--small-unit {
  font-size: 12px;
  line-height: normal;
  align-self: baseline;
  padding-top: 3px;
  padding-left: 2px
}

.countdown-timer--small-unit:not(:last-child) {
  padding-right: var(--spacing--1)
}

.countdown-timer--root[data-light-number=true] .countdown-timer--small-unit {
  color: #fff
}

.customer--wrapper {
  max-width: var(--max-width--small)
}

.customer--wrapper h1 {
  text-align: center;
  padding-bottom: var(--spacing--4)
}

.customer--wrapper h2 {
  padding-bottom: var(--spacing--item)
}

.customer--wrapper h4 {
  padding-bottom: var(--spacing--item)
}

.customer--wrapper tbody td,
.customer--wrapper thead th {
  padding: var(--spacing--item)
}

.customer--wrapper .errors a {
  text-decoration: underline
}

.account--activate,
.account--recover-password,
.account--reset-password,
.customer--login,
.customer--register {
  margin: 0 auto;
  max-width: 400px
}

.address--email {
  padding-bottom: var(--spacing--item)
}

.address--full {
  padding-bottom: var(--spacing--block)
}

.address--view {
  padding-bottom: var(--spacing--block)
}

.address--view p {
  margin: 0
}

.address--view p:last-of-type {
  padding-bottom: var(--spacing--item)
}

.address--actions-edit {
  padding-right: var(--spacing--1)
}

.address--pagination {
  text-align: center
}

.account--orders-table,
.order--table {
  margin: 0 auto;
  width: 100%
}

.account--orders-table thead th,
.order--table thead th {
  border-bottom: solid 1px #eaeaea;
  font-weight: 400
}

.account--orders-table td a,
.order--table td a {
  text-decoration: underline
}

@media only screen and (max-width:767px) {

  .account--orders-table tbody tr,
  .order--table tbody tr {
    padding: 0
  }

  .account--orders-table td:empty,
  .order--table td:empty {
    display: none
  }
}

.order--heading--total {
  min-width: 150px
}

@media only screen and (min-width:768px) {
  .order--heading--total {
    text-align: right
  }
}

@media only screen and (min-width:768px) {

  .order--item--price,
  .order--item--quantity {
    text-align: center
  }
}

@media only screen and (min-width:768px) {

  .order--discount,
  .order--item--total {
    text-align: right
  }
}

.order--item--unit-price-container {
  text-transform: lowercase;
  font-size: 12px
}

@media only screen and (min-width:768px) {
  .order--item--unit-price-container {
    text-align: center
  }
}

.address--actions {
  padding-bottom: var(--spacing--item);
  margin: 0
}

.address--edit {
  padding-bottom: var(--spacing--block)
}

.address--customer-table {
  border: 0;
  margin: var(--spacing--item) auto
}

.address--customer-table input,
.address--customer-table label,
.address--customer-table select {
  margin-bottom: 0
}

@media only screen and (max-width:767px) {
  .address--customer-table tr td:first-child {
    padding: var(--spacing--item) 0
  }

  .address--customer-table tr td:last-child {
    padding-right: 0
  }
}

.address--button-container {
  display: flex;
  align-items: center
}

.address--button-container span {
  margin-left: var(--spacing--2)
}

.customer--root tbody td.address--checkbox-container {
  display: flex;
  align-items: center;
  padding-top: 0
}

.customer--root tbody td.address--checkbox-container input[type=checkbox] {
  margin: 0 var(--spacing--1) 0 0
}

.account--reset {
  display: none;
  text-align: center;
  margin-bottom: var(--spacing--block);
  padding: var(--spacing--1);
  background-color: #e6f9ee;
  color: #01c753;
  border: 1px solid #01c753;
  border-radius: 2px
}

.account--button-container {
  display: flex;
  align-items: center
}

@media only screen and (max-width:767px) {
  .account--button-container {
    flex-direction: column
  }
}

.account--button-container input {
  margin-bottom: 0
}

.account--activate--create-password {
  padding-bottom: var(--spacing--item)
}

.account--activate--button-container {
  display: flex;
  align-items: center
}

@media only screen and (max-width:767px) {
  .account--activate--button-container {
    flex-direction: column
  }
}

.account--activate--button-container .account--activate--button {
  margin-bottom: 0
}

@media only screen and (max-width:767px) {
  .account--activate--button-container .account--activate--button {
    width: 100%
  }
}

.account--activate--button-container a {
  margin-left: var(--spacing--item)
}

@media only screen and (max-width:767px) {
  .account--activate--button-container a {
    padding: var(--spacing--item);
    margin: 0
  }
}

@media only screen and (max-width:767px) {
  .account--orders-table tbody {
    padding-bottom: var(--spacing--block)
  }
}

@media only screen and (min-width:768px) {
  .account--orders-table tbody {
    text-align: center
  }
}

.account--breadcrumb-container {
  text-align: center
}

.account--breadcrumb-container .breadcrumbs--root {
  padding: 0 0 var(--spacing--block)
}

.account--forgot-password,
.account--reset-instructions {
  padding-bottom: var(--spacing--4)
}

.account--cancel {
  padding-left: var(--spacing--3)
}

.account--password-buttons {
  display: flex;
  align-items: center
}

.account--sign-in {
  width: 100%
}

@media only screen and (min-width:768px) {
  .account--sign-in {
    width: auto
  }
}

@media only screen and (max-width:767px) {
  .account--sign-in button {
    width: 100%
  }
}

a.account--register {
  margin: var(--spacing--item--mobile) 0 0;
  width: 100%;
  text-align: center;
  height: auto
}

@media only screen and (min-width:768px) {
  a.account--register {
    margin: 0 0 0 var(--spacing--item);
    width: auto
  }
}

a.account--register div {
  width: 100%
}

.account--create {
  width: 100%;
  text-align: center
}

@media only screen and (min-width:768px) {
  .account--create {
    width: auto
  }
}

@media only screen and (max-width:767px) {
  .account--create button {
    width: 100%
  }
}

a.account--login {
  margin: var(--spacing--item--mobile) 0 0;
  width: 100%;
  text-align: center;
  height: auto
}

@media only screen and (min-width:768px) {
  a.account--login {
    margin: 0 0 0 var(--spacing--item);
    width: auto
  }
}

a.account--login div {
  width: 100%
}

body.template--customers--register input[type=password] {
  margin-bottom: var(--spacing--block)
}

.account--orders {
  padding-bottom: var(--spacing--block)
}

.account--orders h4 {
  padding-bottom: var(--spacing--block)
}

@media only screen and (max-width:767px) {
  .account--orders {
    padding-bottom: var(--spacing--block--mobile)
  }

  .account--orders h4 {
    padding-bottom: var(--spacing--block--mobile)
  }
}

.account--pagination {
  text-align: center
}

.account--recover-password input,
.account--reset-password input,
.customer--login input,
.customer--register input,
.page-create-account input {
  margin-bottom: var(--spacing--item)
}

.disclosure--root {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  align-items: baseline;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.disclosure--header {
  display: flex;
  flex: 0 1 100%;
  gap: var(--spacing--1);
  padding-bottom: var(--spacing--1);
  justify-content: space-between
}

.disclosure--label {
  padding-bottom: 0
}

.disclosure--main {
  width: 100%;
  height: 100%;
  flex: 1 0 50%;
  position: relative;
  outline: 0
}

.disclosure--toggle {
  display: flex;
  gap: var(--spacing--1);
  align-items: center;
  justify-content: space-between;
  line-height: unset;
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: relative;
  color: var(--color--body)
}

.disclosure--root[data-type=option-picker] .disclosure--toggle,
.disclosure--root[data-type=url-redirect] .disclosure--toggle {
  padding: calc(var(--spacing--1)/ 2);
  background-color: var(--bg-color--textbox);
  border: 1px solid var(--bdr-dark--general);
  padding: var(--spacing--1) 24px var(--spacing--1) var(--spacing--item);
  border-radius: var(--input--radius)
}

.disclosure--root[data-type=localization] .disclosure--toggle {
  padding: 0
}

[data-text-color=white] .disclosure--root[data-type=localization] .disclosure--toggle {
  color: #fff
}

[data-text-color=white] .disclosure--root[data-type=localization] .disclosure--toggle .icon--root {
  color: #fff
}

.disclosure--toggle .icon--root {
  color: var(--color--body)
}

.disclosure--toggle:focus,
.disclosure--toggle:hover {
  background-color: unset;
  color: var(--color--body)
}

.disclosure--root[data-type=option-picker] .disclosure--toggle:focus,
.disclosure--root[data-type=option-picker] .disclosure--toggle:hover,
.disclosure--root[data-type=url-redirect] .disclosure--toggle:focus,
.disclosure--root[data-type=url-redirect] .disclosure--toggle:hover {
  background-color: var(--bg-color--textbox);
  color: var(--color--body)
}

.disclosure--toggle .icon--root {
  pointer-events: none;
  transform: scaleY(1);
  transition: transform .2s var(--transition--standard)
}

.disclosure--toggle[aria-expanded=true]>.icon--root {
  transform: scaleY(-1)
}

/* .disclosure--current-option {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: var(--spacing--1)
} */
.disclosure--current-option {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: var(--spacing--1);
}

.disclosure--current-option[data-unavailable=true] {
  color: var(--color--body--light);
  text-decoration: line-through
}

.disclosure--root[data-type=localization] .disclosure--current-option p {
  display: none
}

.disclosure--root[data-type=localization] .disclosure-option--wrapper {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing--1);
  white-space: break-spaces;
  pointer-events: none
}

.disclosure--form {
  background-color: var(--bg-color--textbox);
  border: 1px solid var(--bdr-dark--general);
  border-radius: var(--input--radius);
  min-width: 100%;
  position: absolute;
  overflow-y: auto;
  z-index: 5;
  box-shadow: 0 0 10px rgba(0, 0, 0, .08);
  max-height: 300px;
  max-width: 300px
}

@media only screen and (max-width:767px) {
  .disclosure--form {
    max-width: 225px
  }
}

.disclosure--root[data-type=localization] .disclosure--form {
  width: -moz-max-content;
  width: max-content
}

.disclosure--option {
  color: var(--color--body);
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing--1);
  padding: 9px 15px;
  white-space: nowrap;
  width: 100%;
  cursor: pointer
}

.disclosure--option[data-empty=true],
.disclosure--option[data-unavailable=true] {
  color: var(--color--body--light);
  text-decoration: line-through
}

.disclosure--option:focus-visible,
.disclosure--option:hover {
  outline: 0;
  background-color: var(--bg-color--panel)
}

.drawer--root {
  position: relative;
  display: block
}

.layout--viewport[data-drawer-status=closed] .drawer--root {
  display: none
}

.drawer--overlay {
  cursor: pointer;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 99
}

.drawer--overlay[aria-hidden=true] {
  visibility: hidden;
  transition: background-color .8s var(--transition--ease-out);
  background-color: transparent
}

.drawer--overlay[aria-hidden=false] {
  visibility: visible;
  transition: background-color .2s var(--transition--standard);
  background-color: rgba(0, 0, 0, .3)
}

[data-drawer-open] {
  cursor: pointer
}

[data-drawer-open]>* {
  pointer-events: none
}

.layout--viewport[data-drawer-side=left] .layout--close,
.layout--viewport[data-drawer-side=right] .layout--close {
  top: var(--spacing--2)
}

.layout--viewport[data-drawer-side=right] .layout--close {
  right: calc(400px + var(--spacing--item))
}

@media only screen and (max-width:calc(400px / 0.8)) {
  .layout--viewport[data-drawer-side=right] .layout--close {
    right: calc(80% + var(--spacing--item))
  }
}

.layout--viewport[data-drawer-side=left] .layout--close {
  left: calc(400px + var(--spacing--item))
}

@media only screen and (max-width:calc(400px / 0.8)) {
  .layout--viewport[data-drawer-side=left] .layout--close {
    left: calc(80% + var(--spacing--item))
  }
}

/* .drawer--instance {
  background-color: var(--bg-color--body);
  z-index: 100;
  overflow-y: scroll;
  scrollbar-width: none;
  transition: all .2s var(--transition--standard)
} */

.drawer--instance {
  background-color: #252525;
  z-index: 100;
  overflow-y: scroll;
  scrollbar-width: none;
  transition: all .2s var(--transition--standard)
}

.drawer--instance::-webkit-scrollbar {
  display: none
}

.drawer--instance[aria-expanded=true] {
  transition: all .4s var(--transition--ease-out)
}

.drawer--instance[data-side=top] {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  max-height: 100vh;
  opacity: 0;
  transform: translate3d(0, -50%, 0)
}

.drawer--instance[data-side=top][aria-expanded=true] {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  box-shadow: 0 2px 10px -2px #888
}

.drawer--instance[data-side=left],
.drawer--instance[data-side=right] {
  position: absolute;
  top: 0;
  z-index: 100;
  height: 100vh;
  width: 80%;
  max-width: 400px
}

.drawer--instance[data-side=left] {
  transform: translate3d(-100%, 0, 0)
}

.drawer--instance[data-side=left][aria-expanded=true] {
  box-shadow: 2px 0 10px -2px #888;
  transform: translate3d(0, 0, 0)
}

.drawer--instance[data-side=right] {
  left: 100%;
  transform: translate3d(0, 0, 0)
}

.drawer--instance[data-side=right][aria-expanded=true] {
  box-shadow: -2px 0 10px -2px #888;
  transform: translate3d(-100%, 0, 0)
}

.drawer--container {
  display: none
}

.layout--viewport[data-drawer-view=search] .drawer--container[data-view=search] {
  display: block
}

.layout--viewport[data-drawer-view=y-menu] .drawer--container[data-view=y-menu] {
  display: block
}

.layout--viewport[data-drawer-view=pickup] .drawer--container[data-view=pickup] {
  display: block
}

.layout--viewport[data-drawer-view=filter] .drawer--container[data-view=filter] {
  display: block
}

.layout--viewport[data-drawer-view=cart-drawer] .drawer--container[data-view=cart-drawer] {
  display: block
}

.layout--viewport[data-drawer-view=product-form] .drawer--container[data-view=product-form] {
  display: block
}

.drawer--instance[data-side=top] .drawer--container {
  max-width: var(--max-width--x-large);
  margin: 0 auto;
  padding: var(--spacing--section--x) var(--spacing--section--x)
}

@media only screen and (max-width:767px) {
  .drawer--instance[data-side=top] .drawer--container {
    padding: var(--spacing--section--mobile--x) var(--spacing--section--mobile--x)
  }
}

.drawer--container[data-view=product-form] {
  padding: var(--spacing--section--mobile)
}

@media only screen and (max-width:767px) {

  .drawer--instance[data-side=left] .drawer--container,
  .drawer--instance[data-side=right] .drawer--container {
    min-height: 120vh
  }
}

.featured-blog--root[data-text-color=white] .article--item--date {
  color: #fff
}

.featured-blog--footer a {
  text-align: center
}

@media only screen and (min-width:768px) {
  .featured-collection--root .carousel--prev {
    margin-left: calc(var(--spacing--block) + var(--spacing--item))
  }
}

@media only screen and (max-width:767px) {

  .featured-collection--description,
  .featured-collection--header--description,
  .featured-collection--image[data-item] {
    display: none
  }
}

.featured-collection--header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: unset;
  width: 100%;
  max-width: var(--max-width--large);
  margin: 0 auto
}

@media only screen and (min-width:768px) {
  .featured-collection--root[data-has-image=true] .featured-collection--header {
    justify-content: space-between
  }
}

.featured-collection--header>div:only-of-type {
  text-align: center
}

.featured-collection--header-text {
  max-width: 700px
}

.featured-collection--header-text>:not(:last-child) {
  padding-bottom: var(--spacing--item)
}

@media only screen and (max-width:767px) {
  .featured-collection--header-text>:not(:last-child) {
    padding-bottom: var(--spacing--item--mobile)
  }
}

.featured-collection--description {
  max-width: 700px
}

@media only screen and (min-width:768px) {
  .featured-collection--image[data-item] {
    max-width: 50%
  }
}

.featured-collection--title {
  min-width: 250px
}

@media only screen and (max-width:767px) {
  .featured-collection--title {
    text-align: center
  }
}

@media only screen and (max-width:767px) {
  .featured-collection--products[data-display-type=slideshow] {
    width: calc(100% + 2 * var(--spacing--item));
    margin-left: var(--spacing--neg-item)
  }
}

@media only screen and (min-width:768px) {
  .featured-collection--products[data-display-type=slideshow] {
    width: calc(100% + 2 * var(--spacing--section--x));
    margin-left: var(--spacing--neg-5)
  }
}

.featured-collection--show-more {
  text-align: center
}

@media only screen and (max-width:767px) {
  .featured-collection--item {
    width: 100%
  }

  .featured-collection--item .placeholder--root {
    min-height: 256px
  }
}

.featured-collections--item {
  height: 100%;
  align-items: flex-end
}

.featured-collections--title {
  width: 100%
}

/* Here are amendements for fixing the top drawn search part that's ugly as black and the right drawn add to cart part that was black  */
.drawer--instance[data-side="top"][data-focus-id="search-input"] {
  background-color: white;
}

.drawer--instance[data-side="top"][data-focus-id="search-input"] .search--bar {
  box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
}

.drawer--instance[data-side="top"][data-focus-id="search-input"] .predictive-search--item>a {
  color: #252525;
}

.drawer--instance[data-side="top"][data-focus-id="search-input"] .predictive-search--product-grid>.product--root>a>.product--details-container>.product--details>.product--details-wrapper>.product--title {
  color: #252525;
}

.drawer--instance[data-side="top"][data-focus-id="search-input"] .predictive-search--product-grid>.product--root>a>.product--details-container>.product--details>.product--price-container>.product--price-wrapper>.product--price {
  color: #252525;
}

/* Here are the additions for the cart thing that swipes from the right side of the screen */
.drawer--instance[data-side="right"] {
  background-color: white;
  color: #252525;
}

.drawer--instance[data-side="right"] .cart--title {
  color: #252525;
}

.drawer--instance[data-side="right"] .cart--no-items {
  color: #252525;
}

.drawer--instance[data-side="right"] .cart--item--price {
  color: #252525;
}

.drawer--instance[data-side="right"] .quantity-selector--remove {
  color: #252525;
}

.drawer--instance[data-side="right"] .cart--notes--heading {
  color: #252525;
}

.drawer--instance[data-side="right"] .cart--totals {
  color: #252525;
}

.drawer--instance[data-side="right"] .product--from {
  color: #252525;
}

.drawer--instance[data-side="top"][data-focus-id="search-input"] .predictive-search--product-grid>.product--root>a>.product--details-container>.product--details>.product--price-container>.product--price-wrapper>.product--from {
  color: #252525;
}

.drawer--instance[data-side="right"] .product-options--root {
  margin-bottom: 1rem;
}

.drawer--instance[data-side="right"] .product--quick-add--select-options {
  margin-bottom: 0.5rem;
}

.product--root .product--vendor {
  display: none;
}

.product--root a[href*="siemen"] .product--vendor {
  display: block;
}

.drawer--instance[data-side="top"][data-focus-id="search-input"] .product--details-wrapper {
  /*height: 2.5em;*/
}

.featured-collections--image {
  display: flex;
  align-items: center;
  border-radius: var(--image--radius);
  width: 100%
}

.featured-collections--body {
  margin: 0 auto;
  max-width: var(--max-width--large);
  width: 100%;
  text-align: center
}

.featured-content--root {
  width: 100%
}

.featured-content--container {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 100%
}

@media only screen and (max-width:767px) {
  .featured-content--container {
    padding: 0
  }

  .featured-content--root[data-mobile-overlay=true] .featured-content--container {
    display: grid
  }

  .featured-content--root[data-mobile-overlay=false] .featured-content--container {
    display: flex;
    flex-direction: column
  }
}

@media only screen and (min-width:768px) {
  .featured-content--container {
    height: 100%;
    border-radius: var(--image--radius)
  }

  .featured-content--root[data-text-position=bottom] .featured-content--container,
  .featured-content--root[data-text-position=top] .featured-content--container {
    display: flex;
    flex-direction: column
  }

  .featured-content--root[data-text-position=bottom] .featured-content--container,
  .featured-content--root[data-text-position=left] .featured-content--container,
  .featured-content--root[data-text-position=right] .featured-content--container,
  .featured-content--root[data-text-position=top] .featured-content--container {
    display: flex;
    align-items: center
  }

  .featured-content--root[data-text-position=overlay] .featured-content--container {
    display: grid
  }
}

.featured-content--image {
  order: 1;
  width: 100%;
  height: 100%
}

.featured-content--image:empty {
  display: none
}

@media only screen and (min-width:768px) {

  .featured-content--root[data-text-position=left] .featured-content--image,
  .featured-content--root[data-text-position=right] .featured-content--image {
    min-width: 50%;
    flex-shrink: 2
  }
}

@media only screen and (max-width:767px) {
  .featured-content--image {
    --image--radius: 0
  }

  .featured-content--root[data-mobile-overlay=true] .featured-content--image {
    position: relative
  }
}

.featured-content--image .image--root {
  height: 100%
}

@media only screen and (min-width:768px) {
  .featured-content--root[data-text-position=overlay] .stacked-text--root {
    position: absolute
  }

  .featured-content--root:not([data-text-position=overlay])[data-overlap=false] .stacked-text--root {
    padding: 0
  }

  .featured-content--root[data-text-position=top][data-overlap=true] .stacked-text--root {
    margin-bottom: -3.75rem
  }

  .featured-content--root[data-text-position=bottom] .stacked-text--root {
    order: 2
  }

  .featured-content--root[data-text-position=bottom][data-overlap=true] .stacked-text--root {
    margin-top: -3.75rem
  }

  .featured-content--root[data-text-position=left] .stacked-text--root {
    text-align: left;
    width: 100%
  }

  .featured-content--root[data-text-position=left][data-overlap=true] .stacked-text--root {
    margin-right: -10%
  }

  .featured-content--root[data-text-position=right] .stacked-text--root {
    order: 2;
    text-align: left;
    width: 100%
  }

  .featured-content--root[data-text-position=right][data-overlap=true] .stacked-text--root {
    margin-left: -10%
  }
}

@media only screen and (max-width:767px) {
  .featured-content--root[data-mobile-overlay=true] .stacked-text--root {
    position: absolute
  }

  .featured-content--root[data-mobile-overlay=true] .stacked-text--root:not([data-background-color=transparent]) {
    margin: var(--spacing--item)
  }

  .featured-content--root[data-mobile-overlay=false] .stacked-text--root {
    order: 2;
    padding-top: var(--spacing--item)
  }
  .featured-content--root > .stacked-text--root > .stacked-text--wrapper {
    margin-top: 100px;
  }
}

.featured-content--root:not([data-text-position=overlay])[data-overlap=false] .featured-content--container[data-background-color=light] .stacked-text--wrapper[data-background-color=light] {
  background-color: transparent
}

.featured-content--root:not([data-text-position=overlay])[data-overlap=false] .featured-content--container[data-background-color=dark] .stacked-text--wrapper[data-background-color=dark] {
  background-color: transparent
}

.featured-content--root:not([data-text-position=overlay])[data-overlap=false] .featured-content--container[data-background-color=accent-1] .stacked-text--wrapper[data-background-color=accent-1] {
  background-color: transparent
}

.featured-content--root:not([data-text-position=overlay])[data-overlap=false] .featured-content--container[data-background-color=accent-2] .stacked-text--wrapper[data-background-color=accent-2] {
  background-color: transparent
}

@media only screen and (max-width:767px) {

  [data-background-color=light] .featured-content--root[data-mobile-overlay=false] .stacked-text--wrapper[data-background-color=light],
  [data-background-color=light] .featured-content--root[data-mobile-overlay=false] .stacked-text--wrapper[data-background-color=none],
  [data-background-color=none] .featured-content--root[data-mobile-overlay=false] .stacked-text--wrapper[data-background-color=light],
  [data-background-color=none] .featured-content--root[data-mobile-overlay=false] .stacked-text--wrapper[data-background-color=none] {
    color: var(--color--body)
  }

  [data-background-color=light] .featured-content--root[data-mobile-overlay=false] .stacked-text--wrapper[data-background-color=light] [data-item=button i],
  [data-background-color=light] .featured-content--root[data-mobile-overlay=false] .stacked-text--wrapper[data-background-color=none] [data-item=button i],
  [data-background-color=none] .featured-content--root[data-mobile-overlay=false] .stacked-text--wrapper[data-background-color=light] [data-item=button i],
  [data-background-color=none] .featured-content--root[data-mobile-overlay=false] .stacked-text--wrapper[data-background-color=none] [data-item=button i] {
    background-color: var(--button--bg-color);
    color: var(--button--color)
  }

  .featured-content--root[data-mobile-overlay=false] .stacked-text--wrapper[data-text-style=text-shadow] * {
    text-shadow: unset;
    box-shadow: unset
  }

  .featured-content--root[data-mobile-overlay=false] .stacked-text--wrapper[data-text-style=eclipse-shadow]:before {
    display: none
  }
}

.featured-grid--root {
  text-align: center
}

@media only screen and (min-width:768px) {
  .featured-grid--root[data-block-spacing=false][data-container-width="6"][data-header-text-exists=false] {
    padding-top: 0
  }

  .featured-grid--root[data-block-spacing=false][data-container-width="6"][data-footer-text-exists=false] {
    padding-bottom: 0
  }
}

@media only screen and (max-width:767px) {
  .featured-grid--root .placeholder--container {
    padding-top: 100%
  }
}

.featured-grid--root[data-text-position=bottom] .featured-grid--body--container {
  align-items: flex-start
}

.featured-grid--body {
  display: grid;
  justify-content: center;
  grid-template-columns: minmax(auto, 1fr)
}

.featured-grid--root[data-container-width="1"] .featured-grid--body {
  grid-template-columns: minmax(auto, var(--max-width--x-small))
}

.featured-grid--root[data-container-width="2"] .featured-grid--body {
  grid-template-columns: minmax(auto, var(--max-width--small))
}

.featured-grid--root[data-container-width="3"] .featured-grid--body {
  grid-template-columns: minmax(auto, var(--max-width--medium))
}

.featured-grid--root[data-container-width="4"] .featured-grid--body {
  grid-template-columns: minmax(auto, var(--max-width--large))
}

.featured-grid--root[data-container-width="5"] .featured-grid--body {
  grid-template-columns: minmax(auto, 1fr)
}

.featured-grid--root[data-container-width="6"] .featured-grid--body {
  grid-template-columns: minmax(auto, 1fr)
}

.featured-grid--root[data-text-position=bottom][data-text-alignment=left] .featured-grid--body {
  text-align: left
}

.featured-grid--root[data-text-position=bottom][data-text-alignment=right] .featured-grid--body {
  text-align: right
}

.featured-grid--item {
  align-items: center;
  position: relative;
  overflow: hidden
}

[data-section-id][data-aspect-ratio=natural] .featured-grid--item {
  height: 100%
}

.featured-grid--root[data-text-position=center] .featured-grid--item[data-display-type=fill] {
  height: 100%
}

@media only screen and (max-width:767px) {
  .featured-grid--body--container[data-mobile-columns="2"] .featured-grid--item:nth-child(2n+1):last-child {
    grid-column: 1/span 2;
    justify-self: center;
    width: calc((100% - var(--spacing--3))/ 2)
  }
}

@media only screen and (min-width:768px) {
  .featured-grid--item[data-wide=true] {
    grid-column: span 2
  }

  .featured-grid--item[data-tall=true] {
    grid-row: span 2
  }
}

.featured-grid--item--link-wrapper {
  display: block;
  width: 100%
}

.featured-grid--root[data-text-position=center] .featured-grid--item[data-display-type=fill] .featured-grid--item--link-wrapper {
  height: 100%
}

.featured-grid--item--container {
  position: relative;
  width: 100%
}

.featured-grid--root[data-text-position=center] .featured-grid--item--container {
  display: flex;
  align-items: center
}

@media only screen and (max-width:767px) {

  .featured-grid--item--container .featured-grid--root[data-text-position=center][data-text-style=hover],
  .featured-grid--root[data-text-position=center][data-mobile-overlay=false] .featured-grid--item--container {
    display: block
  }
}

.featured-grid--root[data-text-position=center] .featured-grid--item[data-display-type=fill] .featured-grid--item--container {
  height: 100%
}

@media only screen and (max-width:767px) {
  .featured-grid--root[data-mobile-overlay=false] .featured-grid--item .featured-grid--item--container {
    height: 100%;
    display: flex;
    flex-direction: column
  }
}

[data-section-id][data-aspect-ratio=natural] .featured-grid--item--container {
  height: 100%;
  display: flex;
  flex-direction: column
}

.featured-grid--item--image {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  border-radius: var(--image--radius);
  overflow: hidden
}

.featured-grid--root[data-text-position=center] .featured-grid--item[data-display-type=fill] .featured-grid--item--image {
  height: 100%
}

.featured-grid--root[data-text-position=bottom] .featured-grid--item--image {
  margin: 0 auto
}

.featured-grid--root[data-text-position=bottom] .featured-grid--item--image:only-child {
  margin: auto
}

@media only screen and (min-width:768px) {
  .featured-grid--body--container[data-block-spacing=false] .featured-grid--item--image {
    --image--radius: 0
  }
}

.featured-grid--item--text {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--item);
  z-index: 1
}

.featured-grid--root[data-text-position=center] .featured-grid--item--text {
  align-items: center;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity .25s linear;
  padding: var(--spacing--block);
  height: 100%;
  width: 100%
}

@media only screen and (min-width:768px) {
  .featured-grid--root[data-text-position=center] .featured-grid--item--text {
    pointer-events: none
  }
}

@media only screen and (max-width:767px) {
  .featured-grid--root[data-text-position=center] .featured-grid--item--text {
    padding: var(--spacing--block--mobile)
  }
}

.featured-grid--root[data-text-position=bottom] .featured-grid--item--text {
  padding: var(--spacing--item) var(--spacing--item) 0
}

@media only screen and (max-width:767px) {
  .featured-grid--root[data-text-position=bottom] .featured-grid--item--text {
    padding: var(--spacing--item--mobile) var(--spacing--item--mobile) 0
  }
}

.featured-grid--root[data-text-position=bottom] .featured-grid--item--text .featured-grid--item--link {
  padding-bottom: 0
}

.featured-grid--root[data-text-position=bottom] .featured-grid--item[data-image-enabled=false] .featured-grid--item--text {
  padding-top: 0
}

.featured-grid--root[data-text-position=bottom][data-text-alignment=left] .featured-grid--item--text {
  padding-left: 0
}

@media only screen and (max-width:767px) {

  .featured-grid--item--text .featured-grid--root[data-text-position=center][data-text-style=hover],
  .featured-grid--root[data-text-position=center][data-mobile-overlay=false] .featured-grid--item--text {
    position: relative;
    height: auto;
    width: auto;
    padding: var(--spacing--item--mobile) 0 0 0
  }
}

@media only screen and (max-width:767px) {
  .featured-grid--root[class][data-text-position=center] .featured-grid--item--text {
    opacity: 1
  }

  .featured-grid--root[class][data-mobile-overlay=false] .featured-grid--item--text {
    color: var(--color--body)
  }

  .featured-grid--root[class][data-mobile-overlay=false][data-background-color=dark] .featured-grid--item--text {
    color: #fff
  }
}

@media only screen and (min-width:768px) {
  .featured-grid--root[data-hover-enabled=true] .featured-grid--item:hover .featured-grid--item--text {
    opacity: 1
  }

  .featured-grid--root[data-hover-enabled=false] .featured-grid--item--text {
    opacity: 1
  }
}

.featured-grid--item--title {
  width: 100%;
  word-break: break-word
}

@media only screen and (min-width:768px) {
  .featured-grid--root[data-text-position=bottom][data-block-spacing=false] .featured-grid--item--link-container {
    padding-bottom: var(--spacing--item)
  }
}

.featured-grid--footer--block {
  justify-content: center
}

.featured-product--root {
  display: block
}

.featured-product--root[data-text-alignment=center] {
  text-align: center
}

.featured-product--root[data-text-alignment=center] .product-price--unit-container,
.featured-product--root[data-text-alignment=center] .product-rating--root,
.featured-product--root[data-text-alignment=center] .radios--container,
.featured-product--root[data-text-alignment=center] .radios--header {
  justify-content: center
}

.featured-product--root[data-text-alignment=right] {
  text-align: right
}

.featured-product--root[data-text-alignment=right] .product-price--unit-container,
.featured-product--root[data-text-alignment=right] .product-rating--root,
.featured-product--root[data-text-alignment=right] .radios--container,
.featured-product--root[data-text-alignment=right] .radios--header {
  justify-content: flex-end
}

.featured-product--wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing--block)
}

@media only screen and (max-width:767px) {
  .featured-product--wrapper {
    flex-direction: column
  }
}

@media only screen and (max-width:767px) {
  .featured-product--media {
    width: 100%
  }
}

@media only screen and (min-width:768px) {
  .featured-product--media {
    display: flex;
    align-self: flex-start;
    gap: var(--spacing--item);
    width: calc(100% - var(--text-column-width) - var(--spacing--block));
    max-width: 600px
  }
}

.featured-product--form {
  display: block
}

@media only screen and (max-width:767px) {
  .featured-product--form {
    width: 100%
  }
}

@media only screen and (min-width:768px) {
  .featured-product--form {
    width: var(--text-column-width)
  }
}

.featured-product--add-to-cart {
  width: 100%
}

.featured-text--root .stacked-text--wrapper {
  padding: 0
}

.featured-video--root {
  display: block
}

@media only screen and (max-width:767px) {
  .featured-video--root {
    padding: 0
  }
}

.featured-video--container {
  position: relative;
  display: flex
}

.featured-video[data-text-style=text-shadow] .featured-video--container .featured-video--play>* {
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, .3))
}

@media only screen and (max-width:767px) {
  .featured-video--container {
    justify-content: center;
    align-items: center;
    text-align: center
  }

  .featured-video[data-mobile-text-alignment=bottom] .featured-video--container {
    align-items: flex-end
  }

  .featured-video[data-mobile-display-type=aspect-ratio] .featured-video--container:before {
    content: "";
    width: 0;
    height: 0;
    padding-top: calc(100% / var(--video-mobile-aspect-ratio))
  }

  .featured-video[data-mobile-display-type=original] .featured-video--container:before {
    content: "";
    width: 0;
    height: 0;
    padding-top: calc(100% / var(--natural-aspect-ratio))
  }

  .featured-video[data-mobile-display-type=x-small] .featured-video--container {
    height: var(--mobile-height--x-small)
  }

  .featured-video[data-mobile-display-type=small] .featured-video--container {
    height: var(--mobile-height--small)
  }

  .featured-video[data-mobile-display-type=medium] .featured-video--container {
    height: var(--mobile-height--medium)
  }

  .featured-video[data-mobile-display-type=large] .featured-video--container {
    height: var(--mobile-height--large)
  }

  .featured-video[data-mobile-display-type=x-large] .featured-video--container {
    height: var(--mobile-height--x-large)
  }

  .featured-video[data-mobile-display-type=fit-screen] .featured-video--container {
    height: 100vh;
    height: 100svh
  }
}

@media only screen and (min-width:768px) {
  .featured-video[data-text-x-alignment=left] .featured-video--container {
    justify-content: flex-start;
    text-align: left
  }

  .featured-video[data-text-x-alignment=center] .featured-video--container {
    justify-content: center;
    text-align: center
  }

  .featured-video[data-text-x-alignment=right] .featured-video--container {
    justify-content: flex-end;
    text-align: right
  }

  .featured-video[data-text-y-alignment=top] .featured-video--container {
    align-items: flex-start
  }

  .featured-video[data-text-y-alignment=center] .featured-video--container {
    align-items: center
  }

  .featured-video[data-text-y-alignment=bottom] .featured-video--container {
    align-items: flex-end
  }

  [data-container-width="1"] .featured-video--container,
  [data-container-width="2"] .featured-video--container,
  [data-container-width="3"] .featured-video--container,
  [data-container-width="4"] .featured-video--container,
  [data-container-width="5"] .featured-video--container {
    border-radius: var(--image--radius);
    overflow: hidden
  }

  [data-container-width="6"] .featured-video--container img {
    border-radius: 0
  }

  .featured-video[data-display-type=aspect-ratio] .featured-video--container:before {
    content: "";
    width: 0;
    height: 0;
    padding-top: calc(100% / var(--video-aspect-ratio))
  }

  .featured-video[data-display-type=original] .featured-video--container:before {
    content: "";
    width: 0;
    height: 0;
    padding-top: calc(100% / var(--natural-aspect-ratio))
  }

  .featured-video[data-display-type=x-small] .featured-video--container {
    height: var(--height--x-small)
  }

  .featured-video[data-display-type=small] .featured-video--container {
    height: var(--height--small)
  }

  .featured-video[data-display-type=medium] .featured-video--container {
    height: var(--height--medium)
  }

  .featured-video[data-display-type=large] .featured-video--container {
    height: var(--height--large)
  }

  .featured-video[data-display-type=x-large] .featured-video--container {
    height: var(--height--x-large)
  }

  .featured-video[data-display-type=fit-screen] .featured-video--container {
    height: 100vh
  }
}

.featured-video--wrapper {
  width: 100%;
  top: 0;
  bottom: 0;
  position: absolute;
  overflow: hidden;
  display: flex;
  align-items: center
}

.featured-video[data-overlay-style*=darken] .featured-video--wrapper:after {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%
}

.featured-video[data-overlay-style=darken] .featured-video--wrapper:after {
  background: linear-gradient(rgba(0, 0, 0, var(--content--image-opacity)), 80%, rgba(0, 0, 0, var(--content--image-opacity)))
}

.featured-video[data-overlay-style=darken-top] .featured-video--wrapper:after {
  background: linear-gradient(rgba(0, 0, 0, var(--content--image-opacity)), 80%, rgba(0, 0, 0, 0))
}

.featured-video[data-overlay-style=darken-bottom] .featured-video--wrapper:after {
  background: linear-gradient(rgba(0, 0, 0, 0), 80%, rgba(0, 0, 0, var(--content--image-opacity)))
}

.featured-video[data-autoplay=true] .featured-video--wrapper {
  pointer-events: none
}

.featured-video[data-autoplay=false] .featured-video--wrapper .plyr,
.featured-video[data-autoplay=false] .featured-video--wrapper .plyr video,
.featured-video[data-autoplay=false] .featured-video--wrapper .plyr__video-wrapper {
  height: 100%
}

.featured-video--wrapper>* {
  position: absolute;
  max-width: unset
}

.featured-video[data-autoplay=false] .featured-video--wrapper>* {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}

.featured-video[data-autoplay=true] .featured-video--wrapper>* {
  --left-min-pos: 0px;
  top: -250px;
  height: calc(100% + 500px);
  left: min(var(--left-min-pos), 50% - var(--video-width) / 2);
  width: max(100%, var(--video-width))
}

@media only screen and (min-width:768px) {
  .featured-video[data-autoplay=true][data-display-type=aspect-ratio] .featured-video--wrapper>* {
    --video-width: calc(100% * var(--natural-aspect-ratio) / var(--video-aspect-ratio))
  }

  .featured-video[data-autoplay=true][data-display-type=original] .featured-video--wrapper>* {
    --video-width: 100%
  }

  .featured-video[data-autoplay=true][data-display-type=x-small] .featured-video--wrapper>* {
    --video-width: calc(var(--natural-aspect-ratio) * var(--height--x-small))
  }

  .featured-video[data-autoplay=true][data-display-type=small] .featured-video--wrapper>* {
    --video-width: calc(var(--natural-aspect-ratio) * var(--height--small))
  }

  .featured-video[data-autoplay=true][data-display-type=medium] .featured-video--wrapper>* {
    --video-width: calc(var(--natural-aspect-ratio) * var(--height--medium))
  }

  .featured-video[data-autoplay=true][data-display-type=large] .featured-video--wrapper>* {
    --video-width: calc(var(--natural-aspect-ratio) * var(--height--large))
  }

  .featured-video[data-autoplay=true][data-display-type=x-large] .featured-video--wrapper>* {
    --video-width: calc(var(--natural-aspect-ratio) * var(--height--x-large))
  }

  .featured-video[data-autoplay=true][data-display-type=fit-screen] .featured-video--wrapper>* {
    --video-width: calc(var(--natural-aspect-ratio) * 100vh)
  }
}

@media only screen and (max-width:767px) {
  .featured-video[data-autoplay=true][data-mobile-display-type=aspect-ratio] .featured-video--wrapper>* {
    --video-width: calc(100% * var(--natural-aspect-ratio) / var(--video-mobile-aspect-ratio))
  }

  .featured-video[data-autoplay=true][data-mobile-display-type=original] .featured-video--wrapper>* {
    --video-width: 100%
  }

  .featured-video[data-autoplay=true][data-mobile-display-type=x-small] .featured-video--wrapper>* {
    --video-width: calc(var(--natural-aspect-ratio) * var(--mobile-height--x-small))
  }

  .featured-video[data-autoplay=true][data-mobile-display-type=small] .featured-video--wrapper>* {
    --video-width: calc(var(--natural-aspect-ratio) * var(--mobile-height--small))
  }

  .featured-video[data-autoplay=true][data-mobile-display-type=medium] .featured-video--wrapper>* {
    --video-width: calc(var(--natural-aspect-ratio) * var(--mobile-height--medium))
  }

  .featured-video[data-autoplay=true][data-mobile-display-type=large] .featured-video--wrapper>* {
    --video-width: calc(var(--natural-aspect-ratio) * var(--mobile-height--large))
  }

  .featured-video[data-autoplay=true][data-mobile-display-type=x-large] .featured-video--wrapper>* {
    --video-width: calc(var(--natural-aspect-ratio) * var(--mobile-height--x-large))
  }

  .featured-video[data-autoplay=true][data-mobile-display-type=fit-screen] .featured-video--wrapper>* {
    --video-width: calc(var(--natural-aspect-ratio) * 100vh)
  }
}

.featured-video--wrapper>div svg>* {
  color: var(--color--body)
}

.featured-video--wrapper>div>iframe {
  width: 100%;
  height: 100%
}

.featured-video--thumbnail {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.featured-video--thumbnail img {
  background-color: var(--bg-color--body)
}

.featured-video[data-loaded=true] .featured-video--thumbnail {
  display: none
}

/* .featured-video--header {
  height: -moz-fit-content;
  height: fit-content;
  z-index: 3;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--spacing--item)
} */

.featured-video--header {
  display: none;
}

@media only screen and (min-width:768px) {
  .featured-video--header {
    padding: var(--spacing--section--x)
  }

  .featured-video[data-text-width=small] .featured-video--header {
    max-width: 400px
  }

  .featured-video[data-text-width=medium] .featured-video--header {
    max-width: 500px
  }

  .featured-video[data-text-width=large] .featured-video--header {
    max-width: 650px
  }

  .featured-video[data-text-x-alignment=center] .featured-video--header {
    align-items: center
  }

  .featured-video[data-text-x-alignment=right] .featured-video--header {
    align-items: flex-end
  }

  .featured-video--header:not([data-background-color=transparent]) {
    margin: var(--spacing--block);
    padding: var(--spacing--block)
  }
}

@media only screen and (max-width:767px) {
  .featured-video--header {
    padding: var(--spacing--item);
    align-items: center
  }

  .featured-video--header:not([data-background-color=transparent]) {
    margin: var(--spacing--item)
  }
}

.featured-video[data-loaded=true] .featured-video--header {
  z-index: -1
}

.featured-video--header>* {
  max-width: var(--max-width--small)
}

.featured-video--play {
  background: 0 0;
  height: unset;
  padding: 0;
  transition: transform .2s ease-in-out;
  transform: scale(1)
}

.featured-video--play:hover {
  cursor: pointer;
  transform: scale(1.1)
}

.featured-video--play:hover:active {
  transform: scale(1);
  transition: unset;
  filter: brightness(.9);
  opacity: .9
}

.featured-video--button {
  pointer-events: all
}

.feedback-bar--root {
  z-index: 100;
  position: fixed;
  left: 0;
  bottom: var(--spacing--item);
  text-align: center;
  width: 100%;
  pointer-events: none
}

@media only screen and (max-width:767px) {
  .feedback-bar--root {
    padding: var(--spacing--3)
  }
}

.feedback-bar--root[aria-hidden=true] {
  display: none
}

.feedback-bar--root[aria-hidden=false] {
  display: block
}

.feedback-bar--message {
  padding: var(--spacing--2);
  border: 1px solid var(--bdr-dark--general);
  border-radius: 4px;
  display: inline-block
}

@media only screen and (min-width:768px) {
  .filter--root {
    position: relative;
    overflow: auto;
    height: 100vh
  }
}

.filter--wrapper {
  width: 100%
}

@media only screen and (min-width:768px) {
  .filter--wrapper {
    position: absolute;
    top: 0;
    padding-bottom: 78px
  }
}

.filter--form {
  padding: var(--spacing--block) var(--spacing--item);
  position: relative
}

.filter--category:not(:last-child) {
  padding-bottom: var(--spacing--item)
}

.filter--toggle {
  width: -moz-fit-content;
  width: fit-content;
  padding: var(--spacing--1) var(--spacing--item);
  border-radius: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: .25s background-color ease-in
}

.filter--toggle .icon--chevron-down {
  transform: scaleY(1);
  transition: transform .2s var(--transition--standard)
}

.filter--toggle[aria-expanded=false]+.filter--menu {
  display: none
}

.filter--toggle[aria-expanded=true] .icon--chevron-down {
  transform: scaleY(-1)
}

.filter--toggle:hover {
  cursor: pointer
}

.filter--toggle>* {
  pointer-events: none
}

.filter--menu {
  padding: var(--spacing--1) 0 0 calc(var(--spacing--1)/ 2)
}

.filter--menu[data-is-swatches] {
  display: flex;
  flex-wrap: wrap;
  padding: var(--spacing--1) 0 0 var(--spacing--item)
}

.filter--price--container {
  padding: var(--spacing--1) 0 0 var(--spacing--2)
}

.filter--link {
  display: flex
}

.filter--menu:not([data-is-swatches]) .filter--link:not(:last-child) {
  margin-bottom: var(--spacing--1)
}

[data-is-swatches] .filter--link {
  width: calc(50% - var(--spacing--1));
  margin-right: var(--spacing--1)
}

[data-is-swatches] .filter--link:nth-of-type(n+3) {
  margin-top: var(--spacing--2)
}

[data-is-swatches] .filter--link:not(:nth-last-child(-n+2)) {
  margin-bottom: var(--spacing--2)
}

.filter--label:not([data-item=swatch]) {
  display: flex;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 2px var(--spacing--1) 2px var(--spacing--2);
  width: -moz-fit-content;
  width: fit-content;
  border-radius: var(--spacing--item);
  transition: background-color .4s var(--transition--ease-out)
}

.filter--label:not([data-item=swatch]):hover {
  cursor: pointer
}

.filter--label:not([data-item=swatch]) .icon--root {
  display: none;
  padding-left: 4px;
  height: 8px
}

input:checked+.filter--label:not([data-item=swatch]) {
  background-color: var(--bg-color--panel)
}

input:checked+.filter--label:not([data-item=swatch]) .icon--root {
  display: block
}

.filter--label[data-item=swatch]>:first-child {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding-left: var(--spacing--2);
  left: 24px
}

@media only screen and (max-width:767px) {
  .filter--label[data-item=swatch]>:first-child {
    left: 40px
  }
}

.filter--label>* {
  pointer-events: none
}

.filter--input[type=checkbox],
.filter--input[type=radio] {
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0
}

.filter--no-filters {
  padding: var(--spacing--1) 0 0 var(--spacing--block)
}

.filter--search {
  padding: var(--spacing--item);
  border-top: 1px solid var(--bdr-dark--general)
}

.filter--search:only-child {
  border: 0
}

.filter--search-link {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  padding: var(--spacing--item);
  border-radius: 28px;
  transition: .25s background-color ease-in
}

.filter--search-link:hover {
  cursor: pointer
}

.filter--search-link>* {
  pointer-events: none
}

.filter--search-icon {
  padding-right: var(--spacing--item)
}

.filter--button-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: var(--spacing--item) var(--spacing--item) var(--spacing--block);
  border-top: 1px solid var(--bdr-dark--general);
  background-color: var(--bg-color--body)
}

@media only screen and (min-width:768px) {
  .filter--button-container {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: var(--spacing--item)
  }
}

.filter--button {
  width: calc(50% - var(--spacing--1));
  text-align: center
}

.filter--button span {
  width: 100%
}

.section--footer {
  margin-top: auto
}

.footer--root {
  padding: var(--spacing--section--x);
  z-index: 2;
  position: relative
}

@media only screen and (max-width:767px) {
  .footer--root {
    flex-wrap: wrap;
    padding: var(--spacing--section--mobile)
  }
}

.footer--root>:not(:last-child) {
  padding-bottom: var(--spacing--item)
}

.footer--root p {
  margin-top: 0
}

.footer--root .subscribe-form--input {
  --font--size: var(--font--nav--size)
}

.footer--root .placeholder-noblocks {
  width: 100%;
  padding: var(--spacing--item)
}

@media only screen and (max-width:767px) {
  .footer--root .placeholder-noblocks {
    text-align: center
  }
}

.footer--root form {
  margin: 0
}

.footer--blocks {
  display: flex;
  justify-content: space-between;
  margin: calc(var(--spacing--neg-block)/ 2)
}

@media only screen and (max-width:767px) {
  .footer--blocks {
    flex-wrap: wrap
  }
}

.footer--block {
  flex: 1 1 auto;
  display: flex;
  padding: calc(var(--spacing--block)/ 2);
  flex-basis: 33.3333333333%;
  flex-direction: column
}

@media only screen and (max-width:767px) {
  .footer--block {
    flex-basis: 100%;
    text-align: center;
    align-items: center;
    padding-bottom: var(--spacing--section--mobile--y)
  }
}

@media only screen and (min-width:768px) {
  .footer--block:not(:first-child):not(:last-child) .footer--block--container {
    margin: 0 auto
  }

  .footer--block:last-child {
    align-items: flex-end
  }
}

.footer--block--heading {
  padding-bottom: var(--spacing--item)
}

.footer--block--body>:not(:last-child) {
  padding-bottom: var(--spacing--item)
}

@media only screen and (max-width:767px) {
  .footer--block--body>:not(:last-child) {
    padding-bottom: var(--spacing--item--mobile)
  }
}

.footer--about-text {
  max-width: 400px;
  --font--size: var(--font--nav--size)
}

.footer--menu {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--1)
}

.footer--menu:empty {
  display: none
}

@media only screen and (max-width:767px) {
  .footer--menu li:not(:last-child) {
    padding-bottom: var(--spacing--1)
  }
}

.footer--subscribe {
  max-width: 320px
}

@media only screen and (max-width:767px) {
  .footer--subscribe {
    max-width: 300px
  }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
  .footer--subscribe {
    max-width: 200px
  }
}

.footer--subscribe--info {
  padding-bottom: var(--spacing--item);
  --font--size: var(--font--nav--size)
}

.footer--sub {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  margin: calc(var(--spacing--neg-block)/ 2)
}

.footer--sub--block {
  flex: 1 1 36%;
  padding: calc(var(--spacing--block)/ 2);
  display: flex
}

@media only screen and (max-width:767px) {
  .footer--sub--block {
    justify-content: center;
    flex-basis: 100%;
    text-align: center
  }
}

.footer--sub--block[data-type=payment-icons] {
  flex-wrap: wrap;
  gap: var(--spacing--1)
}

.footer--sub--block[data-type=powered-by] {
  flex-basis: 28%
}

@media only screen and (max-width:767px) {
  .footer--sub--block[data-type=powered-by] {
    order: 3
  }
}

@media only screen and (min-width:768px) {
  .footer--sub--block:nth-of-type(2) {
    justify-content: center
  }

  .footer--sub--block:last-of-type {
    justify-content: flex-end
  }

  .footer--sub--block:last-of-type:nth-of-type(1) {
    justify-content: center
  }
}

.footer--sub--block[data-type=localization] form {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing--block)
}

.icon--flag {
  width: 20px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  object-fit: contain;
  max-width: 100%;
}

.icon--root {
  position: relative;
  display: inline-block;
  vertical-align: middle
}

.icon--root.icon--defs {
  width: 1px;
  height: 1px;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden
}

/* .icon--drag-indicator>*,
.icon--quote>*,
[class*=icon--chevron]>* {
  fill: currentColor;
  color: var(--color--body)
} */
.icon--drag-indicator>*,
.icon--quote>*,
[class*=icon--chevron]>* {
  fill: currentColor;
  color: #000000;
}

.mobile-nav .icon--drag-indicator>*,
.mobile-nav .icon--quote>*,
.mobile-nav [class*=icon--chevron]>* {
  fill: currentColor;
  color: #ffffff;
}

.icon--3d-badge,
.icon--play-badge {
  border-radius: 2px
}

.icon--spinner.icon--root {
  height: 100%;
  width: 100%;
  display: flex;
  max-height: 42px
}

.icon--prev {
  background: var(--bg-color--body);
  border-radius: 50%;
  border: 1px solid var(--bdr-dark--general);
  display: block;
  height: 10px;
  padding: var(--spacing--item);
  position: relative;
  width: 10px
}

.icon--prev div {
  background: var(--color--body);
  bottom: 0;
  height: 2px;
  left: 0;
  margin: auto;
  pointer-events: none;
  position: absolute;
  right: 3px;
  top: 0;
  transform-origin: center;
  width: 7px
}

.icon--prev div:first-child {
  transform: translate3d(0, 2px, 0) rotate3d(0, 0, 1, 45deg) scale(.9)
}

.icon--prev div:nth-child(2) {
  transform: translate3d(0, -2px, 0) rotate3d(0, 0, 1, -45deg) scale(.9)
}

.icon--prev div:last-child {
  width: 10px;
  transform: rotate3d(0, 1, 0, 90deg) scale(.9);
  opacity: 0
}

.icon--prev:hover div:first-child {
  transform: translate3d(-2px, 2px, 0) rotate3d(0, 0, 1, 45deg) scale(.9)
}

.icon--prev:hover div:nth-child(2) {
  transform: translate3d(-2px, -2px, 0) rotate3d(0, 0, 1, -45deg) scale(.9)
}

.icon--prev:hover div:last-child {
  transform: translate3d(1px, 0, 0) rotate3d(0, 0, 0, 0deg) scale(.9);
  opacity: 1
}

.icon--next {
  background: var(--bg-color--body);
  border-radius: 50%;
  border: 1px solid var(--bdr-dark--general);
  display: block;
  height: 10px;
  padding: var(--spacing--item);
  position: relative;
  width: 10px
}

.icon--next div {
  background: var(--color--body);
  bottom: 0;
  height: 2px;
  left: 0;
  margin: auto;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transform-origin: center;
  width: 7px
}

.icon--next div:first-child {
  transform: translate3d(0, 2px, 0) rotate3d(0, 0, 1, -45deg) scale(.9)
}

.icon--next div:nth-child(2) {
  transform: translate3d(0, -2px, 0) rotate3d(0, 0, 1, 45deg) scale(.9)
}

.icon--next div:last-child {
  width: 10px;
  transform: rotate3d(0, 1, 0, 90deg) scale(.9);
  opacity: 0
}

.icon--next:hover div:first-child {
  transform: translate3d(2px, 2px, 0) rotate3d(0, 0, 1, -45deg) scale(.9)
}

.icon--next:hover div:nth-child(2) {
  transform: translate3d(2px, -2px, 0) rotate3d(0, 0, 1, 45deg) scale(.9)
}

.icon--next:hover div:last-child {
  transform: translate3d(-1px, 0, 0) rotate3d(0, 0, 0, 0deg) scale(.9);
  opacity: 1
}

.header--account:has(>svg),
.header--cart:has(>svg),
.header--search:has(>svg) {
  height: 22px;
  width: 22px
}

.header--account:has(>svg)>svg,
.header--cart:has(>svg)>svg,
.header--search:has(>svg)>svg {
  height: 22px;
  width: 22px;
  display: block
}

/* .header--account:has(>svg)>svg>*,
.header--cart:has(>svg)>svg>*,
.header--search:has(>svg)>svg>* {
  stroke: currentColor;
  color: var(--color--body)
} */

.header--root.sticky .header--account:has(>svg)>svg>*,
.header--root.sticky .header--cart:has(>svg)>svg>*,
.header--root.sticky .header--search:has(>svg)>svg>* {
  stroke: currentColor;
  color: #000000;
}
.header--root:hover .header--account:has(>svg)>svg>*,
.header--root:hover .header--cart:has(>svg)>svg>*,
.header--root:hover .header--search:has(>svg)>svg>* {
  stroke: currentColor;
  color: #000000;
}
.drawer--instance[aria-expanded=true] .header--search:has(>svg)>svg>* {
  stroke: currentColor;
  color: #ffffff;
}
/* .header--drawer-toggle span {
  width: 22px;
  height: 1px;
  border-radius: 1px
} */
.header--drawer-toggle span {
  width: 22px;
  height: 1px;
  border-radius: 1px;
  background: #000000;
}

.image--root {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 100%;
  display: block
}

.image--root[data-background=true][data-display-type] {
  position: absolute;
  inset: 0
}

[data-section-id][data-container-width] .image--root[data-background=true][data-display-type] {
  max-width: unset
}

@media only screen and (min-width:768px) {
  .image--root[data-background=true][data-display-type][data-parallax=true] {
    padding-top: 0
  }
}

@media only screen and (min-width:768px) {
  .image--root[data-parallax=true] {
    overflow: hidden;
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    backface-visibility: hidden
  }

  .image--root[data-parallax=true][data-display-type=aspect-ratio],
  .image--root[data-parallax=true][data-display-type=original] {
    padding-top: calc(100% / var(--aspect-ratio))
  }

  .image--root[data-parallax=true][data-display-type=x-small] {
    padding-top: var(--height--x-small)
  }

  .image--root[data-parallax=true][data-display-type=small] {
    padding-top: var(--height--small)
  }

  .image--root[data-parallax=true][data-display-type=medium] {
    padding-top: var(--height--medium)
  }

  .image--root[data-parallax=true][data-display-type=large] {
    padding-top: var(--height--large)
  }

  .image--root[data-parallax=true][data-display-type=x-large] {
    padding-top: var(--height--x-large)
  }

  .image--root[data-parallax=true][data-display-type=fit-screen] {
    padding-top: 100vh;
    padding-top: 100svh
  }

  .image--root[data-overlay-style=darken]:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, calc(var(--content--image-opacity)/ 3.25))
  }

  .image--root[data-overlay-style=darken-top]:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, var(--content--image-opacity)), 30%, rgba(0, 0, 0, 0))
  }

  .image--root[data-overlay-style=darken-bottom]:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0), 70%, rgba(0, 0, 0, var(--content--image-opacity)))
  }
}

@media only screen and (max-width:767px) {
  .image--root[data-mobile-overlay-style=darken]:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, calc(var(--content--image-opacity)/ 3.25))
  }

  .image--root[data-mobile-overlay-style=darken-top]:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, var(--content--image-opacity)), 30%, rgba(0, 0, 0, 0))
  }

  .image--root[data-mobile-overlay-style=darken-bottom]:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0), 70%, rgba(0, 0, 0, var(--content--image-opacity)))
  }
}

img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: var(--image--radius);
  overflow: hidden;
  transition: filter .25s linear
}

[data-aspect-ratio=square] .image--root[data-display-type=aspect-ratio] img,
[data-aspect-ratio=square] .image--root[data-display-type=original] img,
[data-aspect-ratio=square] img {
  aspect-ratio: 1
}

[data-aspect-ratio=portrait] .image--root[data-display-type=aspect-ratio] img,
[data-aspect-ratio=portrait] .image--root[data-display-type=original] img,
[data-aspect-ratio=portrait] img {
  aspect-ratio: .667
}

[data-aspect-ratio=landscape] .image--root[data-display-type=aspect-ratio] img,
[data-aspect-ratio=landscape] .image--root[data-display-type=original] img,
[data-aspect-ratio=landscape] img {
  aspect-ratio: 1.333
}

@media only screen and (min-width:768px) {

  .image--root[data-display-type=aspect-ratio] img,
  .image--root[data-display-type=original] img {
    aspect-ratio: var(--aspect-ratio)
  }

  .image--root[data-display-type=x-small] img {
    height: var(--height--x-small)
  }

  .image--root[data-display-type=small] img {
    height: var(--height--small)
  }

  .image--root[data-display-type=medium] img {
    height: var(--height--medium)
  }

  .image--root[data-display-type=large] img {
    height: var(--height--large)
  }

  .image--root[data-display-type=x-large] img {
    height: var(--height--x-large)
  }

  .image--root[data-display-type=fit-screen] img {
    height: 100vh
  }
}

@media only screen and (max-width:767px) {

  .image--root[data-mobile-display-type=aspect-ratio] img,
  .image--root[data-mobile-display-type=original] img {
    aspect-ratio: var(--mobile-aspect-ratio)
  }

  .image--root[data-mobile-display-type=x-small] img {
    height: var(--mobile-height--x-small)
  }

  .image--root[data-mobile-display-type=small] img {
    height: var(--mobile-height--small)
  }

  .image--root[data-mobile-display-type=medium] img {
    height: var(--mobile-height--medium)
  }

  .image--root[data-mobile-display-type=large] img {
    height: var(--mobile-height--large)
  }

  .image--root[data-mobile-display-type=x-large] img {
    height: var(--mobile-height--x-large)
  }

  .image--root[data-mobile-display-type=fit-screen] img {
    height: 100vh;
    height: 100svh
  }
}

.image--root[data-background=true] img,
.image--root[data-full-width=true] img {
  --image--radius: 0px
}

@media only screen and (min-width:768px) {
  .image--root[data-overlay-style=hover]:hover img {
    filter: opacity(.3);
    background-color: var(--bg-color--body)
  }

  .image--root[data-parallax=true] img {
    top: 0;
    left: 0;
    position: fixed;
    height: 100%
  }
}

.placeholder--root {
  display: block;
  position: relative;
  max-width: 100%;
  width: 100%;
  height: 100%;
  border-radius: var(--image--radius);
  overflow: hidden
}

.placeholder--root[data-background=true][data-display-type] {
  --image--radius: 0px;
  position: absolute;
  inset: 0
}

[data-section-id][data-container-width] .placeholder--root[data-background=true][data-display-type] {
  max-width: unset
}

@media only screen and (min-width:768px) {
  .placeholder--root[data-parallax=true] {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    backface-visibility: hidden
  }

  .placeholder--root[data-parallax=true][data-display-type=aspect-ratio],
  .placeholder--root[data-parallax=true][data-display-type=original] {
    padding-top: calc(100% / var(--aspect-ratio))
  }

  .placeholder--root[data-parallax=true][data-display-type=x-small] {
    height: var(--height--x-small)
  }

  .placeholder--root[data-parallax=true][data-display-type=small] {
    height: var(--height--small)
  }

  .placeholder--root[data-parallax=true][data-display-type=medium] {
    height: var(--height--medium)
  }

  .placeholder--root[data-parallax=true][data-display-type=large] {
    height: var(--height--large)
  }

  .placeholder--root[data-parallax=true][data-display-type=x-large] {
    height: var(--height--x-large)
  }

  .placeholder--root[data-parallax=true][data-display-type=fit-screen] {
    height: 100vh;
    height: 100svh
  }

  .placeholder--root[data-overlay-style=darken]:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, calc(var(--content--image-opacity)/ 3.25))
  }

  .placeholder--root[data-overlay-style=darken-top]:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, var(--content--image-opacity)), 30%, rgba(0, 0, 0, 0))
  }

  .placeholder--root[data-overlay-style=darken-bottom]:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0), 70%, rgba(0, 0, 0, var(--content--image-opacity)))
  }
}

@media only screen and (max-width:767px) {
  .placeholder--root[data-mobile-overlay-style=darken]:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, calc(var(--content--image-opacity)/ 3.25))
  }

  .placeholder--root[data-mobile-overlay-style=darken-top]:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, var(--content--image-opacity)), 30%, rgba(0, 0, 0, 0))
  }

  .placeholder--root[data-mobile-overlay-style=darken-bottom]:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0), 70%, rgba(0, 0, 0, var(--content--image-opacity)))
  }
}

.placeholder--root[data-full-width=true] {
  --image--radius: 0px
}

.placeholder--root .placeholder--container svg {
  fill: #ececec;
  color: #cbcbcb;
  background-color: #ececec;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%
}

.placeholder--root path {
  stroke: #aaa
}

.placeholder--container {
  max-width: 100%;
  position: relative;
  width: 100%;
  height: 100%;
  transition: filter .25s linear
}

[data-aspect-ratio=square] .placeholder--container {
  --aspect-ratio: 1;
  --mobile-aspect-ratio: 1
}

[data-aspect-ratio=portrait] .placeholder--container {
  --aspect-ratio: 0.667;
  --mobile-aspect-ratio: 0.667
}

[data-aspect-ratio=landscape] .placeholder--container {
  --aspect-ratio: 1.333;
  --mobile-aspect-ratio: 1.333
}

.placeholder--root[data-background=true][data-display-type] .placeholder--container {
  padding-top: 0
}

@media only screen and (max-width:767px) {

  .placeholder--root[data-mobile-display-type=aspect-ratio] .placeholder--container,
  .placeholder--root[data-mobile-display-type=original] .placeholder--container {
    padding-top: calc(100% / var(--mobile-aspect-ratio))
  }

  .placeholder--root[data-mobile-display-type=x-small] .placeholder--container {
    height: var(--mobile-height--x-small)
  }

  .placeholder--root[data-mobile-display-type=small] .placeholder--container {
    height: var(--mobile-height--small)
  }

  .placeholder--root[data-mobile-display-type=medium] .placeholder--container {
    height: var(--mobile-height--medium)
  }

  .placeholder--root[data-mobile-display-type=large] .placeholder--container {
    height: var(--mobile-height--large)
  }

  .placeholder--root[data-mobile-display-type=x-large] .placeholder--container {
    height: var(--mobile-height--x-large)
  }

  .placeholder--root[data-mobile-display-type=fit-screen] .placeholder--container {
    height: 100vh;
    height: 100svh
  }
}

@media only screen and (min-width:768px) {

  .placeholder--root[data-display-type=aspect-ratio] .placeholder--container,
  .placeholder--root[data-display-type=original] .placeholder--container {
    padding-top: calc(100% / var(--aspect-ratio))
  }

  .placeholder--root[data-display-type=x-small] .placeholder--container {
    height: var(--height--x-small)
  }

  .placeholder--root[data-display-type=small] .placeholder--container {
    height: var(--height--small)
  }

  .placeholder--root[data-display-type=medium] .placeholder--container {
    height: var(--height--medium)
  }

  .placeholder--root[data-display-type=large] .placeholder--container {
    height: var(--height--large)
  }

  .placeholder--root[data-display-type=x-large] .placeholder--container {
    height: var(--height--x-large)
  }

  .placeholder--root[data-display-type=fit-screen] .placeholder--container {
    height: 100vh
  }

  .placeholder--root[data-overlay-style=hover]:hover .placeholder--container {
    filter: opacity(.3);
    background-color: var(--color--body)
  }

  .placeholder--root[data-parallax=true] .placeholder--container {
    top: 0;
    left: 0;
    height: 100vh;
    padding-top: 0;
    position: fixed
  }

  .placeholder--root[data-parallax=true] .placeholder--container svg {
    scale: 1.5
  }
}

.image-comparison--root {
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  --image-comparison--cursor-pos: 10%;
  --image-comparison--cursor-width: 48px;
  --image-comparison--transition: all 1.5s var(--transition--ease-out) 0.25s
}

.image-comparison--header {
  text-align: center
}

.image-comparison--images {
  display: grid;
  position: relative
}

.image-comparison--images>* {
  grid-area: 1/-1
}

.image-comparison--after {
  z-index: 1;
  transition: var(--image-comparison--transition)
}

.image-comparison--root[data-cursor-direction=horizontal] .image-comparison--after {
  -webkit-clip-path: inset(0 0 0 var(--image-comparison--cursor-pos, 0));
  clip-path: inset(0 0 0 var(--image-comparison--cursor-pos, 0))
}

.image-comparison--root[data-cursor-direction=vertical] .image-comparison--after {
  -webkit-clip-path: inset(var(--image-comparison--cursor-pos, 0) 0 0 0);
  clip-path: inset(var(--image-comparison--cursor-pos, 0) 0 0 0)
}

.image-comparison--cursor-wrapper {
  display: grid;
  position: relative;
  cursor: pointer;
  transition: var(--image-comparison--transition)
}

.image-comparison--root[data-cursor-direction=horizontal] .image-comparison--cursor-wrapper {
  justify-self: start;
  place-items: center start;
  inset-inline-start: calc(var(--image-comparison--cursor-pos, 0%) - var(--image-comparison--cursor-width)/ 2)
}

.image-comparison--root[data-cursor-direction=horizontal] .image-comparison--cursor-wrapper::before {
  height: 100%;
  width: 2px;
  left: calc(50% - 1px)
}

.image-comparison--root[data-cursor-direction=vertical] .image-comparison--cursor-wrapper {
  align-self: start;
  place-items: start center;
  inset-block-start: calc(var(--image-comparison--cursor-pos, 0%) - var(--image-comparison--cursor-width)/ 2)
}

.image-comparison--root[data-cursor-direction=vertical] .image-comparison--cursor-wrapper::before {
  height: 2px;
  width: 100%;
  top: calc(50% - 1px)
}

.image-comparison--cursor-wrapper::before {
  content: "";
  position: absolute;
  background-color: #fff
}

.image-comparison--cursor {
  padding: 0;
  z-index: 1;
  width: var(--image-comparison--cursor-width);
  height: var(--image-comparison--cursor-width);
  border-radius: 50%;
  border: 1px solid var(--bdr-dark--general);
  background-color: #fff
}

.image-comparison--cursor .icon--drag-indicator {
  color: #000;
  height: 32px
}

.image-comparison--root[data-cursor-direction=horizontal] .image-comparison--cursor .icon--drag-indicator {
  transform: rotate(90deg)
}

.image-comparison--cursor:active {
  scale: .96
}

.image-comparison--link--container {
  text-align: center
}

.image-with-text--root[data-container-width="6"] {
  --image--radius: 0
}

.image-with-text--root:not([data-container-width="6"]) .featured-content--image {
  border-radius: var(--image--radius);
  overflow: hidden
}

@media only screen and (max-width:767px) {
  .image-with-text--root {
    padding-right: 0;
    padding-left: 0
  }
}

table {
  border-top: solid 1px var(--bdr-dark--general);
  border-bottom: solid 1px var(--bdr-dark--general);
  border-collapse: separate
}

/* .collapsible-row--root table,
.template--page table {
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
  border-collapse: collapse;
  border-width: 1px;
  border-color: var(--bdr-dark--general);
  border-style: solid;
  color: #000
} */

.collapsible-row--root table,
.template--page table {
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
  border-collapse: collapse;
  border-width: 1px;
  border-color: #444444;
  border-top: 2px #444444;
  border-left: 2px #444444;
  border-style: double;
  color: #000;
  box-shadow: 7px 3px 3px #444444;
}

.collapsible-row--root table td,
.collapsible-row--root th,
.template--page table td,
.template--page th {
  border-width: 1px;
  border-color: var(--bdr-dark--general);
  border-style: solid;
  padding: 8px
}

@media only screen and (max-width:768px) {
  table.responsive {
    display: block;
    width: 100%;
    box-sizing: border-box;
    float: left;
    clear: left;
    border: 0
  }

  table.responsive tbody,
  table.responsive td,
  table.responsive th,
  table.responsive thead,
  table.responsive tr {
    display: block;
    width: 100%;
    box-sizing: border-box;
    float: left;
    clear: left
  }

  table.responsive thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px
  }

  table.responsive tr {
    border: 1px solid var(--bdr-dark--general);
    padding: var(--spacing--2)
  }

  table.responsive td {
    padding: 0;
    line-height: 1.6;
    border: none;
    border-bottom: 0;
    position: relative;
    padding: var(--spacing--1) 0
  }

  table.responsive td:empty {
    padding: 0
  }

  table.responsive td:before {
    display: block;
    word-wrap: break-word;
    max-width: 100%
  }

  table.responsive td:before {
    content: attr(data-label)
  }
}

.list-collections--link {
  text-align: center;
  width: 100%
}

.list-collections--item[data-container=section]:not(:last-child) {
  padding-bottom: var(--spacing--section--y)
}

.list-collections--item-link {
  width: 100%
}

.list-collections--empty,
.list-collections--view-more {
  text-align: center
}

.map--body {
  display: flex;
  align-items: center;
  margin: 0 auto;
  gap: var(--spacing--block)
}

@media only screen and (max-width:767px) {
  .map--body {
    flex-wrap: wrap
  }
}

.map--info {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing--block);
  max-width: 400px
}

@media only screen and (max-width:767px) {
  .map--info {
    width: 100%;
    justify-content: center;
    text-align: center;
    max-width: none
  }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
  .map--info {
    max-width: 300px
  }
}

.map--heading {
  width: 100%
}

@media only screen and (max-width:767px) {
  .map--heading {
    text-align: center
  }
}

.map--address-content {
  padding-bottom: var(--spacing--4)
}

.map--open-maps-link {
  display: block;
  width: 100%
}

.map--media {
  flex-grow: 1
}

@media only screen and (max-width:767px) {
  .map--media {
    width: 100%
  }
}

.map--google-maps {
  min-height: 400px
}

@media only screen and (max-width:767px) {
  .map--google-maps {
    width: 100%
  }
}

.mobile-nav--header {
  display: flex;
  justify-content: space-between
}

.mobile-nav--account,
.mobile-nav--search {
  padding: var(--spacing--block) var(--spacing--item) var(--spacing--item)
}

.mobile-nav--account svg>*,
.mobile-nav--search svg>* {
  color: var(--color--body)
}

.mobile-nav--account:empty,
.mobile-nav--search:empty {
  display: none
}

.mobile-nav--social-icons:empty,
.mobile-nav--social-icons:has(.social-icons--root:empty) {
  display: none
}

.mobile-nav--footer {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--block);
  padding: var(--spacing--block) var(--spacing--item) 0
}

.mobile-nav--localization>* {
  display: flex;
  gap: var(--spacing--block)
}

.modal--root {
  display: grid;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: fixed;
  overflow-y: scroll;
  overflow-x: hidden;
  top: 0;
  left: 0;
  width: 100vw;
  min-height: 100vh;
  height: 100vh;
  z-index: 1000;
  transform: translate3d(0, 0, 0);
  padding: var(--spacing--7)
}

@media only screen and (max-width:767px) {
  .modal--root {
    padding: var(--spacing--section--mobile)
  }
}

.modal--root[aria-hidden=true] {
  display: none
}

.modal--root>* {
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-area: 1/-1;
  gap: var(--spacing--item)
}

.modal--view {
  border-radius: var(--image--radius)
}

.modal--view img {
  max-width: 100%;
  width: unset
}

.modal--button-container {
  display: flex;
  gap: var(--spacing--item)
}

.layout--viewport[data-modal-status=opened] .layout--close {
  top: 26px;
  right: 26px;
  z-index: 1001
}

.navigation--root {
  padding: 0 var(--spacing--section--x)
}

@media only screen and (max-width:767px) {
  .navigation--root {
    padding: 0 var(--spacing--section--mobile--x)
  }
}

.navigation--root[data-show-navigation=false] {
  padding: 0
}

@media only screen and (min-width:768px) {
  .navigation--container {
    display: flex;
    justify-content: space-between;
    padding: var(--spacing--section--y) 0 0
  }
}

.navigation--layout {
  display: flex;
  margin-left: auto
}

.navigation--layout-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  border: 1px solid var(--bdr-dark--general)
}

.navigation--layout-button:first-child {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-right: 0;
  padding-left: var(--spacing--1)
}

.navigation--layout-button:last-child {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-left: 0;
  padding-right: var(--spacing--1)
}

.navigation--layout-button[data-active=false]:not(:hover) svg {
  color: var(--bdr-dark--general)
}

.navigation--layout-button[data-active=false]:not(:hover) svg>path {
  fill: var(--bdr-dark--general)
}

.navigation--layout-button:hover[data-active=false] {
  transition: .25s color ease-in;
  cursor: pointer
}

.navigation--layout-button>* {
  pointer-events: none
}

.navigation--filter[data-item] {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 3px;
  border: 1px solid var(--bdr-dark--general);
  border-radius: 20px;
  flex-basis: initial
}

.navigation--button {
  height: var(--spacing--block);
  line-height: calc(var(--spacing--block) + 1px);
  padding: 0 var(--spacing--2);
  border-radius: var(--spacing--item);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.navigation--button:hover {
  cursor: pointer
}

.navigation--results {
  display: flex;
  align-items: center;
  padding-left: var(--spacing--item)
}

.navigation--tags-container {
  padding-top: var(--spacing--item);
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.navigation--active-tags[data-item] {
  flex-basis: initial;
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.navigation--active-tag:not(:last-child) {
  display: flex;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 2px var(--spacing--1) 2px var(--spacing--2);
  width: -moz-fit-content;
  width: fit-content;
  border-radius: var(--spacing--item);
  transition: background-color .4s var(--transition--ease-out);
  background-color: var(--bg-color--panel);
  margin: 3px 8px 3px 0
}

.navigation--active-tag:not(:last-child):hover {
  cursor: pointer
}

.navigation--active-tag:not(:last-child) .icon--root {
  display: none;
  padding-left: 4px;
  height: 8px
}

input:checked+.navigation--active-tag:not(:last-child) {
  background-color: var(--bg-color--panel)
}

input:checked+.navigation--active-tag:not(:last-child) .icon--root {
  display: block
}

@media only screen and (max-width:767px) {
  .navigation--active-tag:not(:last-child) {
    margin: var(--spacing--0) var(--spacing--2) var(--spacing--0) 0
  }
}

.navigation--active-tag:not(:last-child) .icon--root {
  display: block
}

.navigation--active-tag:not(:last-child)>* {
  pointer-events: none
}

.navigation--active-tag--swatch[data-item=swatch] {
  height: 16px;
  width: 16px;
  min-width: 16px;
  margin: 0 var(--spacing--0) 0 var(--spacing--neg-0)
}

.navigation--active-clear[data-item] {
  flex-basis: initial;
  padding: 0 0 var(--spacing--0) var(--spacing--1)
}

.navigation--active-clear[data-item]:hover {
  cursor: pointer
}

.navigation--mobile-header[data-container] {
  flex-wrap: unset
}

.navigation--mobile-header[data-container]:empty {
  display: none
}

@media only screen and (max-width:767px) {
  .navigation--mobile-header[data-container] {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    padding: var(--spacing--section--mobile--y) 0 0
  }
}

.navigation--mobile-button {
  height: var(--spacing--block);
  line-height: 14px;
  flex-basis: initial;
  padding: var(--spacing--1) var(--spacing--item);
  border: 1px solid var(--bdr-dark--general);
  border-radius: var(--spacing--item)
}

.newsletter--root {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--item)
}

.newsletter--root .stacked-text--root,
.newsletter--root .stacked-text--wrapper {
  padding: 0
}

.template-page--heading {
  text-align: center;
  padding-bottom: var(--spacing--block)
}

.shopify-policy__container {
  padding: var(--spacing--section)
}

@media only screen and (max-width:767px) {
  .shopify-policy__container {
    padding: var(--spacing--section--mobile)
  }
}

.shopify-policy__title {
  padding-bottom: var(--spacing--block)
}

.four-o-four--root h1.four-o-four--heading {
  padding-bottom: var(--spacing--block)
}

.four-o-four--root h3.four-o-four--info {
  padding-bottom: var(--spacing--block)
}

.four-o-four--wrapper {
  max-width: 600px;
  margin: 0 auto;
  padding: 48px;
  background: var(--bg-color--panel);
  border: 1px solid #eaeaea;
  border-radius: 3px;
  text-align: center
}

.four-o-four--wrapper a {
  text-decoration: underline
}

.pagination--root[data-item] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing--2)
}

@media only screen and (max-width:767px) {
  .pagination--root[data-item] {
    gap: var(--spacing--1)
  }
}

.pagination--first-arrow,
.pagination--last-arrow,
.pagination--left-arrow,
.pagination--right-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--spacing--block);
  height: var(--spacing--block);
  border: 1px solid var(--bdr-dark--general);
  border-radius: 50%
}

@media only screen and (max-width:767px) {

  .pagination--first-arrow,
  .pagination--last-arrow,
  .pagination--left-arrow,
  .pagination--right-arrow {
    width: 44px;
    height: 44px
  }
}

.pagination--first-arrow:empty,
.pagination--last-arrow:empty,
.pagination--left-arrow:empty,
.pagination--right-arrow:empty {
  border: 0
}

.pagination--first-arrow svg,
.pagination--last-arrow svg,
.pagination--left-arrow svg,
.pagination--right-arrow svg {
  height: 10px
}

@media only screen and (max-width:767px) {

  .pagination--first-arrow svg,
  .pagination--last-arrow svg,
  .pagination--left-arrow svg,
  .pagination--right-arrow svg {
    height: 13px
  }
}

.pagination--link {
  border-radius: 50%
}

.pagination--link:active {
  scale: .95
}

.password--root {
  display: block
}

@media only screen and (min-width:768px) {
  .password--root {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover
  }
}

.password--root .errors ul {
  margin-bottom: 0
}

.password--root .errors li {
  margin: 0;
  padding-bottom: var(--spacing--item--mobile)
}

@media only screen and (min-width:768px) {
  .password--root .errors li {
    padding-bottom: var(--spacing--item)
  }
}

.password--root .icon--shopify {
  width: 82.28571px;
  height: 24px;
  display: inline-block;
  line-height: 0;
  vertical-align: top
}

.password--logo {
  padding: var(--spacing--section--mobile--y) 0
}

@media only screen and (min-width:768px) {
  .password--logo {
    padding: var(--spacing--section--y) 0
  }
}

.password--container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  min-height: 100svh
}

.password--login-form {
  width: 100%;
  max-width: 350px;
  padding: 0 var(--spacing--block--mobile)
}

.password--root[data-show-login=false] .password--login-form {
  display: none
}

.password--login-form input[type=password] {
  background-color: transparent;
  color: #fff;
  margin-bottom: var(--spacing--item--mobile)
}

@media only screen and (min-width:768px) {
  .password--login-form input[type=password] {
    margin-bottom: var(--spacing--item)
  }
}

.password--login-link {
  display: flex;
  align-items: center;
  position: absolute;
  top: var(--spacing--item);
  right: var(--spacing--item)
}

.password--login-link:hover {
  cursor: pointer
}

.password--root[data-show-login=true] .password--login-link {
  display: none
}

@media only screen and (min-width:768px) {
  .password--login-link {
    top: var(--spacing--block);
    right: var(--spacing--block)
  }
}

.password--login-link p {
  padding-left: calc(var(--spacing--item)/ 2)
}

.password--buttons-container {
  display: flex;
  align-items: center;
  gap: var(--spacing--item--mobile)
}

@media only screen and (min-width:768px) {
  .password--buttons-container {
    gap: var(--spacing--item)
  }
}

.password--button {
  margin: 0
}

.password--cancel:hover {
  cursor: pointer
}

.password--main {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center
}

.password--root[data-show-login=true] .password--main {
  display: none
}

.password--subtitle {
  padding-bottom: var(--spacing--item--mobile)
}

@media only screen and (min-width:768px) {
  .password--subtitle {
    padding-bottom: var(--spacing--item)
  }
}

.password--info {
  padding-bottom: var(--spacing--section--mobile--y);
  text-align: center
}

@media only screen and (min-width:768px) {
  .password--info {
    padding-bottom: var(--spacing--section--y)
  }
}

.password--mailing-header {
  padding-bottom: var(--spacing--block--mobile)
}

@media only screen and (min-width:768px) {
  .password--mailing-header {
    padding-bottom: var(--spacing--block)
  }
}

.password--mailing-header p {
  margin: 0
}

.password--mailing-list {
  padding-bottom: var(--spacing--7);
  max-width: 300px;
  width: 100%;
  margin: 0 auto
}

@media only screen and (min-width:1024px) {
  .password--mailing-list {
    max-width: 400px
  }
}

.password--powered-by {
  text-align: center;
  padding-bottom: var(--spacing--section--mobile--y)
}

@media only screen and (min-width:768px) {
  .password--powered-by {
    padding-bottom: var(--spacing--section--y)
  }
}

.password--errors li,
.password--errors ul {
  margin: 0;
  list-style: none;
  padding: 0
}

.password--errors li {
  padding-bottom: var(--spacing--item)
}

.popup--root {
  position: relative
}

.popup--block--root[data-block-id] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing--item);
  position: fixed;
  text-align: center;
  z-index: 10;
  box-shadow: 0 0 10px rgba(0, 0, 0, .08);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.popup--block--root[data-block-id][data-type=small-promotion] {
  width: -moz-fit-content;
  width: fit-content;
  border-radius: var(--spacing--block);
  padding: var(--spacing--item) var(--spacing--block)
}

@media only screen and (min-width:768px) {
  .popup--block--root[data-block-id][data-type=small-promotion] {
    max-width: calc(100% - 2 * var(--spacing--block))
  }
}

.popup--block--root[data-block-id]:not([data-type=small-promotion]) {
  border-radius: 4px
}

@media only screen and (max-width:767px) {
  .popup--block--root[data-block-id][data-position=left] {
    left: var(--spacing--item)
  }
}

@media only screen and (min-width:768px) {
  .popup--block--root[data-block-id][data-position=left] {
    left: var(--spacing--block)
  }
}

@media only screen and (max-width:767px) {
  .popup--block--root[data-block-id][data-position=right] {
    right: var(--spacing--item)
  }
}

@media only screen and (min-width:768px) {
  .popup--block--root[data-block-id][data-position=right] {
    right: var(--spacing--block)
  }
}

.popup--block--root[data-block-id]:not([data-position=bottom]):not([data-type=small-promotion]) {
  padding: var(--spacing--block)
}

@media only screen and (min-width:768px) {
  .popup--block--root[data-block-id]:not([data-position=bottom]):not([data-type=small-promotion]) {
    width: calc(100% - 2 * var(--spacing--block));
    max-width: 400px
  }
}

@media only screen and (max-width:767px) {
  .popup--block--root[data-block-id]:not([data-position=bottom]) {
    width: calc(100% - 2 * var(--spacing--item));
    bottom: var(--spacing--item)
  }
}

@media only screen and (min-width:768px) {
  .popup--block--root[data-block-id]:not([data-position=bottom]) {
    bottom: var(--spacing--block)
  }
}

.popup--block--root[data-block-id][data-position=bottom] {
  left: var(--spacing--item);
  right: var(--spacing--item);
  bottom: var(--spacing--item);
  width: calc(100% - 2 * var(--spacing--item))
}

@media only screen and (max-width:767px) {
  .popup--block--root[data-block-id][data-position=bottom] {
    padding: var(--spacing--block)
  }
}

@media only screen and (min-width:768px) {
  .popup--block--root[data-block-id][data-position=bottom] {
    padding: var(--spacing--item) var(--spacing--block)
  }
}

.popup--block--root[data-block-id][aria-hidden=true] {
  display: none
}

.popup--block--root[data-block-id] .social-icons--root:empty {
  display: none
}

.popup--block--container {
  display: flex;
  flex-direction: column;
  text-align: left;
  gap: var(--spacing--item)
}

@media only screen and (max-width:767px) {
  .popup--block--container {
    text-align: center;
    align-items: center
  }
}

@media only screen and (min-width:768px) {
  .popup--block--root[data-position=bottom] .popup--block--container {
    flex-direction: row;
    justify-content: center;
    align-items: center
  }

  .popup--block--root[data-text-alignment=center] .popup--block--container {
    text-align: center;
    align-items: center
  }

  .popup--block--root[data-text-alignment=right] .popup--block--container {
    text-align: right;
    align-items: flex-end
  }
}

.popup--block--root[data-type=small-promotion] .popup--block--wrapper {
  white-space: nowrap;
  overflow-x: clip
}

@media only screen and (max-width:767px) {
  .popup--block--root[data-type=small-promotion] .popup--block--wrapper {
    -webkit-mask-image: linear-gradient(to right, #000 95%, transparent);
    mask-image: linear-gradient(to right, #000 95%, transparent)
  }
}

.popup--block--root[data-type=small-promotion][data-scroll-text=true] .popup--block--heading {
  --animation-speed: calc(((10 - var(--popup--animation-speed)) * (20 - 5) / (10 - 1) + 5) * 1s)
}

@media only screen and (max-width:767px) {
  .popup--block--root[data-type=small-promotion][data-scroll-text=true] .popup--block--heading {
    display: flex;
    gap: var(--spacing--item);
    -webkit-mask-image: linear-gradient(to left, #000 95%, transparent);
    mask-image: linear-gradient(to left, #000 95%, transparent);
    transform: none
  }

  .popup--block--root[data-type=small-promotion][data-scroll-text=true] .popup--block--heading>* {
    animation: scrolling-content-mobile var(--animation-speed) linear infinite;
    animation-play-state: running
  }
}

@media only screen and (min-width:768px) {
  .popup--block--root[data-position=bottom] .popup--block--heading {
    display: none
  }
}

@media only screen and (min-width:768px) {
  .popup--block--root[data-text-alignment=center] .popup--button {
    justify-content: center
  }

  .popup--block--root[data-text-alignment=right] .popup--button {
    justify-content: flex-end
  }
}

.popup--block--root:not([data-text-color=white]) .layout--close::after,
.popup--block--root:not([data-text-color=white]) .layout--close::before {
  background-color: var(--color--body)
}

.popup--block--root[data-type=small-promotion] .layout--close {
  --cross-size: var(--spacing--item)
}

.popup--block--root:not([data-type=small-promotion]) .layout--close {
  --cross-size: 20px;
  position: absolute;
  right: var(--spacing--2);
  top: var(--spacing--2)
}

.popup--block--button-container {
  display: flex;
  gap: var(--spacing--item);
  text-transform: capitalize
}

@media only screen and (max-width:767px) {
  .popup--block--button-container {
    flex-direction: column;
    width: 100%
  }

  .popup--block--button-container>* {
    width: 100%
  }
}

@media only screen and (min-width:768px) {
  .popup--block--root[data-text-alignment=center] .popup--block--button-container {
    justify-content: center
  }

  .popup--block--root[data-text-alignment=right] .popup--block--button-container {
    justify-content: flex-end
  }
}

.search--root {
  display: block
}

.search--bar-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing--item)
}

.search--bar {
  display: flex;
  align-items: center;
  gap: var(--spacing--1);
  background-color: var(--bg-color--panel);
  border-radius: var(--spacing--1);
  padding: 6px;
  width: calc(20% + var(--spacing--block))
}

@media only screen and (max-width:767px) {
  .search--bar {
    width: 100%
  }
}

.search--clear {
  cursor: pointer
}

.search--clear:hover {
  opacity: .8
}

.search--cancel {
  display: flex;
  cursor: pointer
}

input[type=search].search--textbox {
  padding: 0;
  border: 0;
  outline: 0;
  box-shadow: none;
  background: 0 0;
  margin: 0;
  height: 24px
}

input[type=search].search--textbox::-webkit-search-cancel-button,
input[type=search].search--textbox::-webkit-search-decoration {
  display: none
}

input[type=text]::-ms-clear {
  display: none
}

.search--icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  flex-shrink: 0
}

.search--root[data-loading=true] .search--icon .icon--search {
  display: none
}

.search--icon .icon--spinner {
  scale: 1.6
}

.search--root[data-loading=false] .search--icon .icon--spinner {
  display: none
}

.search--results {
  display: flex
}

@media only screen and (min-width:768px) {
  .search--results {
    gap: var(--spacing--block)
  }
}

@media only screen and (max-width:767px) {
  .search--results {
    flex-direction: column
  }
}

.search--results>* {
  padding-top: var(--spacing--block);
  width: 100%
}

.predictive-search--products {
  width: 100%
}

.predictive-search--products:empty {
  display: none
}

@media only screen and (min-width:768px) and (max-width:1023px) {
  .predictive-search--product-grid[data-container=panel] {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}

/* .predictive-search--heading {
  display: flex;
  padding-bottom: var(--spacing--item)
} */
.predictive-search--heading {
  display: none;
  padding-bottom: var(--spacing--item)
}


.predictive-search--resources {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--block)
}

@media only screen and (max-width:767px) {
  .predictive-search--resources {
    width: 100%
  }
}

@media only screen and (min-width:768px) {
  .predictive-search--resources {
    flex: 1 0 20%
  }
}

.predictive-search--item a span {
  font-weight: 700
}

.predictive-search--container {
  display: grid;
  grid-gap: var(--spacing--1)
}

.predictive-search--view-all {
  margin-top: var(--spacing--block);
  text-align: right
}

.price-range--wrapper {
  padding-bottom: var(--spacing--item);
  position: relative;
  display: flex
}

.price-range--button {
  position: absolute;
  top: -16px;
  padding: var(--spacing--2);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transform: translateX(0)
}

.price-range--button:first-of-type {
  left: -13px
}

.price-range--button:last-of-type {
  right: -13px
}

.price-range--button:active>* {
  scale: 1.4;
  outline: 1px solid var(--color--accent-1);
  border: 1px solid var(--bdr-dark--general)
}

@media only screen and (max-width:767px) {
  .price-range--button:active>* {
    scale: 1.8
  }
}

.price-range--button:hover {
  cursor: pointer
}

.price-range--button>* {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background-color: var(--button--bg-color);
  pointer-events: none
}

.price-range--line {
  background-color: var(--bdr-dark--general);
  border-radius: 3px;
  height: 3px;
  width: 100%;
  transition: width .4s var(--transition--ease-out)
}

.price-range--line>* {
  background-color: var(--button--bg-color);
  width: 100%;
  height: 100%
}

.price-range--fields {
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

.price-range--field {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 40%
}

.price-range--separator {
  line-height: 45px
}

.price-range--currency {
  line-height: 45px;
  padding-left: var(--spacing--1);
  position: absolute
}

.price-range--input {
  margin: 0;
  text-align: end;
  padding-right: var(--spacing--1)
}

[data-product-block][data-block-type] {
  margin-top: var(--spacing--block)
}

[data-product-block][data-block-type=heading],
[data-product-block][data-block-type=price],
[data-product-block][data-block-type=rating],
[data-product-block][data-block-type=sku],
[data-product-block][data-block-type=vendor] {
  margin-top: var(--spacing--item)
}

@media only screen and (max-width:767px) {

  [data-product-block][data-block-type=heading],
  [data-product-block][data-block-type=price],
  [data-product-block][data-block-type=rating],
  [data-product-block][data-block-type=sku],
  [data-product-block][data-block-type=vendor] {
    text-align: center
  }
}

[data-product-block][data-block-type]:first-child {
  margin-top: 0
}

[data-product-block][data-block-type]:empty,
[data-product-block][data-block-type][data-empty=true] {
  display: none
}

@media only screen and (max-width:767px) {
  [data-product-block][data-block-type=overline] {
    text-align: center
  }

  [data-product-block][data-block-type=low-stock] {
    text-align: center
  }
}

.product-options--option .radios--header .product-size-chart--root {
  margin-left: auto
}

.product-options--option:not(:last-child) {
  padding-bottom: var(--spacing--item)
}

.product-price--root {
  display: block
}

@media only screen and (max-width:767px) {
  .product-price--root {
    display: flex;
    flex-flow: column wrap;
    align-items: center
  }
}

@media only screen and (max-width:767px) {
  .product-price--wrapper {
    flex-shrink: 0
  }
}

.product-price--original {
  display: inline-block;
  font-size: 20px
}

@media only screen and (max-width:767px) {
  .product-price--original {
    font-size: 16px
  }
}

.product-price--compare {
  text-decoration: line-through;
  color: var(--color--body--light)
}

.product-price--unit-container:empty {
  display: none
}

@media only screen and (max-width:767px) {
  [data-block-type=price] .product-price--unit-container {
    justify-content: center
  }
}

.product-price--tax {
  padding-top: var(--spacing--1)
}

.product-buy-buttons--root {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--item)
}

.product-buy-buttons--primary {
  width: 100%
}

.product-buy-buttons--primary[aria-busy=true] .product-buy-buttons--cta-text {
  display: none
}

.product-buy-buttons--spinner {
  height: 100%
}

.product-buy-buttons--primary[aria-busy=false] .product-buy-buttons--spinner {
  display: none
}

.product-buy-buttons--smart:empty,
.product-buy-buttons--smart[aria-hidden=true] {
  display: none
}

.product-buy-buttons--smart[data-transition-button] .shopify-payment-button__button {
  position: relative;
  overflow: hidden
}

.product-buy-buttons--smart[data-transition-button] .shopify-payment-button__button::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  transform: skew(-15deg);
  background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, .75), transparent)
}

.product-buy-buttons--smart[data-transition-button] .shopify-payment-button__button:hover:not([disabled]):not([aria-busy=true]) {
  transition-delay: var(200ms)
}

.product-buy-buttons--smart[data-transition-button] .shopify-payment-button__button:hover:not([disabled]):not([aria-busy=true])::after {
  animation: shine 1s ease
}

.product-buy-buttons--smart .shopify-payment-button__button {
  width: 100%;
  border-radius: var(--button--radius);
  padding: 0
}

.product-buy-buttons--smart .shopify-payment-button__button--unbranded:not([disabled]) {
  font-family: var(--font--nav--family);
  font-weight: var(--font--nav--weight);
  font-style: var(--font--nav--style);
  text-transform: var(--text-transform);
  letter-spacing: 1px;
  font-size: var(--font--size);
  --text-transform: var(--font--nav--uppercase);
  --font--size: 14px;
  letter-spacing: var(--font--button--spacing);
  text-align: center;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: all;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: var(--button--radius);
  border: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  line-height: 45px;
  padding: 0 var(--spacing--3);
  width: -moz-fit-content;
  width: fit-content;
  zoom: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  width: 100%
}

.product-buy-buttons--smart .shopify-payment-button__button--unbranded:not([disabled]):link,
.product-buy-buttons--smart .shopify-payment-button__button--unbranded:not([disabled]):visited {
  color: var(--button--color)
}

.no-touchevents .product-buy-buttons--smart .shopify-payment-button__button--unbranded:not([disabled]) {
  transition-property: color, border-color, background-color;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-container=block] .product-buy-buttons--smart .shopify-payment-button__button--unbranded:not([disabled]) {
  margin: 0 auto
}

.product-buy-buttons--smart .shopify-payment-button__button--unbranded:not([disabled]):active:not([disabled]) {
  scale: .98
}

.product-buy-buttons--smart .shopify-payment-button__button--unbranded:not([disabled]) .icon--root>* {
  fill: currentColor
}

.product-buy-buttons--smart .shopify-payment-button__button--unbranded:not([disabled]):not([href])>* {
  pointer-events: none
}

.product-buy-buttons--smart .shopify-payment-button__button--unbranded:not([disabled]),
.product-buy-buttons--smart .shopify-payment-button__button--unbranded:not([disabled]):focus-visible,
.product-buy-buttons--smart .shopify-payment-button__button--unbranded:not([disabled]):hover,
.product-buy-buttons--smart .shopify-payment-button__button--unbranded:not([disabled]):link,
.product-buy-buttons--smart .shopify-payment-button__button--unbranded:not([disabled]):visited {
  color: var(--button--color);
  background: var(--button--bg-color);
  border: 2px solid var(--button--bg-color)
}

[data-text-color=white] .product-buy-buttons--smart .shopify-payment-button__button--unbranded:not([disabled]),
[data-text-color=white] .product-buy-buttons--smart .shopify-payment-button__button--unbranded:not([disabled]):focus-visible,
[data-text-color=white] .product-buy-buttons--smart .shopify-payment-button__button--unbranded:not([disabled]):hover,
[data-text-color=white] .product-buy-buttons--smart .shopify-payment-button__button--unbranded:not([disabled]):link,
[data-text-color=white] .product-buy-buttons--smart .shopify-payment-button__button--unbranded:not([disabled]):visited {
  color: var(--color--body);
  background: #fff;
  border: 2px solid #fff
}

.product-buy-buttons--smart .shopify-payment-button__button--hidden,
.product-buy-buttons--smart .shopify-payment-button__button--unbranded[disabled] {
  display: none
}

.product-buy-buttons--smart .shopify-payment-button__more-options {
  font-family: var(--font--nav--family);
  font-weight: var(--font--nav--weight);
  font-style: var(--font--nav--style);
  text-transform: var(--text-transform);
  letter-spacing: 1px;
  font-size: var(--font--size);
  margin-top: 0;
  padding: var(--spacing--item) 0 0 0;
  height: unset;
  line-height: unset;
  text-decoration: underline;
  color: var(--color--body)
}

.product-buy-buttons--smart .shopify-payment-button__more-options:focus-visible,
.product-buy-buttons--smart .shopify-payment-button__more-options:hover {
  background-color: unset;
  color: var(--color--body)
}

.product-size-chart--link {
  display: block
}

.product-size-chart--modal {
  padding: var(--spacing--section);
  background: var(--bg-color--body);
  text-align: center
}

@media only screen and (max-width:767px) {
  .product-size-chart--modal {
    padding: var(--spacing--block) var(--spacing--item)
  }
}

.product-unavailable--root[aria-hidden=true] {
  display: none
}

.product-unavailable--root[aria-busy=true] .product-unavailable--text {
  opacity: 0;
  visibility: hidden
}

.product-unavailable--root[aria-busy=false] .product-unavailable--loading {
  display: none
}

.product-unavailable--form {
  width: 100%;
  display: flex;
  align-items: center
}

@media only screen and (min-width:1024px) {
  .product-unavailable--form {
    border: 1px solid var(--bdr-dark--general);
    border-radius: calc(var(--button--radius) + 1px);
    background-color: var(--bg-color--textbox)
  }

  .product-unavailable--form:has(input:focus-visible) {
    outline: -webkit-focus-ring-color auto 1px
  }

  [data-text-color=white] .product-unavailable--form {
    background-color: var(--button--bg-color);
    color: var(--button--color)
  }
}

@media only screen and (max-width:1023px) {
  .product-unavailable--form {
    gap: var(--spacing--1);
    flex-direction: column
  }
}

.product-unavailable--input {
  border-radius: calc(var(--button--radius) + 1px);
  margin-bottom: 0
}

.product-unavailable--input:-webkit-autofill {
  -webkit-background-clip: text
}

[data-text-color=white] .product-unavailable--input {
  background-color: var(--button--bg-color);
  color: var(--button--color)
}

[data-text-color=white] .product-unavailable--input:-webkit-autofill {
  -webkit-text-fill-color: var(--button--color)
}

[data-text-color=white] .product-unavailable--input::-webkit-input-placeholder {
  color: var(--button--color)
}

[data-text-color=white] .product-unavailable--input:-moz-placeholder {
  color: var(--button--color)
}

[data-text-color=white] .product-unavailable--input::-moz-placeholder {
  color: var(--button--color)
}

[data-text-color=white] .product-unavailable--input:-ms-input-placeholder {
  color: var(--button--color)
}

@media only screen and (max-width:1023px) {
  .product-unavailable--input::-webkit-input-placeholder {
    text-align: center
  }

  .product-unavailable--input:-moz-placeholder {
    text-align: center
  }

  .product-unavailable--input::-moz-placeholder {
    text-align: center
  }

  .product-unavailable--input:-ms-input-placeholder {
    text-align: center
  }
}

@media only screen and (min-width:1024px) {
  .product-unavailable--input {
    border: 0
  }

  .product-unavailable--input:focus-visible {
    outline: 0;
    border: 0
  }
}

@media only screen and (max-width:1023px) {
  .product-unavailable--submit {
    width: 100%
  }

  .product-unavailable--submit button {
    width: 100%
  }
}

.product-unavailable--text-wrapper {
  position: relative
}

.product-unavailable--loading {
  position: absolute;
  inset: 0
}

.product--root {
  display: flex;
  position: relative;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: 100%;
}

.product--root[data-product-view=grid] {
  flex-direction: column
}

.product--root[data-product-view=slider] {
  flex-direction: column;
  padding: 0
}

.product--root[data-text-alignment=center] {
  text-align: center
}

.product--root[data-text-alignment=left] {
  text-align: left
}

.product--root[data-text-alignment=right] {
  text-align: right
}

@media only screen and (min-width:1024px) {
  .product--root[data-text-alignment=right] {
    text-align: left
  }
}

.product--root>a {
  display: flex;
  width: 100%;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
}

.product--labels[data-item] {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  top: -0.5rem;
  left: -0.25rem;
  z-index: 1
}

@media only screen and (max-width:767px) {
  .product--labels[data-item] {
    font-size: 11px
  }
}

.product--label {
  display: block;
  width: -moz-max-content;
  width: max-content
}

.product--label[data-label-shape=round] {
  padding: 2px var(--spacing--1);
  border-radius: 20px
}

.product--label[data-label-shape=square] {
  padding: 4px var(--spacing--1)
}

.product--label[data-background-color=light],
.product--label[data-background-color=none] {
  border: 1px solid var(--bdr-dark--general)
}

.product--label:last-child {
  height: -moz-fit-content;
  height: fit-content
}

.product--label:not(:last-child) {
  margin: 0 var(--spacing--1) var(--spacing--1) 0
}

.product--image-wrapper {
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  > img {
    object-fit: contain !important;
  }
}

/* .product--image[data-item] {
  width: 100%;
  transition: opacity .5s;
  display: flex;
  justify-content: center
} */
.product--image[data-item] {
  width: 100%;
  transition: opacity .5s;
  display: flex;
  justify-content: center;
  height: 25vh;
}

.product--root[data-product-view=grid][data-text-alignment=left] .product--image[data-item] {
  display: flex;
  align-items: center;
  top: 0;
  left: 0;
  padding: 0;
  height: 100%;
  width: 100%
}

.product--root[data-product-view=slider][data-text-alignment=left] .product--image[data-item] {
  padding: 0
}

@media only screen and (min-width:768px) {
  .product--root[data-hover-image]:hover .product--image[data-item] {
    opacity: 0
  }
}

.product--hover-image {
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  transition: opacity .5s;
  height: 100%;
  width: 100%;
  overflow: hidden
}

@media only screen and (max-width:767px) {
  .product--hover-image {
    display: none
  }
}

.product--root[data-hover-image]:hover .product--hover-image {
  opacity: 1
}

/* product image <img> styling */
.product--image img {
  object-fit: contain;
}

.product--details-container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--1);
  width: 100%;
  padding-top: var(--spacing--item)
}

.product--root[data-product-view=slider] .product--details-container {
  padding-bottom: 0
}

@media only screen and (max-width:767px) {
  .product--details-container {
    max-width: var(--max-width--x-small);
    margin: 0 auto
  }
}

/* .product--details-wrapper {
  display: flex;
  gap: var(--spacing--1);
  flex-direction: column
} */
.product--details-wrapper {
  display: flex;
  gap: var(--spacing--1);
  flex-direction: column;
  /*height: 3em;*/
}

.product--details {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--1)
}

@media only screen and (min-width:1024px) {
  .product--root:not([data-text-alignment=center]) .product--details {
    align-items: baseline;
    flex-direction: row;
    justify-content: space-between
  }
}

@media only screen and (min-width:768px) {
  [data-columns="2"] .product--root[data-product-view=grid]:not([data-text-alignment=center]) .product--details {
    align-items: baseline;
    flex-direction: row;
    justify-content: space-between
  }
}

/* .product--price-container {
  display: flex;
  flex-direction: column
} */

.product--price-container {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  margin-bottom: 5px;
  font-weight: bold;
}
/* .product--price money {
  font-weight: bold;
} */

.product--root[data-product-view=grid][data-text-alignment=right] .product--price-container {
  margin-left: auto
}

@media only screen and (min-width:1024px) {
  .product--root[data-product-view=grid][data-text-alignment=right] .product--price-container {
    margin-left: 0
  }
}

/* .product--price[data-item] {
  padding: 0;
} */
.product--price[data-item] {
  padding: 0;
  font-weight: bold;
  font-size: 15px;
}


.product--price-wrapper {
  display: flex;
  gap: calc(var(--spacing--1)/ 2)
}

.product--root[data-text-alignment=center] .product--price-wrapper {
  justify-content: center
}

.product--root[data-text-alignment=right] .product--price-wrapper {
  text-align: right;
  justify-content: flex-end;
  flex-wrap: wrap
}

.product--root[data-text-alignment=left] .product--price-wrapper {
  flex-wrap: wrap
}

@media only screen and (min-width:1024px) {
  .product--root[data-text-alignment=left] .product--price-wrapper {
    text-align: right;
    justify-content: flex-end
  }
}

@media only screen and (min-width:768px) {
  [data-columns="2"] .product--root[data-product-view=grid][data-text-alignment=left] .product--price-wrapper {
    text-align: right
  }
}

.product--compare-price[data-item] {
  text-decoration: line-through
}

[data-text-color=white] .product--compare-price[data-item] {
  color: #fff
}

.product--unit-price-container[data-item] {
  padding: 0
}

@media only screen and (min-width:1024px) {
  .product--root:not([data-text-alignment=center]) .product--unit-price-container[data-item] {
    align-self: flex-end
  }
}

@media only screen and (min-width:768px) {
  [data-columns="2"] .product--root[data-product-view=grid]:not([data-text-alignment=center]) .product--unit-price-container[data-item] {
    align-self: flex-end
  }
}

.product--unit-price-container[data-item]:empty {
  display: none
}

.product--from[data-item] {
  text-transform: capitalize;
  padding: 0;
  flex-basis: initial
}

.product--vendor {
  word-break: break-word
}

[data-text-color=white] .product--vendor {
  color: #fff
}

.product--vendor a {
  color: var(--color--body--light)
}

@media only screen and (max-width:767px) {
  .product--vendor a {
    padding: var(--spacing--item) calc(var(--spacing--item)/ 2) calc(var(--spacing--item)/ 2)
  }
}

/* .product--root[data-product-view=grid] .product--title {
  word-break: break-word
} */
.product--root[data-product-view=grid] .product--title {
  word-break: break-word;
  /*height: 4em;*/
}

@media only screen and (max-width:767px) {
  .product--title a {
    padding: calc(var(--spacing--item)/ 2) calc(var(--spacing--item)/ 2) var(--spacing--item)
  }
}

.product--rating .product-rating--root:empty {
  display: none
}

.product--root[data-text-alignment=center] .product--rating .product-rating--root {
  justify-content: center
}

.product--root[data-text-alignment=left] .product--rating .product-rating--root {
  justify-content: flex-start
}

@media only screen and (min-width:768px) {
  [data-columns="2"] .product--root[data-product-view=grid][data-text-alignment=right] .product--rating .product-rating--root {
    justify-content: flex-start
  }
}

.product--root[data-text-alignment=right] .product--rating .product-rating--root {
  justify-content: flex-end
}

@media only screen and (min-width:1024px) {
  .product--root[data-text-alignment=right] .product--rating .product-rating--root {
    justify-content: flex-start
  }
}

.product--swatches--column-view:empty {
  display: none
}

.product--root[data-text-alignment=center] .product--swatches--column-view {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto
}

@media only screen and (min-width:1024px) {
  .product--root:not([data-text-alignment=center]) .product--swatches--column-view {
    display: none
  }
}

.product--root[data-text-alignment=right] .product--swatches--column-view .radios--container {
  justify-content: flex-end
}

.product--swatches--horizontal-view:empty {
  display: none
}

.product--root[data-text-alignment=center] .product--swatches--horizontal-view {
  display: none
}

.product--root:not([data-text-alignment=center]) .product--swatches--horizontal-view {
  display: none
}

@media only screen and (min-width:1024px) {
  .product--root:not([data-text-alignment=center]) .product--swatches--horizontal-view {
    display: block
  }
}

.drawer--instance[data-side=right] .product-model--button[data-item] {
  display: none
}

[data-item=rte-content] .product--list-item[data-product-item] {
  text-decoration: none
}

.product--list-item--wrapper {
  display: flex;
  gap: var(--spacing--item);
  position: relative
}

/* .product--list-item--wrapper .product--quick-add {
  margin: var(--spacing--neg-1)
} */

.product--list-item--info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--1)
}

.product--list-item--image {
  width: 60px;
  min-width: 60px;
  align-self: center
}

.product--list-item--image img {
  margin: 0 auto
}

.product--list-item--image .placeholder--root {
  width: 60px
}

/* .product--quick-add {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: var(--spacing--1);
  display: block
}

.product--quick-add>* {
  width: var(--spacing--block);
  height: var(--spacing--block);
  border-radius: 50%;
  border: 1px solid var(--bdr-dark--general);
  background-color: var(--bg-color--body);
  transition: opacity .4s var(--transition--ease-out), transform .4s var(--transition--ease-out);
  opacity: .85
}

.product--quick-add:hover>* {
  opacity: 1;
  box-shadow: 0 0 10px rgba(0, 0, 0, .08);
  transform: scale(1.06)
}

.product--quick-add--icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0
}

.product--quick-add--icon:active {
  transform: scale(1)
}

.product--quick-add[data-loading=true] .product--quick-add--icon {
  display: none
}

@media only screen and (max-width:767px) {
  .product--quick-add--icon svg {
    height: 13px;
    width: 13px
  }
}

.product--quick-add[data-loading=false] .product--quick-add--spinner {
  display: none
}

.product--quick-add--spinner svg {
  height: 100%;
  width: 100%
}

.product--quick-add--form .product-media--variants--root {
  width: 70%;
  margin: 0 auto
}

.product--quick-add--form .product-media--variants--root:not(:empty) {
  padding-bottom: var(--spacing--block)
}

.product--quick-add--form .product-media--variants--root [data-active=false] {
  display: none
}

@media only screen and (max-width:767px) {
  .product--quick-add--form .product-media--variants--root {
    width: 85%
  }
}

.product--quick-add--form .product-price--root {
  padding-bottom: var(--spacing--item)
}

.product--quick-add--form .quantity-selector--root {
  margin-bottom: var(--spacing--block)
}

.product--quick-add--form .product-options--root {
  padding-bottom: var(--spacing--block)
}

.product--quick-add--select-options {
  text-align: center;
  padding: 0 var(--spacing--item) var(--spacing--item)
}

.product--quick-add--title {
  text-align: center;
  padding: 0 var(--spacing--item) var(--spacing--block)
} */

.product-media--root[data-media-type=image] .product-media--modal {
  cursor: zoom-in
}

.product-video--root {
  width: 100%;
  margin: 0 auto;
  display: block;
  border-radius: var(--image--radius);
  overflow: hidden
}

.product-video--root:focus-visible {
  outline: 0
}

.product-video--container {
  position: relative;
  width: 100%;
  padding-top: calc(100% / var(--product-media--aspect-ratio))
}

.product-video--container>:first-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.product-video--container button {
  height: unset
}

.product-video--container .plyr--video:focus-visible {
  outline: 0
}

.product-video--container .plyr__control--overlaid:hover {
  background: var(--button--color)
}

.product-video--container .plyr__controls .plyr__control:hover {
  color: unset
}

.product-model--root {
  width: 100%;
  max-width: 100%;
  padding-top: calc(100% / var(--product-media--aspect-ratio));
  position: relative;
  display: flex;
  flex: 1 1 auto
}

.product-model--root .shopify-model-viewer-ui {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.product-model--root model-viewer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid var(--bdr-dark--general);
  text-align: left;
  border-radius: var(--image--radius)
}

.product-model--root model-viewer:focus-visible {
  outline: 0
}

.product-model--root button[hidden] {
  display: none
}

.product-model--button[data-item] {
  display: none;
  width: 100%;
  margin-top: var(--spacing--item)
}

@media only screen and (max-width:767px) {
  .product-model--button[data-item] {
    display: block
  }
}

.product-model--button[data-item]>* {
  width: 100%;
  text-align: center
}

.product-zoom--root {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: var(--image--radius)
}

.product-zoom--root:hover {
  border: 1px solid var(--bdr-dark--general)
}

.product-zoom--enlarged {
  position: absolute;
  background-color: var(--bg-color--body)
}

.product-media--thumbs {
  display: block;
  position: relative
}

@media only screen and (min-width:768px) {
  .product-media--thumbs {
    order: 1;
    width: var(--thumbnail-width)
  }
}

@media only screen and (max-width:767px) {
  .product-media--thumbs {
    padding-top: var(--media-gap)
  }
}

@media only screen and (max-width:767px) {
  .product-media--thumbs-wrapper {
    display: grid;
    grid-gap: var(--media-gap);
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}

@media only screen and (min-width:768px) {
  .product-media--thumbs-wrapper {
    display: flex;
    gap: var(--media-gap);
    justify-content: flex-start;
    flex-direction: column;
    overflow-y: scroll;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    scrollbar-width: none
  }

  .product-media--thumbs-wrapper::-webkit-scrollbar {
    display: none
  }
}

.product-media--thumb {
  cursor: pointer;
  width: 100%;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.product-media--thumb[data-active=true]>* {
  border: 1px solid var(--bdr-dark--general)
}

.product-media--thumb[data-active=true] svg {
  top: 0;
  right: 0
}

.product-media--thumb[data-active=false] svg {
  top: 1px;
  right: 1px
}

.product-media--thumb svg.icon--root {
  position: absolute;
  background-color: var(--bg-color--body);
  border: 1px solid var(--bdr-dark--general);
  margin: calc(var(--spacing--1)/ 2)
}

.product-media--thumb svg.icon--root path {
  fill: var(--color--body);
  opacity: .6
}

.product-media--thumb>* {
  pointer-events: none
}

.product-media--variants--root {
  display: block;
  width: 100%
}

.product-media--variants--root[data-layout=thumbnails] {
  display: flex
}

@media only screen and (min-width:768px) {
  .product-media--variants--root[data-layout=thumbnails] {
    gap: var(--spacing--block)
  }

  .product-media--variants--root[data-layout=thumbnails] .product-media--container {
    order: 2
  }

  .product-media--variants--root[data-layout=thumbnails] .product-media--root {
    display: flex;
    margin: 0 auto;
    width: 100%;
    max-width: calc((100vh - var(--spacing--section--y)) * var(--product-media--aspect-ratio))
  }
}

@media only screen and (max-width:767px) {
  .product-media--variants--root[data-layout=thumbnails] {
    flex-direction: column
  }
}

.product-media--variants--root[data-layout=thumbnails] .product-media--root[data-active=false] {
  display: none
}

.product-media--variants {
  display: block;
  width: 100%
}

@media only screen and (min-width:768px) {
  .product-media--variants--root[data-layout=thumbnails] .product-media--variants {
    order: 2
  }
}

.product-media--variants--root[data-layout=one] .product-media--variants {
  grid-gap: var(--media-gap)
}

@media only screen and (min-width:768px) {
  .product-media--variants--root[data-layout=two] .product-media--variants[data-container] {
    grid-gap: var(--media-gap)
  }
}

.product-media--variants--root[data-layout=mixed] .product-media--variants {
  display: grid;
  grid-gap: var(--media-gap)
}

.product-media--variants--root[data-layout=mixed] .product-media--variants .product-media--active {
  width: 100%
}

.product-media--container {
  width: 100%
}

.product-media--container[data-container] {
  grid-gap: var(--media-gap)
}

.product-media--container[data-masonry-layout] {
  display: flex;
  flex-flow: column wrap;
  align-content: space-between;
  gap: var(--media-gap)
}

.product-media--container[data-masonry-layout]>* {
  width: calc((100% - var(--media-gap))/ 2)
}

.product-media--container[data-masonry-layout]>:nth-child(odd) {
  order: 1
}

.product-media--container[data-masonry-layout]>:nth-child(even) {
  order: 2
}

.product-page--root {
  display: block
}

.product-page--root[data-text-alignment=center] {
  text-align: center
}

.product-page--root[data-text-alignment=center] .product-price--unit-container,
.product-page--root[data-text-alignment=center] .product-rating--root,
.product-page--root[data-text-alignment=center] .radios--container,
.product-page--root[data-text-alignment=center] .radios--header {
  justify-content: center
}

.product-page--root[data-text-alignment=right] {
  text-align: right
}

.product-page--root[data-text-alignment=right] .product-price--unit-container,
.product-page--root[data-text-alignment=right] .product-rating--root,
.product-page--root[data-text-alignment=right] .radios--container,
.product-page--root[data-text-alignment=right] .radios--header {
  justify-content: flex-end
}

@media only screen and (min-width:768px) {
  .product-page--root[data-container-width="6"] {
    padding-right: var(--spacing--block)
  }
}

.product-page--root .breadcrumbs--root {
  padding-top: 0
}

.product-page--wrapper {
  display: flex;
  justify-content: center;
  align-items: stretch;
  position: relative;
  gap: var(--spacing--block)
}

@media only screen and (max-width:767px) {
  .product-page--wrapper {
    flex-direction: column
  }
}

.product-page--header {
  top: 0;
  left: 0;
  height: 100%;
  width: calc(100% - var(--text-column-width) - var(--spacing--block));
  padding: var(--spacing--section--y) var(--spacing--block);
  position: absolute
}

.product-page--root[data-text-alignment=left]:not([data-container-width="6"]) .product-page--header {
  margin-left: calc(-.5 * (50vw - 50%));
  padding: var(--spacing--section--y) 0
}

.layout--viewport:not([data-drawer-status=closed]) .product-page--header,
.layout--viewport[data-modal-status=opened] .product-page--header {
  visibility: hidden
}

.product-page--title {
  top: calc(var(--spacing--item) + var(--sticky-offset));
  left: 0;
  position: sticky;
  color: var(--bg-color--body);
  mix-blend-mode: difference;
  pointer-events: none;
  text-transform: capitalize;
  z-index: 1
}

.product-page--desktop-container {
  width: calc(100% - var(--text-column-width) - var(--spacing--block))
}

@media only screen and (min-width:768px) {
  .product-page--desktop-container .product-media--variants--root {
    position: sticky;
    top: var(--sticky-offset)
  }
}

.product-page--mobile-container {
  width: 100%
}

.product-page--carousel {
  padding-top: var(--spacing--item);
  display: block;
  margin-left: var(--spacing--neg-item);
  width: calc(100% + 2 * var(--spacing--item))
}

.product-page--form {
  display: block
}

@media only screen and (max-width:767px) {
  .product-page--form {
    width: 100%
  }
}

@media only screen and (min-width:768px) {
  .product-page--form {
    position: sticky;
    top: calc(var(--sticky-offset) + var(--spacing--1));
    width: var(--text-column-width);
    height: -moz-fit-content;
    height: fit-content;
    transition: top .2s var(--transition--standard)
  }

  .product-page--root[data-spacing-above=false] .product-page--form {
    top: calc(var(--sticky-offset) + var(--spacing--neg-item));
    padding-top: var(--spacing--block)
  }
}

.pickup--form:empty {
  display: none
}

.pickup--form[data-loading=true] {
  opacity: .5
}

.product-pickup--spinner {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: var(--spacing--block) 0
}

.pickup--form--container {
  display: flex;
  gap: var(--spacing--1)
}

.product-pickup--root[data-loading=true] .pickup--form--container {
  opacity: .4
}

.pickup--form--container .icon--root {
  height: 1em;
  flex-shrink: 0
}

.pickup--form--container .icon--root path {
  fill: currentColor
}

.pickup--form--container .icon--checkmark--small {
  color: var(--color--success)
}

.pickup--form--container .icon--cross--small {
  color: var(--color--fail)
}

.pickup--form--info {
  text-align: left
}

.pickup--form--stores {
  padding-top: calc(var(--spacing--item)/ 2)
}

.pickup--drawer--container {
  padding: var(--spacing--section--mobile)
}

.pickup--drawer--container .icon--root {
  height: 1.75em;
  flex-shrink: 0
}

.pickup--drawer--container .icon--checkmark--small {
  color: var(--color--success)
}

.pickup--drawer--container .icon--cross--small {
  color: var(--color--fail)
}

.pickup--drawer--header {
  padding-bottom: var(--spacing--item)
}

.pickup--drawer--product-title {
  padding-bottom: var(--spacing--1)
}

.pickup--drawer--list-item {
  padding: var(--spacing--item) 0;
  border-top: 1px solid var(--bdr-dark--general)
}

.pickup--drawer--list-item:last-child {
  border-bottom: 1px solid var(--bdr-dark--general)
}

.pickup--drawer--list-item>* {
  width: -moz-fit-content;
  width: fit-content
}

.pickup--drawer--list-location-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-bottom: var(--spacing--1)
}

.pickup--drawer--list-stock {
  padding-bottom: var(--spacing--1);
  display: flex
}

.pickup--drawer--list-text {
  padding-left: var(--spacing--1)
}

.pickup--drawer--list-phone {
  padding-top: var(--spacing--1)
}

.pickup--drawer--return {
  padding-top: var(--spacing--item);
  cursor: pointer
}

.product-rating--root {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing--1)/ 2)
}

@media only screen and (max-width:767px) {
  .product-rating--root {
    justify-content: center
  }
}

.product-rating--root .product-rating--count {
  max-width: -moz-fit-content;
  max-width: fit-content
}

.product-rating--root .product-rating--count::before {
  content: "("
}

.product-rating--root .product-rating--count::after {
  content: ")"
}

.product-rating--stars {
  letter-spacing: 4px;
  --rating-percent: calc((var(--rating) / var(--rating-max) + var(--rating-decimal) * 16 / (var(--rating-max) * (16 + 4))) * 100%)
}

.product-rating--stars::before {
  content: "★★★★★";
  background: linear-gradient(90deg, var(--color--stars) var(--rating-percent), rgba(0, 0, 0, .15) var(--rating-percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

[data-text-color=white] .product-rating--stars::before {
  background: linear-gradient(90deg, #fff var(--rating-percent), rgba(255, 255, 255, .3) var(--rating-percent));
  -webkit-background-clip: text
}

@media only screen and (max-width:767px) {
  .product-rating--count {
    font-size: 12px
  }
}

.quantity-selector--root {
  display: block
}

.quantity-selector--container {
  align-items: center;
  background: var(--bg-color--textbox);
  border-radius: calc(var(--spacing--1)/ 2);
  display: inline-flex;
  position: relative;
  text-align: left
}

.quantity-selector--input {
  padding: 0 calc(var(--spacing--item)/ 2);
  margin: 0;
  text-align: center;
  width: 38px;
  height: 38px;
  z-index: 1;
  border-top: 1px solid var(--bdr-dark--general);
  border-bottom: 1px solid var(--bdr-dark--general);
  border-left: 0;
  border-right: 0;
  border-radius: 0
}

.quantity-selector--input[data-loading=true] {
  color: var(--bdr-dark--general)
}

@media only screen and (max-width:767px) {
  .quantity-selector--input {
    width: 45px
  }
}

.quantity-selector--minus,
.quantity-selector--plus {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 0 var(--spacing--1);
  cursor: pointer;
  background: var(--bg-color--textbox);
  display: flex;
  align-items: center;
  height: 38px;
  box-shadow: 0 -.0625rem 0 0 var(--bdr-dark--general) inset, 0 0 0 .0625rem var(--bdr-dark--general) inset, 0 .03125rem 0 .09375rem #fff inset
}

@media only screen and (max-width:767px) {

  .quantity-selector--minus,
  .quantity-selector--plus {
    padding: 0 var(--spacing--item)
  }
}

.quantity-selector--minus:active,
.quantity-selector--plus:active {
  box-shadow: 0 .125rem .0625rem 0 var(--bdr-dark--general) inset, .0625rem 0 .0625rem 0 var(--bdr-dark--general) inset, -.0625rem 0 .0625rem 0 var(--bdr-dark--general) inset
}

.quantity-selector--minus>*,
.quantity-selector--plus>* {
  pointer-events: none
}

.quantity-selector--minus {
  border-top-left-radius: calc(var(--spacing--1)/ 2);
  border-bottom-left-radius: calc(var(--spacing--1)/ 2);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.quantity-selector--plus {
  border-top-right-radius: calc(var(--spacing--1)/ 2);
  border-bottom-right-radius: calc(var(--spacing--1)/ 2);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.quantity-selector--remove {
  padding-top: calc(var(--spacing--item)/ 4);
  width: -moz-fit-content;
  width: fit-content
}

@media only screen and (max-width:767px) {
  .quantity-selector--remove {
    padding-top: calc(var(--spacing--item)/ 2)
  }
}

.quantity-selector--remove:hover {
  cursor: pointer
}

.quantity-selector--remove>* {
  padding: calc(var(--spacing--item)/ 4);
  font-size: 12px
}

.radios--root[data-display-only=true] {
  pointer-events: none
}

.radios--root[data-display-only=false] .radios--header {
  display: flex;
  gap: var(--spacing--1);
  padding-bottom: var(--spacing--1)
}

.radios--root[data-display-only=false] .radios--header>* {
  padding-bottom: 0
}

.radios--container {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing--item)
}

.radios--root[data-display-only=true] .radios--container {
  gap: var(--spacing--2)
}

@media only screen and (max-width:767px) {
  .radios--root[data-display-only=true] .radios--container {
    gap: var(--spacing--1)
  }
}

.radios--main {
  display: flex;
  align-items: center
}

.radios--option-label {
  display: inline
}

label[data-item=swatch] {
  position: relative;
  display: inline-block;
  height: 24px;
  width: 24px;
  min-width: 24px;
  margin-left: -1px;
  border: 1px solid var(--bdr-dark--general);
  border-radius: 50%;
  padding-bottom: 0;
  background-size: cover
}

@media only screen and (max-width:767px) {
  label[data-item=swatch] {
    height: 40px;
    width: 40px;
    min-width: 40px
  }
}

.radios--root[data-display-only=true] label[data-item=swatch] {
  height: 25px;
  width: 25px;
  min-width: 25px
}

label[data-item=swatch]:hover {
  cursor: pointer
}

label[data-item=swatch]::after {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  border: 2px solid var(--color--body--light);
  top: -4px;
  left: -4px;
  position: absolute;
  display: inline-block
}

@media only screen and (max-width:767px) {
  label[data-item=swatch]::after {
    height: 46px;
    width: 46px
  }
}

.radios--value-button {
  border: 2px solid var(--bdr-dark--general)
}

.radios--value-button:hover {
  border: 2px solid var(--bdr-dark--general)
}

.radios--input[data-item=radio],
[data-is-swatches=true] .filter--input {
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0
}

.radios--input[data-item=radio]:not([disabled])+label[data-item=swatch]::after,
[data-is-swatches=true] .filter--input:not([disabled])+label[data-item=swatch]::after {
  content: "";
  border: 2px solid var(--bdr-dark--general)
}

.radios--input[data-item=radio]:checked:not([disabled])+label[data-item=swatch]::after,
.radios--input[data-item=radio]:hover:not([disabled])+label[data-item=swatch]::after,
[data-is-swatches=true] .filter--input:checked:not([disabled])+label[data-item=swatch]::after,
[data-is-swatches=true] .filter--input:hover:not([disabled])+label[data-item=swatch]::after {
  border: 2px solid var(--color--body)
}

.radios--input[data-item=radio]:checked+.radios--value-button,
.radios--input[data-item=radio]:hover+.radios--value-button,
[data-is-swatches=true] .filter--input:checked+.radios--value-button,
[data-is-swatches=true] .filter--input:hover+.radios--value-button {
  border-color: var(--color--body--light);
  color: var(--color--body);
  background: 0 0
}

.radios--input[data-item=radio]:focus-visible+.radios--value-button,
.radios--input[data-item=radio]:focus-visible+label[data-item=swatch]::after,
[data-is-swatches=true] .filter--input:focus-visible+.radios--value-button,
[data-is-swatches=true] .filter--input:focus-visible+label[data-item=swatch]::after {
  box-shadow: 0 0 0 3px Highlight
}

.radios--input[data-item=radio][data-empty=true]+.radios--value-button,
.radios--input[data-item=radio][data-unavailable=true]+.radios--value-button,
[data-is-swatches=true] .filter--input[data-empty=true]+.radios--value-button,
[data-is-swatches=true] .filter--input[data-unavailable=true]+.radios--value-button {
  background: linear-gradient(to left top, transparent calc(50% - 1px), var(--bdr-dark--general), transparent calc(50% + 1px))
}

.radios--input[data-item=radio][data-empty=true]:checked+.radios--value-button>*,
.radios--input[data-item=radio][data-unavailable=true]:checked+.radios--value-button>*,
[data-is-swatches=true] .filter--input[data-empty=true]:checked+.radios--value-button>*,
[data-is-swatches=true] .filter--input[data-unavailable=true]:checked+.radios--value-button>* {
  color: var(--bdr-dark--general)
}

.radios--input[data-item=radio][data-empty=true]+label[data-item=swatch]::before,
.radios--input[data-item=radio][data-unavailable=true]+label[data-item=swatch]::before,
[data-is-swatches=true] .filter--input[data-empty=true]+label[data-item=swatch]::before,
[data-is-swatches=true] .filter--input[data-unavailable=true]+label[data-item=swatch]::before {
  content: "";
  width: 2px;
  height: calc(100% + 5.5px);
  background-color: var(--bdr-dark--general);
  display: inline-block;
  position: absolute;
  left: 50%;
  top: -3px;
  transform: translate(-50%) rotate(45deg)
}

@media only screen and (max-width:767px) {
  .recent-products--title {
    text-align: center
  }
}

.recent-products--spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--spacing--section--y) 0
}

[data-text-color=white] .recent-products--spinner {
  fill: #fff
}

.related-products--title {
  text-align: center
}

.scrolling-content--root {
  position: relative;
  overflow: hidden
}

.scrolling-content--root[data-section-id][data-spacing-above=false] {
  padding-top: var(--spacing--block)
}

@media only screen and (max-width:767px) {
  .scrolling-content--root[data-section-id][data-spacing-above=false] {
    padding-top: var(--spacing--item)
  }
}

.scrolling-content--root[data-section-id][data-spacing-below=false] {
  padding-bottom: var(--spacing--block)
}

@media only screen and (max-width:767px) {
  .scrolling-content--root[data-section-id][data-spacing-below=false] {
    padding-bottom: var(--spacing--item)
  }
}

.scrolling-content--wrapper {
  display: flex;
  position: relative;
  gap: var(--spacing--block);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 1
}

@media only screen and (max-width:767px) {
  .scrolling-content--wrapper {
    gap: var(--spacing--item)
  }
}

.scrolling-content--container {
  --animation-speed: calc(((10 - var(--scrolling-content--animation-speed)) * (40 - 3) / (10 - 1) + 3) * 1s);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: var(--spacing--block);
  animation: scrolling-content var(--animation-speed) linear infinite;
  animation-play-state: running
}

@media only screen and (max-width:767px) {
  .scrolling-content--container {
    gap: var(--spacing--item);
    animation: scrolling-content-mobile var(--animation-speed) linear infinite
  }
}

.scrolling-content--root[data-hover-pause=true]:hover .scrolling-content--container {
  animation-play-state: paused
}

.scrolling-content--root[data-direction=right] .scrolling-content--container {
  animation-direction: reverse
}

.scrolling-content--block-wrapper {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  margin: 0;
  gap: var(--spacing--item)
}

.scrolling-content--block[data-item=image] .scrolling-content--block-wrapper>* {
  width: calc(var(--aspect-ratio) * var(--scrolling-content--block-height))
}

@media only screen and (max-width:767px) {
  .scrolling-content--block[data-item=image] .scrolling-content--block-wrapper>* {
    width: calc(var(--mobile-aspect-ratio) * var(--scrolling-content--block-mobile-height))
  }
}

.search-results--root[data-view=product] {
  padding-top: var(--spacing--block)
}

.search-results--products {
  width: 100%
}

.search-results--spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--spacing--7) 0
}

.search-results--spinner-wrapper>* {
  margin: 0 auto
}

.search-results--heading {
  text-align: center
}

.search-results--filter-feedback {
  text-align: center;
  padding: var(--spacing--section--y) 0
}

@media only screen and (min-width:768px) {
  [data-columns="2"] .search-results--filter-feedback {
    grid-column: 1/span 2
  }

  [data-columns="3"] .search-results--filter-feedback {
    grid-column: 1/span 3
  }

  [data-columns="4"] .search-results--filter-feedback {
    grid-column: 1/span 4
  }
}

@media only screen and (max-width:767px) {
  [data-mobile-columns="1"] .search-results--filter-feedback {
    grid-column: 1/span 1
  }

  [data-mobile-columns="2"] .search-results--filter-feedback {
    grid-column: 1/span 2
  }
}

.search-results--button {
  text-align: center
}

.search-results--button a {
  padding: var(--spacing--item)
}

.search-results--pagination {
  width: 100%
}

.service-list--root {
  display: block
}

.service-list--title {
  margin-bottom: 0
}

.service-list--container {
  padding-top: var(--spacing--4)
}

.service-list--container:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden
}

.service-list--container>.service-list--block-header--text {
  padding: 0 var(--spacing--4) var(--spacing--3);
  text-align: var(--service-list--block-header--text-align)
}

.service-list--single-column {
  width: var(--service-list--column--width)
}

.service-list--left-column,
.service-list--right-column {
  width: var(--service-list--column--width);
  float: left
}

.service-list--blocks {
  margin: 0
}

.service-list--blocks li {
  list-style: none;
  width: 100%
}

.service-list--block {
  padding: var(--service-list--block--padding)
}

.service-list--block-header {
  padding: calc(var(--spacing--3)/ 2) 0;
  text-align: center
}

.service-list--price {
  padding-left: var(--spacing--5);
  padding-bottom: 2px
}

.service-list--description {
  padding-top: var(--spacing--2)
}

.service-list--block-title {
  flex-grow: 1
}

.service-list--info {
  display: flex;
  align-items: center;
  padding: var(--spacing--2) 0;
  border-bottom: 1px solid var(--bdr-dark--general);
  padding-bottom: 6px;
  width: 100%
}

[data-has-headers=true] .service-list--container {
  padding: 0
}

[data-has-headers=true] .service-list--blocks {
  padding: var(--service-list--block-container--padding)
}

[data-has-headers=true] .service-list--block {
  padding: calc(var(--spacing--3)/ 2) 0
}

[data-show-description=true] .service-list--block {
  padding: --service-list--block--zero--mobile
}

[data-show-description=false] .service-list--info {
  border-bottom: none;
  padding: 0
}

[data-show-description=false] .service-list--price {
  flex-grow: 0;
  flex-shrink: 1;
  padding-left: var(--spacing--2);
  padding-bottom: 0
}

[data-show-description=false] .service-list--block-title-text {
  display: inline
}

[data-show-description=false] .service-list--block-title {
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  position: relative;
  overflow: hidden
}

[data-show-description=false] .service-list--block-title:after {
  content: "⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅";
  font-family: Arial, sans-serif;
  margin-left: var(--spacing--2);
  line-height: 2;
  position: absolute
}

@media (max-width:767px) {
  :root {
    --service-list--block-container--padding: var(--spacing--2) 0;
    --service-list--block-header--text-align: center;
    --service-list--block--padding: calc(var(--spacing--3) / 2) 0;
    --service-list--block--zero--mobile: 0;
    --service-list--column--width: 100%
  }
}

@media (min-width:768px) {
  :root {
    --service-list--block-container--padding: var(--spacing--4);
    --service-list--block-header--text-align: left;
    --service-list--block--padding: calc(var(--spacing--3) / 2) var(--spacing--4);
    --service-list--column--width: 50%
  }
}

.shop-the-look--root {
  display: block
}

.shop-the-look--block {
  display: flex;
  align-items: center
}

@media only screen and (max-width:767px) {
  .shop-the-look--block {
    flex-direction: column
  }
}

.shop-the-look--image {
  position: relative
}

@media only screen and (max-width:767px) {
  .shop-the-look--image {
    width: 100%
  }
}

@media only screen and (min-width:768px) {
  .shop-the-look--image {
    width: calc(100% - 300px + var(--spacing--block))
  }
}

.shop-the-look--products {
  display: grid;
  position: relative
}

@media only screen and (max-width:767px) {
  .shop-the-look--products {
    margin-top: var(--spacing--neg-block);
    width: calc(100% - 2 * var(--spacing--block))
  }
}

@media only screen and (min-width:768px) {
  .shop-the-look--products {
    margin-left: var(--spacing--neg-block);
    width: 300px
  }
}

.shop-the-look--product {
  grid-area: 1/-1
}

.shop-the-look--product[aria-hidden=false] {
  z-index: 1
}

@media only screen and (min-width:768px) {
  .shop-the-look--product[data-transition-item][data-transition-type=slide-in] {
    transform: translate3d(32px, 0, 0)
  }
}

.shop-the-look--product .product--image-wrapper {
  border-radius: var(--image--radius);
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, .3);
  background-color: var(--bg-color--body)
}

@media only screen and (min-width:768px) {
  .shop-the-look--product .product--details-container {
    padding: var(--spacing--item) var(--spacing--block) 0
  }
}

.shop-the-look--button {
  display: block;
  height: unset;
  position: absolute;
  border-radius: 50%;
  background: 0 0;
  z-index: 2
}

@media only screen and (max-width:767px) {
  .shop-the-look--button {
    padding: 18px;
    left: calc(var(--mobile-x-pos) - 24px);
    top: calc(var(--mobile-y-pos) - 24px)
  }

  .shop-the-look--button[data-transition-active=true] {
    padding: 10px;
    left: calc(var(--mobile-x-pos) - 16px);
    top: calc(var(--mobile-y-pos) - 16px)
  }
}

@media only screen and (min-width:768px) {
  .shop-the-look--button {
    padding: var(--spacing--3);
    left: calc(var(--x-pos) - 20px);
    top: calc(var(--y-pos) - 20px)
  }

  .shop-the-look--button[data-transition-active=true] {
    padding: var(--spacing--1);
    left: calc(var(--x-pos) - 12px);
    top: calc(var(--y-pos) - 12px)
  }
}

.shop-the-look--button:focus-visible,
.shop-the-look--button:hover {
  background: 0 0
}

.shop-the-look--hotspot {
  position: relative;
  display: flex;
  width: 13px;
  height: 13px;
  background-color: #fff;
  border-radius: 50%;
  pointer-events: none
}

.shop-the-look--root[data-hotspot-color=white] .shop-the-look--hotspot {
  background-color: #fff
}

.shop-the-look--root[data-hotspot-color=white] .shop-the-look--hotspot:after {
  background-color: #fff
}

.shop-the-look--root[data-hotspot-color=light] .shop-the-look--hotspot {
  background-color: var(--bg-color--light)
}

.shop-the-look--root[data-hotspot-color=light] .shop-the-look--hotspot:after {
  background-color: var(--bg-color--light)
}

.shop-the-look--root[data-hotspot-color=dark] .shop-the-look--hotspot {
  background-color: var(--bg-color--dark)
}

.shop-the-look--root[data-hotspot-color=dark] .shop-the-look--hotspot:after {
  background-color: var(--bg-color--dark)
}

.shop-the-look--root[data-hotspot-color=accent-1] .shop-the-look--hotspot {
  background-color: var(--color--accent-1)
}

.shop-the-look--root[data-hotspot-color=accent-1] .shop-the-look--hotspot:after {
  background-color: var(--color--accent-1)
}

.shop-the-look--root[data-hotspot-color=accent-2] .shop-the-look--hotspot {
  background-color: var(--color--accent-2)
}

.shop-the-look--root[data-hotspot-color=accent-2] .shop-the-look--hotspot:after {
  background-color: var(--color--accent-2)
}

.shop-the-look--hotspot:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  animation: ping 1.5s cubic-bezier(0, 0, .2, 1) infinite;
  border-radius: 50%;
  opacity: .8
}

@media only screen and (min-width:768px) {
  .shop-the-look--navigation {
    display: flex;
    justify-content: center;
    padding-top: var(--spacing--item);
    gap: 8px
  }
}

.shop-the-look--navigation .shop-the-look--dot {
  border-radius: 50%;
  height: 12px;
  width: 12px;
  padding: 0
}

.shop-the-look--navigation .shop-the-look--dot:hover {
  cursor: pointer
}

.shop-the-look--root[data-text-color=body] .shop-the-look--navigation .shop-the-look--dot {
  border: 2px solid var(--color--body);
  background: 0 0
}

.shop-the-look--root[data-text-color=body] .shop-the-look--navigation .shop-the-look--dot:hover,
.shop-the-look--root[data-text-color=body] .shop-the-look--navigation .shop-the-look--dot[aria-current=true] {
  background: var(--color--body)
}

.shop-the-look--root[data-text-color=white] .shop-the-look--navigation .shop-the-look--dot {
  border: 2px solid var(--bg-color--body);
  background: 0 0
}

.shop-the-look--root[data-text-color=white] .shop-the-look--navigation .shop-the-look--dot:hover,
.shop-the-look--root[data-text-color=white] .shop-the-look--navigation .shop-the-look--dot[aria-current=true] {
  background: var(--bg-color--body)
}

@keyframes ping {

  100%,
  75% {
    transform: scale(2.3);
    opacity: 0
  }
}

@media only screen and (max-width:767px) {
  .slideshow--root {
    padding-right: 0;
    padding-left: 0
  }
}

.social-icons--root[data-type=follow] {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center
}

.social-icons--root[data-align=left] {
  justify-content: flex-start
}

.social-icons--root[data-align=right] {
  justify-content: flex-end
}

@media only screen and (max-width:767px) {
  .social-icons--root[data-mobile-align=center] {
    justify-content: center
  }
}

.social-icons--root .icon--threads {
  box-sizing: content-box;
  padding: 4px 3px;
  margin: -4px -3px
}

.social-icons--root .icon--x {
  height: 18px;
  width: 18px;
  margin: -4px
}

.social-icons--root svg {
  height: 14px;
  width: 14px
}

.social-icons--root:empty {
  display: none
}

.social-icons--items {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  row-gap: var(--spacing--1)
}

@media only screen and (min-width:768px) {
  .social-icons--items {
    -moz-column-gap: var(--spacing--2);
    column-gap: var(--spacing--2)
  }

  .social-icons--root[data-align=center] .social-icons--items {
    justify-content: center
  }

  .social-icons--root[data-align=right] .social-icons--items {
    justify-content: flex-end
  }
}

@media only screen and (max-width:767px) {
  .social-icons--items {
    -moz-column-gap: var(--spacing--item);
    column-gap: var(--spacing--item)
  }

  .social-icons--root[data-mobile-align=center] .social-icons--items {
    justify-content: center
  }

  .social-icons--root[data-mobile-align=left] .social-icons--items {
    justify-content: flex-start
  }

  .social-icons--root[data-mobile-align=right] .social-icons--items {
    justify-content: flex-end
  }
}

.social-icons--items>* {
  padding: var(--spacing--1);
  margin: var(--spacing--neg-1)
}

.social-icons--items>* .icon--root {
  overflow: visible
}

.social-icons--root[data-hover-color=opacity] .social-icons--items>:focus-visible>*,
.social-icons--root[data-hover-color=opacity] .social-icons--items>:hover>* {
  opacity: .6
}

.social-icons--root[data-hover-color=brand] .social-icons--items>:focus-visible .icon--x>*,
.social-icons--root[data-hover-color=brand] .social-icons--items>:hover .icon--x>* {
  fill: #fff
}

.social-icons--root[data-hover-color=brand] .social-icons--items>:focus-visible .icon--threads>*,
.social-icons--root[data-hover-color=brand] .social-icons--items>:hover .icon--threads>* {
  fill: #fff
}

.social-icons--root[data-hover-color=brand] .social-icons--items>:focus-visible .icon--facebook>*,
.social-icons--root[data-hover-color=brand] .social-icons--items>:hover .icon--facebook>* {
  fill: #49659d
}

.social-icons--root[data-hover-color=brand] .social-icons--items>:focus-visible .icon--linkedin>*,
.social-icons--root[data-hover-color=brand] .social-icons--items>:hover .icon--linkedin>* {
  fill: #0b65c2
}

.social-icons--root[data-hover-color=brand] .social-icons--items>:focus-visible .icon--pinterest>*,
.social-icons--root[data-hover-color=brand] .social-icons--items>:hover .icon--pinterest>* {
  fill: #cb1f2b
}

.social-icons--root[data-hover-color=brand] .social-icons--items>:focus-visible .icon--youtube>*,
.social-icons--root[data-hover-color=brand] .social-icons--items>:hover .icon--youtube>* {
  fill: red
}

.social-icons--root[data-hover-color=brand] .social-icons--items>:focus-visible .icon--snapchat>*,
.social-icons--root[data-hover-color=brand] .social-icons--items>:hover .icon--snapchat>* {
  fill: #fff
}

.social-icons--root[data-hover-color=brand] .social-icons--items>:focus-visible .icon--tumblr>*,
.social-icons--root[data-hover-color=brand] .social-icons--items>:hover .icon--tumblr>* {
  fill: #35465c
}

.social-icons--root[data-hover-color=brand] .social-icons--items>:focus-visible .icon--vimeo>*,
.social-icons--root[data-hover-color=brand] .social-icons--items>:hover .icon--vimeo>* {
  fill: #1ab7ea
}

.social-icons--root[data-hover-color=brand] .social-icons--items>:focus-visible .icon--email>*,
.social-icons--root[data-hover-color=brand] .social-icons--items>:hover .icon--email>* {
  fill: #deb72c
}

.social-icons--root[data-hover-color=brand] .social-icons--items>:focus-visible .icon--link>*,
.social-icons--root[data-hover-color=brand] .social-icons--items>:hover .icon--link>* {
  fill: #0c63a9
}

.social-icons--root[data-hover-color=brand] .social-icons--items>:focus-visible>.icon--threads,
.social-icons--root[data-hover-color=brand] .social-icons--items>:focus-visible>.icon--x,
.social-icons--root[data-hover-color=brand] .social-icons--items>:hover>.icon--threads,
.social-icons--root[data-hover-color=brand] .social-icons--items>:hover>.icon--x {
  background-color: #000;
  border-radius: 4px
}

.social-icons--root[data-hover-color=brand] .social-icons--items>:focus-visible>.icon--snapchat,
.social-icons--root[data-hover-color=brand] .social-icons--items>:hover>.icon--snapchat {
  stroke: #000
}

.social-icons--root[data-hover-color=brand] .social-icons--items>:focus-visible>.icon--tiktok,
.social-icons--root[data-hover-color=brand] .social-icons--items>:hover>.icon--tiktok {
  filter: drop-shadow(1px 1px 0 #fd3e3e) drop-shadow(-.5px -.5px 0 #4de8f4)
}

.social-icons--root[data-hover-color=brand] .social-icons--items>:focus-visible>.icon--instagram path,
.social-icons--root[data-hover-color=brand] .social-icons--items>:hover>.icon--instagram path {
  fill: url(#instagram-hover)
}

.social-icons--items>:hover {
  cursor: pointer
}

.social-icons--root[data-type=follow] .social-icons--title {
  width: 100%;
  text-align: center
}

@media only screen and (min-width:768px) {
  .social-icons--root[data-align=right] .social-icons--title {
    text-align: right
  }

  .social-icons--root[data-align=left] .social-icons--title {
    text-align: left
  }
}

@media only screen and (max-width:767px) {
  .social-icons--root[data-mobile-align=right] .social-icons--title {
    text-align: right
  }
}

.social-url--link>[aria-hidden=true] {
  display: none
}

@media only screen and (min-width:768px) {
  .stacked-text--root {
    display: flex;
    order: 0;
    text-align: center;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1
  }

  .stacked-text--root:has(.stacked-text--wrapper:not([data-background-color=transparent])) {
    padding: var(--spacing--block)
  }

  .stacked-text--root[data-y-alignment=top] {
    align-self: flex-start
  }

  .stacked-text--root[data-y-alignment=center] {
    align-self: center
  }

  .stacked-text--root[data-y-alignment=bottom] {
    align-self: flex-end
  }

  .stacked-text--root[data-x-alignment=left] {
    text-align: left
  }

  .stacked-text--root[data-x-alignment=center] {
    justify-self: center;
    text-align: center
  }

  .stacked-text--root[data-x-alignment=right] {
    justify-self: flex-end;
    text-align: right
  }
}

@media (min-width: 770px) and (max-width: 1100px) {
  .stacked-text--root[data-y-alignment=center] {
    align-self: end;
  }
}

@media only screen and (max-width:767px) {
  .stacked-text--root {
    text-align: center;
    z-index: 2;
    width: 100%
  }

  .stacked-text--root:not([data-background-color=transparent]) {
    padding: var(--spacing--item)
  }

  .stacked-text--root[data-mobile-alignment=center] {
    align-self: center;
    justify-self: center
  }

  .stacked-text--root[data-mobile-alignment=bottom] {
    align-self: flex-end;
    justify-self: center
  }
}

.stacked-text--wrapper {
  display: inline-flex;
  flex-direction: column;
  gap: var(--spacing--item)
}

@media only screen and (max-width:400px) {
  .stacked-text--root {
    text-align: center;
    z-index: 2;
    width: 100%
  }

  .stacked-text--root:not([data-background-color=transparent]) {
    padding: 0;
  }

  .stacked-text--root[data-mobile-alignment=center] {
    align-self: end;
    justify-self: center
  }

  .stacked-text--root[data-mobile-alignment=bottom] {
    align-self: flex-end;
    justify-self: center
  }
}

.stacked-text--wrapper {
  display: inline-flex;
  flex-direction: column;
  gap: var(--spacing--item)
}

@media only screen and (min-width:768px) {
  .stacked-text--wrapper {
    padding: var(--spacing--section--x)
  }

  .stacked-text--root[data-x-alignment=center] .stacked-text--wrapper {
    align-items: center
  }

  .stacked-text--root[data-x-alignment=right] .stacked-text--wrapper {
    align-items: flex-end
  }
}

@media only screen and (max-width:767px) {
  .stacked-text--wrapper {
    align-items: center;
    padding: var(--spacing--item);
  }
}

/* @media only screen and (max-width:767px) {
  .carousel--block > .carousel--block--container > .featured-content--root > .stacked-text--root > .stacked-text--wrapper {
    align-items: center;
    padding: var(--spacing--item);
    margin-top: 100px;
  }
} */

.stacked-text--wrapper>* {
  order: 1
}

.stacked-text--root[data-width=small] .stacked-text--wrapper>* {
  max-width: 400px
}

.stacked-text--root[data-width=medium] .stacked-text--wrapper>* {
  max-width: 500px
}

.stacked-text--root[data-width=large] .stacked-text--wrapper>* {
  max-width: 650px
}

.stacked-text--overline {
  order: 0
}

.stacked-text--title {
  word-break: break-word
}

.subscribe-form--root {
  width: 100%;
  max-width: 400px;
  display: block;
  margin: 0 auto
}

.subscribe-form--root .icon--spinner {
  width: 35px
}

.subscribe-form {
  width: 100%;
  display: flex;
  gap: var(--spacing--1);
  align-items: center;
  border-bottom: 1px solid var(--color--body);
  background-color: transparent;
  padding: 0 var(--spacing--1)
}

.subscribe-form:has(input:focus-visible) {
  outline: -webkit-focus-ring-color auto 1px
}

[data-text-color=white] .subscribe-form {
  border-bottom: 1px solid #fff
}

.subscribe-form[aria-busy=true] .icon--next {
  display: none
}

.subscribe-form[aria-busy=false] .icon--spinner {
  display: none
}

.subscribe-form--input {
  margin-bottom: 0;
  border: 0;
  padding: 0;
  background-color: transparent
}

.subscribe-form--input:-webkit-autofill {
  -webkit-background-clip: text;
  -webkit-text-fill-color: var(--color--body)
}

.subscribe-form--input:focus-visible {
  background-color: transparent;
  outline: 0;
  border: 0
}

.subscribe-form--input::-webkit-input-placeholder {
  color: var(--color--body)
}

.subscribe-form--input:-moz-placeholder {
  color: var(--color--body)
}

.subscribe-form--input::-moz-placeholder {
  color: var(--color--body)
}

.subscribe-form--input:-ms-input-placeholder {
  color: var(--color--body)
}

[data-text-color=white] .subscribe-form--input {
  color: #fff
}

[data-text-color=white] .subscribe-form--input::-webkit-input-placeholder {
  color: #fff
}

[data-text-color=white] .subscribe-form--input:-moz-placeholder {
  color: #fff
}

[data-text-color=white] .subscribe-form--input::-moz-placeholder {
  color: #fff
}

[data-text-color=white] .subscribe-form--input:-ms-input-placeholder {
  color: #fff
}

[data-text-color=white] .subscribe-form--input:-webkit-autofill {
  -webkit-text-fill-color: #fff
}

.subscribe-form--submit {
  padding: 0;
  scale: .8
}

.subscribe-form--submit:active {
  scale: .75
}

.testimonials--root {
  text-align: center
}

.testimonials--root .icon--quote {
  margin: 0 auto;
  max-width: 32px;
  height: auto
}

.testimonials--body {
  width: 100%
}

@media only screen and (min-width:768px) {
  .testimonials--body {
    margin: 0 auto
  }
}

@media only screen and (max-width:767px) {
  .testimonials--body[data-mobile-columns="2"]>:nth-child(2n+1):last-child {
    grid-column: 1/span 2;
    justify-self: center;
    width: calc((100% - var(--spacing--3))/ 2)
  }
}

.testimonials--block {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--item)
}

.testimonials--image {
  width: 100%;
  max-width: 160px;
  margin: 0 auto
}

.testimonials--root[data-aspect-ratio=circle] .testimonials--image img {
  aspect-ratio: 1;
  border-radius: 50%
}

.testimonials--rating {
  display: flex;
  justify-content: center;
  gap: 4px
}

.testimonials--rating .icon--root {
  max-width: 20px;
  max-height: 20px
}

.testimonials--info {
  display: flex;
  flex-direction: column;
  padding: var(--spacing--item);
  background-color: var(--bg-color--body);
  gap: var(--spacing--item)
}

.testimonials--root[data-background-color=dark] .testimonials--info {
  padding: 0;
  background-color: var(--bg-color--dark)
}

.x-menu {
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 100%
}

.x-menu--level-1--container {
  display: flex;
  align-items: center;
  gap: var(--spacing--block);
  height: 100%;
  min-height: 100%
}

/* .x-menu--level-1--link {
  display: inline-flex;
  align-items: center;
  height: 100%;
  min-height: 100%
} */
.x-menu--level-1--link {
  display: inline-flex;
  align-items: center;
  height: 100%;
  min-height: 100%;
  a {
    color:#ffffff;
  }
}

.x-menu--level-1--link[data-mega-menu=false] {
  position: relative
}

.x-menu--level-1--link[data-mega-menu=true] .menu-block--image-wrapper {
  max-width: 320px;
  flex-basis: 240px;
  flex-grow: 1;
  width: 100%;
  padding: var(--spacing--item);
  order: 1
}

.x-menu--level-1--link[data-mega-menu=true] .menu-block--description {
  padding-top: var(--spacing--1);
  text-align: center
}

.x-menu--level-1--link[data-mega-menu=true] .menu-block--products {
  padding: var(--spacing--item);
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing--block);
  order: 1;
  white-space: initial
}

.x-menu--level-1--link[data-mega-menu=true] .menu-block--products:only-child {
  margin: 0 auto
}

.x-menu--level-1--link[data-mega-menu=true] .menu-block--products>* {
  max-width: 320px;
  flex-basis: 240px;
  flex-grow: 1;
  width: 100%
}

.x-menu--level-1--link[data-mega-menu=true] .menu-block--blog {
  width: 100%;
  max-width: var(--max-width--medium);
  padding: var(--spacing--item);
  white-space: initial;
  order: 1
}

.x-menu--level-1--link[data-mega-menu=true] .menu-block--blog:only-child {
  margin: 0 auto
}

.x-menu--level-1--link[data-mega-menu=true] .menu-block--featured {
  width: 100%;
  order: 1;
  padding: var(--spacing--item);
  white-space: initial
}

.x-menu--level-1--link[data-mega-menu=true] .menu-block--featured:only-child {
  margin: 0 auto
}

.x-menu--level-1--link[data-mega-menu=true] .menu-block--featured .featured-content--image {
  border-radius: var(--image--radius);
  overflow: hidden
}

.x-menu--level-1--link>a,
.x-menu--level-1--link>modal-trigger {
  display: inline-flex;
  align-items: center;
  position: relative;
  box-sizing: content-box;
  gap: var(--spacing--1);
  height: 100%;
  min-height: 100%;
  white-space: nowrap
}

.x-menu--level-1--link>a .icon--chevron-down,
.x-menu--level-1--link>modal-trigger .icon--chevron-down {
  transform: scaleY(1);
  transition: transform .2s var(--transition--standard)
}

.x-menu--level-1--link>a[aria-expanded=true] .icon--chevron-down,
.x-menu--level-1--link>modal-trigger[aria-expanded=true] .icon--chevron-down {
  transform: scaleY(-1)
}

.header--root[data-reduce-height=false] .x-menu--level-1--link>a,
.header--root[data-reduce-height=false] .x-menu--level-1--link>modal-trigger {
  padding: var(--spacing--block) var(--spacing--item);
  margin: var(--spacing--neg-block) var(--spacing--neg-item)
}

.header--root[data-reduce-height=true] .x-menu--level-1--link>a,
.header--root[data-reduce-height=true] .x-menu--level-1--link>modal-trigger {
  padding: var(--spacing--item);
  margin: var(--spacing--neg-item)
}

This is how we fix the issue of not enough browser width for the menu width (removes extra items, they can be accessed in the footer) /
@media (min-width: 767px) { / Apply only when x-menu is shown /
  .x-menu--level-1--container.too-wide .x-menu--level-1--link:nth-child(n + 6) { 
    display: none; / Hide items from the 6th onwards */
  }
}

.x-menu--level-2--container {
  display: flex;
  position: absolute;
  white-space: nowrap;
  min-width: 150px;
  left: 0;
  padding: 0;
  overflow: hidden
}

.header--root[data-reduce-height=false][data-bottom-border=false] .x-menu--level-1--link[data-mega-menu=false] .x-menu--level-2--container {
  top: calc(var(--header--height) - var(--spacing--block))
}

.header--root[data-reduce-height=false][data-bottom-border=true] .x-menu--level-1--link[data-mega-menu=false] .x-menu--level-2--container {
  top: calc(var(--header--height) - var(--spacing--block));
}

.header--root[data-reduce-height=false][data-bottom-border=true] .x-menu--level-1--link[data-mega-menu=false] .x-menu--level-2--container {
  top: 54px;
}

.header--root[data-reduce-height=true] .x-menu--level-1--link[data-mega-menu=false] .x-menu--level-2--container {
  top: calc(var(--header--height) - var(--spacing--item))
}

.header--root[data-reduce-height=true][data-bottom-border=true] .x-menu--level-1--link[data-mega-menu=false] .x-menu--level-2--container {
  top: calc(var(--header--height) - var(--spacing--item))
}

.header--root[data-bottom-border=false] .x-menu--level-1--link[data-mega-menu=true] .x-menu--level-2--container {
  top: var(--header--height)
}

.header--root[data-bottom-border=true] .x-menu--level-1--link[data-mega-menu=true] .x-menu--level-2--container {
  top: calc(var(--header--height))
}

[data-background-color=none] .x-menu--level-2--container {
  background-color: var(--bg-color--body)
}

[data-background-color=light] .x-menu--level-2--container {
  background-color: var(--bg-color--light)
}

[data-background-color=dark] .x-menu--level-2--container {
  background-color: var(--bg-color--dark)
}

[data-background-color=accent-1] .x-menu--level-2--container {
  background-color: var(--color--accent-1)
}

[data-background-color=accent-2] .x-menu--level-2--container {
  background-color: var(--color--accent-2)
}

.x-menu--level-2--container[aria-hidden=true] {
  transition: all .4s var(--transition--standard);
  opacity: 0;
  z-index: -1
}

.x-menu--level-2--container[aria-hidden=false] {
  transition: all .2s var(--transition--ease-out);
  opacity: 1;
  z-index: 4
}

.x-menu--level-1--link[data-mega-menu=false] .x-menu--level-2--container[aria-hidden=false] {
  z-index: 6
}

.x-menu--level-1--link[data-mega-menu=false] .x-menu--level-2--container {
  left: var(--spacing--neg-3);
  box-shadow: 0 10px 10px rgba(0, 0, 0, .08)
}

.x-menu--level-1--link[data-mega-menu=true] .x-menu--level-2--container {
  max-width: 100%;
  padding-top: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .2)
}

.x-menu--level-2--wrapper {
  display: flex
}

.x-menu--level-1--link[data-mega-menu=true] .x-menu--level-2--list {
  display: flex
}

.x-menu--level-1--link[data-mega-menu=true] .x-menu--level-2--list[data-single-parents=true] {
  display: flex;
  flex-direction: column
}

.x-menu--level-1--link[data-mega-menu=true] .x-menu--level-2--list[data-single-parents=true] .x-menu--level-2--link:not(:first-child)>a {
  padding-top: var(--spacing--1)
}

.x-menu--level-1--link[data-mega-menu=true] .x-menu--level-2--list[data-single-parents=true] .x-menu--level-2--link:not(:last-child)>a {
  padding-bottom: var(--spacing--1)
}

.x-menu--level-2--link a {
  display: inline-flex;
  padding: calc(var(--spacing--3)) calc(var(--spacing--4))
}

.x-menu--level-2--link a>* {
  pointer-events: none
}

ul.x-menu--level-3--container {
  padding: 0 0 20px
}

.x-menu--level-3--link a {
  padding: var(--spacing--1) var(--spacing--4);
  line-height: 1
}

[data-hover-disabled=false] .x-menu--level-1--link>a:focus-visible::after,
[data-hover-disabled=false] .x-menu--level-1--link>a:hover::after,
[data-hover-disabled=false] .x-menu--level-1--link>a[aria-expanded=true]::after,
[data-hover-disabled=false] .x-menu--level-1--link>modal-trigger:focus-visible::after,
[data-hover-disabled=false] .x-menu--level-1--link>modal-trigger:hover::after,
[data-hover-disabled=false] .x-menu--level-1--link>modal-trigger[aria-expanded=true]::after {
  transform: scaleX(1)
}

[data-hover-disabled=false] .x-menu--level-1--link>a::after,
[data-hover-disabled=false] .x-menu--level-1--link>modal-trigger::after {
  pointer-events: none;
  content: "";
  transform: scaleX(0);
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  margin: 0 var(--spacing--item);
  background-color: var(--header--color);
  transition: transform .3s
}

[data-hover-disabled=false] .x-menu--level-1--link [data-hover-disabled=false] .x-menu--level-1--link[data-highlight=true]>a::after,
[data-hover-disabled=false] .x-menu--level-1--link [data-hover-disabled=false] .x-menu--level-1--link[data-highlight=true]>modal-trigger::after {
  --header--color: var(--highlight-color)
}

.y-menu {
  display: block;
  position: relative;
  width: 100%;
  max-width: 400px;
  overflow: hidden;
  transition: height .4s var(--transition--ease-out)
}

.y-menu li,
.y-menu ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.y-menu .menu-block--image-wrapper {
  padding: var(--spacing--item)
}

.y-menu .menu-block--description {
  padding-top: var(--spacing--1);
  text-align: center
}

.y-menu .menu-block--products>* {
  padding: var(--spacing--item)
}

.y-menu .blog-grid--root[data-container=panel] {
  grid-template-columns: repeat(1, minmax(0, 1fr));
  padding: var(--spacing--item)
}

.y-menu .featured-content--root {
  padding: var(--spacing--item)
}

.y-menu .featured-content--root .featured-content--container {
  border-radius: var(--image--radius)
}

.y-menu--level-1--link,
.y-menu--level-2--link,
.y-menu--level-3--link,
.y-menu--parent-link {
  display: block;
  border-bottom: 1px solid var(--bdr-dark--general)
}

.y-menu--level-1--link:first-child,
.y-menu--level-2--link:first-child,
.y-menu--level-3--link:first-child,
.y-menu--parent-link:first-child {
  border-top: 1px solid var(--bdr-dark--general)
}

.y-menu--level-1--link>a,
.y-menu--level-1--link>modal-trigger,
.y-menu--level-2--link>a,
.y-menu--level-2--link>modal-trigger,
.y-menu--level-3--link>a,
.y-menu--level-3--link>modal-trigger,
.y-menu--parent-link>a,
.y-menu--parent-link>modal-trigger {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing--item);
  z-index: 0;
  line-height: 1.3;
  padding: 24px var(--spacing--item)
}

.y-menu--blocks {
  display: block;
  border-bottom: 1px solid var(--bdr-dark--general)
}

.y-menu--level-1--link[data-highlight=true]>a,
.y-menu--level-1--link[data-highlight=true]>modal-trigger {
  color: var(--highlight-color)
}

.y-menu--level-1--link[data-highlight=true]>a svg>*,
.y-menu--level-1--link[data-highlight=true]>modal-trigger svg>* {
  fill: var(--highlight-color)
}

.y-menu--back-link {
  border-top: 1px solid var(--bdr-dark--general);
  border-bottom: 1px solid var(--bdr-dark--general);
  text-align: center
}

.y-menu--back-link button {
  position: relative;
  display: flex;
  gap: var(--spacing--item);
  align-items: center;
  z-index: 0;
  line-height: 1.3;
  padding: 24px var(--spacing--item);
  color: var(--color--body)
}

.y-menu--level-2--container {
  position: absolute;
  z-index: 4;
  min-width: 150px;
  padding: 0;
  background: var(--bg-color--body);
  overflow: hidden;
  left: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  transform: translateX(0);
  transition: transform .4s var(--transition--ease-out)
}

[data-depth="2"] .y-menu--level-2--link>a {
  padding-left: 35px
}

.y-menu--level-3--container {
  padding: 0;
  position: absolute;
  left: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  background: var(--bg-color--body);
  z-index: 5;
  transform: translateX(0);
  transition: transform .4s var(--transition--ease-out)
}

[data-depth="3"] .y-menu--level-3--link>a {
  padding-left: 35px
}

.shopify-challenge__container {
  padding: var(--spacing--section)
}

@media only screen and (max-width:767px) {
  .shopify-challenge__container {
    padding: var(--spacing--section--mobile)
  }
}

.shopify-challenge__container .shopify-challenge__message {
  padding-bottom: var(--spacing--block)
}

.shopify-challenge__container .g-recaptcha {
  padding-bottom: var(--spacing--block)
}

.shopify-challenge__container input[type=submit] {
  width: 300px
}
.inventory--lowdisplay {
  color: red;
  margin-top: 5px;
}
.product-buy-buttons-quickadd--primary {
    padding: .8rem;
    box-sizing: border-box;
    background-color: #fff; 
    color: #000; 
    width: 100%;
    border: 1px solid #000; 
    position: relative;
    z-index: 1;
    transition: color 0.3s ease; 
    /* Remove the outline from the main button */
    outline: none; 
}

.product-buy-buttons-quickadd--primary:before {
    content: '';
    position: absolute;
    top: -1px; /* Adjust to perfectly overlap the button's border */
    left: -1px; 
    width: calc(100% + 2px); /* Add 2px to cover the border width */
    height: calc(100% + 2px); 
    /* Apply the blur only to the border */
        box-shadow: 
        0 1px 0 0 rgba(0,0,0,0.8),
        0 -1px 0 0 rgba(0,0,0,0.8),
        1px 0 0 0 rgba(0,0,0,0.8),
        -1px 0 0 0 rgba(0,0,0,0.8);
    filter: blur(1px); 
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
}

.product-buy-buttons-quickadd--primary:hover,
.product-buy-buttons-quickadd--primary:focus {
    color: #666; 
}

.product-buy-buttons-quickadd--primary:hover:before,
.product-buy-buttons-quickadd--primary:focus:before {
    opacity: 1;
}

@media only screen and (max-width:767px) {
    .product-buy-buttons-quickadd--primary {
    width: 100%;
  }
}
/* .product-buy-buttons--cta-text {
  
}
 */
   /* .x-menu--level-2--list {
     display: none !important;
   } */
  /* .x-menu--level-1--container>li:nth-child(2)>.x-menu--level-2--container>.x-menu--single-parents {
    display: inline-block !important;
  } */
.header--root:hover {
  background-color: rgba(25, 25, 25, 1);
}

.header--root[data-bottom-border=true]:hover .x-menu--level-1--link[data-mega-menu=true] .x-menu--level-2--container {
  background-color: rgba(25, 25, 25, 1);
}
.header--root[data-reduce-height=false][data-bottom-border=true] .x-menu--level-1--link[data-mega-menu=false] .x-menu--level-2--container {
  background-color: rgba(25, 25, 25, 1);
}

.header--root[data-background-color="white"]:hover {
  background-color: rgba(255, 255, 255, 1);
}

.header--root[data-background-color="white"][data-bottom-border=true]:hover .x-menu--level-1--link[data-mega-menu=true] .x-menu--level-2--container {
  background-color: rgba(255, 255, 255, 1);
}
.header--root[data-background-color="white"][data-reduce-height=false][data-bottom-border=true] .x-menu--level-1--link[data-mega-menu=false] .x-menu--level-2--container {
  background-color: rgba(255, 255, 255, 1);
}


.header--root.sticky {
  background-color: #ffffff !important;
}

.header--root.sticky:hover {
  background-color: #ffffff !important;
}

.header--root[data-bottom-border=true].sticky:hover .x-menu--level-1--link[data-mega-menu=true] .x-menu--level-2--container {
  background-color: #ffffff !important;
}

.header--root[data-reduce-height=false][data-bottom-border=true].sticky .x-menu--level-1--link[data-mega-menu=false] .x-menu--level-2--container {
  background-color: #ffffff !important;
}
.x-menu--level-1--link > a {
  font-size: 17px;
  font-weight: bold;
}

ul.too-wide .x-menu--level-1--link > a {
  font-size: 15px;
}

.x-menu--level-1--container > li:nth-child(3) > .x-menu--level-2--container > .x-menu--level-2--wrapper > .x-menu--level-2--list:first-child {
  display: none !important;
}
.x-menu--level-2--wrapper{
  margin: auto;
}
.y-menu--level-1--link > a {
  color: #ffffff !important;
}
.x-menu--level-1--link > a {
  color: #000000;
}
/* Base container styles for all menu levels */
.y-menu--container {
  background-color: #252525 !important;
}

/* Link styles for all menu levels */
.y-menu--link {
  background-color: #252525;
  border-top: 1px solid #252525;
  border-bottom: 1px solid #252525;
}

.y-menu--link:hover {
  background-color: rgba(255,255,255,0.2);
}

/* Link text color for level 2 and 3 */
.y-menu--level-2--container > li > a,
.y-menu--level-3--container > li > a {
  color: #ffffff !important;
}

/* Back link button color */
.y-menu--back-link button {
  color: #ffffff !important;
}

.stacked-text--overline {
  color: #ffffff;
}

.stacked-text--title {
  color: #ffffff;
}

.stacked-text--description {
  color: #ffffff;
  
}
.carousel--block--container .stacked-text--description p {
    font-weight: 600;
    text-shadow: 2px 3px 5px rgba(0, 0, 0, 0.5);
}
.search--cancel {
  color: #252525;
}
.stacked-text--button:hover,
.stacked-text--button:focus {
  background-color: #A8A8A8;
  box-shadow: 0px 0px 5px #757575;
}
.image-comparison--link--container:hover,
.image-comparison--link--container:focus {
  background-color: #A8A8A8;
  box-shadow: 0px 0px 0px #757575;
}

.featured-collection--show-more:hover,
.featured-collection--show-more:active {
    background-color: #A8A8A8;
    box-shadow: 0px 0px 5px #757575;
}

#chatbox-container {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 300px;
        border: 3px solid #762465;
        background: #fff;
        display: none;
        z-index: 1000;
    }
    #chatbox-messages {
        height: 200px;
        overflow-y: auto;
        padding: 10px;
        border-bottom: 2px solid #762465;
    }
    #chatbox-input {
        width: 70%;
        padding: 10px;
        border: none;
    }
    #chatbox-input:focus {
      outline:none!important;
    }
    #chatbox-send {
        width: 30%;
        padding: 10px;
        border: none;
        background: #444444;
        color: #ffffff;
    }

#open-chatbot, #close-chatbot {
    position: fixed;
    bottom: 20px;
    left: 0;
    background-color: #762465;
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    z-index: 1001;
}
#close-chatbot {
    bottom: 300px;
}
#chatbox-send:disabled {
        background: #8C8C8C;
    }

.bot-avatar {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: 50%;
}

.typewriter {
        font-family: monospace;/* Web-safe typewriter-like font */
        overflow: hidden;/* Ensures the content is not revealed until the animation */
        border-right: .17em solid pink;/* The typewriter cursor */
        white-space: nowrap;/* Keeps the content on a single line */
        margin: 0 auto;/* Gives that scrolling effect as the typing happens */
        letter-spacing: .17em;/* Adjust as needed */
        animation: typing 3.5s steps(30, end), blinking-cursor .5s step-end infinite;
      }
@keyframes typing {
        from {
          width: 0
        }
        to {
          width: 100%
        }
      }

.drawer--instance {
  color: #ffffff;
}

.wallet-button-fade-in:hover,
.wallet-button-fade-in:active {
    cursor: auto;
    opacity: 0.75;
}
.product-buy-buttons--primary:hover,
.product-buy-buttons--primary:active {
    cursor: auto;
    opacity: 0.75;
}

.predictive-search--product-grid > a {
  color: white;
}
.predictive-search--product-grid > .product--root > a > .product--details-container > .product--details > .product--details-wrapper > .product--title {
  color: white;
}
.predictive-search--product-grid > .product--root > a > .product--details-container > .product--details > .product--price-container > .product--price-wrapper > .product--price {
  color: white;
}
.predictive-search--product-grid > .product--root > a > .product--details-container > .product--details > .product--details-wrapper > .product--rating {
  color: white;
}
.predictive-search--product-grid > .product--root > a > .product--details-container > .product--details > .product--price-container > .product--price-wrapper > .product--from {
  color: white;
}
.predictive-search--item > a {
  color: white;
}
@media only screen and (max-width: 366px) {
    [data-item~=featured-heading] {
        font-size: 2.2em;
    }
}

@media only screen and (max-width: 366px) {
    .header--secondary-nav {
        position: absolute;
        right: 0;
    }
}
@media only screen and (max-width: 400px){
  .stacked-text--title {
    font-size: 2.5em;
  }
}
@media only screen and (max-width: 366px) {
    .stacked-text--title {
      font-size: 2.2em;
  }
}
@media only screen and (max-width: 337px) {
    .stacked-text--title {
      font-size: 1.8em;
  }
}

@media only screen and (max-width: 767px) {
  .stacked-text--wrapper[data-transition-container="template--22670607974723__slideshow--block-1"] {
    margin-top: 100px !important;
  }
}

.product--label[data-label-shape="round"] {
  color: #ffffff !important;
}
@media only screen and (max-width: 360px) {
    .header--logo img {
        width: 200px;
    }
}

.header--root[data-background-color="white"] .x-menu a {
  color: #000000;
}

.footer--sub div[data-type="powered-by"] {
  display: none;
}

.product--label[data-label-shape=round] {
  font-size: 10px;
}

.product--label:not(:last-child) {
  margin-right: 2px;
  margin-bottom: 4px;
}

.product--label[data-label-shape=round] {
  padding: 2px;
  padding-right: 5px;
  padding-left: 5px;
  line-height: 2;
  background: rgba(190, 104, 207, 0.65);
  text-shadow: 0px 1px 2px rgba(0,0,0,0.6);
  box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
}
.product-buy-buttons-quickadd--primary {
    padding: .8rem;
    box-sizing: border-box;
    background-color: #fff; 
    color: #000; 
    width: 100%;
    border: 1px solid #000; 
    position: relative;
    z-index: 1;
    transition: color 0.3s ease; 
    /* Remove the outline from the main button */
    outline: none;
    font-weight: var(--font--nav--weight);
    font-style: var(--font--nav--style);
    text-transform: var(--text-transform);
    letter-spacing: 1px;
    font-size: var(--font--size);
    --text-transform: var(--font--nav--uppercase);
    --font--size: 14px;
    letter-spacing: var(--font--button--spacing);
    font-family: var(--font--nav--family);
}
    

.header--root
/* .x-menu--level-2--container {
  top: var(--header--height) !important;
} */
/* .header--root:hover {
  opacity: 0.3;
} */
/* .stacked-text--overline {
  color: black;
}
.stacked-text--description {
  color: black;
}

.stacked-text--title {
  color: black;
} */


header .disclosure--current-option {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

header .disclosure--current-option img.icon--flag {
  width: 20px !important;
  height: auto !important;
  display: inline-block !important;
}

header .disclosure--option {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

header .disclosure--option img.icon--flag {
  width: 20px !important;
  height: auto !important;
  display: inline-block !important;
}