/** Shopify CDN: Minification failed

Line 144:26 Expected identifier but found whitespace
Line 145:4 Unexpected "has("
Line 363:28 Expected identifier but found whitespace
Line 364:6 Unexpected "has("

**/
/* 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;
  }


  .mole-offer-bar,
  .mole-offer-bar * {
    box-sizing: border-box;
  }


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

     Fixed bar itself.
     No BODY padding.
     No HEADER top manipulation.
     ================================================ */

  .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, so it can
   * never render above it.
   */
  .mole-offer-bar--hidden {
    opacity: 0 !important;
    pointer-events: none !important;
  }


  /*
   * The real spacer element. JS sets its height directly,
   * so it reliably reserves space regardless of which
   * wrapper element the theme applies section classes to.
   */
  .mole-offer-bar-spacer {
    display: block;
    width: 100%;
    height: 0;
  }


  /*
   * Reserve space ONLY inside this Shopify section.
   * (Left in place as a fallback/no-op; the spacer above
   * is now the primary mechanism.)
   */

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


  /*
   * Common Horizon / Shopify overlay containers.
   * These are also kept above the offer bar.
   */

  .menu-drawer__dialog,
  .cart-drawer__dialog,
  .drawer__dialog,
  .dialog-modal,
  .modal,
  .modal-dialog,
  .header-menu,
  .header__drawer {
    z-index: 99999 !important;
  }


  /* ================================================
     INNER CONTENT
     ================================================ */

  .mob__inner {
    max-width: 1400px;

    margin: 0 auto;

    padding: 0 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 11px;

    flex-wrap: wrap;

    direction: rtl;
  }


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

  .mob__icon {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    flex: 0 0 auto;

    color: #FFFFFF;
  }


  .mob__icon svg {
    display: block;

    width: 21px;

    height: 21px;
  }


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

  .mob__text {
    color: inherit;

    white-space: nowrap;

    font-size: 18px;

    font-weight: 800;

    line-height: 1.4;

    letter-spacing: 0;

    text-align: center;
  }


  /* ================================================
     PROGRESS BAR
     ================================================ */

  .mob__rail {
    position: relative;

    width:
      min(
        220px,
        35vw
      );

    height: 6px;

    background: rgba(255, 255, 255, 0.35);

    border-radius: 50px;

    overflow: hidden;

    flex: 0 0 auto;
  }


  .mob__fill {
    height: 100%;

    background:
      var(
        --mob-bar,
        #FFEB3B
      );

    border-radius: inherit;

    transition:
      width 0.4s ease;
  }


  /* ================================================
     FREE SHIPPING UNLOCKED
     ================================================ */

  .mole-offer-bar.is-final-offer {
    background: #C62828;
  }


  .mole-offer-bar.is-final-offer
  .mob__text {
    color: #FFFFFF;
  }


  .mole-offer-bar.is-final-offer
  .mob__icon {
    color: #FFFFFF;
  }


  .mole-offer-bar.is-final-offer
  .mob__rail {
    display: none;
  }


  /* ================================================
     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__inner {
      gap: 7px;

      padding: 0 10px;

      flex-wrap: nowrap;
    }


    .mob__icon svg {
      width: 19px;

      height: 19px;
    }


    .mob__text {
      font-size: 15px;

      font-weight: 800;

      white-space: nowrap;
    }


    .mob__rail {
      width: 58px;

      min-width: 58px;

      height: 5px;
    }
  }


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

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

    .mole-offer-bar {
      font-size:
        14px !important;
    }


    .mob__inner {
      gap: 5px;

      padding: 0 7px;
    }


    .mob__text {
      font-size: 14px;
    }


    .mob__rail {
      width: 45px;

      min-width: 45px;
    }


    .mob__icon svg {
      width: 18px;

      height: 18px;
    }
  }
/* END_SECTION:offer-progress-bar */