/** Shopify CDN: Minification failed

Line 781:92 Unexpected "{"

**/
button.needsclick.kl-teaser-SLc2NG{
  	display:none!important;
  	z-index: -1!important;
  	position: relative!important;
}
.needsclick.kl-private-reset-css-Xuajs1{
	display: none!important;
}
#bundle-builder{
	overflow: hidden!important;
	background-color: #ffffff!important;
}
#bundle-builder #shopify-section-footer{
	display: none;
}
#product-bundle-builder{
	overflow: hidden;
}
.bundle-container{
	background: #ffffff;
}
.bundle-builder-inner{
	flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
	max-height: calc(100vh - 104px);
}
.bundle-builder-inner.loading .product-list {
	min-height: 100vh;
}
.bundle-sides{
    width: 100%;
    align-self: stretch;
    /* height: 100vh; */
}
.out-product{
	text-align: left;
    width: 100%;
    font-size: 18px;
    line-height: 100%;
}
.bundle-left{
	/*max-width: 60.5%;*/
	max-width: 1010px;
	background: #ffffff;
	padding: 26px 48px 48px 48px;
    overflow-y: auto;
    overflow-x: hidden;
    /*scrollbar-width: thin;
    scrollbar-color: grey #FAF7EB;*/
}
/*.bundle-left::-webkit-scrollbar,
.bundle-right .bundle-inner::-webkit-scrollbar{
    width: 10px;
    height: 10px;
}
.bundle-left::-webkit-scrollbar-track,
.bundle-right .bundle-inner::-webkit-scrollbar-track{
    background: #FAF7EB;
}
.bundle-left::-webkit-scrollbar-thumb,
.bundle-right .bundle-inner::-webkit-scrollbar-thumb{
    background-color: grey;
    border-radius: 20px;
    border: 3px solid #FAF7EB;
}*/
.bundle-right{
    /*max-width: 39.5%;*/
    max-width: 430px;
	background: #FAF7EB;
	/*padding: 48px 80px 48px 40px;*/
	position: relative;
	z-index: 9;
}
.bundle-right .bundle-inner{
	/* padding: 48px 0px 48px 40px; */
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 104px);
	display: flex;
	flex-direction: column; 
	position: relative;
	/* height: calc(100vh - 104px); */
    /*scrollbar-width: thin;
    scrollbar-color: grey #FAF7EB;*/
	position: sticky;
	top: 0;
	border-left: 1px solid black;
}

.bundle-right .bundle-inner .bundle-select-header{
	padding: 18px 24px;
	background: #727563;
	position: relative;
	position: sticky;
	top: 0;
	width: 100%;
	z-index: 10;
}

.bundle-right .bundle-inner .bundle-select-header .bundle-select{
	margin-top: 0;
}

.bundle-right .bundle-inner h2{
	padding: 32px 24px 0;
	background: #727563;
}



.bundle-right .bundle-inner .bundle-select-footer{
	position: sticky;
	width: 100%;
	bottom: 0;
	background: #FAF7EB;
	z-index: 10;
}

.bundle-right .bundle-inner .bundle-select-footer .paddle-set-status{
	background-color: #727563;
	padding: 12px 20px;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	color: #FFFFFF;
}

.bundle-right .bundle-inner .bundle-select-footer .progress-button{
	padding: 12px 24px;
	border-top: 1px solid black;
	display: flex;
	gap: 24px;
	justify-content: space-between;
	align-items: center;
}

.bundle-right .bundle-inner .bundle-select-footer .progress-button .progess-price-wrapper{
	width: 45%;
}

.progress-button .progess-price-wrapper span{
	font-size: 14px;
}

.progress-button .progess-price-wrapper span.price{
	font-weight: 600;
}

.progress-button .progess-price-wrapper .bundle-price-saved .saved-amount{
	padding: 4px 14px;
	border-radius: 11px;
	background: #A1151B;
	color: #FFF;
	font-family: "Lato-Regular", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
	width: fit-content;
	margin-bottom: 8px;
}

.bundle-right .bundle-inner .bundle-select-footer .progress-button .progess-atc-btn{
	width: 55%;
}

.bundle-right .bundle-inner .bundle-select-footer .progress-button .progess-atc-btn button{
	width: 100%;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 700;
	font-family: var(--font-lato),serif!important;
}


.bundle-sides.bundle-right:after{
    content: "";
    background: #FAF7EB;
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: -1;
}
.bundle-left h1,
.bundle-right .bundle-inner h2{
	margin: 0px;
	font-family: var(--font-lora),serif!important;
	font-style: normal;
	font-weight: 400;
	font-size: 28px;
	/* line-height: 43px; */
	color: #373737;
	text-align: left;
}
.bundle-right .bundle-inner h2{
	/* font-family: "Lato-Regular",serif!important; */
	font-family: 'Lora-Regular' !important;
	font-weight: 400;
	font-size: 20px;
	color: #ffffff;
}

.bundle-left p.bundle-descr{
	margin: 12px 0px 0px;
	font-family: var(--font-lato),serif!important;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    max-width: 552px;
    width: 100%;
}
.bundle-left ul.tab-list{
	margin-top: 24px;
	border-radius: 20px;
	border: 0.5px solid #000;
	width: fit-content;
	padding: 2px;
}
.bundle-left ul.tab-list li{
	font-family: var(--font-lato),serif!important;
    font-weight: 400;
    font-size: 14px;
	text-transform: uppercase;
	border-bottom: 1px solid transparent;
	cursor: pointer;
	/* margin: 16px 0px; */
	/* opacity: 0.7; */
	padding: 8px 16px;
}
.bundle-left ul.tab-list li:not(:last-child){
	margin-right: 28px;
}
.bundle-left ul.tab-list li.active-tab{
	/* border-bottom: 1px solid #373737; */
	/* opacity: 1; */
	border-radius: 18px;
	background: #A11E21;
	color: #ffffff;
	font-weight: 700;
}
.bundle-left .tab-content .tabs-outer{
	width: 100%;
	height: 100%;
}
.bundle-left .tab-content .bundle-tabs{
	display: none;
	margin: 17px 0px 220px;
	width: 100%;
}
.bundle-left .tab-content .bundle-tabs.active-tab-content{
	display: block;
}
.bundle-left .tab-content .bundle-tabs ul.product-list{
	justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.bundle-left .tab-content .bundle-tabs ul.product-list.four-grid-prod{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 24px;
}
.bundle-left .tab-content .bundle-tabs ul.product-list .li-product{
	/* max-width: calc(50% - 30px); */
    width: 100%;
    display: block;
    border: 1px solid #373737;
    /* margin: 15px 30px 15px 0px; */
    position: relative;
}
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product{
	max-width: calc(50% - 60px);
	margin: 15px 50px 55px 0;
	overflow: hidden;
	max-height: 430px;
    height: 100vw;
}
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list li.not-available,
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list.limit-reached li:not(.added-in-state){
	border: 1px solid rgb(55 55 55 / 50%);
}
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list li.not-available:hover{
	cursor: default;
}

.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list.limit-reached li:not(.added-in-state) .checkbox,
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list.limit-reached li:not(.added-in-state) .img,
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list.limit-reached li:not(.added-in-state) .img button.slick-disabled svg,
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list.limit-reached li:not(.added-in-state) .img button svg,
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list.limit-reached li:not(.added-in-state) .checkbox .check,
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list li.not-available .checkbox,
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list li.not-available .img,
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list li.not-available .img button.slick-disabled svg,
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list li.not-available .img button svg,
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list li.not-available .checkbox .check{
	opacity: .5;
	/*cursor: not-allowed;*/
}
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .badges{
	position: absolute;
    top: 16px;
    right: 16px;
    background: #BBA887;
    padding: 6px 14px;
    font-family: var(--font-lato),serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #FFFFFF;
    display: block;
    z-index: 1;
}
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .checkbox{
	width: 100%;
    height: calc(100% - 60px);
    position: absolute;
    top: 0%;
    left: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 9;
}
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .checkbox input[type="checkbox"] {
    display: none!important;
}
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .checkbox label{
	width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
}
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .check{
	position: absolute;
	top: 16px;
	left: 16px;
	transform: translate(0px, 0px);
    width: 32px;
    height: 32px;
}
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .check svg{
	width: 100%;
	height: 100%;
}
.bundle-left .tab-content .bundle-tabs ul.product-list .li-product .img{
	width: 100%;
	/* height: 360px; */
    overflow: hidden;
}
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .img{
	height: 366px;
	/*border-bottom: 1px solid #373737;*/
}
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .img button{
	width: 20px;
    height: 32px;
    visibility: visible!important;
    z-index: 9;
    display: block!important;
}
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .img button svg{
	width: 100%;
	height: 100%;
}
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .img button.slick-disabled svg{
	opacity: .32;
}
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .img .slick-list .slick-track .slick-slide div{
	height: 100%;
	width: 100%;
}
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .img .slick-list .slick-track .slick-slide div img{
	display: block!important;
}
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .img.img-carousel button.flickity-prev-next-button{
	z-index: 9;
}
.bundle-left .tab-content .bundle-tabs ul.product-list .li-product .text{
	height: 60px;
	padding: 8px 15px;
	/* border-bottom: 1px solid #373737; */
}
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .text{
	border-top: 1px solid #373737;
	border-bottom: none;
	height: 64px;
}
.bundle-left .tab-content .bundle-tabs ul.product-list .li-product .text h2,
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .controls h2{
	font-family: var(--font-lora),serif!important;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #373737;
    width: 100%;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 26px;
    margin: 0px;
}
.bundle-left .tab-content .bundle-tabs ul.product-list .li-product .text h3 {
	text-align: center;
}
.bundle-left .tab-content .bundle-tabs ul.product-list .li-product .text.product-price {
	padding-top: 0px;
}
.bundle-left .tab-content .bundle-tabs ul.product-list .li-product .text h3 {
	text-align: center;
}
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .controls h2{
	margin-bottom: 16px;
}
.bundle-left .tab-content .bundle-tabs ul.product-list .li-product .controls{
	width: 100%;
	height: 48px;
	border-top: 1px solid #373737;
}
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .controls{
	height: 128px;
    position: absolute;
    bottom: 0%;
    /*transform: translate(0%, 0%);*/
    transform: translateY(67px);
    transition: .3s all linear;
    background: #FFFFFF;
    border-top: 1px solid #373737;
    padding: 20px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /*opacity: 0;
    visibility: hidden;*/
}
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .controls.added-product,
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product:hover .controls{
	transform: translateY(0px);
	/*opacity: 1;
    visibility: visible;*/
}
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .controls .quick-view{
	width: 100%;
	background: #727563;
	border-color: #727563;
	font-family: var(--font-lato),sans-serif!important;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	color: #ffffff;
	text-transform: capitalize;
	padding: 13.3px;
	flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .controls .quick-view:hover{
	background: transparent;
	color: #727563;
	transition: all .3s linear!important;
}
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .controls .quick-view:hover svg path{
	stroke: #727563;
}
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .controls .quick-view svg{
	margin-right: 8px;
}
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .controls .quick-view.quick-added{
	width: 50%;
    margin: 0px 20px 0px 0px;
    height: 48px;
}
.bundle-left .tab-content .bundle-tabs ul.product-list .li-product .controls .build-add{
	width: 100%;
	height: 100%;
	background: transparent;
	text-transform: capitalize;
	border: unset;
	font-family: var(--font-lato),sans-serif!important;
	font-style: normal;
	font-weight: 700;
	font-size: 12px;
	/* line-height: 19px; */
	color: #373737;
	padding: 6px 30px;

}
.bundle-left .tab-content .bundle-tabs ul.product-list .li-product .controls .build-add.out-button{
	pointer-events: none;
	opacity: .5;
}
.bundle-left .tab-content .bundle-tabs ul.product-list .li-product .controls .build-add.out-button:hover{
	background: transparent!important;
	opacity: .5!important;
	color: #373737!important;
}
.bundle-left .tab-content .bundle-tabs ul.product-list .li-product .controls .build-add:hover{
	background: #A1151B!important;
	opacity: 1!important;
	color: #fff;
	transition: all .3s linear!important;
}
.control-build-qty{
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	/* flex-wrap: wrap; */
	height: 100%;
}
.bundle-left .tab-content .ab-test-new .control-build-qty{
	width: 43%;
    border: 0.5px solid rgba(55, 55, 55, 0.32);
    height: 48px;
}
.bundle-tabs ul.product-list.limit-reached .li-product button.build-add,
.bundle-tabs ul.product-list.limit-reached .li-product button.build-inc-btn,
.bundle-tabs ul.product-list.limit-reached .li-product input#build-qty{
    opacity: .3!important;
    pointer-events: none!important;
}
.control-build-qty button{
    max-width: 64px;
    width: 100%;
    height: 100%;
	margin: 0;
    padding: 0 25px;
    background: transparent;
    border: unset;
    display: inherit;
    justify-content: center;
    align-items: inherit;
}
.bundle-left .tab-content .ab-test-new .control-build-qty button {
    max-width: 40px;
    margin: 0;
    padding: 0 10px;
}
.control-build-qty input{
	width: 100%;
    max-width: calc(100% - 128px);
	height: 100%;
    text-align: center;
    background: transparent;
	font-family: var(--font-lato),sans-serif!important;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 26px;
    padding: 0 25px;
    pointer-events: none!important;
}
.bundle-left .tab-content .ab-test-new .control-build-qty input{
	max-width: calc(100% - 80px);
	font-size: 18px;
    line-height: 21px;
    padding: 0 10px;
}
.bundle-select{
    margin-top: 30px;
    max-width: 450px;
    width: 100%;
    position: relative;
}
.bundle-selected{
    border: 1px solid #373737;
    position: relative;
    height: 100%;
}
.bundle-select .select-active,
.bundle-select ul li{
    padding: 15px;
    background: #ffffff;
    height: 100%;
    width: 100%;
	font-family: var(--font-lato),sans-serif!important;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-transform: capitalize;
    cursor: pointer;
}
.bundle-select .select-none{
	display: none;
}
.bundle-select ul li{
	height: 48px!important;
	transition: all .3s linear!important;
}
.bundle-select ul li.select-active,
.bundle-select ul li:hover,
.bundle-select ul li:active{
	background: #EFEFEF;
}
/*.bundle-select ul li:not(:last-child)*/
.bundle-select ul li{
	border-bottom: 1px solid #373737;
}
.bundle-select .select-arrow{
	position: absolute;
    right: 4%;
    top: 35%;
    display: block;
    width: 3%;
    transition: all .3s linear!important;
}
.bundle-select .select-arrow.select-rotate{
	transform: rotate(180deg);
}
.bundle-select .select-compare, .template-bundle-builder .select-compare{
	color: #85847f;
	position: relative;
	text-transform: inherit;
	margin-left: 5px;
	display: inline-block;
}
.bundle-select .select-compare:after, .template-bundle-builder .select-compare:after {
    content: "";
    /* background: #A1151B; */
    /* transform: rotate(-16.69deg); */
	background: #909090;
    position: absolute;
    width: 100%;
    /* height: 2px; */
	height: 1px;
    top: 46%;
    left: 0%;
    right: 0%;
    bottom: 0%;
}
.template-bundle-builder button .select-compare, .template-bundle-builder button:disabled:hover .select-compare {
	color: #ffffff;
	transition: all .3s linear!important;
}
.template-bundle-builder button .select-compare:after, .template-bundle-builder button:disabled:hover .select-compare:after {
	background-color: #ffffff;
	transition: all .3s linear!important;
}
.template-bundle-builder button:hover .select-compare {
	color: #A1151B;
}
.template-bundle-builder button:hover .select-compare:after {
	background-color: #A1151B;
}


.bundle-select ul{
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	text-transform: inherit;
	max-width: 450px;
	width: 100%;
    border: 1px solid #373737;
    border-bottom-width: 0px;
    border-top-width: 0px !important;
    position: absolute;
    top: inherit;
    left: inherit;
    z-index: 1;
}
#set-contents{
	margin-top: 16px;
}
#set-contents p{
	font-family: var(--font-lato),sans-serif!important;
    font-weight: 400;
    font-size: 14px;
    /* line-height: 24px; */
    text-transform: inherit;
    display: block;
	color: #ffffff;
    margin: 0;
}
#set-contents p span{
	font-weight: 400;
	display: inline;
}
.bundle-selected-data{
	margin-top: 28px;
	margin-bottom: 190px;
	padding-left: 16px;
	padding-right: 16px;
}
.bundle-selected-data ul li{
	user-select: none;
}
.bundle-selected-data h4{
	font-family: var(--font-lato),sans-serif!important;
	font-style: normal;
	font-weight: 700;
	font-size: 12px;
	line-height: 100%;
	text-align: left;
	text-transform: uppercase;
	color: #373737;
	margin: 0px 0px 22px;
	position: relative;
	width: fit-content;
}
.bundle-selected-data h4::after{
	content: '';
	width: 100%;
	height: 1px;
	background-color: #BBBBBB;
	position: absolute;
	bottom: -6px;
	left: 0;
}

.bundle-selected-data ul{
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.bundle-selected-data ul li{
	/* border: 1px solid #999791; */
	/* width: 140px;
	height: 174px; */
	width: 100px;
	aspect-ratio: 1;
	display: block;
	position: relative;
	border: 1.587px dashed #000;
}
.bundle-selected-data ul li.product-filled{
	padding: 10px;
	border: 1px solid #A1151B;
}
.bundle-selected-data ul li.product-filled:after{
	content: unset!important;
}
.bundle-selected-data ul li.product-filled.recent-added:before{
	/*border-width: 2px;
	border-color: #A1151B;*/
	content: "";
	position: absolute;
	top: -2px;
	right: -2px;
	bottom: 0px;
	left: -1px;
	border: 2px solid #A1151B;
}
#product-remove, .product-remove{
	width: 22px;
    height: 22px;
    text-align: center;
	position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    transition: all .3s linear;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* #product-remove:hover svg path, .product-remove:hover svg path{
	stroke: #A1151B;
} */
.bundle-selected-data ul li + li,
/*.bundle-selected-data ul li.product-filled.recent-added + li.product-filled.recent-added*/{
    /* border-left-width: 0; */
}
.bundle-selected-data ul.bundle-4 li:last-child{
	/* border-left-width: 1px; */
}
/*.bundle-selected-data ul.bundle-4 li.product-filled.recent-added:last-child{
	border-top: 0;
	border-left-width: 2px;
}*/
.bundle-selected-data ul.bundle-8 li:nth-child(n+4){
	border-right-width: 1px;
}
/*.bundle-selected-data ul.bundle-8 li.product-filled.recent-added:nth-child(n+4){
	border-top: 0;
	border-right-width: 2px;
}*/
.bundle-selected-data ul.bundle-8 li:nth-child(4),
.bundle-selected-data ul.bundle-8 li:nth-child(7){
	/* border-left-width: 1px; */
}
/*.bundle-selected-data ul.bundle-8 li.product-filled.recent-added:nth-child(4),
.bundle-selected-data ul.bundle-8 li.product-filled.recent-added:nth-child(7){
	border-left-width: 2px!important;
}*/
.bundle-panel{
	opacity: .6;
}
.bundle-panel:not(:last-child){
	margin-bottom: 20px;
}
.bundle-panel.panel-active{
	opacity: 1;
}
.bundle-panel ul {
	gap: 16px;
}
.bundle-selected-data .bundle-panel ul li:after{
	content: "";
    background-size: contain!important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.bundle-selected-data .bundle-paddles ul li:after{
    background: url(paddle-placeholder.png) no-repeat center center;
    /* width: 57px;
    height: 115px; */
	width: 65%;
	height: 65%;
}
.bundle-selected-data .bundle-balls ul li:after, .bundle-selected-data .bundle-pickleballs ul li:after{
    background: url(balls-placeholder.png) no-repeat center center;
    /* width: 72px;
    height: 72px; */
	width: 50%;
	height: 50%;
}
.bundle-selected-data .bundle-bags ul li:after{
    background: url(bag-placeholder.png) no-repeat center center;
    /* width: 63px;
    height: 94px; */
	width: 65%;
	height: 65%;
}

.mobile-progress-bar{
	display: none;
}

.bundle-progress-bar{
	background: #FAF7EB;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04), 0px -8px 16px rgba(0, 0, 0, 0.08);
	position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99;
	display: none !important;
}
.bundle-progress-bar .upsell-bar{
	background: #BBA887;
/* 	background: #727563; */
	padding: 10px 50px;
	height: 55px;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
	transition: .3s;
	/*animation-name:slideup;
	animation-delay:1s;
	animation-duration:1s;
	animation-fill-mode:forwards;
	animation-timing-function:ease-out;*/
}
.bundle-progress-bar .upsell-bar.hide-bar{
	transform: translateY(100%);
    height: 0px;
    padding: 0px;
    visibility: hidden;
    opacity: 0;
}
.bundle-progress-bar .upsell-bar.show-bar{
	transform: translateY(0%);
    height: 55px;
    padding: 10px 50px;
    visibility: visible;
    opacity: 1;
}
@keyframes slideup {
	0%{bottom:-55px}
  	100%{bottom:0;}
}
.bundle-progress-bar .upsell-bar.close-upsell-bar{
	display: none;
}
.bundle-progress-bar .upsell-bar #upsell-close{
	position: absolute;
    right: 3%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    width: 14px;
    height: 19px;
}
.bundle-progress-bar .upsell-bar #upsell-close svg{
	width: 100%;
    height: 100%;
}
.bundle-progress-bar .upsell-bar p{
	font-family: var(--font-lato),serif!important;
    font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	color: #ffffff;
	margin: 0;
}
.bundle-progress-bar .upsell-bar p span{
	display: inline-block;
}
.bundle-progress-bar .upsell-bar p span.bundle-text{
	text-transform: capitalize;
}
.bundle-progress-bar .upsell-bar p span.bundle-sale{
	color: #ffffff;
	font-weight: 600;
}
.bundle-progress-bar .upsell-bar .upsell-inner{
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.bundle-progress-bar .upsell-bar button{
	width: 138px;
	height: 34px;
	text-transform: capitalize;
    font-size: 12px;
    line-height: 14px;
    color: #ffffff;
    border: 1px solid #ffffff;
    padding: 6px;
    margin-left: 32px;
    background: transparent;
    transition: all .3s linear!important;
}
.bundle-progress-bar .upsell-bar button:hover,
.bundle-progress-bar .upsell-bar button:active{
	background: #ffffff;
	color: #373737;
	opacity: 1!important;
}
.bundle-progress-bar .progress-inner{
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    /*height: 100%;*/
    height: 75px;
    padding: 9px 50px;
}
.bundle-progress-bar .progress-inner .progress-ul{
	max-width: 66%;
	width: 100%;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.bundle-progress-bar .progress-inner.ab-test-new{
	/*padding: 0px 50px;*/
	padding: 0px;
	justify-content: center;
	position: relative;
}
.bundle-progress-bar .progress-inner.ab-test-new .progress-ul{
	/*max-width: 61.2%;*/
	/*max-width: 820px;*/
	max-width: 60.1vw;
	position: relative;
	align-self: stretch;
	padding-left: 50px;
}
.bundle-progress-bar .progress-inner.ab-test-new .track-meter{
	position: absolute;
	left: 0%;
	top: 0%;
	width: 8%;
	height: 5px;
	background: #BBA887;
	transition: width .6s ease;
    -webkit-transition: width .6s ease;
    -moz-transition: width .6s ease;
    -ms-transition: width .6s ease;
}
.bundle-progress-bar .progress-inner.ab-test-new .progress-ul:after{
	content: "";
	position: absolute;
	right: 0%;
	top: 0%;
	background: #bba88752;
	width: 1px;
	height: 100%;
}
.bundle-progress-bar .progress-inner .progress-ul li{
	position: relative;
    flex: 1;
}
.bundle-progress-bar .progress-inner .progress-ul li p{
	margin: 0px;
    font-family: var(--font-lora),serif!important;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #373737;
    text-align: left;
    text-transform: inherit;
    margin-left: 33px;
    position: relative;
}
.bundle-progress-bar .progress-inner.ab-test-new .progress-ul li p{
	font-family: var(--font-lato),serif!important;
	font-weight: 600;
	margin-left: 34px;
}
.bundle-progress-bar .progress-inner.ab-test-new .progress-ul ul{
	height: 100%;
	max-width: 820px;
    width: 100%;
    flex-direction: row;
    justify-content: flex-end;
    margin-left: auto;
}
.bundle-progress-bar .progress-inner.ab-test-new .progress-ul li{
	align-self: center;
	cursor: pointer;
}
.bundle-progress-bar .progress-inner.ab-test-new .progress-ul li[status="currentIndicator"] p span{
	display: inline-block;
	border-bottom: 1.5px solid #373737;
}
.bundle-progress-bar .progress-inner .progress-ul li:not(:last-child) p:after {
    content: "";
    border-top: 1px dotted #C24B4B;
    width: calc(100% - 51.9%);
    height: 1px;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translate(0%, -50%);
}
.bundle-progress-bar .progress-inner.ab-test-new .progress-ul li:not(:last-child) p:after {
    border-top: 1.5px solid #BBA887;
}
.bundle-progress-bar .progress-inner .progress-ul li span.span-circle{
	width: 24px;
	height: 24px;
	border: 1px solid #A1151B;
	display: block;
	border-radius: 50%;
	background: transparent;
	position: absolute;
    left: 0%;
    top: 50%;
    transform: translate(0%, -50%);
}
.bundle-progress-bar .progress-inner .progress-ul li span.span-circle svg{
	height: 100%;
	width: 100%;
}
.bundle-progress-bar .progress-inner.ab-test-new .progress-ul li span.span-circle{
	width: 28px;
	height: 28px;
	text-align: center;
	border: 2px solid #BBA887;
	font-family: var(--font-lato),sans-serif!important;
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
    line-height: 78%;
}
.bundle-progress-bar .progress-inner.ab-test-new .progress-ul li[status="currentIndicator"] span.span-circle{
	background: #BBA887;
	color: #FFFFFF;
}
.bundle-progress-bar .progress-inner .progress-ul li.active-progress span.span-circle,
.bundle-progress-bar .progress-inner.ab-test-new .progress-ul li.active-progress[status="currentIndicator"] span.span-circle{
	background: #A1151B;
	border-color: #A1151B;
}
.bundle-progress-bar .progress-inner.ab-test-new .progress-ul li.active-progress span.span-circle{
	padding: 2px;
}
.bundle-progress-bar .progress-inner .progress-button{
	max-width: 456px;
	width: 100%;
}
.bundle-progress-bar .progress-inner.ab-test-new .progress-button{
	/*max-width: 480px;*/
	max-width: 36.9vw;
	margin-left: 40px;
}
.bundle-progress-bar .progress-inner .progress-button button{
	max-height: 57px;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    color: #ffffff;
}
.bundle-progress-bar .progress-inner.ab-test-new .progress-button button{
	text-transform: uppercase;
	margin: 0;
	max-width: 480px;
}
.bundle-progress-bar .progress-inner .progress-button button:hover,
.bundle-progress-bar .progress-inner .progress-button button:focus {
    background-color: transparent!important;
}
.bundle-progress-bar .progress-inner .progress-button button[disabled]:hover,
.bundle-progress-bar .progress-inner .progress-button button[disabled]:focus {
    opacity: .5!important;
    background-color: #A1151B!important;
    color: #fff!important;
}
.product-quick-container{
    z-index: 1000;
    position: fixed;
    left: 0%;
    top: 0%;
    transform: translate(0%,0%);
    width: 100%;
    height: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background: rgb(55 55 55 / 31%);
}
#quick-zoom{
	position: absolute;
	top: 0%;
	right: 0%;
	max-width: calc(100% - 448px);
	width: 100%;
	height: 100%;
}
#quick-zoom *{
	z-index: 9;
	position: relative;
	box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.08);
}
.product-quick-container .product-quick-view{
	max-width: 964px;
    width: 100%;
    max-height: 575px;
    height: 100%;
    background: #FAF7EB;
    position: relative;
    padding: 44px 52px 34px;
}
.product-quick-container .product-quick-view #quick-close{
	position: absolute;
	right: 24px;
	top: 24px;
	transform: translate(0px, 0px);
	width: 17.50px;
	height: 17.50px;
	cursor: pointer;
}
.product-quick-container .product-quick-view .quick-tabs{
	flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
    position: relative;
    border-bottom: 1.5px solid rgba(187, 168, 135, 0.52);
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}
.product-quick-container .product-quick-view .quick-tabs::-webkit-scrollbar{
	display: none;
}
.product-quick-container .product-quick-view .quick-tabs li.quick-li {
    display: inline-block;
    padding: 16px 20px;
    font-family: var(--font-lato),serif!important;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 1px;
	text-transform: uppercase;
	position: relative;
	cursor: pointer;
	border: 0px!important;
}
.product-quick-container .product-quick-view .quick-tabs li.quick-li span{
	display: inline-block;
}
.product-quick-container .product-quick-view .quick-tabs li.quick-tab-active{
	font-weight: 900;
}
.product-quick-container .product-quick-view .quick-tabs li.quick-tab-active:after{
	content: "";
	background: #C04633;
	height: 3px;
	width: 100%;
	position: absolute;
	bottom: -1px;
	left: 0%;
}
.product-quick-container .product-quick-view .parentTabs {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 78%;
    width: 100%;
    padding: 24px 20px 24px 0px;
    z-index: 1;
    position: relative;
}
.product-quick-container .product-quick-view .parentTabs::-webkit-scrollbar {
  	width: 3px;
}
.product-quick-container .product-quick-view .parentTabs::-webkit-scrollbar-track {
  	border-radius: 10px;
}
.product-quick-container .product-quick-view .parentTabs::-webkit-scrollbar-thumb {
	background: #9c8e7133;
  	border-radius: 10px;
}
.product-quick-container .product-quick-view .parentTabs .quick-content{
	width: 100%;
}
.product-quick-container .product-quick-view .parentTabs .quick-content *{
    font-family: var(--font-lato),sans-serif!important;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    text-align: left;
}
.product-quick-container .product-quick-view .parentTabs .quick-content p:not(:last-child) {
    margin-bottom: 15px;
}
.quick-left{
	max-width: 448px;
	width: 100%;
	height: 100%;
	padding-right: 72px;
}
/*.quick-zoom{
	max-width: calc(100% - 448px);
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    filter: drop-shadow(0px 4px 18px rgba(0, 0, 0, 0.08));
    background: red;
    z-index: 1;
}*/
.quick-slider{
	width: 100%;
	height: calc(100% - 90px);
	overflow: hidden;
}
.quick-thumbnail{
	width: 100%;
	height: 78px;
	overflow: hidden;
	margin-top: 12px;
}
.quick-thumbnail .slick-slide{
	cursor: pointer;
}
.quick-thumbnail .slick-slide img{
	cursor: pointer;
	opacity: .6;
}
.quick-thumbnail .slick-slide.slick-active.slick-current img{
    opacity: 1;
}
.quick-thumbnail button.slick-arrow{
	width: 36px;
    height: 24px;
    top: calc(50% + -13px);
    visibility: visible!important;
    display: block!important;
}
.quick-thumbnail button.slick-disabled svg{
	opacity: .32;
}
.quick-thumbnail button.slick-arrow svg{
	height: 100%;
	width: 100%;
}
.quick-thumbnail button.slick-prev{
	left: -3%;
}
.quick-thumbnail button.slick-next{
	right: -3%;
}
.quick-thumbnail img{
	max-width: 78px;
	margin: 0 8px;
	opacity: .6;
	transition: opacity .3s ease-in-out;
}
.quick-thumbnail img.is-selected.is-nav-selected {
    opacity: 1;
}
.quick-thumbnail .flickity-button{
	padding: 0px;
	width: 24px;
    height: 20px;
}
.quick-thumbnail .flickity-button svg{
	width: 100%;
	height: 100%;
}
.quick-thumbnail .flickity-button.previous{
	left: -3px;
}
.quick-thumbnail .flickity-button.next{
	right: -3px;
}
.quick-right{
	max-width: calc(100% - 448px);
	width: 100%;
	height: 100%;
}
.product-quick-inner{
	flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    height: 100%;
    position: relative;
}
.quick-right h2{
	font-size: 32px;
	line-height: 38px;
	font-family: var(--font-lora),serif!important;
	font-style: normal;
	font-weight: 700;
	margin: 0 0 8px;
	text-transform: capitalize;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.quick-descr{
	max-height: calc(100% - 230px);
	height: 100%;
	overflow: hidden;
}
.quick-buttons{
	margin-top: 24px;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
}
.quick-buttons .quick-add{
	margin: 0 24px 0 0px;
}
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list.limit-reached .quick-buttons .quick-add{
	opacity: 0.5;
}
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list.limit-reached .quick-buttons .quick-add:hover,
.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list.limit-reached .quick-buttons .quick-add:focus{
	opacity: 0.5!important;
    color: #ffffff!important;
    border-color: #A1151B!important;
    background: #A1151B!important;
    cursor: default;
}
.quick-buttons .btn{
	padding: 16px 30px;
    font-size: 16px;
    line-height: 100%;
    color: #ffffff;
    max-width: 162px;
    width: 100%;
    height: 44px;
}
.quick-buttons .quick-add:hover,
.quick-buttons .quick-add:focus{
    background-color: #faf7eb!important;
    color: #A1151B!important;
    border-color: #A1151B!important;
    opacity: 1!important;
}
.quick-buttons .control-build-qty{
	max-width: 162px;
    width: 100%!important;
    margin: 0 24px 0 0px;
    height: 44px!important;
}
.quick-buttons .quick-cancel{
	background: transparent!important;
	color: #373737;
	border-color: #373737!important;
	margin: 0;
}
.quick-buttons .quick-cancel:hover {
    background-color: #A1151B!important;
    color: #ffffff!important;
    border-color: #A1151B!important;
    opacity: 1!important;
}
.quick-icon-list{
	flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    flex-wrap: nowrap;
	border-top: 1px solid rgba(156, 142, 113, 0.34);
	margin: 20px 0px 0px;
	padding: 20px 0px 0px;
}
.quick-icon{
	text-align: center;
	margin: 0 16px;
}
.quick-icon .quick-img{
	margin: 20px auto 14px;
	max-height: 24px;
    height: 100%;
}
.quick-icon span{
	display: block;
	font-family: var(--font-lato),serif!important;
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 153%;
	text-transform: uppercase;
}
@media screen and (min-width: 1024px){
	.site-header{
		background-color: #ffffff!important;
	}
	#product-remove{
    	opacity: 0;
    	visibility: hidden;
	}
	.bundle-right .bundle-selected-data.ab-test-new #product-remove{
		opacity: 1;
    	visibility: visible;
	}
	.bundle-selected-data ul li.product-filled:hover #product-remove,
	.bundle-selected-data ul li.product-filled:active #product-remove{
		opacity: 1;
		visibility: visible;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .controls .control-inner{
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start;
		flex-wrap: nowrap;
	}

	#product-remove, .product-remove{
		top: 4px;
		right: 4px;
	}
}
@media screen and (max-width: 1023px){
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .controls .control-inner{
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		flex-wrap: wrap;
	}
}
@media screen and (min-width: 2001px) and (max-width: 2050px){
	.bundle-progress-bar .progress-inner.ab-test-new .progress-button {
    	max-width: 40.3vw;
	}
}
@media screen and (min-width: 1951px) and (max-width: 2000px){
	.bundle-progress-bar .progress-inner.ab-test-new .progress-button {
    	max-width: 40vw;
	}
}
@media screen and (min-width: 1851px) and (max-width: 1950px){
	.bundle-progress-bar .progress-inner.ab-test-new .progress-button {
    	max-width: 39.6vw;
	}
}
@media screen and (min-width: 1801px) and (max-width: 1850px){
	.bundle-progress-bar .progress-inner.ab-test-new .progress-button {
    	max-width: 39.3vw;
	}
}
@media screen and (min-width: 1651px) and (max-width: 1800px){
	.bundle-progress-bar .progress-inner.ab-test-new .progress-button {
    	max-width: 38.9vw;
	}
}
@media screen and (min-width: 1535px) and (max-width: 1650px){
	.bundle-progress-bar .progress-inner.ab-test-new .progress-button {
    	max-width: 37.9vw;
	}
}

@media screen and (min-width: 1500px) {
	.wrapper .bundle-right .bundle-inner{
		border-right: 1px solid black;
	}
}

@media screen and (min-width: 1351px) and (max-width: 1420px){
	.bundle-progress-bar .progress-inner .progress-ul li:not(:last-child) p:after{
		width: 42.1%;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product {
    	max-width: calc(50% - 45px);
    	margin: 15px 40px 30px 0;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .controls{
		padding: 16px;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .controls .quick-view.quick-added{
		margin: 0 18px 0 0;
		padding: 12px;
	}
	.bundle-progress-bar .progress-inner.ab-test-new .progress-ul {
    	max-width: 58.7vw;
	}
	.bundle-progress-bar .progress-inner.ab-test-new .progress-button{
		max-width: 38.9vw;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1350px){
	.bundle-left {
    	/* max-width: 60%; */
    	padding: 26px 28px 48px 28px;
	}
	.bundle-right {
    	max-width: 40%;
	}
	.bundle-right .bundle-inner{
		/* padding: 48px 40px 48px 40px; */
	}
	.bundle-selected-data ul li{
		width: 130px;
    	height: 154px;
	}
	.bundle-selected-data .bundle-paddles ul li:after{
		/* width: 50px;
    	height: 100px; */
		width: 65%;
	height: 65%;
	}
	.bundle-selected-data .bundle-bags ul li:after{
		/* width: 100px;
    	height: 100px; */
		width: 65%;
		height: 65%;
	}
	.bundle-progress-bar .progress-inner{
		padding: 14px 40px;
	}
	.bundle-progress-bar .progress-inner.ab-test-new{
		/*padding: 0px 40px;*/
		padding: 0px;
	}
	.bundle-progress-bar .upsell-bar{
		padding: 15px 40px;
	}
	.bundle-progress-bar .upsell-bar #upsell-close{
		right: 2.7%;
	}
	.bundle-progress-bar .progress-inner.ab-test-new .progress-ul {
		padding-left: 40px;
	}
	.bundle-progress-bar .progress-inner .progress-ul li p{
		font-size: 22px;
    	line-height: 24px;
    	margin: 0 0 0 30px;
	}
	.bundle-progress-bar .progress-inner .progress-ul li span.span-circle{
    	width: 22px;
    	height: 22px;
	}
	.bundle-progress-bar .progress-inner .progress-ul li:not(:last-child) p:after{
		width: 36.1%;
	}
	.bundle-progress-bar .upsell-bar p button{
		margin-left: 25px;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product {
    	max-width: calc(50% - 40px);
    	margin: 15px 40px 25px 0;
	}
	.bundle-progress-bar .progress-inner.ab-test-new .progress-button {
    	max-width: 36.8vw;
    	margin-left: 36px;
    	padding-right: 40px;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .controls{
		padding: 16px;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .controls .quick-view.quick-added {
    	margin: 0 16px 0 0;
    	padding: 8px;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1199px){
	.bundle-left{
		padding: 26px 20px 48px 20px;
		/* max-width: 58%; */
	}
	.bundle-right {
    	max-width: 42%;
	}
	.bundle-right .bundle-inner{
		/* padding: 30px 30px 48px 30px; */
	}
	.bundle-left h1,
	.bundle-right .bundle-inner h2{
		font-size: 30px;
    	line-height: 36px;
	}
	.bundle-left .tab-content .bundle-tabs ul.product-list .li-product,
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product{
    	/* max-width: calc(50% - 20px); */
    	/* margin: 10px 20px 10px 0; */
		width: 100%;
	}
	.bundle-left ul.tab-list li{
		font-size: 16px;
    	/* line-height: 24px; */
    	/* margin: 10px 0; */
	}
	.bundle-left .tab-content .bundle-tabs{
		margin: 10px 0 175px;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product{
		max-height: 36vw;
	}
	.bundle-left .tab-content .bundle-tabs ul.product-list .li-product .img{
		height: 300px;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .img {
    	height: calc(40vw - 90px);
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .checkbox {
    	height: calc(100% - 48px);
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .check{
		width: 28px;
    	height: 28px;
	}
	.bundle-left .tab-content .bundle-tabs ul.product-list .li-product .text {
    	height: 45px;
    	padding: 10px 10px;
	}
	.bundle-left .tab-content .bundle-tabs ul.product-list .li-product .text h2{
		font-size: 22px;
		height: 24px;
	}
	.bundle-left .tab-content .bundle-tabs ul.product-list .li-product .controls {
    	height: 35px;
	}
	.bundle-left .tab-content .bundle-tabs ul.product-list .li-product .controls .build-add{
		font-size: 14px;
    	line-height: 17px;
	}
	.control-build-qty button{
		max-width: 50px;
		padding: 0 15px;
	}
	.control-build-qty input{
		max-width: calc(100% - 100px);
		font-size: 18px;
    	line-height: 24px;
	}
	.bundle-right .bundle-select {
    	margin-top: 20px;
	}
	.bundle-right .bundle-select .select-active,
	.bundle-right .bundle-select ul li{
		padding: 12px;
		font-size: 14px;
    	line-height: 19px;
	}
	.bundle-right .bundle-select .select-arrow{
		right: 3%;
    	top: 33%;
	}
	.bundle-right .bundle-select ul li {
    	height: 43px!important;
	}
	#set-contents {
    	margin-top: 10px;
	}
	#set-contents p{
		font-size: 14px;
   	 	line-height: 19px;
	}
	.bundle-selected-data {
    	margin-top: 30px;
	}
	.bundle-panel:not(:last-child) {
    	margin-bottom: 35px;
	}
	.bundle-selected-data ul li{
		width: 120px;
    	height: 140px;
	}
	.bundle-selected-data .bundle-paddles ul li:after{
		/* width: 60px;
    	height: 90px */
		width: 65%;
		height: 65%;
	}
	.bundle-selected-data .bundle-balls ul li:after, .bundle-selected-data .bundle-pickleballs ul li:after{
		/* width: 60px;
    	height: 60px; */
		width: 50%;
		height: 50%;
	}
	.bundle-selected-data .bundle-bags ul li:after{
		/* width: 80px;
    	height: 80px; */
		width: 65%;
		height: 65%;
	}
	.bundle-selected-data h4{
		font-size: 16px;
		margin: 0 0 10px;
	}
	.bundle-progress-bar .upsell-bar{
		padding: 10px 30px;
    	height: 50px;
	}
	.bundle-progress-bar .upsell-bar p{
		font-size: 16px;
    	line-height: 20px;
	}
	.bundle-progress-bar .upsell-bar p button{
		margin-left: 25px;
		height: 30px;
	}
	.bundle-progress-bar .progress-inner{
		height: 65px;
    	padding: 10px 30px;
	}
	.bundle-progress-bar .progress-inner.ab-test-new{
		/*padding: 0px 30px;*/
		padding: 0px;
	}
	.bundle-progress-bar .progress-inner.ab-test-new .progress-ul {
    	max-width: 58.6%;
    	padding-left: 30px;
    }
	.bundle-progress-bar .progress-inner .progress-ul li:not(:last-child) p:after{
		width: 36.1%;
		right: 10px;
	}
	.bundle-progress-bar .progress-inner .progress-ul li p{
		font-size: 20px;
    	line-height: 24px;
    	margin: 0 0 0 25px;
	}
	.bundle-progress-bar .progress-inner .progress-ul li span.span-circle{
    	width: 18px;
    	height: 18px;
	}
	.bundle-progress-bar .progress-inner .progress-button {
    	max-width: 350px;
	}
	.bundle-progress-bar .progress-inner.ab-test-new .progress-button {
    	max-width: 38.2%;
    	margin-left: 28px;
    	padding-right: 30px;
	}
	.bundle-progress-bar .progress-inner .progress-button button{
		max-height: 45px;
		padding: 12px;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .controls{
		transform: translateY(54px);
		padding: 14px 8px;
		align-items: flex-start;
		height: 101px;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .controls h2{
		font-size: 20px;
		height: 22px;
		margin-bottom: 10px;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .controls .quick-view{
		padding: 9px;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .controls .quick-view.quick-added {
    	margin: 0 12px 0 0;
    	height: 40px;
    	padding: 10px;
    	font-size: 14px;
    	line-height: 17px;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .controls .quick-view svg {
    	margin-right: 4px;
    	width: 18px;
    	height: 13px;
	}
	.bundle-left .tab-content .ab-test-new .control-build-qty{
		height: 40px;
	}
	.bundle-left .tab-content .ab-test-new .control-build-qty button {
    	max-width: 30px;
    	margin: 0;
    	padding: 0px 4px;
	}
	.bundle-left .tab-content .ab-test-new .control-build-qty input {
    	max-width: calc(100% - 60px);
    	font-size: 16px;
    	line-height: 100%;
    	padding: 0 10px;
	}
	.bundle-left .tab-content .bundle-tabs ul.product-list.four-grid-prod{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (min-width: 768px) and (max-width: 1023px){
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .img button {
    	width: 18px;
    	height: 24px;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .img button.slick-prev{
    	left: 8px;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .img button.slick-next{
    	right: 8px;
	}
	.product-quick-container .product-quick-view{
		padding: 30px 24px;
    	margin: 20px;
	}
	.quick-left {
    	max-width: 55%;
    	padding-right: 30px;
	}
	.quick-right,
	#quick-zoom{
    	max-width: calc(100% - 55%);
	}
	.product-quick-container .product-quick-view .quick-tabs li.quick-li{
		padding: 14px 16px;
		font-size: 12px;
    	line-height: 20px;
	}
	.product-quick-container .product-quick-view .parentTabs{
		padding: 20px 16px 20px 0;
	}
	.product-quick-container .product-quick-view .parentTabs .quick-content *{
		font-size: 14px;
    	line-height: 22px;
	}
	.product-quick-container .product-quick-view .parentTabs .quick-content p:not(:last-child) {
    	margin-bottom: 10px;
	}
	.quick-right h2 {
    	font-size: 28px;
    	line-height: 36px;
	}
	.quick-buttons {
    	margin-top: 12px;
	}
	.quick-icon {
		margin: 0 12px;
	}
	.quick-icon-list{
		margin: 16px 0 0;
    	padding: 12px 0 0;
	}
	.quick-descr {
    	max-height: calc(100% - 208px);
	}
	.quick-buttons .btn{
		font-size: 14px;
		height: 40px;
	}
	.quick-buttons .control-build-qty{
		margin: 0 20px 0 0;
    	height: 40px!important;
	}


	.bundle-left{
		/* max-width: 58%; */
		padding: 26px 18px 48px 18px;
	}
	.bundle-left h1, .bundle-right .bundle-inner h2{
		font-size: 24px;
    	line-height: 34px;
	}
	.bundle-left p.bundle-descr{
		margin: 10px 0 0;
		font-size: 14px;
    	line-height: 19px;
	}
	.bundle-left ul.tab-list {
    	margin-top: 10px;
	}
	.bundle-left ul.tab-list li{
		font-size: 16px;
	    /* margin: 10px 0; */
	}
	.bundle-left .tab-content .bundle-tabs{
		/*margin: 10px 0 150px;*/
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .checkbox{
		height: calc(100% - 36px);
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .check{
		width: 20px;
    	height: 20px;
    	top: 10px;
    	left: 10px;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product{
		max-height: 36.7vw;
	}
	.bundle-left .tab-content .bundle-tabs ul.product-list .li-product,
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product{
		/* max-width: calc(50% - 20px); */
		width: 100%;
		/* margin: 10px 20px 10px 0; */
	}
	.bundle-left .tab-content .bundle-tabs ul.product-list .li-product .img{
		height: 235px;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .img{
		height: calc(40vw - 63px);
	}
	.bundle-left .tab-content .bundle-tabs ul.product-list .li-product .text{
		height: 35px;
    	padding: 10px 10px;
	}
	.bundle-left .tab-content .bundle-tabs ul.product-list .li-product .text h2,
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .controls h2 {
		font-size: 16px;
	    line-height: 100%;
	    height: 17px;
	    margin: 0px;
	}
	.bundle-left .tab-content .bundle-tabs ul.product-list .li-product .controls{
		height: 30px;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .controls {
    	height: 110px;
    	padding: 11px;
	    flex-direction: column;
	    flex-wrap: nowrap;
    	align-items: flex-start;
	    justify-content: flex-start;
	    transform: translateY(72px);
	    z-index: 99;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product:hover .controls {
    	transform: translateY(69%);
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .controls.added-product {
    	transform: translateY(0)!important;
	}
	.bundle-left .tab-content .ab-test-new .added-product .control-build-qty button.build-inc-btn svg{
		width: 18px;
    	height: 18px;
	}
	.bundle-left .tab-content .ab-test-new .added-product .control-build-qty button.build-dec-btn svg{
		width: 12px;
    	height: 2px;
	}
	#product-remove {
    	width: 10px;
    	height: 10px;
	}
	#product-remove svg{
		width: 100%;
	    height: 100%;
	    display: block;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .controls .quick-view.quick-added {
	    width: 100%;
	    margin: 6px 0px 8px 0;
	    height: 30px;
	    font-size: 12px;
    	line-height: 100%;
    	padding: 6px;
	}
	.bundle-left .tab-content .ab-test-new .control-build-qty {
	    width: 100%;
	    height: 30px;
	}
	.bundle-left .tab-content .ab-test-new .control-build-qty input {
	    font-size: 14px;
	    line-height: 100%;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .controls .quick-view svg {
	    margin-right: 4px;
	    width: 17px;
	    height: 12px;
	}
	.bundle-left .tab-content .bundle-tabs ul.product-list .li-product .controls .build-add{
		font-size: 12px;
	    line-height: 12px;
	    padding: 10px;
	}
	.control-build-qty button{
		max-width: 50px;
		padding: 0 18px;
	}
	.control-build-qty input{
		max-width: calc(100% - 100px);
		font-size: 18px;
	    line-height: 24px;
	    padding: 0 15px;
	}
	.bundle-left ul.tab-list li:not(:last-child) {
    	margin-right: 25px;
	}
	.bundle-right{
		max-width: 42%;
	}
	.bundle-right .bundle-inner{
		/* padding: 30px 20px 48px 20px; */
	}
	.bundle-right .bundle-select {
    	margin-top: 15px;
	}
	.bundle-right .bundle-select .select-active,
	.bundle-right .bundle-select ul li{
		padding: 10px 10px;
		font-size: 14px;
    	line-height: 19px;
	}
	.bundle-right .bundle-select ul li {
    	height: 40px!important;
	}
	.bundle-right .bundle-select .select-arrow{
		right: 4%;
    	top: 24%;
	}
	#set-contents {
    	margin-top: 10px;
	}
	#set-contents p{
		font-size: 12px;
    	line-height: 150%;
	}
	.bundle-selected-data {
    	margin-top: 25px;
	}
	.bundle-panel:not(:last-child) {
    	margin-bottom: 25px;
	}
	.bundle-selected-data h4{
		font-size: 16px;
	    line-height: 100%;
	    margin: 0 0 12px;
	}
	.bundle-selected-data ul{
		max-width: 282px;
    	width: 100%;
	}
	.bundle-selected-data ul li{
		width: 118px;
    	height: 118px;
	}
	.bundle-selected-data .bundle-paddles ul li:after{
		/* width: 35px;
    	height: 70px; */
		width: 65%;
		height: 65%;
	}
	.bundle-selected-data .bundle-balls ul li:after, .bundle-selected-data .bundle-pickleballs ul li:after{
		/* width: 50px;
    	height: 50px; */
		width: 50%;
		height: 50%;
	}
	.bundle-selected-data .bundle-bags ul li:after{
		/* width: 50px;
    	height: 65px; */
		width: 65%;
		height: 65%;
	}
	.bundle-progress-bar .upsell-bar{
		padding: 5px 20px;
    	height: 45px
	}
	.bundle-progress-bar .upsell-bar p{
		font-size: 14px;
    	line-height: 16px;
	}
	.bundle-progress-bar .upsell-bar p button{
		width: 120px;
    	height: 30px;
    	font-size: 12px;
	    line-height: 14px;
	    padding: 6px;
	    margin-left: 15px;
	}
	.bundle-progress-bar .upsell-bar #upsell-close{
		right: 1.4%;
	}
	.bundle-progress-bar .progress-inner{
		height: 60px;
    	padding: 7px 20px;
	}
	.bundle-progress-bar .progress-inner.ab-test-new{
		height: 60px;
		/*padding: 0px 20px;*/
		padding: 0px;
	}
	.bundle-progress-bar .progress-inner .progress-ul{
		max-width: 70%;
	}
	.bundle-progress-bar .progress-inner.ab-test-new .progress-ul {
    	max-width: 58.4%;
    	padding-left: 20px;
	}
	.bundle-progress-bar .progress-inner .progress-ul li span.span-circle{
		width: 16px;
    	height: 16px;
	}
	.bundle-progress-bar .progress-inner .progress-ul li p{
		font-size: 16px;
	    line-height: 20px;
	    margin: 0 0 0 24px;
	}
	.bundle-progress-bar .progress-inner .progress-ul li:not(:last-child) p:after{
		width: 36.1%;
		right: 7px;
	}
	.bundle-progress-bar .progress-inner .progress-button{
    	max-width: 300px;
	}
	.bundle-progress-bar .progress-inner.ab-test-new .progress-button{
    	max-width: 39%;
    	margin-left: 20px;
    	padding-right: 20px;
	}
	.bundle-progress-bar .progress-inner .progress-button button{
		max-height: 45px;
	}
	.bundle-progress-bar .progress-inner.ab-test-new .progress-ul li span.span-circle {
    	width: 24px;
    	height: 24px;
    	font-size: 20px;
    	line-height: 15px;
	}

	.bundle-left .tab-content .bundle-tabs ul.product-list.four-grid-prod{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (min-width: 768px){
	.bundle-select.bundle-select-mobile,
	.progress-button .view-set-btn,
	.bundle-right .bundle-inner #bundle-close,
	.bundle-right .bundle-inner .bundle-close,
	.mobile-addcart{
		display: none!important;
	}
}
@media screen and (max-width: 767px){
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .controls .quick-view svg {
	    margin-right: 4px;
	    width: 14px;
	    height: 14px;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .img button{
    	height: 22px;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .img .slick-prev{
    	left: 4px;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .img .slick-next{
    	right: 4px;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .badges{
		top: 12px;
	    right: 12px;
	    padding: 4px 8px;
	    font-size: 10px;
	    line-height: 100%;
	    letter-spacing: 1.5px;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .checkbox{
		height: calc(100% - 36px);
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product{
		max-height: 55vw;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .controls{
		height: 104px;
		padding: 8px;
		flex-direction: column;
    	flex-wrap: nowrap;
    	transform: translateY(72px);
    	z-index: 99;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .check{
		top: 12px;
	    left: 12px;
	    width: 20px;
	    height: 20px;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .controls h2 {
    	margin-bottom: 8px;
    	font-size: 16px;
    	line-height: 100%;
    	height: 17px;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .controls .quick-view.quick-added {
	    width: 100%;
	    margin: 0 0 8px;
	    height: 28px;
	    font-size: 12px;
    	line-height: 14px;
    	padding: 6px;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .controls.added-product{
		transform: translateY(0%)!important;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product:hover .controls{
		transform: translateY(69%);
	}
	.bundle-left .tab-content .ab-test-new .control-build-qty {
	    width: 100%;
	    height: 28px;
	}
	.bundle-left .tab-content .ab-test-new .control-build-qty input {
	    max-width: calc(100% - 80px);
	    font-size: 14px;
	    line-height: 17px;
	    padding: 0 10px;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .img {
    	height: 60vw;
	}
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product .img{
		height:calc(50vw - 16px);
	}
	.product-quick-container .product-quick-view{
		max-height: 100vh;
		padding: 20px 20px 40px;
		overflow-y: auto;
    	overflow-x: hidden;
	}
	.product-quick-inner{
		flex-direction: column;
		flex-wrap: nowrap;
	}
	.quick-left {
	    max-width: 100%;
	    width: 100%;
	    height: 100%;
	    padding-right: 0px;
	}
	.quick-right{
		max-width: 100%;
		margin-top: 24px;
	}
	.quick-slider{
		height: 332px;
	}
	.product-quick-container .product-quick-view #quick-close{
		z-index: 9;
	}
	.quick-right h2 {
    	font-size: 28px;
    	line-height: 34px;
    	-webkit-line-clamp: 2;
	}
	.product-quick-container .product-quick-view .parentTabs {
	    overflow-y: unset;
	    overflow-x: unset;
	    height: 100%;
	    width: 100%;
	    padding: 24px 0px;
	}
	.quick-buttons {
    	margin-top: 0px;
	}
	.quick-icon-list{
		padding: 12px 0 40px;
	}
	.quick-descr {
    	max-height: 100%;
   	 	height: auto;
	}



	.bundle-builder-inner{
		flex-direction: column;
	}
	.bundle-left,
	.bundle-right{
		max-width: 100%
	}
	.bundle-left{
		padding: 21px 0px 48px 0px;
	}
	.bundle-select .select-arrow{
		right: 5%;
	    top: 35%;
	    width: 12px;
	}
	.bundle-left h1{
		font-size: 26px;
    	line-height: 28px;
    	padding: 0 24px;
	}
	.bundle-left p.bundle-descr{
		padding: 0 24px 0px;
		max-width: calc(100% - 10px);
	}
	.bundle-left ul.tab-list{
		margin: 20px auto 0px;
		position: sticky;
		top: -12px;
		z-index: 10;
		/* width: 100%; */
		background-color: #FFFFFF;
	}

	.bundle-left ul.tab-list li{
		padding: 8px 16px;
	}

	.bundle-left ul.tab-list li:not(:last-child) {
    	margin-right: 18px;
	}
	.bundle-select.bundle-select-mobile{
	    padding: 16px 24px 16px;
	    /* max-width: calc(100% - 20px); */
		width: 100%;
		background-color: #727563;
		max-width: unset;
	
	}

	.bundle-left .tab-content .tabs-outer{
		padding: 0 20px 0;
	}

	.bundle-select.bundle-select-mobile h2{
		color: #FFF;
		text-align: left;
		font-family: "Lato-Regular", sans-serif !important;
		font-size: 18px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		margin-bottom: 14px;
	}

	.bundle-select{
		margin-top: 21px;
	}
	.bundle-select.bundle-select-mobile ul{
		width: 100%;
		max-width: calc(100% - 48px);
		z-index: 11;
	}
	#set-contents {
    	margin-top: 12px;
	}
	.bundle-left .tab-content .bundle-tabs{
		margin: 16px 0 300px;
	}
	.bundle-left .tab-content .bundle-tabs ul.product-list .li-product,
	.bundle-left .tab-content .ab-test-new .bundle-tabs ul.product-list .li-product{
    	/* max-width: calc(50% - 20px); */
		width: 100%;
    	margin: 0px;
	}
	.control-build-qty button{
		max-width: 35px;
		padding: 0 12px;
	}
	.control-build-qty input{
		max-width: calc(100% - 70px);
		font-size: 12px;
    	line-height: 14px;
    	padding: 0 12px;
	}
	.bundle-left .tab-content .bundle-tabs ul.product-list .li-product .img{
		height: auto;
	}
	.bundle-left .tab-content .bundle-tabs ul.product-list .li-product .text {
    	height: 33px;
    	padding: 9px 5px;
	}
	.bundle-left .tab-content .bundle-tabs ul.product-list .li-product .text h2{
		font-size: 16px;
		height: 17px;
	}
	.bundle-left .tab-content .bundle-tabs ul.product-list .li-product .controls{
		height: 36px;
	}
	.bundle-left .tab-content .bundle-tabs ul.product-list .li-product .controls .build-add{
		font-size: 12px;
    	line-height: 14px;
    	padding: 10px;
	}
	.bundle-left .tab-content .bundle-tabs ul.product-list.four-grid-prod{
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 20px;
	}

	.bundle-right{
		/*max-width: 500px;*/
		max-width: 100%;
		position: fixed;
		right: -100%;
		background: #FAF7EB;
		top: 0;
		bottom: 0;
		height: 100%;
		transition: right .3s ease-in-out;
		z-index: 99999;
	}
	.bundle-right .bundle-inner {
    	padding: 30px 20px 14px;
	}
	.bundle-right .bundle-inner h2 {
		max-width: calc(100% - 30px);
    	width: 100%;
	}
	.bundle-right .bundle-inner #bundle-close, .bundle-right .bundle-inner .bundle-close{
		position: absolute;
		top: 37px;
		right: 12px;
		width: 30px;
		height: 30px;
		text-align: center;
		background: #FAF7EB;
		padding: 8px 9px;
		cursor: pointer;
	}
	.bundle-right.open-summary{
		right: 0%;
	}
	.mobile-addcart{
		position: absolute;
	    bottom: 0%;
	    left: 0%;
	    width: 100%;
	    padding: 14px 20px;
	    background: #FAF7EB;
	    box-shadow: 0 0 4px #0000000a, 0 -8px 16px #00000014;
	}
	.mobile-addcart button{
		width: 100%;
    	color: #ffffff;
    	text-transform: inherit;
	}
 	.mobile-addcart.ab-test-new button{
		text-transform: uppercase;
	}
	.mobile-addcart button:hover,
	.mobile-addcart button:active{
		background: transparent!important;
	}
	.mobile-addcart .close-summary-btn {
		border: 1px solid #373737;
		color: #373737;
		background: transparent;
		text-transform: capitalize;
		opacity: 1 !important;
		font-size: 16px;
	}
	.bundle-selected-data{
		margin-top: 16px;
		margin-bottom: 150px;
	}
	.bundle-selected-data ul{
		max-width: 335px;
	    width: 100%;
	}
	.bundle-selected-data ul li{
		width: 110px;
    	height: 137px;
	}
	.bundle-selected-data .bundle-paddles ul li:after{
		width: 65%;
    	height: 65%;
	}
	.bundle-selected-data .bundle-balls ul li:after, .bundle-selected-data .bundle-pickleballs ul li:after{
		width: 50%;
    	height: 50%;
	}
	.bundle-selected-data .bundle-bags ul li:after{
		width: 65%;
    	height: 65%;
	}
	.bundle-inner .bundle-select{
		display: none;
	}
	.bundle-progress-bar .progress-inner{
		height: 137px;
    	padding: 24px 20px 14px;
    	flex-direction: column;
	}
	.bundle-progress-bar .progress-inner.ab-test-new{
		height: 128px;
    	/*padding: 20px;*/
    	padding: 0px;
    	flex-direction: column;
    	justify-content: flex-start;
	}
	.bundle-progress-bar .upsell-bar{
		padding: 5px 20px;
    	height: 60px;
	}
	.bundle-progress-bar .upsell-bar p{
		font-size: 14.4px;
    	line-height: 19px;
	}
	.bundle-progress-bar .upsell-bar p{
		max-width: 51%;
	}
	.bundle-progress-bar .upsell-bar button{
		margin-left: 10px
	}
	.bundle-progress-bar .upsell-bar #upsell-close{
		width: 12px;
    	height: 12px;
	}
	.bundle-progress-bar .progress-inner.ab-test-new .track-meter{
		height: 3px;
	}
	.bundle-progress-bar .progress-inner .progress-button{
		border-top: 1px solid #C7C5BC;
		padding-top: 16px;
		max-width: 100%;
		display: flex;
    	justify-content: space-between;
    	align-items: center;
    	flex-wrap: wrap;
	}
	.bundle-progress-bar .progress-inner.ab-test-new .progress-button{
		border-top: unset;
		max-width: 100%;
		margin: 0px;
		padding: 20px 20px 0px;
	}
	.bundle-progress-bar .progress-inner.ab-test-new .progress-ul li span.span-circle{
		width: 20px;
    	height: 20px;
    	font-size: 16px;
    	line-height: 73%;
    	border-width: 1.5px;
    	padding: 1px;
	}
	.bundle-progress-bar .progress-inner.ab-test-new .progress-ul li.active-progress span.span-circle {
	    padding: 2px;
	}
	.bundle-progress-bar .progress-inner.ab-test-new .progress-ul:after{
		content: unset;
	}
	.bundle-progress-bar .progress-inner.ab-test-new .progress-ul {
    	max-width: 100%;
    	padding: 16px 20px 0px;
	}
	.bundle-progress-bar .progress-inner .progress-button button{
		max-height: 50px;
		max-width: calc(50% - 8px);
    	margin: 0px;
    	font-size: 12px;
    	line-height: 14px;
    	padding: 15px 10px;
	}
	.bundle-progress-bar .progress-inner .progress-button button.view-set-btn{
		border: 1px solid #373737;
		color: #373737;
		background: transparent;
		text-transform: capitalize;
		opacity: 1!important;
	}
	.bundle-progress-bar .progress-inner.ab-test-new .progress-button button{
		font-size: 16px;
	    line-height: 19px;
	    padding: 15px 8px;
	}
	.bundle-progress-bar .progress-inner.ab-test-new .progress-button button.view-set-btn{
		max-width: 38%;
		text-transform: uppercase;
	}
	.bundle-progress-bar .progress-inner.ab-test-new .progress-button button {
    	max-width: 57%;
	}
	.bundle-progress-bar .progress-inner .progress-button button.view-set-btn:hover{
		background: #A1151B!important;
		color: #ffffff!important;
		border: 1px solid #A1151B;
	}
	.bundle-progress-bar .progress-inner .progress-ul {
    	max-width: 100%;
	}
	.bundle-progress-bar .progress-inner .progress-ul ul{
		justify-content: flex-start;
		align-items: center;
	}
	.bundle-progress-bar .progress-inner .progress-ul li{
		flex: auto;
	}
	.bundle-progress-bar .progress-inner .progress-ul li p{
		font-size: 14px;
    	line-height: 17px;
    	margin: 0 0 0 18px;
	}
	.bundle-progress-bar .progress-inner.ab-test-new .progress-ul li p{
		margin-left: 24px;
	}
	.bundle-progress-bar .progress-inner .progress-ul li:not(:last-child) p:after{
		width: 28%;
		right: 5px;
	}
	.bundle-progress-bar .progress-inner .progress-ul li span.span-circle{
    	width: 14px;
    	height: 14px;
	}


	/* Mobile Progress bar */
	.mobile-progress-bar{
		display: block;
		position: fixed;
		width: 100%;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: 100;
		background: #FCF7EB;


	}

	.mobile-progress-bar .paddle-set-status {
		background-color: #727563;
		padding: 12px 20px;
		text-align: center;
		text-transform: uppercase;
		font-size: 14px;
		color: #FFFFFF;
	}

	.mobile-progress-bar .bundle-selected-data{
		margin-bottom: 0;
		overflow-x: scroll;
		display: flex;
		gap: 22px;
	}

	.mobile-progress-bar .bundle-selected-data ul{
		max-width: unset;
		flex-wrap: nowrap;
		flex-shrink: 0;
		gap: 11px;
	}

	.mobile-progress-bar .bundle-selected-data ul li{
		width: 74px;
		aspect-ratio: 1;
		height: unset;
		flex-wrap: nowrap;
		flex-shrink: 0;
	}

	.mobile-progress-bar .bundle-selected-data .bundle-panel:not(:last-child) {
		position: relative;
		margin-bottom: 14px;
	}
	
	.mobile-progress-bar .bundle-selected-data .bundle-panel:not(:last-child)::after {
		content: ""; /* ✅ Required for pseudo-elements */
		height: 100%;
		width: 1px;
		background-color: #C7C5BC;
		position: absolute;
		top: 0; /* ✅ Ensures it spans the full height */
		right: -11px; /* Adjust as needed */
	}

	.progress-button {
		padding: 12px 20px;
		border-top: 1px solid black;
		display: flex;
		gap: 16px;
		justify-content: space-between;
		align-items: center;
	}

	.progress-button .progess-price-wrapper {
		width: 45%;
	}

	.progress-button .progess-atc-btn {
		width: 55%;
	}

	.progress-button .progess-atc-btn button {
		width: 100%;
		text-transform: uppercase;
		color: #FFFFFF;
		font-size: 12px;
		padding: 16px 36px;
	}




}
.template-bundle-builder .progress-button a.btn, .template-bundle-builder .progress-button button.btn {
	white-space: nowrap;
}
.template-bundle-builder .total-price:before, .template-bundle-builder .savings:before  {
	content: " - ";
}
@media screen and (max-width: 450px){
	.template-bundle-builder .progress-button button.btn {
		height: 100%;
		max-height: unset;
	}
	.template-bundle-builder .progress-button button.btn .total-price {
		display: block;
	}
	.template-bundle-builder .progress-button button.btn .total-price:before {
		display: none;
	}
}
@media screen and (max-width: 374px){
	/* .bundle-left ul.tab-list li{
		font-size: 20px;
    	line-height: 24px;
	}
	.bundle-left ul.tab-list li:not(:last-child){
		margin-right: 25px;
	}
	.bundle-progress-bar .upsell-bar p {
	    font-size: 13px;
	    line-height: 16px;
	}
	.bundle-progress-bar .upsell-bar button {
    	width: 110px;
	}
	.bundle-selected-data ul li {
    	width: 93px;
    	height: 137px;
	} */

	.progress-button .progess-price-wrapper span{
		font-size: 12px;
	}
}
.template-bundle-builder .text.product-title {
	height: auto !important;
	padding-bottom: 4px !important;
}
.template-bundle-builder .product-price {
	text-align: center;
	padding-bottom: 10px;
}
.template-bundle-builder #preview-bar-iframe {
	/* bottom: 137px !important; */
}
.template-bundle-builder .shopify-preview-bar {
	/* bottom: 228px !important; */
}
@media screen and (min-width: 768px){
	.template-bundle-builder #preview-bar-iframe {
		/* bottom: 60px !important; */
	}
	.template-bundle-builder .shopify-preview-bar {
		/* bottom: 120px !important; */
	}
}
@media screen and (min-width: 1200px){
	.template-bundle-builder #preview-bar-iframe {
		/* bottom: 75px !important; */
	}
	.template-bundle-builder .shopify-preview-bar {
		/* bottom: 135px !important; */
	}
}