/** Shopify CDN: Minification failed

Line 6677:85 Unexpected "{"
Line 6806:46 Unexpected "{"
Line 7486:85 Unexpected "{"

**/
/*
    To redo normal header functionality, remove comment on line 3174

    .header__inline-menu {
     display: block;
    }
*/

h1,h2,h3,h4,h5, #mainContent p, 
#mainContent .icon-text-wrapper, 
#shopify-section-guarantee p,
#shopify-section-guarantee h5,
#mainContent #productDescription div,
#FaqPage-template--18574378467651__faq-section span,
.price-container.text-money.text-large.spacer-bottom.flex.align-center span,
span.btn__add-to-cart-text,
.product-single__quantity.spacer-bottom,
input#Quantity-product-8383811780931, body, .loox-carousel-review-content, .site-nav__link, .btn.hero__btn, input.upcart-upsells-button{
  font-family: "Chakra Petch", sans-serif !important;
  font-weight: 400;
}
h2{
  font-size:25px!important;
}
.announcement-bar.color-accent-1.gradient {
    background-color: #121212;
}
/*CUSTOM CSS*/
#ProductInfo-template--23544943116621__main .vtl-su-main-widget {
  display: none!important;
}
h2.banner__heading.h0 {
    font-size: 50px !important;
}
.h4.accordion__title {
  font-size: 20px !important;
}
.content-and-results__image img{
  border-radius: 23px !important;
  border: 4px solid white;
}
#Subscribe {
  background-color: #008000;
  border-color: #008000 !important;
  color: white;
}
#Subscribe::after {
  box-shadow: none;
}
#checkout-pay-button {
  color: white !important;
}
@media(max-width:767px){
  h2.banner__heading.h0 {
    font-size: 28px !important;
}
}


/*BLOGS*/
.smi-sidebar.smi-order-3.smi-order-md-1 {
  display: none;
}
.smi-card__thumbnail.standard-item-blog.blog-item-border-padding.blog-item-padding.smi-article-card-wrapper.standard-smi-border.standard-smi-shadow {
  display: none;
}
.title-blog.card-item-full-width.smi-justify-content-start.content-text-alignment-left {
  text-align: center;
}
.smi-d-flex.smi-flex-wrap.smi-justify-content-start.content-text-alignment-left {
  text-align: center !important;
  justify-content: space-around!important;
}
.article-title.smi-h4 {
  font-size: 25px!important;
}
.smi-mt-md.smi-button.smi-text-button.smi-button--text.smi-has-icon.smi-hover-vertical-lift {
  font-size: 13px;
  margin-top: 2px;
  text-transform: capitalize;
}
/*END OF BLOGS*/

/* Trust Badges */

    .trust-badges-container{
        display:flex;
        flex-direction: column;
        gap: 10px;
    }
    .trust-badges-row{
        display:flex;
        flex-direction: row;
        gap: 10px;
    }
    .trust-badge{
        display:flex;
        flex-direction: column;
        background-color: #e1e1e1;
        width:100%;
        padding: 15px 15px;
        text-align: left !important;
    }
    .trust-badge-icon img{
        height:45px!important;
        width: auto;
    }
    .trust-badge-heading{
        font-size: 16px;
        padding: 7px 0px;
      font-weight: 600;
          line-height: 18px;
    }
    .trust-badge-text{
        font-size: 11px;
    }

/* End Trust Badges */

/* Icons CUSTOM */
.section-template--23317257290061__custom_liquid_8V8ExG-padding,
.section-template--23453570761037__custom_liquid_8V8ExG-padding,
.section-template--23544943116621__custom_liquid_8V8ExG-padding{
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.icon-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 25%;
  border-radius: 30px;
  margin: 0 10px;
  padding: 15px;
}
.icon-column-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  background-color: #292929;
  border-radius:10px;
   max-width: 1300px!important;
  text-align:center;
}
.icon-img-wrapper img {
  width: 70%!important;
}
.icon-text-wrapper {
  font-size: 19px;
  font-weight: 600;
  margin-top: 13px;
  color: #fff;
}
@media(max-width:767px){
 .icon-column{
  width: 100%;
  margin: 0 0px;
  padding:8px 0;
}
.icon-img-wrapper img{
  width: 70% !important;
}
.icon-column-wrapper{
  display: grid;
  grid-template-columns: 50% 50%;
  border-radius:0;
}
  #section-template--15777317748834__3fea3610-880e-4c01-8ea9-1b7e5061c1dd p{
  font-size: 16px !important;
}
.icon-text-wrapper{
  font-size: 12px;
  font-weight: 600;
  margin-top: 13px;
}
v#shopify-section-template--15778147467362__9dddcadc-fd5c-457e-ab9c-028f1a1182c7 .grid__item.large--twelfth-twelfths.medium--twelfth-twelfths.small--twelfth-twelfths{
  padding: 0;
}
div#shopify-section-template--15778147467362__9dddcadc-fd5c-457e-ab9c-028f1a1182c7 .wrapper{
  margin: 0 !important;
    padding:0!important;
}
}
/*END OF Icons CUSTOM */

/* Color custom properties */

:root,
.color-background-1 {
  --color-foreground: var(--color-base-text);
  --color-background: var(--color-base-background-1);
  --gradient-background: var(--gradient-base-background-1);
}

.color-background-2 {
  --color-foreground: var(--color-base-text);
  --color-background: var(--color-base-background-2);
  --gradient-background: var(--gradient-base-background-2);
}

.color-inverse {
  --color-foreground: var(--color-base-background-1);
  --color-background: var(--color-base-text);
  --gradient-background: rgb(var(--color-base-text));
}

.color-accent-1 {
  --color-foreground: var(--color-base-solid-button-labels);
  --color-background: var(--color-base-accent-1);
  --gradient-background: var(--gradient-base-accent-1);
}

.color-accent-2 {
  --color-foreground: var(--color-base-solid-button-labels);
  --color-background: var(--color-base-accent-2);
  --gradient-background: var(--gradient-base-accent-2);
}

.color-foreground-outline-button {
  --color-foreground: var(--color-base-outline-button-labels);
}

.color-foreground-accent-1 {
  --color-foreground: var(--color-base-accent-1);
}

.color-foreground-accent-2 {
  --color-foreground: var(--color-base-accent-2);
}

:root,
.color-background-1 {
  --color-link: var(--color-base-outline-button-labels);
  --alpha-link: 0.85;
}

.color-background-2,
.color-inverse,
.color-accent-1,
.color-accent-2 {
  --color-link: var(--color-foreground);
  --alpha-link: 0.7;
}

:root,
.color-background-1 {
  --color-button: var(--color-base-accent-1);
  --color-button-text: var(--color-base-solid-button-labels);
  --alpha-button-background: 1;
  --alpha-button-border: 1;
}

.color-background-2,
.color-inverse,
.color-accent-1,
.color-accent-2 {
  --color-button: var(--color-foreground);
  --color-button-text: var(--color-background);
}

.button--secondary {
  --color-button: var(--color-base-outline-button-labels);
  --color-button-text: var(--color-base-outline-button-labels);
  --color-button: var(--color-background);
  --alpha-button-background: 1;
}

.color-background-2 .button--secondary,
.color-accent-1 .button--secondary,
.color-accent-2 .button--secondary {
  --color-button: var(--color-background);
  --color-button-text: var(--color-foreground);
}

.color-inverse .button--secondary {
  --color-button: var(--color-background);
  --color-button-text: var(--color-foreground);
}

.button--tertiary {
  --color-button: var(--color-base-outline-button-labels);
  --color-button-text: var(--color-base-outline-button-labels);
  --alpha-button-background: 0;
  --alpha-button-border: 0.2;
}

.color-background-2 .button--tertiary,
.color-inverse .button--tertiary,
.color-accent-1 .button--tertiary,
.color-accent-2 .button--tertiary {
  --color-button: var(--color-foreground);
  --color-button-text: var(--color-foreground);
}

:root,
.color-background-1 {
  --color-badge-background: var(--color-background);
  --color-badge-border: var(--color-foreground);
  --alpha-badge-border: 0.1;
}

.color-background-2,
.color-inverse,
.color-accent-1,
.color-accent-2 {
  --color-badge-background: var(--color-background);
  --color-badge-border: var(--color-background);
  --alpha-badge-border: 1;
}

:root,
.color-background-1,
.color-background-2 {
  --color-card-hover: var(--color-base-text);
}

.color-inverse {
  --color-card-hover: var(--color-base-background-1);
}

.color-accent-1,
.color-accent-2 {
  --color-card-hover: var(--color-base-solid-button-labels);
}

:root,
.color-icon-text {
  --color-icon: rgb(var(--color-base-text));
}

.color-icon-accent-1 {
  --color-icon: rgb(var(--color-base-accent-1));
}

.color-icon-accent-2 {
  --color-icon: rgb(var(--color-base-accent-2));
}

.color-icon-outline-button {
  --color-icon: rgb(var(--color-base-outline-button-labels));
}

.product-card-wrapper .card,
.contains-card--product {
  --border-radius: var(--product-card-corner-radius);
  --border-width: var(--product-card-border-width);
  --border-opacity: var(--product-card-border-opacity);
  --shadow-horizontal-offset: var(--product-card-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--product-card-shadow-vertical-offset);
  --shadow-blur-radius: var(--product-card-shadow-blur-radius);
  --shadow-opacity: var(--product-card-shadow-opacity);
  --shadow-visible: var(--product-card-shadow-visible);
  --image-padding: var(--product-card-image-padding);
  --text-alignment: var(--product-card-text-alignment);
}

.collection-card-wrapper .card,
.contains-card--collection {
  --border-radius: var(--collection-card-corner-radius);
  --border-width: var(--collection-card-border-width);
  --border-opacity: var(--collection-card-border-opacity);
  --shadow-horizontal-offset: var(--collection-card-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--collection-card-shadow-vertical-offset);
  --shadow-blur-radius: var(--collection-card-shadow-blur-radius);
  --shadow-opacity: var(--collection-card-shadow-opacity);
  --shadow-visible: var(--collection-card-shadow-visible);
  --image-padding: var(--collection-card-image-padding);
  --text-alignment: var(--collection-card-text-alignment);
}

.article-card-wrapper .card,
.contains-card--article {
  --border-radius: var(--blog-card-corner-radius);
  --border-width: var(--blog-card-border-width);
  --border-opacity: var(--blog-card-border-opacity);
  --shadow-horizontal-offset: var(--blog-card-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--blog-card-shadow-vertical-offset);
  --shadow-blur-radius: var(--blog-card-shadow-blur-radius);
  --shadow-opacity: var(--blog-card-shadow-opacity);
  --shadow-visible: var(--blog-card-shadow-visible);
  --image-padding: var(--blog-card-image-padding);
  --text-alignment: var(--blog-card-text-alignment);
}

.contains-content-container,
.content-container {
  --border-radius: var(--text-boxes-radius);
  --border-width: var(--text-boxes-border-width);
  --border-opacity: var(--text-boxes-border-opacity);
  --shadow-horizontal-offset: var(--text-boxes-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--text-boxes-shadow-vertical-offset);
  --shadow-blur-radius: var(--text-boxes-shadow-blur-radius);
  --shadow-opacity: var(--text-boxes-shadow-opacity);
  --shadow-visible: var(--text-boxes-shadow-visible);
}

.contains-media,
.global-media-settings {
  --border-radius: var(--media-radius);
  --border-width: var(--media-border-width);
  --border-opacity: var(--media-border-opacity);
  --shadow-horizontal-offset: var(--media-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--media-shadow-vertical-offset);
  --shadow-blur-radius: var(--media-shadow-blur-radius);
  --shadow-opacity: var(--media-shadow-opacity);
  --shadow-visible: var(--media-shadow-visible);
}

/* base */

.no-js:not(html) {
  display: none !important;
}

html.no-js .no-js:not(html) {
  display: block !important;
}

.no-js-inline {
  display: none !important;
}

html.no-js .no-js-inline {
  display: inline-block !important;
}

html.no-js .no-js-hidden {
  display: none !important;
}

.page-width {
  max-width: var(--page-width);
  margin: 0 auto;
  padding: 0 2rem;
}

.page-width-desktop {
  padding: 0;
  margin: 0 auto;
}

@media screen and (min-width: 750px) {
  .page-width {
    padding: 0 5rem;
  }

  .page-width--narrow {
    padding: 0 9rem;
  }

  .page-width-desktop {
    padding: 0;
  }

  .page-width-tablet {
    padding: 0 5rem;
  }
}

@media screen and (min-width: 990px) {
  .page-width--narrow {
    max-width: 72.6rem;
    padding: 0;
  }

  .page-width-desktop {
    max-width: var(--page-width);
    padding: 0 5rem;
  }
}

.isolate {
  position: relative;
  z-index: 0;
}

.section + .section {
  margin-top: var(--spacing-sections-mobile);
}

@media screen and (min-width: 750px) {
  .section + .section {
    margin-top: var(--spacing-sections-desktop);
  }
}

.element-margin-top {
  margin-top: 5rem;
}

@media screen and (min-width: 750px) {
  .element-margin {
    margin-top: calc(5rem + var(--page-width-margin));
  }
}

body,
.color-background-1,
.color-background-2,
.color-inverse,
.color-accent-1,
.color-accent-2 {
  color: rgba(var(--color-foreground), 0.9);
  background-color: rgb(var(--color-background));
}

/* kiwi chart font fix */
.ks-html-content p,
.ks-html-content p span {
  font-family: var(--font-body-family) !important;
  line-height: 1.3 !important;
}

.nowrap {
  white-space: nowrap;
}

.track-order-form {
  padding-bottom: 2rem;
  margin: 0 auto;
  max-width: 60rem;
}
.track-order-form .field {
  margin-top: 3rem;
}

.background-secondary {
  background-color: rgba(var(--color-foreground), 0.04);
}

.grid-auto-flow {
  display: grid;
  grid-auto-flow: column;
}

.page-margin,
.shopify-challenge__container {
  margin: 7rem auto;
}

.rte-width {
  max-width: 82rem;
  margin: 0 auto 2rem;
}

.list-unstyled {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hidden {
  display: none !important;
}

.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  word-wrap: normal !important;
}

.visually-hidden--inline {
  margin: 0;
  height: 1em;
}

.overflow-hidden {
  overflow: hidden;
}

.skip-to-content-link:focus {
  z-index: 9999;
  position: inherit;
  overflow: auto;
  width: auto;
  height: auto;
  clip: auto;
}

.full-width-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

::selection {
  background-color: rgba(var(--color-foreground), 0.2);
}

.text-body {
  font-size: 1.5rem;
  letter-spacing: 0.06rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
}

h1,
h2,
h3,
h4,
h5,
.h0,
.h1,
.h2,
.h3,
.h4,
.h5 {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  letter-spacing: calc(var(--font-heading-scale) * 0.06rem);
  color: rgb(var(--color-foreground));
  line-height: calc(1 + 0.3 / max(1, var(--font-heading-scale)));
  word-break: break-word;
}

.hxl {
  font-size: calc(var(--font-heading-scale) * 5rem);
}

@media only screen and (min-width: 750px) {
  .hxl {
    font-size: calc(var(--font-heading-scale) * 6.2rem);
  }
}

.h0 {
  font-size: calc(var(--font-heading-scale) * 4rem);
}

@media only screen and (min-width: 750px) {
  .h0 {
    font-size: calc(var(--font-heading-scale) * 5.2rem);
  }
}

h1,
.h1 {
  font-size: calc(var(--font-heading-scale) * 3rem);
}

@media only screen and (min-width: 750px) {
  h1,
  .h1 {
    font-size: calc(var(--font-heading-scale) * 4rem);
  }
}

h2,
.h2 {
  font-size: calc(var(--font-heading-scale) * 2rem);
}

@media only screen and (min-width: 750px) {
  h2,
  .h2 {
    font-size: calc(var(--font-heading-scale) * 2.4rem);
  }
}

h3,
.h3 {
  font-size: calc(var(--font-heading-scale) * 1.7rem);
}

@media only screen and (min-width: 750px) {
  h3,
  .h3 {
    font-size: calc(var(--font-heading-scale) * 1.8rem);
  }
}

h4,
.h4 {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-size: calc(var(--font-heading-scale) * 1.5rem);
}

h5,
.h5 {
  font-size: calc(var(--font-heading-scale) * 1.2rem);
}

@media only screen and (min-width: 750px) {
  h5,
  .h5 {
    font-size: calc(var(--font-heading-scale) * 1.3rem);
  }
}

h6,
.h6 {
  color: rgba(var(--color-foreground), 0.9);
  margin-block-start: 1.67em;
  margin-block-end: 1.67em;
}

blockquote {
  font-style: italic;
  color: rgba(var(--color-foreground), 0.9);
  border-left: 0.2rem solid rgba(var(--color-foreground), 0.2);
  padding-left: 1rem;
}

@media screen and (min-width: 750px) {
  blockquote {
    padding-left: 1.5rem;
  }
}

.caption {
  font-size: 1rem;
  letter-spacing: 0.07rem;
  line-height: calc(1 + 0.7 / var(--font-body-scale));
}

@media screen and (min-width: 750px) {
  .caption {
    font-size: 1.2rem;
  }
}

.caption-with-letter-spacing {
  font-size: 1rem;
  letter-spacing: 0.13rem;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
  text-transform: uppercase;
}

.caption-with-letter-spacing--medium {
  font-size: 1.2rem;
  letter-spacing: 0.16rem;
}

.caption-with-letter-spacing--large {
  font-size: 1.4rem;
  letter-spacing: 0.18rem;
}

.caption-large,
.customer .field input,
.customer select,
.field__input,
.form__label,
.select__select {
  font-size: 1.3rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  letter-spacing: 0.04rem;
}

.color-foreground {
  color: rgb(var(--color-foreground));
}

table:not([class]) {
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 1.4rem;
  border-style: hidden;
  box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.2);
  /* draws the table border  */
}

table:not([class]) td,
table:not([class]) th {
  padding: 1em;
  border: 0.1rem solid rgba(var(--color-foreground), 0.2);
}

@media screen and (max-width: 749px) {
  .small-hide {
    display: none !important;
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .medium-hide {
    display: none !important;
  }
}

@media screen and (min-width: 990px) {
  .large-up-hide {
    display: none !important;
  }
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.uppercase {
  text-transform: uppercase;
}

.light {
  opacity: 0.7;
}

a:empty,
ul:empty,
dl:empty,
div:empty,
section:empty,
article:empty,
p:empty,
h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty {
  display: none;
}

.link,
.customer a {
  cursor: pointer;
  display: inline-block;
  border: none;
  box-shadow: none;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
  color: rgb(var(--color-link));
  background-color: transparent;
  font-size: 1.4rem;
  font-family: inherit;
}

.link--text {
  color: rgb(var(--color-foreground));
}

.link--text:hover {
  color: rgba(var(--color-foreground), 0.9);
}

.link-with-icon {
  display: inline-flex;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
  text-decoration: none;
  margin-bottom: 4.5rem;
  white-space: nowrap;
}

.link-with-icon .icon {
  width: 1.5rem;
  margin-left: 1rem;
}

a:not([href]) {
  cursor: not-allowed;
}

.circle-divider::after {
  content: "\2022";
  margin: 0 1.3rem 0 1.5rem;
}

.circle-divider:last-of-type::after {
  display: none;
}

hr {
  border: none;
  height: 0.1rem;
  background-color: rgba(var(--color-foreground), 0.2);
  display: block;
  margin: 5rem 0;
}

@media screen and (min-width: 750px) {
  hr {
    margin: 7rem 0;
  }
}

.full-unstyled-link {
  text-decoration: none;
  color: currentColor;
  display: block;
}

.placeholder {
  background-color: rgba(var(--color-foreground), 0.04);
  color: rgba(var(--color-foreground), 0.55);
  fill: rgba(var(--color-foreground), 0.55);
}

details > * {
  box-sizing: border-box;
}

.break {
  word-break: break-word;
}

.visibility-hidden {
  visibility: hidden;
}

@media (prefers-reduced-motion) {
  .motion-reduce {
    transition: none !important;
    animation: none !important;
  }
}

:root {
  --duration-short: 100ms;
  --duration-default: 200ms;
  --duration-long: 500ms;
}

.underlined-link,
.customer a {
  color: rgba(var(--color-link), var(--alpha-link));
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.1rem;
  transition: text-decoration-thickness ease 100ms;
}

.underlined-link:hover,
.customer a:hover {
  color: rgb(var(--color-link));
  text-decoration-thickness: 0.2rem;
}

.icon-arrow {
  width: 1.5rem;
}

h3 .icon-arrow,
.h3 .icon-arrow {
  width: calc(var(--font-heading-scale) * 1.5rem);
}

/* arrow animation */
.animate-arrow .icon-arrow path {
  transform: translateX(-0.25rem);
  transition: transform var(--duration-short) ease;
}

.animate-arrow:hover .icon-arrow path {
  transform: translateX(-0.05rem);
}

/* cart discount field */
.cart-discount {
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.2);
}

.cart-discount-form {
  margin: 1.5rem 0;
}
.cart-discount-form__row {
  display: flex;
  align-items: center;
}

.cart-discount-form .button {
  min-width: auto;
  min-height: 4.7rem;
  padding: 0 2.5rem;
  margin-left: 0.5rem;
}

.cart-discount-form .field input {
  padding-left: 1.25rem;
}
.cart-discount-form .field label,
.cart-discount-form .field input:focus ~ label,
.cart-discount-form .field__input:not(:placeholder-shown) ~ .field__label {
  left: calc(var(--inputs-border-width) + 1.25rem);
}

.cart-discount-form__error {
  margin: 0;
  font-size: 1.4rem;
  display: none;
  color: #dd1d1d;
}

/* policies fix */
.shopify-policy__container {
  padding-bottom: 3rem;
}

/* base-details-summary */
summary {
  cursor: pointer;
  list-style: none;
  position: relative;
}

summary .icon-caret {
  position: absolute;
  height: 0.6rem;
  right: 1.5rem;
  top: calc(50% - 0.2rem);
}

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

.disclosure-has-popup {
  position: relative;
}

.disclosure-has-popup[open] > summary::before {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  cursor: default;
  content: " ";
  background: transparent;
}

.disclosure-has-popup > summary::before {
  display: none;
}

.disclosure-has-popup[open] > summary + * {
  z-index: 100;
}

@media screen and (min-width: 750px) {
  .disclosure-has-popup[open] > summary + * {
    z-index: 4;
  }

  .facets .disclosure-has-popup[open] > summary + * {
    z-index: 2;
  }
}

/* base-focus */
/*
  Focus ring - default (with offset)
*/

*:focus {
  outline: 0;
  box-shadow: none;
}

*:focus-visible {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 0.3rem;
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

/* Fallback - for browsers that don't support :focus-visible, a fallback is set for :focus */
.focused,
.no-js *:focus {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 0.3rem;
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

/* Negate the fallback side-effect for browsers that support :focus-visible */
.no-js *:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

/*
  Focus ring - inset
*/

.focus-inset:focus-visible {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: -0.2rem;
  box-shadow: 0 0 0.2rem 0 rgba(var(--color-foreground), 0.3);
}

.focused.focus-inset,
.no-js .focus-inset:focus {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: -0.2rem;
  box-shadow: 0 0 0.2rem 0 rgba(var(--color-foreground), 0.3);
}

.no-js .focus-inset:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

/*
  Focus ring - none
*/

/* Dangerous for a11y - Use with care */
.focus-none {
  box-shadow: none !important;
  outline: 0 !important;
}

.focus-offset:focus-visible {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 1rem;
  box-shadow: 0 0 0 1rem rgb(var(--color-background)),
    0 0 0.2rem 1.2rem rgba(var(--color-foreground), 0.3);
}

.focus-offset.focused,
.no-js .focus-offset:focus {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 1rem;
  box-shadow: 0 0 0 1rem rgb(var(--color-background)),
    0 0 0.2rem 1.2rem rgba(var(--color-foreground), 0.3);
}

.no-js .focus-offset:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

/* component-title */
.title,
.title-wrapper-with-link {
  margin: 3rem 0 2rem;
}

.title-wrapper-with-link .title {
  margin: 0;
}

.title .link {
  font-size: inherit;
}

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

.title-wrapper-with-link {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 1rem;
  margin-bottom: 3rem;
  flex-wrap: wrap;
}

.title-wrapper-with-link--spacing {
  justify-content: space-between;
}

.title--primary {
  margin: 4rem 0;
}

.title-wrapper--self-padded-tablet-down,
.title-wrapper--self-padded-mobile {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media screen and (min-width: 750px) {
  .title-wrapper--self-padded-mobile {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 990px) {
  .title,
  .title-wrapper-with-link {
    margin: 5rem 0 3rem;
  }

  .title--primary {
    margin: 2rem 0;
  }

  .title-wrapper-with-link {
    align-items: center;
  }

  .title-wrapper-with-link .title {
    margin-bottom: 0;
  }

  .title-wrapper--self-padded-tablet-down {
    padding-left: 0;
    padding-right: 0;
  }
}

.title-wrapper-with-link .link-with-icon {
  margin: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.title-wrapper-with-link .link-with-icon svg {
  width: 1.5rem;
}

.title-wrapper-with-link a {
  color: rgb(var(--color-link));
  margin-top: 0;
  flex-shrink: 0;
}

.title-wrapper--no-top-margin {
  margin-top: 0;
}

.title-wrapper--no-top-margin > .title {
  margin-top: 0;
}

.subtitle {
  font-size: 1.8rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  letter-spacing: 0.06rem;
  color: rgba(var(--color-foreground), 0.7);
}

.subtitle--small {
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
}

.subtitle--medium {
  font-size: 1.6rem;
  letter-spacing: 0.08rem;
}

.collection__title,
.collection-hero__title,
.title-wrapper,
.title-wrapper--no-top-margin,
.title-wrapper--self-padded-tablet-down,
.collage-wrapper-title,
.title-wrapper-with-link,
.title-wrapper--self-padded-mobile,
.title-wrapper--no-top-margin,
.title--primary,
.main-page-title,
.page-title {
  text-align: center;
}

/* component-grid */
.grid {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 2rem;
  padding: 0;
  list-style: none;
  column-gap: var(--grid-mobile-horizontal-spacing);
  row-gap: var(--grid-mobile-vertical-spacing);
}

@media screen and (min-width: 750px) {
  .grid {
    column-gap: var(--grid-desktop-horizontal-spacing);
    row-gap: var(--grid-desktop-vertical-spacing);
  }
}

.grid:last-child {
  margin-bottom: 0;
}

.grid__item {
  width: calc(25% - var(--grid-mobile-horizontal-spacing) * 3 / 4);
  max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
  flex-grow: 1;
  flex-shrink: 0;
}

@media screen and (min-width: 750px) {
  .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
}

.grid--gapless.grid {
  column-gap: 0;
  row-gap: 0;
}

@media screen and (max-width: 749px) {
  .grid__item.slider__slide--full-width {
    width: 100%;
    max-width: none;
  }
}

.grid--1-col .grid__item {
  max-width: 100%;
  width: 100%;
}

.grid--3-col .grid__item {
  width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3);
}

@media screen and (min-width: 750px) {
  .grid--3-col .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }
}

.grid--2-col .grid__item {
  width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
}

@media screen and (min-width: 750px) {
  .grid--2-col .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .grid--4-col-tablet .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  }

  .grid--3-col-tablet .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }

  .grid--2-col-tablet .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
}

@media screen and (max-width: 989px) {
  .grid--1-col-tablet-down .grid__item {
    width: 100%;
    max-width: 100%;
  }

  .slider--tablet.grid--peek {
    margin: 0;
    width: 100%;
  }

  .slider--tablet.grid--peek .grid__item {
    box-sizing: content-box;
    margin: 0;
  }
}

@media screen and (min-width: 990px) {
  .grid--6-col-desktop .grid__item {
    width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
    max-width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
  }

  .grid--5-col-desktop .grid__item {
    width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
    max-width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
  }

  .grid--4-col-desktop .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  }

  .grid--3-col-desktop .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
    max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }

  .grid--2-col-desktop .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
}

@media screen and (min-width: 990px) {
  .grid--1-col-desktop {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .grid--1-col-desktop .grid__item {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 749px) {
  .grid--peek.slider--mobile {
    margin: 0;
    width: 100%;
  }

  .grid--peek.slider--mobile .grid__item {
    box-sizing: content-box;
    margin: 0;
  }

  .grid--peek .grid__item {
    min-width: 35%;
  }

  .grid--peek.slider .grid__item:first-of-type {
    margin-left: 1.5rem;
  }

  /* Fix to show some space at the end of our sliders in all browsers */
  .grid--peek.slider:after {
    margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing));
  }

  .grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
  }

  .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item,
  .grid--peek .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) - 3rem);
  }

  .slider--tablet.grid--peek.grid--1-col-tablet-down .grid__item,
  .slider--mobile.grid--peek.grid--1-col-tablet-down .grid__item {
    width: calc(100% - var(--grid-mobile-horizontal-spacing) - 3rem);
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .slider--tablet.grid--peek .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }

  .slider--tablet.grid--peek.grid--3-col-tablet .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }

  .slider--tablet.grid--peek.grid--2-col-tablet .grid__item,
  .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }

  .slider--tablet.grid--peek .grid__item:first-of-type {
    margin-left: 1.5rem;
  }

  .grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .grid--1-col-tablet-down.grid--peek .grid__item {
    width: calc(100% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }
}

/* component-media */
.media {
  display: block;
  background-color: rgba(var(--color-foreground), 0.1);
  position: relative;
  overflow: hidden;
}

.media--transparent {
  background-color: transparent;
}

.media > *:not(.zoom):not(.deferred-media__poster-button),
.media model-viewer {
  display: block;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.media > img {
  object-fit: cover;
  object-position: center center;
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.media--square {
  padding-bottom: 100%;
}

.media--portrait {
  padding-bottom: 125%;
}

.media--landscape {
  padding-bottom: 66.6%;
}

.media--cropped {
  padding-bottom: 56%;
}

.media--16-9 {
  padding-bottom: 56.25%;
}

.media--circle {
  padding-bottom: 100%;
  border-radius: 50%;
}

.media.media--hover-effect > img + img {
  opacity: 0;
}

@media screen and (min-width: 990px) {
  .media--cropped {
    padding-bottom: 63%;
  }
}

deferred-media {
  display: block;
}

/* component-button */
/* Button - default */

.button,
.shopify-challenge__button,
.customer button,
button.shopify-payment-button__button--unbranded,
.shopify-payment-button [role="button"],
.cart__dynamic-checkout-buttons [role="button"],
.cart__dynamic-checkout-buttons iframe {
  --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--buttons-shadow-vertical-offset);
  --shadow-blur-radius: var(--buttons-shadow-blur-radius);
  --shadow-opacity: var(--buttons-shadow-opacity);
  --shadow-visible: var(--buttons-shadow-visible);
  --border-offset: var(
    --buttons-border-offset
  ); /* reduce radius edge artifacts */
  --border-opacity: calc(1 - var(--buttons-border-opacity));
  border-radius: var(--buttons-radius-outset);
  position: relative;
  font-weight: 700;
}

.button,
.shopify-challenge__button,
.customer button,
button.shopify-payment-button__button--unbranded {
  min-width: calc(12rem + var(--buttons-border-width) * 2);
  min-height: calc(4.5rem + var(--buttons-border-width) * 2);
  font-weight: 700;
}

.shopify-payment-button__button--branded {
  z-index: auto;
}

.cart__dynamic-checkout-buttons iframe {
  box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset)
    var(--shadow-blur-radius)
    rgba(var(--color-base-text), var(--shadow-opacity));
}

.button,
.shopify-challenge__button,
.customer button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 0;
  padding: 0 3rem;
  cursor: pointer;
  font: inherit;
  font-size: 1.5rem;
  text-decoration: none;
  color: rgb(var(--color-button-text));
  transition: box-shadow var(--duration-short) ease;
  -webkit-appearance: none;
  appearance: none;
  background-color: rgba(var(--color-button), var(--alpha-button-background));
  font-weight: 700;
}

.button:before,
.shopify-challenge__button:before,
.customer button:before,
.shopify-payment-button__button--unbranded:before,
.shopify-payment-button [role="button"]:before,
.cart__dynamic-checkout-buttons [role="button"]:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: var(--buttons-radius-outset);
  box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset)
    var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity));
}

.button:after,
.shopify-challenge__button:after,
.customer button:after,
.shopify-payment-button__button--unbranded:after {
  content: "";
  position: absolute;
  top: var(--buttons-border-width);
  right: var(--buttons-border-width);
  bottom: var(--buttons-border-width);
  left: var(--buttons-border-width);
  z-index: 1;
  border-radius: var(--buttons-radius);
  box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset))
      rgba(var(--color-button-text), var(--border-opacity)),
    0 0 0 var(--buttons-border-width)
      rgba(var(--color-button), var(--alpha-button-background));
  transition: box-shadow var(--duration-short) ease;
}

.button:not([disabled]):hover::after,
.shopify-challenge__button:hover::after,
.customer button:hover::after,
.shopify-payment-button__button--unbranded:hover::after {
  --border-offset: 1.3px;
  box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset))
      rgba(var(--color-button-text), var(--border-opacity)),
    0 0 0 calc(var(--buttons-border-width) + 1px)
      rgba(var(--color-button), var(--alpha-button-background));
}

.button--secondary:after {
  --border-opacity: var(--buttons-border-opacity);
}

.button:focus-visible,
.button:focus,
.button.focused,
.shopify-payment-button__button--unbranded:focus-visible,
.shopify-payment-button [role="button"]:focus-visible,
.shopify-payment-button__button--unbranded:focus,
.shopify-payment-button [role="button"]:focus {
  outline: 0;
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0 0.5rem rgba(var(--color-foreground), 0.5),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

.button:focus:not(:focus-visible):not(.focused),
.shopify-payment-button__button--unbranded:focus:not(:focus-visible):not(
    .focused
  ),
.shopify-payment-button
  [role="button"]:focus:not(:focus-visible):not(.focused) {
  box-shadow: inherit;
}

.button::selection,
.shopify-challenge__button::selection,
.customer button::selection {
  background-color: rgba(var(--color-button-text), 0.3);
}

.button,
.button-label,
.shopify-challenge__button,
.customer button {
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
}

.button--tertiary {
  font-size: 1.2rem;
  padding: 1rem 1.5rem;
  min-width: calc(9rem + var(--buttons-border-width) * 2);
  min-height: calc(3.5rem + var(--buttons-border-width) * 2);
}

.button--small {
  padding: 1.2rem 2.6rem;
}

.mb-1em {
  margin-bottom: 1em;
}

.mb-0 {
  margin-bottom: 0;
}

.btn--mt-center {
  margin: 1em auto 0;
  width: fit-content;
  display: flex;
}

/* Scroll to top button */

.scroll-to-top-btn {
  width: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  border-radius: 50%;
  overflow: hidden;
  outline: none;
  border: none;
  cursor: pointer;
  box-shadow: 0.1rem 0.1rem 1rem rgba(0, 0, 0, 0.3);
}

.scroll-to-top-btn svg {
  width: 2.2rem;
  height: 2.2rem;
  pointer-events: none;
}

.scroll-to-top-btn,
.music-player {
  position: fixed;
  transition: all 0.15s ease-in-out;
  bottom: var(--offset-y);
  z-index: 2;
}

.scroll-to-top-btn-bottom-left,
.music-player-bottom-left {
  left: var(--offset-x);
}

.scroll-to-top-btn-bottom-center,
.music-player-bottom-center {
  left: 50%;
  transform: translateX(-50%);
}

.scroll-to-top-btn-bottom-right,
.music-player-bottom-right {
  right: var(--offset-x);
}

/* music player */

.music-player {
  background: none;
}

.music-player__audio {
  width: 0;
  height: 0;
}

.music-player__btn {
  width: 5rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  position: relative;
  z-index: 0;
  background: rgb(var(--color-background));
  outline: none;
  border: none;
  cursor: pointer;
  box-shadow: 0.1rem 0.1rem 1rem rgba(0, 0, 0, 0.3);
}

.music-player__btn[disabled] {
  cursor: not-allowed;
}

.music-player__btn svg {
  color: rgb(var(--color-foreground));
  height: 2.5rem;
  pointer-events: none;
}

.music-player__btn--animation::before,
.music-player__btn--animation::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  border-radius: 50%;
  border: solid 1px rgb(var(--color-background));
  animation: ripple 2s linear infinite;
}

.music-player__btn--animation::after {
  animation-delay: 1s;
}

.music-player__btn--playing .music-player__btn__playing-icon {
  display: none;
}

.music-player__btn--paused .music-player__btn__paused-icon {
  display: none;
}

.music-player__btn__playing-icon {
  transform: translateX(10%);
}

@keyframes ripple {
  0% {
    opacity: 0;
    transform: none;
  }
  20% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}

/* Button - other */

.button:disabled,
.button[aria-disabled="true"],
.button.disabled,
.customer button:disabled,
.customer button[aria-disabled="true"],
.customer button.disabled,
.quantity__button.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.button--full-width {
  display: flex;
  width: 100%;
}

.button.loading {
  color: transparent;
  position: relative;
}

@media screen and (forced-colors: active) {
  .button.loading {
    color: rgb(var(--color-foreground));
  }
}

.button.loading > .loading-overlay__spinner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
}

.button.loading > .loading-overlay__spinner .spinner {
  width: fit-content;
}

.button.loading > .loading-overlay__spinner .path {
  stroke: rgb(var(--color-button-text));
}

/* Button arrow animation */
@media (hover: hover) {
  a.button:not([aria-disabled="true"]) {
    transition: all 0.3s ease-in-out;
    overflow: hidden;
  }
  /*   a.button:not([aria-disabled="true"])::after {
    display: none;
  } */
  a.button:not([aria-disabled="true"])::before {
    top: 50%;
    right: 3rem;
    left: auto;
    bottom: auto;
    z-index: 1;
    box-shadow: none;
    border-radius: 0;
    background: rgb(var(--color-button-text));
    transform: translate(calc(3rem + 100%), -50%);
    height: 0.65em;
    width: 2em;
    clip-path: polygon(
      0% 32%,
      70% 32%,
      70% 0%,
      100% 50%,
      70% 100%,
      70% 68%,
      0% 68%
    );
    transition: all 0.3s ease-in-out;
  }
  a.button:not([aria-disabled="true"]):hover {
    padding-right: 6rem;
    white-space: nowrap;
  }
  a.button:not([aria-disabled="true"]):hover::before {
    transform: translate(50%, -50%);
  }
}

/* Button - social share */

.share-button {
  display: block;
  position: relative;
}

.share-button details {
  width: fit-content;
}

.share-button__button {
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  color: rgb(var(--color-link));
  margin-left: 0;
  padding-left: 0;
  min-height: 4.4rem;
}

details[open] > .share-button__fallback {
  animation: animateMenuOpen var(--duration-default) ease;
}

.share-button__button:hover {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.share-button__button,
.share-button__fallback button {
  cursor: pointer;
  background-color: transparent;
  border: none;
}

.share-button__button .icon-share {
  height: 1.2rem;
  margin-right: 1rem;
  min-width: 1.3rem;
}

.share-button__fallback {
  display: flex;
  align-items: center;
  position: absolute;
  top: 3rem;
  left: 0.1rem;
  z-index: 3;
  width: 100%;
  min-width: max-content;
  border-radius: var(--inputs-radius);
  border: 0;
}

.share-button__fallback:after {
  pointer-events: none;
  content: "";
  position: absolute;
  top: var(--inputs-border-width);
  right: var(--inputs-border-width);
  bottom: var(--inputs-border-width);
  left: var(--inputs-border-width);
  border: 0.1rem solid transparent;
  border-radius: var(--inputs-radius);
  box-shadow: 0 0 0 var(--inputs-border-width)
    rgba(var(--color-foreground), var(--inputs-border-opacity));
  transition: box-shadow var(--duration-short) ease;
  z-index: 1;
}

.share-button__fallback:before {
  background: rgb(var(--color-background));
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--inputs-radius-outset);
  box-shadow: var(--inputs-shadow-horizontal-offset)
    var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius)
    rgba(var(--color-base-text), var(--inputs-shadow-opacity));
  z-index: -1;
}

.share-button__fallback button {
  width: 4.4rem;
  height: 4.4rem;
  padding: 0;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  right: var(--inputs-border-width);
}

.share-button__fallback button:hover {
  color: rgba(var(--color-foreground), 0.9);
}

.share-button__fallback button:hover svg {
  transform: scale(1.07);
}

.share-button__close:not(.hidden) + .share-button__copy {
  display: none;
}

.share-button__close,
.share-button__copy {
  background-color: transparent;
  color: rgb(var(--color-foreground));
}

.share-button__copy:focus-visible,
.share-button__close:focus-visible {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.share-button__copy:focus,
.share-button__close:focus {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.field:not(:focus-visible):not(.focused)
  + .share-button__copy:not(:focus-visible):not(.focused),
.field:not(:focus-visible):not(.focused)
  + .share-button__close:not(:focus-visible):not(.focused) {
  background-color: inherit;
}

.share-button__fallback .field:after,
.share-button__fallback .field:before {
  content: none;
}

.share-button__fallback .field {
  border-radius: 0;
  min-width: auto;
  min-height: auto;
  transition: none;
}

.share-button__fallback .field__input:focus,
.share-button__fallback .field__input:-webkit-autofill {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 0.1rem;
  box-shadow: 0 0 0 0.1rem rgb(var(--color-background)),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

.share-button__fallback .field__input {
  box-shadow: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  filter: none;
  min-width: auto;
  min-height: auto;
}

.share-button__fallback .field__input:hover {
  box-shadow: none;
}

.share-button__fallback .icon {
  width: 1.5rem;
  height: 1.5rem;
}

.share-button__message:not(:empty) {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding: 0.8rem 0 0.8rem 1.5rem;
  margin: var(--inputs-border-width);
}

.share-button__message:not(:empty):not(.hidden) ~ * {
  display: none;
}

/* component-form */
.field__input,
.select__select,
.customer .field input,
.customer select {
  -webkit-appearance: none;
  appearance: none;
  background-color: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
  font-size: 1.6rem;
  width: 100%;
  box-sizing: border-box;
  transition: box-shadow var(--duration-short) ease;
  border-radius: var(--inputs-radius);
  height: 4.5rem;
  min-height: calc(var(--inputs-border-width) * 2);
  min-width: calc(7rem + (var(--inputs-border-width) * 2));
  position: relative;
  border: 0;
}

.field:before,
.select:before,
.customer .field:before,
.customer select:before,
.localization-form__select:before {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--inputs-radius-outset);
  box-shadow: var(--inputs-shadow-horizontal-offset)
    var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius)
    rgba(var(--color-base-text), var(--inputs-shadow-opacity));
  z-index: -1;
}

.field:after,
.select:after,
.customer .field:after,
.customer select:after,
.localization-form__select:after {
  pointer-events: none;
  content: "";
  position: absolute;
  top: var(--inputs-border-width);
  right: var(--inputs-border-width);
  bottom: var(--inputs-border-width);
  left: var(--inputs-border-width);
  border: 0.1rem solid transparent;
  border-radius: var(--inputs-radius);
  box-shadow: 0 0 0 var(--inputs-border-width)
    rgba(var(--color-foreground), var(--inputs-border-opacity));
  transition: box-shadow var(--duration-short) ease;
  z-index: 1;
}

.select__select {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: 1.2rem;
  color: rgba(var(--color-foreground), 0.9);
}

.field:hover.field:after,
.select:hover.select:after,
.select__select:hover.select__select:after,
.customer .field:hover.field:after,
.customer select:hover.select:after,
.localization-form__select:hover.localization-form__select:after {
  box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width))
    rgba(var(--color-foreground), var(--inputs-border-opacity));
  outline: 0;
  border-radius: var(--inputs-radius);
}

.field__input:focus-visible,
.select__select:focus-visible,
.customer .field input:focus-visible,
.customer select:focus-visible,
.localization-form__select:focus-visible.localization-form__select:after {
  box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width))
    rgba(var(--color-foreground));
  outline: 0;
  border-radius: var(--inputs-radius);
}

.field__input:focus,
.select__select:focus,
.customer .field input:focus,
.customer select:focus,
.localization-form__select:focus.localization-form__select:after {
  box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width))
    rgba(var(--color-foreground));
  outline: 0;
  border-radius: var(--inputs-radius);
}

.localization-form__select:focus {
  outline: 0;
  box-shadow: none;
}

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

/* Select */

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

.select__select,
.customer select {
  cursor: pointer;
  line-height: calc(1 + 0.6 / var(--font-body-scale));
  padding: 0 calc(var(--inputs-border-width) + 3rem) 0 2rem;
  margin: var(--inputs-border-width);
  min-height: calc(var(--inputs-border-width) * 2);
}

.variant-selects--small {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  /*   justify-content: center; */
}
.variant-selects--small .product-form__input--dropdown {
  flex: 0 0 auto;
  margin: 0;
}
.variant-selects--small .form__label {
  text-align: left;
  margin-bottom: 0;
}
.select--small .select__select {
  font-size: 1.2rem;
  height: 2.25em;
  padding: 0 2.5rem 0 1rem;
  border-radius: calc((var(--inputs-radius-outset)) / 2);
}
.select--small::before,
.select--small::after {
  border-radius: calc((var(--inputs-radius-outset)) / 2);
}

/* Field */

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

.customer .field {
  display: flex;
}

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

.field__input,
.customer .field input {
  flex-grow: 1;
  text-align: left;
  padding: 1.5rem;
  margin: var(--inputs-border-width);
  transition: box-shadow var(--duration-short) ease;
}

.field__label,
.customer .field label {
  font-size: 1.6rem;
  left: calc(var(--inputs-border-width) + 2rem);
  top: calc(1rem + var(--inputs-border-width));
  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.9);
  letter-spacing: 0.1rem;
  line-height: 1.5;
}

.field__input:focus ~ .field__label,
.field__input:not(:placeholder-shown) ~ .field__label,
.field__input:-webkit-autofill ~ .field__label,
.customer .field input:focus ~ label,
.customer .field input:not(:placeholder-shown) ~ label,
.customer .field input:-webkit-autofill ~ label {
  font-size: 1rem;
  top: calc(var(--inputs-border-width) + 0.5rem);
  left: calc(var(--inputs-border-width) + 2rem);
  letter-spacing: 0.04rem;
}

.field__input:focus,
.field__input:not(:placeholder-shown),
.field__input:-webkit-autofill,
.customer .field input:focus,
.customer .field input:not(:placeholder-shown),
.customer .field input:-webkit-autofill {
  padding: 2.2rem 1.5rem 0.8rem 2rem;
  margin: var(--inputs-border-width);
}

.field__input::-webkit-search-cancel-button,
.customer .field input::-webkit-search-cancel-button {
  display: none;
}

.field__input::placeholder,
.customer .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,
.customer .field input:-webkit-autofill ~ 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"] {
  display: inline-block;
  width: auto;
  margin-right: 0.5rem;
}

/* Form global */

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

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

/* component-quantity */
.quantity {
  color: rgba(var(--color-foreground));
  position: relative;
  width: calc(14rem / var(--font-body-scale) + var(--inputs-border-width) * 2);
  display: flex;
  border-radius: var(--inputs-radius);
  min-height: calc((var(--inputs-border-width) * 2) + 4.5rem);
}

.quantity:after {
  pointer-events: none;
  content: "";
  position: absolute;
  top: var(--inputs-border-width);
  right: var(--inputs-border-width);
  bottom: var(--inputs-border-width);
  left: var(--inputs-border-width);
  border: 0.1rem solid transparent;
  border-radius: var(--inputs-radius);
  box-shadow: 0 0 0 var(--inputs-border-width)
    rgba(var(--color-foreground), var(--inputs-border-opacity));
  transition: box-shadow var(--duration-short) ease;
  z-index: 1;
}

.quantity:before {
  background: rgb(var(--color-background));
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--inputs-radius-outset);
  box-shadow: var(--inputs-shadow-horizontal-offset)
    var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius)
    rgba(var(--color-base-text), var(--inputs-shadow-opacity));
  z-index: -1;
}

.quantity__input {
  color: currentColor;
  font-size: 1.4rem;
  font-weight: 500;
  opacity: 0.85;
  text-align: center;
  background-color: transparent;
  border: 0;
  padding: 0 0.5rem;
  width: 100%;
  flex-grow: 1;
  -webkit-appearance: none;
  appearance: none;
}

.quantity__button {
  width: calc(4.5rem / var(--font-body-scale));
  flex-shrink: 0;
  font-size: 1.8rem;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(var(--color-foreground));
  padding: 0;
}

.quantity__button:first-child {
  margin-left: calc(var(--inputs-border-width));
}

.quantity__button:last-child {
  margin-right: calc(var(--inputs-border-width));
}

.quantity__button svg {
  width: 1rem;
  pointer-events: none;
}

.quantity__button:focus-visible,
.quantity__input:focus-visible {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.quantity__button:focus,
.quantity__input:focus {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.quantity__button:not(:focus-visible):not(.focused),
.quantity__input:not(:focus-visible):not(.focused) {
  box-shadow: inherit;
  background-color: inherit;
}

.quantity__input:-webkit-autofill,
.quantity__input:-webkit-autofill:hover,
.quantity__input:-webkit-autofill:active {
  box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
  -webkit-box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
}

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

.quantity__input[type="number"] {
  -moz-appearance: textfield;
}

.quantity__rules {
  margin-top: 1.2rem;
  position: relative;
  font-size: 1.2rem;
}

.quantity__rules .caption {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
}

.quantity__rules .divider + .divider::before {
  content: "\2022";
  margin: 0 0.5rem;
}

.quantity__rules-cart {
  position: relative;
}

product-info .loading-overlay:not(.hidden) ~ *,
.quantity__rules-cart .loading-overlay:not(.hidden) ~ * {
  visibility: hidden;
}

/* component-modal */
.modal__toggle {
  list-style-type: none;
}

.no-js details[open] .modal__toggle {
  position: absolute;
  z-index: 5;
}

.modal__toggle-close {
  display: none;
}

.no-js details[open] svg.modal__toggle-close {
  display: flex;
  z-index: 1;
  height: 1.7rem;
  width: 1.7rem;
}

.modal__toggle-open {
  display: flex;
}

.no-js details[open] .modal__toggle-open {
  display: none;
}

.no-js .modal__close-button.link {
  display: none;
}

.modal__close-button.link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0rem;
  height: 4.4rem;
  width: 4.4rem;
  background-color: transparent;
}

.modal__close-button .icon {
  width: 1.7rem;
  height: 1.7rem;
}

.modal__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(var(--color-background));
  z-index: 4;
  display: flex;
  justify-content: center;
  align-items: center;
}

.media-modal {
  cursor: zoom-out;
}

.media-modal .deferred-media {
  cursor: initial;
}

/* component-cart-count-bubble */
.cart-count-bubble:empty {
  display: none;
}

.cart-count-bubble {
  position: absolute;
  background-color: rgb(var(--color-button));
  color: rgb(var(--color-button-text));
  height: 1.4rem;
  width: 1.4rem;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8rem;
  bottom: 0.8rem;
  left: 2.2rem;
}
.cart-count-bubble span {
  line-height: 1.4rem;
}

/* section-announcement-bar */
.announcement-bar {
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
  color: rgb(var(--color-foreground));
}

.announcement-bar__link {
  display: block;
  width: 100%;
  padding: 1rem 0;
  text-decoration: none;
}

.announcement-bar__link:hover {
  color: rgb(var(--color-foreground));
  background-color: rgba(var(--color-card-hover), 0.06);
}

.announcement-bar__link .icon-arrow {
  display: inline-block;
  pointer-events: none;
  margin-left: 0.8rem;
  vertical-align: middle;
  margin-bottom: 0.2rem;
}

.announcement-bar__link .announcement-bar__message {
  padding: 0;
}

.announcement-bar__message {
  padding: 1rem 0;
  margin: 0;
  letter-spacing: 0.1rem;
}

/* section-header */
.section-header.shopify-section-group-header-group {
  z-index: 5;
  margin: 0;
}

.shopify-section-header-sticky {
  position: sticky;
  top: 0;
}

.shopify-section-header-hidden {
  top: calc(-1 * var(--header-height));
}

.shopify-section-header-hidden.menu-open {
  top: 0;
}

.section-header.animate {
  transition: top 0.15s ease-out;
}

.shopify-section-group-header-group {
  z-index: 4;
}

.section-header ~ .shopify-section-group-header-group {
  z-index: initial;
}

/* Main Header Layout */
.header-wrapper {
  display: block;
  position: relative;
  background-color: rgb(var(--color-background));
}

.header-wrapper--border-bottom {
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
}

.header {
  display: grid;
  grid-template-areas: "left-icon heading icons";
  grid-template-columns: 1fr 2fr 1fr;
  align-items: center;
}

@media screen and (min-width: 990px) {
  .header--top-left,
  .header--middle-left:not(.header--has-menu) {
    grid-template-areas:
      "heading icons"
      "navigation navigation";
    grid-template-columns: 1fr auto;
  }

  .header--middle-left {
    grid-template-areas: "heading navigation icons";
    grid-template-columns: auto auto 1fr;
    column-gap: 2rem;
  }

  .header--middle-center {
    grid-template-areas: "navigation heading icons";
    grid-template-columns: 1fr auto 1fr;
    column-gap: 2rem;
  }

  .header--middle-center a.header__heading-link {
    text-align: center;
  }

  .header--top-center {
    grid-template-areas:
      "left-icon heading icons"
      "navigation navigation navigation";
  }

  .header:not(.header--middle-left, .header--middle-center)
    .header__inline-menu {
    margin-top: 1.05rem;
  }
}

.header *[tabindex="-1"]:focus {
  outline: none;
}

.header__heading {
  margin: 0;
  line-height: 0;
}

.header > .header__heading-link {
  line-height: 0;
}

.header__heading,
.header__heading-link {
  grid-area: heading;
  justify-self: center;
}

.header__heading-link {
  display: inline-block;
  padding: 0.75rem;
  text-decoration: none;
  word-break: break-word;
}

.header__heading-link:hover .h2 {
  color: rgb(var(--color-foreground));
}

.header__heading-link .h2 {
  line-height: 1;
  color: rgba(var(--color-foreground), 0.9);
}

.header__heading-logo {
  height: auto;
  width: 100%;
  transition: width 0.3s cubic-bezier(0.52, 0, 0.61, 0.99);
}

@media screen and (max-width: 989px) {
  .header__heading,
  .header__heading-link {
    text-align: center;
  }

  .header--mobile-left .header__heading,
  .header--mobile-left .header__heading-link {
    text-align: left;
    justify-self: start;
  }

  .header--mobile-left {
    grid-template-columns: auto 2fr 1fr;
  }
}

@media screen and (min-width: 990px) {
  .header__heading-link {
    margin-left: -0.75rem;
  }

  .header__heading,
  .header__heading-link {
    justify-self: start;
  }

  .header--top-center .header__heading-link,
  .header--top-center .header__heading {
    justify-self: center;
    text-align: center;
  }
}

/* Header icons */
.header__icons {
  display: flex;
  grid-area: icons;
  justify-self: end;
}

.header__icon:not(.header__icon--summary),
.header__icon span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.header__icon {
  color: rgb(var(--color-foreground));
}

.header__icon span {
  height: 100%;
}

.header__icon::after {
  content: none;
}

.header__icon:hover .icon,
.modal__close-button:hover .icon {
  transform: scale(1.07);
}

.header__icon .icon {
  height: 2rem;
  width: 2rem;
  fill: none;
  vertical-align: middle;
}

.header__icon,
.header__icon--cart .icon {
  height: 4.4rem;
  width: 4.4rem;
  padding: 0;
}

.header__icon--cart {
  position: relative;
  margin-right: -1.2rem;
}

.header__icon--cart .icon-cart {
  width: 2.4rem;
  height: 2.4rem;
}

.header__icon--cart svg polyline,
.header__icon--cart svg circle {
  color: rgba(var(--color-foreground), 0.85);
}

@media screen and (max-width: 989px) {
  menu-drawer ~ .header__icons .header__icon--account {
    display: none;
  }
}

.header__icon--menu[aria-expanded="true"]::before {
  content: "";
  top: 100%;
  left: 0;
  height: calc(
    var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%))
  );
  width: 100%;
  display: block;
  position: absolute;
  background: rgba(var(--color-foreground), 0.5);
}

/* Search */
menu-drawer + .header__search {
  display: none;
}

.header > .header__search {
  grid-area: left-icon;
  justify-self: start;
}

.header:not(.header--has-menu) * > .header__search {
  display: none;
}

.header__search {
  display: inline-flex;
  line-height: 0;
}

.header--top-center > .header__search {
  display: none;
}

.header--top-center * > .header__search {
  display: inline-flex;
}

@media screen and (min-width: 990px) {
  .header:not(.header--top-center) * > .header__search,
  .header--top-center > .header__search {
    display: inline-flex;
  }

  .header:not(.header--top-center) > .header__search,
  .header--top-center * > .header__search {
    display: none;
  }
}

.no-js .predictive-search {
  display: none;
}

details[open] > .search-modal {
  opacity: 1;
  animation: animateMenuOpen var(--duration-default) ease;
}

details[open] .modal-overlay {
  display: block;
}

details[open] .modal-overlay::after {
  position: absolute;
  content: "";
  background-color: rgb(var(--color-foreground), 0.5);
  top: 100%;
  left: 0;
  right: 0;
  height: 100vh;
}

.no-js details[open] > .header__icon--search {
  top: 1rem;
  right: 0.5rem;
}

.search-modal {
  opacity: 0;
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
  min-height: calc(
    100% + var(--inputs-margin-offset) + (2 * var(--inputs-border-width))
  );
  height: 100%;
}

.search-modal__content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 5rem 0 1rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  position: relative;
}

.search-modal__content-bottom {
  bottom: calc((var(--inputs-margin-offset) / 2));
}

.search-modal__content-top {
  top: calc((var(--inputs-margin-offset) / 2));
}

.search-modal__form {
  width: 100%;
}

.search-modal__close-button {
  position: absolute;
  right: 0.3rem;
}

@media screen and (min-width: 750px) {
  .search-modal__close-button {
    right: 1rem;
  }

  .search-modal__content {
    padding: 0 6rem;
  }
}

@media screen and (min-width: 990px) {
  .search-modal__form {
    max-width: 74.2rem;
  }

  .search-modal__close-button {
    position: initial;
    margin-left: 0.5rem;
  }
}

/* Header menu drawer */
.header__icon--menu .icon {
  display: block;
  position: absolute;
  opacity: 1;
  transform: scale(1);
  transition: transform 150ms ease, opacity 150ms ease;
}

details:not([open]) > .header__icon--menu .icon-close,
details[open] > .header__icon--menu .icon-hamburger {
  visibility: hidden;
  opacity: 0;
  transform: scale(0.8);
}

.js details[open]:not(.menu-opening) > .header__icon--menu .icon-close {
  visibility: hidden;
}

.js details[open]:not(.menu-opening) > .header__icon--menu .icon-hamburger {
  visibility: visible;
  opacity: 1;
  transform: scale(1.07);
}

.js details > .header__submenu {
  opacity: 0;
  transform: translateY(-1.5rem);
}

details[open] > .header__submenu {
  animation: animateMenuOpen var(--duration-default) ease;
  animation-fill-mode: forwards;
  z-index: 1;
}

@media (prefers-reduced-motion) {
  details[open] > .header__submenu {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Header menu */
.header__inline-menu {
  margin-left: -1.2rem;
  grid-area: navigation;
  display: none;
}

.header--top-center .header__inline-menu,
.header--top-center .header__heading-link {
  margin-left: 0;
}

@media screen and (min-width: 990px) {
  .header__inline-menu {
    /* display: block;*/
  }

  .header--top-center .header__inline-menu {
    justify-self: center;
  }

  .header--top-center .header__inline-menu > .list-menu--inline {
    justify-content: center;
  }

  .header--middle-left .header__inline-menu {
    margin-left: 0;
  }
}

.header__menu {
  padding: 0 1rem;
}

.header__menu-item {
  padding: 1.2rem;
  text-decoration: none;
  color: rgba(var(--color-foreground), 0.9);
}

.header__menu-item:hover {
  transition: color var(--duration-short) ease;
  color: rgb(var(--color-base-accent-1));
}

.color-accent-1 .header__menu-item:hover,
.color-accent-2 .header__menu-item:hover {
  color: rgb(var(--color-foreground));
}

details[open] > .header__menu-item {
  text-decoration: underline;
}

details[open]:hover > .header__menu-item {
  text-decoration-thickness: 0.2rem;
}

details[open] > .header__menu-item .icon-caret {
  transform: rotate(180deg);
}

.header__active-menu-item {
  transition: text-decoration-thickness var(--duration-short) ease;
  color: rgb(var(--color-foreground));
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.header__menu-item:hover .header__active-menu-item {
  text-decoration-thickness: 0.2rem;
}

.header__active-menu-item-v2 {
  font-weight: 700;
  padding: 0 0.7em;
  position: relative;
  z-index: 0;
}

.header__active-menu-item-v2::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scaleY(1.4);
  background: rgb(var(--color-background));
  z-index: -1;
  border-radius: 0.3rem;
}

.header__menu-item:hover .header__active-menu-item-v2 {
  text-decoration: none;
  text-underline-offset: 0;
}

.header__submenu {
  transition: opacity var(--duration-default) ease,
    transform var(--duration-default) ease;
}

.global-settings-popup,
.header__submenu.global-settings-popup {
  border-radius: var(--popup-corner-radius);
  border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  border-style: solid;
  border-width: var(--popup-border-width);
  box-shadow: var(--popup-shadow-horizontal-offset)
    var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius)
    rgba(var(--color-shadow), var(--popup-shadow-opacity));
  z-index: -1;
}

.header__submenu.list-menu {
  padding: 2.4rem 0;
}

.header__submenu .header__submenu {
  background-color: rgba(var(--color-foreground), 0.03);
  padding: 0.5rem 0;
  margin: 0.5rem 0;
}

.header__submenu .header__menu-item:after {
  right: 2rem;
}

.header__submenu .header__menu-item {
  justify-content: space-between;
  padding: 0.8rem 2.4rem;
}

.header__submenu .header__submenu .header__menu-item {
  padding-left: 3.4rem;
}

.header__menu-item .icon-caret {
  right: 0.8rem;
}

.header__submenu .icon-caret {
  flex-shrink: 0;
  margin-left: 1rem;
  position: static;
}

header-menu > details,
details-disclosure > details {
  position: relative;
}

@keyframes animateMenuOpen {
  0% {
    opacity: 0;
    transform: translateY(-1.5rem);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.overflow-hidden-mobile,
.overflow-hidden-tablet {
  overflow: hidden;
}

@media screen and (min-width: 750px) {
  .overflow-hidden-mobile {
    overflow: auto;
  }
}

@media screen and (min-width: 990px) {
  .overflow-hidden-tablet {
    overflow: auto;
  }
}

.badge {
  border: 1px solid transparent;
  border-radius: var(--badge-corner-radius);
  font-size: 1.2rem;
  letter-spacing: 0.1rem;
  text-align: center;
  background-color: rgb(var(--color-badge-background));
  border-color: rgba(var(--color-badge-border), var(--alpha-badge-border));
  color: rgb(var(--color-foreground));
  word-break: break-word;
  font-weight: 700;
  line-height: 1.75em;
  padding: 0 0.5em;
  display: inline-flex;
  align-items: center;
  column-gap: 0.4em;
}
.badge svg {
  height: 1em;
}

.gradient {
  background: rgb(var(--color-background));
  background: var(--gradient-background);
  background-attachment: fixed;
}

@media screen and (forced-colors: active) {
  .icon {
    color: CanvasText;
    fill: CanvasText !important;
  }

  .icon-close-small path {
    stroke: CanvasText;
  }
}

.ratio {
  display: flex;
  position: relative;
  align-items: stretch;
}

.ratio::before {
  content: "";
  width: 0;
  height: 0;
  padding-bottom: var(--ratio-percent);
}

.content-container {
  border-radius: var(--text-boxes-radius);
  border: var(--text-boxes-border-width) solid
    rgba(var(--color-foreground), var(--text-boxes-border-opacity));
  position: relative;
}

.content-container:after {
  content: "";
  position: absolute;
  top: calc(var(--text-boxes-border-width) * -1);
  right: calc(var(--text-boxes-border-width) * -1);
  bottom: calc(var(--text-boxes-border-width) * -1);
  left: calc(var(--text-boxes-border-width) * -1);
  border-radius: var(--text-boxes-radius);
  box-shadow: var(--text-boxes-shadow-horizontal-offset)
    var(--text-boxes-shadow-vertical-offset)
    var(--text-boxes-shadow-blur-radius)
    rgba(var(--color-shadow), var(--text-boxes-shadow-opacity));
  z-index: -1;
}

.content-container--full-width:after {
  left: 0;
  right: 0;
  border-radius: 0;
}

@media screen and (max-width: 749px) {
  .content-container--full-width-mobile {
    border-left: none;
    border-right: none;
    border-radius: 0;
  }
  .content-container--full-width-mobile:after {
    display: none;
  }
}

.global-media-settings {
  position: relative;
  border: var(--media-border-width) solid
    rgba(var(--color-foreground), var(--media-border-opacity));
  border-radius: var(--media-radius);
  overflow: visible !important;
  background-color: rgb(var(--color-background));
}

.global-media-settings:after {
  /*   content: ""; */
  position: absolute;
  top: calc(var(--media-border-width) * -1);
  right: calc(var(--media-border-width) * -1);
  bottom: calc(var(--media-border-width) * -1);
  left: calc(var(--media-border-width) * -1);
  border-radius: var(--media-radius);
  box-shadow: var(--media-shadow-horizontal-offset)
    var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius)
    rgba(var(--color-shadow), var(--media-shadow-opacity));
  z-index: -1;
  pointer-events: none;
}

.global-media-settings--no-shadow {
  overflow: hidden !important;
}

.global-media-settings--no-shadow:after {
  content: none;
}

.global-media-settings img,
.global-media-settings iframe,
.global-media-settings model-viewer,
.global-media-settings video {
  border-radius: calc(var(--media-radius) - var(--media-border-width));
}

.content-container--full-width,
.global-media-settings--full-width,
.global-media-settings--full-width img {
  border-radius: 0;
  border-left: none;
  border-right: none;
}

/* check for flexbox gap in older Safari versions */
@supports not (inset: 10px) {
  .grid {
    margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing));
  }

  .grid__item {
    padding-left: var(--grid-mobile-horizontal-spacing);
    padding-bottom: var(--grid-mobile-vertical-spacing);
  }

  @media screen and (min-width: 750px) {
    .grid {
      margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing));
    }

    .grid__item {
      padding-left: var(--grid-desktop-horizontal-spacing);
      padding-bottom: var(--grid-desktop-vertical-spacing);
    }
  }

  .grid--gapless .grid__item {
    padding-left: 0;
    padding-bottom: 0;
  }

  @media screen and (min-width: 749px) {
    .grid--peek .grid__item {
      padding-left: var(--grid-mobile-horizontal-spacing);
    }
  }

  .product-grid .grid__item {
    padding-bottom: var(--grid-mobile-vertical-spacing);
  }

  @media screen and (min-width: 750px) {
    .product-grid .grid__item {
      padding-bottom: var(--grid-desktop-vertical-spacing);
    }
  }
}

.font-body-bold {
  font-weight: var(--font-body-weight-bold);
}

/* outline and border styling for Windows High Contrast Mode */
@media (forced-colors: active) {
  .button,
  .shopify-challenge__button,
  .customer button {
    border: transparent solid 1px;
  }

  .button:focus-visible,
  .button:focus,
  .button.focused,
  .shopify-payment-button__button--unbranded:focus-visible,
  .shopify-payment-button [role="button"]:focus-visible,
  .shopify-payment-button__button--unbranded:focus,
  .shopify-payment-button [role="button"]:focus {
    outline: solid transparent 1px;
  }

  .field__input:focus,
  .select__select:focus,
  .customer .field input:focus,
  .customer select:focus,
  .localization-form__select:focus.localization-form__select:after {
    outline: transparent solid 1px;
  }

  .localization-form__select:focus {
    outline: transparent solid 1px;
  }
}

body {
  overflow-x: hidden !important;
}

/* custom code starts here */

/* use on every shrine store */
.shopify-payment-button__more-options{
  display:none !important;
} 
.banner__text{
  color: #ffffff !important;
}
.banner__heading {
    color: #ffffff !important;
}

/*.shopify-payment-button::after{
    content: "";
    background-image: url('https://cdn.shopify.com/s/files/1/0730/1913/0120/files/guarantee-with-checkmark-dm-sans.png?v=1713526339');
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    height: auto;
    min-height: 23px;
    min-width: 100%;
    width: auto;
    position: relative;
    top: 5px;
    margin: auto;
    background-position: center;
}*/
.payment-badges-block{
  margin-top: -0.8em !important;
}
.product-page-price .price--on-sale .price__sale--price-second .price__compare-price .price-item--regular {
      font-size: 1.5rem !important;
}
.product-title--uppercase{
  font-size:2.5rem !important;
}
.page-width.section-template--19671633821960__comparison_slider_7CY7L4-padding .title.h2,
.page-width.section-template--19840403734792__comparison_slider_7CY7L4-padding .title.h2,
.page-width.section-template--22492588540168__comparison_slider_7CY7L4-padding .title.h2{
  text-align: left;
}
.product__title{
  margin: 0 0 0 0 !important; 
}
.product__text{
  margin-top: 0 !important;
}
.product__info-wrapper .product__text.caption-with-letter-spacing{
  display:none !important;
}
/* end use on every shrine store */

/* page landers */
.slideshow__text-wrapper.banner__content.banner__content--middle-left.page-width div {
  background-color: transparent !important;
}

/* G11 PRO Product Page*/
.emoji-benefits-container p {
  font-size: 16px;
  line-height: 11px;
}
.product__text.subtitle {
  font-size: 14px;
  font-weight: 500;
  color: #212121;
  line-height: 21px;
}
.trust-badge {
  margin-top: 9px;
}
.product__description.rte.quick-add-hidden {
  margin-top: -0.8em;
}

.sp-video-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.sp-video-container video {
  width: 1300px !important;
  box-shadow: none !important;
}

.image-with-text-template--23317257290061__ss_video_with_text_zanyh3__heading.image-with-text-template--23317257290061__ss_video_with_text_zanyh3__heading-heading_6yzgxk,
.image-with-text-template--23453570761037__ss_video_with_text_zanyh3__heading.image-with-text-template--23453570761037__ss_video_with_text_zanyh3__heading-heading_6yzgxk,
.image-with-text-template--23544943116621__ss_video_with_text_zanyh3__heading.image-with-text-template--23544943116621__ss_video_with_text_zanyh3__heading-heading_6yzgxk{
  font-size: 25px;
}

.image-with-text-template--23317257290061__ss_video_with_text_zanyh3__text.image-with-text-template--23317257290061__ss_video_with_text_zanyh3__text-text_N86YwJ p,
.image-with-text-template--23453570761037__ss_video_with_text_zanyh3__text.image-with-text-template--23453570761037__ss_video_with_text_zanyh3__text-text_N86YwJ p,
.image-with-text-template--23544943116621__ss_video_with_text_zanyh3__text.image-with-text-template--23544943116621__ss_video_with_text_zanyh3__text-text_N86YwJ p{
  line-height: 29px;
}

#ImageWithText--template--23317257290061__ss_video_with_text_zanyh3,
#ImageWithText--template--23453570761037__ss_video_with_text_zanyh3,
#ImageWithText--template--23544943116621__ss_video_with_text_zanyh3{
  margin-left: 4em;
}

.blog-image-template--23317122285901__ss_blog_5_Vq9CDn {
  display: none!important;
}

.blog-title-template--23317122285901__ss_blog_5_Vq9CDn{
  margin-top:0!important;
}

.article-template table {
  width: 100%;
}

@media(max-width:767px){
  .sp-video-container video{
    width: 100% !important;
    border-radius:0!important;
  }
  #sp-sa-video-template--23317257290061__sp_video_standalone_wYgge3 .sp-sa-video,
  #sp-sa-video-template--23453570761037__sp_video_standalone_wYgge3 .sp-sa-video,
  #sp-sa-video-template--23544943116621__sp_video_standalone_wYgge3 .sp-sa-video{
    padding:0px!important;
  }
  .image-with-text-template--23317257290061__ss_video_with_text_zanyh3__grid-template--23317257290061__ss_video_with_text_zanyh3,
  .image-with-text-template--23453570761037__ss_video_with_text_zanyh3__grid-template--23453570761037__ss_video_with_text_zanyh3,
  .image-with-text-template--23544943116621__ss_video_with_text_zanyh3__grid-template--23544943116621__ss_video_with_text_zanyh3{
    padding: 0!important;
  }
  #ImageWithText--template--23317257290061__ss_video_with_text_zanyh3,
  #ImageWithText--template--23453570761037__ss_video_with_text_zanyh3,
  #ImageWithText--template--23544943116621__ss_video_with_text_zanyh3{
    margin-left:0;
    padding:0;
  }
  #ImageWithText--template--23317257290061__ss_video_with_text_zanyh3 p,
  #ImageWithText--template--23453570761037__ss_video_with_text_zanyh3 p,
  #ImageWithText--template--23544943116621__ss_video_with_text_zanyh3 p{
    text-align: left;
  }
  .image-with-text-template--23317257290061__ss_video_with_text_zanyh3__heading.image-with-text-template--23317257290061__ss_video_with_text_zanyh3__heading-heading_6yzgxk,
  .image-with-text-template--23544943116621__ss_video_with_text_zanyh3__heading.image-with-text-template--23544943116621__ss_video_with_text_zanyh3__heading-heading_6yzgxk{
  margin-top: 1.2em;
}
}

/* G11 PRO End of Product Page*/

/* Article Search Bar */

#searchGameInput{
    width: 100%;
    margin-bottom: 10px;
    font-family: 'Chakra Petch', sans-serif;
    padding: 5px 5px;
    font-size: 1.8rem;
    border-radius: 0px !important;
}

/* End Article Search Bar */

.styles_ProductRow__cartDiscountFormat__XYfs8 {
  color: #008000!important;
}
.upcart-upsells-button {
  background-color: #121212 !important;
}
.styles_Header__Bdd-b {
  padding:20px!important;
}

/* end custom code*/

/* G11 Pro 2 - for a/b tests */

@media(max-width:760px){
  #shopify-section-template--23453570761037__rich_text_WfFGP9 .rich-text__wrapper{
    padding: 0 0rem !important;
  }
  #ImageWithText--template--23453570761037__image_with_text_CWgG8A .image-with-text__heading{
    font-size: 4rem !important; 
  }
  .section-template--23453570761037__custom_liquid_bGnkkr-padding .mobile-only{
    padding: 0px !important; 
  }
  .section-template--23453570761037__custom_liquid_bGnkkr-padding h1,.section-template--23453570761037__custom_liquid_bGnkkr-padding p{
    padding: 0px 20px !important; 
  }
  
}
.image-with-text-template--23453570761037__ss_video_with_text_zanyh3__media-item{
  order: 2 !important;
  margin-top:2rem !important;
  margin-bottom:1rem !important;
}
#image-with-text-template--23453570761037__ss_video_with_text_zanyh3-media-template--23453570761037__ss_video_with_text_zanyh3, #image-with-text-template--23453570761037__ss_video_with_text_zanyh3-media-template--23453570761037__ss_video_with_text_zanyh3 video{
  border-radius: 0px !important;
}
#shopify-section-template--23453570761037__rich_text_hhag7V .rich-text__text{
  color:#fff !important
}
#shopify-section-template--23453570761037__rich_text_hhag7V .button--primary{
  color:#fff !important;
  background-color: #178A01 !important;
  border-color: #178A01 !important;
  margin-bottom: 1rem;
}
#shopify-section-template--23453570761037__rich_text_hhag7V .button--primary:after{
  box-shadow: none !important;
}
#shopify-section-template--23453570761037__rich_text_hhag7V{
      border-bottom: 20px solid #178A01;
  
}

#ImageWithText--template--23453570761037__image_with_text_CWgG8A{
  color:#fff !important;
}
  #ImageWithText--template--23453570761037__image_with_text_CWgG8A .image-with-text__heading{
    color:#fff !important;
  }
.section-template--23453570761037__custom_liquid_bGnkkr-padding{
  padding-top:0px !important;
}
.colored-span{
  color: #178A01;
}
#vitals-stock-urgency .vtl-su-main-widget__dot,#shopify-block-vitals_stock_urgency_Pd3PWr{
  margin-top:0px !important;
}
#vitals-stock-urgency .vtl-su-main-widget__dot{
  margin-bottom: 2.5rem !important;
}
#ProductInfo-template--23453570761037__main .product-form{
  margin-bottom: 0px !important;
}
.image-with-text-template--23317257290061__ss_video_with_text_zanyh3__text-text_N86YwJ p, .image-with-text-template--23317257290061__ss_video_with_text_zanyh3__text-text_N86YwJ li, .image-with-text-template--23317257290061__ss_video_with_text_zanyh3__text-text_N86YwJ a {
    font-size: 1.5rem !important;
}
#MediaGallery-template--23544943116621__main{
  position: relative !important;
  display: block;
}
#MediaGallery-template--23544943116621__main::after {
  content: "";
  background-image: url(/cdn/shop/files/EN_Free-Retro-Controller.png?v=1728033436);
  width: 199px;
  height: 166px;
  position: absolute;
  background-size: cover;
  bottom: 100px;
  right: -25px;
}
@media(max-width:1150px){
  #MediaGallery-template--23544943116621__main::after {
  bottom: 75px;
  right: -26px;
}
}
@media(max-width:990px){
  #MediaGallery-template--23544943116621__main::after {
  width: 161px;
  height: 126px;
    right: -35px;
}
}
@media(max-width:750px){
  #MediaGallery-template--23544943116621__main::after {
    bottom: 13px;
    right: 120px;
  }
}
@media(max-width:650px){
  #MediaGallery-template--23544943116621__main::after {
    right: 47px;
  }
}
@media(max-width:500px){
  #MediaGallery-template--23544943116621__main:after{ /* gift badge */
    width: 126px;
    height: 100px;
    bottom: -11px;
    right: -12px;
}
}

/* End G11 Pro 2 - for a/b tests */

/* -------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------- NEUSE DESIGN -------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------- */


/* --------------------------------------- HERO --------------------------------------- */

#shopify-section-template--25343224971627__main,
#section-template--25343159239019__75c4e085-546b-47e0-95dc-d2d16eb81339-padding,
#ProductInfo-template--16151321313378__main,
#ProductInfo-template--16179281068130__main,
#ProductInfo-template--16180566229090__main,
#shopify-section-template--16482520137826__main,
#shopify-section-template--16482520268898__main,
#shopify-section-template--16482520203362__main,
#shopify-section-template--16482520170594__main,
#shopify-section-template--16876910215266__main,
.featured-product{
  .product-title--uppercase {
    font-size: 3rem !important;
  }
  
  .loox-rating .loox-icon {
    color: #148001 !important;
  }
  /*.product__title h1 {
      font-family: "Chakra Petch";
      font-size: 48px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
  }*/
  .product__text.subtitle {
      color: #474849;
      font-family: "Chakra Petch";
      font-size: 16px;
      font-style: italic;
      font-weight: 300;
      line-height: normal;
  }
  /* Emoji Benefits */
  .emoji-benefits-container {
    color: #000;
    /*opacity: .9;*/
    font-family: "Chakra Petch";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 162.103%;
      margin-top: 1.5em !important;
      margin-bottom: 1.5em !important;
      margin-left:1.4em!important;
}
.emoji-benefits-container p {
    color: #000;
    font-family: "Chakra Petch";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0.16px;
}
  
  /*PRICE*/
  .product-page-price .price-item.price-item--sale.price-item--last {
    color: #000;
    font-family: "Chakra Petch";
    font-size: 32px!important;
    font-style: normal!important;
    font-weight: 600!important;
    line-height: normal!important;
}
.product-page-price .price-item.price-item--regular {
    color: rgba(0, 0, 0, 0.28)!important;
    font-family: "Chakra Petch"!important;
    font-size: 15px!important;
    font-style: normal!important;
    font-weight: 400!important;
    line-height: normal!important;
}
  
  .product-page-price .price__regular .price-item.price-item--regular{
      color: #000 !important;
    font-family: Chakra Petch !important;
    font-size: 32px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
}

.product-page-price .price__compare-price {
    width: 100%;
    display:block;
}

.product-page-price .badge.price__badge-sale.color-accent-2 {
    border-radius: 74px!important;
    background-color: #148001;
    width: 84px!important;
    height: 18px!important;
    flex-shrink: 0!important;

    border:none;
    position: absolute;
    margin-top: -4rem;
    margin-left: 7.4rem;
}

.product-page-price .badge.price__badge-sale.color-accent-2 span {
    color: #fff;
    font-family: "Chakra Petch";
    font-size: 9px!important;
    font-style: normal!important;
    font-weight: 500!important;
    line-height: normal!important;
  }
  
  /* Buy Buttons*/
  
    .atc-button {
      border-radius: 10px!important;
      border: 1px solid rgba(255, 255, 255, 0.00);
      box-shadow: 0px 10px 26.9px -13px rgba(71, 169, 60, 0.28);
    }

    .atc-button::after{
      box-shadow:none;
    }

    .atc-button span {
      color: #FFF;
      font-family: "Chakra Petch";
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
  }
}
#ProductInfo-template--16151652597858__main,
#ProductInfo-template--16179281068130__main,
#ProductInfo-template--16180566229090__main,
#shopify-section-template--16482520137826__main,
#shopify-section-template--16482520268898__main,
#shopify-section-template--16482520203362__main,
#shopify-section-template--16482520170594__main,
#shopify-section-template--16876910215266__main,
.featured-product{
.product-title--uppercase {
    font-size: 3rem !important;
  }
  
  .loox-rating .loox-icon {
    color: #148001 !important;
  }
  /*.product__title h1 {
      font-family: "Chakra Petch";
      font-size: 48px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
  }*/
  .product__text.subtitle {
      color: #474849;
      font-family: "Chakra Petch";
      font-size: 16px;
      font-style: italic;
      font-weight: 300;
      line-height: normal;
  }
  /* Emoji Benefits */
  .emoji-benefits-container {
    color: #000;
    /*opacity: .9;*/
    font-family: "Chakra Petch";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 162.103%;
      margin-top: 1.5em !important;
      margin-bottom: 1.5em !important;
      margin-left:1.4em!important;
}
.emoji-benefits-container p {
    color: #000;
    font-family: "Chakra Petch";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0.16px;
}
  
  /*PRICE*/
  .product-page-price .price-item.price-item--sale.price-item--last {
    color: #000;
    font-family: "Chakra Petch";
    font-size: 32px!important;
    font-style: normal!important;
    font-weight: 600!important;
    line-height: normal!important;
}

.product-page-price .price-item.price-item--regular {
    color: rgba(0, 0, 0, 0.28)!important;
    font-family: "Chakra Petch"!important;
    font-size: 15px!important;
    font-style: normal!important;
    font-weight: 400!important;
    line-height: normal!important;
}

.product-page-price .price__compare-price {
    width: 100%;
    display:block;
}

.product-page-price .badge.price__badge-sale.color-accent-2 {
    border-radius: 74px!important;
    background-color: #148001;
    width: 84px!important;
    height: 18px!important;
    flex-shrink: 0!important;

    border:none;
    position: absolute;
    margin-top: -4rem;
    margin-left: 7.4rem;
}

.product-page-price .badge.price__badge-sale.color-accent-2 span {
    color: #fff;
    font-family: "Chakra Petch";
    font-size: 9px!important;
    font-style: normal!important;
    font-weight: 500!important;
    line-height: normal!important;
  }
  
  /* Buy Buttons*/
  
    .atc-button {
      border-radius: 10px!important;
      border: 1px solid rgba(255, 255, 255, 0.00);
      box-shadow: 0px 10px 26.9px -13px rgba(71, 169, 60, 0.28);
    }

    .atc-button::after{
      box-shadow:none;
    }

    .atc-button span {
      color: #FFF;
      font-family: "Chakra Petch";
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
  }
}

/*STICKY ATC*/
/*.sticky-atc .price-item.price-item--sale.price-item--last {
    color: #FFF;
    font-size: 1.5rem !important;
    font-style: normal!important;
    font-weight: 600!important;
}
.sticky-atc .price-item.price-item--regular {
    color: rgba(255, 255, 255, 0.28)!important;
    font-family: "Chakra Petch"!important;
    font-style: normal!important;
    font-weight: 400!important;
    line-height: normal!important;
}
.sticky-atc .badge.price__badge-sale.color-accent-2 {
    border-radius: 74px!important;
    background: rgba(255, 255, 255, 0.15)!important;
    flex-shrink: 0!important;
    border:none;
}
.sticky-atc .badge.price__badge-sale.color-accent-2 span {
    color: #FFF;
    font-style: normal!important;
    font-weight: 500!important;
}
.sticky-atc__button {
    border-radius: 10px!important;
    border: 1px solid rgba(255, 255, 255, 0.00);
    background: linear-gradient(268deg, #47A93C 0%, rgba(71, 169, 60, 0.70) 97.53%);
    box-shadow: 0px 10px 26.9px -13px rgba(71, 169, 60, 0.28);
}

.sticky-atc__button button::after{
  box-shadow:none;
}
.sticky-atc__button button{
  background-color:transparent;
}

.sticky-atc__button span {
    color: #FFF;
    font-family: "Chakra Petch";
    font-style: normal;
    font-weight: 500;
}*/
/*END OF STICKY ATC*/
/*END OF PRICE*/
/*Produktbilder SLIDER*/

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@media (max-width:480px){
  .product__title h1 {
    font-size: 36px;
    line-height: 38px;
 }
}

    .featured-product .product-page-price .badge.price__badge-sale.color-accent-2 {
        margin-top: -3rem !important;
        margin-left: 13.4rem !important;
    }
/* --------------------------------------- ICON COLUMNS --------------------------------------- */


#shopify-section-template--25343224971627__icon_bar_CJRT7i{
.multicolumn-card__info h3 {
    color: #000;
    text-align: center;
    font-family: "Chakra Petch";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.multicolumn-card__info p {
    color: #000;
    text-align: center;
    font-family: "Chakra Petch";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.icon-bar-card.multicolumn-card.content-container::before {
    content: "";
    width: 18px;
    height: 1px;
    background-color: #000;
    position: absolute;
    right: -9px;
    top: -1px;
    z-index: 999;
}

.icon-bar-card.multicolumn-card.content-container::after {
    content: "" !important;
    width: 1px !important;
    height: 9px !important;
    background-color: #000;
    position: absolute !important;
    right: -1px !important;
    top: 0px !important;
    z-index: 999 !important;
    left: auto !important;
}
  .icon-bar-card__icon{
    padding-top: 2.5rem !important;
  }

@media screen and (min-width: 990px) {
    .grid--4-col-desktop .grid__item {
        width: calc(25% - var(--grid-desktop-horizontal-spacing)* 3 / 4);
        max-width: 100%!important;
    }
}

@media(max-width:990px){
  /*CUSTOM ID SECTION*/
  /*.page-width.section-template--16092270690402__icon_bar_akedH4-padding.isolate,
  .page-width.section-template--16092270592098__icon_bar_qdxwiT-padding.isolate,
  .page-width.section-template--16092270624866__icon_bar_EXhCdn-padding.isolate{
    ul li:nth-child(2) .icon-bar-card.multicolumn-card.content-container::before,
    ul li:nth-child(2) .icon-bar-card.multicolumn-card.content-container::after{
      display:none!important;
    }
  ul li:nth-child(2) .icon-bar-card.multicolumn-card.content-container,
  ul li:nth-child(4) .icon-bar-card.multicolumn-card.content-container{
      background: linear-gradient(-45deg, transparent 0%, #424343 75%) no-repeat top / 100% 1px;
      border-top: none !important;
    }
  ul li:nth-child(3) .icon-bar-card.multicolumn-card.content-container,
  ul li:nth-child(1) .icon-bar-card.multicolumn-card.content-container {
      background: linear-gradient(45deg,transparent 0%,#424343 75%) no-repeat top / 100% 1px!important;
      border-top: none !important;
    }

  ul li:nth-child(3) .icon-bar-card.multicolumn-card.content-container::before {
      top: 0px;
    }
  ul li:nth-child(3) .icon-bar-card.multicolumn-card.content-container::after {
      top: 1px;
    }
  }*/
  

  .multicolumn-card__info h3 {
    font-size: 1.7rem;

  }
  .background-none .multicolumn-list:not(.slider) .center .multicolumn-card__info {
    padding-left: 1rem!important;
    padding-right: 1rem!important;
  }
  .multicolumn-card__info p {
    font-size: 14px;
  }
  
}
}

/*CUSTOM IDs Icons Slide Template*/
/*CUSTOM ID SECTION*/
  .page-width.section-template--25343224971627__icon_bar_CJRT7i-padding.isolate{
    ul {
      gap: 0 !important;
      justify-content: center;
    }
    ul li:nth-child(1) .icon-bar-card.multicolumn-card.content-container {
      position: relative;
      border: 1px solid transparent;
      /*border-image: linear-gradient(45deg, transparent 67%, #424343 100%) 1;*/
      border-image: linear-gradient(45deg,transparent 70%,#737373 100%) 1;
      padding: 6px;
    }

    ul li:nth-child(3) .icon-bar-card.multicolumn-card.content-container {
      /*border-image: linear-gradient(-45deg, transparent 67%, #424343 100%) 1;*/
      background: linear-gradient(-45deg,transparent 20%,#737373 75%) no-repeat left / 1px 100%;
    }

    ul li:nth-child(4) .icon-bar-card.multicolumn-card.content-container {
      position: relative;
      border: 1px solid transparent;
      /*border-image: linear-gradient(-45deg, transparent 67%, #424343 100%) 1;*/
      border-image: linear-gradient(-45deg,transparent 70%,#737373 100%) 1;
      padding: 6px;
    }

    ul li:nth-child(2) .icon-bar-card.multicolumn-card.content-container, 
    ul li:nth-child(3) .icon-bar-card.multicolumn-card.content-container {
      border-top: 1px solid #737373;
      border-image: none;
    }

    ul li:nth-child(4) .icon-bar-card.multicolumn-card.content-container::before,
    ul li:nth-child(4) .icon-bar-card.multicolumn-card.content-container::after{
      display:none;
    }

    @media(max-width:990px){
      ul li:nth-child(2) .icon-bar-card.multicolumn-card.content-container::before,
      ul li:nth-child(2) .icon-bar-card.multicolumn-card.content-container::after{
        display:none!important;
      }
      ul li:nth-child(2) .icon-bar-card.multicolumn-card.content-container,
      ul li:nth-child(4) .icon-bar-card.multicolumn-card.content-container{
        /*background: linear-gradient(-45deg, transparent 0%, #424343 75%) no-repeat top / 100% 1px;*/
        background: linear-gradient(-45deg, transparent 0%, #737373 90%) no-repeat top / 100% 1px;
        border-top: none !important;
      }
      ul li:nth-child(3) .icon-bar-card.multicolumn-card.content-container,
      ul li:nth-child(1) .icon-bar-card.multicolumn-card.content-container {
        /*background: linear-gradient(45deg,transparent 0%,#424343 75%) no-repeat top / 100% 1px!important;*/
        background: linear-gradient(45deg,transparent 0%,#737373 90%) no-repeat top / 100% 1px!important;
        border-top: none !important;
      }

      ul li:nth-child(3) .icon-bar-card.multicolumn-card.content-container::before,
      ul li:nth-child(1) .icon-bar-card.multicolumn-card.content-container::before{
        top: 0px!important;
      }
      ul li:nth-child(3) .icon-bar-card.multicolumn-card.content-container::after,
      ul li:nth-child(1) .icon-bar-card.multicolumn-card.content-container::after{
        top: 1px;
      }
      
    #shopify-section-template--16151321313378__icon_bar_CJRT7i .icon-bar-card.multicolumn-card.content-container::after {
      top: 2px !important;
      }
      #shopify-section-template--16151321313378__icon_bar_CJRT7i .icon-bar-card.multicolumn-card.content-container::before {
        top: 0px;
      }
    }
}



/* --------------------------------------- GIF + TEXT --------------------------------------- */

.gif-content-row:after {
    content: '';
    position: absolute;
    left: 0;
    bottom:0;
    width: 100%;
    height: 130px; /* Adjust height as needed */
    background: linear-gradient(to top, #141515 23%, transparent);
    pointer-events: none; /* Ensures it doesn’t interfere with user interaction */
  }

.gif-content-row {
    position:relative;
    display: flex;
    align-items: stretch;
    width: 100%;
    box-sizing: border-box;
}
.gif-content-row a{
  text-decoration:none !important;
}
.gif-content-left {
    width: 50%; /* Linke Seite nimmt 50% der Breite ein */
    display:flex;
}

.gif-content-left img {
    width: 100%; /* Bild nimmt die gesamte Breite des Containers ein */
    height:100%;
}

.gif-content-right {
    width: 50%; /* Rechte Seite nimmt 50% der Breite ein */
    padding-left: 7%;
    padding-right: 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-image: linear-gradient(to top left, #131616 24%, transparent 75%), url('/cdn/shop/files/green_gradient.webp?v=1758533669');
    background-size: cover; /* Ensures the background covers the entire container */
    background-repeat: no-repeat;
    background-position: top;
}

.bottom-left-border {
    display:block!important;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    border-image: linear-gradient(-145deg,transparent 81%,#fff 100%) 1 !important;
    border-image-slice: 1;
    z-index: 1;
    pointer-events: none;
}

.gif-right-gradient {
  background: radial-gradient(44.49% 54.49% at 100% 0%, rgba(255, 255, 255, 0.11) 4%, rgba(255, 255, 255, 0.00) 100%) top right, 
    radial-gradient(54.49% 54.49% at 0% 100%, rgba(255, 255, 255, 0.11) 0%, rgba(255, 255, 255, 0.00) 100%) bottom left;
  padding: 7px 60px 53px 0px;
  margin: 0px 30px 0px 12px;
  position:relative;
  
  border-image: linear-gradient(45deg,transparent 67%,#fff 100%) 1 !important;
  border:1px solid;
}

.gif-content-right h2 {
    font-family: "Chakra Petch";
    font-size: 48px!important;
    font-style: normal;
    font-weight: 500;
    line-height: 118.521%;
    background: linear-gradient(117deg, #FFF 7.99%, rgba(255, 255, 255, 0.90) 84.45%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: .3em;
    padding-right: 12%;
    margin-left: -60px;
}

.gif-content-right p {
    margin-left:50px;
    color: #FFF;
    font-family: "Chakra Petch";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 162.103%;
}

.gif-content-right button {
  margin-left: 50px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  width: fit-content;
  margin-top: 1.3em;
  color: #fff;
  font-family: Chakra Petch;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 0;
  opacity: 1;
  display: flex; /* Make the button a flex container */
  align-items: center; /* Vertically align content */
  justify-content: center; /* Horizontally center content */
  gap: 10px; /* Space between text and image */
  transition: opacity 0.3s ease-in-out;
}
.gif-content-right button:hover{
  opacity:0.65;
}
.gif-content-right button:hover img{
  transform: translateX(5px);
}

.gif-content-right button img {
    width: 16px; /* Adjust the size of the icon */
    height: auto;
    transition: transform 0.3s ease-in-out;
}


/* Responsive Design for smaller screens */
@media(max-width:1385px){
  .gif-content-right {
    padding-right: 6%;
  }
  .gif-right-gradient {
    padding: 7px 60px 53px 0;
    margin: 0 0px 0 12px;
  }
  .gif-content-right h2 {
    font-size: 35px !important;
  }
}
@media (max-width: 1145px) {
  .gif-content-right h2 {
    font-size: 28px !important;
  }
}
@media (max-width: 1024px) {
    .gif-content-left, .gif-content-right {
        width: 100%;
    }

    .gif-content-row {
        flex-direction: column;
    }

  .gif-right-gradient {
    padding: 0px 60px 50px 0;
    margin: 35px 0 35px 28px;
  }

    .gif-content-right {
        padding-left: 5%;
        padding-right: 5%;
    }

    .gif-content-right p, .gif-content-right button {
        margin-left: 0;
    }

    .gif-content-right h2 {
        padding-right: 0;
        margin-left:-16px;
        font-size:35px!important;
    }
}

@media (max-width: 768px) {
  .gif-content-right {
    background-image: linear-gradient(to top left,#131616 17%,transparent 85%),url('/cdn/shop/files/green_gradient.webp?v=1758533669');
  }
    .gif-content-right h2 {
        font-size: 30px!important;
        margin-left:-16px;
    }

    .gif-content-right p {
        font-size: 16px!important;
        margin-left: 5rem !important;
    }

    .gif-content-right button {
        font-size: 15px!important;
        margin-left: 5rem !important;
    }
  .gif-content-right {
    padding-left: 3%;
    padding-right: 3%;
  }
}

@media (max-width: 400px) {
    .gif-content-right h2 {
        font-size: 25px!important;
    }

    .gif-content-right p {
        font-size: 16px!important;
        margin-left:3rem!important;
    }

    .gif-content-right button {
        font-size: 12px!important;
        margin-left:3rem!important;
    }
}

/* --------------------------------------- VIDEO MOMENTS SLIDER --------------------------------------- */
.video-slider-container {
  z-index: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 0 12rem 0;
  background-color: #070808;
  padding-top: 23px;
  box-shadow: 0px 0px 59px 11px rgba(0, 0, 0, 0.66);
}

@media (max-width: 750px) {
  .video-slider-container {
    box-shadow: 0px 0px 59px 11px rgba(0, 0, 0, 0.4);
  }
  #shopify-section-template--16151652597858__custom_liquid_T3y44V .video-slider-container {
    padding: 0 0 3rem 0;
  }
}

.video-headline-container {
  text-align: center;
  margin-bottom: 3rem;
  width: 70%;
}

.video-headline {
  font-family: Chakra Petch;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background: linear-gradient(220deg, #fff 6.37%, #ffffff91 80.44%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top:1em;
}

.video-subheadline {
  margin-top: 20px;
  color: #fff;
  text-align: center;
  font-family: "Chakra Petch";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.6;
  margin-bottom:2em;
}

.video-slider {
  margin-top: 5rem;
  position: relative;
  width: 60%;
  overflow: visible;
  border-radius: 21px;
  border: 1.5px solid #FFF;
  box-shadow: 0px 0px 45px 0px rgba(0, 0, 255, 0.74);
  padding-top: 56.25%; /* 16:9 aspect ratio for videos */
}

.video-slider .video-slider-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
}

.video-slider .video-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1.5s ease-in-out;
  z-index: 0;
}

.video-slider .video-slide.active {
  opacity: 1;
  z-index: 1;
}

.video-slide video {
  width: 40%;
  height: 100%;
  object-fit: cover;
  border-radius: 21px;
}

.video-slide-caption {
  color: #FFF;
  text-align: center;
  font-family: "Chakra Petch";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  margin: -55px auto 0 auto;
  padding: 30px;
  width: 50%;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, .44);
  background: rgba(122, 151, 184, 0.1);
  box-shadow: 1px 1px 2px #ffffff26 inset, 0 0 6.2px #ffffff0d inset, 3px 4px 6px #00000012;
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
}

.video-prev, .video-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  width: 40px;
  height: 40px;
  cursor: pointer;
  z-index: 10;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  color: #40D030;
  box-shadow: 0px 0px 17.2px 0px rgba(255, 255, 255, 0.3);
  transition: background 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
}

.video-prev {
  left: -20px;
}

.video-next {
  right: -20px;
}

.video-prev:hover, .video-next:hover {
  background: linear-gradient(180deg, #40D030 -1000%, #44ED31 -515%, #40D030 0%);
  box-shadow: 0px 0px 17.2px 0px rgba(119, 253, 104, 0.3);
  color: #fff;
}

@media (max-width: 1050px) {
  .video-slider {
    width: 75%;
    padding-top: 48.55%; /* Adjusted aspect ratio for responsiveness */
  }
}

@media (max-width: 600px) {
  .video-slide-caption {
    font-size: 20px;
    padding: 23px;
    margin: -38px auto 0;
    width: 87%;
  }
  .video-slider {
    margin-top: 2rem;
  }
  .video-headline {
  font-size: 35px;
}
  .video-headline-container {
  width: 88%;
}
  .video-slide video {
  width: 100%;
}
}

/* --------------------------------------- WHITE GAMES + MULTIPLAYER SECTION --------------------------------------- */

/*CUSTOM ID White Games + Multiplayer */
#shopify-section-template--25343224971627__custom_liquid_jLYjbh{
  .gradient{
    background-color:white !important;
    background: url('/cdn/shop/files/White-Games-Gradient.webp?v=1758621882');
    background-position:top-center;
    background-repeat: no-repeat;
    background-size:contain;
  
    >div{
      background: radial-gradient(137.33% 209.58% at -67.71% 163.56%, rgba(57, 60, 62, 0.41) 0%, rgba(53, 56, 58, 0.00) 100%);
    }
  }
  
}
.white-gradient-section-container{
  display:flex;
  flex-direction:column;
  gap:9rem;
  width:100%;

  background: radial-gradient(79.71% 56.34% at -10% 103.92%, rgba(242, 64, 73,0.21) 0%, rgba(242, 64, 73, 0.00) 100%),
      radial-gradient(79.64% 56.15% at 110% 103.21%, rgba(64, 168, 242, 0.31) 0%, rgba(64, 168, 242, 0.00) 100%);
}
.games-row-container{
  display:flex;
  flex-direction:row;
  justify-content: flex-end;
  align-items:flex-end;
  gap:6rem;
  padding: 7% 13%;
  
  color: #000;
  font-family: "Chakra Petch";
  font-style: normal;
  line-height: normal;
}
.games-ueber{
  font-size: 36px;
  font-weight: 500;
  opacity: 0.64;
}
.games-headline-container{
  display:flex;
  flex-direction:column;
  justify-content: flex-start;
}
.games-headline-row{
  display:flex;
  flex-direction:row;
  justify-content: flex-end;
  align-items:flex-end;
}
.games-headline{
  margin-top: -20px;
  text-align: center;
  -webkit-text-stroke-width: 1;
  -webkit-text-stroke-color: #000;
  font-size: 109px;
  font-weight: 700;
  background: linear-gradient(220deg, #2E3032 6.37%, #111313 80.44%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.games-headline-small{
  margin-left:15px;
  color:#000;
  font-size: 48px;
  font-weight: 500;
  opacity:0.64;
  margin-bottom:18px;
}
.games-text-container{
  margin-bottom:28px;
}
.games-text{
  font-size: 16px;
  font-weight: 300;
  line-height: 162.103%; /* 25.937px */
}
.games-button,.multiplayer-button{
  background-color: transparent;
  border: none;
  cursor: pointer;
  width: fit-content;
  margin-top: 1.3em;
  font-family: Chakra Petch;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 0;

  display: flex; /* Make the button a flex container */
  align-items: center; /* Vertically align content */
  justify-content: center; /* Horizontally center content */
  transition: opacity 0.3s ease-in-out;
}
.multiplayer-button{
  margin-top: 34px;
  padding-left: 34px;
  text-decoration: none;
}
.games-button a,.multiplayer-button a{
  font-style: normal;
  color: #000;
  text-decoration:none;
  display: flex;
    justify-content: center;
    align-items: center;
}
.games-button:hover,.multiplayer-button:hover{
  opacity:0.65;
}
.games-button:hover img,.multiplayer-button:hover img{
  transform: translateX(5px);
}

.games-button img,.multiplayer-button img{
    width: 26px; /* Adjust the size of the icon */
    height: auto;
    transition: transform 0.3s ease-in-out;
    padding-left:10px;
}

.multiplayer-container {
    position:relative;
    display: flex;
    align-items: center;
    justify-content:space-between;
    width: 100%;
    text-align: left;
    color: #333;
    font-family: "Chakra Petch";
    font-style: normal;
    line-height: normal;
    gap:3%;
    padding-bottom: 2em;

    /*background: radial-gradient(63.71% 126.34% at -10% 94.92%, rgba(242, 64, 73,0.31) 0%, rgba(242, 64, 73, 0.00) 100%),
      radial-gradient(67.64% 134.15% at 110% 84.21%, rgba(64, 168, 242, 0.31) 0%, rgba(64, 168, 242, 0.00) 100%);*/
}

.controller {
    flex: 1;
}

.controller img {
    width: 100%;
}

/*.controller.left.handheld img {
  width: 59%;
  margin-left: 4em;
}*/

.multiplayer-content {
    flex: 1;
    padding: 0 20px;
    margin-top: -12em;
}

 .float-animation2 {
    animation: float 3s ease-in-out infinite;
}

/* Keyframes für die Schwebeanimation */
@keyframes float {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(10px); /* Höhe des Schwebens */
    }
    100% {
        transform: translateY(0);
    }
}

.multiplayer-container h2 {
    margin-bottom: 15px;
    font-family: "Chakra Petch";
    font-size: 39px !important;
    font-weight: 500;
    background: linear-gradient(220deg, #2E3032 6.37%, #111313 80.44%);
    background-clip: text !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media(min-width:750px){
  .multiplayer-image {
    display: none !important;
}
}
@media(max-width:500px){
  .multiplayer-container h2 {
    font-size: 28px !important;
}
}
@media(max-width:335px){
  .multiplayer-container h2 {
    font-size: 23px !important;
}
}
.multiplayer-container p {
    color: #000;
    font-family: "Chakra Petch";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 162.103%; /* 25.937px */
    padding-left: 73px;
}
.multiplayer-paragraph-one {
    margin-top: 25px;
}

.multiplayer-mobile-controller-container{
  display:none;
  flex-direction:row;
  justify-content:space-between;
  align-items: center;
  width:100%;
}
.multiplayer-mobile-controller-container mobile-controller{
  flex:1;
}
.mobile-controller{
  width:50%;
}
.mobile-controller img{
  width:100%;
}

@media(max-width:1500px){
  .games-row-container {
    padding: 5% 7%;
  }
  .multiplayer-content {
    flex: 1.2;
  }
  .multiplayer-container {
    gap: 1%;
  }
  .white-gradient-section-container{
    gap:15rem;
  }
}
@media(max-width:1200px){
  .white-gradient-section-container{
    gap:20rem;
  }
  .multiplayer-content{
    margin-top: -8em;
  }
  .multiplayer-container {
    padding-bottom: 6em;
  }
  .multiplayer-container {
    gap: 0%;
  }
}
@media(max-width:1100px){
  .multiplayer-container {
    padding-bottom: 7em;
  }
  .white-gradient-section-container {
    gap: 16rem;
  }
}
@media(max-width:1050px){
  .games-row-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1rem;
  }
  .games-headline-row {
    justify-content: flex-start;
  }
}
@media(max-width:1000px){
  .controller.left{
    display:none;
  }
  .white-gradient-section-container {
    background:radial-gradient(79.64% 56.15% at 110% 103.21%, rgba(64, 168, 242, 0.31) 0%, rgba(64, 168, 242, 0.00) 100%);
  }
  .multiplayer-container{
    padding: 5% 0% 3% 7%;
  }
  .multiplayer-content{
    padding-left:0px;
  }
  .white-gradient-section-container {
        gap: 0rem;
  }
}    
@media(max-width:850px){
  .games-row-container {
        padding: 5% 7% 13% 7%;
    }
  .multiplayer-container {
        padding: 5% 0% 9% 7%;
    }
}   
@media(max-width:750px){
  .games-row-container {
        padding: 5% 7% 13% 7%;
    }
  .multiplayer-container {
        padding: 5% 0% 9% 7%;
    }
  .multiplayer-content {
    padding: 0px;
  }
  .multiplayer-container p {
    padding-left: 53px;
  }
  .multiplayer-button {
    padding-left: 18px;
  }
}   
@media(max-width:700px){
  .multiplayer-mobile-controller-container{
    display:flex;
  }
  .controller.right{
    display:none;
  }
  .multiplayer-container {
        padding: 5% 7% 15%;
  }
  .white-gradient-section-container{
  /*background: radial-gradient(79.71% 56.34% at -10% 103.92%, rgba(242, 64, 73,0.21) 0%, rgba(242, 64, 73, 0.00) 100%),
      radial-gradient(79.64% 56.15% at 110% 103.21%, rgba(64, 168, 242, 0.31) 0%, rgba(64, 168, 242, 0.00) 100%);*/
    background: radial-gradient(109.71% 26.34% at -10% 42.92%, rgba(242, 64, 73,0.15), #f2404900), radial-gradient(109.64% 32.15% at 110% 42.92%, rgba(64, 168, 242, 0.21), #40a8f200);
  }
      .games-row-container {
        padding: 5% 7% 2%;
    }
}
@media(max-width:650px){
  .games-headline {
    font-size: 16vw;
  }
  .games-headline-small {
    font-size: 7vw;
    margin-bottom: 16px;
    margin-left: 1.5vw;
  }
  .games-ueber {
    font-size: 5.5vw;
  }
  .games-headline-row{
    margin-top: -0.3vw;
  }
  .mobile-controller img {
  width: 100%;
  margin-bottom: 3em;
}
  .mobile-controller {
  width: 49%;
}
}
@media(max-width:550px){
  .multiplayer-content {
        margin-top: -6em;
    }
  .multiplayer-mobile-controller-container {
    margin-top: 1em;
}
}
@media(max-width:500px){
  .games-headline-row {
      margin-top: 0.5vw;
  }
}
@media (max-width: 400px) {
    .games-headline-row {
        margin-top: 1.5vw;
    }
      .multiplayer-content {
        margin-top: -5em;
    }
  .multiplayer-mobile-controller-container {
    margin-top: 1.8em;
}
}

@media(min-width:751px){
  .multiplayer-image{
    display:none;
  }
}
.multiplayer-image{
    display:flex;
  }
.multiplayer-image img{
    width: 100%;
    height: auto;
  }

/* --------------------------------------- ABSOLUT STÄRKSTE KONSOLE --------------------------------------- */

/*CUSTOM IDs GANZE SECTION ID*/
#shopify-section-template--16151321313378__custom_liquid_rhgpFz,
#shopify-section-template--16151652597858__custom_liquid_rhgpFz{
    background: radial-gradient(144.03% 33.58% at -30.73% 33.58%, #141515 0%, #090A0A 100%);

    .gradient{
      background-color: #fff !important;
    }
}

.ct-staerke-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
    align-items: flex-end;
    height: auto;
    padding: 6rem 5rem;
    box-sizing: border-box;
    text-align: left;

    max-width: var(--page-width);
    margin: 0 auto;
}
.ct-staerke-row h3, .ct-staerke-row p {
    flex: 1;
    margin: 0;
}
.ct-staerke-row h3{
    font-family: "Chakra Petch";
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color:#000;
  
    /*background: linear-gradient(220deg, #FFF 6.37%, rgba(255, 255, 255, 0.57) 80.44%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
}

.ct-staerke-row p {
    /*color: rgba(255, 255, 255, 0.84);*/
    color:#000;
    font-family: "Chakra Petch";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 162.103%;
}

.white-text {
    /*color: rgba(255, 255, 255, 0.84);*/
    color:#000;
    font-family: "Chakra Petch";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 162.103%;
}

@media(max-width:767px){
  .ct-staerke-row {
    display: block;
    height: auto;
    padding: 9% 2rem;
  }
  .ct-staerke-row h3, .ct-staerke-row p {
    margin-bottom: 10px;
  }
  .ct-staerke-row h3{
    font-size:30px;
  }
}

/* --------------------------------------- VIDEO COMPARISON --------------------------------------- */

:root{
  --comparison-video-width: 70.4vmax;
  --comparison-video-height: 39.6vmax;
  --comparison-text-width: 77vmax;
}
.video-comparison-container{
  z-index:0;
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:100%;
  margin:0 auto;
  padding: 0 5rem;
  background-color: #070808 !important;;
          padding-top: 8em;
        padding-bottom: 8em;
}
.video-comparison-power{
  width: 90%;
  height: auto;
  max-width: var(--comparison-video-width);
}
.video-comparison-power img{
  width:100%;
  height: auto;
}
.video-comparison-wrapper {
  width: 90%;
  max-width: var(--comparison-video-width);
  height: var(--comparison-video-height);
  position: relative;
  /* overflow: hidden; */
}
.video-comparison-wrapper video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 21px;
  border: 1.5px solid rgba(255,255,255,0.67);
  max-width: none !important;

  /*-webkit-box-shadow: 0px 5px 33px -7px rgba(255,255,255,0.5);
  -moz-box-shadow: 0px 5px 33px -7px rgba(255,255,255,0.5);
  box-shadow: 0px 5px 33px -7px rgba(255,255,255,0.5);*/
  filter: drop-shadow(0px 4px 4px rgba(255, 255, 255, 0.25));
}
.video-comparison-videoWrapper {
  position: absolute;
  height: 100%;
  left: 0;
  overflow: hidden;
}
.video-comparison-videoWrapper video {
  height: 100%;
  filter: none;
}

input[type="range"] {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: transparent;
  appearance: none;
}
input[type="range"]::-moz-range-thumb {
  border: none;
  -moz-appearance: none;
  width: 7px;
  height: var(--comparison-video-height);
  background: linear-gradient(180deg, #40D030 -1000%, #44ED31 -515%, #40D030 0%);
  border-radius: 5px;
  box-shadow: 0px 0px 17.2px 0px rgba(119, 253, 104, 0.30);
  cursor: e-resize;
}
input[type="range"]::-webkit-slider-thumb {
  border: none;
  -webkit-appearance: none;
  width: 7px;
  height: var(--comparison-video-height);
  background: linear-gradient(180deg, #40D030 -1000%, #44ED31 -515%, #40D030 0%);
  border-radius: 5px;
  box-shadow: 0px 0px 17.2px 0px rgba(119, 253, 104, 0.30);
  cursor: e-resize;
}

.video-comparison-text-row{
  display:flex;
  flex-direction:row;
  justify-content: space-between;
  margin-top: -80px;
  z-index: 10;
  width: var(--comparison-text-width);
}
.video-comparison-text-row-mobile{
      display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: -68px;
    z-index: 20;
    display: none;
    width: var(--comparison-text-width);
}
.video-comparison-text-container{
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.44);
  background: rgba(122, 151, 184, 0.10);
  box-shadow: 1px 1px 2px 0px rgba(255, 255, 255, 0.15) inset, 0px 0px 6.2px 0px rgba(255, 255, 255, 0.05) inset, 3px 4px 6px 0px rgba(0, 0, 0, 0.07);
  backdrop-filter: blur(50px);
}
.video-comparison-text-container.left{text-align:left;}
.video-comparison-text-container.right{text-align:left;}
.video-comparison-text-container.center{text-align:center;}
.video-comparison-text-container{
  text-align: center;
  font-family: Chakra Petch,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300 !important;
  line-height: 1.62;
  padding:30px;
  color: #fff !important;
}
.video-comparison-headline{
  font-family: Chakra Petch;
  font-size: 30px;
  font-style: normal !important;
  font-weight: 500 !important;
  background: radial-gradient(51.58% 112.96% at 50.08% 0%,#fff 43.65%,#ffffff96) !important;
    background-clip: border-box;
  background-clip: border-box;
  background-clip: text;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  margin-bottom: 8px;
  margin-top: 3px;
  line-height: 38px;
}
.video-comparison-text-container.outside{
  max-height: fit-content;
  height: fit-content;
}
.video-comparison-text-container.outside .video-comparison-text{
font-size: 20px;
font-weight: 400;
}
.video-comparison-text-container.center .video-comparison-text{
font-size: 16px;
font-weight: 400;
}
.video-comparison-text-container.center{
  width:50%;
  margin-top:30px;
}
@media (max-width:1200px){
  :root {
    --comparison-video-width: 81.4vmax;
    --comparison-video-height: 47.6vmax;
    --comparison-text-width: 91vmax;
  }
}
@media(max-width:850px){
  :root {
    --comparison-video-width: 100%;
    --comparison-video-height: 85vw;
    --comparison-text-width: 110%;
  }
  .video-comparison-power {
    width: 100%;
  }
  .video-comparison-wrapper {
    width: 100%;
    padding-bottom: 58.56%;
    height:auto;
  }
}
@media(max-width:800px){
  :root {
    --comparison-text-width: 85vmax;
  }
  .video-comparison-text-container {
    padding: 21px;
  }
  .video-comparison-text-container.outside .video-comparison-headline {
    font-size: 20px;
    margin-bottom: 5px;
  }
  .video-comparison-text-container.outside .video-comparison-text {
    font-size: 17px;
  }
}
@media(max-width:750px){
  :root {
    --comparison-text-width: 110%;
  }
  .video-comparison-text-row-mobile {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    margin-bottom: -50px;
  }
  .video-comparison-text-row .video-comparison-text-container.outside{
    display:none;
  }
  .video-comparison-text-row {
    justify-content: center;
  }
  .video-comparison-text-container.center {
    width: 66%;
    margin-top: 50px;
  }
  .video-comparison-power{
    margin-bottom: -20px;
  }
  .video-comparison-text-container.outside.right{
    text-align:right !important;
  }
}
@media(max-width:625px){
  :root {
    --comparison-video-height: 60vw;
  }
}
@media(max-width:600px){
  :root {
        --comparison-text-width: 105%;
  }
  .video-comparison-container {
    padding: 4em 2rem;
  }
      .video-comparison-text-row-mobile {
        margin-bottom: -40px;
    }
  .video-comparison-text-container {
        padding: 17px;
    }
  .video-comparison-text-container.center {
        width: 77%;
        margin-top: 61px;
    }
  .video-comparison-text-container.outside .video-comparison-text {
        font-size: 15px;
    }
}
@media(max-width:550px){
  .video-comparison-text-container.outside .video-comparison-headline {
        font-size: 20px;
        margin-bottom: 0px;
    }
}
@media(max-width:500px){
      :root {
        /*--comparison-video-height: 36vh;*/
    }
  .video-comparison-text-row {
    margin-top: 0px;
  }
  .video-comparison-text-container.center {
        width: 100%;
        margin-top: 22px;
      border: 0px solid rgba(255, 255, 255, .44);
      box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: transparent;
    }
      .video-comparison-text-container {
        padding: 8px 12px;
    }
  .video-comparison-text-container.outside .video-comparison-headline {
        font-size: 18px;
        margin-bottom: 0;
        line-height: 21px;
    }
  .video-comparison-text-container.outside .video-comparison-text {
        font-size: 14px;
    }
  .video-comparison-text-row-mobile {
        margin-bottom: -20px;
    }
}


/* --------------------------------------- THREE COLUMNS ITEMS--------------------------------------- */

/* Background Section */
/*CUSTOM IDs Section*/
#shopify-section-template--25343224971627__custom_liquid_BQgHFV{

    .gradient{
    background: white !important;
    
      @media (max-width:750px){
      background:linear-gradient(360deg,rgba(28, 160, 73, 1) 3%, rgba(74, 202, 135, 1) 100%)!important;
    }
      
    >div{
      padding-top:0px !important;
      padding-bottom:0px !important;
    }
  }
  .color-background-1.gradient>div{
    padding:0!important;
  }
  
}
.verwendung-intro-text-mobile{
  display:none;
}

@media (max-width:750px){
  .verwendung-intro-text-mobile{
    display:block;
    color: #fff !important;
    padding-bottom: 3em;
  }
  .verwendung-columns{
    display: none !important;
  }
  .verwendung-intro-text{
    display: none;
  }
}

.verwendung-intro-text-top-text{
  margin-bottom: 1.5em;
}
.verwendung-step{
  margin-bottom:1em;
}
.verwendung-step p{
  font-size: 2.5rem;
}
/*#shopify-section-template--16092270690402__custom_liquid_LtY6Jf .color-background-1.gradient .section-template--16092270690402__custom_liquid_LtY6Jf-padding{
  padding:0!important;
}*/
.verwendung-background-section {
  background-image: url('/cdn/shop/files/Mask_group_1.webp?v=1758534176');
  padding: 90px 40px 0px 40px;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.verwendung-title {
  text-align: center;
  font-family: "Chakra Petch", sans-serif;
  font-size: 40px!important;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  background: linear-gradient(220deg, #FFF 6.37%, rgba(255, 255, 255, 0.75) 80.44%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0;
}

.verwendung-intro-text {
  color: #FFF;
  text-align: center;
  font-family: "Chakra Petch", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.62; /* 25.937px */
  margin: 0 0 5em 0;
  padding: 0 35%;
}

.verwendung-columns {
  display: flex;
  justify-content: space-around;
  margin-top: 40px;
}

.verwendung-column {
  width: 30%;
  text-align: center;
  position: relative;
}

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

.verwendung-side-image {
  position: absolute;
  top: -20px;
  left: 7rem;
}

.verwendung-icon {
  margin-left: -60px;
  display: block;
  width:84%;
  @media(max-width:1000px){margin-left:-40px;}
}

.verwendung-column-title {
  text-align: center;
  font-family: "Chakra Petch", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  background: linear-gradient(220deg, #000 6.37%, #000 80.44%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: 1em;
  margin-bottom: 0;
}

.verwendung-column-text {
  color: #000;
  text-align: center;
  font-family: "Chakra Petch", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.62; /* 25.937px */
  padding: 0 15%;
  margin-top: 0;
}

@media(max-width:1150px){
  .verwendung-column-text {
    padding: 0 0%;
  }
}
@media(max-width:900px){
  .verwendung-intro-text {
    padding: 0 20%;
  }
}
@media(max-width:650px){
  .verwendung-columns {
    flex-direction: column;
    align-items: center;
  }
  .verwendung-column {
    width: 65%;
    margin-bottom: 0em!important;
  }
  .verwendung-intro-text {
    padding: 0 10%;
    margin: 0em;
  }
  .verwendung-title {
    font-size: 30px!important;
    line-height: 40px;
    margin-bottom:21px;
  }
  .verwendung-icon {
    width: 70;
    margin-left: -49px;
  }
}
@media(max-width:500px){
  .verwendung-icon {
    margin-left: -32px;
    width: 50%;
  }
   .verwendung-column {
    width: 100%;
  }
  .verwendung-background-section {
    padding: 20px 40px;
    background-position: inherit;
  }
}

@media(max-width:452px){
  .verwendung-intro-text {
    padding: 0 0%;
  }
}
@media(max-width:400px){
  .verwendung-icon {
    margin-left: -32px;
    display: block;
    width: 70%;
  }
}

/* --------------------------------------- Was ist enthalten --------------------------------------- */
/*CUSTOM IDS*/
#shopify-section-template--25343224971627__custom_liquid_7n78Yj{
  position: relative;
    z-index: 0;
  
  >div {
    background:url(https://cdn.shopify.com/s/files/1/0592/8776/5090/files/White-Hover-2.png?v=1730131604);
    background-color: white !important;
    background-repeat: no-repeat;
    background-position:50% 18%;;
    background-size: contain;
    padding: 8% 0 3% 0;
  }
  /* Container for both columns */
.dabei-section-container {
  display: flex;
  align-items: flex-start;
}

/* Left column with the image */
.dabei-column-left {
  flex: 1;
  justify-content: center;
  display: flex;
}

.dabei-column-left img {
  width: 80%;
  height: auto;
}

/* Right column with title, text, and button */
.dabei-column-right {
  flex: 1;
  padding: 16px 40px;
  position: relative;
}

.dabei-column-right-gradient {
  position: relative;
  padding: 47px 0;
  width: 58%;
  background: radial-gradient(34.49% 34.49% at 100% 0%,#d1d1d1 4%,#fff0) top right,radial-gradient(34.49% 34.49% at 0% 100%,#d1d1d1 ,#fff0) bottom left;
  /*border-image: linear-gradient(45deg,transparent 77%,#000 100%) 1 !important;
  border: 1px solid;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-width: 1;
  border-bottom:none;
  border-left:none;*/
  margin-left: 10% !important;
}

  .dabei-column-right-gradient::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 233%;
  width: 1px;
  background: linear-gradient(45deg, transparent 77%, #000 100%);
  border-left: 1px solid transparent;
  border-image: linear-gradient(45deg, transparent 77%, #000 100%) 1;
}
  .dabei-column-right-gradient::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 35%;
  height: 1px;
  background: linear-gradient(to left, #000 0%, transparent 100%);
}

/* Bottom-left border effect */
.dabei-bottom-left-border {
  display: block !important;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
  border-image: linear-gradient(-145deg,transparent 81%,#000 100%) 1 !important;
  border-image-slice: 1;
  z-index: 1;
  pointer-events: none;
  
}

/* Title styling */
.dabei-gif-title {
  font-family: "Chakra Petch", sans-serif;
  font-size: 48px!important;
  font-weight: 500!important;
  line-height: 35.89px!important;
  background: linear-gradient(117deg, #000 7.99%, rgba(0, 0, 0, 0.90) 84.45%)!important;
  background-clip: text!important;
  -webkit-background-clip: text!important;
  -webkit-text-fill-color: transparent;
  margin: 0 0 20px!important;
  z-index: 2;
  position: relative;
  margin-left: -20% !important;
}

/* Text styling */
.dabei-gif-text {
  color: #000;
  font-family: "Chakra Petch", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.62;
  letter-spacing: 0.48px;
  text-align: left;
  margin: 0 0 20px 10%;
  z-index: 2;
  position: relative;
}

/* Button styling */
.dabei-buy-button {
  display: inline-flex;
  align-items: center;
  color: #000;
  font-family: "Chakra Petch", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 2;
  position: relative;
  margin-left: 10%;
}
.dabei-buy-button:hover{
  opacity:0.65;
}
.dabei-buy-button:hover img{
  transform: translateX(5px);
}

.dabei-buy-button img {
    transition: transform 0.3s ease-in-out;
}
  
.dabei-buy-button img {
  margin-left: 10px;
  width: 18px;
}
  @media(max-width:1300px){
    .dabei-column-right-gradient {
    width: 76%;
  }
}
  @media(max-width:1000px){
    .dabei-section-container {
    flex-direction: column;
    align-items: center;
  }
    .dabei-column-left img {
    width: 45%;
  }
    .dabei-column-right-gradient {
    width: 100%;
  }
}
@media(max-width:700px){
    .dabei-column-left img {
    width: 75%;
    }
  }

@media(max-width:600px){
  .dabei-column-right-gradient {
    margin-left: 4% !important;
  }
  .dabei-gif-title {
    font-size: 40px !important;
    margin: 0 0 20px -13% !important;
  }
}
@media(max-width:500px){
  .dabei-gif-title {
    font-size: 35px !important;
    margin: 0 0 20px -17% !important;
  }
}
@media(max-width:450px){
  .dabei-gif-title {
    font-size: 30px !important;
    margin: 0 0 20px -17% !important;
  }
  .dabei-gif-text {
    font-size: 14px
  }
  .dabei-column-right-gradient {
    padding: 30px 0;
  }
  .dabei-buy-button {
    font-size: 14px;
  }
}
@media(max-width:350px){
  .dabei-gif-title {
    font-size: 25px !important;
    margin: 0 0 6px -11% !important;
  }
  .dabei-column-right-gradient {
    margin-left: 2% !important;
  }
}

}

/* --------------------------------------- FAQ's --------------------------------------- */

/* Add outer section ID of rich Text Heading Section */
#shopify-section-template--16151321313378__rich_text_7EKkj8,
#shopify-section-template--16151652597858__rich_text_7EKkj8,
#shopify-section-template--16179281068130__rich_text_7EKkj8,
#shopify-section-template--16180566229090__rich_text_7EKkj8,
#shopify-section-template--16482520137826__rich_text_7EKkj8,
#shopify-section-template--16482520268898__rich_text_7EKkj8,
#shopify-section-template--16482520203362__rich_text_7EKkj8,
#shopify-section-template--16482520170594__rich_text_7EKkj8,
#shopify-section-template--16876910215266__rich_text_7EKkj8,
#shopify-section-template--17000171470946__rich_text_7EKkj8{
  
  .rich-text.content-container.color-background-1.gradient.rich-text--full-width{
    background-color: #fff;
  }
  
  h2{
    text-align: center;
  font-family: "Chakra Petch";
  font-size: 64px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: normal !important;
  background: linear-gradient(to bottom right, #1f6b42, #288551 30%, #36bf74)!important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  }
  
}
/* Add outer section ID of FAQ section (in a div) */
#shopify-section-template--16151321313378__ss_faq_8_3AjDnE,
#shopify-section-template--16151652597858__ss_faq_8_3AjDnE,
#shopify-section-template--16179281068130__ss_faq_8_3AjDnE,
#shopify-section-template--16180566229090__ss_faq_8_3AjDnE,
#shopify-section-template--16482520137826__ss_faq_8_3AjDnE,
#shopify-section-template--16482520268898__ss_faq_8_3AjDnE,
#shopify-section-template--16482520203362__ss_faq_8_3AjDnE,
#shopify-section-template--16482520170594__ss_faq_8_3AjDnE,
#shopify-section-template--16876910215266__ss_faq_8_3AjDnE,
#shopify-section-template--17000171470946__ss_faq_8_3AjDnE{

  >div{
    padding-bottom:5em;
  }
  >div>div{
    @media(max-width:1000px){justify-content:center;}
  }
  >div>div>div:nth-child(1){
    display: none!important;
  }
  >div>div>div:nth-child(2){
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: baseline;
    position:relative;

    @media(max-width:1000px){
      flex-direction: column;
      align-items: end;
      padding: 0px 0 0 74px!important;
      display:block!important;
    }
    @media(max-width:500px){padding: 0 0 0 25px !important;}
    
    div{
      width: 90%;
      
      @media(max-width:1000px){width: 95%;}
      @media(max-width:500px){width: 98%;}
    }
  }
  >div>div>div:nth-child(2)>div>div:nth-child(1){
    font-family: "Chakra Petch";
    font-size: 24px!important;
    font-style: normal!important;
    font-weight: 500!important;
    line-height: 118.521%!important;
    background: linear-gradient(117deg, #000 7.99%, rgba(0, 0, 0, 0.90) 84.45%)!important;
    background-clip: border-box!important;
    background-clip: text!important;
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important;
  }
  >div>div>div:nth-child(2)>div>div:not(:first-child){
    >div:nth-child(1) p{
      font-family: "Chakra Petch";
      font-size: 20px!important;
      font-style: normal!important;
      font-weight: 300!important;
      line-height: 118.521%!important;
      background: linear-gradient(117deg, #000 7.99%, rgba(0, 0, 0, 0.90) 84.45%)!important;
      background-clip: border-box!important;
      background-clip: text!important;
      -webkit-background-clip: text!important;
      -webkit-text-fill-color: transparent!important;

      @media(max-width:500px){font-size: 16px!important;}
    }
  }
  >div>div>div:nth-child(2)>div:nth-child(1):before{
    content: url(https://cdn.shopify.com/s/files/1/0592/8776/5090/files/Group_49.svg?v=1729859608);
    position: absolute;
    left: -35px;
    margin-top: -8px;
  }
  >div>div>div:nth-child(2)>div:nth-child(2)>div:nth-child(1):before{
    content: url(/cdn/shop/files/Group_2.svg?v=1729859956);
    position: absolute;
    margin-left: -87px;
  }
  
  @media(max-width:1000px){
    >div>div>div:nth-child(2)>div:nth-child(1):before{
      left:-3px;
    }
    >div>div>div:nth-child(2)>div:nth-child(2)>div:nth-child(1):before{
      margin-left:-74px;
    }
    
  }
  @media(max-width:500px){
    >div>div>div:nth-child(2)>div:nth-child(1):before{
      display:none !important;
    }
    >div>div>div:nth-child(2)>div:nth-child(2)>div:nth-child(1):before{
    display:none !important;
    }
  }
}
/*
.faq-template--16092270690402__ss_faq_8_zmQgyJ{
  padding-bottom:5em;
}
.faq-nav-template--16092270690402__ss_faq_8_zmQgyJ {
  display: none!important;
}
.faq-body-template--16092270690402__ss_faq_8_zmQgyJ {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: baseline;
  position:relative;
}
.faq-body-template--16092270690402__ss_faq_8_zmQgyJ div {
  width: 90%;
}

.faq-heading-template--16092270690402__ss_faq_8_zmQgyJ {
  font-family: "Chakra Petch";
  font-size: 24px!important;
  font-style: normal!important;
  font-weight: 500!important;
  line-height: 118.521%!important;
  background: linear-gradient(117deg, #000 7.99%, rgba(0, 0, 0, 0.90) 84.45%)!important;
    background-clip: border-box!important;
  background-clip: text!important;
  -webkit-background-clip: text!important;
  -webkit-text-fill-color: transparent!important;
}

.faq-question-template--16092270690402__ss_faq_8_zmQgyJ {
  font-family: "Chakra Petch";
  font-size: 20px!important;
  font-style: normal!important;
  font-weight: 300!important;
  line-height: 118.521%!important;
  background: linear-gradient(117deg, #000 7.99%, rgba(0, 0, 0, 0.90) 84.45%)!important;
    background-clip: border-box!important;
  background-clip: text!important;
  -webkit-background-clip: text!important;
  -webkit-text-fill-color: transparent!important;
}

#category_baxHt4::before {
  content: url(https://cdn.shopify.com/s/files/1/0592/8776/5090/files/Group_49.svg?v=1729859608);
  position: absolute;
  left: -35px;
  margin-top: -8px;
}
#category_qEVapm .faq-heading-template--16092270690402__ss_faq_8_zmQgyJ::before {
  content: url(/cdn/shop/files/Group_2.svg?v=1729859956);
  position: absolute;
  margin-left: -87px;
}

@media(max-width:1000px){
  .section-template--16092270690402__ss_faq_8_zmQgyJ-settings {
    justify-content: center;
  }
  .faq-body-template--16092270690402__ss_faq_8_zmQgyJ {
    flex-direction: column;
    align-items: end;
    padding: 0px 0 0 74px!important;
    display:block!important;
  }
  .faq-body-template--16092270690402__ss_faq_8_zmQgyJ div {
    width: 95%;
  }
  #category_baxHt4::before {
    left: -3px;
  }
  #category_qEVapm .faq-heading-template--16092270690402__ss_faq_8_zmQgyJ::before {
    margin-left: -74px;
  }
}

@media(max-width:500px){
  .faq-question-template--16092270690402__ss_faq_8_zmQgyJ{
    font-size:16px!important;
  }
  .faq-body-template--16092270690402__ss_faq_8_zmQgyJ div {
    width: 98%;
  }
  .faq-body-template--16092270690402__ss_faq_8_zmQgyJ {
    padding: 0 0 0 25px !important;
  }
  #category_baxHt4::before {
    display:none!important;
  }
  #category_qEVapm .faq-heading-template--16092270690402__ss_faq_8_zmQgyJ::before {
    display:none!important;
  }
}*/

@media(max-width:750px){
  .countdown-banner-heading-sections--16065043726434__ss_countdown_bar_bDqQyp-text_wjmJaj {
    font-size: 17px !important;
  }
}

/* Free 100.000 Games */

/*#variant-radios-template--16180566229090__main::before{
  content:"";
  background: url(https://cdn.shopify.com/s/files/1/0592/8776/5090/files/DE_Free-100k-Games_design-9.png?v=1738344274);
      background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    height: 200px;
    display: inline-flex;
    max-width: 100%;
    width: 100%;
}*/

/*@media(max-width:1200px){
    #variant-radios-template--16180566229090__main::before{
      height: 160px;
    }
  }
  @media(max-width:1000px){
    #variant-radios-template--16180566229090__main::before{
      height: 150px;
    }
  }
  @media(max-width:750px){
    #variant-radios-template--16180566229090__main::before{
      height: 160px;
    }
  }
  @media(max-width:350px){
    #variant-radios-template--16180566229090__main::before{
      height: 150px;
    }
  }
  @media(max-width:300px){
    #variant-radios-template--16180566229090__main::before{
      height: 130px;
    }
  }*/


/* ----------------- King Swatch ----------------- */
.swatch-view-custom-image{
  display: flex !important;
}
.swatch-navigable,.swatch-view-custom-image{
  overflow:visible !important;
}
.swatch-view-custom-image .swatch-view-item{
  width: 32% !important;
  margin-right: 1.5% !important;
}
/* Sortierung */
.swatch-view-custom-image .swatch-view-item:nth-child(1){
  order: 2;
}
.swatch-view-custom-image .swatch-view-item:nth-child(2){
  order: 1;
}
.swatch-view-custom-image .swatch-view-item:nth-child(3){
  order: 3;
}

.swatch-view-custom-image .swatch-single.swatch-view-slide .swatch-navigable li.swatch-view-item:last-child,.swatch-view-custom-image .swatch-view-item:last-child {
    margin-right: 0 !important;
}
.swatch-view-custom-image .swatch-custom-image.swatch-selector{
  border: solid 2px rgba(var(--color-base-accent-2),.3);
  width: 100% !important;
  border-radius: var(--buttons-radius-outset);
  background-color: rgba(var(--color-base-accent-2),.02) !important;

}
.swatch-view-custom-image .swatch-custom-image.swatch-selector.swatch-selected{
  background-color: #000 !important; /*rgba(var(--color-base-accent-2),.1) !important;*/
  border:solid 2px #008000 !important;
}
.swatch-view-custom-image .swatch-custom-image.swatch-selector.swatch-selected .swatch-img-text-adjacent{
  color: #fff !important;
}
.swatch-view-custom-image .swatch-custom-image.swatch-selector.swatch-selected .swatch-price-adjacent{
  color: #d2d2d2 !important;
}
.swatch-view-custom-image .swatch-view-item .swatch-custom-image{
  overflow:visible;
}
.swatch-view-custom-image .swatch-view-item:nth-child(1) .swatch-custom-image::after,.swatch-view-custom-image .swatch-view-item:nth-child(3) .swatch-custom-image::after{
  content: "30% OFF"; 
  display: block;
  position: absolute;
    background: #000; /*rgb(var(--color-base-accent-1));*/
    color: rgb(var(--color-background));
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.6;
    top: -1rem;
    right: -1rem;
    transform: rotate(3deg);
    margin: 0;
    padding: 0 .5em;
    border-radius: .2em;
}
.swatch-view-custom-image .swatch-view-item:nth-child(3) .swatch-custom-image::after{
  content: "30% OFF"; 
}
.swatch-view-custom-image .sale-badge{
  display:none !important;
}
.star-set-image{
  width: 100% !important;
  padding-bottom: 100% !important;
  height: unset !important
}
.swatch-img-text-adjacent{
  font-size: 1.4rem !important;
}
.swatch-img-text-adjacent p{
  text-overflow: unset !important;
  white-space: unset !important;
  max-width: 100% !important;
}
.swatch-view-custom-image .swatch-custom-image .star-set-image{
  border-bottom: solid 0px #fff !important;
}
.swatch-view-custom-image .swatch-price-adjacent,.swatch-view-custom-image .swatch-img-text-adjacent{
  justify-content: center !important;
}
.swatch-view-custom-image .swatch-img-text-adjacent{
  font-size: 1.3em;
}
@media(min-width:400px){
    .swatch-view-custom-image .swatch-view-item:nth-child(1) .swatch-price-adjacent:after{
      content: "€189,90";
      text-decoration: line-through;
      line-height: 120%;
      padding-left: 4px;
      opacity: .7;
    }
    .swatch-view-custom-image .swatch-view-item:nth-child(3) .swatch-price-adjacent:after{
      content: "€229,90";
      text-decoration: line-through;
      line-height: 120%;
      padding-left: 4px;
      opacity: .7;
    }
}
@media (max-width:400px){
  .swatch-view-custom-image .swatch-view-item:nth-child(1) .swatch-custom-image::after,.swatch-view-custom-image .swatch-view-item:nth-child(3) .swatch-custom-image::after{
    font-size: 1.3rem;
    right: -0.5rem;
  }
}




.swatch-view-button .swatch-view-item{
  width: fit-content !important;
}
.swatch-button-title-text{
  border-radius: var(--variant-pills-radius);
      color: rgb(var(--color-foreground));
      padding: 1rem 2rem !important;
    font-size: 1.4rem !important;
    letter-spacing: .1rem !important;
    border: var(--variant-pills-border-width) solid rgba(var(--color-foreground), var(--variant-pills-border-opacity));
    border-bottom: var(--variant-pills-border-width) solid rgba(var(--color-foreground), var(--variant-pills-border-opacity)) !important;
    background-color: rgb(var(--color-background));
    line-height: 1 !important;
}
.swatch-button{
  border:0px solid #fff !important;
}

/* ------------------------------- Globo Product Options ---------------------------------- */

.gradient-font{
  background: linear-gradient(268deg, #47A93C 0%, rgba(71, 169, 60, 0.70) 97.53%);;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Widths and Spacing */
.cl-po--swatch-container{
  width: 100% !important
}
.gpo-app, .cl-po--options{
  margin: 2em 0 15px 0;
  border-radius: 12px;
  
  background-color: #F7F7F7 !important;
  border: 2px solid #e8e8e8;

  @media only screen and (max-width: 750px) and (min-width: 430px) {
    max-width: 377px;
  }
}
.gpo-total-text{
  display:none !important;
}
.offer-radio-selection{
  padding: 5px 0px !important;
}
.cl-po--options .cl-po--option{
  padding: 0px 5px;
}
.cl-po--options .cl-po--option[data-option="Paket"]{
  padding: 0px 0px;
}
.cl-po--swatch-container{
  gap: 8px;
}
.cl-po--swatch-item{
  margin-right: 0px !important;
  margin-bottom: 0px !important;
}
.cl-po--swatch-item img{
  margin: 0 !important;
}
.cl-po--swatch-item  .cl-po--swatch-img{
  height: unset !important;
}
.image-swatches,.cl-po--swatch-container .cl-po--swatch-item{
  width: calc(50% - 4px) !important;
}
.image-swatches label,.cl-po--swatch-item  .cl-po--swatch{
  width: 100% !important;
}
.offer-controller, .offer-retro-controller,.cl-po--option[data-option="Controller Anzahl"],.cl-po--option[data-option="Gratis Retro Controller"],.cl-po--option[data-option="Spieler Anzahl"]{
  margin-bottom: 26px !important;
}

/* Font Styles */
.gpo-element .label-content, .offer-heading,.cl-po--label{
  font-weight: 600 !important;
  margin-bottom: 14px;
  font-size: 18px !important;

  @media(max-width: 767px){
    margin-bottom:0px;
  }
}
.cl-po--price{
  color: #C0C0C0 !important;
  font-weight: 400;
}


/* Gift Container */

.offer-gifts-container{
  display:flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  max-width: 100%;
}
.offer-gift-box-heading{
  text-align:center;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  padding: 10px 0px;
  
  @media(max-width:1100px){
    font-size: 12px;
    letter-spacing: -0.2px;
  }

  @media(max-width:360px){
    word-break: break-all;
    font-size: 11px;
  }
}
.offer-gift-box{
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
    width: calc(25% - 6px);

  
}
.offer-gift-border-box{
   min-height: 134px;
   max-height: 134px;

  margin: -15.5px 0 0;
  
  border: 1.2px dashed #000;
  padding: 15px;
  background-color: #c8ddc4;
  border-radius: 12px !important;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  @media(max-width:1100px){
    min-height: 85px;
    max-height: 85px;
    padding: 0 7px;
    margin: -11.5px 0 0;
  }
  
}

.offer-gift-border-box img{
  max-height: 134px;
  max-width:100%;
  border: 1.2px dashed #148001;
  border-radius: 12px !important;
  object-fit: contain;

  @media(max-width:1100px){
    max-height: 100px;
  }
}
.offer-gift-price{
  text-align: center;
}
.offer-gift-price span{
  background: #000000;
    border-radius: 3px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    padding: 0 7px;
    text-decoration: line-through;
    margin: 0 0 0;
    position: relative;
    z-index: 1;

  @media(max-width:1100px){
    font-size: 10px;
  }
}

/* Divider */
.offer-divider hr{
  margin: 0 !important;
}


/* USPs */
.usp-container{
      display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: -12px;
  font-size: 1.5rem;
}
.usp{
      font-weight: 400;
    font: normal normal 500 14px / 17px;
    width: fit-content;
    margin: 0 10px 4px;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: left;
    background-image: url(https://cdn.shopify.com/s/files/1/0592/8776/5090/files/check-green.svg?v=1739435878) !important;
}

/* Custom Radio Buttons */
.offer-radio-selection .gpo-choicelist.gpo-radio,.cl-po--option[data-option="Paket"] label{
    width: 50% !important;
}

.offer-radio-selection,.cl-po--option[data-option="Paket"]{
  padding: 0 !important;
  margin-bottom: 10px !important;
  position: relative !important;
  display: flex;
}

.offer-radio-selection .gpo-ov-wrapper .gpo-choicelist:first-child::before, .cl-po--option[data-option="Paket"] label:first-child::before  {
  color: white !important;
  background: linear-gradient(268deg, #47A93C 0%, #428a3c 97.53%);
      border-radius: 16px 0px 8px 0px;

  content: 'am beliebtesten';
    position: absolute;
    top: -12px;
    white-space: nowrap;
    padding: 0px 9px;
    font-size: 11px;
    font-weight: 400;
    z-index: 1;
      left: -1px;
}

.offer-radio-selection .gpo-ov-wrapper .gpo-choicelist:last-child,.cl-po--option[data-option="Paket"] label:nth-child(2) {
  border-left: 2px solid #e8e8e8 !important;
}

.offer-radio-selection .gpo-ov-wrapper .gpo-choicelist:first-child label, .cl-po--option[data-option="Paket"] label:first-child{
  border-radius: 12px 0 0 0 !important;
}
.offer-radio-selection .gpo-ov-wrapper .gpo-choicelist:last-child label,.cl-po--option[data-option="Paket"] label:nth-child(2){
  border-radius: 0 12px 0 0 !important;
}

.gpo-app .gpo-radio label .addOn{/*can remove after finish easy product options*/
  color: transparent !important;
  width: 20px !important;
  margin: 0px !important;
  line-height: 2rem !important;
  white-space: nowrap !important;
}
.gpo-app .gpo-radio label .addOn:before,.offer-radio-selection .gpo-ov-wrapper .gpo-choicelist:last-child .break-word:after,.offer-price{
  content: "€139.90";
  font-weight: 600;
    font-size: 1.7rem;
    line-height: 2rem;
    color: #000;
    font-style: normal;

  @media(max-width:767px){
    font-size: 1.6rem;
  }
  @media(max-width:350px){
    font-size: 1.3rem;
  }
}

.offer-price-container{
  display: flex;
  flex-direction: row;
}
.gpo-app .gpo-radio label .addOn:after,.offer-base-price{
  content: "€274.90";
  font-weight: 400;
    color: #C0C0C0;
    font-size: 1.5rem;
    line-height: 2rem;
    padding-left: 5px;
    text-decoration: line-through;
    /*position: absolute;
    left: 11rem;*/
  
  @media(max-width:767px){
    font-size: 1.4rem;
  }
  @media(max-width:350px){
    font-size: 1.2rem;
  }
  @media(max-width:325px){
    font-size: 1.1rem;
  }
}

.offer-gift-subheading{
  background: linear-gradient(268deg, #47A93C 0%, rgba(71, 169, 60, 0.70) 97.53%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 14px;
    font-family: "Chakra Petch", sans-serif;
    font-style: normal;
    font-weight: 400;
    display:block;

  @media(max-width:767px){
    font-size: 12px;
  }
  @media(max-width:370px){
    font-size: 11px;
    /*left: 10rem;*/
  }
  @media(max-width:325px){
    font-size: 10px;
    /*left: 10rem;*/
  }
}

.offer-radio-selection .gpo-ov-wrapper .gpo-choicelist:first-child .break-word:after,{/*can remove after finish easy product options*/
  content: "+ Gratis Geschenke";
  background: linear-gradient(268deg, #47A93C 0%, rgba(71, 169, 60, 0.70) 97.53%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 14px;
    font-family: "Chakra Petch", sans-serif;
    font-style: normal;
    font-weight: 400;
    display:block;

  @media(max-width:767px){
    font-size: 12px;
  }
}


.offer-radio-selection .gpo-ov-wrapper.horizontal {/*can remove after finish easy product options*/
    gap: 0px !important;
}
.gpo-app .gpo-choicelist.gpo-radio label{/*can remove after finish easy product options*/
      display: flex;
    flex-direction: column;
    justify-content: center;
  
  background-color: #fff !important;
  border-bottom: 2px solid #e8e8e8;
  height: 90px;
}

.cl-po--option[data-option="Paket"] .cl-po--radio-item{
  background-color: #fff !important;
  border-bottom: 2px solid #e8e8e8;
  height: 90px;
}

.gpo-app .gpo-choicelist.gpo-radio label .break-word,.offer-radio-heading{
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 15px;

  @media (min-width: 1300px){
    font-size: 21px !important;
    line-height: 20px;
  }
  @media (max-width: 370px){
    font-size: 15px !important;
  }
  @media (max-width: 350px){
    font-size: 14px !important;
  }
}
.gpo-app .gpo-choicelist.gpo-radio input:checked+label, .cl-po--option[data-option="Paket"] .cl-po--radio-item.selected{
  background-color: #F7F7F7 !important;
  border: 2px solid #F7F7F7;
}
.cl-po--option[data-option="Paket"] label{
  padding-left: 14px;

  @media (max-width:400px){
    padding-left: 6px;
  }
  @media (max-width:350px){
    padding-left: 3px;
  }
}


/* Responsive Padding for desktop */

@media (min-width: 1700px){
  .offer-controller,.offer-retro-controller,.cl-po--option[data-option="Controller Anzahl"],.cl-po--option[data-option="Gratis Retro Controller"],.cl-po--option[data-option="Spieler Anzahl"]{
    margin: 0 7em 25px .5em;
  }
  
}
@media (min-width: 1400px){
  .offer-controller,.offer-retro-controller,.cl-po--option[data-option="Controller Anzahl"],.cl-po--option[data-option="Gratis Retro Controller"],.cl-po--option[data-option="Spieler Anzahl"]{
    margin: 0 5em 25px .5em !important;
  }
  
}
@media (min-width: 1100px){
  .offer-controller,.offer-retro-controller,.cl-po--option[data-option="Controller Anzahl"],.cl-po--option[data-option="Gratis Retro Controller"],.cl-po--option[data-option="Spieler Anzahl"]{
    margin: 0 3em 25px .5em;
  }
  .offer-heading-gifts,.cl-po--option[data-option="Gratis Geschenke"]{
    margin: 0 .5em 0 .5em;
  }
}
/* ------------------------------ A/B Top Product Page -------------------------------- */

/* Page Width */

#MainProduct-template--16180566229090__main.page-width{
    padding: 0 1.5rem;
}

/* benefits */

.benefits-container{
  display:flex;
  flex-direction:column;
  justify-content: flex-start;
}
.benefit{
  font-weight: 400;
  letter-spacing:.16px;
  font-size: 16px;
  
    padding: 3px 0 2px 30px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left 47%;
    background-image: url(https://cdn.shopify.com/s/files/1/0592/8776/5090/files/check-green.svg?v=1739435878) !important;
}

/* Spieleliste Button */
.top-games-button{
    border-bottom: 1px solid black;
  font-weight: 400 !important;
      margin: 10px 0 24px !important;
}

/* Price */

  #MainProduct-template--16180566229090__main,
  #MainProduct-template--16151321313378__main,
  #MainProduct-template--16482520137826__main,
  #MainProduct-template--16482520170594__main,{

    .product-page-price .price-item.price-item--sale.price-item--last{
      font-size: 27px!important;
    }
    .product-page-price .price-item.price-item--regular{
      font-size: 20px!important;
    }
    .product-page-price .price__regular .price-item.price-item--regular{
      font-size: 27px !important;
    }
    .product-page-price .price__compare-price{
      width: auto !important;
      display: flex !important;
      order: 4 !important;
      align-items: center;
      margin: 0 0 0 .55rem !important
    }
    .product-page-price .badge.price__badge-sale.color-accent-2{
      position: relative;
      margin-top: 0rem;
      margin-left: 0rem;
    }
  }



/* Estimated Shipping */

.estimated-shipping{
  padding-bottom: 0px !important;
  align-items: center !important;
}
@media(max-width:767px){
  .estimated-shipping__text p{
    font-size: 1.6rem !important;
  }
}

/* Guarantee belod ATC */
.risk-free-guarantee{
      font-weight: 600;
    margin-top: 0 !important;
    font-size: 1.3rem;
    text-align: center;
}

/* ATC Button Margin */
#MainProduct-template--16180566229090__main .product-form{
    margin: 2.5rem 0 0rem 0 !important;
}

/* Trustpilot Review Container */
.trustpilot-container{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 1em;
}
.trustpilot-container .trustpilot-image{
  display: flex;
}
.trustpilot-container .trustpilot-image img{
  max-height: 18px;
}
.trustpilot-container .trustpilot-text{
  color: #000;
  line-height: 8px;
  font-size: 0.8em;
}

/* ------------------------------ Theme Cart -------------------------------- */
.totals__subtotal {
  font-size: calc(var(--font-heading-scale) * 1.6rem) !important;
}

.new_cart-count-bubble {
  /*display: none;*/
}
.new_cart-count-bubble span:nth-child(5),.new_cart-count-bubble span:nth-child(3){
      position: absolute !important;
    display: flex !important;
    top: 6px !important;
    left: 28px !important;
    background-color: #148001 !important;
    border-radius: 100% !important;
    color: #fff !important;
    height: 14px !important;
    width: 14px !important;
    padding: 1px 0 0 1px !important;
    font-size: 10px !important;
}
.cart__badges img {
  height: 100%;
}
@media(max-width:500px){
  .sticky-atc .price__badge-sale{
    display:none !important;
  }
  .sticky-atc .price-item--regular{
    color: rgba(var(--color-foreground), .6) !important;
    padding-left:4px;
    font-weight: 400 !important;
  }
}

/* ------------------------------ Retrowave Lite Banner -------------------------------- */
#shopify-section-template--16876910215266__image_banner_9JQCUQ{
  filter: drop-shadow(0px 3px 8px #474747);
}
#Banner-template--16876910215266__image_banner_9JQCUQ:before {
    content: '';
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 130px; /* Adjust height as needed */
    z-index: 100;
    background: linear-gradient(to bottom, #141515 23%, transparent);
    pointer-events: none; /* Ensures it doesn’t interfere with user interaction */
  }


/* ------------------------------ Scarcity Batch Element -------------------------------- */
.batch-widget {
  background: #f9f9f9;
  padding: 10px 20px;
  border-radius: 10px;
  width: 100%;
    border: 2px solid #e8e8e8;
  margin-top: 2em !important;
  
  /*-webkit-box-shadow: 1px 1px 9px 1px rgba(0,0,0,0.44); 
box-shadow: 1px 1px 9px 1px rgba(0,0,0,0.44);*/
}

.batch-widget p {
  font-size: 16px;
  margin-bottom: 15px !important;
  margin-top: 0px !important;
}

.batch {
  margin-bottom: 10px;
  display: flex;
  flex-direction:row;
  justify-content: center;
}


.batch-date {
  display: inline-block;
  margin-top: 5px;
  width:15%;
  font-size: 13px;
  font-weight: 400;
  @media (max-width:750px){
    width:23%;
    margin-top: 7px;
  }
}

.batch.current .batch-date{
  font-weight: 700;
}

.progress {
  position: relative;
  background: #e0e0e0;
  border-radius: 20px;
  height: 33px;
  overflow: visible;
  flex-grow: 1;

  display: flex;
  align-items: center;

  /*background: rgba(0,0,0,0.1);*/
  border-radius: 20px;
  align-items: center;
  position: relative;
  padding: 0 5px;
}

.progress span {
  position: absolute;
  left: 15px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
}

.progress.partial {
  /*border: 2px solid #008001;*/
}


.progress .bar{
  box-shadow: 0 10px 40px -10px #008001;
  border-radius: 20px;
  background: #008001;
  height: 24px;
}
#ProductInfo-template--16482520170594__main .progress .bar{
  box-shadow: 0 10px 40px -10px #008001;
  border-radius: 20px;
  background: #008001;
  height: 24px;
}
.batch-widget.abtest .progress .bar {
  background: #008001;
}
.progress.full .bar { 
  width: 100%;
}
.progress.partial .bar {
  width: 0;
}
.progress.partial .bar.visible {
  animation: load 3s normal forwards;
}
.batch-widget.abtest .progress.partial .bar.visible {
  background: #008001;
}
@keyframes load {
  0% { width: 0; }
  100% { width: 78%; }
}

.progress.empty {
  background: #e0e0e0;
}

.progress.empty span {
  color: #666;
}

.cart-primary-upsell.cart-upsell.color-background-1 {
  background-color: rgb(242, 242, 242) !important;
}
.gratis-geschenke-subheading {
  font-size: 14px;
}

/* COMMODORE 64 LAYOUT + DESIGN*/

.c64-rdy {
  color: #7C71DA;
  font-family: "Press Start 2P", monospace;
  font-weight: bold;
  letter-spacing: 1px;
  font-size:36px;
  @media(max-width:767px){
    font-size:23px;
  }
}


/* --------------------------------- Retrowave Rainbow A/B Test ------------------------------------- */

:root {

    --retro-red: 0 85% 60%;
    --retro-orange: 25 95% 65%;
    --retro-yellow: 45 100% 70%;
    --retro-green: 120 60% 45%;
    --retro-blue: 210 100% 65%;
    --retro-pink: 320 85% 70%;

    --gradient-rainbow: linear-gradient(90deg, 
      hsl(var(--retro-yellow)),
      hsl(var(--retro-orange)), 
      hsl(var(--retro-red)), 
      hsl(var(--retro-blue)) 
    );
    --gradient-rainbow-orange: linear-gradient(90deg, 
      hsl(var(--retro-yellow)),
      hsl(var(--retro-orange))
    );
    --gradient-rainbow-green: linear-gradient(90deg, 
      #36d633,
      #1f991d, 
      #19e03d, 
      #08612e
    );



    --background: 240 10% 8%;
    --foreground: 300 20% 95%;

    --primary: 280 100% 70%;
    --primary-foreground: 240 10% 8%;
    --primary-glow: 280 100% 85%;

    /* Neon cyan secondary */
    --secondary: 180 100% 60%;
    --secondary-foreground: 240 10% 8%;

    /* Muted dark tones */
    --muted: 240 5% 20%;
    --muted-foreground: 300 10% 65%;

    /* Neon pink accent */
    --accent: 320 100% 75%;
    --accent-foreground: 240 10% 8%;
}


#shopify-section-template--25343224971627__main{
    /*background: hsl(var(--background));
    background-image: radial-gradient(circle at 25% 25%, hsl(var(--primary) / .1) 0%, transparent 50%), 
    radial-gradient(circle at 75% 75%, hsl(var(--accent) / .1) 0%, transparent 50%);*/





  /*.benefit-container .benefit:nth-child(1){
    background-image: url(https://cdn.shopify.com/s/files/1/0592/8776/5090/files/check-yellow.svg?v=1754311002) !important;
  }
  .benefit-container .benefit:nth-child(2){
    background-image: url(https://cdn.shopify.com/s/files/1/0592/8776/5090/files/check-orange-noise.png?v=1754376868) !important;
  }
  .benefit-container .benefit:nth-child(3){
    background-image: url(https://cdn.shopify.com/s/files/1/0592/8776/5090/files/check-red.svg?v=1754311001) !important;
  }
  .benefit-container .benefit:nth-child(4){
    background-image: url(https://cdn.shopify.com/s/files/1/0592/8776/5090/files/check-blue-noise.png?v=1754376868) !important;
  }*/



  .cl-po--option[data-option="Paket"] label:first-child::before{
    /*background: var(--gradient-rainbow);*/
    font-weight: 700;
    text-transform: uppercase;
  }
  .batch-widget .bar{
    /*background: hsl(var(--retro-red));*/
  }
  .batch-widget .bar.visible{
    background-size: 200% 200%;
    background-image: var(--gradient-rainbow-orange);
    background-position-y: 50%;
    animation: rainbow-shift 5s ease-in-out infinite,load 3s normal forwards;
  }

  /*
  .offer-gifts-container .offer-gift-box:nth-child(1) .offer-gift-border-box{
      background-color: hsl(45 100% 90%);
  }
  .offer-gifts-container .offer-gift-box:nth-child(2) .offer-gift-border-box{
      background-color: hsl(25 95% 90%;);
  }
  .offer-gifts-container .offer-gift-box:nth-child(3) .offer-gift-border-box{
      background-color: hsl(0 85% 90%);
  }
  .offer-gifts-container .offer-gift-box:nth-child(4) .offer-gift-border-box{
      background-color: hsl(210 100% 90%);
  }*/

} 

.article-template__content table {
  max-width: 72.6rem !important;
  @media(max-width:767px){
    width: 100% !important;
  }
}

#shopify-section-template--17395522601058__pf-115e12d9 {
  overflow: hidden !important;
}

/* ---------------------------------------------------------------------------------------- */
/* ------------------------------- Globo Product Options ---------------------------------- */
/* ---------------------------------------------------------------------------------------- */

.gradient-font{
  background: linear-gradient(268deg, #47A93C 0%, rgba(71, 169, 60, 0.70) 97.53%);;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Widths and Spacing */
.cl-po--swatch-container{
  width: 100% !important
}
.gpo-app, .cl-po--options{
  margin: 2em 0 15px 0;
  border-radius: 12px;
  
  background-color: #F7F7F7 !important;
  border: 2px solid #e8e8e8;

  @media only screen and (max-width: 750px) and (min-width: 430px) {
    max-width: 377px;
  }
}
.gpo-total-text{
  display:none !important;
}
.offer-radio-selection{
  padding: 5px 0px !important;
}
.cl-po--options .cl-po--option{
  padding: 0px 5px;
}
.cl-po--options .cl-po--option[data-option="Package"]{
  padding: 0px 0px;
}
.cl-po--swatch-container{
  gap: 8px;
}
.cl-po--swatch-item{
  margin-right: 0px !important;
  margin-bottom: 0px !important;
}
.cl-po--swatch-item img{
  margin: 0 !important;
}
.cl-po--swatch-item  .cl-po--swatch-img{
  height: unset !important;
}
.image-swatches,.cl-po--swatch-container .cl-po--swatch-item{
  width: calc(50% - 4px) !important;
}
.image-swatches label,.cl-po--swatch-item  .cl-po--swatch{
  width: 100% !important;
}
.offer-controller, .offer-retro-controller,.cl-po--option[data-option="Players"],.cl-po--option[data-option="Free Retro Controller"],.cl-po--option[data-option="Players"]{
  margin-bottom: 26px !important;
}

/* Font Styles */
.gpo-element .label-content, .offer-heading,.cl-po--label{
  font-weight: 600 !important;
  margin-bottom: 14px;
  font-size: 18px !important;

  @media(max-width: 767px){
    margin-bottom:0px;
  }
}
.cl-po--price{
  color: #C0C0C0 !important;
  font-weight: 400;
}


/* Gift Container */

.offer-gifts-container{
  display:flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  max-width: 100%;
}
.offer-gift-box-heading{
  text-align:center;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  padding: 10px 0px;
  
  @media(max-width:1100px){
    font-size: 12px;
    letter-spacing: -0.2px;
  }

  @media(max-width:360px){
    word-break: break-all;
    font-size: 11px;
  }
}
.offer-gift-box{
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
    width: calc(25% - 6px);

  
}
.offer-gift-border-box{
   min-height: 134px;
   max-height: 134px;

  margin: -15.5px 0 0;
  
  border: 1.2px dashed #000;
  padding: 15px;
  background-color: #c8ddc4;
  border-radius: 12px !important;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  @media(max-width:1100px){
    min-height: 85px;
    max-height: 85px;
    padding: 0 7px;
    margin: -11.5px 0 0;
  }
  
}

.offer-gift-border-box img{
  max-height: 134px;
  max-width:100%;
  border: 1.2px dashed #148001;
  border-radius: 12px !important;
  object-fit: contain;

  @media(max-width:1100px){
    max-height: 100px;
  }
}
.offer-gift-price{
  text-align: center;
}
.offer-gift-price span{
  background: #000000;
    border-radius: 3px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    padding: 0 7px;
    text-decoration: line-through;
    margin: 0 0 0;
    position: relative;
    z-index: 1;

  @media(max-width:1100px){
    font-size: 10px;
  }
}

/* Divider */
.offer-divider hr{
  margin: 0 !important;
}


/* USPs */
.usp-container{
      display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: -12px;
  font-size: 1.5rem;
}
.usp{
      font-weight: 400;
    font: normal normal 500 14px / 17px;
    width: fit-content;
    margin: 0 10px 4px;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: left;
    background-image: url(https://cdn.shopify.com/s/files/1/0592/8776/5090/files/check-green.svg?v=1739435878) !important;
}

/* Custom Radio Buttons */
.offer-radio-selection .gpo-choicelist.gpo-radio,.cl-po--option[data-option="Package"] label{
    width: 50% !important;
}

.offer-radio-selection,.cl-po--option[data-option="Package"]{
  padding: 0 !important;
  margin-bottom: 10px !important;
  position: relative !important;
  display: flex;
}

.offer-radio-selection .gpo-ov-wrapper .gpo-choicelist:first-child::before, .cl-po--option[data-option="Package"] label:first-child::before  {
  color: white !important;
  background: linear-gradient(268deg, #47A93C 0%, #428a3c 97.53%);
      border-radius: 16px 0px 8px 0px;

  content: 'most popular';
    position: absolute;
    top: -12px;
    white-space: nowrap;
    padding: 0px 9px;
    font-size: 11px;
    font-weight: 400;
    z-index: 1;
      left: -1px;
}

.offer-radio-selection .gpo-ov-wrapper .gpo-choicelist:last-child,.cl-po--option[data-option="Package"] label:nth-child(2) {
  border-left: 2px solid #e8e8e8 !important;
}

.offer-radio-selection .gpo-ov-wrapper .gpo-choicelist:first-child label, .cl-po--option[data-option="Package"] label:first-child{
  border-radius: 12px 0 0 0 !important;
}
.offer-radio-selection .gpo-ov-wrapper .gpo-choicelist:last-child label,.cl-po--option[data-option="Package"] label:nth-child(2){
  border-radius: 0 12px 0 0 !important;
}

.gpo-app .gpo-radio label .addOn{/*can remove after finish easy product options*/
  color: transparent !important;
  width: 20px !important;
  margin: 0px !important;
  line-height: 2rem !important;
  white-space: nowrap !important;
}
.gpo-app .gpo-radio label .addOn:before,.offer-radio-selection .gpo-ov-wrapper .gpo-choicelist:last-child .break-word:after,.offer-price{
  content: "$139.90";
  font-weight: 600;
    font-size: 1.7rem;
    line-height: 2rem;
    color: #000;
    font-style: normal;

  @media(max-width:767px){
    font-size: 1.6rem;
  }
  @media(max-width:350px){
    font-size: 1.3rem;
  }
}

.offer-price-container{
  display: flex;
  flex-direction: row;
}
.gpo-app .gpo-radio label .addOn:after,.offer-base-price{
  content: "$274.90";
  font-weight: 400;
    color: #C0C0C0;
    font-size: 1.5rem;
    line-height: 2rem;
    padding-left: 5px;
    text-decoration: line-through;
    /*position: absolute;
    left: 11rem;*/
  
  @media(max-width:767px){
    font-size: 1.4rem;
  }
  @media(max-width:350px){
    font-size: 1.2rem;
  }
  @media(max-width:325px){
    font-size: 1.1rem;
  }
}

.offer-gift-subheading{
  background: linear-gradient(268deg, #47A93C 0%, rgba(71, 169, 60, 0.70) 97.53%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 14px;
    font-family: "Chakra Petch", sans-serif;
    font-style: normal;
    font-weight: 400;
    display:block;

  @media(max-width:767px){
    font-size: 12px;
  }
  @media(max-width:370px){
    font-size: 11px;
    /*left: 10rem;*/
  }
  @media(max-width:325px){
    font-size: 10px;
    /*left: 10rem;*/
  }
}

.offer-radio-selection .gpo-ov-wrapper .gpo-choicelist:first-child .break-word:after,{/*can remove after finish easy product options*/
  content: "+ Free Gifts";
  background: linear-gradient(268deg, #47A93C 0%, rgba(71, 169, 60, 0.70) 97.53%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 14px;
    font-family: "Chakra Petch", sans-serif;
    font-style: normal;
    font-weight: 400;
    display:block;

  @media(max-width:767px){
    font-size: 12px;
  }
}


.offer-radio-selection .gpo-ov-wrapper.horizontal {/*can remove after finish easy product options*/
    gap: 0px !important;
}
.gpo-app .gpo-choicelist.gpo-radio label{/*can remove after finish easy product options*/
      display: flex;
    flex-direction: column;
    justify-content: center;
  
  background-color: #fff !important;
  border-bottom: 2px solid #e8e8e8;
  height: 90px;
}

.cl-po--option[data-option="Package"] .cl-po--radio-item{
  background-color: #fff !important;
  border-bottom: 2px solid #e8e8e8;
  height: 90px;
}

.gpo-app .gpo-choicelist.gpo-radio label .break-word,.offer-radio-heading{
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 15px;

  @media (min-width: 1300px){
    font-size: 21px !important;
    line-height: 20px;
  }
  @media (max-width: 370px){
    font-size: 15px !important;
  }
  @media (max-width: 350px){
    font-size: 14px !important;
  }
}
.gpo-app .gpo-choicelist.gpo-radio input:checked+label, .cl-po--option[data-option="Package"] .cl-po--radio-item.selected{
  background-color: #F7F7F7 !important;
  border: 2px solid #F7F7F7;
}
.cl-po--option[data-option="Package"] label{
  padding-left: 14px;

  @media (max-width:400px){
    padding-left: 6px;
  }
  @media (max-width:350px){
    padding-left: 3px;
  }
}


/* Responsive Padding for desktop */

@media (min-width: 1700px){
  .offer-controller,.offer-retro-controller,.cl-po--option[data-option="Players"],.cl-po--option[data-option="Free Retro Controller"],.cl-po--option[data-option="Players"]{
    margin: 0 7em 25px .5em;
  }
  
}
@media (min-width: 1400px){
  .offer-controller,.offer-retro-controller,.cl-po--option[data-option="Players"],.cl-po--option[data-option="Free Retro Controller"],.cl-po--option[data-option="Players"]{
    margin: 0 5em 25px .5em !important;
  }
  
}
@media (min-width: 1100px){
  .offer-controller,.offer-retro-controller,.cl-po--option[data-option="Players"],.cl-po--option[data-option="Free Retro Controller"],.cl-po--option[data-option="Players"]{
    margin: 0 3em 25px .5em;
  }
  .offer-heading-gifts,.cl-po--option[data-option="Free Gifts"]{
    margin: 0 .5em 0 .5em;
  }
}

/*----------------------------------- END GLOBO OPTIONS --------------------------------------------*/

@keyframes rainbow-shift {
                    0% { background-position-x: 0%;}
                    50% { background-position-x: 100%;}
                    100% { background-position-x: 0%;}
                }