.elementor-63192598 .elementor-element.elementor-element-9aec0b4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-63192598 .elementor-element.elementor-element-5b8a6026{--display:flex;border-style:none;--border-style:none;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-63192598 .elementor-element.elementor-element-377bc3cc{font-family:"Helvetica Neue", Sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#151515;}.elementor-63192598 .elementor-element.elementor-element-fe6c359{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;border-style:none;--border-style:none;}.elementor-63192598 .elementor-element.elementor-element-696956f{font-family:"Helvetica Neue", Sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#151515;}.elementor-63192598 .elementor-element.elementor-element-6af38572{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;border-style:none;--border-style:none;}.elementor-63192598 .elementor-element.elementor-element-5a469534{font-family:"Helvetica Neue", Sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#151515;}.elementor-63192598 .elementor-element.elementor-element-1f7644ee{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;border-style:none;--border-style:none;}.elementor-63192598 .elementor-element.elementor-element-539660f3{font-family:"Helvetica Neue", Sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#151515;}.elementor-63192598 .elementor-element.elementor-element-f7b4a69{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;border-style:none;--border-style:none;}.elementor-63192598 .elementor-element.elementor-element-c8fad13{font-family:"Helvetica Neue", Sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#151515;}.elementor-63192598 .elementor-element.elementor-element-587a4430{--display:flex;border-style:none;--border-style:none;}.elementor-63192598 .elementor-element.elementor-element-3794f34c{font-family:"Helvetica Neue", Sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#151515;}.elementor-63192598 .elementor-element.elementor-element-60161616{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#151515;--n-accordion-icon-size:15px;}.elementor-63192598 .elementor-element.elementor-element-60161616 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:0px 0px 1px 0px;}:where( .elementor-63192598 .elementor-element.elementor-element-60161616 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Helvetica Neue", Sans-serif;font-weight:600;}@media(max-width:767px){.elementor-63192598 .elementor-element.elementor-element-9aec0b4{--padding-top:10px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-63192598 .elementor-element.elementor-element-9aec0b4{--content-width:1280px;}}/* Start custom CSS */.variations {
    display: none!important;
}


.wcsatt-add-to-subscription-wrapper {
    display: none!important;
}

.bbs-radio-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 0px;
    padding: 20px;
    padding-top: 0;
    padding-bottom:0;
}

.bbs-radio-label {
    flex: 0 0 48%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 2px solid gray;
    border-radius: 20px;
    background-color: #FAFAFA;
    padding: 20px;
    margin: 5px 0;
    color: black;
    font-family: "Proxima Nova", sans-serif;
    position: relative;
    cursor: pointer;
    transition: border-color 0.3s, background-color 0.3s;
    text-align: center;
}

.bbs-radio-label input[type="radio"] {
    width: 20px;
    height: 20px;
    appearance: none;
    border: 2px solid gray;
    border-radius: 50%;
    background: white;
    outline: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* When radio is selected: */
.bbs-radio-label input[type="radio"]:checked {
    border-color: #0094CE;
    background-color: #0094CE;
}

/* Text inside box */
.bbs-radio-label span {
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
}

.bbs-radio-label input[type="radio"]:checked + span {
    color: #0094CE;
}

/* Highlight box on selection */
.bbs-radio-label:has(input[type="radio"]:checked) {
    border-color: #0094CE;
    background-color: #f0faff;
}

/* "Most Popular" badge */
.bbs-radio-label:last-child::before {
    content: "MOST POPULAR";
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background-color: red;
    color: white;
    font-size: 10px;
    font-weight: 400;
    padding: 4px 10px;
    border-radius: 20px;
    white-space: nowrap;
    letter-spacing: 1px;
    z-index: 1;
}




.quantity::after {
    content: "Quantity";
    font-weight: bold;
    vertical-align: middle !important;
    display: inline-block;
    margin-top: 5px;
    padding-left: 5px;
}

div.quantity {
    margin-bottom: 15px!important;
}

.wc-forward {
    display: none!important;
}

.stock {
    display: none !important;
}




/* Add second line below button text */
.single_add_to_cart_button::after {
    content: "🔔  Limited Time Offer";
    font-weight: 400;
    letter-spacing: 1.4px;
    display: block;
    font-size: 12px;
    color: white;
    opacity: 0.5;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1.3em;
    white-space: nowrap;
}

:is(.elementor-widget-woocommerce-product-add-to-cart,.woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart,.elementor-widget-wc-add-to-cart,.woocommerce div.product .elementor-widget-wc-add-to-cart) form.cart .button:where(:not(:first-child)), :is(.elementor-widget-woocommerce-product-add-to-cart,.woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart,.elementor-widget-wc-add-to-cart,.woocommerce div.product .elementor-widget-wc-add-to-cart) form.cart button:where(:not(:first-child)) {
    margin-left: 0!important;
}

/* Add a badge to the second option */
.wcsatt-options-prompt-radio:last-child::before {
    content: "MOST POPULAR";
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background-color: red;
    color: white;
    font-size: 10px;
    font-weight: 400px;
    padding: 4px 10px;
    border-radius: 20px;
    white-space: nowrap;
    z-index: 1;
    letter-spacing: 1px;
}

.single_add_to_cart_button {
    position: relative;
    display: block; /* changed from inline-block */
    text-align: center;
    white-space: normal;
    line-height: 1.4;
    padding-bottom: 3.5em;
    min-height: 90px !important;
    width: 100%;
}

.woocommerce-variation-price {
    width: 100%;
    text-align: center;
    font-size: 32px;
    margin-bottom: 20px;
}

.bbs-radio-label {
    flex: 0 0 48%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 2px solid gray;
    border-radius: 20px;
    background-color: #FAFAFA;
    padding: 20px;
    margin: 5px 0;
    color: black;
    font-family: "Proxima Nova", sans-serif;
    position: relative;
    cursor: pointer;
    transition: border-color 0.3s, background-color 0.3s;
    text-align: center;
}

.bbs-radio-label input[type="radio"] {
    width: 20px;
    height: 20px;
    appearance: none;
    border: 2px solid gray;
    border-radius: 50%;
    background: white;
    outline: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.bbs-radio-label input[type="radio"]:checked {
    border-color: #0094CE;
    background-color: #0094CE;
}

.bbs-radio-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.bbs-radio-title {
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
}

.bbs-radio-price {
    font-size: 20px;
    font-weight: 600;
    color: black;
    margin-top: 5px;
}

.bbs-radio-label input[type="radio"]:checked + .bbs-radio-content .bbs-radio-title {
    color: #0094CE;
}

.bbs-radio-label:has(input[type="radio"]:checked) {
    border-color: #0094CE;
    background-color: #f0faff;
}

/* "Most Popular" badge */
.bbs-radio-label:last-child::before {
    content: "BUNDLE & SAVE";
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background-color: red;
    color: white;
    font-size: 10px;
    font-weight: 400;
    padding: 4px 10px;
    border-radius: 20px;
    white-space: nowrap;
    letter-spacing: 1px;
    z-index: 1;
}


.woocommerce-variation-price {
    display: none!important;
}

@media (max-width: 767px) {
    .bbs-radio-group {
        flex-wrap: nowrap;
        justify-content: center;
        gap: 10px;
    }

    .bbs-radio-label {
        flex: 0 0 48%;
        max-width: 48%;
    }
        .bbs-radio-title {
        font-size: 16px!important;
        line-height: 1.4em!important;
    }

    .bbs-radio-price {
        font-size: 16px!important; /* smaller price text */
    }
 .single_add_to_cart_button {
     font-size: 22px!important;
 }
}

/****** START Woo Gallery CSS HERE. Moves the Gallery to the left like Shopify, without needing a diff plugin *****/

/* Functionality: Custom thumbnail size in product image gallery
 */

/* DESKTOP */
/* Controls thumbnails width on desktop - vertically
 * Enable this ONLY for VERTICAL display
 */ 
ol.flex-control-nav.flex-control-thumbs li {
	width: 15%!important%;
}

.woocommerce div.product div.images .flex-control-thumbs {
    margin-top: 10px;
    gap: 10px;
    width: 50%;
}
    
    
/* PHONES */
@media (max-width:567px){
	ol.flex-control-nav.flex-control-thumbs li {
		/*width: 18% !important; /* Controls thumbnails width on mobile - Horizontally */
		width: 25% !important; /* Controls thumbnails width on mobile - Horizontally */
	}
	.woocommerce div.product div.images .flex-control-thumbs {
	    width: 100% !important;
	    display: flex!important;
	}
}

/* TABLETS */
@media (min-width:568px) and (max-width:768px){
	/* Controls thumbnails container width on tablet - vertically
	 * Enable this ONLY for VERTICAL display */
	.woocommerce .flex-control-thumbs {
    	margin: 10px 0px 10px -5px !important; 
    	width: 25% !important;
    	max-width: 100px;
	}

	ol.flex-control-nav.flex-control-thumbs li {
		width: 90% !important; /* Controls thumbnails image width on tablet - vertically */
	}
}
@media (min-width:769px) and (max-width:1024px){
	/* Controls thumbnails container width on tablet - vertically
	 * Enable this ONLY for VERTICAL display */
	.woocommerce .flex-control-thumbs {
    	margin: 10px 0px 10px -5px !important; 
    	width: 12% !important;
	}
	
	ol.flex-control-nav.flex-control-thumbs li {
		width: 80% !important; /* Controls thumbnails image width on tablet - vertically */
	}
}

/* Functionality: Product page image thumbnails on left side
 * Disable this segment if you want to display horizontally
 */
@media (min-width:568px) {
	.woocommerce .flex-control-nav { 
		position: absolute; 
		top:-10px; 
		left: 0px;
	}
	.flex-control-thumbs {
		display: flex;
		flex-direction: column;
	}
}
@media (min-width:568px) and (max-width:768px){
	.woocommerce .flex-viewport {
		width: 86.5% !important;
		left: 100px !important;
	}
}
@media (min-width:769px) and (max-width:1024px){
	.woocommerce .flex-viewport {
		width: 87% !important;
		left: 95px !important;
	}
}
@media (min-width:1025px){
	.woocommerce .flex-viewport {
		width: 85% !important;
		left: 80px !important;
	}	
}

/***** END Woo Gallery CSS HERE. *****//* End custom CSS */