/* ---- from design/frontend/Custom/bluebath/Magento_Catalog/templates/product/list.phtml ---- */
.category-image img{width:100%;height:auto;border-radius:10px;display:block}
.category-view .page-main{padding:0}
.filter-options .filter-options-title{margin:5px 0 11px;font-weight:600;font-size:18px}
.filter-options .filter-options-content{padding:0;list-style:none;max-height:300px;margin:0;overflow-y:scroll;overflow-x:hidden}
.filter-options .filter-options-content .ui-slider-horizontal{margin:0 5px}
.filter-options .filter-options-content a{color:#333;text-decoration:none;font-size:15px}
.filter-options .filter-options-content a:hover,.filter-options .filter-options-content a:hover .price{color:#F74B00!important}
.filter-options .filter-options-content .price{color:#333;font-size:15px!important;font-weight:400}
#overlay.active{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0056b399;z-index:99;opacity:1;visibility:visible}
#overlay{transition:opacity .4s ease;opacity:0;visibility:hidden}
.brand-in{display:flex;gap:10px;justify-content:space-between;align-items:center;padding-top:7px;border-top:1px solid #eee;margin-top:6px;width:100%;float:left}
.brand-in img{max-width:90px}
.custom-grid li{position:relative}
.toolbar-products::before,.toolbar-products::after{display:none!important}
.toolbar-amount,.sorter{padding:0}
.custom-toolbar.toolbar-products .toolbar{display:block!important}
.products.wrapper.grid.products-grid .custom-grid.custom-4-grid:not(:first-child){margin-top:14px}
.ias-trigger.ias-trigger-next a{background:#333;padding:7px 10px;display:inline-block;color:#fff;border-radius:10px;margin-top:10px;text-decoration:none!important}
.clearall{display:none}
.filter-current .items{background:#fff;padding:11px;border-radius:10px;margin-bottom:10px}
.filter-current .items .item .action.remove{color:#333;margin-left:5px}
.filter-current .filter-label{margin-bottom:4px}
.block-actions.filter-actions .action.clear.filter-clear{background:#553636;padding:3px 8px;color:#fff;font-weight:500;border-radius:10px}
.block-actions.filter-actions{margin-bottom:15px}
/* .page-main .category-short-description{margin-top:27px} */
.list-price{text-decoration:line-through;font-size:16px;color:#888;font-weight:500;margin-left:8px}
.price-box.price-final_price,.price-single{float:left}
.products{margin:16px 0}
.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)}
.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}
.catalogsearch-result-index span.cat-filter{display: none !important;}
@media (min-width: 100px) and (max-width:450px){
.toolbar-sorter.sorter{display: none;}
}
@media (min-width: 100px) and (max-width:769px){
.block-actions.filter-actions{text-align:center}
.clearall{color:#fff!important;padding:6px 5px;font-weight:600;text-align:center;background:#e31e24;border-radius:10px;font-size:14px}
.toolbar-amount{margin:0;padding:3px 11px;border-radius:10px;background:#fff}
#sorter{font-size:16px;font-weight:500;padding:5px 9px;height:34px}
.toolbar-products{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#ccc;border:none!important;color:#555}
.page-layout-2columns-left .sidebar-main{display:none;position:fixed;left:-300px;top:0;width:300px;height:100%;background:#f4f4f4;width:85%!important;z-index:999;overflow:scroll}
.sidebar-main .block-subtitle{background:#0056B3;color:#fff;width:100%;padding:12px;margin:0}
.cat-filter{display:block !important;background:#fff;color:#555;width:83px;font-weight:500;padding:3px;border-radius:10px;cursor:pointer}
.toolbar-amount,.cat-filter,#sorter{font-size:15px!important;padding:4px 11px;font-weight:600}
#sorter{width:120px}
}
@media (min-width: 100px) and (max-width:600px){
.custom-4-grid li{width:100%!important;display:flex;align-items:center;gap:13px;padding:0!important;gap:0}
.custom-grid li .pr-img{width:26%;padding:5px}
.custom-grid li .pr-details{border:none!important;border-left:3px solid #eee!important;padding:5px 10px;border-radius:0;width:74%}
.custom-grid li .pr-img .photo.product-item-photo{float:left}
.custom-4-grid{gap:12px 1.2%!important}
.breadcrumbs .items{padding:0 3%}
}
@media (min-width:601px) and (max-width:1100px){
.custom-4-grid li{width:32.4%!important}
}
.availability .in{padding:4px 10px;border-radius:15px;font-size:11px;font-weight:700;display:inline-block;margin-top:5px;line-height:1.2;text-align:center}

/* ---- from design/frontend/Custom/bluebath/Magento_Catalog/templates/product/category-bottom-cat.phtml ---- */
.category-custom-content h2{font-weight:600;font-size:22px;line-height:22px;text-align:left;margin:0;margin-bottom:10px;color:#000}
.category-custom-content{width:100%;border-top:4px solid #fff}
.category-custom-content section:nth-child(odd){background:#eee;padding:29px 0}
.category-custom-content section:nth-child(even){padding:29px 0;background:#fff}
.cat_key_features ul li strong{color:#000;width: 80%;}
.cat_key_features ul li p{font-size:16px;color:#4b0000}
.cat_key_features ul li i{font-size:25px;width:45px;height:45px;text-align:center;line-height:45px;background-color:#0056B3;border-radius:50%;color:#fff}
.cat_key_features ul li{width:32%;padding:20px;border:1px solid #e4e4e7;box-shadow:0 1px 2px 0 #0000000d;border-radius:10px;margin:0;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.cat_did_you_know ul li i{font-size:25px;width:45px;height:45px;text-align:center;line-height:45px;background-color:#0056B3;border-radius:50%;color:#fff;margin-right: 10px;}
.cat_did_you_know ul{display:flex;gap:15px 1%;flex-wrap:wrap}
.cat_how_made ul{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;padding:22px;border-radius:10px;border:1px solid #e4e4e7;box-shadow:0 1px 2px 0 #00000017;flex-wrap:wrap}
.cat_how_made ul i{color:#0056B3;font-size:18px}
.cat_how_made ul li{width:49%;display:flex;flex-wrap:wrap;gap:5px 2%;align-items:center}
.cat_styles_installation ul{display:flex;flex-wrap:wrap;gap:15px 1%}
.cat_styles_installation ul li i{color:#0056B3;font-size:20px}
.cat_faqs ul li span:first-of-type{font-weight:700}
.cat_styles_installation ul li{padding:16px;border-radius:10px;display:flex;align-items:center;gap:5px;flex-wrap:wrap;background:#fff;box-shadow:0 1px 2px 0 #0000000d;border:1px solid #e4e4e7;width:49.5%}
.cat_did_you_know ul li:hover{border:1px solid #0056B3}
.cat_did_you_know ul li{width: 49%; background: #fff; padding: 16px; border-radius: 10px; display: flex; flex-direction: row; gap: 11px 0; align-items: center; border: 1px solid #e4e4e7; box-shadow: 0 1px 2px 0 #0000000d; justify-content: flex-start; flex-wrap: wrap;}
.cat_care_and_maintenance ul li{padding:16px;border-radius:10px;display:flex;align-items:center;gap:5px;background:#fff;flex-wrap:wrap;width:100%}
.cat_care_and_maintenance ul li i{color:#0056B3;font-size:20px;display: none;}
.cat_care_and_maintenance ul li strong::before { content: ""; width: 10px; height: 10px; background: #0056b3; margin-right: 13px; display: inline-grid; border-radius: 15px; }
.cat_care_and_maintenance ul{display:flex;flex-wrap:wrap;gap:15px 1%}
.cat_key_features ul{display:flex;flex-wrap:wrap;gap:15px 1%}
.cat_overview h2{text-align:center;margin-bottom:10px}
.cat_overview p{font-size:16px}
.cat_faqs ul li{padding:16px;border-radius:10px;display:flex;gap:5px 1%;flex-wrap:wrap;background:#fff;box-shadow:0 1px 2px 0 #0000000d;border:1px solid #e4e4e7;width:49.5%}
.category-custom-content p{font-size:16px}
.cat_mistakes ul li{width: 49%; background: #fff; padding: 16px; border-radius: 10px; display: flex; gap: 11px 0; align-items: center; border: 1px solid #e4e4e7; box-shadow: 0 1px 2px 0 #0000000d; justify-content: flex-start; flex-wrap: wrap;}
.cat_mistakes ul li:hover{border:1px solid #0056B3}
.cat_mistakes ul li i{font-size:25px;width:45px;height:45px;text-align:center;line-height:45px;background-color:#0056B3;border-radius:50%;color:#fff;margin-right: 10px;}
.cat_mistakes ul li span{font-size:16px;color:#4b0000}
.cat_mistakes ul{display:flex;flex-wrap:wrap;justify-content:space-between;background:#fff;gap:15px 1%}
.cat_faqs ul{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px 1%}
.cat_faqs p strong{margin-bottom:5px;color:#000;font-weight:700;width:100%}
.cat_faqs p{margin:0}
    @media (min-width: 100px) and (max-width:500px) {
     .cat_key_features ul li{width:100%}
.cat_mistakes ul li{width:100%}
.cat_faqs ul li{width:100%}
.cat_care_and_maintenance ul li{width:100%}
.cat_care_and_maintenance ul{gap:0 1%}
.cat_did_you_know ul li{width:100%}
.cat_how_made ul li{width:100%}
.cat_styles_installation ul li{width:100%}
.cat_mistakes ul li{width:100%}
.cat_faqs ul li{width:100%}
.category-custom-content section:nth-child(odd){background:#eee;padding:13px 0}
.category-custom-content section:nth-child(even){padding:13px 0;background:#fff}
    }

    @media (min-width: 501px) and (max-width:769px) {
       .cat_key_features ul li{width:49%}
.cat_faqs ul li{width:100%}
.cat_mistakes ul li{width:49%}
.cat_did_you_know ul li{width:49%}
.catalog-category-view .cat_key_features ul {
	gap: 15px 2%;
}
.cat_care_and_maintenance ul li {
	margin-bottom: 0px; 
width: 48%;

}
.cat_did_you_know ul {
	gap: 15px 2%;
}
.cat_styles_installation ul {
	gap: 15px 2%;
}
.cat_care_and_maintenance ul {
	gap: 15px 2%;
}
.cat_mistakes ul {
	gap: 15px 2%;
}
.cat_styles_installation ul li{
    width: 48%;
}
.category-custom-content section:nth-child(odd){background:#eee;padding:13px 0}
.category-custom-content section:nth-child(even){padding:13px 0;background:#fff}
.cat_how_made ul li{width:100%}
    }