/* OXO theme overlay */
body,body *{font-family:Poppins,Arial,sans-serif!important}
.top-nav a,.top-nav li a{color:#fff!important}
.navbar,.navbar-inner{background:#1a1a1a!important;background-image:none!important;border:none!important}
.navbar .nav>li,.navbar-nav>li{background:transparent!important;border:none!important}
.navbar .nav>li>a,.navbar-nav>li>a{background:transparent!important;border:none!important;border-left:none!important;color:#fff!important;box-shadow:none!important}
.navbar .nav>li>a:hover,.navbar-nav>li>a:hover{color:#fab900!important;background:transparent!important}
.navbar .nav .active>a,.navbar .nav .active>a:hover,.navbar-nav>.active>a,.navbar-nav>.active>a:hover{background:#fab900!important;color:#1a1a1a!important}
.navbar .nav>li>.dropdown-menu{background:#2b2b2b!important}
.dropdown-menu>li>a{color:#eee!important}
.dropdown-menu>li>a:hover{background:#fab900!important;color:#1a1a1a!important}
.btn-primary,.btn-warning,.btn-danger,.navbar-btn,.searchbar button,.input-group-btn .btn,.btn,.btn-default,.btn-info{background:#fab900!important;border-color:#fab900!important;color:#1a1a1a!important;font-weight:600}
.btn-primary:hover,.btn-warning:hover,.btn-danger:hover,.navbar-btn:hover{background:#e6a800!important;border-color:#e6a800!important;color:#1a1a1a!important}
a{color:#a90329}
a:hover{color:#fab900}
.panel_masterd,.panel-default>.panel-heading{background:#1a1a1a!important;color:#fff!important}
h1,h2,h3,h4,h5,h6{color:#1a1a1a}
.sliderclr,.box-style-slider,.topslidermargin{position:relative}
.sliderclr::after,.box-style-slider::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.15) 60%,rgba(0,0,0,.35) 100%);pointer-events:none;z-index:2}
.box-style-slider img,.sliderclr img{position:relative;z-index:1}
.container h2,.container h3,.tops{font-family:Poppins,sans-serif;font-weight:700;color:#1a1a1a}
h1,h2,h3{border-left:5px solid #fab900;padding-left:12px}
.box-style-slider,.product-block,.item,.thumbnail{background:#fff!important;border-radius:8px;box-shadow:0 4px 18px rgba(0,0,0,.08);transition:transform .2s,box-shadow .2s}
.box-style-slider:hover,.product-block:hover,.item:hover{transform:translateY(-4px);box-shadow:0 8px 28px rgba(0,0,0,.14)}
.footer-wrap,.footerups,.footer-btm-row{background:#1a1a1a!important;color:#ccc}
.footer-wrap a,.footerups a{color:#fab900}
.btn,.btn-primary,.btn-default,.btn-info{border-radius:4px;font-weight:600}

/* smartmenus sm-blue */
.sm,.sm ul,.sm-blue{background:transparent!important}
.sm>li,.sm-blue>li{background:transparent!important;border:none!important}
.sm>li>a,.sm-blue>li>a{background:transparent!important;background-image:none!important;color:#fff!important;border:none!important;box-shadow:none!important}
.sm>li>a:hover,.sm-blue>li>a:hover,.sm>li>a.highlighted,.sm-blue>li>a.highlighted{background:transparent!important;color:#fab900!important}
.sm ul a,.sm-blue ul a{background:#2b2b2b!important;color:#eee!important;border:none!important}
.sm ul a:hover,.sm-blue ul a:hover{background:#fab900!important;color:#1a1a1a!important}

/* one-line menu */
.sm>li,.sm-blue>li{display:inline-block!important;float:none!important}
.sm,.sm-blue{white-space:nowrap}
.sm>li>a,.sm-blue>li>a{font-size:13px!important;padding:10px 8px!important;white-space:nowrap}

/* mega menu */
.sm ul,.sm-blue ul,.mega-menu,.mega-dropdown{font-size:14px;white-space:normal!important}
.sm ul li,.sm-blue ul li{display:block!important}
.sm>li>ul,.sm-blue>li>ul{background:#2b2b2b!important;border:1px solid #3c3c3c;border-top:3px solid #fab900!important;padding:8px 0}
.sm li a .sub-arrow,.sm-blue li a .sub-arrow{color:#fab900!important}

/* FA4 icons from local webfont */
.fa,.fa-phone,.fa-envelope,.fa-search,.fa-whatsapp,.fa-caret-down{font-family:FontAwesome!important}

/* topbar one-line */
.top-row .row{display:flex;flex-wrap:wrap;align-items:center}
.top-row .col-md-6>.col-sm-12{display:flex;align-items:center;gap:18px;padding:0}
.top-row .col-sm-6{width:auto!important;float:none!important;padding:0}
.top-row a,.email_link{white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.top-row{padding:6px 0!important}

.top-nav{white-space:nowrap;font-size:0;margin:0}
.top-nav li{display:inline-block!important;font-size:13px}
.top-row .col-md-5{text-align:right}

/* FA5 icons via cdnjs webfont */
\@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.woff2") format("woff2")}
.fas{font-family:"Font Awesome 5 Free"!important;font-weight:900!important}
/* equal feature boxes */
.fivimg{display:inline-flex;align-items:center;justify-content:center;min-height:70px}

/* heading through-line + modern sliders */
section h2,.container h2,h2.heading,h2 span,.tops h2{background:#fff;display:inline-block;padding:0 18px;position:relative;z-index:2}
.bx-wrapper,.lSSlideOuter,.lSSlideWrapper,.sliderclr{background:#f6f6f6!important;border:none!important;border-radius:12px;padding:22px 14px}
.bxslider li,.lslide,.bxslider>li{background:#fff;border-radius:10px;box-shadow:0 3px 14px rgba(0,0,0,.10);margin:0 8px;overflow:hidden;border:none!important}
.bxslider li img,.lslide img{width:100%;height:auto;display:block}
.bx-controls a,.lSAction>a,.bx-prev,.bx-next{background:#fab900!important;color:#1a1a1a!important;border-radius:6px!important;opacity:1}
.bx-controls a:hover,.lSAction>a:hover{background:#1a1a1a!important;color:#fab900!important}

/* Oxo-style sliders */
.box-style-slider,.scroll-img{background:#f7f7f7!important;border-radius:12px;padding:24px 10px;border:none!important}
.box-style-slider ul li,.scroll-img ul li{border:none!important;background:transparent!important;margin:0 8px}
.box-style-slider ul li a,.scroll-img ul li a{display:block;background:#fff;border:none!important;border-radius:10px;box-shadow:0 3px 14px rgba(0,0,0,.10);overflow:hidden;text-decoration:none;padding:14px 10px}
.box-style-slider li img,.scroll-img li img{border-radius:6px;margin:0 auto}
.img-desc{background:transparent!important;border:none!important;padding:10px 4px 2px;text-align:center}
.img-desc h2,.img-desc h3,.img-desc strong{background:transparent!important;border:none!important;text-align:center;font-size:15px;font-weight:700;color:#1a1a1a!important;margin:0}
.carousel_btn{background:#fab900!important;color:#1a1a1a!important;border:none!important;border-radius:6px}
.carousel_btn:hover,.carousel_btn_back:hover{background:#1a1a1a!important;color:#fab900!important}

/* hard kills for img-desc bars */
.scroll-img li a,.box-style-slider li a,.scroll-img>ul>li>a{border:none!important;background:#fff!important}
.img-desc,.img-desc h2,.img-desc h3{background:#fff!important;background-image:none!important;border:none!important;border-top:none!important;color:#1a1a1a!important;text-transform:none;font-weight:700}
.img-desc:hover{background:#fff!important}
.scroll-img,.box-style-slider,.sliderclr,.topslidermargin{background:#f7f7f7!important}

/* Oxo slider items — clean */
.product-title{text-align:center;font-size:16px;font-weight:700;color:#1a1a1a;margin:12px 0 0;border:none;background:transparent}
.scroll-img ul li a,.box-style-slider ul li a{background:transparent!important;box-shadow:none!important;border:none!important;padding:0}
.scroll-img,.box-style-slider{background:#fff!important;padding:10px 0}

/* OXO hero overlay */
#myCarousel{position:relative}
.oxo-hero{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;justify-content:center;padding:0 8%;background:linear-gradient(90deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.15) 55%,transparent 100%);pointer-events:none}
.oxo-hero *{pointer-events:auto}
.oxo-kick{color:#fab900;font-size:15px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin:0 0 8px}
.oxo-title{color:#fff!important;font-size:42px!important;font-weight:700;line-height:1.15;max-width:560px;border:none!important;padding:0!important;margin:0 0 10px}
.oxo-sub{color:#eee;font-size:17px;margin:0 0 20px;max-width:560px}
.oxo-cta{display:inline-block;background:#fab900;color:#1a1a1a;font-weight:700;font-size:16px;padding:12px 30px;border-radius:5px;width:max-content}
.oxo-cta:hover{background:#fff;color:#1a1a1a;text-decoration:none}

.glyphicon{font-family:"Glyphicons Halflings"!important}
.carousel-control{opacity:.9}

/* Oxo header + mega menu */
.top-nav a[href*="quote"],.top-nav li:last-child a{background:#a90329!important;color:#fff!important;padding:6px 16px;border-radius:4px;font-weight:700}
.top-nav a[href*="quote"]:hover,.top-nav li:last-child a:hover{background:#8f0223!important;color:#fff!important}
.sm>li>ul,.sm-blue>li>ul,.sm ul ul{background:#fff!important;border:none!important;border-top:3px solid #fab900!important;box-shadow:0 14px 34px rgba(0,0,0,.16);min-width:620px;columns:5;padding:16px 0}
.sm ul a,.sm-blue ul a{background:#fff!important;color:#1a1a1a!important;font-size:14px;padding:7px 14px}
.sm ul a:hover,.sm-blue ul a:hover{background:#fff!important;color:#e6a800!important}
.sm ul a:before,.sm-blue ul a:before{content:"AA";color:#fab900;margin-right:8px}

/* oxo mega menu v2 */
.sm>li>ul,.sm-blue>li>ul,.sm ul ul{min-width:720px!important;columns:5!important;padding:16px 0!important}
.sm ul a:before,.sm-blue ul a:before{content:"\f466";font-family:FontAwesome;color:#fab900;margin-right:8px;font-size:13px}
.sm ul a,.sm-blue ul a{padding:7px 14px!important}

/* dropdown above hero */
.navbar,.sm,.sm-blue{position:relative;z-index:500}
.sm>li>ul,.sm-blue>li>ul,.sm ul ul{position:absolute;z-index:9999!important;display:none}
.sm>li:hover>ul,.sm-blue>li:hover>ul,.sm>li>ul.open,.sm ul.sm-show{display:block!important}

/* mega menu grid */
.sm>li:hover>ul,.sm>li>ul.open{display:flex!important;flex-wrap:wrap;align-content:flex-start;columns:auto!important;min-width:660px!important;max-width:90vw;padding:12px 8px!important}
.sm>li>ul>li,.sm-blue>li>ul>li{width:33%;display:block!important;padding:0}
.sm ul a,.sm-blue ul a{font-family:Poppins,sans-serif!important;font-weight:600;color:#333!important;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* REAL mega menu — full-width panel, grouped columns */
.sm>li,.sm-blue>li{position:static!important}
.sm>li>ul,.sm-blue>li>ul{position:absolute!important;left:0!important;right:0!important;width:100%!important;min-width:0!important;display:none;background:#fff!important;border:none!important;border-top:3px solid #fab900!important;box-shadow:0 20px 45px rgba(0,0,0,.18)!important;padding:22px 30px!important;columns:4!important;max-height:70vh;overflow-y:auto}
.sm>li:hover>ul,.sm-blue>li:hover>ul,.sm>li>ul.open{display:block!important}
.sm>li>ul>li{width:auto!important;break-inside:avoid;margin-bottom:4px}
.sm ul a .sub-arrow,.sm-blue ul a .sub-arrow{display:none!important}
.sm>li>ul ul,.sm-blue>li>ul ul{position:static!important;display:block!important;box-shadow:none!important;border:none!important;padding-left:14px}.sm>li>ul ul li,.sm-blue>li>ul ul li{width:auto!important}
.sm>li>ul>li>a:first-child{font-weight:700;color:#1a1a1a!important;border-bottom:2px solid #fab900;padding-bottom:6px;margin-bottom:6px;display:block}

.sm>li:hover>ul,.sm-blue>li:hover>ul,.sm>li>ul.open{visibility:visible!important;opacity:1!important;display:block!important;left:0!important}

/* mirror smartmenus native hide/show */
.sm>li>ul,.sm-blue>li>ul{visibility:hidden!important;left:-10000em!important;display:block!important}
.sm>li:hover>ul,.sm-blue>li:hover>ul,.sm>li>ul.open{visibility:visible!important;left:0!important;top:100%!important;opacity:1}

/* ===== OXO homepage sections v4 ===== */
.oxo-trust{background:#fff;border-bottom:1px solid #eee;padding:14px 0;text-align:center}
.oxo-trust img{max-height:44px;margin:0 16px;vertical-align:middle;opacity:.85}
.oxo-trust-note{display:inline-block;margin-left:16px;color:#555;font-size:13px;vertical-align:middle}
.oxo-trust-note i{color:#fab900;margin-right:5px}
.oxo-section{padding:52px 0}
.oxo-h{text-align:center;font-size:30px;font-weight:700;color:#1a1a1a;border:none!important;padding:0!important;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}
.oxo-h span{color:#e6a800}
.oxo-h:after{content:"";display:block;width:70px;height:3px;background:#fab900;margin:14px auto 0}
.oxo-h-left{text-align:left}
.oxo-h-left:after{margin-left:0}
.oxo-lead{text-align:center;color:#666;max-width:840px;margin:0 auto 34px;font-size:15px;line-height:1.7}
.oxo-lead-left{text-align:left;margin-left:0}
.oxo-sub-h{font-size:15px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#1a1a1a;border:none!important;border-left:4px solid #fab900!important;padding-left:10px!important;margin:36px 0 16px}
.oxo-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.oxo-grid li{margin:0;padding:0}
.oxo-grid li a{display:block;background:#fff;border:1px solid #ececec;border-radius:8px;padding:18px 12px 14px;text-align:center;text-decoration:none;transition:box-shadow .25s,transform .25s}
.oxo-grid li a:hover{box-shadow:0 12px 28px rgba(0,0,0,.13);transform:translateY(-4px);border-color:#fab900}
.oxo-grid li img{width:100%;height:150px;object-fit:contain;margin:0 auto}
.oxo-grid .product-title{display:block;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#1a1a1a;margin:14px 0 0}
@media(max-width:991px){.oxo-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.oxo-grid{grid-template-columns:repeat(2,1fr);gap:10px}.oxo-grid li img{height:110px}}
.oxo-offer{background:#f7f7f7}
.oxo-feats{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.oxo-feat{flex:0 0 15%;min-width:150px;background:#fff;border:1px solid #ececec;border-radius:10px;padding:24px 10px;text-align:center;transition:box-shadow .25s,transform .25s}
.oxo-feat:hover{box-shadow:0 12px 28px rgba(0,0,0,.12);transform:translateY(-4px)}
.oxo-feat a{display:block;text-decoration:none}
.oxo-feat-ic{display:inline-flex;width:66px;height:66px;border-radius:50%;background:#1a1a1a;color:#fab900;align-items:center;justify-content:center;font-size:26px;margin-bottom:14px}
.oxo-feat-ic i{color:#fab900!important;font-size:26px!important}
.oxo-feat-t{display:block;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#1a1a1a;line-height:1.5}
.oxo-testi{background:#fff}
.oxo-testi .carousel{max-width:760px;margin:0 auto}
.oxo-testi-card{display:flex;align-items:center;gap:30px;background:#fff;border:1px solid #ececec;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.09);padding:34px 40px;margin:0 40px}
.oxo-testi-photo img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #fab900}
.oxo-stars i{color:#fab900;font-size:16px;margin-right:3px}
.oxo-quote{font-size:15px;line-height:1.75;color:#444;margin:12px 0;font-style:italic}
.oxo-testi-name{font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:13px;color:#1a1a1a;margin:0}
.oxo-testi .carousel-indicators{position:static;margin:18px 0 0}
.oxo-testi .carousel-indicators li{background:#ddd;border:none;width:10px;height:10px}
.oxo-testi .carousel-indicators li.active{background:#fab900}
.oxo-quote-sec{background:#1a1a1a;padding:52px 0}
.oxo-quote-sec .oxo-h{color:#fff}
.oxo-quote-sec .oxo-lead{color:#bbb}
.oxo-form .row{margin-bottom:14px}
.oxo-form .form-control{height:46px;border-radius:4px;border:none;background:#fff;font-size:14px}
.oxo-form textarea.form-control{height:auto}
.oxo-form .g-recaptcha{margin-bottom:16px}
.oxo-submit{background:#fab900;color:#1a1a1a;font-weight:700;font-size:15px;letter-spacing:1px;text-transform:uppercase;padding:14px 42px;border:none;border-radius:4px}
.oxo-submit:hover{background:#fff;color:#1a1a1a}
.oxo-conf{background:#fff;border-radius:10px;padding:30px 24px;text-align:center;margin-top:24px}
.oxo-conf h4{font-size:16px;text-transform:uppercase;letter-spacing:1px;color:#1a1a1a;border:none!important;padding:0!important;margin:0 0 18px}
.oxo-conf-badges img{max-height:60px;margin:0 10px 10px;vertical-align:middle}
.oxo-conf-pay{max-width:100%;margin-top:16px}
.oxo-faq{background:#fff}
.oxo-faq #accordion{max-width:880px;margin:0 auto}
.oxo-faq .panel{background:transparent;border:none;box-shadow:none;margin-bottom:8px;border-radius:6px;overflow:hidden}
.oxo-faq .panel-heading{background:#1a1a1a!important;padding:0;border-radius:6px}
.oxo-faq .panel-title{border:none!important;padding:0!important;margin:0}
.oxo-faq .panel-title a{display:block;color:#fff!important;font-size:15px;font-weight:600;padding:16px 48px 16px 20px;text-decoration:none;position:relative}
.oxo-faq .panel-title a:after{content:"\f078";font-family:FontAwesome;position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#fab900;font-size:13px}
.oxo-faq .panel-title a:hover{color:#fab900!important}
.oxo-faq .panel-collapse{background:#f7f7f7}
.oxo-faq .panel-body{border-top:none!important;padding:18px 22px;font-size:14px;line-height:1.75;color:#444}
.oxo-home-content{padding-top:30px;padding-bottom:20px}
@media(max-width:991px){.oxo-feat{flex:0 0 30%}}
@media(max-width:600px){.oxo-feat{flex:0 0 45%;min-width:120px}.oxo-testi-card{flex-direction:column;text-align:center;padding:24px;margin:0 10px}}

/* ===== v5 polish: serif headings + stronger hero ===== */
.oxo-h,.oxo-kick{font-family:"Playfair Display",Georgia,serif!important}
.oxo-h{font-weight:700}
.oxo-sub-h{font-family:Poppins,sans-serif}
.oxo-hero{background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.45) 45%,rgba(0,0,0,.12) 75%,transparent 100%)}
.oxo-testi-name{font-family:Poppins,sans-serif}

/* ===== v6 mobile hero ===== */
@media(max-width:767px){
.oxo-hero{padding:0 6%}
.oxo-title{font-size:24px!important;line-height:1.25!important;max-width:100%}
.oxo-kick{font-size:12px}
.oxo-sub{font-size:13px;margin-bottom:14px}
.oxo-cta{padding:9px 20px;font-size:13px}
.oxo-h{font-size:22px}
.oxo-trust img{max-height:34px;margin:0 8px}
.oxo-trust-note{display:block;margin:8px 0 0}
.oxo-quote-sec .col-md-5{margin-top:20px}
}

/* ===== v7 topbar CTA -> oxo yellow ===== */
.top-nav a[href*="quote"],.top-nav li:last-child a{background:#fab900!important;color:#1a1a1a!important}
.top-nav a[href*="quote"]:hover,.top-nav li:last-child a:hover{background:#fff!important;color:#1a1a1a!important}

/* ===== v8 mega menu positioning fix ===== */
#main-menu{position:relative!important}
#main-menu>li>ul{top:100%!important}

/* ===== v9 mega menu link colors + glyph fix ===== */
#main-menu>li>ul a,#main-menu li ul a,.mega_menu_link a{color:#1a1a1a!important}
#main-menu>li>ul a:hover,#main-menu li ul a:hover,.mega_menu_link a:hover{color:#e6a800!important}
#main-menu li ul a:before,#main-menu>li>ul a:before{content:none!important}

/* ===== v10 real OXO parity ===== */
/* fonts: Poppins only */
body,body *{font-family:Poppins,Arial,sans-serif!important}
.oxo-h{font-family:Poppins,sans-serif!important;font-weight:800!important;font-size:34px;letter-spacing:1px}
.oxo-kick{font-family:Poppins,sans-serif!important;font-weight:600!important;letter-spacing:2px}
.oxo-title{font-family:Poppins,sans-serif!important;font-weight:800!important}
.oxo-sub-h{font-family:Poppins,sans-serif!important}
.oxo-h:after{background:#fab900}
.oxo-h span{color:#e6a800}
/* products section peachy gradient like oxo */
.oxo-partner{background:linear-gradient(to right,#fff0e6 1%,#ffdbc4 100%)!important}
/* white navbar like oxo */
.nav_sceme,.navbar,.navbar-inner,.navbar-collapse{background:#fff!important}
.sm>li>a,.sm-blue>li>a{color:#2b2b2b!important}
.sm>li>a:hover,.sm-blue>li>a:hover,.sm>li>a.highlighted,.sm-blue>li>a.highlighted{background:#fab900!important;color:#2b2b2b!important}
.sm ul a,.sm-blue ul a{color:#3c3c3c!important}
/* oxo red quote CTA */
.top-nav a[href*="quote"],.top-nav li:last-child a{background:#e1183e!important;color:#fff!important}
.top-nav a[href*="quote"]:hover,.top-nav li:last-child a:hover{background:#c01231!important;color:#fff!important}
/* hero badges row */
.oxo-hero-badges{margin-top:18px;display:flex;gap:14px;align-items:center}
.oxo-hero-badges img{max-height:44px;background:#fff;padding:4px 10px;border-radius:4px}
/* product thumbs strip under hero */
.oxo-thumbstrip{background:#fff;border-bottom:1px solid #eee;padding:14px 0;overflow:hidden}
.oxo-thumbstrip-in{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;padding:0 16px}
.oxo-thumbstrip-in::-webkit-scrollbar{display:none}
.oxo-thumb{flex:0 0 auto;width:110px;text-align:center;text-decoration:none}
.oxo-thumb img{width:100%;height:90px;object-fit:contain;background:#f7f7f7;border-radius:6px}
.oxo-thumb span{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#333;margin-top:6px;line-height:1.3}
.oxo-thumb:hover span{color:#e6a800}
/* why choose us grid */
.oxo-why{background:#fff}
.oxo-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 22px}
.oxo-why-item{text-align:center;padding:6px 4px}
.oxo-why-ic{display:inline-flex;width:56px;height:56px;border-radius:50%;border:2px solid #fab900;align-items:center;justify-content:center;font-size:22px;color:#2b2b2b;background:#fff}
.oxo-why-t{display:block;font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.5px;color:#1a1a1a;margin:14px 0 6px}
.oxo-why-item p{font-size:12px;color:#666;margin:0;line-height:1.55}
@media(max-width:991px){.oxo-why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.oxo-why-grid{grid-template-columns:1fr}}
/* testimonial + quote combined light section */
.oxo-testiq{background:#f9fbed}
.oxo-testiq-row{align-items:flex-start}
.oxo-testiq .oxo-testi-card{margin:0;box-shadow:0 6px 24px rgba(0,0,0,.08)}
.oxo-testiq .carousel-indicators{position:static;margin-top:14px}
.oxo-conf{background:#3c3c3c;color:#ccc}
.oxo-conf h4{color:#fff!important}
.oxo-conf-badges img{background:#fff;border-radius:4px;padding:3px 8px;max-height:52px}
/* order cta band */
.oxo-ctaband{background:#1a1a1a}
.oxo-ctaband .oxo-h{color:#fff}
.oxo-ctaband .oxo-lead{color:#bbb}
/* oxo faq: white card + grey bars */
.oxo-faq-card{max-width:880px;margin:0 auto;background:#fff;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.09);padding:26px}
.oxo-faq .panel{border:none!important;border-radius:0;margin-bottom:8px;overflow:hidden}
.oxo-faq .panel-heading{background:#4b4b4b!important;border-radius:0;padding:0}
.oxo-faq .panel-title a{color:#fff!important;font-family:Poppins,sans-serif;font-weight:500;font-size:15px;padding:14px 46px 14px 18px}
.oxo-faq .panel-title a:after{content:"\f078";font-family:FontAwesome;position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#fff;font-size:12px}
.oxo-faq .panel-collapse{background:#fff}
.oxo-faq .panel-body{background:#fff!important;color:#333;border-top:1px solid #ddd!important;padding:16px 22px;font-size:14px;line-height:1.7}
/* hero bigger like oxo */
.oxo-title{font-size:52px!important;line-height:1.12!important}
.oxo-kick{font-size:16px}
.oxo-sub{font-size:20px;font-weight:500}
@media(max-width:767px){.oxo-title{font-size:30px!important}.oxo-sub{font-size:15px}.oxo-kick{font-size:13px}}

/* ===== v11 menu link visibility fix ===== */
#main-menu>li>a,#main-menu>li>a:focus,#main-menu>li>a:hover{color:#2b2b2b!important}
#main-menu>li>a:hover,#main-menu>li>a.highlighted{background:#fab900!important;color:#2b2b2b!important}
#main-menu>li>a .sub-arrow{color:#2b2b2b!important}


/* ===== OXO-style single-bar header ===== */
@media(min-width:768px){
  .mbp-logo-search-row{display:none!important}
  .oxo-navbar-row{display:flex!important;align-items:center;flex-wrap:nowrap}
  .oxo-nav-logo{display:block;float:none;flex:0 0 auto;padding:6px 18px 6px 0}
  .oxo-nav-logo img{height:46px;width:auto;display:block}
  .oxo-navbar-row>.navbar-header{flex:0 0 auto;float:none}
  .oxo-navbar-row>.navbar-collapse{flex:1 1 auto;float:none;width:auto;min-width:0}
  #main-menu{display:flex!important;justify-content:center;flex-wrap:nowrap;width:100%}
  #main-menu>li{float:none}
  .oxo-nav-right{flex:0 0 auto;float:none;display:flex;align-items:center;gap:14px;padding-right:15px}
  .oxo-nav-search{display:flex;align-items:center;border:1px solid #d6d6d6;border-radius:4px;overflow:hidden;background:#fff}
  .oxo-nav-search input{border:none;outline:none;padding:8px 10px;font-size:13px;width:140px;color:#333}
  .oxo-nav-search button{border:none;background:#fab900;color:#1a1a1a;padding:8px 13px;cursor:pointer;font-size:14px}
  .oxo-nav-search button:hover{background:#e6a800}
  .oxo-nav-quote{background:#e1183e;color:#fff!important;padding:10px 22px;border-radius:4px;font-weight:600;font-size:14px;white-space:nowrap;text-decoration:none}
  .oxo-nav-quote:hover{background:#c01233;color:#fff!important}
}
@media(max-width:767px){
  .oxo-nav-logo,.oxo-nav-right{display:none!important}
}

/* ===== OXO-style footer ===== */
.footer-wrap{background:#2e2e2e!important;color:#cacaca}
.oxo-foot-logo{height:52px!important;width:auto!important;display:block;margin-bottom:20px}
.oxo-foot-tag-strong{font-size:19px;font-weight:700;line-height:1.5;color:#fff;margin:0 0 6px;max-width:320px}
.oxo-foot-tag{font-size:14px;line-height:1.6;color:#9a9a9a;margin-bottom:14px;max-width:340px}
.oxo-foot-news{display:flex;max-width:320px;margin-bottom:20px}
.oxo-foot-news input{flex:1;min-width:0;border:1px solid #d6d6d6;border-right:none;border-radius:3px 0 0 3px;padding:10px 12px;font-size:13px;color:#333;outline:none}
.oxo-foot-news button{border:none;border-radius:0 3px 3px 0;background:#fab900;color:#1a1a1a;font-weight:700;font-size:13px;padding:10px 18px;cursor:pointer}
.oxo-foot-news button:hover{background:#e6a800}
.oxo-foot-badges{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.oxo-foot-badges img{height:38px!important;width:auto!important;max-height:38px!important}
.oxo-foot-appimg{height:44px!important;width:auto!important}
.oxo-foot-h{font-family:Poppins,sans-serif;font-weight:700;font-size:15px;color:#fab900!important;text-transform:uppercase;letter-spacing:1px;margin:4px 0 16px;padding:0}
.oxo-foot-links li{margin-bottom:9px}
.oxo-foot-links a,.oxo-foot-contact a{color:#cfcfcf;font-size:14px;transition:color .2s}
.oxo-foot-links a:hover,.oxo-foot-contact a:hover{color:#fab900}
.oxo-foot-contact li{margin-bottom:12px;font-size:14px;color:#cfcfcf;display:flex;align-items:center;gap:10px}
.oxo-foot-contact i{color:#1a1a1a;background:#fab900;width:26px;height:26px;min-width:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px}
.oxo-foot-contact span,.oxo-foot-contact a{color:#cfcfcf;line-height:1.5}
.oxo-foot-follow{margin-top:20px}
.oxo-foot-follow>span{display:block;font-size:13px;color:#cfcfcf;margin-bottom:8px;font-weight:700}
.oxo-foot-follow .glyphs{display:flex;gap:6px;list-style:none;margin:0;padding:0;flex-wrap:nowrap}
.oxo-foot-follow .glyphs li{display:inline-block}
.oxo-foot-follow .social-io{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:3px;background:#3c3c3c;color:#fff;font-size:11px}
.oxo-foot-follow .social-io:hover{background:#fab900;color:#1a1a1a}
.footer-btm-row{background:#f0f0f0!important;color:#666;border-top:1px solid #e0e0e0}
.footer-btm-row p{color:#666;font-size:13px;text-align:center;margin:0;padding:12px 0}
@media(max-width:991px){
  .oxo-foot-col{margin-bottom:26px}
}


/* ===== OXO industry megamenu ===== */
.sm-blue .oxo-mega{width:960px!important;max-width:96vw;padding:14px 12px!important}
.sm-blue .oxo-mega:after{content:"";display:table;clear:both}
.sm-blue .oxo-mega-col{float:left;width:23%;margin:0 1%;border-top:none!important;padding:8px 6px}
.sm-blue .oxo-mega-title{display:block;font-weight:700;font-size:14px;color:#1a1a1a!important;padding:6px 0 8px!important;margin-bottom:4px;border-bottom:2px solid #fab900;line-height:1.4}
.sm-blue .oxo-mega-links a{display:block;padding:4px 0!important;font-size:13px;color:#555!important;line-height:1.55;background:transparent!important}
.sm-blue .oxo-mega-links a:hover{color:#e1183e!important;background:transparent!important}
@media(max-width:991px){
  .sm-blue .oxo-mega{width:auto!important;max-width:none;left:0!important}
  .sm-blue .oxo-mega-col{float:none;width:auto;margin:0}
  .sm-blue .oxo-mega-col{padding:4px 15px}
  .sm-blue .oxo-mega-title{padding:8px 0!important}
}

/* fixes: logo sizing + mobile topbar scroll */
.oxo-navbar-row .oxo-nav-logo img{height:46px!important;width:auto!important}
@media(max-width:767px){
  .top-row .col-md-5.pull-right{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
  .top-row .top-nav{display:flex!important;flex-wrap:nowrap;min-width:max-content;margin:0;padding:0;list-style:none}
  .top-row .top-nav li{float:none;padding:0}
  .top-row .col-md-6 a{white-space:normal!important}
  .email_link{word-break:break-all}
}

.oxo-badge-text{display:inline-flex;align-items:center;height:38px;padding:0 14px;border:1px solid #555;border-radius:4px;color:#ddd;font-size:11px;font-weight:700;letter-spacing:.5px;text-decoration:none}
.oxo-badge-text:hover{border-color:#fab900;color:#fab900}

.oxo-foot-pay{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.oxo-pay-text{color:#b9b9b9;font-size:13px;font-weight:600}
@media(max-width:991px){.oxo-foot-pay{justify-content:flex-start;margin-top:10px}.oxo-foot-pay .pull-right{float:none!important}}

.oxo-foot-pay .imgwi{filter:grayscale(100%) brightness(1.15);max-height:26px!important;width:auto!important}
.oxo-foot-pay .imgwi:hover{filter:none}

/* full-width footer like OXO */
footer.content-info>.container{width:100%!important;max-width:none!important;padding-left:30px;padding-right:30px}
footer.content-info .footer-btm-row .container{width:100%!important;max-width:none!important;padding-left:30px;padding-right:30px}
@media(min-width:1600px){footer.content-info>.container,footer.content-info .footer-btm-row .container{padding-left:60px;padding-right:60px}}

.oxo-pay-row{margin-top:10px}
.oxo-foot-pay{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.oxo-pay-text{color:#b9b9b9;font-size:13px;font-weight:600}
.oxo-foot-pay .imgwi{filter:grayscale(100%) brightness(1.15);max-height:26px!important;width:auto!important}
.oxo-foot-pay .imgwi:hover{filter:none}
@media(max-width:991px){.oxo-foot-pay{justify-content:flex-start;margin-top:14px}}

/* ===== footer v3: reference split layout (dark brand panel left, light link columns right) ===== */
footer.content-info{background:#f4f4f4!important}
footer.content-info>.container{padding-left:0!important;padding-right:0!important}
footer.content-info .footer-wrap{display:grid!important;grid-template-columns:1.5fr 1fr 1fr 1fr;background:transparent!important;padding:0!important;margin:0!important;color:#333}
footer.content-info .footer-wrap>.row{display:contents!important;margin:0!important}
footer.content-info .footer-wrap .row::before,footer.content-info .footer-wrap .row::after{display:none!important}
footer.content-info .oxo-foot-col{float:none!important;width:auto!important;padding:44px 28px 20px!important;min-height:0}
footer.content-info .oxo-foot-brand{grid-row:1 / span 2;background:#2e2e2e;padding:44px 36px 36px!important;color:#ccc}
footer.content-info .oxo-foot-pay{float:none!important;width:auto!important;grid-column:2 / -1;grid-row:2;padding:0 28px 24px!important;justify-content:flex-end}
footer.content-info .oxo-foot-h{color:#111!important;border:0!important;font-size:15px;font-weight:700;margin:0 0 18px;padding:0;letter-spacing:.5px}
footer.content-info .oxo-foot-links li{margin-bottom:10px}
footer.content-info .oxo-foot-links a,footer.content-info .oxo-foot-contact a,footer.content-info .oxo-foot-contact span{color:#333!important;font-size:14px}
footer.content-info .oxo-foot-links a:hover,footer.content-info .oxo-foot-contact a:hover{color:#e6a800!important}
footer.content-info .oxo-foot-contact li{color:#333;margin-bottom:14px}
footer.content-info .oxo-foot-contact i{color:#1a1a1a!important;background:#fab900!important}
footer.content-info .oxo-foot-follow{margin-top:26px}
footer.content-info .oxo-foot-follow>span{color:#333!important}
footer.content-info .oxo-foot-follow .glyphs{gap:6px}
footer.content-info .oxo-foot-follow .social-io{background:transparent!important;color:#1a1a1a!important;width:auto;height:auto;font-size:15px;padding:0 2px}
footer.content-info .oxo-foot-follow .social-io:hover{color:#e6a800!important;background:transparent!important}
footer.content-info .oxo-pay-text{color:#333!important}
footer.content-info .footer-btm-row{background:#fff!important;border-top:1px solid #e5e5e5}
footer.content-info .footer-btm-row p{color:#333!important}
@media(max-width:991px){
  footer.content-info .footer-wrap{grid-template-columns:1fr!important}
  footer.content-info .oxo-foot-brand{grid-row:auto}
  footer.content-info .oxo-foot-pay{grid-column:1;grid-row:auto;justify-content:flex-start;padding:0 24px 24px!important}
  footer.content-info .oxo-foot-col{padding:30px 24px!important}
}

/* ===== v3: full reference homepage ===== */
/* header: white logo row + dark menu band (reference) */
@media(min-width:768px){
  .nav_sceme{background:#fff!important}
  .oxo-navbar-row{flex-wrap:wrap!important}
  .oxo-navbar-row>.navbar-collapse{order:3;flex:0 0 100%!important;width:100%!important;background:#3a3a3a;margin-top:0}
  .nav_sceme #main-menu{justify-content:center;min-height:40px}
  .nav_sceme #main-menu>li>a{color:#fff!important;font-weight:600;padding:11px 16px!important;font-size:13px!important}
  .nav_sceme #main-menu>li>a:hover,.nav_sceme #main-menu>li:hover>a{color:#fab900!important;background:transparent!important}
  .nav_sceme #main-menu ul a{color:#1a1a1a!important;padding:4px 0!important;font-size:13px!important}
  .nav_sceme #main-menu ul a:hover{color:#e1183e!important}
  .oxo-nav-right{padding-top:0}
  .oxo-nav-logo img{height:44px!important}
}

/* product grids: 4 columns with image cards */
.oxo-pgrid{list-style:none;margin:0 0 34px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px 20px}
.oxo-pgrid li{margin:0}
.oxo-pgrid li a{display:block;text-align:center;color:#222;text-decoration:none}
.oxo-pimg{display:block;background:#f4f4f4;border-radius:4px;aspect-ratio:1/1;overflow:hidden;margin-bottom:12px}
.oxo-pimg img{width:100%!important;height:100%!important;object-fit:cover;display:block;transition:transform .3s}
.oxo-pgrid li a:hover .oxo-pimg img{transform:scale(1.05)}
.oxo-pgrid .product-title{display:block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:#222;line-height:1.4}
@media(max-width:991px){.oxo-pgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.oxo-pgrid{grid-template-columns:repeat(2,1fr);gap:16px 12px}}

/* trending ideas mosaic */
.oxo-trend{background:#fff;padding:50px 0}
.oxo-trend-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:260px 260px;gap:14px}
.oxo-trend-1{grid-row:1 / span 2}
.oxo-trend-tile{position:relative;overflow:hidden;display:block;border-radius:2px;background:#222}
.oxo-trend-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.oxo-trend-tile:hover img{transform:scale(1.04)}
.oxo-trend-cap{position:absolute;left:0;right:0;bottom:0;padding:30px 16px 12px;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff;font-size:14px;font-weight:700;line-height:1.3}
@media(max-width:767px){
  .oxo-trend-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .oxo-trend-1{grid-row:auto;grid-column:1 / -1}
  .oxo-trend-tile{height:200px}
  .oxo-trend-1{height:260px}
}

/* why choose us: list + collage */
.oxo-why{background:#f9fbed;padding:50px 0}
.oxo-why-collage{position:relative;min-height:440px}
.oxo-why-collage img{position:absolute;object-fit:cover;border-radius:4px;box-shadow:0 8px 22px rgba(0,0,0,.15);width:auto}
.oxo-why-collage .oxo-c1{width:62%;height:230px;left:0;top:0}
.oxo-why-collage .oxo-c2{width:46%;height:200px;right:0;top:110px}
.oxo-why-collage .oxo-c3{width:70%;height:190px;left:14%;bottom:0}
@media(max-width:991px){
  .oxo-why-collage{min-height:0;display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
  .oxo-why-collage img{position:static;width:auto;height:160px;flex:1 1 30%}
}

/* testimonial: text card + photo stack */
.oxo-testi{background:#fff;padding:50px 0}
.oxo-testi-photos{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-items:start;margin-top:20px}
.oxo-testi-photo img{width:100%;height:auto;display:block;border-radius:4px;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.oxo-testi-photo:nth-child(even){margin-top:24px}

/* quote section on light green with green promo box */
.oxo-getquote{background:#f9fbed;padding:50px 0}
.oxo-getquote .oxo-conf{background:#6aa84f;color:#fff;padding:34px 28px;border-radius:4px;margin-top:20px;text-align:center}
.oxo-getquote .oxo-conf h4,.oxo-getquote .oxo-conf strong{color:#fff}

/* faq: dark bars with plus/minus */
.oxo-faq{background:#fff;padding:50px 0}
.oxo-faq .panel-group{margin-top:20px}
.oxo-faq .panel{border:0;border-radius:0;box-shadow:none;background:transparent;margin-bottom:8px}
.oxo-faq .panel-heading{background:#4a4a4a!important;padding:0;border:0;border-radius:0}
.oxo-faq .panel-title a{display:block;padding:14px 46px 14px 20px;color:#fff!important;font-weight:600;font-size:14px;text-decoration:none;position:relative}
.oxo-faq .panel-title a:after{content:"\2212";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:18px;color:#fff}
.oxo-faq .panel-body{background:#fff;color:#555;border:1px solid #e5e5e5;border-top:0;font-size:14px;line-height:1.7}

/* bottom product image row */
.oxo-bottom-row{background:#fff;padding:20px 0 0}
.oxo-bottom-in{display:grid;grid-template-columns:repeat(5,1fr)}
.oxo-bottom-in a{display:block;overflow:hidden}
.oxo-bottom-in img{width:100%;height:220px;object-fit:cover;display:block;background:#f2f2f2;transition:transform .3s}
.oxo-bottom-in a:hover img{transform:scale(1.04)}
@media(max-width:767px){.oxo-bottom-in{grid-template-columns:repeat(2,1fr)}.oxo-bottom-in img{height:160px}}

@media(min-width:768px){
  .nav_sceme .navbar-collapse{background:#3a3a3a!important;float:none!important;width:100%!important}
  .nav_sceme .oxo-navbar-row{min-height:0}
}

@media(min-width:768px){
  .nav_sceme .oxo-navbar-row>.navbar-collapse{margin-left:calc(50% - 50vw)!important;width:100vw!important;max-width:100vw}
  .nav_sceme #main-menu .sub-arrow{display:none!important}
}

@media(min-width:768px){
  .nav_sceme .oxo-navbar-row>.navbar-collapse{flex:0 0 100vw!important;max-width:100vw!important;width:100vw!important}
}

.oxo-trend-tile img{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover}

/* ===== v5: align sections to OXO reference ===== */
/* hero: large dark headline, no boxed overlay */
.oxo-hero{background:transparent!important;border:0!important;box-shadow:none!important;max-width:620px;padding:0!important;text-align:left;left:8%!important;top:50%!important;transform:translateY(-50%)}
.oxo-title{color:#fff!important;font-size:58px!important;line-height:1.08!important;font-weight:800!important;text-shadow:0 2px 14px rgba(0,0,0,.45)}
.oxo-kick{color:#fab900!important;font-size:15px!important;letter-spacing:1px;text-transform:uppercase;font-weight:700}
.oxo-sub{color:#fff!important;font-size:18px!important;text-shadow:0 1px 8px rgba(0,0,0,.5)}
@media(max-width:767px){.oxo-title{font-size:30px!important}.oxo-hero{left:5%!important;max-width:90%}}

/* partner section: clean white like OXO, black headings */
.oxo-partner{background:#fff!important}
.oxo-partner .oxo-h span{color:#111!important}
.oxo-partner .oxo-h,.oxo-h{text-transform:uppercase}
.oxo-pgrid .product-title{font-size:13px;color:#111}
.oxo-pimg{background:#fff!important;border-radius:0}

/* feature band: thin outline icons in circles on pale green */
.oxo-offer{background:#f9fbed!important}
.oxo-feat-ic{background:#fff!important;border:1.5px solid #222;color:#222!important;width:72px;height:72px;box-shadow:none!important}
.oxo-feat-ic i{color:#222!important}
.oxo-feat-t{color:#111;font-weight:700;font-size:12px;text-transform:uppercase}

/* quote form: inline fields + light inputs */
.oxo-getquote{background:#f9fbed!important}
.oxo-form .form-control{border:1px solid #d6d6d6;border-radius:2px;background:#fff;height:44px;color:#333;box-shadow:none}
.oxo-form textarea.form-control{height:auto}
.oxo-submit{background:#fab900!important;color:#111!important;border:0;border-radius:2px;font-weight:700;padding:12px 26px;text-transform:uppercase;font-size:13px}
.oxo-getquote .oxo-conf{background:#6aa84f!important}

/* faq: full-width dark bars with chevron */
.oxo-faq .panel-title a:not(.collapsed):after{transform:translateY(-50%) rotate(180deg)}
.oxo-faq .panel-heading{background:#2e2e2e!important}
.oxo-faq .panel-title a{font-weight:500;font-size:15px}
.oxo-faq .panel-body{font-size:15px}

/* bottom row captions like OXO */
.oxo-bottom-in a{position:relative}
.oxo-bottom-in a span{display:block;text-align:center;font-size:13px;font-weight:700;text-transform:uppercase;color:#111;padding:10px 6px;background:#fff}
.oxo-bottom-in img{height:200px!important}

.oxo-faq .panel-title a:after{content:"";position:absolute;right:20px;top:50%;width:7px;height:7px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-70%) rotate(45deg);background:none}
.oxo-faq .panel-title a:not(.collapsed):after{transform:translateY(-30%) rotate(225deg)}

#myCarousel:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,20,20,.82) 0%,rgba(20,20,20,.55) 42%,rgba(20,20,20,0) 70%);z-index:1;pointer-events:none}
#myCarousel .oxo-hero{z-index:2}
#myCarousel{position:relative}

/* ===== mega menu v2: parent -> child tree in aligned grid ===== */
.sm-blue .oxo-mega{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 8px;width:1140px!important;max-width:96vw;padding:22px 26px!important;background:#fff!important;border:1px solid #e5e5e5!important;box-shadow:0 10px 28px rgba(0,0,0,.18)!important;column-count:auto!important;left:-170px!important;right:auto!important;top:100%}
.sm-blue .oxo-mega-col{float:none!important;width:auto!important;margin:0!important;padding:4px 18px 16px 0!important;border:0!important;align-self:start;min-width:0}
.sm-blue .oxo-mega-title{display:block;font-weight:700!important;font-size:14px!important;text-transform:uppercase;letter-spacing:.3px;color:#111!important;padding:0 0 8px!important;margin:0 0 10px!important;border-bottom:2px solid #fab900;background:transparent!important;line-height:1.3}
.sm-blue .oxo-mega-title:hover{color:#e1183e!important}
.sm-blue .oxo-mega-sub{margin:12px 0 4px;font-size:13px;font-weight:700}
.sm-blue .oxo-mega-sub a{color:#222!important;padding:0!important;background:transparent!important}
.sm-blue .oxo-mega-links{display:block}
.sm-blue .oxo-mega-links a{display:block;padding:3px 0 3px 12px!important;font-size:13px!important;color:#444!important;line-height:1.45;position:relative;background:transparent!important;white-space:normal}
.sm-blue .oxo-mega-links a:before{content:"";position:absolute;left:0;top:10px;width:5px;height:5px;background:#fab900;border-radius:50%}
.sm-blue .oxo-mega-links a:hover{color:#e1183e!important}
@media(max-width:1199px){.sm-blue .oxo-mega{grid-template-columns:repeat(3,minmax(0,1fr));left:-40px!important;width:960px!important}}
@media(max-width:991px){.sm-blue .oxo-mega{display:block!important;width:auto!important;left:0!important;box-shadow:none!important;border:0!important}.sm-blue .oxo-mega-col{padding:6px 15px!important}}

#main-menu>li.oxo-cat-parent>ul.oxo-mega{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0 8px!important}
#main-menu>li.oxo-cat-parent>ul.oxo-mega>li.oxo-mega-col{display:block!important}
@media(max-width:1199px){#main-menu>li.oxo-cat-parent>ul.oxo-mega{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:991px){#main-menu>li.oxo-cat-parent>ul.oxo-mega{display:block!important}}

/* ===== mega menu v3: flat grid under yellow tab, full header width (OXO reference) ===== */
.nav_sceme #main-menu{position:static!important}
.nav_sceme .oxo-navbar-row>.navbar-collapse{position:relative!important}
.nav_sceme #main-menu>li.oxo-cat-parent{position:static!important}
.nav_sceme #main-menu>li.oxo-cat-parent:hover>a,.nav_sceme #main-menu>li.oxo-cat-parent.open>a{background:#fab900!important;color:#1a1a1a!important}
@media(min-width:992px){
  .nav_sceme #main-menu>li.oxo-cat-parent>ul.oxo-mega{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:16px 18px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:1170px!important;max-width:96vw!important;top:100%!important;margin:0!important;padding:28px 34px 24px!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:0 14px 26px rgba(0,0,0,.18)!important;column-count:auto!important}
  .nav_sceme #main-menu>li.oxo-cat-parent>ul.oxo-mega>li{float:none!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;display:block!important}
  .nav_sceme #main-menu>li.oxo-cat-parent>ul.oxo-mega>li>a{display:flex!important;align-items:center;gap:10px;padding:0!important;font-size:13px!important;font-weight:600!important;color:#2b2b2b!important;text-transform:none;line-height:1.35;background:transparent!important;white-space:normal!important;border:0!important}
  .nav_sceme #main-menu>li.oxo-cat-parent>ul.oxo-mega>li>a:hover{color:#e1183e!important}
  .nav_sceme #main-menu>li.oxo-cat-parent>ul.oxo-mega>li>a i{color:#fab900;font-size:16px;width:20px;text-align:center;flex:0 0 20px}
}
@media(min-width:992px) and (max-width:1199px){
  .nav_sceme #main-menu>li.oxo-cat-parent>ul.oxo-mega{grid-template-columns:repeat(4,minmax(0,1fr))!important;width:960px!important}
}

/* ===== header v2: no top strip, contact + WhatsApp in white row (OXO reference) ===== */
@media(min-width:768px){
  .top-row{display:none!important}
  .nav_sceme .oxo-navbar-row>.oxo-nav-right{display:flex!important;align-items:center;gap:18px}
  .oxo-nav-contact{display:flex;align-items:center;gap:16px}
  .oxo-nav-contact a{display:flex;align-items:center;gap:8px;font-size:14px;color:#222!important;font-weight:500;white-space:nowrap;text-decoration:none}
  .oxo-nav-contact .oxo-ic{width:28px;height:28px;min-width:28px;border-radius:3px;background:#fab900;color:#1a1a1a;display:inline-flex;align-items:center;justify-content:center;font-size:12px}
  .oxo-nav-contact .oxo-wa{width:34px;height:34px;border-radius:50%;background:#25d366;color:#fff;justify-content:center;font-size:20px}
  .oxo-nav-quote{background:#e1183e!important;color:#fff!important;padding:9px 20px!important}
}

/* ===== header v3: OXO-style contact row + complete site navigation ===== */
.top-row{display:none!important}
@media(min-width:992px){
  .nav_sceme{background:#fff!important}
  .nav_sceme .oxo-navbar-row{display:flex!important;align-items:center;flex-wrap:wrap!important;min-height:0}
  .nav_sceme .oxo-navbar-row>.oxo-nav-logo{order:1;display:block;flex:0 0 auto;padding:4px 18px 4px 0;float:none}
  .nav_sceme .oxo-navbar-row>.oxo-nav-logo img{display:block;width:auto!important;height:44px!important;max-height:44px}
  .nav_sceme .oxo-navbar-row>.navbar-header{display:none!important}
  .nav_sceme .oxo-navbar-row>.oxo-nav-right{order:2;display:flex!important;align-items:center;gap:12px;margin-left:auto;padding:7px 0;flex:0 0 auto}
  .oxo-nav-contact{display:flex;align-items:center;gap:18px}
  .oxo-nav-contact>a:not(.oxo-wa){display:flex;align-items:center;gap:8px;color:#252525!important;text-decoration:none;font-size:13px;font-weight:500;white-space:nowrap}
  .oxo-nav-contact .oxo-ic{width:24px;height:24px;min-width:24px;border-radius:4px;background:#fab900;color:#202020;display:inline-flex;align-items:center;justify-content:center;font-size:11px}
  .oxo-nav-contact>a.oxo-wa{width:27px;height:27px;min-width:27px;border-radius:6px;background:#25d366;color:#fff!important;display:inline-flex;align-items:center;justify-content:center;font-size:19px;text-decoration:none}
  .nav_sceme .oxo-navbar-row>.oxo-nav-right>.oxo-nav-quote{background:#e3183e!important;color:#fff!important;border:0;border-radius:3px;padding:9px 17px!important;font-size:12px;font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap}
  .nav_sceme .oxo-navbar-row>.navbar-collapse{order:3;position:relative!important;display:block!important;flex:0 0 100vw!important;width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding:0!important;background:#4a4a4a!important;border:0;box-shadow:none}
  .nav_sceme #main-menu{display:flex!important;align-items:stretch;justify-content:flex-start!important;flex-wrap:nowrap;width:1170px!important;max-width:calc(100vw - 30px);min-height:36px;margin:0 auto!important;padding:0!important;background:transparent!important}
  .nav_sceme #main-menu>li{float:none!important;display:flex;align-items:stretch;position:relative}
  .nav_sceme #main-menu>li>a{display:flex!important;align-items:center;padding:0 14px!important;height:36px;color:#fff!important;font-size:12px!important;font-weight:700!important;text-transform:none;white-space:nowrap;background:transparent!important;border:0!important}
  .nav_sceme #main-menu>li>a:hover,.nav_sceme #main-menu>li>a.highlighted,.nav_sceme #main-menu>li.oxo-cat-parent:hover>a,.nav_sceme #main-menu>li.oxo-cat-parent.open>a{background:#fab900!important;color:#202020!important}
  .nav_sceme #main-menu>li.oxo-cat-parent>a:after{content:"";width:0;height:0;margin-left:5px;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #fab900}
  .nav_sceme #main-menu>li.oxo-cat-parent:hover>a:after,.nav_sceme #main-menu>li.oxo-cat-parent.open>a:after{border-top-color:#202020}
  .nav_sceme #main-menu>li.oxo-menu-search-item{margin-left:auto;align-items:center}
  .oxo-menu-search{display:flex;align-items:center;height:28px;margin:4px 10px;border:0;background:transparent}
  .oxo-menu-search input{width:0;max-width:0;padding:0;border:0;outline:0;opacity:0;transition:all .2s ease;color:#222}
  .oxo-menu-search:focus-within{background:#fff;border-radius:3px}
  .oxo-menu-search:focus-within input{width:145px;max-width:145px;padding:5px 8px;opacity:1}
  .oxo-menu-search button{width:30px;height:28px;border:0;background:transparent;color:#fff;font-size:15px;cursor:pointer}
  .oxo-menu-search:focus-within button{color:#222}
  .nav_sceme #main-menu>li.oxo-menu-why>a{background:#fab900!important;color:#1e1e1e!important;padding:0 18px!important}
  .nav_sceme #main-menu>li.oxo-menu-why>a:hover{background:#e6a800!important}
}
@media(min-width:768px) and (max-width:991px){
  .nav_sceme .oxo-navbar-row{display:flex!important;align-items:center;flex-wrap:wrap!important}
  .nav_sceme .oxo-navbar-row>.oxo-nav-logo{order:1;display:block;flex:0 0 auto}
  .nav_sceme .oxo-navbar-row>.oxo-nav-logo img{height:38px!important;width:auto!important}
  .nav_sceme .oxo-navbar-row>.navbar-header{display:none!important}
  .nav_sceme .oxo-navbar-row>.oxo-nav-right{order:2;display:flex!important;align-items:center;margin-left:auto;gap:8px}
  .oxo-nav-contact{display:flex;gap:8px;align-items:center}
  .oxo-nav-contact>a:not(.oxo-wa){font-size:11px!important;gap:4px}
  .oxo-nav-contact .oxo-ic{width:23px;height:23px;min-width:23px}
  .oxo-nav-contact>a.oxo-wa{width:26px;height:26px}
  .nav_sceme .oxo-navbar-row>.navbar-collapse{order:3;flex:0 0 100vw!important;width:100vw!important;margin-left:calc(50% - 50vw)!important;background:#4a4a4a!important}
  .nav_sceme #main-menu{display:flex!important;justify-content:flex-start!important;flex-wrap:nowrap;overflow:visible;width:max-content;margin:0 auto!important}
  .nav_sceme #main-menu>li>a{height:36px;padding:0 10px!important;color:#fff!important;font-size:11px!important}
}
@media(max-width:767px){
  .top-row{display:none!important}
  .nav_sceme .oxo-navbar-row{display:flex!important;align-items:center;flex-wrap:wrap!important;padding:6px 10px}
  .nav_sceme .oxo-navbar-row>.oxo-nav-logo{order:1;display:block!important;flex:0 0 auto;padding:0;float:none}
  .nav_sceme .oxo-navbar-row>.oxo-nav-logo img{height:38px!important;width:auto!important}
  .nav_sceme .oxo-navbar-row>.navbar-header{order:2;display:block!important;margin-left:auto;float:none}
  .nav_sceme .oxo-navbar-row>.navbar-header .navbar-toggle{margin:3px 0;padding:7px 8px;border:1px solid #ddd}
  .nav_sceme .oxo-navbar-row>.oxo-nav-right{order:3;display:flex!important;flex:0 0 100%;justify-content:center;gap:10px;margin:6px 0 0;padding:0;flex-wrap:wrap}
  .oxo-nav-contact{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
  .oxo-nav-contact>a:not(.oxo-wa){font-size:11px!important;gap:5px}
  .oxo-nav-contact .oxo-ic{width:22px;height:22px;min-width:22px}
  .oxo-nav-contact>a.oxo-wa{width:24px;height:24px;font-size:17px}
  .nav_sceme .oxo-navbar-row>.oxo-nav-right>.oxo-nav-quote{padding:7px 14px!important;font-size:11px}
  .nav_sceme .oxo-navbar-row>.navbar-collapse{order:4;flex:0 0 calc(100% + 20px)!important;width:calc(100% + 20px)!important;margin:8px -10px -6px!important;background:#4a4a4a!important}
  .nav_sceme #main-menu{display:block!important;width:100%!important;margin:0!important;padding:0!important}
  .nav_sceme #main-menu>li{float:none!important;display:block!important}
  .nav_sceme #main-menu>li>a{display:flex!important;align-items:center;height:auto;min-height:40px;padding:10px 16px!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.12)!important}
  .nav_sceme #main-menu>li.oxo-menu-search-item{display:none!important}
  .nav_sceme #main-menu>li.oxo-menu-why>a{background:#fab900!important;color:#222!important}
}

/* Restore the active industry links removed when the combined industry menu was introduced. */
.nav_sceme{position:sticky!important;top:0!important;z-index:10000000!important}
.nav_sceme.affix{top:0!important}
@media(min-width:992px){
  .nav_sceme #main-menu>li.oxo-industry-nav{position:static!important}
  .nav_sceme #main-menu>li.oxo-industry-nav:hover>a,.nav_sceme #main-menu>li.oxo-industry-nav.open>a{background:#fab900!important;color:#202020!important}
  .nav_sceme #main-menu>li.oxo-industry-nav>a:after{content:"";width:0;height:0;margin-left:4px;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #fab900}
  .nav_sceme #main-menu>li.oxo-industry-nav:hover>a:after,.nav_sceme #main-menu>li.oxo-industry-nav.open>a:after{border-top-color:#202020}
  .nav_sceme #main-menu>li.oxo-industry-nav>ul.oxo-mega,.nav_sceme #main-menu>li.oxo-cat-parent>ul.oxo-mega{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:16px 18px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:1170px!important;max-width:96vw!important;top:100%!important;margin:0!important;padding:24px 30px!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:0 14px 26px rgba(0,0,0,.18)!important;column-count:auto!important}
  .nav_sceme #main-menu>li.oxo-industry-nav>ul.oxo-mega>li,.nav_sceme #main-menu>li.oxo-cat-parent>ul.oxo-mega>li{float:none!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;display:block!important}
  .nav_sceme #main-menu>li.oxo-industry-nav>ul.oxo-mega>li>a,.nav_sceme #main-menu>li.oxo-cat-parent>ul.oxo-mega>li>a{display:flex!important;align-items:center;gap:8px;padding:0!important;font-size:12px!important;font-weight:600!important;color:#2b2b2b!important;line-height:1.35;background:transparent!important;white-space:normal!important;border:0!important}
  .nav_sceme #main-menu>li.oxo-industry-nav>ul.oxo-mega>li>a:hover,.nav_sceme #main-menu>li.oxo-cat-parent>ul.oxo-mega>li>a:hover{color:#e1183e!important}
  .nav_sceme #main-menu>li.oxo-industry-nav>ul.oxo-mega>li>a i,.nav_sceme #main-menu>li.oxo-cat-parent>ul.oxo-mega>li>a i{color:#fab900;font-size:15px;width:18px;text-align:center;flex:0 0 18px}
  .nav_sceme #main-menu>li>a{padding-left:8px!important;padding-right:8px!important;font-size:11px!important}
  .nav_sceme #main-menu>li.oxo-menu-why>a{padding-left:12px!important;padding-right:12px!important}
}
@media(min-width:992px) and (max-width:1199px){
  .nav_sceme #main-menu>li>a{padding-left:5px!important;padding-right:5px!important;font-size:10px!important}
  .nav_sceme #main-menu>li.oxo-industry-nav>ul.oxo-mega,.nav_sceme #main-menu>li.oxo-cat-parent>ul.oxo-mega{grid-template-columns:repeat(4,minmax(0,1fr))!important;width:960px!important}
}

@media(min-width:1321px){
  .nav_sceme #main-menu>li>a{padding-left:6px!important;padding-right:6px!important}
}
@media(min-width:1200px) and (max-width:1320px){
  .nav_sceme #main-menu>li>a{padding-left:4px!important;padding-right:4px!important;font-size:10px!important}
  .nav_sceme #main-menu>li.oxo-menu-why>a{padding-left:8px!important;padding-right:8px!important}
  .oxo-menu-search button{width:25px}
}
@media(min-width:992px) and (max-width:1199px){
  .nav_sceme #main-menu{width:calc(100vw - 30px)!important;max-width:calc(100vw - 30px)!important;flex-wrap:wrap!important;justify-content:center!important;overflow:visible!important}
  .nav_sceme #main-menu>li.oxo-menu-search-item{margin-left:0!important}
  .nav_sceme #main-menu>li>a{padding-left:5px!important;padding-right:5px!important;font-size:10px!important}
  .nav_sceme .oxo-navbar-row>.navbar-collapse{height:auto!important;min-height:36px}
}

/* Sharp, uncropped product carousel at the bottom of the homepage. */
.oxo-bottom-row{display:block!important;width:100%;overflow:hidden;background:#fff;padding:18px 0 0}
.oxo-bottom-track{display:flex;width:max-content;will-change:transform;animation:oxo-bottom-marquee 42s linear infinite}
.oxo-bottom-set{display:flex;flex:0 0 auto;align-items:stretch}
.oxo-bottom-item{display:flex!important;flex:0 0 clamp(190px,20vw,280px);flex-direction:column;overflow:hidden;text-decoration:none!important;background:#fff;border-right:1px solid #e8e8e8}
.oxo-bottom-item img{display:block;width:100%!important;height:190px!important;max-width:none!important;object-fit:contain!important;object-position:center;background:#fff;padding:12px;image-rendering:auto}
.oxo-bottom-item span{display:-webkit-box;min-height:44px;padding:9px 10px 11px;overflow:hidden;background:#fff;color:#222;text-align:center;font-size:12px;font-weight:700;line-height:1.35;text-transform:uppercase;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.oxo-bottom-item:hover span,.oxo-bottom-item:focus span{color:#d89f00}
.oxo-bottom-row:hover .oxo-bottom-track,.oxo-bottom-row:focus-within .oxo-bottom-track{animation-play-state:paused}
@keyframes oxo-bottom-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(max-width:767px){
  .oxo-bottom-track{animation-duration:34s}
  .oxo-bottom-item{flex-basis:50vw;max-width:220px}
  .oxo-bottom-item img{height:155px!important;padding:8px}
  .oxo-bottom-item span{font-size:11px;min-height:40px}
}
@media(prefers-reduced-motion:reduce){.oxo-bottom-track{animation:none;transform:none}.oxo-bottom-set[aria-hidden="true"]{display:none}}

/* === Mobile header, drawer & hero fixes === */
@media(max-width:991px){
  .oxo-navbar-row .oxo-nav-logo{display:none!important}
  .oxo-navbar-row .navbar-header{float:none!important;width:100%;display:flex;justify-content:flex-start;padding:4px 6px}
  .nav_sceme .navbar-toggle{float:none!important;margin:6px 10px;border:1px solid #ddd;border-radius:6px;background:#fff!important}
  .nav_sceme .navbar-collapse.collapse{position:fixed!important;top:0;left:0;right:auto;bottom:0;width:82%;max-width:340px;height:auto!important;display:block!important;transform:translateX(-105%);transition:transform .28s ease;z-index:99999;background:#2f2f2f!important;overflow-y:auto!important;overflow-x:hidden;box-shadow:10px 0 28px rgba(0,0,0,.4)}
  .nav_sceme .navbar-collapse.collapse.in{transform:translateX(0)}
  .nav_sceme .navbar-collapse::before{content:"Menu";display:block;padding:16px 18px;color:#fab900;font-size:15px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.12)}
  .nav_sceme #main-menu{float:none!important;display:block;width:100%}
  .nav_sceme #main-menu>li{display:block;float:none;border-bottom:1px solid rgba(255,255,255,.07)}
  .nav_sceme #main-menu>li>a{display:block;padding:14px 18px;color:#fff!important}
  .nav_sceme #main-menu>li>ul.oxo-mega{position:static!important;width:auto!important;max-width:none!important;box-shadow:none!important;background:rgba(0,0,0,.25)!important}
  .nav_sceme #main-menu>li>ul.oxo-mega>li{display:block;width:100%}
  .nav_sceme #main-menu>li>ul.oxo-mega>li>a{padding:10px 30px;color:#ddd!important}
}
@media(max-width:767px){
  .oxo-title{font-size:clamp(20px,5.5vw,26px)!important;line-height:1.15!important;max-width:100%!important}
  .oxo-sub{font-size:clamp(12px,3.4vw,14px)!important;line-height:1.4}
  .oxo-kick{font-size:clamp(10px,2.8vw,12px)!important}
  .oxo-h{font-size:clamp(19px,5vw,24px)!important;line-height:1.2}
  .oxo-sub-h{font-size:clamp(13px,3.6vw,15px)!important;letter-spacing:1px}
  .oxo-cta{font-size:13px!important;padding:9px 18px!important}
  .oxo-hero{padding:0 5%!important}
  .oxo-hero-badges{gap:8px;flex-wrap:wrap}.oxo-hero-badges img{max-height:30px;padding:2px 6px}
  #myCarousel .item img{width:100%!important;height:auto!important;min-height:0!important;object-fit:contain!important;display:block}
  #myCarousel .carousel-inner{height:auto}
  #myCarousel .carousel-inner>.item{height:auto}
  #myCarousel .carousel-inner>.item>img{width:100%;height:auto}
  .carousel-control{display:none!important}
  .carousel-indicators{bottom:6px!important}
  .carousel-indicators li{width:9px!important;height:9px!important}
  .oxo-pgrid,.oxo-grid,.oxo-why-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px 10px!important}
  .oxo-pgrid img,.oxo-grid img,.oxo-why-grid img{width:100%!important;height:auto!important;object-fit:contain!important}
  .oxo-thumbstrip img,.oxo-bottom-item img,.oxo-bottom-in img{width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain!important}
  .oxo-bottom-in{grid-template-columns:repeat(2,1fr)!important}
  .oxo-feat{flex:0 0 45%!important;min-width:110px}
  .oxo-getquote form,.oxo-quote-sec form{max-width:100%!important}
  .oxo-faq .panel-title a{font-size:14px!important}
  .oxo-faq .panel-body{font-size:14px!important;padding:12px 14px!important}
  .container{padding-left:12px;padding-right:12px}
  body{overflow-x:hidden}
}
@media(max-width:480px){
  .oxo-pgrid,.oxo-grid,.oxo-why-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px 8px!important}
  .oxo-pgrid img,.oxo-grid img,.oxo-why-grid img{padding:4px!important}
  .oxo-thumbstrip{grid-template-columns:repeat(3,1fr)!important}
  .oxo-feat{flex:0 0 48%!important}
  .container{padding-left:8px;padding-right:8px}
}

/* === FINAL mobile header / drawer / hero override (single source of truth) === */
@media(max-width:991px){
  .nav_sceme .oxo-navbar-row{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;margin:0!important;padding:6px 10px!important;min-height:0!important;width:100%!important}
  .nav_sceme .oxo-navbar-row>.oxo-nav-logo{display:none!important}
  .nav_sceme .oxo-navbar-row>.navbar-header{display:block!important;float:none!important;order:1!important;margin:0!important;padding:0!important;width:auto!important}
  .nav_sceme .oxo-navbar-row>.navbar-header .navbar-toggle{float:none!important;display:block!important;margin:0!important;padding:7px 9px!important;border:1px solid #ddd!important;border-radius:6px!important;background:#fff!important}
  .nav_sceme .oxo-navbar-row>.oxo-nav-right{order:2!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;flex:1 1 auto!important;margin:0 0 0 auto!important;padding:0!important;gap:10px!important}
  .nav_sceme .oxo-navbar-row>.oxo-nav-right>.oxo-nav-quote{padding:8px 14px!important;font-size:12px!important;white-space:nowrap}
  .nav_sceme .oxo-navbar-row>.navbar-collapse.collapse{position:fixed!important;top:0!important;bottom:0!important;left:0!important;right:auto!important;width:82%!important;max-width:320px!important;height:100vh!important;margin:0!important;padding:0!important;display:block!important;visibility:visible!important;transform:translateX(-105%)!important;transition:transform .28s ease!important;z-index:99999!important;background:#2f2f2f!important;overflow-y:auto!important;overflow-x:hidden!important;box-shadow:10px 0 28px rgba(0,0,0,.4)!important;float:none!important}
  .nav_sceme .oxo-navbar-row>.navbar-collapse.collapse.in{transform:translateX(0)!important}
  body:has(.nav_sceme .navbar-collapse.in)::before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:99998}
  .nav_sceme .navbar-collapse #main-menu{float:none!important;display:block!important;width:100%!important}
  .nav_sceme .navbar-collapse #main-menu>li{display:block!important;float:none!important;border-bottom:1px solid rgba(255,255,255,.08)}
  .nav_sceme .navbar-collapse #main-menu>li>a{display:block!important;padding:14px 18px!important;color:#fff!important}
  .nav_sceme .navbar-collapse #main-menu>li>ul.oxo-mega{position:static!important;display:block!important;width:auto!important;max-width:none!important;box-shadow:none!important;background:rgba(0,0,0,.25)!important}
  .nav_sceme .navbar-collapse #main-menu>li>ul.oxo-mega>li{display:block!important;width:100%!important}
  .nav_sceme .navbar-collapse #main-menu>li>ul.oxo-mega>li>a{padding:10px 30px!important;color:#ddd!important}
}
@media(max-width:767px){
  .mbp-logo-search-row{display:block!important}
  .nav_sceme .navbar-collapse.collapse{position:fixed!important}
  #myCarousel:before{display:none!important}
  #myCarousel .item{position:relative}
  #myCarousel .oxo-hero{position:static!important;inset:auto!important;display:block!important;padding:16px 18px!important;background:#1f1f1f!important;pointer-events:auto!important;max-width:none!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important}
  #myCarousel .oxo-hero:not(:has(.oxo-title:not(:empty))){display:none!important}
  #myCarousel .carousel-inner>.item>img{width:100%!important;height:auto!important;max-width:100%!important;display:block}
  #myCarousel .oxo-title{font-size:clamp(20px,5.6vw,26px)!important;line-height:1.18!important;text-shadow:none!important;margin:0 0 8px!important}
  #myCarousel .oxo-sub{font-size:clamp(12px,3.4vw,14px)!important;line-height:1.45!important;color:#f2f2f2!important}
  #myCarousel .oxo-cta{font-size:13px!important;padding:9px 18px!important}
  #myCarousel .carousel-control{display:none!important}
  .oxo-h{font-size:clamp(19px,5.2vw,24px)!important;line-height:1.2!important;word-break:normal;overflow-wrap:break-word}
  .oxo-sub-h{font-size:clamp(13px,3.6vw,15px)!important;letter-spacing:1px!important}
  .oxo-pgrid,.oxo-grid,.oxo-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 10px!important}
  .oxo-pgrid img,.oxo-grid img,.oxo-why-grid img,.oxo-thumbstrip img,.oxo-bottom-item img,.oxo-bottom-in img{width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain!important}
  .oxo-bottom-in{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .oxo-feat{flex:0 0 45%!important;min-width:0!important}
  .container{padding-left:12px!important;padding-right:12px!important}
  html,body{overflow-x:hidden!important;max-width:100%}
  img{max-width:100%}
}

/* === FINAL 2: drawer accordion, container gutters, clipped marquee === */
@media(max-width:991px){
  .nav_sceme .navbar-collapse #main-menu>li>ul.oxo-mega{display:none!important}
  .nav_sceme .navbar-collapse #main-menu>li.mbp-open>ul.oxo-mega{display:block!important}
  .nav_sceme .navbar-collapse #main-menu>li>a{position:relative!important;padding-right:44px!important;white-space:normal!important}
  .nav_sceme .navbar-collapse #main-menu>li.mbp-open>a{color:#fab900!important}
  .nav_sceme .navbar-collapse #main-menu .oxo-mega *{background:transparent!important;color:#e6e6e6!important;border-color:rgba(255,255,255,.12)!important;box-shadow:none!important}
  .nav_sceme .navbar-collapse #main-menu .oxo-mega-title{color:#fab900!important;border-bottom-color:#fab900!important}
  .nav_sceme .navbar-collapse #main-menu .oxo-mega-links a{font-size:14px!important;padding:8px 0 8px 14px!important}
  .nav_sceme .navbar-collapse #main-menu>li>ul.oxo-mega>li{padding:0!important;margin:0!important;border:0!important}
  .nav_sceme .navbar-collapse #main-menu .oxo-mega-col{padding:6px 18px 10px!important;margin:0!important;border:0!important;width:100%!important}
}
@media(max-width:767px){
  .container{padding-left:15px!important;padding-right:15px!important}
  .oxo-bottom-row{overflow:hidden!important}
  .oxo-bottom-track{max-width:100vw}
}

/* === FINAL 3: drawer polish === */
@media(max-width:991px){
  .nav_sceme .navbar-collapse form{display:none!important}
  .nav_sceme .navbar-collapse #main-menu>li>a *{background:transparent!important;box-shadow:none!important;color:#fab900!important;border:0!important}
}

/* === FINAL 4: drawer open/close state, no Bootstrap collapse animation === */
.mbp-drawer-backdrop{display:none}
.mbp-drawer-close{display:none}
@media(max-width:991px){
  .nav_sceme .oxo-navbar-row>.navbar-collapse.collapse,
  .nav_sceme .oxo-navbar-row>.navbar-collapse.collapsing{transition:transform .28s ease!important;height:100vh!important;min-height:100vh!important}
  .nav_sceme .oxo-navbar-row>.navbar-collapse.collapsing{transition:transform .28s ease!important}
  body.mbp-drawer-open .nav_sceme .oxo-navbar-row>.navbar-collapse.collapse{transform:translateX(0)!important}
  body.mbp-drawer-open .mbp-drawer-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:99998}
  .mbp-drawer-close{display:block;position:absolute;top:6px;right:8px;z-index:2;background:transparent;border:0;color:#fff;font-size:34px;line-height:1;padding:4px 10px;cursor:pointer}
  .nav_sceme .navbar-collapse::before{position:relative;display:block;padding-right:56px!important}
}

/* === FINAL 5: phone header toolbar (menu + quote on one row, contacts centred below) === */
@media(max-width:767px){
  .nav_sceme .oxo-navbar-row{padding:8px 12px 10px!important;align-items:center!important}
  .nav_sceme .oxo-navbar-row>.oxo-nav-right{display:contents!important}
  .nav_sceme .oxo-navbar-row>.oxo-nav-right>.oxo-nav-quote{order:2!important;margin-left:auto!important;padding:8px 16px!important;font-size:13px!important;border-radius:4px!important;line-height:1.2!important}
  .nav_sceme .oxo-navbar-row>.oxo-nav-right>.oxo-nav-contact{order:3!important;flex:0 0 100%!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:6px 14px!important;margin:10px 0 0!important;padding:8px 0 0!important;border-top:1px solid #eee!important}
  .nav_sceme .oxo-navbar-row>.oxo-nav-right>.oxo-nav-contact a{display:inline-flex!important;align-items:center!important;gap:6px!important;font-size:12.5px!important;line-height:1.2!important;white-space:nowrap!important}
  .nav_sceme .oxo-navbar-row>.oxo-nav-right>.oxo-nav-contact .oxo-ic{display:inline-flex;align-items:center;justify-content:center}
  .nav_sceme .oxo-navbar-row>.oxo-nav-right>.oxo-nav-contact .oxo-wa{font-size:18px!important}
}
@media(max-width:380px){
  .nav_sceme .oxo-navbar-row>.oxo-nav-right>.oxo-nav-contact a{font-size:11.5px!important}
  .nav_sceme .oxo-navbar-row>.oxo-nav-right>.oxo-nav-contact{gap:4px 10px!important}
}

/* === FINAL 6: OXO-style phone header (contact strip, logo + WhatsApp + search + menu row) === */
.mbp-search-close,.mbp-search-toggle{display:none}
@media(max-width:767px){
  .nav_sceme>.container{padding:0!important;width:100%!important}
  .mbp-logo-search-row{display:none!important}
  body.mbp-search-open .mbp-logo-search-row{display:block!important;position:fixed!important;top:0;left:0;right:0;z-index:99997;background:#fff;padding:14px 48px 14px 12px!important;box-shadow:0 6px 18px rgba(0,0,0,.2);margin:0!important;width:auto!important}
  body.mbp-search-open .mbp-logo-search-row .col-md-3{display:none!important}
  body.mbp-search-open .mbp-logo-search-row .col-md-9{width:100%!important;float:none!important;padding:0!important}
  body.mbp-search-open .mbp-logo-search-row .searchbar{float:none!important;margin:0!important;width:100%!important}
  body.mbp-search-open .mbp-logo-search-row br{display:none}
  body.mbp-search-open .mbp-search-close{display:block;position:absolute;top:8px;right:10px;z-index:2;background:none;border:0;font-size:30px;line-height:1;color:#222;padding:4px 8px}
  .mbp-search-toggle{display:block;order:5;flex:0 0 auto;background:none;border:0;font-size:19px;color:#1a1a1a;padding:8px 10px;line-height:1}
  .nav_sceme .oxo-navbar-row{display:flex!important;flex-wrap:wrap!important;align-items:center!important;margin:0!important;padding:0!important;width:100%!important;min-height:0!important;background:#fff!important}
  .nav_sceme .oxo-navbar-row>.oxo-nav-right{display:contents!important}
  .nav_sceme .oxo-navbar-row>.oxo-nav-right>.oxo-nav-quote{display:none!important}
  .nav_sceme .oxo-navbar-row>.oxo-nav-right>.oxo-nav-contact{display:contents!important;margin:0!important;padding:0!important;border:0!important;gap:0!important}
  .nav_sceme .oxo-navbar-row>.oxo-nav-right>.oxo-nav-contact>a{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;background:#4a4a4a!important;color:#fff!important;font-size:12.5px!important;font-weight:700!important;line-height:1.2!important;padding:9px 6px!important;min-height:44px;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis;margin:0!important}
  .nav_sceme .oxo-navbar-row>.oxo-nav-right>.oxo-nav-contact>a:nth-child(1){order:1!important;flex:0 0 42%!important}
  .nav_sceme .oxo-navbar-row>.oxo-nav-right>.oxo-nav-contact>a:nth-child(2){order:2!important;flex:1 1 58%!important;min-width:0}
  .nav_sceme .oxo-navbar-row>.oxo-nav-right>.oxo-nav-contact>a .oxo-ic{width:22px;height:22px;border-radius:50%;background:#fab900;color:#1a1a1a;display:inline-flex;align-items:center;justify-content:center;font-size:11px;flex:0 0 22px}
  .nav_sceme .oxo-navbar-row>.oxo-nav-right>.oxo-nav-contact>a.oxo-wa{order:4!important;flex:0 0 auto!important;background:none!important;padding:8px 6px!important;min-height:0;font-size:24px!important;color:#25d366!important}
  .nav_sceme .oxo-navbar-row>.oxo-nav-logo{display:block!important;order:3!important;flex:1 1 auto!important;float:none!important;padding:8px 10px!important;margin:0!important;min-width:0}
  .nav_sceme .oxo-navbar-row>.oxo-nav-logo img{height:40px!important;width:auto!important;max-width:100%!important}
  .nav_sceme .oxo-navbar-row>.navbar-header{order:6!important;float:none!important;margin:0!important;padding:0 10px 0 2px!important;display:block!important}
  .nav_sceme .oxo-navbar-row>.navbar-header .navbar-toggle{border:0!important;background:none!important;padding:8px 6px!important;margin:0!important}
  .nav_sceme .oxo-navbar-row>.navbar-header .navbar-toggle .icon-bar{background-color:#1a1a1a!important}
}
@media(max-width:380px){
  .nav_sceme .oxo-navbar-row>.oxo-nav-right>.oxo-nav-contact>a{font-size:11.5px!important}
  .nav_sceme .oxo-navbar-row>.oxo-nav-logo img{height:34px!important}
}

/* === FINAL 7: search overlay stacking + contact strip widths === */
@media(max-width:767px){
  body.mbp-search-open .mbp-logo-search-row{z-index:2147483000!important}
  .nav_sceme .oxo-navbar-row>.oxo-nav-right>.oxo-nav-contact>a{justify-content:flex-start!important;padding-left:8px!important;padding-right:4px!important;gap:5px!important}
  .nav_sceme .oxo-navbar-row>.oxo-nav-right>.oxo-nav-contact>a:nth-child(1){flex:0 0 40%!important;font-size:12px!important}
  .nav_sceme .oxo-navbar-row>.oxo-nav-right>.oxo-nav-contact>a:nth-child(2){flex:1 1 60%!important;font-size:11.5px!important;letter-spacing:-.1px}
  .nav_sceme .oxo-navbar-row>.oxo-nav-right>.oxo-nav-contact>a .oxo-ic{width:20px;height:20px;flex:0 0 20px;font-size:10px}
}

/* === FINAL 8: search overlay gutters === */
@media(max-width:767px){
  body.mbp-search-open .mbp-logo-search-row .row{margin:0!important}
}