:root{--swcn-accent:#f15a2b;--swcn-bg:#0b0b0b;--swcn-fg:#f4f1ec;--swcn-mute:#9b9892;--swcn-line:#232323;--swcn-font:'Anton','Bebas Neue','Barlow Condensed',Impact,'Arial Narrow',sans-serif;--swcn-h:68px}
.swcn,.swcn *{box-sizing:border-box}
.swcn{background:var(--swcn-bg);color:var(--swcn-fg);position:relative;z-index:9990;border-bottom:1px solid var(--swcn-line);font-family:inherit}
body.swcn-sticky .swcn{position:sticky;top:0}
body.admin-bar.swcn-sticky .swcn{top:32px}
@media (max-width:782px){body.admin-bar.swcn-sticky .swcn{top:46px}}
.swcn a{color:inherit;text-decoration:none}
.swcn ul{list-style:none;margin:0;padding:0}
.swcn button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
.swcn :focus-visible{outline:2px solid var(--swcn-accent);outline-offset:2px}

/* promo strip (desktop only) */
.swcn__strip{display:none;background:var(--swcn-accent);color:#0b0b0b;text-align:center;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;padding:8px 16px}
.swcn__strip a{margin-left:14px;text-decoration:underline;text-underline-offset:3px}

/* bar */
.swcn__bar{display:flex;align-items:center;gap:20px;max-width:1400px;margin:0 auto;padding:0 20px;height:var(--swcn-h);transition:height .2s}
.swcn.is-shrunk .swcn__bar{--swcn-h:54px;height:54px}
.swcn__logo{font-family:var(--swcn-font);font-size:24px;letter-spacing:.01em;text-transform:uppercase;line-height:1;white-space:nowrap;display:flex;align-items:center}
.swcn__logo b{color:var(--swcn-accent);font-weight:inherit}
.swcn__logo img{max-height:34px;width:auto;display:block}
.swcn__cta{display:inline-flex;align-items:center;justify-content:center;background:var(--swcn-accent);color:#0b0b0b!important;font-family:var(--swcn-font);text-transform:uppercase;letter-spacing:.1em;font-size:14px;padding:0 18px;height:40px;white-space:nowrap}
.swcn__cta:hover{filter:brightness(1.1)}
.swcn__cta--block{display:flex;height:52px;font-size:15px;width:100%}
.swcn__login{font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;white-space:nowrap}
.swcn__login:hover{color:var(--swcn-accent)}
.swcn__searchbtn,.swcn__burger{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center}
.swcn__i-close{display:none}
.swcn__burger[aria-expanded="true"] .swcn__i-open{display:none}
.swcn__burger[aria-expanded="true"] .swcn__i-close{display:block}

/* desktop */
.swcn__nav{flex:1;min-width:0}
.swcn__nav>ul{display:flex;gap:6px}
.swcn__item{position:relative;display:flex;align-items:center}
.swcn__item>a{display:block;padding:24px 12px;font-family:var(--swcn-font);font-size:15px;letter-spacing:.08em;text-transform:uppercase;position:relative}
.swcn__item>a:hover{color:var(--swcn-accent)}
.swcn__item.is-current>a:after{content:"";position:absolute;left:12px;right:12px;bottom:14px;height:2px;background:var(--swcn-accent)}
.swcn__caret{margin-left:-6px;padding:10px 6px;opacity:.7}
.swcn__panel{position:absolute;top:100%;left:0;min-width:240px;background:var(--swcn-bg);border:1px solid var(--swcn-line);border-top:2px solid var(--swcn-accent);padding:10px 0;box-shadow:0 18px 40px rgba(0,0,0,.6);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .15s,transform .15s,visibility .15s}
.swcn__item.is-open .swcn__panel{opacity:1;visibility:visible;transform:none}
.swcn__panel a{display:flex;justify-content:space-between;gap:20px;padding:10px 20px;font-size:14px}
.swcn__panel a:hover{background:#151515;color:var(--swcn-accent)}
.swcn__panel small{color:var(--swcn-mute);font-size:12px}
.swcn__search{display:flex;align-items:center;gap:8px;border:1px solid var(--swcn-line);height:40px;padding:0 12px;width:240px;color:var(--swcn-mute)}
.swcn__search input{background:none;border:0;outline:0;color:var(--swcn-fg);width:100%;font-size:14px;box-shadow:none;padding:0;height:auto}
.swcn__search:focus-within{border-color:var(--swcn-accent)}
.swcn__actions{display:flex;align-items:center;gap:18px}
.swcn__searchbtn,.swcn__burger{display:none}
@media (min-width:1101px){
	.swcn__strip{display:flex;justify-content:center;align-items:center}
	.swcn__sheet{display:none!important}
}

/* mobile */
@media (max-width:1100px){
	.swcn__bar{padding:0 16px;gap:10px;--swcn-h:60px;height:60px}
	.swcn__logo{font-size:20px;margin-right:auto}
	.swcn__nav,.swcn__search,.swcn__login{display:none}
	.swcn__actions{gap:6px}
	.swcn__searchbtn,.swcn__burger{display:inline-flex}
	.swcn__actions>.swcn__cta{height:38px;padding:0 16px}
	.swcn__sheet{position:fixed;left:0;right:0;bottom:0;top:var(--swcn-top,60px);background:var(--swcn-bg);overflow-y:auto;overscroll-behavior:contain;padding:16px 16px 28px;display:flex;flex-direction:column;z-index:9989}
	.swcn__sheet[hidden]{display:none}
	.swcn__msearch{display:flex;align-items:center;gap:10px;border:1px solid var(--swcn-line);height:52px;padding:0 16px;color:var(--swcn-mute)}
	.swcn__msearch input{background:none;border:0;outline:0;color:var(--swcn-fg);width:100%;font-size:16px;box-shadow:none;padding:0}
	.swcn__msearch:focus-within{border-color:var(--swcn-accent)}
	.swcn__mlist{margin:10px -16px 0}
	.swcn__mlist li{border-bottom:1px solid var(--swcn-line)}
	.swcn__mlist a{display:flex;align-items:center;gap:12px;min-height:58px;padding:0 16px;font-family:var(--swcn-font);font-size:26px;text-transform:uppercase;letter-spacing:.01em}
	.swcn__mlist a span{flex:1}
	.swcn__mlist a em{font-style:normal;font-family:ui-monospace,Menlo,monospace;font-size:12px;color:var(--swcn-mute)}
	.swcn__mlist a svg{color:var(--swcn-mute)}
	.swcn__mlist .is-current a{color:var(--swcn-accent);box-shadow:inset 3px 0 0 var(--swcn-accent)}
	.swcn__card{margin-top:20px;border:1px solid var(--swcn-accent);background:#150f0d;padding:18px}
	.swcn__card strong{display:block;font-family:var(--swcn-font);font-size:22px;text-transform:uppercase;line-height:1.1}
	.swcn__card p{margin:8px 0 14px;color:var(--swcn-mute);font-size:14px}
	.swcn__plans{display:block;text-align:center;margin-top:12px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--swcn-mute)!important;text-decoration:underline!important}
	.swcn__foot{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:24px}
	.swcn__btn{display:flex;align-items:center;justify-content:center;height:52px;border:1px solid #3a3a3a;font-family:var(--swcn-font);text-transform:uppercase;letter-spacing:.1em;font-size:14px}
	.swcn__btn--hot{background:var(--swcn-accent);border-color:var(--swcn-accent);color:#0b0b0b}
}
body.swcn-lock{overflow:hidden}
@media (prefers-reduced-motion:reduce){.swcn *{transition:none!important}}

/* v1.0.2: no wrapping, theme-proof search inputs, tighter bar on small desktops */
.swcn__logo,.swcn__actions,.swcn__cta,.swcn__login{flex-shrink:0}
.swcn__item>a{white-space:nowrap}
.swcn .swcn__search input[type="search"],.swcn .swcn__msearch input[type="search"]{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--swcn-fg)!important;-webkit-appearance:none;appearance:none;margin:0;min-width:0;height:auto;border-radius:0}
.swcn__search{flex-shrink:1;min-width:0}
@media (min-width:1101px) and (max-width:1320px){
	.swcn__bar{gap:14px}
	.swcn__item>a{padding:24px 8px;font-size:14px}
	.swcn__search{width:170px}
	.swcn__actions{gap:14px}
}

/* v1.0.3: the header must always fit the screen (logo + search + CTA + burger used to be wider than a 360px phone and widened the whole page) */
.swcn__bar{max-width:min(1400px,100%)}
/* logo may shrink (clipped as a last resort) so the CTA and burger always stay on screen, whatever font renders */
.swcn__logo{min-width:0;flex:0 1 auto;overflow:hidden}
.swcn__logo img{max-width:100%}
.swcn__logo,.swcn__item>a{font-synthesis:none}
@media (max-width:480px){
	.swcn__bar{padding:0 12px;gap:6px}
	.swcn__logo{font-size:clamp(12px,4vw,20px)}
	.swcn__actions{gap:2px}
	.swcn__actions>.swcn__cta{padding:0 10px;font-size:12px;letter-spacing:.06em;height:36px}
}
@media (max-width:350px){
	.swcn__actions>.swcn__cta{padding:0 7px;font-size:11px;letter-spacing:.04em}
	.swcn__searchbtn,.swcn__burger{width:34px}
	.swcn__logo{font-size:clamp(11px,3.9vw,20px)}
}

/* v1.1.0: per-page hiding (Admin > SWC Tools > SWC Nav Visibility). Mobile = the nav's own 1100px breakpoint. */
body.swcn-hidden .swcn{display:none!important}
@media (max-width:1100px){body.swcn-hide-mobile .swcn{display:none!important}}
@media (min-width:1101px){body.swcn-hide-desktop .swcn{display:none!important}}
