/* FINAL HEADER - isolated from old CMS header rules */
.sf-final-header,
.sf-final-header *{box-sizing:border-box}
.sf-final-header{position:sticky;top:0;z-index:1000;background:linear-gradient(180deg,#050a13 0%,#07101d 100%);border-bottom:1px solid rgba(126,157,255,.12);box-shadow:0 12px 34px rgba(0,0,0,.28)}
.sf-final-header-inner{width:min(1600px,calc(100% - 48px));margin:0 auto;padding:20px 0 18px}
.sf-final-toprow{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:26px;min-height:92px}
.sf-final-side{min-width:0}
.sf-final-side-right{display:flex;justify-content:flex-end}
.sf-final-brand{grid-column:2;display:flex;align-items:center;justify-self:center;gap:18px;text-decoration:none;color:#fff;min-width:0}
.sf-final-vinyl{position:relative;display:block;flex:0 0 auto;width:78px;height:78px;border-radius:50%;background:
  radial-gradient(circle at center,#06111e 0 8px,#e6f2ff 8px 14px,#10223b 14px 18px,#030812 18px 27px,#15396f 27px 29px,#02050b 29px 100%);
  border:1px solid rgba(108,148,255,.8);box-shadow:0 0 0 2px rgba(42,91,199,.2),0 0 24px rgba(53,110,255,.36)}
.sf-final-vinyl:before,.sf-final-vinyl:after{content:'';position:absolute;inset:9px;border:1px solid rgba(122,153,255,.45);border-radius:50%}
.sf-final-vinyl:after{inset:16px;border-color:rgba(122,153,255,.28)}
.sf-final-vinyl i{position:absolute;left:69px;top:38px;width:34px;height:3px;border-radius:6px;background:linear-gradient(90deg,#b8c9ea,#ffffff);transform:rotate(-18deg);transform-origin:left center;box-shadow:0 0 7px rgba(202,222,255,.45)}
.sf-final-brand-copy{display:block;min-width:0;text-align:center}
.sf-final-brand-copy strong{display:block;white-space:nowrap;font-family:Arial,Helvetica,sans-serif;font-size:clamp(30px,2.45vw,46px);font-weight:900;line-height:1;letter-spacing:-.035em;color:#f7f9fd;text-shadow:0 2px 18px rgba(0,0,0,.32)}
.sf-final-brand-copy strong b{color:#ffbf16}
.sf-final-brand-copy small{display:block;margin-top:8px;font-family:Arial,Helvetica,sans-serif;font-size:clamp(14px,1.15vw,19px);font-weight:400;color:#f2f5fb;opacity:.9}
.sf-final-search{display:flex;align-items:center;width:min(100%,560px);height:64px;padding:7px 8px 7px 18px;border-radius:999px;background:linear-gradient(180deg,rgba(18,29,50,.78),rgba(9,17,31,.9));border:1px solid rgba(102,139,217,.42);box-shadow:inset 0 0 24px rgba(61,106,198,.08),0 8px 20px rgba(0,0,0,.16)}
.sf-final-search-glass{flex:0 0 auto;margin-right:10px;color:#f5f8ff;font-size:27px;line-height:1;opacity:.95}
.sf-final-search input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;color:#f7f9fd;font:400 16px/1 Arial,Helvetica,sans-serif;padding:0 8px}
.sf-final-search input::placeholder{color:#aeb8c9;opacity:.8}
.sf-final-search button{flex:0 0 auto;width:50px;height:50px;border:0;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff404d,#ff6a43);color:#fff;font-size:22px;cursor:pointer;box-shadow:0 0 18px rgba(255,72,76,.4)}
.sf-final-nav{display:flex;align-items:stretch;justify-content:center;gap:14px;width:100%;margin-top:18px}
.sf-final-nav-btn{flex:1 1 0;min-width:0;min-height:64px;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 12px;border-radius:999px;text-decoration:none;color:#f7f9ff!important;background:linear-gradient(180deg,rgba(18,29,55,.86),rgba(8,16,33,.95));border:1px solid rgba(104,137,206,.36);font-family:Arial,Helvetica,sans-serif;font-size:clamp(12px,1.02vw,17px);font-weight:700;line-height:1.15;text-align:center;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 20px rgba(0,0,0,.14);transition:.18s ease}
.sf-final-nav-btn:hover{transform:translateY(-1px);border-color:rgba(131,168,255,.68);background:linear-gradient(180deg,rgba(25,43,83,.98),rgba(10,22,47,.98))}
.sf-final-nav-btn.is-active{border-color:#79a8ff;background:linear-gradient(180deg,#1d4ca6 0%,#142a61 100%);box-shadow:0 0 22px rgba(66,126,255,.42),inset 0 1px 0 rgba(255,255,255,.16)}
.sf-final-nav-icon{font-size:23px;font-weight:400;line-height:1;color:#dce9ff;flex:0 0 auto}
.sf-final-menu-toggle{display:none}

/* neutralize legacy header blocks if an old include/cache survives */
body.sf-cms>.sf-topline,
body.sf-cms>.sf-header:not(.sf-final-header),
body.sf-cms .mag-header{display:none!important}

@media (max-width:1300px){
  .sf-final-header-inner{width:min(1600px,calc(100% - 34px))}
  .sf-final-toprow{gap:18px}
  .sf-final-brand{gap:13px}
  .sf-final-vinyl{width:68px;height:68px}
  .sf-final-vinyl i{left:60px;top:33px;width:29px}
  .sf-final-search{height:58px}
  .sf-final-search button{width:46px;height:46px}
  .sf-final-nav{gap:10px}
  .sf-final-nav-btn{min-height:58px;padding:10px 8px;gap:7px}
  .sf-final-nav-icon{font-size:19px}
}
@media (max-width:980px){
  .sf-final-header-inner{width:min(100% - 24px,900px);padding:15px 0}
  .sf-final-toprow{grid-template-columns:1fr;gap:13px;min-height:0}
  .sf-final-side-left{display:none}
  .sf-final-brand{grid-column:1;justify-self:center;padding-right:48px}
  .sf-final-side-right{grid-column:1;width:100%;justify-content:center}
  .sf-final-search{width:100%;max-width:none}
  .sf-final-menu-toggle{display:grid;place-items:center;position:absolute;right:0;top:9px;width:42px;height:42px;border:1px solid rgba(116,151,224,.4);border-radius:13px;background:#101a2c;color:#fff;font-size:22px;cursor:pointer}
  .sf-final-nav{display:none;margin-top:14px;flex-direction:column;gap:9px}
  .sf-final-nav.is-open{display:flex}
  .sf-final-nav-btn{width:100%;min-height:52px;flex:none;justify-content:flex-start;padding:10px 18px;font-size:15px}
}
@media (max-width:560px){
  .sf-final-header-inner{width:calc(100% - 18px);padding:11px 0}
  .sf-final-brand{gap:8px;padding-right:42px}
  .sf-final-vinyl{width:50px;height:50px}
  .sf-final-vinyl i{left:44px;top:24px;width:22px;height:2px}
  .sf-final-brand-copy strong{font-size:21px;white-space:normal;line-height:1.05}
  .sf-final-brand-copy small{font-size:12px;margin-top:4px}
  .sf-final-search{height:50px;padding-left:13px}
  .sf-final-search-glass{font-size:20px;margin-right:5px}
  .sf-final-search input{font-size:14px}
  .sf-final-search button{width:40px;height:40px;font-size:18px}
}