/* Efsane Global V51: clean, vivid, accessible front-end refinement.
   Loaded last to neutralize conflicting V49 / pre-V50 navigation styles.
   All original logos remain untouched. */
:root{--ef51-navy:#041b31;--ef51-blue:#0867b5;--ef51-text:#102b45;--ef51-line:#dce8f1}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{color:var(--ef51-text)}
/* Dark header: eliminate the legacy pale/white search circle and active underline. */
.ef50-head{background:#061c33!important;border-bottom:1px solid #1f4058!important;box-shadow:0 8px 22px rgba(3,18,38,.13)!important}
.ef50-head .headrow{min-height:88px}
.ef50-head .brand{gap:10px;align-items:center}
.ef50-head .brand img{width:66px;height:64px;object-fit:contain;filter:drop-shadow(0 2px 7px rgba(0,0,0,.18))}
.ef50-head .brand strong{color:#fff!important;font-weight:900;letter-spacing:1.15px;font-size:21px;line-height:1.08}
.ef50-head .brand small{color:#a6e2fd!important;font-size:10px!important;letter-spacing:5.5px!important;text-align:left;margin-top:6px}
.ef50-head .brand small::after{display:none!important;content:none!important}
.ef50-head .nav{color:#f5fbff!important;font-size:13px;font-weight:750;gap:16px}
.ef50-head .nav a[aria-current="page"]::after,
.ef50-head .nav .ef50-nav-brand>a[aria-current="page"]::after{display:none!important;content:none!important}
.ef50-head .nav>a:not(.navcta),.ef50-head .nav .ef50-nav-brand>a{color:#f3f8ff!important;letter-spacing:.07px}
.ef50-head .nav a:hover,.ef50-head .nav a[aria-current="page"]{color:#72dbff!important}
.ef50-head .nav .header-search{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:8px!important;width:auto!important;height:40px!important;min-width:105px!important;
  padding:0 11px!important;line-height:1!important;border-radius:10px!important;
  background:rgba(24,75,110,.4)!important;border:1px solid #315777!important;
  color:#d5f2ff!important;box-shadow:none!important;font-size:13px!important;
}
.ef50-head .nav .header-search svg{display:block;flex:none;width:17px;height:17px}
.ef50-head .nav .header-search span{font-size:12px!important;color:#f2f9ff!important;white-space:nowrap}
.ef50-head .nav .header-search:hover,.ef50-head .nav .header-search:focus-visible{background:#135582!important;border-color:#68c6ee!important}
.ef50-head .ef50-quote-button{background:linear-gradient(125deg,#0671bb,#084c8c)!important;border:1px solid #3987bb!important;color:#fff!important;box-shadow:0 5px 15px rgba(0,12,29,.18)!important;padding:10px 14px;font-size:12.5px;min-height:40px}
.ef50-head .ef50-quote-button svg{flex:none;color:#fff}
.ef50-head .ef50-quote-button:hover{background:linear-gradient(125deg,#118cd1,#1064a6)!important}
.ef50-head .ef50-mega-toggle{color:#bbdff6!important}
.ef50-mega{background:#092740!important;border-color:#345771!important;box-shadow:0 20px 44px rgba(0,20,41,.35)!important}
.ef50-mega::before{border-bottom-color:#092740!important}
.ef50-mega-brandlist img{image-rendering:auto;filter:none!important}
/* Hero: make text, cards and brand logos pop without fabricating pixels. */
.ef50-hero{background:radial-gradient(ellipse at 79% 39%,rgba(198,232,255,.69),transparent 42%),linear-gradient(112deg,#ffffff 0%,#f6fbff 51%,#e9f5ff 100%)!important}
.ef50-herogrid{min-height:595px;gap:45px;padding:77px 0 79px!important}
.ef50-hero-kicker{color:#075b9a!important;border-color:#b8d7ec!important;background:#eaf6ff!important;font-weight:900;letter-spacing:1.4px!important}
.ef50-hero h1{color:#082541!important;font-weight:900;letter-spacing:-2.15px;line-height:1.105;text-shadow:0 1px 0 #fff;font-size:clamp(37px,3.83vw,61px)}
.ef50-hero h1 em{color:#006fb7!important}
.ef50-hero p{color:#3d536c!important;font-weight:500;line-height:1.78}
.ef50-hero .btn{background:linear-gradient(120deg,#086bb3,#075392)!important;box-shadow:0 10px 21px rgba(6,78,140,.18);font-weight:850}
.ef50-hero .btn.secondary{border-color:#bcd4e7!important;color:#092c51!important;background:#fff!important}
.ef50-hero .btn:hover{filter:brightness(1.09)}
.ef50-hero-features{border-top:1px solid #cfe0ef}
.ef50-hero-features strong{font-size:12.5px;color:#0b3556;font-weight:850}
.ef50-hero-features small{color:#526e84;font-weight:550}
.ef50-hero-features b{color:#096cae;border-color:#c8e0f0;background:#e4f4ff}
.ef50-hero-logos{gap:14px 15px;grid-template-rows:repeat(4,minmax(78px,1fr));isolation:isolate}
.ef50-hero-logos::before{inset:-10px;border-radius:45%;background:radial-gradient(ellipse at center,rgba(194,229,252,.68),transparent 64%)}
.ef50-hero-logo{
  min-height:82px;padding:11px 9px;border-radius:15px;
  background:rgba(255,255,255,.86);border:1px solid rgba(194,215,233,.8);
  box-shadow:0 7px 21px rgba(5,60,105,.085);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.ef50-hero-logo img{display:block;width:100%;max-width:164px;height:76px;max-height:76px;object-fit:contain;image-rendering:auto;filter:none!important}
.ef50-hero-logo:hover,.ef50-hero-logo:focus-visible{transform:translateY(-5px);border-color:#6fb5df;box-shadow:0 12px 25px rgba(6,89,150,.18);filter:none!important;animation-play-state:paused}
/* All brands page, subbrands, catalog images: clear edges and consistent color. */
.ef-brand-card{background:#fff;border:1px solid #dce8f2;box-shadow:0 5px 17px rgba(7,48,83,.065)}
.ef-brand-card:hover,.ef-brand-card:focus-visible{border-color:#74b7e5;box-shadow:0 10px 26px rgba(5,80,148,.16)}
.ef-brand-logo img,.ef49-brand-badge img,.ef49-sublogo img{image-rendering:auto;filter:none!important}
.ef-brand-name{color:#31546e;font-weight:650}
.ef49-brand-story>p,.ef49-catalog-head p{color:#475f74}
.ef49-quote-box{box-shadow:0 15px 34px rgba(8,54,94,.095)}
.ef-showcase .product,.ef49-product-grid .product{border-color:#dbe8f3;box-shadow:0 7px 18px rgba(6,56,106,.06)}
.ef-showcase .prodimg,.ef49-product-grid .prodimg{background:#f8fbff}
.ef-showcase .prodimg img,.ef49-product-grid .prodimg img{image-rendering:auto;object-fit:contain}
.ef-showcase .prodinfo h3,.ef49-product-grid .prodinfo h3{color:#092a50;font-weight:800}
/* Use the dark menu on tablet/mobile too; never leave a white inherited block. */
@media(max-width:1190px){.ef50-head .nav{gap:10px;font-size:12px}.ef50-head .nav .header-search{min-width:40px!important;padding:0 11px!important}.ef50-head .nav .header-search span{display:none!important}}
@media(max-width:990px){
 .ef50-head .headrow{min-height:76px}
 .ef50-head .menubtn{background:#124567!important;border:1px solid #3a7095!important;color:#fff!important}
 .ef50-head .nav,.ef50-head .nav.open{background:#071f38!important;color:#e9f5ff!important;border-top:1px solid #214862!important;box-shadow:0 18px 32px rgba(0,17,36,.3)!important;top:100%!important}
 .ef50-head .nav .header-search{width:100%!important;justify-content:flex-start!important;padding:11px 14px!important;height:auto!important;min-height:43px!important}
 .ef50-head .nav .header-search span{display:inline!important}
 .ef50-head .nav .ef50-quote-button{width:100%;justify-content:center}
 .ef50-mega{background:#0b2b46!important}
 .ef50-hero-logos{max-width:660px}
}
@media(max-width:680px){
 .ef50-head .brand img{width:54px;height:54px}
 .ef50-head .brand strong{font-size:18px}
 .ef50-head .brand small{font-size:9px!important;letter-spacing:4.2px!important}
 .ef50-hero h1{font-size:clamp(32px,7.5vw,45px);letter-spacing:-1.2px}
 .ef50-hero-logos{gap:9px;min-height:300px}
 .ef50-hero-logo{padding:7px 4px;min-height:69px;border-radius:11px}
 .ef50-hero-logo img{height:57px;max-height:57px}
}
@media(prefers-reduced-motion:reduce){.ef50-hero-logo{animation:none!important;transition:none!important}}