/* Theme Name: XStore Child Theme URI: http://8theme.com/ Description: XStore Child Theme Author: 8theme Author URI: http://8theme.com Template: xstore Version: 0.0.25 Text Domain: xstore-child */ @font-face { font-family: 'Product-Sans'; src: url('fonts/ProductSans-Regular.eot'); src: url('fonts/ProductSans-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/ProductSans-Regular.woff2') format('woff2'), url('fonts/ProductSans-Regular.woff') format('woff'), url('fonts/ProductSans-Regular.ttf') format('truetype'), url('fonts/ProductSans-Regular.svg#ProductSans-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Dji-Demi'; src: url('fonts/Dji-Demi.eot'); src: url('fonts/Dji-Demi.eot?#iefix') format('embedded-opentype'), url('fonts/Dji-Demi.woff2') format('woff2'), url('fonts/Dji-Demi.woff') format('woff'), url('fonts/Dji-Demi.ttf') format('truetype'), url('fonts/Dji-Demi.svg#Dji-Demi') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Dji'; src: url('fonts/Dji-Light.eot'); src: url('fonts/Dji-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Dji-Light.woff2') format('woff2'), url('fonts/Dji-Light.woff') format('woff'), url('fonts/Dji-Light.ttf') format('truetype'), url('fonts/Dji-Light.svg#Dji-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Dji-Bold'; src: url('fonts/Dji-Bold-Bold.eot'); src: url('fonts/Dji-Bold-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Dji-Bold-Bold.woff2') format('woff2'), url('fonts/Dji-Bold-Bold.woff') format('woff'), url('fonts/Dji-Bold-Bold.ttf') format('truetype'), url('fonts/Dji-Bold-Bold.svg#Dji-Bold-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } .singleProductImageCard .elementor-column img{height: 480px;object-fit: cover;} .singleProductImageCard .elementor-image-box-content{position: absolute;top: 0px;left: 0px;padding: 20px;text-align: left;} .singleProductImageCard .elementor-image-box-content h3{margin-bottom: 8px;font-size: 28px;line-height: 32px;font-weight: 600;color: #fff;} .singleProductImageCard .elementor-image-box-content p{font-size: 16px;font-weight: 400;color: #fff;} .singleProductImageCard .elementor-widget-video{height: 480px} .singleProductImageCard .elementor-widget-video video{height: 480px!important} .singleProductImageCard .elementor-container{justify-content: space-between;max-width: 100%!important} .etheme-woocommerce-product-gallery .thumbnails-list .swiper-slide{width:48px!important;height: 48px} .woocommerce-product-gallery.images-wrapper{border:none!important;} .thumbnails-list .swiper-slide a{border:1px solid rgba(0,0,0,.15)!important;} .etheme-sticky-panel.outside{opacity: 1!important;visibility: visible!important;transform: inherit!important;} .et_product-block .et_element.et_connect-block{display: none!important;} .woocommerce-product-details__short-description li,.woocommerce-product-details__short-description p{font-size: 14px;line-height: 20px} /* Elementor includes 1024px in tablet styles. Start this grid's desktop layout there. */ @media (width: 1024px) { .elementor-149 .elementor-element.bambu-benefits-grid.e-con { --e-con-grid-template-columns: repeat(3, minmax(0, 1fr)); } } .single-product .bambu-features-content.is-collapsed { max-height: var(--bambu-features-height); /* Clip below the sixth line while leaving room for outside list markers. */ clip-path: inset(-0.5em -2em 0); } .single-product button.bambu-features-toggle { display: inline-flex; align-items: center; gap: 0.5em; margin: 6px 0 0; padding: 0; min-height: 0; border: 0; background: transparent; color: #00ae42; font: inherit; font-size: 14px; font-weight: 500; line-height: 1.4; text-transform: none; cursor: pointer; } .single-product button.bambu-features-toggle[hidden] { display: none; } .single-product button.bambu-features-toggle::after { content: ""; width: 0.4em; height: 0.4em; border: solid currentColor; border-width: 0 1px 1px 0; transform: translateY(-0.12em) rotate(45deg); } .single-product button.bambu-features-toggle[aria-expanded="true"]::after { transform: translateY(0.12em) rotate(225deg); } .single-product button.bambu-features-toggle:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; } .single-product .product_title{color: #333;font-size: 32px;font-weight: 600;} .single-product .product_meta,.single-product-socials.et-socials,.reset_variations,.woobt-additional.woobt-text,.woobt-total.woobt-text,.woobt-actions{display: none!important;} .woobt-product.woobt-product-this{display: none!important;} h2{font-weight: 600!important} .category-list-item ul li ul li ul>li:before{top: 8px!important} .category-list-item ul li ul li ul{padding-left: 10px} body{background:#f7f9fa!important;} .etheme-product-hover-mode-white,.etheme-product-grid-bordered{border:none!important;} /*{ background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#fafafa)); background-image: linear-gradient(#fff,#fafafa);}*/ .etheme-product-hover-mode-white{background:#fff;padding: 0px!important;margin: 10px!important;border-radius: 6px} .etheme-product-hover-mode-white:hover{-webkit-box-shadow: 0 4px 24px rgba(0,0,0,.1); box-shadow: 0 4px 24px rgba(0,0,0,.1);} .etheme-product-grid-image img{border-radius: 6px 6px 0 0} .etheme-product-grid-content{padding: 20px} .hover-slider-indicator > div{width:20px!important;height: 2px!important;border-radius: 0px!important} .hover-slider-indicator{gap:0px!important;left: 0px;width: 100%!important;justify-content:center!important;} .woocommerce-Price-amount.amount{color: #333;font-weight: 600} .price1 .woocommerce-Price-amount.amount{color:rgba(0,0,0,.85)!important;font-weight: 400!important} .woobt-price-ori .woocommerce-Price-amount.amount{color:rgba(0,0,0,.85)!important;font-weight: 400!important} .etheme-product-grid-title{margin: 10px 0 15px 0!important} .elementor-widget-etheme_product_grid .elementor-widget-container{margin-top: 0px!important} footer h2,footer h4{color: #3b3e40!important;font-size: 12px!important;font-weight: 500!important;} footer p,footer a{color: #6c7073!important;font-size: 12px!important;font-weight: 400!important;} footer a.menu-title{padding-bottom: 6px!important} footer a:after{display: none!important;} footer .elementor-widget-container{margin-bottom: 0px!important} footer .elementor-widget-wrap{margin-top: 40px!important} footer #copyRight .elementor-widget-wrap{margin-top: 0px!important} /* Keep legacy compact forms unchanged; the footer newsletter owns its own layout. */ #mc4wp-form-1:not(.bambu-newsletter .mc4wp-form) input{height: 32px!important;font-size: 11px} #mc4wp-form-1:not(.bambu-newsletter .mc4wp-form) input[type="submit"]{font-size: 0px!important;background-color: #6c7073!important;width: 40px!important;padding: 0px!important;border-radius: 0px 3px 3px 0!important;border: 1px solid #6c7073!important} #mc4wp-form-1:not(.bambu-newsletter .mc4wp-form) input[type="email"]{margin-right: 0px!important;border-radius: 3px 0 0 3px!important} #videoWrap .e-hosted-video{padding: 0 10px;height: 575px;width: 100%;} #videoWrap .e-hosted-video video{border-radius: 8px!important} #whyShop figure{width: 100%} #whyShop .elementor-image-box-wrapper{position: relative;} #whyShop .elementor-image-box-content{position: absolute;top: 20px;width: 100%;text-align: center;} #whyShop .elementor-column.elementor-col-25 .elementor-widget-wrap{height: 455px;-webkit-box-flex: 1; -ms-flex: 1; flex: 1 1;-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;display: flex;justify-content: space-between;} #whyShop .elementor-column.elementor-col-25 .elementor-widget-wrap{flex-wrap: nowrap!important;} #whyShop .elementor-column.elementor-col-25 .elementor-widget-wrap > div:first-child{ /*flex: 1 1 0%*/;position: relative;overflow: hidden;/*height: 450px;*/;} #whyShop .elementor-column.elementor-col-25 .elementor-widget-wrap > div:last-child{ /*flex: 1 1 92%;*/position: relative;overflow: hidden;/*height: 450px;*/} #whyShop .elementor-column.elementor-col-25 .elementor-widget-wrap figure,#whyShop .elementor-column.elementor-col-25 .elementor-widget-wrap img{height: 100%;object-fit: cover!important;} #whyShop .elementor-image-box-wrapper{height:100%} #whyShop .elementor-column.elementor-col-25:last-child figure{height: 400px} #whyShop .elementor-column.elementor-col-25:first-child figure{height: 400px} #whyShop figure{margin-bottom: 0px!important} #whyShop h3{font-size: 20px;line-height: 24px;color: rgba(0,0,0,0.8);font-weight: 600;} .alignTop{top: -30px} #whyShop .elementor-image-box-wrapper figure,#whyShop .elementor-column.elementor-col-25 .elementor-widget-wrap > div:first-child,#whyShop .elementor-column.elementor-col-25 .elementor-widget-wrap > div:last-child{/* box-shadow: -2px -2px 15px 4px rgba(0,0,0,0.19); -webkit-box-shadow: -2px -2px 15px 4px rgba(0,0,0,0.19); -moz-box-shadow: -2px -2px 15px 4px rgba(0,0,0,0.19);*/-webkit-box-shadow:0 8px 8px rgba(0,0,0,.1); box-shadow: 0 8px 8px rgba(0,0,0,.1);border-radius: 6px!important} #whyShop .elementor-image-box-wrapper{line-height: 0px} .elementor-5 .elementor-element.elementor-element-816e06c .categories-mask{border: none!important;background-color: #fff;border-radius: 0 0 6px 6px} .elementor-5 .elementor-element.elementor-element-816e06c .categories-mask h4{text-align: left;font-weight: 600} .categoriesCarousel .category-grid a{border-radius: 6px} .header-html_block1{width: 100%;position: fixed;left: 0px;top:74px;} .menuWrapper ul li{position: relative;} .menuWrapper ul li ul{padding-left: 30px} .menuWrapper{background-color: #fff;padding-top: 30px;display: none;} .menuWrapper span.catTitle{color: rgba(0,0,0,.45); margin-bottom: 8px; display: block; font-size: 12px;} .menuOpen1 .menuWrapper-1{display: block;} .menuOpen2 .menuWrapper-2{display: block;} .menuOpen3 .menuWrapper-3{display: block;} .menuFLex{display: flex;align-items: center;padding: 7px} .menuFLex:hover{background-color: rgba(0,0,0,.04)} .menuFLex > div:first-child{width:48px;margin-right: 10px} .tabMenu a{color: rgba(0,0,0,.85);font-size: 14px} .leftTabContent{width:25%;} .menuSubcontent{margin-bottom: 15px;} #menu-main-menu > li > a{padding: 25px 0} .menuSubcontent{display: flex;} .rightTabContent{position: absolute;left: 25%;top: 0px;width:75%;} .menuProdImg img{max-width: 150px;min-height: 150px;object-fit: contain;} .prodCard{display: flex;} .innerprodCard{width:150px;} .rightTabContent{display: flex;} .rightTabContent .prodCardLeft{width:350px;background:#0000000d;text-align: center;} .rightTabContent .prodCardLeft .menuProdImg img{height: 350px;margin: auto;max-width: inherit!important;width: 100%!important;mix-blend-mode: multiply;} .rightTabContent .prodCardLeft .menuProdImg{padding: 10px} .rightTabContent .prodCardLeft .innerprodCard{width: 100%!important;padding: 10px} .rightTabContent .prodCardRight{flex:1 1; width: 32.3%;margin-left: 10px} .prodCardRight{/*display: flex;flex-wrap: wrap;justify-content: space-between;align-items: self-end*/} .prodCardRight .prodCard{background:#0000000d; float: left; position: relative; margin-bottom: 6px; margin-right: 6px;padding-bottom: 12px;width: 30%} .prodCardRight .prodCard:nth-child(4),.prodCardRight .prodCard:nth-child(5),.prodCardRight .prodCard:nth-child(6){ margin-bottom: 0px!important } .prodCardRight .prodCard .menuProdImg img{mix-blend-mode: multiply} .prodCardRight .innerprodCard p{font-size: 12px; line-height: 16px; letter-spacing: -.02em; height: 32px; line-clamp: 2; text-overflow: ellipsis; margin-top: 4px; padding: 0 16px; text-align: center; margin-bottom: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .rightTabContent{display: none!important;} /*.rightTabContent.showid94{display: flex!important;}*/ body.tax-product_cat{background: #fff!important} .hover-slider-images-toggler{background: #0000000a;} .product-image-wrapper{background: #0000000a;border: none!important;padding-bottom: 0px!important;margin-bottom: 0px!important} .product-hover-carousel .product-details{background: #0000000a;} .product-hover-carousel .content-product {background: #cccccc0a!important;padding-top: 15px} .footer-product{display: none!important;} .tax-product_cat .content-page{margin-top: 50px} .product-hover-carousel .content-product{border-radius: 0 0 6px 6px} .hover-slider-images-toggler{border-radius: 6px 6px 0 0!important} .content-product .product-title a{font-size: 14px!important; line-height: 20px;text-align: left!important; letter-spacing: -.02em; font-weight: 600;padding: 0 18px!important;} .content-product .price{text-align: left;padding-left: 18px} .elementor-element-482e117 .elementor-button{background: transparent!important;} .single .et_product-block h2,.single .et_product-block .elementor-widget-container,.etheme-icon-list-item-text{font-size: 14px!important; line-height: 20px;} /*body,p,h1,h2,h3,h4,h5,li,strong{font-family: 'Product-Sans'!important;} */ /*.woocommerce-product-gallery__image{background-color: #F7F9FA} .woocommerce-product-gallery__image img{mix-blend-mode: multiply;}*/ .single .dialog-widget.dialog-lightbox-widget{display: none!important;} .single .posts-navigation{display: none!important;} .single-product .pswp__bg { background: #111 !important; } .single-product .pswp__button--close { color: #fff !important; opacity: 1 !important; z-index: 2; } .et_product-block .et_element.et_connect-block{display: block!important;} .et_product-block .single_variation_wrap{display: none!important;} .et_product-block .single-compare{display: none!important;} .et_product-block .single-wishlist{display: none!important;} .single-product.woocommerce .etheme-sticky-cart .variations_form{display: none!important;} .et_product-block .single_variation_wrap{display: flex!important;position: fixed;bottom: 0px;left: 0px;z-index: 9999;border-top:1px solid #ccc!important;} /* .single_variation_wrap{display: flex!important;align-items: center;justify-content: space-between;;background-color: #fff!important;padding: 20px;} */ .single_variation_wrap .sticky_header_title{font-size: 20px;color: #000;margin-right: auto;font-weight: 600} .single_variation_wrap .et-row-container{display: flex;align-items: center;justify-content: end;} /* .single_variation_wrap .woocommerce-variation-add-to-cart{margin-left: 10px;} */ /* .single_variation_wrap .quantity{display: none!important;} */ .single_simple_wrap .sticky_header_title{font-size: 20px;color: #000;margin-right: auto;} .single_simple_wrap .et-row-container{display: flex;align-items: center;justify-content: end;} .single_simple_wrap .woocommerce-variation-add-to-cart{margin-left: 10px;} .single_simple_wrap .quantity{display: none!important;} .single_simple_wrap .price{font-size: 25px;margin-right: 10px!important} ul.variable-items-wrapper li{width:100%!important;margin-bottom: 20px!important;height: auto!important;border:1px solid #ddd!important;box-shadow: none!important;border-radius: 8px!important} ul.variable-items-wrapper li span{text-align: left!important;font-size: 18px} ul.variable-items-wrapper li label{padding: 30px 20px!important;} ul.variable-items-wrapper li:hover,.woo-variation-items-wrapper ul li:focus{box-shadow: none!important;border:1px solid #1890ff!important;} ul.variable-items-wrapper li.selected{box-shadow: none!important;border:2px solid #1890ff!important;} .woo-selected-variation-item-name{display: none!important;} .single-product form.cart table.variations th.label label{font-size: 20px!important;margin-bottom: 20px!important;font-weight: 600;color: #000!important} .woobt-wrap h3{font-size: 20px!important;margin-bottom: 20px!important;font-weight: 600;color: #000!important;margin-top: 45px;margin-bottom: 10px} ul.variable-items-wrapper .variable-item-radio-input{display: none!important;} ul.variable-items-wrapper .variable-item-radio-value-wrapper img{display: none!important;} ul.variable-items-wrapper li span.price1{display: block;} ul.variable-items-wrapper li span.variable-item-radio-value{color: #333!important;font-weight: 600} .woocommerce-variation-description{display: none!important;} /*.single .template-container{overflow: inherit!important;} .etheme-woocommerce-product-gallery{position: sticky;top: 0px}*/ .woobt-products.woobt-products-layout-grid-4 .woobt-product{width:100%!important;flex-direction: row!important;} .woobt-products[class*="woobt-products-layout-grid"] .woobt-product > div{width:auto!important;} .single-product form.cart table.variations td.value{width:100%!important;} .woobt-products[class*="woobt-products-layout-grid"] .woobt-product{border-radius: 8px!important;padding: 0px!important} .woobt-products[class*="woobt-products-layout-grid"] .woobt-product > label{padding: 20px 30px!important} .woobt-products[class*="woobt-products-layout-grid"] .woobt-product:hover{border:2px solid #1890ff!important} .woobt-products[class*="woobt-products-layout-grid"] .woobt-product{border:2px solid #1890ff!important} .woobt-products .woobt-product.woobt-hide{border:1px solid #ddd!important} .woobt-products .woobt-product .woobt-thumb img{max-width: 60px!important} .woobt-products[class*="woobt-products-layout-grid"] .woobt-product > div{text-align: left;font-size: 18px!important;font-weight: 400!important} .btWrapp{display: flex;} .btRight{text-align: left;margin-left: 20px} .btLeft{display: flex;align-items: center; height: 60px;} .woobt-choose{margin-right: 20px} .woobt-quantity-input{position: relative;z-index: 999} .woobt-products .woobt-product .woobt-title a{font-size: 18px;font-weight: 600;color: #333!important;display: block;margin-bottom: 10px} .woobt-price-ori{text-align: left;font-size: 18px;font-weight: 400;color: #333!important;display: block;margin-bottom: 10px;min-width: 200px} .woobt-quantity-input-plus, .woobt-quantity-input-minus,.woobt-products .woobt-product .woobt-quantity .quantity{width:30px;height: 30px!important;line-height: 30px!important} div.quantity>.minus, div.quantity>.plus, td.quantity>.minus, td.quantity>.plus,div.quantity>input[type=number]{width:30px;height: 30px!important;line-height: 30px!important} .woobt-quantity-input-plus{border-radius: 0 4px 4px 0} .woobt-quantity-input-minus{border-radius: 4px 0 0 4px} .woobt-quantity-input{justify-content: flex-start;margin-bottom: 20px} .woobt-description{color: rgba(0,0,0,.65)!important} .woobt-quantity-input-plus, .woobt-quantity-input-minus{border-color:1px solid rgba(0,0,0,.15)!important;} .woobt-quantity-input .qty, .woobt-quantity-input .woobt-qty{border-color:1px solid rgba(0,0,0,.15)!important;border-left:1px solid rgba(0,0,0,.15)!important;border-right: 1px solid rgba(0,0,0,.15)!important;} .sidebar-widget ul li.current-cat>a {color: #1890ff!important} h4.widget-title{font-size: 18px} .et-quantity, .et-quantity-top .et-quantity{background: #0060ef!important;color: #fff!important} .single-product-builder .single_add_to_cart_button{min-width: 185px!important;background-color: #0060ef!important;color: #fff!important;border-radius: 45px!important;font-weight: 400!important;font-size: 16px!important} .single-product-builder .single_add_to_cart_button:before{display: none!important } .single-product-builder form.cart{margin-bottom: 0px!important} .woocommerce-mini-cart.product_list_widget .variation dt{display: none;} .woocommerce-mini-cart.product_list_widget .product_meta{display: none;} .woocommerce-mini-cart.product_list_widget .variation dd p{line-height: 1.3!important} .woocommerce-mini-cart.product_list_widget .product-item-right{font-size: 14px!important} .woocommerce-mini-cart.product_list_widget .product-title a{font-weight: 600!important;font-size: 14px!important} .et_b_header-cart .cart-popup-footer{font-size: 14px!important} .cart-collaterals{border-width: 1px!important} .etheme-product-image-hover-slider .hover-arrow-left{left:8px!important;top:calc(50% - var(--arrow-size,32px)/ 2);background-color: rgba(0,0,0,.2);border:0px!important;width:32px;height: 32px;border-radius: 100%;display: flex;align-items: center;justify-content: center;} .etheme-product-image-hover-slider .hover-arrow-right{right:8px!important;top:calc(50% - var(--arrow-size,32px)/ 2);background-color: rgba(0,0,0,.2);border:0px!important;width:32px;height: 32px;border-radius: 100%;display: flex;align-items: center;justify-content: center;} .pswp__img--placeholder--blank{background:#fff!important;} .pswp__button--arrow--left:after, .pswp__button--arrow--right:after{background:rgba(0,0,0,.2)!important;} .pswp__button--arrow--left:before, .pswp__button--arrow--right:before{font-size: 12px!important} .pswp__button--arrow--left:after, .pswp__button--arrow--right:after{width:40px!important;} .pswp__button--arrow--left, .pswp__button--arrow--right{width: 40px!important} .etheme-product-image-hover-slider .hover-arrow svg{fill:#fff!important;} .arrows-hovered .sm-arrow, .arrows-hovered>.swiper-container .swiper-custom-left, .arrows-hovered>.swiper-container .swiper-custom-right{width: 48px!important;height: 48px!important;background-color: rgba(0,0,0,.25)!important;color: #fff!important;border-radius: 100%} .arrows-hovered>.swiper-container .swiper-custom-left{left: 10px!important} .arrows-hovered>.swiper-container .swiper-custom-right{right: 10px!important} body{background:#fff!important;} body.home{background:#f7f9fa!important;} .single footer section{background:#f7f9fa!important;} .elementor-347 .elementor-element.elementor-element-978cf0c{border:none!important;} .rightTabContent.menuShowRight{display: flex!important;} .menuWrapper > .et-container{position: relative;} .rightTabContent{background:#fff;} .products .product.type-product .content-product{background:#0000000a} .products .product.type-product .content-product .product-details{background:#0000000a} .st-swatch-in-loop{margin-bottom: 0px!important;margin-top: 0px!important} .content-product .product-content-image{padding: 30px} .content-product .image-swap{padding: 30px} .content-product .product-content-image img{mix-blend-mode: overlay;} /* .products .product.type-product .content-product:hover .product-content-image img{mix-blend-mode:inherit;}*/ .products .content-product bdi{font-size: 20px;font-weight: bold!important;} .products .content-product bdi span{font-size: 12px;font-weight: normal!important;} .products .content-product .sm-arrow.arrow-right{width:30px!important;height: 30px!important;border-width:10px!important;right: 5px!important} .products .content-product .sm-arrow:before{font-size: 8px!important} .products .content-product .sm-arrow.arrow-left{width:30px!important;height: 30px!important;border-width:10px!important;left:5px!important;} body.menuOpen .page-wrapper:after{content: "";position:fixed;top: 0px;left: 0px;width: 100%;height: 100%;background:rgba(0,0,0,0.6);} body.menuOpen{ position: fixed; overflow-y: scroll; width: 100%;} .menuFLex:hover{width:90%;} .menuFLex.activeNow{background:rgba(0,0,0,.04);} .rightTabContent.menuShowRight{top:50px;} .menCatHeading{position: absolute;top: -50px} .menCatHeading label{font-weight: 500!important;font-size: 16px!important;color: rgba(0,0,0,.85)!important} .menCatHeading a{font-weight: 400!important;font-size: 13px!important;color: rgba(0,0,0,.65)!important;display: inline-block;margin-left: 30px} .menuWrapper{border-top: 1px solid rgba(0,0,0,.06)} .innerprodCard {margin: auto;} video.elementor-video{max-height: 570px!important;border-radius: 6px} .elementor-widget-video .elementor-wrapper{aspect-ratio:auto!important;} #quickLinksSection .elementor-widget-wrap{justify-content: center;} .home h2.woocommerce-loop-product__title{font-size: 20px!important;font-weight: 600;line-height: 28px!important} #whatsNewSection h2.woocommerce-loop-product__title{font-size: 26px!important;font-weight: 600} #whatsNewSection .swiper{padding-top: 10px!important;padding-bottom: 10px!important;overflow: visible!important;} #whatsNewSection .swiper-entry{margin-right: -15vw} #whatsNewSection .elementor-widget-container{padding-top: 0px!important} .home bdi{font-size: 16px!important;font-weight: 400!important;color: rgba(0,0,0,.75)} .home .content-page{padding-bottom: 0px!important} .home #whatsNewSection .swiper-button-prev{top:-70px;right: 18vw;left: inherit;opacity: 1!important;visibility: visible!important;box-shadow: none!important;border:1px solid #000;background: transparent!important;width:40px!important;height: 40px!important;z-index: 999;pointer-events: auto!important;cursor: pointer;} .home #whatsNewSection .swiper-button-next{top:-70px;right:15vw;left: inherit;opacity: 1!important;visibility: visible!important;box-shadow: none!important;border:1px solid #000;background: transparent!important;width:40px!important;height: 40px!important;z-index: 999;pointer-events: auto!important;cursor: pointer;} .home #whatsNewSection .swiper-button-next:before,.home #whatsNewSection .swiper-button-prev:before{font-size: 10px!important} .header-top .et-wrap-columns div.et_col-xs-1:nth-child(4),.header-top .et-wrap-columns div.et_col-xs-1:nth-child(5),.header-top .et-wrap-columns div.et_col-xs-1:nth-child(6){width:50px!important;} .header-top .et-wrap-columns div.et_col-xs-1:nth-child(4){margin-left: auto;} .header-top .et-wrap-columns div.et_col-xs-1:nth-child(5),.header-top .et-wrap-columns div.et_col-xs-1:nth-child(6){margin-left: 0px} .home .container, .home div.container, .home .et-container,.home .elementor-container {width: 100%} .elementor-5 .elementor-element.elementor-element-da6c478 .swiper-slide-contents{color: rgba(0,0,0,.85)} .elementor-5 .elementor-element.elementor-element-da6c478 .etheme-slide-button{color: #fff; background-color: rgba(0,0,0,.85)!important;} .elementor-5 .elementor-element.elementor-element-87bedf6{margin-top: 0px} #whyShop .elementor-element .elementor-widget-container{height: 100%!important} #whyShop .elementor-column.elementor-col-25 .elementor-widget-wrap{height: 100%!important} .alignTop{top: 0px!important} #whyShop .elementor-column.elementor-col-25 .elementor-widget-wrap > div:last-child{height: 100%!important} #whyShop .elementor-column.elementor-col-25:first-child figure,#whyShop .elementor-column.elementor-col-25:last-child figure{height: 100%!important} #whyShop {margin-bottom: 30px} .wpc-filters-ul-list .wpc-checkbox-item.wpc-has-children > .wpc-term-item-content-wrapper > input{display: none;} .wpc-filters-ul-list .wpc-checkbox-item.wpc-has-children > .wpc-term-item-content-wrapper > .wpc-toggle-children-list{width: 100%;cursor: pointer;} .wpc-filters-ul-list li a{font-size: 14px!important} .wpc-filter-selected-values{display: none!important;} .woobt-description,.woobt-qty-num{display: none!important;} footer.footer, [data-mode="dark"] .footer{background:#fff!important;} .woobt-products[class*="woobt-products-layout-grid"] .woobt-product{border: 1px solid #1890ff!important} .woobt-products[class*="woobt-products-layout-grid"] .woobt-product:hover{border: 1px solid #1890ff!important} .woobt-products[class*="woobt-products-layout-grid"] .woobt-product.woobt-hide{border: 1px solid #ddd!important} .woobt-products[class*="woobt-products-layout-grid"] .woobt-product > label{width:100%;cursor: pointer;} .woocommerce-account .content-page{padding-top: 80px} .woocommerce-form.woocommerce-form-login label{font-size: 14px!important} form.login .lost_password a, form.register .lost_password a{font-size: 14px!important} .woocommerce-account .woocommerce-button{background:#242424!important;color: #fff!important;font-weight: normal!important;font-size: 14px!important} .woocommerce-account .woocommerce-Button{background:#242424!important;color: #fff!important;font-weight: normal!important;font-size: 14px!important} .woocommerce-account .woocommerce label,.woocommerce-account .woocommerce p ,.woocommerce-account .woocommerce {font-size: 14px!important} .woocommerce-account input,.woocommerce-account button,.woocommerce-account textarea{font-size: 14px!important} .woocommerce-account .woocommerce input[type=button], .woocommerce-account .woocommerce .btn-black,.woocommerce-account .woocommerce .btn.black, .woocommerce-account .woocommerce input[type=submit]{background:#242424!important;color: #fff!important;font-weight: normal!important;font-size: 14px!important} body.woocommerce-account .arrows-hovered .sm-arrow{display: none!important;} .woocommerce-MyAccount-navigation-wrapper li a{font-size: 14px!important} .woocommerce-customer-details address{font-size: 14px!important} .woocommerce-account .woocommerce .woocommerce-column__title, .woocommerce-account .woocommerce .woocommerce-order-details__title{font-size: 14px!important;font-weight: bold!important;} .my_account_orders td .button{border: none!important;} .MyAccount-user-info div,.et-mini-content .menu li a{font-size: 14px!important} .menuWrapper{min-height: 540px} .woocommerce-shop .etheme-advanced-headline-heading-wrapper{display: none;} .woocommerce-shop .content-page{margin-top: 50px;} .checkout-columns-wrap{min-height: inherit!important;} .woocommerce-form-register p.woocommerce-form-row:last-child{margin-bottom: 0px!important} .footer-widget .elementor-top-section{display: none!important;} .footer-widget #copyRight.elementor-top-section{display: block!important;} .footer-widget{text-align: center;margin-bottom: 10px} .footer-widget p{margin-bottom: 0px!important} .footer-widgets{padding: 20px 0} #tctext{padding-top: 30px} #tctext ul{padding-left: 30px} #tctext ol{padding-left: 30px} #tctext ul li{font-size: 14px;color: #000!important} #tctext ul li span{font-size: 14px!important;color: #000!important} #tctext ol li{font-size: 14px;color: #000!important} #tctext ol li span{font-size: 14px!important;color: #000!important} #tctext a{color: #0060ef!important} #tctext p span,#tctext p{font-size: 14px!important} body.login div#login p#nav{display: flex;} #payment .payment_methods li{text-align: left!important;} #payment .payment_box{padding-left: 0px!important} #order_review #shipping_method label{font-size: 14px!important} .order-review{border:1px solid #ccc;} .woocommerce-privacy-policy-text p{font-size: 12px} #customer_details{margin-top: 0px} .cart-checkout-light-footer .footer{display: none!important;} .cart-checkout-nav{font-size: 100%} .cart-order-details .woocommerce-shipping-totals.shipping td{max-width: inherit!important;} .single-product .variations_form > div{width: 100%} .single-product footer{padding-bottom: 100px} .et_b_header-account.login-link .lost-password, .et_b_header-account.login-link .register-link, .et_b_header-account.login-link label,.et_b_header-account.login-link form p,.et-off-canvas.et_b_header-account input,.et_b-tabs .et-tab{font-size: 14px!important} .allProducts a{font-weight: bold;display: block;padding: 10px 0;margin-bottom: 15px;border-bottom: 1px solid #e1e1e1;color: #000!important;border-top: 1px solid #e1e1e1} .wpc-custom-selected-terms ul.wpc-filter-chips-list{margin-bottom: 0px!important} .woocommerce-shop .category-description{display: none;} .wpc-filter-title{border:none!important;margin-bottom: 0px!important;padding-top: 10px!important;padding-bottom: 10px!important} .wpc-filters-section{border-bottom: 1px solid #e1e1e1!important} ul.product-categories{display: flex;flex-direction: column;} ul.product-categories li.cat-item-87{order:1;} ul.product-categories li.cat-item-98{order:2;} ul.product-categories li.cat-item-110{order:3;} ul.product-categories li.cat-item-231{order:4;} ul.product-categories li.cat-item-15{display: none;} ul.product-categories li.cat-item a{font-size: 14px!important} .widget_product_categories h4.widget-title{font-size: 14px!important;margin-bottom: 10px!important} .sidebar-left #custom_html-2{margin-bottom: 0px!important} table.cart .product-details .product-title, table.cart tbody .product-name{font-size: 1em} .cart-checkout-default p,.cart-checkout-default label, .cart-checkout-default input,.cart-checkout-default li, .cart-checkout-default td,.cart-checkout-default th,.cart-checkout-default button,.cart-checkout-default a{font-size: 14px!important} .element-Y6nT7 p{font-size: 14px!important} .woocommerce-variation-price{margin: 5px 0 5px} .videoOverlay{height: 570px;position: absolute;display: flex;align-items: center;justify-content: flex-start;z-index: 99;top:70px;padding-left: 75px} .videoOverlay h2{font-size: 26px;color: #fff!important} .videoOverlay h4{font-size: 20px;color: #fff!important;font-weight: 100!important;} .videoOverlay a{ font-size: 15px; padding: 12px 24px;background-color: #fff;display: inline-block;color: #000;border-radius: 100px;margin-top: 15px} /*.menuWrapper .titleVide span.catTitle {color: red!important}*/ #billing_country_field strong{padding:10px 8px!important;display: block!important;} #billing_country_field label{display: none;} .et_product-block > .price {display: none!important;} #shopOurSelection .category-grid.slide-item{background: #fff!important} .rightTabContent .prodCardLeft p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;} form .et-advanced-label input[type="text"], form .et-advanced-label input[type="email"], form .et-advanced-label input[type="tel"]{padding-top: 0.7rem;padding-left: 6px;height: 48px!important} #billing_address_2{padding-top:0px;padding-left: 6px;height: 48px!important} .template-content .et-advanced-label label[for]{margin-left: 6px} .select2.select2-container--default .select2-selection--single, select{height: 48px;padding-left: 6px} .shop_table .variation{display: block!important;} .pre-order-badge { background-color: #ff9900; color: #fff; padding: 5px; font-size: 12px; position: absolute; top: 20px; right: 20px; z-index: 10; } .btn-checkout, .mini-cart-buttons .btn-checkout{background-color:#004ecb;border-color: #004ecb} .form-row.place-order .button{border-radius: 25px;height: 45px} .wc-proceed-to-checkout a,.actions>div .clear-cart,.mini-cart-buttons a{border-radius: 25px!important;height: 45px!important;line-height: 1} .et_b_header-cart .et-mini-content{border:1px solid #e1e1e1!important;} .btn-checkout:hover, .btn-checkout:hover:focus, .mini-cart-buttons .btn-checkout:hover, .mini-cart-buttons .btn-checkout:hover:focus{background-color:#004ecb;border-color: #004ecb;opacity: 1} .btn.big{border-radius: 25px!important} .arrows-always .swiper-entry .swiper-button-next, .arrows-always .swiper-entry .swiper-button-prev, .arrows-always.swiper-entry .swiper-button-next, .arrows-always.swiper-entry .swiper-button-prev{opacity: 0} /*.elementor-5 .etheme-slide-heading{font-family: 'Dji-Demi'!important;text-transform: uppercase;} .elementor-5 .etheme-slide-heading span{font-family: 'Dji'!important;}*/ ul.variable-items-wrapper li .stock-status{ position: absolute; top: 0; right: 0; font-size: 12px; line-height: 16px; font-weight: 600; padding: 2px 8px; background-color: #9b9b9b; color: #fff; border-radius: 0 8px 0 8px; transform: scale(.83333333); transform-origin: right top;} .woo-variation-swatches .variable-items-wrapper.radio-variable-items-wrapper .radio-variable-item{padding: 0px} .etheme-woocommerce-product-gallery .thumbnails-list .swiper-slide{padding: 0px;background: #fff;margin: 0 10px!important;border:1px solid #ccc;border-radius: 8px} .content-product .stock.out-of-stock{transform: none!important;left: inherit;top: 0px;right: 0px;font-size: 10px; text-transform: capitalize;padding: 2px 8px;background: #9b9b9b;color: #fff} .content-product .stock.out-of-stock:before{display: none;} .variation-box-content{display: flex;flex-wrap: wrap;} .variation-box-content .content-item{flex: 0 0 16.66666666%;} .variation-box-content .content-item img{width: 180px;height: 180px;object-fit: contain;} .variation-box-content .content-item .content-image{background: #f7f9fa} .variation-box-content .content-item h4{font-size: 16px;font-weight: 600;color: #555!important} .variation-box-content .content-item p{font-size: 14px} .intheBoxFlex{display: flex;align-items: flex-start;justify-content: flex-start;flex-wrap: wrap;} .intheBoxFlex > .variation-custom-field{width: 16.66%;padding: 5px;margin-bottom: 20px} .variation-field-image{background: #f7f9fa;text-align: center;} .variation-field-image img {width: 180px;height: 180px;object-fit: contain;} .intheBoxFlex > .variation-custom-field p{font-size: 16px!important;margin-bottom: 0px!important;margin-top: 15px!important;font-weight: bold!important} .intheBoxFlex > .variation-custom-field span{display: block;font-weight: 400;font-size: 14px} #custom-variation-text h3{text-align: center;margin-top: 50px;margin-bottom: 30px;font-size: 32px} .simple-box-contents h3{text-align: center;margin-bottom: 30px;font-size: 32px} .flexboxGrid .elementor-container{display: flex; flex-wrap: wrap; justify-content: space-between; /* Adjust the gap */} .flexboxGrid .elementor-container .col5 { flex: 0 0 calc(41.667% - 5px); /* 25% width minus the gap */ position: relative; margin-bottom: 10px; } .flexboxGrid .elementor-container .col7 { flex: 0 0 calc(58.333% - 5px); /* 75% width minus the gap */ position: relative; margin-bottom: 10px; } .flexboxGrid .elementor-container .col12 { flex: 0 0 100%; position: relative; margin-bottom: 10px; } .flexboxGrid h4{ font-size: 28px; line-height: 32px; font-weight: 600; color: #fff;} .flexboxGrid p{font-size: 16px; line-height: 24px; color: #fff;} .flexboxGrid .elementor-widget-text-editor{position: absolute; left: 30px; top: 30px; z-index: 2; width: 90%;} .flexboxGrid{margin-top: 10px} .flexboxGrid .elementor-widget-wrap{padding: 0px!important} .single-product video.elementor-video{border-radius: 0px!important} /*.element-Y6nT7.et_column.et_product-block{display: flex;flex-direction: column;} .element-Y6nT7.et_column.et_product-block #closerLook-title{order: 1} .element-Y6nT7.et_column.et_product-block #closerLook-content{order: 2}*/ #faqContent .elementor-toggle .elementor-tab-title{position: relative; padding: 12px 0px 12px 0; font-size: 16px; line-height: 24px; font-weight: 600; color: rgba(0, 0, 0, .85); transition: all .3s ease;} #faqContent .elementor-toggle-title{display: block;padding-right: 30px} #faqContent .elementor-toggle .elementor-tab-title a {color:rgba(0,0,0,.85)!important;line-height: 24px} #faqContent .elementor-toggle .elementor-tab-content{padding: 0px} #faqContent .elementor-toggle .elementor-tab-content p,#faqContent .elementor-toggle .elementor-tab-content li,#faqContent .elementor-toggle .elementor-tab-content a{line-height: 20px;color: rgba(0, 0, 0, .65);font-size: 14px;} #faqContent .et-down-arrow:before,#faqContent .et-up-arrow:before{font-size: 12px} #faqContent .elementor-toggle .elementor-tab-title a:hover{color: #0060ef!important;transition: all 0.3s;} #faqTitle{margin-top: 40px} #categoryTopSlider .swiper-slide-contents{text-align: center;} #categoryTopSlider .swiper-slide-contents img{margin: auto;} #categoryTopSlider .swiper-slide-contents a{font-size: 12px} #compareContent h3 span{font-size: 22px!important} .enquiry-button{ min-width: 185px!important; background-color: #0060ef!important; color: #fff!important; border-radius: 45px!important;border: none!important; font-weight: 400!important; font-size: 16px!important;height: 45px;text-transform: capitalize!important;} /* Popup Background */ .enquiry-modal { visibility: hidden; opacity: 0; transition: visibility 0s linear 0.3s, opacity 0.3s; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .enquiry-modal.show { visibility: visible; opacity: 1; transition-delay: 0s; } /* Popup Content */ .enquiry-modal-content { background-color: #F7F7F7; width: auto; padding: 20px; border-radius: 8px; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); } .enquiry-modal-content textarea{height: 100px;border: none!important;} .enquiry-modal-content input{border: none!important;} .enquiry-modal-content input.wpcf7-not-valid{border: 1px solid red!important} /* Close Button */ .close-button { float: right; font-size: 24px; cursor: pointer; } .enqSub{text-align: center;} .enqSub p{ margin-bottom: 0px; margin-top: 15px;} .enqSub .wpcf7-submit{border-radius: 25px!important;} #enquiryPopup .wpcf7-not-valid-tip{display: none!important;} body .grecaptcha-badge{display: none!important;} body.tax-product_cat button.enquiry-button{height: 30px!important;line-height: 30px!important;font-size: 12px!important;background:#000!important;min-width: 120px!important;padding: 0px!important;margin-top: 0px!important} body.archive button.enquiry-button{height: 30px!important;line-height: 30px!important;font-size: 12px!important;background:#000!important;min-width: 120px!important;padding: 0px!important;margin-top: 0px!important;position: absolute;bottom: 130px;left: 50%;margin-left: -60px} .products .content-product del bdi,.products .content-product del bdi span{font-size: 10px!important} /* Hide all tab content by default on the frontend */ #specs-content, #box-content, #faq-content { display: none; } /* Show all tab content while editing in Elementor */ .elementor-editor-active #specs-content, .elementor-editor-active #box-content,.elementor-editor-active #faq-content { display: block !important; } .elementor-editor-active #info-content { background: #fad7a4 !important; border: 2px solid #e69a00; padding: 15px; } .elementor-editor-active #specs-content { background: #faa4eb !important; border: 2px solid #e618c2; padding: 15px; } .elementor-editor-active #box-content { background: #baebfc !important; border: 2px solid #0099cc; padding: 15px; } .elementor-editor-active #faq-content { background: #dc5c5c !important; border: 2px solid #e31d1d; padding: 15px; } .tabs-btn { cursor: pointer; padding: 10px 20px; background: #ddd; display: inline-block; margin-right: 10px; border-radius: 5px; } .tabs-btn.active { background: #0073e6; color: #fff; } #tabButton .elementor-column {width: 20%} #tabButton > .elementor-container {display: flex;align-items: center;justify-content: center;} #tabButton .tabs-btn{background: transparent!important;border-bottom: 1px solid rgba(0,0,0,.09);margin: 0px;border-radius: 0px;text-align: center;} #tabButton .tabs-btn .elementor-button {color: rgba(0,0,0,.5)!important;background: transparent!important;} #tabButton .tabs-btn.active .elementor-button {color: rgba(0,0,0,1)!important;background: transparent!important;} #tabButton .elementor-column > div{padding: 0px!important} #tabButton .tabs-btn.active{position: relative;} #tabButton .tabs-btn.active:after{position: absolute;height: 2px;width: 100%;background: #000;bottom: 0px;content: "";left: 0px;} .single-product .prefooter{display: none!important;} .tab-content .elementor-column-gap-default{margin: 0px!important} .tab-content > div > div > .elementor-widget-wrap{padding:30px 0!important} #tabButton .elementor-column.elementor-col-25 {width: 25%;} #tabButton .elementor-column.elementor-col-33 {width: 33.33%;} .simple-box-contents h3{margin-bottom: 15px!important} #tabButton > .elementor-container{justify-content: flex-start!important;} .tab-content{margin-left: -10px;margin-right: -10px} #tabButton > .elementor-container{margin: 0px!important} #tabButton .tabs-btn span{font-size: 16px!important} #serial-check{min-height: 70vh;background: #f6f6f6} #serial-check-form{padding: 50px;} #serial-check-form h2{text-align: center;margin-bottom: 30px} #serial-check-form > div{display: flex;align-items: center;max-width: 600px;margin: auto;} #serial-check-form input{border-radius: 25px 0 0 25px;background: #fff!important;height: 45px} #serial-check-form button{background:#004ecb!important;border: 1px solid #004ecb!important;border-radius: 0 25px 25px 0;height: 45px;color: #fff!important;font-size: 16px} #serial-check-result{padding: 50px 0;max-width: 600px;margin: auto;} .serial-result-Wrap a{display: flex; align-items: center; justify-content: center; padding: 10px 20px; border-radius: 25px; background: #004ecb!important; color: #fff; text-transform: uppercase; font-size: 18px;margin: auto;} .serial-result-Wrap{display: flex;align-items: center;justify-content: center; border: none;flex-wrap: wrap;font-size: 18px;border-radius: 25px;background: #fff;padding: 30px;} .serial-result-Wrap > div{/*border: 1px solid #ccc;*/width: 50%;padding: 10px; display: flex;flex-direction: column;} .serial-result-Wrap > div:last-child{width: 75%;} #specs-content table td{padding: 10px!important;border: 1px solid #ccc} #specs-content table th{padding: 10px!important;border: 1px solid #ccc; font-size: 18px; font-weight: bold; color: #fff;background: #000} #specs-content table td:last-child, #specs-content table th:last-child{text-align: left!important;} #whatsNewSection .swiper-wrapper{ display: flex;flex-direction: row-reverse;direction: rtl} #whatsNewSection .swiper-wrapper .etheme-product-grid-content{direction: ltr} @media only screen and (min-width: 993px){ .woocommerce-MyAccount-content { display: inline-block; width: 70%; float: right; } } @media only screen and (min-width: 1200px) { .elementor-5 .elementor-element.elementor-element-da6c478 .swiper-slide-inner{max-width: 1504px!important;padding-left: 30px;padding-right: 30px;} .home .elementor-column-gap-no{max-width: 100%!important;padding-left: 0px!important;padding-right: 0px!important} .home #whyShop .elementor-container{padding-left: 0px!important;padding-right: 0px!important} .home .plpr10{padding-left: 10px!important;padding-right: 10px!important} .home .elementor-widget-video .elementor-wrapper{padding-left: 10px!important;padding-right: 10px!important} } @media only screen and (min-width: 1920px) { .elementor-5 .elementor-element.elementor-element-da6c478 .swiper-slide-inner{max-width: 1664px!important;padding-left: 30px;padding-right: 30px;} .home .elementor-column-gap-no{max-width: 100%!important;padding-left: 0px!important;padding-right: 0px!important} #whyShop .elementor-element .elementor-widget-container{height: 100%!important} #whyShop .elementor-column.elementor-col-25 .elementor-widget-wrap{height: 100%!important} .alignTop{top: 0px!important} #whyShop .elementor-column.elementor-col-25 .elementor-widget-wrap > div:last-child{height: 100%!important} #whyShop .elementor-column.elementor-col-25:first-child figure,#whyShop .elementor-column.elementor-col-25:last-child figure{height: 100%!important} #whyShop {margin-bottom: 30px} } @media only screen and (max-width: 1200px) { #quickLinksSection .elementor-widget-wrap{flex-wrap: nowrap;} } @media only screen and (max-width: 980px) { .et_b_header-logo img{max-width: 60px} #custom_html-2{margin-bottom: 0px!important} .woocommerce-shop .content-page{margin-top: 30px} .category-description{display: none!important;} #whatsNewSection h2.woocommerce-loop-product__title{font-size: 18px!important;min-height: 60px} #whatsNewSection .etheme-product-grid-content{padding-top: 0px!important} .home #whatsNewSection .swiper-button-prev{right:22vw;} .home h2.woocommerce-loop-product__title{font-size: 16px!important} .etheme-sticky-panel.outside{display: none!important;} .etheme-woocommerce-product-gallery .thumbnails-list .swiper-slide{padding: 3px} .single-product .swiper-container-grid .swiper-wrapper{justify-content: center;} } @media only screen and (max-width: 767px) { .mobile-header-wrapper .et_b_header-logo.et_element-top-level img{width:50px;} .elementor-5 .elementor-element.elementor-element-da6c478 .swiper-slide-contents{max-width: 100%} .etheme-elementor-slides .swiper-slide-inner{padding: 20px} .elementor-5 .elementor-element.elementor-element-da6c478 .etheme-slide-description,.elementor-5 .elementor-element.elementor-element-da6c478 .etheme-slide-subheading{font-size: 16px} h2:not(.bambu-detail-story h2,.bambu-downloads h2){font-size: 20px!important} .home h2.woocommerce-loop-product__title{font-size: 14px!important;line-height: 18px!important;margin-bottom: 10px!important} #whatsNewSection h2.woocommerce-loop-product__title{font-size: 14px!important} .elementor-5 .elementor-element.elementor-element-1e55e9c > .elementor-element-populated{padding-left: 20px!important;padding-right: 20px!important} .categoriesCarousel{margin-left: 0px!important;margin-right: 0px!important} .elementor-5 .elementor-element.elementor-element-816e06c .categories-mask h4{font-size: 16px!important;padding-left: 20px} .content-product .product-title{line-height: 1.3} #homebanner .swiper-slide{height: 200px} #homebanner .swiper-slide .swiper-slide-inner{padding: 15px} #homebanner .swiper-slide .etheme-slide-heading{font-size: 20px} #homebanner .swiper-slide .etheme-slide-subheading{font-size: 12px!important;width:65%;} #homebanner .swiper-button-prev,#homebanner .swiper-button-next{display: none;} body #quickLinksSection .elementor-widget-etheme_icon_box{width:25%!important;} .etheme-product-grid-content{padding: 0 15px 15px 15px!important} .etheme-product-grid-categories a{font-size: 10px!important} .etheme-product-grid-image img{padding: 0} .home bdi,.etheme-product-grid-item .price{font-size: 12px!important} .home section{margin-top: 30px!important} .elementor-5 .elementor-element.elementor-element-87bedf6{margin: 0px!important} .home .elementor-5 .elementor-element.elementor-element-285b2ae{margin-top: 0px!important} .elementor-5 .elementor-element.elementor-element-95c5214{margin-top: 0px!important} .home .swiper-pagination-bullets{margin-bottom: 0px} .home .swiper-pagination-bullets .swiper-pagination-bullet{width: 6px;height: 6px} .home #whatsNewSection .swiper-button-prev,.home #whatsNewSection .swiper-button-next{width: 30px!important;height: 30px!important;top:-46px;} #quickLinksSection{margin-top: 0px!important} .home #whatsNewSection .swiper-button-prev{right: 25vw} .home .etheme-product-grid-bordered:not(.type-slider){display: flex;flex-wrap: wrap;justify-content: space-between;} .home .etheme-product-grid-bordered:not(.type-slider) > div{width:48%;margin: 0px 0px 12px 0px!important} .elementor-widget-video .elementor-widget-container{margin-top: 10px!important;margin-bottom:10px!important} .elementor-widget-etheme_categories:not(.bambu-category-ribbon) .elementor-widget-container{margin-top: 10px!important;margin-bottom:10px!important} #quickLinksSection .elementor-widget-wrap{flex-wrap: nowrap!important;justify-content: flex-start;overflow-x: scroll;} #quickLinksSection .elementor-widget-wrap::-webkit-scrollbar {display: none;} #quickLinksSection .elementor-widget-wrap {-ms-overflow-style: none;scrollbar-width: none;} body #quickLinksSection .elementor-widget-etheme_icon_box{min-width: 100px!important} video.elementor-video{min-height: 300px} .elementor-5 .elementor-element.elementor-element-630e2de .etheme-advanced-headline{margin-bottom: 0px!important} .header-html_block2{left:0px;top: 0px;position: fixed;} .header-html_block2 .menuWrapper{display: block!important;min-height: inherit!important;} .header-html_block2 .menuSubcontent{display: block!important;} .leftTabContent{width: 100%!important} .rightTabContent.menuShowRight{display: none!important;} .titleVide {display: none;} .header-html_block2{height: 100vh;overflow: scroll;width:80%;display: none!important;} .menuSubcontent.menuSubcontentid-1, .menuSubcontent.menuSubcontentid-12, .menuSubcontent.menuSubcontentid-21{display: none!important;} .header-html_block2{margin: 0px!important;padding: 50px 20px;background:#fff!important;z-index: 99999} #menu-mobilemenu .sub-menu{padding-left: 20px;display: none;} #menu-mobilemenu .sub-menu li{line-height: 2} #menu-mobilemenu > li > a{padding: 10px 0;width:100%;display: block;position: relative;} #menu-mobilemenu li.menu-item-has-children > a:after,#menu-mobilemenu li.menu-item-has-children > a:before{ content: ""; display: inline-block; width: 11px; height: 1px; background-color: #6d6d6d; position: absolute; right: 0 } #menu-mobilemenu li.menu-item-has-children > a:before { top: 50%; transform: rotate(90deg); } #menu-mobilemenu li.menu-item-has-children > a:after { bottom: calc(50% + -1px) } #menu-mobilemenu > li > a.expandMenu:before{display: none!important;} #menu-mobilemenu .sub-menu.showSubMenu{display: block!important;} #menu-mobilemenu .sub-menu.showSubMenu .sub-menu{display: block!important;} .et-mobile-panel .et_column { -webkit-box-flex: 1; -ms-flex: 1 0 18%; flex: 1 0 18%;} #menu-mobilemenu .nav-sublist-dropdown.showSubMenu{display: block!important;} #menu-mobilemenu .nav-sublist-dropdown.showSubMenu .container > ul{display: block!important;} #menu-mobilemenu .nav-sublist.showSubMenu > ul{display: block!important;} div.mobile-menu-content .open-child{display: none!important;} #menu-mobilemenu ul{opacity: 1!important} #menu-mobilemenu ul li a{opacity: 1!important} #menu-mobilemenu{padding: 40px 0} .et_b_mobile-panel-more_toggle{display: none!important;} #custom_html-4 p{font-size: 10px!important} .products .content-product bdi{font-size: 12px!important} .content-product .product-title a{line-height: 20px!important} .sidebar #custom_html-2{margin-bottom: 0px!important} .wpc-open-close-filters-button{width:100%!important;border: 1px solid #ccc!important;color: #ccc!important} .tax-product_cat .content-page{margin-top: 20px} #whatsNewSection h2.woocommerce-loop-product__title{min-height: 40px} #custom_html-4{margin-bottom: 20px} .etheme-woocommerce-product-gallery .thumbnails-list .swiper-slide{padding: 3px} .single-product .swiper-container-grid .swiper-wrapper{justify-content: center;} .single-product .arrows-hovered .sm-arrow, .single-product .arrows-hovered>.swiper-container .swiper-custom-left, .single-product .arrows-hovered>.swiper-container .swiper-custom-right{display: none!important;} .single-product .thumbnails-list .swiper-slide a{transform:inherit!important;} .single-product .product_title{font-size: 22px} .single-product .price{font-size: 16px} .single-product h4{font-size: 14px} .single-product .variations_form > div{width: 100%} .single-product .et_product-block{margin-top: 10px} .single-product .et-mobile-panel-wrapper{display: none!important;} .woocommerce-product-gallery.images-wrapper{margin-top: 0px} p{font-size: 14px} .single-product form.cart table.variations th.label label{font-size: 14px!important} ul.variable-items-wrapper li span{font-size: 14px} ul.variable-items-wrapper li label{padding: 10px!important} .cart-checkout-nav{font-size: 100%} .single-product footer{display: none!important;} .single-product #back-top{display: none!important;} .single_simple_wrap .sticky_header_title{display: none;} .single-product-builder .single_add_to_cart_button.button{align-self: flex-end;} .single_simple_wrap .et-row-container{padding: 0px!important} .single_simple_wrap .et-row-container .woocommerce-Price-amount{display: flex;min-width: 150px} .single_simple_wrap{padding: 10px 15px} .single-product-builder .connect-block-element-4C4L5 .single_add_to_cart_button{margin-bottom: 0px!important} .single_variation_wrap .sticky_header_title{display: none;} .woobt-wrap h3{font-size: 14px!important;margin-bottom: 0px!important;margin-top: 20px!important} .woobt-products .woobt-product .woobt-title a,.woobt-products .woobt-product .woobt-price .amount{font-size: 14px} .single_variation_wrap .et-row-container{justify-content: space-between;padding: 0px!important} /* .single_variation_wrap{padding: 10px 15px!important} */ /* .woocommerce-variation.single_variation{display: block!important;width: 50%!important} */ .element-Y6nT7{margin-top: 30px!important;margin-bottom: 60px!important} .single_variation_wrap .woocommerce-variation-price{margin: 0px!important} .element-Y6nT7 h3{font-size: 16px!important} .single-product .product_title{font-size: 20px!important} #custom_html-4{padding: 0 15px!important} #custom_html-5 p{font-size: 10px!important} .woocommerce-pagination{padding-bottom: 0px!important;margin-bottom: 0px!important} .single-product-builder .connect-block-element-4C4L5 .single_add_to_cart_button{font-size: 14px!important} .single-product .et_product-block p{font-size: 14px} .sidebar-left #custom_html-2{display: none;} /*#woocommerce_product_categories-2{position: absolute;width: 100%;background:#fff!important;z-index: 99;left: 0px;padding: 20px} #woocommerce_product_categories-2 ul.product-categories{display: none;} #woocommerce_product_categories-2 ul.product-categories.showFilters{display: block;}*/ .videoOverlay{height: 300px;padding-left: 20px;} .videoOverlay h4{font-size: 14px!important} .videoOverlay a{font-size: 14px!important;padding: 9px 24px} .et-mobile-panel .et-content_toggle .et-mini-content{height: calc(100vh - 120px)} .et-mobile-panel .autocomplete-suggestions { max-height: calc(100vh - 190px);} .et_product-block .single_variation_wrap{z-index: 999} .intheBoxFlex > .variation-custom-field{width: 49%;padding: 5px;margin-bottom: 20px} #custom-variation-text h3{text-align: center;margin-top: 30px;margin-bottom: 25px;} .intheBoxFlex > .variation-custom-field p {font-size: 14px !important;} .intheBoxFlex > .simple-custom-field p {font-size: 14px !important;} .flexboxGrid .elementor-container{flex-wrap: nowrap;overflow-x: scroll;overflow-y: hidden;margin-left: -4px;margin-right: -4px} .flexboxGrid .elementor-container .col5,.flexboxGrid .elementor-container .col7,.flexboxGrid .elementor-container .col12{flex-basis: auto;width: 90%!important;max-width: 90%;padding-left: 4px;padding-right: 4px;} .flexboxGrid .elementor-widget-text-editor{left: 5%;right: 5%;top: 5%;width: 85%} .flexboxGrid h4{font-size: 16px!important} .flexboxGrid .elementor-container .col5 img,.flexboxGrid .elementor-container .col7 img, .flexboxGrid .elementor-container .col12 img,.flexboxGrid .elementor-container .col12 video{object-fit: cover;height: calc(133.3333333vw - 63.999984px);} .flexboxGrid p{line-height: 20px} .intheBoxFlex { display: grid; grid-auto-flow: column; /* Makes grid items flow horizontally */ grid-template-rows: repeat(2, auto); /* Creates 2 rows */ gap: 10px; /* Space between items */ overflow-x: auto; /* Enables horizontal scrolling */ scroll-snap-type: x mandatory; /* Enables smooth scrolling */ width: 100%; /* Ensures container width */ padding-bottom: 10px; /* Prevents scrollbar overlap */ white-space: nowrap; /* Prevents wrapping */ } .variation-custom-field { scroll-snap-align: start; /* Snaps to grid items */ } .intheBoxFlex > .variation-custom-field{width: 200px} .intheBoxFlex > .variation-custom-field p{white-space: normal;line-height: 18px} #faqContent .elementor-toggle .elementor-tab-title{font-size: 14px} #faqContent .elementor-toggle .elementor-tab-content p, #faqContent .elementor-toggle .elementor-tab-content li, #faqContent .elementor-toggle .elementor-tab-content a{font-size: 14px} .element-Y6nT7{margin-top: 0px;} .element-Y6nT7 h3{font-size: 20px!important;font-weight: 600!important;color: #3b3e40!important} .elementor-widget-video .elementor-widget-container{margin-top: 0px!important;margin-bottom: 0px!important} .flexboxGrid .elementor-container .col12.elementor-widget-video{width: 100%!important;max-width: 100%!important} #compareTop .elementor-container{flex-wrap: nowrap; overflow-x: scroll; overflow-y: hidden; margin-left: -4px; margin-right: -4px;} #compareTop .elementor-container .elementor-column {flex: 0 0 40%;} #compareContent .elementor-container{flex-wrap: nowrap; overflow-x: scroll; overflow-y: hidden; margin-left: -4px; margin-right: -4px;} #compareContent .elementor-container .elementor-column {flex: 0 0 40%;} #compareTop h3 span,#compareContent h3 span{font-size: 18px!important} #compareContent p span{font-size: 14px!important} .enquiry-modal-content{width: 90%} #tabButton {display: flex;} #tabButton > .elementor-container{ padding: 0; display: flex; align-items: center; list-style: none; flex: 1; overflow-x: scroll; position: relative; scrollbar-width: none; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; overflow: -moz-scrollbars-none;flex-wrap: nowrap!important;} #tabButton .tabs-btn.active .elementor-button{padding: 10px 0px!important;} #tabButton .tabs-btn .elementor-button{padding: 10px 0px!important;min-width: 150px!important} #tabButton .tabs-btn{padding: 0px!important} #tabButton .elementor-column{width: 150px!important} #tabButton > .elementor-container{justify-content: flex-start!important} #serial-check-form {padding: 50px 20px;} .serial-result-Wrap > div,.serial-result-Wrap > div:last-child{width: 100%!important} .serial-result-Wrap a,.serial-result-Wrap,#serial-check-form button{font-size: 14px} .serial-result-Wrap a{width: 100%!important} #homebanner .swiper-slide.elementor-repeater-item-09443ff .etheme-slide-heading{font-size: 18px!important;margin-bottom: 10px!important} #homebanner .swiper-slide.elementor-repeater-item-09443ff .etheme-slide-description{font-size: 12px!important} #homebanner .swiper-slide.elementor-repeater-item-09443ff .etheme-slide-heading label br{display: none!important} #homebanner .etheme-slide-button{padding: 10px 20px!important;font-size: 10px!important} } /* ========================================= XSTORE STICKY CART - CLEAN LAYOUT ========================================= */ /* Hide product title in sticky bar */ .single_simple_wrap .sticky_header_title { display: none !important; } /* Hide quantity selector in sticky bar */ .single_simple_wrap .quantity { display: none !important; } /* Hide the "or" between buttons */ .single_simple_wrap .et-or-wrapper { display: none !important; } /* Hide product thumbnail and title from XStore sticky cart */ .sticky_product_title { display: none !important; } .et_column.et_col-xs-5.flex-inline.align-items-center.mob-hide:has(.sticky_product_title) { display: none !important; } /* Hide duplicate WPC Frequently Bought Together price */ .single-product p[class*="woobt-price-"] { display: none !important; } /* ===================================================== BAMBU MAIN PRODUCT OPTIONS / PURCHASE AREA Only affects the main product-information column ===================================================== */ /* Compatibility spacing */ .product-information .bambu-compatibility { margin-top: 28px; margin-bottom: 24px; } /* Labels: Compatibility + Quantity */ .product-information .bambu-option-label, .product-information .bambu-cart-quantity-label { display: block !important; font-size: 18px; font-weight: 600; line-height: 1.3; color: #222; margin-bottom: 10px; } /* Compatibility button */ .product-information .bambu-compatibility-value { display: inline-flex !important; align-items: center; justify-content: center; min-height: 42px; padding: 8px 14px; border: 1px solid #00ae42; border-radius: 4px; background: #fff; color: #00ae42; font-size: 14px; font-weight: 500; } /* ===================================================== MAIN PURCHASE FORM ===================================================== */ .product-information .bambu-main-purchase { display: block !important; position: static !important; width: 100% !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; } /* Remove old horizontal XStore container behavior */ .product-information .bambu-main-purchase > .et-row-container { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } /* Real WooCommerce form */ .product-information .bambu-main-purchase form.cart { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 12px !important; margin: 0 !important; width: 100% !important; } /* Show real quantity */ .product-information .bambu-main-purchase form.cart .quantity { display: flex !important; flex-basis: 100% !important; width: fit-content !important; margin: 0 0 14px 0 !important; } /* Remove OR */ .product-information .bambu-main-purchase .et-or-wrapper { display: none !important; } /* Add to Cart + Buy Now */ .product-information .bambu-main-purchase .single_add_to_cart_button { margin: 0 !important; } /* Align main quantity selector under Quantity heading */ .product-information .bambu-main-purchase form.cart .quantity { display: flex !important; flex-basis: 100% !important; width: 120px !important; margin: 0 0 14px 0 !important; justify-content: flex-start !important; } .product-information .bambu-main-purchase .woopq-quantity { margin-left: 0 !important; margin-right: auto !important; } /* ===================================================== MAIN PRODUCT AREA Hide purchase buttons - buttons remain in sticky bar ===================================================== */ .product-information .bambu-main-purchase form.cart > .add_to_cart_button, .product-information .bambu-main-purchase form.cart > .et-single-buy-now { display: none !important; } /* Hide OR separator in main area */ .product-information .bambu-main-purchase .et-or-wrapper { display: none !important; } /* ===================================================== XSTORE BOTTOM STICKY CART Price + Add to Cart + Buy Now only ===================================================== */ /* Show price in sticky bar */ .etheme-sticky-cart p[class*="woobt-price-"] { display: block !important; margin: 0 18px 0 0 !important; } /* Hide Quantity label in sticky bar */ .etheme-sticky-cart .bambu-cart-quantity-label { display: none !important; } /* Hide quantity selector in sticky bar */ .etheme-sticky-cart .quantity { display: none !important; } /* Hide OR */ .etheme-sticky-cart .et-or-wrapper { display: none !important; } /* Main product price */ .product-information .bambu-main-price { font-size: 28px !important; font-weight: 800 !important; line-height: 1.3; margin-top: 10px !important; margin-bottom: 12px !important; } /* Sticky cart price */ .etheme-sticky-cart p[class*="woobt-price-"] { font-size: 20px !important; font-weight: 600 !important; } /* Main product title */ .product-information .product_title { font-size: 24px !important; line-height: 1.2 !important; font-weight: 900 !important; } /* Remove icons from sticky cart buttons */ .etheme-sticky-cart .single_add_to_cart_button i, .etheme-sticky-cart .single_add_to_cart_button svg, .etheme-sticky-cart .single_add_to_cart_button:before, .etheme-sticky-cart .single_add_to_cart_button:after { display: none !important; } /* ===================================================== VARIABLE PRODUCTS - QUANTITY ===================================================== */ /* Quantity label */ .product-information .variations_button .bambu-variable-quantity-label { display: block !important; width: 100% !important; font-size: 18px; font-weight: 600; line-height: 1.3; color: #222; margin: 24px 0 10px !important; } /* Show the real quantity selector */ .product-information .variations_button .quantity { display: flex !important; width: 120px !important; margin: 0 !important; } /* ===================================================== VARIABLE PRODUCT - PURCHASE AREA LAYOUT ===================================================== */ .product-information .variations_button { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; margin-top: 24px !important; } /* Quantity heading */ .product-information .variations_button .bambu-variable-quantity-label { width: auto !important; margin: 0 0 10px 0 !important; text-align: left !important; } /* Quantity selector */ .product-information .variations_button .quantity { display: flex !important; width: auto !important; margin: 0 !important; align-self: flex-start !important; } /* ===================================================== VARIABLE PRODUCT - RESET XSTORE VARIATION WRAPPER ===================================================== */ .product-information .single_variation_wrap > .et-row-container.et-container { display: block !important; width: 100% !important; max-width: none !important; padding: 0 !important; margin: 0 !important; } /* We don't need the duplicated product title here */ .product-information .single_variation_wrap .sticky_header_title { display: none !important; } /* Keep purchase section full width */ .product-information .single_variation_wrap .bambu-variable-purchase { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; } /* ===================================================== BAMBU VARIABLE PRODUCT - MAIN PRODUCT AREA ===================================================== */ /* New wrapper added in variable.php */ .product-information .bambu-variable-section { display: block !important; width: 100% !important; clear: both !important; margin: 20px 0 0 !important; padding: 0 !important; } /* Variation result wrapper */ .product-information .bambu-variable-section .bambu-variable-wrap { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; position: static !important; float: none !important; background: transparent !important; } /* Purchase section */ .product-information .bambu-variable-section .bambu-variable-purchase { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; position: static !important; float: none !important; } /* Quantity label */ .product-information .bambu-variable-section .bambu-variable-quantity-label { display: block !important; width: 100% !important; margin: 0 0 10px !important; padding: 0 !important; position: static !important; float: none !important; text-align: left !important; } /* Quantity control */ .product-information .bambu-variable-section .bambu-variable-purchase .quantity { display: flex !important; width: auto !important; margin: 0 !important; position: static !important; float: none !important; } /* PLA / VARIABLE PRODUCT - ALIGN QUANTITY CONTROL LEFT */ .product-information .bambu-variable-section .bambu-variable-purchase .quantity.woopq-quantity { display: inline-flex !important; margin: 0 !important; margin-left: 0 !important; margin-right: auto !important; transform: none !important; position: relative !important; left: 0 !important; right: auto !important; float: none !important; align-self: flex-start !important; } /* ===================================================== VARIABLE PRODUCT - CLEAN MAIN PURCHASE AREA ===================================================== */ /* Hide variation price in main product area */ .product-information .bambu-variable-section .woocommerce-variation-price { display: none !important; } /* Hide main Add to Cart button */ .product-information .bambu-variable-section .single_add_to_cart_button:not(.et-single-buy-now) { display: none !important; } /* Hide main Buy Now button */ .product-information .bambu-variable-section .et-single-buy-now { display: none !important; } /* Hide the OR separator */ .product-information .bambu-variable-section .et-or-wrapper { display: none !important; } /* ===================================================== BAMBU VARIABLE OPTIONS - VERTICAL SPACING ===================================================== */ /* Space between each attribute section */ .product-information .variations_form .variations tr { display: block !important; margin-bottom: 24px !important; } /* Attribute heading: Filament Type / Color */ .product-information .variations_form .variations th.label { display: block !important; padding: 0 !important; margin: 0 0 12px 0 !important; } /* Options area */ .product-information .variations_form .variations td.value { display: block !important; padding: 0 !important; margin: 0 !important; } /* Keep a clean gap before Quantity */ .product-information .bambu-variable-section { margin-top: 26px !important; } /* Quantity heading spacing */ .product-information .bambu-variable-quantity-label { margin-bottom: 10px !important; } /* ===================================================== BAMBU LAB STYLE - GLOBAL VARIATION ATTRIBUTES ===================================================== */ /* ----------------------------------------------------- ATTRIBUTE ROW SPACING ----------------------------------------------------- */ .product-information .variations_form .variations tr { display: block !important; margin: 0 0 30px 0 !important; padding: 0 !important; } .product-information .variations_form .variations th.label { display: block !important; margin: 0 0 18px 0 !important; padding: 0 !important; text-align: left !important; } body.single-product .product-information form.variations_form table.variations th.label label { margin: 0 !important; font-size: 18px !important; line-height: 1.4 !important; font-weight: 600 !important; color: #171717 !important; } .product-information .variations_form .variations td.value { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ----------------------------------------------------- OPTIONS WRAPPER ----------------------------------------------------- */ .product-information .variations_form .variable-items-wrapper { display: flex !important; flex-wrap: wrap !important; align-items: center !important; column-gap: 15px !important; row-gap: 15px !important; margin: 0 !important; padding: 0 !important; } /* Color rows: never exceed nine swatches, and collapse cleanly on narrow screens. */ .product-information .variations_form ul.st-color-swatch, .product-information .variations_form .color-variable-items-wrapper { display: grid !important; grid-template-columns: repeat(auto-fit, 42px) !important; gap: 15px !important; align-items: center !important; justify-content: start !important; width: 100% !important; max-width: 498px !important; margin: 0 !important; padding: 0 !important; } @media only screen and (max-width: 767px) { .product-information .variations_form ul.st-color-swatch, .product-information .variations_form .color-variable-items-wrapper { grid-template-columns: repeat(5, 42px) !important; width: 270px !important; max-width: 100% !important; min-width: 0 !important; } } @media only screen and (max-width: 374px) { .product-information .variations_form ul.st-color-swatch, .product-information .variations_form .color-variable-items-wrapper { grid-template-columns: repeat(4, 42px) !important; width: 213px !important; } } @media only screen and (max-width: 260px) { .product-information .variations_form ul.st-color-swatch, .product-information .variations_form .color-variable-items-wrapper { grid-template-columns: repeat(3, 42px) !important; width: 156px !important; } } /* ===================================================== COLOR SWATCHES ===================================================== */ .product-information .variations_form li.type-color { box-sizing: border-box !important; position: relative !important; width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; max-width: 42px !important; max-height: 42px !important; display: grid !important; place-items: center !important; margin: 0 !important; padding: 0 !important; background: #fff !important; border: 1px solid #d0d0d0 !important; border-radius: 50% !important; box-shadow: none !important; } /* Actual color circle */ .product-information .variations_form li.type-color .st-custom-attribute { display: block !important; position: static !important; inset: auto !important; flex: 0 0 36px !important; width: 36px !important; height: 36px !important; min-width: 36px !important; min-height: 36px !important; border-radius: 50% !important; margin: 0 !important; padding: 0 !important; transform: none !important; } /* Selected color */ .product-information .variations_form li.type-color.selected { border: 1px solid #fff !important; padding: 0 !important; box-shadow: 0 0 0 2px #00ae42 !important; } .product-information .variations_form li.type-color:focus-visible { outline: 2px solid #00ae42 !important; outline-offset: 2px !important; } /* XStore's live variation script applies sten-li-disabled to unavailable colors. */ .product-information .variations_form li.type-color.sten-li-disabled, .product-information .variations_form li.type-color.disabled, .product-information .variations_form li.type-color[aria-disabled="true"] { cursor: not-allowed !important; overflow: hidden !important; } .product-information .variations_form li.type-color.sten-li-disabled .st-custom-attribute, .product-information .variations_form li.type-color.disabled .st-custom-attribute, .product-information .variations_form li.type-color[aria-disabled="true"] .st-custom-attribute { opacity: 0.55 !important; } /* Remove XStore's opaque white mask so the original color remains identifiable. */ .product-information .variations_form li.type-color.sten-li-disabled .st-custom-attribute::after, .product-information .variations_form li.type-color.disabled .st-custom-attribute::after, .product-information .variations_form li.type-color[aria-disabled="true"] .st-custom-attribute::after { content: none !important; display: none !important; } /* A subtle contained diagonal strike communicates color unavailability. */ .product-information .variations_form li.type-color.sten-li-disabled::before, .product-information .variations_form li.type-color.disabled::before, .product-information .variations_form li.type-color[aria-disabled="true"]::before { content: "" !important; position: absolute !important; inset: 4px !important; z-index: 3 !important; border-radius: 50% !important; background: linear-gradient( 135deg, transparent calc(50% - 0.5px), rgba(120, 120, 120, 0.42) calc(50% - 0.5px), rgba(120, 120, 120, 0.42) calc(50% + 0.5px), transparent calc(50% + 0.5px) ) !important; pointer-events: none !important; } /* ===================================================== ALL OTHER ATTRIBUTES Type / Weight / Configuration / Size / etc. ===================================================== */ .product-information .variations_form .variable-item:not(.type-color) { box-sizing: border-box !important; width: auto !important; min-width: 0 !important; height: 40px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 13px !important; background: #fff !important; border: 1px solid #d0d0d0 !important; border-radius: 4px !important; box-shadow: none !important; cursor: pointer !important; transition: border-color 0.15s ease, color 0.15s ease !important; } /* Text */ .product-information .variations_form .variable-item:not(.type-color) .variable-item-span { margin: 0 !important; padding: 0 !important; background: transparent !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1 !important; color: #222 !important; } /* Selected option */ .product-information .variations_form .variable-item:not(.type-color).selected { border-color: #00ae42 !important; background: #f3fff6 !important; box-shadow: none !important; } /* Selected option text */ .product-information .variations_form .variable-item:not(.type-color).selected .variable-item-span { color: #00ae42 !important; } /* Hover */ .product-information .variations_form .variable-item:not(.type-color):hover { border-color: #00ae42 !important; background: #f3fff6 !important; } .product-information .variations_form .variable-item:not(.type-color):hover .variable-item-span { color: #00ae42 !important; } /* Unavailable non-color options stay disabled without XStore's strike mark. */ body.single-product .product-information .variations_form .variable-item:not(.type-color).sten-li-disabled, body.single-product .product-information .variations_form .variable-item:not(.type-color).disabled, body.single-product .product-information .variations_form .variable-item:not(.type-color)[aria-disabled="true"] { opacity: 1 !important; border-color: #d8d8d8 !important; background: #f4f4f4 !important; background-image: none !important; cursor: not-allowed !important; } body.single-product .product-information .variations_form .variable-item:not(.type-color).sten-li-disabled .variable-item-span, body.single-product .product-information .variations_form .variable-item:not(.type-color).disabled .variable-item-span, body.single-product .product-information .variations_form .variable-item:not(.type-color)[aria-disabled="true"] .variable-item-span { color: #999 !important; background: transparent !important; background-image: none !important; } body.single-product .product-information .variations_form .variable-item:not(.type-color).sten-li-disabled::before, body.single-product .product-information .variations_form .variable-item:not(.type-color).sten-li-disabled::after, body.single-product .product-information .variations_form .variable-item:not(.type-color).disabled::before, body.single-product .product-information .variations_form .variable-item:not(.type-color).disabled::after, body.single-product .product-information .variations_form .variable-item:not(.type-color)[aria-disabled="true"]::before, body.single-product .product-information .variations_form .variable-item:not(.type-color)[aria-disabled="true"]::after, body.single-product .product-information .variations_form .variable-item:not(.type-color).sten-li-disabled .variable-item-contents::before, body.single-product .product-information .variations_form .variable-item:not(.type-color).sten-li-disabled .variable-item-contents::after, body.single-product .product-information .variations_form .variable-item:not(.type-color).disabled .variable-item-contents::before, body.single-product .product-information .variations_form .variable-item:not(.type-color).disabled .variable-item-contents::after, body.single-product .product-information .variations_form .variable-item:not(.type-color)[aria-disabled="true"] .variable-item-contents::before, body.single-product .product-information .variations_form .variable-item:not(.type-color)[aria-disabled="true"] .variable-item-contents::after, body.single-product .product-information .variations_form .variable-item:not(.type-color).sten-li-disabled .variable-item-span::before, body.single-product .product-information .variations_form .variable-item:not(.type-color).sten-li-disabled .variable-item-span::after, body.single-product .product-information .variations_form .variable-item:not(.type-color).disabled .variable-item-span::before, body.single-product .product-information .variations_form .variable-item:not(.type-color).disabled .variable-item-span::after, body.single-product .product-information .variations_form .variable-item:not(.type-color)[aria-disabled="true"] .variable-item-span::before, body.single-product .product-information .variations_form .variable-item:not(.type-color)[aria-disabled="true"] .variable-item-span::after { content: none !important; display: none !important; background: none !important; background-image: none !important; } /* ===================================================== QUANTITY SPACING ===================================================== */ .product-information .bambu-variable-section { margin-top: 0 !important; } .product-information .bambu-variable-quantity-label, .product-information .bambu-cart-quantity-label { font-size: 18px !important; font-weight: 600 !important; line-height: 1.4 !important; color: #171717 !important; margin: 0 0 12px 0 !important; } /* Prevent "From" price flash while default variation loads */ .product-type-variable .bambu-main-price { visibility: hidden; } .product-type-variable .bambu-main-price.bambu-price-ready { visibility: visible; } /* ===================================================== BAMBU GLOBAL STICKY PURCHASE BAR SIMPLE + VARIABLE PRODUCTS ===================================================== */ /* Sticky price */ .etheme-sticky-cart p[class*="woobt-price-"] { display: block !important; margin: 0 18px 0 0 !important; font-size: 20px !important; font-weight: 600 !important; line-height: 42px !important; color: #333 !important; } /* ===================================================== ADD TO CART - SIMPLE + VARIABLE ===================================================== */ .etheme-sticky-cart .single_add_to_cart_button:not(.et-single-buy-now), .etheme-sticky-cart .bambu-sticky-variable-add { background: #222222 !important; border: 1px solid #222222 !important; color: #ffffff !important; } /* Add to Cart hover */ .etheme-sticky-cart .single_add_to_cart_button:not(.et-single-buy-now):hover, .etheme-sticky-cart .bambu-sticky-variable-add:hover { background: #000000 !important; border-color: #000000 !important; color: #ffffff !important; } /* ===================================================== BUY NOW - SIMPLE + VARIABLE ===================================================== */ .etheme-sticky-cart .et-single-buy-now, .etheme-sticky-cart .bambu-sticky-buy-now { background: #339c3c !important; border: 1px solid #339c3c !important; color: #ffffff !important; } /* Buy Now hover */ .etheme-sticky-cart .et-single-buy-now:hover, .etheme-sticky-cart .bambu-sticky-buy-now:hover { background: #278532 !important; border-color: #278532 !important; color: #ffffff !important; } /* ===================================================== VARIABLE PRODUCT SPACING MATCH SIMPLE PRODUCT ===================================================== */ .etheme-sticky-cart .bambu-sticky-variable-add { margin: 0 0 0 8px !important; } .etheme-sticky-cart .bambu-sticky-buy-now { margin: 0 0 0 8px !important; } /* Variable Add to Cart loading state */ .etheme-sticky-cart .bambu-sticky-variable-add.bambu-adding { opacity: 0.65 !important; cursor: wait !important; } /* ===================================================== GLOBAL STICKY BAR CLEANUP ===================================================== */ .etheme-sticky-cart .et-or-wrapper, .etheme-sticky-cart .quantity { display: none !important; } .etheme-sticky-cart .single_add_to_cart_button i, .etheme-sticky-cart .single_add_to_cart_button svg, .etheme-sticky-cart .single_add_to_cart_button::before, .etheme-sticky-cart .single_add_to_cart_button::after { display: none !important; } /* Existing sticky positioning */ .single-product .pos-static.et_column.et_col-xs-7.flex-inline { position: relative !important; left: 420px !important; } /* ===================================================== SIMPLE PRODUCT STICKY USE VARIABLE PRODUCT VISUAL STRUCTURE ===================================================== */ /* Hide native simple-product form visually. Keep it in DOM because custom buttons trigger it. */ .product-type-simple .etheme-sticky-cart form.cart { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important; } /* Our replacement action container */ .product-type-simple .etheme-sticky-cart .bambu-sticky-simple-actions { display: flex !important; align-items: center !important; justify-content: flex-end !important; } /* SIMPLE STICKY - MATCH VARIABLE BUTTON RADIUS */ .product-type-simple .etheme-sticky-cart .bambu-simple-add, .product-type-simple .etheme-sticky-cart .bambu-simple-buy { border-radius: 4px !important; } /* ===================================================== VARIABLE PRODUCT STICKY BUTTONS ===================================================== */ .etheme-sticky-cart .bambu-sticky-variable-add, .etheme-sticky-cart .bambu-sticky-buy-now { box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 170px !important; min-width: 170px !important; height: 42px !important; padding: 0 20px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1 !important; cursor: pointer !important; box-shadow: none !important; } /* ADD TO CART */ .etheme-sticky-cart .bambu-sticky-variable-add { background: #222222 !important; border: 1px solid #222222 !important; color: #ffffff !important; margin-left: 8px !important; } .etheme-sticky-cart .bambu-sticky-variable-add:hover { background: #000000 !important; border-color: #000000 !important; color: #ffffff !important; } /* BUY NOW */ .etheme-sticky-cart .bambu-sticky-buy-now { background: #339c3c !important; border: 1px solid #339c3c !important; color: #ffffff !important; margin-left: 8px !important; } .etheme-sticky-cart .bambu-sticky-buy-now:hover { background: #278532 !important; border-color: #278532 !important; color: #ffffff !important; } /* ADDING STATE */ .etheme-sticky-cart .bambu-sticky-variable-add.bambu-adding { opacity: 0.65 !important; cursor: wait !important; } /* ===================================================== SIMPLE PRODUCT STICKY BUTTONS MATCH VARIABLE PRODUCT ===================================================== */ .etheme-sticky-cart form.cart > .single_add_to_cart_button { box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 170px !important; min-width: 170px !important; max-width: 170px !important; height: 42px !important; min-height: 42px !important; max-height: 42px !important; padding: 0 20px !important; margin: 0 !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1 !important; box-shadow: none !important; } /* SIMPLE STICKY - EXACT BUTTON SPACING */ .etheme-sticky-cart form.cart { display: flex !important; align-items: center !important; gap: 8px !important; position: relative !important; left: 15px !important; } /* .etheme-sticky-cart .price { transform: translateX(18px) !important; } */ /* SIMPLE PRODUCT ONLY - STICKY PRICE ALIGNMENT */ .etheme-sticky-cart:has(form.cart:not(.variations_form)) .price { transform: translateX(23px) !important; } /* ===================================================== BAMBU VARIATION CARDS ===================================================== */ .bambu-variation-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; width: 100%; margin-top: 8px; } /* Individual card */ .bambu-variation-card { position: relative; display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; min-width: 0 !important; min-height: 82px !important; padding: 8px 12px !important; margin: 0 !important; background: #ffffff !important; border: 1px solid #d9d9d9 !important; border-radius: 6px !important; text-align: left !important; cursor: pointer; transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease; } /* Variation image */ .bambu-variation-card-image { display: flex; align-items: center; justify-content: center; flex: 0 0 68px; width: 68px; height: 68px; margin-right: 12px; overflow: hidden; } .bambu-variation-card-image img { display: block; width: 100% !important; height: 100% !important; object-fit: contain; } /* Text area */ .bambu-variation-card-content { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; } /* Variation name */ .bambu-variation-card-title { display: block; margin: 0 0 5px; color: #222222; font-size: 13px; font-weight: 600; line-height: 1.35; text-align: left; } /* Price */ .bambu-variation-card-price { display: block; color: #222222; font-size: 13px; font-weight: 500; line-height: 1.2; } .bambu-variation-card-price .price { margin: 0 !important; font-size: inherit !important; line-height: inherit !important; } /* Selected card */ .bambu-variation-card.selected { border-color: #00ae42 !important; background: #f7fff9 !important; box-shadow: 0 0 0 1px #00ae42 !important; } /* Hover */ .bambu-variation-card:not(.selected):not(:disabled):hover { border-color: #00ae42 !important; } /* Disabled / unavailable */ .bambu-variation-card.is-disabled, .bambu-variation-card:disabled { opacity: 0.45; cursor: not-allowed; } /* Mobile */ @media (max-width: 767px) { .bambu-variation-cards { grid-template-columns: 1fr; gap: 8px; } .bambu-variation-card { min-height: 76px !important; } .bambu-variation-card-image { flex-basis: 60px; width: 60px; height: 60px; } } /* ===================================================== XSTORE DESKTOP HEADER — COMPACT REFERENCE LAYOUT Repositions existing elements only; menu and controls stay native. ===================================================== */ /* Wishlist remains available elsewhere on the site; hide only header instances. */ .header-wrapper .et_b_header-wishlist, .mobile-header-wrapper .et_b_header-wishlist { display: none !important; } :root { /* The existing desktop header dimensions are shared, not independently guessed. */ --bambu-desktop-content-max: 1210px; --bambu-desktop-side-gutter: 20px; } @media (min-width: 1024px) { /* XStore injects these SVGs only for top-level items with native children. */ html.bambu-mega-menu-ready .et_b_header-menu .menu > li.bambu-has-mega-menu > a.item-link > svg.arrow { display: none !important; } .header-wrapper { /* Keep the entire header/dropdowns above the product section nav (95). */ z-index: 100; } .header-main-wrapper, .header-main { min-height: 58px !important; height: auto !important; background: #fff; } .header-main-wrapper { border-bottom: 0; box-shadow: none !important; } .header-wrapper .header-main { border-bottom: 1px solid #eaeaea; box-shadow: none !important; } .header-main > .et-row-container { position: relative; width: calc(100% - 2 * var(--bambu-desktop-side-gutter)); max-width: var(--bambu-desktop-content-max) !important; min-height: 58px; padding: 0 !important; } .header-wrapper .header-main .et-wrap-columns, .header-main .et-wrap-columns > .et_column { min-height: 58px; align-items: center; } .header-main .et_b_header-logo { display: flex !important; width: auto; height: 58px; padding: 0 !important; align-items: center; } .header-main .et_b_header-logo > a, .header-main .et_b_header-logo > a > span { display: flex; align-items: center; } .header-main .et_b_header-logo img.et_b_header-logo-img { width: 90px !important; height: auto !important; max-width: 90px !important; max-height: 32px !important; object-fit: contain; } .header-main .et-wrap-columns > .et_column:nth-child(2) > .et_connect-block { position: static; min-height: 58px; margin: 0 !important; } .header-main .et_b_header-menu, .header-main .et_b_header-menu #menu-main-menu { height: 58px; min-height: 58px; } .header-main .et_b_header-menu #menu-main-menu { display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 30px; } .header-main .et_b_header-menu #menu-main-menu > li { flex: 0 0 auto; height: 58px; } .header-main .et_b_header-menu #menu-main-menu > li > a.item-link { position: relative; display: flex; height: 58px; align-items: center; padding: 0 !important; color: #111 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 58px !important; letter-spacing: 0; white-space: nowrap; } /* Reuse the native indicator without adding space or changing the trigger. */ .header-main .et_b_header-menu #menu-main-menu > li > a.item-link::before { content: ""; display: block; position: absolute; inset: auto 0 10px; width: 100%; height: 2px; margin: 0; background: #00b84a; opacity: 1; transform: scaleX(0); transform-origin: center; transition: transform .2s ease; } .header-main .et_b_header-menu #menu-main-menu > li.bambu-mega-open > a.item-link::before, .header-main .et_b_header-menu #menu-main-menu > li:focus-within > a.item-link::before { transform: scaleX(1); } @media (hover: hover) and (pointer: fine) { .header-main .et_b_header-menu #menu-main-menu > li:hover > a.item-link::before { transform: scaleX(1); } } .header-main .et_b_header-menu #menu-main-menu > li > a.item-link:focus-visible { outline: 1px solid currentColor; outline-offset: -4px; } .header-main .et-wrap-columns > .et_column:last-child > .et_connect-block { min-height: 58px; gap: 16px; margin: 0 !important; } .header-main .et-wrap-columns > .et_column:last-child > .et_connect-block > .et_element { margin-left: 0 !important; margin-right: 0 !important; } /* Native right-side order: Search, Cart, Account. */ .header-main .et_b_header-cart { order: 1; } .header-main .et_b_header-account { order: 2; } .header-main .et_b_header-search { position: absolute; z-index: 3; top: 50%; right: 72px; width: 20px; height: 58px; margin: 0 !important; transform: translateY(-50%); } .header-main .et_b_header-search .et_b_search-icon, .header-main .et_b_header-cart > a, .header-main .et_b_header-account > a { width: 20px; min-width: 20px; height: 58px; padding: 0 !important; justify-content: center !important; } .header-main .et_b_header-search .et_b-icon, .header-main .et_b_header-cart .et_b-icon, .header-main .et_b_header-account .et_b-icon { font-size: 18px !important; line-height: 1; } .header-main .et_b_header-cart .et-quantity { min-width: 16px; height: 16px; padding: 0 4px; border-radius: 999px; font-size: 10px !important; line-height: 16px !important; } } /* ===================================================== STABILIZED PRODUCT CONTROLLERS (2026 repair) ===================================================== */ .etheme-sticky-cart.bambu-sticky-ready .etheme_custom_add_to_cart_toggle, .etheme-sticky-cart.bambu-sticky-ready form.cart { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important; } .etheme-sticky-cart .bambu-sticky-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-left: auto; } .etheme-sticky-cart.bambu-sticky-fallback { position: fixed; right: 0; bottom: 0; left: 0; z-index: 999; padding: 10px 0; border-top: 1px solid #e5e5e5; background: #fff; box-shadow: 0 -3px 12px rgba(0, 0, 0, .08); } .etheme-sticky-cart.bambu-sticky-fallback .et-row-container { display: flex; align-items: center; } .etheme-sticky-cart .bambu-sticky-add, .etheme-sticky-cart .bambu-sticky-buy { box-sizing: border-box !important; display: inline-flex !important; align-items: center; justify-content: center; width: 170px; min-width: 170px; height: 42px; margin: 0 !important; padding: 0 20px !important; border-radius: 4px !important; color: #fff !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1 !important; } .product-type-variable .bambu-main-price { visibility: visible; } .etheme-sticky-cart .bambu-sticky-add { border: 1px solid #222 !important; background: #222 !important; } .etheme-sticky-cart .bambu-sticky-buy { border: 1px solid #339c3c !important; background: #339c3c !important; } .etheme-sticky-cart .bambu-sticky-add:disabled, .etheme-sticky-cart .bambu-sticky-buy:disabled, .etheme-sticky-cart .bambu-sticky-add.bambu-adding { cursor: not-allowed !important; opacity: .55 !important; } .single-product .etheme-sticky-cart .pos-static.et_column.et_col-xs-7.flex-inline, .single-product .etheme-sticky-cart form.cart { left: auto !important; } .single-product .variations_form .reset_variations { display: inline-block !important; } .single-product .template-container { overflow: visible !important; } .single-product .page-heading.bambu-breadcrumb-placeholder { box-sizing: border-box; height: var(--bambu-gallery-breadcrumb-height, auto) !important; min-height: var(--bambu-gallery-breadcrumb-height, 0) !important; } .single-product .page-heading.bambu-breadcrumb-placeholder .container { height: 0; min-height: 0; overflow: hidden; } .single-product .product-images.bambu-sticky-breadcrumb-ready { margin-top: calc(-1 * var(--bambu-gallery-breadcrumb-height, 0px)); } .single-product .bambu-sticky-breadcrumb { box-sizing: border-box; display: flex; align-items: center; width: 100%; height: var(--bambu-gallery-breadcrumb-height, 44px); min-height: var(--bambu-gallery-breadcrumb-height, 44px); } .single-product .bambu-sticky-breadcrumb .woocommerce-breadcrumb { display: inline-block; margin: 0; } .single-product .bambu-sticky-gallery-boundary { overflow: visible !important; } .single-product .bambu-sticky-gallery-column { position: sticky !important; top: var(--bambu-gallery-sticky-top, 0px) !important; align-self: flex-start; z-index: 2; } /* ===================================================== SINGLE PRODUCT DESKTOP PROPORTIONS Wider, balanced gallery and information columns. ===================================================== */ @media (min-width: 1024px) { body.single-product .content-page.container { width: calc(100% - 30px); max-width: 1230px; margin-right: auto; margin-left: auto; } body.single-product .product-content > .row { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr); column-gap: clamp(30px, 3vw, 40px); align-items: start; margin-right: 0; margin-left: 0; } body.single-product .product-content > .row::before, body.single-product .product-content > .row::after { display: none; content: none; } body.single-product .product-content > .row > .product-images, body.single-product .product-content > .row > .product-information { float: none; width: auto !important; max-width: none; padding-right: 0; padding-left: 0; } body.single-product .product-information .fixed-content { width: 100%; } body.single-product .product-information .product_title { margin: 0 0 6px !important; color: #1a1a1a !important; font-size: 26px !important; font-weight: 700 !important; line-height: 1.3 !important; } body.single-product .product-information .bambu-main-price { color: #1a1a1a !important; font-size: 30px !important; font-weight: 700 !important; line-height: 1.25 !important; } body.single-product .product-information .bambu-main-price { margin: 6px 0 22px !important; padding-bottom: 20px; border-bottom: 1px solid #eaeaea; } body.single-product .product-information .woocommerce-product-details__short-description { margin-bottom: 24px; color: #333; font-size: 15px; line-height: 1.5; } body.single-product .product-information .woocommerce-product-details__short-description .bbl-title-4, body.single-product .product-information .woocommerce-product-details__short-description h2, body.single-product .product-information .woocommerce-product-details__short-description h3, body.single-product .product-information .woocommerce-product-details__short-description h4 { margin: 0 0 8px; color: #1a1a1a; font-size: 19px; font-weight: 600; line-height: 1.35; } body.single-product .product-information .woocommerce-product-details__short-description p, body.single-product .product-information .woocommerce-product-details__short-description ul, body.single-product .product-information .woocommerce-product-details__short-description ol { margin-bottom: 0; } body.single-product .product-information .woocommerce-product-details__short-description li + li { margin-top: 3px; } } @media (max-width: 1023px) { .single-product .product-images { position: static !important; top: auto !important; } } @media (max-width: 991px) { .etheme-sticky-cart .bambu-sticky-actions { width: 100%; } .etheme-sticky-cart .bambu-sticky-add, .etheme-sticky-cart .bambu-sticky-buy { flex: 1 1 50%; width: auto; min-width: 0; padding: 0 10px !important; } } /* ===================================================== STICKY PURCHASE BAR — REFERENCE LAYOUT ===================================================== */ .single-product .etheme-sticky-cart.bambu-sticky-ready { min-height: 68px; padding: 0 !important; border-top: 1px solid #e4e4e4; background: #fff; box-shadow: none; } .single-product .etheme-sticky-cart.bambu-sticky-ready > .et-row-container { display: flex; min-height: 68px; align-items: center; } .single-product .etheme-sticky-cart.bambu-sticky-ready .et-wrap-columns { display: flex; width: 100%; align-items: center; justify-content: flex-end; } .single-product .etheme-sticky-cart.bambu-sticky-ready .et-wrap-columns > .et_column:first-child { display: none !important; } .single-product .etheme-sticky-cart.bambu-sticky-ready .et-wrap-columns > .et_column:last-child { position: static !important; left: auto !important; display: flex !important; flex: 1 1 100%; width: 100% !important; max-width: none !important; min-height: 68px; align-items: center; justify-content: flex-end !important; padding: 0 !important; } .single-product .etheme-sticky-cart.bambu-sticky-ready .et-wrap-columns > .et_column:last-child > p.price, .single-product .etheme-sticky-cart.bambu-sticky-ready .et-wrap-columns > .et_column:last-child > .price { display: block !important; margin: 0 27px 0 0 !important; padding: 0 !important; transform: none !important; color: #202020 !important; font-size: 28px !important; font-weight: 700 !important; line-height: 39px !important; white-space: nowrap; } /* Shared purchase-price treatment: main summary, sticky bar and option selectors. Catalog/related product cards and badges are deliberately excluded. */ body :is(.bambu-variation-card-price, .bambu-configurator__card-price, .bambu-configurator__total) { --bambu-sale-color: #ff5a00; --bambu-regular-size: max(12px, .6em); } body.single-product .product-information .bambu-main-price { color: #1a1a1a; font-size: 24px; font-weight: 700; line-height: 1.25; } body.single-product .product-information .bambu-main-price, body.single-product .product-information .bambu-main-price > .price, body .etheme-sticky-cart.bambu-sticky-ready .bambu-product-price-line, body .etheme-sticky-cart.bambu-sticky-ready .bambu-product-price-line > .price, body :is(.bambu-variation-card-price, .bambu-configurator__card-price, .bambu-configurator__total), body :is(.bambu-variation-card-price, .bambu-configurator__card-price, .bambu-configurator__total) > .price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; } body .etheme-sticky-cart.bambu-sticky-ready .bambu-product-price-line { justify-content: flex-end; line-height: 1.2; } body.single-product .bambu-main-price :is(ins, del), body .etheme-sticky-cart.bambu-sticky-ready .bambu-product-price-line :is(ins, del), body :is(.bambu-variation-card-price, .bambu-configurator__card-price, .bambu-configurator__total) :is(ins, del) { display: inline-block; margin: 0; padding: 0; background: transparent; opacity: 1; line-height: 1.25 !important; } body.single-product .bambu-main-price ins, body .etheme-sticky-cart.bambu-sticky-ready .bambu-product-price-line ins, body :is(.bambu-variation-card-price, .bambu-configurator__card-price, .bambu-configurator__total) ins { order: -1; color: var(--bambu-sale-color, #f45100) !important; font-size: inherit !important; font-weight: 700; text-decoration: none !important; } body.single-product .bambu-main-price del, body .etheme-sticky-cart.bambu-sticky-ready .bambu-product-price-line del, body :is(.bambu-variation-card-price, .bambu-configurator__card-price, .bambu-configurator__total) del { order: 1; color: #999 !important; font-size: var(--bambu-regular-size, .6em) !important; font-weight: 400; text-decoration: line-through !important; } body.single-product .bambu-main-price :is(.amount, bdi, a), body .etheme-sticky-cart.bambu-sticky-ready .bambu-product-price-line :is(.amount, bdi, a), body :is(.bambu-variation-card-price, .bambu-configurator__card-price, .bambu-configurator__total) :is(.amount, bdi, a) { color: inherit !important; font-size: inherit !important; font-weight: inherit; text-decoration: none !important; } body.single-product .bambu-main-price > .price { font: inherit; color: inherit; } body :is(.bambu-variation-card-price, .bambu-configurator__card-price, .bambu-configurator__total) > .price { margin: 0; font: inherit; color: inherit; } body .etheme-sticky-cart.bambu-sticky-ready .bambu-product-saving { display: block; margin-top: 2px; color: #222; font-size: 12px; font-weight: 500; line-height: 1.3; text-align: right; } body .etheme-sticky-cart.bambu-sticky-ready .bambu-product-saving :is(.amount, bdi) { color: inherit !important; font: inherit !important; } /* Popup footer mirrors the sticky purchase bar's price scale, not its buttons. */ body .bambu-configurator__total { font-size: 28px; } body .bambu-configurator__total .bambu-configurator__saving { flex: 0 0 100%; order: 2; margin: 0; color: #111; font-size: 12px; font-weight: 700; line-height: 1.3; } @media (max-width: 991px) { body .bambu-configurator__total { font-size: 24px; } } @media (max-width: 767px) { body .bambu-configurator__total { font-size: 21px; } } .single-product .etheme-sticky-cart.bambu-sticky-ready .bambu-sticky-actions { display: flex !important; flex: 0 0 auto; width: auto; align-items: center; justify-content: flex-end; gap: 9px; margin: 0 !important; } .single-product .etheme-sticky-cart.bambu-sticky-ready .bambu-sticky-add, .single-product .etheme-sticky-cart.bambu-sticky-ready .bambu-sticky-buy { width: 198px !important; min-width: 198px !important; max-width: 198px !important; height: 39px !important; min-height: 39px !important; max-height: 39px !important; margin: 0 !important; padding: 0 18px !important; border-radius: 3px !important; box-shadow: none !important; color: #fff !important; font-size: 12px !important; font-weight: 700 !important; line-height: 39px !important; letter-spacing: .01em; text-align: center; text-transform: uppercase; white-space: nowrap; } .single-product .etheme-sticky-cart.bambu-sticky-ready .bambu-sticky-add { border-color: #202020 !important; background: #202020 !important; } .single-product .etheme-sticky-cart.bambu-sticky-ready .bambu-sticky-buy { border-color: #00ae42 !important; background: #00ae42 !important; } .single-product .etheme-sticky-cart.bambu-sticky-ready .bambu-sticky-add:hover, .single-product .etheme-sticky-cart.bambu-sticky-ready .bambu-sticky-add:focus-visible { border-color: #000 !important; background: #000 !important; } .single-product .etheme-sticky-cart.bambu-sticky-ready .bambu-sticky-buy:hover, .single-product .etheme-sticky-cart.bambu-sticky-ready .bambu-sticky-buy:focus-visible { border-color: #008f36 !important; background: #008f36 !important; } /* Remove XStore's duplicate sticky controls. Main-page forms and selectors remain untouched. */ .single-product .etheme-sticky-cart.bambu-sticky-ready .etheme_custom_add_to_cart_toggle, .single-product .etheme-sticky-cart.bambu-sticky-ready .etheme_custom_add_to_cart, .single-product .etheme-sticky-cart.bambu-sticky-ready form.cart, .single-product .etheme-sticky-cart.bambu-sticky-ready .et-or-wrapper, .single-product .etheme-sticky-cart.bambu-sticky-ready .quantity, .single-product .etheme-sticky-cart.bambu-sticky-ready > .single_add_to_cart_button { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; opacity: 0 !important; pointer-events: none !important; white-space: nowrap !important; } @media (max-width: 991px) { /* XStore hides its sticky cart on small screens. Keep the single child-theme purchase bar available while retaining XStore's fixed-position behavior. */ .single-product .etheme-sticky-cart.bambu-sticky-ready { display: flex !important; } .single-product .etheme-sticky-cart.bambu-sticky-ready, .single-product .etheme-sticky-cart.bambu-sticky-ready > .et-row-container, .single-product .etheme-sticky-cart.bambu-sticky-ready .et-wrap-columns > .et_column:last-child { min-height: 64px; } .single-product .etheme-sticky-cart.bambu-sticky-ready .et-wrap-columns > .et_column:last-child > p.price, .single-product .etheme-sticky-cart.bambu-sticky-ready .et-wrap-columns > .et_column:last-child > .price { margin-right: 18px !important; font-size: 24px !important; } .single-product .etheme-sticky-cart.bambu-sticky-ready .bambu-sticky-add, .single-product .etheme-sticky-cart.bambu-sticky-ready .bambu-sticky-buy { width: 170px !important; min-width: 170px !important; max-width: 170px !important; } } .bambu-sticky-clearance { display: none; } /* Match the same enhanced component outside single-product templates too. Keep specificity equal to the existing single-product reference rules. */ @media (max-width: 767.98px) { :is(body, .single-product) .etheme-sticky-cart.bambu-sticky-ready { position: fixed; inset: auto 0 0; box-sizing: border-box; display: flex !important; width: 100%; min-height: 0; padding: 9px max(15px, env(safe-area-inset-right, 0px)) calc(9px + env(safe-area-inset-bottom, 0px)) max(15px, env(safe-area-inset-left, 0px)) !important; border-top: 1px solid #e4e4e4; background: #fff; transition-property: transform, opacity; } :is(body, .single-product) .etheme-sticky-cart.bambu-sticky-ready > .et-row-container { display: block; box-sizing: border-box; width: 100%; max-width: none; min-height: 0; margin: 0; padding: 0; } /* Cancel XStore's negative grid gutters, not the surrounding page width. */ :is(body, .single-product) .etheme-sticky-cart.bambu-sticky-ready .et-wrap-columns { display: block; width: 100%; margin: 0; } :is(body, .single-product) .etheme-sticky-cart.bambu-sticky-ready .et-wrap-columns > .et_column:first-child { display: none !important; } :is(body, .single-product) .etheme-sticky-cart.bambu-sticky-ready .et-wrap-columns > .et_column:last-child, :is(body, .single-product) .etheme-sticky-cart.bambu-sticky-fallback.bambu-sticky-ready > .et-row-container { position: static !important; display: grid !important; float: none; grid-template-columns: minmax(0, 1fr); gap: 7px; width: 100% !important; max-width: none !important; min-width: 0; min-height: 0; margin: 0; padding: 0 !important; } :is(body, .single-product) .etheme-sticky-cart.bambu-sticky-ready .et-wrap-columns > .et_column:last-child > :is(p.price, .price), :is(body, .single-product) .etheme-sticky-cart.bambu-sticky-fallback.bambu-sticky-ready > .et-row-container > .price { display: block !important; width: 100%; min-width: 0; margin: 0 !important; padding: 0 !important; font-size: 21px !important; line-height: 25px !important; text-align: right; white-space: normal; overflow-wrap: anywhere; } :is(body, .single-product) .etheme-sticky-cart.bambu-sticky-ready .bambu-sticky-actions { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; width: 100%; min-width: 0; margin: 0 !important; } :is(body, .single-product) .etheme-sticky-cart.bambu-sticky-ready .bambu-sticky-add, :is(body, .single-product) .etheme-sticky-cart.bambu-sticky-ready .bambu-sticky-buy { width: 100% !important; min-width: 0 !important; max-width: none !important; height: 39px !important; min-height: 39px !important; max-height: none !important; padding: 0 8px !important; line-height: 1.2 !important; white-space: normal; overflow-wrap: anywhere; } .etheme-sticky-cart.bambu-sticky-enquiry .bambu-sticky-actions { grid-template-columns: minmax(0, 1fr) !important; } .bambu-sticky-clearance { display: block; height: var(--bambu-sticky-height, 0px); pointer-events: none; } } /* ===================================================== BAMBU VARIATION CARDS ===================================================== */ .bambu-variation-cards { display: flex !important; flex-direction: column !important; gap: 10px !important; width: 100% !important; margin-top: 8px !important; } /* CARD */ .bambu-variation-card { box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; min-width: 0 !important; min-height: 112px !important; margin: 0 !important; padding: 8px 14px !important; background: #fff !important; border: 1px solid #d8d8d8 !important; border-radius: 5px !important; box-shadow: none !important; text-align: left !important; cursor: pointer !important; transition: border-color .18s ease, background-color .18s ease; } /* IMAGE AREA */ .bambu-variation-card-image { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 75px !important; width: 75px !important; height: 75px !important; margin-right: 15px !important; background: #f7f7f7 !important; overflow: hidden !important; } /* IMAGE */ .bambu-variation-card-image img { display: block !important; width: 75px !important; height: 75px !important; max-width: 75px !important; max-height: 75px !important; object-fit: contain !important; margin: 0 !important; } /* CONTENT */ .bambu-variation-card-content { display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; flex: 1 1 auto !important; min-width: 0 !important; text-align: left !important; } /* TITLE */ .bambu-variation-card-title { display: block !important; margin: 0 0 5px !important; color: #222 !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.3 !important; text-transform: none !important; } /* PRICE */ .bambu-variation-card-price { display: block !important; margin: 0 !important; color: #222 !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.2 !important; } /* WooCommerce price markup inside card */ .bambu-variation-card-price .price, .bambu-variation-card-price .amount, .bambu-variation-card-price bdi { margin: 0 !important; color: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; } /* HOVER */ .bambu-variation-card:not(:disabled):hover { border-color: #8d8d8d !important; background: #fff !important; } /* SELECTED */ .bambu-variation-card.selected { border: 2px solid #00ae42 !important; padding: 7px 13px !important; background: #f6fff8 !important; } /* SELECTED TITLE */ .bambu-variation-card.selected .bambu-variation-card-title { color: #111 !important; } /* DISABLED */ .bambu-variation-card.is-disabled, .bambu-variation-card:disabled { opacity: .45 !important; cursor: not-allowed !important; } /* MOBILE */ @media (max-width: 767px) { .bambu-variation-cards { gap: 8px !important; } .bambu-variation-card { min-height: 76px !important; padding: 7px 10px !important; } .bambu-variation-card.selected { padding: 6px 9px !important; } .bambu-variation-card-image { flex-basis: 58px !important; width: 58px !important; height: 58px !important; margin-right: 12px !important; } .bambu-variation-card-image img { width: 54px !important; height: 54px !important; max-width: 54px !important; max-height: 54px !important; } } /* ===================================================== 3D PRINTER VARIATION CARDS Scoped by the WooCommerce attribute taxonomy so other variation-card attributes keep their existing design. ===================================================== */ .bambu-variation-cards[data-bambu-attribute="pa_3d-printer"] .bambu-variation-card { min-height: 104px !important; padding: 12px 14px !important; background: #fff !important; border: 1px solid #d0d0d0 !important; border-radius: 4px !important; box-shadow: none !important; transition: border-color .18s ease, box-shadow .18s ease !important; } .bambu-variation-cards[data-bambu-attribute="pa_3d-printer"] .bambu-variation-card:not(.selected):not(:disabled):hover { border-color: #9b9b9b !important; box-shadow: 0 1px 3px rgba(0, 0, 0, .06) !important; } .bambu-variation-cards[data-bambu-attribute="pa_3d-printer"] .bambu-variation-card.selected, .bambu-variation-cards[data-bambu-attribute="pa_3d-printer"] .bambu-variation-card.selected:hover { padding: 12px 14px !important; background: #fff !important; border: 1px solid #00b83f !important; box-shadow: none !important; } .bambu-variation-cards[data-bambu-attribute="pa_3d-printer"] .bambu-variation-card-title { margin: 0 0 5px !important; color: #222 !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.4 !important; } .bambu-variation-cards[data-bambu-attribute="pa_3d-printer"] .bambu-variation-card-price { color: #333 !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.35 !important; } @media (max-width: 767px) { .bambu-variation-cards[data-bambu-attribute="pa_3d-printer"] .bambu-variation-card, .bambu-variation-cards[data-bambu-attribute="pa_3d-printer"] .bambu-variation-card.selected { min-height: 82px !important; padding: 10px !important; } .bambu-variation-cards[data-bambu-attribute="pa_3d-printer"] .bambu-variation-card-title { font-size: 15px !important; } } /* ===================================================== VARIATION CARD DISPLAY MODE Hide plugin swatches ONLY for attributes configured as Bambu Variation Cards. ===================================================== */ .variations_form .bambu-original-swatches.bambu-card-mode { display: none !important; } /* ===================================================== BAMBU CUSTOM VARIATION GALLERY ===================================================== */ /* Hide XStore's gallery only after our custom gallery is built */ .product-images .bambu-xstore-gallery-hidden { display: none !important; } /* XStore may replace its native variation wrapper after found_variation. Keep every native wrapper suppressed while the unified gallery is active. */ .product-images.bambu-gallery-active .swipers-couple-wrapper { display: none !important; } /* Main custom gallery */ .product-images .bambu-custom-gallery { width: 100%; max-width: 100%; outline: 0; } /* ===================================================== MAIN IMAGE ===================================================== */ .product-images .bambu-gallery-main { position: relative; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; background: #f6f6f6; } .product-images .bambu-gallery-main-item { display: none; width: 100%; height: 100%; } .product-images .bambu-gallery-main-item.active { display: flex; } .product-images .bambu-gallery-main-link { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; text-decoration: none; cursor: zoom-in; } .product-images .bambu-gallery-main-item img { display: block; width: 100%; max-width: 100%; height: 100%; object-fit: contain; object-position: center; margin: 0; padding: 0; } /* ===================================================== THUMBNAILS ===================================================== */ .product-images .bambu-gallery-thumbnails-shell { display: flex; align-items: center; gap: 6px; width: 100%; min-width: 0; margin-top: 12px; } .product-images .bambu-gallery-thumbnails { display: flex; align-items: center; flex-wrap: nowrap; flex: 1 1 auto; gap: 8px; width: auto; min-width: 0; margin: 0; overflow-x: auto; overflow-y: hidden; padding: 1px; scrollbar-width: none; scroll-behavior: smooth; scroll-snap-type: x proximity; overscroll-behavior-inline: contain; touch-action: pan-x; -webkit-overflow-scrolling: touch; } .product-images .bambu-custom-gallery:not(.has-overflow) .bambu-gallery-thumbnails { justify-content: center; } .product-images .bambu-gallery-thumbnails::-webkit-scrollbar { display: none; } .product-images .bambu-gallery-thumb { box-sizing: border-box; display: flex; align-items: center; justify-content: center; flex: 0 0 60px; width: 60px; height: 60px; padding: 0; margin: 0; background: #f6f6f6; border: 1px solid transparent; border-radius: 0; cursor: pointer; overflow: hidden; scroll-snap-align: start; transition: border-color .18s ease, box-shadow .18s ease; } .product-images .bambu-gallery-thumb img { display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; object-position: center; margin: 0; padding: 0; } /* Hover */ .product-images .bambu-gallery-thumb:hover { border-color: #b8b8b8; } /* Selected thumbnail */ .product-images .bambu-gallery-thumb.active { border-color: #00ae42; } .product-images .bambu-gallery-thumb:focus-visible, .product-images .bambu-gallery-nav:focus-visible { outline: 2px solid #00ae42; outline-offset: 2px; } .product-images .bambu-gallery-nav { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 24px; width: 24px; min-width: 24px; height: 60px; min-height: 60px; padding: 0; margin: 0; color: #202020; background: transparent; border: 0; border-radius: 0; font-size: 30px; font-weight: 400; line-height: 1; cursor: pointer; } .product-images .bambu-gallery-nav:hover { color: #00ae42; background: transparent; } .product-images .bambu-gallery-nav[aria-disabled="true"], .product-images .bambu-gallery-nav:disabled { color: #aaa; cursor: default; } .product-images .bambu-gallery-nav[hidden] { display: none !important; } /* ===================================================== MOBILE ===================================================== */ @media (max-width: 767px) { .product-images .bambu-gallery-thumbnails-shell { gap: 4px; margin-top: 10px; } .product-images .bambu-gallery-thumbnails { gap: 8px; } .product-images .bambu-gallery-thumb { flex-basis: 58px; width: 58px; height: 58px; } .product-images .bambu-gallery-nav { height: 58px; min-height: 58px; } } .single-product .variations_form .reset_variations { display: none !important; } /* ===================================================== GLOBAL TYPOGRAPHY — MANROPE Shared font family and heading/navigation weights; sizing and spacing stay local. ===================================================== */ :root { --bambu-font-family: 'Manrope', sans-serif; } html, body, body p, body li, body a, body label, body table, body th, body td, body input, body select, body textarea, body optgroup, body button, body .button, body .elementor-widget-container, body .woocommerce, body .header-wrapper, body .mobile-header-wrapper, body footer, body h1, body h2, body h3, body h4, body h5, body h6, body .elementor-heading-title, body .widget-title, body .title, body .header-wrapper .menu > li > a, body .mobile-header-wrapper .menu > li > a, body .et-mobile-menu a, body nav a, body .woocommerce-loop-product__title, body .products .product-title, body .product-title, body .product_title, body .product-name, body .bambu-variation-card-title, body input[type='button'], body input[type='reset'], body input[type='submit'], body .elementor-button, body .single_add_to_cart_button, body .bambu-sticky-add, body .bambu-sticky-buy, body .price, body .amount, body .stock, body .bambu-variation-card-price, body .bambu-main-price, body .etheme-sticky-cart .price, body .variations, body .variable-items-wrapper, body .bambu-variation-cards, body .bambu-variation-card, body .woocommerce-product-details__short-description, body .woocommerce-Tabs-panel, body .product_meta, body .search-form, body .ajax-search-form, body .select2-container, body .form-row { font-family: var(--bambu-font-family) !important; } body { font-weight: 400; font-synthesis: none; } body p, body li, body label, body input, body select, body textarea, body td, body th { font-weight: 400; } body .title { font-weight: 600 !important; } body nav a { font-weight: 500 !important; } /* Important declarations in this named layer take precedence over unlayered XStore/Elementor component weights, including editor-generated CSS. Limit the override to headings and header navigation, never prices or buttons. Text-only descendants follow the heading/menu weight without touching icons. */ @layer bambu-text-weights { :is(h1, h2, h3, h4, h5, h6, .elementor-heading-title, .widget-title), :is(h1, h2, h3, h4, h5, h6, .elementor-heading-title, .widget-title) :where(a, span, strong, b, em), :is(.header-wrapper, .mobile-header-wrapper, .et_b_header-menu) .menu a, :is(.header-wrapper, .mobile-header-wrapper, .et_b_header-menu) .menu a :where(span, strong, b):not(:where(.bambu-mega-style-2 .bambu-mega-menu__product-description, .bambu-mega-menu__badge)), .et-mobile-menu a, .et-mobile-menu a :where(span, strong, b), .bambu-mega-menu__category-link, .bambu-mega-menu__category-link :where(span, strong, b), .bambu-mega-menu__product-name, .bambu-mega-menu__product-name-text, :is(.bambu-mobile-drawer__link, .bambu-mobile-drawer__all-products, .bambu-mobile-drawer__all-link), :is(.bambu-mobile-drawer__link, .bambu-mobile-drawer__all-products, .bambu-mobile-drawer__all-link) :where(span, strong, b), .bambu-mobile-drawer__panel-heading > span { font-weight: 700 !important; } } body .woocommerce-loop-product__title, body .products .product-title, body .product-title, body .product_title, body .product-name, body .bambu-variation-card-title { font-weight: 600 !important; } body button, body .button, body input[type='button'], body input[type='reset'], body input[type='submit'], body .elementor-button, body .single_add_to_cart_button, body .bambu-sticky-add, body .bambu-sticky-buy { font-weight: 600 !important; } body strong, body b { font-weight: 700; } /* Component weight normalization. These selectors intentionally mirror the existing high-specificity child-theme rules without changing their sizing. */ body.single-product .product-information .product_title, body .woocommerce-loop-product__title, body .products .product-title, body .product-title { font-weight: 600 !important; } body .product-information .bambu-main-price, body .product-information .price, body .products .price, body .stock { font-weight: 600 !important; } body .single-product-builder .single_add_to_cart_button, body.single-product .etheme-sticky-cart.bambu-sticky-ready .bambu-sticky-add, body.single-product .etheme-sticky-cart.bambu-sticky-ready .bambu-sticky-buy { font-weight: 600 !important; } /* ===================================================== DYNAMIC WOOCOMMERCE DESKTOP MEGA MENU Existing XStore header and WordPress menu remain intact. ===================================================== */ .bambu-mega-menu { display: none; } @media (min-width: 1024px) { /* Suppress only the native narrow dropdown after the enhancement is ready. */ html.bambu-mega-menu-ready .et_b_header-menu .menu > li.bambu-has-mega-menu > .nav-sublist-dropdown, html.bambu-mega-menu-ready .et_b_header-menu .menu > li.bambu-has-mega-menu > .sub-menu { display: none !important; } .et_b_header-menu .menu > li.bambu-has-mega-menu { position: static !important; } .bambu-mega-menu { box-sizing: border-box !important; position: fixed !important; top: var(--bambu-mega-top, 58px) !important; right: 0 !important; left: 0 !important; z-index: 9998 !important; display: block !important; width: 100vw !important; height: min(520px, calc(100vh - var(--bambu-mega-top, 58px) - 12px)) !important; max-height: 520px !important; min-height: min(300px, calc(100vh - var(--bambu-mega-top, 58px) - 12px)) !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #fff !important; border: 0 !important; border-top: 1px solid #ececec !important; border-bottom: 1px solid #e5e5e5 !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.09) !important; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-4px); transition: opacity 150ms ease, transform 150ms ease, visibility 150ms ease; } .header-main .header-main-menu.et_element-top-level .bambu-has-mega-menu.bambu-mega-open > .bambu-mega-menu { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translateY(0) !important; } .bambu-mega-menu__inner { box-sizing: border-box; display: grid; grid-template-columns: minmax(240px, 25%) minmax(0, 75%); width: min(1220px, calc(100vw - 48px)); height: 100%; min-height: 0; margin: 0 auto; padding: 22px 0; background: #fff; } .bambu-mega-menu__categories, .bambu-mega-menu__products, .bambu-mega-menu__products-scroll { min-width: 0; min-height: 0; height: 100%; } .bambu-mega-menu__categories { padding: 0 22px 0 0; overflow-y: auto; overscroll-behavior: contain; border-right: 1px solid #ededed; scrollbar-width: none; -ms-overflow-style: none; } .bambu-mega-menu__category-list { display: block !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .bambu-mega-menu__category-item { display: block !important; width: 100% !important; height: auto !important; margin: 0 0 4px !important; padding: 0 !important; list-style: none !important; } .bambu-mega-menu__category-link { box-sizing: border-box; display: flex !important; align-items: center; justify-content: space-between; width: 100%; min-height: 52px; margin: 0; padding: 10px 14px 10px calc(14px + (var(--bambu-category-depth, 0) * 15px)) !important; color: #171717 !important; background: #fff; border-radius: 2px; font-size: 14px !important; font-weight: 500 !important; line-height: 1.35 !important; text-decoration: none !important; transition: background-color 120ms ease, font-weight 120ms ease; } .bambu-mega-menu__category-link[data-depth="1"] { --bambu-category-depth: 1; } .bambu-mega-menu__category-link[data-depth="2"] { --bambu-category-depth: 2; } .bambu-mega-menu__category-link[data-depth="3"] { --bambu-category-depth: 3; } .bambu-mega-menu__category-link[data-depth="4"] { --bambu-category-depth: 4; } .bambu-mega-menu__category-link:hover, .bambu-mega-menu__category-link.is-active, .bambu-mega-menu__category-link:focus-visible { color: #111 !important; background: #f5f5f5 !important; font-weight: 600 !important; } .bambu-mega-menu__category-link:focus-visible, .bambu-mega-menu__product-card:focus-visible, .bambu-mega-menu__products-scroll:focus-visible { outline: 2px solid #00ae42 !important; outline-offset: -2px; } .bambu-mega-menu__arrow { flex: 0 0 8px; width: 8px; height: 8px; margin-left: 14px; border-top: 1.5px solid currentColor; border-right: 1.5px solid currentColor; transform: rotate(45deg); opacity: 0.75; } .bambu-mega-menu__products { padding-left: 24px; overflow: hidden; } .bambu-mega-menu__products-scroll { position: relative; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; padding: 0 4px 22px 0; scrollbar-width: none; -ms-overflow-style: none; } .bambu-mega-menu__categories::-webkit-scrollbar, .bambu-mega-menu__products-scroll::-webkit-scrollbar { display: none; width: 0; height: 0; } .bambu-mega-menu__product-grid { display: grid; grid-template-columns: minmax(0, 1fr); align-items: stretch; justify-content: start; gap: 22px; width: 100%; } /* Hierarchical payloads occupy the existing product pane without changing any product-card dimensions or hover behavior. */ .bambu-mega-menu__product-groups { grid-column: 1 / -1; display: block; width: 100%; min-width: 0; } .bambu-mega-menu__product-group { display: block; width: 100%; margin: 0; padding: 0; } .bambu-mega-menu__product-group:not(:last-child) { margin-bottom: 22px; padding-bottom: 24px; border-bottom: 1px solid #dedede; } .bambu-mega-menu__group-title { margin: 0 0 13px !important; padding: 0 !important; color: #171717 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.4 !important; text-align: left; } .bambu-mega-menu__group-grid { display: grid; grid-template-columns: var(--bambu-mega-columns, repeat(auto-fill, minmax(min(200px, 100%), 210px))); align-items: stretch; justify-content: start; gap: 22px; width: 100%; min-width: 0; } .bambu-mega-menu__styled-grid { grid-column: 1 / -1; display: grid; grid-template-columns: var(--bambu-mega-columns, repeat(auto-fill, minmax(min(200px, 100%), 210px))); align-items: stretch; gap: 22px; min-width: 0; } .bambu-mega-style-2 { --bambu-mega-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); } .bambu-mega-style-3 { --bambu-mega-columns: repeat(auto-fill, minmax(min(100%, 190px), 1fr)); } .bambu-mega-menu__product-card { position: relative; box-sizing: border-box; display: flex; flex-direction: column; width: 100%; min-width: 0; min-height: 0; overflow: hidden; color: #171717 !important; background: #f7f7f7; border: 0; border-bottom: 1px solid #dedede; border-radius: 0; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08); text-align: center; text-decoration: none !important; transition: box-shadow 180ms ease; } /* Emitted only by the header card renderer, never WooCommerce loops. */ .bambu-mega-menu .bambu-mega-menu__badges { position: absolute; z-index: 1; top: 0; right: 0; display: flex; gap: 4px; pointer-events: none; } .bambu-mega-menu .bambu-mega-menu__badge { display: inline-block; padding: 2px 8px; border-radius: 09px 0 09px 0; color: #fff; font-size: 12px; font-weight: 600; line-height: 16px; text-transform: none; white-space: nowrap; } .bambu-mega-menu .bambu-mega-menu__badge--hot { background: #f32758; } .bambu-mega-menu .bambu-mega-menu__badge--new { background: #00c853; } .bambu-mega-menu__product-card:hover, .bambu-mega-menu__product-card:focus-visible { color: #111 !important; box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1); } .bambu-mega-menu__product-media { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1 / 1; height: auto; padding: 0; overflow: hidden; background: #f7f7f7; } .bambu-mega-menu__product-image, .bambu-mega-menu__product-media img { display: block; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; margin: 0 auto !important; object-fit: var(--bambu-mega-image-fit, contain) !important; mix-blend-mode: multiply; transform: scale(1); transform-origin: center; transition: transform 280ms ease; } .bambu-mega-menu__product-card:hover .bambu-mega-menu__product-image, .bambu-mega-menu__product-card:hover .bambu-mega-menu__product-media img, .bambu-mega-menu__product-card:focus-visible .bambu-mega-menu__product-image, .bambu-mega-menu__product-card:focus-visible .bambu-mega-menu__product-media img { transform: scale(1.05); } .bambu-mega-menu__product-name { box-sizing: border-box; display: flex !important; align-items: center; justify-content: center; width: 100%; min-height: 40px; padding: 0; overflow: hidden; color: #111; background: #f7f7f7; font-size: 15px; font-weight: 700; line-height: 20px; text-align: center; } .bambu-mega-menu__product-name-text { display: -webkit-box !important; width: 100%; max-height: 40px; overflow: hidden; text-overflow: ellipsis; overflow-wrap: anywhere; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; line-clamp: 2; } .bambu-mega-menu__product-copy { display: flex; flex: 1; flex-direction: column; justify-content: center; min-width: 0; padding: 10px 12px 12px; } .bambu-mega-menu__product-description { display: -webkit-box; min-width: 0; margin-top: 4px; overflow: hidden; color: #777; font-size: 13px; font-weight: 400 !important; line-height: 20px; text-transform: none; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; } /* Beat XStore's .et_b_header-menu .menu a display rule only for the horizontal styles; flex-direction alone cannot override inline-block. */ .et_b_header-menu .bambu-mega-menu :is(.bambu-mega-style-2, .bambu-mega-style-3) .bambu-mega-menu__product-card { display: flex; flex-direction: row; align-items: center; background: #f8f8f8; text-align: left; } .bambu-mega-menu .bambu-mega-menu__styled-grid:is(.bambu-mega-style-2, .bambu-mega-style-3), .bambu-mega-menu :is(.bambu-mega-style-2, .bambu-mega-style-3) .bambu-mega-menu__group-grid { gap: 20px; } .bambu-mega-menu :is(.bambu-mega-style-2, .bambu-mega-style-3) .bambu-mega-menu__product-name { background: transparent; } .bambu-mega-menu :is(.bambu-mega-style-2, .bambu-mega-style-3) .bambu-mega-menu__product-media { --bambu-mega-image-fit: contain; background: transparent; align-self: stretch; aspect-ratio: auto; } .bambu-mega-menu :is(.bambu-mega-style-2, .bambu-mega-style-3) .bambu-mega-menu__product-media img { position: absolute; inset: 0; object-position: center; } .bambu-mega-menu .bambu-mega-style-2 .bambu-mega-menu__product-description { -webkit-line-clamp: 2; line-clamp: 2; max-height: 40px; white-space: normal; } .bambu-mega-style-2 .bambu-mega-menu__product-media { flex: 0 0 34%; width: 34%; height: auto; min-height: 140px; padding: 0; } .bambu-mega-style-2 .bambu-mega-menu__product-card { min-height: 140px; } :is(.bambu-mega-style-2, .bambu-mega-style-3) .bambu-mega-menu__product-name { min-height: 0; justify-content: flex-start; color: #000; text-align: left; } .bambu-mega-style-3 .bambu-mega-menu__product-media { flex: 0 0 60px; width: 60px; height: auto; min-height: 64px; padding: 0; } .bambu-mega-style-3 .bambu-mega-menu__product-copy { padding: 8px 10px; } .bambu-mega-menu .bambu-mega-style-3 .bambu-mega-menu__product-card--badged .bambu-mega-menu__product-copy { padding-top: 24px; } .bambu-mega-style-3 .bambu-mega-menu__product-description { display: none; } .bambu-mega-menu__state { display: flex; align-items: center; justify-content: center; min-height: 250px; padding: 30px; color: #666; font-size: 14px; text-align: center; } .bambu-mega-menu__state[hidden] { display: none !important; } .bambu-mega-menu__state.is-loading::before { content: ""; width: 18px; height: 18px; margin-right: 10px; border: 2px solid #dedede; border-top-color: #00ae42; border-radius: 50%; animation: bambu-mega-spin 700ms linear infinite; } .bambu-mega-menu__state.is-error { flex-direction: column; gap: 12px; color: #a12525; } .bambu-mega-menu__retry { min-width: 88px; min-height: 36px; padding: 7px 16px; color: #fff; background: #202020; border: 0; border-radius: 2px; font: inherit; font-weight: 600; cursor: pointer; } .bambu-mega-menu__retry:hover, .bambu-mega-menu__retry:focus-visible { background: #00ae42; } .bambu-mega-menu__page-status { height: 1px; } } @keyframes bambu-mega-spin { to { transform: rotate(360deg); } } @media (max-width: 1023px) { .bambu-mega-menu { display: none !important; } } @media (prefers-reduced-motion: reduce) { .bambu-mega-menu, .bambu-mega-menu__product-card, .bambu-mega-menu__product-image, .bambu-mega-menu__product-media img { transition: none !important; } .bambu-mega-menu__state.is-loading::before { animation-duration: 1400ms; } } /* Homepage hero layout lives in css/bambu-home-hero.css. */ .bambu-filter-apply { background: #008f3d; } .bambu-filter-apply { background: #008f3d; transition: background-color 0.3s ease; } .bambu-filter-apply:hover { background: #006f2f; }