/* BlueBath global stylesheet - loaded on every page (was inline in header/menu/title/footer templates) */
/* Magento's "icons-blank-theme" icon font was downloaded (and flagged by Lighthouse "Font display") for only two things
   on the storefront: the breadcrumb separator and the mobile hamburger. Both now use plain text / the already-loaded
   FontAwesome, so that font file is no longer requested on normal pages (the cart-icon ::before is already display:none). */
.breadcrumbs .items .item:not(:last-child)::after{content:"\203A";font-family:inherit;font-size:20px;line-height:18px;margin:0 6px;font-weight:400}
.page-header .action.nav-toggle::before,.nav-toggle::before{content:"\f0c9";font-family:"FontAwesome";font-size:24px;line-height:40px;font-weight:400}
/* Any page that still uses the icon font (cart, checkout, account) shows text immediately instead of invisible text */
@font-face{font-family:"icons-blank-theme";src:url("../fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff2") format("woff2"),url("../fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
/* Footer is always below the fold: skip its rendering work until near the viewport */
.page-footer{content-visibility:auto;contain-intrinsic-size:auto 700px}
/* Self-hosted Geist (latin, variable 100-900): no fonts.googleapis.com CSS round trip, no extra origin, preloaded from head-preload.phtml */
@font-face{font-family:"Geist";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/geist/geist-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@media (min-width: 100px) and (max-width:800px){
.container,#maincontent,.page-main,.navigation{padding:0 3%!important}
}
@media (min-width:801px) and (max-width:1200px){
.container,#maincontent,.page-main,.navigation{padding:0 2%!important}
}
html body{overflow-x:hidden;background:url(https://eadn-wc04-15788078.nxedge.io/cdn/media/bluebath/home/top-bg.jpg) !important;line-height: 1.42857143;}
@media (max-width: 767px){
.page-header{position: relative; width: 100%; z-index: 100; background: #fff;}
.header.content{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 10px 15px; position: relative;}
.logo{order: 2; margin: 0 auto; max-width: 160px;}
.logo img{display: block; width: 100%; height: auto;}
.nav-toggle{order: 1; display: inline-block; width: 32px; height: 40px; cursor: pointer;}
.minicart-wrapper,.header .link.wishlist{order: 3; display: inline-flex; align-items: center;}
.title-home h1{font-size: 23px!important;}
}
.title-home h1{line-height: 1.1;}
.loading-mask{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background: rgba(255,255,255,0.9); display: flex; align-items: center; justify-content: center;}
.logo img{display: block;}
.minicart-wrapper .action.showcart{display: inline-block;}
.action.primary:hover,.action-primary:hover{border:none}
.pr-img{aspect-ratio:1;object-fit:cover}
.main-footer{background:#111827;color:#9da5b1}
.cms_page ul{padding:0}
.cms_page ul li{list-style:inside disc}
.cms_page a{color:#006bb4;text-decoration:underline;font-weight:600}
.cms_page a:hover{color:#000}
.cms_page h2{border-top:2px solid #eee;padding-top:12px;font-weight:600;font-size:22px;margin:13px 0 8px}
.newsletter{margin:0;padding:0;width:100%;display:flex;justify-content:space-between;align-items:center;color:#fff}
.newsletter-left{display:flex;align-items:center}
#newsletter-validate-detail{display:flex;width:38%;position:relative}
.newsletter h3{margin:0 0 6px;font-size:22px;color:#fff;font-weight:600;font-family:"Oswald",sans-serif}
.newsletter .newsletter-left svg{margin-right: 15px;}
.news-icon p{margin:0;color:#fff}
#newsletter-validate-detail .subscribe{border-radius:0 10px 10px 0;font-weight:600;background:#111827}
#newsletter-validate-detail input{border-radius:10px 0 0 10px;height:44px}
#newsletter-error{position:absolute;bottom:-22px;left:4px}
.user-menu{position:absolute;z-index:9999;background:#eee;border-bottom:2px solid #F74B00;display:none;width:171px;right:0}
.user-menu a{margin:0;padding:7px 13px;font-size:17px!important;text-decoration:none;width:100%;float:left;font-weight:500;border-bottom:2px solid #fff;text-align:left!important}
.user-menu a:hover{background:#ccc}
.credit-card{display:flex;gap:6px;align-items:center}
.credit-card img{height:33px;width:auto;object-fit:contain}
.block.block-customer-login,.block.block-new-customer,.box.box-information,.box.box-newsletter,.box.box-billing-address,.box.box-shipping-address{border:1px solid #ccc;padding:15px;border-radius:10px;width:50%;margin:0}
.login-container{display:flex;gap:20px 2%}
body.account .page-title-wrapper .page-title{font-size:25px;color:#0056b3;font-weight:600;margin-bottom:15px}
.farm-middle-cont > ul{display:flex;flex-wrap:wrap;gap:10px 1%}
.farm-middle-cont > ul > li{list-style:none;width:24%;text-align:center}
.farm-brand-logos ul{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.farm-brand-logos ul li{width:15%;list-style:none}
td.column-two-img{display:flex;flex-wrap:wrap;gap:10px}
td.column-two-img img{width:49%}
td.column-two-img{display:flex;flex-wrap:wrap;gap:10px}
.customer-account-login .page-title-wrapper,.customer-account-create .page-title-wrapper,.customer-account-forgotpassword .page-title-wrapper,.block.block-new-customer{display:none}
.custom-login h2{color:#0056b3;font-weight:600;margin:0 0 15px}
.custom-login{text-align:center;background:#fff;padding:0;max-width:500px;margin:20px auto;border-radius:10px}
.cust-login{padding:20px;margin-bottom:23px}
.cust-register{background:#ccc;padding:20px}
.actions-toolbar{margin-top:20px}
.credit-card img{height:28px}
.main .cms_page{background:#fff;padding:15px;border-radius:10px}
.pr-left .brand-tt,.pr-left .desc{background:#fff;padding:14px;border-radius:10px}
.custom-avability{color:#4a7200;font-weight:600;font-size:14px}
.cust-6297 span::before,.cust-6296 span::before{font:normal normal normal 16px FontAwesome;content:"\f00c";margin-right:4px;color:#690}
.cust-6302,.cust-6301{color:#ff2a2a}
.cust-6301 span::before,.cust-6302 span::before{font:normal normal normal 16px FontAwesome;content:"\f00d";margin-right:4px;color:#ff2a2a}
.cust-6298,.cust-6300{color:#f74b00}
.cust-6298 span::before,.cust-6300 span::before{font:normal normal normal 16px FontAwesome;content:"\f017";margin-right:4px;color:#f74b00}
.cust-6299{color:#000087}
.cust-6299 span::before{font:normal normal normal 16px FontAwesome;content:"\f252";margin-right:4px;color:#000087}
.stock-6297,.stock-6296{background:#b0e0b0;color:#160000}
.stock-6302,.stock-6301{background:#ffa8a8}
.stock-6298,.stock-6300{background:#f74b00}
.stock-6299{background:#adade8}
.brand-in{display:flex;gap:10px;justify-content:space-between;align-items:center;padding-top:7px;border-top:1px solid #eee;margin-top:7px}
.brand-in img{max-height:24px}
.brand-in .availability span{padding:4px;font-weight:400;font-size:12px;border-radius:3px;display:inline-block}
.form-create-account .create.info .newsletter input[type="checkbox"]{top:0;margin:0 5px 0 0}
.form-create-account .create.info .newsletter{justify-content:unset;margin-bottom:9px!important;color:#000}
.catalogsearch-advanced-result.page-layout-2columns-left .column.main{width:100%!important}
.ias-noneleft{background:#fb8888;padding:7px;border-radius:4px;margin-top:15px;font-weight:600}
.checkout-index-index .modal-popup.popup-authentication .modal-inner-wrap .block.block-customer-login{border:none}
button#osc-send2{background-color:#0056b3;color:#fff;padding:10px 20px;border:none;letter-spacing:.6px;border-radius:10px;font-weight:500;font-size:16px;font-family:"Geist","Geist Fallback","Geist Fallback R",sans-serif;cursor:pointer}
.category-description div{padding:0!important}
.pr-img .product-img{border-radius:10px}
.Promo{position:absolute;background:#d63d3d;padding:3px 12px;color:#fff;font-weight:600;border-radius:23px;font-size:12px;letter-spacing:.4px;left:7px;top:7px}
@media (min-width: 100px) and (max-width: 500px){
.page-main > .page-title-wrapper .page-title,.product-info-main .page-title-wrapper .page-title{font-size:25px!important}
#product-options-wrapper .fieldset .label{width:102px}
}
@media (min-width: 100px) and (max-width: 800px){
.newsletter .newsletter-left i,.news-icon p,.text-b{display:none!important}
.newsletter{flex-wrap:wrap}
.newsletter-left{width:100%}
#newsletter-validate-detail{width:100%;margin-top:10px}
.credit-card img{width:40px}
.farm-middle-cont > ul{gap:15px;gap:14px 3%}
.farm-middle-cont > ul > li{width:31%}
.farmsinkss h2{font-size:17px}
.farm-brand-logos ul li{width:22%}
td.column-two-img{flex-direction:column}
td.column-two-img img{width:100%}
}
@media (min-width: 450px) and (max-width: 800px){
#newsletter-validate-detail input{width:224px!important}
}
@media (min-width:768px){
.action.nav-toggle{display: none;}
}
/* ==========================================================================
   Web-font CLS guard
   Metric-matched fallbacks for Geist so text does not reflow when the web
   font swaps in (display=swap). Values measured against Geist 400/600/700.
   "Geist Fallback" = Arial/Helvetica (Windows, macOS, iOS)
   "Geist Fallback R" = Roboto (Android, where Arial is not installed)
   ========================================================================== */
@font-face{font-family:"Geist Fallback";src:local("Arial"),local("ArialMT"),local("Helvetica");font-weight:400;font-style:normal;size-adjust:103.3%;ascent-override:97.8%;descent-override:29%;line-gap-override:0%}
@font-face{font-family:"Geist Fallback";src:local("Arial Bold"),local("Arial-BoldMT"),local("Helvetica Bold");font-weight:700;font-style:normal;size-adjust:102%;ascent-override:99%;descent-override:29.4%;line-gap-override:0%}
@font-face{font-family:"Geist Fallback R";src:local("Roboto"),local("Roboto-Regular");font-weight:400;font-style:normal;size-adjust:113.8%;ascent-override:88.8%;descent-override:26.4%;line-gap-override:0%}
@font-face{font-family:"Geist Fallback R";src:local("Roboto Bold"),local("Roboto-Bold");font-weight:700;font-style:normal;size-adjust:113.5%;ascent-override:89%;descent-override:26.4%;line-gap-override:0%}
html body{font-family:"Geist","Geist Fallback","Geist Fallback R",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
html h1,html h2,html h3,html h4,html h5,html h6,html .price{font-family:"Geist","Geist Fallback","Geist Fallback R",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
/* ==========================================================================
   Top bar + header + common (was Magento_Theme/templates/custom/topbar.phtml)
   ========================================================================== */
.minicart-wrapper .action.showcart::before,.login-container .fieldset::after,.price-label{display:none!important}
.container,.page-main,#maincontent{max-width:1500px!important;padding:0 6%;margin:auto;width:100%}
.header.content{padding:18px 16px;display:flex;justify-content:space-between;align-items:center}
.header.content::before,.header.content::after{display:none!important}
.logo{margin:0;z-index:1}
.logo img{aspect-ratio:189/52;object-fit:cover}
#search{height:44px;padding:7px;border:none}
.custom-search{float:left;width:35%}
#search_mini_form{display:flex;background:#fff;border-radius:5px;border:2px solid #C8D1E7;padding-left:6px}
#search_mini_form button{background:transparent;border:none;color:#2563EB;font-size:22px;opacity:1;cursor:pointer}
.minicart-wrapper{margin:0}
.custom-cart a{color:#000!important;font-size:22px;text-align:center;position:relative;text-decoration:none}
.custom-cart a:hover{color:#D85117!important}
.user span{color:#000!important;font-size:22px;text-align:center;position:relative;text-decoration:none;cursor:pointer}
.user{position:relative;display:inline-block;text-align:center}
.user-menu{display:block!important;position:absolute;top:100%;right:0;left:0;min-width:180px;opacity:0;transform:translateY(-8px);visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}
.user-menu a:hover{background:#f3f4f6;color:#0056B3!important}
.user:hover .user-menu,.user:focus-within .user-menu{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto;transition-delay:0s}
.user.login-now:hover .user-menu,.user.login-now:focus-within .user-menu,.user.login-now .user-menu{all:unset}
.minicart-wrapper .action.showcart .counter.qty{font-size:13px;border-radius:5px;width:22px;height:22px;position:absolute;margin:0;left:20px;top:-4px}
.header.content .logo{order:1}
.header.content .custom-search{order:2}
.header.content .custom-cart{order:3;display:flex;gap:30px;align-items:center}
.text-b{display:block;font-size:13px;font-weight:500}
.fieldset{margin:0}
.fieldset:last-child{margin-bottom:0!important}
.fieldset>.field{margin:0 0 15px;text-align:left}
.fieldset>.field>.label,.fieldset>.fields>.field>.label{font-weight:600}
.page-main>.page-title-wrapper .page-title,.product-info-main .page-title-wrapper .page-title{margin:0;font-size:29px;font-weight:600;color:#0056B3;width:100%;border-bottom:2px solid;padding-bottom:5px;font-family:"Oswald",sans-serif}
.page-title-wrapper{margin:16px 0}
input[type=text],input[type=password],input[type=url],input[type=tel],input[type=search],input[type=number],input[type*=date],input[type=email],select,select option{border-radius:5px;height:38px;font-size:17px;font-family:"Geist","Geist Fallback","Geist Fallback R",sans-serif;color:#555}
.action.primary,.action-primary{background-color:#0056b3;color:#fff;padding:10px 20px;border:none;letter-spacing:.6px;border-radius:5px;font-weight:500;font-size:16px;font-family:"Geist","Geist Fallback","Geist Fallback R",sans-serif;cursor:pointer}
a,a:visited{color:#006bb4;text-decoration:none}
ul,ol,ul>li,ol>li{margin:0;padding:0;list-style:none}
.nav-sections{margin:0}
.breadcrumbs{margin:0;padding:8px 0;background:#e3dede;max-width:100%}
.breadcrumbs .items{font-size:14px;max-width:1500px!important;padding:0 6%;margin:auto;color:#595959}
.breadcrumbs strong{font-weight:600;color:#333}
.top-bar{padding:10px 0;text-align:center;font-size:14px;font-weight:600}
.form.password.reset,.form.send.confirmation,.form.password.forget,.form.create.account,.form.search.advanced,.form.form-orders-search{min-width:auto;width:auto}
.page-header{background:#fff}
.old-price .price{color:#555;font-weight:500;margin-left:9px}
.custom-4-grid{display:flex;flex-wrap:wrap;gap:14px 1.2%}
.custom-4-grid li{width:24%}
.custom-grid li,.custom-grid .item-pr{background:#fff;border:1px solid #eee;border-radius:5px;padding:10px;position:relative}
.custom-grid li .old-price,.custom-grid .item-pr .old-price{float:right}
.custom-grid li:hover,.custom-grid .item-pr:hover{border-color:#ccc}
.custom-grid li:hover a,.custom-grid .item-pr:hover a{color:#0056B3!important}
.custom-grid li .pr-img,.custom-grid .item-pr .pr-img{border-radius:5px;display:block;aspect-ratio:1;object-fit:cover}
.custom-grid li .pr-details,.custom-grid .item-pr .pr-details{border-top:2px solid #eee;border-radius:0 0 10px 10px}
.custom-grid li .pr-details h3,.custom-grid .item-pr .pr-details h3{margin:7px 0 2px}
.custom-grid li .pr-details h3 a,.custom-grid .item-pr .pr-details h3 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}
.price,.price-range,.price-single{color:#C13A00;font-size:18px!important;font-weight:600}
.page-layout-2columns-left .sidebar-main{padding:0;width:17%!important}
.page-layout-2columns-left .column.main{width:82%!important}
.toolbar-products{border:3px solid #fff;padding:8px;border-radius:5px;font-weight:600;margin-bottom:0;display:flex;justify-content:space-between;align-items:center}
.filter-wrap{background:#fff;padding:11px;border-radius:5px;margin-bottom:22px}
.message.success > :first-child::before{color:#fff}
.page.messages{position:fixed;top:20px;right:0;width:100%;z-index:9999;pointer-events:none}
.page.messages .messages{max-width:1440px;margin:auto;padding:0 3%;display:flex;justify-content:flex-end;pointer-events:none}
.page.messages .message{max-width:400px;pointer-events:all;border-radius:6px;font-size:14px;line-height:1.5;box-shadow:0 4px 24px rgba(0,0,0,0.13);position:relative;overflow:hidden;animation: msgSlideIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards, msgHighlight 1s ease 0.4s, msgShimmer 1s ease 0.5s forwards, msgFadeOut 0.5s ease 5s forwards;}
.page.messages .message::before{content:'';position:absolute;bottom:0;left:0;height:3px;width:100%;background:rgba(255,255,255,0.5);transform-origin:left;animation:msgProgress 5s linear forwards}
.page.messages .message::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,0.4) 50%,transparent 100%)}
.page.messages .message-success{background:#1a7c3e;color:#fff;border-left:4px solid #12592c}
.page.messages .message-success a{color:#a8f0c6;text-decoration:underline}
.page.messages .message-error{background:#c0392b;color:#fff;border-left:4px solid #922b21}
.page.messages .message-error a{color:#f5b7b1;text-decoration:underline}
.page.messages .message-warning{background:#d68910;color:#fff;border-left:4px solid #9a6109}
.page.messages .message-warning a{color:#fdebd0;text-decoration:underline}
.page.messages .message-notice{background:#1a6fa8;color:#fff;border-left:4px solid #145a86}
.page.messages .message-notice a{color:#aed6f1;text-decoration:underline}
@keyframes msgSlideIn{from{opacity:0;transform:translateX(60px) scale(0.95)}to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes msgHighlight{0%,100%{box-shadow:0 4px 24px rgba(0,0,0,0.13)}50%{box-shadow:0 0 0 4px rgba(255,255,255,0.45),0 8px 32px rgba(0,0,0,0.25)}}
@keyframes msgShimmerSweep{0%{left:-100%}100%{left:150%}}
@keyframes msgProgress{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@keyframes msgFadeOut{0%{opacity:1;transform:translateX(0);max-height:200px;padding:14px 20px;margin-bottom:0}100%{opacity:0;transform:translateX(60px);max-height:0;padding:0 20px;margin-bottom:-20px}}
@media (max-width:768px){
.user-menu{left:unset}
.sorter-label{display:none}
.container,#maincontent,.page-main,.navigation{padding:0 3%!important}
body .custom-search{background:linear-gradient(0deg,#0056b3 100%,#357fd4 0%);position:absolute;left:0;right:0;width:100%;padding:10px;top:69px}
.header.content{padding:15px 2%!important}
.nav-toggle{position:unset;z-index:1}
.logo img{height:37px;width:auto}
#search{height:36px!important}
.page-header{height:128px;margin:0 0 10px}
.minicart-wrapper{margin-right:10px!important}
#maincontent{padding-top:15px}
.about-us-left{max-height:100%!important}
.custom-grid .brand-in a {display: none;}
}
@media (min-width:769px) and (max-width:1200px){
body.page-layout-2columns-left .sidebar-main{width:27%!important}
body.page-layout-2columns-left .column.main{width:72%!important}
}
@media (min-width:769px) and (max-width:1300px){
.header.content{padding:15px 2%!important}
.container,#maincontent,.page-main,.navigation{padding:0 2%!important}
}
/* ==========================================================================
   Mini search (was Magento_Search/templates/form.mini.phtml)
   ========================================================================== */
span.dlx-input-count{display: none !important;}
/* ==========================================================================
   Main menu (was Magento_Theme/templates/custom/menu.phtml)
   ========================================================================== */
.loading-mask{display: none;}
:root{--c-navy:#071525;--c-navy2:#0c2040;--c-blue:#1565c0;--c-blue-mid:#1e88e5;--c-blue-lite:#42a5f5;--c-orange:#f4511e;--c-orange2:#ff7043;--c-white:#fff;--glass-bg:#fffffff7;--shadow-drop:0 28px 70px #07152533 0 4px 16px #1565c01a;--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);}
.view-all-btn,.mobile-mb{display:none}
.main-menu-wraper{position:relative;z-index:100;overflow:visible!important;background:linear-gradient(100deg,#071525 0%,#0c2040 55%,#102a4c 100%);}
.main-menu-wraper::before{content:'';display:block;height:3px;background:linear-gradient(90deg,transparent 0%,#42a5f5 20%,#f4511e 50%,#ffd54f 72%,transparent 100%);background-size:300% 100%;animation:navStripe 4s linear infinite}
@keyframes navStripe{
0%{background-position:300% 0}
100%{background-position:-300% 0}
}
.main-menu-wraper::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 200px 70px at 12% 50%,#42a5f51c 0%,transparent 70%),radial-gradient(ellipse 160px 60px at 82% 55%,#f4511e17 0%,transparent 70%);animation:orbFloat 9s ease-in-out infinite alternate;z-index:0}
@keyframes orbFloat{
0%{transform:translateX(0)}
100%{transform:translateX(28px)}
}
.mainmenu{display:flex;gap:0;list-style:none;margin:0;padding:0;align-items:stretch;position:relative;z-index:1}
.mainmenu .toplvl{position:relative;display:flex;align-items:stretch}
.mainmenu .mainlink .menu-icon{width: 18px; height: 18px;}
.mainmenu .mainlink .menu-icon svg{fill: none; stroke: currentColor; stroke-width: 2;}
.mainmenu .mainlink{color:#fff;font-weight:600;font-size:16.5px;letter-spacing:.40px;text-decoration:none;padding:0 15px;height:52px;cursor:pointer;display:flex;align-items:center;gap:5px;white-space:nowrap;position:relative;overflow:hidden;transition:color .2s ease}
.mainmenu .mainlink::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 130%,#42a5f533 0%,transparent 65%);opacity:0;transition:opacity .3s ease}
.mainmenu li.toplvl:hover > .mainlink::before,.mainmenu li.toplvl:hover > a.mainlink::before{opacity:1}
.mainmenu .mainlink::after{content:'';position:absolute;bottom:7px;left:50%;width:0;height:2.5px;background:linear-gradient(90deg,#42a5f5,#f4511e);border-radius:99px;transform:translateX(-50%);transition:width .35s var(--ease-out)}
.mainmenu li.toplvl:hover > .mainlink::after,.mainmenu li.toplvl:hover > a.mainlink::after{width:68%}
/* .mainmenu li.toplvl:hover > .mainlink,.mainmenu li.toplvl:hover > a.mainlink{color:#fff} */
.mainlink > svg{font-size:9px;opacity:.55;transition:transform .35s var(--ease-out),opacity .2s}
.mainmenu li.toplvl:hover .mainlink > svg{transform:rotate(-180deg);opacity:1}
.mainmenu li.toplvl.last-child{margin-left:auto;align-items:center;padding:0 10px}
.mainmenu li.toplvl.last-child > a.mainlink{height:auto;padding:9px 22px;background:linear-gradient(135deg,#c62828 0%,#f4511e 55%,#ff7043 100%);border-radius:50px!important;font-size:16.5px;font-weight:700;letter-spacing:.4px;color:#fff;box-shadow:0 4px 18px #f4511e73 inset 0 1px 0 #ffffff2e;transition:transform .3s var(--ease-bounce),box-shadow .25s ease;border:1.5px solid #ffffff2e;overflow:hidden}
.mainmenu li.toplvl.last-child > a.mainlink::before{content:'';position:absolute;top:-40%;left:-80%;width:55%;height:180%;background:#ffffff38;transform:skewX(-18deg);transition:left .55s ease}
.mainmenu li.toplvl.last-child > a.mainlink:hover::before{left:130%}
.mainmenu li.toplvl.last-child > a.mainlink:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 10px 30px #f4511e99 inset 0 1px 0 #ffffff2e;color:#fff}
.mainmenu li.toplvl.last-child > a.mainlink::after{display:none!important}
.mainmenu .dropwrperfull-1,.mainmenu .dropwrperfull-2,.mainmenu .dropwrperfull-3{display:block;position:absolute;top:100%;left:0;background:var(--glass-bg);z-index:9999;    border: 1px solid #071525; border-top: 0;border-radius:0 0 16px 16px;opacity:0;pointer-events:none;transform:translateY(-10px) scaleY(0.96);transform-origin:top;transition:opacity .3s var(--ease-out),transform .3s var(--ease-out)}
.mainmenu .dropwrperfull-1,.mainmenu .dropwrperfull-2{box-shadow:var(--shadow-drop),inset 0 3px 0 var(--c-blue-mid)}
.mainmenu .dropwrperfull-3{box-shadow:var(--shadow-drop),inset 0 3px 0 var(--c-orange)}
.mainmenu .toplvl:hover > .dropwrperfull-1,.mainmenu .toplvl:hover > .data-ctnt.dropwrperfull-1,.mainmenu .toplvl:hover > .dropwrperfull-2,.mainmenu .toplvl:hover > .data-ctnt.dropwrperfull-2,.mainmenu .toplvl:hover > .dropwrperfull-3,.mainmenu .toplvl:hover > .data-ctnt.dropwrperfull-3{opacity:1;pointer-events:all;transform:translateY(0) scaleY(1)}
.mainmenu .dropwrperfull-1{width:920px;padding:15px}
.mainmenu .dropwrperfull-2{width:100%;padding:15px}
.mainmenu .dropwrperfull-3{width:230px}
.mainmenu .ab-relative{position:unset}
.level0{display:flex;justify-content:space-between;gap:4px}
.level1{display:flex;flex-direction:column;gap:2px;flex:1;min-width:140px}
.level0 > .level1 + .level1{border-left:1px solid #1565c017;padding-left:10px}
.menu-title{margin:0 0 5px;padding:12px 16px;font-size:17px;font-weight:800;color:#fff;background:linear-gradient(110deg,#071525 0%,#1565c0 100%);border-radius:12px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 6px 22px #1565c04d;position:relative;overflow:hidden}
.menu-title::after{content:'';position:absolute;right:-25px;top:-25px;width:90px;height:90px;background:#ffffff0f;border-radius:50%;pointer-events:none}
.menu-title a{background:#ffffff29;color:#fff;font-size:14px;font-weight:600;padding:5px 14px;border-radius:50px;text-decoration:none;border:1px solid #ffffff3d;transition:background 0.2s,transform .25s var(--ease-bounce);white-space:nowrap;position:relative;z-index:1}
.menu-title a:hover{background:#ffffff4d;transform:scale(1.06);color:#fff}
.mainmenu .toplvl .has-children{color:var(--c-blue)!important;font-weight:700;text-transform:uppercase;letter-spacing:.7px;display:flex;align-items:center;justify-content:space-between;padding:7px 10px;margin:8px 0 3px;border-radius:7px;background:linear-gradient(90deg,#1565c012 0%,transparent 100%);border-left:3px solid var(--c-blue-mid);cursor:default;transition:background 0.2s,border-color 0.2s,color .2s;    text-decoration: none; cursor: pointer;}
.mainmenu .toplvl .has-children:hover{background:linear-gradient(90deg,#f4511e14 0%,transparent 100%);border-left-color:var(--c-orange);color:var(--c-orange)!important}
.has-children .fa-plus{display:none}
.no-child{font-weight: 700; font-size: 14px;text-transform:uppercase;letter-spacing:.6px;text-decoration:none;padding:7px 10px;margin:5px 0;border-radius:7px;background:linear-gradient(90deg,#1565c012 0%,transparent 100%);border-left:3px solid var(--c-blue-mid);transition:background 0.2s,color 0.2s,border-color .2s}
.no-child:hover{background:linear-gradient(90deg,#f4511e14 0%,transparent 100%);border-left-color:var(--c-orange);color:var(--c-orange)!important;text-decoration:none}
.level2{margin:0 0 6px}
.level2 a{display:flex;align-items:center;color:#374151;font-size:16px;font-weight:500;padding:4px 6px 4px 14px;text-decoration:none;border-radius:6px;position:relative;overflow:hidden;transition:color 0.18s,padding-left .22s var(--ease-out),transform .18s}
.level2 a::before{content:'\203A ';position:absolute;left:4px;color:var(--c-orange);font-size:16px;font-weight:900;opacity:0;transform:translateX(-5px);transition:opacity 0.18s,transform .18s;top:0}
.level2 a:hover::before{opacity:1;transform:translateX(0)}
.level2 a::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f4511e12 0%,transparent 100%);border-radius:6px;opacity:0;transition:opacity .18s}
.level2 a:hover::after{opacity:1}
.level2 a:hover{color:var(--c-orange)!important;padding-left:22px;transform:translateX(1px);text-decoration:none}
.level2 li:first-child a{color:var(--c-blue);font-weight:700;font-size:13px}
.dropwrperfull-3 .level0{flex-direction:column;gap:0;padding:6px 0}
.dropwrperfull-3 .level0 li{width:100%}
.dropwrperfull-3 .level0 li a{color: var(--c-blue) !important;font-weight:700;font-size:14px;padding:7px 10px;border-bottom:1px solid #0000000d;display:flex;align-items:center;transition:background 0.18s,color 0.18s,padding-left .22s var(--ease-out);text-decoration:none;margin: 3px 0;}
.dropwrperfull-3 .level0 li:last-child a{border-bottom:none;border-radius:0 0 16px 16px}
.dropwrperfull-3 .level0 li a::before{content:'\25B8 ';color:var(--c-orange);font-size:11px;opacity:0;transform:translateX(-5px);transition:opacity 0.18s,transform .18s;flex-shrink:0}
.dropwrperfull-3 .level0 li a:hover::before{opacity:1;transform:translateX(0);padding-right: 5px;}
.dropwrperfull-3 .level0 li a:hover{background:linear-gradient(90deg,#f4511e12 0%,transparent 100%);color:var(--c-orange)!important;padding-left:15px}
.toplvl:hover .level2 li{animation:itemIn .32s var(--ease-out) both}
.toplvl:hover .level0 > .level1{animation:colIn .36s var(--ease-out) both;padding-left:10px}
.toplvl:hover .level0 > .level1:nth-child(1){animation-delay:.03s}
.toplvl:hover .level0 > .level1:nth-child(2){animation-delay:.08s}
.toplvl:hover .level0 > .level1:nth-child(3){animation-delay:.13s}
.toplvl:hover .level0 > .level1:nth-child(4){animation-delay:.18s}
.toplvl:hover .level0 > .level1:nth-child(5){animation-delay:.23s}
.toplvl:hover .level2 li:nth-child(1){animation-delay:.04s}
.toplvl:hover .level2 li:nth-child(2){animation-delay:.08s}
.toplvl:hover .level2 li:nth-child(3){animation-delay:.12s}
.toplvl:hover .level2 li:nth-child(4){animation-delay:.16s}
.toplvl:hover .level2 li:nth-child(5){animation-delay:.2s}
.toplvl:hover .level2 li:nth-child(6){animation-delay:.24s}
.toplvl:hover .level2 li:nth-child(7){animation-delay:.28s}
.toplvl:hover .level2 li:nth-child(8){animation-delay:.32s}
.toplvl:hover .level2 li:nth-child(9){animation-delay:.36s}
.toplvl:hover .level2 li:nth-child(10){animation-delay:.4s}
@keyframes itemIn{
from{opacity:0;transform:translateY(8px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes colIn{
from{opacity:0;transform:translateX(-8px)}
to{opacity:1;transform:translateX(0)}
}
@media screen and (min-width: 769px){
.mainmenu .dropwrperfull-1,.mainmenu .dropwrperfull-2,.mainmenu .dropwrperfull-3{display:block}
}
@media (min-width: 100px) and (max-width: 769px){
.view-all-btn{display:block!important}
.mainmenu .toplvl{position:relative;display:block}
.mobile-mb{display:flex;align-items:center;gap:10px;padding:13px 16px;background:linear-gradient(100deg,#071525 0%,#0c2040 100%);color:#fff;font-weight:700;font-size:16px;cursor:pointer}
.nav-open .nav-toggle::after{background:#0056b38c}
.menu-open .columns{z-index:0 !important;}
.data-ctnt,.level2{display:none}
.has-children .fa-plus,.mobile-mb{display: flex; justify-content: space-between;}
.mainlink > svg{float:right;margin-left: auto;}
.main-menu-wraper{display:block;background:#fff!important;position:fixed}
.main-menu-wraper::before,.main-menu-wraper::after{display:none}
.mainmenu li.toplvl{width:100%;padding:0}
.mainmenu{flex-wrap:wrap;gap:0;overflow-y: scroll;max-height: 100vh;padding-bottom: 115px;}
.mainmenu .mainlink{color:#111;border-bottom:1px solid #eee;font-weight:700;background:none;padding:14px 16px;height:auto;width:100%;letter-spacing: 0.6px;}
.mainmenu .mainlink::before,.mainmenu .mainlink::after{display:none!important}
.mainmenu li.toplvl:hover > .mainlink{background:none;color:#111}
.mainmenu .toplvl .has-children{color:#333!important;font-weight:700;font-size:12.5px;background:#f0f4f8;border-radius:0;margin:0;padding:10px 14px}
.no-child{font-size:13px;background:#f0f4f8;border-radius:0 !important;margin:0;padding:10px 14px;color: #333 !important;}
.mainmenu .dropwrperfull-1,.mainmenu .dropwrperfull-2,.mainmenu .dropwrperfull-3{display:none;position:unset;opacity:1!important;transform:none!important;pointer-events:all;box-shadow:none;border-radius:0;padding:0;float:left;width:100%;background:#f4f7fb;border: unset;}
.level2-1 a{padding:9px 16px;margin-bottom:0;border-bottom:1px solid #e2e8f0;color:#555;font-size:13.5px;border-radius:0}
.level2 a::before,.level2 a::after{display:none}
.level2 a:hover{padding-left:22px;color:var(--c-orange)!important;background:#f4511e0f}
.menu-title a{font-size: 12px;}
.menu-title{font-size:15px;border-radius:0;margin-bottom:0;box-shadow:none}
.menu-title::after{display:none}
.level0{flex-direction:column;padding: 6px 0;}
.level0 > .level1 + .level1{border-left:none;padding-left:0}
ul.level2{background:#eef2f8}
.mainmenu li.toplvl:hover{background:unset}
.mainmenu li.toplvl.last-child{display:flex!important;gap:8px;padding:0 14px;margin-top:10px}
.mainmenu li.toplvl.last-child > a.mainlink{display:block!important;padding:8px 14px;text-align:center;height:auto;font-weight: 600; font-size: 15px;}
.mainmenu li.toplvl.last-child > a.mainlink::before{display:none}
.nav-open .mobile.menu::after{background:#00000080;content:'';display:block;height:100%;position:fixed;right:0;top:0;width:100%;z-index:1}
.nav-open #page{left:calc(100% - 54px);transition:left .3s;height:100%;overflow:hidden;position:relative}
.nav-before-open body{height:100%;overflow:hidden;position:relative;width:100%}
.main-menu-wraper{transition:left .3s;height:100%;left:calc(-1 * (100% - 54px));overflow:auto;position:fixed;top:0;width:calc(100% - 54px)!important;overflow-x:hidden;z-index:999}
.nav-open .main-menu-wraper{box-shadow:0 0 24px #32323280;left:0}
.main-menu-wraper .container{padding:0!important}
.mainmenu .mainlink .menu-icon svg{stroke: #0056B3;}
}
@media (min-width: 550px) and (max-width: 769px){
.main-menu-wraper{width:calc(100% - 30%)}
.nav-open .page-wrapper{left:calc(100% - 30%)}
}
@media (min-width: 1030px) and (max-width: 1250px){
.mainmenu .mainlink{font-size: 14px; padding: 0 6px;}
}
@media (min-width: 769px) and (max-width: 1029px){
.mainmenu .mainlink{font-size: 14px;padding: 0 6px;}
.mainmenu .mainlink .menu-icon{display: none;}
.mainmenu li.toplvl.last-child > a.mainlink{font-size: 14px;font-weight: 600;}
}
span.gh3__drawer-brand{font-size: 22px; font-weight: 700; color: #fff; text-transform: uppercase;}
.gh3__drawer-brand em{font-style: normal; color: #0056B3;}
button.gh3__drawer-close{width: 38px; height: 38px; padding: 8px; background: #ffffff1a; border: 1.5px solid #fff3; border-radius: 5px; cursor: pointer; transition: background .18s ease;}
.gh3__drawer-close svg{color: #fff;}
/* ==========================================================================
   Page title / category header (was Magento_Theme/templates/html/title.phtml)
   ========================================================================== */
.catalog-category-view .page-title-wrapper{display:flex;align-items:stretch;border-radius:12px;margin:0 0 16px;min-height:150px;position:relative;z-index:1;overflow:visible}
.catalog-category-view{overflow-x:hidden}
.catalog-category-view .cat-page-title{width:31%;background:#0056B3;display:flex;align-items:center;position:relative;z-index:3;clip-path:polygon(0 0,100% 0,70% 100%,0 100%)}
.catalog-category-view .page-title-wrapper::before{content:"";position:absolute;top:0;height:100%;width:9999px;background:#0056B3;z-index:-1;right:100%}
.catalog-category-view .page-title-wrapper::after{content:"";position:absolute;top:0;height:100%;width:9999px;background:#0056B3;z-index:-1;left:100%}
.catalog-category-view .cat-page-title .page-title{margin:0;font-size:35px;color:#fff;text-transform:uppercase;position:relative;z-index:2;border:0;width: 80%;}
.catalog-category-view .diagonal-stripes{position:absolute;top:0;right:68%;width:31%;height:100%;z-index:2;pointer-events:none;background:repeating-linear-gradient(45deg,#84A1C1 8px);clip-path:polygon(30% 0,100% 0,70% 100%,0 100%)}
.catalog-category-view .category-image-wrapper{position:absolute;top:0;right:0;width:77.3%;height:100%;z-index:1;background:#0056B3}
.catalog-category-view .category-image-wrapper img{width:100%;height:100%;object-fit:cover}
.catalog-category-view .category-description a{color:#fff;font-weight:700;text-decoration:none}
.catalog-category-view .category-description{background:transparent;margin:0;color:#fff;position:relative;width:69%;padding:20px 15px;display:flex;align-items:center;z-index:3;flex-wrap:wrap}
.catalog-category-view .category-description p{margin:0;line-height:1.6}
@media (max-width: 768px){
.catalog-category-view .page-title-wrapper{flex-direction:column;min-height:auto;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw}
.catalog-category-view .cat-page-title{width:100%;clip-path:none;text-align:center;padding:20px}
.catalog-category-view .diagonal-stripes{position:relative;right:auto;width:100%;height:13px;clip-path:none;background:repeating-linear-gradient(0deg,#84A1C1 8px,)}
.catalog-category-view .category-image-wrapper{position:relative;width:100%}
.catalog-category-view .cat-page-title .page-title{text-align:center;width:100%}
.catalog-category-view .page-title-wrapper::after{content:none}
.catalog-category-view .category-description{position:relative;width:100%;top:auto;transform:none;padding:11px;background:#0056b3f2}
}
/* ==========================================================================
   Footer (was Magento_Theme/templates/html/footer.phtml)
   ========================================================================== */
.ft-newsletter{background:linear-gradient(135deg,#0459B6,#023d8a);padding:20px 0}
.ft-newsletter .container{max-width:1200px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.main-footer{background:#0d1b2e;color:#c9d6e3;font-family:'Inter',system-ui,sans-serif}
.main-footer a{color:#c9d6e3;text-decoration:none;transition:color .2s}
.main-footer a:hover{color:#fff}
.ft-top{padding: 35px 0 31px;}
.ft-top .container{max-width:1200px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:32px}
.ft-brand-logo{margin-bottom:14px;display:block}
.ft-brand-logo img{max-height:57px;width:auto}
.ft-tagline{font-size:15px;color:#8fa5be;line-height:1.7;margin:0 0 18px;max-width:300px}
.ft-social{display:flex;gap:10px;flex-wrap:wrap}
.ft-social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;font-size:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#c9d6e3;transition:background .2s,color .2s,border-color .2s}
.ft-social a:hover{background:#0459B6;border-color:#0459B6;color:#fff}
.ft-social a svg{padding: 8px;}
.ft-col h3{font-weight:700;color:#fff;margin:0 0 16px;text-transform:uppercase;letter-spacing:.7px;position:relative;cursor:default}
.ft-col h3::after{content:'';display:block;width:28px;height:2px;background:#C13A00;border-radius:2px;margin-top:7px}
.ft-col ul{list-style:none;margin:0;padding:0}
.ft-col ul li{margin-bottom:9px}
.ft-col ul li a{font-size:15px;color:#8fa5be;display:flex;align-items:center;gap:7px}
.ft-col ul li a:hover{color:#fff;padding-left:4px}
.ft-col ul li a::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#C13A00;flex-shrink:0}
.ft-contact ul li a::before{display:none}
.ft-divider{border:none;border-top:1px solid rgba(255,255,255,.07);margin:0}
.ft-mid{padding:20px 0}
.ft-trust{display: flex; gap: 24px; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%;}
.ft-trust-item svg{color: #60a7fe; background: #333; height: 40px; width: 40px; text-align: center; border-radius: 5px; display: flex; align-items: center; justify-content: center; margin-right: 12px; padding: 8px;}
.ft-trust-item{display:flex;align-items:center;}
.ft-trust-item h4{font-weight:700;color:#fff;margin:0 0 1px}
.ft-trust-item p{font-size:14px;color:#7a94b0;margin:0}
.ft-bottom{background:#07111e;padding:16px 0}
.ft-bottom .container{max-width:1200px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.ft-bottom span{font-size:13px;color:#7a94b0}
.ft-payment{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ft-payment img{height:26px;width:auto;object-fit:contain;border-radius:4px;padding:2px 6px}
@media(max-width:900px){
.ft-top .container{grid-template-columns:1fr 1fr;gap:24px}
.main-footer .ft-top .ft-col{border-bottom: 1px solid #39567f;}
.main-footer .ft-top .ft-col:first-child{border-bottom: none;}
.ft-newsletter .container{flex-direction:column;text-align:center}
}
@media(max-width:600px){
.ft-top .container{grid-template-columns:1fr}
.ft-top{padding:32px 0 24px}
.ft-col h3{cursor:pointer;display:flex;align-items:center;justify-content:space-between}
.ft-col h3::before{content:'\f107';font-family:'FontAwesome';font-size:14px;margin-left:auto;transition:transform .25s;color:#8fa5be;order:2}
.ft-col h3.open::before{transform:rotate(180deg)}
.ft-col-body{display:none}
.ft-col h3::after{display:none}
.ft-trust{flex-direction:column;gap:18px;align-items: baseline;}
.ft-bottom .container{flex-direction:column;align-items:center;text-align:center}
}
/* ==========================================================================
   CLS guards (global)
   ========================================================================== */
/* Search icon is an icon-font glyph: fix its box so the font swap cannot resize the search field */
#search_mini_form button .fa{width:21px;text-align:center}
/* Home page frame rules (also inline in home.phtml) applied from first paint */
.cms-home .page-wrapper #maincontent{max-width:100%!important;padding:0!important}
.cms-home #maincontent{margin-top:0!important}

/* ---- from design/frontend/Custom/bluebath/Magento_CatalogWidget/templates/product/widget/content/popular.phtml ---- */
.col3pr { width: 33%;display: flex; flex-direction: column; gap: 8px; }
    .home-pr .widget-product-grid .item-pr.list-pr { display: flex;  gap: 15px;}
    .item-pr.list-pr .product-img { width: 30%; }
    .item-pr.list-pr .right-prlist{  width: 66%;}
    .home-pr .widget-product-grid .col3pr .item-pr { width: 100% !important; }
    .custom-grid .item-pr .right-prlist .pr-details {border-top: 0;}
    .item-pr.list-pr .product-img img{height: 119px; border-radius: 5px;}
    .col3pr .item-pr .product-img{  text-align: center;}
    .col3pr .item-pr .product-img .product-item-photo{display: inline-block;}
    .home-pr .widget-product-grid.custom-grid.col3{  align-items: center;}

@media (min-width:566px) and (max-width:1024px) {
    .home-pr .widget-product-grid .col3pr:nth-child(2){display: none;}
    .col3pr{width: 50%;}
}
@media (min-width:100px) and (max-width:565px) {
    .col3pr{width: 100%;}
    .home-pr .widget-product-grid .col3pr:nth-child(2){display: none;}
    .home-pr .col3.widget-product-grid{flex-direction: column;}
}
@media (min-width: 100px) and (max-width: 769px) {
    .col3pr .brand-in{display: flex;}
}

/* ---- from code/Datalatex/Cmssearch/view/frontend/templates/init.phtml ---- */
#search_autocomplete{display: none !important;}
    .dlx-tab:hover{background: #ececec;}
    .dlx-product-item:hover, .dlx-product-item.dlx-active, .dlx-cat-item:hover, .dlx-cat-item.dlx-, .dlx-page-item:hover, .dlx-page-item.dlx-active, .dlx-term-item:hover, .dlx-term-item.dlx-active{text-decoration: none}