/* cemberkay global shell contract v2.5.3
   This file deliberately overrides page-specific header/footer rules so Home, Shop,
   News, Events, Leaderboard, Driver, Telemetry and Admin share one shell. */
:root{--ck-shell-header:82px}
.site-header{
  position:sticky!important;top:0!important;z-index:50!important;width:100%!important;
  height:var(--ck-shell-header)!important;padding:0 max(24px,calc((100vw - 1320px)/2))!important;
  display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;
  overflow:visible!important;border-bottom:1px solid rgba(255,255,255,.09)!important;
  background:rgba(7,9,12,.76)!important;backdrop-filter:blur(18px)!important;
}
.site-header .brand{justify-self:start!important;display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;font-weight:800!important;letter-spacing:-.03em!important;text-transform:lowercase!important}
.site-header .brand img{display:block!important;width:34px!important;height:34px!important;object-fit:contain!important;flex:0 0 auto!important}
.site-header .brand span{font-size:17px!important;white-space:nowrap!important}
.site-header .nav{display:flex!important;align-items:center!important;gap:27px!important;color:#b8c0ce!important}
.site-header .nav>a,.site-header .nav-group>.nav-trigger{position:relative!important;display:flex!important;align-items:center!important;height:82px!important;padding:0!important;border:0!important;background:transparent!important;color:#b8c0ce!important;font:700 13px/1 Inter,Arial,sans-serif!important;white-space:nowrap!important;cursor:pointer!important}
.site-header .nav>a:hover,.site-header .nav>a.active,.site-header .nav-group:hover>.nav-trigger,.site-header .nav-group:focus-within>.nav-trigger,.site-header .nav-group.active>.nav-trigger{color:#fff!important}
.site-header .nav>a.active::after,.site-header .nav>a[aria-current="page"]::after,.site-header .nav-group.active>.nav-trigger::after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:2px!important;border-radius:999px!important;background:#69ff91!important;transform:none!important;opacity:1!important}
.site-header .nav-group{position:relative!important;height:82px!important;display:flex!important;align-items:center!important}
.site-header .nav-trigger::before{content:"";order:2;width:6px;height:6px;margin-left:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.8}
.site-header .nav-dropdown{position:absolute!important;left:50%!important;top:68px!important;min-width:184px!important;padding:8px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:14px!important;background:rgba(10,13,18,.98)!important;box-shadow:0 22px 48px rgba(0,0,0,.42)!important;backdrop-filter:blur(18px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(-50%,-7px)!important;transition:.16s ease!important}
.site-header .nav-group:hover .nav-dropdown,.site-header .nav-group:focus-within .nav-dropdown{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0)!important}
.site-header .nav-dropdown a{display:block!important;height:auto!important;padding:11px 12px!important;border-radius:9px!important;color:#aeb9c8!important;font-size:12px!important;font-weight:800!important;line-height:1.2!important}
.site-header .nav-dropdown a::after{display:none!important}.site-header .nav-dropdown a:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}
.site-header .header-right,.site-header .header-actions.header-right{justify-self:end!important;display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
.site-header .desktop-quote{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:0 17px!important;border:1px solid #f5f7fb!important;border-radius:999px!important;background:#f5f7fb!important;color:#080b0f!important;font:850 12px/1 Inter,Arial,sans-serif!important;letter-spacing:0!important;transform:none!important;white-space:nowrap!important}
.site-header .desktop-quote:hover{background:#fff!important;color:#080b0f!important;transform:none!important}
.site-header .menu-toggle{display:none!important;width:46px!important;height:46px!important;padding:0!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important;background:rgba(255,255,255,.03)!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;cursor:pointer!important}
.site-header .menu-toggle span{display:block!important;width:18px!important;height:2px!important;border-radius:999px!important;background:#fff!important;transition:.2s ease!important}
body.menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}body.menu-open .menu-toggle span:nth-child(2){opacity:0!important}body.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}
.mobile-menu{position:fixed!important;inset:82px 0 auto 0!important;z-index:49!important;padding:0 16px 16px!important}.mobile-menu-panel{border:1px solid rgba(255,255,255,.10)!important;border-radius:24px!important;background:rgba(10,13,18,.96)!important;backdrop-filter:blur(18px)!important;box-shadow:0 24px 50px rgba(0,0,0,.35)!important}.mobile-nav{display:flex!important;flex-direction:column!important;gap:6px!important;padding:18px!important}.mobile-nav>a:not(.btn):not(.button),.mobile-nav button.nav-button{display:block!important;padding:14px!important;border:0!important;border-radius:14px!important;background:transparent!important;color:#c6ceda!important;font:800 14px/1.2 Inter,Arial,sans-serif!important;text-align:left!important}.mobile-nav>a.active,.mobile-nav>a[aria-current="page"],.mobile-nav>a:not(.btn):not(.button):hover,.mobile-nav button.nav-button:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}.mobile-nav .mobile-challenge{padding:8px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;background:rgba(255,255,255,.025)!important}.mobile-nav .mobile-challenge>span{display:block!important;padding:5px 7px 7px!important;color:#647286!important;font-size:8px!important;font-weight:950!important;letter-spacing:.14em!important}.mobile-nav .mobile-challenge-links{display:grid!important;grid-template-columns:1fr!important;gap:3px!important}.mobile-nav .mobile-challenge-links a{padding:11px 12px!important;border-radius:10px!important;background:rgba(255,255,255,.025)!important;color:#c6ceda!important;font-size:13px!important;font-weight:800!important}.mobile-nav>a.btn.primary,.mobile-nav>a.button.button-light{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:44px!important;margin-top:5px!important;padding:0 16px!important;border:1px solid #f5f7fb!important;border-radius:999px!important;background:#f5f7fb!important;color:#080b0f!important;font-size:12px!important;font-weight:850!important}
.footer.shell{width:min(1320px,calc(100vw - 48px))!important;height:120px!important;margin:0 auto!important;padding:0!important;border-top:1px solid rgba(255,255,255,.12)!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;gap:20px!important;align-items:center!important;color:#8490a1!important}.footer.shell .footer-brand,.footer.shell>.brand{justify-self:start!important;display:flex!important;align-items:center!important;gap:12px!important;color:#fff!important;font-weight:800!important;letter-spacing:-.03em!important}.footer.shell .footer-brand img,.footer.shell>.brand img{width:34px!important;height:34px!important;object-fit:contain!important}.footer.shell .footer-brand span,.footer.shell>.brand span{font-size:17px!important}.footer.shell .footer-links{display:flex!important;gap:20px!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important}.footer.shell .footer-links a{color:#909bac!important;font-size:11px!important;font-weight:800!important}.footer.shell .footer-links a:hover{color:#fff!important}.footer.shell .copyright{justify-self:end!important;color:#5e6674!important;font-size:10px!important;font-weight:800!important;letter-spacing:.12em!important;white-space:nowrap!important}
@media(max-width:1060px){.site-header{grid-template-columns:1fr auto!important}.site-header .nav,.site-header .desktop-quote{display:none!important}.site-header .menu-toggle{display:inline-flex!important}.footer.shell{grid-template-columns:1fr auto!important}.footer.shell .footer-links{display:none!important}}
@media(max-width:650px){:root{--ck-shell-header:70px}.site-header{height:70px!important;padding:0 14px!important}.site-header .brand span{display:none!important}.mobile-menu{inset:70px 0 auto 0!important;padding:0 12px 12px!important}.footer.shell{width:calc(100vw - 28px)!important;height:96px!important}.footer.shell .footer-brand span,.footer.shell>.brand span{display:none!important}.footer.shell .copyright{font-size:8px!important}}
/* v2.5.3.3: explicit Competition disclosure indicator */
.site-header .nav-trigger::before{display:none!important}
.site-header .nav-trigger .nav-chevron{display:inline-block!important;margin-left:7px!important;font-size:12px!important;line-height:1!important;color:currentColor!important;opacity:.82!important;transform:translateY(-1px)!important;transition:transform .16s ease,opacity .16s ease!important}
.site-header .nav-group:hover>.nav-trigger .nav-chevron,.site-header .nav-group:focus-within>.nav-trigger .nav-chevron{transform:translateY(-1px) rotate(180deg)!important;opacity:1!important}


/* v2.5.5 / v1.2.1 / v1.6.25 — Competition mobile disclosure */
.mobile-nav .mobile-challenge{display:none!important}
.mobile-nav .mobile-competition{display:block!important;padding:0!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;background:rgba(255,255,255,.025)!important;overflow:hidden!important}
.mobile-nav .mobile-competition summary{list-style:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:14px!important;color:#c6ceda!important;font:900 14px/1.2 Inter,Arial,sans-serif!important;cursor:pointer!important;user-select:none!important}
.mobile-nav .mobile-competition summary::-webkit-details-marker{display:none!important}
.mobile-nav .mobile-competition summary span{font-size:12px!important;transition:transform .18s ease!important;opacity:.8!important}
.mobile-nav .mobile-competition[open] summary{background:rgba(255,255,255,.05)!important;color:#fff!important}
.mobile-nav .mobile-competition[open] summary span{transform:rotate(180deg)!important}
.mobile-nav .mobile-competition-links{display:grid!important;grid-template-columns:1fr!important;gap:3px!important;padding:0 8px 8px!important}
.mobile-nav .mobile-competition-links a{display:block!important;padding:11px 12px!important;border-radius:10px!important;background:rgba(255,255,255,.025)!important;color:#c6ceda!important;font-size:13px!important;font-weight:800!important}
.mobile-nav .mobile-competition-links a:hover,.mobile-nav .mobile-competition-links a[aria-current="page"]{background:rgba(255,255,255,.07)!important;color:#fff!important}


/* v3.1.0 — quieter mobile Competition disclosure */
.mobile-nav .mobile-competition{
  border:0!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:visible!important;
}
.mobile-nav .mobile-competition summary{
  padding:11px 14px!important;
  color:#aeb8c7!important;
  font:800 13px/1.2 Inter,Arial,sans-serif!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.mobile-nav .mobile-competition[open] summary{
  background:transparent!important;
  color:#fff!important;
}
.mobile-nav .mobile-competition-links{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:5px!important;
  padding:0 8px 10px!important;
}
.mobile-nav .mobile-competition-links a{
  display:flex!important;
  min-height:38px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 6px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.018)!important;
  font-size:10px!important;
  font-weight:800!important;
  text-align:center!important;
}


/* R22 mobile Competition navigation */
.mobile-nav .mobile-competition summary .mobile-competition-home{display:block!important;flex:1!important;padding:0!important;margin:0!important;background:transparent!important;color:inherit!important;text-decoration:none!important;font:inherit!important;text-align:left!important}
.mobile-nav .mobile-competition-links{grid-template-columns:1fr!important}
.mobile-nav .mobile-competition-links a{justify-content:flex-start!important;text-align:left!important;padding:11px 12px!important;font-size:12px!important}


/* R23 — one minimal footer across the whole public site */
.footer.shell.site-footer-minimal{
  width:min(1320px,calc(100vw - 48px))!important;
  min-height:104px!important;
  height:auto!important;
  margin:0 auto!important;
  padding:24px 0!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#8490a1!important;
}
.footer.shell.site-footer-minimal .footer-links{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:16px 24px!important;
}
.footer.shell.site-footer-minimal .footer-links a{
  color:#909bac!important;
  font-size:11px!important;
  font-weight:800!important;
  text-decoration:none!important;
}
.footer.shell.site-footer-minimal .footer-links a:hover{color:#fff!important}
.footer.shell.site-footer-minimal .footer-year-anchor{display:none!important}
@media(max-width:1060px){
  .footer.shell.site-footer-minimal .footer-links{display:flex!important}
}
@media(max-width:650px){
  .footer.shell.site-footer-minimal{width:calc(100vw - 28px)!important;min-height:0!important;padding:24px 0!important}
  .footer.shell.site-footer-minimal .footer-links{display:flex!important;gap:14px 18px!important}
  .footer.shell.site-footer-minimal .footer-links a{font-size:10px!important}
}


/* R30: compact mobile Competition submenu, plain links instead of cards */
@media(max-width:760px){
  .mobile-nav .mobile-competition-links{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    padding:2px 0 8px!important;
  }
  .mobile-nav .mobile-competition-links a{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:0!important;
    padding:9px 14px 9px 28px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#aeb8c7!important;
    font-size:12.5px!important;
    font-weight:800!important;
    text-align:left!important;
  }
  .mobile-nav .mobile-competition-links a::before{
    content:'';
    position:absolute;
    left:15px;
    width:4px;
    height:4px;
    border-radius:50%;
    background:#465264;
  }
  .mobile-nav .mobile-competition-links a:hover,
  .mobile-nav .mobile-competition-links a.active,
  .mobile-nav .mobile-competition-links a[aria-current="page"]{
    background:transparent!important;
    color:#fff!important;
  }
  .mobile-nav .mobile-competition-links a:hover::before,
  .mobile-nav .mobile-competition-links a.active::before,
  .mobile-nav .mobile-competition-links a[aria-current="page"]::before{background:#69ff91!important}
}
