/** Shopify CDN: Minification failed

Line 2990:0 Unexpected "}"

**/
/* Make HTML and body element fit the screen */
html, body {
  min-height: 100vh;
  width: 100%;
}

html {
  scroll-behavior: smooth;
}

html.sticky-header-initialized {
  scroll-padding-top: var(--sticky-header-margin-top);
}

body {
  display: flex;
  flex-direction: column;
  scroll-padding-top: var(--sticky-header-margin-top);
}

html:not(.template-password) main#MainContent {
  flex-grow: 1;
}

/* COLOR SCHEMES */
body,
.color-main {
  background-color: var(--primary-background);
  color: var(--primary-foreground);
  --border-color: var(--primary-borders);
  --card-text-color: var(--primary-card-foreground);
  --card-bg-color: var(--primary-card-background);
  --btn-text-color: var(--primary-foreground-btn);
  --btn-bg-color: var(--primary-background-btn);
}
.color-main-inverted {
  background-color: var(--primary-foreground);
  color: var(--primary-background);
  --card-text-color: var(--primary-card-foreground);
  --btn-text-color: var(--primary-background-btn);
  --btn-bg-color: var(--primary-foreground-btn);
}
.color-accent {
  background-color: var(--accent-background);
  color: var(--accent-foreground);
  --border-color: var(--accent-borders);
  --card-text-color: var(--accent-card-foreground);
  --card-bg-color: var(--accent-card-background);
  --btn-text-color: var(--accent-foreground-btn);
  --btn-bg-color: var(--accent-background-btn);
}
.color-accent-inverted {
  background-color: var(--accent-foreground);
  color: var(--accent-background);
  --card-text-color: var(--accent-card-foreground);
  --btn-text-color: var(--accent-background-btn);
  --btn-bg-color: var(--accent-foreground-btn);
}

/* Utility */
.flex {
  display: flex;
  flex-wrap: wrap;
}
.vertical {
  flex-direction: column !important;
}
.horizontal {
  flex-direction: row !important;
}
.center-center {
  align-items: center;
  justify-content: center;
}
.space-between {
  justify-content: space-between;
}

/* Align */
.text-align-left { text-align: left }
.text-align-center, .text-center{ text-align: center }
.text-align-right { text-align: right }

.horizontal-left,
.text-align-left .flex,
.text-align-left .btn-group { justify-content: flex-start }
.horizontal-center,
.text-align-center .flex,
.text-align-center .btn-group { justify-content: center }
.horizontal-right,
.text-align-right .flex,
.text-align-right .btn-group { justify-content: flex-end }

.view-all-link {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.5rem;
}

.vertical-top { align-items: flex-start }
.vertical-center { align-items: center }
.vertical-bottom { align-items: flex-end }

@media only screen and (min-width: 768px) {
  .sm-text-align-left { text-align: left }
  .sm-text-align-center { text-align: center }
  .sm-text-align-right { text-align: right }

  .sm-horizontal-left,
  .sm-text-align-left .flex,
  .sm-text-align-left .btn-group { justify-content: flex-start }
  .sm-horizontal-center,
  .sm-text-align-center .flex,
  .sm-text-align-center .btn-group { justify-content: center }
  .sm-horizontal-right,
  .sm-text-align-right .flex,
  .sm-text-align-right .btn-group { justify-content: flex-end }

  .sm-vertical-top { align-items: flex-start }
  .sm-vertical-center { align-items: center }
  .sm-vertical-bottom { align-items: flex-end }
}

/**
* Aspect Ratios and Media
**/

.natural > * {
  height: auto;
  display: block;
}

.portrait > *,
.portrait_alt > *,
.landscape > *,
.square > *,
.portrait > * video,
.portrait_alt > * video,
.landscape > * video,
.square > * video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
}

.media.cover > * {
  object-fit: cover;
}

.contain.portrait > *,
.contain.portrait_alt > *,
.contain.landscape > *,
.contain.square > * {
  object-fit: contain;
}

.natural model-viewer {
  min-height: 50vh;
}
.portrait,
.aspect-ratio--portrait {
  aspect-ratio: 2 / 3;
}
.portrait_alt,
.aspect-ratio--portrait_alt {
  aspect-ratio: 3 / 4;
}
.landscape,
.aspect-ratio--landscape {
  aspect-ratio: 4 / 3;
}
.square,
.aspect-ratio--square {
  aspect-ratio: 1 / 1;
}

@supports not (aspect-ratio: 16 / 9) {
  .portrait {
    padding-top: 150%;
    height: 0;
  }
  .portrait_alt {
    padding-top: calc(4 / 3 * 100%);
    height: 0;

  }
  .landscape {
    padding-top: 75%;
    height: 0;
  }
  .square {
    padding-top: 100%;
    height: 0;
  }
}

.media img,
.media video {
  display:block;
  width:100%;
} 

.media, figure {
  display: block;
  position: relative;
  overflow: hidden;
  max-width: 100%;
  /* animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; */
}

.media--empty {
  background-color: var(--placeholder-bg);
}
.media-block {
  background-color: var(--placeholder-bg);
}
.placeholder-svg {
  opacity: .35;
}

.pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  background-color: var(--placeholder-bg);
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: .5;
  }
}

model-viewer, product-model {
  display: block;
  width: 100%;
  height: 100%;
}

/**
* Margins
**/
.m-gutter { margin: var(--gutter) }
.m-4  { margin: 4px }
.m-8  { margin: 8px }
.m-16 { margin: 16px }
.m-24 { margin: 24px }
.m-32 { margin: 32px }
.m-40 { margin: 40px }
.m-48 { margin: 48px }
.m-64 { margin: 64px }
.m-80 { margin: 80px }
.m    { margin: var(--m) }


.mb-gutter { margin-bottom: var(--gutter) }
.mb-4  { margin-bottom: 4px }
.mb-8  { margin-bottom: 8px }
.mb-16 { margin-bottom: 16px }
.mb-24 { margin-bottom: 24px }
.mb-32 { margin-bottom: 32px }
.mb-40 { margin-bottom: 40px }
.mb-48 { margin-bottom: 48px }
.mb-64 { margin-bottom: 64px }
.mb-80 { margin-bottom: 80px }
.mb    { margin-bottom: var(--mb) }


.mt-gutter { margin-top: var(--gutter) }
.mt-4  { margin-top: 4px }
.mt-8  { margin-top: 8px }
.mt-16 { margin-top: 16px }
.mt-24 { margin-top: 24px }
.mt-32 { margin-top: 32px }
.mt-40 { margin-top: 40px }
.mt-48 { margin-top: 48px }
.mt-64 { margin-top: 64px }
.mt-80 { margin-top: 80px }
.mt    { margin-top: var(--mt) }


.ml-gutter { margin-left: var(--gutter) }
.ml-4  { margin-left: 4px }
.ml-8  { margin-left: 8px }
.ml-16 { margin-left: 16px }
.ml-24 { margin-left: 24px }
.ml-32 { margin-left: 32px }
.ml-40 { margin-left: 40px }
.ml-48 { margin-left: 48px }
.ml-64 { margin-left: 64px }
.ml-80 { margin-left: 80px }
.ml    { margin-left: var(--ml) }

.mr-gutter { margin-right: var(--gutter) }
.mr-4  { margin-right: 4px }
.mr-8  { margin-right: 8px }
.mr-16 { margin-right: 16px }
.mr-24 { margin-right: 24px }
.mr-32 { margin-right: 32px }
.mr-40 { margin-right: 40px }
.mr-48 { margin-right: 48px }
.mr-64 { margin-right: 64px }
.mr-80 { margin-right: 80px }
.mr    { margin-right: var(--mr) }

@media only screen and (min-width: 768px) {
  .md-m-gutter { margin: var(--gutter) }
  .md-m-4  { margin: 4px }
  .md-m-8  { margin: 8px }
  .md-m-16 { margin: 16px }
  .md-m-24 { margin: 24px }
  .md-m-32 { margin: 32px }
  .md-m-40 { margin: 40px }
  .md-m-48 { margin: 48px }
  .md-m-48 { margin: 64px }
  .md-m-80 { margin: 80px }
  .md-m    { margin: var(--md-m) }


  .md-mb-gutter { margin-bottom: var(--gutter) }
  .md-mb-4  { margin-bottom: 4px }
  .md-mb-8  { margin-bottom: 8px }
  .md-mb-16 { margin-bottom: 16px }
  .md-mb-24 { margin-bottom: 24px }
  .md-mb-32 { margin-bottom: 32px }
  .md-mb-40 { margin-bottom: 40px }
  .md-mb-48 { margin-bottom: 48px }
  .md-mb-64 { margin-bottom: 64px }
  .md-mb-80 { margin-bottom: 80px }
  .md-mb    { margin-bottom: var(--md-mb) }


  .md-mt-gutter { margin-top: var(--gutter) }
  .md-mt-4  { margin-top: 4px }
  .md-mt-8  { margin-top: 8px }
  .md-mt-16 { margin-top: 16px }
  .md-mt-24 { margin-top: 24px }
  .md-mt-32 { margin-top: 32px }
  .md-mt-40 { margin-top: 40px }
  .md-mt-48 { margin-top: 48px }
  .md-mt-64 { margin-top: 64px }
  .md-mt-80 { margin-top: 80px }
  .md-mt    { margin-top: var(--md-mt) }


  .md-ml-gutter { margin-left: var(--gutter) }
  .md-ml-4  { margin-left: 4px }
  .md-ml-8  { margin-left: 8px }
  .md-ml-16 { margin-left: 16px }
  .md-ml-24 { margin-left: 24px }
  .md-ml-32 { margin-left: 32px }
  .md-ml-40 { margin-left: 40px }
  .md-ml-48 { margin-left: 48px }
  .md-ml-64 { margin-left: 64px }
  .md-ml-80 { margin-left: 80px }
  .md-ml    { margin-left: var(--md-ml) }

  .md-mr-gutter { margin-right: var(--gutter) }
  .md-mr-4  { margin-right: 4px }
  .md-mr-8  { margin-right: 8px }
  .md-mr-16 { margin-right: 16px }
  .md-mr-24 { margin-right: 24px }
  .md-mr-32 { margin-right: 32px }
  .md-mr-40 { margin-right: 40px }
  .md-mr-48 { margin-right: 48px }
  .md-mr-64 { margin-right: 64px }
  .md-mr-80 { margin-right: 80px }
  .md-mr    { margin-right: var(--md-mr) }
}


/**
* Paddings
**/
.p-gutter { padding: var(--gutter) }
.p-4  { padding: 4px }
.p-8  { padding: 8px }
.p-16 { padding: 16px }
.p-24 { padding: 24px }
.p-32 { padding: 32px }
.p-40 { padding: 40px }
.p-48 { padding: 48px }
.p-64 { padding: 64px }
.p-80 { padding: 80px }
.p    { padding: var(--p) !important }

.pb-gutter { padding-bottom: var(--gutter) }
.pb-4  { padding-bottom: 4px }
.pb-8  { padding-bottom: 8px }
.pb-16 { padding-bottom: 16px }
.pb-24 { padding-bottom: 24px }
.pb-32 { padding-bottom: 32px }
.pb-40 { padding-bottom: 40px }
.pb-48 { padding-bottom: 48px }
.pb-56 { padding-bottom: 56px }
.pb-64 { padding-bottom: 64px }
.pb-72 { padding-bottom: 72px }
.pb-80 { padding-bottom: 80px }
.pb    { padding-bottom: var(--pb) !important }

.pt-gutter { padding-top: var(--gutter) }
.pt-4  { padding-top: 4px }
.pt-8  { padding-top: 8px }
.pt-16 { padding-top: 16px }
.pt-24 { padding-top: 24px }
.pt-32 { padding-top: 32px }
.pt-40 { padding-top: 40px }
.pt-48 { padding-top: 48px }
.pt-64 { padding-top: 64px }
.pt-80 { padding-top: 80px }
.pt    { padding-top: var(--pt) !important }

.pl-gutter { padding-left: var(--gutter) }
.pl-4  { padding-left: 4px }
.pl-8  { padding-left: 8px }
.pl-16 { padding-left: 16px }
.pl-24 { padding-left: 24px }
.pl-32 { padding-left: 32px }
.pl-40 { padding-left: 40px }
.pl-48 { padding-left: 48px }
.pl-64 { padding-left: 64px }
.pl-80 { padding-left: 80px }
.pl    { padding-left: var(--pl) !important }

.pr-gutter { padding-right: var(--gutter) }
.pr-4  { padding-right: 4px }
.pr-8  { padding-right: 8px }
.pr-16 { padding-right: 16px }
.pr-24 { padding-right: 24px }
.pr-32 { padding-right: 32px }
.pr-40 { padding-right: 40px }
.pr-48 { padding-right: 48px }
.pr-64 { padding-right: 64px }
.pr-80 { padding-right: 80px }
.pr    { padding-right: var(--pr) !important }

@media only screen and (min-width: 768px) {
  .md-p-gutter { padding: var(--gutter) }
  .md-p-4  { padding: 4px }
  .md-p-8  { padding: 8px }
  .md-p-16 { padding: 16px }
  .md-p-24 { padding: 24px }
  .md-p-32 { padding: 32px }
  .md-p-40 { padding: 40px }
  .md-p-48 { padding: 48px }
  .md-m-64 { padding: 64px }
  .md-m-80 { padding: 80px }
  .md-p    { padding: var(--md-p) !important }

  .md-pb-gutter { padding-bottom: var(--gutter) }
  .md-pb-4  { padding-bottom: 4px }
  .md-pb-8  { padding-bottom: 8px }
  .md-pb-16 { padding-bottom: 16px }
  .md-pb-24 { padding-bottom: 24px }
  .md-pb-32 { padding-bottom: 32px }
  .md-pb-40 { padding-bottom: 40px }
  .md-pb-48 { padding-bottom: 48px }
  .md-pb-64 { padding-bottom: 64px }
  .md-pb-80 { padding-bottom: 80px }
  .md-pb    { padding-bottom: var(--md-pb) !important }

  .md-pt-gutter { padding-top: var(--gutter) }
  .md-pt-4  { padding-top: 4px }
  .md-pt-8  { padding-top: 8px }
  .md-pt-16 { padding-top: 16px }
  .md-pt-24 { padding-top: 24px }
  .md-pt-32 { padding-top: 32px }
  .md-pt-40 { padding-top: 40px }
  .md-pt-48 { padding-top: 48px }
  .md-pt-64 { padding-top: 64px }
  .md-pt-80 { padding-top: 80px }
  .md-pt    { padding-top: var(--md-pt) !important }

  .md-pl-gutter { padding-left: var(--gutter) }
  .md-pl-4  { padding-left: 4px }
  .md-pl-8  { padding-left: 8px }
  .md-pl-16 { padding-left: 16px }
  .md-pl-24 { padding-left: 24px }
  .md-pl-32 { padding-left: 32px }
  .md-pl-40 { padding-left: 40px }
  .md-pl-48 { padding-left: 48px }
  .md-pl-64 { padding-left: 64px }
  .md-pl-80 { padding-left: 80px }
  .md-pl    { padding-left: var(--md-pl) !important }

  .md-pr-gutter { padding-right: var(--gutter) }
  .md-pr-4  { padding-right: 4px }
  .md-pr-8  { padding-right: 8px }
  .md-pr-16 { padding-right: 16px }
  .md-pr-24 { padding-right: 24px }
  .md-pr-32 { padding-right: 32px }
  .md-pr-40 { padding-right: 40px }
  .md-pr-48 { padding-right: 48px }
  .md-pr-64 { padding-right: 64px }
  .md-pr-80 { padding-right: 80px }
  .md-pr    { padding-right: var(--md-pr) !important }
}

/**
* Full-Bleed Layout Using CSS Grid
*
* https://www.joshwcomeau.com/css/full-bleed/
**/
.wrapper .shopify-section,
.inner-wrapper {
  /* ideal width is defined in theme.liquid */
  display: grid;
  grid-template-columns: 1fr min(var(--ideal-width), calc(100% - (var(--gutter) * 2))) 1fr;
  grid-column-gap: var(--gutter);
}
.wrapper .shopify-section--with-padding {
  grid-column-gap: 0;
  grid-template-columns: 1fr min(calc(var(--ideal-width) + (var(--gutter) * 2)), 100%) 1fr;
}
.wrapper .shopify-section--with-padding .page-width {
  padding-left: var(--gutter);
  padding-right: var(--gutter);
}
.template-page .page-content {
  --ideal-width: 65ch;
}
.wrapper .page-width,
.wrapper > *,
.wrapper .shopify-section > .shopify-app-block  {
  grid-column: 2;
}
.wrapper .full-width {
  width: 100%;
  grid-column: 1 / 4;
}
.wrapper .full-width:not(.inner-wrapper) .section__header,
.section__header.full-width {
  padding-left: var(--gutter);
  padding-right: var(--gutter);
  width: 100%;
}
.wrapper .full-width .section__subheader,
.section__subheader.full-width {
  padding-left: var(--gutter);
  padding-right: var(--gutter);
  width: 100%;
}
.section__header {
  padding-top: calc(var(--gutter) * 1.6);
  padding-bottom: calc(var(--gutter) * 0.6);
  position: relative;
}
.section__subheader {
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .section__subheader {
    margin-bottom: 56px;
  }
  .wrapper .shopify-section,
  .wrapper .shopify-section--with-padding,
  .inner-wrapper {
    grid-template-columns: 1fr min(var(--ideal-width), calc(100% - (var(--gutter) * 4))) 1fr;
    grid-column: 1 / 4;
  }
}

@media only screen and (max-width: 767px) {
  .mobile-full-width {
    width: 100% !important;
    grid-column: 1 / 4 !important;
  }
  .mobile-full-width .section__header {
    padding-left: var(--gutter);
    padding-right: var(--gutter);
    width: 100%;
  }
}

/**
* Header
**/
header.header {
  width: 100%;
  overflow-x: hidden;
  --padding-vertical: 4px;
  --padding-horizontal: 8px;
  --gap: 0;

  font-size: var(--font-site-header-size);
  font-family: var(--font-site-header-family);
  font-style: var(--font-site-header-style);
  font-weight: var(--font-site-header-weight);
  text-transform: var(--font-site-header-text-transform);
  letter-spacing: var(--font-site-header-letter-spacing);
}
header.header--shadow:not(.overlay),
.sticky-header-show header.header--shadow {
  box-shadow: 0 0 20px rgba(0,0,0,.1);
}
html:not(.sticky-header-initialized) header.header.overlay {
  position: absolute;
}
html.sticky-header-initialized .site-header {
  position: sticky;
  top: 0;
  z-index: 3;
}
html.sticky-header-initialized header.header:not([data-sticky-behavior="none"]) {
  width: 100%;
  transform: unset;
  transition: all 0.2s linear;
}
html.sticky-header-initialized.sticky-header-hide header.header {
  transform: translateY(calc(-100% - 20px));
}
html.sticky-header-initialized header.header.overlay {
  position: absolute;
}
html:not(.sticky-header-show) header.header.overlay {
  width: 100%;
  z-index: 3;
  background-color: transparent;
}
header .header-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap);
  padding: var(--padding-vertical) var(--padding-horizontal);
  max-width: 1200px;
  margin: auto;
}
header.header {
  color: var(--header-foreground);
  background-color: var(--header-background);
}
header.header.inverse-colors {
  color: var(--header-background);
  background-color: var(--header-foreground);
}
html:not(.sticky-header-show) header.header.overlay.overlay-is-light-background { 
  color: var(--header-light-foreground);
}
html:not(.sticky-header-show) header.header.overlay.overlay-is-dark-background { 
  color: var(--header-dark-foreground);
}
header.header.is-dark-background .site-logo.for-light-backgrounds,
html:not(.sticky-header-show) header.header.overlay.overlay-is-dark-background .site-logo.for-light-backgrounds,
html.sticky-header-show header.header.overlay.overlay-is-dark-background .site-logo.for-dark-backgrounds {
  display: none;
}
header.header.is-light-background .site-logo.for-dark-backgrounds,
html:not(.sticky-header-show) header.header.overlay.overlay-is-light-background .site-logo.for-dark-backgrounds,
html.sticky-header-show header.header.overlay.overlay-is-light-background .site-logo.for-light-backgrounds {
  display: none;
}
header.header.overlay.overlay-is-light-background .site-logo.for-light-backgrounds,
html.sticky-header-show header.header.overlay.is-light-background .site-logo.for-light-backgrounds {
  display: grid;
}
header.header.overlay.overlay-is-dark-background .site-logo.for-dark-backgrounds,
html.sticky-header-show header.header.overlay.is-dark-background .site-logo.for-dark-backgrounds {
  display: grid;
}

.header-logo {
  display: block;
}
.site-logo {
  display: grid;
  height: auto;
  place-content: center;
}
.site-logo.--image {
  width: var(--logo-width);
}
.site-logo.--svg svg {
  height: auto;
  max-width: 100%;
  width: var(--logo-width);
}

.header-item {
  display: flex;
  flex-direction: row;
  align-items: center;

  gap: var(--gap);
}
.header-item.--left {
  flex: 1 1 0%;
}
.header-item.--right {
  flex: 1 1 0%;
  justify-content: flex-end;
}
.logo-left__menu-left .header-shortlinks {
  order: 2;
}
.logo-left__menu-left .header-item.--right {
  flex-grow: 0;
}

.header-item__link {
  --padding: 18px;
  padding: calc(var(--padding) / 2);
  display: grid;
  place-content: center;
  cursor: pointer;
  position: relative;
}
.header-item__link-icon {
  display: grid;
  place-content: center;
}
[data-use-icons="true"] .header-item__link .cart-blip {
  display: grid;
    position: absolute;
    top: -2px !important;
    right: -3px !important;
    width: 15px !important;
    height: 15px !important;
    color: var(--cart-dot-foreground);
    background-color: #000 !important;
    border-radius: 50%;
    place-content: center;
    font-size: 9px !important;
    pointer-events: none;
}
[data-use-icons="true"] .header-item__link .cart-blip {
  display: grid !important;
}

@media only screen and (max-width: 1023px) {
  [data-use-icons="false"] .header-item__link .cart-blip {
    display: grid;
    position: absolute;
    top: 6px;
    right: 0px;
    width: 18px;
    height: 18px;
    color: var(--cart-dot-foreground);
    background-color: var(--cart-dot-background);
    border-radius: 50%;
    place-content: center;
    font-size: 12px;
    pointer-events: none;
  }
}

@media only screen and (min-width: 1024px) {
  [data-use-icons="false"] .header-item__link .cart-blip {
    display: flex;
  }
  [data-use-icons="false"] .header-item__link.has-blip-visible {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.4rem;
  }
  [data-use-icons="false"] .header-item__link.has-blip-visible .cart-blip::before {
    content: "(";
  }
  [data-use-icons="false"] .header-item__link.has-blip-visible .cart-blip::after {
    content: ")";
  }
}

header.header[data-use-icons="true"] .header-item__link.has-blip-visible .header-item__link-icon {
  clip-path: url(#circle-substract);
}

.header-shortlinks {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .header-shortlinks {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
  }
}
.header-shortlink {
  --padding: 8px 12px;
  cursor: pointer;
  padding: var(--padding);
}

@media only screen and (max-width: 767px) {
  .logo-left__menu-center .header-item.--right {
    flex-grow: 0;
  }
  [class*="logo-left"] .header-item.--left {
    justify-content: flex-end;
  }
  [class*="logo-left"] .header-item.--left .header-logo {
    margin-right: auto;
  }
  [class*="logo-left"] .header-item.--left .search-button{
    order: 2;
  }
}

@media only screen and (min-width: 768px) {
  header.header {
    --padding-vertical: 8px;
    --padding-horizontal: 16px;
    --gap: 8px;
  }
  .site-logo.--image {
    width: var(--sm-logo-width);
  }
  .site-logo.--svg svg {
    width: var(--sm-logo-width);
  }
}

/*
  Buttons:

  1. button styles
  .btn--primary
  .btn--secondary
  .btn--link (button styled as a link)

  2. button color schemes
  .btn--color-main
  .btn--color-accent
  .btn--color-main-inverted
  .btn--color-accent-inverted
*/
.btn-group {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

/* important rules added for shopify-payment-button */
.btn:not(.video-play):not([data-shopify-xr]),
.shopify-payment-button__button--unbranded,
.shopify-payment-button__more-options,
.rte button,
.rte input:where([type="button"],[type="reset"],[type="submit"]) {
  overflow: hidden;
  border-radius: var(--button-radius);
  padding: 0.6rem 3rem;
  cursor: pointer;
  text-align: center;
  border: solid 1px;
  position: relative;

  color: var(--text);
  background-color: var(--background);
  border-color: var(--border);
  display: inline-block;
  line-height: inherit;

  font-family: var(--font-button-family);
  font-weight: var(--font-button-weight);
  font-size: var(--font-button-size);
  letter-spacing: var(--font-button-letter-spacing);
  text-transform: var(--font-button-text-transform);

  transition: all 0.16s ease-in-out;
}

/* important rules added for shopify-payment-button */
.shopify-payment-button__button--unbranded,
.shopify-payment-button__more-options {
  overflow: hidden;
  border-radius: var(--button-radius) !important;
  padding: 0.6rem 1.6rem !important;
  cursor: pointer !important;
  text-align: center !important;
  border: solid 1px !important;
  position: relative !important;

  color: var(--text) !important;
  background-color: var(--background) !important;
  border-color: var(--border) !important;
  display: inline-block !important;
  line-height: inherit !important;

  font-family: var(--font-button-family) !important;
  font-weight: var(--font-button-weight) !important;
  font-size: var(--font-button-size) !important;
  letter-spacing: var(--font-button-letter-spacing) !important;
  text-transform: var(--font-button-text-transform) !important;

  transition: all 0.16s ease-in-out;
}

.btn:disabled,
.btn.disabled {
  opacity: .65;
  cursor: not-allowed;
}
.btn--large {
  padding: 1rem 2.4rem !important;
}
.btn--full {
  width: 100%;
}
.btn--with-icon {
  display: inline-flex !important;
  align-items: center;
}
.btn--with-icon-last svg {
  margin: 0 0 0 8px;
}
.btn--with-icon-first svg {
  margin: 0 8px 0 0;
}

/* Main color scheme (color scheme class optional) */
/* Primary Main */
.color-main .btn--primary:not([class*=btn--color-]),
.btn--primary,
.btn--primary.btn--color-main,
.shopify-payment-button__button--unbranded {
  --text: var(--button-primary-foreground);
  --background: var(--button-primary-background);
  --border: transparent;
}
/* Primary Main Hover */
.color-main .btn--primary:not([class*=btn--color-]):hover,
.btn--primary:hover,
.btn--primary.btn--color-main:hover,
.shopify-payment-button__button--unbranded:hover {
  --text: var(--button-primary-foreground);
/*   --background: var(--button-primary-background-hover); */
  --border: transparent;
}

/* Secondary Main */
.color-main .btn--secondary:not([class*=btn--color-]),
.btn--secondary,
.shopify-payment-button__more-options {
  --text: var(--button-primary-outlined);
  --background: transparent;
  --border: var(--button-primary-outlined);
}
/* Secondary Main Hover */
.color-main .btn--secondary:not([class*=btn--color-]):hover,
.btn--secondary:hover,
.shopify-payment-button__more-options:hover {
  --text: var(--button-primary-foreground);
  --background: var(--button-primary-background);
  --border: var(--button-primary-background);
}


/* Accent color scheme */
/* Primary Accent */
.color-accent .btn--primary:not([class*=btn--color-]),
.btn--primary.btn--color-accent {
  --text: var(--button-accent-foreground);
  --background: var(--button-accent-background);
}
/* Primary Accent Hover */
.color-accent .btn--primary:not([class*=btn--color-]):hover,
.btn--primary.btn--color-accent:hover {
  --text: var(--button-accent-foreground);
  --background: var(--button-accent-background-hover);
}
/* Secondary Accent */
.color-accent .btn--secondary:not([class*=btn--color-]),
.btn--secondary.btn--color-accent {
  --text: var(--button-accent-outlined);
  --border: var(--button-accent-outlined);
}
/* Secondary Accent Hover */
.color-accent .btn--secondary:not([class*=btn--color-]):hover,
.btn--secondary.btn--color-accent:hover {
  --text: var(--button-accent-foreground);
  --background: var(--button-accent-background);
  --border: var(--button-accent-background);
}

/* Main inverted color scheme */
/* Inverted color schemes button colors fall back to text and background colors to ensure contrast */
/* Primary Inverted */
.color-main-inverted .btn--primary:not([class*=btn--color-]),
.btn--primary.btn--color-main-inverted {
  --text: var(--button-primary-background);
  --background: var(--button-primary-foreground);
}
/* Primary Inverted Hover */
.color-main-inverted .btn--primary:not([class*=btn--color-]):hover,
.btn--primary.btn--color-main-inverted:hover {
  --background: var(--button-primary-inverted-background-hover);
}

/* Secondary Inverted */
.color-main-inverted .btn--secondary:not([class*=btn--color-]),
.btn--secondary.btn--color-main-inverted {
  --text: var(--button-primary-foreground);
  --border: var(--button-primary-foreground);
}
/* Secondary Inverted Hover */
.color-main-inverted .btn--secondary:not([class*=btn--color-]):hover,
.btn--secondary.btn--color-main-inverted:hover {
  --text: var(--button-primary-background); 
  --border: var(--button-primary-foreground);
  --background: var(--button-primary-foreground);
}

/* Accent inverted color scheme */
/* Accent Inverted */
.color-accent-inverted .btn--primary:not([class*=btn--color-]),
.btn--primary.btn--color-accent-inverted {
  --text: var(--button-accent-background);
  --background: var(--button-accent-foreground);
}
/* Accent Inverted Hover */
.color-accent-inverted .btn--primary:not([class*=btn--color-]):hover,
.btn--primary.btn--color-accent-inverted:hover {
  --text: var(--button-accent-background);
  --background: var(--button-accent-inverted-background-hover);
}

/* Secondary Accent Inverted */
.color-accent-inverted .btn--secondary:not([class*=btn--color-]),
.btn--secondary.btn--color-accent-inverted {
  --text: var(--button-accent-foreground);
  --border: var(--button-accent-foreground);
}
/* Secondary Accent Inverted Hover */
.color-accent-inverted .btn--secondary:not([class*=btn--color-]):hover,
.btn--secondary.btn--color-accent-inverted:hover {
  --text: var(--button-accent-background);
  --background: var(--button-accent-foreground);
  --border: var(--button-accent-foreground);
}

/* Link style for btn class elements  */
.btn--link {
  border-color: transparent !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/**
* Other / Misc
**/
[data-overlay] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--modals-and-drawers-overlay-background);
  backdrop-filter: blur(var(--modals-and-drawers-overlay-blur));
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.video-section {
  width: 100%;
}

.sliding-text .sliding-text__container {
  visibility: hidden;
}


/**
* Visibility helpers
**/
.hide{
  display: none !important;
  visibility: hidden !important;
}
@media only screen and (min-width: 768px) {
  .small-up--hide{
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .small--hide{
    display: none !important;
    visibility: hidden !important;
  }
}
@media only screen and (max-width: 1023px) {
  .medium-down--hide {
    display: none !important;
    visibility: hidden !important;
  }
}
@media only screen and (min-width: 1024px) {
  .medium-up--hide {
    display: none !important;
    visibility: hidden !important;
  }
}


/**
* Form Elements
**/
.checkbox {
  --chkbg: var(--button-primary-background);
  --chkfg: var(--button-primary-foreground);
  /* --border-opacity: .2; */
  /* --border-color: hsl(var(--chkbg) / var(--border-opacity)); */
  --border-color: var(--primary-borders);

  flex-shrink: 0;
  height: 16px;
  width: 16px;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  border-width: 1px;
  border-color: var(--border-color);
  border-radius: 0px;
  border-style: solid;
}

.checkbox:disabled {
  cursor: not-allowed;
  border-color: transparent;
  opacity: .2;
}

.checkbox:checked, .checkbox[checked="true"] {
  background-color: var(--chkbg);
  background-repeat: no-repeat;
  animation: checkmark .2s ease-in-out;
  background-image: linear-gradient(-45deg,transparent 65%,hsl(var(--chkbg)) 65.99%),linear-gradient(45deg,transparent 75%,hsl(var(--chkbg)) 75.99%),linear-gradient(-45deg,hsl(var(--chkbg)) 40%,transparent 40.99%),linear-gradient(45deg,hsl(var(--chkbg)) 30%,hsl(var(--chkfg)) 30.99%,hsl(var(--chkfg)) 40%,transparent 40.99%),linear-gradient(-45deg,hsl(var(--chkfg)) 50%,hsl(var(--chkbg)) 50.99%);
}

@keyframes checkmark {
  0% {
    background-position-y: 5px;
  }
  50% {
    background-position-y: -2px;
  }
  to {
    background-position-y: 0;
  }
}

/* RTE styles */
.rte {
  max-width: 65ch;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  text-transform: var(--font-body-text-transform);
  letter-spacing: var(--font-body-letter-spacing);
  /*font-size: 1.6rem;*/
}
.rte--wide {
  max-width: 100ch;
}

.rte > * + * {
  margin-top: calc(1.6rem * var(--font-body-line-height));
}

.rte h1,
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6,
.rte p {
 margin-top: calc(1.6rem * var(--font-body-line-height));
}

.rte > *:first-child {
  margin-top: 0;
}

.rte hr {
  border-top: 1px solid var(--primary-borders);
  margin: calc(1.6rem * var(--font-body-line-height)) 0;
}
.rte abbr[title],
.rte acronym[title] {
  text-decoration: underline dotted;
}
.rte del {
  text-decoration: line-through;
}
.rte blockquote {
  position: relative;
  margin-inline-start: 3.2rem;
  margin-inline-end: 3.2rem;
  border-left: 3px solid var(--primary-borders);
  padding-left: 1.6rem;
}
.rte cite,
.rte address {
  font-style: italic;
}
.rte th {
  font-weight: bold;
}
.rte th,
.rte td {
  border: 1px solid var(--primary-borders);
  padding: 8px;
}
.rte pre {
  font-family: monospace;
  white-space: pre;
}
.rte code,
.rte kbd {
  font-family: monospace;
  background-color: #f6f7f9;
  color: #080e1f;
  padding: 2px 4px;
  border-radius: 4px;
}
.rte label {
  display: block;
}
.rte input:where(:not([type="file"],[type="checkbox"],[type="radio"],[type="button"],[type="reset"],[type="submit"])),
.rte textarea {
  padding: 0.125rem 0.25rem;
  border: 1px solid #666;
  background: #f5f5f5;
  color: #111111;
}

.rte input[type="color"] {
  width: 50px;
  height: 30px;
}
.rte input:where([type="checkbox"],[type="radio"]),
.rte fieldset,
.rte legend,
.rte select {
  all: revert;
}

.text-center .rte,
.text-align-center .rte {
  margin-inline: auto;
}
.rte a:not(.btn),
.link,
.btn--link,
.product-block__text a {
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
  color: var(--button-primary-outlined);
}

/* ALT LINK COLORS */
.color-main-inverted .rte a:not(.btn),
.color-main-inverted .link,
.color-main-inverted .btn--link,
.color-main-inverted .product-block__text a {
  color: var(--primary-background);
}
.color-accent .rte a:not(.btn),
.color-accent .link,
.color-accent .btn--link,
.color-accent .product-block__text a {
  color: var(--button-accent-outlined);
}
.color-accent-inverted .rte a:not(.btn),
.color-accent-inverted .link,
.color-accent-inverted .btn--link,
.color-accent-inverted .product-block__text a {
  color: var(--accent-background);
}


.rte ol {
  list-style-type: decimal;
  margin-left: 24px;
}

.rte ul {
  list-style-type: disc;
  margin-left: 24px;
}

summary {
  cursor: pointer;
  list-style: none;
}
summary::marker,
summary::-webkit-details-marker {
  display: none;
}

summary > *,
.summary__title {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
  font-weight: bold;
}

:is(summary > *, .summary__title) svg {
  width: 1.8rem;
  height: 1.8rem;
}

details svg {
  transition: transform 0.3s ease-in-out;
}

details[open] svg[class*="feather-chevron"] {
  transform: rotate(180deg);
}


/**
* Quantity Input
**/
quantity-input, .quantity {
  --height: 50px;
  --width: 160px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: solid 1px rgba(238,238,228,.2);
  position: relative;
  width: var(--width);
}

quantity-input.small, .quantity.small {
  --height: 32px;
  --width: 120px;
}
.quantity {
  padding-left: 15px;
  padding-right: 15px;
  margin-right: 20px;
}
.quantity__button {
  display: grid;
  place-content: center;
  min-width: var(--height);
  min-height: var(--height);
  flex-shrink: 0;
  cursor: pointer;
}
.quantity__button svg {
  pointer-events: none;
  width: 1.8rem;
  height: 1.8rem;
}

quantity-input.small svg, .quantity.small svg {
  width: 1.6rem;
  height: 1.6rem;
}

.quantity__input {
  text-align: center;
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: textfield;
}

.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
}

.absolute-pos {
  position: absolute;
}

.absolute-pos.default-pos {
  left: 0;
  top: 0;
}

/* Absolute postioning desktop */

@media only screen and (min-width: 768px){
  .absolute-pos--top-left{
    top: 0;
    left: 0;
  }
  .absolute-pos--top-center{
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .absolute-pos--top-right{
    top: 0;
    right: 0;
  }

  .absolute-pos--center-left{
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
  }
  .absolute-pos--center-center{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .absolute-pos--center-right{
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
  }

  .absolute-pos--bottom-left{
    bottom:0;
    left: 0;
  }
  .absolute-pos--bottom-center{
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .absolute-pos--bottom-right{
    bottom: 0;
    right: 0;
  }
}

/* Absolute postioning mobile */

@media only screen and (max-width: 767px) {
  .absolute-pos--mobile-top{
    top:0;
    left: 0;
    transform: unset;
  }
  .absolute-pos--mobile-center{
    top:50%;
    left: 0;
    transform: translate(0, -50%);
  }
  .absolute-pos--mobile-bottom{
    bottom:0;
    left: 0;
    transform: unset;
  }
}

/* Field */

.field {
  --duration-short: 0.3s;
  --padding: 1.5rem;
  --line-height: 1.6;
  --height: 5.8rem;
  --font-size: 1.4rem;

  position: relative;
  width: 100%;
  display: flex;
  transition: box-shadow var(--duration-short) ease;
}

.field--with-error {
  flex-wrap: wrap;
}

.field__input,
.customer select {
  font-size: var(--font-size);
  flex-grow: 1;
  text-align: left;
  padding: var(--padding);
  margin: var(--inputs-border-width);
  transition: box-shadow var(--duration-short) ease;
  border: solid var(--inputs-border-width) var(--border-color);
  line-height: var(--line-height);
  min-height: var(--height);
}

.field__label {
  font-size: var(--font-size);
  margin-bottom: 0;
  pointer-events: none;
  position: absolute;
  transition: top var(--duration-short) ease, font-size var(--duration-short) ease;
  color: rgba(var(--color-foreground), 0.75);
  letter-spacing: 0.1rem;
  line-height: var(--line-height);

  left: calc(var(--inputs-border-width) + var(--padding));
}

input + .field__label {
  top: 50%;
  transform: translateY(-50%);
}

textarea + .field__label {
  top: var(--gutter);
}

.field__input:focus ~ .field__label,
.field__input:not(:placeholder-shown) ~ .field__label,
.field__input:-webkit-autofill ~ .field__label,
.field.select .field__label {
  font-size: 1.2rem;
  top: calc(var(--inputs-border-width) + 0.8rem);
  transform: translateY(0%);
  letter-spacing: 0.04rem;
}

.field.select select,
.customer select,
.field__input:focus,
.field__input:not(:placeholder-shown),
.field__input:-webkit-autofill {
  /* padding: 4rem 2rem 1.2rem 2rem; */
  padding: 2rem 1.5rem 0.6rem 1.5rem;
  margin: var(--inputs-border-width);
}

.field__input::-webkit-search-cancel-button {
  display: none;
}

.field__input::placeholder {
  opacity: 0;
}

.field__button {
  align-items: center;
  background-color: transparent;
  border: 0;
  color: currentColor;
  cursor: pointer;
  display: flex;
  height: 4.4rem;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 4.4rem;
}

.field__button > svg {
  height: 2.5rem;
  width: 2.5rem;
}

.field__input:-webkit-autofill ~ .field__button,
.field__input:-webkit-autofill ~ .field__label {
  color: rgb(0, 0, 0);
}

/* Text area */

.text-area {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  min-height: 10rem;
  resize: none;
}

input[type='checkbox']:not(.swatch) {
  display: inline-block;
  margin-right: 0.5rem;
}

/* Form global */

/* space between form items */
.form, form {
  --spacing: 8px;
}

:is(.form, form) > .field + .field {
  margin-top: var(--spacing);
}

:is(.form, form) > .field-group + .field-group {
  margin-top: var(--spacing);
}

:is(.form, form) > .field-group + .field {
  margin-top: var(--spacing);
}

:is(.form, form) > .field + .field-group {
  margin-top: var(--spacing);
}

:is(.form, form) .field-group {
  display: flex;
  gap: var(--spacing);
  flex-wrap: wrap;
}

@media only screen and (min-width: 768px) {
  :is(.form, form) .field-group > .field:not(.field--full-width) {
    flex-basis: calc(50% - calc(var(--spacing) / 2));
  }
}

.form__label {
  display: block;
  margin-bottom: 0.6rem;
}

.form__message {
  align-items: center;
  display: flex;
  font-size: 1.4rem;
  line-height: 1;
  margin-top: 1rem;
}

.text-align-center .form__message,
.text-center .form__message {
  align-self: center;
}

.form__message--large {
  font-size: 1.6rem;
}

.customer .field .form__message {
  font-size: 1.4rem;
  text-align: left;
}

.form__message .icon,
.customer .form__message svg {
  flex-shrink: 0;
  height: 1.3rem;
  margin-right: 0.5rem;
  width: 1.3rem;
}

.form__message--large .icon,
.customer .form__message svg {
  height: 1.5rem;
  width: 1.5rem;
  margin-right: 1rem;
}

.customer .field .form__message svg {
  align-self: start;
}

.form-status {
  margin: 0;
  font-size: 1.6rem;
}

.form-status-list {
  padding: 0;
  margin: 2rem 0 4rem;
}

.form-status-list li {
  list-style-position: inside;
}

.form-status-list .link::first-letter {
  text-transform: capitalize;
}

/* Select */
.text-area,
.select {
  display: flex;
  position: relative;
  width: 100%;
}

.customer select + svg,
.field.select select + svg {
  height: 0.6rem;
  pointer-events: none;
  position: absolute;
  top: calc(50% - 0.2rem);
  right: calc(var(--inputs-border-width) + 1.5rem);
}

/* Price component */
.price__container {
  display: flex;
  flex-direction: row;
}

.unit-price {
  align-self: center;
  font-size: 1.3rem;
  opacity: 0.6;
  margin-left: 12px;
}

.price {
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
  display: flex;
  flex-direction: column;
  gap: 8px;

  font-family: var(--font-body-family);
}

.price.price--unavailable {
  visibility: hidden;
}

.price--sold-out .price__availability,
.price__regular {
  display: block;
}

.price__sale,
.price__availability,
.price--on-sale .price__regular,
.price--on-sale .price__availability {
  display: none;
}

.price--on-sale .price__sale {
  display: block;
}

.price--on-sale .price__sale .price-item--regular {
  text-decoration: line-through;
  margin-right: 12px;
}

/* Icons */
svg.feather {
  stroke-width: var(--icon-stroke);
}

/* Banner hovers */
a > .media img {
  transition: all 0.3s ease-in-out;
}
a:hover > .media img,
a:focus-visible > .media img {
  transform: scale(1.1);
}

/* Extra typoghrphy */
.link-list-heading {
  padding: 8px 0;
}
ul.link-list li a {
  display: inline-block;
  padding: 4px 0;
}
/* Custom Styling */
.header-account_icon {
  display: none;
}
#home-rich-text {
  height: 100vh;
}
#home-rich-text .richtext-section {
  align-items: center;
}
#home-rich-text .richtext-section__container {
  max-width: 1000px;
}
#home-rich-text .richtext-section__title {
  text-transform: uppercase;
  font-size: 24px;
}
.image-with-btns .media img {
  width: auto;
  margin: auto;
  height: calc(100vh - 300px);
  padding-top: 15vh;
}
.section-container {
  max-width: 1200px;
  margin: auto;
  width: 100%;
}
.image-with-btns {
  display: block !important;
}
.btn:not(.video-play):not([data-shopify-xr]) {
  padding: 12px 20px;
  min-width: 180px;  
}
.image-with-btns .btn-group {
  max-width: 400px;
  margin-top: 20px;
}
.image-with-btns p {
  font-size: 20px;
}
.image-with-btns h2 {
  font-size: 36px;
  text-transform: uppercase;
}
#fullpage {
  display: block;
}
.shopify-section {
  display: block !important;  
}
.half-medium {
  width: 50%;
}
.newsletter-section h2 {
  font-size: 36px;
  text-transform: uppercase;
}
.newsletter-section p {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.5);
}
.footer-menu {
 flex-grow: 1; 
}
.footer-menu .link-list {
  display: flex;
  margin-right: 20px;
}
.footer-menu .link-list a {
  font-family: var(--font-heading-family);
  font-size: 16px;
}
.footer-menu .link-list li:not(:last-child) {
  padding-right: 40px;
}
#shopify-section-footer .footer {
  padding-top: 42px !important;
  padding-bottom: 0px !important;
}
.menu-row {
  padding-bottom: 42px;
  border-bottom: 1px solid #202020;
}
.policy-link a, .policy-link, .footer__copyright {
  font-size: 14px !important;
  color: rgba(255, 255, 255, 0.3);
}
.footer-bottom {
  padding-top: 30px;
}
.template-index #shopify-section-newsletter {
  margin-top: 200px;
}
.hero__title {
  text-transform: uppercase;
}
.hero .hero__text p {
  font-size: 18px;
}
#sale-hero-2 .btn-group {
  margin-top: 60px;
}
#sale-hero-2 .hero__text-container, #sale-hero-2 .paragraph {
  max-width: 900px;
}
.arrow-part {
  position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 60px;
    z-index: 1;
  text-align: center;
}
.arrow-txt {
  color: #EEEEE4;
  font-size: 14px;
  margin-bottom: 10px;
}
.vertical-tabs-section .fp-tableCell {
  display: flex !important;
}
#sales-hero .hero__text-container {
  padding-top: 15vh;
}
.content-image img {
  height: calc(85vh - 250px);
    padding-top: 50px;
}
#about-banner .hero__text-container {
  padding-bottom: 120px;
}
#about-rich, #about-rich-text2 {
  
    display: flex;
    align-items: center;
    justify-content: center;
}
#about-rich .richtext-section__container {
  max-width: 590px;
}
#about-rich .richtext-section__title {
  font-size: 36px;
  text-transform: uppercase;
}
.play {
  position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.product__media.product__media--traditional  {
  margin-left: calc((100% / 8) + 10px);
  margin-top: calc(0px - (100% / 16));
}
.splide.thumbnail-splide {
  transform-origin: left;
   
    transform: translateX(calc(100% / 16)) rotate(90deg);
}
@media (max-width: 1023px) {
  .product__media.product__media--traditional  {
    margin-left: calc((100% / 6) + 10px);
    margin-top: calc(0px - (100% / 12));
  }
  .splide.thumbnail-splide {
    transform: translateX(calc(100% / 12)) rotate(90deg);
  }
}
@media (max-width: 767px) {
/*    .product__media.product__media--traditional  {
    margin-left: calc((100% / 4) + 10px);
     margin-top: calc(0px - (100% / 8));
   }
  .splide.thumbnail-splide {
    transform: translateX(calc(100% / 8)) rotate(90deg);
  } */
}
.product-main .product-block__title {
  font-size: 38px;
}
.product-main .price-item {
  font-size: 32px;
  font-weight: 400;
  font-weight: bold;
  font-family: var(--font-heading-family);
}
.product-main .form__label {
  font-size: 16px;
}
.product-main .product-form {
  flex-grow: 1;
}
.product-main .product-form__submit {
  height: 52px;
}
.template-product .main-product-section .fp-tableCell {
  display: flex;
  justify-content: center;
}
.thumbnail-splide .splide__slide.is-active {
  border: 1px solid #EEEEE4;
}
.thumbnail-splide img {
  transform: rotate(-90deg);
}
#product-banner p {
  font-size: 20px;
  color: #EEEEE4;
}
@media (min-width: 768px) {
  .template-cart .cart-item {
    display: grid !important;
    --gap: var(--grid-gap);
    display: grid;
    grid-template-columns: repeat(12,1fr);
    grid-column-gap: var(--gap);
    grid-row-gap: var(--gap);
    grid-auto-flow: dense;
    position: relative;
  }
  .template-cart .cart-item__details {
    display: flex;
    height: 100%;
    margin-top: 0px;
    align-items: center;
  }
  .template-cart .item-price-wrapper {
    display: flex;
    align-items: center;
    justify-content: right;
  }
  .template-cart .main-cart {
    margin-top: 50px;
  }
  .template-cart h1 {
    font-size: 42px;
    font-weight: 400;
  }
}
.label-row {
  border-bottom: 1px solid #EEEEE4;
  color: rgba(238,238,228, 0.6);
}
.cart-item__details-inner dd {
  color: rgba(238,238,228, 0.6);
}
.template-cart .cart-item {
  padding: 20px 0px;
  border-bottom: 1px solid rgba(238,238,228, 0.6);
}
.align-items-center {
  align-items: center;
}
.template-cart .price, .template-cart .cart-item__title {
  color: #EEEEE4;
}
template-cart .cart-item__title {
  font-size: 18px;
}
.template-cart .price {
  font-size: 16px;
}
.template-cart  .cart__subtotal > span:first-child, .cart__tax, .product-main .form__label, .ingredients-label {
  color: rgba(238,238,228, 0.6);
}
.ingredients  {
  font-size: 12px;
}
.ingredients-label {
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: underline;
  font-style: italic;
}
.product-main .product__description p {
  font-size: 14px;
}
.rte.ingredients  {
  margin-top: 50px;
}
.template-cart  .cart__subtotal > span:last-child {
  color: #EEEEE4;
}
#about-rich p {
  font-size: 18px !important;
}
#section-text-icon h3 {
  font-size: 26px;
  text-transform: uppercase;
}
#about-rich-text2 h2 {
  font-size: 36px;
}
#about-rich-text2 p {
  font-size: 18px !important;
}
#about-rich-text2 .btn-group {
  margin-top: 60px;
}
.image-with-btns .fp-tableCell {
  display: flex;
  flex-direction: column;
}
.image-with-btns .section-container {
  width: 100%;
}
.image-with-btns .text-block {
  padding-right: 20px;
}
.desktop-view {
  display: block !important;
}
.mobile-view {
  display: none !important;
}
.tab-content-wrapper {
  text-align: center;
}
.richtext-section__container {
  padding-left: 20px;
  padding-right: 20px;
}
.product-main h1 {
  font-size: 36px;
}
.template-page article .rte {
  margin: auto;
}
.template-page article .section__title {
  text-align: center;
}
.template-page article {
  padding-top: 50px;
  margin-top: 50px;
  margin-bottom: 50px;
}
.template-404 .error-container .fp-tableCell {
  display: flex;
  justify-content: center;
  align-items: center;
}
.template-404 .error-container .section__header {
  padding-top: 0px;
}
@media (max-width: 767px) {
  .desktop-view {
    display: none !important;
  }
  .mobile-view {
    display: block !important;
  }
  #home-rich-text .richtext-section__title, .newsletter-section h2, #about-rich .richtext-section__title, #section-text-icon h3,
  #about-rich-text2 h2 {
    font-size: 20px;
  }
  .image-with-btns h2 {
    font-size: 20px;
  }
  .image-with-btns p, .newsletter-section p, .hero .hero__text p, .tab-content-wrapper p, #about-rich p, #about-rich-text2 p {
    font-size: 13px !important; 
  }
  .btn:not(.video-play):not([data-shopify-xr]) {
    padding: 7px 10px;
    min-width: 140px;
    font-size: 14px;
  }
  #NewsletterSection-newsletter #Subscribe-newsletter {
    padding-top: 11px;
    padding-bottom: 11px;
  }
  #NewsletterSection-newsletter .newsletter-form__field-wrapper {
    margin-top: 20px;
  }
  .footer-menu .link-list {
    flex-wrap: wrap;
  }
   #sale-hero-2 .btn-group{
     margin-top: 40px;
   }
  .hero .btn-group .btn {
    width: auto !important;
  }
  .vertical-tabs-section {
    display: block !important;
    width: 100%;
  }
  .vertical-tabs-section {
    padding-left: 0px;
    padding-right: 0px;
  }
  .tab-content-wrapper h3 {
    text-transform: uppercase;
    font-size: 18px;
    padding: 24px 0px;
  }
  .tab-content-wrapper a {
    align-items: center;
    display: inline-flex;
    padding: 24px 0px;
  }
  .vertical-tabs-section .flickity-page-dots .dot {
    height: 6px;
    width: 6px;
  }
  .product__media.product__media--traditional {
    
  }
  .product-main h1, .product-main .price-item {
    font-size: 20px;
  }
  .product-block.product-block__buy_buttons {
    margin-top: 20px;
  }
  .cart-item__details-inner {
    position: absolute;
    left: 180px;
    top: 0px;
    margin-top: 20px;
    max-width: calc(100% - 180px);
  }
  .item-price-wrapper {
    position: absolute;
    left: 180px;
    top: 50px;
    max-width: calc(100% - 180px);
  }
  .template-cart .cart-item__details {
    bottom: 20px;
    position: absolute;
    left: 180px;
    max-width: calc(100% - 180px);
  }
  .template-cart .cart-item__title {
    font-size: 16px;
  }
  .quantity {
    width: 120px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .label-row > *{
    display: none;
  }
  .newsletter-form__field-wrapper #NewsletterForm--newsletter {
    max-width: calc(100% - 160px);    
  }
  #sales-hero .hero__text-container {
    padding-top: 16vh;
    padding-left: 20px;
    padding-right: 20px;
    align-items: baseline;
  }
  .content-image img {
    padding-bottom: 20px;
  }
  .image-with-btns .media img {
    padding-top: 10vh;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.template-page .contact-form-section .fp-tableCell {
  display: flex;
}
.video-section {
    pointer-events: none;
}
.video-section-wrapper .inner-wrapper, .video-section-wrapper .video-container{
  height: 100%;
}
.superpowered-video {
  position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 0;
   pointer-events: none;
   overflow: hidden;
}
.superpowered-video iframe {
   width: 100vw !important;
   height: 56.25vw !important; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.fa-star, .fa-star-checked, .fa-star-half-o, .fa-star-o, .stamped-fa-star, .stamped-fa-star-checked, .stamped-fa-star-half-o, .stamped-fa-star-o {
  color: #fff !important;
}
#stamped-main-widget  * {
  color: #fff !important;
}
#stamped-main-widget li#tab-questions[data-count][data-new-tab]:after, #stamped-main-widget li#tab-reviews[data-count]:after {
  background: transparent !important;
}
.template-product .shopify-section:not(.footer-combine)  .fp-tableCell {
  display: flex;
  align-items: center;
}
.template-product .fp-tableCell .shopify-app-block {
  width: 100%;
}
#stamped-main-widget {
  margin-top: 100px;
  margin-bottom: 100px;
}
#stamped-main-widget .stamped-form-input-textarea, #stamped-main-widget textarea, #stamped-main-widget textarea .stamped-form-input-textarea {
  max-height: 150px !important;
}
.template-product #stamped-main-widget .new-review-form, .template-product #stamped-main-widget  #new-review-form_8012990218525 {
  display: none !important;
  height: 0px !important;
  max-height: 0px !important;
}

/* Qayoom */


.v-bottom-text P {
    color: white !important;
}

.v-bottom-text {
    border: 1px solid white !important;
padding: 15px !important;
}

div#shopify-section-template--23967612469533__6644f220-510b-4be6-9003-cba8a01f803e {
    background: white !important;
}

div#best-sellers {
    background: white;
    color: black;
}

.v-btn-primary.v-btn-logo-bar {
    display: none !important;
}

.v-testimonial-slider__overlay {
    padding-bottom: 0 !important;
    padding-top: 5px !important;
}

.v-overlay-text {
    max-width: max-content !important;
}


div#shopify-section-template--23967612469533__image_with_text_Y3nrJC div {
    background: white !important;
}



div#shopify-section-template--23967612469533__image_with_text_Y3nrJC div .col-sm-max-3.text-align-left.sm-text-align-left {
    color: black !important;
}


div#shopify-section-template--23967612469533__image_with_text_Y3nrJC a.btn.btn--primary.btn--color-main.btn--full {
    background: black;
    color: white;
}

h5.v-testimonial-slider__subheader {
    font-size: 25PX !important;
    MARGIN-BOTTOM: 30PX !important;
}


.v-testimonial-slider__testimonial {
    FONT-SIZE: 10PX !important;
}

.logo-container {
  
  margin: 2rem !important; 
  } 

.logo-bar-section {
    margin: 0rem 5rem !important;
        max-width: 110px !important;
}


h2.mb-16.richtext-section__title, h2.mb-16, h2, h5.v-testimonial-slider__subheader {
    font-size: 30px !important;
    text-transform: capitalize;
}


div#RichtextSection-template--23967612469533__rich_text_wr3ncX {
    margin-top: 96px;
}

div#shopify-section-template--23967612469533__6644f220-510b-4be6-9003-cba8a01f803e {
    padding-bottom: 0px;
}


div#RichtextSection-template--23967612469533__rich_text_rg8iay {
    margin: 62px 0 56px 0;
}

div#RichtextSection-template--23967612469533__rich_text_rg8iay h2.mb-16.richtext-section__title {
    text-decoration: underline;
    text-decoration-color: #0000006e;
    text-decoration-thickness: 1.2px;
    text-underline-offset: 4px;
}



.v-testimonial-slider__customer-name {
    margin-bottom: 0 !important;
}


/* Product Page */
body.woolman.template-product {
    /* background: white !important; */
}


.product__content.col-xs-12.col-md-4.col-md-offset-8 {
    /* color: black !important; */
}

.product-carousel {
    padding: 100px;
}

section.product-main.product-main--grid.page-width.mobile-full-width.grid.section-container.p-gutter {
    background: white;
}


button.product-form__submit.btn--color-main.btn.btn--full.btn--large.btn--primary {
    background: black !important;
    color: white !important;
}

legend.form__label {
    display: none !important;
}


.product-block .product-form__input input[type=radio]:checked+label, .product-block .product-form__input input[type=radio]+label {
    border: 1px solid #000000 !important;
    text-decoration: none !important;
    color: black !important;
    padding: 10px !important;
}

.product-block.product-block__description {
    color: black !important;
}

.product-block.product-block__topmiddlebasemetafield {
    color: black;
}

p.v-note-metafield {
    color: black;
}


.v-product-accordion {
    flex-direction: column;
}


.v-product-accordion {
    color: black;
}


.v-product-accordion__item {
    padding: 5px 0px;
}

button.v-product-accordion__title i {
    position: relative !important;
    top: 2px;
}


.v-product-accordion {
    border-top: 2px solid #000000 !important; 
    border-bottom: 2px solid #000000 !important;
}


.product-block.product-block__twotrustbadges {
    display: none;
}

.v-xd-title-with-price {
    color: black !important;
}

span.price-item.price-item--regular {
    color: black !important;
}


svg.feather.feather-minus, svg.feather.feather-plus, .v-xd-variantquantity .quantity input {
    color: black !important;
}


.v-xd-variantquantity .quantity button {
    border: 1px solid #000000 !important;
}

quantity-input, .quantity {
    --height: 37px !important;
    --width: 100px !important;
}



/* You may also like */
section#shopify-section-template--23967613092125__product-recommendations {
    background: white;
}

.product-review-stars i {
    color: black !important;
}

.v-xd-title-with-price h1 {
    font-size: 35px !important;
}

.splide__header p {
    font-size: 30px !important;
    text-transform: uppercase !important;
}

header.featured-collection__header.section__header {
    text-align: center !important;
    margin: 0 auto !important;
    margin-top: 30px !important;
    color: black !important;
}

.featured-collection__slider {
    width: 80% !important;
    margin: 0 auto !important;
}


div#shopify-section-template--23967613092125__8ae0cd53-d329-4658-8d3e-b691bd646bcf {
    height: 390px;
}


/* Story Section */
section#shopify-section-template--23967613092125__rich_text_DqtPkV div {
    background: white !important;
    color: black;
    margin: 0 auto !important;
    text-align: center;
}


.swiper-button-next, .swiper-button-prev {
    color: black !important;
}

.swiper-button-next svg, .swiper-button-prev svg  {
    width: 15px !important;
}

button.product-form__submit.btn--color-main.btn.btn--full.btn--large.btn--primary span {
    font-family: Garamond !important;
}



div#CustomLiquid-template--23967613092125__custom_liquid_6BA8mK {
    background: white;
    color: black;
    text-align: center;
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1020px;
}

section#shopify-section-template--23967613092125__custom_liquid_6BA8mK {
    background: white;
    padding: 40px 0px;
}






/* Product Page Mobile */
@media only screen and (min-width: 0px) and (max-width: 767px) {
.product-carousel {
   padding: 0px;
        margin-top: 10px;
        margin-bottom: 0;
        padding-bottom: 0 !important;
}

.template-product .product__content {
  padding: 0 20px !important
}

.product-block.product-block__description{
  margin-top: 0 !important;
}

.product-block.product-block__text .rte {
    display: none;
}

.product__description.rte .p1 {
    margin-top: 0;
}

.product__description.rte p.p1 {
    font-size: 12px;
}

.product-block.product-block__text {
    display: none;
}

.quantity-buy {
    display: none !important;
}

.product-block.product-block__variant_picker {
    margin-top: 20px !important;
}

   .quantity-wrapper.flex.v-xd-buybuttonquan-d {
        gap: 0px !important; 
        
    }

}

@media only screen and (max-width: 768px) {
    .template-product .product__content {
        padding: 0 20px !important;
    }
}



@media only screen and (max-width: 768px) {
    .quantity-wrapper.flex.v-xd-buybuttonquan-d .quantity input {
        color: #000000 !important;
    }
}

@media only screen and (max-width: 768px) {
    .quantity-wrapper.flex.v-xd-buybuttonquan-d .quantity button {
        border: 1px solid #000000 !important;
    }
}


@media only screen and (max-width: 768px) {
    .v-product-accordion__title {
        width: 100%;
        justify-content: flex-start !important;
    }
}







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

div#CustomLiquid-template--23967613092125__custom_liquid_6BA8mK h1 {
    font-size: 28px;
}

.product-block.product-block__description {
    text-align: center;
}

  product-recommendations.featured-collection.page-width.mobile-full-width.pb.pt.md-pb.md-pt .featured-collection__slider {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 20px !important;
}

product-recommendations.featured-collection.page-width.mobile-full-width.pb.pt.md-pb.md-pt .price {
    display: none;
}

product-recommendations.featured-collection.page-width.mobile-full-width.pb.pt.md-pb.md-pt .product-review-stars {
    display: none;
}


product-recommendations.featured-collection.page-width.mobile-full-width.pb.pt.md-pb.md-pt .card-body.text-align-left {
    padding: 0;
}

product-recommendations.featured-collection.page-width.mobile-full-width.pb.pt.md-pb.md-pt a.card-body__inner h1 {
    font-size: 20px !important;
}



.v-top-notes, .v-middle-notes, .v-base-notes{
flex-direction: column !important;
    align-items: baseline !important;
    padding-bottom: 20px;
}

.product-block.product-block__variant_picker {
    margin-top: 20px !important;
}

.quantity-wrapper.flex.v-xd-buybuttonquan-d {
    margin-top: 0px !important;
}


}


.v-top-notes p:nth-child(1), .v-middle-notes p:nth-child(1), .v-base-notes p:nth-child(1) {
    font-weight: bold;
}

/* Shop Page */
section#shopify-section-template--23967612174621__main {
    background: white;
}





/* Dropdown in Product Page */
select#Option-template--23967613092125__main-0 {
    color: #000;
    font-family: Garamond;
    font-size: 20px;
    border: 1px solid black;
    padding: 0 10px;
    width: 100px;
    line-height: 39px;
}

.field.select label {
    display: none;
}

svg.feather.feather-chevron-down {
    color: black;
}

.field.select {
    height: 38px !important;
}





/* Sticky Add to Cart */
@media only screen and (max-width: 768px) {
    .v-sticky-add-to-cart {
      bottom: 0px !important;
        right: 0 !important;
        left: 0 !important;
        padding: 0 !important;
         display: block !important;
    }

    .v-sticky-add-to-cart__btn {
    display: inline-block;
    background-color: #000000 !important;
    width: 100% !important;
    font-family: Garamond !important;
    color: #ffffff !important;
    text-align: center !important;
    border: 2px solid #000000 !important;
 }

 .v-sticky-add-to-cart__thumbnail {
    display: none !important;
}

h5.v-sticky-add-to-cart__title {
    display: none !important;
}
}
/* Hide rating stars on collection pages only */
.template-collection .rating,
.template-collection .product-review-stars,
.template-collection .rating-star {
  display: none !important;
}
/* Force product title color on collection grid */
.template-collection .product-card__title,
.template-collection .product-card__title * {
  color: #000 !important;
}
/* Make price larger on collection grid */
.template-collection .product-card__price,
.template-collection .product-card__price * {
  font-size: 18px !important;
  line-height: 1.4 !important;
  color: #000 !important;
}
.template-collection .card-body__inner,
.template-collection .product-card__info,
.template-collection .product-item__info {
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
}
/* PDP — center the product title */
.template-product .product__title,
.template-product .product__title h1,
.template-product h1 {
  text-align: center !important;
  width: 100% !important;
}

/* PDP — center reviews */
.template-product .stamped-product-reviews-badge,
.template-product .stamped-main-badge,
.template-product .rating {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
}

/* PDP — hide product price */
.template-product .price,
.template-product .price__container,
.template-product .product__price,
.template-product [id^="price-"] {
  /* display: none !important; */
}
/* Center PDP star reviews */
.hob-pdp-reviews {
  text-align: center !important;
  width: 100% !important;
  display: block !important;
  margin: 0 auto 12px auto !important;
  font-size: 18px !important;
  color: black !important;
  font-weight: 400;
  letter-spacing: 1px;
}
/* PDP – center all product description text under the title */
.template-product .product__description-wrapper,
.template-product .product-main .product__description,
.template-product .product__description,
.template-product .rte {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}

/* Ensure the inner paragraph aligns too */
.template-product .rte p {
  text-align: center !important;
}
/* PDP – center the whole title block (KLĒA + label + reviews) */
.v-xd-title-with-price {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

/* KLĒA – thinner, larger, centered */
.v-xd-title-with-price h1,
.v-xd-title-with-price h1.h1 {
  font-weight: 300 !important;      /* will look as thin as the font allows */
  font-size: 0x !important;       /* bump this up/down if needed */
  letter-spacing: 5px !important;
  margin: 0 0 4px 0 !important;
  text-align: center !important;
}

/* EAU DE PARFUM – its own centered line under the title */
.v-xd-title-with-price .product_label {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  font-size: 8px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  margin: 6px auto 4px auto !important;
}
/* Hide any product label on collection grid */
.collection .product_label {
  display: none !important;
}
.collection span.product_label {
  display: none !important;
}
/* Hide 'Eau de Parfum' on COLLECTION pages only */
.template-collection .product_label,
.template-collection span.product_label,
.template-collection .product-label {
  display: none !important;
}
/* PRODUCT PAGE TITLES ONLY – set KLĒA size to 70px */
.template-product h1,
.template-product .h1 {
  font-size: 65px !important;
  line-height: 1.1 !important;
  font-weight: 300 !important; /* keep it thin */
}
/* Base size for all H1s on product pages */
.template-product h1,
.template-product .h1 {
  font-size: 32px !important;
  line-height: 1.2 !important;
}
/* Make ONLY the main product title huge (KLĒA) */
.template-product .v-xd-title-with-price h1,
.template-product .v-xd-title-with-price h1.h1 {
  font-size: 60px !important;
  line-height: 1.1 !important;
  font-weight: 300 !important;
}


/* Qayoom again */
.header-content {
    /* background: white; */
    /* color: black; */
}

.template-product #MainHeader {
    /* border-bottom: 0; */
    /* box-shadow: none !important; */
}




button.v-sticky-add-to-cart__btn {
    font-family: 'Garamond' !important;
    font-size: 20px !important;
    border: 0 !important;
}


.v-sticky-add-to-cart {
    bottom: 0px !important;
     border: 0px !important;

}


.card-body.text-align-left {
    color: black;
}

.product-block.product-block__description {
    margin: 0;
}

.product__description.rte h2 {
    margin: 0;
}




div#CustomLiquid-template--23967613092125__custom_liquid_6BA8mK {
    max-width: 950px !important;
}
/* Center product card price on all product cards (including You May Also Like) */
.product-card__price {
  text-align: center;
  width: 100%;
}
/* Subtitle under product name on product cards */
.product-card__subtitle {
  text-align: center;
  font-size: 12px;
  line-height: 1.2;
  color: #000;
  margin-top: 2px;
  margin-bottom: 8px;
  font-weight: 400;
  display: block;
}

}


.product-block button.product-form__submit .price{
	display: inline-flex !important;
}
.product-block button.product-form__submit span.price-item.price-item--regular{
	color: white !important;
}
.template-product .price{
  margin-bottom: 1.8rem;
}



/* Contain GFG app widgets within the cart drawer */
.gfgPageWrapper,
.gfgCartPageWrapperV2,
.gfgUnifiedDiscountWrapper {
  overflow: hidden;
  max-width: 100%;
}

/* Force the free gift grid to respect its container width */
.gftFreeGiftWrapper {
  grid-template-columns: minmax(0, 1fr) !important;
  max-width: 100%;
  overflow: hidden;
}

/* Constrain the widget itself */
.gfgFGv2-widget,
.gfgFGv2-multi-widget {
  max-width: 100% !important;
  width: 100% !important;
  overflow: hidden;
}