.ade-custom-media-grid {

  * {
  box-sizing: border-box; }

  body {
  overflow-wrap: anywhere;
  font-size: 1.0625rem;
  line-height: calc(var(--font-body-line-height-scale) * 1.6);
  letter-spacing: var(--font-body-letter-spacing, normal);
  background: var(--bg-body); }
  body.open-cc {
    overflow: hidden; }
    body.open-cc #wrapper .click-capture {
      opacity: 1;
      visibility: visible;
      pointer-events: all; }
    body.open-cc #main-content {
      clip-path: none !important; }
    body.open-cc--product #wrapper .click-capture--product {
      opacity: 1;
      visibility: visible;
      pointer-events: all; }
    body.open-cc--product #main-content {
      clip-path: none !important; }
    body.open-cc #shopify-chat {
      display: none; }
  body.open-lightbox #main-content {
    clip-path: none !important; }

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

  .section-spacing {
  margin-top: var(--section-spacing-mobile, 0);
  margin-bottom: var(--section-spacing-mobile, 0); }
  @media only screen and (min-width: 768px) {
    .section-spacing {
      margin-top: var(--section-spacing-desktop, 0);
      margin-bottom: var(--section-spacing-desktop, 0); } }
  .section-spacing.section-spacing--disable-top {
    margin-top: 0; }
  .section-spacing.section-spacing--disable-bottom {
    margin-bottom: 0; }

.section-spacing-bottom {
  margin-bottom: var(--section-spacing-mobile, 0); }
  @media only screen and (min-width: 768px) {
    .section-spacing-bottom {
      margin-bottom: var(--section-spacing-desktop, 0); } }
  .section-spacing-bottom.section-spacing--disable-bottom {
    margin-bottom: 0; }

.section-spacing-padding {
  padding-top: var(--section-spacing-mobile, 0);
  padding-bottom: var(--section-spacing-mobile, 0); }
  @media only screen and (min-width: 768px) {
    .section-spacing-padding {
      padding-top: var(--section-spacing-desktop, 0);
      padding-bottom: var(--section-spacing-desktop, 0); } }
  .section-spacing-padding.section-spacing--disable-top {
    padding-top: 0; }
  .section-spacing-padding.section-spacing--disable-bottom {
    padding-bottom: 0; }

    .column-spacing--small {
  gap: 10px; }

.column-spacing--medium {
  gap: 10px; }
  @media only screen and (min-width: 768px) {
    .column-spacing--medium {
      gap: 20px; } }

.column-spacing--large {
  gap: 10px; }
  @media only screen and (min-width: 768px) {
    .column-spacing--large {
      gap: 30px; } }

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

.subheading {
    font-size: .75rem;
    letter-spacing: .1em;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: var(--font-body-medium-weight, 500);
}

p {
    word-spacing: .001em;
    font-feature-settings: "kern" 1;
    font-kerning: normal;
    line-height: calc(var(--font-body-line-height-scale) * 1.6)
}


h1,
.h1,
.h1-large,
.h1-xlarge,
h2,
.h2,
h3,
.h3,
blockquote p,
blockquote span,
h4,
.h4,
h5,
.h5,
h6,
.h6 .h1-large {
    letter-spacing: var(--font-heading-letter-spacing, normal)
}

@media only screen and (min-width: 768px) {
    h3,
    .h3,
    blockquote p,
    blockquote span {
        font-size: calc(var(--font-heading-scale) * 30px);
        line-height: calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 38px))
    }
}

h3,
.h3,
blockquote p,
blockquote span {
    font-size: 2.125rem;
    line-height: 1.45;
    margin-top: 0;
    margin-bottom: 1.25rem
}

@media only screen and (min-width: 768px) {
    h1,
    .h1,
    .h1-large,
    .h1-xlarge {
        font-size: calc(var(--font-heading-scale) * 36px);
        line-height: calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 44px))
    }
}

@media only screen and (min-width: 1068px) {
    h1,
    .h1,
    .h1-large,
    .h1-xlarge {
        font-size: calc(var(--font-heading-scale) * 50px);
        line-height: calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 58px))
    }
}


.shopify-payment-button__more-options,
.text-button {
    display: inline-flex;
    align-items: center;
    font-size: .9375rem;
    line-height: 1;
    font-weight: var(--font-body-medium-weight, 500);
    letter-spacing: var(--button-letter-spacing, .02em);
    cursor: pointer;
    position: relative;
    color: var(--color-accent);
    text-decoration: underline;
    text-underline-offset: 3px
}

.shopify-payment-button__more-options span,
.text-button span {
    overflow: hidden;
    margin-left: 6px
}

[dir=rtl] .shopify-payment-button__more-options span,
[dir=rtl] .text-button span {
    margin-left: 0;
    margin-right: 6px;
    transform: rotate(180deg)
}

@media (hover: hover) {
    .shopify-payment-button__more-options:hover svg,
    .text-button:hover svg {
        animation: text-button-arrow .35s linear forwards 1
    }
}

.shopify-payment-button__more-options--has-icon,
.text-button--has-icon {
    text-decoration: none
}

.shopify-payment-button__more-options.white,
.text-button.white {
    color: #fff
}

.shopify-payment-button__more-options.white svg path,
.text-button.white svg path {
    stroke: #fff
}

.shopify-payment-button__more-options.regular,
.text-button.regular {
    color: var(--solid-button-background, var(--color-accent))
}

.shopify-payment-button__more-options.regular svg path,
.text-button.regular svg path {
    stroke: var(--solid-button-background, var(--color-accent))
}

@keyframes text-button-arrow {
    0% {
        transform: translate(0)
    }
    50% {
        transform: translate(100%)
    }
    51% {
        transform: translate(-100%)
    }
    to {
        transform: translate(0)
    }
}




.lazyload,
.lazyloading {
  opacity: 0.75;
  will-change: opacity, filter;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  filter: blur(5px); }
  .lazyload.no-blur,
  .lazyloading.no-blur {
    filter: none;
    opacity: 1; }

.lazyloaded {
  opacity: 1;
  transition: opacity 0.2s cubic-bezier(0.104, 0.204, 0.492, 1), filter 0.2s cubic-bezier(0.104, 0.204, 0.492, 1); }

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic; }

img {
  border-style: none; 
  }

.inline-badge {
  display: inline-flex;
  align-items: center;
  background: var(--badge-bg, var(--color-accent));
  color: var(--badge-text, #fff);
  font-size: 0.75rem;
  font-weight: var(--font-body-medium-weight, 500);
  padding: 8px 15px 8px 30px;
  position: relative;
  border-radius: 15px;
  white-space: nowrap;
  height: 30px;
  margin-bottom: 25px; }
  
  .inline-badge:before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    left: 14px;
    top: 12px;
    background: var(--badge-text, #fff); }

.animated-marker {
  position: relative;
  display: inline-block;
  z-index: 2; }
  
.animated-marker .svg-marker {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1; }
    
.animated-marker .svg-marker--style1 {
      width: 100%;
      height: 30%;
      top: auto;
      bottom: -20%; }
    
.animated-marker .svg-marker--style2 {
      width: 100%;
      height: 40%;
      top: auto;
      bottom: -30%; }
   
.animated-marker .svg-marker--style3 {
      width: 100%;
      height: 30%;
      top: auto;
      bottom: -20%; }

.animated-marker .svg-marker--style4 {
      width: 100%;
      height: 30%;
      top: auto;
      bottom: -20%; }

/* div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

p {
  margin-bottom: 1.25rem;
  font-size: inherit;
  line-height: 1.6;
  text-rendering: optimizeLegibility; }

em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: var(--font-body-bold-weight, 600);
  line-height: inherit; }

small {
  font-size: 80%;
  line-height: inherit; }
 */

/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative; }

.flickity-enabled:focus {
  outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
  min-width: 100%; }

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
  will-change: transform; }


.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing; }


.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0; }

.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1; }

.flickity-enabled.is-fade .flickity-slider .carousel__slide {
  will-change: opacity, z-index; }

.flickity-enabled.is-fade.main-slideshow.transition--zoom .slideshow__slide {
  will-change: z-index; }
  .animations-true .flickity-enabled.is-fade.main-slideshow.transition--zoom .slideshow__slide-bg, .animations-true .flickity-enabled.is-fade.main-slideshow.transition--zoom .slideshow__slide-video-bg {
    transform: scale(1.1); }


.static-dots .flickity-page-dots {
  position: static; }

.flickity-page-dots {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  list-style: none;
  text-align: center;
  line-height: 0;
  position: absolute;
  bottom: 28px;
  left: 0;
  width: 100%;
  border: 0;
  padding: 0;
  z-index: 20; }
  .flickity-page-dots .dot {
    width: 8px;
    height: 8px;
    display: inline-block;
    opacity: 0.2;
    border-radius: 4px;
    margin: 0 6px;
    background: var(--color-body, #2c2d2e);
    cursor: pointer;
    position: relative;
    transform: scale(1, 1); }
    .flickity-page-dots .dot.is-selected {
      opacity: 1; }
    @media (hover: hover) {
      .flickity-page-dots .dot:hover {
        opacity: 1; } }
    .flickity-page-dots .dot.is-selected {
      width: 32px; }
  .flickity-page-dots.dot-style--logos {
    display: inline-flex;
    align-items: center;
    overflow: scroll;
    scrollbar-width: none; }
    .flickity-page-dots.dot-style--logos::-webkit-scrollbar {
      display: none; }
    .flickity-page-dots.dot-style--logos .dot {
      width: auto;
      height: 100px;
      background: none;
      flex-shrink: 0;
      display: inline-flex;
      align-items: center; }
      .flickity-page-dots.dot-style--logos .dot img {
        object-fit: contain;
        max-height: 100%;
        width: auto; }

.flickity-nav {
  background: var(--color-drawer-bg, #fff);
  border-radius: 50%;
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  z-index: 30;
  opacity: 0;
  cursor: pointer; }
  .flickity-nav svg {
    pointer-events: none; }
  @media only screen and (min-width: 768px) {
    .flickity-enabled .flickity-nav {
      display: flex; } }
  .flickity-nav.flickity-prev {
    left: -21px; }
  .flickity-nav.flickity-next {
    right: -21px; }
  .flickity-nav:focus-visible {
    opacity: 1; }
  .flickity-nav:hover svg {
    transform: scale(1.2); }

.flickity-enabled:hover .flickity-nav {
  opacity: 1; }

.flickity-progress {
  display: block;
  width: 100%;
  height: 1px;
  background: var(--color-border, #dadce0);
  border-radius: 0.5px;
  position: relative;
  margin-top: 20px; }
  .flickity-progress--bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    background: var(--color-body, #2c2d2e);
    width: 0%;
    border-radius: 0.5px; }


.flickity-resize .carousel__slide {
  min-height: 100%; }


  
}