/** Shopify CDN: Minification failed

Line 50:4 Unexpected "}"
Line 421:7 Unexpected "/"

**/
/* 
    /* =====================================================
       MAIN OFFER CONTAINER
    ===================================================== */
.offer-sale-festive{
  background: unset !important;
  padding-left: 0 !important;
}
    .hok-volume-offer {
        display: flex;
        gap: 13px; 
      width: 100%;
      max-width: 515px;
      padding: 19px 12px 17px 14px;
      margin: 0;
      border-radius: 16.093px;
        border: 1.341px solid rgba(74, 60, 128, 0.31);
        background: #FFF0FA;
      box-sizing: border-box;
      margin-top: 16px;
    }
.hok-volume-offer-fest{
    width: 100%;
}
.hok-volume-offer__qty, .hok-volume-offer__price{
    margin-left: 7px;
}

.offer-text-festive {
    width: fit-content;
    text-align: left;
    margin: auto;
}
    /* =====================================================
       HEADER
    ===================================================== */

    /* .hok-volume-offer__header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      /* margin-bottom: 9px; */
    } */

    .hok-volume-offer__heading {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      min-width: 0;
    }

    .hok-volume-offer__copy {
      min-width: 0;
    }


    /* =====================================================
       FLAME ICON
    ===================================================== */

    .hok-volume-offer__icon {
      display: flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
      margin-top: 2px;
      color: #000;
    }

    .hok-volume-offer__icon svg {
      display: block;
      width: 24px;
      height: 24px;
    }


    /* =====================================================
       HEADING
    ===================================================== */

    .hok-volume-offer__heading h3 {
        color: #2F2F2F;
        font-size: 23.086px;
        font-weight: 400;
        line-height: 23.417px;
        letter-spacing: -1.154px;
    }

    .sub-head-offer-text {
     color: #414141;
        font-size: 17.408px;
        font-weight: 300;
        line-height: 23.417px;
        letter-spacing: -0.696px;
    }


    /* =====================================================
       STANDARD SAVINGS BADGE
    ===================================================== */

    .hok-volume-offer__badge {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
      padding: 5px 11px;
      background: #fff;
      border-radius: 999px;
      color: #414141;
        font-size: 13.391px;
        font-weight: 500;
        line-height: 23.417px;
        letter-spacing: -0.536px;
      white-space: nowrap;
    }


    /* =====================================================
       OFFER TIER WRAPPER
    ===================================================== */

    .hok-volume-offer__tiers {
      display: flex;
      width: 100%;
      padding: 12px 0;
      border-radius: 16.093px;
        border: 1.341px solid rgba(255, 75, 198, 0.16);
        background: #FFF;
      box-sizing: border-box;
      overflow: hidden;
      margin-top: 6px;
    }


    /* =====================================================
       INDIVIDUAL OFFER TIER
    ===================================================== */

    .hok-volume-offer__tier {
      position: relative;
      flex: 1 1 0;
      min-width: 0;
      padding: 0 10px;
      text-align: center;
      box-sizing: border-box;
    }


    /* Divider */

    .hok-volume-offer__tier:not(:last-child)::after {
      content: "";
      position: absolute;
      top: 2px;
      right: 0;
      width: 1px;
      height: calc(100% - 4px);
      background: #f4cfe4;
    }


    /* =====================================================
       BUY QUANTITY
    ===================================================== */

    .hok-volume-offer__qty {
        color: #414141;
        font-size: 17.408px;
        font-weight: 300;
        line-height: 23.417px;
        letter-spacing: -0.696px;
        white-space: nowrap;
    }


    /* =====================================================
       OFFER PRICE
    ===================================================== */

    .hok-volume-offer__price {
     color: #7868B5;
        font-size: 22.616px;
        font-weight: 500;
        line-height: 24.717px;
        letter-spacing: -0.905px;
      white-space: nowrap;
    }


    /* =====================================================
       EACH PRICE
    ===================================================== */

    .hok-volume-offer__each {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-top: 9px;
      padding: 5px 13px;
      background: #e4f6ef;
      border-radius: 999px;
      color: #207F13;
        font-size: 13.391px;
        font-weight: 500;
        line-height: 23.417px;
        letter-spacing: -0.536px;
      white-space: nowrap;
    }


    /* =====================================================
       TABLET
    ===================================================== */

    @media screen and (max-width: 1023px) and (min-width: 750px) {

      .hok-volume-offer {
        max-width: 100%;
      }

    }


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

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

      .hok-volume-offer {
        width: 100%;
        max-width: 100%;
        padding: 11px 10px 12px;
        border-radius: 13px;
      }
.hok-volume-offer__qty, .hok-volume-offer__price, .hok-volume-offer__each{
        line-height: 1;
      }
      /* .hok-volume-offer__qty{
font-size: 13px;
      }
      .hok-volume-offer__price{
font-size: 16.889px;
      }
      .hok-volume-offer__each{
        font-size: 10px;
      } */

      /* Header */

      .hok-volume-offer__header {
        margin-top: 6px;
      }

      .hok-volume-offer__heading {
        gap: 7px;
      }


      /* Icon */

      .hok-volume-offer__icon {
        margin-top: 1px;
      }

      .hok-volume-offer__icon svg {
        width: 24px;
        height: 24px;
      }


      /* Heading */

      .hok-volume-offer__heading h3 {
        font-size: 12px;
        line-height: 1.15;
      }

      .hok-volume-offer__heading p {
        margin-top: 2px;
        font-size: 8px;
        line-height: 1.2;
      }


      /* Badge */

      .hok-volume-offer__badge {
        padding: 4px 7px;
        font-size: 10px;
      }


      /* Tier wrapper */

      .hok-volume-offer__tiers {
        padding: 11px 0;
        border-radius: 11px;
      }


      /* -----------------------------------------
         1–3 OFFERS
         No slider
      ----------------------------------------- */

      .hok-volume-offer__tier {
        flex: 1 1 0;
        min-width: 0;
        padding: 0 5px;
      }


      /* Quantity */

      .hok-volume-offer__qty {
        font-size: 13px;
      }


      /* Price */

      .hok-volume-offer__price {
        margin-top: 2px;
        font-size: 16px;
      }


      /* Each */

      .hok-volume-offer__each {
        margin-top: 6px;
        padding: 4px 7px;
        font-size: 10px;
      }


      /* =================================================
         MORE THAN 3 OFFERS
         ENABLE MOBILE SLIDER
      ================================================= */

      .hok-volume-offer__tiers--slider {
        overflow-x: auto;
        overflow-y: hidden;

        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;

        -webkit-overflow-scrolling: touch;

        scrollbar-width: none;

        overscroll-behavior-x: contain;
      }

      .hok-volume-offer__tiers--slider::-webkit-scrollbar {
        display: none;
      }


      /* Show approximately 3 cards at once */

      .hok-volume-offer__tiers--slider .hok-volume-offer__tier {
        flex: 0 0 33.333%;
        min-width: 33.333%;
        scroll-snap-align: start;
        scroll-snap-stop: normal;
      }

    }


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

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

      .hok-volume-offer {
        padding-left: 8px;
        padding-right: 8px;
      }

      .hok-volume-offer__heading h3 {
        font-size: 11px;
      }

      .hok-volume-offer__heading p {
        font-size: 7px;
      }
      

      .hok-volume-offer__badge {
        padding: 3px 11px;
        font-size: 6.5px;
      }

      .hok-volume-offer__tier {
        padding-left: 4px;
        padding-right: 4px;
      }

      .hok-volume-offer__price {
        font-size: 12px;
      }

      .hok-volume-offer__each {
        padding-left: 5px;
        padding-right: 5px;
      }

    } */


/* 
    .hok-volume-offer__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
} */

.hok-volume-offer-title-wrap {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

.festive-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.festive-logo .hok-volume-offer__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.festive-logo svg {
  display: block;
  width: 25px;
  height: 25px;
}

.hok-volume-offer__copy {
  display: flex;
  align-items: center;
  min-width: 0;
}
.logo-container {
    display: flex;
    gap: 14px;
}
.hok-volume-offer__copy h3 {
  margin: 0;
  color: #2F2F2F;
font-size: 23.12px;
font-weight: 400;
line-height: 23.451px; /* 101.432% */
letter-spacing: -1.156px;
}
.offer-copy {
    display: flex;
    justify-content: space-between;
}
.logo-offer-align{
    width: 100%;
}

.hok-volume-offer__badge {
  flex: 0 0 auto;
}

@media screen and (max-width: 749px) {
  .hok-volume-offer__header {
    gap: 6px;
  }
  .hok-volume-offer__copy h3{
    font-size: 17.24px;
  }
  .sub-head-offer-text{
    font-size: 13px;
  }

  .hok-volume-offer-title-wrap {
    gap: 5px;
  }

  .festive-logo svg {
    width: 18px;
    height: 18px;
  }
}