/** Shopify CDN: Minification failed

Line 523:30 Unterminated string token

**/
/* Build Your Own Bundle css  */
#loader {
    display:block;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #B895FD;
    animation: spin 2s linear infinite;
    transform: translate(-50%, -50%);
    z-index: 30;
}

  #loader::backdrop{
  background: grey;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.collection-banner{
    background: linear-gradient(to bottom, white 13%, #E4E5F6 13%);
    padding: 4rem;
    padding-bottom: 3rem;
    position: relative;
    flex-wrap: wrap;
}

.collection-banner div{
    width:49%;
}
.collection-banner h1{
    color: #000;

    font-family: "Canela Condensed Trial";
    font-size: 72px;
    font-style: normal;
    font-weight: 700;
    line-height: 115%; /* 82.8px */
    text-transform: capitalize;

}

.collection-image{
    width: 50%;
    right:2rem;
    top: -2rem;
}

.collection-grid-container{
    width: 70%;
}
.filter-controls{
    padding: 0 4rem;
}
.filter-wrapper{
    padding: 0rem 4rem 2rem;
}

.bundle-filters{
    display: flex;
    gap: 0.5rem;
}

.bundle-filters input{
    display: none;
}

.bundle-filters .color-options .form-check-input+.form-check-label{
   height: 57px;
}

.bundle-filters .form-check-input+.form-check-label{
    width: 105px;
}

.form-check img{
    width: 100%;
   object-fit: cover;
}

.bundle-filters .filter-checkbox--disabled p{
    text-decoration: line-through;

}

.filter__item .form-check:has(> input[checked]) img {
    border: 2px solid #4427C1;
}

.color-options-list .filter__item .form-check:has(> input[checked]), .custom-filter-label:not(.image-filter) .form-check:has(> input[checked]) {
    border: 2px solid #4427C1;
}

.custom-filter-label:has(>.form-check input[checked]){
    border: none;
}



.form-check label{
    cursor: pointer;
}


.form-check{
    padding-left: 0;
}

.color-options.form-check{
    padding: 0;
}
.border-black{
    border-bottom:2px solid #000 !important;
}
.filter-label-container{
    width: 100%;
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.tw-flex{
    display: flex;
}

.flex-wrap{
    flex-wrap: wrap;
}

.custom-filter-label{
    cursor: pointer !important;
    border: 1px solid black;
    width: 105px;
  
}

.image-filter{
    width: 105px;
    cursor: pointer !important;
}

.group[open] .group-open-hidden{
    display: none;
}

/* Product Card */

.variant-dropdown.form-control{
    width: fit-content;
}

.tw-hidden{
    display: none;
}

.mobile-text{
    display: none;
}

.desktop-text{
    display: inline-block;
}

.desktop-flex{
    display: flex;
}

.font-light{
    font-weight: 100;
    font-size: 12px;
    text-decoration: underline;
    margin-left: 4px;
}

#collection-product-grid .card-with-add-cart{
    border: none !important;
}

.card-with-add-cart .card-body{
    padding: 0;
}

/* Progress Bar */

.progress-reward{
    position: fixed;
    top: 28rem;
    right: 2rem;
    border-radius: 20px;
    background: #E4E5F6;
    width: 350px;
    padding: 14px;
}

.qualifying-products{
    display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.product-placeholder, .free-gift-placeholder{
    position: relative;
    border-radius: 10px;
    border: 1px solid #000;
    width: 160.97px;
    height: 160.97px;
    margin: 0 auto;
}

.product-placeholder:empty, .free-gift-placeholder:empty{
    border: 1px dotted #000;
    display: block !important;
}

.product-placeholder:empty + .remove-button, .free-gift-placeholder:empty + .gift-remove-button{
    display: none;
}

.free-gift-placeholder:empty ~ .free-gift-callout{
    opacity: 35%;
}

.product-placeholder img, .free-gift-placeholder img{
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.text-white{
    color: white;
}

.quantity-input{
    width: 40px;
    border:1px solid black;
}

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

/* Firefox */
 input[type=number].quantity-input {
  -moz-appearance: textfield;
}


.quantity-wrapper button{
    border: 1px solid black;
    cursor: pointer;
}
.checkoutButton .btn{
    margin: 10px auto;
    width: 100%;
}

.quantity-wrapper div.d-flex{
    flex-wrap: nowrap;
    gap: 4px;
}
.product-form__input select{
    cursor: pointer;
}

.checkoutButton.disabled{
    cursor: not-allowed;
    display: none;
}

.checkoutButton.disabled .btn-primary, .disabled.btn-primary, .btn-primary[disabled] {
    background: grey !important;
    border: grey !important;
}

.quantity_buttons{
    gap: 4px;
}

.bundle-item-container{
    position: relative;
}

.remove-button, .gift-remove-button{
    position: absolute;
    bottom: 4px;
    left: 8px;
    cursor: pointer;
    font-size: 18px;
    background: #fff;
    border-radius: 100px;
    width: 22px;
    height: 22px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.free-gift-callout{
    text-align: center;
    position: absolute;
    top: -4px;
    left: -2px;
    background-color: #B895FD;
    border-radius: 100px;
    padding: 8px;
    font-weight: 400;
    color: #000;
    font-family: "Proxima Nova";
    font-size: 11px;
    font-style: normal;
    line-height: 115%; /* 12.65px */
    letter-spacing: 0.22px;
    text-transform: uppercase;
}
.card-img{
    position: relative;
}
.free_gift_image{
    position: absolute;
    top:-25px;
    left: -25px;
    width: 120px;
    height: 120px;
    z-index: 10;
}

.tw-sr-only{
    position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}

details summary::-webkit-details-marker {
    display:none;
  }
 .progress-reward .price{
    position: absolute;
    top: 10px;
    left: 17%;
    translate: -50%;
    display: inline;
    background-color: #fff;
    opacity: 70%;
    border-radius: 20px;
    font-size: 13px;
}

.price.free-gift-price{
    top: 40px;
    left: 16%;
    translate: -50%;
    display: inline;
    background-color: #fff;
    opacity: 70%;
    border-radius: 20px;
}

.strike-through{
 text-decoration: line-through;
}

.bundle-filters{
    overflow-x: scroll;
    overflow-y:hidden;
}

.btn-clear.custom-clear{
    border: none;
    text-decoration: underline;
    font-size: 12px
}


@media (max-width: 1085px){

    .bundle-filters .form-check-input+.form-check-label{
        width: 90px;
    }
    .btn-clear.custom-clear{
        font-size: 10px

    }
    .progress-reward .price{
        position: absolute;
        top: 10px;
        left: 50%;
        translate: -50%;
        display: inline;
        background-color: white;
        opacity: 70%;
        border-radius: 20px;
        font-size: 12px;
    }

   .progress-reward .price.strike-through{
        top: 40px;
        left: 50%;
        translate: -50%;
        display: inline;
        background-color: white;
        opacity: 70%;
        border-radius: 20px;
    }
    .free-gift-placeholder:empty ~ .free-gift-callout{
        opacity: 100%;
    }

    .remove-button, .gift-remove-button{
        position: absolute;
        bottom: 4px;
        left: 20%;
        translate: -50%;
        cursor: pointer;
    }

    .free-gift-placeholder:empty~.free-gift-price{
        display: none;
    }

    .strike-through{
        text-decoration: line-through;
    }

    .mobile-text{
        display: block;
        font-size: 14px;
        text-align: center;
        margin: 8px auto;
    }
    
    .desktop-text{
        display: none;
    }
.collection-banner{
    padding: 1rem;
    margin-top: 0;
    background:#E4E5F6;

}


.collection-banner h1{
    font-size: 58px;
}

.collection-banner{
    width: 100%;
}

.collection-grid-container{
    width: 100%;
}

.product-form h5{
    font-size: 12px;
}

.filter-controls{
    padding: 0 1rem;
}

.filter-wrapper{
    padding: 0 1rem;
    margin: 0 auto;
}

.progress-reward{
    top: auto;
    bottom: 1rem;
    left:50%;
    right:50%;
    z-index: 21;
    transform: translateX(-50%);
    width: 410px;
    max-width: 98%;
}

.qualifying-products{
    display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4px;
}

.product-placeholder, .free-gift-placeholder{
    width: 85px;
    height: 85px;
}

.free-gift-callout{
    font-size: 8px;
    top: -7px;
    left: 32%;
    translate: -50%;
        padding: 4px
}

.filter-wrapper .btn{
    padding: 15px;
    font-size: 13px;
}


::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb {
    background-color: purple';
}

#removeAllButton{
    font-size:12px !important;
}
}

/* Mobile/Tablet Designs */
@media (max-width: 680px){
    .desktop-flex{
        display: block;
    }
    .btn-clear.custom-clear{
        margin-left: 0 !important;  
        margin-right: 0 !important;
    }
    .collection-banner div{
        width:100%;
    }
    .collection-image{
        width: 100%;
    }
    .progress-reward{
        width: 95%;
        padding: 5px;
    }
    .free_gift_image{
        top:-15px;
        left: -15px;
        width: 90px;
        height: 90px;
    }
    .product-placeholder, .free-gift-placeholder{
        width: 80px;
        height: 80px;
    }
}