/* =========================================================
   FYNSOURCE PREMIUM HEADER PLUGIN V1
   Existing header functionality remains unchanged.
   ========================================================= */

:root{
  --fyn-blue:#2563eb;
  --fyn-blue-dark:#1d4ed8;
  --fyn-orange:#f97316;
  --fyn-text:#0f172a;
  --fyn-muted:#64748b;
  --fyn-border:#d8e2f1;
}

/* Global header surface */
body.fyn-premium-header-active #masthead.site-header{
  background:rgba(255,255,255,.98)!important;
  border-bottom:1px solid rgba(216,226,241,.80)!important;
  box-shadow:0 8px 28px rgba(15,23,42,.10)!important;
  backdrop-filter:saturate(150%) blur(14px);
  -webkit-backdrop-filter:saturate(150%) blur(14px);
}

body.fyn-premium-header-active #masthead .site-header-inner,
body.fyn-premium-header-active #masthead .container{
  width:min(1480px,calc(100% - 30px))!important;
  max-width:1480px!important;
  margin-inline:auto!important;
}

/* Desktop */
@media(min-width:1024px){
  body.fyn-premium-header-active #masthead .header-main{
    height:76px!important;
    min-height:76px!important;
    border-bottom:1px solid #e7eef6!important;
    background:
      radial-gradient(circle at 48% -90%,rgba(37,99,235,.12),transparent 45%),
      #fff!important;
  }

  body.fyn-premium-header-active #masthead .header-main .site-header-inner{
    height:76px!important;
    min-height:76px!important;
    display:grid!important;
    grid-template-columns:210px minmax(10px,1fr) minmax(340px,500px) auto!important;
    align-items:center!important;
    gap:18px!important;
  }

  body.fyn-premium-header-active #masthead .header-main .site-header-inner>.column{
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    padding:0!important;
  }

  /* Logo */
  body.fyn-premium-header-active #masthead .header-main .site-brand,
  body.fyn-premium-header-active #masthead .header-main .site-brand>a{
    width:205px!important;
    min-width:205px!important;
    height:76px!important;
    min-height:76px!important;
  }

  body.fyn-premium-header-active #masthead .header-main .site-brand>a{
    background-size:200px 200px!important;
    border-radius:12px!important;
    transition:transform .18s ease!important;
  }

  body.fyn-premium-header-active #masthead .header-main .site-brand>a:hover{
    transform:translateY(-1px) scale(1.015);
  }

  /* Search */
  body.fyn-premium-header-active #masthead .fyn-header-search-wrap{
    width:100%!important;
    max-width:500px!important;
  }

  body.fyn-premium-header-active #masthead .fyn-header-search{
    height:48px!important;
    border:1.5px solid #bccbdd!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 6px 18px rgba(15,23,42,.07)!important;
  }

  body.fyn-premium-header-active #masthead .fyn-header-search:focus-within{
    border-color:var(--fyn-blue)!important;
    box-shadow:0 0 0 4px rgba(37,99,235,.10),0 10px 25px rgba(37,99,235,.12)!important;
  }

  body.fyn-premium-header-active #masthead .fyn-header-search i{
    flex:0 0 46px!important;
    color:#64748b!important;
    font-size:21px!important;
  }

  body.fyn-premium-header-active #masthead .fyn-header-search input{
    height:46px!important;
    color:var(--fyn-text)!important;
    font-size:14px!important;
    font-weight:550!important;
  }

  body.fyn-premium-header-active #masthead .fyn-header-search button{
    flex:0 0 50px!important;
    width:50px!important;
    height:46px!important;
    border-radius:0 13px 13px 0!important;
    background:linear-gradient(135deg,var(--fyn-blue),var(--fyn-blue-dark))!important;
    color:#fff!important;
    font-size:19px!important;
  }

  body.fyn-premium-header-active #masthead .fyn-header-suggestions{
    top:54px!important;
    padding:8px!important;
    border:1px solid var(--fyn-border)!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:0 24px 60px rgba(15,23,42,.18)!important;
  }

  body.fyn-premium-header-active #masthead .fyn-header-suggestions .fyn-live-result{
    min-height:54px!important;
    padding:9px 11px!important;
    border-radius:9px!important;
  }

  body.fyn-premium-header-active #masthead .fyn-header-suggestions .fyn-live-result:hover{
    background:#eff6ff!important;
    transform:translateX(2px);
  }

  /* Header actions */
  body.fyn-premium-header-active #masthead .fyn-header-actions{
    gap:7px!important;
  }

  body.fyn-premium-header-active #masthead .fyn-header-actions a,
  body.fyn-premium-header-active #masthead .fyn-header-actions button{
    min-height:42px!important;
    padding:0 12px!important;
    border:1px solid transparent!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#334155!important;
    font-size:11px!important;
    font-weight:780!important;
    transition:.18s ease!important;
  }

  body.fyn-premium-header-active #masthead .fyn-header-actions a:hover,
  body.fyn-premium-header-active #masthead .fyn-header-actions button:hover{
    transform:translateY(-1px);
    background:#eff6ff!important;
    color:var(--fyn-blue)!important;
  }

  body.fyn-premium-header-active #masthead .fyn-header-actions .fyn-submit-enquiry{
    padding-inline:17px!important;
    border-color:var(--fyn-blue)!important;
    background:linear-gradient(135deg,var(--fyn-blue),var(--fyn-blue-dark))!important;
    color:#fff!important;
    box-shadow:0 8px 20px rgba(37,99,235,.24)!important;
  }

  body.fyn-premium-header-active #masthead .fyn-header-actions .fyn-login{
    min-width:76px!important;
    border-color:#a6c0e9!important;
    background:#f8fbff!important;
    color:var(--fyn-blue)!important;
  }

  /* Premium navigation row */
  body.fyn-premium-header-active #masthead .header-bottom{
    height:52px!important;
    min-height:52px!important;
    border:0!important;
    background:linear-gradient(90deg,#173f91,#2563eb,#1d4ed8)!important;
    box-shadow:0 5px 16px rgba(37,99,235,.18)!important;
  }

  body.fyn-premium-header-active #masthead .header-bottom .site-header-inner{
    height:52px!important;
    min-height:52px!important;
  }

  body.fyn-premium-header-active #masthead .header-bottom .primary-menu{
    width:100%!important;
  }

  body.fyn-premium-header-active #masthead .header-bottom .primary-menu>.menu{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:3px!important;
  }

  body.fyn-premium-header-active #masthead .header-bottom .primary-menu>.menu>li>a{
    min-height:52px!important;
    padding:0 15px!important;
    border-radius:8px!important;
    color:#fff!important;
    font-size:13.5px!important;
    font-weight:740!important;
  }

  body.fyn-premium-header-active #masthead .header-bottom .primary-menu>.menu>li>a:hover,
  body.fyn-premium-header-active #masthead .header-bottom .primary-menu>.menu>li.current-menu-item>a,
  body.fyn-premium-header-active #masthead .header-bottom .primary-menu>.menu>li.current-menu-ancestor>a{
    background:rgba(255,255,255,.16)!important;
    color:#fff!important;
  }

  body.fyn-premium-header-active #masthead .primary-menu .sub-menu{
    padding:10px!important;
    border:1px solid var(--fyn-border)!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 24px 60px rgba(15,23,42,.20)!important;
  }

  body.fyn-premium-header-active #masthead .primary-menu .sub-menu li>a{
    min-height:40px!important;
    padding:9px 12px!important;
    border-radius:8px!important;
    color:#334155!important;
    font-size:11.5px!important;
    font-weight:680!important;
  }

  body.fyn-premium-header-active #masthead .primary-menu .sub-menu li>a:hover{
    padding-left:15px!important;
    background:#eff6ff!important;
    color:var(--fyn-blue)!important;
  }

  /* Compact state */
  body.fyn-premium-header-active #masthead.fyn-header-compact{
    height:56px!important;
    min-height:56px!important;
    box-shadow:0 12px 34px rgba(15,23,42,.16)!important;
  }

  body.fyn-premium-header-active #masthead.fyn-header-compact .header-bottom,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-bottom .site-header-inner{
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
  }

  body.fyn-premium-header-active #masthead.fyn-header-compact .header-bottom{
    background:linear-gradient(90deg,#173f91,#2563eb,#1d4ed8)!important;
  }

  body.fyn-premium-header-active #masthead.fyn-header-compact .header-bottom .primary-menu>.menu{
    justify-content:center!important;
  }

  body.fyn-premium-header-active #masthead.fyn-header-compact .header-bottom .primary-menu>.menu>li>a{
    min-height:56px!important;
  }
}

@media(min-width:1024px) and (max-width:1240px){
  body.fyn-premium-header-active #masthead .header-main .site-header-inner{
    grid-template-columns:185px minmax(0,.4fr) minmax(290px,400px) auto!important;
    gap:12px!important;
  }

  body.fyn-premium-header-active #masthead .header-main .site-brand,
  body.fyn-premium-header-active #masthead .header-main .site-brand>a{
    width:180px!important;
    min-width:180px!important;
  }

  body.fyn-premium-header-active #masthead .header-main .site-brand>a{
    background-size:176px 176px!important;
  }

  body.fyn-premium-header-active #masthead .fyn-header-actions a:not(.fyn-submit-enquiry):not(.fyn-login){
    display:none!important;
  }
}

/* Mobile */
@media(max-width:1023px){
  body.fyn-premium-header-active #masthead.site-header,
  body.fyn-premium-header-active #masthead .header-main,
  body.fyn-premium-header-active #masthead .header-main .site-header-inner{
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
  }

  body.fyn-premium-header-active #masthead.site-header{
    border-bottom:1px solid var(--fyn-border)!important;
    box-shadow:0 7px 24px rgba(15,23,42,.11)!important;
  }

  body.fyn-premium-header-active #masthead .header-main .site-header-inner{
    width:calc(100% - 18px)!important;
    margin:auto!important;
  }

  body.fyn-premium-header-active #masthead .header-main .site-brand,
  body.fyn-premium-header-active #masthead .header-main .site-brand>a{
    width:164px!important;
    min-width:164px!important;
    height:64px!important;
    min-height:64px!important;
  }

  body.fyn-premium-header-active #masthead .header-main .site-brand>a{
    background-size:160px 160px!important;
  }

  body.fyn-premium-header-active #masthead .header-main .site-action-button,
  body.fyn-premium-header-active #masthead .header-main .site-action-link{
    width:41px!important;
    height:41px!important;
    border:1px solid #cbd8e8!important;
    border-radius:11px!important;
    background:#fff!important;
    box-shadow:0 5px 15px rgba(15,23,42,.08)!important;
  }

  body.fyn-premium-header-active #masthead .fyn-header-search-wrap.fyn-mobile-search-open{
    right:10px!important;
    bottom:80px!important;
    left:10px!important;
    padding:11px!important;
    border:1px solid var(--fyn-border)!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 24px 65px rgba(15,23,42,.25)!important;
  }

  body.fyn-premium-header-active #masthead .fyn-header-search-wrap.fyn-mobile-search-open .fyn-header-search{
    height:47px!important;
    border-radius:12px!important;
  }

  body.fyn-premium-header-active #masthead .fyn-header-search-wrap.fyn-mobile-search-open .fyn-header-search input{
    height:45px!important;
    font-size:13px!important;
  }

  body.fyn-premium-header-active #masthead .fyn-header-search-wrap.fyn-mobile-search-open .fyn-header-search>button{
    height:45px!important;
    border-radius:0 11px 11px 0!important;
    background:linear-gradient(135deg,var(--fyn-blue),var(--fyn-blue-dark))!important;
  }
}

@media(max-width:767px){
  body.fyn-premium-header-active .klb-mobile-bottom.site-mobile-navigation{
    height:72px!important;
    border-top:1px solid var(--fyn-border)!important;
    border-radius:18px 18px 0 0!important;
    background:#fff!important;
    box-shadow:0 -12px 34px rgba(15,23,42,.15)!important;
  }

  body.fyn-premium-header-active .klb-mobile-bottom .site-mobile-navigation-inner,
  body.fyn-premium-header-active .fyn-mobile-actions{
    height:72px!important;
  }

  body.fyn-premium-header-active .fyn-mobile-actions a,
  body.fyn-premium-header-active .fyn-mobile-actions button{
    height:72px!important;
    padding:9px 4px 7px!important;
    color:#64748b!important;
    font-size:9.5px!important;
  }

  body.fyn-premium-header-active .fyn-mobile-actions a:hover,
  body.fyn-premium-header-active .fyn-mobile-actions button:hover{
    background:#eff6ff!important;
    color:var(--fyn-blue)!important;
  }

  body.fyn-premium-header-active .fyn-mobile-actions svg{
    width:24px!important;
    height:24px!important;
  }

  body.fyn-premium-header-active .fyn-mobile-actions .fyn-mobile-submit{
    color:var(--fyn-blue)!important;
    font-weight:850!important;
  }

  body.fyn-premium-header-active .fyn-mobile-actions .fyn-mobile-submit::before{
    width:46px!important;
    background:linear-gradient(90deg,var(--fyn-blue),#60a5fa)!important;
  }

  body.fyn-premium-header-active{
    padding-bottom:72px!important;
  }
}


/* =========================================================
   V1.0.1 — COMPACT SCROLL STATE FIX
   Removes the blank white area above the navigation on scroll.
   ========================================================= */

@media(min-width:1024px){

  body.fyn-premium-header-active #masthead.fyn-header-compact{
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
  }

  body.fyn-premium-header-active #masthead.fyn-header-compact .header-topbar,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-sub{
    display:block!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    opacity:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
    transform:translateY(-10px)!important;
  }

  body.fyn-premium-header-active #masthead.fyn-header-compact .header-topbar .site-header-inner,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .site-header-inner,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-sub .site-header-inner{
    display:block!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }

  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .site-brand,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .site-brand>a,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .fyn-header-search-wrap,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .fyn-header-actions{
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    opacity:0!important;
    overflow:hidden!important;
  }

  body.fyn-premium-header-active #masthead.fyn-header-compact .header-bottom{
    position:absolute!important;
    top:0!important;
    right:0!important;
    left:0!important;
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }

  body.admin-bar.fyn-premium-header-active #masthead.fyn-header-compact .header-bottom{
    top:0!important;
  }

  body.fyn-premium-header-active #masthead.fyn-header-compact .header-bottom .site-header-inner{
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    margin:auto!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }

  body.fyn-premium-header-active #masthead.fyn-header-compact .header-bottom .primary-menu,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-bottom .primary-menu>.menu{
    height:56px!important;
    min-height:56px!important;
    margin:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
}


/* =========================================================
   V1.0.2 — MRO-STYLE COMPACT MAIN HEADER ON SCROLL
   Keeps logo, search and actions visible; hides lower menu row.
   ========================================================= */

@media(min-width:1024px){

  body.fyn-premium-header-active #masthead.fyn-header-compact{
    position:fixed!important;
    top:0!important;
    right:0!important;
    left:0!important;
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    background:rgba(255,255,255,.98)!important;
    border-bottom:1px solid #dbe5f1!important;
    box-shadow:0 10px 32px rgba(15,23,42,.14)!important;
    backdrop-filter:saturate(150%) blur(15px);
    -webkit-backdrop-filter:saturate(150%) blur(15px);
  }

  body.admin-bar.fyn-premium-header-active #masthead.fyn-header-compact{
    top:32px!important;
  }

  /* Topbar and bottom navigation disappear */
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-topbar,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-bottom,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-sub{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    overflow:hidden!important;
  }

  /* Main row remains visible and compact */
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main{
    display:block!important;
    position:relative!important;
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    opacity:1!important;
    overflow:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    background:#fff!important;
  }

  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .site-header-inner{
    display:grid!important;
    width:min(1480px,calc(100% - 30px))!important;
    max-width:1480px!important;
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
    margin:auto!important;
    padding:0!important;
    grid-template-columns:205px minmax(0,1fr) minmax(360px,560px) auto!important;
    align-items:center!important;
    gap:18px!important;
    opacity:1!important;
    overflow:visible!important;
    transform:none!important;
  }

  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .site-header-inner>.column{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:0!important;
    margin:0!important;
    opacity:1!important;
    overflow:visible!important;
  }

  /* Logo remains visible */
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .site-brand,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .site-brand>a{
    display:flex!important;
    width:200px!important;
    min-width:200px!important;
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
    margin:0!important;
    padding:0!important;
    align-items:center!important;
    opacity:1!important;
    overflow:hidden!important;
  }

  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .site-brand>a{
    background-size:194px 194px!important;
    background-position:center!important;
  }

  /* Search remains visible */
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .fyn-header-search-wrap{
    display:block!important;
    width:100%!important;
    max-width:560px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
    overflow:visible!important;
  }

  body.fyn-premium-header-active #masthead.fyn-header-compact .fyn-header-search{
    height:46px!important;
  }

  body.fyn-premium-header-active #masthead.fyn-header-compact .fyn-header-search input{
    height:44px!important;
  }

  body.fyn-premium-header-active #masthead.fyn-header-compact .fyn-header-search button{
    height:44px!important;
  }

  /* Action links remain visible */
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .fyn-header-actions{
    display:flex!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
    overflow:visible!important;
    align-items:center!important;
    justify-content:flex-end!important;
  }

  body.fyn-premium-header-active #masthead.fyn-header-compact .fyn-header-actions a,
  body.fyn-premium-header-active #masthead.fyn-header-compact .fyn-header-actions button{
    display:inline-flex!important;
  }

  /* Make compact row less crowded */
  body.fyn-premium-header-active #masthead.fyn-header-compact .fyn-header-actions a[href*="/news/"],
  body.fyn-premium-header-active #masthead.fyn-header-compact .fyn-header-actions a[href*="/get-credit/"]{
    display:none!important;
  }

  /* Reset obsolete V1.0.1 absolute blue row */
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-bottom{
    position:static!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;
    transform:none!important;
  }

  /* Prevent page jump when fixed header activates */
  body.fyn-premium-header-active.fyn-header-scrolled{
    padding-top:72px!important;
  }
}

@media(min-width:1024px) and (max-width:1240px){
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .site-header-inner{
    grid-template-columns:180px minmax(0,.5fr) minmax(320px,460px) auto!important;
    gap:12px!important;
  }

  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .site-brand,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .site-brand>a{
    width:178px!important;
    min-width:178px!important;
  }

  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .site-brand>a{
    background-size:174px 174px!important;
  }

  body.fyn-premium-header-active #masthead.fyn-header-compact .fyn-header-actions a:not(.fyn-submit-enquiry):not(.fyn-login){
    display:none!important;
  }
}


/* =========================================================
   V1.0.3 — FULL TWO-ROW STICKY HEADER
   Keeps main row + navigation row visible while scrolling.
   ========================================================= */

@media(min-width:1024px){

  body.fyn-premium-header-active #masthead.site-header,
  body.fyn-premium-header-active #masthead.fyn-header-compact{
    position:sticky!important;
    position:-webkit-sticky!important;
    top:0!important;
    right:auto!important;
    left:auto!important;
    width:100%!important;
    height:128px!important;
    min-height:128px!important;
    max-height:128px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    opacity:1!important;
    transform:none!important;
    background:#fff!important;
    border-bottom:0!important;
    box-shadow:0 9px 30px rgba(15,23,42,.13)!important;
    z-index:99999!important;
  }

  body.admin-bar.fyn-premium-header-active #masthead.site-header,
  body.admin-bar.fyn-premium-header-active #masthead.fyn-header-compact{
    top:32px!important;
  }

  /* Hide only old optional topbar/sub row */
  body.fyn-premium-header-active #masthead .header-topbar,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-topbar,
  body.fyn-premium-header-active #masthead .header-sub,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-sub{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    opacity:0!important;
    overflow:hidden!important;
  }

  /* Main row always visible */
  body.fyn-premium-header-active #masthead .header-main,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main{
    display:block!important;
    position:relative!important;
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
    margin:0!important;
    padding:0!important;
    border-bottom:1px solid #e5edf6!important;
    opacity:1!important;
    overflow:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    background:
      radial-gradient(circle at 48% -90%,rgba(37,99,235,.12),transparent 45%),
      #fff!important;
  }

  body.fyn-premium-header-active #masthead .header-main .site-header-inner,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .site-header-inner{
    display:grid!important;
    width:min(1480px,calc(100% - 30px))!important;
    max-width:1480px!important;
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
    margin:auto!important;
    padding:0!important;
    grid-template-columns:210px minmax(10px,1fr) minmax(340px,500px) auto!important;
    align-items:center!important;
    gap:18px!important;
    opacity:1!important;
    overflow:visible!important;
    transform:none!important;
  }

  body.fyn-premium-header-active #masthead .header-main .site-header-inner>.column,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .site-header-inner>.column{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
    overflow:visible!important;
    pointer-events:auto!important;
  }

  /* Logo always visible */
  body.fyn-premium-header-active #masthead .header-main .site-brand,
  body.fyn-premium-header-active #masthead .header-main .site-brand>a,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .site-brand,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .site-brand>a{
    display:flex!important;
    width:205px!important;
    min-width:205px!important;
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
    margin:0!important;
    padding:0!important;
    align-items:center!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:hidden!important;
  }

  body.fyn-premium-header-active #masthead .header-main .site-brand>a,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .site-brand>a{
    background-size:200px 200px!important;
    background-position:center!important;
  }

  /* Search and actions always visible */
  body.fyn-premium-header-active #masthead .fyn-header-search-wrap,
  body.fyn-premium-header-active #masthead.fyn-header-compact .fyn-header-search-wrap{
    display:block!important;
    width:100%!important;
    max-width:500px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
    pointer-events:auto!important;
  }

  body.fyn-premium-header-active #masthead .fyn-header-actions,
  body.fyn-premium-header-active #masthead.fyn-header-compact .fyn-header-actions{
    display:flex!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
    pointer-events:auto!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
  }

  body.fyn-premium-header-active #masthead.fyn-header-compact .fyn-header-actions a,
  body.fyn-premium-header-active #masthead.fyn-header-compact .fyn-header-actions button{
    display:inline-flex!important;
  }

  /* Override old compact rules hiding News / Get Credit */
  body.fyn-premium-header-active #masthead.fyn-header-compact .fyn-header-actions a[href*="/news/"],
  body.fyn-premium-header-active #masthead.fyn-header-compact .fyn-header-actions a[href*="/get-credit/"]{
    display:inline-flex!important;
  }

  /* Bottom navigation always visible */
  body.fyn-premium-header-active #masthead .header-bottom,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-bottom{
    display:block!important;
    position:relative!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;
    width:100%!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    opacity:1!important;
    overflow:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    background:linear-gradient(90deg,#173f91,#2563eb,#1d4ed8)!important;
    box-shadow:0 5px 16px rgba(37,99,235,.18)!important;
  }

  body.fyn-premium-header-active #masthead .header-bottom .site-header-inner,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-bottom .site-header-inner{
    display:block!important;
    width:min(1480px,calc(100% - 30px))!important;
    max-width:1480px!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    margin:auto!important;
    padding:0!important;
    opacity:1!important;
    overflow:visible!important;
  }

  body.fyn-premium-header-active #masthead .header-bottom .primary-menu,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-bottom .primary-menu,
  body.fyn-premium-header-active #masthead .header-bottom .primary-menu>.menu,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-bottom .primary-menu>.menu{
    display:flex!important;
    width:100%!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    margin:0!important;
    padding:0!important;
    align-items:center!important;
    justify-content:flex-start!important;
    opacity:1!important;
    overflow:visible!important;
  }

  body.fyn-premium-header-active #masthead .header-bottom .primary-menu>.menu>li>a,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-bottom .primary-menu>.menu>li>a{
    min-height:52px!important;
  }

  /* Remove previous body padding sync because sticky keeps normal flow */
  body.fyn-premium-header-active.fyn-header-scrolled{
    padding-top:0!important;
  }
}

@media(min-width:1024px) and (max-width:1240px){
  body.fyn-premium-header-active #masthead .header-main .site-header-inner,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .site-header-inner{
    grid-template-columns:180px minmax(0,.4fr) minmax(290px,410px) auto!important;
    gap:12px!important;
  }

  body.fyn-premium-header-active #masthead .header-main .site-brand,
  body.fyn-premium-header-active #masthead .header-main .site-brand>a,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .site-brand,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .site-brand>a{
    width:180px!important;
    min-width:180px!important;
  }

  body.fyn-premium-header-active #masthead .header-main .site-brand>a,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .site-brand>a{
    background-size:176px 176px!important;
  }
}


/* =========================================================
   V1.0.4 — LOGO, DESKTOP HAMBURGER & BUY MRO FIX
   ========================================================= */

@media(min-width:1024px){

  /* Remove the unwanted desktop hamburger / four-lines control */
  body.fyn-premium-header-active #masthead .header-main .site-action-button,
  body.fyn-premium-header-active #masthead .header-main .site-action-link,
  body.fyn-premium-header-active #masthead .header-main .menu-toggle,
  body.fyn-premium-header-active #masthead .header-main .mobile-menu-toggle,
  body.fyn-premium-header-active #masthead .header-main .hamburger-menu,
  body.fyn-premium-header-active #masthead .header-main .klb-menu-toggle,
  body.fyn-premium-header-active #masthead .header-main button[aria-label*="menu" i],
  body.fyn-premium-header-active #masthead .header-main a[aria-label*="menu" i]{
    display:none!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    opacity:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  /* Give the logo its own clean space so it never gets cropped */
  body.fyn-premium-header-active #masthead .header-main .site-header-inner,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .site-header-inner{
    grid-template-columns:250px minmax(0,1fr) minmax(350px,520px) auto!important;
    gap:20px!important;
  }

  body.fyn-premium-header-active #masthead .header-main .site-brand,
  body.fyn-premium-header-active #masthead .header-main .site-brand>a,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .site-brand,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .site-brand>a{
    width:245px!important;
    min-width:245px!important;
    max-width:245px!important;
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
    flex:0 0 245px!important;
    overflow:hidden!important;
  }

  body.fyn-premium-header-active #masthead .header-main .site-brand>a,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .site-brand>a{
    background-image:url('https://fynsource.com/wp-content/uploads/2026/05/cropped-fynsource-logo.png')!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:235px 235px!important;
  }

  body.fyn-premium-header-active #masthead .header-main .site-brand>a img,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .site-brand>a img{
    display:block!important;
    width:1px!important;
    min-width:1px!important;
    max-width:1px!important;
    height:1px!important;
    opacity:0!important;
    visibility:hidden!important;
  }

  /* Buy MRO button */
  body.fyn-premium-header-active #masthead .fyn-header-actions .fyn-buy-mro{
    min-width:84px!important;
    padding:0 15px!important;
    border:1px solid var(--fyn-orange)!important;
    background:linear-gradient(135deg,#fb923c,var(--fyn-orange))!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(249,115,22,.22)!important;
  }

  body.fyn-premium-header-active #masthead .fyn-header-actions .fyn-buy-mro:hover{
    transform:translateY(-2px)!important;
    border-color:#ea580c!important;
    background:linear-gradient(135deg,var(--fyn-orange),#ea580c)!important;
    color:#fff!important;
    box-shadow:0 11px 23px rgba(249,115,22,.30)!important;
  }
}

/* Keep the desktop header usable on medium screens */
@media(min-width:1024px) and (max-width:1380px){
  body.fyn-premium-header-active #masthead .header-main .site-header-inner,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .site-header-inner{
    grid-template-columns:210px minmax(0,.35fr) minmax(300px,420px) auto!important;
    gap:12px!important;
  }

  body.fyn-premium-header-active #masthead .header-main .site-brand,
  body.fyn-premium-header-active #masthead .header-main .site-brand>a,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .site-brand,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .site-brand>a{
    width:205px!important;
    min-width:205px!important;
    max-width:205px!important;
    flex-basis:205px!important;
  }

  body.fyn-premium-header-active #masthead .header-main .site-brand>a,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .site-brand>a{
    background-size:198px 198px!important;
  }

  body.fyn-premium-header-active #masthead .fyn-header-actions a[href*="/news/"],
  body.fyn-premium-header-active #masthead .fyn-header-actions a[href*="/get-credit/"]{
    display:none!important;
  }
}

@media(min-width:1024px) and (max-width:1160px){
  body.fyn-premium-header-active #masthead .fyn-header-actions a[href*="/sell-with-us/"]{
    display:none!important;
  }

  body.fyn-premium-header-active #masthead .fyn-header-actions .fyn-buy-mro{
    min-width:76px!important;
    padding-inline:11px!important;
  }
}


/* =========================================================
   V1.0.5 — EXPLICIT HEADER COLUMN ORDER + MOBILE TOP BUY MRO
   ========================================================= */

.fyn-mobile-buy-mro{
  display:none;
}

@media(min-width:1024px){

  /* Use explicit flex ordering instead of relying on Ignavo column positions */
  body.fyn-premium-header-active #masthead .header-main .site-header-inner,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .site-header-inner{
    display:flex!important;
    width:min(1540px,calc(100% - 34px))!important;
    max-width:1540px!important;
    height:76px!important;
    min-height:76px!important;
    margin:auto!important;
    padding:0!important;
    align-items:center!important;
    gap:20px!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-logo-column{
    display:flex!important;
    order:1!important;
    flex:0 0 255px!important;
    width:255px!important;
    min-width:255px!important;
    max-width:255px!important;
    height:76px!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:0!important;
    margin:0!important;
    opacity:1!important;
    overflow:visible!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-search-column{
    display:flex!important;
    order:2!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:330px!important;
    max-width:none!important;
    height:76px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    margin:0!important;
    opacity:1!important;
    overflow:visible!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-action-column{
    display:flex!important;
    order:3!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
    max-width:none!important;
    height:76px!important;
    align-items:center!important;
    justify-content:flex-end!important;
    padding:0!important;
    margin:0!important;
    opacity:1!important;
    overflow:visible!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-extra-column{
    display:none!important;
    order:99!important;
    flex:0 0 0!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  /* Properly positioned left logo */
  body.fyn-premium-header-active #masthead .fyn-layout-logo-column .site-brand,
  body.fyn-premium-header-active #masthead .fyn-layout-logo-column .site-brand>a,
  body.fyn-premium-header-active #masthead.fyn-header-compact .fyn-layout-logo-column .site-brand,
  body.fyn-premium-header-active #masthead.fyn-header-compact .fyn-layout-logo-column .site-brand>a{
    display:flex!important;
    position:relative!important;
    width:245px!important;
    min-width:245px!important;
    max-width:245px!important;
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
    margin:0!important;
    padding:0!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-logo-column .site-brand>a,
  body.fyn-premium-header-active #masthead.fyn-header-compact .fyn-layout-logo-column .site-brand>a{
    background-image:url('https://fynsource.com/wp-content/uploads/2026/05/cropped-fynsource-logo.png')!important;
    background-repeat:no-repeat!important;
    background-position:left center!important;
    background-size:235px 235px!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-logo-column .site-brand img{
    opacity:0!important;
    visibility:hidden!important;
  }

  /* Centre the search without covering the logo */
  body.fyn-premium-header-active #masthead .fyn-layout-search-column .fyn-header-search-wrap{
    display:block!important;
    width:100%!important;
    max-width:590px!important;
    margin:0 auto!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-action-column .fyn-header-actions{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
  }

  body.fyn-premium-header-active #masthead .fyn-mobile-buy-mro{
    display:none!important;
  }
}

@media(min-width:1024px) and (max-width:1420px){
  body.fyn-premium-header-active #masthead .fyn-layout-logo-column{
    flex-basis:215px!important;
    width:215px!important;
    min-width:215px!important;
    max-width:215px!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-logo-column .site-brand,
  body.fyn-premium-header-active #masthead .fyn-layout-logo-column .site-brand>a{
    width:207px!important;
    min-width:207px!important;
    max-width:207px!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-logo-column .site-brand>a{
    background-size:200px 200px!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-search-column{
    min-width:290px!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-search-column .fyn-header-search-wrap{
    max-width:460px!important;
  }

  body.fyn-premium-header-active #masthead .fyn-header-actions a[href*="/news/"],
  body.fyn-premium-header-active #masthead .fyn-header-actions a[href*="/get-credit/"]{
    display:none!important;
  }
}

@media(min-width:1024px) and (max-width:1190px){
  body.fyn-premium-header-active #masthead .fyn-header-actions a[href*="/sell-with-us/"]{
    display:none!important;
  }
}

/* Mobile premium row */
@media(max-width:1023px){

  body.fyn-premium-header-active #masthead .header-main .site-header-inner{
    position:relative!important;
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) auto!important;
    width:calc(100% - 18px)!important;
    max-width:none!important;
    height:64px!important;
    min-height:64px!important;
    margin:auto!important;
    padding:0!important;
    align-items:center!important;
    gap:8px!important;
  }

  /* Restore only the genuine mobile hamburger column */
  body.fyn-premium-header-active #masthead .fyn-layout-extra-column{
    display:flex!important;
    order:1!important;
    grid-column:1!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-extra-column:empty{
    display:none!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-logo-column{
    display:flex!important;
    order:2!important;
    grid-column:2!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:64px!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-search-column,
  body.fyn-premium-header-active #masthead .fyn-layout-action-column{
    display:none!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-logo-column .site-brand,
  body.fyn-premium-header-active #masthead .fyn-layout-logo-column .site-brand>a{
    display:flex!important;
    width:158px!important;
    min-width:158px!important;
    max-width:158px!important;
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
    margin:0!important;
    padding:0!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-logo-column .site-brand>a{
    background-position:left center!important;
    background-size:154px 154px!important;
  }

  /* Better hamburger button */
  body.fyn-premium-header-active #masthead .fyn-layout-extra-column button,
  body.fyn-premium-header-active #masthead .fyn-layout-extra-column a,
  body.fyn-premium-header-active #masthead .menu-toggle,
  body.fyn-premium-header-active #masthead .mobile-menu-toggle,
  body.fyn-premium-header-active #masthead .site-action-button,
  body.fyn-premium-header-active #masthead .site-action-link{
    display:flex!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #cbd8e8!important;
    border-radius:13px!important;
    background:linear-gradient(180deg,#fff,#f5f8fc)!important;
    box-shadow:0 6px 16px rgba(15,23,42,.10)!important;
    color:#1e3a5f!important;
    align-items:center!important;
    justify-content:center!important;
    opacity:1!important;
    overflow:visible!important;
    pointer-events:auto!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-extra-column svg,
  body.fyn-premium-header-active #masthead .menu-toggle svg,
  body.fyn-premium-header-active #masthead .mobile-menu-toggle svg{
    width:23px!important;
    height:23px!important;
  }

  /* Buy MRO in top-right mobile header */
  body.fyn-premium-header-active #masthead .fyn-mobile-buy-mro{
    display:inline-flex!important;
    order:3!important;
    grid-column:3!important;
    min-width:82px!important;
    height:38px!important;
    padding:0 12px!important;
    border:1px solid #f97316!important;
    border-radius:10px!important;
    background:linear-gradient(135deg,#fb923c,#f97316)!important;
    box-shadow:0 7px 17px rgba(249,115,22,.24)!important;
    color:#fff!important;
    align-items:center!important;
    justify-content:center!important;
    font-family:Inter,Arial,sans-serif!important;
    font-size:10px!important;
    font-weight:850!important;
    line-height:1!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }

  body.fyn-premium-header-active #masthead .fyn-mobile-buy-mro:active{
    transform:scale(.97);
  }
}

@media(max-width:390px){
  body.fyn-premium-header-active #masthead .fyn-layout-logo-column .site-brand,
  body.fyn-premium-header-active #masthead .fyn-layout-logo-column .site-brand>a{
    width:140px!important;
    min-width:140px!important;
    max-width:140px!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-logo-column .site-brand>a{
    background-size:137px 137px!important;
  }

  body.fyn-premium-header-active #masthead .fyn-mobile-buy-mro{
    min-width:74px!important;
    padding-inline:9px!important;
    font-size:9px!important;
  }
}


/* =========================================================
   V1.0.6 — MOBILE STICKY HEADER, EQUAL CONTROLS & SEARCH FIX
   ========================================================= */

@media(max-width:1023px){

  body.fyn-premium-header-active #masthead.site-header,
  body.fyn-premium-header-active #masthead.fyn-header-compact{
    position:sticky!important;
    position:-webkit-sticky!important;
    top:0!important;
    width:100%!important;
    height:70px!important;
    min-height:70px!important;
    max-height:70px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:rgba(255,255,255,.97)!important;
    border-bottom:1px solid #d7e2ef!important;
    box-shadow:0 9px 28px rgba(15,23,42,.14)!important;
    backdrop-filter:saturate(155%) blur(16px);
    -webkit-backdrop-filter:saturate(155%) blur(16px);
    z-index:99999!important;
  }

  body.admin-bar.fyn-premium-header-active #masthead.site-header,
  body.admin-bar.fyn-premium-header-active #masthead.fyn-header-compact{
    top:46px!important;
  }

  body.fyn-premium-header-active #masthead .header-main,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main,
  body.fyn-premium-header-active #masthead .header-main .site-header-inner,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .site-header-inner{
    height:70px!important;
    min-height:70px!important;
    max-height:70px!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
    transform:none!important;
    overflow:visible!important;
  }

  body.fyn-premium-header-active #masthead .header-main{
    background:
      radial-gradient(circle at 72% -120%,rgba(37,99,235,.13),transparent 48%),
      rgba(255,255,255,.98)!important;
  }

  body.fyn-premium-header-active #masthead .header-main .site-header-inner{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) 92px!important;
    width:calc(100% - 20px)!important;
    max-width:none!important;
    margin:auto!important;
    align-items:center!important;
    gap:10px!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-extra-column{
    display:flex!important;
    grid-column:1!important;
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    opacity:1!important;
    overflow:visible!important;
    pointer-events:auto!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-extra-column button,
  body.fyn-premium-header-active #masthead .fyn-layout-extra-column a,
  body.fyn-premium-header-active #masthead .menu-toggle,
  body.fyn-premium-header-active #masthead .mobile-menu-toggle,
  body.fyn-premium-header-active #masthead .site-action-button,
  body.fyn-premium-header-active #masthead .site-action-link{
    position:relative!important;
    display:flex!important;
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(148,163,184,.42)!important;
    border-radius:15px!important;
    background:
      linear-gradient(#fff,#fff) padding-box,
      linear-gradient(145deg,#dbeafe,#bfdbfe,#fed7aa) border-box!important;
    box-shadow:
      0 8px 20px rgba(15,23,42,.12),
      inset 0 1px 0 rgba(255,255,255,.95)!important;
    color:#173f91!important;
    align-items:center!important;
    justify-content:center!important;
    opacity:1!important;
    overflow:hidden!important;
    pointer-events:auto!important;
    text-indent:-9999px!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-extra-column button::before,
  body.fyn-premium-header-active #masthead .fyn-layout-extra-column a::before,
  body.fyn-premium-header-active #masthead .menu-toggle::before,
  body.fyn-premium-header-active #masthead .mobile-menu-toggle::before,
  body.fyn-premium-header-active #masthead .site-action-button::before,
  body.fyn-premium-header-active #masthead .site-action-link::before{
    content:""!important;
    position:absolute!important;
    top:15px!important;
    left:13px!important;
    width:21px!important;
    height:2px!important;
    border-radius:5px!important;
    background:#173f91!important;
    box-shadow:0 7px 0 #173f91,0 14px 0 #173f91!important;
    transform:none!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-extra-column svg,
  body.fyn-premium-header-active #masthead .fyn-layout-extra-column i,
  body.fyn-premium-header-active #masthead .fyn-layout-extra-column span,
  body.fyn-premium-header-active #masthead .menu-toggle svg,
  body.fyn-premium-header-active #masthead .mobile-menu-toggle svg{
    opacity:0!important;
    visibility:hidden!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-logo-column{
    display:flex!important;
    grid-column:2!important;
    min-width:0!important;
    width:auto!important;
    height:70px!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-logo-column .site-brand,
  body.fyn-premium-header-active #masthead .fyn-layout-logo-column .site-brand>a{
    width:100%!important;
    min-width:0!important;
    max-width:190px!important;
    height:70px!important;
    min-height:70px!important;
    max-height:70px!important;
    margin:0!important;
    padding:0!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-logo-column .site-brand>a{
    background-position:left center!important;
    background-size:182px 182px!important;
  }

  body.fyn-premium-header-active #masthead .fyn-mobile-buy-mro{
    display:inline-flex!important;
    grid-column:3!important;
    width:92px!important;
    min-width:92px!important;
    max-width:92px!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    margin:0!important;
    padding:0 11px!important;
    border:1px solid #f97316!important;
    border-radius:15px!important;
    background:linear-gradient(135deg,#fb923c,#f97316)!important;
    box-shadow:
      0 9px 20px rgba(249,115,22,.27),
      inset 0 1px 0 rgba(255,255,255,.30)!important;
    color:#fff!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:10.5px!important;
    font-weight:850!important;
    line-height:1!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-search-column,
  body.fyn-premium-header-active #masthead .fyn-layout-action-column{
    display:none!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-search-column.fyn-mobile-search-holder-open{
    display:block!important;
    position:static!important;
    grid-column:auto!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-search-column.fyn-mobile-search-holder-open .fyn-header-search-wrap,
  body.fyn-premium-header-active #masthead .fyn-header-search-wrap.fyn-mobile-search-open{
    display:block!important;
    position:fixed!important;
    z-index:100005!important;
    right:10px!important;
    bottom:82px!important;
    left:10px!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    margin:0!important;
    padding:11px!important;
    border:1px solid #d7e2ef!important;
    border-radius:17px!important;
    background:rgba(255,255,255,.99)!important;
    box-shadow:0 26px 70px rgba(15,23,42,.28)!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
    pointer-events:auto!important;
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }

  body.fyn-premium-header-active #masthead .fyn-header-search-wrap.fyn-mobile-search-open .fyn-header-search{
    display:flex!important;
    height:48px!important;
    border:1.5px solid #b9c9dd!important;
    border-radius:13px!important;
    background:#fff!important;
    box-shadow:0 6px 18px rgba(15,23,42,.08)!important;
  }

  body.fyn-premium-header-active #masthead .fyn-header-search-wrap.fyn-mobile-search-open .fyn-header-search input{
    display:block!important;
    height:46px!important;
    font-size:13px!important;
  }

  body.fyn-premium-header-active #masthead .fyn-header-search-wrap.fyn-mobile-search-open .fyn-header-search button{
    display:grid!important;
    height:46px!important;
    border-radius:0 12px 12px 0!important;
  }

  body.fyn-premium-header-active #masthead .fyn-header-search-wrap.fyn-mobile-search-open .fyn-header-suggestions{
    display:none;
    top:auto!important;
    right:0!important;
    bottom:61px!important;
    left:0!important;
    max-height:min(330px,45vh)!important;
  }

  body.fyn-premium-header-active #masthead .fyn-header-search-wrap.fyn-mobile-search-open .fyn-header-suggestions.is-open{
    display:block!important;
  }

  body.fyn-mobile-search-active::before{
    content:"";
    position:fixed;
    z-index:99990;
    inset:0;
    background:rgba(15,23,42,.24);
    backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);
  }
}

@media(max-width:420px){
  body.fyn-premium-header-active #masthead .header-main .site-header-inner{
    grid-template-columns:46px minmax(0,1fr) 84px!important;
    gap:8px!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-extra-column,
  body.fyn-premium-header-active #masthead .fyn-layout-extra-column button,
  body.fyn-premium-header-active #masthead .fyn-layout-extra-column a{
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    min-height:46px!important;
  }

  body.fyn-premium-header-active #masthead .fyn-mobile-buy-mro{
    width:84px!important;
    min-width:84px!important;
    max-width:84px!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    border-radius:14px!important;
    font-size:9.5px!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-logo-column .site-brand>a{
    background-size:158px 158px!important;
  }
}


/* =========================================================
   V1.0.7 — CLEAN COMPACT FIXED MOBILE HEADER
   ========================================================= */

@media(max-width:1023px){

  html{
    --fyn-mobile-header-height:58px;
  }

  body.fyn-premium-header-active.fyn-mobile-header-fixed{
    padding-top:var(--fyn-mobile-header-height)!important;
  }

  body.fyn-premium-header-active #masthead.site-header,
  body.fyn-premium-header-active #masthead.fyn-header-compact{
    position:fixed!important;
    top:0!important;
    right:0!important;
    left:0!important;
    width:100%!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:rgba(255,255,255,.98)!important;
    border:0!important;
    border-bottom:1px solid #dbe5f1!important;
    box-shadow:0 6px 20px rgba(15,23,42,.11)!important;
    backdrop-filter:saturate(150%) blur(14px);
    -webkit-backdrop-filter:saturate(150%) blur(14px);
    z-index:99999!important;
  }

  body.admin-bar.fyn-premium-header-active #masthead.site-header,
  body.admin-bar.fyn-premium-header-active #masthead.fyn-header-compact{
    top:46px!important;
  }

  body.fyn-premium-header-active #masthead .header-main,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main{
    display:block!important;
    width:100%!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    opacity:1!important;
    overflow:visible!important;
    transform:none!important;
    background:#fff!important;
  }

  body.fyn-premium-header-active #masthead .header-main .site-header-inner,
  body.fyn-premium-header-active #masthead.fyn-header-compact .header-main .site-header-inner{
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) 76px!important;
    width:calc(100% - 20px)!important;
    max-width:none!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    margin:0 auto!important;
    padding:0!important;
    align-items:center!important;
    gap:9px!important;
    opacity:1!important;
    overflow:visible!important;
  }

  /* Keep non-mobile header rows hidden */
  body.fyn-premium-header-active #masthead .header-topbar,
  body.fyn-premium-header-active #masthead .header-bottom,
  body.fyn-premium-header-active #masthead .header-sub{
    display:none!important;
  }

  /* Hamburger column */
  body.fyn-premium-header-active #masthead .fyn-layout-extra-column{
    display:flex!important;
    grid-column:1!important;
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    opacity:1!important;
    overflow:visible!important;
    pointer-events:auto!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-extra-column button,
  body.fyn-premium-header-active #masthead .fyn-layout-extra-column a,
  body.fyn-premium-header-active #masthead .menu-toggle,
  body.fyn-premium-header-active #masthead .mobile-menu-toggle,
  body.fyn-premium-header-active #masthead .site-action-button,
  body.fyn-premium-header-active #masthead .site-action-link{
    position:relative!important;
    display:flex!important;
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #cbd8e8!important;
    border-radius:11px!important;
    background:#f8fafc!important;
    box-shadow:0 4px 11px rgba(15,23,42,.08)!important;
    color:#173f91!important;
    align-items:center!important;
    justify-content:center!important;
    opacity:1!important;
    overflow:hidden!important;
    pointer-events:auto!important;
    text-indent:-9999px!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-extra-column button::before,
  body.fyn-premium-header-active #masthead .fyn-layout-extra-column a::before,
  body.fyn-premium-header-active #masthead .menu-toggle::before,
  body.fyn-premium-header-active #masthead .mobile-menu-toggle::before,
  body.fyn-premium-header-active #masthead .site-action-button::before,
  body.fyn-premium-header-active #masthead .site-action-link::before{
    content:""!important;
    position:absolute!important;
    top:12px!important;
    left:10px!important;
    width:18px!important;
    height:2px!important;
    border-radius:4px!important;
    background:#173f91!important;
    box-shadow:0 6px 0 #173f91,0 12px 0 #173f91!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-extra-column svg,
  body.fyn-premium-header-active #masthead .fyn-layout-extra-column i,
  body.fyn-premium-header-active #masthead .fyn-layout-extra-column span{
    opacity:0!important;
    visibility:hidden!important;
  }

  /* Logo */
  body.fyn-premium-header-active #masthead .fyn-layout-logo-column{
    display:flex!important;
    grid-column:2!important;
    min-width:0!important;
    width:auto!important;
    height:58px!important;
    margin:0!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-logo-column .site-brand,
  body.fyn-premium-header-active #masthead .fyn-layout-logo-column .site-brand>a{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:170px!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    margin:0!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-logo-column .site-brand>a{
    background-position:center center!important;
    background-size:165px 165px!important;
  }

  /* Compact MRO button */
  body.fyn-premium-header-active #masthead .fyn-mobile-buy-mro{
    display:inline-flex!important;
    grid-column:3!important;
    width:76px!important;
    min-width:76px!important;
    max-width:76px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0 8px!important;
    border:1px solid #f97316!important;
    border-radius:11px!important;
    background:linear-gradient(135deg,#fb923c,#f97316)!important;
    box-shadow:0 5px 13px rgba(249,115,22,.22)!important;
    color:#fff!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:9.5px!important;
    font-weight:850!important;
    line-height:1!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }

  /* Search/action columns hidden in top row */
  body.fyn-premium-header-active #masthead .fyn-layout-search-column,
  body.fyn-premium-header-active #masthead .fyn-layout-action-column{
    display:none!important;
  }

  /* Search panel can escape hidden column */
  body.fyn-premium-header-active #masthead .fyn-layout-search-column.fyn-mobile-search-holder-open{
    display:block!important;
    position:static!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-search-column.fyn-mobile-search-holder-open .fyn-header-search-wrap,
  body.fyn-premium-header-active #masthead .fyn-header-search-wrap.fyn-mobile-search-open{
    display:block!important;
    position:fixed!important;
    z-index:100005!important;
    right:10px!important;
    bottom:80px!important;
    left:10px!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    margin:0!important;
    padding:10px!important;
    border:1px solid #d7e2ef!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:0 24px 60px rgba(15,23,42,.25)!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
    pointer-events:auto!important;
  }
}

@media(max-width:390px){
  body.fyn-premium-header-active #masthead .header-main .site-header-inner{
    grid-template-columns:40px minmax(0,1fr) 72px!important;
    gap:8px!important;
  }

  body.fyn-premium-header-active #masthead .fyn-mobile-buy-mro{
    width:72px!important;
    min-width:72px!important;
    max-width:72px!important;
    font-size:9px!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-logo-column .site-brand>a{
    background-size:150px 150px!important;
  }
}


/* =========================================================
   V1.0.8 — MOBILE CONTROL & SEARCH OVERLAY CORRECTION
   ========================================================= */

@media(max-width:1023px){

  /* Equal 40px visual controls */
  body.fyn-premium-header-active #masthead .header-main .site-header-inner{
    grid-template-columns:40px minmax(0,1fr) 76px!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    gap:9px!important;
  }

  /* Hide all original theme controls visually, but preserve them for JS trigger */
  body.fyn-premium-header-active #masthead .fyn-layout-extra-column
  > :not(.fyn-custom-mobile-menu){
    position:absolute!important;
    width:1px!important;
    min-width:1px!important;
    height:1px!important;
    min-height:1px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    opacity:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-extra-column{
    position:relative!important;
    display:flex!important;
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
  }

  /* New premium four-line hamburger */
  body.fyn-premium-header-active #masthead .fyn-custom-mobile-menu{
    position:relative!important;
    display:flex!important;
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0 10px!important;
    border:1px solid #cbd8e8!important;
    border-radius:11px!important;
    background:linear-gradient(180deg,#fff,#f6f9fc)!important;
    box-shadow:0 5px 13px rgba(15,23,42,.09)!important;
    align-items:flex-start!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:3px!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
    cursor:pointer!important;
    text-indent:0!important;
    pointer-events:auto!important;
  }

  body.fyn-premium-header-active #masthead .fyn-custom-mobile-menu::before,
  body.fyn-premium-header-active #masthead .fyn-custom-mobile-menu::after{
    content:none!important;
    display:none!important;
  }

  body.fyn-premium-header-active #masthead .fyn-custom-mobile-menu span{
    display:block!important;
    width:18px!important;
    height:2px!important;
    min-height:2px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:4px!important;
    background:#173f91!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }

  body.fyn-premium-header-active #masthead .fyn-custom-mobile-menu span:nth-child(2){
    width:14px!important;
  }

  body.fyn-premium-header-active #masthead .fyn-custom-mobile-menu span:nth-child(4){
    width:11px!important;
  }

  /* Logo container equal visual height */
  body.fyn-premium-header-active #masthead .fyn-layout-logo-column{
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    align-self:center!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-logo-column .site-brand,
  body.fyn-premium-header-active #masthead .fyn-layout-logo-column .site-brand>a{
    width:100%!important;
    max-width:170px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    align-items:center!important;
    justify-content:center!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-logo-column .site-brand>a{
    background-position:center center!important;
    background-size:165px 165px!important;
  }

  body.fyn-premium-header-active #masthead .fyn-mobile-buy-mro{
    width:76px!important;
    min-width:76px!important;
    max-width:76px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    align-self:center!important;
    border-radius:11px!important;
  }

  /* Backdrop below search panel */
  body.fyn-mobile-search-active::before{
    content:""!important;
    position:fixed!important;
    z-index:100000!important;
    inset:0!important;
    background:rgba(15,23,42,.32)!important;
    backdrop-filter:blur(3px)!important;
    -webkit-backdrop-filter:blur(3px)!important;
    pointer-events:auto!important;
  }

  /* Force search holder and panel above backdrop */
  body.fyn-premium-header-active #masthead .fyn-layout-search-column.fyn-mobile-search-holder-open{
    display:block!important;
    position:fixed!important;
    z-index:100010!important;
    inset:auto!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    overflow:visible!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  body.fyn-premium-header-active #masthead .fyn-header-search-wrap.fyn-mobile-search-open{
    display:block!important;
    position:fixed!important;
    z-index:100020!important;
    top:auto!important;
    right:10px!important;
    bottom:82px!important;
    left:10px!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:10px!important;
    border:1px solid #d7e2ef!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:0 24px 65px rgba(15,23,42,.28)!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }

  body.fyn-premium-header-active #masthead .fyn-header-search-wrap.fyn-mobile-search-open .fyn-header-search{
    display:flex!important;
    width:100%!important;
    height:46px!important;
    min-height:46px!important;
    border:1.5px solid #b8c8dc!important;
    border-radius:12px!important;
    background:#fff!important;
  }

  body.fyn-premium-header-active #masthead .fyn-header-search-wrap.fyn-mobile-search-open .fyn-header-search input{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    padding-right:7px!important;
    color:#0f172a!important;
    font-size:13px!important;
    opacity:1!important;
    visibility:visible!important;
  }

  body.fyn-premium-header-active #masthead .fyn-header-search-wrap.fyn-mobile-search-open .fyn-header-search button{
    display:grid!important;
    flex:0 0 46px!important;
    width:46px!important;
    height:44px!important;
    border-radius:0 11px 11px 0!important;
    opacity:1!important;
    visibility:visible!important;
  }

  body.fyn-premium-header-active #masthead .fyn-header-search-wrap.fyn-mobile-search-open .fyn-header-suggestions{
    z-index:100030!important;
  }
}

@media(max-width:390px){
  body.fyn-premium-header-active #masthead .header-main .site-header-inner{
    grid-template-columns:40px minmax(0,1fr) 72px!important;
  }

  body.fyn-premium-header-active #masthead .fyn-mobile-buy-mro{
    width:72px!important;
    min-width:72px!important;
    max-width:72px!important;
  }

  body.fyn-premium-header-active #masthead .fyn-layout-logo-column .site-brand>a{
    background-size:150px 150px!important;
  }
}