/** Shopify CDN: Minification failed

Line 172:24 Expected identifier but found whitespace
Line 173:2 Unexpected "has("
Line 606:26 Expected identifier but found whitespace
Line 607:4 Unexpected "has("

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:offer-progress-bar (INDEX:113) */
/* ================================================
   MAIN OFFER BAR
   ================================================ */

.mole-offer-bar {

  display: block;

  width: 100%;

  background:
    var(
      --mob-bg,
      #E53935
    );

  color:
    var(
      --mob-fg,
      #FFFFFF
    );

  padding:
    var(
      --mob-py,
      10px
    ) 0;

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

  font-size:
    var(
      --mob-fs,
      18px
    );

  font-weight: 800;

  line-height: 1.4;

  letter-spacing: 0 !important;

  text-transform: none;

  text-align: center;

  direction: rtl;

  position: relative;

  z-index: 100;

  box-sizing: border-box;

  border-bottom:
    1px solid
    rgba(
      0,
      0,
      0,
      0.15
    );

  box-shadow:
    0 4px 16px
    rgba(
      0,
      0,
      0,
      0.15
    );

  transition:
    opacity 0.15s ease;

  overflow: hidden !important;

  height: auto !important;

  min-height: 0 !important;

}



.mole-offer-bar,
.mole-offer-bar * {

  box-sizing: border-box;

}





/* ================================================
   STICKY
   ================================================ */

.mole-offer-bar[data-sticky="1"] {

  position: fixed !important;

  top: 0 !important;

  left: 0 !important;

  right: 0 !important;

  width: 100% !important;

  margin: 0 !important;

  z-index: 400 !important;

}





/*
 * Hide the bar without collapsing its reserved
 * space whenever a menu/cart/dialog drawer is open.
 */

.mole-offer-bar--hidden {

  opacity: 0 !important;

  pointer-events: none !important;

}





/*
 * Real spacer element.
 */

.mole-offer-bar-spacer {

  display: block;

  width: 100%;

  height: 0;

}





.mole-offer-bar-section:
  has(
    .mole-offer-bar[data-sticky="1"]
  ) {

  min-height:
    var(
      --mole-offer-bar-height,
      52px
    );

}





/* ================================================
   MENU / CART / DRAWERS ABOVE OFFER BAR
   ================================================ */

dialog[open],


.menu-drawer,

.menu-drawer[open],

.menu-drawer.active,

.menu-drawer.is-open,


cart-drawer,

cart-drawer[open],

cart-drawer.active,

cart-drawer.is-open,


.cart-drawer,

.cart-drawer[open],

.cart-drawer.active,

.cart-drawer.is-open,


.drawer,

.drawer[open],

.drawer.active,

.drawer.is-open,


[aria-modal="true"] {

  z-index: 99999 !important;

}





.menu-drawer__dialog,

.cart-drawer__dialog,

.drawer__dialog,

.dialog-modal,

.modal,

.modal-dialog,

.header-menu,

.header__drawer {

  z-index: 99999 !important;

}





/* ================================================
   MARQUEE
   SINGLE ROW
   ================================================ */

.mob__marquee {

  display: block;

  width: 100%;

  max-width: 100%;

  overflow: hidden !important;

  white-space: nowrap !important;

  direction: ltr;

}





.mob__marquee-track {

  display: flex !important;

  flex-direction: row !important;

  flex-wrap: nowrap !important;

  align-items: center !important;

  justify-content: flex-start !important;

  width: max-content !important;

  min-width: max-content !important;

  max-width: none !important;

  white-space: nowrap !important;

  will-change: transform;

  animation:
    mole-marquee
    var(--marquee-speed, 24s)
    linear
    infinite;

}





.mob__marquee-group {

  display: flex !important;

  flex-direction: row !important;

  flex-wrap: nowrap !important;

  align-items: center !important;

  justify-content: flex-start !important;

  width: max-content !important;

  min-width: max-content !important;

  max-width: none !important;

  flex: 0 0 auto !important;

  white-space: nowrap !important;

  direction: rtl;

}





.mob__marquee-item {

  display: inline-flex !important;

  flex-direction: row !important;

  flex-wrap: nowrap !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 9px;

  width: max-content !important;

  min-width: max-content !important;

  max-width: none !important;

  flex: 0 0 auto !important;

  padding: 0 28px;

  white-space: nowrap !important;

  direction: rtl;

}





.mob__separator {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: auto !important;

  min-width: max-content !important;

  flex: 0 0 auto !important;

  padding: 0 8px;

  color: inherit;

  font-size: 18px;

  font-weight: 800;

  line-height: 1;

  white-space: nowrap !important;

  opacity: 0.8;

}





/* ================================================
   MARQUEE ANIMATION
   ================================================ */

@keyframes mole-marquee {

  from {

    transform:
      translate3d(
        0,
        0,
        0
      );

  }

  to {

    transform:
      translate3d(
        -16.6666667%,
        0,
        0
      );

  }

}





/* ================================================
   TRUCK ICON
   ================================================ */

.mob__icon {

  display: inline-flex !important;

  align-items: center;

  justify-content: center;

  flex: 0 0 auto !important;

  color: inherit;

  white-space: nowrap;

}





.mob__icon svg {

  display: block;

  width: 21px;

  height: 21px;

  flex: 0 0 auto;

}





/* ================================================
   SALE ICON
   ================================================ */

.mob__sale-icon {

  display: inline-flex !important;

  align-items: center;

  justify-content: center;

  flex: 0 0 auto !important;

  color: inherit;

  white-space: nowrap;

}





.mob__sale-icon svg {

  display: block;

  width: 21px;

  height: 21px;

  flex: 0 0 auto;

}





/* ================================================
   TEXT
   ================================================ */

.mob__text {

  display: inline-block !important;

  width: max-content !important;

  min-width: max-content !important;

  max-width: none !important;

  flex: 0 0 auto !important;

  color: inherit;

  white-space: nowrap !important;

  font-size:
    var(
      --mob-fs,
      18px
    );

  font-weight: 800;

  line-height: 1.4;

  letter-spacing: 0;

  text-align: center;

  direction: rtl;

}





/* ================================================
   MOBILE
   ================================================ */

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


  .mole-offer-bar {

    padding:
      8px 0 !important;

    font-size:
      15px !important;

    font-weight:
      800 !important;

    line-height: 1.35;

    letter-spacing:
      0 !important;

  }



  .mole-offer-bar-section:
    has(
      .mole-offer-bar[data-sticky="1"]
    ) {

    min-height:
      var(
        --mole-offer-bar-height,
        40px
      );

  }



  .mob__marquee {

    width: 100%;

    max-width: 100%;

    overflow: hidden !important;

    white-space: nowrap !important;

  }



  .mob__marquee-track {

    display: flex !important;

    flex-direction: row !important;

    flex-wrap: nowrap !important;

    width: max-content !important;

    min-width: max-content !important;

    max-width: none !important;

  }



  .mob__marquee-group {

    display: flex !important;

    flex-direction: row !important;

    flex-wrap: nowrap !important;

    width: max-content !important;

    min-width: max-content !important;

    max-width: none !important;

  }



  .mob__marquee-item {

    display: inline-flex !important;

    flex-direction: row !important;

    flex-wrap: nowrap !important;

    width: max-content !important;

    min-width: max-content !important;

    max-width: none !important;

    gap: 7px;

    padding:
      0 20px;

  }



  .mob__icon svg,
  .mob__sale-icon svg {

    width: 19px;

    height: 19px;

  }



  .mob__text {

    display: inline-block !important;

    width: max-content !important;

    min-width: max-content !important;

    max-width: none !important;

    font-size: 15px;

    font-weight: 800;

    white-space: nowrap !important;

  }



  .mob__separator {

    font-size: 15px;

    white-space: nowrap !important;

  }

}





/* ================================================
   SMALL MOBILE
   ================================================ */

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


  .mole-offer-bar {

    font-size:
      14px !important;

  }



  .mob__marquee-item {

    gap: 6px;

    padding:
      0 16px;

  }



  .mob__text {

    font-size: 14px;

  }



  .mob__separator {

    font-size: 14px;

  }



  .mob__icon svg,
  .mob__sale-icon svg {

    width: 18px;

    height: 18px;

  }

}





/* ================================================
   REDUCED MOTION
   ================================================ */

@media (prefers-reduced-motion: reduce) {

  .mob__marquee-track {

    animation-duration: 60s;

  }

}
/* END_SECTION:offer-progress-bar */