/* --- Gallery (was product/view/gallery.phtml) --- */
.fotorama__stage__shaft{background:#fff}
.fotorama__nav__shaft.fotorama__grab{background:unset}
@media (max-width: 767px){
.fotorama__fullscreen-icon,.fotorama__stage .magnify-lens,.magnifier-thumb-wrapper .magnify-lens,.magnifier-preview{display:none!important}
.fotorama__stage__frame .fotorama__img{cursor:default!important}
.fotorama__thumb-border{display:none}
.fotorama__nav--thumbs{height:auto!important}
.fotorama__active .fotorama__thumb{border-color:#0e2c16}
body .gallery-placeholder .fotorama__nav .fotorama__nav__frame{height:80px!important}
.fotorama__nav-wrap--horizontal.fotorama__nav-wrap{margin-top:10px}
.fotorama__thumb{width:95%;height:95%;border:1px solid #ccc}
.bluebath-discount-badge{width:55px!important;height:55px!important;top:15px!important;right:16px!important}
.bb-pct{font-size:18px!important}
}
/* --- Product page layout (was product/view/description-after.phtml) --- */
.tech-spect{display:flex;gap:5%;width:100%}
.technical_specifications-1{width:50%}
html{scroll-behavior: smooth;}
html body{background:#fff}
.product-info{padding:30px 0 0}
.why_choose-1 svg{width:100%}
.page-layout-1column .product-info-main{width:42%;padding: 15px;}
.product-section.faq .faq-1 ul li{list-style:none}
.product-section .customers_saying-1 ul li{list-style:none}
.faq-1 ul{display:flex;flex-wrap:wrap;gap:10px 1%}
.features-1 ul,#ideal_for ul{display:flex;flex-wrap:wrap;gap:15px 1%}
.features-1 ul li,#ideal_for ul li{width:48%;margin:0}
.why_choose-1 ul li strong{width:100%;margin-top:10px;font-size:16px}
.customers_saying-1 ul li p:nth-child(2){font-style:italic}
.customers_saying-1 ul li p:nth-child(3){font-weight:700;font-size:16px}
.customers_saying-1 ul li:nth-child(2n+1){border-left:4px solid #22cb60}
.customers_saying-1 ul li{padding-left:15px}
.customers_saying-1 ul li span{color:#facc15}
.customers_saying-1 ul li:nth-child(2n){border-left:4px solid #3982f8;margin:28px 0}
.product-info section{margin:20px 0;scroll-margin-top: 5.6rem;}
.product-section.faq .faq-1 ul li{list-style:none;border-bottom:1px solid #e5e7eb;padding:10px 0;width:47%}
.product-section{padding:25px;border-radius:5px;background:#fff}
.product-section h2,.product-section h3{font-weight:600;font-size:23px;margin:0 0 15px;color:#0056B3}
.product-section ul li{list-style:disc;list-style-position:inside;margin-bottom:10px}
.product-info-stock-sku{margin-top:10px}
.product-info-stock-sku .stock.available{display:none}
.product-info-price{display:flex;flex-direction:column-reverse}
.product-bottom{position:relative;padding:30px 0}
.product-top{position:relative;padding:30px 0;display:flex;justify-content:space-between;width:100%;float:left;margin:0;gap:10px 1%}
.More.Information{width:19%}
.Details{width:80%}
.product-add-form{border-top:1px solid #eee;margin-top:19px}
.product-brand{display:flex;justify-content:space-between;gap:10px;margin-top:10px}
.product-brand img{max-height:43px;border:2px solid #eee;border-radius:5px;padding:3px}
.More.Information .additional-attributes{width:100%!important}
.More.Information .additional-attributes th.col.label{background:#3a303d;color:#fff;padding:8px 16px!important}
.More.Information .additional-attributes td.col.data{padding:8px 16px!important}
.More.Information table tr{border:1px solid #e3e3e3}
.More.Information table td{background:#fff}
.product-info-main .brand span,.price-label{display:none}
.product-info-main .stock.available span{color:green;font-size:14px;background:#00800047;padding:2px 5px}
.product-info-main .price{font-size:25px;margin:20px 0;display:block}
.title h2{margin:0;font-weight:600;font-size:24px}
.widget-product-grid .slick-slide{margin-right:10px}
.product-bottom{width:100%;float:left}
.care-1 ul{display:flex;flex-wrap:wrap;gap:15px 1%}
.care-1 ul li{width:49%;list-style:none}
.case_study-1 blockquote{border-left:4px solid #3982f8;background:#ddd;padding:16px;margin:10px 0;font-size:17px;font-weight:500}
.case_study-1{margin-bottom:10px;border-bottom:1px solid #eee}
.bg-pr{position:relative}
.upsell-wrapper{padding:10px 0 0}
.shop-budge{background:#F0FDF4;padding:12px;border-radius:5px;font-size:14px}
.shop-budge ul li{display:flex;gap:7px;align-items:center;margin-bottom:5px}
.product-info>:first-child{margin-top:0}
.product-info>:last-child{margin-bottom:0}
.shop-budge ul li:last-child{margin:0}
.shop-budge ul li b{color:#15b415;font-size:15px}
.box-tocart{width:100%}
.pr-botton{width:calc(100% - 52px)}
#product-addtocart-button{width:100%;border: unset;}
.pr-left{width:70%;padding-right:10px}
.pr-right{width:30%}
.pr-right-1{padding:12px;border-radius:5px;height:fit-content;margin-bottom:12px;background:#CCE6FF}
.pr-right-11{padding-top: 12px;}
.product-top h2.ttl{margin:0 0 12px;color:#006bb4;font-weight:600;font-size:22px;padding:0}
.product-attribute-specs-table{width:100% !important;}
.product-attribute-specs-table td{padding:5px}
.product-attribute-specs-table th{padding:5px;font-weight:600;font-size:14px}
.product-attribute-specs-table tr{border-bottom:1px solid #d2b8b8;font-size:14px}
.custom-cart-div{display:flex;gap:10px}
.page-title-wrapper.product{margin-top:0}
.slick-track{margin-left:0}
.brand-con h2{font-size:20px;font-weight:500;margin:10px 0;color:#006bb4}
.manfacturertext h3{font-weight:500;font-size:17px;color:#242424;margin:20px 0 10px}
.fotorama__thumb-border{border-color:#144f9a!important;background:0 0;width:125px!important;height:125px!important}
.fotorama__thumb{border:1px solid #ccc;width:95%;height:95%;opacity:.8}
.fotorama__active .fotorama__thumb{opacity:1}
.breadcrumbs{margin-bottom:15px}
.fotorama__thumb__arr{width:124px;background:#d0d0d091}
.product-info-main{background:#fff;border-radius:5px}
.pr-right .product-attribute{border-bottom:1px solid #fff;padding:5px 0}
.pr-right .product-attribute:last-child{border:none}
.product-attribute strong{width:50%;display:inline-block}
.brand-tt{display:none}
.tabs-pr span{padding:8px 10px;display:inline-block;transition:all .4s ease;font-weight:500;background:#fff;border-radius:5px 10px 0 0;color:#000;margin-right:10px;cursor:pointer;border:1px solid #ccc;border-bottom:0}
.tabs-pr{padding:5px;border-bottom:2px solid #0056b3;margin-bottom:15px;padding:0}
.tabs-pr span:hover{background:#002853;color:#fff;transition:all .4s ease;text-shadow:0 1px 2px #0009}
.tabs-pr span.active{background:#0056b3;color:#fff}
.product-info-main .price-box{display:flex;align-items:center;gap:10px;margin:0}
.product-info-main .price-wrapper-group{display:flex;align-items:center;gap:10px}
.product-info-main .price{margin:0;font-size:23px!important}
.old-price .price{font-size:16px!important;font-weight:400}
.fotorama__stage__shaft{border-right:1px solid #fff;border-radius:5px}
.pr-right-2{margin-top:22px}
.p2-data-content{display:flex;flex-wrap:wrap;gap:5px 10px}
.p2-data-content a{display:flex;align-items:center;margin:2px 0;color:#333;width:48%;background:#fff;padding:6px 6px 6px 12px;border-radius:5px;font-size:15px;text-decoration:none;border:1px solid #eee}
.product-info .p2-data-content a{background:#eee}
.p2-data-content a:hover{border:1px solid #ccc}
.p2-data-content a i{color:#e13939;margin-right:6px}
.pr-left .desc ul li{list-style:disc;list-style-position:inside;margin-bottom:10px}
.pr-left .desc ul{margin:15px 0;background:#f7f7f7;padding:10px;border-radius:5px}
.product-info-main #product-options-wrapper{margin-top:20px}
.product-section .features-1 ul li{list-style:none}
.why_choose-1 ul li{width:33%;padding:15px;display:flex;flex-wrap:wrap;font-size:14px;width:25%;background:#f7f7f7;padding:11px;border-radius:5px;justify-content:center}
.why_choose-1 ul{display:flex;gap:15px 2%;text-align:center;justify-content: center;}
.product-info-main .field.configurable{display:flex;align-items:center;gap:10px;flex-wrap: wrap;}
.product-info-main .fieldset>.field::before,.product-info-main .fieldset>.field::after{display:none}
.desc h6{font-weight:500;font-size:16px;margin:0 0 9px}
.desc .associatedSimples p{display:flex;align-items:center;gap:15px;border-bottom:1px solid #eee;padding:5px;margin:0}
.desc .associatedSimples p span{width:32%}
.desc .associatedSimples p:nth-child(2n+1){background:#ebdede}
.product-attribute-specs-table tr:last-child{border:none}
.below-cart-btn{width:100%;font-size:13px;font-weight:500;color:#555;margin-top:5px;display:flex;justify-content:space-between}
.below-cart-btn .credit-card img{height:17px;width:auto}
.below-cart-btn i{color:#18a84d;margin-right:3px}
.related-block.products-grid{position:relative}
.hoveraccesory{position:absolute;max-width:300px;left:-270px;z-index:99;top:0!important;border:2px solid #144f9a;padding:10px;background:#fff;display:none}
.hoveraccesory img{width:245px}
.accessories_slide{overflow-y:scroll;max-height:200px}
.accessories_slide li{width:100%;border-bottom:1px solid #ccc;padding:10px;display:flex!important;align-items:center}
.accessories_slide .product-image-wrapper{height:unset;display:flex;align-items:center}
.accessories .product-image-container{float:left;width:47px;margin-right:10px;cursor:pointer}
.accessories .price-box{font-size:12px}
.accessories p{margin-bottom:0;font-size:14px}
.accessories p span{color:#b33d00;font-weight:700}
.checkbox.related{top:0;margin-top:0}
.accessories{margin-top:15px;background:#f7f7f7}
.accessories_slide li:last-child{border:none}
.ttl-related{background:#333;padding:5px 10px;color:#fff;border-radius:5px 10px 0 0}
.accessories .slick-prev{position:absolute;top:0;rotate:90deg;left:unset;right:30px}
.accessories .slick-next{bottom:0;right:30px;rotate:90deg;left:unset;top:unset}
.accessories .slick-prev::before,.accessories .slick-next::before,.accessories .slick-prev::after,.accessories.slick-next::after{font-size:20px}
.widget-product-grid{overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:10px;padding-bottom:15px;display:flex}
.widget-product-grid li{scroll-snap-align:start;flex-shrink:0;position:relative;overflow:hidden!important;scroll-snap-stop:always;width:225px}
.table-wrapper{margin:0}
.product-info-main .box-tocart .field.qty{display:block}
.config-product{background:#f7f7f7;padding:10px;margin-top:12px;border-radius:5px}
.pr-img{position:relative;overflow:hidden}
.flash-layer::after{content:"";position:absolute;width:100%;padding-top:100%;top:75%;left:50%;background:#0056B3;transform:translate(-50%,-50%) rotate(45deg) scale(0);transition:700ms ease-in-out;pointer-events:none}
.pr-img::after{content:"";position:absolute;width:100%;padding-top:100%;top:50%;left:50%;background:#0056B3;transform:translate(-50%,-50%) rotate(45deg) scale(0);transition:600ms ease-in-out;pointer-events:none}
.pr-img img{transition:transform 400ms ease-in-out}
li:hover .pr-img img{transform:scale(1.1)}
li:hover .pr-img::after,li:hover .flash-layer::after{transform:translate(-50%,-50%) rotate(45deg) scale(1.2);opacity:0}
.features-1 ul li strong::before,.care-1 ul li strong::before{content:"\f111";font:normal normal normal 14px/1 FontAwesome;font-size:10px;color:#148458;margin-right:8px}
.features-1 ul li strong,.care-1 ul li strong{display:flex;align-items:center}
.pr-tab{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom: 15px; position: sticky; top: 0; z-index: 999;}
.pr-tab a{width:13%;padding:5px 0;text-align:center;color:#000;font-weight:500;border:1px solid #eee;background:#fff;border-radius:5px}
.pr-tab a.active,.pr-tab a:hover{border-color:#0056B3;color:#0056B3;text-decoration:none}
.technical_specifications .pr-right-1{background:unset;padding:0;margin-top:20px;width:50%}
span.list-price{text-decoration: line-through; display: inline-block; margin-right: 6px; font-size: 16px; color: #888; font-weight: 500; margin-left: 8px;}
.pr-tab.sticky-active{background: #102a4cc9; box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5); padding: 6px 5px; border-radius: 0 0 5px 5px;}
@media (min-width:100px) and (max-width:768px){
.below-cart-1{display:none!important}
.care-1 ul li{width:100%}
.tech-spect{flex-direction:column}
.features-1 ul li,#ideal_for ul li,.technical_specifications-1,.technical_specifications .pr-right-1{width:100%}
.why_choose-1 ul li{width:100%;align-items:center;justify-content:unset}
.why_choose-1 ul{flex-wrap:wrap;gap:10px;text-align:left}
.product-section.faq .faq-1 ul li{width:100%;padding:0;margin:0}
.product-section{padding:15px;scroll-margin-top: 9rem !important;}
.why_choose-1 ul li svg{width:auto}
.product.info.detailed .why_choose-1 ul li strong{width:auto;margin:1px 0 8px 12px}
.why_choose-1 ul li p{text-align:left;width:100%}
.below-cart-btn{justify-content:center}
.product-top{flex-wrap:wrap;flex-direction:column-reverse}
.pr-left,.pr-right{width:100%;padding:0}
.fotorama__stage__frame{border:none}
.fotorama__dot{height:10px;width:10px}
.pr-right{padding:0;border:none}
.page-layout-1column .product-info-main{width:100%!important}
.pr-right-1{border:none}
.desc .associatedSimples p span{font-size:12px;width:100%}
.pr-right-2{margin-bottom:12px}
.widget-product-grid li{width:195px}
.widget-product-grid li .price{font-size:15px!important}
.accessories .product-image-container{width:111px}
.gallery-placeholder{position:relative;border:1px solid #eee;border-radius:5px;padding:10px;margin-bottom:12px}
.accessories_slide{max-height:400px}
.pr-tab a{width:30%}
}
@media (min-width:100px) and (max-width:390px){
.desc .associatedSimples p{display:flex;flex-direction:column;gap:5px}
.pr-tab a{width:48%;}
}
@media (min-width:100px) and (max-width:460px){
.pr-tab a{width:30%;font-size:14px}
}
@media screen and (max-width: 768px){
.columns .column.main{-ms-flex-order: 0; -webkit-order: 0; order: 0;padding-bottom: 0;}
}
/* --- CLS guards (product page) --- */
/* Gallery placeholder: reserve the final Fotorama size while the gallery JS loads.
   Magento removes ._block-content-loading once the gallery is built, so these rules switch off by themselves. */
.gallery-placeholder._block-content-loading .gallery-placeholder__image{display:block;width:100%;height:auto}
@media (min-width:768px){
.gallery-placeholder._block-content-loading{aspect-ratio:1/1}
}
@media (max-width:767px){
.gallery-placeholder._block-content-loading .gallery-placeholder__image{margin-bottom:20px}
.gallery-placeholder._block-content-loading.has-thumbs .gallery-placeholder__image{margin-bottom:120px}
}
/* Sticky tab bar gains 12px padding when stuck; take it back from the margin so content below does not jump */
.pr-tab.sticky-active{margin-bottom:3px}

/* ---- from design/frontend/Custom/bluebath/Magento_Catalog/templates/product/view/gallery.phtml ---- */
.dl-gallery{position:relative;width:100%;max-width:100%}
.dl-gallery .dl-gallery__stage{position:relative;width:100%;aspect-ratio:var(--dl-ratio,1/1);background:#fff;overflow:hidden}
.dl-gallery .dl-gallery__track{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;outline:none}
.dl-gallery .dl-gallery__track::-webkit-scrollbar{display:none}
.dl-gallery .dl-gallery__slide{position:relative;flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always}
.dl-gallery .dl-gallery__slide>img{display:block;width:100%;height:100%;object-fit:contain}
.dl-gallery .dl-gallery__play{position:absolute;inset:0;margin:auto;width:56px;height:56px;padding:0;border:0;background:none;box-shadow:none;cursor:pointer}
.dl-gallery .dl-gallery__slide.is-playing .dl-gallery__play{display:none}
.dl-gallery .dl-gallery__video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.dl-gallery .dl-gallery__arrow{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:-20px 0 0;padding:0;border:1px solid #e3e3e3;border-radius:50%;background:rgba(255,255,255,.92);color:#333;box-shadow:none;cursor:pointer;transition:opacity .2s}
.dl-gallery .dl-gallery__arrow:hover,.dl-gallery .dl-gallery__arrow:focus{background:#fff;border-color:#999;color:#000}
.dl-gallery .dl-gallery__arrow--prev{left:10px}
.dl-gallery .dl-gallery__arrow--next{right:10px}
.dl-gallery .dl-gallery__arrow:disabled{opacity:0;pointer-events:none}
.dl-gallery .dl-gallery__thumbs{position:relative;display:flex;gap:10px;margin-top:10px;padding-bottom:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}
.dl-gallery .dl-gallery__thumb{flex:0 0 auto;box-sizing:border-box;width:var(--dl-thumb-w);height:var(--dl-thumb-h);margin:0;padding:2px;border:1px solid #ddd;border-radius:0;background:#fff;box-shadow:none;cursor:pointer;scroll-snap-align:start}
.dl-gallery .dl-gallery__thumb:hover,.dl-gallery .dl-gallery__thumb:focus{background:#fff;border-color:#999}
.dl-gallery .dl-gallery__thumb.is-active{border-color:#333}
.dl-gallery .dl-gallery__thumb img{display:block;width:100%;height:100%;object-fit:contain}
.dl-gallery .dl-gallery__arrow[hidden],.dl-gallery .dl-gallery__thumbs[hidden]{display:none}
.dl-gallery .dl-gallery__arrow:focus-visible,.dl-gallery .dl-gallery__thumb:focus-visible{outline:2px solid #333;outline-offset:2px}
@media (max-width:767px){.dl-gallery .dl-gallery__arrow{width:34px;height:34px;margin-top:-17px}}

/* ---- from design/frontend/Custom/bluebath/Magento_Catalog/templates/product/view/type/default.phtml ---- */
.custom-stock-status-label { font-weight: bold; margin-top: 10px; }
    .fieldset > .field:not(.choice) > .control { width: 84% !important; }
    /* Global Icon Base */
    .custom-stock-status-label span::before { font: normal normal normal 16px/1 FontAwesome; margin-right: 7px; display: inline-block; }
    /* 1. GREEN / IN STOCK -> Checkmark (\f00c) */
    .cust-6296, .cust-6297 { color: #690; }
    .cust-6296 span::before, .cust-6297 span::before { content: "\f00c"; color: #690; }
    /* 2. ORANGE-RED / BACK ORDER & SPECIAL ORDER -> Clock (\f017) */
    .cust-6298, .cust-6300 { color: #f74b00; }
    .cust-6298 span::before, .cust-6300 span::before { content: "\f017"; color: #f74b00; }
    /* 3. RED / OUT OF STOCK & DISCONTINUED -> Times-Circle (\f057) */
    .cust-6301, .cust-6302 { color: #da7272; }
    .cust-6301 span::before, .cust-6302 span::before { content: "\f057"; color: #da7272; }
    /* 4. BLUE / PARTIALLY AVAILABLE -> Info-Circle (\f05a) */
    .cust-6299 { color: #5a5ad2; }
    .cust-6299 span::before { content: "\f05a"; color: #5a5ad2; }

/* ---- from design/frontend/Custom/bluebath/Magento_Catalog/templates/product/view/list_price.phtml ---- */
.product-list-price{display: flex;align-items: center;gap: 6px;text-decoration: line-through;}
.product-info-main .product-list-price .price{font-size: 16px !important;color: #555;font-weight: 700;}

/* ---- from design/frontend/Custom/bluebath/Magento_Catalog/templates/product/view/addtocart.phtml ---- */
.action.primary:active{border: none}

/* ---- from design/frontend/Custom/bluebath/Magento_Catalog/templates/product/view/description-after.phtml ---- */
.icon {width: 16px; height: 16px; fill: currentColor; vertical-align: middle;color:#facc15;}

#ideal_for,.case_study-1{background:#f7f7f7;padding:15px;border-radius:7px}
			.product-section.why_choose{position: relative; background-color: #0056b3; border-radius: 0; padding: 45px 10px; outline: 100vw solid #0056b3; clip-path: inset(0 -100vw); float: left; width: 100%;}
			.product-section.why_choose h2{color:#fff;text-align:center;margin-bottom:25px}
			.product.info.detailed{margin-bottom:0}

/* ---- from design/frontend/Custom/bluebath/Magento_Catalog/templates/product/list/upsell.phtml ---- */
.upsell-wrapper{width:100%;float:left;margin-bottom:5px}
.upsell-wrapper .price-label{display:none}
.upsell-wrapper .product-image-photo{border-radius:10px 10px 0 0}
.pr-img{position:relative;overflow:hidden}
.pr-img::after,.flash-layer::after{z-index:3}
.flash-layer::after{content:"";position:absolute;width:100%;padding-top:100%;top:75%;left:50%;background:#0056B3;transform:translate(-50%,-50%) rotate(45deg) scale(0);transition:700ms ease-in-out;opacity:.4;pointer-events:none}
.pr-img::after{content:"";position:absolute;width:100%;padding-top:100%;top:50%;left:50%;background:#0056B3;transform:translate(-50%,-50%) rotate(45deg) scale(0);transition:600ms ease-in-out;opacity:.6;pointer-events:none}
.flash-layer{position:absolute;}
.promobanner.flashed-zoom img,.pr-img img{transition:transform 400ms ease-in-out}
.promobanner.flashed-zoom:hover img,li:hover .pr-img img{transform:scale(1.1)}
.pr-img img{transition:transform 400ms ease-in-out}
li:hover .pr-img img{transform:scale(1.1)}
.promobanner.flashed-zoom:hover img{transform:scale(1.1)}
li:hover .pr-img::after,li:hover .flash-layer::after{transform:translate(-50%,-50%) rotate(45deg) scale(1.2);opacity:0}
.pro-name { margin: 7px 0 2px; }
.pro-name a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #000; font-weight: 400; font-size: 15px; line-height: 20px; height: 44px; text-decoration: none; }